Support for border-width adjustment of Form control states

nl-design-system / utrecht

Work in Progress: Utrecht Design System based on the NL Design System architecture. Storybook: https://nl-design-system.github.io/utrecht/storybook/

https://nl-design-system.github.io/utrecht/

European Union Public License 1.2

24 stars 17 forks source link

Support for border-width adjustment of Form control states #2516

Open jeffreylauwers opened 1 month ago

jeffreylauwers commented 1 month ago

A comment on the Checkbox Github Discussion of GOV.UK notes that a high-contrast user would benefit from a visual change for hover state.

Adding support for 'border-width' on hover and active (focus) would be useful. Ideally, this should work the same for components like checkbox, radio button, textbox, textarea, etc.

jeffreylauwers commented 1 month ago

Relates to this PR: https://github.com/nl-design-system/utrecht/pull/2510

AlineNap commented 1 month ago

Reactie Robbert op deze aanvraag van lux:

Die border toevoegen heeft nogal wat voeten in de aarde, zie PR https://github.com/nl-design-system/utrecht/pull/2510. Ik ben nog niet helemaal tevreden over mijn aanpak in de PR, omdat dit niet werkt voor forced-colors mode. Zouden jullie misschien een tweede PR willen maken met een variant waar de extra border-width met calc() van de padding afgehaald wordt?