Merge pull request #1266 from storybooks/add-lib-components

Add lib components
storybookjs · Jun 16, 2017 · 40858bf · 40858bf
2 parents b244f99 + 0be8829
commit 40858bf
Show file tree

Hide file tree

Showing 52 changed files with 195 additions and 1,544 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -3,7 +3,7 @@ build
 coverage
 node_modules
 **/example/**
-**/demo/**
+app/**/demo/**
 docs/public
 
 *.bundle.js

diff --git a/addons/storyshots/package.json b/addons/storyshots/package.json
@@ -20,6 +20,9 @@
     "read-pkg-up": "^2.0.0"
   },
   "devDependencies": {
+    "@storybook/addons": "^3.0.0",
+    "@storybook/channels": "^3.0.0",
+    "@storybook/components": "^3.0.0",
     "babel-cli": "^6.24.1",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
@@ -30,6 +33,7 @@
   "peerDependencies": {
     "@storybook/addons": "^3.0.0",
     "@storybook/channels": "^3.0.0",
+    "@storybook/components": "^3.0.0",
     "babel-core": "^6.24.1",
     "react": "*",
     "react-test-renderer": "*"

diff --git a/addons/storyshots/stories/directly_required/Button.js b/addons/storyshots/stories/directly_required/Button.js
diff --git a/addons/storyshots/stories/directly_required/index.js b/addons/storyshots/stories/directly_required/index.js
@@ -1,7 +1,9 @@
 import React from 'react';
+
 import { storiesOf } from '@storybook/react'; // eslint-disable-line
 import { action } from '@storybook/addon-actions'; // eslint-disable-line
-import Button from './Button';
+
+import Button from '@storybook/components/dist/demo/Button';
 
 storiesOf('Another Button', module)
   .add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)

diff --git a/addons/storyshots/stories/required_with_context/Button.stories.js b/addons/storyshots/stories/required_with_context/Button.stories.js
@@ -3,7 +3,7 @@ import React from 'react';
 import { storiesOf } from '@storybook/react'; // eslint-disable-line
 import { action } from '@storybook/addon-actions'; // eslint-disable-line
 
-import Button from './Button';
+import Button from '@storybook/components/dist/demo/Button';
 
 storiesOf('Button', module)
   .add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)

diff --git a/addons/storyshots/stories/required_with_context/Welcome.js b/addons/storyshots/stories/required_with_context/Welcome.js
diff --git a/addons/storyshots/stories/required_with_context/Welcome.stories.js b/addons/storyshots/stories/required_with_context/Welcome.stories.js
@@ -3,6 +3,6 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';  // eslint-disable-line
 import { linkTo } from '@storybook/addon-links'; // eslint-disable-line
 
-import Welcome from './Welcome';
+import Welcome from '@storybook/components/dist/demo/Welcome';
 
 storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
diff --git a/app/react-native/package.json b/app/react-native/package.json
@@ -28,6 +28,7 @@
     "@storybook/addon-links": "^3.1.2",
     "@storybook/addons": "^3.1.2",
     "@storybook/channel-websocket": "^3.1.2",
+    "@storybook/components": "^3.0.0",
     "@storybook/ui": "^3.1.3",
     "autoprefixer": "^7.0.1",
     "babel-core": "^6.24.1",

diff --git a/app/react/demo/.gitignore b/app/react/demo/.gitignore
diff --git a/app/react/demo/.storybook/addons.js b/app/react/demo/.storybook/addons.js
diff --git a/app/react/demo/.storybook/config.js b/app/react/demo/.storybook/config.js
diff --git a/app/react/demo/README.md b/app/react/demo/README.md
diff --git a/app/react/demo/package.json b/app/react/demo/package.json
diff --git a/app/react/demo/public/favicon.ico b/app/react/demo/public/favicon.ico
diff --git a/app/react/demo/public/index.html b/app/react/demo/public/index.html
diff --git a/app/react/demo/src/App.css b/app/react/demo/src/App.css
diff --git a/app/react/demo/src/App.js b/app/react/demo/src/App.js
diff --git a/app/react/demo/src/App.test.js b/app/react/demo/src/App.test.js
diff --git a/app/react/demo/src/index.css b/app/react/demo/src/index.css
diff --git a/app/react/demo/src/index.js b/app/react/demo/src/index.js
diff --git a/app/react/demo/src/logo.svg b/app/react/demo/src/logo.svg