refactor: use interactive token

razorpay · Jan 15, 2024 · 24625ea · 24625ea
1 parent 3cffc4a
commit 24625ea
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/blade/src/components/Chip/chipTokens.ts b/packages/blade/src/components/Chip/chipTokens.ts
@@ -148,8 +148,8 @@ const getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputH
   return {
     default: {
       background: {
-        checked: 'colors.surface.background.gray.intense',
-        unchecked: 'colors.surface.background.gray.intense',
+        checked: 'colors.interactive.background.staticWhite.default',
+        unchecked: 'colors.interactive.background.staticWhite.default',
       },
       border: {
         checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,

diff --git a/packages/blade/src/components/Chip/getAnimatedChipStyles.ts b/packages/blade/src/components/Chip/getAnimatedChipStyles.ts
@@ -12,7 +12,7 @@ const getAnimatedChipStyles = ({
   return {
     backgroundColor: isDisabled
       ? 'transparent'
-      : getIn(theme.colors, 'surface.background.gray.intense'),
+      : getIn(theme.colors, 'interactive.background.staticWhite.default'),
     borderRadius: makeBorderSize(theme.border.radius.max),
     borderColor: getIn(theme.colors, borderColor),
     borderWidth: getIn(theme, 'border.width.thin'),