Checkbox icon token fix (#2289)

kadena-community · Jun 18, 2024 · 15a492c · 15a492c
1 parent 1bbf1c6
commit 15a492c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/wet-pugs-end.md b/.changeset/wet-pugs-end.md
@@ -0,0 +1,5 @@
+---
+"@kadena/react-ui": patch
+---
+
+Icon token set
diff --git a/packages/libs/react-ui/src/components/Form/Checkbox/Checkbox.css.ts b/packages/libs/react-ui/src/components/Form/Checkbox/Checkbox.css.ts
@@ -96,7 +96,7 @@ export const boxClass = style({
 });
 
 export const iconClass = style({
-  color: token('color.icon.base.inverse.default'),
+  color: token('color.icon.base.inverse.@active'),
   transition: 'opacity 0.2s ease, transform 0.4s ease',
   transformOrigin: 'center',
   transform: 'scale(0)',
@@ -121,7 +121,7 @@ export const iconClass = style({
       },
     // inverted
     [`${labelClass}[data-inversed="true"] &`]: {
-      color: token('color.icon.base.default'),
+      color: token('color.icon.base.@active'),
     },
   },
 });