twenty/packages
Vardhaman Bhandari 1466d44b57
fix: Make the entire advanced mode toggle container clickable (#7761)
In this PR:

- Use a real `<input type="checkbox" />` element in the `<Toggle />`
component
- Create an `accessibility` module in the `twenty-ui` package
- Export the `VISIBILITY_HIDDEN` CSS object to hide visually any element
- Export a `<VisibilityHidden />` component from the `twenty-ui` package
to add visually hidden textual information easily
- Export a `<VisibilityHiddenInput />` component to create custom form
control components easily
- Use a `<label>` element for the "Advanced:" text; it will naturally
toggle the advanced settings

Fixes #7756

---------

Co-authored-by: Devessier <baptiste@devessier.fr>
2024-10-21 18:22:10 +02:00
..
twenty-chrome-extension Use <label> HTML element when possible (#7609) 2024-10-13 20:04:24 +02:00
twenty-docker Refactor Redis connections to use Redis URL - closes #7421 (#7736) 2024-10-16 17:17:44 +02:00
twenty-e2e-testing E2E tests (#6717) 2024-08-27 11:07:10 +02:00
twenty-emails Make main the new 0.32 canary 2024-10-12 17:48:20 +02:00
twenty-front fix: Make the entire advanced mode toggle container clickable (#7761) 2024-10-21 18:22:10 +02:00
twenty-server Add filter on array and jsonb field types (#7839) 2024-10-21 18:11:02 +02:00
twenty-ui fix: Make the entire advanced mode toggle container clickable (#7761) 2024-10-21 18:22:10 +02:00
twenty-utils Fix docs build in CI (#5826) 2024-06-11 19:06:37 +02:00
twenty-website [FIX] install node version before corepack enable (#7809) 2024-10-21 16:07:14 +02:00
twenty-zapier Fix zapier tests (#7568) 2024-10-10 16:34:34 +02:00