fix(Button): Add missing colour styles to white button option (#626)

seek-oss · May 23, 2019 · 4c11882 · 4c11882
1 parent ef877cd
commit 4c11882
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/react/Button/Button.less b/react/Button/Button.less
@@ -81,6 +81,10 @@
   .buttonColor(@sk-black, @sk-mid-gray-light);
 }
 
+.root_isWhite {
+  .buttonColor(@sk-black, @sk-white);
+}
+
 .root_isGhost,
 .root_isTransparent {
   background-color: transparent;

diff --git a/react/Button/Button.test.js b/react/Button/Button.test.js
@@ -19,6 +19,11 @@ describe('Button:', () => {
       expect(wrapper).toMatchSnapshot();
     });
 
+    it('should render white button', () => {
+      const wrapper = shallow(<Button color="white">SEEK</Button>);
+      expect(wrapper).toMatchSnapshot();
+    });
+
     it('should render transparent button', () => {
       const wrapper = shallow(<Button color="transparent">SEEK</Button>);
       expect(wrapper).toMatchSnapshot();

diff --git a/react/Button/__snapshots__/Button.test.js.snap b/react/Button/__snapshots__/Button.test.js.snap
@@ -36,6 +36,15 @@ exports[`Button: color variants: should render transparent button 1`] = `
 </button>
 `;
 
+exports[`Button: color variants: should render white button 1`] = `
+<button
+  className="Button__root Button__root_isWhite"
+  disabled={false}
+>
+  SEEK
+</button>
+`;
+
 exports[`Button: color variants: should render white ghost button 1`] = `
 <button
   className="Button__root Button__root_isGhost Button__root_isWhite"