Fix FilterButton hover UI (#52)

gudangada · Aug 3, 2022 · 47bf893 · 47bf893
1 parent a5e6ccc
commit 47bf893
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gudangada/design-system",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "description": "Gada Design System",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",

diff --git a/src/components/core/FilterButton/styles.ts b/src/components/core/FilterButton/styles.ts
@@ -5,13 +5,16 @@ import { Button } from "../Button";
 export const StyledFilterButton = styled(Button)<{ isActive: boolean }>(
   ({ isActive, theme: { palette } }) => ({
     [`&.${buttonClasses.root}>*`]: {
-      color: `${palette.interface.teal[700]} !important`,
+      color: `${palette.interface.teal[900]} !important`,
     },
     [`&.${buttonClasses.root}`]: {
       backgroundColor: isActive
         ? palette.interface.teal[100]
         : palette.interface.white,
       border: `1px solid ${palette.interface.teal[700]}`,
     },
+    [`&.${buttonClasses.root}:hover`]: {
+      backgroundColor: palette.interface.teal[50],
+    },
   })
 );