Add validated focus and hover states to design files

swisspost / design-system

The Swiss Post Design System pattern library for a consistent and accessible user experience across the web platform.

https://design-system.post.ch

Apache License 2.0

106 stars 13 forks source link

Add validated focus and hover states to design files #3043

Open gfellerph opened 2 weeks ago

gfellerph commented 2 weeks ago

In the pattern discussion from the 02.05.2024 we discussed #2972 where we decided to show the focus border on validated (valid or invalid) elements. It would be good if these styles are defined in Figma so it's clear what border color takes precedence.

### Tasks
- [ ] Define variant for validated and focused elements
- [ ] Define variant for validated and hovered elements
- [ ] Define variant for validated and disabled elements