fix(button): add disabled style for toggled button

dhis2 · Aug 13, 2020 · 626f88d · 626f88d
1 parent bb32231
commit 626f88d
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/packages/core/src/Button/Button.stories.js b/packages/core/src/Button/Button.stories.js
diff --git a/packages/core/src/Button/Button.styles.js b/packages/core/src/Button/Button.styles.js
@@ -266,4 +266,12 @@ export default css`
     .toggled:active:focus {
         background: ${colors.grey800};
     }
+
+    .toggled:disabled {
+        background: ${colors.grey500};
+        border-color: ${colors.grey600};
+        color: ${colors.grey050};
+        fill: ${colors.grey050};
+        opacity: 1;
+    }
 `