fix(buttonicon): fixes pseudo-state bugs for ButtonIcon (#478)

Updates some instances of active hover states to match the intended designs 477
chanzuckerberg · Jun 1, 2023 · 76eb10e · 76eb10e
1 parent dc02ec8
commit 76eb10e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/components/src/core/ButtonIcon/style.ts b/packages/components/src/core/ButtonIcon/style.ts
@@ -62,7 +62,9 @@ const primary = <ButtonIconSize extends keyof ButtonIconSizeToTypes>(
 
     &:hover {
       background: ${colors?.gray[200]};
-      color: ${sdsSize === "small" ? colors?.gray[600] : colors?.primary[400]};
+      color: ${sdsSize === "small"
+        ? colors?.primary[600]
+        : colors?.primary[400]};
     }
 
     &:active {
@@ -79,7 +81,8 @@ const secondary = <ButtonIconSize extends keyof ButtonIconSizeToTypes>(
   return css`
     color: ${colors?.gray[500]};
 
-    &:hover {
+    &:hover,
+    &:active {
       background: none;
       color: ${colors?.primary[400]};
     }