Merge pull request #391 from Groww/fix/btn-cursor

pill background color fixes
GrowwOld · Dec 11, 2023 · b26ac1d · b26ac1d
2 parents 801f7fa + 322678e
commit b26ac1d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/packages/ui-toolkit/package.json b/packages/ui-toolkit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@groww-tech/ui-toolkit",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "A lightning nature UI",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

diff --git a/packages/ui-toolkit/src/components/atoms/Pill/Pill.tsx b/packages/ui-toolkit/src/components/atoms/Pill/Pill.tsx
@@ -30,15 +30,13 @@ const Pill = (props: Props) => {
     size: 20
   };
 
-  const baseClasses = cn('contentPrimary', 'absolute-center', 'cur-po', 'valign-wrapper', `pill12Size${size}`,
+  const baseClasses = cn('pill12Pill', 'absolute-center', 'cur-po', 'valign-wrapper', `pill12Size${size}`,
     {
-      borderPrimary: isOutlined && !isAccent && !isSelected,
-      pill12Pill: true,
+      'backgroundPrimary borderPrimary': isOutlined && !isAccent && !isSelected,
+      contentPrimary: !isAccent,
       pill12PillHover: !isSelected && !isAccent,
-      borderNeutral: isSelected && !isAccent,
-      borderAccent: isAccent,
-      pill12SelectedPill: !isAccent && isSelected,
-      contentAccent: isAccent,
+      'borderNeutral backgroundTertiary': isSelected && !isAccent,
+      'borderAccent contentAccent': isAccent,
       backgroundPositiveSubtle: isSelected && isAccent
     });