More dependency upgrades (major version bumps)

addons/a11y/package.json

@@ -33,8 +33,7 @@
     "babel-runtime": "^6.26.0",
     "global": "^4.3.2",
     "prop-types": "^15.6.2",
-    "react-emotion": "^9.2.6",
-    "react-icons": "^2.2.7"
+    "react-emotion": "^9.2.6"
   },
   "peerDependencies": {
     "react": "*",

addons/a11y/src/components/Report/Item.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 import styled from 'react-emotion';
-import IoChevronRight from 'react-icons/lib/io/chevron-right';
+import { Icons } from '@storybook/components';
 
 import Info from './Info';
 import Tags from './Tags';
@@ -57,7 +57,7 @@ class Item extends Component {
     return (
       <Wrapper>
         <HeaderBar onClick={this.onToggle}>
-          <IoChevronRight
+          <Icons.ChevronRight
             size={10}
             color="#9DA5AB"
             style={{

addons/events/package.json

@@ -26,7 +26,7 @@
     "prop-types": "^15.6.2",
     "react-emotion": "^9.2.6",
     "react-lifecycles-compat": "^3.0.4",
-    "react-textarea-autosize": "^6.1.0",
+    "react-textarea-autosize": "^7.0.4",
     "util-deprecate": "^1.0.2"
   },
   "peerDependencies": {

addons/storyshots/storyshots-core/package.json

@@ -20,8 +20,8 @@
     "babel-runtime": "^6.26.0",
     "glob": "^7.1.2",
     "global": "^4.3.2",
-    "jest-specific-snapshot": "^0.5.0",
-    "read-pkg-up": "^3.0.0"
+    "jest-specific-snapshot": "^1.0.0",
+    "read-pkg-up": "^4.0.0"
   },
   "devDependencies": {
     "@storybook/addon-actions": "4.0.0-alpha.15",

addons/storysource/package.json

@@ -27,7 +27,7 @@
     "loader-utils": "^1.1.0",
     "prettier": "^1.14.0",
     "prop-types": "^15.6.2",
-    "react-syntax-highlighter": "^7.0.4"
+    "react-syntax-highlighter": "^8.0.1"
   },
   "peerDependencies": {
     "react": "*"

app/react-native/package.json

@@ -45,10 +45,10 @@
     "babel-register": "^6.26.0",
     "babel-runtime": "^6.26.0",
     "case-sensitive-paths-webpack-plugin": "^2.1.2",
-    "commander": "^2.16.0",
+    "commander": "^2.17.0",
     "dotenv-webpack": "^1.5.7",
     "express": "^4.16.3",
-    "find-cache-dir": "^1.0.0",
+    "find-cache-dir": "^2.0.0",
     "global": "^4.3.2",
     "html-webpack-plugin": "^3.2.0",
     "json5": "^1.0.1",
@@ -64,7 +64,7 @@
     "webpack": "^4.16.4",
     "webpack-dev-middleware": "^3.1.3",
     "webpack-hot-middleware": "^2.22.3",
-    "ws": "^5.2.0"
+    "ws": "^6.0.0"
   },
   "devDependencies": {
     "react-native": "^0.52.2"

examples/angular-cli/package.json

@@ -51,7 +51,7 @@
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.6.0",
+    "@angular-devkit/build-angular": "^0.7.2",
     "@angular/cli": "^6.1.2",
     "@angular/compiler-cli": "^6.1.1",
     "@storybook/addon-actions": "4.0.0-alpha.15",
@@ -68,18 +68,18 @@
     "@storybook/angular": "4.0.0-alpha.15",
     "@types/jasmine": "~2.8.8",
     "@types/jasminewd2": "^2.0.3",
-    "@types/jest": "^22.2.3",
-    "@types/node": "~9.6.20",
+    "@types/jest": "^23.3.1",
+    "@types/node": "~10.5.6",
     "@types/storybook__addon-options": "^3.2.2",
     "@types/webpack-env": "^1.13.6",
     "babel-core": "^6.26.3",
     "global": "^4.3.2",
     "jasmine-core": "~3.1.0",
     "jasmine-spec-reporter": "~4.2.1",
-    "jest": "^22.4.4",
-    "jest-preset-angular": "^5.2.2",
+    "jest": "^23.4.2",
+    "jest-preset-angular": "^6.0.0",
     "protractor": "~5.4.0",
-    "ts-node": "~6.1.0",
-    "typescript": "^2.9.1"
+    "ts-node": "~7.0.0",
+    "typescript": "^3.0.1"
   }
 }

examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot

@@ -9,7 +9,7 @@ exports[`Storyshots Addon|Centered centered component 1`] = `
   <ng-component>
     <div
       ng-reflect-ng-style="[object Object]"
-      style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; overflow: auto;"
+      style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
     >
       <div
         ng-reflect-ng-style="[object Object]"
@@ -85,7 +85,7 @@ exports[`Storyshots Addon|Centered centered template 1`] = `
   <ng-component>
     <div
       ng-reflect-ng-style="[object Object]"
-      style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; overflow: auto;"
+      style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
     >
       <div
         ng-reflect-ng-style="[object Object]"

examples/cra-kitchen-sink/package.json

@@ -37,7 +37,7 @@
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.0",
     "enzyme-to-json": "^3.3.4",
-    "jest": "^20.0.4",
+    "jest": "^23.4.2",
     "react-scripts": "^1.1.4",
     "webpack": "^4.16.4"
   }

examples/html-kitchen-sink/package.json

@@ -35,6 +35,6 @@
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2",
-    "jest": "^22.4.4"
+    "jest": "^23.4.2"
   }
 }

examples/html-kitchen-sink/stories/__snapshots__/addon-centered.stories.storyshot

@@ -3,7 +3,7 @@
 exports[`Storyshots Addons|Centered button in center 1`] = `
 <div
   id="sb-addon-centered-wrapper"
-  style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; overflow: auto;"
+  style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
 >
   <div
     id="sb-addon-centered-inner"

examples/marko-cli/package.json

@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "marko": "^4.12.4",
-    "marko-starter": "^1.0.0",
+    "marko-starter": "^2.0.4",
     "marko-widgets": "^7.0.1"
   },
   "devDependencies": {

examples/react-native-vanilla/__tests__/__snapshots__/storyshots.js.snap

@@ -12,15 +12,8 @@ exports[`Storyshots Button with some emoji 1`] = `
   }
 >
   <View
-    accessibilityComponentType={undefined}
-    accessibilityLabel={undefined}
-    accessibilityTraits={undefined}
     accessible={true}
-    hasTVPreferredFocus={undefined}
-    hitSlop={undefined}
     isTVSelectable={true}
-    nativeID={undefined}
-    onLayout={undefined}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -35,8 +28,6 @@ exports[`Storyshots Button with some emoji 1`] = `
         undefined,
       ]
     }
-    testID={undefined}
-    tvParallaxProperties={undefined}
   >
     <Text
       accessible={true}
@@ -61,15 +52,8 @@ exports[`Storyshots Button with text 1`] = `
   }
 >
   <View
-    accessibilityComponentType={undefined}
-    accessibilityLabel={undefined}
-    accessibilityTraits={undefined}
     accessible={true}
-    hasTVPreferredFocus={undefined}
-    hitSlop={undefined}
     isTVSelectable={true}
-    nativeID={undefined}
-    onLayout={undefined}
     onResponderGrant={[Function]}
     onResponderMove={[Function]}
     onResponderRelease={[Function]}
@@ -84,8 +68,6 @@ exports[`Storyshots Button with text 1`] = `
         undefined,
       ]
     }
-    testID={undefined}
-    tvParallaxProperties={undefined}
   >
     <Text
       accessible={true}

examples/vue-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot

@@ -2,13 +2,13 @@
 
 exports[`Storyshots Addon|Centered rounded 1`] = `
 <div
-  style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; overflow: auto;"
+  style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
 >
   <div
     style="margin: auto; max-height: 100%;"
   >
     <div
-      style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; overflow: auto;"
+      style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
     >
       <div
         style="margin: auto; max-height: 100%;"

lib/cli/package.json

@@ -32,7 +32,7 @@
     "babel-runtime": "^6.26.0",
     "chalk": "^2.4.1",
     "child-process-promise": "^2.2.1",
-    "commander": "^2.16.0",
+    "commander": "^2.17.0",
     "cross-spawn": "^6.0.5",
     "jscodeshift": "^0.5.1",
     "json5": "^1.0.1",

lib/components/package.json

@@ -24,7 +24,7 @@
     "react-emotion": "^9.2.6",
     "react-inspector": "^2.3.0",
     "react-split-pane": "^0.1.82",
-    "react-textarea-autosize": "^6.1.0",
+    "react-textarea-autosize": "^7.0.4",
     "render-fragment": "^0.1.1"
   },
   "devDependencies": {

lib/components/src/icons/chevronRight.js

@@ -0,0 +1,17 @@
+import React from 'react';
+
+export default props => (
+  <svg
+    {...props}
+    fill="currentColor"
+    preserveAspectRatio="xMidYMid meet"
+    height="10"
+    width="10"
+    viewBox="0 0 40 40"
+    style={{ verticalAlign: 'top', fill: 'currentcolor' }}
+  >
+    <g>
+      <path d="m23.3 20l-13.1-13.6c-0.3-0.3-0.3-0.9 0-1.2l2.4-2.4c0.3-0.3 0.9-0.4 1.2-0.1l16 16.7c0.1 0.1 0.2 0.4 0.2 0.6s-0.1 0.5-0.2 0.6l-16 16.7c-0.3 0.3-0.9 0.3-1.2 0l-2.4-2.5c-0.3-0.3-0.3-0.9 0-1.2z" />
+    </g>
+  </svg>
+);

lib/components/src/icons/index.js

@@ -0,0 +1,7 @@
+import ChevronRight from './chevronRight';
+
+const Icons = {
+  ChevronRight,
+};
+
+export { Icons as default };

lib/components/src/index.js

@@ -18,3 +18,4 @@ export { default as Placeholder } from './placeholder/placeholder';
 export { default as AddonPanel } from './addon_panel/index';
 export { default as Layout } from './layout/index';
 export { default as Header } from './header/header';
+export { default as Icons } from './icons/index';

lib/core/package.json

@@ -22,8 +22,8 @@
     "@storybook/core-events": "4.0.0-alpha.15",
     "@storybook/node-logger": "4.0.0-alpha.15",
     "@storybook/ui": "4.0.0-alpha.15",
-    "airbnb-js-shims": "^1.6.0",
-    "autoprefixer": "^8.6.0",
+    "airbnb-js-shims": "^2.1.0",
+    "autoprefixer": "^9.1.0",
     "babel-loader": "^7.1.5",
     "babel-plugin-macros": "^2.3.0",
     "babel-plugin-transform-regenerator": "^6.26.0",
@@ -34,19 +34,19 @@
     "babel-runtime": "^6.26.0",
     "case-sensitive-paths-webpack-plugin": "^2.1.2",
     "chalk": "^2.4.1",
-    "commander": "^2.16.0",
+    "commander": "^2.17.0",
     "core-js": "^2.5.7",
-    "css-loader": "^0.28.11",
+    "css-loader": "^1.0.0",
     "dotenv-webpack": "^1.5.7",
     "emotion": "^9.2.6",
     "express": "^4.16.3",
     "file-loader": "^1.1.11",
-    "find-cache-dir": "^1.0.0",
+    "find-cache-dir": "^2.0.0",
     "global": "^4.3.2",
     "html-webpack-plugin": "^3.2.0",
     "interpret": "^1.1.0",
     "json5": "^1.0.1",
-    "postcss-flexbugs-fixes": "^3.3.1",
+    "postcss-flexbugs-fixes": "^4.1.0",
     "postcss-loader": "^2.1.6",
     "prop-types": "^15.6.2",
     "qs": "^6.5.2",

lib/ui/package.json

@@ -25,7 +25,7 @@
     "deep-equal": "^1.0.1",
     "emotion": "^9.2.6",
     "emotion-theming": "^9.2.6",
-    "events": "^2.1.0",
+    "events": "^3.0.0",
     "fuse.js": "^3.2.1",
     "global": "^4.3.2",
     "keycode": "^2.2.0",
@@ -37,7 +37,6 @@
     "qs": "^6.5.2",
     "react-emotion": "^9.2.6",
     "react-fuzzy": "^0.5.2",
-    "react-icons": "^2.2.7",
     "react-lifecycles-compat": "^3.0.4",
     "react-modal": "^3.5.1"
   },

lib/ui/src/modules/ui/components/stories_panel/__snapshots__/index.stories.storyshot

@@ -162,7 +162,7 @@ exports[`Storyshots UI|stories/StoriesPanel with storiesHierarchies prop 1`] = `
                         fill="currentColor"
                         height="10"
                         preserveAspectRatio="xMidYMid meet"
-                        style="vertical-align:top;fill:currentColor"
+                        style="vertical-align:top;fill:currentcolor"
                         viewBox="0 0 40 40"
                         width="10"
                       >