Merge pull request #3 from rangle/ds-seed-initial-setup

Adding Storybook to ds-seed

.gitignore

@@ -21,4 +21,4 @@ yarn-debug.log*
 yarn-error.log*
 
 # IDE files
-.idea/
+.idea/

packages/ds-seed/.gitignore

@@ -0,0 +1 @@
+node_modules/

packages/ds-seed/.storybook/main.js

@@ -0,0 +1,4 @@
+module.exports = {
+  stories: ['../src/components/**/*.stories.js'],
+  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
+};

packages/ds-seed/package.json

@@ -3,5 +3,22 @@
   "version": "1.0.0",
   "description": "Rangle Design System Seed Project",
   "main": "index.js",
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {},
+  "devDependencies": {
+    "@babel/core": "^7.8.3",
+    "@storybook/addon-actions": "^5.3.8",
+    "@storybook/addon-links": "^5.3.8",
+    "@storybook/addons": "^5.3.8",
+    "@storybook/react": "^5.3.8",
+    "babel-loader": "^8.0.6"
+  },
+  "scripts": {
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
+  },
+  "peerDependencies": {
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0"
+  }
 }

packages/ds-seed/src/components/button.stories.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { Button } from '@storybook/react/demo';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+
+export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
+
+export const Emoji = () => (
+  <Button onClick={action('clicked')}>
+    <span role="img" aria-label="so cool">
+      😀 😎 👍 💯
+    </span>
+  </Button>
+);