feat(Button): Icon support and default style updates

docs/wrapper.js

@@ -1,22 +1,37 @@
-import React, { Component } from 'react';
-import { createGlobalStyle } from 'styled-components';
+import React from 'react';
+import { createGlobalStyle, css } from 'styled-components';
 import { ThemeProvider } from '../src';
 
-const GlobalStyle = createGlobalStyle `
-  * {
-    box-sizing: border-box;
-  }
-`
+const GlobalStyle = createGlobalStyle`
+  ${({ theme }) => css`
+    ${theme.fonts.map(
+      font => css`
+                @font-face {f
+                  font-family: "${font.name}";
+                  font-weight: ${font.weight || 500};
+                  font-style: normal;
+                  src: url(${font.url}) format("${font.format || 'woff2'}");
+                }
+              `
+    )}
 
-class App extends Component {
-  render() {
-    return (
-      <>
-        <GlobalStyle />
-        <ThemeProvider>{this.props.children}</ThemeProvider>
-      </>
-    );
-  }
-}
+    * {
+      font-family: "${theme.typography.bodyFontFamily}", sans-serif !important;
+    }
 
-export default App;
+    h1 {
+      font-family: "${theme.typography.headerFontFamily}", serif !important;
+      font-size: 38px;
+      color: ${theme.colors.black};
+    }
+  `}
+`;
+
+export default ({ children }) => (
+  <ThemeProvider>
+    <>
+      <GlobalStyle />
+      {children}
+    </>
+  </ThemeProvider>
+);

package.json

@@ -69,7 +69,7 @@
     "react-router-dom": "^4.2.2",
     "react-testing-library": "^6.0.0",
     "rimraf": "^2.6.3",
-    "rollup": "^1.2.2",
+    "rollup": "^1.17.0",
     "rollup-plugin-babel": "^4.3.2",
     "rollup-plugin-commonjs": "^9.2.0",
     "rollup-plugin-filesize": "^6.0.1",

src/Alert/Alert.mdx

@@ -14,7 +14,7 @@ Alerts are typically used to display meaningful copy to users - typically notify
 
 <PropsTable of={Alert} />
 
-## Exammples
+## Examples
 
 <Playground>
   <Alert variant="success">

src/Badge/__snapshots__/Badge.spec.js.snap

@@ -3,13 +3,13 @@
 exports[`Badge 1`] = `
 <DocumentFragment>
   .c0 {
-  padding: 4px 8px;
-  font-size: 12px;
+  padding: 4.666666666666667px 9.333333333333334px;
+  font-size: 14px;
   font-family: inherit;
   font-weight: bold;
-  border-radius: 12px;
-  background: #C8E8FF;
-  color: #006DC1;
+  border-radius: 14px;
+  background: #CADCFF;
+  color: #0958F3;
 }
 
 <span