allow Toggle to be tabbed and add focus styling (#263)

stellar · Dec 4, 2024 · dec8428 · dec8428
1 parent 1404309
commit dec8428
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/@stellar/design-system/src/components/Toggle/styles.scss b/@stellar/design-system/src/components/Toggle/styles.scss
@@ -68,7 +68,12 @@
   }
 
   &__input {
-    display: none;
+    height: 0;
+    width: 0;
+
+    &:focus-visible ~ .Toggle__track {
+      box-shadow: 0 0 0 pxToRem(2px) var(--sds-input-color-border-default-focus);
+    }
 
     &:checked ~ .Toggle__track {
       background-color: var(--sds-clr-lilac-09);