Fix swirl-button colors for plain/primary variant (#901)

getflip · Jan 7, 2025 · deda36d · deda36d
1 parent edb87b0
commit deda36d
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/.changeset/cold-dancers-wonder.md b/.changeset/cold-dancers-wonder.md
@@ -0,0 +1,7 @@
+---
+"@getflip/swirl-components": patch
+"@getflip/swirl-components-angular": patch
+"@getflip/swirl-components-react": patch
+---
+
+Fix hover and active state swirl-button colors for plain/primary variant.
diff --git a/packages/swirl-components/src/components/swirl-button/swirl-button.css b/packages/swirl-components/src/components/swirl-button/swirl-button.css
@@ -281,19 +281,19 @@
   &.button--intent-primary {
     color: var(--s-interactive-primary-default);
 
-    &:hover {
-      color: var(--s-interactive-primary-default);
+    &:hover:not(:disabled):not(.button--disabled) {
+      color: var(--s-interactive-primary-hovered);
 
       & .button__icon {
-        color: var(--s-interactive-primary-default);
+        color: var(--s-interactive-primary-hovered);
       }
     }
 
-    &:active {
-      color: var(--s-interactive-primary-hovered);
+    &:active:not(:disabled):not(.button--disabled) {
+      color: var(--s-interactive-primary-pressed);
 
       & .button__icon {
-        color: var(--s-interactive-primary-hovered);
+        color: var(--s-interactive-primary-pressed);
       }
     }