feat(Button): Prevent buttons from being disabled.

src/components/Button/Button.jsx

@@ -19,17 +19,29 @@ const getClassName = (variant, invert) => {
   return styles[variant];
 };
 
+const preventDisabling = ({ disabled, ...props }) => {
+  if (disabled) {
+    warn('Button', 'Buttons are not able to be disabled.');
+  }
+
+  return props;
+};
+
 const safeRest = ({ style, className, ...props }) => props;
 
 /**
  *
  * <span class="docs--badge green">new!</span>
  */
-const Button = ({ type, variant, invert, children, ...rest }) => (
-  <button {...safeRest(rest)} type={type} className={getClassName(variant, invert)}>
-    {children}
-  </button>
-);
+const Button = ({ type, variant, invert, children, ...rest }) => {
+  const restNoDisabled = preventDisabling(rest);
+
+  return (
+    <button {...safeRest(restNoDisabled)} type={type} className={getClassName(variant, invert)}>
+      {children}
+    </button>
+  );
+};
 
 Button.propTypes = {
   /**

src/components/Button/Button.md

@@ -49,3 +49,7 @@ const Hero = require('./__docs__/Hero').default;
   <Button variant="outlined" invert>Go back</Button>
 </Hero>
 ```
+
+## Disabling buttons
+
+We prefer buttons to always be interactive, so there is no need to disable it. 

src/components/Button/__tests__/Button.spec.jsx

@@ -56,6 +56,13 @@ describe('Button', () => {
     expect(warn).toHaveBeenCalled();
   });
 
+  it('can not be disabled', () => {
+    const button = doShallow({ disabled: true });
+
+    expect(button).not.toHaveProp('disabled');
+    expect(warn).toHaveBeenCalled();
+  });
+
   it('passes additional attributes to button element', () => {
     const button = doShallow({ id: 'the-button', tabindex: 1 });