Merge branch 'next' into sa-update-linkto-type

.circleci/config.yml

@@ -4,7 +4,7 @@ aliases:
   - &defaults
     working_directory: /tmp/storybook
     docker:
-      - image: circleci/node:8
+      - image: circleci/node:10
 
 dependencies:
   pre:

.eslintrc.js

@@ -1,162 +1,8 @@
-const error = 2;
-const warn = 1;
 const ignore = 0;
 
 module.exports = {
   root: true,
-  extends: [
-    'airbnb',
-    'plugin:jest/recommended',
-    'plugin:import/react-native',
-    'plugin:@typescript-eslint/recommended',
-    'prettier',
-    'prettier/react',
-    'prettier/@typescript-eslint',
-  ],
-  plugins: [
-    '@typescript-eslint',
-    'prettier',
-    'jest',
-    'import',
-    'react',
-    'jsx-a11y',
-    'json',
-    'html',
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 8,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  env: { es6: true, node: true, 'jest/globals': true },
-  settings: {
-    'import/core-modules': ['enzyme'],
-    'import/ignore': ['node_modules\\/(?!@storybook)'],
-    'import/resolver': {
-      node: {
-        extensions: ['.js', '.ts', '.tsx', '.mjs', '.d.ts'],
-        paths: ['node_modules/', 'node_modules/@types/'],
-      },
-    },
-    'html/html-extensions': ['.html'],
-  },
-  rules: {
-    'no-restricted-imports': [
-      error,
-      {
-        paths: [
-          {
-            name: 'lodash.isequal',
-            message:
-              'Lodash modularised (and lodash < 4.17.11) have CVE vulnerabilities. Please use tree-shakeable imports like lodash/xxx instead',
-          },
-          {
-            name: 'lodash.mergewith',
-            message:
-              'Lodash modularised (and lodash < 4.17.11) have CVE vulnerabilities. Please use tree-shakeable imports like lodash/xxx instead',
-          },
-          {
-            name: 'lodash.pick',
-            message:
-              'Lodash modularised (and lodash < 4.17.11) have CVE vulnerabilities. Please use tree-shakeable imports like lodash/xxx instead',
-          },
-        ],
-        // catch-all for any lodash modularised. The CVE is listed against the entire family for lodash < 4.17.11
-        patterns: ['lodash.*'],
-      },
-    ],
-    'prettier/prettier': [warn],
-    'no-debugger': process.env.NODE_ENV === 'production' ? error : ignore,
-    'class-methods-use-this': ignore,
-    'import/extensions': [
-      error,
-      'always',
-      {
-        js: 'never',
-        ts: 'never',
-        tsx: 'never',
-        mjs: 'never',
-      },
-    ],
-    'import/no-extraneous-dependencies': [
-      error,
-      {
-        devDependencies: [
-          'examples/**',
-          'examples-native/**',
-          '**/example/**',
-          '*.js',
-          '**/*.test.js',
-          '**/*.stories.*',
-          '**/scripts/*.js',
-          '**/stories/**/*.js',
-          '**/__tests__/**/*.js',
-          '**/.storybook/**/*.*',
-        ],
-        peerDependencies: true,
-      },
-    ],
-    'import/prefer-default-export': ignore,
-    'import/default': error,
-    'import/named': error,
-    'import/namespace': error,
-    'react/jsx-filename-extension': [
-      warn,
-      {
-        extensions: ['.js', '.jsx', '.tsx'],
-      },
-    ],
-    'react/jsx-no-bind': [
-      error,
-      {
-        ignoreDOMComponents: true,
-        ignoreRefs: true,
-        allowArrowFunctions: true,
-        allowFunctions: true,
-        allowBind: true,
-      },
-    ],
-    'jsx-a11y/accessible-emoji': ignore,
-    'jsx-a11y/label-has-associated-control': [
-      warn,
-      {
-        labelComponents: ['CustomInputLabel'],
-        labelAttributes: ['label'],
-        controlComponents: ['CustomInput'],
-        depth: 3,
-      },
-    ],
-    'react/no-unescaped-entities': ignore,
-    'jsx-a11y/label-has-for': [error, { required: { some: ['nesting', 'id'] } }],
-    'jsx-a11y/anchor-is-valid': [
-      error,
-      {
-        components: ['A', 'LinkTo', 'Link'],
-        specialLink: ['overrideParams', 'kind', 'story', 'to'],
-      },
-    ],
-    'no-underscore-dangle': [
-      error,
-      {
-        allow: [
-          '__STORYBOOK_CLIENT_API__',
-          '__STORYBOOK_ADDONS_CHANNEL__',
-          '__STORYBOOK_STORY_STORE__',
-        ],
-      },
-    ],
-    '@typescript-eslint/no-var-requires': ignore,
-    '@typescript-eslint/camelcase': ignore,
-    '@typescript-eslint/no-unused-vars': ignore,
-    '@typescript-eslint/explicit-member-accessibility': ignore,
-    '@typescript-eslint/explicit-function-return-type': ignore,
-    '@typescript-eslint/no-explicit-any': ignore, // would prefer to enable this
-    '@typescript-eslint/no-use-before-define': ignore, // this is duplicated
-    '@typescript-eslint/interface-name-prefix': ignore, // I don't agree
-  },
+  extends: ['@storybook/eslint-config-storybook'],
   overrides: [
     {
       files: [

.remarkrc.js

@@ -1,3 +1,2 @@
-module.exports = {
-  plugins: ['remark-preset-lint-recommended', ['remark-lint-list-item-indent', false]],
-};
+/* eslint-disable import/no-extraneous-dependencies */
+module.exports = require('@storybook/linter-config/remark.config');

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "8"
+  - "10"
 
 cache:
   yarn: true

CHANGELOG.md

@@ -1,3 +1,28 @@
+## 5.3.0-alpha.5 (September 27, 2019)
+
+### Maintenance
+
+* UI: Improve code indentation ([#8218](https://github.com/storybookjs/storybook/pull/8218))
+* Use the extracted linting configs ([#8213](https://github.com/storybookjs/storybook/pull/8213))
+
+## 5.3.0-alpha.4 (September 26, 2019)
+
+### Bug Fixes
+
+* UI: Move addon dependencies to devDependencies ([#8206](https://github.com/storybookjs/storybook/pull/8206))
+* Addon-knobs: Handle undefined array value ([#8006](https://github.com/storybookjs/storybook/pull/8006))
+
+### Maintenance
+
+* Build: Upgrade from node8 to node10 ([#8207](https://github.com/storybookjs/storybook/pull/8207))
+
+## 5.3.0-alpha.3 (September 25, 2019)
+
+### Bug Fixes
+
+* Dependencies: add @types/webpack-env to apps that depend on it ([#8119](https://github.com/storybookjs/storybook/pull/8119))
+* UI: Removes default CSS margins on viewport ([#7742](https://github.com/storybookjs/storybook/pull/7742))
+
 ## 5.3.0-alpha.2 (September 24, 2019)
 
 ### Bug Fixes

MIGRATION.md

@@ -77,7 +77,7 @@ Addon-storysource contains a loader, `@storybook/addon-storysource/loader`, whic
 @storybook/addon-storysource/loader is deprecated, please use @storybook/source-loader instead.
 ```
 
-To upgrade to `@storybook/source-loader`, simply `npm install -D @storybook/source-laoder` (or use `yarn`), and replace every instance of `@storybook/addon-storysource/loaoder` with `@storybook/source-loader`.
+To upgrade to `@storybook/source-loader`, simply `npm install -D @storybook/source-loader` (or use `yarn`), and replace every instance of `@storybook/addon-storysource/loader` with `@storybook/source-loader`.
 
 ### Default viewports
 

addons/a11y/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -32,14 +32,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "axe-core": "^3.3.2",
-    "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "hoist-non-react-statics": "^3.3.0",
@@ -48,10 +47,10 @@
     "react-redux": "^7.0.2",
     "react-sizeme": "^2.5.2",
     "redux": "^4.0.1",
+    "ts-dedent": "^1.1.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@types/common-tags": "^1.8.0",
     "@types/react-redux": "^7.0.6"
   },
   "publishConfig": {

addons/a11y/src/components/ColorBlindness.tsx

@@ -1,5 +1,5 @@
 import { document } from 'global';
-import React, { Component, ReactNode } from 'react';
+import React, { ReactNode, useState } from 'react';
 import memoize from 'memoizerific';
 import { styled } from '@storybook/theming';
 
@@ -34,13 +34,6 @@ const ColorIcon = styled.span(
   })
 );
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-interface ColorBlindnessProps {}
-
-interface ColorBlindnessState {
-  active: string | null;
-}
-
 const baseList = [
   'protanopia',
   'protanomaly',
@@ -86,45 +79,39 @@ const getColorList = (active: string | null, set: (i: string | null) => void): L
   })),
 ];
 
-export class ColorBlindness extends Component<ColorBlindnessProps, ColorBlindnessState> {
-  state: ColorBlindnessState = {
-    active: null,
-  };
+export const ColorBlindness: React.FC = () => {
+  const [active, setActiveState] = useState(null);
 
-  setActive = (active: string | null) => {
+  const setActive = (activeState: string | null): void => {
     const iframe = getIframe();
 
     if (iframe) {
-      iframe.style.filter = getFilter(active);
-      this.setState({
-        active,
+      iframe.style.filter = getFilter(activeState);
+      setActiveState({
+        active: activeState,
       });
     } else {
       logger.error('Cannot find Storybook iframe');
     }
   };
 
-  render() {
-    const { active } = this.state;
-
-    return (
-      <WithTooltip
-        placement="top"
-        trigger="click"
-        tooltip={({ onHide }) => {
-          const colorList = getColorList(active, i => {
-            this.setActive(i);
-            onHide();
-          });
-          return <TooltipLinkList links={colorList} />;
-        }}
-        closeOnClick
-        onDoubleClick={() => this.setActive(null)}
-      >
-        <IconButton key="filter" active={!!active} title="Color Blindness Emulation">
-          <Icons icon="mirror" />
-        </IconButton>
-      </WithTooltip>
-    );
-  }
-}
+  return (
+    <WithTooltip
+      placement="top"
+      trigger="click"
+      tooltip={({ onHide }) => {
+        const colorList = getColorList(active, i => {
+          setActive(i);
+          onHide();
+        });
+        return <TooltipLinkList links={colorList} />;
+      }}
+      closeOnClick
+      onDoubleClick={() => setActive(null)}
+    >
+      <IconButton key="filter" active={!!active} title="Color Blindness Emulation">
+        <Icons icon="mirror" />
+      </IconButton>
+    </WithTooltip>
+  );
+};

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

@@ -1,4 +1,4 @@
-import React, { Component, Fragment } from 'react';
+import React, { Fragment, useState } from 'react';
 
 import { styled } from '@storybook/theming';
 import { Icons } from '@storybook/components';
@@ -59,55 +59,42 @@ interface ItemProps {
   type: RuleType;
 }
 
-interface ItemState {
-  open: boolean;
-}
+// export class Item extends Component<ItemProps, ItemState> {
+export const Item = (props: ItemProps) => {
+  const [open, onToggle] = useState(false);
 
-export class Item extends Component<ItemProps, ItemState> {
-  state = {
-    open: false,
-  };
+  const { item, type } = props;
+  const highlightToggleId = `${type}-${item.id}`;
 
-  onToggle = () =>
-    this.setState(prevState => ({
-      open: !prevState.open,
-    }));
-
-  render() {
-    const { item, type } = this.props;
-    const { open } = this.state;
-    const highlightToggleId = `${type}-${item.id}`;
-
-    return (
-      <Fragment>
-        <Wrapper>
-          <HeaderBar onClick={this.onToggle} role="button">
-            <Icon
-              icon="chevrondown"
-              size={10}
-              color="#9DA5AB"
-              style={{
-                transform: `rotate(${open ? 0 : -90}deg)`,
-              }}
-            />
-            {item.description}
-          </HeaderBar>
-          <HighlightToggleElement>
-            <HighlightToggle
-              toggleId={highlightToggleId}
-              type={type}
-              elementsToHighlight={item ? item.nodes : null}
-            />
-          </HighlightToggleElement>
-        </Wrapper>
-        {open ? (
-          <Fragment>
-            <Info item={item} key="info" />
-            <Elements elements={item.nodes} type={type} key="elements" />
-            <Tags tags={item.tags} key="tags" />
-          </Fragment>
-        ) : null}
-      </Fragment>
-    );
-  }
-}
+  return (
+    <Fragment>
+      <Wrapper>
+        <HeaderBar onClick={() => onToggle(!open)} role="button">
+          <Icon
+            icon="chevrondown"
+            size={10}
+            color="#9DA5AB"
+            style={{
+              transform: `rotate(${open ? 0 : -90}deg)`,
+            }}
+          />
+          {item.description}
+        </HeaderBar>
+        <HighlightToggleElement>
+          <HighlightToggle
+            toggleId={highlightToggleId}
+            type={type}
+            elementsToHighlight={item ? item.nodes : null}
+          />
+        </HighlightToggleElement>
+      </Wrapper>
+      {open ? (
+        <Fragment>
+          <Info item={item} key="info" />
+          <Elements elements={item.nodes} type={type} key="elements" />
+          <Tags tags={item.tags} key="tags" />
+        </Fragment>
+      ) : null}
+    </Fragment>
+  );
+};

addons/a11y/src/index.ts

@@ -2,7 +2,7 @@
 import { document } from 'global';
 import axe, { AxeResults, ElementContext, RunOptions, Spec } from 'axe-core';
 import deprecate from 'util-deprecate';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 
 import addons, { makeDecorator } from '@storybook/addons';
 import { EVENTS, PARAM_KEY } from './constants';
@@ -80,7 +80,7 @@ export const configureA11y = deprecate(
   (config: any) => {
     setup = config;
   },
-  stripIndents`
+  dedent`
     configureA11y is deprecated, please configure addon-a11y using the addParameter api:
     
     addParameters({

addons/actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
@@ -27,12 +27,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-api": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",

addons/backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -31,12 +31,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "memoizerific": "^1.11.3",
     "react": "^16.8.3",

addons/centered/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-centered",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook decorator to center components",
   "keywords": [
     "addon",
@@ -37,7 +37,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"

addons/centered/src/parameters.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion
 const parameters = {
   name: 'centered',
   parameterName: 'centered',

addons/centered/src/styles.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion
 const styles = {
   style: {
     position: 'fixed',

addons/contexts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-contexts",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook Addon Contexts",
   "keywords": [
     "preact",
@@ -28,10 +28,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "qs": "^6.6.0"

addons/cssresources/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-cssresources",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "A storybook addon to switch between css resources at runtime for your story",
   "keywords": [
     "addon",
@@ -31,10 +31,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3"

addons/design-assets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-design-assets",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Design asset preview for storybook",
   "keywords": [
     "addon",
@@ -33,21 +33,18 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
+    "ts-dedent": "^1.1.0",
     "use-image": "^1.0.3"
   },
-  "devDependencies": {
-    "@types/common-tags": "^1.8.0"
-  },
   "publishConfig": {
     "access": "public"
   }

addons/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Superior documentation for your components",
   "keywords": [
     "addon",
@@ -42,12 +42,12 @@
     "@mdx-js/loader": "^1.1.0",
     "@mdx-js/mdx": "^1.1.0",
     "@mdx-js/react": "^1.0.27",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/router": "5.3.0-alpha.2",
-    "@storybook/source-loader": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/router": "5.3.0-alpha.5",
+    "@storybook/source-loader": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "js-string-escape": "^1.0.1",
@@ -57,7 +57,7 @@
   "devDependencies": {
     "@types/prop-types": "^15.5.9",
     "@types/util-deprecate": "^1.0.0",
-    "@types/webpack-env": "^1.13.7"
+    "@types/webpack-env": "^1.14.0"
   },
   "peerDependencies": {
     "babel-loader": "^8.0.0",

addons/events/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-events",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Add events to your Storybook stories.",
   "keywords": [
     "addon",
@@ -30,11 +30,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-api": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "format-json": "^1.0.3",
     "lodash": "^4.17.11",

addons/google-analytics/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-google-analytics",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook addon for google analytics",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react-ga": "^2.5.7"

addons/graphql/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-graphql",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook addon to display the GraphiQL IDE",
   "keywords": [
     "addon",
@@ -28,8 +28,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "graphiql": "^0.14.2",

addons/info/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-info",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "A Storybook addon to show additional information for your stories.",
   "keywords": [
     "addon",
@@ -27,10 +27,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "jsx-to-string": "^1.4.0",

addons/jest/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -34,11 +34,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",

addons/knobs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-knobs",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook Addon Prop Editor Component",
   "keywords": [
     "addon",
@@ -35,12 +35,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-api": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "@types/react-color": "^3.0.1",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
@@ -57,7 +57,7 @@
   "devDependencies": {
     "@types/escape-html": "0.0.20",
     "@types/react-lifecycles-compat": "^3.0.1",
-    "@types/react-select": "^2.0.19"
+    "@types/react-select": "^3.0.4"
   },
   "peerDependencies": {
     "react": "*"

addons/knobs/src/components/Panel.tsx

@@ -228,6 +228,7 @@ export default class KnobPanel extends PureComponent<KnobPanelProps> {
         render: ({ active }) => (
           <TabWrapper key={knobKeyGroupId} active={active}>
             <PropForm
+              // eslint-disable-next-line no-use-before-define
               knobs={knobsArray.filter(
                 knob => (knob.groupId || DEFAULT_GROUP_ID) === knobKeyGroupId
               )}
@@ -263,7 +264,7 @@ export default class KnobPanel extends PureComponent<KnobPanelProps> {
     // Always sort DEFAULT_GROUP_ID (ungrouped) tab last without changing the remaining tabs
     const sortEntries = (g: Record<string, PanelKnobGroups>): [string, PanelKnobGroups][] => {
       const unsortedKeys = Object.keys(g);
-      if (unsortedKeys.indexOf(DEFAULT_GROUP_ID) !== -1) {
+      if (unsortedKeys.includes(DEFAULT_GROUP_ID)) {
         const sortedKeys = unsortedKeys.filter(key => key !== DEFAULT_GROUP_ID);
         sortedKeys.push(DEFAULT_GROUP_ID);
         return sortedKeys.map<[string, PanelKnobGroups]>(key => [key, g[key]]);

addons/knobs/src/components/types/Array.tsx

@@ -62,7 +62,7 @@ export default class ArrayType extends Component<ArrayTypeProps> {
 
   render() {
     const { knob } = this.props;
-    const value = knob.value.join(knob.separator);
+    const value = knob.value && knob.value.join(knob.separator);
 
     return (
       <Form.Textarea

addons/links/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Story Links addon for storybook",
   "keywords": [
     "addon",
@@ -29,15 +29,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/router": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/router": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "prop-types": "^15.7.2",
-    "qs": "^6.6.0"
+    "qs": "^6.6.0",
+    "ts-dedent": "^1.1.0"
   },
   "peerDependencies": {
     "react": "*"

addons/links/src/index.ts

@@ -1,4 +1,4 @@
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 import { linkTo, hrefTo, withLinks } from './preview';
 
 let hasWarned = false;
@@ -6,7 +6,7 @@ let hasWarned = false;
 export function LinkTo(): null {
   if (!hasWarned) {
     // eslint-disable-next-line no-console
-    console.error(stripIndents`
+    console.error(dedent`
       LinkTo has moved to addon-links/react:
       import LinkTo from '@storybook/addon-links/react';
     `);

addons/notes/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-notes",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Write notes for your Storybook stories.",
   "keywords": [
     "addon",
@@ -30,13 +30,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/router": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/router": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "markdown-to-jsx": "^6.10.3",
@@ -47,7 +47,7 @@
   "devDependencies": {
     "@types/prop-types": "^15.5.9",
     "@types/util-deprecate": "^1.0.0",
-    "@types/webpack-env": "^1.13.7"
+    "@types/webpack-env": "^1.14.0"
   },
   "peerDependencies": {
     "react": "*"

addons/ondevice-actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-actions",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Action Logger addon for react-native storybook",
   "keywords": [
     "storybook"
@@ -25,13 +25,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.3.0-alpha.2"
+    "@storybook/addon-actions": "5.3.0-alpha.5"
   },
   "peerDependencies": {
     "@storybook/addon-actions": "*",

addons/ondevice-backgrounds/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-backgrounds",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "A react-native storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -25,11 +25,14 @@
     "register.js"
   ],
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2"
   },

addons/ondevice-backgrounds/src/BackgroundPanel.tsx

@@ -1,9 +1,14 @@
-/* eslint-disable react/prop-types, react/destructuring-assignment, import/no-extraneous-dependencies */
+/* eslint-disable react/destructuring-assignment, import/no-extraneous-dependencies */
 import React, { Component } from 'react';
 import { View, Text } from 'react-native';
 import Events from '@storybook/core-events';
+import { AddonStore } from '@storybook/addons';
+import { API } from '@storybook/api';
+import { StoryStore } from '@storybook/client-api';
+
 import Swatch from './Swatch';
 import BackgroundEvents, { PARAM_KEY } from './constants';
+import { Background } from './index';
 
 const codeSample = `
 import { storiesOf } from '@storybook/react-native';
@@ -36,7 +41,19 @@ const Instructions = () => (
   </View>
 );
 
-export default class BackgroundPanel extends Component {
+export type Channel = ReturnType<AddonStore['getChannel']>;
+type Selection = ReturnType<StoryStore['fromId']>;
+interface BackgroundPanelProps {
+  channel: Channel;
+  api: API;
+  active: boolean;
+}
+
+interface BackgroundPanelState {
+  selection: Selection;
+}
+
+export default class BackgroundPanel extends Component<BackgroundPanelProps, BackgroundPanelState> {
   componentDidMount() {
     this.props.channel.on(Events.SELECT_STORY, this.onStorySelected);
   }
@@ -45,11 +62,11 @@ export default class BackgroundPanel extends Component {
     this.props.channel.removeListener(Events.SELECT_STORY, this.onStorySelected);
   }
 
-  setBackgroundFromSwatch = background => {
+  setBackgroundFromSwatch = (background: string) => {
     this.props.channel.emit(BackgroundEvents.UPDATE_BACKGROUND, background);
   };
 
-  onStorySelected = selection => {
+  onStorySelected = (selection: Selection) => {
     this.setState({ selection });
   };
 
@@ -63,7 +80,7 @@ export default class BackgroundPanel extends Component {
     const story = api
       .store()
       .getStoryAndParameters(this.state.selection.kind, this.state.selection.story);
-    const backgrounds = story.parameters[PARAM_KEY];
+    const backgrounds: Background[] = story.parameters[PARAM_KEY];
 
     return (
       <View>

addons/ondevice-backgrounds/src/Swatch.tsx

@@ -1,8 +1,14 @@
-import React from 'react';
+import React, { FunctionComponent } from 'react';
 import PropTypes from 'prop-types';
 import { TouchableOpacity, View, Text } from 'react-native';
 
-const Swatch = ({ name, value, setBackground }) => (
+interface SwatchProps {
+  name: string;
+  value: string;
+  setBackground: (background: string) => void;
+}
+
+const Swatch: FunctionComponent<SwatchProps> = ({ name, value, setBackground }) => (
   <TouchableOpacity
     style={{
       borderRadius: 4,
@@ -21,6 +27,7 @@ const Swatch = ({ name, value, setBackground }) => (
     </View>
   </TouchableOpacity>
 );
+
 Swatch.propTypes = {
   name: PropTypes.string.isRequired,
   value: PropTypes.string.isRequired,

addons/ondevice-backgrounds/src/container.tsx

@@ -1,10 +1,19 @@
 import React from 'react';
 import { View } from 'react-native';
-import PropTypes from 'prop-types';
 import Constants from './constants';
+import { Channel } from './BackgroundPanel';
 
-export default class Container extends React.Component {
-  constructor(props) {
+interface ContainerProps {
+  initialBackground: string;
+  channel: Channel;
+}
+
+interface ContainerState {
+  background: string;
+}
+
+export default class Container extends React.Component<ContainerProps, ContainerState> {
+  constructor(props: ContainerProps) {
     super(props);
     this.state = { background: props.initialBackground || '' };
   }
@@ -19,7 +28,7 @@ export default class Container extends React.Component {
     channel.removeListener(Constants.UPDATE_BACKGROUND, this.onBackgroundChange);
   }
 
-  onBackgroundChange = background => {
+  onBackgroundChange = (background: string) => {
     this.setState({ background });
   };
 
@@ -32,18 +41,3 @@ export default class Container extends React.Component {
     );
   }
 }
-
-Container.propTypes = {
-  channel: PropTypes.shape({
-    emit: PropTypes.func,
-    on: PropTypes.func,
-    removeListener: PropTypes.func,
-  }),
-  initialBackground: PropTypes.string,
-  children: PropTypes.node.isRequired,
-};
-
-Container.defaultProps = {
-  channel: undefined,
-  initialBackground: '',
-};

addons/ondevice-backgrounds/src/index.tsx

@@ -5,6 +5,12 @@ import addons, { makeDecorator } from '@storybook/addons';
 import Events from './constants';
 import Container from './container';
 
+export interface Background {
+  name: string;
+  value: string;
+  default?: boolean;
+}
+
 export const withBackgrounds = makeDecorator({
   name: 'withBackgrounds',
   parameterName: 'backgrounds',
@@ -12,7 +18,7 @@ export const withBackgrounds = makeDecorator({
   allowDeprecatedUsage: true,
   wrapper: (getStory, context, { options, parameters }) => {
     const data = parameters || options || [];
-    const backgrounds = Array.isArray(data) ? data : Object.values(data);
+    const backgrounds: Background[] = Array.isArray(data) ? data : Object.values(data);
 
     let background = 'transparent';
     if (backgrounds.length !== 0) {

addons/ondevice-backgrounds/src/register.tsx

@@ -8,7 +8,6 @@ addons.register(ADDON_ID, api => {
   const channel = addons.getChannel();
   addons.addPanel(PANEL_ID, {
     title: 'Backgrounds',
-    // eslint-disable-next-line react/prop-types
     render: ({ active }) => <BackgroundPanel channel={channel} api={api} active={active} />,
     paramKey: PARAM_KEY,
   });

addons/ondevice-backgrounds/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/__tests__/**/*"
+  ]
+}

addons/ondevice-knobs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-knobs",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Display storybook story knobs on your deviced.",
   "keywords": [
     "addon",
@@ -26,8 +26,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",

addons/ondevice-notes/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-notes",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Write notes for your react-native Storybook stories.",
   "keywords": [
     "addon",
@@ -21,12 +21,16 @@
     "register.js"
   ],
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2",
     "react-native-simple-markdown": "^1.1.0"

addons/ondevice-notes/src/components/Notes.tsx

@@ -1,15 +1,25 @@
-/* eslint-disable react/prop-types */
 /* eslint-disable react/destructuring-assignment */
-/* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import { View } from 'react-native';
 import Markdown from 'react-native-simple-markdown';
-import addons from '@storybook/addons';
+import { AddonStore } from '@storybook/addons';
 import Events from '@storybook/core-events';
+import { API } from '@storybook/api';
+import { StoryStore } from '@storybook/client-api';
 
 export const PARAM_KEY = `notes`;
 
-class Notes extends React.Component {
+type Selection = ReturnType<StoryStore['fromId']>;
+interface NotesProps {
+  channel: ReturnType<AddonStore['getChannel']>;
+  api: API;
+  active: boolean;
+}
+interface NotesState {
+  selection: Selection;
+}
+
+export class Notes extends React.Component<NotesProps, NotesState> {
   componentDidMount() {
     this.props.channel.on(Events.SELECT_STORY, this.onStorySelected);
   }
@@ -18,7 +28,7 @@ class Notes extends React.Component {
     this.props.channel.removeListener(Events.SELECT_STORY, this.onStorySelected);
   }
 
-  onStorySelected = selection => {
+  onStorySelected = (selection: Selection) => {
     this.setState({ selection });
   };
 
@@ -34,7 +44,7 @@ class Notes extends React.Component {
       .getStoryAndParameters(this.state.selection.kind, this.state.selection.story);
     const text = story.parameters[PARAM_KEY];
 
-    const textAfterFormatted = text ? text.trim() : '';
+    const textAfterFormatted: string = text ? text.trim() : '';
 
     return (
       <View style={{ padding: 10, flex: 1 }}>
@@ -43,12 +53,3 @@ class Notes extends React.Component {
     );
   }
 }
-
-addons.register('storybook/notes', api => {
-  const channel = addons.getChannel();
-  addons.addPanel('storybook/notes/panel', {
-    title: 'Notes',
-    render: ({ active, key }) => <Notes key={key} channel={channel} api={api} active={active} />,
-    paramKey: PARAM_KEY,
-  });
-});

addons/ondevice-notes/src/register.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import addons from '@storybook/addons';
+import { Notes } from './components/Notes';
+
+export const PARAM_KEY = `notes`;
+
+addons.register('storybook/notes', api => {
+  const channel = addons.getChannel();
+  addons.addPanel('storybook/notes/panel', {
+    title: 'Notes',
+    render: ({ active, key }) => <Notes key={key} channel={channel} api={api} active={active} />,
+    paramKey: PARAM_KEY,
+  });
+});

addons/ondevice-notes/src/typings.d.ts

@@ -0,0 +1,4 @@
+declare module 'react-native-simple-markdown' {
+  const Markdown: any;
+  export default Markdown;
+}

addons/ondevice-notes/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/__tests__/**/*"
+  ]
+}

addons/options/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-options",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Options addon for storybook",
   "keywords": [
     "addon",
@@ -28,7 +28,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "util-deprecate": "^1.0.2"
   },

addons/queryparams/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-queryparams",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "parameter addon for storybook",
   "keywords": [
     "addon",
@@ -28,20 +28,17 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "qs": "^6.6.0",
-    "react": "^16.8.3"
-  },
-  "devDependencies": {
-    "@types/common-tags": "^1.8.0"
+    "react": "^16.8.3",
+    "ts-dedent": "^1.1.0"
   },
   "publishConfig": {
     "access": "public"

addons/storyshots/storyshots-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
   "keywords": [
     "addon",
@@ -29,7 +29,7 @@
     "storybook": "start-storybook -p 6006"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "glob": "^7.1.3",
     "global": "^4.3.2",
@@ -39,7 +39,7 @@
   },
   "devDependencies": {
     "enzyme-to-json": "^3.3.5",
-    "jest-emotion": "^10.0.10",
+    "jest-emotion": "^10.0.17",
     "react": "^16.8.3"
   },
   "publishConfig": {

addons/storyshots/storyshots-puppeteer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Image snapshots addition to StoryShots based on puppeteer",
   "keywords": [
     "addon",
@@ -26,8 +26,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.3.0-alpha.2",
-    "@storybook/router": "5.3.0-alpha.2",
+    "@storybook/node-logger": "5.3.0-alpha.5",
+    "@storybook/router": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "jest-image-snapshot": "^2.8.2",
     "regenerator-runtime": "^0.12.1"

addons/storysource/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Stories addon for storybook",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/router": "5.3.0-alpha.2",
-    "@storybook/source-loader": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/router": "5.3.0-alpha.5",
+    "@storybook/source-loader": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "loader-utils": "^1.2.3",

addons/storysource/src/manager.js

@@ -10,6 +10,7 @@ export function register() {
     addons.addPanel(PANEL_ID, {
       title: 'Story',
       render: ({ active, key }) => <StoryPanel key={key} api={api} active={active} />,
+      paramKey: 'storysource',
     });
   });
 }

addons/viewport/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook addon to change the viewport size to mobile",
   "keywords": [
     "addon",
@@ -28,12 +28,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",

addons/viewport/src/Tool.tsx

@@ -20,6 +20,7 @@ interface ViewportItem {
 }
 
 const toList = memoize(50)((items: ViewportMap): ViewportItem[] => [
+  // eslint-disable-next-line no-use-before-define
   ...baseViewports,
   ...Object.entries(items).map(([id, { name, ...rest }]) => ({ ...rest, id, title: name })),
 ]);

app/angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -34,9 +34,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/core": "5.3.0-alpha.2",
-    "@storybook/node-logger": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/core": "5.3.0-alpha.5",
+    "@storybook/node-logger": "5.3.0-alpha.5",
     "angular2-template-loader": "^0.6.2",
     "core-js": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^1.3.4",
@@ -49,7 +49,7 @@
   },
   "devDependencies": {
     "@types/autoprefixer": "^9.4.0",
-    "@types/webpack-env": "^1.13.9",
+    "@types/webpack-env": "^1.14.0",
     "webpack": "^4.33.0"
   },
   "peerDependencies": {
@@ -65,7 +65,7 @@
     "babel-loader": "^7.0.0 || ^8.0.0",
     "rxjs": "^6.0.0",
     "typescript": "^3.4.0",
-    "webpack": "^4.32.2",
+    "webpack": "^4.32.0",
     "zone.js": "^0.8.29 || ^0.9.0"
   },
   "engines": {

app/ember/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
   "bugs": {
@@ -30,11 +30,11 @@
   },
   "dependencies": {
     "@ember/test-helpers": "^1.5.0",
-    "@storybook/core": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/core": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "regenerator-runtime": "^0.12.1"
+    "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0"
   },
   "peerDependencies": {
     "babel-loader": "^7.0.0 || ^8.0.0",

app/ember/src/client/preview/render.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-undef */
 import { window, document } from 'global';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 
 const rootEl = document.getElementById('root');
 
@@ -63,7 +63,7 @@ export default function renderMain({
   if (!element) {
     showError({
       title: `Expecting a Ember element from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the Ember element from the story?
         Use "() => hbs('{{component}}')" or "() => { return {
           template: hbs\`{{component}}\`

app/html/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,13 +32,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/core": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/core": "5.3.0-alpha.5",
+    "@types/webpack-env": "^1.13.9",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "html-loader": "^0.5.5",
-    "regenerator-runtime": "^0.12.1"
+    "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0"
   },
   "peerDependencies": {
     "babel-loader": "^7.0.0 || ^8.0.0"

app/html/src/client/preview/render.ts

@@ -1,5 +1,5 @@
 import { document, Node } from 'global';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 import { RenderMainArgs } from './types';
 
 const rootElement = document.getElementById('root');
@@ -28,7 +28,7 @@ export default function renderMain({
   } else {
     showError({
       title: `Expecting an HTML snippet or DOM node from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
       `,

app/marko/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/marko",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -31,13 +31,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@marko/webpack": "^1.2.0",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/core": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@marko/webpack": "^2.0.0",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/core": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "regenerator-runtime": "^0.12.1"
+    "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0"
   },
   "peerDependencies": {
     "babel-loader": "^7.0.0 || ^8.0.0",

app/marko/src/client/preview/render.js

@@ -1,5 +1,5 @@
 import { document } from 'global';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 
 import { logger } from '@storybook/client-logger';
 
@@ -21,7 +21,7 @@ export default function renderMain({
   if (!config || !(config.appendTo || config.component || parameters.component)) {
     showError({
       title: `Expecting an object with a component property to be returned from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the component from the story?
         Use "() => ({ component: MyComponent, input: { hello: 'world' } })" when defining the story.
       `,

app/marko/src/server/framework-preset-marko.js

@@ -8,9 +8,6 @@ export function webpack(config) {
         {
           test: /\.marko$/,
           loader: require.resolve('@marko/webpack/loader'),
-          options: {
-            compiler: require.resolve('marko/compiler'),
-          },
         },
       ],
     },

app/mithril/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/mithril",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Mithril: Develop Mithril Component in isolation.",
   "keywords": [
     "storybook"
@@ -32,11 +32,11 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/core": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "regenerator-runtime": "^0.12.1"
+    "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0"
   },
   "devDependencies": {
     "mithril": "^1.1.6"

app/mithril/src/client/preview/render.js

@@ -2,7 +2,7 @@ import { document } from 'global';
 /** @jsx m */
 
 import m from 'mithril';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 
 const rootEl = document.getElementById('root');
 
@@ -19,7 +19,7 @@ export default function renderMain({
   if (!element) {
     const error = {
       title: `Expecting a Mithril element from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the Mithril element from the story?
         Use "() => MyComp" or "() => { return MyComp; }" when defining the story.
       `,

app/polymer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/polymer",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -31,12 +31,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.3.0-alpha.2",
+    "@storybook/core": "5.3.0-alpha.5",
     "@webcomponents/webcomponentsjs": "^1.2.0",
-    "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0",
     "webpack": "^4.33.0"
   },
   "devDependencies": {

app/polymer/src/client/preview/render.js

@@ -1,5 +1,5 @@
 import { document } from 'global';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 import { render, TemplateResult } from 'lit-html';
 
 const rootElement = document.getElementById('root');
@@ -17,7 +17,7 @@ export default function renderMain({
   if (!element) {
     showError({
       title: `Expecting a Polymer component from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the Polymer component from the story?
         Use "() => '<your-component-name></your-component-name\>'" when defining the story.
       `,

app/preact/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -33,12 +33,13 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/core": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/core": "5.3.0-alpha.5",
+    "@types/webpack-env": "^1.13.9",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "regenerator-runtime": "^0.12.1"
+    "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0"
   },
   "devDependencies": {
     "preact": "^8.4.2"

app/preact/src/client/preview/render.tsx

@@ -1,6 +1,6 @@
 import { h, render } from 'preact';
 import { document } from 'global';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 import { RenderMainArgs } from './types';
 
 let renderedStory: Element;
@@ -18,7 +18,7 @@ export default function renderMain({
   if (!element) {
     showError({
       title: `Expecting a Preact element from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the Preact element from the story?
         Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
       `,

app/rax/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/rax",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Rax: Develop Rax Component in isolation.",
   "keywords": [
     "rax",
@@ -32,15 +32,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.3.0-alpha.2",
+    "@storybook/core": "5.3.0-alpha.5",
     "babel-preset-rax": "^1.0.0-beta.0",
-    "common-tags": "^1.8.0",
-    "core-js": "^2.6.2",
+    "core-js": "^3.0.1",
+    "driver-dom": "^2.0.0",
     "global": "^4.3.2",
-    "regenerator-runtime": "^0.12.1"
+    "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0"
   },
   "devDependencies": {
-    "rax": "^0.6.5"
+    "rax": "^1.0.0"
   },
   "peerDependencies": {
     "babel-loader": "^7.0.0 || ^8.0.0",

app/rax/src/client/preview/render.js

@@ -1,6 +1,8 @@
 import { createElement, render } from 'rax';
+import * as DriverDOM from 'driver-dom';
+
 import { document } from 'global';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 
 const rootElement = document ? document.getElementById('root') : null;
 
@@ -12,12 +14,12 @@ export default function renderMain({
   showError,
   // forceRender,
 }) {
-  const element = storyFn();
+  const Element = storyFn;
 
-  if (!element) {
+  if (!Element) {
     showError({
       title: `Expecting a Rax element from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the Rax element from the story?
         Use "() => (<MyComp/>)" or "() => { return <MyComp/>; }" when defining the story.
       `,
@@ -27,5 +29,7 @@ export default function renderMain({
 
   showMain();
 
-  render(element, rootElement);
+  render(createElement(Element), rootElement, {
+    driver: DriverDOM,
+  });
 }

app/react-native-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-server",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -29,12 +29,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/channel-websocket": "5.3.0-alpha.2",
-    "@storybook/core": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/ui": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/channel-websocket": "5.3.0-alpha.5",
+    "@storybook/core": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/ui": "5.3.0-alpha.5",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",

app/react-native/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -27,15 +27,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.14",
+    "@emotion/core": "^10.0.17",
     "@emotion/native": "^10.0.14",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/channel-websocket": "5.3.0-alpha.2",
-    "@storybook/channels": "5.3.0-alpha.2",
-    "@storybook/client-api": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/channel-websocket": "5.3.0-alpha.5",
+    "@storybook/channels": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
-    "emotion-theming": "^10.0.14",
+    "emotion-theming": "^10.0.19",
     "react-native-swipe-gestures": "^1.0.3",
     "rn-host-detect": "^1.1.5"
   },

app/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -36,15 +36,15 @@
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/core": "5.3.0-alpha.2",
-    "@storybook/node-logger": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/core": "5.3.0-alpha.5",
+    "@storybook/node-logger": "5.3.0-alpha.5",
     "@svgr/webpack": "^4.0.3",
+    "@types/webpack-env": "^1.13.7",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-named-asset-import": "^0.3.1",
     "babel-plugin-react-docgen": "^3.0.0",
     "babel-preset-react-app": "^9.0.0",
-    "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.11",
@@ -53,6 +53,7 @@
     "react-dev-utils": "^9.0.0",
     "regenerator-runtime": "^0.12.1",
     "semver": "^6.0.0",
+    "ts-dedent": "^1.1.0",
     "webpack": "^4.33.0"
   },
   "devDependencies": {

app/react/src/client/index.ts

@@ -2,6 +2,7 @@ export {
   storiesOf,
   setAddon,
   addDecorator,
+  DecoratorFn,
   addParameters,
   configure,
   getStorybook,

app/react/src/client/preview/index.ts

@@ -27,6 +27,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
 
 export const configure: ClientApi['configure'] = (...args) => api.configure(...args, framework);
 export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
+export type DecoratorFn = Parameters<typeof addDecorator>[0];
 export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
 export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
 export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;

app/riot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/riot",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -31,12 +31,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/core": "5.3.0-alpha.3",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "raw-loader": "^2.0.0",
-    "regenerator-runtime": "^0.12.1"
+    "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-modules-commonjs": "^7.2.0",

app/riot/src/client/preview/render.js

@@ -1,5 +1,5 @@
 import { document } from 'global';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 import { unregister } from 'riot';
 import { render as renderRiot } from './rendering';
 
@@ -20,7 +20,7 @@ export default function renderMain({
   if (!rendered) {
     showError({
       title: `Expecting a riot snippet or a riot component from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the component snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
       `,

app/riot/src/client/preview/rendering/stringified.js

@@ -42,8 +42,7 @@ export default function renderStringified({
     const rootName = oneTag.boundAs || guessRootName(oneTag);
     const { content } = oneTag || {};
     const code = content ? content.trim() : oneTag || '';
-    const compiled =
-      code.indexOf(alreadyCompiledMarker) !== -1 ? code : compileText(code, rootName);
+    const compiled = code.includes(alreadyCompiledMarker) ? code : compileText(code, rootName);
     unregister(rootName);
     eval(getRidOfRiotNoise(`${compiled}`)); // eslint-disable-line no-eval
   });

app/svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -31,11 +31,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/core": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "regenerator-runtime": "^0.12.1"
+    "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0"
   },
   "devDependencies": {
     "svelte": "^3.4.1",

app/svelte/src/client/preview/render.js

@@ -1,5 +1,5 @@
 import { document } from 'global';
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 
 let previousComponent = null;
 
@@ -67,7 +67,7 @@ export default function render({
   if (!DefaultCompatComponent) {
     showError({
       title: `Expecting a Svelte component from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the Svelte component configuration from the story?
         Use "() => ({ Component: YourComponent, data: {} })"
         when defining the story.

app/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -32,12 +32,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/core": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/core": "5.3.0-alpha.5",
+    "@types/webpack-env": "^1.13.9",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "regenerator-runtime": "^0.12.1",
+    "ts-dedent": "^1.1.0",
     "webpack": "^4.33.0"
   },
   "devDependencies": {

app/vue/src/client/preview/render.ts

@@ -1,4 +1,4 @@
-import { stripIndents } from 'common-tags';
+import dedent from 'ts-dedent';
 import Vue from 'vue';
 import { RenderMainArgs } from './types';
 
@@ -34,7 +34,7 @@ export default function render({
   if (!element) {
     showError({
       title: `Expecting a Vue component from the story: "${selectedStory}" of "${selectedKind}".`,
-      description: stripIndents`
+      description: dedent`
         Did you forget to return the Vue component from the story?
         Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
       `,

dev-kits/addon-decorator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-decorator",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "decorator addon for storybook",
   "keywords": [
     "devkit",
@@ -24,8 +24,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/client-api": "5.3.0-alpha.2",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^3.0.1"
   },

dev-kits/addon-parameter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-parameter",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "parameter addon for storybook",
   "keywords": [
     "devkit",
@@ -24,19 +24,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "react": "^16.8.3"
-  },
-  "devDependencies": {
-    "@types/common-tags": "^1.8.0"
+    "react": "^16.8.3",
+    "ts-dedent": "^1.1.0"
   },
   "publishConfig": {
     "access": "public"

dev-kits/addon-roundtrip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-roundtrip",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "description": "roundtrip addon for storybook",
   "keywords": [
     "devkit",
@@ -24,20 +24,17 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/api": "5.3.0-alpha.2",
-    "@storybook/client-api": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
-    "common-tags": "^1.8.0",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/api": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "react": "^16.8.3"
-  },
-  "devDependencies": {
-    "@types/common-tags": "^1.8.0"
+    "react": "^16.8.3",
+    "ts-dedent": "^1.1.0"
   },
   "publishConfig": {
     "access": "public"

docs/package.json

@@ -20,7 +20,7 @@
     "babel-loader": "^6.4.1",
     "babel-plugin-styled-components": "^1.10.6",
     "bootstrap": "^4.3.1",
-    "common-tags": "^1.8.0",
+    "ts-dedent": "^1.1.0",
     "gatsby": "^1.9.279",
     "gatsby-link": "^1.6.45",
     "gatsby-plugin-segment": "^1.0.2",

docs/src/pages/basics/live-examples/index.md

@@ -4,32 +4,37 @@ title: 'Live Examples'
 ---
 
 ### Next release
-- [React Official](https://monorepo.storybook.now.sh/examples/official-storybook/)
-- [Vue](https://monorepo.storybook.now.sh/examples/vue-kitchen-sink/)
-- [Angular](https://monorepo.storybook.now.sh/examples/angular-cli/)
-- [Polymer](https://monorepo.storybook.now.sh/examples/polymer-cli/)
-- [Mithril](https://monorepo.storybook.now.sh/examples/mithril-kitchen-sink/)
-- [Marko](https://monorepo.storybook.now.sh/examples/marko-cli/)
-- [HTML](https://monorepo.storybook.now.sh/examples/html-kitchen-sink/)
-- [Svelte](https://monorepo.storybook.now.sh/examples/svelte-kitchen-sink/)
-- [Riot](https://monorepo.storybook.now.sh/examples/riot-kitchen-sink/)
-- [Ember](https://monorepo.storybook.now.sh/examples/ember-cli/)
-- [Preact](https://monorepo.storybook.now.sh/examples/preact-kitchen-sink/)
+
+- [React Official](https://storybookjs-next.now.sh/official-storybook/)
+- [Vue](https://storybookjs-next.now.sh/vue-kitchen-sink/)
+- [Angular](https://storybookjs-next.now.sh/angular-cli/)
+- [Polymer](https://storybookjs-next.now.sh/polymer-cli/)
+- [Mithril](https://storybookjs-next.now.sh/mithril-kitchen-sink/)
+- [Marko](https://storybookjs-next.now.sh/marko-cli/)
+- [HTML](https://storybookjs-next.now.sh/html-kitchen-sink/)
+- [Svelte](https://storybookjs-next.now.sh/svelte-kitchen-sink/)
+- [Riot](https://storybookjs-next.now.sh/riot-kitchen-sink/)
+- [Ember](https://storybookjs-next.now.sh/ember-cli/)
+- [Preact](https://storybookjs-next.now.sh/preact-kitchen-sink/)
+- [Rax](https://storybookjs-next.now.sh/rax-kitchen-sink/)
 
 ### Current release
-- [React Official](https://monorepo-git-master.storybook.now.sh/examples/official-storybook/)
-- [Vue](https://monorepo-git-master.storybook.now.sh/examples/vue-kitchen-sink/)
-- [Angular](https://monorepo-git-master.storybook.now.sh/examples/angular-cli/)
-- [Polymer](https://monorepo-git-master.storybook.now.sh/examples/polymer-cli/)
-- [Mithril](https://monorepo-git-master.storybook.now.sh/examples/mithril-kitchen-sink/)
-- [Marko](https://monorepo-git-master.storybook.now.sh/examples/marko-cli/)
-- [HTML](https://monorepo-git-master.storybook.now.sh/examples/html-kitchen-sink/)
-- [Svelte](https://monorepo-git-master.storybook.now.sh/examples/svelte-kitchen-sink/)
-- [Riot](https://monorepo-git-master.storybook.now.sh/examples/riot-kitchen-sink/)
-- [Ember](https://monorepo-git-master.storybook.now.sh/examples/ember-cli/)
-- [Preact](https://monorepo-git-master.storybook.now.sh/examples/preact-kitchen-sink/)
+
+- [React Official](https://storybookjs.now.sh/official-storybook/)
+- [Vue](https://storybookjs.now.sh/vue-kitchen-sink/)
+- [Angular](https://storybookjs.now.sh/angular-cli/)
+- [Polymer](https://storybookjs.now.sh/polymer-cli/)
+- [Mithril](https://storybookjs.now.sh/mithril-kitchen-sink/)
+- [Marko](https://storybookjs.now.sh/marko-cli/)
+- [HTML](https://storybookjs.now.sh/html-kitchen-sink/)
+- [Svelte](https://storybookjs.now.sh/svelte-kitchen-sink/)
+- [Riot](https://storybookjs.now.sh/riot-kitchen-sink/)
+- [Ember](https://storybookjs.now.sh/ember-cli/)
+- [Preact](https://storybookjs.now.sh/preact-kitchen-sink/)
+- [Rax](https://storybookjs.now.sh/rax-kitchen-sink/)
 
 ### 5.1
+
 - [React Official](https://storybooks-official.netlify.com)
 - [Vue](https://storybooks-vue.netlify.com/)
 - [Angular](https://storybooks-angular.netlify.com/)
@@ -43,12 +48,14 @@ title: 'Live Examples'
 - [Preact](https://storybooks-preact.netlify.com/)
 
 ### 3.4
+
 - [React Official](https://release-3-4--storybooks-official.netlify.com)
 - [Vue](https://release-3-4--storybooks-vue.netlify.com/)
 - [Angular](https://release-3-4--storybooks-angular.netlify.com/)
 - [Polymer](https://release-3-4--storybooks-polymer.netlify.com/)
 
 ### 3.3
+
 - [React Official](https://release-3-3--storybooks-official.netlify.com)
 - [Vue](https://release-3-3--storybooks-vue.netlify.com/)
 - [Angular](https://release-3-3--storybooks-angular.netlify.com/)

docs/src/pages/configurations/typescript-config/index.md

@@ -122,13 +122,7 @@ Change `config.ts` inside the Storybook config directory (by default, it’s `.s
 ```js
 import { configure } from '@storybook/react';
 // automatically import all files ending in *.stories.tsx
-const req = require.context('../stories', true, /\.stories\.tsx$/);
-
-function loadStories() {
-  req.keys().forEach(req);
-}
-
-configure(loadStories, module);
+configure(require.context('../src', true, /\.stories\.tsx?$/), module)
 ```
 
 ## Using TypeScript with the TSDocgen addon

docs/src/versions/next.json

@@ -1 +1 @@
-{"version":"5.3.0-alpha.2","info":{"plain":"### Bug Fixes\n\n* Core: Fix lib/core files ([#8182](https://github.com/storybookjs/storybook/pull/8182))"}}
+{"version":"5.3.0-alpha.5","info":{"plain":"### Maintenance\n\n* UI: Improve code indentation ([#8218](https://github.com/storybookjs/storybook/pull/8218))\n* Use the extracted linting configs ([#8213](https://github.com/storybookjs/storybook/pull/8213))"}}

examples-native/crna-kitchen-sink/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crna-kitchen-sink",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
@@ -24,14 +24,14 @@
   "devDependencies": {
     "@babel/core": "^7.2.2",
     "@babel/plugin-transform-react-jsx-source": "^7.2.0",
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-knobs": "5.3.0-alpha.2",
-    "@storybook/addon-ondevice-actions": "5.3.0-alpha.2",
-    "@storybook/addon-ondevice-backgrounds": "5.3.0-alpha.2",
-    "@storybook/addon-ondevice-knobs": "5.3.0-alpha.2",
-    "@storybook/addon-ondevice-notes": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/react-native": "5.3.0-alpha.2",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-knobs": "5.3.0-alpha.5",
+    "@storybook/addon-ondevice-actions": "5.3.0-alpha.5",
+    "@storybook/addon-ondevice-backgrounds": "5.3.0-alpha.5",
+    "@storybook/addon-ondevice-knobs": "5.3.0-alpha.5",
+    "@storybook/addon-ondevice-notes": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/react-native": "5.3.0-alpha.5",
     "babel-loader": "^8.0.4",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-expo": "^5.1.1",

examples/angular-cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -35,25 +35,25 @@
     "@angular-devkit/build-angular": "^0.13.4",
     "@angular/cli": "^7.3.6",
     "@angular/compiler-cli": "^7.2.6",
-    "@storybook/addon-a11y": "5.3.0-alpha.2",
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-backgrounds": "5.3.0-alpha.2",
-    "@storybook/addon-centered": "5.3.0-alpha.2",
-    "@storybook/addon-docs": "5.3.0-alpha.2",
-    "@storybook/addon-jest": "5.3.0-alpha.2",
-    "@storybook/addon-knobs": "5.3.0-alpha.2",
-    "@storybook/addon-links": "5.3.0-alpha.2",
-    "@storybook/addon-notes": "5.3.0-alpha.2",
-    "@storybook/addon-options": "5.3.0-alpha.2",
-    "@storybook/addon-storyshots": "5.3.0-alpha.2",
-    "@storybook/addon-storysource": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/angular": "5.3.0-alpha.2",
-    "@storybook/source-loader": "5.3.0-alpha.2",
+    "@storybook/addon-a11y": "5.3.0-alpha.5",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-backgrounds": "5.3.0-alpha.5",
+    "@storybook/addon-centered": "5.3.0-alpha.5",
+    "@storybook/addon-docs": "5.3.0-alpha.5",
+    "@storybook/addon-jest": "5.3.0-alpha.5",
+    "@storybook/addon-knobs": "5.3.0-alpha.5",
+    "@storybook/addon-links": "5.3.0-alpha.5",
+    "@storybook/addon-notes": "5.3.0-alpha.5",
+    "@storybook/addon-options": "5.3.0-alpha.5",
+    "@storybook/addon-storyshots": "5.3.0-alpha.5",
+    "@storybook/addon-storysource": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/angular": "5.3.0-alpha.5",
+    "@storybook/source-loader": "5.3.0-alpha.5",
     "@types/core-js": "^2.5.0",
     "@types/jest": "^24.0.11",
-    "@types/node": "~12.0.2",
-    "@types/webpack-env": "^1.13.7",
+    "@types/node": "^12.0.8",
+    "@types/webpack-env": "^1.14.0",
     "babel-plugin-require-context-hook": "^1.0.0",
     "global": "^4.3.2",
     "jasmine-core": "~3.4.0",
@@ -62,6 +62,6 @@
     "jest-preset-angular": "^7.1.0",
     "protractor": "~5.4.2",
     "ts-node": "~8.3.0",
-    "typescript": "^3.4.1"
+    "typescript": "^3.4.0"
   }
 }

examples/angular-cli/src/stories/customControlValueAccessor/custom-cva.component.ts

@@ -12,6 +12,7 @@ const NOOP = () => {};
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,
+      // eslint-disable-next-line no-use-before-define
       useExisting: forwardRef(() => CustomCvaComponent),
       multi: true,
     },

examples/cra-kitchen-sink/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -18,23 +18,23 @@
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.3.0-alpha.2",
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-backgrounds": "5.3.0-alpha.2",
-    "@storybook/addon-centered": "5.3.0-alpha.2",
-    "@storybook/addon-docs": "5.3.0-alpha.2",
-    "@storybook/addon-events": "5.3.0-alpha.2",
-    "@storybook/addon-info": "5.3.0-alpha.2",
-    "@storybook/addon-jest": "5.3.0-alpha.2",
-    "@storybook/addon-knobs": "5.3.0-alpha.2",
-    "@storybook/addon-links": "5.3.0-alpha.2",
-    "@storybook/addon-notes": "5.3.0-alpha.2",
-    "@storybook/addon-options": "5.3.0-alpha.2",
-    "@storybook/addon-storyshots": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/client-logger": "5.3.0-alpha.2",
-    "@storybook/react": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addon-a11y": "5.3.0-alpha.5",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-backgrounds": "5.3.0-alpha.5",
+    "@storybook/addon-centered": "5.3.0-alpha.5",
+    "@storybook/addon-docs": "5.3.0-alpha.5",
+    "@storybook/addon-events": "5.3.0-alpha.5",
+    "@storybook/addon-info": "5.3.0-alpha.5",
+    "@storybook/addon-jest": "5.3.0-alpha.5",
+    "@storybook/addon-knobs": "5.3.0-alpha.5",
+    "@storybook/addon-links": "5.3.0-alpha.5",
+    "@storybook/addon-notes": "5.3.0-alpha.5",
+    "@storybook/addon-options": "5.3.0-alpha.5",
+    "@storybook/addon-storyshots": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/client-logger": "5.3.0-alpha.5",
+    "@storybook/react": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "react-scripts": "^3.0.1"
   }
 }

examples/cra-react15/package.json

@@ -1,7 +1,15 @@
 {
   "name": "cra-react15",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
+  "scripts": {
+    "build": "react-scripts build",
+    "build-storybook": "build-storybook -s public",
+    "eject": "react-scripts eject",
+    "start": "react-scripts start",
+    "storybook": "start-storybook -p 9009 -s public",
+    "test": "react-scripts test --env=jsdom"
+  },
   "dependencies": {
     "babel-loader": "8.0.6",
     "global": "^4.3.2",
@@ -9,19 +17,11 @@
     "react-dom": "^15.4.2",
     "react-scripts": "3.0.1"
   },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test --env=jsdom",
-    "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 9009 -s public",
-    "build-storybook": "build-storybook -s public"
-  },
   "devDependencies": {
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-links": "5.3.0-alpha.2",
-    "@storybook/react": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-links": "5.3.0-alpha.5",
+    "@storybook/react": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "babel-core": "6",
     "babel-runtime": "6"
   }

examples/cra-ts-kitchen-sink/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -13,14 +13,14 @@
     "react-dom": "^16.8.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.3.0-alpha.2",
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-info": "5.3.0-alpha.2",
-    "@storybook/addon-options": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/react": "5.3.0-alpha.2",
+    "@storybook/addon-a11y": "5.3.0-alpha.5",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-info": "5.3.0-alpha.5",
+    "@storybook/addon-options": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/react": "5.3.0-alpha.5",
     "@types/enzyme": "^3.9.0",
-    "@types/react": "^16.8.3",
+    "@types/react": "^16.8.14",
     "@types/react-dom": "^16.8.2",
     "enzyme": "^3.9.0",
     "enzyme-adapter-react-16": "^1.9.1",
@@ -30,6 +30,6 @@
     "react-scripts": "^3.0.1",
     "tslint": "^5.14.0",
     "tslint-config-airbnb": "^5.11.1",
-    "typescript": "^3.4.1"
+    "typescript": "^3.4.0"
   }
 }

examples/dev-kits/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@storybook/example-devkits",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./",
     "storybook": "start-storybook -p 9011 -c ./"
   },
   "devDependencies": {
-    "@storybook/addon-decorator": "5.3.0-alpha.2",
-    "@storybook/addon-parameter": "5.3.0-alpha.2",
-    "@storybook/addon-roundtrip": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/components": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/node-logger": "5.3.0-alpha.2",
-    "@storybook/react": "5.3.0-alpha.2",
-    "@storybook/theming": "5.3.0-alpha.2",
+    "@storybook/addon-decorator": "5.3.0-alpha.5",
+    "@storybook/addon-parameter": "5.3.0-alpha.5",
+    "@storybook/addon-roundtrip": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/components": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/node-logger": "5.3.0-alpha.5",
+    "@storybook/react": "5.3.0-alpha.5",
+    "@storybook/theming": "5.3.0-alpha.5",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
@@ -25,7 +25,7 @@
     "format-json": "^1.0.3",
     "global": "^4.3.2",
     "graphql": "^14.1.1",
-    "jest-emotion": "^10.0.10",
+    "jest-emotion": "^10.0.17",
     "paths.macro": "^2.0.2",
     "prop-types": "^15.7.2",
     "react": "^16.8.3",

examples/ember-cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "scripts": {
     "build": "ember build",
@@ -15,19 +15,19 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.3.0-alpha.2",
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-backgrounds": "5.3.0-alpha.2",
-    "@storybook/addon-centered": "5.3.0-alpha.2",
-    "@storybook/addon-knobs": "5.3.0-alpha.2",
-    "@storybook/addon-links": "5.3.0-alpha.2",
-    "@storybook/addon-notes": "5.3.0-alpha.2",
-    "@storybook/addon-options": "5.3.0-alpha.2",
-    "@storybook/addon-storysource": "5.3.0-alpha.2",
-    "@storybook/addon-viewport": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/ember": "5.3.0-alpha.2",
-    "@storybook/source-loader": "5.3.0-alpha.2",
+    "@storybook/addon-a11y": "5.3.0-alpha.5",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-backgrounds": "5.3.0-alpha.5",
+    "@storybook/addon-centered": "5.3.0-alpha.5",
+    "@storybook/addon-knobs": "5.3.0-alpha.5",
+    "@storybook/addon-links": "5.3.0-alpha.5",
+    "@storybook/addon-notes": "5.3.0-alpha.5",
+    "@storybook/addon-options": "5.3.0-alpha.5",
+    "@storybook/addon-storysource": "5.3.0-alpha.5",
+    "@storybook/addon-viewport": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/ember": "5.3.0-alpha.5",
+    "@storybook/source-loader": "5.3.0-alpha.5",
     "babel-loader": "^8",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^5.2.0",

examples/html-kitchen-sink/package.json

@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,26 +13,26 @@
     "storybook": "start-storybook -p 9006"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.3.0-alpha.2",
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-backgrounds": "5.3.0-alpha.2",
-    "@storybook/addon-centered": "5.3.0-alpha.2",
-    "@storybook/addon-docs": "5.3.0-alpha.2",
-    "@storybook/addon-events": "5.3.0-alpha.2",
-    "@storybook/addon-jest": "5.3.0-alpha.2",
-    "@storybook/addon-knobs": "5.3.0-alpha.2",
-    "@storybook/addon-links": "5.3.0-alpha.2",
-    "@storybook/addon-notes": "5.3.0-alpha.2",
-    "@storybook/addon-options": "5.3.0-alpha.2",
-    "@storybook/addon-storyshots": "5.3.0-alpha.2",
-    "@storybook/addon-storysource": "5.3.0-alpha.2",
-    "@storybook/addon-viewport": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/client-api": "5.3.0-alpha.2",
-    "@storybook/core": "5.3.0-alpha.2",
-    "@storybook/core-events": "5.3.0-alpha.2",
-    "@storybook/html": "5.3.0-alpha.2",
-    "@storybook/source-loader": "5.3.0-alpha.2",
+    "@storybook/addon-a11y": "5.3.0-alpha.5",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-backgrounds": "5.3.0-alpha.5",
+    "@storybook/addon-centered": "5.3.0-alpha.5",
+    "@storybook/addon-docs": "5.3.0-alpha.5",
+    "@storybook/addon-events": "5.3.0-alpha.5",
+    "@storybook/addon-jest": "5.3.0-alpha.5",
+    "@storybook/addon-knobs": "5.3.0-alpha.5",
+    "@storybook/addon-links": "5.3.0-alpha.5",
+    "@storybook/addon-notes": "5.3.0-alpha.5",
+    "@storybook/addon-options": "5.3.0-alpha.5",
+    "@storybook/addon-storyshots": "5.3.0-alpha.5",
+    "@storybook/addon-storysource": "5.3.0-alpha.5",
+    "@storybook/addon-viewport": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/client-api": "5.3.0-alpha.5",
+    "@storybook/core": "5.3.0-alpha.5",
+    "@storybook/core-events": "5.3.0-alpha.5",
+    "@storybook/html": "5.3.0-alpha.5",
+    "@storybook/source-loader": "5.3.0-alpha.5",
     "eventemitter3": "^4.0.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2"

examples/marko-cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko-cli",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "description": "Demo of how to build an app using marko-starter",
   "repository": {
@@ -23,14 +23,14 @@
     "marko-starter": "^2.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.3.0-alpha.2",
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-knobs": "5.3.0-alpha.2",
-    "@storybook/addon-options": "5.3.0-alpha.2",
-    "@storybook/addon-storysource": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/marko": "5.3.0-alpha.2",
-    "@storybook/source-loader": "5.3.0-alpha.2",
+    "@storybook/addon-a11y": "5.3.0-alpha.5",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-knobs": "5.3.0-alpha.5",
+    "@storybook/addon-options": "5.3.0-alpha.5",
+    "@storybook/addon-storysource": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/marko": "5.3.0-alpha.5",
+    "@storybook/source-loader": "5.3.0-alpha.5",
     "prettier": "^1.16.4",
     "webpack": "^4.33.0"
   }

examples/mithril-kitchen-sink/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mithril-example",
-  "version": "5.3.0-alpha.2",
+  "version": "5.3.0-alpha.5",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -10,20 +10,20 @@
     "mithril": "^1.1.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.3.0-alpha.2",
-    "@storybook/addon-actions": "5.3.0-alpha.2",
-    "@storybook/addon-backgrounds": "5.3.0-alpha.2",
-    "@storybook/addon-centered": "5.3.0-alpha.2",
-    "@storybook/addon-knobs": "5.3.0-alpha.2",
-    "@storybook/addon-links": "5.3.0-alpha.2",
-    "@storybook/addon-notes": "5.3.0-alpha.2",
-    "@storybook/addon-options": "5.3.0-alpha.2",
-    "@storybook/addon-storyshots": "5.3.0-alpha.2",
-    "@storybook/addon-storysource": "5.3.0-alpha.2",
-    "@storybook/addon-viewport": "5.3.0-alpha.2",
-    "@storybook/addons": "5.3.0-alpha.2",
-    "@storybook/mithril": "5.3.0-alpha.2",
-    "@storybook/source-loader": "5.3.0-alpha.2",
+    "@storybook/addon-a11y": "5.3.0-alpha.5",
+    "@storybook/addon-actions": "5.3.0-alpha.5",
+    "@storybook/addon-backgrounds": "5.3.0-alpha.5",
+    "@storybook/addon-centered": "5.3.0-alpha.5",
+    "@storybook/addon-knobs": "5.3.0-alpha.5",
+    "@storybook/addon-links": "5.3.0-alpha.5",
+    "@storybook/addon-notes": "5.3.0-alpha.5",
+    "@storybook/addon-options": "5.3.0-alpha.5",
+    "@storybook/addon-storyshots": "5.3.0-alpha.5",
+    "@storybook/addon-storysource": "5.3.0-alpha.5",
+    "@storybook/addon-viewport": "5.3.0-alpha.5",
+    "@storybook/addons": "5.3.0-alpha.5",
+    "@storybook/mithril": "5.3.0-alpha.5",
+    "@storybook/source-loader": "5.3.0-alpha.5",
     "webpack": "^4.33.0"
   }
 }