search

helpscout / hsds-react

Help Scout Design System (HSDS) — React Component Library
MIT License
86 stars 17 forks source link

Switch: updates styles for accessibility #1052

Closed tinkertrain closed 2 years ago

tinkertrain commented 2 years ago

Problem

The Switch focus state was basically invisible, we update the styles to match the most up-to-date design:

Screen Shot 2022-04-19 at 3 27 37 PM

Solution

Use the focusRing we use on buttons, update colours:

shows

Updates the story to showcase better: https://735dad87.hsds-react.pages.dev/?path=/story/components-forms-switch--default-story

cloudflare-pages[bot] commented 2 years ago

Deploying with  Cloudflare Pages  Cloudflare Pages

Latest commit: 0b18491
Status: ✅  Deploy successful!
Preview URL: https://1b13d82c.hsds-react.pages.dev

View logs