Merge pull request #3 from commitd/storybook-fix

Fix storybook

Author: stuarthendren

package.json

@@ -41,29 +41,30 @@
   },
   "dependencies": {
     "@material-ui/core": "^4.3.2",
-    "@material-ui/icons": "^4.2.1",
     "@material-ui/styles": "^4.3.0",
     "@styled-system/theme-get": "^5.0.12",
     "clsx": "^1.0.4"
   },
   "peerDependencies": {
+    "@material-ui/icons": "^4.2.1",
     "prop-types": "^15.5.4",
     "react": "^15.0.0 || ^16.0.0",
     "react-dom": "^15.0.0 || ^16.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.5.5",
     "@compositor/kit": "^1.0.47",
-    "@storybook/addon-a11y": "^5.2.0-beta.40",
-    "@storybook/addon-actions": "^5.2.0-beta.40",
-    "@storybook/addon-docs": "^5.2.0-beta.40",
-    "@storybook/addon-info": "^5.2.0-beta.40",
-    "@storybook/addon-knobs": "^5.2.0-beta.40",
-    "@storybook/addon-links": "^5.2.0-beta.40",
-    "@storybook/addon-storysource": "^5.2.0-beta.40",
-    "@storybook/addons": "^5.2.0-beta.40",
-    "@storybook/react": "^5.2.0-beta.40",
-    "@storybook/source-loader": "^5.2.0-beta.40",
+    "@material-ui/icons": "^4.2.1",
+    "@storybook/addon-a11y": "^5.2.0-rc.5",
+    "@storybook/addon-actions": "^5.2.0-rc.5",
+    "@storybook/addon-docs": "^5.2.0-rc.5",
+    "@storybook/addon-info": "^5.2.0-rc.5",
+    "@storybook/addon-knobs": "^5.2.0-rc.5",
+    "@storybook/addon-links": "^5.2.0-rc.5",
+    "@storybook/addon-storysource": "^5.2.0-rc.5",
+    "@storybook/addons": "^5.2.0-rc.5",
+    "@storybook/react": "^5.2.0-rc.5",
+    "@storybook/source-loader": "^5.2.0-rc.5",
     "@svgr/rollup": "^2.4.1",
     "@types/jest": "^23.1.5",
     "@types/react": "^16.3.13",

src/stories/components/button.mdx

@@ -9,7 +9,7 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'
 Buttons make common actions immediately visible and easy to perform with one click or tap. They can be used for any type of action, including navigation.
 
 <Preview>
-  <Story name="default">
+  <Story name="simple">
     <Button margin={2}>Hello</Button>
   </Story>
 </Preview>

src/stories/components/icon.mdx

@@ -1,7 +1,7 @@
-import { Icon, Icons } from '../../'
+import { Icons } from '../../'
 import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'
 
-<Meta title="components|Icon" component={Icon} />
+<Meta title="components|Icons" component={Icons} />
 
 # Icon
 
@@ -16,4 +16,4 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'
 
 ## Props
 
-<Props of={Icon} />
+<Props of={Icons.Delete} />

webpack.config.js

@@ -19,7 +19,7 @@ var config = {
     path: PATHS.bundles,
     filename: '[name].js',
     libraryTarget: 'umd',
-    library: '@committed/components',
+    library: '@committd/components',
     umdNamedDefine: true
   },
   // Add resolve for `tsx` and `ts` files, otherwise Webpack would