feat(checkbox): apply new custom ring for focus styles

Apply new custom ring for focus styles #1437
adevinta · Sep 14, 2023 · e275324 · e275324
1 parent 3f75be7
commit e275324
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/components/checkbox/src/CheckboxInput.styles.ts b/packages/components/checkbox/src/CheckboxInput.styles.ts
@@ -5,7 +5,7 @@ export const checkboxInputStyles = cva(
   [
     'h-sz-24 w-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none',
     'spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0',
-    'focus-visible:ring-2 focus-visible:ring-outline-high',
+    'focus-visible:u-ring',
     'hover:border-main-container hover:ring-2',
     'u-shadow-border-transition',
   ],