update dependencies

Author: dielduarte

.storybook/addons.js

@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';

.storybook/config.js

@@ -1,16 +1,9 @@
-import { configure } from '@kadira/storybook';
+import { configure } from '@storybook/react';
 
+// automatically import all files ending in *.stories.js
+const req = require.context('../stories', true, /.stories.js$/);
 function loadStories() {
-  require('../stories/Animate');
-  require('../stories/Attention');
-  require('../stories/Bounce');
-  require('../stories/Especials');
-  require('../stories/Fade');
-  require('../stories/Flip');
-  require('../stories/LightSpeed');
-  require('../stories/Rotate');
-  require('../stories/Slide');
-  require('../stories/Zoom');
+  req.keys().forEach(filename => req(filename));
 }
 
 configure(loadStories, module);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "animate-css-styled-components",
-  "version": "0.0.20",
+  "version": "1.0.0",
   "description": "port of animate.css for styled-components",
   "main": "./lib/index.js",
   "scripts": {
@@ -23,20 +23,25 @@
   },
   "homepage": "https://github.com/dielduarte/animate-css-styled-components#readme",
   "peerDependencies": {
-    "styled-components": "^2.1.2"
+    "styled-components": "^3.3.2"
   },
   "devDependencies": {
-    "@kadira/storybook": "^2.21.0",
+    "@kadira/storybook": "^2.35.3",
     "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
+    "babel-core": "^6.26.3",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
-    "styled-components": "^2.1.2",
-    "jest": "^20.0.4",
-    "prop-types": "^15.5.10",
-    "react": "^15.6.1",
-    "react-dom": "^15.6.1",
-    "react-test-renderer": "^15.6.1"
+    "styled-components": "^3.3.2",
+    "jest": "^23.1.0",
+    "prop-types": "^15.6.1",
+    "react": "^16.4.0",
+    "react-dom": "^16.4.0",
+    "react-test-renderer": "^16.4.0",
+    "@storybook/react": "^3.4.7",
+    "@storybook/addon-actions": "^3.4.7",
+    "@storybook/addon-links": "^3.4.7",
+    "@storybook/addons": "^3.4.7",
+    "babel-runtime": "^6.26.0"
   },
   "files": [
     "lib/"
@@ -53,5 +58,6 @@
       "!**/.storybook/**",
       "!**/lib/**"
     ]
-  }
+  },
+  "dependencies": {}
 }

stories/Animate.js stories/Animate.stories.jsstories/Animate.js renamed to stories/Animate.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
 import FullView from '../Example/FullView';
 import Card from '../Example/Card';
 import Animate, {

stories/Attention.js stories/Attention.stories.jsstories/Attention.js renamed to stories/Attention.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
 import FullView from '../Example/FullView';
 import Card from '../Example/Card';
 import {

stories/Bounce.js stories/Bounce.stories.jsstories/Bounce.js renamed to stories/Bounce.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
 import FullView from '../Example/FullView';
 import Card from '../Example/Card';
 import {

stories/Especials.js stories/Especials.stories.jsstories/Especials.js renamed to stories/Especials.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
 import FullView from '../Example/FullView';
 import Card from '../Example/Card';
 import {

stories/Fade.js stories/Fade.stories.jsstories/Fade.js renamed to stories/Fade.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
 import FullView from '../Example/FullView';
 import Card from '../Example/Card';
 import {

stories/Flip.js stories/Flip.stories.jsstories/Flip.js renamed to stories/Flip.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
 import FullView from '../Example/FullView';
 import Card from '../Example/Card';
 import {

stories/LightSpeed.js stories/LightSpeed.stories.jsstories/LightSpeed.js renamed to stories/LightSpeed.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
 import FullView from '../Example/FullView';
 import Card from '../Example/Card';
 import {