search

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
121 stars 14 forks source link

Styles: Update radio button #2526

Closed gfellerph closed 2 months ago

gfellerph commented 8 months ago

Design: https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=7777%3A33876&mode=design&t=VnF7Nfba4zszs6Kt-1

Focus style: Since the focus now spans the label as well, we need to use the :focus-within https://caniuse.com/?search=focus-within pseudo class to set the focus on the wrapping div.

If it isn't already done, create a mixin (not a placeholder (it's less error prone and more flexible)) for the focus style as all the components will share this style in the future.

### Tasks
- [x] Update focus styles
- [x] Update disabled styles
- [ ] https://github.com/swisspost/design-system/issues/852
rouvenpost commented 8 months ago

We need a Negative Variant for the Radios

rouvenpost commented 5 months ago

Negative Variants have been added to the Design: https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=8188%3A35268&mode=design&t=mSfxUokncFWeUSOA-1

rouvenpost commented 5 months ago

Ready for Review...

davidritter-dotcom commented 2 months ago

closing as done