merge with default branch

scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap

@@ -161,6 +161,154 @@ exports[`Storyshots Buttons|Button Colors 1`] = `
 </div>
 `;
 
+exports[`Storyshots Buttons|Button Disabled 1`] = `
+<div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-primary"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      primary
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-link"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      link
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-info"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      info
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-success"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      success
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-warning"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      warning
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-danger"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      danger
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-white"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      white
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-light"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      light
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-dark"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      dark
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-black"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      black
+       
+    </button>
+  </div>
+  <div
+    className="sc-htoDjs bIDNS"
+  >
+    <button
+      className="button is-text"
+      disabled={true}
+      onClick={[Function]}
+      type="button"
+    >
+      text
+       
+    </button>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Buttons|Button Loading 1`] = `
 <div
   className="sc-htoDjs bIDNS"

scm-ui/ui-components/src/buttons/index.stories.tsx

@@ -34,6 +34,15 @@ storiesOf("Buttons|Button", module)
         Loading Button
       </Button>
     </Spacing>
+  ))
+  .add("Disabled", () => (
+    <div>
+      {colors.map(color => (
+        <Spacing key={color}>
+          <Button color={color} label={color} disabled={true} />
+        </Spacing>
+      ))}
+    </div>
   ));
 
 const buttonStory = (name: string, storyFn: () => ReactElement) => {