fix(atoms): fix button disabled styles

8base · Jul 17, 2018 · 6c91afa · 6c91afa
1 parent cf08ea8
commit 6c91afa
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/atoms/Button/Button.js b/src/atoms/Button/Button.js
@@ -87,11 +87,15 @@ const theme = createTheme(name, (colors: *): * => ({
       },
     },
     disabled: {
-      backgroundColor: colors.LIGHT_GRAY1,
-      borderColor: colors.LIGHT_GRAY1,
-      color: colors.WHITE,
+      backgroundColor: colors.LIGHT_GRAY5,
+      borderColor: colors.LIGHT_GRAY3,
+      color: colors.LIGHT_GRAY3,
       cursor: 'default',
 
+      svg: {
+        color: colors.LIGHT_GRAY3,
+      },
+
       '&:hover': {
         boxShadow: 'none',
       },

diff --git a/storybook/__tests__/__snapshots__/storyshots.test.js.snap b/storybook/__tests__/__snapshots__/storyshots.test.js.snap
@@ -784,9 +784,9 @@ exports[`Storyshots ATOMS/Button with disabled modifiers 1`] = `
   transition: all .15s ease-in-out;
   border-style: solid;
   border-width: 1px;
-  border-color: #d0d7dd;
-  background-color: #d0d7dd;
-  color: #FFFFFF;
+  border-color: #E5E9EC;
+  background-color: #f4f7f9;
+  color: #E5E9EC;
   height: 4rem;
   padding: 0 4rem;
   border-radius: .5rem;
@@ -800,6 +800,10 @@ exports[`Storyshots ATOMS/Button with disabled modifiers 1`] = `
   margin-right: .5rem;
 }
 
+.emotion-0 svg {
+  color: #E5E9EC;
+}
+
 <div
   className="emotion-4"
 >