Box shadow mapping

radix-ui · Dec 16, 2021 · 05fc91d · 05fc91d
1 parent a7030b9
commit 05fc91d
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/packages/react/checkbox/src/Checkbox.stories.tsx b/packages/react/checkbox/src/Checkbox.stories.tsx
@@ -281,7 +281,7 @@ const rootClass = css({
   '&:focus': {
     outline: 'none',
     borderColor: '$red',
-    boxShadow: '0 0 0 1px $red',
+    boxShadow: '0 0 0 1px $colors$red',
   },
 
   '&[data-disabled]': {

diff --git a/packages/react/radio-group/src/RadioGroup.stories.tsx b/packages/react/radio-group/src/RadioGroup.stories.tsx
@@ -351,7 +351,7 @@ const itemClass = css({
   '&:focus': {
     outline: 'none',
     borderColor: '$red',
-    boxShadow: '0 0 0 1px $red',
+    boxShadow: '0 0 0 1px $colors$red',
   },
 
   '&[data-disabled]': {

diff --git a/packages/react/slider/src/Slider.stories.tsx b/packages/react/slider/src/Slider.stories.tsx
@@ -429,7 +429,7 @@ const thumbClass = css({
   backgroundColor: '$black',
   '&:focus': {
     outline: 'none',
-    boxShadow: '0 0 0 2px $red',
+    boxShadow: '0 0 0 2px $colors$red',
   },
 });
 

diff --git a/packages/react/switch/src/Switch.stories.tsx b/packages/react/switch/src/Switch.stories.tsx
@@ -169,7 +169,7 @@ const rootClass = css({
 
   '&:focus': {
     outline: 'none',
-    boxShadow: '0 0 0 2px $black',
+    boxShadow: '0 0 0 2px $colors$black',
   },
 
   '&[data-state="checked"]': {

diff --git a/packages/react/toggle/src/Toggle.stories.tsx b/packages/react/toggle/src/Toggle.stories.tsx
@@ -61,7 +61,7 @@ const rootClass = css({
 
   '&:focus': {
     outline: 'none',
-    boxShadow: '0 0 0 2px $black',
+    boxShadow: '0 0 0 2px $colors$black',
   },
 
   '&[data-disabled]': { opacity: 0.5 },