diff --git a/.circleci/config.yml b/.circleci/config.yml
index 3658e56fe2f..8e7a099ee28 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -1,14 +1,21 @@
 version: 2.1
 
-aliases:
-  - &defaults
+executors:
+  sb_node:
+    parameters:
+        class:
+          description: The Resource class
+          type: enum
+          enum: ["small", "medium", "large", "xlarge"]
+          default: "medium"
     working_directory: /tmp/storybook
     docker:
       - image: circleci/node:10-browsers
+    resource_class: <<parameters.class>>
 
 jobs:
   install:
-    <<: *defaults
+    executor: sb_node
     steps:
       - checkout
       - restore_cache:
@@ -37,7 +44,7 @@ jobs:
             - app
             - lib
   build:
-    <<: *defaults
+    executor: sb_node
     steps:
       - checkout
       - attach_workspace:
@@ -54,7 +61,7 @@ jobs:
             - app
             - lib
   chromatic:
-    <<: *defaults
+    executor: sb_node
     parallelism: 11
     steps:
       - checkout
@@ -65,7 +72,7 @@ jobs:
           command: |
             yarn run-chromatics
   packtracker:
-    <<: *defaults
+    executor: sb_node
     steps:
       - checkout
       - attach_workspace:
@@ -76,7 +83,7 @@ jobs:
             cd examples/official-storybook
             yarn packtracker
   examples:
-    <<: *defaults
+    executor: sb_node
     parallelism: 11
     steps:
       - checkout
@@ -91,7 +98,7 @@ jobs:
           paths:
             - built-storybooks
   publish:
-    <<: *defaults
+    executor: sb_node
     steps:
       - checkout
       - attach_workspace:
@@ -159,7 +166,7 @@ jobs:
           command: yarn info @storybook/core
       - run:
           name: run e2e tests
-          command: yarn test:e2e-framework yarn2Cra
+          command: yarn test:e2e-framework --use-yarn-2 sfcVue cra
       - store_artifacts:
           path: /tmp/storybook/cypress
           destination: cypress
@@ -183,9 +190,12 @@ jobs:
       - run:
           name: cypress run
           command: yarn test:e2e
+      - store_artifacts:
+          path: /tmp/storybook/cypress
+          destination: cypress
 
   smoke-tests:
-    <<: *defaults
+    executor: sb_node
     steps:
       - checkout
       - attach_workspace:
@@ -251,7 +261,7 @@ jobs:
             cd examples/cra-react15
             yarn storybook --smoke-test --quiet
   frontpage:
-    <<: *defaults
+    executor: sb_node
     steps:
       - checkout
       - restore_cache:
@@ -264,22 +274,10 @@ jobs:
       - run:
           name: Trigger build
           command: ./scripts/build-frontpage.js
-  docs:
-    <<: *defaults
-    steps:
-      - checkout
-      - run:
-          name: Install dependencies
-          command: |
-            cd docs
-            yarn install
-      - run:
-          name: Build docs
-          command: |
-            cd docs
-            yarn build
   lint:
-    <<: *defaults
+    executor:
+      class: small
+      name: sb_node
     steps:
       - checkout
       - attach_workspace:
@@ -288,7 +286,7 @@ jobs:
           name: Lint
           command: yarn lint
   test:
-    <<: *defaults
+    executor: sb_node
     steps:
       - checkout
       - attach_workspace:
@@ -301,7 +299,9 @@ jobs:
           paths:
             - coverage
   coverage:
-    <<: *defaults
+    executor:
+      class: small
+      name: sb_node
     steps:
       - checkout
       - attach_workspace:
@@ -352,5 +352,4 @@ workflows:
             - publish
   deploy:
     jobs:
-      - docs
       - frontpage
diff --git a/.eslintrc.js b/.eslintrc.js
index 99d83c78c2f..9bcec6a682d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -49,5 +49,11 @@ module.exports = {
         'spaced-comment': 'off',
       },
     },
+    {
+      files: ['**/mithril/**/*'],
+      rules: {
+        'react/no-unknown-property': 'off', // Need to deactivate otherwise eslint replaces some unknown properties with React ones
+      },
+    },
   ],
 };
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 8a63d2211db..25634de47a6 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -1,7 +1,6 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-
 ---
 
 **Describe the bug**
@@ -9,6 +8,7 @@ A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -24,7 +24,7 @@ If applicable, add screenshots to help explain your problem.
 If applicable, add code samples to help explain your problem.
 
 **System:**
-Please paste the results of `npx -p @storybook/cli@next sb info` here.
+Please paste the results of `npx sb@next info` here.
 
 **Additional context**
 Add any other context about the problem here.
diff --git a/.github/automention.yml b/.github/automention.yml
index 4ca3b6a6256..fd2029bf062 100644
--- a/.github/automention.yml
+++ b/.github/automention.yml
@@ -1,5 +1,5 @@
-'app: angular': ['kroeder', 'igor-dv', 'MaximSagan']
-'app: ember': ['gabrielcsapo']
+'app: angular': ['kroeder', 'igor-dv', 'MaximSagan', 'Marklb']
+'app: ember': ['gabrielcsapo', 'gossi', 'meirish']
 'app: html': ['Hypnosphi']
 'app: marko': ['nm123github']
 'app: preact': ['BartWaardenburg']
@@ -16,8 +16,9 @@
 typescript: ['kroeder', 'gaetanmaisse', 'ndelangen', 'emilio-martinez']
 theming: ['ndelangen', 'domyen']
 cra: ['mrmckeb']
-cli: ['Keraito']
+cli: ['yannbf', 'tooppaaa']
 dependencies: ['ndelangen']
 'babel / webpack': ['ndelangen', 'igor-dv', 'shilman']
 'yarn / npm': ['ndelangen', 'tmeasday']
 'source-loader': ['libetl']
+documentation: ['jonniebigodes']
diff --git a/.github/workflows/tests-cli.yml b/.github/workflows/tests-cli.yml
index 3b5a154a4c6..e8348e0c053 100644
--- a/.github/workflows/tests-cli.yml
+++ b/.github/workflows/tests-cli.yml
@@ -17,6 +17,9 @@ jobs:
     - uses: actions/setup-node@v1
       with:
         node-version: '10.x'
+    - name: increase filewatcher limit
+      run: |
+        echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
     - uses: actions/checkout@v2
     - name: Cache node modules
       uses: actions/cache@v1
@@ -32,40 +35,3 @@ jobs:
     - name: cli
       run: |
         yarn test --cli
-  cli-yarn-2:
-    name: CLI Fixtures with Yarn 2
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/setup-node@v1
-      with:
-        node-version: '10.x'
-    - uses: actions/checkout@v2
-    - name: Cache node modules
-      uses: actions/cache@v1
-      with:
-        path: node_modules
-        key: build-v2-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          build-v2-${{ env.cache-name }}-
-          build-v2-
-    - name: install, bootstrap
-      run: |
-        yarn bootstrap --core
-    - name: cli with Yarn 2
-      run: |
-        cd lib/cli
-        yarn test-yarn-2
-  latest-cra:
-    name: Latest CRA
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/setup-node@v1
-      with:
-        node-version: '10.x'
-    - uses: actions/checkout@v2
-    - name: install, bootstrap
-      run: |
-        yarn bootstrap --core
-    - name: latest-cra
-      run: |
-        yarn test-latest-cra
diff --git a/ADDONS_SUPPORT.md b/ADDONS_SUPPORT.md
index cdad86428e7..d795c7a9b6b 100644
--- a/ADDONS_SUPPORT.md
+++ b/ADDONS_SUPPORT.md
@@ -1,24 +1,24 @@
 ## Addon / Framework Support Table
 
-|                                             | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Mithril](app/mithril) | [HTML](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) | [Rax](app/rax) |
-| ------------------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: | -------------- |
-| [a11y](addons/a11y)                         |         +          |                                  |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [actions](addons/actions)                   |         +          |               +\*                |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [backgrounds](addons/backgrounds)           |         +          |                \*                |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [cssresources](addons/cssresources)         |         +          |                                  |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [design assets](addons/design-assets)       |         +          |                                  |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [docs](addons/docs)                         |         +          |                                  |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [events](addons/events)                     |         +          |                                  |       +        |           +            |           +            |        +         |         +          |                      |                  |         +          |          +           | +              |
-| [google-analytics](addons/google-analytics) |         +          |                +                 |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [graphql](addons/graphql)                   |         +          |                                  |                |                        |                        |                  |                    |                      |                  |                    |                      |                |
-| [jest](addons/jest)                         |         +          |                +                 |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [knobs](addons/knobs)                       |         +          |               +\*                |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [links](addons/links)                       |         +          |                +                 |       +        |           +            |           +            |        +         |                    |          +           |        +         |         +          |          +           | +              |
-| [options](addons/options)                   |         +          |                +                 |       +        |           +            |           +            |        +         |                    |          +           |        +         |         +          |          +           | +              |
-| [query params](addons/queryparams)          |         +          |                                  |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [storyshots](addons/storyshots)             |         +          |                +                 |       +        |           +            |                        |        +         |                    |          +           |        +         |                    |          +           | +              |
-| [storysource](addons/storysource)           |         +          |                                  |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
-| [viewport](addons/viewport)                 |         +          |                                  |       +        |           +            |           +            |        +         |         +          |          +           |        +         |         +          |          +           | +              |
+|                                             | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Mithril](app/mithril) | [HTML](app/html) | [Web Components](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) | [Rax](app/rax) |
+| ------------------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------: | :------------------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: | -------------- |
+| [a11y](addons/a11y)                         |         +          |                                  |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [actions](addons/actions)                   |         +          |               +\*                |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [backgrounds](addons/backgrounds)           |         +          |                \*                |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [cssresources](addons/cssresources)         |         +          |                                  |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [design assets](addons/design-assets)       |         +          |                                  |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [docs](addons/docs)                         |         +          |                                  |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [events](addons/events)                     |         +          |                                  |       +        |           +            |           +            |        +         |             +              |         +          |                      |                  |         +          |          +           | +              |
+| [google-analytics](addons/google-analytics) |         +          |                +                 |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [graphql](addons/graphql)                   |         +          |                                  |                |                        |                        |                  |                            |                    |                      |                  |                    |                      |                |
+| [jest](addons/jest)                         |         +          |                +                 |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [knobs](addons/knobs)                       |         +          |               +\*                |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [links](addons/links)                       |         +          |                +                 |       +        |           +            |           +            |        +         |             +              |                    |          +           |        +         |         +          |          +           | +              |
+| [options](addons/options)                   |         +          |                +                 |       +        |           +            |           +            |        +         |             +              |                    |          +           |        +         |         +          |          +           | +              |
+| [query params](addons/queryparams)          |         +          |                                  |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [storyshots](addons/storyshots)             |         +          |                +                 |       +        |           +            |                        |        +         |             +              |                    |          +           |        +         |                    |          +           | +              |
+| [storysource](addons/storysource)           |         +          |                                  |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
+| [viewport](addons/viewport)                 |         +          |                                  |       +        |           +            |           +            |        +         |             +              |         +          |          +           |        +         |         +          |          +           | +              |
 
 `*`  - React Native on device addon (addons/onDevice-\<name>)
 
@@ -26,7 +26,7 @@
 
 |                                             | [React](app/react) | [React Native](app/react-native) | [Vue](app/vue) | [Angular](app/angular) | [Mithril](app/mithril) | [HTML](app/html) | [Marko](app/marko) | [Svelte](app/svelte) | [Riot](app/riot) | [Ember](app/ember) | [Preact](app/preact) | [Rax](app/rax) |
 | ------------------------------------------- | :----------------: | :------------------------------: | :------------: | :--------------------: | :--------------------: | :--------------: | :----------------: | :------------------: | :--------------: | :----------------: | :------------------: | -------------- |
-| [info](https://github.com/storybookjs/storybook/tree/master/addons/info)                     |         +          |                                  |                |                        |                        |                  |                    |                      |                  |                    |                      |                |
-| [notes](https://github.com/storybookjs/storybook/tree/master/addons/notes)                   |         +          |               +\*                |       +        |           +            |           +            |        +         |                    |          +           |        +         |         +          |          +           | +              |
+| [info](https://github.com/storybookjs/deprecated-addons/tree/master/addons/info)                     |         +          |                                  |                |                        |                        |                  |                    |                      |                  |                    |                      |                |
+| [notes](https://github.com/storybookjs/deprecated-addons/tree/master/addons/notes)                   |         +          |               +\*                |       +        |           +            |           +            |        +         |                    |          +           |        +         |         +          |          +           | +              |
 
 `*`  - React Native on device addon (addons/onDevice-\<name>)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4a6201a35c3..b86fa0e98e3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,1047 @@
+## 6.1.0-alpha.14 (September 22, 2020)
+
+### Features
+
+- Web Components: Add script tag support ([#12509](https://github.com/storybookjs/storybook/pull/12509))
+
+### Bug Fixes
+
+- React: Fix fast refresh ([#12535](https://github.com/storybookjs/storybook/pull/12535))
+
+### Maintenance
+
+- CLI: Change suggested upgrade command to sb@latest ([#12533](https://github.com/storybookjs/storybook/pull/12533))
+
+## 6.1.0-alpha.13 (September 22, 2020)
+
+Failed NPM publish
+
+## 6.1.0-alpha.12 (September 21, 2020)
+
+### Features
+
+- React: Add react-refresh ([#12470](https://github.com/storybookjs/storybook/pull/12470))
+- Server: Add support for script tags ([#12522](https://github.com/storybookjs/storybook/pull/12522))
+
+### Dependency Upgrades
+
+- Core: Upgrade babel ([#12499](https://github.com/storybookjs/storybook/pull/12499))
+
+## 6.1.0-alpha.11 (September 19, 2020)
+
+### Bug Fixes
+
+- Preact: Keep the story state between rerenders ([#12221](https://github.com/storybookjs/storybook/pull/12221))
+
+### Maintenance
+
+- Addon-controls: Update style of Boolean control ([#12515](https://github.com/storybookjs/storybook/pull/12515))
+
+## 6.1.0-alpha.10 (September 16, 2020)
+
+### Features
+
+- Ember: Add `emberOptions` to `main.js` config ✨ ([#12440](https://github.com/storybookjs/storybook/pull/12440))
+
+### Bug Fixes
+
+- React: Fix reactDocgen option when false ([#12492](https://github.com/storybookjs/storybook/pull/12492))
+
+## 6.1.0-alpha.9 (September 13, 2020)
+
+### Features
+
+- Storyshots: Allow taking a screenshot of just a specific element ([#12460](https://github.com/storybookjs/storybook/pull/12460))
+
+### Bug Fixes
+
+- CLI: Fix storiesof-to-csf codemod for TypeScript ([#12453](https://github.com/storybookjs/storybook/pull/12453))
+
+### Maintenance
+
+- Addon-docs: Resolve vue-docgen-loader from @storybook/vue ([#12461](https://github.com/storybookjs/storybook/pull/12461))
+- Build: Disable problematic story in Chromatic ([#12457](https://github.com/storybookjs/storybook/pull/12457))
+
+## 6.1.0-alpha.8 (September 12, 2020)
+
+### Features
+
+- HTML: Add script tag support ([#12089](https://github.com/storybookjs/storybook/pull/12089))
+- Addon-docs: Fix fixed-position inline stories ([#11350](https://github.com/storybookjs/storybook/pull/11350))
+
+### Bug Fixes
+
+- Core: require.resolve loaders and add missing dependencies ([#12383](https://github.com/storybookjs/storybook/pull/12383))
+- Addon-docs: Fix DocsPage scroll behavior ([#12047](https://github.com/storybookjs/storybook/pull/12047))
+
+### Maintenance
+
+- Core: Fix monorepo compatibility ([#11753](https://github.com/storybookjs/storybook/pull/11753))
+
+## 6.1.0-alpha.7 (September 10, 2020)
+
+### Features
+
+- Components: Add graphql support to SyntaxHighlighter ([#12385](https://github.com/storybookjs/storybook/pull/12385))
+
+### Bug Fixes
+
+- UI: Fix the p > div nesting issue ([#12298](https://github.com/storybookjs/storybook/pull/12298))
+- Addon-docs: Apply transformSource to any SourceType ([#12375](https://github.com/storybookjs/storybook/pull/12375))
+- CLI: Workaround for react native `sb init` ([#12405](https://github.com/storybookjs/storybook/pull/12405))
+
+### Dependency Upgrades
+
+- Core: Change react deps to normal deps ([#11628](https://github.com/storybookjs/storybook/pull/11628))
+
+## 6.1.0-alpha.6 (September 10, 2020)
+
+### Features
+
+- Core: Add static dir path mappings ([#12222](https://github.com/storybookjs/storybook/pull/12222))
+- Addon-controls: Default to radio control for small enums ([#12436](https://github.com/storybookjs/storybook/pull/12436))
+
+### Bug Fixes
+
+- Source-loader: Export extract-source in its own entry point ([#12429](https://github.com/storybookjs/storybook/pull/12429))
+- Addon-docs: Prefer flow's union elements over raw values ([#12376](https://github.com/storybookjs/storybook/pull/12376))
+
+## 6.1.0-alpha.5 (September 10, 2020)
+
+Failed npm publish
+
+## 6.1.0-alpha.4 (September 8, 2020)
+
+### Features
+
+- Addon-docs: Add Methods to web components ArgsTable ([#12413](https://github.com/storybookjs/storybook/pull/12413))
+
+### Bug Fixes
+
+- Addon-docs: Introduce undefined filtering to jsxDecorator ([#12365](https://github.com/storybookjs/storybook/pull/12365))
+- Addon-docs: Fix missing line-height on TypeSet block ([#12134](https://github.com/storybookjs/storybook/pull/12134))
+
+### Maintenance
+
+- Addon-docs: Reuse extractSource from source-loader ([#12225](https://github.com/storybookjs/storybook/pull/12225))
+
+## 6.1.0-alpha.3 (September 3, 2020)
+
+### Features
+
+- Addon-docs: Add Controls argument autodetection for svelte ([#12347](https://github.com/storybookjs/storybook/pull/12347))
+
+### Bug Fixes
+
+- Core: Use denormed params of the first story for initial options ([#11938](https://github.com/storybookjs/storybook/pull/11938))
+
+### Maintenance
+
+- Addon-docs: Light refactor of Source block ([#12268](https://github.com/storybookjs/storybook/pull/12268))
+- Addon-docs: Change 2nd argument of transformSource to the storyContext ([#12265](https://github.com/storybookjs/storybook/pull/12265))
+
+### Dependency Upgrades
+
+- Bump css from 2.2.4 to 3.0.0 ([#12338](https://github.com/storybookjs/storybook/pull/12338))
+
+## 6.1.0-alpha.2 (September 3, 2020)
+
+Failed NPM publish
+
+## 6.1.0-alpha.1 (August 31, 2020)
+
+### Features
+
+- Components: Add additionalActions prop to Preview block ([#12274](https://github.com/storybookjs/storybook/pull/12274))
+
+### Maintenance
+
+- Addon-docs: Add transformSource for jsxDecorator, deprecated onBeforeRender ([#12178](https://github.com/storybookjs/storybook/pull/12178))
+
+### Dependency Upgrades
+
+- Update the axe version in addon-a11y to 4.0 ([#12150](https://github.com/storybookjs/storybook/pull/12150))
+- Upgrade react-popper-tooltip to 3.1.0 ([#11827](https://github.com/storybookjs/storybook/pull/11827))
+
+## 6.1.0-alpha.0 (August 31, 2020)
+
+### Features
+
+- SyntaxHighlighter: Put formatted code to clipboard ([#11276](https://github.com/storybookjs/storybook/pull/11276))
+- Addon-docs: Add inline rendering for svelte ([#12313](https://github.com/storybookjs/storybook/pull/12313))
+
+### Bug Fixes
+
+- UI: Remove scrolling attribute from iFrame ([#12223](https://github.com/storybookjs/storybook/pull/12223))
+
+### Maintenance
+
+- CLI: Add HTML components and stories ([#12286](https://github.com/storybookjs/storybook/pull/12286))
+- Vue: Add basic CSF types ([#12037](https://github.com/storybookjs/storybook/pull/12037))
+- CLI: Add Aurelia detection ([#12181](https://github.com/storybookjs/storybook/pull/12181))
+- Storyshots: Remove needless iteration testStorySnapshots ([#12321](https://github.com/storybookjs/storybook/pull/12321))
+
+### Dependency Upgrades
+
+- Bump react-syntax-highlighter to 13.2.1 ([#11838](https://github.com/storybookjs/storybook/pull/11838))
+
+## 6.0.21 (August 31, 2020)
+
+### Bug Fixes
+
+- Addon-controls: Fix uncontrolled to controlled warning for booleans ([#12322](https://github.com/storybookjs/storybook/pull/12322))
+
+### Maintenance
+
+- Build: Add CRA benchmark ([#12209](https://github.com/storybookjs/storybook/pull/12209))
+
+## 6.0.20 (August 28, 2020)
+
+### Bug Fixes
+
+- ArgsTable: Fix union type splitting ([#11868](https://github.com/storybookjs/storybook/pull/11868))
+- CLI: Fix import of Button in react mdx template ([#12252](https://github.com/storybookjs/storybook/pull/12252))
+
+## 5.3.21 (August 28, 2020)
+
+### Bug Fixes
+
+- Core: Add skip dispose option to ClientApi ([#9868](https://github.com/storybookjs/storybook/pull/9868))
+
+## 6.0.19 (August 27, 2020)
+
+### Bug Fixes
+
+- UI: Fix eject and copy URLs for composition ([#12233](https://github.com/storybookjs/storybook/pull/12233))
+
+## 5.3.20 (August 27, 2020)
+
+### Bug Fixes
+
+- React-native server: Fix addon tabs ([#10468](https://github.com/storybookjs/storybook/pull/10468))
+- Addon-docs: Fix babel JSX handling in MDX ([#11448](https://github.com/storybookjs/storybook/pull/11448))
+- Revert "Fix: Search stories" ([#10916](https://github.com/storybookjs/storybook/pull/10916))
+
+## 6.0.18 (August 26, 2020)
+
+### Bug Fixes
+
+- UI: Fix `disable` parameter to hide addon panel ([#12171](https://github.com/storybookjs/storybook/pull/12171))
+- Addon-controls: Fix controls from args ([#12230](https://github.com/storybookjs/storybook/pull/12230))
+
+### Dependency Upgrades
+
+- Mithril: Add Mithril v2.0.0 to peer dependencies ([#12229](https://github.com/storybookjs/storybook/pull/12229))
+
+## 6.0.17 (August 25, 2020)
+
+### Bug Fixes
+
+- Addon-essentials: Log info on config override ([#12211](https://github.com/storybookjs/storybook/pull/12211))
+
+### Maintenance
+
+- Build: Remove outdated CLI tests ([#12207](https://github.com/storybookjs/storybook/pull/12207))
+
+### Dependency Upgrades
+
+- Source-loader: Pin prettier to 2.0.x version ([#12226](https://github.com/storybookjs/storybook/pull/12226))
+
+## 6.0.16 (August 20, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix Vue ArgsTable sanitizing of item.type.elements to item.type.value ([#12165](https://github.com/storybookjs/storybook/pull/12165))
+
+## 6.0.15 (August 20, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix ArgsTable union type handling in Vue/TS ([#12158](https://github.com/storybookjs/storybook/pull/12158))
+- Addon-docs: Fix inline rendering for DOM nodes in HTML ([#12164](https://github.com/storybookjs/storybook/pull/12164))
+
+### Maintenance
+
+- React: Simplify component type for CSF typing ([#12110](https://github.com/storybookjs/storybook/pull/12110))
+
+## 6.0.14 (August 20, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix MDX IDs from CSF imports ([#12154](https://github.com/storybookjs/storybook/pull/12154))
+- Addon-viewport: Add preset to fix windows import ([#12148](https://github.com/storybookjs/storybook/pull/12148))
+- Composition: Verify refs in node ([#12085](https://github.com/storybookjs/storybook/pull/12085))
+
+### Maintenance
+
+- Build: Update and optimize circleCI Config ([#12118](https://github.com/storybookjs/storybook/pull/12118))
+
+## 6.0.13 (August 19, 2020)
+
+### Bug Fixes
+
+- Source-loader: Fix default exports of type TSAsExpression ([#12099](https://github.com/storybookjs/storybook/pull/12099))
+- Addon-docs: Fix source code for Template.bind({}) in MDX ([#12107](https://github.com/storybookjs/storybook/pull/12107))
+- Addon-A11y: Fix manual run & timeline ([#12003](https://github.com/storybookjs/storybook/pull/12003))
+- Core: Add frameworkPath to options to support custom frameworks ([#12087](https://github.com/storybookjs/storybook/pull/12087))
+
+## 6.0.12 (August 17, 2020)
+
+### Bug Fixes
+
+- Angular: Make CLI templates compatible with TS strict mode ([#12081](https://github.com/storybookjs/storybook/pull/12081))
+- React: Fix CSF component typing ([#12072](https://github.com/storybookjs/storybook/pull/12072))
+- ArgsTable: Fix styles to allow long text to wrap ([#11818](https://github.com/storybookjs/storybook/pull/11818))
+- Addon-docs: Fix main check for absolute config dirs ([#12057](https://github.com/storybookjs/storybook/pull/12057))
+
+## 6.0.11 (August 17, 2020)
+
+NPM publish failed
+
+## 6.0.10 (August 15, 2020)
+
+### Bug Fixes
+
+- Addon-controls: Fix argType inference priority ([#12048](https://github.com/storybookjs/storybook/pull/12048))
+
+## 6.0.9 (August 15, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix CSF names importing in MDX ([#12044](https://github.com/storybookjs/storybook/pull/12044))
+
+### Maintenance
+
+- ArgsTable: Error when subcomponents is an array ([#12033](https://github.com/storybookjs/storybook/pull/12033))
+
+## 6.0.8 (August 15, 2020)
+
+Unpublished
+
+## 6.0.7 (August 14, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix extractArgTypes for unknown component ([#12012](https://github.com/storybookjs/storybook/pull/12012))
+
+### Maintenance
+
+- UI:pdate upgrade command in about section ([#11934](https://github.com/storybookjs/storybook/pull/11934))
+- Build: Remove documentation scripts and fix README ([#12015](https://github.com/storybookjs/storybook/pull/12015))
+
+### Dependency Upgrades
+
+- Bump jest-specific-snapshot to v4 ([#11939](https://github.com/storybookjs/storybook/pull/11939))
+
+## 6.0.6 (August 14, 2020)
+
+### Bug Fixes
+
+- CLI: Fix upgrade to warn when no packages found ([#11993](https://github.com/storybookjs/storybook/pull/11993))
+- Addon-docs: Fix blocks type export ([#11987](https://github.com/storybookjs/storybook/pull/11987))
+- CLI: Fix RN link ([#11973](https://github.com/storybookjs/storybook/pull/11973))
+
+## 6.0.5 (August 13, 2020)
+
+### Bug Fixes
+
+- CLI: Fix welcome links on Introduction MDX ([#11949](https://github.com/storybookjs/storybook/pull/11949))
+
+## 6.0.4 (August 12, 2020)
+
+### Bug Fixes
+
+- Source-loader: Fix `.add` detection ([#11920](https://github.com/storybookjs/storybook/pull/11920))
+
+## 6.0.3 (August 12, 2020)
+
+### Bug Fixes
+
+- Essentials: Fix missing toolbars addon ([#11910](https://github.com/storybookjs/storybook/pull/11910))
+
+## 6.0.2 (August 11, 2020)
+
+### Bug Fixes
+
+- CLI: Fix csf-hoist-story-annotations codemod for variable default exports ([#11895](https://github.com/storybookjs/storybook/pull/11895))
+
+## 6.0.1 (August 11, 2020)
+
+### Bug Fixes
+
+- Core: Fix support for main.ts/preview.ts files ([#11885](https://github.com/storybookjs/storybook/pull/11885))
+- Addon-docs: Fix ArgsTable regression ([#11889](https://github.com/storybookjs/storybook/pull/11889))
+
+## 6.0.0 (August 10, 2020)
+
+Storybook 6.0 is here!
+
+- 💎 [Essentials: Zero-configuration setup](https://medium.com/storybookjs/zero-config-storybook-66e7c4798e5d)
+- 🧬 [Args: Next-generation, dynamic story format](https://medium.com/storybookjs/introducing-storybook-args-2dadcdb777cc)
+- 🎛 [Controls: Live edit component examples](https://medium.com/storybookjs/storybook-controls-ce82af93e430)
+- 🌐 [Composition: Combine multiple Storybooks](https://medium.com/storybookjs/storybook-composition-af0da9084fba)
+- 📚 [Documentation: Complete project overhaul](https://storybook.js.org/docs/react/get-started/introduction)
+
+  6.0 contains hundreds more fixes, features, and tweaks. Browse the changelogs matching `6.0.0-alpha.*`, `6.0.0-beta.*`, and `6.0.0-rc.*` for the full list of changes. See [MIGRATION.md](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) to upgrade from `5.3` or earlier.
+
+## 6.0.0-rc.30 (August 10, 2020)
+
+### Bug Fixes
+
+- Storyshots: Don't ship typescript files in dist ([#11792](https://github.com/storybookjs/storybook/pull/11792))
+
+### Maintenance
+
+- 6.0 documentation overhaul ([#11861](https://github.com/storybookjs/storybook/pull/11861))
+
+## 6.0.0-rc.29 (August 7, 2020)
+
+### Features
+
+- CLI: Add CSF types for Angular ([#11825](https://github.com/storybookjs/storybook/pull/11825))
+
+### Bug Fixes
+
+- Core: Fix serialization of `undefined` ([#11829](https://github.com/storybookjs/storybook/pull/11829))
+
+## 6.0.0-rc.28 (August 6, 2020)
+
+### Bug Fixes
+
+- CLI: Add CSF typings for react stories ([#11811](https://github.com/storybookjs/storybook/pull/11811))
+
+### Dependency Upgrades
+
+- Upgrade telejson to 5.0.1 ([#11824](https://github.com/storybookjs/storybook/pull/11824))
+
+## 6.0.0-rc.27 (August 6, 2020)
+
+### Features
+
+- Addon-docs: Prettier, collapsible values in ArgsTable ([#11768](https://github.com/storybookjs/storybook/pull/11768))
+- Addon-docs: Add inline rendering support for HTML ([#11814](https://github.com/storybookjs/storybook/pull/11814))
+
+### Bug Fixes
+
+- Addon-controls: Fix ArgsTable bugs and styling ([#11805](https://github.com/storybookjs/storybook/pull/11805))
+- Addon-docs: Don't zoom docs content ([#11795](https://github.com/storybookjs/storybook/pull/11795))
+
+## 6.0.0-rc.26 (August 5, 2020)
+
+### Dependency Upgrades
+
+- Perf: Upgrade telejson ([#11797](https://github.com/storybookjs/storybook/pull/11797))
+
+## 6.0.0-rc.25 (August 4, 2020)
+
+### Bug Fixes
+
+- CSF: Fix mixed `.x` and deprecated `.story.x` parameters ([#11781](https://github.com/storybookjs/storybook/pull/11781))
+
+## 6.0.0-rc.24 (August 3, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix link font size to inherit ([#11770](https://github.com/storybookjs/storybook/pull/11770))
+- Addon-knobs: Fix search params with URI encoding ([#11642](https://github.com/storybookjs/storybook/pull/11642))
+- Core: Add `STORY_SPECIFIED` event for initial selection/URL ([#11766](https://github.com/storybookjs/storybook/pull/11766))
+- Core: Fix handling of initial hashes ([#11767](https://github.com/storybookjs/storybook/pull/11767))
+
+### Documentation
+
+- Core: Fix link to deprecated configure ([#11771](https://github.com/storybookjs/storybook/pull/11771))
+
+## 6.0.0-rc.23 (August 3, 2020)
+
+### Bug Fixes
+
+- Source-loader: Fix storiesOf missing `__STORY__` variable ([#11765](https://github.com/storybookjs/storybook/pull/11765))
+
+## 6.0.0-rc.22 (August 2, 2020)
+
+### Features
+
+- Addon-docs: Add `docs.description` parameter ([#11761](https://github.com/storybookjs/storybook/pull/11761))
+
+### Bug Fixes
+
+- Composition: Fix missing version property in autoref ([#11745](https://github.com/storybookjs/storybook/pull/11745))
+- Addon-a11y: Fix inherited parameters ([#11730](https://github.com/storybookjs/storybook/pull/11730))
+- Addon-docs: Fix Ember args ([#11760](https://github.com/storybookjs/storybook/pull/11760))
+- Addon-Docs: Fix Ember extractArgTypes default value ([#10512](https://github.com/storybookjs/storybook/pull/10512))
+- Addon-Docs: Fix Ember extractArgTypes ([#10525](https://github.com/storybookjs/storybook/pull/10525))
+
+### Dependency Upgrades
+
+- Addon-docs: Make vue-docgen optional peer deps ([#11759](https://github.com/storybookjs/storybook/pull/11759))
+
+## 6.0.0-rc.21 (August 1, 2020)
+
+### Features
+
+- Addon-docs: Add Story.story for CSF stories with MDX docs ([#11752](https://github.com/storybookjs/storybook/pull/11752))
+
+### Maintenance
+
+- Addon-docs: Rename Preview/Props to Canvas/ArgsTable ([#11744](https://github.com/storybookjs/storybook/pull/11744))
+
+## 6.0.0-rc.20 (July 31, 2020)
+
+### Breaking Changes
+
+- Core: Pass normalized parameters to the story sort function ([#11743](https://github.com/storybookjs/storybook/pull/11743))
+
+### Bug Fixes
+
+- Core: Dedupe argTypes serialization ([#11740](https://github.com/storybookjs/storybook/pull/11740))
+
+## 6.0.0-rc.19 (July 31, 2020)
+
+### Bug Fixes
+
+- Core: Speed up combineParameters ([#11736](https://github.com/storybookjs/storybook/pull/11736))
+- Addon-docs: Support absolute anchors when deployed at non-root ([#11403](https://github.com/storybookjs/storybook/pull/11403))
+
+### Maintenance
+
+- Args: Add optional scalar test cases for typescript ([#11149](https://github.com/storybookjs/storybook/pull/11149))
+
+## 6.0.0-rc.18 (July 30, 2020)
+
+### Bug Fixes
+
+- Addon-controls: Fix update logic for argTypes with custom names ([#11704](https://github.com/storybookjs/storybook/pull/11704))
+- Core: Fix HMR ([#11709](https://github.com/storybookjs/storybook/pull/11709))
+- Server: Serialize Object controls as JSON over the wire ([#11703](https://github.com/storybookjs/storybook/pull/11703))
+- Revert #11502: Remove z-index on ActionBar ([#11708](https://github.com/storybookjs/storybook/pull/11708))
+- Revert #11066: Add skip to content on panel and story iframe ([#11718](https://github.com/storybookjs/storybook/pull/11718))
+- UI: Improve treestate performance ([#11725](https://github.com/storybookjs/storybook/pull/11725))
+
+## 6.0.0-rc.17 (July 30, 2020)
+
+Failed NPM publish
+
+## 6.0.0-rc.16 (July 28, 2020)
+
+### Features
+
+- Source-loader: Inject source snippets as story parameters ([#11707](https://github.com/storybookjs/storybook/pull/11707))
+- Source-loader: Handle bind expression stories ([#11710](https://github.com/storybookjs/storybook/pull/11710))
+- UI: Add skip to content on panel and story iframe ([#11066](https://github.com/storybookjs/storybook/pull/11066))
+- Addon-storyshots: Add web-component support ([#11064](https://github.com/storybookjs/storybook/pull/11064))
+
+### Bug Fixes
+
+- Addon-docs: Fix docs render layout to always be 'fullscreen' ([#11699](https://github.com/storybookjs/storybook/pull/11699))
+- UI: Fix release notes on prduction builds ([#11700](https://github.com/storybookjs/storybook/pull/11700))
+- Addon-docs: Apply list styles over reset ([#11281](https://github.com/storybookjs/storybook/pull/11281))
+
+### Maintenance
+
+- CLI: Update rax/mithril/web-components templates, rework Yarn2 E2E ([#11354](https://github.com/storybookjs/storybook/pull/11354))
+
+## 6.0.0-rc.15 (July 27, 2020)
+
+### Features
+
+- Server: Update to 6.0 APIs and support Controls ([#11680](https://github.com/storybookjs/storybook/pull/11680))
+
+### Bug Fixes
+
+- Addon-Storysource: Fix broken source when there's no story ([#11679](https://github.com/storybookjs/storybook/pull/11679))
+- Angular: Use system path when checking if asset is a directory ([#11472](https://github.com/storybookjs/storybook/pull/11472))
+- Composition: Fix composition of older storybooks ([#11673](https://github.com/storybookjs/storybook/pull/11673))
+- Core: Fix existing behavior with story prefixes ([#11660](https://github.com/storybookjs/storybook/pull/11660))
+- Core: Fix webpack recursion in mainjs glob processing logic ([#11647](https://github.com/storybookjs/storybook/pull/11647))
+
+### Maintenance
+
+- Addon-knobs: Move `@types/react-color` to devDeps ([#11690](https://github.com/storybookjs/storybook/pull/11690))
+
+### Dependency Upgrades
+
+- Bump react-docgen-typescript-plugin to 0.5.2 ([#11658](https://github.com/storybookjs/storybook/pull/11658))
+
+## 6.0.0-rc.14 (July 22, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Re-enable source-loader by default ([#11650](https://github.com/storybookjs/storybook/pull/11650))
+- Core: Remove duplicate decorators and warn ([#11643](https://github.com/storybookjs/storybook/pull/11643))
+- Storyshots: Fix metadata (parameters/decorators) handling ([#11518](https://github.com/storybookjs/storybook/pull/11518))
+- Addon-docs: Skip dynamic source rendering when not needed ([#11640](https://github.com/storybookjs/storybook/pull/11640))
+- Core: Fix prefix redirect ([#11637](https://github.com/storybookjs/storybook/pull/11637))
+
+### Maintenance
+
+- Core: Log message length on channel message ([#11646](https://github.com/storybookjs/storybook/pull/11646))
+
+## 6.0.0-rc.13 (July 21, 2020)
+
+### Bug Fixes
+
+- Core: Improve translation of globs for main.js stories ([#11531](https://github.com/storybookjs/storybook/pull/11531))
+- Core: Optimize `storiesHash` by removing unused parameters ([#11624](https://github.com/storybookjs/storybook/pull/11624))
+- Composition: Fix docs-only stories in composed refs ([#11584](https://github.com/storybookjs/storybook/pull/11584))
+- CLI: Generate `docs:json` command dynamically for Angular project ([#11622](https://github.com/storybookjs/storybook/pull/11622))
+
+## 6.0.0-rc.12 (July 20, 2020)
+
+### Bug Fixes
+
+- Addon-controls: Fix undefined args handling ([#11619](https://github.com/storybookjs/storybook/pull/11619))
+- UI: Fix the color of the menu separator ([#11564](https://github.com/storybookjs/storybook/pull/11564))
+- Storyshots: Don't show `configure` deprecation warning ([#11611](https://github.com/storybookjs/storybook/pull/11611))
+- Addon-docs: Fix Props `components` input ([#11612](https://github.com/storybookjs/storybook/pull/11612))
+
+### Maintenance
+
+- Examples: Remove deprecated hierarchy separators ([#11615](https://github.com/storybookjs/storybook/pull/11615))
+- Hoist CSF `.story` annotations ([#11617](https://github.com/storybookjs/storybook/pull/11617))
+
+## 6.0.0-rc.11 (July 19, 2020)
+
+### Features
+
+- Addon-controls: Expose `presetColors` for the color control ([#11606](https://github.com/storybookjs/storybook/pull/11606))
+
+### Bug Fixes
+
+- Addon-docs: Fix Vue defaultValue in props table ([#11603](https://github.com/storybookjs/storybook/pull/11603))
+
+## 6.0.0-rc.10 (July 18, 2020)
+
+### Features
+
+- Addon-docs: Automatic source selection based on story type ([#11601](https://github.com/storybookjs/storybook/pull/11601))
+
+## 6.0.0-rc.9 (July 17, 2020)
+
+### Bug Fixes
+
+- Addon-controls: Fix no-args warning if argTypes are used ([#11598](https://github.com/storybookjs/storybook/pull/11598))
+- Core: Pass denormalized stories to the sort function ([#11572](https://github.com/storybookjs/storybook/pull/11572))
+- Addon-docs: Fix Vue inline rendering with Args and decorators ([#11594](https://github.com/storybookjs/storybook/pull/11594))
+- Composition: Fix missing refId on getData calls ([#11541](https://github.com/storybookjs/storybook/pull/11541))
+- UI: Fix scrollbars in flexbar ([#11579](https://github.com/storybookjs/storybook/pull/11579))
+
+## 6.0.0-rc.8 (July 16, 2020)
+
+### Features
+
+- CLI: Component-driven React / Vue / Angular / Preact / Svelte templates ([#11505](https://github.com/storybookjs/storybook/pull/11505))
+- Addon-controls: Add reset UI to ArgsTable ([#11550](https://github.com/storybookjs/storybook/pull/11550))
+
+### Bug Fixes
+
+- Addon-docs: Fix Vue argTypes default values ([#11534](https://github.com/storybookjs/storybook/pull/11534))
+
+### Maintenance
+
+- Core: Move basic argType inference out of addon-docs and into core ([#11561](https://github.com/storybookjs/storybook/pull/11561))
+
+## 6.0.0-rc.7 (July 16, 2020)
+
+NPM publish failed
+
+## 6.0.0-rc.6 (July 16, 2020)
+
+NPM publish failed
+
+## 6.0.0-rc.5 (July 15, 2020)
+
+### Features
+
+- Core: Add args reset API ([#11519](https://github.com/storybookjs/storybook/pull/11519))
+
+### Bug Fixes
+
+- Addon-docs: Make Meta block subcomponents optional ([#11556](https://github.com/storybookjs/storybook/pull/11556))
+- UI: Remove z-index on ActionBar ([#11502](https://github.com/storybookjs/storybook/pull/11502))
+- Composition: Fix docs-only story handling for composed storybooks ([#11537](https://github.com/storybookjs/storybook/pull/11537))
+- Addon-Docs: Fix ArgsTable controls on Docs tab ([#11552](https://github.com/storybookjs/storybook/pull/11552))
+
+### Maintenance
+
+- Core: Add `argTypes` to `StoryContext` ([#11558](https://github.com/storybookjs/storybook/pull/11558))
+- CLI: Improve Storybook packages version management ([#11342](https://github.com/storybookjs/storybook/pull/11342))
+
+## 6.0.0-rc.4 (July 15, 2020)
+
+NPM publish failed
+
+## 6.0.0-rc.3 (July 11, 2020)
+
+### Bug Fixes
+
+- Composition: Don't show versions dropdown if there are no versions ([#11497](https://github.com/storybookjs/storybook/pull/11497))
+- Addon-docs: Remove undefined for optional values in Typescript Props ([#11503](https://github.com/storybookjs/storybook/pull/11503))
+
+## 6.0.0-rc.2 (July 10, 2020)
+
+### Bug Fixes
+
+- UI: Fix menu alignment regression ([#11469](https://github.com/storybookjs/storybook/pull/11469))
+- Composition: Fix syntax on `no-cors` ([#11491](https://github.com/storybookjs/storybook/pull/11491))
+- Addon-docs: Fix MDX handling to ignore babel.config.js ([#11495](https://github.com/storybookjs/storybook/pull/11495))
+- UI: Increase max-height of menu tooltip so scrollbars don't appear ([#11471](https://github.com/storybookjs/storybook/pull/11471))
+
+### Maintenance
+
+- CLI: Add common welcome MDX and cleanup ([#11422](https://github.com/storybookjs/storybook/pull/11422))
+- CSF: Deprecate duplicate titles rather than forbid them ([#11476](https://github.com/storybookjs/storybook/pull/11476))
+
+## 6.0.0-rc.1 (July 9, 2020)
+
+### Bug Fixes
+
+- Addon-toolbars: Show name if there is no icon ([#11475](https://github.com/storybookjs/storybook/pull/11475))
+
+### Maintenance
+
+- CI: Fix iframe test flake ([#11473](https://github.com/storybookjs/storybook/pull/11473))
+- CI: Deploy the `next` branch of frontpage too ([#11462](https://github.com/storybookjs/storybook/pull/11462))
+
+### Dependency Upgrades
+
+- Bump vue-property-decorator from 8.4.2 to 9.0.0 ([#11241](https://github.com/storybookjs/storybook/pull/11241))
+- Bump @types/react-dom from 16.9.7 to 16.9.8 ([#11191](https://github.com/storybookjs/storybook/pull/11191))
+- Bump jest-image-snapshot from 3.1.0 to 4.0.2 ([#11267](https://github.com/storybookjs/storybook/pull/11267))
+- Bump autoprefixer from 9.8.0 to 9.8.4 ([#11288](https://github.com/storybookjs/storybook/pull/11288))
+- [Security] Bump npm-registry-fetch from 4.0.4 to 4.0.5 ([#11453](https://github.com/storybookjs/storybook/pull/11453))
+
+## 6.0.0-rc.0 (July 8, 2020)
+
+[Storybook 6.0](https://github.com/storybookjs/storybook/issues/9311) is stabilizing! It brings loads of component dev and documentation improvements to your favorite workshop:
+
+- [Args](https://docs.google.com/document/d/1Mhp1UFRCKCsN8pjlfPdz8ZdisgjNXeMXpXvGoALjxYM/edit#heading=h.6mdg0tp8crgj) - next-gen dynamic component examples
+  - ([controls](https://github.com/storybookjs/storybook/pull/10834) / [runtime](https://github.com/storybookjs/storybook/pull/10014) / [actions](https://github.com/storybookjs/storybook/pull/10029) / [toolbars](https://github.com/storybookjs/storybook/pull/10028) / [docs controls](https://github.com/storybookjs/storybook/pull/10354))
+- [Composition](https://github.com/storybookjs/storybook/pull/9210) - compose multiple storybooks into one
+- [Zero-config Typescript](https://github.com/storybookjs/storybook/pull/10813) - pre-configured for all frameworks, easy customization
+- [Yarn 2 support](https://github.com/storybookjs/storybook/issues/9527) - next generation package management
+
+## 6.0.0-beta.46 (July 8, 2020)
+
+### Breaking Changes
+
+- Addon-backgrounds: Zero config defaults ([#11460](https://github.com/storybookjs/storybook/pull/11460))
+
+### Features
+
+- Composition: Add version query to composed ref ([#11447](https://github.com/storybookjs/storybook/pull/11447))
+- UI: Add version release notes ([#11360](https://github.com/storybookjs/storybook/pull/11360))
+
+### Maintenance
+
+- Addon-controls: Add addon-docs check on startup ([#11458](https://github.com/storybookjs/storybook/pull/11458))
+- Addon-docs: Remove deprecated addParameters calls ([#11455](https://github.com/storybookjs/storybook/pull/11455))
+- Composition: Change event source to ref ([#11392](https://github.com/storybookjs/storybook/pull/11392))
+- Fix Yarn 2 compatibility in CLI and Essentials ([#11444](https://github.com/storybookjs/storybook/pull/11444))
+
+## 6.0.0-beta.45 (July 7, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix babel JSX handling in MDX ([#11448](https://github.com/storybookjs/storybook/pull/11448))
+
+## 6.0.0-beta.44 (July 6, 2020)
+
+### Breaking Changes
+
+- Core: Consistent file paths for locally-defined addons ([#11368](https://github.com/storybookjs/storybook/pull/11368))
+
+### Features
+
+- Composition: Ensure args get sent to the right ref ([#11401](https://github.com/storybookjs/storybook/pull/11401))
+- Core: Deprecate configure and clearDecorators ([#11431](https://github.com/storybookjs/storybook/pull/11431))
+
+### Bug Fixes
+
+- Controls: Fix object control for story switching ([#11432](https://github.com/storybookjs/storybook/pull/11432))
+- Controls: Fix interaction lag & CJK input ([#11430](https://github.com/storybookjs/storybook/pull/11430))
+
+## 6.0.0-beta.43 (July 5, 2020)
+
+### Features
+
+- Composition: Ignore globals from non-local refs ([#11407](https://github.com/storybookjs/storybook/pull/11407))
+
+### Maintenance
+
+- Core: Remove manager redirects on boot ([#11390](https://github.com/storybookjs/storybook/pull/11390))
+
+## 6.0.0-beta.42 (July 5, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix Props subcomponents regression ([#11420](https://github.com/storybookjs/storybook/pull/11420))
+
+### Maintenance
+
+- Core: Deprecate `addParameters` and `addDecorator` ([#11417](https://github.com/storybookjs/storybook/pull/11417))
+
+## 6.0.0-beta.41 (July 4, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix subcomponents display logic ([#11415](https://github.com/storybookjs/storybook/pull/11415))
+- Addon-docs: Fix Source rendering corner case ([#11414](https://github.com/storybookjs/storybook/pull/11414))
+
+## 6.0.0-beta.40 (July 4, 2020)
+
+### Features
+
+- CLI: Add upgrade utility with version consistency check ([#11396](https://github.com/storybookjs/storybook/pull/11396))
+
+### Maintenance
+
+- Build: Fix CI breaks ([#11410](https://github.com/storybookjs/storybook/pull/11410))
+- Core: Deprecate immutable options as parameters ([#11387](https://github.com/storybookjs/storybook/pull/11387))
+
+## 6.0.0-beta.39 (July 2, 2020)
+
+### Breaking Changes
+
+- CSF: Forbid duplicate kinds ([#11369](https://github.com/storybookjs/storybook/pull/11369))
+- Args: Rename `globalArgs` to `globals` ([#11385](https://github.com/storybookjs/storybook/pull/11385))
+
+### Features
+
+- Args: Disable rows and controls in argTypes ([#11388](https://github.com/storybookjs/storybook/pull/11388))
+- Composition: Add auto disable ([#11364](https://github.com/storybookjs/storybook/pull/11364))
+- CLI: use addon-essentials & args ([#11282](https://github.com/storybookjs/storybook/pull/11282))
+
+### Maintenance
+
+- Build: Add artifacts for e2e CI task ([#11365](https://github.com/storybookjs/storybook/pull/11365))
+- Build: Remove cli fixtures in favor of e2e ([#11357](https://github.com/storybookjs/storybook/pull/11357))
+
+## 6.0.0-beta.38 (June 30, 2020)
+
+### Breaking Changes
+
+- Configuration: Remove hierarchy separators ([#11344](https://github.com/storybookjs/storybook/pull/11344))
+
+### Features
+
+- Addon-docs: Dynamic Source rendering for React ([#11332](https://github.com/storybookjs/storybook/pull/11332))
+- Args: Store global args in session storage ([#11345](https://github.com/storybookjs/storybook/pull/11345))
+- Addon-docs: Add opt-in Markdown transclusion in MDX ([#11334](https://github.com/storybookjs/storybook/pull/11334))
+
+### Bug Fixes
+
+- Core: Fix preset options handling ([#11333](https://github.com/storybookjs/storybook/pull/11333))
+- UI: Revert theming greys flip ([#11297](https://github.com/storybookjs/storybook/pull/11297))
+- Core: Composition QA ([#11224](https://github.com/storybookjs/storybook/pull/11224))
+
+### Maintenance
+
+- Examples: Dual theme rendering ([#11295](https://github.com/storybookjs/storybook/pull/11295))
+- Examples: Recreate stories for sidebaritem ([#11298](https://github.com/storybookjs/storybook/pull/11298))
+
+## 6.0.0-beta.37 (June 26, 2020)
+
+### Breaking Changes
+
+- Core: Deprecate `setAddon` from `storiesOf` API ([#11322](https://github.com/storybookjs/storybook/pull/11322))
+
+### Bug Fixes
+
+- Revert "Core: Fix source-map strategy for production" ([#11320](https://github.com/storybookjs/storybook/pull/11320))
+- Core: Set viewMode to story when navating from non story pages ([#11317](https://github.com/storybookjs/storybook/pull/11317))
+
+### Dependency Upgrades
+
+- Bump react-textarea-autosize to 8.1.1 ([#11319](https://github.com/storybookjs/storybook/pull/11319))
+
+## 6.0.0-beta.36 (June 25, 2020)
+
+### Features
+
+- Composition: Allow refs versions in config ([#11294](https://github.com/storybookjs/storybook/pull/11294))
+
+### Bug Fixes
+
+- CLI: Fix docs & essentials version on `sb@next init` ([#11303](https://github.com/storybookjs/storybook/pull/11303))
+- Composition: Fix list of versions missing current version ([#11259](https://github.com/storybookjs/storybook/pull/11259))
+- Composition: Fix undefined/undefined in url on init ([#11293](https://github.com/storybookjs/storybook/pull/11293))
+
+### Maintenance
+
+- Essentials example: Fix typescript error ([#11305](https://github.com/storybookjs/storybook/pull/11305))
+
+## 6.0.0-beta.35 (June 24, 2020)
+
+### Features
+
+- Essentials: Add addon-controls ([#11285](https://github.com/storybookjs/storybook/pull/11285))
+
+### Bug Fixes
+
+- Addon-docs markdown tables right align support ([#11280](https://github.com/storybookjs/storybook/pull/11280))
+
+### Maintenance
+
+- Addon-docs: Simplify argType inference ([#11284](https://github.com/storybookjs/storybook/pull/11284))
+
+## 6.0.0-beta.34 (June 23, 2020)
+
+### Features
+
+- Addon-backgrounds: Allow gradients in story preview ([#11265](https://github.com/storybookjs/storybook/pull/11265))
+
+### Bug Fixes
+
+- Core: Fix invalid glob warning for absolute paths ([#11247](https://github.com/storybookjs/storybook/pull/11247))
+
+### Maintenance
+
+- UI: Replace document.execCommand with navigator.clipboard ([#11251](https://github.com/storybookjs/storybook/pull/11251))
+- ArgsTable: Updated Boolean control ([#11263](https://github.com/storybookjs/storybook/pull/11263))
+- Core; Preserve watch output when running dev mode ([#11150](https://github.com/storybookjs/storybook/pull/11150))
+
+### Dependency Upgrades
+
+- Bump lint-staged from 10.2.6 to 10.2.10 ([#11187](https://github.com/storybookjs/storybook/pull/11187))
+
+## 6.0.0-beta.33 (June 22, 2020)
+
+### Features
+
+- ArgsTable: Add subsections and design cleanup ([#11216](https://github.com/storybookjs/storybook/pull/11216))
+- Core: Improve startup events ([#11080](https://github.com/storybookjs/storybook/pull/11080))
+
+### Bug Fixes
+
+- Preact: Fix Preact 8 compatibility ([#11225](https://github.com/storybookjs/storybook/pull/11225))
+
+### Maintenance
+
+- Core :Add deprecation message for selectedName/Kind urls ([#11111](https://github.com/storybookjs/storybook/pull/11111))
+
+## 6.0.0-beta.32 (June 19, 2020)
+
+### Bug Fixes
+
+- Addon-knobs: Update select types for undefined, null and boolean ([#11202](https://github.com/storybookjs/storybook/pull/11202))
+
+### Maintenance
+
+- Composition: rename auth url & add tests for modules/refs ([#11215](https://github.com/storybookjs/storybook/pull/11215))
+- Examples: Add design-system to official example ([#11081](https://github.com/storybookjs/storybook/pull/11081))
+
+## 6.0.0-beta.31 (June 17, 2020)
+
+### Bug Fixes
+
+- React: Fix react-docgen for JS files ([#11217](https://github.com/storybookjs/storybook/pull/11217))
+- React: Load root tsconfig.json into docgen-typescript if none provided ([#11184](https://github.com/storybookjs/storybook/pull/11184))
+- Composition: Remove manual redirects ([#11196](https://github.com/storybookjs/storybook/pull/11196))
+
+### Dependency Upgrades
+
+- Bump react-draggable from 4.4.2 to 4.4.3 ([#11192](https://github.com/storybookjs/storybook/pull/11192))
+
+## 6.0.0-beta.30 (June 16, 2020)
+
+### Features
+
+- MDX: Support function.bind({}) syntax ([#11198](https://github.com/storybookjs/storybook/pull/11198))
+
+### Bug Fixes
+
+- Addon-docs: Remove render preprocessing for react components w/o docgen ([#11195](https://github.com/storybookjs/storybook/pull/11195))
+- Core: Fix addon load order ([#11178](https://github.com/storybookjs/storybook/pull/11178))
+- Core: Add global box-sizing setting. Fixes #10207 ([#11055](https://github.com/storybookjs/storybook/pull/11055))
+
+### Maintenance
+
+- Addon-controls: Add examples to angular, ember, html, svelte, vue, web-components ([#11197](https://github.com/storybookjs/storybook/pull/11197))
+
+## 6.0.0-beta.29 (June 16, 2020)
+
+### Features
+
+- Addon-docs: Add syntax highlighting to Code and Description blocks ([#11183](https://github.com/storybookjs/storybook/pull/11183))
+
+### Bug Fixes
+
+- MDX: Don't use root babelrc by default ([#11185](https://github.com/storybookjs/storybook/pull/11185))
+- Addon-docs: Fix 'show source' for stories with dynamic title ([#10959](https://github.com/storybookjs/storybook/pull/10959))
+
+## 6.0.0-beta.28 (June 15, 2020)
+
+### Features
+
+- Addon-docs: Add argTypes type/control shorthand ([#11174](https://github.com/storybookjs/storybook/pull/11174))
+
+### Bug Fixes
+
+- Core: Remove boxSizing to fix weird CSS layouts ([#11175](https://github.com/storybookjs/storybook/pull/11175))
+- Addon-docs: Fix forwardRef & invalid hook call ([#11154](https://github.com/storybookjs/storybook/pull/11154))
+- Client-API: Add @types/qs typings ([#11162](https://github.com/storybookjs/storybook/pull/11162))
+
+### Maintenance
+
+- CLI: Colocate stories and components, centralize main.js ([#11136](https://github.com/storybookjs/storybook/pull/11136))
+- Build: Exclude stories from collecting coverage ([#11164](https://github.com/storybookjs/storybook/pull/11164))
+- Core: Extend router/utils test set ([#11156](https://github.com/storybookjs/storybook/pull/11156))
+
+## 6.0.0-beta.27 (June 14, 2020)
+
+### Maintenance
+
+- UI: Remove unused modules ([#11159](https://github.com/storybookjs/storybook/pull/11159))
+- UI: Remove unused & duplicated code ([#11155](https://github.com/storybookjs/storybook/pull/11155))
+- REMOVE unused dependencies && FIX versions ([#11143](https://github.com/storybookjs/storybook/pull/11143))
+
+## 6.0.0-beta.26 (June 12, 2020)
+
+### Bug Fixes
+
+- Addon-docs: Fix Vue args rendering in Docs mode ([#11138](https://github.com/storybookjs/storybook/pull/11138))
+- Typescript: Fix mandatory typescript dependency ([#11140](https://github.com/storybookjs/storybook/pull/11140))
+
+## 6.0.0-beta.25 (June 11, 2020)
+
+### Bug Fixes
+
+- Composition: Fix auto refs when there are no specified refs ([#11057](https://github.com/storybookjs/storybook/pull/11057))
+
+## 6.0.0-beta.24 (June 11, 2020)
+
+### Breaking Changes
+
+- Components: Remove PropsTable, clean ArgsTable stories ([#11105](https://github.com/storybookjs/storybook/pull/11105))
+
+### Features
+
+- React: Switch react-docgen-typescript-loader to react-docgen-typescript-plugin ([#11106](https://github.com/storybookjs/storybook/pull/11106))
+- Vue: Add first-class args support ([#11115](https://github.com/storybookjs/storybook/pull/11115))
+- Core: Add babel plugin for typescript decorators ([#11063](https://github.com/storybookjs/storybook/pull/11063))
+- CLI: Pass --quiet to disable HMR logging in browser console ([#11087](https://github.com/storybookjs/storybook/pull/11087))
+- Addon-knobs: Add number of knobs to tab title ([#11075](https://github.com/storybookjs/storybook/pull/11075))
+
+### Bug Fixes
+
+- Core: Fix package duplication issues by aliasing all storybook packages ([#11092](https://github.com/storybookjs/storybook/pull/11092))
+- hidden) canvas ([#10599](https://github.com/storybookjs/storybook/pull/10599))
+- Core: Fix loglevel filtering ([#11096](https://github.com/storybookjs/storybook/pull/11096))
+- Core: Remove @babel/plugin-transform-react-constant-elements ([#11086](https://github.com/storybookjs/storybook/pull/11086))
+- UI: Fix search in production mode ([#10917](https://github.com/storybookjs/storybook/pull/10917))
+
+### Maintenance
+
+- CLI: Refactor to simplify works with multiple package managers ([#11074](https://github.com/storybookjs/storybook/pull/11074))
+
+### Dependency Upgrades
+
+- chore(deps-dev): bump protractor from 5.4.4 to 7.0.0 ([#10832](https://github.com/storybookjs/storybook/pull/10832))
+- build(deps): [security] bump websocket-extensions from 0.1.3 to 0.1.4 ([#11056](https://github.com/storybookjs/storybook/pull/11056))
+- build(deps): bump @babel/plugin-transform-shorthand-properties from 7.8.3 to 7.10.1 ([#11088](https://github.com/storybookjs/storybook/pull/11088))
+- build(deps-dev): bump tslib from 1.13.0 to 2.0.0 ([#11089](https://github.com/storybookjs/storybook/pull/11089))
+- build(deps-dev): bump @packtracker/webpack-plugin from 2.2.0 to 2.3.0 ([#11091](https://github.com/storybookjs/storybook/pull/11091))
+
 ## 6.0.0-beta.23 (June 8, 2020)
 
 ### Features
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 4b85ab64f15..29e292f506d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -362,6 +362,12 @@ Save and go to `http://localhost:9011` (or wherever storybook is running)
 
 If you don't see the changes rerun `yarn storybook` again in your sandbox app
 
+### Documentation
+
+The documentation for Storybook is served by the [frontpage](https://github.com/storybookjs/frontpage), but the docs files are in this repository.
+
+To see changes in a development version of the docs, use the "linking" method documented [here](https://github.com/storybookjs/frontpage#docs-content).
+
 ## Release Guide
 
 This section is for Storybook maintainers who will be creating releases. It assumes:
diff --git a/MIGRATION.md b/MIGRATION.md
index 45c40c0b05c..96ae5db1d8f 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -1,21 +1,32 @@
 <h1>Migration</h1>
 
+- [From version 6.0.x to 6.1.0](#from-version-60x-to-610)
+  - [6.1 deprecations](#61-deprecations)
+    - [Deprecated onBeforeRender](#deprecated-onbeforerender)
 - [From version 5.3.x to 6.0.x](#from-version-53x-to-60x)
   - [Hoisted CSF annotations](#hoisted-csf-annotations)
   - [Zero config typescript](#zero-config-typescript)
   - [Correct globs in main.js](#correct-globs-in-mainjs)
-  - [Backgrounds addon has a new api](#backgrounds-addon-has-a-new-api)
   - [CRA preset removed](#cra-preset-removed)
+  - [Core-JS dependency errors](#core-js-dependency-errors)
   - [Args passed as first argument to story](#args-passed-as-first-argument-to-story)
   - [6.0 Docs breaking changes](#60-docs-breaking-changes)
     - [Remove framework-specific docs presets](#remove-framework-specific-docs-presets)
+    - [Preview/Props renamed](#previewprops-renamed)
     - [Docs theme separated](#docs-theme-separated)
     - [DocsPage slots removed](#docspage-slots-removed)
     - [React prop tables with Typescript](#react-prop-tables-with-typescript)
+    - [ConfigureJSX true by default in React](#configurejsx-true-by-default-in-react)
+    - [User babelrc disabled by default in MDX](#user-babelrc-disabled-by-default-in-mdx)
+    - [Docs description parameter](#docs-description-parameter)
+    - [6.0 Inline stories](#60-inline-stories)
   - [New addon presets](#new-addon-presets)
   - [Removed babel-preset-vue from Vue preset](#removed-babel-preset-vue-from-vue-preset)
   - [Removed Deprecated APIs](#removed-deprecated-apis)
   - [New setStories event](#new-setstories-event)
+  - [Removed renderCurrentStory event](#removed-rendercurrentstory-event)
+  - [Removed hierarchy separators](#removed-hierarchy-separators)
+  - [No longer pass denormalized parameters to storySort](#no-longer-pass-denormalized-parameters-to-storysort)
   - [Client API changes](#client-api-changes)
     - [Removed Legacy Story APIs](#removed-legacy-story-apis)
     - [Can no longer add decorators/parameters after stories](#can-no-longer-add-decoratorsparameters-after-stories)
@@ -24,15 +35,24 @@
   - [Story Store immutable outside of configuration](#story-store-immutable-outside-of-configuration)
   - [Improved story source handling](#improved-story-source-handling)
   - [6.0 Addon API changes](#60-addon-api-changes)
+    - [Consistent local addon paths in main.js](#consistent-local-addon-paths-in-mainjs)
+    - [Deprecated setAddon](#deprecated-setaddon)
+    - [Deprecated disabled parameter](#deprecated-disabled-parameter)
     - [Actions addon uses parameters](#actions-addon-uses-parameters)
     - [Removed action decorator APIs](#removed-action-decorator-apis)
     - [Removed withA11y decorator](#removed-witha11y-decorator)
     - [Essentials addon disables differently](#essentials-addon-disables-differently)
+    - [Backgrounds addon has a new api](#backgrounds-addon-has-a-new-api)
   - [6.0 Deprecations](#60-deprecations)
     - [Deprecated addon-info, addon-notes](#deprecated-addon-info-addon-notes)
     - [Deprecated addon-contexts](#deprecated-addon-contexts)
     - [Removed addon-centered](#removed-addon-centered)
     - [Deprecated polymer](#deprecated-polymer)
+    - [Deprecated immutable options parameters](#deprecated-immutable-options-parameters)
+    - [Deprecated addParameters and addDecorator](#deprecated-addparameters-and-adddecorator)
+    - [Deprecated clearDecorators](#deprecated-cleardecorators)
+    - [Deprecated configure](#deprecated-configure)
+    - [Deprecated support for duplicate kinds](#deprecated-support-for-duplicate-kinds)
 - [From version 5.2.x to 5.3.x](#from-version-52x-to-53x)
   - [To main.js configuration](#to-mainjs-configuration)
     - [Using main.js](#using-mainjs)
@@ -112,6 +132,16 @@
   - [Packages renaming](#packages-renaming)
   - [Deprecated embedded addons](#deprecated-embedded-addons)
 
+## From version 6.0.x to 6.1.0
+
+### 6.1 deprecations
+
+#### Deprecated onBeforeRender
+
+The `@storybook/addon-docs` previously accepted a `jsx` option called `onBeforeRender`, which was unfortunately named as it was called after the render.
+
+We've renamed it `transformSource` and also allowed it to receive the `StoryContext` in case source rendering requires additional information.
+
 ## From version 5.3.x to 6.0.x
 
 ### Hoisted CSF annotations
@@ -142,7 +172,7 @@ Basic.decorators = [ ... ];
 2. Similar to React's `displayName`, `propTypes`, `defaultProps` annotations
 3. We're introducing a new feature, [Storybook Args](https://docs.google.com/document/d/1Mhp1UFRCKCsN8pjlfPdz8ZdisgjNXeMXpXvGoALjxYM/edit?usp=sharing), where the new syntax will be significantly more ergonomic
 
-To help you upgrade your stories, we've crated a codemod:
+To help you upgrade your stories, we've created a codemod:
 
 ```
 npx @storybook/cli@next migrate csf-hoist-story-annotations --glob="**/*.stories.js"
@@ -156,7 +186,7 @@ Storybook has built-in Typescript support in 6.0. That means you should remove y
 
 To migrate from an old setup, we recommend deleting any typescript-specific webpack/babel configurations in your project. You should also remove `@storybook/preset-typescript`, which is superceded by the built-in configuration.
 
-If you want to override the defaults, see the [typescript configuration docs](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/configurations/typescript-config/index.md).
+If you want to override the defaults, see the [typescript configuration docs](https://storybook.js.org/docs/react/configure/typescript).
 
 ### Correct globs in main.js
 
@@ -178,52 +208,31 @@ Example of a **valid** glob:
 stories: ['./**/*.stories.@(ts|js)']
 ```
 
-### Backgrounds addon has a new api
-
-Starting in 6.0, the backgrounds addon now receives an object instead of an array as parameter, with a property to define the default background.
-
-Consider the following example of its usage in `Button.stories.js`:
-
-```jsx
-// Button.stories.js
-export default {
-  title: 'Button',
-  parameters: {
-    backgrounds: [
-      { name: 'twitter', value: '#00aced', default: true },
-      { name: 'facebook', value: '#3b5998' },
-    ],
-  },
-};
-```
-
-Here's an updated version of the example, using the new api:
-
-```jsx
-// Button.stories.js
-export default {
-  title: 'Button',
-  parameters: {
-    backgrounds: {
-      default: 'twitter',
-      values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
-      ],
-    },
-  },
-};
-```
-
 ### CRA preset removed
 
 The built-in create-react-app preset, which was [previously deprecated](#create-react-app-preset), has been fully removed.
 
 If you're using CRA and migrating from an earlier Storybook version, please install [`@storybook/preset-create-react-app`](https://github.com/storybookjs/presets/tree/master/packages/preset-create-react-app) if you haven't already.
 
+### Core-JS dependency errors
+
+Some users have experienced `core-js` dependency errors when upgrading to 6.0, such as:
+
+```
+Module not found: Error: Can't resolve 'core-js/modules/web.dom-collections.iterator'
+```
+
+We think this comes from having multiple versions of `core-js` installed, but haven't isolated a good solution (see [#11255](https://github.com/storybookjs/storybook/issues/11255) for discussion).
+
+For now, the workaround is to install `core-js` directly in your project as a dev dependency:
+
+```sh
+npm install core-js@^3.0.1 --save-dev
+```
+
 ### Args passed as first argument to story
 
-Starting in 6.0, the first argument to a story function is an [Args object](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/formats/component-story-format/index.md#args-story-inputs). In 5.3 and earlier, the first argument was a [StoryContext](https://github.com/storybookjs/storybook/blob/next/lib/addons/src/types.ts#L49-L61), and that context is now passed as the second argument by default.
+Starting in 6.0, the first argument to a story function is an [Args object](https://storybook.js.org/docs/react/api/csf#args-story-inputs). In 5.3 and earlier, the first argument was a [StoryContext](https://github.com/storybookjs/storybook/blob/next/lib/addons/src/types.ts#L49-L61), and that context is now passed as the second argument by default.
 
 This breaking change only affects you if your stories actually use the context, which is not common. If you have any stories that use the context, you can either (1) update your stories, or (2) set a flag to opt-out of new behavior.
 
@@ -253,6 +262,10 @@ export const parameters = {
 
 In SB 5.2, each framework had its own preset, e.g. `@storybook/addon-docs/react/preset`. In 5.3 we [unified this into a single preset](#unified-docs-preset): `@storybook/addon-docs/preset`. In 6.0 we've removed the deprecated preset.
 
+#### Preview/Props renamed
+
+In 6.0 we renamed `Preview` to `Canvas`, `Props` to `ArgsTable`. The change should be otherwise backwards-compatible.
+
 #### Docs theme separated
 
 In 6.0, you should theme Storybook Docs with the `docs.theme` parameter.
@@ -265,7 +278,7 @@ In SB5.2, we introduced the concept of [DocsPage slots](https://github.com/story
 
 In 5.3, we introduced `docs.x` story parameters like `docs.prepareForInline` which get filled in by frameworks and can also be overwritten by users, which is a more natural/convenient way to make global customizations.
 
-We also introduced introduced [Custom DocsPage](https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/docspage.md#replacing-docspage), which makes it possible to add/remove/update DocBlocks on the page.
+We also introduced [Custom DocsPage](https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/docspage.md#replacing-docspage), which makes it possible to add/remove/update DocBlocks on the page.
 
 These mechanisms are superior to slots, so we've removed slots in 6.0. For each slot, we provide a migration path here:
 
@@ -286,13 +299,73 @@ Starting in 6.0, we have [zero-config typescript support](#zero-config-typescrip
 
 There are also two typescript handling options that can be set in `.storybook/main.js`. `react-docgen-typescript` (default) and `react-docgen`. This is [discussed in detail in the docs](https://github.com/storybookjs/storybook/blob/next/addons/docs/react/README.md#typescript-props-with-react-docgen).
 
+#### ConfigureJSX true by default in React
+
+In SB 6.0, the Storybook Docs preset option `configureJSX` is now set to `true` for all React projects. It was previously `false` by default for React only in 5.x). This `configureJSX` option adds `@babel/plugin-transform-react-jsx`, to process the output of the MDX compiler, which should be a safe change for all projects.
+
+If you need to restore the old JSX handling behavior, you can configure `.storybook/main.js`:
+
+```js
+module.exports = {
+  addons: [
+    {
+      name: '@storybook/addon-docs',
+      options: { configureJSX: false },
+    },
+  ],
+};
+```
+
+#### User babelrc disabled by default in MDX
+
+In SB 6.0, the Storybook Docs no longer applies the user's babelrc by default when processing MDX files. It caused lots of hard-to-diagnose bugs.
+
+To restore the old behavior, or pass any MDX-specific babel options, you can configure `.storybook/main.js`:
+
+```js
+module.exports = {
+  addons: [
+    {
+      name: '@storybook/addon-docs',
+      options: { mdxBabelOptions: { babelrc: true, configFile: true } },
+    },
+  ],
+};
+```
+
+#### Docs description parameter
+
+In 6.0, you can customize a component description using the `docs.description.component` parameter, and a story description using `docs.description.story` parameter.
+
+Example:
+
+```js
+import { Button } from './Button';
+
+export default {
+  title: 'Button'
+  parameters: { docs: { description: { component: 'some component **markdown**' }}}
+}
+
+export const Basic = () => <Button />
+Basic.parameters = { docs: { description: { story: 'some story **markdown**' }}}
+```
+
+In 5.3 you customized a story description with the `docs.storyDescription` parameter. This has been deprecated, and support will be removed in 7.0.
+
+#### 6.0 Inline stories
+
+The following frameworks now render stories inline on the Docs tab by default, rather than in an iframe: `react`, `vue`, `web-components`, `html`.
+
+To disable inline rendering, set the `docs.inlineStories` parameter to `false`.
+
 ### New addon presets
 
 In Storybook 5.3 we introduced a declarative [main.js configuration](#to-mainjs-configuration), which is now the recommended way to configure Storybook. Part of the change is a simplified syntax for registering addons, which in 6.0 automatically registers many addons _using a preset_, which is a slightly different behavior than in earlier versions.
 
 This breaking change currently applies to: `addon-a11y`, `addon-actions`, `addon-knobs`, `addon-links`, `addon-queryparams`.
 
-Consider the following `main.js` config for the accessibility addon, `addon-knobs`:
+Consider the following `main.js` config for `addon-knobs`:
 
 ```js
 module.exports = {
@@ -385,6 +458,36 @@ const parameters = combineParameters(
 );
 ```
 
+### Removed renderCurrentStory event
+
+The story store no longer emits `renderCurrentStory`/`RENDER_CURRENT_STORY` to tell the renderer to render the story. Instead it emits a new declarative `CURRENT_STORY_WAS_SET` (in response to the existing `SET_CURRENT_STORY`) which is used to decide to render.
+
+### Removed hierarchy separators
+
+We've removed the ability to specify the hierarchy separators (how you control the grouping of story kinds in the sidebar). From Storybook 6.0 we have a single separator `/`, which cannot be configured.
+
+If you are currently using custom separators, we encourage you to migrate to using `/` as the sole separator. If you are using `|` or `.` as a separator currently, we provide a codemod, [`upgrade-hierarchy-separators`](https://github.com/storybookjs/storybook/blob/next/lib/codemod/README.md#upgrade-hierarchy-separators), that can be used to rename your components. **Note: the codemod will not work for `.mdx` components, you will need to make the changes by hand.**
+
+```
+npx sb@next migrate upgrade-hierarchy-separators --glob="*/**/*.stories.@(tsx|jsx|ts|js)"
+```
+
+We also now default to showing "roots", which are non-expandable groupings in the sidebar for the top-level groups. If you'd like to disable this, set the `showRoots` option in `.storybook/manager.js`:
+
+```js
+import addons from '@storybook/addons';
+
+addons.setConfig({
+  showRoots: false,
+});
+```
+
+### No longer pass denormalized parameters to storySort
+
+The `storySort` function (set via the `parameters.options.storySort` parameter) previously compared two entries `[storyId, storeItem]`, where `storeItem` included the full "denormalized" set of parameters of the story (i.e. the global, kind and story parameters that applied to that story).
+
+For performance reasons, we now store the parameters uncombined, and so pass the format: `[storyId, storeItem, kindParameters, globalParameters]`.
+
 ### Client API changes
 
 #### Removed Legacy Story APIs
@@ -414,6 +517,8 @@ export StoryOne = ...;
 StoryOne.story = { parameters: { ...commonParameters, other: 'things' } };
 ```
 
+> NOTE: also the use of `addParameters` and `addDecorator` at arbitrary points is also deprecated, see [the deprecation warning](#deprecated-addparameters-and-adddecorator).
+
 #### Changed Parameter Handling
 
 There have been a few rationalizations of parameter handling in 6.0 to make things more predictable and fit better with the intention of parameters:
@@ -484,12 +589,52 @@ The MDX analog:
 
 ### 6.0 Addon API changes
 
+#### Consistent local addon paths in main.js
+
+If you use `.storybook/main.js` config and have locally-defined addons in your project, you need to update your file paths.
+
+In 5.3, `addons` paths were relative to the project root, which was inconsistent with `stories` paths, which were relative to the `.storybook` folder. In 6.0, addon paths are now relative to the config folder.
+
+So, for example, if you had:
+
+```js
+module.exports = { addons: ['./.storybook/my-local-addon/register'] };
+```
+
+You'd need to update this to:
+
+```js
+module.exports = { addons: ['./my-local-addon/register'] };
+```
+
+#### Deprecated setAddon
+
+We've deprecated the `setAddon` method of the `storiesOf` API and plan to remove it in 7.0.
+
+Since early versions, Storybook shipped with a `setAddon` API, which allows you to extend `storiesOf` with arbitrary code. We've removed this from all core addons long ago and recommend writing stories in [Component Story Format](https://medium.com/storybookjs/component-story-format-66f4c32366df) rather than using the internal Storybook API.
+
+#### Deprecated disabled parameter
+
+Starting in 6.0.17, we've renamed the `disabled` parameter to `disable` to resolve an inconsistency where `disabled` had been used to hide the addon panel, whereas `disable` had been used to disable an addon's execution. Since `disable` was much more widespread in the code, we standardized on that.
+
+So, for example:
+
+```
+Story.parameters = { actions: { disabled: true } }
+```
+
+Should be rewritten as:
+
+```
+Story.parameters = { actions: { disable: true } }
+```
+
 #### Actions addon uses parameters
 
 Leveraging the new preset `@storybook/addon-actions` uses parameters to pass action options. If you previously had:
 
 ```js
-import { withactions } from `@storybook/addon-actions`;
+import { withActions } from `@storybook/addon-actions`;
 
 export StoryOne = ...;
 StoryOne.story = {
@@ -515,17 +660,16 @@ In 6.0 we removed the actions addon decorate API. Actions handles can be configu
 
 In 6.0 we removed the `withA11y` decorator. The code that runs accessibility checks is now directly injected in the preview.
 
-Remove the addon-a11y decorator.
-To configure a11y now, you have to specify configuration using `addParameters`.
+To configure a11y now, you have to specify configuration using story parameters, e.g. in `.storybook/preview.js`:
 
 ```js
-addParameters({
+export const parameters = {
   a11y: {
-    element: "#root",
+    element: '#root',
     config: {},
     options: {},
     manual: true,
-  }
+  },
 };
 ```
 
@@ -533,6 +677,48 @@ addParameters({
 
 In 6.0, `addon-essentials` doesn't configure addons if the user has already configured them in `main.js`. In 5.3 it previously checked to see whether the package had been installed in `package.json` to disable configuration. The new setup is preferably because now users' can install essential packages and import from them without disabling their configuration.
 
+#### Backgrounds addon has a new api
+
+Starting in 6.0, the backgrounds addon now receives an object instead of an array as parameter, with a property to define the default background.
+
+Consider the following example of its usage in `Button.stories.js`:
+
+```jsx
+// Button.stories.js
+export default {
+  title: 'Button',
+  parameters: {
+    backgrounds: [
+      { name: 'twitter', value: '#00aced', default: true },
+      { name: 'facebook', value: '#3b5998' },
+    ],
+  },
+};
+```
+
+Here's an updated version of the example, using the new api:
+
+```jsx
+// Button.stories.js
+export default {
+  title: 'Button',
+  parameters: {
+    backgrounds: {
+      default: 'twitter',
+      values: [
+        { name: 'twitter', value: '#00aced' },
+        { name: 'facebook', value: '#3b5998' },
+      ],
+    },
+  },
+};
+```
+
+In addition, backgrounds now ships with the following defaults:
+
+- no selected background (transparent)
+- light/dark options
+
 ### 6.0 Deprecations
 
 We've deprecated the following in 6.0: `addon-info`, `addon-notes`, `addon-contexts`, `addon-centered`, `polymer`.
@@ -551,7 +737,7 @@ The addon's source code is still available in the [deprecated-addons repo](https
 
 #### Removed addon-centered
 
-In 6.0 we removed the centered addon. Centering is now core feature of storybook, so w no longer need an addon.
+In 6.0 we removed the centered addon. Centering is now core feature of storybook, so we no longer need an addon.
 
 Remove the addon-centered decorator and instead add a `layout` parameter:
 
@@ -568,6 +754,80 @@ Other possible values are: `padded` (default) and `fullscreen`.
 
 We've deprecated `@storybook/polymer` and are focusing on `@storybook/web-components`. If you use Polymer and are interested in maintaining it, please get in touch on [our Discord](https://discordapp.com/invite/UUt2PJb).
 
+#### Deprecated immutable options parameters
+
+The UI options `sidebarAnimations`, `enableShortcuts`, `theme`, `showRoots` should not be changed on a per-story basis, and as such there is no reason to set them via parameters.
+
+You should use `addon.setConfig` to set them:
+
+```js
+// in .storybook/manager.js
+import addons from '@storybook/addons';
+
+addons.setConfig({
+  showRoots: false,
+});
+```
+
+#### Deprecated addParameters and addDecorator
+
+The `addParameters` and `addDecorator` APIs to add global decorators and parameters, exported by the various frameworks (e.g. `@storybook/react`) and `@storybook/client` are now deprecated.
+
+Instead, use `export const parameters = {};` and `export const decorators = [];` in your `.storybook/preview.js`. Addon authors similarly should use such an export in a preview entry file (see [Preview entries](https://github.com/storybookjs/storybook/blob/next/docs/api/writing-presets.md#preview-entries)).
+
+#### Deprecated clearDecorators
+
+Similarly, `clearDecorators`, exported by the various frameworks (e.g. `@storybook/react`) is deprecated.
+
+#### Deprecated configure
+
+The `configure` API to load stories from `preview.js`, exported by the various frameworks (e.g. `@storybook/react`) is now deprecated.
+
+To load stories, use the `stories` field in `main.js`. You can pass a glob or array of globs to load stories like so:
+
+```js
+// in .storybook/main.js
+module.exports = {
+  stories: ['../src/**/*.stories.js'],
+};
+```
+
+You can also pass an array of single file names if you want to be careful about loading files:
+
+```js
+// in .storybook/main.js
+module.exports = {
+  stories: [
+    '../src/components/Button.stories.js',
+    '../src/components/Table.stories.js',
+    '../src/components/Page.stories.js',
+  ],
+};
+```
+
+#### Deprecated support for duplicate kinds
+
+In 6.0 we deprecated the ability to split a kind's (component's) stories into multiple files because it was causing issues in hot module reloading (HMR). It will likely be removed completely in 7.0.
+
+If you had N stories that contained `export default { title: 'foo/bar' }` (or the MDX equivalent `<Meta title="foo/bar">`), Storybook will now raise the warning `Duplicate title '${kindName}' used in multiple files`.
+
+To split a component's stories into multiple files, e.g. for the `foo/bar` example above:
+
+- Create a single file with the `export default { title: 'foo/bar' }` export, which is the primary file
+- Comment out or delete the default export from the other files
+- Re-export the stories from the other files in the primary file
+
+So the primary example might look like:
+
+```js
+export default { title: 'foo/bar' };
+export * from './Bar1.stories'
+export * from './Bar2.stories'
+export * from './Bar3.stories'
+
+export const SomeStory = () => ...;
+```
+
 ## From version 5.2.x to 5.3.x
 
 ### To main.js configuration
@@ -601,11 +861,11 @@ If you had a `presets.js` file before you can add the array of presets to the ma
 module.exports = {
   stories: ['../**/*.stories.js'],
   addons: [
-    '@storybook/preset-create-react-app'
+    '@storybook/preset-create-react-app',
     {
       name: '@storybook/addon-docs',
-      options: { configureJSX: true }
-    }
+      options: { configureJSX: true },
+    },
   ],
 };
 ```
@@ -882,7 +1142,7 @@ module.exports = ({ config }) => ({
 });
 ```
 
-Please refer to the [current custom webpack documentation](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/configurations/custom-webpack-config/index.md) for more information on custom webpack config and to [Issue #6081](https://github.com/storybookjs/storybook/issues/6081) for more information about the change.
+Please refer to the [current custom webpack documentation](https://storybook.js.org/docs/react/configure/webpack) for more information on custom webpack config and to [Issue #6081](https://github.com/storybookjs/storybook/issues/6081) for more information about the change.
 
 ## From version 4.1.x to 5.0.x
 
@@ -923,11 +1183,11 @@ module.exports = ({ config, mode }) => { config.module.rules.push(...); return c
 
 In contrast, the 4.x configuration function accepted either two or three arguments (`(baseConfig, mode)`, or `(baseConfig, mode, defaultConfig)`). The `config` object in the 5.x signature is equivalent to 4.x's `defaultConfig`.
 
-Please see the [current custom webpack documentation](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/configurations/custom-webpack-config/index.md) for more information on custom webpack config.
+Please see the [current custom webpack documentation](https://storybook.js.org/docs/react/configure/webpack) for more information on custom webpack config.
 
 ### Theming overhaul
 
-Theming has been rewritten in v5. If you used theming in v4, please consult the [theming docs](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/configurations/theming/index.md) to learn about the new API.
+Theming has been rewritten in v5. If you used theming in v4, please consult the [theming docs](https://storybook.js.org/docs/react/configure/theming) to learn about the new API.
 
 ### Story hierarchy defaults
 
@@ -959,7 +1219,7 @@ addParameters({
 
 ### Options addon deprecated
 
-In 4.x we added story parameters. In 5.x we've deprecated the options addon in favor of [global parameters](./docs/src/pages/configurations/options-parameter/index.md), and we've also renamed some of the options in the process (though we're maintaining backwards compatibility until 6.0).
+In 4.x we added story parameters. In 5.x we've deprecated the options addon in favor of [global parameters](https://storybook.js.org/docs/react/configure/features-and-behavior), and we've also renamed some of the options in the process (though we're maintaining backwards compatibility until 6.0).
 
 Here's an old configuration:
 
@@ -1320,7 +1580,7 @@ The `@storybook/react-native` had built-in addons (`addon-actions` and `addon-li
 
 ### Webpack 4
 
-Storybook now uses webpack 4. If you have a [custom webpack config](https://storybook.js.org/configurations/custom-webpack-config/), make sure that all the loaders and plugins you use support webpack 4.
+Storybook now uses webpack 4. If you have a [custom webpack config](https://storybook.js.org/docs/react/configure/webpack), make sure that all the loaders and plugins you use support webpack 4.
 
 ### Babel 7
 
@@ -1430,7 +1690,7 @@ This was done to support different major versions of babel.
 
 ### Base webpack config now contains vital plugins ([#1775](https://github.com/storybookjs/storybook/pull/1775))
 
-This affects you if you use custom webpack config in [Full Control Mode](https://storybook.js.org/configurations/custom-webpack-config/#full-control-mode) while not preserving the plugins from `storybookBaseConfig`. Before `3.3`, preserving them was a recommendation, but now it [became](https://github.com/storybookjs/storybook/pull/2578) a requirement.
+This affects you if you use custom webpack config in [Full Control Mode](https://storybook.js.org/docs/react/configure/webpack#full-control-mode) while not preserving the plugins from `storybookBaseConfig`. Before `3.3`, preserving them was a recommendation, but now it [became](https://github.com/storybookjs/storybook/pull/2578) a requirement.
 
 ### Refactored Knobs
 
@@ -1500,7 +1760,7 @@ Now we use:
 - `preview-head.html` for including extra content into the preview pane.
 - `manager-head.html` for including extra content into the manager window.
 
-[Read our docs](https://storybook.js.org/configurations/add-custom-head-tags/) for more details.
+[Read our docs](https://storybook.js.org/docs/react/configure/story-rendering#adding-to-head) for more details.
 
 ## From version 2.x.x to 3.x.x
 
diff --git a/README.md b/README.md
index e49b0b1de6c..666ddddad4b 100644
--- a/README.md
+++ b/README.md
@@ -28,8 +28,8 @@
   <a href="https://discord.gg/sMFvFsG">
     <img src="https://img.shields.io/badge/discord-join-7289DA.svg?logo=discord&longCache=true&style=flat" />
   </a>
-  <a href="https://now-examples-slackin-rrirkqohko.now.sh/">
-    <img src="https://now-examples-slackin-rrirkqohko.now.sh/badge.svg?logo=slack" alt="Storybook Slack" />
+  <a href="https://storybook.js.org/community/">
+    <img src="https://img.shields.io/badge/community-join-4BC424.svg" alt="Storybook Community" />
   </a>
   <a href="#backers">
     <img src="https://opencollective.com/storybook/backers/badge.svg" alt="Backers on Open Collective" />
@@ -59,24 +59,24 @@ It allows you to browse a component library, view the different states of each c
 
 Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.
 
-Here are some featured examples that you can reference to see how Storybook works: <https://storybook.js.org/examples/>
+Here are some featured examples that you can reference to see how Storybook works: <https://storybook.js.org/docs/examples/>
 
-Storybook comes with a lot of [addons](https://storybook.js.org/addons/introduction/) for component design, documentation, testing, interactivity, and so on. Storybook's API makes it possible to configure and extend in various ways. It has even been extended to support React Native development for mobile.
+Storybook comes with a lot of [addons](https://storybook.js.org/docs/react/configure/storybook-addons) for component design, documentation, testing, interactivity, and so on. Storybook's API makes it possible to configure and extend in various ways. It has even been extended to support React Native development for mobile.
 
 ## Table of contents
 
-- 🚀[Getting Started](#getting-started)
-- 📒[Projects](#projects)
-  - 🛠[Supported Frameworks & Examples](#supported-frameworks)
-  - 🚇[Sub Projects](#sub-projects)
+- 🚀 [Getting Started](#getting-started)
+- 📒 [Projects](#projects)
+  - 🛠 [Supported Frameworks & Examples](#supported-frameworks)
+  - 🚇[ Sub Projects](#sub-projects)
   - 🔗[Addons](#addons)
-- 🏅[Badges & Presentation materials](#badges--presentation-materials)
-- 👥[Community](#community)
-- 👏[Contributing](#contributing)
-  - 👨‍💻[Development scripts](#development-scripts)
-  - 💵[Backers](#backers)
-  - 💸[Sponsors](#sponsors)
-- :memo:[License](#license)
+- 🏅 [Badges & Presentation materials](#badges--presentation-materials)
+- 👥 [Community](#community)
+- 👏 [Contributing](#contributing)
+  - 👨‍💻 [Development scripts](#development-scripts)
+  - 💵 [Backers](#backers)
+  - 💸 [Sponsors](#sponsors)
+- :memo: [License](#license)
 
 ## Getting Started
 
@@ -84,46 +84,36 @@ First install storybook:
 
 ```sh
 cd my-react-app
-npx -p @storybook/cli sb init
+npx sb init
 ```
 
-If you'd rather set up your project manually, take a look at our [Slow Start Guide](https://storybook.js.org/basics/slow-start-guide/).
+If you'd rather set up your project manually, take a look at our [Slow Start Guide](https://storybook.js.org/docs/react/configure/overview).
 
 Once it's installed, you can `npm run storybook` and it will run the development server on your local machine, and give you a URL to browse some sample stories.
 
-**Storybook v2.x migration note**:
-If you're using Storybook v2.x and want to shift to 4.x version the easiest way is:
-
-```sh
-cd my-storybook-v2-app
-npx -p @storybook/cli sb init
-```
-
-It runs a codemod to update all package names. Read all migration details in our [Migration Guide](MIGRATION.md)
-
 For full documentation on using Storybook visit: [storybook.js.org](https://storybook.js.org)
 
-For additional help, join us [in our Discord](https://discord.gg/sMFvFsG) or [Slack](https://now-examples-slackin-rrirkqohko.now.sh/)
+For additional help, join us [in our Discord](https://discord.gg/sMFvFsG) or [Slack (legacy)](https://now-examples-slackin-rrirkqohko.now.sh/)
 
 ## Projects
 
 ### Supported Frameworks
 
-| Framework                        | Demo                                                                        |                                                                                                |
-| -------------------------------- | --------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- |
-| [React](app/react)               | [v5.3.0](https://storybookjs.netlify.com/official-storybook/?path=/story/*) | [![React](https://img.shields.io/npm/dm/@storybook/react.svg)](app/react)                      |
-| [React Native](app/react-native) | -                                                                           | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native.svg)](app/react-native) |
-| [Vue](app/vue)                   | [v5.3.0](https://storybookjs.netlify.com/vue-kitchen-sink/)                 | [![Vue](https://img.shields.io/npm/dm/@storybook/vue.svg)](app/vue)                            |
-| [Angular](app/angular)           | [v5.3.0](https://storybookjs.netlify.com/angular-cli/)                      | [![Angular](https://img.shields.io/npm/dm/@storybook/angular.svg)](app/angular)                |
-| [Marionette.js](app/marionette)  | -                                                                           | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette.svg)](app/marionette)    |
-| [Mithril](app/mithril)           | [v5.3.0](https://storybookjs.netlify.com/mithril-kitchen-sink/)             | [![Mithril](https://img.shields.io/npm/dm/@storybook/mithril.svg)](app/mithril)                |
-| [Marko](app/marko)               | [v5.3.0](https://storybookjs.netlify.com/marko-cli/)                        | [![Marko](https://img.shields.io/npm/dm/@storybook/marko.svg)](app/marko)                      |
-| [HTML](app/html)                 | [v5.3.0](https://storybookjs.netlify.com/html-kitchen-sink/)                | [![HTML](https://img.shields.io/npm/dm/@storybook/html.svg)](app/html)                         |
-| [Svelte](app/svelte)             | [v5.3.0](https://storybookjs.netlify.com/svelte-kitchen-sink/)              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte.svg)](app/svelte)                   |
-| [Riot](app/riot)                 | [v5.3.0](https://storybookjs.netlify.com/riot-kitchen-sink/)                | [![Riot](https://img.shields.io/npm/dm/@storybook/riot.svg)](app/riot)                         |
-| [Ember](app/ember)               | [v5.3.0](https://storybookjs.netlify.com/ember-cli/)                        | [![Ember](https://img.shields.io/npm/dm/@storybook/ember.svg)](app/ember)                      |
-| [Preact](app/preact)             | [v5.3.0](https://storybookjs.netlify.com/preact-kitchen-sink/)              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact.svg)](app/preact)                   |
-| [Rax](app/rax)                   | [v5.3.0](https://storybookjs.netlify.com/rax-kitchen-sink/)                 | [![Rax](https://img.shields.io/npm/dm/@storybook/rax.svg)](app/rax)                            |
+| Framework                                                   | Demo                                                                        |                                                                                                |
+| ----------------------------------------------------------- | --------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- |
+| [React](app/react)                                          | [v6.0.x](https://storybookjs.netlify.com/official-storybook/?path=/story/*) | [![React](https://img.shields.io/npm/dm/@storybook/react.svg)](app/react)                      |
+| [React Native](https://github.com/storybookjs/react-native) | -                                                                           | [![React Native](https://img.shields.io/npm/dm/@storybook/react-native.svg)](app/react-native) |
+| [Vue](app/vue)                                              | [v6.0.x](https://storybookjs.netlify.com/vue-kitchen-sink/)                 | [![Vue](https://img.shields.io/npm/dm/@storybook/vue.svg)](app/vue)                            |
+| [Angular](app/angular)                                      | [v6.0.x](https://storybookjs.netlify.com/angular-cli/)                      | [![Angular](https://img.shields.io/npm/dm/@storybook/angular.svg)](app/angular)                |
+| [Marionette.js](app/marionette)                             | -                                                                           | [![Marionette.js](https://img.shields.io/npm/dm/@storybook/marionette.svg)](app/marionette)    |
+| [Mithril](app/mithril)                                      | [v6.0.x](https://storybookjs.netlify.com/mithril-kitchen-sink/)             | [![Mithril](https://img.shields.io/npm/dm/@storybook/mithril.svg)](app/mithril)                |
+| [Marko](app/marko)                                          | [v6.0.x](https://storybookjs.netlify.com/marko-cli/)                        | [![Marko](https://img.shields.io/npm/dm/@storybook/marko.svg)](app/marko)                      |
+| [HTML](app/html)                                            | [v6.0.x](https://storybookjs.netlify.com/html-kitchen-sink/)                | [![HTML](https://img.shields.io/npm/dm/@storybook/html.svg)](app/html)                         |
+| [Svelte](app/svelte)                                        | [v6.0.x](https://storybookjs.netlify.com/svelte-kitchen-sink/)              | [![Svelte](https://img.shields.io/npm/dm/@storybook/svelte.svg)](app/svelte)                   |
+| [Riot](app/riot)                                            | [v6.0.x](https://storybookjs.netlify.com/riot-kitchen-sink/)                | [![Riot](https://img.shields.io/npm/dm/@storybook/riot.svg)](app/riot)                         |
+| [Ember](app/ember)                                          | [v6.0.x](https://storybookjs.netlify.com/ember-cli/)                        | [![Ember](https://img.shields.io/npm/dm/@storybook/ember.svg)](app/ember)                      |
+| [Preact](app/preact)                                        | [v6.0.x](https://storybookjs.netlify.com/preact-kitchen-sink/)              | [![Preact](https://img.shields.io/npm/dm/@storybook/preact.svg)](app/preact)                   |
+| [Rax](app/rax)                                              | [v6.0.x](https://storybookjs.netlify.com/rax-kitchen-sink/)                 | [![Rax](https://img.shields.io/npm/dm/@storybook/rax.svg)](app/rax)                            |
 
 ### Sub Projects
 
@@ -146,7 +136,6 @@ For additional help, join us [in our Discord](https://discord.gg/sMFvFsG) or [Sl
 | [jest](addons/jest/)                        | View the results of components' unit tests in Storybook                    |
 | [knobs](addons/knobs/)                      | Interactively edit component prop data in the Storybook UI                 |
 | [links](addons/links/)                      | Create links between stories                                               |
-| [options](addons/options/)                  | Customize the Storybook UI in code                                         |
 | [query params](addons/queryparams/)         | Mock query params                                                          |
 | [storyshots](addons/storyshots/)            | Snapshot testing for components in Storybook                               |
 | [storysource](addons/storysource/)          | View the code of your stories within the Storybook UI                      |
@@ -156,11 +145,12 @@ See [Addon / Framework Support Table](ADDONS_SUPPORT.md)
 
 ### Deprecated Addons
 
-| Addons                                      |                                                                            |
-| ------------------------------------------- | -------------------------------------------------------------------------- |
-| [info](https://github.com/storybookjs/storybook/tree/master/addons/info)                                        | Annotate stories with extra component usage information                    |
-| [notes](https://github.com/storybookjs/storybook/tree/master/addons/notes)                                       | Annotate Storybook stories with notes                                      |
-| [contexts](https://github.com/storybookjs/storybook/tree/master/addons/contexts)                                       | Addon for driving your components under dynamic contexts                                      |
+| Addons                                                                             |                                                          |
+| ---------------------------------------------------------------------------------- | -------------------------------------------------------- |
+| [info](https://github.com/storybookjs/deprecated-addons/tree/master/addons/info)   | Annotate stories with extra component usage information  |
+| [notes](https://github.com/storybookjs/deprecated-addons/tree/master/addons/notes) | Annotate Storybook stories with notes                    |
+| [contexts](https://github.com/storybookjs/storybook/tree/master/addons/contexts)   | Addon for driving your components under dynamic contexts |
+| [options](https://github.com/storybookjs/storybook/tree/master/addons/options/)    | Customize the Storybook UI in code                       |
 
 In order to continue improving your experience, we have to eventually deprecate certain addons in favor of new, better tools.
 
@@ -184,8 +174,8 @@ If you're looking for material to use in your presentation about storybook, like
 
 - Tweeting via [@storybookjs](https://twitter.com/storybookjs)
 - Blogging at [Medium](https://medium.com/storybookjs)
-- Chatting on [Slack](https://now-examples-slackin-rrirkqohko.now.sh/)
-- Discussions on [Discord](https://discord.gg/sMFvFsG)
+- Chatting on [Discord](https://discord.gg/sMFvFsG)
+- Chatting (legacy) on [Slack](https://now-examples-slackin-rrirkqohko.now.sh/)
 - Streaming saved at [Youtube](https://www.youtube.com/channel/UCr7Quur3eIyA_oe8FNYexfg)
 
 ## Contributing
@@ -193,8 +183,8 @@ If you're looking for material to use in your presentation about storybook, like
 We welcome contributions to Storybook!
 
 - 📥 Pull requests and 🌟 Stars are always welcome.
-- Read our [contributing guide](CONTRIBUTING.md) to get started.
-  or find us on [Discord](https://discord.gg/sMFvFsG), we're will take the time to guide you
+- Read our [contributing guide](CONTRIBUTING.md) to get started,
+  or find us on [Discord](https://discord.gg/sMFvFsG), we will take the time to guide you
 
 Looking for a first issue to tackle?
 
@@ -209,18 +199,12 @@ Storybook is organized as a monorepo using [Lerna](https://lerna.js.org/). Usefu
 
 > Installs package dependencies and links packages together - using lerna
 
-#### `yarn run publish`
-
-> Push a release to git and npm
-> will ask for version in interactive mode - using lerna.
-
 #### `yarn lint`
 
 > boolean check if code conforms to linting rules - uses remark & eslint
 
 - `yarn lint:js` - will check js
 - `yarn lint:md` - will check markdown + code samples
-
 - `yarn lint:js --fix` - will automatically fix js
 
 #### `yarn test`
diff --git a/SECURITY.md b/SECURITY.md
new file mode 100644
index 00000000000..60b50cbdac9
--- /dev/null
+++ b/SECURITY.md
@@ -0,0 +1,18 @@
+# Security Policy
+
+## Supported Versions
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 6.0.x   | :white_check_mark: |
+| 5.3.x   | :white_check_mark: |
+
+## Reporting a Vulnerability
+
+We rely on NPM's security advisory process for reporting vulnerabilities.
+
+You can submit a vulnerability in a Storybook package at: https://www.npmjs.com/advisories/report
+
+You can also reach out to the maintainers directly on Twitter: https://twitter.com/storybookjs
+
+When we fix a security issue, we will post a security advisory on Github/NPM, describe the change in the [release notes](https://github.com/storybookjs/storybook/releases), and also announce notify the community on [our Discord](https://discord.com/invite/UUt2PJb).
diff --git a/__mocks__/inject-parameters.ts.csf.txt b/__mocks__/inject-parameters.ts.csf.txt
new file mode 100644
index 00000000000..a0de59fb675
--- /dev/null
+++ b/__mocks__/inject-parameters.ts.csf.txt
@@ -0,0 +1,37 @@
+import React from "react";
+import { action } from "@storybook/addon-actions";
+import { Button } from "@storybook/react/demo";
+
+export default {
+  title: "Button",
+  excludeStories: ["text"],
+  includeStories: /emoji.*/
+};
+
+export const Basic = () => (
+  <Button onClick={action("clicked")}>Hello Button</Button>
+);
+
+export const WithParams = () => <Button>WithParams</Button>;
+WithParams.parameters = { foo: 'bar' }
+
+export const WithDocsParams = () => <Button>WithDocsParams</Button>;
+WithDocsParams.parameters = { docs: { iframeHeight: 200 } };
+
+export const WithStorySourceParams = () => <Button>WithStorySourceParams</Button>;
+WithStorySourceParams.parameters = { storySource: { source: 'foo' } };
+
+const Template = (args: Args) => <Button {...args} />;
+
+export const WithTemplate = Template.bind({});
+WithTemplate.args = { foo: 'bar' }
+
+export const WithEmptyTemplate = Template.bind();
+WithEmptyTemplate.args = { foo: 'baz' };
+
+export const WithAddFunctionParameters = () => null
+WithAddFunctionParameters.parameters = {
+  foobar: () => {
+    document.addEventListener('foo', () => console.log('bar'))
+  },
+}
\ No newline at end of file
diff --git a/addons/a11y/README.md b/addons/a11y/README.md
index 17295f69933..07fea382035 100755
--- a/addons/a11y/README.md
+++ b/addons/a11y/README.md
@@ -48,7 +48,7 @@ MyNonCheckedStory.parameters = {
 ## Parameters
 
 For more customizability use parameters to configure [aXe options](https://github.com/dequelabs/axe-core/blob/develop/doc/API.md#api-name-axeconfigure).
-You can override these options [at story level too](https://storybook.js.org/docs/configurations/options-parameter/#per-story-options).
+You can override these options [at story level too](https://storybook.js.org/docs/react/configure/features-and-behavior#per-story-options.
 
 ```js
 import React from 'react';
diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index ab9bafd8a7c..5c90ef9e630 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -27,24 +27,26 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/channels": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
-    "axe-core": "^3.5.2",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/channels": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
+    "axe-core": "^4.0.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.15",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "react-sizeme": "^2.5.2",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1",
@@ -52,22 +54,16 @@
   },
   "devDependencies": {
     "@testing-library/react": "^10.0.4",
-    "@types/webpack-env": "^1.15.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "@types/webpack-env": "^1.15.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/a11y/src/a11yRunner.ts b/addons/a11y/src/a11yRunner.ts
index ce0c900f1fd..addd6c4760c 100644
--- a/addons/a11y/src/a11yRunner.ts
+++ b/addons/a11y/src/a11yRunner.ts
@@ -2,21 +2,36 @@ import { document, window } from 'global';
 import axe from 'axe-core';
 import addons from '@storybook/addons';
 import { EVENTS } from './constants';
-import { Setup } from './params';
+import { A11yParameters } from './params';
 
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 }
 
 const channel = addons.getChannel();
+// Holds axe core running state
 let active = false;
+// Holds latest story we requested a run
+let activeStoryId: string | undefined;
 
 const getElement = () => {
   const storyRoot = document.getElementById('story-root');
   return storyRoot ? storyRoot.children : document.getElementById('root');
 };
 
+/**
+ * Handle A11yContext events.
+ * Because the event are sent without manual check, we split calls
+ */
+const handleRequest = (storyId: string) => {
+  const { manual } = getParams(storyId);
+  if (!manual) {
+    run(storyId);
+  }
+};
+
 const run = async (storyId: string) => {
+  activeStoryId = storyId;
   try {
     const input = getParams(storyId);
 
@@ -24,14 +39,23 @@ const run = async (storyId: string) => {
       active = true;
       channel.emit(EVENTS.RUNNING);
 
-      const { element = getElement(), config, options } = input;
+      const { element = getElement(), config, options = {} } = input;
       axe.reset();
       if (config) {
         axe.configure(config);
       }
 
       const result = await axe.run(element, options);
-      channel.emit(EVENTS.RESULT, result);
+      // It's possible that we requested a new run on a different story.
+      // Unfortunately, axe doesn't support a cancel method to abort current run.
+      // We check if the story we run against is still the current one,
+      // if not, trigger a new run using the current story
+      if (activeStoryId === storyId) {
+        channel.emit(EVENTS.RESULT, result);
+      } else {
+        active = false;
+        run(activeStoryId);
+      }
     }
   } catch (error) {
     channel.emit(EVENTS.ERROR, error);
@@ -41,9 +65,8 @@ const run = async (storyId: string) => {
 };
 
 /** Returns story parameters or default ones. */
-const getParams = (storyId: string): Setup => {
-  // eslint-disable-next-line no-underscore-dangle
-  const { parameters } = window.__STORYBOOK_STORY_STORE__._stories[storyId] || {};
+const getParams = (storyId: string): A11yParameters => {
+  const { parameters } = window.__STORYBOOK_STORY_STORE__.fromId(storyId) || {};
   return (
     parameters.a11y || {
       config: {},
@@ -54,5 +77,5 @@ const getParams = (storyId: string): Setup => {
   );
 };
 
-channel.on(EVENTS.REQUEST, run);
+channel.on(EVENTS.REQUEST, handleRequest);
 channel.on(EVENTS.MANUAL, run);
diff --git a/addons/a11y/src/components/A11YPanel.tsx b/addons/a11y/src/components/A11YPanel.tsx
index fc568cfc4e3..a00d6178440 100644
--- a/addons/a11y/src/components/A11YPanel.tsx
+++ b/addons/a11y/src/components/A11YPanel.tsx
@@ -1,16 +1,16 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 
 import { styled } from '@storybook/theming';
 
 import { ActionBar, Icons, ScrollArea } from '@storybook/components';
 
 import { AxeResults } from 'axe-core';
-import { useChannel, useParameter, useStorybookState, useAddonState } from '@storybook/api';
+import { useChannel, useParameter, useStorybookState } from '@storybook/api';
 import { Report } from './Report';
 import { Tabs } from './Tabs';
 
 import { useA11yContext } from './A11yContext';
-import { EVENTS, ADDON_ID } from '../constants';
+import { EVENTS } from '../constants';
 import { A11yParameters } from '../params';
 
 export enum RuleType {
@@ -51,13 +51,13 @@ const Centered = styled.span<{}>({
 type Status = 'initial' | 'manual' | 'running' | 'error' | 'ran' | 'ready';
 
 export const A11YPanel: React.FC = () => {
-  const [status, setStatus] = useAddonState<Status>(ADDON_ID, 'initial');
-  const [error, setError] = React.useState<unknown>(undefined);
-  const { setResults, results } = useA11yContext();
-  const { storyId } = useStorybookState();
   const { manual } = useParameter<Pick<A11yParameters, 'manual'>>('a11y', {
     manual: false,
   });
+  const [status, setStatus] = useState<Status>(manual ? 'manual' : 'initial');
+  const [error, setError] = React.useState<unknown>(undefined);
+  const { setResults, results } = useA11yContext();
+  const { storyId } = useStorybookState();
 
   React.useEffect(() => {
     setStatus(manual ? 'manual' : 'initial');
diff --git a/addons/a11y/src/components/A11yContext.tsx b/addons/a11y/src/components/A11yContext.tsx
index 458fa14f11b..5061f5623d4 100644
--- a/addons/a11y/src/components/A11yContext.tsx
+++ b/addons/a11y/src/components/A11yContext.tsx
@@ -64,9 +64,9 @@ export const A11yContextProvider: React.FC<A11yContextProviderProps> = ({ active
         : prevHighlighted.filter((t) => !target.includes(t))
     );
   }, []);
-  const handleRun = React.useCallback(() => {
-    emit(EVENTS.REQUEST, storyId);
-  }, [storyId]);
+  const handleRun = (renderedStoryId: string) => {
+    emit(EVENTS.REQUEST, renderedStoryId);
+  };
   const handleClearHighlights = React.useCallback(() => setHighlighted([]), []);
   const handleSetTab = React.useCallback((index: number) => {
     handleClearHighlights();
@@ -90,7 +90,7 @@ export const A11yContextProvider: React.FC<A11yContextProviderProps> = ({ active
 
   React.useEffect(() => {
     if (active) {
-      handleRun();
+      handleRun(storyId);
     } else {
       handleClearHighlights();
     }
diff --git a/addons/actions/ADVANCED.md b/addons/actions/ADVANCED.md
new file mode 100644
index 00000000000..7500b97c1e1
--- /dev/null
+++ b/addons/actions/ADVANCED.md
@@ -0,0 +1,83 @@
+## Advanced/Legacy Actions usage
+
+For basic usage, see the [documentation](https://storybook.js.org/docs/react/essentials/actions).
+
+This document describes the pre-6.0 usage of the addon, and as such is no longer recommended (although it will be supported until at least 7.0).
+
+## Manually-specified actions
+
+Import the `action` function and use it to create actions handlers. When creating action handlers, provide a **name** to make it easier to identify.
+
+> _Note: Make sure NOT to use reserved words as function names. [issues#29](https://github.com/storybookjs/storybook-addon-actions/issues/29#issuecomment-288274794)_
+
+```js
+import { action } from '@storybook/addon-actions';
+import Button from './button';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+
+export const defaultView = () => <Button onClick={action('button-click')}>Hello World!</Button>;
+```
+
+## Multiple actions
+
+If your story requires multiple actions, it may be convenient to use `actions` to create many at once:
+
+```js
+import { actions } from '@storybook/addon-actions';
+import Button from './button';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+
+// This will lead to { onClick: action('onClick'), ... }
+const eventsFromNames = actions('onClick', 'onMouseOver');
+
+// This will lead to { onClick: action('clicked'), ... }
+const eventsFromObject = actions({ onClick: 'clicked', onMouseOver: 'hovered' });
+
+export const first = () => <Button {...eventsFromNames}>Hello World!</Button>;
+
+export const second = () => <Button {...eventsFromObject}>Hello World!</Button>;
+```
+
+## Configuration
+
+Arguments which are passed to the action call will have to be serialized while be "transferred" over the channel.
+
+This is not very optimal and can cause lag when large objects are being logged, for this reason it is possible to configure a maximum depth.
+
+The action logger, by default, will log all actions fired during the lifetime of the story. After a while this can make the storybook laggy. As a workaround, you can configure an upper limit to how many actions should be logged.
+
+To apply the configuration globally use the `configureActions` function in your `preview.js` file.
+
+```js
+import { configureActions } from '@storybook/addon-actions';
+
+configureActions({
+  depth: 100,
+  // Limit the number of items logged into the actions panel
+  limit: 20,
+});
+```
+
+To apply the configuration per action use:
+
+```js
+action('my-action', {
+  depth: 5,
+});
+```
+
+### Available Options
+
+| Name                 | Type    | Description                                                                         | Default |
+| -------------------- | ------- | ----------------------------------------------------------------------------------- | ------- |
+| `depth`              | Number  | Configures the transferred depth of any logged objects.                             | `10`    |
+| `clearOnStoryChange` | Boolean | Flag whether to clear the action logger when switching away from the current story. | `true`  |
+| `limit`              | Number  | Limits the number of items logged in the action logger                              | `50`    |
diff --git a/addons/actions/README.md b/addons/actions/README.md
index ea170685383..e01d797eba2 100644
--- a/addons/actions/README.md
+++ b/addons/actions/README.md
@@ -2,19 +2,19 @@
 
 Storybook Addon Actions can be used to display data received by event handlers in [Storybook](https://storybook.js.org).
 
-[Framework Support](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
+[Framework Support](https://storybook.js.org/docs/react/api/frameworks-feature-support)
 
 ![Screenshot](https://raw.githubusercontent.com/storybookjs/storybook/HEAD/addons/actions/docs/screenshot.png)
 
-## Getting Started
+## Installation
 
-Install:
+Actions is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run:
 
 ```sh
 npm i -D @storybook/addon-actions
 ```
 
-Then, add following content to `.storybook/main.js`
+Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project):
 
 ```js
 module.exports = {
@@ -22,132 +22,6 @@ module.exports = {
 };
 ```
 
-## Actions args
+## Usage
 
-Starting in SB6.0, we recommend using story parameters to specify actions which get passed into your story as [Args](https://docs.google.com/document/d/1Mhp1UFRCKCsN8pjlfPdz8ZdisgjNXeMXpXvGoALjxYM/edit?usp=sharing) (passed as the first argument when `passArgsFirst` is set to `true`).
-
-The first option is to specify `argTypes` for your story with an `action` field. Take the following example:
-
-```js
-import Button from './button';
-
-export default {
-  title: 'Button',
-  argTypes: { onClick: { action: 'clicked' } },
-};
-
-export const Basic = ({ onClick }) => <Button onClick={onClick}>Hello World!</Button>;
-```
-
-Alternatively, suppose you have a naming convention, like `onX` for event handlers. The following configuration automatically creates actions for each `onX` `argType` (which you can either specify manually or generate automatically using [Storybook Docs](https://www.npmjs.com/package/@storybook/addon-docs).
-
-```js
-import Button from './button';
-
-export default {
-  title: 'Button',
-  component: Button,
-  parameters: { actions: { argTypesRegex: '^on.*' } },
-};
-
-export const Basic = ({ onClick }) => <Button onClick={onClick}>Hello World!</Button>;
-```
-
-> **NOTE:** If you're generating `argTypes` in using another addon (like Docs, which is the common behavior) you'll need to make sure that the actions addon loads **AFTER** the other addon. You can do this by listing it later in the `addons` registration code in `.storybook/main.js`.
-
-## Manually-specified actions
-
-Import the `action` function and use it to create actions handlers. When creating action handlers, provide a **name** to make it easier to identify.
-
-> _Note: Make sure NOT to use reserved words as function names. [issues#29](https://github.com/storybookjs/storybook-addon-actions/issues/29#issuecomment-288274794)_
-
-```js
-import { action } from '@storybook/addon-actions';
-import Button from './button';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const defaultView = () => <Button onClick={action('button-click')}>Hello World!</Button>;
-```
-
-## Multiple actions
-
-If your story requires multiple actions, it may be convenient to use `actions` to create many at once:
-
-```js
-import { actions } from '@storybook/addon-actions';
-import Button from './button';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-// This will lead to { onClick: action('onClick'), ... }
-const eventsFromNames = actions('onClick', 'onMouseOver');
-
-// This will lead to { onClick: action('clicked'), ... }
-const eventsFromObject = actions({ onClick: 'clicked', onMouseOver: 'hovered' });
-
-export const first = () => <Button {...eventsFromNames}>Hello World!</Button>;
-
-export const second = () => <Button {...eventsFromObject}>Hello World!</Button>;
-```
-
-## Configuration
-
-Arguments which are passed to the action call will have to be serialized while be "transferred" over the channel.
-
-This is not very optimal and can cause lag when large objects are being logged, for this reason it is possible to configure a maximum depth.
-
-The action logger, by default, will log all actions fired during the lifetime of the story. After a while this can make the storybook laggy. As a workaround, you can configure an upper limit to how many actions should be logged.
-
-To apply the configuration globally use the `configureActions` function in your `preview.js` file.
-
-```js
-import { configureActions } from '@storybook/addon-actions';
-
-configureActions({
-  depth: 100,
-  // Limit the number of items logged into the actions panel
-  limit: 20,
-});
-```
-
-To apply the configuration per action use:
-
-```js
-action('my-action', {
-  depth: 5,
-});
-```
-
-### Available Options
-
-| Name                 | Type    | Description                                                                         | Default |
-| -------------------- | ------- | ----------------------------------------------------------------------------------- | ------- |
-| `depth`              | Number  | Configures the transferred depth of any logged objects.                             | `10`    |
-| `clearOnStoryChange` | Boolean | Flag whether to clear the action logger when switching away from the current story. | `true`  |
-| `limit`              | Number  | Limits the number of items logged in the action logger                              | `50`    |
-
-## Declarative Configuration via Parameters
-
-You can define action handles in a declarative way using parameters. They accepts the same arguments as [`actions`](#multiple-actions)
-Keys have `'<eventName> <selector>'` format, e.g. `'click .btn'`. Selector is optional. This can be used with any framework but is especially useful for `@storybook/html`.
-
-```js
-import Button from './button';
-
-export default {
-  title: 'Button',
-  parameters: {
-    actions: {
-      handles: ['mouseover', 'click .btn']
-  }
-};
-
-export const first = () => <Button className="btn">Hello World!</Button>;
-```
+The basic usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/actions). For legacy usage, see the [advanced README](./ADVANCED.md).
diff --git a/addons/actions/package.json b/addons/actions/package.json
index 0c391303fa3..d5cc89a4af0 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
@@ -22,18 +22,18 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^3.1.1",
     "global": "^4.3.2",
@@ -41,6 +41,7 @@
     "polished": "^3.4.4",
     "prop-types": "^15.7.2",
     "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "react-inspector": "^5.0.1",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1",
@@ -52,17 +53,14 @@
     "@types/uuid": "^7.0.3",
     "@types/webpack-env": "^1.15.2"
   },
-  "peerDependencies": {
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/actions/src/containers/ActionLogger/index.tsx b/addons/actions/src/containers/ActionLogger/index.tsx
index 4caa1b54b35..2de6c68f9ad 100644
--- a/addons/actions/src/containers/ActionLogger/index.tsx
+++ b/addons/actions/src/containers/ActionLogger/index.tsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import deepEqual from 'fast-deep-equal';
 
 import { API } from '@storybook/api';
-import { STORY_RENDERED } from '@storybook/core-events';
+import { STORY_CHANGED } from '@storybook/core-events';
 
 import { ActionLogger as ActionLoggerComponent } from '../../components/ActionLogger';
 import { EVENT_ID } from '../..';
@@ -39,14 +39,14 @@ export default class ActionLogger extends Component<ActionLoggerProps, ActionLog
     const { api } = this.props;
 
     api.on(EVENT_ID, this.addAction);
-    api.on(STORY_RENDERED, this.handleStoryChange);
+    api.on(STORY_CHANGED, this.handleStoryChange);
   }
 
   componentWillUnmount() {
     this.mounted = false;
     const { api } = this.props;
 
-    api.off(STORY_RENDERED, this.handleStoryChange);
+    api.off(STORY_CHANGED, this.handleStoryChange);
     api.off(EVENT_ID, this.addAction);
   }
 
diff --git a/addons/backgrounds/README.md b/addons/backgrounds/README.md
index 666bb34d906..bae041ad110 100644
--- a/addons/backgrounds/README.md
+++ b/addons/backgrounds/README.md
@@ -1,22 +1,22 @@
 # Storybook Addon Backgrounds
 
-Storybook Background Addon can be used to change background colors inside the preview in [Storybook](https://storybook.js.org).
+Storybook Addon Backgrounds can be used to change background colors inside the preview in [Storybook](https://storybook.js.org).
 
-[Framework Support](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
+[Framework Support](https://storybook.js.org/docs/react/api/frameworks-feature-support)
 
 ![React Storybook Screenshot](https://raw.githubusercontent.com/storybookjs/storybook/master/docs/static/img/addon-backgrounds.gif)
 
 ## Installation
 
+Backgrounds is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run:
+
 ```sh
-yarn add @storybook/addon-backgrounds --dev
+npm i -D @storybook/addon-backgrounds
 ```
 
 ## Configuration
 
-If it doesn't exist yet, create a file called `main.js` in your storybook config.
-
-Add the following content to it:
+Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project):
 
 ```js
 module.exports = {
@@ -26,104 +26,4 @@ module.exports = {
 
 ## Usage
 
-Backgrounds requires two parameters:
-
-- `default` - matches the **name** of the value which will be selected by default.
-- `values` - an array of elements containing name and value (with a valid css color e.g. HEX, RGBA, etc.)
-
-Write your stories like this:
-
-```jsx
-import React from 'react';
-
-/*
- * Button.stories.js
- * Applies backgrounds to the Stories
- */
-export default {
-  title: 'Button',
-  parameters: {
-    backgrounds: {
-      default: 'twitter',
-      values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
-      ],
-    },
-  },
-};
-
-export const defaultView = () => <button>Click me</button>;
-```
-
-You can add the backgrounds to all stories by using `parameters` in `.storybook/preview.js`:
-
-```js
-export const parameters = {
-  backgrounds: {
-    default: 'twitter',
-    values: [
-      { name: 'twitter', value: '#00aced' },
-      { name: 'facebook', value: '#3b5998' },
-    ],
-  },
-};
-```
-
-If you want to override backgrounds for a single story or group of stories, pass the `backgrounds` parameter:
-
-```jsx
-import React from 'react';
-
-export default {
-  title: 'Button',
-};
-
-export const defaultView = () => <button>Click me</button>;
-
-defaultView.parameters = {
-  backgrounds: {
-    default: 'red',
-    values: [{ name: 'red', value: 'rgba(255, 0, 0)' }],
-  },
-};
-```
-
-Once you have defined backgrounds for your stories (as can be seen in the examples above), you can set a default background per story by passing the `default` property using a name from the available backgrounds:
-
-```jsx
-import React from 'react';
-
-/*
- * Button.stories.js
- * Applies default background to the Stories
- */
-export default {
-  title: 'Button',
-  parameters: {
-    backgrounds: { default: 'twitter' },
-  },
-};
-
-export const twitterColorSelected = () => <button>Click me</button>;
-```
-
-If you don't want to use backgrounds for a story, you can set the `backgrounds` parameter to `{ disable: true }` to skip the addon:
-
-```jsx
-import React from 'react';
-
-/*
- * Button.stories.js
- * Disables backgrounds for one Story
- */
-export default {
-  title: 'Button',
-};
-
-export const disabledBackgrounds = () => <button>Click me</button>;
-
-disabledBackgrounds.parameters = {
-  backgrounds: { disable: true },
-};
-```
+The usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/backgrounds).
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index c53b86b5b83..cebc0ac6e65 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -26,37 +26,35 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "memoizerific": "^1.11.3",
     "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.15.2"
   },
-  "peerDependencies": {
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/backgrounds/preset.js b/addons/backgrounds/preset.js
new file mode 100644
index 00000000000..a83f95279e7
--- /dev/null
+++ b/addons/backgrounds/preset.js
@@ -0,0 +1 @@
+module.exports = require('./dist/preset');
diff --git a/addons/backgrounds/src/containers/BackgroundSelector.tsx b/addons/backgrounds/src/containers/BackgroundSelector.tsx
index 69cc0ede873..7532a4c184b 100644
--- a/addons/backgrounds/src/containers/BackgroundSelector.tsx
+++ b/addons/backgrounds/src/containers/BackgroundSelector.tsx
@@ -178,7 +178,7 @@ export class BackgroundSelector extends Component<Props> {
                 <Global
                   styles={(theme: Theme) => ({
                     [`#${iframeId}`]: {
-                      backgroundColor:
+                      background:
                         selectedBackgroundColor === 'transparent'
                           ? theme.background.content
                           : selectedBackgroundColor,
diff --git a/addons/backgrounds/src/preset/defaultParameters.tsx b/addons/backgrounds/src/preset/defaultParameters.tsx
new file mode 100644
index 00000000000..0abaae233b2
--- /dev/null
+++ b/addons/backgrounds/src/preset/defaultParameters.tsx
@@ -0,0 +1,8 @@
+export const parameters = {
+  backgrounds: {
+    values: [
+      { name: 'light', value: '#F8F8F8' },
+      { name: 'dark', value: '#333333' },
+    ],
+  },
+};
diff --git a/addons/backgrounds/src/preset/index.ts b/addons/backgrounds/src/preset/index.ts
new file mode 100644
index 00000000000..5575756415e
--- /dev/null
+++ b/addons/backgrounds/src/preset/index.ts
@@ -0,0 +1,7 @@
+export function config(entry: any[] = []) {
+  return [...entry, require.resolve('./defaultParameters')];
+}
+
+export function managerEntries(entry: any[] = [], options: any) {
+  return [...entry, require.resolve('../register')];
+}
diff --git a/addons/controls/README.md b/addons/controls/README.md
index 1fdef536f64..a09068e0471 100644
--- a/addons/controls/README.md
+++ b/addons/controls/README.md
@@ -1,411 +1,39 @@
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-hero.gif" width="80%" />
-</center>
+# Storybook Controls Addon
 
-<h1>Storybook Controls</h1>
+[Storybook](https://storybook.js.org) Controls gives you a graphical UI to interact with a component's arguments dynamically, without needing to code. It creates an addon panel next to your component examples ("stories"), so you can edit them live.
 
-Storybook Controls gives you UI to interact with a component's inputs dynamically, without needing to code. It creates an addon panel next to your component examples ("stories"), so you can edit them live.
+[Framework Support](https://storybook.js.org/docs/react/api/frameworks-feature-support)
 
-It does not require any modification to your components, and stories for controls are:
-
-- **Convenient.** Auto-generate controls based on [React/Vue/Angular/etc.](#framework-support) components.
-- **Portable.** Reuse your interactive stories in documentation, tests, and even in designs.
-- **Rich.** Customize the controls and interactive data to suit your exact needs.
-
-Controls are built on top of [Storybook Args](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/formats/component-story-format/index.md#args-story-inputs), which is an open, standards-based format that enable stories to be reused in a variety of contexts.
-
-- **Documentation.** 100% compatible with [Storybook Docs](https://github.com/storybookjs/storybook/tree/next/addons/docs).
-- **Testing.** Import stories directly into your [Jest](https://jestjs.io/) tests.
-- **Ecosystem.** Reuse stories in design/development tools that support it.
-
-Controls replaces [Storybook Knobs](https://github.com/storybookjs/storybook/tree/master/addons/knobs). It incorporates lessons from years of supporting Knobs on tens of thousands of projects and dozens of different frameworks. We couldn't incrementally fix knobs, so we built a better version.
-
-<h2>Contents</h2>
-
-- [Installation](#installation)
-- [Writing stories](#writing-stories)
-  - [Getting started](#getting-started)
-  - [Auto-generated args](#auto-generated-args)
-  - [Custom controls args](#custom-controls-args)
-  - [Fully custom args](#fully-custom-args)
-  - [Template stories](#template-stories)
-- [Configuration](#configuration)
-  - [Control annotations](#control-annotations)
-  - [Parameters](#parameters)
-    - [Expanded: show property documentation](#expanded-show-property-documentation)
-- [Framework support](#framework-support)
-- [FAQs](#faqs)
-  - [How will this replace addon-knobs?](#how-will-this-replace-addon-knobs)
-  - [How do I migrate from addon-knobs?](#how-do-i-migrate-from-addon-knobs)
+![Screenshot](https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-hero.gif)
 
 ## Installation
 
-Controls requires [Storybook Docs](https://github.com/storybookjs/storybook/tree/next/addons/docs). If you're not using it already, please install that first.
-
-Next, install the package:
+Controls is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run:
 
 ```sh
-npm install @storybook/addon-controls -D # or yarn
+npm i -D @storybook/addon-controls
 ```
 
-And add it to your `.storybook/main.js` config:
+Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project):
 
 ```js
 module.exports = {
-  addons: [
-    '@storybook/addon-docs'
-    '@storybook/addon-controls'
-  ],
+  addons: ['@storybook/addon-controls'],
 };
 ```
 
-## Writing stories
+## Usage
 
-Let's see how to write stories that automatically generate controls based on your component properties.
-
-Controls is built on [Storybook Args](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/formats/component-story-format/index.md#args-story-inputs), which is a small, backwards-compatible change to Storybook's [Component Story Format](https://medium.com/storybookjs/component-story-format-66f4c32366df).
-
-This section is a step-by-step walkthrough for how to upgrade your stories. It takes you from a starting point of the traditional "no args" stories, to auto-generated args, to auto-generated args with custom controls, to fully custom args if you need them.
-
-### Getting started
-
-Let's start with the following component/story combination, which should look familiar if you're coming from an older version of Storybook.
-
-```tsx
-import React from 'react';
-interface ButtonProps {
-  /** The main label of the button */
-  label?: string;
-}
-export const Button = ({ label = 'FIXME' }: ButtonProps) => <button>{label}</button>;
-```
-
-And here's a story that shows that Button component:
-
-```jsx
-import React from 'react';
-import { Button } from './Button';
-export default { title: 'Button', component: Button };
-
-export const Basic = () => <Button label="hello" />;
-```
-
-After installing the controls addon, you'll see a new tab that shows the component's props, but it doesn't show controls because the story doesn't use args. That's not very useful, but we'll fix that momentarily.
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-install.png" width="80%" />
-</center>
-
-### Auto-generated args
-
-To upgrade your story to an Args story, modify it to accept an args object. **NOTE:** you may need to refresh the browser at this point.
-
-```jsx
-export const Basic = (args) => {
-  console.log({ args });
-  return <Button label="hello" />;
-};
-```
-
-Now you'll see auto-generated controls in the `Controls` tab, and you can see the `args` data updating as you edit the values in the UI:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-logging.png" width="80%" />
-</center>
-
-Since the args directly matches the `Button`'s props, we can pass it into the args directly:
-
-```jsx
-export const Basic = (args) => <Button {...args} />;
-```
-
-This generates an interactive UI:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-no-annotation.png" width="80%" />
-</center>
-
-Unfortunately this uses the default values specified in the component, and not the label `hello`, which is what we wanted. To address this, we add an `args` annotation to the story, which specifies the initial values:
-
-```jsx
-export const Basic = (args) => <Button {...args} />;
-Basic.args = { label: 'hello' };
-```
-
-Now we're back where we started, but we have a fully interactive story!
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-annotated.png" width="80%" />
-</center>
-
-And this fully interactive story is also available in the `Docs` tab of Storybook:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-docs.png" width="80%" />
-</center>
-
-### Custom controls args
-
-There are cases where you'd like to customize the controls that get auto-generated from your component.
-
-Consider the following modification to the `Button` we introduced above:
-
-```tsx
-import React from 'react';
-interface ButtonProps {
-  label?: string;
-  background?: string;
-}
-export const Button = ({ background, label = 'FIXME' }: ButtonProps) => (
-  <button style={{ backgroundColor: background }}>{label}</button>
-);
-```
-
-And the slightly expanded story:
-
-```jsx
-export const Basic = (args) => <Button {...args} />;
-Basic.args = { label: 'hello', background: '#ff0' };
-```
-
-This generates the following `Controls` UI:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-background-string.png" width="80%" />
-</center>
-
-This works as long as you type a valid string into the auto-generated text control, but it's certainly is not the best UI for picking a color.
-
-We can specify which controls get used by declaring a custom `ArgType` for the `background` property. `ArgTypes` encode basic metadata for args, such as `name`, `description`, `defaultValue` for an arg. These get automatically filled in by `Storybook Docs`.
-
-`ArgTypes` can also contain arbitrary annotations which can be overridden by the user. Since `background` is a property of the component, let's put that annotation on the default export.
-
-```jsx
-import { Button } from './Button';
-export default {
-  title: 'Button',
-  component: Button,
-  argTypes: {
-    background: { control: { type: 'color' } },
-  },
-};
-
-export const Basic = (args) => <Button {...args} />;
-Basic.args = { label: 'hello', background: '#ff0' };
-```
-
-This generates the following UI, which is what we wanted in the first place:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-background-color.png" width="80%" />
-</center>
-
-### Fully custom args
-
-Up until now, we've only been using auto-generated controls based on the component we're writing stories for. What happens when we want a control for something that's not part of the story?
-
-Consider the following story for our `Button` from above:
-
-```jsx
-import range from 'lodash/range';
-// export default etc.
-
-export const Reflow = ({ count, label, ...args }) => (
-  <>
-    {range(count).map((i) => (
-      <Button label={`${label} ${i}`} {...args} />
-    ))}
-  </>
-);
-Reflow.args = { count: 3, label: 'reflow' };
-```
-
-This generates the following UI:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-reflow.png" width="80%" />
-</center>
-
-Storybook has inferred the control to be a numeric input based on the initial value of the `count` arg. As we did above, we can also specify a custom control [as we did above](#custom-controls). Only this time since it's story specific we can do it at the story level:
-
-```jsx
-// export const Reflow = ... (as above)
-// Reflow.args = ...
-Reflow.argTypes = {
-  count: { control: { type: 'range', min: 0, max: 20 } },
-};
-```
-
-This generates the following UI with a custom range slider:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-reflow-slider.png" width="80%" />
-</center>
-
-**Note:** If you add an `ArgType` that is not part of the component, Storybook will *only* use your argTypes definitions.  
-If you want to merge new controls with the existing component properties, you must enable this parameter:
-
-```jsx
-  docs: { forceExtractedArgTypes: true },
-```
-
-#### Angular
-
-To achieve this within an angular-cli build.
-
-```jsx
-export const Reflow = ({ count, label, ...args }) => ({
-  props: {
-    label: label,
-    count: [...Array(count).keys()]
-  },
-  template: `<Button *ngFor="let i of count">{{label}} {{i}}</Button>`
- }
-);
-Reflow.args = { count: 3, label: 'reflow' };
-```
-
-### Template stories
-
-Suppose you've created the `Basic` story from above, but now we want to create a second story with a different state, such as how the button renders with the label is really long.
-
-The simplest thing would be to create a second story:
-
-```jsx
-export const VeryLongLabel = (args) => <Button {...args} />;
-VeryLongLabel.args = { label: 'this is a very long string', background: '#ff0' };
-```
-
-This works, but it repeats code. What we want is to reuse the `Basic` story, but with a different initial state. In Storybook we do this idiomatically for Args stories:
-
-```jsx
-export const VeryLongLabel = Basic.bind();
-VeryLongLabel.args = { label: 'this is a very long string', background: '#ff0' };
-```
-
-We can even reuse initial args from other stories:
-
-```jsx
-export const VeryLongLabel = Basic.bind();
-VeryLongLabel.args = { ...Basic.args, label: 'this is a very long string' };
-```
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-args-template.png" width="80%" />
-</center>
-
-## Configuration
-
-The controls addon can be configured in two ways:
-
-- Individual controls can be configured via [control annotations](#control-annotations),
-- The addon's appearance can be configured via [parameters](#parameters).
-
-### Control annotations
-
-As shown above in the [custom control args](#custom-controls-args) and [fully custom args](#fully-custom-args) sections, you can configure controls via a "control" annotation in the `argTypes` field of either a component or story.
-
-Here is the full list of available controls:
-
-| data type   | control type | description                                                    | options        |
-| ----------- | ------------ | -------------------------------------------------------------- | -------------- |
-| **array**   | array        | serialize array into a comma-separated string inside a textbox | separator      |
-| **boolean** | boolean      | checkbox input                                                 | -              |
-| **number**  | number       | a numberic text box input                                      | min, max, step |
-|             | range        | a range slider input                                           | min, max, step |
-| **object**  | object       | json editor text input                                         | -              |
-| **enum**    | radio        | radio buttons input                                            | options        |
-|             | inline-radio | inline radio buttons input                                     | options        |
-|             | check        | multi-select checkbox input                                    | options        |
-|             | inline-check | multi-select inline checkbox input                             | options        |
-|             | select       | select dropdown input                                          | options        |
-|             | multi-select | multi-select dropdown input                                    | options        |
-| **string**  | text         | simple text input                                              | -              |
-|             | color        | color picker input that assumes strings are color values       | -              |
-|             | date         | date picker input                                              | -              |
-
-Example customizing a control for an `enum` data type (defaults to `select` control type):
-
-```js
-export default {
-  title: 'Widget',
-  component: Widget,
-  argTypes: {
-    loadingState: {
-      type: 'inline-radio',
-      options: ['loading', 'error', 'ready'],
-    },
-  },
-};
-```
-
-Example customizing a `number` data type (defaults to `number` control type):
-
-```js
-export default {
-  title: 'Gizmo',
-  component: Gizmo,
-  argTypes: {
-    width: { type: 'range', min: 400, max: 1200, step: 50 };
-  },
-};
-```
-
-### Parameters
-
-Controls supports the following configuration parameters, either [globally or on a per-story basis](https://storybook.js.org/docs/basics/writing-stories/#parameters):
-
-- [Expanded: show property documentation](#expanded-show-property-documentation)
-- [Hide NoControls warning](#hide-nocontrols-warning)
-
-#### Expanded: show property documentation
-
-Since Controls is built on the same engine as Storybook Docs, it can also show property documentation alongside your controls using the `expanded` parameter (defaults to `false`).
-
-To enable expanded mode globally, add the following to `.storybook/preview.js`:
-
-```jsx
-export const parameters = {
-  controls: { expanded: true },
-};
-```
-
-And here's what the resulting UI looks like:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/controls/docs/media/addon-controls-expanded.png" width="80%" />
-</center>
-
-#### Hide NoControls warning
-
-If you don't plan to handle the control args inside your Story, you can remove the warning with:
-
-```jsx
-Basic.parameters = {
-  controls: { hideNoControlsWarning: true },
-};
-```
-
-## Framework support
-
-|                | Manual | Auto-generated |
-| -------------- | :----: | :------------: |
-| React          |   +    |       +        |
-| Vue            |   +    |       +        |
-| Angular        |   +    |       +        |
-| Ember          |   +    |       #        |
-| Web components |   +    |       +        |
-| HTML           |   +    |                |
-| Svelte         |   +    |                |
-| Preact         |   +    |                |
-| Riot           |   +    |                |
-| Mithril        |   +    |                |
-| Marko          |   +    |                |
-
-**Note:** `#` = WIP support
+The usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/controls).
 
 ## FAQs
 
+- [How will this replace addon-knobs?](#how-will-this-replace-addon-knobs)
+- [How do I migrate from addon-knobs?](#how-do-i-migrate-from-addon-knobs)
+- [My controls aren't being auto-generated. What should I do?](#my-controls-arent-being-auto-generated-what-should-i-do)
+- [How can I disable controls for certain fields on a particular story?](#how-can-i-disable-controls-for-certain-fields-on-a-particular-story)
+- [How do controls work with MDX?](#how-do-controls-work-with-mdx)
+
 ### How will this replace addon-knobs?
 
 Addon-knobs is one of Storybook's most popular addons with over 1M weekly downloads, so we know lots of users will be affected by this change. Knobs is also a mature addon, with various options that are not available in addon-controls.
@@ -461,12 +89,106 @@ export const Reflow = () => {
 };
 ```
 
-And again, as above, this can be rewritten using [fully custom args](#fully-custom-args):
+And again, as above, this can be rewritten using [fully custom args](https://storybook.js.org/docs/react/essentials/controls#fully-custom-args):
 
 ```jsx
 export const Reflow = ({ count, label, ...args }) => (
   <>{range(count).map((i) => <Button label={`${label} ${i}` {...args}} />)}</>
 );
 Reflow.args = { count: 3, label: 'reflow' };
-Reflow.argTypes = { count: { control: { type: 'range', min: 0, max: 20 } } };
+Reflow.argTypes = {
+  count: { control: { type: 'range', min: 0, max: 20 } }
+};
 ```
+
+### My controls aren't being auto-generated. What should I do?
+
+There are a few known cases where controls can't be auto-generated:
+
+- You're using a framework for which automatic generation [isn't supported](https://storybook.js.org/docs/react/api/frameworks-feature-support)
+- You're trying to generate controls for a component defined in an external library
+
+With a little manual work you can still use controls in such cases. Consider the following example:
+
+```js
+import { Button } from 'some-external-library';
+
+export default {
+  title: 'Button',
+  argTypes: {
+    label: { control: 'text' },
+    borderWidth: { control: { type: 'number', min: 0, max: 10 }},
+  },
+};
+
+export const Basic = (args) => <Button {...args} />;
+Basic.args = {
+  label: 'hello',
+  borderWidth: 1,
+};
+```
+
+The `argTypes` annotation (which can also be applied to individual stories if needed), gives Storybook the hints it needs to generate controls in these unsupported cases. See [control annotations](https://storybook.js.org/docs/react/essentials/controls#annotation) for a full list of control types.
+
+It's also possible that your Storybook is misconfigured. If you think this might be the case, please search through Storybook's [Github issues](https://github.com/storybookjs/storybook/issues), and file a new issue if you don't find one that matches your use case.
+
+### How can I disable controls for certain fields on a particular story?
+
+The `argTypes` annotation can be used to hide controls for a particular row, or even hide rows.
+
+Suppose you have a `Button` component with `borderWidth` and `label` properties (auto-generated or otherwise) and you want to hide the `borderWidth` row completely and disable controls for the `label` row on a specific story. Here's how you'd do that:
+
+```js
+import { Button } from 'button';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+
+export const CustomControls = (args) => <Button {...args} />;
+CustomControls.argTypes = {
+  borderWidth: { table: { disable: true } },
+  label: { control: { disable: true } },
+};
+```
+
+Like [story parameters](https://storybook.js.org/docs/react/writing-stories/parameters), `args` and `argTypes` annotations are hierarchically merged, so story-level annotations overwrite component-level annotations.
+
+### How do controls work with MDX?
+
+MDX compiles to component story format (CSF) under the hood, so there's a direct mapping for every example above using the `args` and `argTypes` props.
+
+Consider this example in CSF:
+
+```js
+import { Button } from './Button';
+export default {
+  title: 'Button',
+  component: Button,
+  argTypes: {
+    background: { control: 'color' },
+  },
+};
+
+const Template = (args) => <Button {...args} />;
+export const Basic = Template.bind({});
+Basic.args = { label: 'hello', background: '#ff0' };
+```
+
+Here's the MDX equivalent:
+
+```jsx
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+import { Button } from './Button';
+
+<Meta title="Button" component={Button} argTypes={{ background: { control: 'color' } }} />
+
+export const Template = (args) => <Button {...args} />
+
+<Story name="Basic" args={{ label: 'hello', background: '#ff0' }}>
+  {Template.bind({})}
+</Story>
+```
+
+For more info, see a full [Controls example in MDX for Vue](https://raw.githubusercontent.com/storybookjs/storybook/next/examples/vue-kitchen-sink/src/stories/addon-controls.stories.mdx).
diff --git a/addons/controls/package.json b/addons/controls/package.json
index de28a4d1a36..44583b614ad 100644
--- a/addons/controls/package.json
+++ b/addons/controls/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-controls",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Controls for component properties",
   "keywords": [
     "addon",
@@ -30,18 +30,19 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
-    "core-js": "^3.0.1"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
+    "core-js": "^3.0.1",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
+    "ts-dedent": "^1.1.1"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a"
 }
diff --git a/addons/controls/src/components/ControlsPanel.tsx b/addons/controls/src/components/ControlsPanel.tsx
index 1a2f97605fc..3b4de896463 100644
--- a/addons/controls/src/components/ControlsPanel.tsx
+++ b/addons/controls/src/components/ControlsPanel.tsx
@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
-import { styled } from '@storybook/theming';
-import { ArgsTable, Link } from '@storybook/components';
+import { ArgsTable, NoControlsWarning } from '@storybook/components';
 import { useArgs, useArgTypes, useParameter } from '@storybook/api';
+
 import { PARAM_KEY } from '../constants';
 
 interface ControlsParameters {
@@ -9,36 +9,28 @@ interface ControlsParameters {
   hideNoControlsWarning?: boolean;
 }
 
-const NoControlsWrapper = styled.div(({ theme }) => ({
-  background: theme.background.warning,
-  padding: 20,
-}));
-
-const NoControlsWarning = () => (
-  <NoControlsWrapper>
-    This story is not configured to handle controls.&nbsp;
-    <Link
-      href="https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#writing-stories"
-      target="_blank"
-      cancel={false}
-    >
-      Learn how to add controls »
-    </Link>
-  </NoControlsWrapper>
-);
-
 export const ControlsPanel: FC = () => {
-  const [args, updateArgs] = useArgs();
+  const [args, updateArgs, resetArgs] = useArgs();
   const rows = useArgTypes();
+  const isArgsStory = useParameter<boolean>('__isArgsStory', false);
   const { expanded, hideNoControlsWarning = false } = useParameter<ControlsParameters>(
     PARAM_KEY,
     {}
   );
-  const hasControls = Object.values(rows).filter((argType) => argType?.control?.type).length > 0;
+  const hasControls = Object.values(rows).filter((argType) => !!argType?.control).length > 0;
   return (
     <>
-      {hasControls || hideNoControlsWarning ? null : <NoControlsWarning />}
-      <ArgsTable {...{ compact: !expanded && hasControls, rows, args, updateArgs }} />
+      {(hasControls && isArgsStory) || hideNoControlsWarning ? null : <NoControlsWarning />}
+      <ArgsTable
+        {...{
+          compact: !expanded && hasControls,
+          rows,
+          args,
+          updateArgs,
+          resetArgs,
+          inAddonPanel: true,
+        }}
+      />
     </>
   );
 };
diff --git a/addons/controls/src/components/NoControlsWarning.tsx b/addons/controls/src/components/NoControlsWarning.tsx
new file mode 100644
index 00000000000..5e4038f1a02
--- /dev/null
+++ b/addons/controls/src/components/NoControlsWarning.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { styled } from '@storybook/theming';
+import { Link } from '@storybook/components';
+
+const NoControlsWrapper = styled.div(({ theme }) => ({
+  background: theme.background.warning,
+  padding: '10px 15px',
+  lineHeight: '20px',
+  boxShadow: `${theme.appBorderColor} 0 -1px 0 0 inset`,
+}));
+
+export const NoControlsWarning = () => (
+  <NoControlsWrapper>
+    This story is not configured to handle controls.&nbsp;
+    <Link
+      href="https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#writing-stories"
+      target="_blank"
+      cancel={false}
+    >
+      Learn how to add controls »
+    </Link>
+  </NoControlsWrapper>
+);
diff --git a/addons/controls/src/preset/ensureDocsBeforeControls.test.ts b/addons/controls/src/preset/ensureDocsBeforeControls.test.ts
new file mode 100644
index 00000000000..4c7f9ada8a7
--- /dev/null
+++ b/addons/controls/src/preset/ensureDocsBeforeControls.test.ts
@@ -0,0 +1,26 @@
+import { verifyDocsBeforeControls } from './ensureDocsBeforeControls';
+
+describe.each([
+  [[]],
+  [['@storybook/addon-controls']],
+  [['@storybook/addon-docs']],
+  [['@storybook/addon-controls', '@storybook/addon-docs']],
+  [['@storybook/addon-essentials', '@storybook/addon-docs']],
+  [['@storybook/addon-controls', '@storybook/addon-essentials']],
+  [['@storybook/addon-essentials', '@storybook/addon-controls', '@storybook/addon-docs']],
+])('verifyDocsBeforeControls', (input) => {
+  it(`invalid ${input}`, () => {
+    expect(verifyDocsBeforeControls(input)).toBeFalsy();
+  });
+});
+
+describe.each([
+  [['@storybook/addon-docs', '@storybook/addon-controls']],
+  [[{ name: '@storybook/addon-docs' }, '@storybook/addon-controls']],
+  [['@storybook/addon-essentials', '@storybook/addon-controls']],
+  [['@storybook/addon-essentials']],
+])('verifyDocsBeforeControls', (input) => {
+  it(`valid ${input}`, () => {
+    expect(verifyDocsBeforeControls(input)).toBeTruthy();
+  });
+});
diff --git a/addons/controls/src/preset/ensureDocsBeforeControls.ts b/addons/controls/src/preset/ensureDocsBeforeControls.ts
new file mode 100644
index 00000000000..1b213ef5b98
--- /dev/null
+++ b/addons/controls/src/preset/ensureDocsBeforeControls.ts
@@ -0,0 +1,47 @@
+import path from 'path';
+import { logger } from '@storybook/node-logger';
+import dedent from 'ts-dedent';
+
+type OptionsEntry = { name: string };
+type Entry = string | OptionsEntry;
+
+const findIndex = (addon: string, addons: Entry[]) =>
+  addons.findIndex((entry) => {
+    const name = (entry as OptionsEntry).name || (entry as string);
+    return name && name.startsWith(addon);
+  });
+
+const indexOfAddonOrEssentials = (addon: string, addons: Entry[]) => {
+  const index = findIndex(addon, addons);
+  return index >= 0 ? index : findIndex('@storybook/addon-essentials', addons);
+};
+
+export const verifyDocsBeforeControls = (addons: Entry[]) => {
+  const docsIndex = indexOfAddonOrEssentials('@storybook/addon-docs', addons);
+  const controlsIndex = indexOfAddonOrEssentials('@storybook/addon-controls', addons);
+  return controlsIndex >= 0 && docsIndex >= 0 && docsIndex <= controlsIndex;
+};
+
+export const ensureDocsBeforeControls = (configDir: string) => {
+  const mainFile = path.isAbsolute(configDir)
+    ? path.join(configDir, 'main')
+    : path.join(process.cwd(), configDir, 'main');
+
+  try {
+    // eslint-disable-next-line global-require,import/no-dynamic-require
+    const main = require(mainFile);
+    if (!main?.addons) {
+      logger.warn(`Unable to find main.js addons: ${mainFile}`);
+      return;
+    }
+    if (!verifyDocsBeforeControls(main.addons)) {
+      logger.warn(dedent`
+        Expected '@storybook/addon-docs' (or essentials) to be listed before '@storybook/addon-controls'. Check your main.js?
+        
+        https://github.com/storybookjs/storybook/issues/11442
+      `);
+    }
+  } catch (err) {
+    logger.warn(`Unable to find main.js: ${mainFile}`);
+  }
+};
diff --git a/addons/controls/src/preset/index.ts b/addons/controls/src/preset/index.ts
index 0e20177db06..dd3ab9ae50c 100644
--- a/addons/controls/src/preset/index.ts
+++ b/addons/controls/src/preset/index.ts
@@ -1,3 +1,6 @@
-export function managerEntries(entry: any[] = []) {
+import { ensureDocsBeforeControls } from './ensureDocsBeforeControls';
+
+export function managerEntries(entry: any[] = [], options: any) {
+  ensureDocsBeforeControls(options.configDir);
   return [...entry, require.resolve('../register')];
 }
diff --git a/addons/controls/src/title.ts b/addons/controls/src/title.ts
index da37c3c719f..ab57139a69e 100644
--- a/addons/controls/src/title.ts
+++ b/addons/controls/src/title.ts
@@ -2,12 +2,7 @@ import { useArgTypes } from '@storybook/api';
 
 export function getTitle(): string {
   const rows = useArgTypes();
-
-  const controlsCount = Object.values(rows).filter((argType) => argType?.control?.type).length;
-
-  if (controlsCount === 0) {
-    return 'Controls';
-  }
-
-  return `Controls (${controlsCount})`;
+  const controlsCount = Object.values(rows).filter((argType) => argType?.control).length;
+  const suffix = controlsCount === 0 ? '' : ` (${controlsCount})`;
+  return `Controls${suffix}`;
 }
diff --git a/addons/controls/tsconfig.json b/addons/controls/tsconfig.json
index eac4a67bed7..793e61d30a1 100644
--- a/addons/controls/tsconfig.json
+++ b/addons/controls/tsconfig.json
@@ -2,7 +2,7 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "types": ["webpack-env", "jest"]
+    "types": ["webpack-env", "jest", "node"]
   },
   "include": ["src/**/*"],
   "exclude": ["src/**.test.ts"]
diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json
index c4c89430eae..d109698db2a 100644
--- a/addons/cssresources/package.json
+++ b/addons/cssresources/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-cssresources",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "A storybook addon to switch between css resources at runtime for your story",
   "keywords": [
     "addon",
@@ -26,40 +26,36 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.15.2",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
-    "react-dom": "^16.12.0"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "enzyme-adapter-react-16": "^1.15.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/design-assets/package.json b/addons/design-assets/package.json
index 63b31256f17..f4134df1bdd 100644
--- a/addons/design-assets/package.json
+++ b/addons/design-assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-design-assets",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Design asset preview for storybook",
   "keywords": [
     "addon",
@@ -28,36 +28,34 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1",
     "use-image": "^1.0.3"
   },
-  "peerDependencies": {
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/docs/README.md b/addons/docs/README.md
index 3590efc6a47..025b85720be 100644
--- a/addons/docs/README.md
+++ b/addons/docs/README.md
@@ -46,7 +46,7 @@ For more information on how it works, see the [`DocsPage` reference](./docs/docs
 Here's an example file:
 
 ```md
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
 import { Checkbox } from './Checkbox';
 
 <Meta title="MDX/Checkbox" component={Checkbox} />
@@ -56,7 +56,7 @@ import { Checkbox } from './Checkbox';
 With `MDX` we can define a story for `Checkbox` right in the middle of our
 markdown documentation.
 
-<Preview>
+<Canvas>
   <Story name="all checkboxes">
     <form>
       <Checkbox id="Unchecked" label="Unchecked" />
@@ -64,7 +64,7 @@ markdown documentation.
       <Checkbox appearance="secondary" id="second" label="Secondary" checked />
     </form>
   </Story>
-</Preview>
+</Canvas>
 ```
 
 And here's how that's rendered in Storybook:
@@ -89,7 +89,7 @@ Storybook Docs supports all view layers that Storybook supports except for React
 | Props table       |   +   |  +  |    +    |   +   |       +        |      |        |        |      |         |       |
 | Props controls    |   +   |  +  |         |       |                |      |        |        |      |         |       |
 | Description       |   +   |  +  |    +    |   +   |       +        |      |        |        |      |         |       |
-| Inline stories    |   +   |  +  |         |       |       +        |      |        |        |      |         |       |
+| Inline stories    |   +   |  +  |         |       |       +        |  +   |        |        |      |         |       |
 
 **Note:** `#` = WIP support
 
@@ -226,7 +226,7 @@ addParameters({
 
 ## TypeScript configuration
 
-As of SB6 [TypeScript is zero-config](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/configurations/typescript-config/index.md) and should work with SB Docs out of the box. For advanced configuration options, refer to the [Props documentation](./docs/props-tables.md).
+As of SB6 [TypeScript is zero-config](https://storybook.js.org/docs/react/configure/typescript) and should work with SB Docs out of the box. For advanced configuration options, refer to the [Props documentation](./docs/props-tables.md).
 
 ## More resources
 
diff --git a/addons/docs/angular/README.md b/addons/docs/angular/README.md
index be72f4e28a3..cce09d89232 100644
--- a/addons/docs/angular/README.md
+++ b/addons/docs/angular/README.md
@@ -113,7 +113,7 @@ module.exports = {
 Finally, you can create MDX files like this:
 
 ```md
-import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
 import { AppComponent } from './app.component';
 
 <Meta title='App Component' component={AppComponent} />
@@ -127,9 +127,9 @@ Some **markdown** description, or whatever you want.
   props: {},
 }}</Story>
 
-## Props
+## ArgsTable
 
-<Props of={AppComponent} />
+<ArgsTable of={AppComponent} />
 ```
 
 Yes, it's redundant to declare `component` twice. [Coming soon](https://github.com/storybookjs/storybook/issues/8673).
@@ -139,7 +139,7 @@ Also, to use the `Props` doc block, you need to set up Compodoc, [as described a
 When you are using `template`, `moduleMetadata` and/or `addDecorators` with `storiesOf` then you can easily translate your story to MDX, too:
 
 ```md
-import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
 import { CheckboxComponent, RadioButtonComponent } from './my-components';
 import { moduleMetadata } from '@storybook/angular';
 
diff --git a/addons/docs/blocks.d.ts b/addons/docs/blocks.d.ts
index dba9140572f..87fdf80245e 100644
--- a/addons/docs/blocks.d.ts
+++ b/addons/docs/blocks.d.ts
@@ -1,21 +1,2 @@
 export { ColorPalette, ColorItem, IconGallery, IconItem, Typeset } from '@storybook/components';
-export * from './dist/blocks/Anchor';
-export * from './dist/blocks/Description';
-export * from './dist/blocks/DocsContext';
-export * from './dist/blocks/DocsPage';
-export * from './dist/blocks/DocsContainer';
-export * from './dist/blocks/DocsStory';
-export * from './dist/blocks/Heading';
-export * from './dist/blocks/Meta';
-export * from './dist/blocks/Preview';
-export * from './dist/blocks/Primary';
-export * from './dist/blocks/Props';
-export * from './dist/blocks/Source';
-export * from './dist/blocks/Stories';
-export * from './dist/blocks/Story';
-export * from './dist/blocks/Subheading';
-export * from './dist/blocks/Subtitle';
-export * from './dist/blocks/Title';
-export * from './dist/blocks/Wrapper';
-export * from './dist/blocks/types';
-export * from './dist/blocks/mdx';
+export * from './dist/blocks/index.d';
diff --git a/addons/docs/common/README.md b/addons/docs/common/README.md
index 8e702811702..de1e9b5180e 100644
--- a/addons/docs/common/README.md
+++ b/addons/docs/common/README.md
@@ -51,7 +51,7 @@ module.exports = {
 Finally, you can create MDX files like this:
 
 ```md
-import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
 
 <Meta title='App Component' />
 
@@ -85,7 +85,7 @@ basic.parameters = {
 }
 ```
 
-And for `MDX` you can modify it as an attribute on the `Story` element:
+And for `MDX` you can modify it, especially if you work with some components using fixed or sticky positions, as an attribute on the `Story` element:
 
 ```md
 <Story name='basic' height='400px'>{...}</Story>
diff --git a/addons/docs/docs/docspage.md b/addons/docs/docs/docspage.md
index 5dd1aa34068..a2eca972f0a 100644
--- a/addons/docs/docs/docspage.md
+++ b/addons/docs/docs/docspage.md
@@ -17,7 +17,7 @@ When you install [Storybook Docs](../README.md), `DocsPage` is the zero-config d
 
 ## Motivation
 
-`DocsPage` is the successor to [`addon-info`](https://github.com/storybookjs/storybook/tree/next/addons/info), which was one of the most popular Storybook addons despite many limitations.
+`DocsPage` is the successor to [`addon-info`](https://github.com/storybookjs/deprecated-addons/tree/master/addons/info), which was one of the most popular Storybook addons despite many limitations.
 
 Like `addon-info`, `DocsPage` provides sensible defaults, meaning it adds documentation to your existing Storybook without requiring any additional work on your part.
 
@@ -34,7 +34,7 @@ However, `DocsPage` brings the following improvements:
 
 Storybook uses `component` to extract the component's description and props, and will rely on it further in future releases. We encourage you to add it to existing stories and use it in all new stories.
 
-Here's how to set the component in [Component Story Format (CSF)](https://storybook.js.org/docs/formats/component-story-format/):
+Here's how to set the component in [Component Story Format (CSF)](https://storybook.js.org/docs/react/api/csf):
 
 ```js
 import { Badge } from './Badge';
@@ -126,7 +126,7 @@ import {
   Subtitle,
   Description,
   Primary,
-  Props,
+  ArgsTable,
   Stories,
 } from '@storybook/addon-docs/blocks';
 import { DocgenButton } from '../../components/DocgenButton';
@@ -142,7 +142,7 @@ export default {
           <Subtitle />
           <Description />
           <Primary />
-          <Props />
+          <ArgsTable />
           <Stories />
         </>
       ),
@@ -173,9 +173,9 @@ import { addParameters } from '@storybook/vue';
 
 addParameters({
   docs: {
-    prepareForInline: (storyFn) => {
+    prepareForInline: (storyFn, { args }) => {
       const Story = toReact(storyFn());
-      return <Story />;
+      return <Story {...args} />;
     },
   },
 });
diff --git a/addons/docs/docs/mdx.md b/addons/docs/docs/mdx.md
index dc19051f3b3..91813d6dd53 100644
--- a/addons/docs/docs/mdx.md
+++ b/addons/docs/docs/mdx.md
@@ -20,7 +20,7 @@
 Let's get started with an example that combines markdown with a single story:
 
 ```md
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
 import { Checkbox } from './Checkbox';
 
 <Meta title="MDX/Checkbox" component={Checkbox} />
@@ -30,7 +30,7 @@ import { Checkbox } from './Checkbox';
 With `MDX` we can define a story for `Checkbox` right in the middle of our
 markdown documentation.
 
-<Preview>
+<Canvas>
   <Story name="all checkboxes">
     <form>
       <Checkbox id="Unchecked" label="Unchecked" />
@@ -38,7 +38,7 @@ markdown documentation.
       <Checkbox appearance="secondary" id="second" label="Secondary" checked />
     </form>
   </Story>
-</Preview>
+</Canvas>
 ```
 
 And here's how that's rendered in Storybook:
@@ -79,7 +79,7 @@ There's a one-to-one mapping from the code in `MDX` to `CSF`, which in turn dire
 Now let's look at a more realistic example to see a few more things we can do:
 
 ```md
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
 
 import { Badge } from './Badge';
 import { Icon } from './Icon';
@@ -94,19 +94,19 @@ Let's define a story for our `Badge` component:
   <Badge status="positive">Positive</Badge>
 </Story>
 
-We can drop it in a `Preview` to get a code snippet:
+We can drop it in a `Canvas` to get a code snippet:
 
-<Preview>
+<Canvas>
   <Story name="negative">
     <Badge status="negative">Negative</Badge>
   </Story>
-</Preview>
+</Canvas>
 
 We can even preview multiple stories in a block. This
 gets rendered as a group, but defines individual stories
 with unique URLs and isolated snapshot tests.
 
-<Preview>
+<Canvas>
   <Story name="warning">
     <Badge status="warning">Warning</Badge>
   </Story>
@@ -122,7 +122,7 @@ with unique URLs and isolated snapshot tests.
       with icon
     </Badge>
   </Story>
-</Preview>
+</Canvas>
 ```
 
 And here's how that gets rendered in Storybook:
@@ -149,7 +149,7 @@ You can also use the rest of the MDX features in conjunction with embedding. Tha
 
 ## Decorators and parameters
 
-To add [decorators](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/basics/writing-stories/index.md#decorators) and [parameters](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/basics/writing-stories/index.md#parameters) in MDX:
+To add [decorators](https://storybook.js.org/docs/react/writing-stories/decorators) and [parameters](https://storybook.js.org/docs/react/writing-stories/parameters) in MDX:
 
 ```md
 <Meta
diff --git a/addons/docs/docs/multiframework.md b/addons/docs/docs/multiframework.md
index 75c56e2a711..bb628db839c 100644
--- a/addons/docs/docs/multiframework.md
+++ b/addons/docs/docs/multiframework.md
@@ -3,7 +3,7 @@
 Storybook Docs [provides basic support for all non-RN Storybook view layers](../README.md#framework-support) out of the box. However, some frameworks have been docs-optimized, adding features like automatic props table generation and inline story rendering. This document is a dev guide for how to optimize a new framework in docs.
 
 - [Framework-specific configuration](#framework-specific-configuration)
-- [Props tables](#props-tables)
+- [Arg tables](#arg-tables)
 - [Component descriptions](#component-descriptions)
 - [Inline story rendering](#inline-story-rendering)
 - [More resources](#more-resources)
@@ -16,7 +16,7 @@ Addon-docs handles this kind of customization by file naming convention. Its [co
 
 For example, consider Storybook Docs for Vue, which needs `vue-docgen-loader` in its webpack config, and also has custom extraction functions for [props tables](#props-tables) and [component descriptions](#component-descriptions).
 
-For webpack configuration, Docs for Vue defines [preset.ts](https://github.com/storybookjs/storybook/blob/next/addons/docs/src/frameworks/vue/preset.ts), which follows the [preset](https://storybook.js.org/docs/presets/introduction) file structure:
+For webpack configuration, Docs for Vue defines [preset.ts](https://github.com/storybookjs/storybook/blob/next/addons/docs/src/frameworks/vue/preset.ts), which follows the [preset](https://storybook.js.org/docs/vue/api/presets) file structure:
 
 ```
 export function webpack(webpackConfig: any = {}, options: any = {}) {
@@ -33,48 +33,53 @@ This appends `vue-docgen-loader` to the existing configuration, which at this po
 
 For props tables and descriptions, both of which are described in more detail below, it defines a file [config.tsx](https://github.com/storybookjs/storybook/blob/next/addons/docs/src/frameworks/vue/config.tsx).
 
-## Props tables
+## Arg tables
 
-Props tables are enabled by the framework-specific `docs.extractProps` parameter, which extracts a component's props into a common data structure.
+Each framework can auto-generate ArgTables by exporting one or more `ArgType` enhancers, which extracts a component's properties into a common data structure.
 
 Here's how it's done in Vue's framework-specific `preview.js`:
 
 ```js
-import { extractProps } from './extractProps';
+import { enhanceArgTypes } from './enhanceArgTypes';
 
-addParameters({
-  docs: {
-    // `container`, `page`, etc. here
-    extractProps,
-  },
-});
+export const argTypesEnhancers = [enhanceArgTypes];
 ```
 
-The `extractProps`function receives a component as an argument, and returns an object of type [`PropsTableProps`](https://github.com/storybookjs/storybook/blob/next/lib/components/src/blocks/PropsTable/PropsTable.tsx#L147), which can either be an array of `PropDef` rows (React), or a mapping of section name to an array of `PropDef` rows (e.g. `Props`/`Events`/`Slots` in Vue).
+The `enhanceArgTypes`function takes a `StoryContext` (including the story id, parameters, args, argTypes, etc.), and returns an updated [`ArgTypes` object](https://github.com/storybookjs/storybook/blob/master/lib/addons/src/types.ts#L38-L47):
 
 ```ts
-export interface PropDef {
-  name: string;
-  type: any;
-  required: boolean;
+export interface ArgType {
+  name?: string;
   description?: string;
   defaultValue?: any;
+  [key: string]: any;
+}
+
+export interface ArgTypes {
+  [key: string]: ArgType;
 }
 ```
 
-So far, in React and Vue, the implementation of this extraction is as follows:
+For more information on what this generation looks like, see the [controls generation docs](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#my-controls-arent-being-auto-generated-what-should-i-do).
+
+For React and Vue, the extraction works as follows:
 
 - A webpack loader is added to the user's config via the preset
 - The loader annotates the component with a field, `__docgenInfo`, which contains some metadata
-- The view-layer specific `extractProps` function translates that metadata into `PropsTableProps`
+- The view-layer specific `enhanceArgTypes` function translates that metadata into `ArgTypes`
 
-However, for your framework you may want to implement this in some other way. There is also an effort to load data from static JSON files for performance [#7942](https://github.com/storybookjs/storybook/issues/7942).
+For Angular, Web components, and Ember, the extraction works as follows:
+
+- Read JSON file in the user's `.storyboook/preview.json` and story it into a global variable
+- The view-layer specific `enhanceArgTypes` function translates that metadata into `ArgTypes`
+
+However, for your framework you may want to implement this in some other way.
 
 ## Component descriptions
 
 Component descriptions are enabled by the `docs.extractComponentDescription` parameter, which extract's a component description (usually from source code comments) into a markdown string.
 
-It follows the pattern of [Props tables](#props-tables) above, only it's even simpler because the function output is simply a string (or null if there no description).
+It follows the pattern of [Arg tables](#arg-tables) above, only it's even simpler because the function output is simply a string (or null if there no description).
 
 ## Inline story rendering
 
@@ -88,15 +93,15 @@ import toReact from '@egoist/vue-to-react';
 addParameters({
   docs: {
     // `container`, `page`, etc. here
-    prepareForInline: (storyFn) => {
+    prepareForInline: (storyFn, { args }) => {
       const Story = toReact(storyFn());
-      return <Story />;
+      return <Story {...args} />;
     },
   },
 });
 ```
 
-The input is the story function, and the output is a React element, because we render docs pages in react. In the case of Vue, all of the work is done by the `@egoist/vue-to-react` library. If there's no analogous library for your framework, you may need to figure it out yourself!
+The input is the story function and the story context (id, parameters, args, etc.), and the output is a React element, because we render docs pages in react. In the case of Vue, all of the work is done by the `@egoist/vue-to-react` library. If there's no analogous library for your framework, you may need to figure it out yourself!
 
 ## More resources
 
diff --git a/addons/docs/docs/props-tables.md b/addons/docs/docs/props-tables.md
index 33c2579ab55..ded29254bfc 100644
--- a/addons/docs/docs/props-tables.md
+++ b/addons/docs/docs/props-tables.md
@@ -38,21 +38,21 @@ export default {
 
 ### MDX
 
-To use the props table in [MDX](./mdx.md), use the `Props` block:
+To use the props table in [MDX](./mdx.md), use the `ArgsTable` block:
 
 ```js
 // MyComponent.stories.mdx
-import { Props } from '@storybook/addon-docs/blocks';
+import { ArgsTable } from '@storybook/addon-docs/blocks';
 import { MyComponent } from './MyComponent';
 
 # My Component!
 
-<Props of={MyComponent} />
+<ArgsTable of={MyComponent} />
 ```
 
 ## Controls
 
-Starting in SB 6.0, the `Props` block has built-in `Controls` (formerly known as "knobs") for editing stories dynamically.
+Starting in SB 6.0, the `ArgsTable` block has built-in `Controls` (formerly known as "knobs") for editing stories dynamically.
 
 <center>
   <img src="./media/args-controls.gif" width="80%" />
@@ -60,7 +60,7 @@ Starting in SB 6.0, the `Props` block has built-in `Controls` (formerly known as
 
 <br/>
 
-These controls are implemented appear automatically in the props table when your story accepts [Storybook Args](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/formats/component-story-format/index.md#args-story-inputs) as its input. This is done slightly differently depending on whether you're using `DocsPage` or `MDX`.
+These controls are implemented appear automatically in the props table when your story accepts [Storybook Args](https://storybook.js.org/docs/react/api/csf#args-story-inputs) as its input. This is done slightly differently depending on whether you're using `DocsPage` or `MDX`.
 
 **DocsPage.** In [DocsPage](./docspage.md), simply write your story to consume args and the auto-generated props table will display controls in the right-most column:
 
@@ -73,14 +73,14 @@ export default {
 export const WithControls = (args) => <MyComponent {...args} />;
 ```
 
-**MDX.** In [MDX](./mdx.md), the `Props` controls are more configurable than in DocsPage. In order to show controls, `Props` must be a function of a story, not a component:
+**MDX.** In [MDX](./mdx.md), the `ArgsTable` controls are more configurable than in DocsPage. In order to show controls, `ArgsTable` must be a function of a story, not a component:
 
 ```js
 <Story name="WithControls">
   {args => <MyComponent {...args} />}
 </Story>
 
-<Props story="Controls" />
+<ArgsTable story="Controls" />
 ```
 
 For a very detailed walkthrough of how to write stories that use controls, see the [addon-controls README](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#writing-stories).
@@ -91,13 +91,13 @@ Props tables are automatically inferred from your components and stories, but so
 
 Props tables are rendered from an internal data structure called `ArgTypes`. When you declare a story's `component` metadata, Docs automatically extracts `ArgTypes` based on the component's properties.
 
-You can can customize what's shown in the props table by [customizing the `ArgTypes` data](#customizing-argtypes). This is currently available for `DocsPage` and `<Props story="xxx">` construct, but not for the `<Props of={component} />` construct,
+You can can customize what's shown in the props table by [customizing the `ArgTypes` data](#customizing-argtypes). This is currently available for `DocsPage` and `<ArgsTable story="xxx">` construct, but not for the `<ArgsTable of={component} />` construct,
 
 ### Customizing ArgTypes
 
 > **NOTE:** This API is experimental and may change outside of the typical semver release cycle
 
-When you declare a `component` in for your `DocsPage` [as described above](#docspage) or use the `<Props story="xxx" />` construct [in MDX](#controls), the props table shows the `story.argTypes` that gets extracted by Storybook.
+When you declare a `component` in for your `DocsPage` [as described above](#docspage) or use the `<ArgsTable story="xxx" />` construct [in MDX](#controls), the props table shows the `story.argTypes` that gets extracted by Storybook.
 
 Consider the following input:
 
@@ -150,13 +150,13 @@ export default {
     label: {
       description: 'overwritten description',
       table: {
-        type: { summary: 'something short' detail: 'something really really long' },
+        type: { summary: 'something short', detail: 'something really really long' },
       },
       control: {
-        type: null
-      }
-    }
-  }
+        type: null,
+      },
+    },
+  },
 };
 ```
 
@@ -170,7 +170,7 @@ const argTypes = {
     defaultValue: 'Hello',
     description: 'overwritten description',
     table: {
-      type: { summary: 'something short' detail: 'something really really long' },
+      type: { summary: 'something short', detail: 'something really really long' },
       defaultValue: { summary: 'Hello' },
     }
     control: {
@@ -182,6 +182,11 @@ const argTypes = {
 
 This would render a row with a modified description, a type display with a dropdown that shows the detail, and no control.
 
+> **NOTE:** `@storybook/addon-docs` provide shorthand for common tasks:
+>
+> - `type: 'number'` is shorthand for `type: { name: 'number' }`
+> - `control: 'radio'` is shorthand for `control: { type: 'radio' }`
+
 Controls customization has an entire section in the [`addon-controls` README](https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#configuration).
 
 Here are the possible customizations for the rest of the prop table:
diff --git a/addons/docs/docs/recipes.md b/addons/docs/docs/recipes.md
index 5ee6a4ee1c5..7fd560e9511 100644
--- a/addons/docs/docs/recipes.md
+++ b/addons/docs/docs/recipes.md
@@ -14,6 +14,7 @@
   - [DocsPage](#docspage)
   - [MDX Stories](#mdx-stories)
 - [Controlling a story's view mode](#controlling-a-storys-view-mode)
+- [Reordering Docs tab first](#reordering-docs-tab-first)
 - [Customizing source snippets](#customizing-source-snippets)
 - [Overwriting docs container](#overwriting-docs-container)
 - [More resources](#more-resources)
@@ -44,11 +45,12 @@ Perhaps you want to write your stories in CSF, but document them in MDX? Here's
 import React from 'react';
 import { Button } from './Button';
 
-export default {
-  title: 'Demo/Button',
-  component: Button,
-  includeStories: [], // or don't load this file at all
-};
+// NOTE: no default export since `Button.stories.mdx` is the story file for `Button` now
+//
+// export default {
+//   title: 'Demo/Button',
+//   component: Button,
+// };
 
 export const basic = () => <Button>Basic</Button>;
 basic.parameters = {
@@ -60,7 +62,7 @@ basic.parameters = {
 
 ```md
 import { Meta, Story } from '@storybook/addon-docs/blocks';
-import \* as stories from './Button.stories.js';
+import * as stories from './Button.stories.js';
 import { SomeComponent } from 'path/to/SomeComponent';
 
 <Meta title="Demo/Button" component={Button} />
@@ -69,7 +71,7 @@ import { SomeComponent } from 'path/to/SomeComponent';
 
 I can define a story with the function imported from CSF:
 
-<Story name="basic">{stories.basic()}</Story>
+<Story story={stories.basic} />
 
 And I can also embed arbitrary markdown & JSX in this file.
 
@@ -79,7 +81,8 @@ And I can also embed arbitrary markdown & JSX in this file.
 What's happening here:
 
 - Your stories are defined in CSF, but because of `includeStories: []`, they are not actually added to Storybook.
-- The MDX file is simply importing stories as functions in the MDX, and other aspects of the CSF file, such as decorators, parameters, and any other metadata should be applied as needed in the MDX from the import.
+- The named story exports are annotated with story-level decorators, parameters, args, and the `<Story story={}>` construct respects this.
+- All component-level decorators, parameters, etc. from `Button.stories` default export must be manually copied over into `<Meta>` if desired.
 
 ## CSF Stories with arbitrary MDX
 
@@ -226,13 +229,26 @@ Foo.parameters = {
 };
 ```
 
-This can also be applied globally in `preview.js`:
+This can also be applied globally in `.storybook/preview.js`:
 
 ```js
 // always reset the view mode to "docs" whenever the user navigates
-addParameters({
+export const parameters = {
   viewMode: 'docs',
-});
+};
+```
+
+## Reordering Docs tab first
+
+You can configure Storybook's preview tabs with the `previewTabs` story parameter.
+
+Here's how to show the `Docs` tab first for a story (or globally in `.storybook/preview.js`):
+
+```js
+export const Foo = () => <Component />;
+Foo.parameters = {
+  previewTabs: { 'storybook/docs/panel': { index: -1 } },
+};
 ```
 
 ## Customizing source snippets
@@ -254,7 +270,7 @@ Alternatively, you can provide a function in the `docs.transformSource` paramete
 const SOURCE_REGEX = /^\(\) => `(.*)`$/;
 export const parameters = {
   docs: {
-    transformSource: (src, storyId) => {
+    transformSource: (src, storyContext) => {
       const match = SOURCE_REGEX.exec(src);
       return match ? match[1] : src;
     },
@@ -268,7 +284,7 @@ These two methods are complementary. The former is useful for story-specific, an
 
 What happens if you want to add some wrapper for your MDX page, or add some other kind of React context?
 
-When you're writing stories you can do this by adding a [decorator](https://storybook.js.org/docs/basics/writing-stories/#decorators), but when you're adding arbitrary JSX to your MDX documentation outside of a `<Story>` block, decorators no longer apply, and you need to use the `docs.container` parameter.
+When you're writing stories you can do this by adding a [decorator](https://storybook.js.org/docs/react/writing-stories/decorators), but when you're adding arbitrary JSX to your MDX documentation outside of a `<Story>` block, decorators no longer apply, and you need to use the `docs.container` parameter.
 
 The closest Docs equivalent of a decorator is the `container`, a wrapper element that is rendered around the page that is being rendered. Here's an example of adding a solid red border around the page. It uses Storybook's default page container (that sets up various contexts and other magic) and then inserts its own logic between that container and the contents of the page:
 
diff --git a/addons/docs/docs/theming.md b/addons/docs/docs/theming.md
index c691726d8e2..58424e64728 100644
--- a/addons/docs/docs/theming.md
+++ b/addons/docs/docs/theming.md
@@ -9,7 +9,7 @@
 
 ## Storybook theming
 
-Storybook theming is the **recommended way** to theme your docs. Docs uses the same theme system as [Storybook UI](https://storybook.js.org/docs/configurations/theming/), but is themed independently from the main UI.
+Storybook theming is the **recommended way** to theme your docs. Docs uses the same theme system as [Storybook UI](https://storybook.js.org/docs/react/configure/theming), but is themed independently from the main UI.
 
 Supposing you have a Storybook theme defined for the main UI in `.storybook/manager.js`:
 
diff --git a/addons/docs/ember/README.md b/addons/docs/ember/README.md
index ad49342a228..b5fbcc5ffda 100644
--- a/addons/docs/ember/README.md
+++ b/addons/docs/ember/README.md
@@ -95,7 +95,7 @@ module.exports = {
 Finally, you can create MDX files like this:
 
 ```md
-import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
 import { hbs } from 'ember-cli-htmlbars';
 
 <Meta title='App Component' component='AppComponent' />
@@ -109,9 +109,9 @@ Some **markdown** description, or whatever you want.
 context: { title: "Title" },
 }}</Story>
 
-## Props
+## ArgsTable
 
-<Props of='AppComponent' />
+<ArgsTable of='AppComponent' />
 ```
 
 Yes, it's redundant to declare `component` twice. [Coming soon](https://github.com/storybookjs/storybook/issues/8673).
diff --git a/addons/docs/package.json b/addons/docs/package.json
index eb80367f61b..8bc86111b8c 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Superior documentation for your components",
   "keywords": [
     "addon",
@@ -32,61 +32,63 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "createDlls": "node -r esm ./scripts/createDlls.js",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/generator": "^7.9.6",
-    "@babel/parser": "^7.9.6",
-    "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@babel/preset-env": "^7.9.6",
-    "@egoist/vue-to-react": "^1.1.0",
+    "@babel/generator": "^7.11.5",
+    "@babel/parser": "^7.11.5",
+    "@babel/plugin-transform-react-jsx": "^7.10.4",
+    "@babel/preset-env": "^7.11.5",
     "@jest/transform": "^26.0.0",
     "@mdx-js/loader": "^1.5.1",
     "@mdx-js/mdx": "^1.5.1",
     "@mdx-js/react": "^1.5.1",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
     "@storybook/csf": "0.0.1",
-    "@storybook/node-logger": "6.0.0-beta.23",
-    "@storybook/postinstall": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/node-logger": "6.1.0-alpha.14",
+    "@storybook/postinstall": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "acorn": "^7.1.0",
     "acorn-jsx": "^5.1.0",
     "acorn-walk": "^7.0.0",
     "core-js": "^3.0.1",
     "doctrine": "^3.0.0",
     "escodegen": "^1.12.0",
+    "fast-deep-equal": "^3.1.1",
     "global": "^4.3.2",
     "html-tags": "^3.1.0",
     "js-string-escape": "^1.0.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.7.2",
-    "react-element-to-jsx-string": "^14.1.0",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
+    "react-element-to-jsx-string": "^14.3.1",
+    "react-is": "^16.12.0",
     "regenerator-runtime": "^0.13.3",
     "remark-external-links": "^6.0.0",
     "remark-slug": "^6.0.0",
     "ts-dedent": "^1.1.1",
-    "util-deprecate": "^1.0.2",
-    "vue-docgen-api": "^4.7.0",
-    "vue-docgen-loader": "^1.4.0"
+    "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
     "@angular/core": "^9.1.0",
-    "@babel/core": "^7.9.6",
+    "@babel/core": "^7.11.5",
     "@emotion/core": "^10.0.20",
     "@emotion/styled": "^10.0.17",
-    "@storybook/react": "6.0.0-beta.23",
-    "@storybook/web-components": "6.0.0-beta.23",
+    "@storybook/react": "6.1.0-alpha.14",
+    "@storybook/vue": "6.1.0-alpha.14",
+    "@storybook/web-components": "6.1.0-alpha.14",
     "@types/cross-spawn": "^6.0.1",
     "@types/doctrine": "^0.0.3",
     "@types/enzyme": "^3.10.3",
@@ -101,13 +103,10 @@
     "cross-spawn": "^7.0.1",
     "fs-extra": "^9.0.0",
     "jest": "^26.0.0",
-    "jest-specific-snapshot": "^3.0.0",
+    "jest-specific-snapshot": "^4.0.0",
     "lit-element": "^2.2.1",
     "lit-html": "^1.0.0",
-    "prettier": "^2.0.5",
-    "react": "^16.8.3",
-    "react-dom": "^16.8.3",
-    "react-is": "^16.12.0",
+    "prettier": "~2.0.5",
     "require-from-string": "^2.0.2",
     "rxjs": "^6.5.4",
     "styled-components": "^5.0.1",
@@ -119,15 +118,20 @@
     "zone.js": "^0.10.2"
   },
   "peerDependencies": {
-    "@babel/core": "^7.0.0-0",
+    "@babel/core": "^7.11.5",
+    "@storybook/vue": "6.1.0-alpha.14",
     "babel-loader": "^8.0.0",
-    "react": ">=16.3.0",
-    "react-dom": "*",
-    "react-is": "^16.8.0",
+    "sveltedoc-parser": "^3.0.4",
     "vue": "^2.6.10",
     "webpack": ">=4"
   },
   "peerDependenciesMeta": {
+    "@storybook/vue": {
+      "optional": true
+    },
+    "sveltedoc-parser": {
+      "optional": true
+    },
     "vue": {
       "optional": true
     },
@@ -138,11 +142,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/docs/react/README.md b/addons/docs/react/README.md
index ec15e32e39d..12f4f2aec76 100644
--- a/addons/docs/react/README.md
+++ b/addons/docs/react/README.md
@@ -84,7 +84,7 @@ module.exports = {
 Finally, you can create MDX files like this:
 
 ```md
-import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
 import { Button } from './Button';
 
 <Meta title='Button' component={Button} />
@@ -97,9 +97,9 @@ Some **markdown** description, or whatever you want.
   <Button>Label</Button>
 </Story>
 
-## Props
+## ArgsTable
 
-<Props of={Button} />
+<ArgsTable of={Button} />
 ```
 
 ## Inline stories
@@ -107,13 +107,11 @@ Some **markdown** description, or whatever you want.
 Storybook Docs renders all React stories inline on the page by default. If you want to render stories in an `iframe` so that they are better isolated. To do this, update `.storybook/preview.js`:
 
 ```js
-import { addParameters } from '@storybook/react';
-
-addParameters({
+export const parameters = {
   docs: {
     inlineStories: false,
   },
-});
+};
 ```
 
 ## TypeScript props with `react-docgen`
@@ -144,7 +142,7 @@ Neither option is perfect, so here's everything you should know if you're thinki
 
 | Docgen                  | Build time |
 | ----------------------- | ---------- |
-| react-docgen-typescript | 59s        |
+| react-docgen-typescript | 33s        |
 | react-docgen            | 29s        |
 | none                    | 28s        |
 
diff --git a/addons/docs/src/blocks/ArgsTable.tsx b/addons/docs/src/blocks/ArgsTable.tsx
new file mode 100644
index 00000000000..362a672b3aa
--- /dev/null
+++ b/addons/docs/src/blocks/ArgsTable.tsx
@@ -0,0 +1,254 @@
+/* eslint-disable no-underscore-dangle */
+import React, { FC, useContext, useEffect, useState, useCallback } from 'react';
+import mapValues from 'lodash/mapValues';
+import pickBy from 'lodash/pickBy';
+import {
+  ArgsTable as PureArgsTable,
+  ArgsTableProps as PureArgsTableProps,
+  ArgsTableError,
+  ArgTypes,
+  TabbedArgsTable,
+} from '@storybook/components';
+import { Args } from '@storybook/addons';
+import { StoryStore } from '@storybook/client-api';
+import Events from '@storybook/core-events';
+
+import { DocsContext, DocsContextProps } from './DocsContext';
+import { Component, CURRENT_SELECTION, PRIMARY_STORY } from './types';
+import { getComponentName, getDocsStories } from './utils';
+import { ArgTypesExtractor } from '../lib/docgen/types';
+import { lookupStoryId } from './Story';
+
+type PropDescriptor = string[] | RegExp;
+
+interface BaseProps {
+  include?: PropDescriptor;
+  exclude?: PropDescriptor;
+}
+
+type OfProps = BaseProps & {
+  of: '.' | '^' | Component;
+};
+
+type ComponentsProps = BaseProps & {
+  components: {
+    [label: string]: Component;
+  };
+};
+
+type StoryProps = BaseProps & {
+  story: '.' | '^' | string;
+  showComponent?: boolean;
+};
+
+type ArgsTableProps = BaseProps | OfProps | ComponentsProps | StoryProps;
+
+const useArgs = (
+  storyId: string,
+  storyStore: StoryStore
+): [Args, (args: Args) => void, (argNames?: string[]) => void] => {
+  const story = storyStore.fromId(storyId);
+  if (!story) {
+    throw new Error(`Unknown story: ${storyId}`);
+  }
+
+  const { args: initialArgs } = story;
+  const [args, setArgs] = useState(initialArgs);
+  useEffect(() => {
+    const cb = (changed: { storyId: string; args: Args }) => {
+      if (changed.storyId === storyId) {
+        setArgs(changed.args);
+      }
+    };
+    storyStore._channel.on(Events.STORY_ARGS_UPDATED, cb);
+    return () => storyStore._channel.off(Events.STORY_ARGS_UPDATED, cb);
+  }, [storyId]);
+  const updateArgs = useCallback((newArgs) => storyStore.updateStoryArgs(storyId, newArgs), [
+    storyId,
+  ]);
+  const resetArgs = useCallback(
+    (argNames?: string[]) => storyStore.resetStoryArgs(storyId, argNames),
+    [storyId]
+  );
+  return [args, updateArgs, resetArgs];
+};
+
+const matches = (name: string, descriptor: PropDescriptor) =>
+  Array.isArray(descriptor) ? descriptor.includes(name) : name.match(descriptor);
+
+const filterArgTypes = (argTypes: ArgTypes, include?: PropDescriptor, exclude?: PropDescriptor) => {
+  if (!include && !exclude) {
+    return argTypes;
+  }
+  return (
+    argTypes &&
+    pickBy(argTypes, (argType, key) => {
+      const name = argType.name || key;
+      return (!include || matches(name, include)) && (!exclude || !matches(name, exclude));
+    })
+  );
+};
+
+export const extractComponentArgTypes = (
+  component: Component,
+  { parameters }: DocsContextProps,
+  include?: PropDescriptor,
+  exclude?: PropDescriptor
+): ArgTypes => {
+  const params = parameters || {};
+  const { extractArgTypes }: { extractArgTypes: ArgTypesExtractor } = params.docs || {};
+  if (!extractArgTypes) {
+    throw new Error(ArgsTableError.ARGS_UNSUPPORTED);
+  }
+  let argTypes = extractArgTypes(component);
+  argTypes = filterArgTypes(argTypes, include, exclude);
+
+  return argTypes;
+};
+
+const isShortcut = (value?: string) => {
+  return value && [CURRENT_SELECTION, PRIMARY_STORY].includes(value);
+};
+
+export const getComponent = (props: ArgsTableProps = {}, context: DocsContextProps): Component => {
+  const { of } = props as OfProps;
+  const { story } = props as StoryProps;
+  const { parameters = {} } = context;
+  const { component } = parameters;
+  if (isShortcut(of) || isShortcut(story)) {
+    return component || null;
+  }
+  if (!of) {
+    throw new Error(ArgsTableError.NO_COMPONENT);
+  }
+  return of;
+};
+
+const addComponentTabs = (
+  tabs: Record<string, PureArgsTableProps>,
+  components: Record<string, Component>,
+  context: DocsContextProps,
+  include?: PropDescriptor,
+  exclude?: PropDescriptor
+) => ({
+  ...tabs,
+  ...mapValues(components, (comp) => ({
+    rows: extractComponentArgTypes(comp, context, include, exclude),
+  })),
+});
+
+export const StoryTable: FC<
+  StoryProps & { component: Component; subcomponents: Record<string, Component> }
+> = (props) => {
+  const context = useContext(DocsContext);
+  const {
+    id: currentId,
+    parameters: { argTypes },
+    storyStore,
+  } = context;
+  const { story, component, subcomponents, showComponent, include, exclude } = props;
+  let storyArgTypes;
+  try {
+    let storyId;
+    switch (story) {
+      case CURRENT_SELECTION: {
+        storyId = currentId;
+        storyArgTypes = argTypes;
+        break;
+      }
+      case PRIMARY_STORY: {
+        const primaryStory = getDocsStories(context)[0];
+        storyId = primaryStory.id;
+        storyArgTypes = primaryStory.parameters.argTypes;
+        break;
+      }
+      default: {
+        storyId = lookupStoryId(story, context);
+        const data = storyStore.fromId(storyId);
+        storyArgTypes = data.parameters.argTypes;
+      }
+    }
+    storyArgTypes = filterArgTypes(storyArgTypes, include, exclude);
+
+    // eslint-disable-next-line prefer-const
+    let [args, updateArgs, resetArgs] = useArgs(storyId, storyStore);
+    let tabs = { Story: { rows: storyArgTypes, args, updateArgs, resetArgs } } as Record<
+      string,
+      PureArgsTableProps
+    >;
+
+    // Use the dynamically generated component tabs if there are no controls
+    const storyHasArgsWithControls =
+      storyArgTypes && Object.values(storyArgTypes).find((v) => !!v?.control);
+
+    if (!storyHasArgsWithControls) {
+      updateArgs = null;
+      resetArgs = null;
+      tabs = {};
+    }
+
+    if (component && (!storyHasArgsWithControls || showComponent)) {
+      const mainLabel = getComponentName(component);
+      tabs = addComponentTabs(tabs, { [mainLabel]: component }, context, include, exclude);
+    }
+
+    if (subcomponents) {
+      if (Array.isArray(subcomponents)) {
+        throw new Error(
+          `Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.`
+        );
+      }
+      tabs = addComponentTabs(tabs, subcomponents, context, include, exclude);
+    }
+    return <TabbedArgsTable tabs={tabs} />;
+  } catch (err) {
+    return <PureArgsTable error={err.message} />;
+  }
+};
+
+export const ComponentsTable: FC<ComponentsProps> = (props) => {
+  const context = useContext(DocsContext);
+  const { components, include, exclude } = props;
+
+  const tabs = addComponentTabs({}, components, context, include, exclude);
+  return <TabbedArgsTable tabs={tabs} />;
+};
+
+export const ArgsTable: FC<ArgsTableProps> = (props) => {
+  const context = useContext(DocsContext);
+  const { parameters: { subcomponents } = {} } = context;
+
+  const { include, exclude, components } = props as ComponentsProps;
+  const { story } = props as StoryProps;
+
+  const main = getComponent(props, context);
+  if (story) {
+    return <StoryTable {...(props as StoryProps)} component={main} subcomponents={subcomponents} />;
+  }
+
+  if (!components && !subcomponents) {
+    let mainProps;
+    try {
+      mainProps = { rows: extractComponentArgTypes(main, context, include, exclude) };
+    } catch (err) {
+      mainProps = { error: err.message };
+    }
+    return <PureArgsTable {...mainProps} />;
+  }
+
+  if (components) {
+    return <ComponentsTable {...(props as ComponentsProps)} components={components} />;
+  }
+
+  const mainLabel = getComponentName(main);
+  return (
+    <ComponentsTable
+      {...(props as ComponentsProps)}
+      components={{ [mainLabel]: main, ...subcomponents }}
+    />
+  );
+};
+
+ArgsTable.defaultProps = {
+  of: CURRENT_SELECTION,
+};
diff --git a/addons/docs/src/blocks/Canvas.tsx b/addons/docs/src/blocks/Canvas.tsx
new file mode 100644
index 00000000000..9d1609ef6ef
--- /dev/null
+++ b/addons/docs/src/blocks/Canvas.tsx
@@ -0,0 +1,71 @@
+import React, { FC, ReactElement, ReactNode, ReactNodeArray, useContext } from 'react';
+import { MDXProvider } from '@mdx-js/react';
+import { toId, storyNameFromExport } from '@storybook/csf';
+import { resetComponents } from '@storybook/components/html';
+import { Preview as PurePreview, PreviewProps as PurePreviewProps } from '@storybook/components';
+import { DocsContext, DocsContextProps } from './DocsContext';
+import { SourceContext, SourceContextProps } from './SourceContainer';
+import { getSourceProps } from './Source';
+
+export enum SourceState {
+  OPEN = 'open',
+  CLOSED = 'closed',
+  NONE = 'none',
+}
+
+type CanvasProps = PurePreviewProps & {
+  withSource?: SourceState;
+  mdxSource?: string;
+};
+
+const getPreviewProps = (
+  {
+    withSource = SourceState.CLOSED,
+    mdxSource,
+    children,
+    ...props
+  }: CanvasProps & { children?: ReactNode },
+  docsContext: DocsContextProps,
+  sourceContext: SourceContextProps
+): PurePreviewProps => {
+  if (withSource === SourceState.NONE) {
+    return props;
+  }
+  if (mdxSource) {
+    return {
+      ...props,
+      withSource: getSourceProps({ code: decodeURI(mdxSource) }, docsContext, sourceContext),
+    };
+  }
+  const childArray: ReactNodeArray = Array.isArray(children) ? children : [children];
+  const stories = childArray.filter(
+    (c: ReactElement) => c.props && (c.props.id || c.props.name)
+  ) as ReactElement[];
+  const { mdxComponentMeta, mdxStoryNameToKey } = docsContext;
+  const targetIds = stories.map(
+    (s) =>
+      s.props.id ||
+      toId(
+        mdxComponentMeta.id || mdxComponentMeta.title,
+        storyNameFromExport(mdxStoryNameToKey[s.props.name])
+      )
+  );
+  const sourceProps = getSourceProps({ ids: targetIds }, docsContext, sourceContext);
+  return {
+    ...props, // pass through columns etc.
+    withSource: sourceProps,
+    isExpanded: withSource === SourceState.OPEN,
+  };
+};
+
+export const Canvas: FC<CanvasProps> = (props) => {
+  const docsContext = useContext(DocsContext);
+  const sourceContext = useContext(SourceContext);
+  const previewProps = getPreviewProps(props, docsContext, sourceContext);
+  const { children } = props;
+  return (
+    <MDXProvider components={resetComponents}>
+      <PurePreview {...previewProps}>{children}</PurePreview>
+    </MDXProvider>
+  );
+};
diff --git a/addons/docs/src/blocks/Description.tsx b/addons/docs/src/blocks/Description.tsx
index 520b6263236..f8bf8e711db 100644
--- a/addons/docs/src/blocks/Description.tsx
+++ b/addons/docs/src/blocks/Description.tsx
@@ -37,8 +37,15 @@ export const getDescriptionProps = (
     return { markdown: children || markdown };
   }
   const { component, notes, info, docs } = parameters;
-  const { extractComponentDescription = noDescription } = docs || {};
+  const { extractComponentDescription = noDescription, description } = docs || {};
   const target = of === CURRENT_SELECTION ? component : of;
+
+  // override component description
+  const componentDescriptionParameter = description?.component;
+  if (componentDescriptionParameter) {
+    return { markdown: componentDescriptionParameter };
+  }
+
   switch (type) {
     case DescriptionType.INFO:
       return { markdown: getInfo(info) };
diff --git a/addons/docs/src/blocks/DocsContainer.tsx b/addons/docs/src/blocks/DocsContainer.tsx
index 2a89ede5832..2329290c24e 100644
--- a/addons/docs/src/blocks/DocsContainer.tsx
+++ b/addons/docs/src/blocks/DocsContainer.tsx
@@ -9,6 +9,7 @@ import { components as htmlComponents } from '@storybook/components/html';
 import { DocsContextProps, DocsContext } from './DocsContext';
 import { anchorBlockIdFromId } from './Anchor';
 import { storyBlockIdFromId } from './Story';
+import { SourceContainer } from './SourceContainer';
 import { CodeOrSourceMdx, AnchorMdx, HeadersMdx } from './mdx';
 import { scrollToElement } from './utils';
 
@@ -23,18 +24,21 @@ const defaultComponents = {
   ...HeadersMdx,
 };
 
+const warnOptionsTheme = deprecate(
+  () => {},
+  dedent`
+    Deprecated parameter: options.theme => docs.theme
+    
+    https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming
+`
+);
+
 export const DocsContainer: FunctionComponent<DocsContainerProps> = ({ context, children }) => {
   const { id: storyId = null, parameters = {} } = context || {};
   const { options = {}, docs = {} } = parameters;
   let themeVars = docs.theme;
   if (!themeVars && options.theme) {
-    deprecate(
-      () => {},
-      dedent`
-        options.theme => Deprecated: use  story.parameters.docs.theme instead.
-        See https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming for details.
-    `
-    )();
+    warnOptionsTheme();
     themeVars = options.theme;
   }
   const theme = ensureTheme(themeVars);
@@ -61,13 +65,14 @@ export const DocsContainer: FunctionComponent<DocsContainerProps> = ({ context,
         document.getElementById(storyBlockIdFromId(storyId));
       if (element) {
         const allStories = element.parentElement.querySelectorAll('[id|="anchor-"]');
-        let block = 'start';
+        let scrollTarget = element;
         if (allStories && allStories[0] === element) {
-          block = 'end'; // first story should be shown with the intro content above
+          // Include content above first story
+          scrollTarget = document.getElementById('docs-root');
         }
         // Introducing a delay to ensure scrolling works when it's a full refresh.
         setTimeout(() => {
-          scrollToElement(element, block);
+          scrollToElement(scrollTarget, 'start');
         }, 200);
       }
     }
@@ -75,13 +80,15 @@ export const DocsContainer: FunctionComponent<DocsContainerProps> = ({ context,
 
   return (
     <DocsContext.Provider value={context}>
-      <ThemeProvider theme={theme}>
-        <MDXProvider components={allComponents}>
-          <DocsWrapper className="sbdocs sbdocs-wrapper">
-            <DocsContent className="sbdocs sbdocs-content">{children}</DocsContent>
-          </DocsWrapper>
-        </MDXProvider>
-      </ThemeProvider>
+      <SourceContainer>
+        <ThemeProvider theme={theme}>
+          <MDXProvider components={allComponents}>
+            <DocsWrapper className="sbdocs sbdocs-wrapper">
+              <DocsContent className="sbdocs sbdocs-content">{children}</DocsContent>
+            </DocsWrapper>
+          </MDXProvider>
+        </ThemeProvider>
+      </SourceContainer>
     </DocsContext.Provider>
   );
 };
diff --git a/addons/docs/src/blocks/DocsPage.test.ts b/addons/docs/src/blocks/DocsPage.test.ts
index 2562fb2b515..34a120d6e90 100644
--- a/addons/docs/src/blocks/DocsPage.test.ts
+++ b/addons/docs/src/blocks/DocsPage.test.ts
@@ -1,24 +1,10 @@
 import { extractTitle } from './Title';
 
 describe('defaultTitleSlot', () => {
-  it('showRoots', () => {
-    const parameters = {
-      options: { showRoots: true },
-    };
+  it('splits on last /', () => {
+    const parameters = {};
     expect(extractTitle({ kind: 'a/b/c', parameters })).toBe('c');
     expect(extractTitle({ kind: 'a|b', parameters })).toBe('a|b');
     expect(extractTitle({ kind: 'a/b/c.d', parameters })).toBe('c.d');
   });
-  it('no showRoots', () => {
-    const parameters = {};
-    expect(extractTitle({ kind: 'a/b/c', parameters })).toBe('c');
-    expect(extractTitle({ kind: 'a|b', parameters })).toBe('b');
-    expect(extractTitle({ kind: 'a/b/c.d', parameters })).toBe('d');
-  });
-  it('empty options', () => {
-    const parameters = { options: {} };
-    expect(extractTitle({ kind: 'a/b/c', parameters })).toBe('c');
-    expect(extractTitle({ kind: 'a|b', parameters })).toBe('b');
-    expect(extractTitle({ kind: 'a/b/c.d', parameters })).toBe('d');
-  });
 });
diff --git a/addons/docs/src/blocks/DocsPage.tsx b/addons/docs/src/blocks/DocsPage.tsx
index f5f69a69933..291c7868ae6 100644
--- a/addons/docs/src/blocks/DocsPage.tsx
+++ b/addons/docs/src/blocks/DocsPage.tsx
@@ -3,9 +3,9 @@ import { Title } from './Title';
 import { Subtitle } from './Subtitle';
 import { Description } from './Description';
 import { Primary } from './Primary';
-import { Props } from './Props';
-import { Stories } from './Stories';
 import { PRIMARY_STORY } from './types';
+import { ArgsTable } from './ArgsTable';
+import { Stories } from './Stories';
 
 export const DocsPage: FC = () => (
   <>
@@ -13,7 +13,7 @@ export const DocsPage: FC = () => (
     <Subtitle />
     <Description />
     <Primary />
-    <Props story={PRIMARY_STORY} />
+    <ArgsTable story={PRIMARY_STORY} />
     <Stories />
   </>
 );
diff --git a/addons/docs/src/blocks/DocsStory.tsx b/addons/docs/src/blocks/DocsStory.tsx
index f522175c5ea..4eab78e0d89 100644
--- a/addons/docs/src/blocks/DocsStory.tsx
+++ b/addons/docs/src/blocks/DocsStory.tsx
@@ -1,10 +1,21 @@
 import React, { FunctionComponent } from 'react';
+import deprecate from 'util-deprecate';
+import dedent from 'ts-dedent';
 import { Subheading } from './Subheading';
 import { DocsStoryProps } from './types';
 import { Anchor } from './Anchor';
 import { Description } from './Description';
 import { Story } from './Story';
-import { Preview } from './Preview';
+import { Canvas } from './Canvas';
+
+const warnStoryDescription = deprecate(
+  () => {},
+  dedent`
+    Deprecated parameter: docs.storyDescription => docs.description.story
+      
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter
+  `
+);
 
 export const DocsStory: FunctionComponent<DocsStoryProps> = ({
   id,
@@ -12,14 +23,21 @@ export const DocsStory: FunctionComponent<DocsStoryProps> = ({
   expanded = true,
   withToolbar = false,
   parameters,
-}) => (
-  <Anchor storyId={id}>
-    {expanded && <Subheading>{name}</Subheading>}
-    {expanded && parameters && parameters.docs && parameters.docs.storyDescription && (
-      <Description markdown={parameters.docs.storyDescription} />
-    )}
-    <Preview withToolbar={withToolbar}>
-      <Story id={id} />
-    </Preview>
-  </Anchor>
-);
+}) => {
+  let description = expanded && parameters?.docs?.description?.story;
+  if (!description) {
+    description = parameters?.docs?.storyDescription;
+    if (description) warnStoryDescription();
+  }
+  const subheading = expanded && name;
+
+  return (
+    <Anchor storyId={id}>
+      {subheading && <Subheading>{subheading}</Subheading>}
+      {description && <Description markdown={description} />}
+      <Canvas withToolbar={withToolbar}>
+        <Story id={id} />
+      </Canvas>
+    </Anchor>
+  );
+};
diff --git a/addons/docs/src/blocks/Meta.tsx b/addons/docs/src/blocks/Meta.tsx
index f3f5f49a3a0..6acfe44b844 100644
--- a/addons/docs/src/blocks/Meta.tsx
+++ b/addons/docs/src/blocks/Meta.tsx
@@ -10,7 +10,7 @@ type Decorator = (...args: any) => any;
 interface MetaProps {
   title: string;
   component?: Component;
-  subcomponents: Record<string, Component>;
+  subcomponents?: Record<string, Component>;
   decorators?: [Decorator];
   parameters?: any;
 }
diff --git a/addons/docs/src/blocks/Preview.tsx b/addons/docs/src/blocks/Preview.tsx
index a9008b5aaf3..94bb226fa0f 100644
--- a/addons/docs/src/blocks/Preview.tsx
+++ b/addons/docs/src/blocks/Preview.tsx
@@ -1,69 +1,13 @@
-import React, { FunctionComponent, ReactElement, ReactNode, ReactNodeArray } from 'react';
-import { MDXProvider } from '@mdx-js/react';
-import { toId, storyNameFromExport } from '@storybook/csf';
-import { resetComponents } from '@storybook/components/html';
-import { Preview as PurePreview, PreviewProps as PurePreviewProps } from '@storybook/components';
-import { getSourceProps } from './Source';
-import { DocsContext, DocsContextProps } from './DocsContext';
+import React, { ComponentProps } from 'react';
+import deprecate from 'util-deprecate';
+import dedent from 'ts-dedent';
+import { Canvas } from './Canvas';
 
-export enum SourceState {
-  OPEN = 'open',
-  CLOSED = 'closed',
-  NONE = 'none',
-}
+export const Preview = deprecate(
+  (props: ComponentProps<typeof Canvas>) => <Canvas {...props} />,
+  dedent`
+    Preview doc block has been renamed to Canvas.
 
-type PreviewProps = PurePreviewProps & {
-  withSource?: SourceState;
-  mdxSource?: string;
-};
-
-const getPreviewProps = (
-  {
-    withSource = SourceState.CLOSED,
-    mdxSource,
-    children,
-    ...props
-  }: PreviewProps & { children?: ReactNode },
-  { mdxStoryNameToKey, mdxComponentMeta, storyStore }: DocsContextProps
-): PurePreviewProps => {
-  if (withSource === SourceState.NONE) {
-    return props;
-  }
-  if (mdxSource) {
-    return {
-      ...props,
-      withSource: getSourceProps({ code: decodeURI(mdxSource) }, { storyStore }),
-    };
-  }
-  const childArray: ReactNodeArray = Array.isArray(children) ? children : [children];
-  const stories = childArray.filter(
-    (c: ReactElement) => c.props && (c.props.id || c.props.name)
-  ) as ReactElement[];
-  const targetIds = stories.map(
-    (s) =>
-      s.props.id ||
-      toId(
-        mdxComponentMeta.id || mdxComponentMeta.title,
-        storyNameFromExport(mdxStoryNameToKey[s.props.name])
-      )
-  );
-  const sourceProps = getSourceProps({ ids: targetIds }, { storyStore });
-  return {
-    ...props, // pass through columns etc.
-    withSource: sourceProps,
-    isExpanded: withSource === SourceState.OPEN,
-  };
-};
-
-export const Preview: FunctionComponent<PreviewProps> = (props) => (
-  <DocsContext.Consumer>
-    {(context) => {
-      const previewProps = getPreviewProps(props, context);
-      return (
-        <MDXProvider components={resetComponents}>
-          <PurePreview {...previewProps}>{props.children}</PurePreview>
-        </MDXProvider>
-      );
-    }}
-  </DocsContext.Consumer>
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
+  `
 );
diff --git a/addons/docs/src/blocks/Props.tsx b/addons/docs/src/blocks/Props.tsx
index 2bb365863ac..f251ed3575b 100644
--- a/addons/docs/src/blocks/Props.tsx
+++ b/addons/docs/src/blocks/Props.tsx
@@ -1,237 +1,19 @@
-/* eslint-disable no-underscore-dangle */
-import React, { FC, useContext, useEffect, useState, useCallback } from 'react';
-import mapValues from 'lodash/mapValues';
-import pickBy from 'lodash/pickBy';
-import {
-  ArgsTable,
-  ArgsTableProps,
-  ArgsTableError,
-  ArgTypes,
-  TabbedArgsTable,
-} from '@storybook/components';
-import { Args } from '@storybook/addons';
-import { StoryStore } from '@storybook/client-api';
-import Events from '@storybook/core-events';
+import React, { ComponentProps } from 'react';
+import deprecate from 'util-deprecate';
+import dedent from 'ts-dedent';
+import { ArgsTable } from './ArgsTable';
+import { CURRENT_SELECTION } from './types';
 
-import { DocsContext, DocsContextProps } from './DocsContext';
-import { Component, CURRENT_SELECTION, PRIMARY_STORY } from './types';
-import { getComponentName, getDocsStories } from './utils';
-import { ArgTypesExtractor } from '../lib/docgen/types';
-import { lookupStoryId } from './Story';
+export const Props = deprecate(
+  (props: ComponentProps<typeof ArgsTable>) => <ArgsTable {...props} />,
+  dedent`
+    Props doc block has been renamed to ArgsTable.
 
-type PropDescriptor = string[] | RegExp;
-
-interface BaseProps {
-  include?: PropDescriptor;
-  exclude?: PropDescriptor;
-}
-
-type OfProps = BaseProps & {
-  of: '.' | Component;
-};
-
-type ComponentsProps = BaseProps & {
-  components: {
-    [label: string]: Component;
-  };
-};
-
-type StoryProps = BaseProps & {
-  story: '.' | string;
-  showComponents?: boolean;
-};
-
-type PropsProps = BaseProps | OfProps | ComponentsProps | StoryProps;
-
-const useArgs = (storyId: string, storyStore: StoryStore): [Args, (args: Args) => void] => {
-  const story = storyStore.fromId(storyId);
-  if (!story) {
-    throw new Error(`Unknown story: ${storyId}`);
-  }
-
-  const { args: initialArgs } = story;
-  const [args, setArgs] = useState(initialArgs);
-  useEffect(() => {
-    const cb = (changedId: string, newArgs: Args) => {
-      if (changedId === storyId) {
-        setArgs(newArgs);
-      }
-    };
-    storyStore._channel.on(Events.STORY_ARGS_UPDATED, cb);
-    return () => storyStore._channel.off(Events.STORY_ARGS_UPDATED, cb);
-  }, [storyId]);
-  const updateArgs = useCallback((newArgs) => storyStore.updateStoryArgs(storyId, newArgs), [
-    storyId,
-  ]);
-  return [args, updateArgs];
-};
-
-const matches = (name: string, descriptor: PropDescriptor) =>
-  Array.isArray(descriptor) ? descriptor.includes(name) : name.match(descriptor);
-
-const filterArgTypes = (argTypes: ArgTypes, include?: PropDescriptor, exclude?: PropDescriptor) => {
-  if (!include && !exclude) {
-    return argTypes;
-  }
-  return (
-    argTypes &&
-    pickBy(argTypes, (argType, key) => {
-      const name = argType.name || key;
-      return (!include || matches(name, include)) && (!exclude || !matches(name, exclude));
-    })
-  );
-};
-
-export const extractComponentArgTypes = (
-  component: Component,
-  { parameters }: DocsContextProps,
-  include?: PropDescriptor,
-  exclude?: PropDescriptor
-): ArgTypes => {
-  const params = parameters || {};
-  const { extractArgTypes }: { extractArgTypes: ArgTypesExtractor } = params.docs || {};
-  if (!extractArgTypes) {
-    throw new Error(ArgsTableError.ARGS_UNSUPPORTED);
-  }
-  let argTypes = extractArgTypes(component);
-  argTypes = filterArgTypes(argTypes, include, exclude);
-
-  return argTypes;
-};
-
-export const getComponent = (props: PropsProps = {}, context: DocsContextProps): Component => {
-  const { of } = props as OfProps;
-  const { parameters = {} } = context;
-  const { component } = parameters;
-
-  const target = of === CURRENT_SELECTION ? component : of;
-  if (!target) {
-    if (of === CURRENT_SELECTION) {
-      return null;
-    }
-    throw new Error(ArgsTableError.NO_COMPONENT);
-  }
-  return target;
-};
-
-const addComponentTabs = (
-  tabs: Record<string, ArgsTableProps>,
-  components: Record<string, Component>,
-  context: DocsContextProps,
-  include?: PropDescriptor,
-  exclude?: PropDescriptor
-) => ({
-  ...tabs,
-  ...mapValues(components, (comp) => ({
-    rows: extractComponentArgTypes(comp, context, include, exclude),
-  })),
-});
-
-export const StoryTable: FC<StoryProps & { components: Record<string, Component> }> = (props) => {
-  const context = useContext(DocsContext);
-  const {
-    id: currentId,
-    parameters: { argTypes },
-    storyStore,
-  } = context;
-  const { story, showComponents, components, include, exclude } = props;
-  let storyArgTypes;
-  try {
-    let storyId;
-    switch (story) {
-      case CURRENT_SELECTION: {
-        storyId = currentId;
-        storyArgTypes = argTypes;
-        break;
-      }
-      case PRIMARY_STORY: {
-        const primaryStory = getDocsStories(context)[0];
-        storyId = primaryStory.id;
-        storyArgTypes = primaryStory.parameters.argTypes;
-        break;
-      }
-      default: {
-        storyId = lookupStoryId(story, context);
-        const data = storyStore.fromId(storyId);
-        storyArgTypes = data.parameters.argTypes;
-      }
-    }
-    storyArgTypes = filterArgTypes(storyArgTypes, include, exclude);
-
-    // This code handles three cases:
-    //  1. the story has args, in which case we want to show controls for the story
-    //  2. the story has args, and the user specifies showComponents, in which case
-    //     we want to show controls for the primary component AND show props for each component
-    //  3. the story has NO args, in which case we want to show props for each component
-
-    // eslint-disable-next-line prefer-const
-    let [args, updateArgs] = useArgs(storyId, storyStore);
-    let tabs = { Story: { rows: storyArgTypes, args, updateArgs } } as Record<
-      string,
-      ArgsTableProps
-    >;
-
-    // Use the dynamically generated component tabs if there are no controls
-    const storyHasArgsWithControls =
-      storyArgTypes && Object.values(storyArgTypes).find((v) => !!v?.control);
-
-    if (!storyHasArgsWithControls) {
-      updateArgs = null;
-      tabs = {};
-    }
-
-    if (showComponents || !storyHasArgsWithControls) {
-      tabs = addComponentTabs(tabs, components, context, include, exclude);
-    }
-
-    return <TabbedArgsTable tabs={tabs} />;
-  } catch (err) {
-    return <ArgsTable error={err.message} />;
-  }
-};
-
-export const ComponentsTable: FC<ComponentsProps> = (props) => {
-  const context = useContext(DocsContext);
-  const { components, include, exclude } = props;
-
-  const tabs = addComponentTabs({}, components, context, include, exclude);
-  return <TabbedArgsTable tabs={tabs} />;
-};
-
-export const Props: FC<PropsProps> = (props) => {
-  const context = useContext(DocsContext);
-  const {
-    parameters: { subcomponents },
-  } = context;
-
-  const { include, exclude, components } = props as ComponentsProps;
-  const { story } = props as StoryProps;
-
-  let allComponents = components;
-  const main = getComponent(props, context);
-
-  if (!allComponents && main) {
-    const mainLabel = getComponentName(main);
-    allComponents = { [mainLabel]: main, ...subcomponents };
-  }
-
-  if (story) {
-    return <StoryTable {...(props as StoryProps)} components={allComponents} />;
-  }
-
-  if (!components && !subcomponents) {
-    let mainProps;
-    try {
-      mainProps = { rows: extractComponentArgTypes(main, context, include, exclude) };
-    } catch (err) {
-      mainProps = { error: err.message };
-    }
-    return <ArgsTable {...mainProps} />;
-  }
-
-  return <ComponentsTable {...(props as ComponentsProps)} components={allComponents} />;
-};
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
+  `
+);
 
+// @ts-ignore
 Props.defaultProps = {
   of: CURRENT_SELECTION,
 };
diff --git a/addons/docs/src/blocks/Source.tsx b/addons/docs/src/blocks/Source.tsx
index fcf7b0998fa..d95ce5eaa25 100644
--- a/addons/docs/src/blocks/Source.tsx
+++ b/addons/docs/src/blocks/Source.tsx
@@ -1,12 +1,24 @@
-import React, { FunctionComponent } from 'react';
-import { Source, SourceProps as PureSourceProps, SourceError } from '@storybook/components';
+import React, { FC, useContext } from 'react';
+import {
+  Source as PureSource,
+  SourceError,
+  SourceProps as PureSourceProps,
+} from '@storybook/components';
+import { StoryId } from '@storybook/api';
+import { logger } from '@storybook/client-logger';
+import { StoryContext } from '@storybook/addons';
+
 import { DocsContext, DocsContextProps } from './DocsContext';
+import { SourceContext, SourceContextProps } from './SourceContainer';
 import { CURRENT_SELECTION } from './types';
+import { SourceType } from '../shared';
+
 import { enhanceSource } from './enhanceSource';
 
 interface CommonProps {
   language?: string;
   dark?: boolean;
+  code?: string;
 }
 
 type SingleSourceProps = {
@@ -25,10 +37,70 @@ type NoneProps = CommonProps;
 
 type SourceProps = SingleSourceProps | MultiSourceProps | CodeProps | NoneProps;
 
+const getStoryContext = (storyId: StoryId, docsContext: DocsContextProps): StoryContext | null => {
+  const { storyStore } = docsContext;
+  const storyContext = storyStore?.fromId(storyId);
+
+  if (!storyContext) {
+    // Fallback if we can't get the story data for this story
+    logger.warn(`Unable to find information for story ID '${storyId}'`);
+    return null;
+  }
+
+  return storyContext;
+};
+
+const getStorySource = (storyId: StoryId, sourceContext: SourceContextProps): string => {
+  const { sources } = sourceContext;
+
+  const source = sources?.[storyId];
+
+  if (!source) {
+    logger.warn(`Unable to find source for story ID '${storyId}'`);
+    return '';
+  }
+
+  return source;
+};
+
+const getSnippet = (snippet: string, storyContext?: StoryContext): string => {
+  if (!storyContext) {
+    return snippet;
+  }
+
+  const { parameters } = storyContext;
+  // eslint-disable-next-line no-underscore-dangle
+  const isArgsStory = parameters.__isArgsStory;
+  const type = parameters.docs?.source?.type || SourceType.AUTO;
+
+  // if user has hard-coded the snippet, that takes precedence
+  const userCode = parameters.docs?.source?.code;
+  if (userCode) {
+    return userCode;
+  }
+
+  // if user has explicitly set this as dynamic, use snippet
+  if (type === SourceType.DYNAMIC) {
+    return parameters.docs?.transformSource?.(snippet, storyContext) || snippet;
+  }
+
+  // if this is an args story and there's a snippet
+  if (type === SourceType.AUTO && snippet && isArgsStory) {
+    return parameters.docs?.transformSource?.(snippet, storyContext) || snippet;
+  }
+
+  // otherwise, use the source code logic
+  const enhanced = enhanceSource(storyContext) || parameters;
+  return enhanced?.docs?.source?.code || '';
+};
+
 export const getSourceProps = (
   props: SourceProps,
-  { id: currentId, storyStore }: DocsContextProps
+  docsContext: DocsContextProps,
+  sourceContext: SourceContextProps
 ): PureSourceProps => {
+  const { id: currentId } = docsContext;
+
   const codeProps = props as CodeProps;
   const singleProps = props as SingleSourceProps;
   const multiProps = props as MultiSourceProps;
@@ -39,10 +111,10 @@ export const getSourceProps = (
       singleProps.id === CURRENT_SELECTION || !singleProps.id ? currentId : singleProps.id;
     const targetIds = multiProps.ids || [targetId];
     source = targetIds
-      .map((sourceId) => {
-        const data = storyStore.fromId(sourceId);
-        const enhanced = data && (enhanceSource(data) || data.parameters);
-        return enhanced?.docs?.source?.code || '';
+      .map((storyId) => {
+        const storySource = getStorySource(storyId, sourceContext);
+        const storyContext = getStoryContext(storyId, docsContext);
+        return getSnippet(storySource, storyContext);
       })
       .join('\n\n');
   }
@@ -56,13 +128,9 @@ export const getSourceProps = (
  * or the source for a story if `storyId` is provided, or
  * the source for the current story if nothing is provided.
  */
-const SourceContainer: FunctionComponent<SourceProps> = (props) => (
-  <DocsContext.Consumer>
-    {(context) => {
-      const sourceProps = getSourceProps(props, context);
-      return <Source {...sourceProps} />;
-    }}
-  </DocsContext.Consumer>
-);
-
-export { SourceContainer as Source };
+export const Source: FC<SourceProps> = (props) => {
+  const sourceContext = useContext(SourceContext);
+  const docsContext = useContext(DocsContext);
+  const sourceProps = getSourceProps(props, docsContext, sourceContext);
+  return <PureSource {...sourceProps} />;
+};
diff --git a/addons/docs/src/blocks/SourceContainer.tsx b/addons/docs/src/blocks/SourceContainer.tsx
new file mode 100644
index 00000000000..aa4971286ed
--- /dev/null
+++ b/addons/docs/src/blocks/SourceContainer.tsx
@@ -0,0 +1,44 @@
+import React, { FC, Context, createContext, useEffect, useState } from 'react';
+import deepEqual from 'fast-deep-equal';
+import { addons } from '@storybook/addons';
+import { StoryId } from '@storybook/api';
+import { SNIPPET_RENDERED } from '../shared';
+
+export type SourceItem = string;
+export type StorySources = Record<StoryId, SourceItem>;
+
+export interface SourceContextProps {
+  sources: StorySources;
+  setSource?: (id: StoryId, item: SourceItem) => void;
+}
+
+export const SourceContext: Context<SourceContextProps> = createContext({ sources: {} });
+
+export const SourceContainer: FC<{}> = ({ children }) => {
+  const [sources, setSources] = useState<StorySources>({});
+  const channel = addons.getChannel();
+
+  const sourcesRef = React.useRef<StorySources>();
+  const handleSnippetRendered = (id: StoryId, newItem: SourceItem) => {
+    if (newItem !== sources[id]) {
+      const newSources = { ...sourcesRef.current, [id]: newItem };
+      sourcesRef.current = newSources;
+    }
+  };
+
+  // Bind this early (instead of inside `useEffect`), because the `SNIPPET_RENDERED` event
+  // is triggered *during* the rendering process, not after. We have to use the ref
+  // to ensure we don't end up calling setState outside the effect though.
+  channel.on(SNIPPET_RENDERED, handleSnippetRendered);
+
+  useEffect(() => {
+    const current = sourcesRef.current || {};
+    if (!deepEqual(sources, current)) {
+      setSources(current);
+    }
+
+    return () => channel.off(SNIPPET_RENDERED, handleSnippetRendered);
+  });
+
+  return <SourceContext.Provider value={{ sources }}>{children}</SourceContext.Provider>;
+};
diff --git a/addons/docs/src/blocks/Story.tsx b/addons/docs/src/blocks/Story.tsx
index 58996267741..48c0291ad6a 100644
--- a/addons/docs/src/blocks/Story.tsx
+++ b/addons/docs/src/blocks/Story.tsx
@@ -1,4 +1,4 @@
-import React, { FunctionComponent, ReactNode, ComponentProps } from 'react';
+import React, { FunctionComponent, ReactNode, ElementType, ComponentProps } from 'react';
 import { MDXProvider } from '@mdx-js/react';
 import { resetComponents } from '@storybook/components/html';
 import { Story as PureStory } from '@storybook/components';
@@ -25,6 +25,11 @@ type StoryRefProps = {
   id?: string;
 } & CommonProps;
 
+type StoryImportProps = {
+  name: string;
+  story: ElementType;
+} & CommonProps;
+
 export type StoryProps = StoryDefProps | StoryRefProps;
 
 export const lookupStoryId = (
@@ -64,7 +69,7 @@ export const getStoryProps = (props: StoryProps, context: DocsContextProps): Pur
     parameters,
     inline: storyIsInline,
     id: previewId,
-    storyFn: prepareForInline && storyFn ? () => prepareForInline(storyFn) : storyFn,
+    storyFn: prepareForInline && storyFn ? () => prepareForInline(storyFn, data) : storyFn,
     height: height || (storyIsInline ? undefined : iframeHeight),
     title: storyName,
   };
diff --git a/addons/docs/src/blocks/Title.tsx b/addons/docs/src/blocks/Title.tsx
index fd9bf9acbc2..36f5590c9b9 100644
--- a/addons/docs/src/blocks/Title.tsx
+++ b/addons/docs/src/blocks/Title.tsx
@@ -1,5 +1,4 @@
 import React, { useContext, FunctionComponent } from 'react';
-import { parseKind } from '@storybook/csf';
 import { Title as PureTitle } from '@storybook/components';
 import { DocsContext, DocsContextProps } from './DocsContext';
 
@@ -7,22 +6,7 @@ interface TitleProps {
   children?: JSX.Element | string;
 }
 export const extractTitle = ({ kind, parameters }: DocsContextProps) => {
-  const {
-    showRoots,
-    hierarchyRootSeparator: rootSeparator = '|',
-    hierarchySeparator: groupSeparator = /\/|\./,
-  } = (parameters && parameters.options) || {};
-
-  let groups;
-  if (typeof showRoots !== 'undefined') {
-    groups = kind.split('/');
-  } else {
-    // This covers off all the remaining cases:
-    //   - If the separators were set above, we should use them
-    //   - If they weren't set, we should only should use the old defaults if the kind contains '.' or '|',
-    //     which for this particular splitting is the only case in which it actually matters.
-    ({ groups } = parseKind(kind, { rootSeparator, groupSeparator }));
-  }
+  const groups = kind.split('/');
 
   return (groups && groups[groups.length - 1]) || kind;
 };
diff --git a/addons/docs/src/blocks/enhanceSource.test.ts b/addons/docs/src/blocks/enhanceSource.test.ts
index 393cbd9c2b9..006463374fd 100644
--- a/addons/docs/src/blocks/enhanceSource.test.ts
+++ b/addons/docs/src/blocks/enhanceSource.test.ts
@@ -6,12 +6,11 @@ const emptyContext: StoryContext = {
   kind: 'foo',
   name: 'bar',
   args: {},
-  globalArgs: {},
+  argTypes: {},
+  globals: {},
   parameters: {},
 };
 
-const transformSource = (src?: string) => (src ? `formatted: ${src}` : 'no src');
-
 describe('addon-docs enhanceSource', () => {
   describe('no source loaded', () => {
     const baseContext = emptyContext;
@@ -19,14 +18,16 @@ describe('addon-docs enhanceSource', () => {
       expect(enhanceSource(baseContext)).toBeNull();
     });
     it('transformSource', () => {
+      const transformSource = (src?: string) => (src ? `formatted: ${src}` : 'no src');
       const parameters = { ...baseContext.parameters, docs: { transformSource } };
       expect(enhanceSource({ ...baseContext, parameters })).toBeNull();
     });
   });
   describe('custom/mdx source loaded', () => {
+    const source = 'storySource.source';
     const baseContext = {
       ...emptyContext,
-      parameters: { storySource: { source: 'storySource.source' } },
+      parameters: { storySource: { source } },
     };
     it('no transformSource', () => {
       expect(enhanceSource(baseContext)).toEqual({
@@ -34,11 +35,19 @@ describe('addon-docs enhanceSource', () => {
       });
     });
     it('transformSource', () => {
+      const transformSource = (src?: string) => (src ? `formatted: ${src}` : 'no src');
       const parameters = { ...baseContext.parameters, docs: { transformSource } };
       expect(enhanceSource({ ...baseContext, parameters }).docs.source).toEqual({
         code: 'formatted: storySource.source',
       });
     });
+    it('receives context as 2nd argument', () => {
+      const transformSource = jest.fn();
+      const parameters = { ...baseContext.parameters, docs: { transformSource } };
+      const context = { ...baseContext, parameters };
+      enhanceSource(context);
+      expect(transformSource).toHaveBeenCalledWith(source, context);
+    });
   });
   describe('storysource source loaded w/ locationsMap', () => {
     const baseContext = {
@@ -47,7 +56,7 @@ describe('addon-docs enhanceSource', () => {
         storySource: {
           source: 'storySource.source',
           locationsMap: {
-            'foo--bar': { startBody: { line: 1, col: 5 }, endBody: { line: 1, col: 11 } },
+            bar: { startBody: { line: 1, col: 5 }, endBody: { line: 1, col: 11 } },
           },
         },
       },
@@ -56,11 +65,19 @@ describe('addon-docs enhanceSource', () => {
       expect(enhanceSource(baseContext)).toEqual({ docs: { source: { code: 'Source' } } });
     });
     it('transformSource', () => {
+      const transformSource = (src?: string) => (src ? `formatted: ${src}` : 'no src');
       const parameters = { ...baseContext.parameters, docs: { transformSource } };
       expect(enhanceSource({ ...baseContext, parameters }).docs.source).toEqual({
         code: 'formatted: Source',
       });
     });
+    it('receives context as 2nd argument', () => {
+      const transformSource = jest.fn();
+      const parameters = { ...baseContext.parameters, docs: { transformSource } };
+      const context = { ...baseContext, parameters };
+      enhanceSource(context);
+      expect(transformSource).toHaveBeenCalledWith('Source', context);
+    });
   });
   describe('custom docs.source provided', () => {
     const baseContext = {
@@ -74,6 +91,7 @@ describe('addon-docs enhanceSource', () => {
       expect(enhanceSource(baseContext)).toBeNull();
     });
     it('transformSource', () => {
+      const transformSource = (src?: string) => (src ? `formatted: ${src}` : 'no src');
       const { source } = baseContext.parameters.docs;
       const parameters = { ...baseContext.parameters, docs: { source, transformSource } };
       expect(enhanceSource({ ...baseContext, parameters })).toBeNull();
diff --git a/addons/docs/src/blocks/enhanceSource.ts b/addons/docs/src/blocks/enhanceSource.ts
index 77afcbfa707..e336c63c650 100644
--- a/addons/docs/src/blocks/enhanceSource.ts
+++ b/addons/docs/src/blocks/enhanceSource.ts
@@ -1,40 +1,28 @@
 import { combineParameters } from '@storybook/client-api';
 import { StoryContext, Parameters } from '@storybook/addons';
-
-interface Location {
-  line: number;
-  col: number;
-}
+import { extractSource, LocationsMap } from '@storybook/source-loader/extract-source';
 
 interface StorySource {
   source: string;
-  locationsMap: { [id: string]: { startBody: Location; endBody: Location } };
+  locationsMap: LocationsMap;
 }
 
+/**
+ * Replaces full story id name like: story-kind--story-name -> story-name
+ * @param id
+ */
+const storyIdToSanitizedStoryName = (id: string) => id.replace(/^.*?--/, '');
+
 const extract = (targetId: string, { source, locationsMap }: StorySource) => {
   if (!locationsMap) {
     return source;
   }
-  const location = locationsMap[targetId];
 
-  // FIXME: bad locationsMap generated for module export functions whose titles are overridden
-  if (!location) return null;
-  const { startBody: start, endBody: end } = location;
+  const sanitizedStoryName = storyIdToSanitizedStoryName(targetId);
+  const location = locationsMap[sanitizedStoryName];
   const lines = source.split('\n');
-  if (start.line === end.line && lines[start.line - 1] !== undefined) {
-    return lines[start.line - 1].substring(start.col, end.col);
-  }
-  // NOTE: storysource locations are 1-based not 0-based!
-  const startLine = lines[start.line - 1];
-  const endLine = lines[end.line - 1];
-  if (startLine === undefined || endLine === undefined) {
-    return source;
-  }
-  return [
-    startLine.substring(start.col),
-    ...lines.slice(start.line, end.line - 1),
-    endLine.substring(0, end.col),
-  ].join('\n');
+
+  return extractSource(location, lines);
 };
 
 export const enhanceSource = (context: StoryContext): Parameters => {
@@ -48,7 +36,7 @@ export const enhanceSource = (context: StoryContext): Parameters => {
   }
 
   const input = extract(id, storySource);
-  const code = transformSource ? transformSource(input, id) : input;
+  const code = transformSource ? transformSource(input, context) : input;
 
   return { docs: combineParameters(docs, { source: { code } }) };
 };
diff --git a/addons/docs/src/blocks/index.ts b/addons/docs/src/blocks/index.ts
index 00569b5874f..8331044d174 100644
--- a/addons/docs/src/blocks/index.ts
+++ b/addons/docs/src/blocks/index.ts
@@ -1,6 +1,8 @@
 export { ColorPalette, ColorItem, IconGallery, IconItem, Typeset } from '@storybook/components';
 
 export * from './Anchor';
+export * from './ArgsTable';
+export * from './Canvas';
 export * from './Description';
 export * from './DocsContext';
 export * from './DocsPage';
diff --git a/addons/docs/src/frameworks/angular/compodoc.ts b/addons/docs/src/frameworks/angular/compodoc.ts
index 4298a2e2ed2..e0c47427d1f 100644
--- a/addons/docs/src/frameworks/angular/compodoc.ts
+++ b/addons/docs/src/frameworks/angular/compodoc.ts
@@ -93,7 +93,11 @@ const getComponentData = (component: Component | Directive) => {
   const compodocJson = getCompdocJson();
   checkValidCompodocJson(compodocJson);
   const { name } = component;
-  return findComponentByName(name, compodocJson);
+  const metadata = findComponentByName(name, compodocJson);
+  if (!metadata) {
+    logger.warn(`Component not found in compodoc JSON: '${name}'`);
+  }
+  return metadata;
 };
 
 const displaySignature = (item: Method): string => {
@@ -221,8 +225,5 @@ export const extractArgTypes = (component: Component | Directive) => {
 
 export const extractComponentDescription = (component: Component | Directive) => {
   const componentData = getComponentData(component);
-  if (!componentData) {
-    return null;
-  }
-  return componentData.rawdescription || componentData.description;
+  return componentData && (componentData.rawdescription || componentData.description);
 };
diff --git a/addons/docs/src/frameworks/angular/config.ts b/addons/docs/src/frameworks/angular/config.ts
index dc06b77c8d3..cb0e0dd3691 100644
--- a/addons/docs/src/frameworks/angular/config.ts
+++ b/addons/docs/src/frameworks/angular/config.ts
@@ -1,9 +1,8 @@
-import { addParameters } from '@storybook/client-api';
 import { extractArgTypes, extractComponentDescription } from './compodoc';
 
-addParameters({
+export const parameters = {
   docs: {
     extractArgTypes,
     extractComponentDescription,
   },
-});
+};
diff --git a/addons/docs/src/frameworks/common/enhanceArgTypes.test.ts b/addons/docs/src/frameworks/common/enhanceArgTypes.test.ts
index 10ba2a3fc24..252dd5cfe01 100644
--- a/addons/docs/src/frameworks/common/enhanceArgTypes.test.ts
+++ b/addons/docs/src/frameworks/common/enhanceArgTypes.test.ts
@@ -1,4 +1,4 @@
-import { ArgType, ArgTypes, Args } from '@storybook/api';
+import { ArgType, ArgTypes } from '@storybook/api';
 import { enhanceArgTypes } from './enhanceArgTypes';
 
 expect.addSnapshotSerializer({
@@ -10,20 +10,20 @@ const enhance = ({
   argType,
   arg,
   extractedArgTypes,
-  storyFn = (args: Args) => 0,
+  isArgsStory = true,
 }: {
   argType?: ArgType;
   arg?: any;
   extractedArgTypes?: ArgTypes;
-  storyFn?: any;
+  isArgsStory?: boolean;
 }) => {
   const context = {
     id: 'foo--bar',
     kind: 'foo',
     name: 'bar',
-    storyFn,
     parameters: {
       component: 'dummy',
+      __isArgsStory: isArgsStory,
       docs: {
         extractArgTypes: extractedArgTypes && (() => extractedArgTypes),
       },
@@ -35,7 +35,8 @@ const enhance = ({
       },
     },
     args: {},
-    globalArgs: {},
+    argTypes: {},
+    globals: {},
   };
   return enhanceArgTypes(context);
 };
@@ -46,7 +47,7 @@ describe('enhanceArgTypes', () => {
       expect(
         enhance({
           argType: { foo: 'unmodified', type: { name: 'number' } },
-          storyFn: () => 0,
+          isArgsStory: false,
         }).input
       ).toMatchInlineSnapshot(`
         {
@@ -69,25 +70,6 @@ describe('enhanceArgTypes', () => {
             }).input
           ).toMatchInlineSnapshot(`
             {
-              "control": {
-                "type": "number"
-              },
-              "name": "input",
-              "type": {
-                "name": "number"
-              }
-            }
-          `);
-        });
-      });
-
-      describe('args input', () => {
-        it('number', () => {
-          expect(enhance({ arg: 5 }).input).toMatchInlineSnapshot(`
-            {
-              "control": {
-                "type": "number"
-              },
               "name": "input",
               "type": {
                 "name": "number"
@@ -104,9 +86,6 @@ describe('enhanceArgTypes', () => {
               .input
           ).toMatchInlineSnapshot(`
             {
-              "control": {
-                "type": "number"
-              },
               "name": "input",
               "type": {
                 "name": "number"
@@ -163,9 +142,6 @@ describe('enhanceArgTypes', () => {
           }).input
         ).toMatchInlineSnapshot(`
           {
-            "control": {
-              "type": "number"
-            },
             "type": {
               "name": "number"
             },
@@ -182,9 +158,6 @@ describe('enhanceArgTypes', () => {
           }).input
         ).toMatchInlineSnapshot(`
           {
-            "control": {
-              "type": "number"
-            },
             "name": "input",
             "type": {
               "name": "number"
@@ -201,10 +174,6 @@ describe('enhanceArgTypes', () => {
           }).input
         ).toMatchInlineSnapshot(`
           {
-            "control": {
-              "type": "text"
-            },
-            "name": "input",
             "type": {
               "name": "string"
             }
@@ -221,15 +190,12 @@ describe('enhanceArgTypes', () => {
           }).input
         ).toMatchInlineSnapshot(`
           {
+            "name": "input",
+            "defaultValue": 5,
             "control": {
               "type": "range",
               "step": 50
-            },
-            "name": "input",
-            "type": {
-              "name": "number"
-            },
-            "defaultValue": 5
+            }
           }
         `);
       });
@@ -243,18 +209,9 @@ describe('enhanceArgTypes', () => {
         ).toMatchInlineSnapshot(`
           {
             "input": {
-              "control": {
-                "type": "number"
-              },
-              "name": "input",
-              "type": {
-                "name": "number"
-              }
+              "name": "input"
             },
             "foo": {
-              "control": {
-                "type": "number"
-              },
               "type": {
                 "name": "number"
               }
@@ -272,18 +229,12 @@ describe('enhanceArgTypes', () => {
         ).toMatchInlineSnapshot(`
           {
             "input": {
-              "control": {
-                "type": "number"
-              },
               "name": "input",
               "type": {
                 "name": "number"
               }
             },
             "foo": {
-              "control": {
-                "type": "number"
-              },
               "type": {
                 "name": "number"
               }
@@ -300,10 +251,12 @@ describe('enhanceArgTypes', () => {
           })
         ).toMatchInlineSnapshot(`
           {
+            "foo": {
+              "type": {
+                "name": "number"
+              }
+            },
             "input": {
-              "control": {
-                "type": "number"
-              },
               "name": "input",
               "type": {
                 "name": "number"
diff --git a/addons/docs/src/frameworks/common/enhanceArgTypes.ts b/addons/docs/src/frameworks/common/enhanceArgTypes.ts
index 3a3936f4b04..f1ee242400e 100644
--- a/addons/docs/src/frameworks/common/enhanceArgTypes.ts
+++ b/addons/docs/src/frameworks/common/enhanceArgTypes.ts
@@ -1,41 +1,17 @@
 import mapValues from 'lodash/mapValues';
 import { ArgTypesEnhancer, combineParameters } from '@storybook/client-api';
-import { ArgTypes } from '@storybook/api';
-import { inferArgTypes } from './inferArgTypes';
-import { inferControls } from './inferControls';
-
-const isSubset = (kind: string, subset: object, superset: object) => {
-  const keys = Object.keys(subset);
-  // eslint-disable-next-line no-prototype-builtins
-  const overlap = keys.filter((key) => superset.hasOwnProperty(key));
-  return overlap.length === keys.length;
-};
+import { normalizeArgTypes } from './normalizeArgTypes';
 
 export const enhanceArgTypes: ArgTypesEnhancer = (context) => {
-  const { component, argTypes: userArgTypes = {}, docs = {}, args = {} } = context.parameters;
-  const { extractArgTypes, forceExtractedArgTypes = false } = docs;
+  const { component, argTypes: userArgTypes = {}, docs = {} } = context.parameters;
+  const { extractArgTypes } = docs;
 
-  const namedArgTypes = mapValues(userArgTypes, (val, key) => ({ name: key, ...val }));
-  const inferredArgTypes = inferArgTypes(args);
-  let extractedArgTypes: ArgTypes = extractArgTypes && component ? extractArgTypes(component) : {};
+  const normalizedArgTypes = normalizeArgTypes(userArgTypes);
+  const namedArgTypes = mapValues(normalizedArgTypes, (val, key) => ({ name: key, ...val }));
+  const extractedArgTypes = extractArgTypes && component ? extractArgTypes(component) : {};
+  const withExtractedTypes = extractedArgTypes
+    ? combineParameters(extractedArgTypes, namedArgTypes)
+    : namedArgTypes;
 
-  if (
-    !forceExtractedArgTypes &&
-    ((Object.keys(userArgTypes).length > 0 &&
-      !isSubset(context.kind, userArgTypes, extractedArgTypes)) ||
-      (Object.keys(inferredArgTypes).length > 0 &&
-        !isSubset(context.kind, inferredArgTypes, extractedArgTypes)))
-  ) {
-    extractedArgTypes = {};
-  }
-
-  const withArgTypes = combineParameters(inferredArgTypes, extractedArgTypes, namedArgTypes);
-
-  if (context.storyFn.length === 0) {
-    return withArgTypes;
-  }
-
-  const withControls = inferControls(withArgTypes);
-  const result = combineParameters(withControls, withArgTypes);
-  return result;
+  return withExtractedTypes;
 };
diff --git a/addons/docs/src/frameworks/common/normalizeArgTypes.ts b/addons/docs/src/frameworks/common/normalizeArgTypes.ts
new file mode 100644
index 00000000000..8af93c8e414
--- /dev/null
+++ b/addons/docs/src/frameworks/common/normalizeArgTypes.ts
@@ -0,0 +1,18 @@
+import mapValues from 'lodash/mapValues';
+import { ArgTypes } from '@storybook/api';
+import { SBType } from '@storybook/client-api';
+
+const normalizeType = (type: SBType | string) => (typeof type === 'string' ? { name: type } : type);
+
+const normalizeControl = (control?: any) =>
+  typeof control === 'string' ? { type: control } : control;
+
+export const normalizeArgTypes = (argTypes: ArgTypes) =>
+  mapValues(argTypes, (argType) => {
+    if (!argType) return argType;
+    const normalized = { ...argType };
+    const { type, control } = argType;
+    if (type) normalized.type = normalizeType(type);
+    if (control) normalized.control = normalizeControl(control);
+    return normalized;
+  });
diff --git a/addons/docs/src/frameworks/common/preset.ts b/addons/docs/src/frameworks/common/preset.ts
index 6d650289cec..69aa62750ff 100644
--- a/addons/docs/src/frameworks/common/preset.ts
+++ b/addons/docs/src/frameworks/common/preset.ts
@@ -13,18 +13,28 @@ const context = coreDirName.includes('node_modules')
   ? path.join(coreDirName, '../../') // Real life case, already in node_modules
   : path.join(coreDirName, '../../node_modules'); // SB Monorepo
 
-function createBabelOptions(babelOptions?: any, configureJSX?: boolean) {
-  if (!configureJSX) {
-    return babelOptions;
-  }
-
-  const babelPlugins = (babelOptions && babelOptions.plugins) || [];
+// for frameworks that are not working with react, we need to configure
+// the jsx to transpile mdx, for now there will be a flag for that
+// for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
+type BabelParams = {
+  babelOptions?: any;
+  mdxBabelOptions?: any;
+  configureJSX?: boolean;
+};
+function createBabelOptions({ babelOptions, mdxBabelOptions, configureJSX }: BabelParams) {
+  const babelPlugins = mdxBabelOptions?.plugins || babelOptions?.plugins || [];
+  const jsxPlugin = [
+    require.resolve('@babel/plugin-transform-react-jsx'),
+    { pragma: 'React.createElement', pragmaFrag: 'React.Fragment' },
+  ];
+  const plugins = configureJSX ? [...babelPlugins, jsxPlugin] : babelPlugins;
   return {
+    // don't use the root babelrc by default (users can override this in mdxBabelOptions)
+    babelrc: false,
+    configFile: false,
     ...babelOptions,
-    // for frameworks that are not working with react, we need to configure
-    // the jsx to transpile mdx, for now there will be a flag for that
-    // for more complex solutions we can find alone that we need to add '@babel/plugin-transform-react-jsx'
-    plugins: [...babelPlugins, '@babel/plugin-transform-react-jsx'],
+    ...mdxBabelOptions,
+    plugins,
   };
 }
 
@@ -38,8 +48,10 @@ export function webpack(webpackConfig: any = {}, options: any = {}) {
   // also, these babel options are chained with other presets.
   const {
     babelOptions,
-    configureJSX = options.framework !== 'react', // if not user-specified
-    sourceLoaderOptions = {},
+    mdxBabelOptions,
+    configureJSX = true,
+    sourceLoaderOptions = { injectStoryParameters: true },
+    transcludeMarkdown = false,
   } = options;
 
   const mdxLoaderOptions = {
@@ -58,12 +70,32 @@ export function webpack(webpackConfig: any = {}, options: any = {}) {
       ]
     : [];
 
+  let rules = module.rules || [];
+  if (transcludeMarkdown) {
+    rules = [
+      ...rules.filter((rule: any) => rule.test.toString() !== '/\\.md$/'),
+      {
+        test: /\.md$/,
+        use: [
+          {
+            loader: require.resolve('babel-loader'),
+            options: createBabelOptions({ babelOptions, mdxBabelOptions, configureJSX }),
+          },
+          {
+            loader: require.resolve('@mdx-js/loader'),
+            options: mdxLoaderOptions,
+          },
+        ],
+      },
+    ];
+  }
+
   const result = {
     ...webpackConfig,
     module: {
       ...module,
       rules: [
-        ...(module.rules || []),
+        ...rules,
         {
           test: /\.js$/,
           include: new RegExp(`node_modules\\${path.sep}acorn-jsx`),
@@ -81,7 +113,7 @@ export function webpack(webpackConfig: any = {}, options: any = {}) {
           use: [
             {
               loader: require.resolve('babel-loader'),
-              options: createBabelOptions(babelOptions, configureJSX),
+              options: createBabelOptions({ babelOptions, mdxBabelOptions, configureJSX }),
             },
             {
               loader: require.resolve('@mdx-js/loader'),
@@ -98,7 +130,7 @@ export function webpack(webpackConfig: any = {}, options: any = {}) {
           use: [
             {
               loader: require.resolve('babel-loader'),
-              options: createBabelOptions(babelOptions, configureJSX),
+              options: createBabelOptions({ babelOptions, mdxBabelOptions, configureJSX }),
             },
             {
               loader: require.resolve('@mdx-js/loader'),
diff --git a/addons/docs/src/frameworks/ember/config.js b/addons/docs/src/frameworks/ember/config.js
index 9745c9eca4c..8c2ce673d38 100644
--- a/addons/docs/src/frameworks/ember/config.js
+++ b/addons/docs/src/frameworks/ember/config.js
@@ -1,10 +1,9 @@
-import { addParameters } from '@storybook/client-api';
 import { extractArgTypes, extractComponentDescription } from './jsondoc';
 
-addParameters({
+export const parameters = {
   docs: {
     iframeHeight: 80,
     extractArgTypes,
     extractComponentDescription,
   },
-});
+};
diff --git a/addons/docs/src/frameworks/ember/jsondoc.js b/addons/docs/src/frameworks/ember/jsondoc.js
index c9d95fedac6..f9e648ebc21 100644
--- a/addons/docs/src/frameworks/ember/jsondoc.js
+++ b/addons/docs/src/frameworks/ember/jsondoc.js
@@ -18,20 +18,21 @@ export const extractArgTypes = (componentName) => {
   if (!componentDoc) {
     return null;
   }
-  const rows = componentDoc.attributes.arguments.map((prop) => {
-    return {
+  return componentDoc.attributes.arguments.reduce((acc, prop) => {
+    acc[prop.name] = {
       name: prop.name,
       defaultValue: prop.defaultValue,
       description: prop.description,
       table: {
+        defaultValue: { summary: prop.defaultValue },
         type: {
           summary: prop.type,
           required: prop.tags.length ? prop.tags.some((tag) => tag.name === 'required') : false,
         },
       },
     };
-  });
-  return { rows };
+    return acc;
+  }, {});
 };
 
 export const extractComponentDescription = (componentName) => {
diff --git a/addons/docs/src/frameworks/html/config.tsx b/addons/docs/src/frameworks/html/config.tsx
new file mode 100644
index 00000000000..143aba939e7
--- /dev/null
+++ b/addons/docs/src/frameworks/html/config.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryFn } from '@storybook/addons';
+
+export const parameters = {
+  docs: {
+    inlineStories: true,
+    prepareForInline: (storyFn: StoryFn<string>) => {
+      const html = storyFn();
+      if (typeof html === 'string') {
+        // eslint-disable-next-line react/no-danger
+        return <div dangerouslySetInnerHTML={{ __html: html }} />;
+      }
+      return <div ref={(node) => (node ? node.appendChild(html) : null)} />;
+    },
+  },
+};
diff --git a/addons/docs/src/frameworks/react/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot b/addons/docs/src/frameworks/react/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot
index 36a0021a621..3f60a5fc45f 100644
--- a/addons/docs/src/frameworks/react/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot
+++ b/addons/docs/src/frameworks/react/__testfixtures__/8894-9511-ts-forward-ref/docgen.snapshot
@@ -2,7 +2,7 @@
 
 exports[`react component properties 8894-9511-ts-forward-ref 1`] = `
 "import React, { forwardRef } from 'react';
-const Button = forwardRef(({
+const Button = /*#__PURE__*/forwardRef(({
   disabled = false,
   variant = 'small',
   children
diff --git a/addons/docs/src/frameworks/react/__testfixtures__/9586-js-react-memo/docgen.snapshot b/addons/docs/src/frameworks/react/__testfixtures__/9586-js-react-memo/docgen.snapshot
index 67c39e90300..e31e4ae1258 100644
--- a/addons/docs/src/frameworks/react/__testfixtures__/9586-js-react-memo/docgen.snapshot
+++ b/addons/docs/src/frameworks/react/__testfixtures__/9586-js-react-memo/docgen.snapshot
@@ -18,7 +18,7 @@ Button.propTypes = {
   label: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired
 };
-const MemoButton = React.memo(Button);
+const MemoButton = /*#__PURE__*/React.memo(Button);
 export const component = MemoButton;
 Button.__docgenInfo = {
   \\"description\\": \\"\\",
diff --git a/addons/docs/src/frameworks/react/config.ts b/addons/docs/src/frameworks/react/config.ts
index c84f20f7025..61a01e8a3af 100644
--- a/addons/docs/src/frameworks/react/config.ts
+++ b/addons/docs/src/frameworks/react/config.ts
@@ -1,6 +1,7 @@
 import { StoryFn } from '@storybook/addons';
 import { extractArgTypes } from './extractArgTypes';
 import { extractComponentDescription } from '../../lib/docgen';
+import { jsxDecorator } from './jsxDecorator';
 
 export const parameters = {
   docs: {
@@ -11,3 +12,5 @@ export const parameters = {
     extractComponentDescription,
   },
 };
+
+export const decorators = [jsxDecorator];
diff --git a/addons/docs/src/frameworks/react/extractProps.ts b/addons/docs/src/frameworks/react/extractProps.ts
index be03ff06f9b..9fc460e5d99 100644
--- a/addons/docs/src/frameworks/react/extractProps.ts
+++ b/addons/docs/src/frameworks/react/extractProps.ts
@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { isForwardRef, isMemo } from 'react-is';
+import { isMemo } from 'react-is';
 import {
   PropDef,
   hasDocgen,
@@ -29,13 +29,8 @@ function getPropDefs(component: Component, section: string): PropDef[] {
   let processedComponent = component;
 
   // eslint-disable-next-line react/forbid-foreign-prop-types
-  if (!hasDocgen(component) && !component.propTypes) {
-    if (isForwardRef(component) || component.render) {
-      processedComponent = component.render({}).type;
-    }
-    if (isMemo(component)) {
-      processedComponent = component.type().type;
-    }
+  if (!hasDocgen(component) && !component.propTypes && isMemo(component)) {
+    processedComponent = component.type().type;
   }
 
   const extractedProps = extractComponentProps(processedComponent, section);
diff --git a/addons/docs/src/frameworks/react/jsxDecorator.test.tsx b/addons/docs/src/frameworks/react/jsxDecorator.test.tsx
new file mode 100644
index 00000000000..853c213b2ce
--- /dev/null
+++ b/addons/docs/src/frameworks/react/jsxDecorator.test.tsx
@@ -0,0 +1,182 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */
+import React from 'react';
+import range from 'lodash/range';
+import addons, { StoryContext } from '@storybook/addons';
+import { renderJsx, jsxDecorator } from './jsxDecorator';
+import { SNIPPET_RENDERED } from '../../shared';
+
+jest.mock('@storybook/addons');
+const mockedAddons = addons as jest.Mocked<typeof addons>;
+
+expect.addSnapshotSerializer({
+  print: (val: any) => val,
+  test: (val) => typeof val === 'string',
+});
+
+describe('renderJsx', () => {
+  it('basic', () => {
+    expect(renderJsx(<div>hello</div>, {})).toMatchInlineSnapshot(`
+      <div>
+        hello
+      </div>
+    `);
+  });
+  it('functions', () => {
+    // eslint-disable-next-line no-console
+    const onClick = () => console.log('onClick');
+    expect(renderJsx(<div onClick={onClick}>hello</div>, {})).toMatchInlineSnapshot(`
+      <div onClick={() => {}}>
+        hello
+      </div>
+    `);
+  });
+  it('undefined values', () => {
+    expect(renderJsx(<div className={undefined}>hello</div>, {})).toMatchInlineSnapshot(`
+      <div>
+        hello
+      </div>
+    `);
+  });
+  it('null values', () => {
+    expect(renderJsx(<div className={null}>hello</div>, {})).toMatchInlineSnapshot(`
+      <div className={null}>
+        hello
+      </div>
+    `);
+  });
+  it('large objects', () => {
+    const obj: Record<string, string> = {};
+    range(20).forEach((i) => {
+      obj[`key_${i}`] = `val_${i}`;
+    });
+    expect(renderJsx(<div data-val={obj} />, {})).toMatchInlineSnapshot(`
+      <div
+        data-val={{
+          key_0: 'val_0',
+          key_1: 'val_1',
+          key_10: 'val_10',
+          key_11: 'val_11',
+          key_12: 'val_12',
+          key_13: 'val_13',
+          key_14: 'val_14',
+          key_15: 'val_15',
+          key_16: 'val_16',
+          key_17: 'val_17',
+          key_18: 'val_18',
+          key_19: 'val_19',
+          key_2: 'val_2',
+          key_3: 'val_3',
+          key_4: 'val_4',
+          key_5: 'val_5',
+          key_6: 'val_6',
+          key_7: 'val_7',
+          key_8: 'val_8',
+          key_9: 'val_9'
+        }}
+       />
+    `);
+  });
+
+  it('long arrays', () => {
+    const arr = range(20).map((i) => `item ${i}`);
+    expect(renderJsx(<div data-val={arr} />, {})).toMatchInlineSnapshot(`
+      <div
+        data-val={[
+          'item 0',
+          'item 1',
+          'item 2',
+          'item 3',
+          'item 4',
+          'item 5',
+          'item 6',
+          'item 7',
+          'item 8',
+          'item 9',
+          'item 10',
+          'item 11',
+          'item 12',
+          'item 13',
+          'item 14',
+          'item 15',
+          'item 16',
+          'item 17',
+          'item 18',
+          'item 19'
+        ]}
+       />
+    `);
+  });
+});
+
+// @ts-ignore
+const makeContext = (name: string, parameters: any, args: any): StoryContext => ({
+  id: `jsx-test--${name}`,
+  kind: 'js-text',
+  name,
+  parameters,
+  args,
+});
+
+describe('jsxDecorator', () => {
+  let mockChannel: { on: jest.Mock; emit?: jest.Mock };
+  beforeEach(() => {
+    mockedAddons.getChannel.mockReset();
+
+    mockChannel = { on: jest.fn(), emit: jest.fn() };
+    mockedAddons.getChannel.mockReturnValue(mockChannel as any);
+  });
+
+  it('should render dynamically for args stories', () => {
+    const storyFn = (args: any) => <div>args story</div>;
+    const context = makeContext('args', { __isArgsStory: true }, {});
+    jsxDecorator(storyFn, context);
+    expect(mockChannel.emit).toHaveBeenCalledWith(
+      SNIPPET_RENDERED,
+      'jsx-test--args',
+      '<div>\n  args story\n</div>'
+    );
+  });
+
+  it('should skip dynamic rendering for no-args stories', () => {
+    const storyFn = () => <div>classic story</div>;
+    const context = makeContext('classic', {}, {});
+    jsxDecorator(storyFn, context);
+    expect(mockChannel.emit).not.toHaveBeenCalled();
+  });
+
+  // This is deprecated, but still test it
+  it('allows the snippet output to be modified by onBeforeRender', () => {
+    const storyFn = (args: any) => <div>args story</div>;
+    const onBeforeRender = (dom: string) => `<p>${dom}</p>`;
+    const jsx = { onBeforeRender };
+    const context = makeContext('args', { __isArgsStory: true, jsx }, {});
+    jsxDecorator(storyFn, context);
+    expect(mockChannel.emit).toHaveBeenCalledWith(
+      SNIPPET_RENDERED,
+      'jsx-test--args',
+      '<p><div>\n  args story\n</div></p>'
+    );
+  });
+
+  it('allows the snippet output to be modified by transformSource', () => {
+    const storyFn = (args: any) => <div>args story</div>;
+    const transformSource = (dom: string) => `<p>${dom}</p>`;
+    const jsx = { transformSource };
+    const context = makeContext('args', { __isArgsStory: true, jsx }, {});
+    jsxDecorator(storyFn, context);
+    expect(mockChannel.emit).toHaveBeenCalledWith(
+      SNIPPET_RENDERED,
+      'jsx-test--args',
+      '<p><div>\n  args story\n</div></p>'
+    );
+  });
+
+  it('provides the story context to transformSource', () => {
+    const storyFn = (args: any) => <div>args story</div>;
+    const transformSource = jest.fn();
+    const jsx = { transformSource };
+    const context = makeContext('args', { __isArgsStory: true, jsx }, {});
+    jsxDecorator(storyFn, context);
+    expect(transformSource).toHaveBeenCalledWith('<div>\n  args story\n</div>', context);
+  });
+});
diff --git a/addons/docs/src/frameworks/react/jsxDecorator.tsx b/addons/docs/src/frameworks/react/jsxDecorator.tsx
new file mode 100644
index 00000000000..5069995fd39
--- /dev/null
+++ b/addons/docs/src/frameworks/react/jsxDecorator.tsx
@@ -0,0 +1,165 @@
+import React from 'react';
+import reactElementToJSXString, { Options } from 'react-element-to-jsx-string';
+import dedent from 'ts-dedent';
+import deprecate from 'util-deprecate';
+
+import { addons, StoryContext } from '@storybook/addons';
+import { logger } from '@storybook/client-logger';
+
+import { SourceType, SNIPPET_RENDERED } from '../../shared';
+
+type JSXOptions = Options & {
+  /** How many wrappers to skip when rendering the jsx */
+  skip?: number;
+  /** Whether to show the function in the jsx tab */
+  showFunctions?: boolean;
+  /** Whether to format HTML or Vue markup */
+  enableBeautify?: boolean;
+  /** Override the display name used for a component */
+  displayName?: string | Options['displayName'];
+  /** Deprecated: A function ran after the story is rendered */
+  onBeforeRender?(dom: string): string;
+  /** A function ran after a story is rendered (prefer this over `onBeforeRender`) */
+  transformSource?(dom: string, context?: StoryContext): string;
+};
+
+/** Run the user supplied onBeforeRender function if it exists */
+const applyBeforeRender = (domString: string, options: JSXOptions) => {
+  if (typeof options.onBeforeRender !== 'function') {
+    return domString;
+  }
+
+  const deprecatedOnBeforeRender = deprecate(
+    options.onBeforeRender,
+    dedent`
+      StoryFn.parameters.jsx.onBeforeRender was deprecated.
+      Prefer StoryFn.parameters.jsx.transformSource instead.
+      See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.
+    `
+  );
+
+  return deprecatedOnBeforeRender(domString);
+};
+
+/** Run the user supplied transformSource function if it exists */
+const applyTransformSource = (domString: string, options: JSXOptions, context?: StoryContext) => {
+  if (typeof options.transformSource !== 'function') {
+    return domString;
+  }
+
+  return options.transformSource(domString, context);
+};
+
+/** Apply the users parameters and render the jsx for a story */
+export const renderJsx = (code: React.ReactElement, options: JSXOptions) => {
+  if (typeof code === 'undefined') {
+    logger.warn('Too many skip or undefined component');
+    return null;
+  }
+
+  let renderedJSX = code;
+  const Type = renderedJSX.type;
+
+  for (let i = 0; i < options.skip; i += 1) {
+    if (typeof renderedJSX === 'undefined') {
+      logger.warn('Cannot skip undefined element');
+      return null;
+    }
+
+    if (React.Children.count(renderedJSX) > 1) {
+      logger.warn('Trying to skip an array of elements');
+      return null;
+    }
+
+    if (typeof renderedJSX.props.children === 'undefined') {
+      logger.warn('Not enough children to skip elements.');
+
+      if (typeof Type === 'function' && Type.name === '') {
+        renderedJSX = <Type {...renderedJSX.props} />;
+      }
+    } else if (typeof renderedJSX.props.children === 'function') {
+      renderedJSX = renderedJSX.props.children();
+    } else {
+      renderedJSX = renderedJSX.props.children;
+    }
+  }
+
+  const displayNameDefaults =
+    typeof options.displayName === 'string'
+      ? { showFunctions: true, displayName: () => options.displayName }
+      : {};
+
+  const filterDefaults = {
+    filterProps: (value: any, key: string): boolean => value !== undefined,
+  };
+
+  const opts = {
+    ...displayNameDefaults,
+    ...filterDefaults,
+    ...options,
+  };
+
+  const result = React.Children.map(code, (c) => {
+    // @ts-ignore FIXME: workaround react-element-to-jsx-string
+    const child = typeof c === 'number' ? c.toString() : c;
+    let string = applyBeforeRender(reactElementToJSXString(child, opts as Options), options);
+    const matches = string.match(/\S+=\\"([^"]*)\\"/g);
+
+    if (matches) {
+      matches.forEach((match) => {
+        string = string.replace(match, match.replace(/&quot;/g, "'"));
+      });
+    }
+
+    return string;
+  }).join('\n');
+
+  return result.replace(/function\s+noRefCheck\(\)\s+\{\}/, '() => {}');
+};
+
+const defaultOpts = {
+  skip: 0,
+  showFunctions: false,
+  enableBeautify: true,
+};
+
+export const skipJsxRender = (context: StoryContext) => {
+  const sourceParams = context?.parameters.docs?.source;
+  const isArgsStory = context?.parameters.__isArgsStory;
+
+  // always render if the user forces it
+  if (sourceParams?.type === SourceType.DYNAMIC) {
+    return false;
+  }
+
+  // never render if the user is forcing the block to render code, or
+  // if the user provides code, or if it's not an args story.
+  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
+};
+
+export const jsxDecorator = (storyFn: any, context: StoryContext) => {
+  const story = storyFn();
+
+  // We only need to render JSX if the source block is actually going to
+  // consume it. Otherwise it's just slowing us down.
+  if (skipJsxRender(context)) {
+    return story;
+  }
+
+  const channel = addons.getChannel();
+
+  const options = {
+    ...defaultOpts,
+    ...(context?.parameters.jsx || {}),
+  } as Required<JSXOptions>;
+
+  let jsx = '';
+  const rendered = renderJsx(story, options);
+  if (rendered) {
+    jsx = applyTransformSource(rendered, options, context);
+  }
+
+  channel.emit(SNIPPET_RENDERED, (context || {}).id, jsx);
+
+  return story;
+};
diff --git a/addons/docs/src/frameworks/react/lib/defaultValues/createFromRawDefaultProp.ts b/addons/docs/src/frameworks/react/lib/defaultValues/createFromRawDefaultProp.ts
index cf20749ff8d..5041f189197 100644
--- a/addons/docs/src/frameworks/react/lib/defaultValues/createFromRawDefaultProp.ts
+++ b/addons/docs/src/frameworks/react/lib/defaultValues/createFromRawDefaultProp.ts
@@ -45,7 +45,7 @@ function generateReactObject(rawDefaultProp: any) {
   const { type } = rawDefaultProp;
   const { displayName } = type;
 
-  const jsx = reactElementToJSXString(rawDefaultProp);
+  const jsx = reactElementToJSXString(rawDefaultProp, {});
 
   if (displayName != null) {
     const prettyIdentifier = getPrettyElementIdentifier(displayName);
diff --git a/addons/docs/src/frameworks/react/react-argtypes.stories.tsx b/addons/docs/src/frameworks/react/react-argtypes.stories.tsx
index 5441c838cad..c661df23d55 100644
--- a/addons/docs/src/frameworks/react/react-argtypes.stories.tsx
+++ b/addons/docs/src/frameworks/react/react-argtypes.stories.tsx
@@ -1,18 +1,17 @@
 import React, { useState } from 'react';
 import mapValues from 'lodash/mapValues';
-import { storiesOf } from '@storybook/react';
+import { storiesOf, StoryContext } from '@storybook/react';
 import { ArgsTable } from '@storybook/components';
 import { Args } from '@storybook/api';
-import { combineParameters } from '@storybook/client-api';
+import { inferControls } from '@storybook/client-api';
 
 import { extractArgTypes } from './extractArgTypes';
-import { inferControls } from '../common/inferControls';
 import { Component } from '../../blocks';
 
 const argsTableProps = (component: Component) => {
   const argTypes = extractArgTypes(component);
-  const controls = inferControls(argTypes);
-  const rows = combineParameters(argTypes, controls);
+  const parameters = { __isArgsStory: true, argTypes };
+  const rows = inferControls(({ parameters } as unknown) as StoryContext);
   return { rows };
 };
 
@@ -55,12 +54,13 @@ const typescriptFixtures = [
   'scalars',
   'tuples',
   'unions',
+  'optionals',
 ];
 
 const typescriptStories = storiesOf('ArgTypes/TypeScript', module);
 typescriptFixtures.forEach((fixture) => {
   // eslint-disable-next-line import/no-dynamic-require, global-require, no-shadow
-  const { Component } = require(`../../lib/sbtypes/__testfixtures__/typescript/${fixture}`);
+  const { Component } = require(`../../lib/convert/__testfixtures__/typescript/${fixture}`);
   typescriptStories.add(fixture, () => <ArgsStory component={Component} />);
 });
 
@@ -69,7 +69,7 @@ const proptypesFixtures = ['arrays', 'enums', 'misc', 'objects', 'react', 'scala
 const proptypesStories = storiesOf('ArgTypes/PropTypes', module);
 proptypesFixtures.forEach((fixture) => {
   // eslint-disable-next-line import/no-dynamic-require, global-require, no-shadow
-  const { Component } = require(`../../lib/sbtypes/__testfixtures__/proptypes/${fixture}`);
+  const { Component } = require(`../../lib/convert/__testfixtures__/proptypes/${fixture}`);
   proptypesStories.add(fixture, () => <ArgsStory component={Component} />);
 });
 
diff --git a/addons/docs/src/frameworks/svelte/HOC.svelte b/addons/docs/src/frameworks/svelte/HOC.svelte
new file mode 100644
index 00000000000..12cf1cf5e20
--- /dev/null
+++ b/addons/docs/src/frameworks/svelte/HOC.svelte
@@ -0,0 +1,19 @@
+<script>
+  import { onMount } from 'svelte';
+
+  export let component;
+  export let props;
+  let child;
+
+  const hash = `svelte mounter ${Math.floor(Math.random() * 100)}`;
+
+  onMount(() => {
+    child = new component({
+      target: document.getElementById(hash),
+      props,
+    });
+  });
+</script>
+
+<svelte:options accessors={true} />
+<div id={hash} />
diff --git a/addons/docs/src/frameworks/svelte/config.ts b/addons/docs/src/frameworks/svelte/config.ts
new file mode 100644
index 00000000000..4a4fd37a39f
--- /dev/null
+++ b/addons/docs/src/frameworks/svelte/config.ts
@@ -0,0 +1,12 @@
+import { extractArgTypes } from './extractArgTypes';
+import { extractComponentDescription } from '../../lib/docgen';
+import { prepareForInline } from './prepareForInline';
+
+export const parameters = {
+  docs: {
+    inlineStories: true,
+    prepareForInline,
+    extractArgTypes,
+    extractComponentDescription,
+  },
+};
diff --git a/addons/docs/src/frameworks/svelte/extractArgTypes.test.ts b/addons/docs/src/frameworks/svelte/extractArgTypes.test.ts
new file mode 100644
index 00000000000..81543fc3648
--- /dev/null
+++ b/addons/docs/src/frameworks/svelte/extractArgTypes.test.ts
@@ -0,0 +1,94 @@
+import svelteDoc from 'sveltedoc-parser';
+import * as fs from 'fs';
+import { createArgTypes } from './extractArgTypes';
+
+const content = fs.readFileSync(`${__dirname}/sample/MockButton.svelte`, 'utf-8');
+
+describe('Extracting Arguments', () => {
+  it('should be svelte', () => {
+    expect(content).toMatchInlineSnapshot(`
+      <script>
+        import { createEventDispatcher, afterUpdate } from 'svelte';
+        export let text = '';
+        export let rounded = true;
+
+        const dispatch = createEventDispatcher();
+
+        function onClick(event) {
+          rounded = !rounded;
+
+          dispatch('click', event);
+        }
+
+        afterUpdate(() => {
+          dispatch('afterUpdate');
+        });
+      </script>
+      <style>
+        .rounded {
+          border-radius: 35px;
+        }
+
+        .button {
+          border: 3px solid;
+          padding: 10px 20px;
+          background-color: white;
+          outline: none;
+        }
+      </style>
+      <svelte:options accessors="{true}">
+      </svelte:options>
+      <button class="button"
+              class:rounded
+              on:click="{onClick}"
+      >
+        <strong>
+          {rounded ? 'Round' : 'Square'} corners
+        </strong>
+        <br>
+        {text}
+        <slot>
+        </slot>
+      </button>
+    `);
+  });
+
+  it('should generate ArgTypes', async () => {
+    const doc = await svelteDoc.parse({ fileContent: content, version: 3 });
+
+    const results = createArgTypes(doc);
+
+    expect(results).toMatchInlineSnapshot(`
+      Object {
+        "rounded": Object {
+          "control": Object {
+            "type": "boolean",
+          },
+          "defaultValue": true,
+          "description": null,
+          "name": "rounded",
+          "table": Object {
+            "defaultValue": Object {
+              "summary": true,
+            },
+          },
+          "type": Object {},
+        },
+        "text": Object {
+          "control": Object {
+            "type": "text",
+          },
+          "defaultValue": "",
+          "description": null,
+          "name": "text",
+          "table": Object {
+            "defaultValue": Object {
+              "summary": "",
+            },
+          },
+          "type": Object {},
+        },
+      }
+    `);
+  });
+});
diff --git a/addons/docs/src/frameworks/svelte/extractArgTypes.ts b/addons/docs/src/frameworks/svelte/extractArgTypes.ts
new file mode 100644
index 00000000000..c560ce65b28
--- /dev/null
+++ b/addons/docs/src/frameworks/svelte/extractArgTypes.ts
@@ -0,0 +1,83 @@
+import { ArgTypes } from '@storybook/api';
+
+import { ArgTypesExtractor } from '../../lib/docgen';
+
+type ComponentWithDocgen = {
+  __docgen: Docgen;
+};
+
+type Docgen = {
+  components: [];
+  computed: [];
+  data: [
+    {
+      defaultValue: any;
+      description: string;
+      keywords: [];
+      kind: string;
+      name: string;
+      readonly: boolean;
+      static: boolean;
+      type: { kind: string; text: string; type: string };
+      visibility: string;
+    }
+  ];
+  description: null;
+  events: [];
+  keywords: [];
+  methods: [];
+  name: string;
+  refs: [];
+  slots: [];
+  version: number;
+};
+
+export const extractArgTypes: ArgTypesExtractor = (component) => {
+  // eslint-disable-next-line new-cap
+  const comp: ComponentWithDocgen = new component({ props: {} });
+  // eslint-disable-next-line no-underscore-dangle
+  const docs = comp.__docgen;
+
+  const results = createArgTypes(docs);
+
+  return results;
+};
+
+export const createArgTypes = (docs: Docgen) => {
+  const results: ArgTypes = {};
+  docs.data.forEach((item) => {
+    results[item.name] = {
+      control: { type: parseType(item.type.type) },
+      name: item.name,
+      description: item.description,
+      type: {},
+      defaultValue: item.defaultValue,
+      table: {
+        defaultValue: {
+          summary: item.defaultValue,
+        },
+      },
+    };
+  });
+
+  return results;
+};
+
+/**
+ * Function to convert the type from sveltedoc-parser to a storybook type
+ * @param typeName
+ * @returns string
+ */
+const parseType = (typeName: string) => {
+  switch (typeName) {
+    case 'string':
+      return 'text';
+
+    case 'enum':
+      return 'radio';
+    case 'any':
+      return 'object';
+    default:
+      return typeName;
+  }
+};
diff --git a/addons/docs/src/frameworks/svelte/prepareForInline.ts b/addons/docs/src/frameworks/svelte/prepareForInline.ts
new file mode 100644
index 00000000000..5496bf45a1e
--- /dev/null
+++ b/addons/docs/src/frameworks/svelte/prepareForInline.ts
@@ -0,0 +1,26 @@
+import { StoryFn, StoryContext } from '@storybook/addons';
+
+import React from 'react';
+
+// @ts-ignore
+import HOC from './HOC.svelte';
+
+export const prepareForInline = (storyFn: StoryFn, context: StoryContext) => {
+  // @ts-ignore
+  const story: { Component: any; props: any } = storyFn();
+  const el = React.useRef(null);
+  React.useEffect(() => {
+    const root = new HOC({
+      target: el.current,
+      props: {
+        component: story.Component,
+        context,
+        props: story.props,
+        slot: story.Component,
+      },
+    });
+    return () => root.$destroy();
+  });
+
+  return React.createElement('div', { ref: el });
+};
diff --git a/addons/docs/src/frameworks/svelte/preset.ts b/addons/docs/src/frameworks/svelte/preset.ts
new file mode 100644
index 00000000000..f68fa8ce340
--- /dev/null
+++ b/addons/docs/src/frameworks/svelte/preset.ts
@@ -0,0 +1,13 @@
+import path from 'path';
+
+import { Configuration } from 'webpack';
+
+export function webpackFinal(webpackConfig: Configuration, options: any = {}) {
+  webpackConfig.module.rules.push({
+    test: /\.svelte$/,
+    loader: path.resolve(`${__dirname}/svelte-docgen-loader`),
+    enforce: 'pre',
+  });
+
+  return webpackConfig;
+}
diff --git a/addons/docs/src/frameworks/svelte/sample/MockButton.svelte b/addons/docs/src/frameworks/svelte/sample/MockButton.svelte
new file mode 100644
index 00000000000..9aa293e9a5d
--- /dev/null
+++ b/addons/docs/src/frameworks/svelte/sample/MockButton.svelte
@@ -0,0 +1,38 @@
+<script>
+  import { createEventDispatcher, afterUpdate } from 'svelte';
+  export let text = '';
+  export let rounded = true;
+
+  const dispatch = createEventDispatcher();
+
+  function onClick(event) {
+    rounded = !rounded;
+
+    dispatch('click', event);
+  }
+
+  afterUpdate(() => {
+    dispatch('afterUpdate');
+  });
+</script>
+
+<style>
+  .rounded {
+    border-radius: 35px;
+  }
+
+  .button {
+    border: 3px solid;
+    padding: 10px 20px;
+    background-color: white;
+    outline: none;
+  }
+</style>
+
+<svelte:options accessors={true} />
+<button class="button" class:rounded on:click={onClick}>
+  <strong>{rounded ? 'Round' : 'Square'} corners</strong>
+  <br />
+  {text}
+  <slot />
+</button>
diff --git a/addons/docs/src/frameworks/svelte/svelte-docgen-loader.ts b/addons/docs/src/frameworks/svelte/svelte-docgen-loader.ts
new file mode 100644
index 00000000000..ca853d29ebc
--- /dev/null
+++ b/addons/docs/src/frameworks/svelte/svelte-docgen-loader.ts
@@ -0,0 +1,38 @@
+import svelteDoc from 'sveltedoc-parser';
+
+import * as path from 'path';
+
+/**
+ * webpack loader for sveltedoc-parser
+ * @param source raw svelte component
+ */
+export default async function svelteDocgen(source: string) {
+  // get filename for source content
+  // eslint-disable-next-line no-underscore-dangle
+  const file = path.basename(this._module.resource);
+
+  // set SvelteDoc options
+  const options = {
+    fileContent: source,
+    version: 3,
+  };
+
+  let docgen = '';
+
+  try {
+    const componentDoc = await svelteDoc.parse(options);
+
+    // populate filename in docgen
+    componentDoc.name = path.basename(file);
+
+    docgen = `
+    export const __docgen = ${JSON.stringify(componentDoc)};
+  `;
+  } catch (error) {
+    console.error(error);
+  }
+  // inject __docgen prop in svelte component
+  const output = source.replace('</script>', `${docgen}</script>`);
+
+  return output;
+}
diff --git a/addons/docs/src/frameworks/vue/config.ts b/addons/docs/src/frameworks/vue/config.ts
new file mode 100644
index 00000000000..4a4fd37a39f
--- /dev/null
+++ b/addons/docs/src/frameworks/vue/config.ts
@@ -0,0 +1,12 @@
+import { extractArgTypes } from './extractArgTypes';
+import { extractComponentDescription } from '../../lib/docgen';
+import { prepareForInline } from './prepareForInline';
+
+export const parameters = {
+  docs: {
+    inlineStories: true,
+    prepareForInline,
+    extractArgTypes,
+    extractComponentDescription,
+  },
+};
diff --git a/addons/docs/src/frameworks/vue/config.tsx b/addons/docs/src/frameworks/vue/config.tsx
deleted file mode 100644
index f796827b56b..00000000000
--- a/addons/docs/src/frameworks/vue/config.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import toReact from '@egoist/vue-to-react';
-import { StoryFn } from '@storybook/addons';
-import { addParameters } from '@storybook/client-api';
-import { extractArgTypes } from './extractArgTypes';
-import { extractComponentDescription } from '../../lib/docgen';
-
-addParameters({
-  docs: {
-    inlineStories: true,
-    prepareForInline: (storyFn: StoryFn) => {
-      const Story = toReact(storyFn());
-      return <Story />;
-    },
-    extractArgTypes,
-    extractComponentDescription,
-  },
-});
diff --git a/addons/docs/src/frameworks/vue/extractArgTypes.ts b/addons/docs/src/frameworks/vue/extractArgTypes.ts
index 8ee12409c1d..ca65e50f1e3 100644
--- a/addons/docs/src/frameworks/vue/extractArgTypes.ts
+++ b/addons/docs/src/frameworks/vue/extractArgTypes.ts
@@ -1,7 +1,7 @@
 import { ArgTypes } from '@storybook/api';
 import { ArgTypesExtractor, hasDocgen, extractComponentProps } from '../../lib/docgen';
-import { convert } from '../../lib/sbtypes';
-import { trimQuotes } from '../../lib/sbtypes/utils';
+import { convert } from '../../lib/convert';
+import { trimQuotes } from '../../lib/convert/utils';
 
 const SECTIONS = ['props', 'events', 'slots'];
 
@@ -15,17 +15,24 @@ export const extractArgTypes: ArgTypesExtractor = (component) => {
   SECTIONS.forEach((section) => {
     const props = extractComponentProps(component, section);
     props.forEach(({ propDef, docgenInfo, jsDocTags }) => {
-      const { name, type, description, defaultValue, required } = propDef;
+      const { name, type, description, defaultValue: defaultSummary, required } = propDef;
       const sbType = section === 'props' ? convert(docgenInfo) : { name: 'void' };
+      let defaultValue = defaultSummary && (defaultSummary.detail || defaultSummary.summary);
+      try {
+        // eslint-disable-next-line no-eval
+        defaultValue = eval(defaultValue);
+        // eslint-disable-next-line no-empty
+      } catch {}
+
       results[name] = {
         name,
         description,
         type: { required, ...sbType },
-        defaultValue: defaultValue && trim(defaultValue.detail || defaultValue.summary),
+        defaultValue,
         table: {
           type,
           jsDocTags,
-          defaultValue,
+          defaultValue: defaultSummary,
           category: section,
         },
       };
diff --git a/addons/docs/src/frameworks/vue/prepareForInline.ts b/addons/docs/src/frameworks/vue/prepareForInline.ts
new file mode 100644
index 00000000000..fdb278ee964
--- /dev/null
+++ b/addons/docs/src/frameworks/vue/prepareForInline.ts
@@ -0,0 +1,36 @@
+/* eslint-disable react/no-this-in-sfc */
+import React from 'react';
+import Vue from 'vue';
+import { StoryFn, StoryContext } from '@storybook/addons';
+
+// Inspired by https://github.com/egoist/vue-to-react,
+// modified to store args as props in the root store
+
+// FIXME get this from @storybook/vue
+const COMPONENT = 'STORYBOOK_COMPONENT';
+const VALUES = 'STORYBOOK_VALUES';
+
+export const prepareForInline = (storyFn: StoryFn, { args }: StoryContext) => {
+  const component = storyFn();
+  const el = React.useRef(null);
+
+  // FIXME: This recreates the Vue instance every time, which should be optimized
+  React.useEffect(() => {
+    const root = new Vue({
+      el: el.current,
+      data() {
+        return {
+          [COMPONENT]: component,
+          [VALUES]: args,
+        };
+      },
+      render(h) {
+        const children = this[COMPONENT] ? [h(this[COMPONENT])] : undefined;
+        return h('div', { attrs: { id: 'root' } }, children);
+      },
+    });
+    return () => root.$destroy();
+  });
+
+  return React.createElement('div', null, React.createElement('div', { ref: el }));
+};
diff --git a/addons/docs/src/frameworks/vue/preset.ts b/addons/docs/src/frameworks/vue/preset.ts
index f7452659969..9613eaa38b6 100644
--- a/addons/docs/src/frameworks/vue/preset.ts
+++ b/addons/docs/src/frameworks/vue/preset.ts
@@ -1,7 +1,7 @@
 export function webpackFinal(webpackConfig: any = {}, options: any = {}) {
   webpackConfig.module.rules.push({
     test: /\.vue$/,
-    loader: 'vue-docgen-loader',
+    loader: require.resolve('vue-docgen-loader', { paths: [require.resolve('@storybook/vue')] }),
     enforce: 'post',
     options: {
       docgenOptions: {
diff --git a/addons/docs/src/frameworks/web-components/config.js b/addons/docs/src/frameworks/web-components/config.js
index 18eec305f12..12e5c134d2c 100644
--- a/addons/docs/src/frameworks/web-components/config.js
+++ b/addons/docs/src/frameworks/web-components/config.js
@@ -1,11 +1,10 @@
 /* global window */
 /* eslint-disable import/no-extraneous-dependencies */
-import { addParameters } from '@storybook/client-api';
 import React from 'react';
 import { render } from 'lit-html';
 import { extractArgTypes, extractComponentDescription } from './custom-elements';
 
-addParameters({
+export const parameters = {
   docs: {
     extractArgTypes,
     extractComponentDescription,
@@ -25,8 +24,7 @@ addParameters({
           return React.createElement('div', { ref: this.wrapperRef });
         }
       }
-
       return React.createElement(Story);
     },
   },
-});
+};
diff --git a/addons/docs/src/frameworks/web-components/custom-elements.ts b/addons/docs/src/frameworks/web-components/custom-elements.ts
index 9752ca667dd..432f08cab72 100644
--- a/addons/docs/src/frameworks/web-components/custom-elements.ts
+++ b/addons/docs/src/frameworks/web-components/custom-elements.ts
@@ -1,6 +1,7 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import { getCustomElements, isValidComponent, isValidMetaData } from '@storybook/web-components';
 import { ArgTypes } from '@storybook/api';
+import { logger } from '@storybook/client-logger';
 
 interface TagItem {
   name: string;
@@ -16,6 +17,7 @@ interface Tag {
   attributes?: TagItem[];
   properties?: TagItem[];
   events?: TagItem[];
+  methods?: TagItem[];
   slots?: TagItem[];
   cssProperties?: TagItem[];
   cssParts?: TagItem[];
@@ -55,40 +57,39 @@ function mapData(data: TagItem[], category: string) {
   );
 }
 
-function isEmpty(obj: object) {
-  return Object.entries(obj).length === 0 && obj.constructor === Object;
-}
-
-export const extractArgTypesFromElements = (tagName: string, customElements: CustomElements) => {
+const getMetaData = (tagName: string, customElements: CustomElements) => {
   if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
     return null;
   }
   const metaData = customElements.tags.find(
     (tag) => tag.name.toUpperCase() === tagName.toUpperCase()
   );
-  const argTypes = {
-    ...mapData(metaData.attributes, 'attributes'),
-    ...mapData(metaData.properties, 'properties'),
-    ...mapData(metaData.events, 'events'),
-    ...mapData(metaData.slots, 'slots'),
-    ...mapData(metaData.cssProperties, 'css custom properties'),
-    ...mapData(metaData.cssParts, 'css shadow parts'),
-  };
-  return argTypes;
+  if (!metaData) {
+    logger.warn(`Component not found in custom-elements.json: ${tagName}`);
+  }
+  return metaData;
+};
+
+export const extractArgTypesFromElements = (tagName: string, customElements: CustomElements) => {
+  const metaData = getMetaData(tagName, customElements);
+  return (
+    metaData && {
+      ...mapData(metaData.attributes, 'attributes'),
+      ...mapData(metaData.properties, 'properties'),
+      ...mapData(metaData.events, 'events'),
+      ...mapData(metaData.methods, 'methods'),
+      ...mapData(metaData.slots, 'slots'),
+      ...mapData(metaData.cssProperties, 'css custom properties'),
+      ...mapData(metaData.cssParts, 'css shadow parts'),
+    }
+  );
 };
 
 export const extractArgTypes = (tagName: string) => {
-  const customElements: CustomElements = getCustomElements();
-  return extractArgTypesFromElements(tagName, customElements);
+  return extractArgTypesFromElements(tagName, getCustomElements());
 };
 
 export const extractComponentDescription = (tagName: string) => {
-  const customElements: CustomElements = getCustomElements();
-  if (!isValidComponent(tagName) || !isValidMetaData(customElements)) {
-    return null;
-  }
-  const metaData = customElements.tags.find(
-    (tag) => tag.name.toUpperCase() === tagName.toUpperCase()
-  );
+  const metaData = getMetaData(tagName, getCustomElements());
   return metaData && metaData.description;
 };
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/arrays.js b/addons/docs/src/lib/convert/__testfixtures__/proptypes/arrays.js
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/arrays.js
rename to addons/docs/src/lib/convert/__testfixtures__/proptypes/arrays.js
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/enums.js b/addons/docs/src/lib/convert/__testfixtures__/proptypes/enums.js
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/enums.js
rename to addons/docs/src/lib/convert/__testfixtures__/proptypes/enums.js
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/misc.js b/addons/docs/src/lib/convert/__testfixtures__/proptypes/misc.js
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/misc.js
rename to addons/docs/src/lib/convert/__testfixtures__/proptypes/misc.js
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/objects.js b/addons/docs/src/lib/convert/__testfixtures__/proptypes/objects.js
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/objects.js
rename to addons/docs/src/lib/convert/__testfixtures__/proptypes/objects.js
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/react.js b/addons/docs/src/lib/convert/__testfixtures__/proptypes/react.js
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/react.js
rename to addons/docs/src/lib/convert/__testfixtures__/proptypes/react.js
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/scalars.js b/addons/docs/src/lib/convert/__testfixtures__/proptypes/scalars.js
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/proptypes/scalars.js
rename to addons/docs/src/lib/convert/__testfixtures__/proptypes/scalars.js
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/aliases.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/aliases.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/aliases.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/aliases.tsx
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/arrays.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/arrays.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/arrays.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/arrays.tsx
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/enums.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/enums.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/enums.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/enums.tsx
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/functions.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/functions.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/functions.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/functions.tsx
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/interfaces.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/interfaces.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/interfaces.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/interfaces.tsx
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/intersections.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/intersections.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/intersections.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/intersections.tsx
diff --git a/addons/docs/src/lib/convert/__testfixtures__/typescript/optionals.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/optionals.tsx
new file mode 100644
index 00000000000..cced6cf2007
--- /dev/null
+++ b/addons/docs/src/lib/convert/__testfixtures__/typescript/optionals.tsx
@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+
+interface Props {
+  any?: any;
+  string?: string;
+  bool?: boolean;
+  number?: number;
+  symbol?: symbol;
+  readonly readonlyPrimitive?: string;
+}
+export const Component: FC<Props> = ({
+  any = 'foo',
+  string = 'bar',
+  bool = true,
+  number = 4,
+  ...rest
+}: Props) => {
+  const props = { any, string, bool, number, ...rest };
+  return <>JSON.stringify(props)</>;
+};
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/records.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/records.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/records.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/records.tsx
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/scalars.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/scalars.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/scalars.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/scalars.tsx
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/tuples.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/tuples.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/tuples.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/tuples.tsx
diff --git a/addons/docs/src/lib/sbtypes/__testfixtures__/typescript/unions.tsx b/addons/docs/src/lib/convert/__testfixtures__/typescript/unions.tsx
similarity index 100%
rename from addons/docs/src/lib/sbtypes/__testfixtures__/typescript/unions.tsx
rename to addons/docs/src/lib/convert/__testfixtures__/typescript/unions.tsx
diff --git a/addons/docs/src/lib/sbtypes/convert.test.ts b/addons/docs/src/lib/convert/convert.test.ts
similarity index 99%
rename from addons/docs/src/lib/sbtypes/convert.test.ts
rename to addons/docs/src/lib/convert/convert.test.ts
index 337586d82f4..0cbdb3a324f 100644
--- a/addons/docs/src/lib/sbtypes/convert.test.ts
+++ b/addons/docs/src/lib/convert/convert.test.ts
@@ -4,7 +4,7 @@ import { transformSync } from '@babel/core';
 import requireFromString from 'require-from-string';
 import fs from 'fs';
 
-import { convert } from './convert';
+import { convert } from './index';
 import { normalizeNewlines } from '../utils';
 
 expect.addSnapshotSerializer({
diff --git a/addons/docs/src/lib/convert/flow/convert.ts b/addons/docs/src/lib/convert/flow/convert.ts
new file mode 100644
index 00000000000..b9ef15867ea
--- /dev/null
+++ b/addons/docs/src/lib/convert/flow/convert.ts
@@ -0,0 +1,55 @@
+/* eslint-disable no-case-declarations */
+import { SBType } from '@storybook/client-api';
+import { FlowType, FlowSigType, FlowLiteralType } from './types';
+
+const isLiteral = (type: FlowType) => type.name === 'literal';
+const toEnumOption = (element: FlowLiteralType) => element.value.replace(/['|"]/g, '');
+
+const convertSig = (type: FlowSigType) => {
+  switch (type.type) {
+    case 'function':
+      return { name: 'function' };
+    case 'object':
+      const values: any = {};
+      type.signature.properties.forEach((prop) => {
+        values[prop.key] = convert(prop.value);
+      });
+      return {
+        name: 'object',
+        value: values,
+      };
+    default:
+      throw new Error(`Unknown: ${type}`);
+  }
+};
+
+export const convert = (type: FlowType): SBType | void => {
+  const { name, raw } = type;
+  const base: any = {};
+  if (typeof raw !== 'undefined') base.raw = raw;
+  switch (type.name) {
+    case 'literal':
+      return { ...base, name: 'other', value: type.value };
+    case 'string':
+    case 'number':
+    case 'symbol':
+    case 'boolean': {
+      return { ...base, name };
+    }
+    case 'Array': {
+      return { ...base, name: 'array', value: type.elements.map(convert) };
+    }
+    case 'signature':
+      return { ...base, ...convertSig(type) };
+    case 'union':
+      if (type.elements.every(isLiteral)) {
+        return { ...base, name: 'enum', value: type.elements.map(toEnumOption) };
+      }
+      return { ...base, name, value: type.elements.map(convert) };
+
+    case 'intersection':
+      return { ...base, name, value: type.elements.map(convert) };
+    default:
+      return { ...base, name: 'other', value: name };
+  }
+};
diff --git a/addons/docs/src/lib/sbtypes/index.ts b/addons/docs/src/lib/convert/flow/index.ts
similarity index 100%
rename from addons/docs/src/lib/sbtypes/index.ts
rename to addons/docs/src/lib/convert/flow/index.ts
diff --git a/addons/docs/src/lib/convert/flow/types.ts b/addons/docs/src/lib/convert/flow/types.ts
new file mode 100644
index 00000000000..b131ac57552
--- /dev/null
+++ b/addons/docs/src/lib/convert/flow/types.ts
@@ -0,0 +1,56 @@
+interface FlowBaseType {
+  name: string;
+  type?: string;
+  raw?: string;
+  required?: boolean;
+}
+
+type FlowArgType = FlowType;
+
+type FlowCombinationType = FlowBaseType & {
+  name: 'union' | 'intersection';
+  elements: FlowType[];
+};
+
+type FlowFuncSigType = FlowBaseType & {
+  name: 'signature';
+  type: 'function';
+  signature: {
+    arguments: FlowArgType[];
+    return: FlowType;
+  };
+};
+
+type FlowObjectSigType = FlowBaseType & {
+  name: 'signature';
+  type: 'object';
+  signature: {
+    properties: {
+      key: string;
+      value: FlowType;
+    }[];
+  };
+};
+
+type FlowScalarType = FlowBaseType & {
+  name: 'any' | 'boolean' | 'number' | 'void' | 'string' | 'symbol';
+};
+
+export type FlowLiteralType = FlowBaseType & {
+  name: 'literal';
+  value: string;
+};
+
+type FlowArrayType = FlowBaseType & {
+  name: 'Array';
+  elements: FlowType[];
+};
+
+export type FlowSigType = FlowObjectSigType | FlowFuncSigType;
+
+export type FlowType =
+  | FlowScalarType
+  | FlowLiteralType
+  | FlowCombinationType
+  | FlowSigType
+  | FlowArrayType;
diff --git a/addons/docs/src/lib/sbtypes/convert.ts b/addons/docs/src/lib/convert/index.ts
similarity index 66%
rename from addons/docs/src/lib/sbtypes/convert.ts
rename to addons/docs/src/lib/convert/index.ts
index 9b7b0fb4df2..f6cd38a7785 100644
--- a/addons/docs/src/lib/sbtypes/convert.ts
+++ b/addons/docs/src/lib/convert/index.ts
@@ -1,11 +1,13 @@
 import { DocgenInfo } from '../docgen/types';
 import { convert as tsConvert, TSType } from './typescript';
+import { convert as flowConvert, FlowType } from './flow';
 import { convert as propTypesConvert } from './proptypes';
 
 export const convert = (docgenInfo: DocgenInfo) => {
-  const { type, tsType } = docgenInfo;
+  const { type, tsType, flowType } = docgenInfo;
   if (type != null) return propTypesConvert(type);
   if (tsType != null) return tsConvert(tsType as TSType);
+  if (flowType != null) return flowConvert(flowType as FlowType);
 
   return null;
 };
diff --git a/addons/docs/src/lib/sbtypes/proptypes/convert.ts b/addons/docs/src/lib/convert/proptypes/convert.ts
similarity index 84%
rename from addons/docs/src/lib/sbtypes/proptypes/convert.ts
rename to addons/docs/src/lib/convert/proptypes/convert.ts
index 65a8c6a1b24..bc4da957340 100644
--- a/addons/docs/src/lib/sbtypes/proptypes/convert.ts
+++ b/addons/docs/src/lib/convert/proptypes/convert.ts
@@ -1,7 +1,7 @@
 /* eslint-disable no-case-declarations */
 import mapValues from 'lodash/mapValues';
+import { SBType } from '@storybook/client-api';
 import { PTType } from './types';
-import { SBType } from '../types';
 import { trimQuotes } from '../utils';
 
 const SIGNATURE_REGEXP = /^\(.*\) => /;
@@ -43,10 +43,9 @@ export const convert = (type: PTType): SBType | any => {
     case 'elementType':
     default: {
       if (name?.indexOf('|') > 0) {
-        // react-docgen-typescript-loader doesn't always produce proper
-        // enum types, possibly due to https://github.com/strothj/react-docgen-typescript-loader/issues/81
-        // this hack tries to parse out values from the string and should be
-        // removed when RDTL gets a little smarter about this
+        // react-docgen-typescript-plugin doesn't always produce enum-like unions
+        // (like if a user has turned off shouldExtractValuesFromUnion) so here we
+        // try to recover and construct one.
         try {
           const literalValues = name.split('|').map((v: string) => JSON.parse(v));
           return { ...base, name: 'enum', value: literalValues };
diff --git a/addons/docs/src/lib/sbtypes/proptypes/index.ts b/addons/docs/src/lib/convert/proptypes/index.ts
similarity index 100%
rename from addons/docs/src/lib/sbtypes/proptypes/index.ts
rename to addons/docs/src/lib/convert/proptypes/index.ts
diff --git a/addons/docs/src/lib/sbtypes/proptypes/types.ts b/addons/docs/src/lib/convert/proptypes/types.ts
similarity index 100%
rename from addons/docs/src/lib/sbtypes/proptypes/types.ts
rename to addons/docs/src/lib/convert/proptypes/types.ts
diff --git a/addons/docs/src/lib/sbtypes/typescript/convert.ts b/addons/docs/src/lib/convert/typescript/convert.ts
similarity index 96%
rename from addons/docs/src/lib/sbtypes/typescript/convert.ts
rename to addons/docs/src/lib/convert/typescript/convert.ts
index a53d0d79cbc..3affe3e7048 100644
--- a/addons/docs/src/lib/sbtypes/typescript/convert.ts
+++ b/addons/docs/src/lib/convert/typescript/convert.ts
@@ -1,6 +1,6 @@
 /* eslint-disable no-case-declarations */
+import { SBType } from '@storybook/client-api';
 import { TSType, TSSigType } from './types';
-import { SBType } from '../types';
 
 const convertSig = (type: TSSigType) => {
   switch (type.type) {
diff --git a/addons/docs/src/lib/sbtypes/typescript/index.ts b/addons/docs/src/lib/convert/typescript/index.ts
similarity index 100%
rename from addons/docs/src/lib/sbtypes/typescript/index.ts
rename to addons/docs/src/lib/convert/typescript/index.ts
diff --git a/addons/docs/src/lib/sbtypes/typescript/types.ts b/addons/docs/src/lib/convert/typescript/types.ts
similarity index 100%
rename from addons/docs/src/lib/sbtypes/typescript/types.ts
rename to addons/docs/src/lib/convert/typescript/types.ts
diff --git a/addons/docs/src/lib/sbtypes/utils.ts b/addons/docs/src/lib/convert/utils.ts
similarity index 100%
rename from addons/docs/src/lib/sbtypes/utils.ts
rename to addons/docs/src/lib/convert/utils.ts
diff --git a/addons/docs/src/lib/docgen/createPropDef.ts b/addons/docs/src/lib/docgen/createPropDef.ts
index 4e2b1a6bd3c..c25faea5464 100644
--- a/addons/docs/src/lib/docgen/createPropDef.ts
+++ b/addons/docs/src/lib/docgen/createPropDef.ts
@@ -5,7 +5,7 @@ import { createSummaryValue } from '../utils';
 import { createFlowPropDef } from './flow/createPropDef';
 import { isDefaultValueBlacklisted } from './utils/defaultValue';
 import { createTsPropDef } from './typeScript/createPropDef';
-import { convert } from '../sbtypes';
+import { convert } from '../convert';
 
 export type PropDefFactory = (
   propName: string,
diff --git a/addons/docs/src/lib/docgen/extractDocgenProps.ts b/addons/docs/src/lib/docgen/extractDocgenProps.ts
index 099e75f3abd..c7a9090adf4 100644
--- a/addons/docs/src/lib/docgen/extractDocgenProps.ts
+++ b/addons/docs/src/lib/docgen/extractDocgenProps.ts
@@ -33,9 +33,19 @@ export const extractComponentSectionArray = (docgenSection: any) => {
   const typeSystem = getTypeSystem(docgenSection[0]);
   const createPropDef = getPropDefFactory(typeSystem);
 
-  return docgenSection
-    .map((item: any) => extractProp(item.name, item, typeSystem, createPropDef))
-    .filter(Boolean);
+  return docgenSection.map((item: any) => {
+    let sanitizedItem = item;
+    if (item.type?.elements) {
+      sanitizedItem = {
+        ...item,
+        type: {
+          ...item.type,
+          value: item.type.elements,
+        },
+      };
+    }
+    return extractProp(sanitizedItem.name, sanitizedItem, typeSystem, createPropDef);
+  });
 };
 
 export const extractComponentSectionObject = (docgenSection: any) => {
diff --git a/addons/docs/src/lib/docgen/flow/createPropDef.test.ts b/addons/docs/src/lib/docgen/flow/createPropDef.test.ts
index be904ce7af7..4b563e3f86d 100644
--- a/addons/docs/src/lib/docgen/flow/createPropDef.test.ts
+++ b/addons/docs/src/lib/docgen/flow/createPropDef.test.ts
@@ -269,6 +269,80 @@ describe('type', () => {
     expect(type.summary).toBe('number | string');
   });
 
+  it('should support nested union elements', () => {
+    const docgenInfo = createDocgenInfo({
+      flowType: {
+        name: 'union',
+        raw: '"minimum" | "maximum" | UserSize',
+        elements: [
+          {
+            name: 'literal',
+            value: '"minimum"',
+          },
+          {
+            name: 'literal',
+            value: '"maximum"',
+          },
+          {
+            name: 'union',
+            raw: 'string | number',
+            elements: [
+              {
+                name: 'number',
+              },
+              {
+                name: 'string',
+              },
+            ],
+          },
+        ],
+      },
+    });
+
+    const { type } = createFlowPropDef(PROP_NAME, docgenInfo);
+
+    expect(type.summary).toBe('"minimum" | "maximum" | number | string');
+  });
+
+  it('uses raw union value if elements are missing', () => {
+    const docgenInfo = createDocgenInfo({
+      flowType: {
+        name: 'union',
+        raw: '"minimum" | "maximum" | UserSize',
+      },
+    });
+
+    const { type } = createFlowPropDef(PROP_NAME, docgenInfo);
+
+    expect(type.summary).toBe('"minimum" | "maximum" | UserSize');
+  });
+
+  it('removes a leading | if raw union value is used', () => {
+    const docgenInfo = createDocgenInfo({
+      flowType: {
+        name: 'union',
+        raw: '| "minimum" | "maximum" | UserSize',
+      },
+    });
+
+    const { type } = createFlowPropDef(PROP_NAME, docgenInfo);
+
+    expect(type.summary).toBe('"minimum" | "maximum" | UserSize');
+  });
+
+  it('even removes extra spaces after a leading | if raw union value is used', () => {
+    const docgenInfo = createDocgenInfo({
+      flowType: {
+        name: 'union',
+        raw: '|     "minimum" | "maximum" | UserSize',
+      },
+    });
+
+    const { type } = createFlowPropDef(PROP_NAME, docgenInfo);
+
+    expect(type.summary).toBe('"minimum" | "maximum" | UserSize');
+  });
+
   it('should support intersection', () => {
     const docgenInfo = createDocgenInfo({
       flowType: {
diff --git a/addons/docs/src/lib/docgen/flow/createType.ts b/addons/docs/src/lib/docgen/flow/createType.ts
index 5cf193fb53b..2e9d86a93a4 100644
--- a/addons/docs/src/lib/docgen/flow/createType.ts
+++ b/addons/docs/src/lib/docgen/flow/createType.ts
@@ -7,17 +7,41 @@ enum FlowTypesType {
   SIGNATURE = 'signature',
 }
 
-interface DocgenFlowUnionType extends DocgenFlowType {
-  elements: { name: string; value: string }[];
+interface DocgenFlowUnionElement {
+  name: string;
+  value?: string;
+  elements?: DocgenFlowUnionElement[];
+  raw?: string;
 }
 
-function generateUnion({ name, raw, elements }: DocgenFlowUnionType): PropType {
-  if (raw != null) {
-    return createSummaryValue(raw);
+interface DocgenFlowUnionType extends DocgenFlowType {
+  elements: DocgenFlowUnionElement[];
+}
+
+function generateUnionElement({ name, value, elements, raw }: DocgenFlowUnionElement): string {
+  if (value != null) {
+    return value;
   }
 
   if (elements != null) {
-    return createSummaryValue(elements.map((x) => x.value).join(' | '));
+    return elements.map(generateUnionElement).join(' | ');
+  }
+
+  if (raw != null) {
+    return raw;
+  }
+
+  return name;
+}
+
+function generateUnion({ name, raw, elements }: DocgenFlowUnionType): PropType {
+  if (elements != null) {
+    return createSummaryValue(elements.map(generateUnionElement).join(' | '));
+  }
+
+  if (raw != null) {
+    // Flow Unions can be defined with or without a leading `|` character, so try to remove it.
+    return createSummaryValue(raw.replace(/^\|\s*/, ''));
   }
 
   return createSummaryValue(name);
diff --git a/addons/docs/src/lib/sbtypes/types.ts b/addons/docs/src/lib/sbtypes/types.ts
deleted file mode 100644
index d0fbed123f3..00000000000
--- a/addons/docs/src/lib/sbtypes/types.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-interface SBBaseType {
-  required?: boolean;
-  raw?: string;
-}
-
-export type SBScalarType = SBBaseType & {
-  name: 'boolean' | 'string' | 'number' | 'function';
-};
-
-export type SBArrayType = SBBaseType & {
-  name: 'array';
-  value: SBType;
-};
-export type SBObjectType = SBBaseType & {
-  name: 'object';
-  value: Record<string, SBType>;
-};
-export type SBEnumType = SBBaseType & {
-  name: 'enum';
-  value: (string | number)[];
-};
-export type SBIntersectionType = SBBaseType & {
-  name: 'intersection';
-  value: SBType[];
-};
-export type SBUnionType = SBBaseType & {
-  name: 'union';
-  value: SBType[];
-};
-export type SBOtherType = SBBaseType & {
-  name: 'other';
-  value: string;
-};
-
-export type SBType =
-  | SBScalarType
-  | SBEnumType
-  | SBArrayType
-  | SBObjectType
-  | SBIntersectionType
-  | SBUnionType
-  | SBOtherType;
diff --git a/addons/docs/src/lib/utils.ts b/addons/docs/src/lib/utils.ts
index 44725a08695..58f9d75efdf 100644
--- a/addons/docs/src/lib/utils.ts
+++ b/addons/docs/src/lib/utils.ts
@@ -1,14 +1,14 @@
 import { PropSummaryValue } from '@storybook/components';
 
 export const MAX_TYPE_SUMMARY_LENGTH = 90;
-export const MAX_DEFALUT_VALUE_SUMMARY_LENGTH = 50;
+export const MAX_DEFAULT_VALUE_SUMMARY_LENGTH = 50;
 
 export function isTooLongForTypeSummary(value: string): boolean {
   return value.length > MAX_TYPE_SUMMARY_LENGTH;
 }
 
 export function isTooLongForDefaultValueSummary(value: string): boolean {
-  return value.length > MAX_DEFALUT_VALUE_SUMMARY_LENGTH;
+  return value.length > MAX_DEFAULT_VALUE_SUMMARY_LENGTH;
 }
 
 export function createSummaryValue(summary: string, detail?: string): PropSummaryValue {
diff --git a/addons/docs/src/mdx/__testfixtures__/csf-imports.mdx b/addons/docs/src/mdx/__testfixtures__/csf-imports.mdx
new file mode 100644
index 00000000000..3ba992d778a
--- /dev/null
+++ b/addons/docs/src/mdx/__testfixtures__/csf-imports.mdx
@@ -0,0 +1,16 @@
+import { Story, Meta, Canvas } from '@storybook/addon-docs/blocks';
+import { Welcome, Button } from '@storybook/angular/demo';
+import * as MyStories from './My.stories';
+import { Other } from './Other.stories';
+
+<Meta title="MDX/CSF imports" />
+
+# Stories from CSF imports
+
+<Story story={MyStories.Basic} />
+
+<Canvas>
+  <Story story={Other} />
+</Canvas>
+
+<Story name="renamed" story={MyStories.Foo} />
diff --git a/addons/docs/src/mdx/__testfixtures__/csf-imports.output.snapshot b/addons/docs/src/mdx/__testfixtures__/csf-imports.output.snapshot
new file mode 100644
index 00000000000..1cadb82f9dd
--- /dev/null
+++ b/addons/docs/src/mdx/__testfixtures__/csf-imports.output.snapshot
@@ -0,0 +1,63 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`docs-mdx-compiler-plugin csf-imports.mdx 1`] = `
+"/* @jsx mdx */
+import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
+
+import { Story, Meta, Canvas } from '@storybook/addon-docs/blocks';
+import { Welcome, Button } from '@storybook/angular/demo';
+import * as MyStories from './My.stories';
+import { Other } from './Other.stories';
+
+const makeShortcode = (name) =>
+  function MDXDefaultShortcode(props) {
+    console.warn(
+      'Component ' +
+        name +
+        ' was not imported, exported, or provided by MDXProvider as global scope'
+    );
+    return <div {...props} />;
+  };
+
+const layoutProps = {};
+const MDXLayout = 'wrapper';
+function MDXContent({ components, ...props }) {
+  return (
+    <MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
+      <Meta title=\\"MDX/CSF imports\\" mdxType=\\"Meta\\" />
+      <h1>{\`Stories from CSF imports\`}</h1>
+      <Story story={MyStories.Basic} name=\\"_Basic_\\" mdxType=\\"Story\\" />
+      <Canvas mdxType=\\"Canvas\\">
+        <Story story={Other} name=\\"_Other_\\" mdxType=\\"Story\\" />
+      </Canvas>
+      <Story name=\\"renamed\\" story={MyStories.Foo} mdxType=\\"Story\\" />
+    </MDXLayout>
+  );
+}
+
+MDXContent.isMDXComponent = true;
+
+export const _Basic_ = MyStories.Basic;
+
+export const _Other_ = Other;
+
+export const _Foo_ = MyStories.Foo;
+_Foo_.storyName = 'renamed';
+
+const componentMeta = { title: 'MDX/CSF imports', includeStories: ['_Basic_', '_Other_', '_Foo_'] };
+
+const mdxStoryNameToKey = { _Basic_: '_Basic_', _Other_: '_Other_', renamed: '_Foo_' };
+
+componentMeta.parameters = componentMeta.parameters || {};
+componentMeta.parameters.docs = {
+  ...(componentMeta.parameters.docs || {}),
+  page: () => (
+    <AddContext mdxStoryNameToKey={mdxStoryNameToKey} mdxComponentMeta={componentMeta}>
+      <MDXContent />
+    </AddContext>
+  ),
+};
+
+export default componentMeta;
+"
+`;
diff --git a/addons/docs/src/mdx/__testfixtures__/previews.mdx b/addons/docs/src/mdx/__testfixtures__/previews.mdx
index 8ec8874d102..bc69d50c787 100644
--- a/addons/docs/src/mdx/__testfixtures__/previews.mdx
+++ b/addons/docs/src/mdx/__testfixtures__/previews.mdx
@@ -1,13 +1,13 @@
 import { Button } from '@storybook/react/demo';
-import { Preview, Story, Meta } from '@storybook/addon-docs/blocks';
+import { Canvas, Story, Meta } from '@storybook/addon-docs/blocks';
 
 <Meta title="Button" component={Button} parameters={{ notes: 'component notes' }} />
 
-# Preview
+# Canvas
 
-Previews can contain normal components, stories, and story references
+Canvases can contain normal components, stories, and story references
 
-<Preview>
+<Canvas>
   <Button>Just a button</Button>
   <Story name="hello button">
     <Button>Hello button</Button>
@@ -16,11 +16,10 @@ Previews can contain normal components, stories, and story references
     <Button>Two</Button>
   </Story>
   <Story id="welcome--welcome" />
-</Preview>
+</Canvas>
 
+Canvas wthout a story
 
-Preview wthout a story
-
-<Preview>
+<Canvas>
   <Button>Just a button</Button>
-</Preview>
\ No newline at end of file
+</Canvas>
diff --git a/addons/docs/src/mdx/__testfixtures__/previews.output.snapshot b/addons/docs/src/mdx/__testfixtures__/previews.output.snapshot
index 17b6711fa28..2e6da3e0bd4 100644
--- a/addons/docs/src/mdx/__testfixtures__/previews.output.snapshot
+++ b/addons/docs/src/mdx/__testfixtures__/previews.output.snapshot
@@ -5,7 +5,7 @@ exports[`docs-mdx-compiler-plugin previews.mdx 1`] = `
 import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 
 import { Button } from '@storybook/react/demo';
-import { Preview, Story, Meta } from '@storybook/addon-docs/blocks';
+import { Canvas, Story, Meta } from '@storybook/addon-docs/blocks';
 
 const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
@@ -30,9 +30,9 @@ function MDXContent({ components, ...props }) {
         }}
         mdxType=\\"Meta\\"
       />
-      <h1>{\`Preview\`}</h1>
-      <p>{\`Previews can contain normal components, stories, and story references\`}</p>
-      <Preview mdxType=\\"Preview\\">
+      <h1>{\`Canvas\`}</h1>
+      <p>{\`Canvases can contain normal components, stories, and story references\`}</p>
+      <Canvas mdxType=\\"Canvas\\">
         <Button mdxType=\\"Button\\">Just a button</Button>
         <Story name=\\"hello button\\" mdxType=\\"Story\\">
           <Button mdxType=\\"Button\\">Hello button</Button>
@@ -41,11 +41,11 @@ function MDXContent({ components, ...props }) {
           <Button mdxType=\\"Button\\">Two</Button>
         </Story>
         <Story id=\\"welcome--welcome\\" mdxType=\\"Story\\" />
-      </Preview>
-      <p>{\`Preview wthout a story\`}</p>
-      <Preview mdxSource=\\"%0A%3CButton%3EJust%20a%20button%3C/Button%3E%0A\\" mdxType=\\"Preview\\">
+      </Canvas>
+      <p>{\`Canvas wthout a story\`}</p>
+      <Canvas mdxSource=\\"%0A%3CButton%3EJust%20a%20button%3C/Button%3E%0A\\" mdxType=\\"Canvas\\">
         <Button mdxType=\\"Button\\">Just a button</Button>
-      </Preview>
+      </Canvas>
     </MDXLayout>
   );
 }
diff --git a/addons/docs/src/mdx/__testfixtures__/story-args.mdx b/addons/docs/src/mdx/__testfixtures__/story-args.mdx
index 57a20578d9e..6472dbd22a3 100644
--- a/addons/docs/src/mdx/__testfixtures__/story-args.mdx
+++ b/addons/docs/src/mdx/__testfixtures__/story-args.mdx
@@ -5,6 +5,12 @@ import { Story, Meta } from '@storybook/addon-docs/blocks';
 
 # Args
 
-<Story name="component notes" args={{ a: 1, b: 2 }} argTypes={{ a: { name: 'A' }, b: { name: 'B' } }}>
-  <Button>Component notes</Button>
+export const Template = (args) => <Button>Component notes</Button>;
+
+<Story
+  name="component notes"
+  args={{ a: 1, b: 2 }}
+  argTypes={{ a: { name: 'A' }, b: { name: 'B' } }}
+>
+  {Template.bind({})}
 </Story>
diff --git a/addons/docs/src/mdx/__testfixtures__/story-args.output.snapshot b/addons/docs/src/mdx/__testfixtures__/story-args.output.snapshot
index ef73decd103..04a4e851ad9 100644
--- a/addons/docs/src/mdx/__testfixtures__/story-args.output.snapshot
+++ b/addons/docs/src/mdx/__testfixtures__/story-args.output.snapshot
@@ -6,7 +6,7 @@ import { assertIsFn, AddContext } from '@storybook/addon-docs/blocks';
 
 import { Button } from '@storybook/react/demo';
 import { Story, Meta } from '@storybook/addon-docs/blocks';
-
+export const Template = (args) => <Button mdxType=\\"Button\\">Component notes</Button>;
 const makeShortcode = (name) =>
   function MDXDefaultShortcode(props) {
     console.warn(
@@ -17,13 +17,16 @@ const makeShortcode = (name) =>
     return <div {...props} />;
   };
 
-const layoutProps = {};
+const layoutProps = {
+  Template,
+};
 const MDXLayout = 'wrapper';
 function MDXContent({ components, ...props }) {
   return (
     <MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
       <Meta title=\\"Button\\" mdxType=\\"Meta\\" />
       <h1>{\`Args\`}</h1>
+
       <Story
         name=\\"component notes\\"
         args={{
@@ -40,7 +43,7 @@ function MDXContent({ components, ...props }) {
         }}
         mdxType=\\"Story\\"
       >
-        <Button mdxType=\\"Button\\">Component notes</Button>
+        {Template.bind({})}
       </Story>
     </MDXLayout>
   );
@@ -48,7 +51,7 @@ function MDXContent({ components, ...props }) {
 
 MDXContent.isMDXComponent = true;
 
-export const componentNotes = () => <Button>Component notes</Button>;
+export const componentNotes = Template.bind({});
 componentNotes.storyName = 'component notes';
 componentNotes.argTypes = {
   a: {
@@ -62,7 +65,7 @@ componentNotes.args = {
   a: 1,
   b: 2,
 };
-componentNotes.parameters = { storySource: { source: '<Button>Component notes</Button>' } };
+componentNotes.parameters = { storySource: { source: 'args => <Button>Component notes</Button>' } };
 
 const componentMeta = { title: 'Button', includeStories: ['componentNotes'] };
 
diff --git a/addons/docs/src/mdx/mdx-compiler-plugin.js b/addons/docs/src/mdx/mdx-compiler-plugin.js
index be7d6952ba2..82c8053c352 100644
--- a/addons/docs/src/mdx/mdx-compiler-plugin.js
+++ b/addons/docs/src/mdx/mdx-compiler-plugin.js
@@ -8,7 +8,7 @@ const jsStringEscape = require('js-string-escape');
 // story in the contents
 
 const STORY_REGEX = /^<Story[\s>]/;
-const PREVIEW_REGEX = /^<Preview[\s>]/;
+const CANVAS_REGEX = /^<(Preview|Canvas)[\s>]/;
 const META_REGEX = /^<Meta[\s>]/;
 const RESERVED = /^(?:do|if|in|for|let|new|try|var|case|else|enum|eval|false|null|this|true|void|with|await|break|catch|class|const|super|throw|while|yield|delete|export|import|public|return|static|switch|typeof|default|extends|finally|package|private|continue|debugger|function|arguments|interface|protected|implements|instanceof)$/;
 
@@ -41,63 +41,126 @@ function genAttribute(key, element) {
   return undefined;
 }
 
+function genImportStory(ast, storyDef, storyName, context) {
+  const { code: story } = generate(storyDef.expression, {});
+
+  const storyKey = `_${story.split('.').pop()}_`;
+
+  const statements = [`export const ${storyKey} = ${story};`];
+  if (storyName) {
+    // eslint-disable-next-line no-param-reassign
+    context.storyNameToKey[storyName] = storyKey;
+    statements.push(`${storyKey}.storyName = '${storyName}';`);
+  } else {
+    // eslint-disable-next-line no-param-reassign
+    context.storyNameToKey[storyKey] = storyKey;
+    ast.openingElement.attributes.push({
+      type: 'JSXAttribute',
+      name: {
+        type: 'JSXIdentifier',
+        name: 'name',
+      },
+      value: {
+        type: 'StringLiteral',
+        value: storyKey,
+      },
+    });
+  }
+  return {
+    [storyKey]: statements.join('\n'),
+  };
+}
+
+function getBodyPart(bodyNode, context) {
+  const body = bodyNode.type === 'JSXExpressionContainer' ? bodyNode.expression : bodyNode;
+  let sourceBody = body;
+  if (
+    body.type === 'CallExpression' &&
+    body.callee.type === 'MemberExpression' &&
+    body.callee.object.type === 'Identifier' &&
+    body.callee.property.type === 'Identifier' &&
+    body.callee.property.name === 'bind' &&
+    (body.arguments.length === 0 ||
+      (body.arguments.length === 1 &&
+        body.arguments[0].type === 'ObjectExpression' &&
+        body.arguments[0].properties.length === 0))
+  ) {
+    const bound = body.callee.object.name;
+    const namedExport = context.namedExports[bound];
+    if (namedExport) {
+      sourceBody = namedExport;
+    }
+  }
+
+  const { code: storyCode } = generate(body, {});
+  const { code: sourceCode } = generate(sourceBody, {});
+  return { storyCode, sourceCode, body };
+}
+
 function genStoryExport(ast, context) {
   let storyName = getAttr(ast.openingElement, 'name');
   let storyId = getAttr(ast.openingElement, 'id');
+  const storyAttr = getAttr(ast.openingElement, 'story');
   storyName = storyName && storyName.value;
   storyId = storyId && storyId.value;
 
-  if (!storyId && !storyName) {
-    throw new Error('Expected a story name or ID attribute');
+  if (!storyId && !storyName && !storyAttr) {
+    throw new Error('Expected a Story name, id, or story attribute');
   }
 
   // We don't generate exports for story references or the smart "current story"
-  if (storyId || !storyName) {
+  if (storyId) {
     return null;
   }
 
-  // console.log('genStoryExport', JSON.stringify(ast, null, 2));
+  if (storyAttr) {
+    return genImportStory(ast, storyAttr, storyName, context);
+  }
 
   const statements = [];
   const storyKey = getStoryKey(storyName, context.counter);
 
   const bodyNodes = ast.children.filter((n) => n.type !== 'JSXText');
   let storyCode = null;
+  let sourceCode = null;
   let storyVal = null;
   if (!bodyNodes.length) {
     // plain text node
     const { code } = generate(ast.children[0], {});
     storyCode = `'${code}'`;
+    sourceCode = storyCode;
     storyVal = `() => (
       ${storyCode}
     )`;
   } else {
-    const bodyParts = bodyNodes.map((bodyNode) => {
-      const body = bodyNode.type === 'JSXExpressionContainer' ? bodyNode.expression : bodyNode;
-      const { code } = generate(body, {});
-      return { code, body };
-    });
+    const bodyParts = bodyNodes.map((bodyNode) => getBodyPart(bodyNode, context));
     // if we have more than two children
     // 1. Add line breaks
     // 2. Enclose in <> ... </>
-    storyCode = bodyParts.map(({ code }) => code).join('\n');
+    storyCode = bodyParts.map(({ storyCode: code }) => code).join('\n');
+    sourceCode = bodyParts.map(({ sourceCode: code }) => code).join('\n');
     const storyReactCode = bodyParts.length > 1 ? `<>\n${storyCode}\n</>` : storyCode;
     // keep track if an indentifier or function call
     // avoid breaking change for 5.3
-    switch (bodyParts.length === 1 && bodyParts[0].body.type) {
-      // We don't know what type the identifier is, but this code
-      // assumes it's a function from CSF. Let's see who complains!
-      case 'Identifier':
-        storyVal = `assertIsFn(${storyCode})`;
-        break;
-      case 'ArrowFunctionExpression':
-        storyVal = `(${storyCode})`;
-        break;
-      default:
-        storyVal = `() => (
+    const BIND_REGEX = /\.bind\(.*\)/;
+    if (bodyParts.length === 1 && BIND_REGEX.test(bodyParts[0].storyCode)) {
+      storyVal = bodyParts[0].storyCode;
+    } else {
+      switch (bodyParts.length === 1 && bodyParts[0].body.type) {
+        // We don't know what type the identifier is, but this code
+        // assumes it's a function from CSF. Let's see who complains!
+        case 'Identifier':
+          storyVal = `assertIsFn(${storyCode})`;
+          break;
+        case 'ArrowFunctionExpression':
+          storyVal = `(${storyCode})`;
+          break;
+        default:
+          storyVal = `() => (
           ${storyReactCode}
         )`;
-        break;
+          break;
+      }
     }
   }
 
@@ -114,7 +177,7 @@ function genStoryExport(ast, context) {
 
   let parameters = getAttr(ast.openingElement, 'parameters');
   parameters = parameters && parameters.expression;
-  const source = jsStringEscape(storyCode);
+  const source = jsStringEscape(sourceCode);
   const sourceParam = `storySource: { source: '${source}' }`;
   if (parameters) {
     const { code: params } = generate(parameters, {});
@@ -138,22 +201,22 @@ function genStoryExport(ast, context) {
   };
 }
 
-function genPreviewExports(ast, context) {
-  // console.log('genPreviewExports', JSON.stringify(ast, null, 2));
-
-  const previewExports = {};
+function genCanvasExports(ast, context) {
+  const canvasExports = {};
   for (let i = 0; i < ast.children.length; i += 1) {
     const child = ast.children[i];
     if (child.type === 'JSXElement' && child.openingElement.name.name === 'Story') {
       const storyExport = genStoryExport(child, context);
+      const { code } = generate(child, {});
+      child.value = code;
       if (storyExport) {
-        Object.assign(previewExports, storyExport);
+        Object.assign(canvasExports, storyExport);
         // eslint-disable-next-line no-param-reassign
         context.counter += 1;
       }
     }
   }
-  return previewExports;
+  return canvasExports;
 }
 
 function genMeta(ast, options) {
@@ -203,15 +266,27 @@ function getExports(node, counter, options) {
       // Single story
       const ast = parser.parseExpression(value, { plugins: ['jsx'] });
       const storyExport = genStoryExport(ast, counter);
+      const { code } = generate(ast, {});
+      // eslint-disable-next-line no-param-reassign
+      node.value = code;
       return storyExport && { stories: storyExport };
     }
-    if (PREVIEW_REGEX.exec(value)) {
-      // Preview, possibly containing multiple stories
+    if (CANVAS_REGEX.exec(value)) {
+      // Canvas/Preview, possibly containing multiple stories
       const ast = parser.parseExpression(value, { plugins: ['jsx'] });
-      return { stories: genPreviewExports(ast, counter) };
+
+      const canvasExports = genCanvasExports(ast, counter);
+
+      // We're overwriting the Canvas tag here with a version that
+      // has the `name` attribute (e.g. `<Story name="..." story={...} />`)
+      // even if the user didn't provide one. We need the name attribute when
+      // we render the node at runtime.
+      const { code } = generate(ast, {});
+      // eslint-disable-next-line no-param-reassign
+      node.value = code;
+      return { stories: canvasExports };
     }
     if (META_REGEX.exec(value)) {
-      // Preview, possibly containing multiple stories
       const ast = parser.parseExpression(value, { plugins: ['jsx'] });
       return { meta: genMeta(ast, options) };
     }
@@ -253,19 +328,59 @@ const hasStoryChild = (node) => {
   return null;
 };
 
-function extractExports(node, options) {
-  node.children.forEach((child) => {
+const getMdxSource = (children) =>
+  encodeURI(
+    children
+      .map(
+        (el) =>
+          generate(el, {
+            quotes: 'double',
+          }).code
+      )
+      .join('\n')
+  );
+
+// Parse out the named exports from a node, where the key
+// is the variable name and the value is the AST of the
+// variable declaration initializer
+const getNamedExports = (node) => {
+  const namedExports = {};
+  const ast = parser.parse(node.value, {
+    sourceType: 'module',
+    presets: ['env'],
+    plugins: ['jsx'],
+  });
+  if (ast.type === 'File' && ast.program.type === 'Program' && ast.program.body.length === 1) {
+    const exported = ast.program.body[0];
+    if (
+      exported.type === 'ExportNamedDeclaration' &&
+      exported.declaration.type === 'VariableDeclaration' &&
+      exported.declaration.declarations.length === 1
+    ) {
+      const declaration = exported.declaration.declarations[0];
+      if (declaration.type === 'VariableDeclarator' && declaration.id.type === 'Identifier') {
+        const { name } = declaration.id;
+        namedExports[name] = declaration.init;
+      }
+    }
+  }
+  return namedExports;
+};
+
+function extractExports(root, options) {
+  const namedExports = {};
+  root.children.forEach((child) => {
     if (child.type === 'jsx') {
       try {
         const ast = parser.parseExpression(child.value, { plugins: ['jsx'] });
         if (
           ast.openingElement &&
           ast.openingElement.type === 'JSXOpeningElement' &&
-          ast.openingElement.name.name === 'Preview' &&
+          ['Preview', 'Canvas'].includes(ast.openingElement.name.name) &&
           !hasStoryChild(ast)
         ) {
-          const previewAst = ast.openingElement;
-          previewAst.attributes.push({
+          const canvasAst = ast.openingElement;
+          canvasAst.attributes.push({
             type: 'JSXAttribute',
             name: {
               type: 'JSXIdentifier',
@@ -273,16 +388,7 @@ function extractExports(node, options) {
             },
             value: {
               type: 'StringLiteral',
-              value: encodeURI(
-                ast.children
-                  .map(
-                    (el) =>
-                      generate(el, {
-                        quotes: 'double',
-                      }).code
-                  )
-                  .join('\n')
-              ),
+              value: getMdxSource(ast.children),
             },
           });
         }
@@ -303,18 +409,21 @@ function extractExports(node, options) {
          *
          */
       }
+    } else if (child.type === 'export') {
+      Object.assign(namedExports, getNamedExports(child));
     }
   });
   // we're overriding default export
-  const defaultJsx = mdxToJsx.toJSX(node, {}, { ...options, skipExport: true });
   const storyExports = [];
   const includeStories = [];
   let metaExport = null;
   const context = {
     counter: 0,
     storyNameToKey: {},
+    root,
+    namedExports,
   };
-  node.children.forEach((n) => {
+  root.children.forEach((n) => {
     const exports = getExports(n, context, options);
     if (exports) {
       const { stories, meta } = exports;
@@ -343,6 +452,7 @@ function extractExports(node, options) {
   }
   metaExport.includeStories = JSON.stringify(includeStories);
 
+  const defaultJsx = mdxToJsx.toJSX(root, {}, { ...options, skipExport: true });
   const fullJsx = [
     'import { assertIsFn, AddContext } from "@storybook/addon-docs/blocks";',
     defaultJsx,
@@ -358,7 +468,7 @@ function extractExports(node, options) {
 
 function createCompiler(mdxOptions) {
   return function compiler(options = {}) {
-    this.Compiler = (tree) => extractExports(tree, options, mdxOptions);
+    this.Compiler = (root) => extractExports(root, options, mdxOptions);
   };
 }
 
diff --git a/addons/docs/src/mdx/mdx-compiler-plugin.test.js b/addons/docs/src/mdx/mdx-compiler-plugin.test.js
index 0a01ee227d3..d48101490b8 100644
--- a/addons/docs/src/mdx/mdx-compiler-plugin.test.js
+++ b/addons/docs/src/mdx/mdx-compiler-plugin.test.js
@@ -40,6 +40,6 @@ describe('docs-mdx-compiler-plugin', () => {
   it('errors on missing story props', async () => {
     await expect(
       generate(path.resolve(__dirname, './__testfixtures__/story-missing-props.mdx'))
-    ).rejects.toThrow('Expected a story name or ID attribute');
+    ).rejects.toThrow('Expected a Story name, id, or story attribute');
   });
 });
diff --git a/addons/docs/src/preset.ts b/addons/docs/src/preset.ts
index e7348adfb3a..5f4ea58dc41 100644
--- a/addons/docs/src/preset.ts
+++ b/addons/docs/src/preset.ts
@@ -7,6 +7,9 @@ const getFrameworkPresets = (framework: string) => {
   }
 };
 
-module.exports = ({ framework }: any) => {
-  return [require.resolve('./frameworks/common/preset'), ...getFrameworkPresets(framework)];
+module.exports = (storybookOptions: any, presetOptions: any) => {
+  return [
+    { name: require.resolve('./frameworks/common/preset'), options: presetOptions },
+    ...getFrameworkPresets(storybookOptions.framework),
+  ];
 };
diff --git a/addons/docs/src/shared.ts b/addons/docs/src/shared.ts
index 215736fd9e5..178bf46ca38 100644
--- a/addons/docs/src/shared.ts
+++ b/addons/docs/src/shared.ts
@@ -1,3 +1,28 @@
 export const ADDON_ID = 'storybook/docs';
 export const PANEL_ID = `${ADDON_ID}/panel`;
 export const PARAM_KEY = `docs`;
+
+export const SNIPPET_RENDERED = `${ADDON_ID}/snippet-rendered`;
+
+export enum SourceType {
+  /**
+   * AUTO is the default
+   *
+   * Use the CODE logic if:
+   * - the user has set a custom source snippet in `docs.source.code` story parameter
+   * - the story is not an args-based story
+   *
+   * Use the DYNAMIC rendered snippet if the story is an args story
+   */
+  AUTO = 'auto',
+
+  /**
+   * Render the code extracted by source-loader
+   */
+  CODE = 'code',
+
+  /**
+   * Render dynamically-rendered source snippet from the story's virtual DOM (currently React only)
+   */
+  DYNAMIC = 'dynamic',
+}
diff --git a/addons/docs/src/typings.d.ts b/addons/docs/src/typings.d.ts
index 91ec717a4f9..b4dfdb4df18 100644
--- a/addons/docs/src/typings.d.ts
+++ b/addons/docs/src/typings.d.ts
@@ -7,3 +7,7 @@ declare module 'babel-plugin-react-docgen';
 declare module 'require-from-string';
 declare module 'styled-components';
 declare module 'acorn-jsx';
+
+declare module 'sveltedoc-parser' {
+  export function parse(options: any): Promise<any>;
+}
diff --git a/addons/docs/vue/README.md b/addons/docs/vue/README.md
index 925e4c7a3f2..60bf61fee6c 100644
--- a/addons/docs/vue/README.md
+++ b/addons/docs/vue/README.md
@@ -110,7 +110,7 @@ module.exports = {
 Finally, you can create MDX files like this:
 
 ```md
-import { Meta, Story, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
 import { InfoButton } from './InfoButton.vue';
 
 <Meta title='InfoButton' component={InfoButton} />
@@ -124,9 +124,9 @@ Some **markdown** description, or whatever you want.
   template: '<info-button label="I\'m a button!"/>',
 }}</Story>
 
-## Props
+## ArgsTable
 
-<Props of={InfoButton} />
+<ArgsTable of={InfoButton} />
 ```
 
 Yes, it's redundant to declare `component` twice. [Coming soon](https://github.com/storybookjs/storybook/issues/8685).
diff --git a/addons/essentials/README.md b/addons/essentials/README.md
index f89346d497d..5fffed589c3 100644
--- a/addons/essentials/README.md
+++ b/addons/essentials/README.md
@@ -10,8 +10,10 @@ Storybook essentials includes the following addons. Addons can be disabled and r
 
 - [Actions](https://github.com/storybookjs/storybook/tree/next/addons/actions)
 - [Backgrounds](https://github.com/storybookjs/storybook/tree/next/addons/backgrounds)
+- [Controls](https://github.com/storybookjs/storybook/tree/next/addons/controls)
 - [Docs](https://github.com/storybookjs/storybook/tree/next/addons/docs)
 - [Viewport](https://github.com/storybookjs/storybook/tree/next/addons/viewport)
+- [Toolbars](https://github.com/storybookjs/storybook/tree/next/addons/toolbars)
 
 ## Installation
 
@@ -50,4 +52,4 @@ module.exports = {
 };
 ```
 
-Valid addon keys include: `actions`, `backgrounds`, `docs`, `viewport`.
+Valid addon keys include: `actions`, `backgrounds`, `controls`, `docs`, `viewport`, `toolbars`.
diff --git a/addons/essentials/package.json b/addons/essentials/package.json
index 08f26dc3314..9fda9330957 100644
--- a/addons/essentials/package.json
+++ b/addons/essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-essentials",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Curated addons to bring out the best of Storybook",
   "keywords": [
     "addon",
@@ -22,41 +22,56 @@
   "files": [
     "dist/**/*",
     "README.md",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/node-logger": "6.0.0-beta.23",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-toolbars": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
+    "react-is": "^16.8.0",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1"
   },
   "devDependencies": {
+    "@babel/core": "^7.9.6",
+    "@storybook/vue": "6.1.0-alpha.14",
     "@types/jest": "^25.1.1",
     "@types/webpack-env": "^1.15.2"
   },
   "peerDependencies": {
+    "@babel/core": "^7.9.6",
+    "@storybook/vue": "6.1.0-alpha.14",
     "babel-loader": "^8.0.0",
-    "react": "^16.8.0",
-    "react-dom": "*",
-    "react-is": "^16.8.0"
+    "webpack": ">=4"
+  },
+  "peerDependenciesMeta": {
+    "@storybook/vue": {
+      "optional": true
+    },
+    "webpack": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/essentials/src/index.ts b/addons/essentials/src/index.ts
index d95fb32acf8..5a3eb4b928b 100644
--- a/addons/essentials/src/index.ts
+++ b/addons/essentials/src/index.ts
@@ -1,4 +1,4 @@
-import path from 'path';
+import path, { join } from 'path';
 import { logger } from '@storybook/node-logger';
 
 interface PresetOptions {
@@ -27,14 +27,36 @@ export function addons(options: PresetOptions = {}) {
       return name?.startsWith(addon);
     });
     if (existingAddon) {
-      logger.warn(`Found existing addon ${JSON.stringify(existingAddon)}, skipping.`);
+      logger.info(`Found existing addon ${JSON.stringify(existingAddon)}, skipping.`);
     }
     return !!existingAddon;
   };
 
   const main = requireMain(options.configDir);
-  return ['actions', 'docs', 'backgrounds', 'viewport']
-    .filter((key) => (options as any)[key] !== false)
-    .map((key) => `@storybook/addon-${key}`)
-    .filter((addon) => !checkInstalled(addon, main));
+  return (
+    ['actions', 'docs', 'controls', 'backgrounds', 'viewport', 'toolbars']
+      .filter((key) => (options as any)[key] !== false)
+      .map((key) => `@storybook/addon-${key}`)
+      .filter((addon) => !checkInstalled(addon, main))
+      // Use `require.resolve` to ensure Yarn PnP compatibility
+      // Files of various addons should be resolved in the context of `addon-essentials` as they are listed as deps here
+      // and not in `@storybook/core` nor in SB user projects. If `@storybook/core` make the require itself Yarn 2 will
+      // throw an error saying that the package to require must be added as a dependency. Doing `require.resolve` will
+      // allow `@storybook/core` to work with absolute path directly, no more require of dep no more issue.
+      // File to load can be `preset.js`, `register.js`, or the package entry point, so we need to check all these cases
+      // as it's done in `lib/core/src/server/presets.js`.
+      .map((addon) => {
+        try {
+          return require.resolve(join(addon, 'preset'));
+          // eslint-disable-next-line no-empty
+        } catch (err) {}
+
+        try {
+          return require.resolve(join(addon, 'register'));
+          // eslint-disable-next-line no-empty
+        } catch (err) {}
+
+        return require.resolve(addon);
+      })
+  );
 }
diff --git a/addons/events/package.json b/addons/events/package.json
index 320a0c669a7..435d1d15aa1 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-events",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Add events to your Storybook stories.",
   "keywords": [
     "addon",
@@ -25,41 +25,38 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "format-json": "^1.0.3",
     "lodash": "^4.17.15",
     "prop-types": "^15.7.2",
     "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "react-lifecycles-compat": "^3.0.4",
-    "react-textarea-autosize": "^8.0.1",
+    "react-textarea-autosize": "^8.1.1",
     "regenerator-runtime": "^0.13.3"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.15.2"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json
index c0028ad4fbc..1e31726b486 100644
--- a/addons/google-analytics/package.json
+++ b/addons/google-analytics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-google-analytics",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook addon for google analytics",
   "keywords": [
     "addon",
@@ -20,20 +20,17 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "react-ga": "^2.5.7",
     "regenerator-runtime": "^0.13.3"
   },
-  "peerDependencies": {
-    "prop-types": "^15.6.0",
-    "react": "^15.6.2 || ^16.0",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a"
 }
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index f1681ae0787..9bf9669acab 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-graphql",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook addon to display the GraphiQL IDE",
   "keywords": [
     "addon",
@@ -23,16 +23,16 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/plugin-transform-classes": "^7.9.2",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
+    "@babel/core": "^7.11.5",
+    "@babel/plugin-transform-classes": "^7.10.4",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
     "@types/webpack": "^4.41.9",
     "babel-loader": "^8.0.6",
     "core-js": "^3.0.1",
@@ -40,21 +40,19 @@
     "graphiql": "^0.17.5",
     "graphql": "^15.0.0",
     "prop-types": "^15.7.2",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3",
     "webpack": "^4.43.0"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/graphql/src/manager.tsx b/addons/graphql/src/manager.tsx
index 1febdc1fce9..7a858517da8 100644
--- a/addons/graphql/src/manager.tsx
+++ b/addons/graphql/src/manager.tsx
@@ -15,7 +15,7 @@ const GQL: FunctionComponent<GQLProps> = ({ active }) => {
   return active ? (
     <Consumer>
       {({ api, state }: Combo) => {
-        const story = api.getData(state.storyId);
+        const story = api.getData(state.storyId, state.refId);
         const parameters = story
           ? api.getCurrentParameter<{
               query: string;
diff --git a/addons/jest/README.md b/addons/jest/README.md
index 10b97de36c5..1931727b5a0 100644
--- a/addons/jest/README.md
+++ b/addons/jest/README.md
@@ -171,7 +171,7 @@ In your `.storybook/preview.ts`:
 import { addDecorator } from '@storybook/angular';
 import { withTests } from '@storybook/addon-jest';
 
-import * as results from '../.jest-test-results.json';
+import results from '../.jest-test-results.json';
 
 addDecorator(
   withTests({
diff --git a/addons/jest/package.json b/addons/jest/package.json
index 7576417f55d..a6d5143312b 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -29,20 +29,21 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "react-sizeme": "^2.5.2",
     "regenerator-runtime": "^0.13.3",
     "upath": "^1.1.0"
@@ -50,18 +51,14 @@
   "devDependencies": {
     "@types/webpack-env": "^1.15.2"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/knobs/README.md b/addons/knobs/README.md
index a7bcd2683c4..ee3daace483 100644
--- a/addons/knobs/README.md
+++ b/addons/knobs/README.md
@@ -400,7 +400,7 @@ const value = radios(label, options, defaultValue, groupId);
 Configurable UI for selecting a value from a set of options.
 
 ```js
-import { optionsKnob as options } from '@storybook/addon-knobs';
+import { optionsKnob } from '@storybook/addon-knobs';
 
 const label = 'Fruits';
 const valuesObj = {
@@ -414,6 +414,15 @@ const optionsObj = {
 };
 const groupId = 'GROUP-ID1';
 
+const value = optionsKnob(label, valuesObj, defaultValue, optionsObj, groupId);
+```
+
+Alternatively you can use this import:
+```
+import { optionsKnob as options } from '@storybook/addon-knobs';
+
+...
+
 const value = options(label, valuesObj, defaultValue, optionsObj, groupId);
 ```
 
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index b1e9eee3ef5..9c285fc6001 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-knobs",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook Addon Prop Editor Component",
   "keywords": [
     "addon",
@@ -23,20 +23,19 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/channels": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
-    "@types/react-color": "^3.0.1",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/channels": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "escape-html": "^1.0.3",
@@ -45,7 +44,9 @@
     "lodash": "^4.17.15",
     "prop-types": "^15.7.2",
     "qs": "^6.6.0",
+    "react": "^16.8.3",
     "react-color": "^2.17.0",
+    "react-dom": "^16.8.3",
     "react-lifecycles-compat": "^3.0.4",
     "react-select": "^3.0.8",
     "regenerator-runtime": "^0.13.3"
@@ -53,23 +54,20 @@
   "devDependencies": {
     "@types/enzyme": "^3.10.5",
     "@types/escape-html": "0.0.20",
+    "@types/react-color": "^3.0.1",
     "@types/react-lifecycles-compat": "^3.0.1",
     "@types/react-select": "^3.0.12",
     "@types/webpack-env": "^1.15.2",
     "enzyme": "^3.11.0"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/knobs/src/__types__/knob-test-cases.ts b/addons/knobs/src/__types__/knob-test-cases.ts
index 19a147f5000..1857fcb7ce1 100644
--- a/addons/knobs/src/__types__/knob-test-cases.ts
+++ b/addons/knobs/src/__types__/knob-test-cases.ts
@@ -112,6 +112,14 @@ expectKnobOfType<string>(
   select<ButtonVariant>('select with string enum options', ButtonVariant, ButtonVariant.primary)
 );
 
+expectKnobOfType<string | undefined | null | boolean>(
+  select(
+    'select with an undefined in array',
+    ['Apple', 'Banana', 'Grapes', undefined, null, false] as const,
+    undefined
+  )
+);
+
 expectKnobOfType<string | null>(
   select('select with null option', { a: 'Option', b: null }, null, groupId)
 );
diff --git a/addons/knobs/src/components/types/Checkboxes.tsx b/addons/knobs/src/components/types/Checkboxes.tsx
index 4c343d45064..56fc40e993e 100644
--- a/addons/knobs/src/components/types/Checkboxes.tsx
+++ b/addons/knobs/src/components/types/Checkboxes.tsx
@@ -78,7 +78,7 @@ export default class CheckboxesType extends Component<CheckboxesTypeProps, Check
     };
   }
 
-  handleChange = (e: ChangeEvent<HTMLInputElement>) => {
+  private handleChange = (e: ChangeEvent<HTMLInputElement>) => {
     const { onChange } = this.props;
     const currentValue = (e.target as HTMLInputElement).value;
     const { values } = this.state;
@@ -94,10 +94,10 @@ export default class CheckboxesType extends Component<CheckboxesTypeProps, Check
     onChange(values);
   };
 
-  renderCheckboxList = ({ options }: CheckboxesTypeKnob) =>
+  private renderCheckboxList = ({ options }: CheckboxesTypeKnob) =>
     Object.keys(options).map((key) => this.renderCheckbox(key, options[key]));
 
-  renderCheckbox = (label: string, value: string) => {
+  private renderCheckbox = (label: string, value: string) => {
     const { knob } = this.props;
     const { name } = knob;
     const id = `${name}-${value}`;
diff --git a/addons/knobs/src/components/types/Color.tsx b/addons/knobs/src/components/types/Color.tsx
index c738e2763ad..bd8bd751439 100644
--- a/addons/knobs/src/components/types/Color.tsx
+++ b/addons/knobs/src/components/types/Color.tsx
@@ -95,7 +95,7 @@ export default class ColorType extends Component<ColorTypeProps, ColorTypeState>
     });
   };
 
-  handleClick = () => {
+  private handleClick = () => {
     const { displayColorPicker } = this.state;
 
     this.setState({
@@ -103,7 +103,7 @@ export default class ColorType extends Component<ColorTypeProps, ColorTypeState>
     });
   };
 
-  handleChange = (color: ColorResult) => {
+  private handleChange = (color: ColorResult) => {
     const { onChange } = this.props;
 
     onChange(`rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`);
diff --git a/addons/knobs/src/components/types/Date.tsx b/addons/knobs/src/components/types/Date.tsx
index 93753275cb6..b28e58b0160 100644
--- a/addons/knobs/src/components/types/Date.tsx
+++ b/addons/knobs/src/components/types/Date.tsx
@@ -78,7 +78,7 @@ export default class DateType extends Component<DateTypeProps, DateTypeState> {
     }
   }
 
-  onDateChange = (e: ChangeEvent<HTMLInputElement>) => {
+  private onDateChange = (e: ChangeEvent<HTMLInputElement>) => {
     const { knob, onChange } = this.props;
     const { state } = this;
 
@@ -99,7 +99,7 @@ export default class DateType extends Component<DateTypeProps, DateTypeState> {
     }
   };
 
-  onTimeChange = (e: ChangeEvent<HTMLInputElement>) => {
+  private onTimeChange = (e: ChangeEvent<HTMLInputElement>) => {
     const { knob, onChange } = this.props;
     const { state } = this;
 
diff --git a/addons/knobs/src/components/types/Number.tsx b/addons/knobs/src/components/types/Number.tsx
index bc242b009ef..53389c226df 100644
--- a/addons/knobs/src/components/types/Number.tsx
+++ b/addons/knobs/src/components/types/Number.tsx
@@ -80,7 +80,7 @@ export default class NumberType extends Component<NumberTypeProps> {
     return nextProps.knob.value !== knob.value;
   }
 
-  handleChange = (event: ChangeEvent<HTMLInputElement>) => {
+  private handleChange = (event: ChangeEvent<HTMLInputElement>) => {
     const { onChange } = this.props;
     const { value } = event.target;
 
diff --git a/addons/knobs/src/components/types/Radio.tsx b/addons/knobs/src/components/types/Radio.tsx
index 7cee7cfeea4..68bff78d68c 100644
--- a/addons/knobs/src/components/types/Radio.tsx
+++ b/addons/knobs/src/components/types/Radio.tsx
@@ -59,14 +59,14 @@ class RadiosType extends Component<RadiosTypeProps> {
 
   static deserialize = (value: RadiosTypeKnobValue) => value;
 
-  renderRadioButtonList({ options }: RadiosTypeKnob) {
+  private renderRadioButtonList({ options }: RadiosTypeKnob) {
     if (Array.isArray(options)) {
       return options.map((val) => this.renderRadioButton(val, val));
     }
     return Object.keys(options).map((key) => this.renderRadioButton(key, options[key]));
   }
 
-  renderRadioButton(label: string, value: RadiosTypeKnobValue) {
+  private renderRadioButton(label: string, value: RadiosTypeKnobValue) {
     const opts = { label, value };
     const { onChange, knob } = this.props;
     const { name } = knob;
diff --git a/addons/knobs/src/components/types/Select.tsx b/addons/knobs/src/components/types/Select.tsx
index 49c87db80cf..0dd8e146c98 100644
--- a/addons/knobs/src/components/types/Select.tsx
+++ b/addons/knobs/src/components/types/Select.tsx
@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import { Form } from '@storybook/components';
 import { KnobControlConfig, KnobControlProps } from './types';
 
-export type SelectTypeKnobValue = string | number | null | undefined | PropertyKey[];
+export type SelectTypeKnobValue = string | number | boolean | null | undefined | PropertyKey[];
 
 export type SelectTypeOptionsProp<T extends SelectTypeKnobValue = SelectTypeKnobValue> =
   | Record<PropertyKey, T>
   | Record<Extract<T, PropertyKey>, T[keyof T]>
-  | Extract<T, PropertyKey>[]
-  | readonly Extract<T, PropertyKey>[];
+  | T[]
+  | readonly T[];
 
 export interface SelectTypeKnob<T extends SelectTypeKnobValue = SelectTypeKnobValue>
   extends KnobControlConfig<T> {
diff --git a/addons/knobs/src/components/types/Text.tsx b/addons/knobs/src/components/types/Text.tsx
index 57db9c6941c..8f060e7d5cd 100644
--- a/addons/knobs/src/components/types/Text.tsx
+++ b/addons/knobs/src/components/types/Text.tsx
@@ -32,7 +32,7 @@ export default class TextType extends Component<TextTypeProps> {
     return nextProps.knob.value !== knob.value;
   }
 
-  handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
+  private handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
     const { onChange } = this.props;
     const { value } = event.target;
 
diff --git a/addons/links/package.json b/addons/links/package.json
index 2d277b91bfe..908ed921e4a 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Story Links addon for storybook",
   "keywords": [
     "addon",
@@ -23,22 +23,24 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
     "@storybook/csf": "0.0.1",
-    "@storybook/router": "6.0.0-beta.23",
+    "@storybook/router": "6.1.0-alpha.14",
     "@types/qs": "^6.9.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "prop-types": "^15.7.2",
     "qs": "^6.6.0",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1"
   },
@@ -46,18 +48,14 @@
     "@types/webpack-env": "^1.15.2",
     "enzyme": "^3.11.0"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/links/src/preview.test.js b/addons/links/src/preview.test.js
index 88008541f0d..5f66db4db49 100644
--- a/addons/links/src/preview.test.js
+++ b/addons/links/src/preview.test.js
@@ -18,7 +18,6 @@ jest.mock('global', () => ({
     })),
   },
   window: global,
-  __STORYBOOK_LOGGER: console,
   __STORYBOOK_CLIENT_API__: {
     raw: jest.fn(() => [
       {
diff --git a/addons/queryparams/package.json b/addons/queryparams/package.json
index 020693fc42e..f8831df532d 100644
--- a/addons/queryparams/package.json
+++ b/addons/queryparams/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-queryparams",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "parameter addon for storybook",
   "keywords": [
     "addon",
@@ -24,39 +24,37 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "qs": "^6.6.0",
     "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.15.2"
   },
-  "peerDependencies": {
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/queryparams/src/index.ts b/addons/queryparams/src/index.ts
index 62138a138ba..0070b840986 100644
--- a/addons/queryparams/src/index.ts
+++ b/addons/queryparams/src/index.ts
@@ -17,10 +17,10 @@ export const withQuery = makeDecorator({
         ? qs.parse(parameters, { ignoreQueryPrefix: true })
         : parameters;
 
-    const newQuery = qs.stringify({ ...currentQuery, ...additionalQuery });
-    const newLocation = location.href.replace(location.search, `?${newQuery}`);
+    const newLocation = new URL(document.location.href);
+    newLocation.search = qs.stringify({ ...currentQuery, ...additionalQuery });
 
-    history.replaceState({}, document.title, newLocation);
+    history.replaceState({}, document.title, newLocation.toString());
 
     return getStory(context);
   },
diff --git a/addons/storyshots/storyshots-core/README.md b/addons/storyshots/storyshots-core/README.md
index 61a9fe18b43..fa725962739 100644
--- a/addons/storyshots/storyshots-core/README.md
+++ b/addons/storyshots/storyshots-core/README.md
@@ -33,6 +33,20 @@ Now run your Jest test command. (Usually, `npm test`.) Then you can see all of y
 
 ![Screenshot](https://raw.githubusercontent.com/storybookjs/storybook/HEAD/addons/storyshots/storyshots-core/docs/storyshots.png)
 
+### Testing stories that rely on addon-added decorators
+
+If you have stories in your Storybook that can only render inside a decorator (for instance the [`apollo-storybook-decorator`](https://github.com/abhiaiyer91/apollo-storybook-decorator)), you'll need to ensure those decorators are applied in Storyshots.
+
+If you export those decorators from your `.storybook/preview.js` then Storyshots will apply those decorators for you in the same way that Storybook does. However if the addon _automatically_ adds the decorator for you (which is a new feature in Storybook 6.0), you will find the decorator does not get added in Storyshots. This is a limitation in Storyshots currently.
+
+To ensure such decorators get added, export them from `.storybook/preview.js`:
+
+```js
+import addonDecorator from 'some-addon';
+
+export const decorators = [addonDecorator];
+```
+
 ## Configure your app for Jest
 
 In many cases, for example Create React App, it's already configured for Jest. You need to create a filename with the extension `.test.js`.
@@ -52,7 +66,7 @@ If you still need to configure jest you can use the resources mentioned below:
 
 **NOTE**: if you are using Storybook 5.3's `main.js` to list story files, this is no longer needed.
 
-Sometimes it's useful to configure Storybook with Webpack's require.context feature. You could be loading stories [one of two ways](https://storybook.js.org/docs/basics/writing-stories/#loading-stories).
+Sometimes it's useful to configure Storybook with Webpack's require.context feature. You could be loading stories [one of two ways](https://storybook.js.org/docs/react/writing-stories/loading-stories).
 
 1. If you're using the `storiesOf` API, you can integrate it this way:
 
@@ -205,6 +219,12 @@ StoryShots addon for Preact is dependent on [preact-render-to-json](https://gith
 yarn add preact-render-to-json --dev
 ```
 
+### Configure Jest for Web Components
+
+StoryShots addon for Web Components requires [jsdom](https://github.com/jsdom/jsdom) 16 or later to fully support the
+web component shadow dom. To use jsdom 16 or later you can set the Jest `testEnvironment` configuration key to
+`jest-environment-jsdom-sixteen`. This should work back to Jest 24 and is the default in Jest 26 and later.
+
 ### Configure Jest for MDX Docs Add-On Stories
 
 If using the [Docs add-on](../../docs/README.md) with
@@ -625,7 +645,7 @@ Like the default, but allows you to specify a set of options for the renderer, j
 ### `multiSnapshotWithOptions(options)`
 
 Like `snapshotWithOptions`, but generate a separate snapshot file for each stories file rather than a single monolithic file (as is the convention in Jest). This makes it dramatically easier to review changes. If you'd like the benefit of separate snapshot files, but don't have custom options to pass, you can pass an empty object.
-If you use [Component Story Format](https://storybook.js.org/docs/formats/component-story-format/), you may also need to add an additional Jest transform to automate detecting story file names:
+If you use [Component Story Format](https://storybook.js.org/docs/react/api/csf), you may also need to add an additional Jest transform to automate detecting story file names:
 
 ```js
 // jest.config.js
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index 01de1917f6a..a9190eb139d 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
   "keywords": [
     "addon",
@@ -23,7 +23,7 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "build-storybook": "build-storybook",
@@ -33,9 +33,9 @@
   },
   "dependencies": {
     "@jest/transform": "^26.0.0",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
     "@types/glob": "^7.1.1",
     "@types/jest": "^25.1.1",
     "@types/jest-specific-snapshot": "^0.5.3",
@@ -43,32 +43,31 @@
     "core-js": "^3.0.1",
     "glob": "^7.1.3",
     "global": "^4.3.2",
-    "jest-specific-snapshot": "^3.0.0",
-    "pretty-format": "^25.5.0",
+    "jest-specific-snapshot": "^4.0.0",
+    "pretty-format": "^26.4.0",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
+    "react-test-renderer": "^16.8.3",
     "read-pkg-up": "^7.0.0",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/react": "6.0.0-beta.23",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/react": "6.1.0-alpha.14",
     "babel-loader": "^8.0.6",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.4.1",
-    "jest-emotion": "^10.0.17",
-    "react": "^16.8.3"
-  },
-  "peerDependencies": {
-    "react-dom": "*"
+    "jest-emotion": "^10.0.17"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/storyshots/storyshots-core/src/api/index.ts b/addons/storyshots/storyshots-core/src/api/index.ts
index b2f2a3f325a..b40273c8fa7 100644
--- a/addons/storyshots/storyshots-core/src/api/index.ts
+++ b/addons/storyshots/storyshots-core/src/api/index.ts
@@ -50,10 +50,16 @@ function testStorySnapshots(options: StoryshotsOptions = {}) {
 
   const data = storybook
     .raw()
-    .filter(({ name }) => (storyNameRegex ? name.match(storyNameRegex) : true))
-    .filter(({ kind }) => (storyKindRegex ? kind.match(storyKindRegex) : true))
     .reduce(
       (acc, item) => {
+        if (storyNameRegex && !item.name.match(storyNameRegex)) {
+          return acc;
+        }
+
+        if (storyKindRegex && !item.kind.match(storyKindRegex)) {
+          return acc;
+        }
+
         const { kind, storyFn: render, parameters } = item;
         const existing = acc.find((i: any) => i.kind === kind);
         const { fileName } = item.parameters;
diff --git a/addons/storyshots/storyshots-core/src/frameworks/Loader.ts b/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
index 501f0fbac20..a257e0e0e8b 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
+++ b/addons/storyshots/storyshots-core/src/frameworks/Loader.ts
@@ -6,12 +6,13 @@ import { SupportedFramework } from './SupportedFramework';
 export type RenderTree = (story: any, context?: any, options?: any) => any;
 
 export interface ClientApi extends ClientStoryApi<unknown> {
-  configure(loader: Loadable, module: NodeModule | false): void;
+  configure(loader: Loadable, module: NodeModule | false, showDeprecationWarning?: boolean): void;
   forceReRender(): void;
   clearDecorators: ClientApiThing['clearDecorators'];
   getStorybook: ClientApiThing['getStorybook'];
   setAddon: ClientApiThing['setAddon'];
   raw: ClientApiThing['raw'];
+  addArgTypesEnhancer: ClientApiThing['addArgTypesEnhancer'];
 }
 
 export interface Loader {
diff --git a/addons/storyshots/storyshots-core/src/frameworks/SupportedFramework.ts b/addons/storyshots/storyshots-core/src/frameworks/SupportedFramework.ts
index 8e25cc610a2..8e0f6f6dafd 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/SupportedFramework.ts
+++ b/addons/storyshots/storyshots-core/src/frameworks/SupportedFramework.ts
@@ -7,4 +7,5 @@ export type SupportedFramework =
   | 'react-native'
   | 'svelte'
   | 'vue'
+  | 'web-components'
   | 'rax';
diff --git a/addons/storyshots/storyshots-core/src/frameworks/configure.ts b/addons/storyshots/storyshots-core/src/frameworks/configure.ts
index 3ba9c866346..6aba09d5415 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/configure.ts
+++ b/addons/storyshots/storyshots-core/src/frameworks/configure.ts
@@ -3,6 +3,8 @@ import path from 'path';
 import { toRequireContext } from '@storybook/core/server';
 import registerRequireContextHook from 'babel-plugin-require-context-hook/register';
 import global from 'global';
+import { ArgTypesEnhancer, DecoratorFunction } from '@storybook/client-api';
+
 import { ClientApi } from './Loader';
 import { StoryshotsOptions } from '../api/StoryshotsOptions';
 
@@ -17,8 +19,8 @@ const isFile = (file: string): boolean => {
 };
 
 interface Output {
-  stories: string[];
-  files: string[];
+  preview?: string;
+  stories?: string[];
 }
 
 const supportedExtensions = ['ts', 'tsx', 'js', 'jsx'];
@@ -39,13 +41,13 @@ function getConfigPathParts(input: string): Output {
   const configDir = path.resolve(input);
 
   if (fs.lstatSync(configDir).isDirectory()) {
-    const output: Output = { files: [], stories: [] };
+    const output: Output = {};
 
     const preview = getPreviewFile(configDir);
     const main = getMainFile(configDir);
 
     if (preview) {
-      output.files.push(preview);
+      output.preview = preview;
     }
     if (main) {
       const { stories = [] } = jest.requireActual(main);
@@ -64,7 +66,7 @@ function getConfigPathParts(input: string): Output {
     return output;
   }
 
-  return { files: [configDir], stories: [] };
+  return { preview: configDir };
 }
 
 function configure(
@@ -79,14 +81,29 @@ function configure(
     return;
   }
 
-  const { files, stories } = getConfigPathParts(configPath);
+  const { preview, stories } = getConfigPathParts(configPath);
 
-  files.forEach((f) => {
-    jest.requireActual(f);
-  });
+  if (preview) {
+    // This is essentially the same code as lib/core/src/server/preview/virtualModuleEntry.template
+    const { parameters, decorators, globals, globalTypes, argTypesEnhancers } = jest.requireActual(
+      preview
+    );
+
+    if (decorators) {
+      decorators.forEach((decorator: DecoratorFunction) => storybook.addDecorator(decorator));
+    }
+    if (parameters || globals || globalTypes) {
+      storybook.addParameters({ ...parameters, globals, globalTypes });
+    }
+    if (argTypesEnhancers) {
+      argTypesEnhancers.forEach((enhancer: ArgTypesEnhancer) =>
+        storybook.addArgTypesEnhancer(enhancer)
+      );
+    }
+  }
 
   if (stories && stories.length) {
-    storybook.configure(stories, false);
+    storybook.configure(stories, false, false);
   }
 }
 
diff --git a/addons/storyshots/storyshots-core/src/frameworks/react/renderShallowTree.ts b/addons/storyshots/storyshots-core/src/frameworks/react/renderShallowTree.ts
index ac534c1490b..d8ac7b865b4 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/react/renderShallowTree.ts
+++ b/addons/storyshots/storyshots-core/src/frameworks/react/renderShallowTree.ts
@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import shallow from 'react-test-renderer/shallow';
 
 function getRenderedTree(story: any, context: any, { renderer, serializer }: any) {
diff --git a/addons/storyshots/storyshots-core/src/frameworks/react/renderTree.ts b/addons/storyshots/storyshots-core/src/frameworks/react/renderTree.ts
index e9302c054b7..d92a55710ab 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/react/renderTree.ts
+++ b/addons/storyshots/storyshots-core/src/frameworks/react/renderTree.ts
@@ -1,6 +1,4 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import React from 'react';
-// eslint-disable-next-line import/no-extraneous-dependencies
 import reactTestRenderer from 'react-test-renderer';
 
 function getRenderedTree(story: any, context: any, { renderer, ...rendererOptions }: any) {
diff --git a/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts b/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts
index 489ac266dd1..4dccbd478c9 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts
+++ b/addons/storyshots/storyshots-core/src/frameworks/vue/renderTree.ts
@@ -1,6 +1,10 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import Vue from 'vue';
 
+// this is defined in @storybook/vue but not exported,
+// and we need it to inject args into the story component's props
+const VALUES = 'STORYBOOK_VALUES';
+
 function getRenderedTree(story: any) {
   const component = story.render();
 
@@ -10,6 +14,9 @@ function getRenderedTree(story: any) {
     },
   });
 
+  // @ts-ignore
+  vm[VALUES] = story.args;
+
   return vm.$mount().$el;
 }
 
diff --git a/addons/storyshots/storyshots-core/src/frameworks/web-components/loader.ts b/addons/storyshots/storyshots-core/src/frameworks/web-components/loader.ts
new file mode 100644
index 00000000000..bfb760be008
--- /dev/null
+++ b/addons/storyshots/storyshots-core/src/frameworks/web-components/loader.ts
@@ -0,0 +1,32 @@
+import global from 'global';
+import configure from '../configure';
+import { Loader } from '../Loader';
+import { StoryshotsOptions } from '../../api/StoryshotsOptions';
+
+function test(options: StoryshotsOptions): boolean {
+  return options.framework === 'web-components';
+}
+
+function load(options: StoryshotsOptions) {
+  global.STORYBOOK_ENV = 'web-components';
+
+  const storybook = jest.requireActual('@storybook/web-components');
+
+  configure({ ...options, storybook });
+
+  return {
+    framework: 'web-components' as const,
+    renderTree: jest.requireActual('./renderTree').default,
+    renderShallowTree: () => {
+      throw new Error('Shallow renderer is not supported for web-components');
+    },
+    storybook,
+  };
+}
+
+const webComponentsoader: Loader = {
+  load,
+  test,
+};
+
+export default webComponentsoader;
diff --git a/addons/storyshots/storyshots-core/src/frameworks/web-components/renderTree.ts b/addons/storyshots/storyshots-core/src/frameworks/web-components/renderTree.ts
new file mode 100644
index 00000000000..8c45ea52eac
--- /dev/null
+++ b/addons/storyshots/storyshots-core/src/frameworks/web-components/renderTree.ts
@@ -0,0 +1,6 @@
+function getRenderedTree(story: { render: () => any }) {
+  const component = story.render();
+  return component.getHTML ? component.getHTML() : component;
+}
+
+export default getRenderedTree;
diff --git a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.metadata.test.js.snap b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.metadata.test.js.snap
new file mode 100644
index 00000000000..c9965e394a4
--- /dev/null
+++ b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.metadata.test.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Text Simple 1`] = `
+<div>
+  prefix
+   
+  contents
+   
+  suffix
+</div>
+`;
diff --git a/addons/storyshots/storyshots-core/stories/exported_metadata/Text.stories.js b/addons/storyshots/storyshots-core/stories/exported_metadata/Text.stories.js
new file mode 100644
index 00000000000..e87143f2c78
--- /dev/null
+++ b/addons/storyshots/storyshots-core/stories/exported_metadata/Text.stories.js
@@ -0,0 +1,5 @@
+export default {
+  title: 'Text',
+};
+
+export const Simple = () => 'contents';
diff --git a/addons/storyshots/storyshots-core/stories/exported_metadata/main.js b/addons/storyshots/storyshots-core/stories/exported_metadata/main.js
new file mode 100644
index 00000000000..f6e10c62569
--- /dev/null
+++ b/addons/storyshots/storyshots-core/stories/exported_metadata/main.js
@@ -0,0 +1,3 @@
+module.exports = {
+  stories: ['./Text.stories.js'],
+};
diff --git a/addons/storyshots/storyshots-core/stories/exported_metadata/preview.js b/addons/storyshots/storyshots-core/stories/exported_metadata/preview.js
new file mode 100644
index 00000000000..724c84b9a43
--- /dev/null
+++ b/addons/storyshots/storyshots-core/stories/exported_metadata/preview.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+export const decorators = [
+  (StoryFn, { parameters, globals }) => (
+    <div>
+      {parameters.prefix} <StoryFn /> {globals.suffix}
+    </div>
+  ),
+];
+
+export const parameters = { prefix: 'prefix' };
+export const globals = { suffix: 'suffix' };
diff --git a/addons/storyshots/storyshots-core/stories/storyshot.metadata.test.js b/addons/storyshots/storyshots-core/stories/storyshot.metadata.test.js
new file mode 100644
index 00000000000..38d2d3c1d79
--- /dev/null
+++ b/addons/storyshots/storyshots-core/stories/storyshot.metadata.test.js
@@ -0,0 +1,9 @@
+import path from 'path';
+import initStoryshots from '../dist';
+
+// jest.mock('@storybook/node-logger');
+
+initStoryshots({
+  framework: 'react',
+  configPath: path.join(__dirname, 'exported_metadata'),
+});
diff --git a/addons/storyshots/storyshots-puppeteer/README.md b/addons/storyshots/storyshots-puppeteer/README.md
index ce6919b987a..4776f0d23b0 100644
--- a/addons/storyshots/storyshots-puppeteer/README.md
+++ b/addons/storyshots/storyshots-puppeteer/README.md
@@ -10,7 +10,7 @@ npm install @storybook/addon-storyshots-puppeteer puppeteer --save-dev
 
 ⚠️ As of Storybook 5.3 `puppeteer` is no more included in addon dependencies and must be added to your project directly.
 
-## Configure Storyshots for Puppeteeer tests
+## Configure Storyshots for Puppeteer tests
 
 ⚠️ **React-native** is **not supported** by this test function.
 
@@ -305,3 +305,16 @@ initStoryshots({
 ```
 
 `getScreenshotOptions` receives an object `{ context: {kind, story}, url}`. _kind_ is the kind of the story and the _story_ its name. _url_ is the URL the browser will use to screenshot.
+
+To create a screenshot of just a single element (with its children), rather than the page or current viewport, an ElementHandle can be returned from `beforeScreenshot`:
+```js
+import initStoryshots from '@storybook/addon-storyshots';
+import { imageSnapshot } from '@storybook/addon-storyshots-puppeteer';
+
+const beforeScreenshot = (page) => page.$('#root > *');
+
+initStoryshots({
+  suite: 'Image storyshots',
+  test: imageSnapshot({ storybookUrl: 'http://localhost:6006', beforeScreenshot }),
+});
+```
\ No newline at end of file
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index 9772198cb3b..6a86b8d0428 100644
--- a/addons/storyshots/storyshots-puppeteer/package.json
+++ b/addons/storyshots/storyshots-puppeteer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots-puppeteer",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Image snapshots addition to StoryShots based on puppeteer",
   "keywords": [
     "addon",
@@ -23,18 +23,18 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
     "@storybook/csf": "0.0.1",
-    "@storybook/node-logger": "6.0.0-beta.23",
+    "@storybook/node-logger": "6.1.0-alpha.14",
     "@types/jest-image-snapshot": "^2.8.0",
     "@wordpress/jest-puppeteer-axe": "^1.5.0",
     "core-js": "^3.0.1",
-    "jest-image-snapshot": "^3.0.1",
+    "jest-image-snapshot": "^4.0.2",
     "regenerator-runtime": "^0.13.3"
   },
   "devDependencies": {
@@ -42,7 +42,7 @@
     "@types/puppeteer": "^2.0.0"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
     "puppeteer": "^2.0.0 || ^3.0.0"
   },
   "peerDependenciesMeta": {
@@ -53,11 +53,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/storyshots/storyshots-puppeteer/src/config.ts b/addons/storyshots/storyshots-puppeteer/src/config.ts
index a421ea02999..0f05f622f5b 100644
--- a/addons/storyshots/storyshots-puppeteer/src/config.ts
+++ b/addons/storyshots/storyshots-puppeteer/src/config.ts
@@ -1,5 +1,11 @@
 import { MatchImageSnapshotOptions } from 'jest-image-snapshot';
-import { Base64ScreenShotOptions, Browser, DirectNavigationOptions, Page } from 'puppeteer';
+import {
+  Base64ScreenShotOptions,
+  Browser,
+  DirectNavigationOptions,
+  Page,
+  ElementHandle,
+} from 'puppeteer';
 
 export interface Context {
   kind: string;
@@ -33,7 +39,7 @@ export interface PuppeteerTestConfig extends CommonConfig {
 export interface ImageSnapshotConfig extends CommonConfig {
   getMatchOptions: (options: Options) => MatchImageSnapshotOptions;
   getScreenshotOptions: (options: Options) => Base64ScreenShotOptions;
-  beforeScreenshot: (page: Page, options: Options) => void;
+  beforeScreenshot: (page: Page, options: Options) => void | ElementHandle;
   afterScreenshot: (options: { image: string; context: Context }) => void;
 }
 
diff --git a/addons/storyshots/storyshots-puppeteer/src/imageSnapshot.ts b/addons/storyshots/storyshots-puppeteer/src/imageSnapshot.ts
index e8cceac6152..d2e950401f7 100644
--- a/addons/storyshots/storyshots-puppeteer/src/imageSnapshot.ts
+++ b/addons/storyshots/storyshots-puppeteer/src/imageSnapshot.ts
@@ -12,8 +12,8 @@ export const imageSnapshot = (customConfig: Partial<ImageSnapshotConfig> = {}) =
     ...config,
     async testBody(page, options) {
       expect.assertions(1);
-      await beforeScreenshot(page, options);
-      const image = await page.screenshot(getScreenshotOptions(options));
+      const element = await beforeScreenshot(page, options);
+      const image = await (element || page).screenshot(getScreenshotOptions(options));
       await afterScreenshot({ image, context: options.context });
       expect(image).toMatchImageSnapshot(getMatchOptions(options));
     },
diff --git a/addons/storysource/README.md b/addons/storysource/README.md
index 3b3c1ea1e69..464fd565b56 100644
--- a/addons/storysource/README.md
+++ b/addons/storysource/README.md
@@ -1,4 +1,4 @@
-# Storybook Storysource Addon
+<h1>Storybook Storysource Addon</h1>
 
 This addon is used to show stories source in the addon panel.
 
@@ -6,6 +6,11 @@ This addon is used to show stories source in the addon panel.
 
 ![Storysource Demo](./docs/demo.gif)
 
+- [Getting Started](#getting-started)
+  - [Install using preset](#install-using-preset)
+- [Theming](#theming)
+- [Displaying full source](#displaying-full-source)
+
 ## Getting Started
 
 First, install the addon
@@ -47,138 +52,49 @@ module.exports = {
 };
 ```
 
-## Loader Options
-
-The loader can be customized with the following options:
-
-### parser
-
-The parser that will be parsing your code to AST (based on [prettier](https://github.com/prettier/prettier/tree/master/src/language-js))
-
-Allowed values:
-
-- `javascript` - default
-- `typescript`
-- `flow`
-
-Be sure to update the regex test for the webpack rule if utilizing Typescript files.
-
-Usage:
-
-```js
-module.exports = function({ config }) {
-  config.module.rules.push({
-    test: /\.stories\.tsx?$/,
-    loaders: [
-      {
-        loader: require.resolve('@storybook/source-loader'),
-        options: { parser: 'typescript' },
-      },
-    ],
-    enforce: 'pre',
-  });
-
-  return config;
-};
-```
-
-### prettierConfig
-
-The prettier configuration that will be used to format the story source in the addon panel.
-
-Defaults:
-
-```js
-{
-  printWidth: 100,
-  tabWidth: 2,
-  bracketSpacing: true,
-  trailingComma: 'es5',
-  singleQuote: true,
-}
-```
-
-Usage:
-
-```js
-module.exports = function({ config }) {
-  config.module.rules.push({
-    test: /\.stories\.jsx?$/,
-    loaders: [
-      {
-        loader: require.resolve('@storybook/source-loader'),
-        options: {
-          prettierConfig: {
-            printWidth: 100,
-            singleQuote: false,
-          },
-        },
-      },
-    ],
-    enforce: 'pre',
-  });
-
-  return config;
-};
-```
-
-### uglyCommentsRegex
-
-The array of regex that is used to remove "ugly" comments.
-
-Defaults:
-
-```js
-[/^eslint-.*/, /^global.*/];
-```
-
-Usage:
-
-```js
-module.exports = function({ config }) {
-  config.module.rules.push({
-    test: /\.stories\.jsx?$/,
-    loaders: [
-      {
-        loader: require.resolve('@storybook/source-loader'),
-        options: {
-          uglyCommentsRegex: [/^eslint-.*/, /^global.*/],
-        },
-      },
-    ],
-    enforce: 'pre',
-  });
-
-  return config;
-};
-```
-
-### injectDecorator
-
-Tell storysource whether you need inject decorator. If false, you need to add the decorator by yourself;
-
-Defaults: true
-
-Usage:
-
-```js
-module.exports = function({ config }) {
-  config.module.rules.push({
-    test: /\.stories\.jsx?$/,
-    loaders: [
-      {
-        loader: require.resolve('@storybook/source-loader'),
-        options: { injectDecorator: false },
-      },
-    ],
-    enforce: 'pre',
-  });
-
-  return config;
-};
-```
+To customize the `source-loader`, pass `loaderOptions`. Valid configurations are documented in the [`source-loader` README](../../lib/source-loader/README.md#options).
 
 ## Theming
 
-Storysource will automatically use the light or dark syntax theme based on your storybook theme. See [Theming Storybook](https://storybook.js.org/docs/configurations/theming/) for more information.
+Storysource will automatically use the light or dark syntax theme based on your storybook theme. See [Theming Storybook](https://storybook.js.org/docs/react/configure/theming) for more information.
 ![Storysource Light/Dark Themes](./docs/theming-light-dark.png)
+
+## Displaying full source
+
+Storybook 6.0 introduced an unintentional change to `source-loader, in which only the source of the selected story is shown in the addon. To restore the old behavior, pass the`injectStoryParameters: false` option.
+
+If you're using `addon-docs`:
+
+```js
+module.exports = {
+  addons: [
+    {
+      name: '@storybook/addon-docs',
+      options: {
+        sourceLoaderOptions: {
+          injectStoryParameters: false,
+        },
+      },
+    },
+  ],
+};
+```
+
+If not:
+
+```js
+module.exports = {
+  addons: [
+    {
+      name: '@storybook/addon-storysource',
+      options: {
+        loaderOptions: {
+          injectStoryParameters: false,
+        },
+      },
+    },
+  ],
+};
+```
+
+This bug will be resolved in a future version of the addon.
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index 28c8d130010..ff1dfc7ec34 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Stories addon for storybook",
   "keywords": [
     "addon",
@@ -23,39 +23,42 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/router": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/router": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "loader-utils": "^2.0.0",
-    "prettier": "^2.0.5",
+    "prettier": "~2.0.5",
     "prop-types": "^15.7.2",
     "react": "^16.9.17",
-    "react-syntax-highlighter": "^12.2.1",
+    "react-dom": "^16.8.3",
+    "react-syntax-highlighter": "^13.5.0",
     "regenerator-runtime": "^0.13.3"
   },
   "devDependencies": {
     "@types/react": "^16.9.27",
     "@types/react-syntax-highlighter": "^11.0.4"
   },
-  "peerDependencies": {
-    "@storybook/source-loader": "*",
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/addons/storysource/src/StoryPanel.tsx b/addons/storysource/src/StoryPanel.tsx
index dd4c1c7b51a..49b5f475c9c 100644
--- a/addons/storysource/src/StoryPanel.tsx
+++ b/addons/storysource/src/StoryPanel.tsx
@@ -9,7 +9,7 @@ import {
   createSyntaxHighlighterElement,
 } from '@storybook/components';
 
-import { SourceBlock, LocationsMap } from '@storybook/source-loader';
+import { SourceBlock, LocationsMap } from '@storybook/source-loader/extract-source';
 import { Story } from '@storybook/api/dist/lib/stories';
 
 const StyledStoryLink = styled(Link)<{ to: string; key: string }>(({ theme }) => ({
@@ -155,7 +155,7 @@ export const StoryPanel: React.FC<StoryPanelProps> = ({ api }) => {
   }: SyntaxHighlighterRendererProps): React.ReactNode => {
     // because of the usage of lineRenderer, all lines will be wrapped in a span
     // these spans will receive all classes on them for some reason
-    // which makes colours casecade incorrectly
+    // which makes colours cascade incorrectly
     // this removed that list of classnames
     const myrows = rows.map(({ properties, ...rest }) => ({
       ...rest,
@@ -170,7 +170,7 @@ export const StoryPanel: React.FC<StoryPanelProps> = ({ api }) => {
 
     return <span>{parts}</span>;
   };
-  return (
+  return story ? (
     <StyledSyntaxHighlighter
       language="jsx"
       showLineNumbers
@@ -181,5 +181,5 @@ export const StoryPanel: React.FC<StoryPanelProps> = ({ api }) => {
     >
       {source}
     </StyledSyntaxHighlighter>
-  );
+  ) : null;
 };
diff --git a/addons/toolbars/README.md b/addons/toolbars/README.md
index 4fc67c669df..49257cfe6aa 100644
--- a/addons/toolbars/README.md
+++ b/addons/toolbars/README.md
@@ -1,45 +1,24 @@
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/next/addons/toolbars/docs/hero.gif" width="100%" />
-</center>
+# Storybook Toolbars Addon
 
-<h1>Storybook Addon Toolbars</h1>
-
-The Toolbars addon controls global story rendering options from Storybook's toolbar UI. It's a general purpose addon that can be used to:
+The Toolbars addon controls global story rendering options from [Storybook's](https://storybook.js.org) toolbar UI. It's a general purpose addon that can be used to:
 
 - set a theme for your components
 - set your components' internationalization (i18n) locale
 - configure just about anything in Storybook that makes use of a global variable
 
-Toolbars is built on top of [Storybook Args](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/formats/component-story-format/index.md#args-story-inputs) (SB6.0+): dynamic variables that trigger a story re-render when they are set.
+[Framework Support](https://storybook.js.org/docs/react/api/frameworks-feature-support)
 
-- [Get started](#get-started)
-  - [Installation](#installation)
-  - [Configure menu UI](#configure-menu-ui)
-  - [Create a decorator](#create-a-decorator)
-- [Advanced usage](#advanced-usage)
-  - [Advanced menu configuration](#advanced-menu-configuration)
-  - [Consuming global args from within a story](#consuming-global-args-from-within-a-story)
-  - [Consuming global args from within an addon](#consuming-global-args-from-within-an-addon)
-- [FAQs](#faqs)
-  - [How does this compare to `addon-contexts`?](#how-does-this-compare-to-addon-contexts)
+![Screenshot](https://raw.githubusercontent.com/storybookjs/storybook/next/addons/toolbars/docs/hero.gif)
 
-## Get started
+## Installation
 
-To get started with `addon-toolbars`:
-
-1. [install the addon](#installation),
-2. [configure the menu UI](#configure-menu-ui)
-3. [Create a decorator to implement custom logic](#create-a-decorator).
-
-### Installation
-
-First, install the package:
+Toolbars is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run:
 
 ```sh
-npm install @storybook/addon-toolbars -D # or yarn
+npm i -D @storybook/addon-toolbars
 ```
 
-Then add it to your `.storybook/main.js` config:
+Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project):
 
 ```js
 module.exports = {
@@ -47,169 +26,9 @@ module.exports = {
 };
 ```
 
-### Configure menu UI
+## Usage
 
-Addon-toolbars has a simple, declarative syntax for configuring toolbar menus. You can add toolbars by adding `globalArgTypes` with a `toolbar` annotation, in `.storybook/preview.js`:
-
-```js
-export const globalArgTypes = {
-  theme: {
-    name: 'Theme'
-    description: 'Global theme for components',
-    defaultValue: 'light',
-    toolbar: {
-      icon: 'circlehollow',
-      // array of plain string values or MenuItem shape (see below)
-      items: ['light', 'dark'],
-    },
-  },
-};
-```
-
-You should see a dropdown in your toolbar with options `light` and `dark`.
-
-### Create a decorator
-
-Now, let's wire it up! We can consume our new `theme` global arg in a decorator using the `context.globalArgs.theme` value.
-
-For example, suppose you are using `styled-components`. You can add a theme provider decorator to your `.storybook/preview.js` config:
-
-```ts
-import { ThemeProvider } from 'styled-components';
-import { StoryContext, StoryGetter, StoryWrapper } from '@storybook/addons';
-
-const withThemeProvider: StoryWrapper = (Story: StoryGetter, context: StoryContext) => {
-  // context.globalArgs.theme here will be either 'light' or 'dark'
-  // getTheme being a function retrieving the actual theme object from that value
-  const theme = getTheme(context.globalArgs.theme);
-
-  return (
-    <ThemeProvider theme={theme}>
-      <Story {...context} />
-    </ThemeProvider>
-  );
-};
-
-export const decorators = [withThemeProvider];
-```
-
-## Advanced usage
-
-The previous section shows the common case. There are two advanced use cases: (1) [advanced menu configurations](#advanced-menu-configuration), (2) [consuming global args inside a story](#consuming-global-args-from-within-a-story).
-
-### Advanced menu configuration
-
-The default menu configuration is simple: everything's a string! However, the Toolbars addon also support configuration options to tweak the appearance of the menu:
-
-```ts
-type MenuItem {
-  /**
-   * The string value of the menu that gets set in the global args
-   */
-  value: string,
-  /**
-   * The main text of the title
-   */
-  title: string,
-  /**
-   * A string that gets shown in left side of the menu, if set
-   */
-  left?: string,
-  /**
-   * A string that gets shown in right side of the menu, if set
-   */
-  right?: string,
-  /**
-   * An icon that gets shown in the toolbar if this item is selected
-   */
-  icon?: icon,
-}
-```
-
-Thus if you want to show right-justified flags for an internationalization locale, you might set up the following configuration in `.storybook/preview.js`:
-
-```js
-export const globalArgTypes = {
-  locale: {
-    name: 'Locale',
-    description: 'Internationalization locale',
-    defaultValue: 'en',
-    toolbar: {
-      icon: 'globe',
-      items: [
-        { value: 'en', right: '🇺🇸', title: 'English' },
-        { value: 'fr', right: '🇫🇷', title: 'Français' },
-        { value: 'es', right: '🇪🇸', title: 'Español' },
-        { value: 'zh', right: '🇨🇳', title: '中文' },
-        { value: 'kr', right: '🇰🇷', title: '한국어' },
-      ],
-    },
-  },
-};
-```
-
-### Consuming global args from within a story
-
-The recommended usage, as shown in the examples above, is to consume global args from within a decorator and implement a global setting that applies to all stories. But sometimes it's useful to use toolbar options inside individual stories.
-
-Storybook's `globalArgs` are available via the story context:
-
-```js
-const getCaptionForLocale = (locale) => {
-  switch(locale) {
-    case 'es': return 'Hola!';
-    case 'fr': return 'Bonjour!';
-    case 'kr': return '안녕하세요!';
-    case 'zh': return '你好!';
-    default:
-      return 'Hello!',
-  }
-}
-
-export const StoryWithLocale = (args, { globalArgs: { locale } }) => {
-  const caption = getCaptionForLocale(locale);
-  return <>{caption}</>;
-};
-```
-
-**NOTE:** In Storybook 6.0, if you set the global option `passArgsFirst: false` for backwards compatibility, the story context is passes as the second argument:
-
-```js
-export const StoryWithLocale = ({ globalArgs: { locale } }) => {
-  const caption = getCaptionForLocale(locale);
-  return <>{caption}</>;
-};
-```
-
-### Consuming global args from within an addon
-
-There is a hook available in `@storybook/api` to retrieve the global args: `useGlobalArgs()`
-
-Following the previous example of the ThemeProvider, if you want for instance to display the current theme inside a Panel:
-
-```js
-import { useGlobalArgs } from '@storybook/api';
-import { AddonPanel, Placeholder, Separator, Source, Spaced, Title } from '@storybook/components';
-
-const ThemePanel = props => {
-  const [{ theme: themeName }] = useGlobalArgs();
-  const theme = getTheme(themeName);
-
-  return (
-    <AddonPanel {...props}>
-      {theme ? (
-        <Spaced row={3} outer={1}>
-          <Title>{theme.name}</Title>
-          <p>The full theme object/p>
-          <Source code={JSON.stringify(theme, null, 2)} language="js" copyable padded showLineNumbers />
-        </Spaced>
-      ) : (
-        <Placeholder>No theme selected</Placeholder>
-      )}
-    </AddonPanel>
-  );
-};
-```
+The usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/toolbars-and-globals).
 
 ## FAQs
 
diff --git a/addons/toolbars/package.json b/addons/toolbars/package.json
index 0e21fb7a188..72def61388d 100644
--- a/addons/toolbars/package.json
+++ b/addons/toolbars/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-toolbars",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook toolbars addon",
   "keywords": [
     "addon",
@@ -30,17 +30,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "core-js": "^3.0.1"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "core-js": "^3.0.1",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a"
 }
diff --git a/addons/toolbars/src/components/MenuToolbar.tsx b/addons/toolbars/src/components/MenuToolbar.tsx
index 161108e36d5..b4094b21cba 100644
--- a/addons/toolbars/src/components/MenuToolbar.tsx
+++ b/addons/toolbars/src/components/MenuToolbar.tsx
@@ -1,6 +1,6 @@
 import React, { FC } from 'react';
-import { useGlobalArgs } from '@storybook/api';
-import { Icons, IconButton, WithTooltip, TooltipLinkList } from '@storybook/components';
+import { useGlobals } from '@storybook/api';
+import { Icons, IconButton, WithTooltip, TooltipLinkList, TabButton } from '@storybook/components';
 import { NormalizedToolbarArgType } from '../types';
 
 export type MenuToolbarProps = NormalizedToolbarArgType & { id: string };
@@ -11,10 +11,11 @@ export const MenuToolbar: FC<MenuToolbarProps> = ({
   description,
   toolbar: { icon, items },
 }) => {
-  const [globalArgs, updateGlobalArgs] = useGlobalArgs();
-  const selectedValue = globalArgs[id];
+  const [globals, updateGlobals] = useGlobals();
+  const selectedValue = globals[id];
   const active = selectedValue != null;
   const selectedItem = active && items.find((item) => item.value === selectedValue);
+  const selectedIcon = (selectedItem && selectedItem.icon) || icon;
 
   return (
     <WithTooltip
@@ -30,7 +31,7 @@ export const MenuToolbar: FC<MenuToolbarProps> = ({
             right,
             active: selectedValue === value,
             onClick: () => {
-              updateGlobalArgs({ [id]: value });
+              updateGlobals({ [id]: value });
               onHide();
             },
           };
@@ -39,9 +40,13 @@ export const MenuToolbar: FC<MenuToolbarProps> = ({
       }}
       closeOnClick
     >
-      <IconButton key={name} active={active} title={description}>
-        <Icons icon={(selectedItem && selectedItem.icon) || icon} />
-      </IconButton>
+      {selectedIcon ? (
+        <IconButton key={name} active={active} title={description}>
+          <Icons icon={selectedIcon} />
+        </IconButton>
+      ) : (
+        <TabButton active={active}>{name}</TabButton>
+      )}
     </WithTooltip>
   );
 };
diff --git a/addons/toolbars/src/components/ToolbarManager.tsx b/addons/toolbars/src/components/ToolbarManager.tsx
index 215ae20c908..ce88dc7ae03 100644
--- a/addons/toolbars/src/components/ToolbarManager.tsx
+++ b/addons/toolbars/src/components/ToolbarManager.tsx
@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { useGlobalArgTypes } from '@storybook/api';
+import { useGlobalTypes } from '@storybook/api';
 import { Separator } from '@storybook/components';
 
 import { ToolbarArgType } from '../types';
@@ -21,15 +21,15 @@ const normalize = (key: string, argType: ToolbarArgType) => ({
  * A smart component for handling manager-preview interactions.
  */
 export const ToolbarManager: FC = () => {
-  const globalArgTypes = useGlobalArgTypes();
-  const keys = Object.keys(globalArgTypes).filter((key) => !!globalArgTypes[key].toolbar);
+  const globalTypes = useGlobalTypes();
+  const keys = Object.keys(globalTypes).filter((key) => !!globalTypes[key].toolbar);
   if (!keys.length) return null;
 
   return (
     <>
       <Separator />
       {keys.map((key) => {
-        const normalizedConfig = normalize(key, globalArgTypes[key] as ToolbarArgType);
+        const normalizedConfig = normalize(key, globalTypes[key] as ToolbarArgType);
         return <MenuToolbar key={key} id={key} {...normalizedConfig} />;
       })}
     </>
diff --git a/addons/viewport/README.md b/addons/viewport/README.md
index 9cbc5d51d78..1dc1240f2d5 100644
--- a/addons/viewport/README.md
+++ b/addons/viewport/README.md
@@ -2,25 +2,19 @@
 
 Storybook Viewport Addon allows your stories to be displayed in different sizes and layouts in [Storybook](https://storybook.js.org). This helps build responsive components inside of Storybook.
 
-[Framework Support](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
+[Framework Support](https://storybook.js.org/docs/react/api/frameworks-feature-support)
 
 ![Screenshot](https://github.com/storybookjs/storybook/blob/master/addons/viewport/docs/viewport.png)
 
 ## Installation
 
-Install the following npm module:
+Viewport is part of [essentials](https://storybook.js.org/docs/react/essentials/introduction) and so is installed in all new Storybooks by default. If you need to add it to your Storybook, you can run:
 
 ```sh
-npm i --save-dev @storybook/addon-viewport
+npm i -D @storybook/addon-viewport
 ```
 
-or with yarn:
-
-```sh
-yarn add -D @storybook/addon-viewport
-```
-
-within `.storybook/main.js`:
+Then, add following content to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project):
 
 ```js
 module.exports = {
@@ -30,175 +24,6 @@ module.exports = {
 
 You should now be able to see the viewport addon icon in the the toolbar at the top of the screen.
 
-## Configuration
+## Usage
 
-The viewport addon is configured by story parameters with the `viewport` key. To configure globally, import `addParameters` from your app layer in your `preview.js` file.
-
-```js
-import { addParameters } from '@storybook/client-api';
-
-addParameters({
-  viewport: {
-    viewports: newViewports, // newViewports would be an ViewportMap. (see below for examples)
-    defaultViewport: 'someDefault',
-  },
-});
-```
-
-Options can take a object with the following keys:
-
-### defaultViewport : String
-
----
-
-Setting this property to, let say `iphone6`, will make `iPhone 6` the default device/viewport for all stories. Default is `'responsive'` which fills 100% of the preview area.
-
-### disable : Boolean
-
----
-
-Disable viewport addon per component, story or global.
-
-### viewports : Object
-
----
-
-A key-value pair of viewport's key and properties (see `Viewport` definition below) for all viewports to be displayed. Default is [`MINIMAL_VIEWPORTS`](src/defaults.ts)
-
-#### Viewport Model
-
-```js
-{
-  /**
-   * name to display in the dropdown
-   * @type {String}
-   */
-  name: 'Responsive',
-
-  /**
-   * Inline styles to be applied to the story (iframe).
-   * styles is an object whose key is the camelCased version of the style name, and whose
-   * value is the style’s value, usually a string
-   * @type {Object}
-   */
-  styles: {
-    width: '100%',
-    height: '100%',
-  },
-
-  /**
-   * type of the device (e.g. desktop, mobile, or tablet)
-   * @type {String}
-   */
-  type: 'desktop',
-}
-```
-
-## Configuring per component or story
-
-Parameters can be configured for a whole set of stories or a single story via the standard parameter API:
-
-```js
-
-export default {
-  title: 'Stories',
-  parameters: {
-    viewport: {
-      viewports: INITIAL_VIEWPORTS,
-      defaultViewport: 'iphone6'
-    },
-  };
-};
-
-export const myStory = () => <div />;
-myStory.parameters = {
-  viewport: {
-    defaultViewport: 'iphonex'
-  },
-};
-```
-
-## Examples
-
-### Use Detailed Set of Devices
-
-The default viewports being used is [`MINIMAL_VIEWPORTS`](src/defaults.ts). If you'd like to use a more granular list of devices, you can use [`INITIAL_VIEWPORTS`](src/defaults.ts) like so in your `.storybook/preview.js` file.
-
-```js
-import { addParameters } from '@storybook/client-api';
-import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
-
-addParameters({
-  viewport: {
-    viewports: INITIAL_VIEWPORTS,
-  },
-});
-```
-
-### Use Custom Set of Devices
-
-This will replace all previous devices with `Kindle Fire 2` and `Kindle Fire HD` by calling `addParameters` with the two devices as `viewports` in `.storybook/preview.js` file.
-
-```js
-import { addParameters } from '@storybook/client-api';
-
-const customViewports = {
-  kindleFire2: {
-    name: 'Kindle Fire 2',
-    styles: {
-      width: '600px',
-      height: '963px',
-    },
-  },
-  kindleFireHD: {
-    name: 'Kindle Fire HD',
-    styles: {
-      width: '533px',
-      height: '801px',
-    },
-  },
-};
-
-addParameters({
-  viewport: { viewports: customViewports },
-});
-```
-
-### Add New Device
-
-This will add both `Kindle Fire 2` and `Kindle Fire HD` to the list of devices. This is achieved by making use of the exported [`INITIAL_VIEWPORTS`](src/defaults.ts) or [`MINIMAL_VIEWPORTS`](src/defaults.ts) property, by merging it with the new viewports and pass the result as `viewports` to `configureViewport` function
-
-```js
-import { addParameters } from '@storybook/react';
-import {
-  INITIAL_VIEWPORTS,
-  // or MINIMAL_VIEWPORTS,
-} from '@storybook/addon-viewport';
-
-const customViewports = {
-  kindleFire2: {
-    name: 'Kindle Fire 2',
-    styles: {
-      width: '600px',
-      height: '963px',
-    },
-  },
-  kindleFireHD: {
-    name: 'Kindle Fire HD',
-    styles: {
-      width: '533px',
-      height: '801px',
-    },
-  },
-};
-
-addParameters({
-  viewport: {
-    viewports: {
-      ...INITIAL_VIEWPORTS,
-      // or ...MINIMAL_VIEWPORTS,
-      ...customViewports,
-    },
-  },
-});
-```
+The usage is documented in the [documentation](https://storybook.js.org/docs/react/essentials/viewport).
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 7b56e9a3ee5..39fdeefed51 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook addon to change the viewport size to mobile",
   "keywords": [
     "addon",
@@ -23,36 +23,34 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
     "prop-types": "^15.7.2",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/addons/viewport/preset.js b/addons/viewport/preset.js
new file mode 100644
index 00000000000..a83f95279e7
--- /dev/null
+++ b/addons/viewport/preset.js
@@ -0,0 +1 @@
+module.exports = require('./dist/preset');
diff --git a/addons/viewport/register.js b/addons/viewport/register.js
index fe7ac6e7368..cc38cb06f1f 100644
--- a/addons/viewport/register.js
+++ b/addons/viewport/register.js
@@ -1,3 +1 @@
-// NOTE: loading addons using this file is deprecated!
-// please use manager.js and preview.js files instead
 require('./dist/register');
diff --git a/addons/viewport/src/preset/index.ts b/addons/viewport/src/preset/index.ts
new file mode 100644
index 00000000000..0e20177db06
--- /dev/null
+++ b/addons/viewport/src/preset/index.ts
@@ -0,0 +1,3 @@
+export function managerEntries(entry: any[] = []) {
+  return [...entry, require.resolve('../register')];
+}
diff --git a/app/angular/README.md b/app/angular/README.md
index f4ffe852ed4..9a0ed4814e0 100644
--- a/app/angular/README.md
+++ b/app/angular/README.md
@@ -19,5 +19,5 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/angular/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/angular/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
diff --git a/app/angular/package.json b/app/angular/package.json
index acd085b70a6..8ca5bf8f117 100644
--- a/app/angular/package.json
+++ b/app/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -28,23 +28,22 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
-    "@storybook/node-logger": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
     "@types/webpack-env": "^1.15.2",
     "autoprefixer": "^9.7.6",
     "core-js": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^4.0.3",
     "global": "^4.3.2",
     "postcss-loader": "^3.0.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "raw-loader": "^4.0.1",
     "regenerator-runtime": "^0.13.3",
     "sass-loader": "^8.0.0",
     "strip-json-comments": "^3.0.1",
@@ -75,11 +74,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/app/angular/src/client/index.ts b/app/angular/src/client/index.ts
index 823d2918762..384e8f440cb 100644
--- a/app/angular/src/client/index.ts
+++ b/app/angular/src/client/index.ts
@@ -9,6 +9,8 @@ export {
   raw,
 } from './preview';
 
+export * from './preview/types-6-0';
+
 export { StoryFnAngularReturnType as IStory } from './preview/types';
 
 export { moduleMetadata } from './preview/angular/decorators';
diff --git a/app/angular/src/client/preview/angular/components/app.component.ts b/app/angular/src/client/preview/angular/components/app.component.ts
index f0a094788c9..81d2cada177 100644
--- a/app/angular/src/client/preview/angular/components/app.component.ts
+++ b/app/angular/src/client/preview/angular/components/app.component.ts
@@ -33,6 +33,8 @@ export class AppComponent implements OnInit, OnDestroy {
 
   subscription: Subscription;
 
+  propSubscriptions = new Map<any, { prop: any, sub: Subscription }>();
+
   constructor(
     private cfr: ComponentFactoryResolver,
     private changeDetectorRef: ChangeDetectorRef,
@@ -64,6 +66,13 @@ export class AppComponent implements OnInit, OnDestroy {
     if (this.subscription) {
       this.subscription.unsubscribe();
     }
+
+    this.propSubscriptions.forEach(v => {
+      if (!v.sub.closed) {
+        v.sub.unsubscribe();
+      }
+    })
+    this.propSubscriptions.clear();
   }
 
   /**
@@ -93,7 +102,7 @@ export class AppComponent implements OnInit, OnDestroy {
           }
         }
       } else if (typeof value === 'function' && key !== 'ngModelChange') {
-        instanceProperty.subscribe(value);
+        this.setPropSubscription(key, instanceProperty, value);
       }
     });
 
@@ -123,4 +132,26 @@ export class AppComponent implements OnInit, OnDestroy {
       instance.registerOnChange(props.ngModelChange);
     }
   }
+
+  /**
+   * Store ref to subscription for cleanup in 'ngOnDestroy' and check if
+   * observable needs to be resubscribed to, before creating a new subscription.
+   */
+  private setPropSubscription(key: string, instanceProperty: Observable<any>, value: any): void {
+    if (this.propSubscriptions.has(key)) {
+      const v = this.propSubscriptions.get(key);
+      if (v.prop === value) {
+        // Prop hasn't changed, so the existing subscription can stay.
+        return;
+      }
+
+      // Now that the value has changed, unsubscribe from the previous value's subscription.
+      if (!v.sub.closed) {
+        v.sub.unsubscribe();
+      }
+    }
+    
+    const sub = instanceProperty.subscribe(value);
+    this.propSubscriptions.set(key, { prop: value, sub });
+  }
 }
diff --git a/app/angular/src/client/preview/index.ts b/app/angular/src/client/preview/index.ts
index 9f5b040238c..bf960f4d942 100644
--- a/app/angular/src/client/preview/index.ts
+++ b/app/angular/src/client/preview/index.ts
@@ -26,7 +26,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
   });
 };
 
-export const configure: ClientApi['configure'] = (...args) => api.configure(...args, framework);
+export const configure: ClientApi['configure'] = (...args) => api.configure(framework, ...args);
 export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
 export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
 export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
diff --git a/app/angular/src/client/preview/types-6-0.ts b/app/angular/src/client/preview/types-6-0.ts
new file mode 100644
index 00000000000..5f66f80955c
--- /dev/null
+++ b/app/angular/src/client/preview/types-6-0.ts
@@ -0,0 +1,23 @@
+import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory } from '@storybook/addons';
+import { StoryFnAngularReturnType } from './types';
+
+export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
+
+type AngularComponent = any;
+type AngularReturnType = StoryFnAngularReturnType;
+
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+export type Meta<Args = DefaultArgs> = BaseMeta<AngularComponent> &
+  Annotations<Args, AngularReturnType>;
+
+/**
+ * Story function that represents a component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export type Story<Args = DefaultArgs> = BaseStory<Args, AngularReturnType> &
+  Annotations<Args, AngularReturnType>;
diff --git a/app/angular/src/server/angular-cli_utils.ts b/app/angular/src/server/angular-cli_utils.ts
index 75d2d6763d3..8dccf86b1de 100644
--- a/app/angular/src/server/angular-cli_utils.ts
+++ b/app/angular/src/server/angular-cli_utils.ts
@@ -1,5 +1,13 @@
 import fs from 'fs';
-import { basename, dirname, normalize, relative, resolve, Path } from '@angular-devkit/core';
+import {
+  basename,
+  dirname,
+  normalize,
+  relative,
+  resolve,
+  Path,
+  getSystemPath,
+} from '@angular-devkit/core';
 import {
   getCommonConfig,
   getStylesConfig,
@@ -17,7 +25,7 @@ function isDirectory(assetPath: string) {
 }
 
 function getAssetsParts(resolvedAssetPath: Path, assetPath: Path) {
-  if (isDirectory(resolvedAssetPath)) {
+  if (isDirectory(getSystemPath(resolvedAssetPath))) {
     return {
       glob: '**/*', // Folders get a recursive star glob.
       input: assetPath, // Input directory is their original path.
diff --git a/app/angular/src/server/framework-preset-angular.ts b/app/angular/src/server/framework-preset-angular.ts
index 5b0239b58a7..3e18687952f 100644
--- a/app/angular/src/server/framework-preset-angular.ts
+++ b/app/angular/src/server/framework-preset-angular.ts
@@ -19,7 +19,7 @@ export function webpack(
           test: /\.tsx?$/,
           use: [
             {
-              loader: 'ts-loader',
+              loader: require.resolve('ts-loader'),
               options: tsLoaderOptions,
             },
             { loader: path.resolve(__dirname, 'ngx-template-loader') },
@@ -31,20 +31,20 @@ export function webpack(
         },
         {
           test: /\.html$/,
-          loader: 'raw-loader',
+          loader: require.resolve('raw-loader'),
           exclude: /\.async\.html$/,
         },
         {
           test: /\.s(c|a)ss$/,
           use: [
-            { loader: 'raw-loader' },
+            { loader: require.resolve('raw-loader') },
             {
               loader: require.resolve('postcss-loader'),
               options: {
                 plugins: [autoprefixer()],
               },
             },
-            { loader: 'sass-loader' },
+            { loader: require.resolve('sass-loader') },
           ],
         },
       ],
diff --git a/app/angular/types-6-0.d.ts b/app/angular/types-6-0.d.ts
new file mode 100644
index 00000000000..6ed7da8e519
--- /dev/null
+++ b/app/angular/types-6-0.d.ts
@@ -0,0 +1 @@
+export * from './dist/client/preview/types-6-0.d';
diff --git a/app/aurelia/README.md b/app/aurelia/README.md
index fb3507ebb76..95b664252cf 100644
--- a/app/aurelia/README.md
+++ b/app/aurelia/README.md
@@ -19,5 +19,5 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/aurelia/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/aurelia/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
diff --git a/app/aurelia/demo.d.ts b/app/aurelia/demo.d.ts
deleted file mode 100644
index 0183b7ef451..00000000000
--- a/app/aurelia/demo.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-declare module '@storybook/aurelia/demo' {
-  export const Button: any;
-  export const Welcome: any;
-}
diff --git a/app/aurelia/demo.js b/app/aurelia/demo.js
deleted file mode 100644
index 64bcd548d7e..00000000000
--- a/app/aurelia/demo.js
+++ /dev/null
@@ -1,5 +0,0 @@
-/* eslint-disable global-require */
-module.exports = {
-  Welcome: require('./dist/demo/welcome').default,
-  Button: require('./dist/demo/button').default,
-};
diff --git a/app/aurelia/package.json b/app/aurelia/package.json
index 6325fe2a4ce..ac905bf5c57 100644
--- a/app/aurelia/package.json
+++ b/app/aurelia/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/aurelia",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Aurelia: Develop Aurelia Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,13 +26,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
-    "@storybook/node-logger": "6.0.0-beta.23",
+    "@aurelia/webpack-loader": "^0.7.0",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
     "fork-ts-checker-webpack-plugin": "^4.0.3",
     "global": "^4.3.2",
     "ts-loader": "^6.0.1",
+    "url-loader": "^4.1.0",
     "webpack": "^4.33.0"
   },
   "devDependencies": {
@@ -46,7 +48,7 @@
     "rimraf": "^3.0.2",
     "sass-loader": "^8.0.0",
     "style-loader": "^0.23.0",
-    "typescript": "latest",
+    "typescript": "^3.9.3",
     "webpack": "^4.33.0"
   },
   "peerDependencies": {
@@ -54,5 +56,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a"
 }
diff --git a/app/aurelia/src/client/preview/index.ts b/app/aurelia/src/client/preview/index.ts
index 909bac8c3ac..aba12d87aa2 100644
--- a/app/aurelia/src/client/preview/index.ts
+++ b/app/aurelia/src/client/preview/index.ts
@@ -31,7 +31,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
 
 export { StoryFnAureliaReturnType, addRegistries, addContainer, Component, addComponents };
 
-export const configure: ClientApi['configure'] = (...args) => api.configure(...args, framework);
+export const configure: ClientApi['configure'] = (...args) => api.configure(framework, ...args);
 export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
 export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
 export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
diff --git a/app/aurelia/src/demo/index.ts b/app/aurelia/src/demo/index.ts
deleted file mode 100644
index 9463e32d9b5..00000000000
--- a/app/aurelia/src/demo/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as Button } from './button';
-export { default as Welcome } from './welcome';
diff --git a/app/aurelia/src/demo/welcome.ts b/app/aurelia/src/demo/welcome.ts
deleted file mode 100644
index 109911b7de2..00000000000
--- a/app/aurelia/src/demo/welcome.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { bindable, customElement } from 'aurelia';
-
-@customElement({
-  name: 'storybook-welcome-component',
-  template: `
-    <main>
-      <h1>Welcome to storybook</h1>
-      <p>This is a UI component dev environment for your app.</p>
-      <p>
-        We've added some basic stories inside the
-        <span class="inline-code">src/stories</span> directory. <br />
-        A story is a single state of one or more UI components. You can have as many stories as you
-        want. <br />
-        (Basically a story is like a visual test case.)
-      </p>
-      <p>
-        See these sample
-        <a click.delegate="showApp($event)" role="button" tabIndex="0">stories</a> for a component
-        called <span class="inline-code">Button</span> .
-      </p>
-      <p>
-        Just like that, you can add your own components as stories. <br />
-        You can also edit those components and see changes right away. <br />
-        (Try editing the <span class="inline-code">Button</span> stories located at
-        <span class="inline-code">src/stories/index.js</span>.)
-      </p>
-      <p>
-        Usually we create stories with smaller UI components in the app.<br />
-        Have a look at the
-        <a
-          href="https://storybook.js.org/basics/writing-stories"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Writing Stories
-        </a>
-        section in our documentation.
-      </p>
-      <p class="note">
-        <b>NOTE:</b> <br />
-        Have a look at the <span class="inline-code">.storybook/webpack.config.js</span> to add
-        webpack loaders and plugins you are using in this project.
-      </p>
-    </main>
- <style>
-      main {
-        padding: 15px;
-        line-height: 1.4;
-        font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
-        background-color: #ffffff;
-      }
-
-      .note {
-        opacity: 0.5;
-      }
-
-      .inline-code {
-        font-size: 15px;
-        font-weight: 600;
-        padding: 2px 5px;
-        border: 1px solid #eae9e9;
-        border-radius: 4px;
-        background-color: #f3f2f2;
-        color: #3a3a3a;
-      }
-
-      a {
-        color: #1474f3;
-        text-decoration: none;
-        border-bottom: 1px solid #1474f3;
-        padding-bottom: 2px;
-      }
-      </style>
-    `,
-})
-export default class Welcome {
-  @bindable()
-  showApp: MouseEvent;
-}
diff --git a/app/aurelia/src/server/framework-preset-aurelia.ts b/app/aurelia/src/server/framework-preset-aurelia.ts
index 13b8f813948..08cf01f6680 100644
--- a/app/aurelia/src/server/framework-preset-aurelia.ts
+++ b/app/aurelia/src/server/framework-preset-aurelia.ts
@@ -18,31 +18,55 @@ export function webpack(
       ...config.module,
       rules: [
         ...config.module.rules,
-        { test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' },
+        {
+          test: /\.(png|woff|woff2|eot|ttf|svg)$/,
+          loader: `${require.resolve('url-loader')}?limit=100000`,
+        },
         {
           test: /\.css$/i,
           issuer: [{ not: [{ test: /\.html$/i }] }],
-          use: ['style-loader', 'css-loader'],
+          use: [
+            { loader: require.resolve('style-loader') },
+            { loader: require.resolve('css-loader') },
+          ],
         },
         {
           test: /\.css$/i,
           issuer: [{ test: /\.html$/i }],
           // CSS required in templates cannot be extracted safely
           // because Aurelia would try to require it again in runtime
-          use: 'css-loader',
+          use: require.resolve('css-loader'),
         },
         {
           test: /\.scss$/,
-          use: ['style-loader', 'css-loader', 'sass-loader'],
+          use: [
+            { loader: require.resolve('style-loader') },
+            { loader: require.resolve('css-loader') },
+            { loader: require.resolve('sass-loader') },
+          ],
           issuer: /\.[tj]s$/i,
         },
         {
           test: /\.scss$/,
-          use: ['css-loader', 'sass-loader'],
+          use: [
+            { loader: require.resolve('css-loader') },
+            { loader: require.resolve('sass-loader') },
+          ],
           issuer: /\.html?$/i,
         },
-        { test: /\.ts$/i, use: ['ts-loader', '@aurelia/webpack-loader'], exclude: /node_modules/ },
-        { test: /\.html$/i, use: '@aurelia/webpack-loader', exclude: /node_modules/ },
+        {
+          test: /\.ts$/i,
+          use: [
+            { loader: require.resolve('ts-loader') },
+            { loader: require.resolve('@aurelia/webpack-loader') },
+          ],
+          exclude: /node_modules/,
+        },
+        {
+          test: /\.html$/i,
+          use: require.resolve('@aurelia/webpack-loader'),
+          exclude: /node_modules/,
+        },
       ],
     },
     plugins: [...config.plugins, createForkTsCheckerInstance(tsLoaderOptions)],
diff --git a/app/ember/README.md b/app/ember/README.md
index f1c81cbb99a..635ead2f560 100644
--- a/app/ember/README.md
+++ b/app/ember/README.md
@@ -19,11 +19,30 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/ember/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/ember/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
 
 ## Docs
 
-- [Basics](https://storybook.js.org/basics/introduction)
-- [Configurations](https://storybook.js.org/configurations/default-config)
-- [Addons](https://storybook.js.org/addons/introduction)
+- [Basics](https://storybook.js.org/docs/ember/get-started/introduction)
+- [Configurations](https://storybook.js.org/docs/ember/configure/overview)
+- [Addons](https://storybook.js.org/docs/ember/configure/storybook-addons)
+
+## Working with polyfills
+If you need to use a polyfill that is already in use in our Ember application,
+you will need to add some options to have Storybook working with them.
+
+In this example we'll use the [named-block-polyfill](https://github.com/ember-polyfills/ember-named-blocks-polyfill).
+This example also assume that you already have the package in your `package.json`.
+
+In your `.storybook/main.js` you can add the following lines: 
+```javascript
+const namedBlockPolyfill = require('ember-named-blocks-polyfill/lib/named-blocks-polyfill-plugin');
+
+module.exports = {
+  emberOptions: {
+    polyfills: [namedBlockPolyfill],
+  },
+  [...]
+};
+```
diff --git a/app/ember/package.json b/app/ember/package.json
index f0759e4c071..1d843d9a347 100644
--- a/app/ember/package.json
+++ b/app/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
   "bugs": {
@@ -25,14 +25,14 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
     "@ember/test-helpers": "^1.7.0",
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/core": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "regenerator-runtime": "^0.13.3",
@@ -42,9 +42,7 @@
     "@babel/core": "*",
     "babel-plugin-ember-modules-api-polyfill": "^2.12.0",
     "babel-plugin-htmlbars-inline-precompile": "2 || 3",
-    "ember-source": "^3.16.0",
-    "react": "*",
-    "react-dom": "*"
+    "ember-source": "^3.16.0"
   },
   "engines": {
     "node": ">=8.0.0"
@@ -52,5 +50,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/app/ember/src/client/preview/index.ts b/app/ember/src/client/preview/index.ts
index 1b159f531b6..60b1748e528 100644
--- a/app/ember/src/client/preview/index.ts
+++ b/app/ember/src/client/preview/index.ts
@@ -17,6 +17,6 @@ export const {
 const framework = 'ember';
 export const storiesOf = (...args: any) =>
   clientApi.storiesOf(...args).addParameters({ framework });
-export const configure = (...args: any) => coreConfigure(...args, framework);
+export const configure = (...args: any) => coreConfigure(framework, ...args);
 
 export { forceReRender };
diff --git a/app/ember/src/server/framework-preset-babel-ember.ts b/app/ember/src/server/framework-preset-babel-ember.ts
index 7ba0eea11ab..1e01c4eb9c4 100644
--- a/app/ember/src/server/framework-preset-babel-ember.ts
+++ b/app/ember/src/server/framework-preset-babel-ember.ts
@@ -1,14 +1,35 @@
 import { precompile } from 'ember-source/dist/ember-template-compiler';
 import { Configuration } from 'webpack'; // eslint-disable-line
 
-export function babel(config: Configuration) {
+let emberOptions: any;
+
+function precompileWithPlugins(string: string, options: any) {
+  const precompileOptions: any = options;
+  if (emberOptions && emberOptions.polyfills) {
+    precompileOptions.plugins = { ast: emberOptions.polyfills };
+  }
+
+  return precompile(string, precompileOptions);
+}
+
+export function babel(config: Configuration, options: any) {
+  if (options && options.presetsList) {
+    options.presetsList.forEach((e: any, index: number) => {
+      if (e.preset && e.preset.emberOptions) {
+        emberOptions = e.preset.emberOptions;
+        // eslint-disable-next-line no-param-reassign
+        delete options.presetsList[index].preset.emberOptions;
+      }
+    });
+  }
+
   const babelConfigPlugins = config.plugins || [];
 
   const extraPlugins = [
     [
       require.resolve('babel-plugin-htmlbars-inline-precompile'),
       {
-        precompile,
+        precompile: precompileWithPlugins,
         modules: {
           'ember-cli-htmlbars': 'hbs',
           'ember-cli-htmlbars-inline-precompile': 'default',
diff --git a/app/html/README.md b/app/html/README.md
index ff667d03b18..8c3880dbfc6 100644
--- a/app/html/README.md
+++ b/app/html/README.md
@@ -21,5 +21,5 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/html/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/html/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
diff --git a/app/html/package.json b/app/html/package.json
index bea26341e7e..bb35a99bebb 100644
--- a/app/html/package.json
+++ b/app/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -28,14 +28,15 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
     "@types/webpack-env": "^1.15.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
@@ -44,9 +45,7 @@
     "ts-dedent": "^1.1.1"
   },
   "peerDependencies": {
-    "@babel/core": "*",
-    "react": "*",
-    "react-dom": "*"
+    "@babel/core": "*"
   },
   "engines": {
     "node": ">=8.0.0"
@@ -54,11 +53,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/app/html/src/client/preview/index.ts b/app/html/src/client/preview/index.ts
index 6c33df55d28..cfd035cfcc0 100644
--- a/app/html/src/client/preview/index.ts
+++ b/app/html/src/client/preview/index.ts
@@ -25,7 +25,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
   });
 };
 
-export const configure: ClientApi['configure'] = (...args) => api.configure(...args, framework);
+export const configure: ClientApi['configure'] = (...args) => api.configure(framework, ...args);
 export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
 export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
 export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
diff --git a/app/html/src/client/preview/render.ts b/app/html/src/client/preview/render.ts
index a885d4d9ad9..bf1ce278270 100644
--- a/app/html/src/client/preview/render.ts
+++ b/app/html/src/client/preview/render.ts
@@ -1,5 +1,6 @@
 import { document, Node } from 'global';
 import dedent from 'ts-dedent';
+import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/client-api';
 import { RenderContext } from './types';
 
 const rootElement = document.getElementById('root');
@@ -17,6 +18,7 @@ export default function renderMain({
   showMain();
   if (typeof element === 'string') {
     rootElement.innerHTML = element;
+    simulatePageLoad(rootElement);
   } else if (element instanceof Node) {
     // Don't re-mount the element if it didn't change and neither did the story
     if (rootElement.firstChild === element && forceRender === true) {
@@ -25,6 +27,7 @@ export default function renderMain({
 
     rootElement.innerHTML = '';
     rootElement.appendChild(element);
+    simulateDOMContentLoaded();
   } else {
     showError({
       title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
diff --git a/app/marionette/README.md b/app/marionette/README.md
index fffc49bd35d..588aef1c049 100644
--- a/app/marionette/README.md
+++ b/app/marionette/README.md
@@ -21,5 +21,5 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
\ No newline at end of file
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/marionette/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/marionette/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
\ No newline at end of file
diff --git a/app/marionette/package.json b/app/marionette/package.json
index 986c61a64b1..3ebbc48d9fd 100644
--- a/app/marionette/package.json
+++ b/app/marionette/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/marionette",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Marionette: Develop Marionette.js component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/core": "6.1.0-alpha.14",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
@@ -39,8 +39,6 @@
     "@babel/core": "*",
     "backbone": "*",
     "backbone.marionette": "*",
-    "react": "*",
-    "react-dom": "*",
     "underscore": "*"
   },
   "engines": {
@@ -48,5 +46,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a"
 }
diff --git a/app/marko/README.md b/app/marko/README.md
index 0da3d2eda4a..9e6f6a30afd 100644
--- a/app/marko/README.md
+++ b/app/marko/README.md
@@ -19,13 +19,13 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/marko/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/marko/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
 
 Here are some featured storybooks that you can reference to see how Storybook works:
 
 ## Docs
 
-- [Basics](https://storybook.js.org/basics/introduction)
-- [Configurations](https://storybook.js.org/configurations/default-config)
-- [Addons](https://storybook.js.org/addons/introduction)
+- [Basics](https://storybook.js.org/docs/marko/get-started/introduction)
+- [Configurations](https://storybook.js.org/docs/marko/configure/overview)
+- [Addons](https://storybook.js.org/docs/marko/configure/storybook-addons)
diff --git a/app/marko/package.json b/app/marko/package.json
index 3a56eca487c..14319ea0838 100644
--- a/app/marko/package.json
+++ b/app/marko/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/marko",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -27,15 +27,15 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
     "@marko/webpack": "^2.1.0",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "regenerator-runtime": "^0.13.3",
@@ -44,8 +44,6 @@
   "peerDependencies": {
     "@babel/core": "*",
     "marko": "^4.15.2",
-    "react": "*",
-    "react-dom": "*",
     "webpack": "^4"
   },
   "engines": {
@@ -54,5 +52,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/app/marko/src/client/preview/index.js b/app/marko/src/client/preview/index.js
index b0f03db43bf..7635388ae4e 100644
--- a/app/marko/src/client/preview/index.js
+++ b/app/marko/src/client/preview/index.js
@@ -16,6 +16,6 @@ export const {
 
 const framework = 'marko';
 export const storiesOf = (...args) => clientApi.storiesOf(...args).addParameters({ framework });
-export const configure = (...args) => coreConfigure(...args, framework);
+export const configure = (...args) => coreConfigure(framework, ...args);
 
 export { forceReRender };
diff --git a/app/mithril/README.md b/app/mithril/README.md
index 3570cd3675a..cd088b8ec8e 100644
--- a/app/mithril/README.md
+++ b/app/mithril/README.md
@@ -19,5 +19,5 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/mithril/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/mithril/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
diff --git a/app/mithril/package.json b/app/mithril/package.json
index 5a9d397388c..c1d30563f44 100644
--- a/app/mithril/package.json
+++ b/app/mithril/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/mithril",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Mithril: Develop Mithril Component in isolation.",
   "keywords": [
     "storybook"
@@ -28,16 +28,16 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
+    "@babel/core": "^7.11.5",
+    "@babel/plugin-transform-react-jsx": "^7.10.4",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
     "@types/mithril": "^2.0.0",
     "@types/webpack-env": "^1.15.2",
     "core-js": "^3.0.1",
@@ -50,9 +50,7 @@
   },
   "peerDependencies": {
     "@babel/core": "*",
-    "mithril": "^1.1.6",
-    "react": "*",
-    "react-dom": "*"
+    "mithril": "^1.1.6 || ^2.0.0"
   },
   "engines": {
     "node": ">=8.0.0"
@@ -60,11 +58,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/app/mithril/src/client/preview/index.ts b/app/mithril/src/client/preview/index.ts
index a68d76ad0b4..d78def9fc89 100644
--- a/app/mithril/src/client/preview/index.ts
+++ b/app/mithril/src/client/preview/index.ts
@@ -22,7 +22,7 @@ interface ClientApi extends ClientStoryApi<StoryFnMithrilReturnType> {
 export const storiesOf: ClientApi['storiesOf'] = (kind, m) =>
   (clientApi.storiesOf(kind, m) as ReturnType<ClientApi['storiesOf']>).addParameters({ framework });
 
-export const configure: ClientApi['configure'] = (...args) => coreConfigure(...args, framework);
+export const configure: ClientApi['configure'] = (...args) => coreConfigure(framework, ...args);
 
 export const { setAddon } = clientApi;
 export const { addDecorator } = clientApi;
diff --git a/app/mithril/src/server/framework-preset-mithril.ts b/app/mithril/src/server/framework-preset-mithril.ts
index c54576fb127..f42bf4c7477 100644
--- a/app/mithril/src/server/framework-preset-mithril.ts
+++ b/app/mithril/src/server/framework-preset-mithril.ts
@@ -3,6 +3,9 @@ import { TransformOptions } from '@babel/core';
 export function babelDefault(config: TransformOptions) {
   return {
     ...config,
-    plugins: [...config.plugins, require.resolve('@babel/plugin-transform-react-jsx')],
+    plugins: [
+      ...config.plugins,
+      [require.resolve('@babel/plugin-transform-react-jsx'), {}, 'preset'],
+    ],
   };
 }
diff --git a/app/preact/README.md b/app/preact/README.md
index 61e791c27be..601a07a3fb5 100644
--- a/app/preact/README.md
+++ b/app/preact/README.md
@@ -19,11 +19,11 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/preact/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/preact/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
 
 ## Docs
 
-- [Basics](https://storybook.js.org/basics/introduction)
-- [Configurations](https://storybook.js.org/configurations/default-config)
-- [Addons](https://storybook.js.org/addons/introduction)
+- [Basics](https://storybook.js.org/docs/preact/get-started/introduction)
+- [Configurations](https://storybook.js.org/docs/preact/configure/overview)
+- [Addons](https://storybook.js.org/docs/preact/configure/storybook-addons)
diff --git a/app/preact/package.json b/app/preact/package.json
index d481cf721d0..88a67d0e60e 100644
--- a/app/preact/package.json
+++ b/app/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -28,15 +28,15 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
+    "@babel/plugin-transform-react-jsx": "^7.10.4",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
     "@types/webpack-env": "^1.15.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
@@ -48,9 +48,7 @@
   },
   "peerDependencies": {
     "@babel/core": "*",
-    "preact": "^10.0.0",
-    "react": "*",
-    "react-dom": "*"
+    "preact": "^8.0.0|^10.0.0"
   },
   "engines": {
     "node": ">=8.0.0"
@@ -58,11 +56,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/app/preact/src/client/preview/index.ts b/app/preact/src/client/preview/index.ts
index e5d03511e43..78e6485efc2 100644
--- a/app/preact/src/client/preview/index.ts
+++ b/app/preact/src/client/preview/index.ts
@@ -14,7 +14,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
   });
 };
 
-export const configure: ClientApi['configure'] = (...args) => api.configure(...args, framework);
+export const configure: ClientApi['configure'] = (...args) => api.configure(framework, ...args);
 export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
 export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
 export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
diff --git a/app/preact/src/client/preview/render.tsx b/app/preact/src/client/preview/render.tsx
index 693b5451270..cf4f855c1af 100644
--- a/app/preact/src/client/preview/render.tsx
+++ b/app/preact/src/client/preview/render.tsx
@@ -1,11 +1,31 @@
-import { h, render } from 'preact';
+import * as preact from 'preact';
 import { document } from 'global';
 import dedent from 'ts-dedent';
-import { RenderContext } from './types';
+import { RenderContext, StoryFnPreactReturnType } from './types';
 
 const rootElement = document ? document.getElementById('root') : null;
 
-export default function renderMain({ storyFn, kind, name, showMain, showError }: RenderContext) {
+let renderedStory: Element;
+
+function preactRender(element: StoryFnPreactReturnType | null): void {
+  if ((preact as any).Fragment) {
+    // Preact 10 only:
+    preact.render(element, rootElement);
+  } else if (element) {
+    renderedStory = (preact.render(element, rootElement) as unknown) as Element;
+  } else {
+    preact.render(element, rootElement, renderedStory);
+  }
+}
+
+export default function renderMain({
+  storyFn,
+  kind,
+  name,
+  showMain,
+  showError,
+  forceRender,
+}: RenderContext) {
   const element = storyFn();
 
   if (!element) {
@@ -19,9 +39,12 @@ export default function renderMain({ storyFn, kind, name, showMain, showError }:
     return;
   }
 
-  render(null, rootElement);
+  // But forceRender means that it's the same story, so we want to keep the state in that case.
+  if (!forceRender) {
+    preactRender(null);
+  }
 
   showMain();
 
-  render(element, rootElement);
+  preactRender(element);
 }
diff --git a/app/preact/src/server/framework-preset-preact.ts b/app/preact/src/server/framework-preset-preact.ts
index 6153a8b25b9..b3eaabddeff 100644
--- a/app/preact/src/server/framework-preset-preact.ts
+++ b/app/preact/src/server/framework-preset-preact.ts
@@ -5,7 +5,7 @@ export function babelDefault(config: TransformOptions) {
     ...config,
     plugins: [
       ...config.plugins,
-      [require.resolve('@babel/plugin-transform-react-jsx'), { pragma: 'h' }],
+      [require.resolve('@babel/plugin-transform-react-jsx'), { pragma: 'h' }, 'preset'],
     ],
   };
 }
diff --git a/app/rax/README.md b/app/rax/README.md
index 4baa045a4d5..137faed65c7 100644
--- a/app/rax/README.md
+++ b/app/rax/README.md
@@ -19,11 +19,11 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/rax/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/rax/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
 
 ## Docs
 
-- [Basics](https://storybook.js.org/basics/introduction)
-- [Configurations](https://storybook.js.org/configurations/default-config)
-- [Addons](https://storybook.js.org/addons/introduction)
+- [Basics](https://storybook.js.org/docs/rax/get-started/introduction)
+- [Configurations](https://storybook.js.org/docs/rax/configure/overview)
+- [Addons](https://storybook.js.org/docs/rax/configure/storybook-addons)
diff --git a/app/rax/package.json b/app/rax/package.json
index 4417ac5a599..ec80307ea39 100644
--- a/app/rax/package.json
+++ b/app/rax/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/rax",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Rax: Develop Rax Component in isolation.",
   "keywords": [
     "rax",
@@ -28,13 +28,13 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/core": "6.1.0-alpha.14",
     "babel-preset-rax": "^1.0.0-beta.0",
     "core-js": "^3.0.1",
     "driver-dom": "^2.0.0",
@@ -47,12 +47,17 @@
   },
   "peerDependencies": {
     "@babel/core": "*",
-    "rax": "^0.4.0 || ^1.0.0",
-    "react": "*",
-    "react-dom": "*"
+    "rax": "^0.4.0 || ^1.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/app/rax/src/client/preview/index.js b/app/rax/src/client/preview/index.js
index 3f83dedd56a..109004a46b5 100644
--- a/app/rax/src/client/preview/index.js
+++ b/app/rax/src/client/preview/index.js
@@ -16,6 +16,6 @@ export const {
 
 const framework = 'rax';
 export const storiesOf = (...args) => clientApi.storiesOf(...args).addParameters({ framework });
-export const configure = (...args) => coreConfigure(...args, framework);
+export const configure = (...args) => coreConfigure(framework, ...args);
 
 export { forceReRender };
diff --git a/app/react/README.md b/app/react/README.md
index c3958dd0032..0a8e9e74e00 100644
--- a/app/react/README.md
+++ b/app/react/README.md
@@ -19,8 +19,8 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/react/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/react/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
 
 Here are some featured storybooks that you can reference to see how Storybook works:
 
@@ -41,6 +41,6 @@ But you probably also need to use types from `@types/node @types/react`.
 
 ## Docs
 
-- [Basics](https://storybook.js.org/basics/introduction)
-- [Configurations](https://storybook.js.org/configurations/default-config)
-- [Addons](https://storybook.js.org/addons/introduction)
+- [Basics](https://storybook.js.org/docs/react/get-started/introduction)
+- [Configurations](https://storybook.js.org/docs/react/configure/overview)
+- [Addons](https://storybook.js.org/docs/react/configure/storybook-addons)
diff --git a/app/react/package.json b/app/react/package.json
index 691854510c0..45228a3fd8f 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -28,17 +28,18 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/preset-flow": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
-    "@storybook/node-logger": "6.0.0-beta.23",
+    "@babel/preset-flow": "^7.10.4",
+    "@babel/preset-react": "^7.10.4",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.4.2",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
     "@storybook/semver": "^7.3.2",
     "@svgr/webpack": "^5.4.0",
     "@types/webpack-env": "^1.15.2",
@@ -49,21 +50,22 @@
     "global": "^4.3.2",
     "lodash": "^4.17.15",
     "prop-types": "^15.7.2",
+    "react": "^16.8.3",
     "react-dev-utils": "^10.0.0",
-    "react-docgen-typescript-loader": "^3.7.2",
+    "react-docgen-typescript-plugin": "^0.5.2",
+    "react-dom": "^16.8.3",
+    "react-refresh": "^0.8.3",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1",
     "webpack": "^4.43.0"
   },
   "devDependencies": {
-    "@storybook/client-api": "6.0.0-beta.23",
+    "@storybook/client-api": "6.1.0-alpha.14",
     "@types/node": "^14.0.10",
     "@types/webpack": "^4.41.12"
   },
   "peerDependencies": {
-    "@babel/core": "^7.0.1",
-    "react": "*",
-    "react-dom": "*"
+    "@babel/core": "^7.11.5"
   },
   "engines": {
     "node": ">=8.0.0"
@@ -71,11 +73,14 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
+      "types-6-0": [
+        "ts3.4/dist/client/preview/types-6-0.d.ts"
+      ],
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/app/react/src/client/index.ts b/app/react/src/client/index.ts
index 2d1362e9aa1..16f0714357f 100644
--- a/app/react/src/client/index.ts
+++ b/app/react/src/client/index.ts
@@ -10,6 +10,8 @@ export {
   forceReRender,
 } from './preview';
 
+export * from './preview/types-6-0';
+
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 }
diff --git a/app/react/src/client/preview/index.ts b/app/react/src/client/preview/index.ts
index 193aad79925..057878a0a6b 100644
--- a/app/react/src/client/preview/index.ts
+++ b/app/react/src/client/preview/index.ts
@@ -25,7 +25,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
   });
 };
 
-export const configure: ClientApi['configure'] = (...args) => api.configure(...args, framework);
+export const configure: ClientApi['configure'] = (...args) => api.configure(framework, ...args);
 export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
 export type DecoratorFn = Parameters<typeof addDecorator>[0];
 export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
diff --git a/app/react/src/client/preview/types-6-0.ts b/app/react/src/client/preview/types-6-0.ts
new file mode 100644
index 00000000000..20d38b8bec8
--- /dev/null
+++ b/app/react/src/client/preview/types-6-0.ts
@@ -0,0 +1,24 @@
+import { ComponentType } from 'react';
+import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory } from '@storybook/addons';
+import { StoryFnReactReturnType } from './types';
+
+export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
+
+type ReactComponent = ComponentType<any>;
+type ReactReturnType = StoryFnReactReturnType;
+
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+export type Meta<Args = DefaultArgs> = BaseMeta<ReactComponent> &
+  Annotations<Args, ReactReturnType>;
+
+/**
+ * Story function that represents a component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export type Story<Args = DefaultArgs> = BaseStory<Args, ReactReturnType> &
+  Annotations<Args, ReactReturnType>;
diff --git a/app/react/src/server/framework-preset-cra.ts b/app/react/src/server/framework-preset-cra.ts
index 8239290acc5..f0ce252f582 100644
--- a/app/react/src/server/framework-preset-cra.ts
+++ b/app/react/src/server/framework-preset-cra.ts
@@ -1,13 +1,14 @@
 import { Configuration } from 'webpack';
 import { logger } from '@storybook/node-logger';
 import { isReactScriptsInstalled } from './cra-config';
+import type { StorybookOptions } from './types';
 
 type Preset = string | { name: string };
 
 const checkForNewPreset = (presetsList: Preset[]) => {
   const hasNewPreset = presetsList.some((preset: Preset) => {
     const presetName = typeof preset === 'string' ? preset : preset.name;
-    return presetName === '@storybook/preset-create-react-app';
+    return /@storybook(\/|\\)preset-create-react-app/.test(presetName);
   });
 
   if (!hasNewPreset) {
@@ -19,10 +20,7 @@ const checkForNewPreset = (presetsList: Preset[]) => {
   }
 };
 
-export function webpackFinal(
-  config: Configuration,
-  { presetsList, configDir }: { presetsList: Preset[]; configDir: string }
-) {
+export function webpackFinal(config: Configuration, { presetsList }: StorybookOptions) {
   if (isReactScriptsInstalled()) {
     checkForNewPreset(presetsList);
   }
diff --git a/app/react/src/server/framework-preset-react-docgen.test.ts b/app/react/src/server/framework-preset-react-docgen.test.ts
index 33bde8f2862..fa36bd07371 100644
--- a/app/react/src/server/framework-preset-react-docgen.test.ts
+++ b/app/react/src/server/framework-preset-react-docgen.test.ts
@@ -1,9 +1,11 @@
+import ReactDocgenTypescriptPlugin from 'react-docgen-typescript-plugin';
 import * as preset from './framework-preset-react-docgen';
+import type { StorybookOptions } from './types';
 
 describe('framework-preset-react-docgen', () => {
   const babelPluginReactDocgenPath = require.resolve('babel-plugin-react-docgen');
 
-  it('should return the config with the extra plugin', () => {
+  it('should return the babel config with the extra plugin', () => {
     const babelConfig = {
       babelrc: false,
       presets: ['env', 'foo-preset'],
@@ -12,7 +14,7 @@ describe('framework-preset-react-docgen', () => {
 
     const config = preset.babel(babelConfig, {
       typescriptOptions: { check: false, reactDocgen: 'react-docgen' },
-    });
+    } as StorybookOptions);
 
     expect(config).toEqual({
       babelrc: false,
@@ -33,4 +35,46 @@ describe('framework-preset-react-docgen', () => {
       ],
     });
   });
+
+  it('should return the webpack config with the extra plugin', () => {
+    const webpackConfig = {
+      plugins: [],
+    };
+
+    const config = preset.webpackFinal(webpackConfig, {
+      typescriptOptions: { check: false, reactDocgen: 'react-docgen-typescript' },
+    });
+
+    expect(config).toEqual({
+      plugins: [expect.any(ReactDocgenTypescriptPlugin)],
+    });
+  });
+
+  it('should not add any extra plugins', () => {
+    const babelConfig = {
+      babelrc: false,
+      presets: ['env', 'foo-preset'],
+      plugins: ['foo-plugin'],
+    };
+
+    const webpackConfig = {
+      plugins: [],
+    };
+
+    const outputBabelconfig = preset.babel(babelConfig, {
+      typescriptOptions: { check: false, reactDocgen: false },
+    });
+    const outputWebpackconfig = preset.webpackFinal(webpackConfig, {
+      typescriptOptions: { check: false, reactDocgen: false },
+    });
+
+    expect(outputBabelconfig).toEqual({
+      babelrc: false,
+      presets: ['env', 'foo-preset'],
+      plugins: ['foo-plugin'],
+    });
+    expect(outputWebpackconfig).toEqual({
+      plugins: [],
+    });
+  });
 });
diff --git a/app/react/src/server/framework-preset-react-docgen.ts b/app/react/src/server/framework-preset-react-docgen.ts
index a525c8d03f9..6f6cc2370a4 100644
--- a/app/react/src/server/framework-preset-react-docgen.ts
+++ b/app/react/src/server/framework-preset-react-docgen.ts
@@ -1,12 +1,15 @@
 import type { TransformOptions } from '@babel/core';
 import type { Configuration } from 'webpack';
-import type { StorybookOptions } from '@storybook/core/types';
+import ReactDocgenTypescriptPlugin from 'react-docgen-typescript-plugin';
+import type { StorybookOptions } from './types';
 
 export function babel(config: TransformOptions, { typescriptOptions }: StorybookOptions) {
   const { reactDocgen } = typescriptOptions;
-  if (!reactDocgen) {
+
+  if (reactDocgen === false) {
     return config;
   }
+
   return {
     ...config,
     overrides: [
@@ -27,24 +30,13 @@ export function babel(config: TransformOptions, { typescriptOptions }: Storybook
 
 export function webpackFinal(config: Configuration, { typescriptOptions }: StorybookOptions) {
   const { reactDocgen, reactDocgenTypescriptOptions } = typescriptOptions;
-  if (reactDocgen !== 'react-docgen-typescript') return config;
+
+  if (reactDocgen !== 'react-docgen-typescript') {
+    return config;
+  }
+
   return {
     ...config,
-    module: {
-      ...config.module,
-      rules: [
-        ...config.module.rules,
-        {
-          test: /\.tsx?$/,
-          // include: path.resolve(__dirname, "../src"),
-          use: [
-            {
-              loader: require.resolve('react-docgen-typescript-loader'),
-              options: reactDocgenTypescriptOptions,
-            },
-          ],
-        },
-      ],
-    },
+    plugins: [...config.plugins, new ReactDocgenTypescriptPlugin(reactDocgenTypescriptOptions)],
   };
 }
diff --git a/app/react/src/server/framework-preset-react.test.ts b/app/react/src/server/framework-preset-react.test.ts
new file mode 100644
index 00000000000..653fd063b3f
--- /dev/null
+++ b/app/react/src/server/framework-preset-react.test.ts
@@ -0,0 +1,96 @@
+import webpack from 'webpack';
+import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
+import * as preset from './framework-preset-react';
+import type { StorybookOptions } from './types';
+
+const mockApply = jest.fn();
+jest.mock('@pmmmwh/react-refresh-webpack-plugin', () => {
+  return jest.fn().mockImplementation(() => {
+    return { apply: mockApply };
+  });
+});
+
+describe('framework-preset-react', () => {
+  const reactRefreshPath = require.resolve('react-refresh/babel');
+  const webpackConfigMock: webpack.Configuration = {
+    plugins: [],
+    module: {
+      rules: [],
+    },
+  };
+  const babelConfigMock = {};
+
+  const storybookOptions: Partial<StorybookOptions> = {
+    configType: 'DEVELOPMENT',
+    presets: {
+      apply: async () => ({
+        fastRefresh: true,
+      }),
+    },
+    presetsList: [],
+  };
+
+  const storybookOptionsDisabledRefresh: Partial<StorybookOptions> = {
+    configType: 'DEVELOPMENT',
+    presets: {
+      apply: async () => ({
+        fastRefresh: false,
+      }),
+    },
+  };
+
+  describe('babel', () => {
+    it('should return a config with fast refresh plugin when fast refresh is enabled', async () => {
+      const config = await preset.babel(babelConfigMock, storybookOptions as StorybookOptions);
+
+      expect(config.plugins).toEqual([reactRefreshPath]);
+    });
+
+    it('should return unchanged config without fast refresh plugin when fast refresh is disabled', async () => {
+      const config = await preset.babel(
+        babelConfigMock,
+        storybookOptionsDisabledRefresh as StorybookOptions
+      );
+
+      expect(config).toEqual(babelConfigMock);
+    });
+
+    it('should return unchanged config without fast refresh plugin when mode is not development', async () => {
+      const config = await preset.babel(babelConfigMock, {
+        ...storybookOptions,
+        configType: 'PRODUCTION',
+      } as StorybookOptions);
+
+      expect(config).toEqual(babelConfigMock);
+    });
+  });
+
+  describe('webpackFinal', () => {
+    it('should return a config with fast refresh plugin when fast refresh is enabled', async () => {
+      const config = await preset.webpackFinal(
+        webpackConfigMock,
+        storybookOptions as StorybookOptions
+      );
+
+      expect(config.plugins).toEqual([new ReactRefreshWebpackPlugin()]);
+    });
+
+    it('should return unchanged config without fast refresh plugin when fast refresh is disabled', async () => {
+      const config = await preset.webpackFinal(
+        webpackConfigMock,
+        storybookOptionsDisabledRefresh as StorybookOptions
+      );
+
+      expect(config).toEqual(webpackConfigMock);
+    });
+
+    it('should return unchanged config without fast refresh plugin when mode is not development', async () => {
+      const config = await preset.webpackFinal(webpackConfigMock, {
+        ...storybookOptions,
+        configType: 'PRODUCTION',
+      } as StorybookOptions);
+
+      expect(config).toEqual(webpackConfigMock);
+    });
+  });
+});
diff --git a/app/react/src/server/framework-preset-react.ts b/app/react/src/server/framework-preset-react.ts
index 1c4f453df0f..c2180d367dd 100644
--- a/app/react/src/server/framework-preset-react.ts
+++ b/app/react/src/server/framework-preset-react.ts
@@ -1,6 +1,27 @@
 import { TransformOptions } from '@babel/core';
+import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
+import type { Configuration } from 'webpack';
 
-export function babelDefault(config: TransformOptions) {
+import { logger } from '@storybook/node-logger';
+import type { StorybookOptions } from '@storybook/core/types';
+
+export async function babel(config: TransformOptions, options: StorybookOptions) {
+  const isDevelopment = options.configType === 'DEVELOPMENT';
+  const reactOptions = await options.presets.apply('reactOptions', {}, options);
+  const fastRefreshEnabled =
+    isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
+
+  if (!fastRefreshEnabled) {
+    return config;
+  }
+
+  return {
+    ...config,
+    plugins: [require.resolve('react-refresh/babel'), ...(config.plugins || [])],
+  };
+}
+
+export async function babelDefault(config: TransformOptions) {
   return {
     ...config,
     presets: [
@@ -11,3 +32,20 @@ export function babelDefault(config: TransformOptions) {
     plugins: [...(config.plugins || []), require.resolve('babel-plugin-add-react-displayname')],
   };
 }
+
+export async function webpackFinal(config: Configuration, options: StorybookOptions) {
+  const isDevelopment = options.configType === 'DEVELOPMENT';
+  const reactOptions = await options.presets.apply('reactOptions', {}, options);
+  const fastRefreshEnabled =
+    isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
+
+  if (!fastRefreshEnabled) {
+    return config;
+  }
+
+  logger.info('=> Using React fast refresh feature.');
+  return {
+    ...config,
+    plugins: [...(config.plugins || []), new ReactRefreshWebpackPlugin()],
+  };
+}
diff --git a/app/react/src/server/types.ts b/app/react/src/server/types.ts
new file mode 100644
index 00000000000..c7f47f08507
--- /dev/null
+++ b/app/react/src/server/types.ts
@@ -0,0 +1,10 @@
+import { StorybookOptions as BaseOptions } from '@storybook/core/types';
+
+/**
+ * The internal options object, used by Storybook frameworks and addons.
+ */
+export interface StorybookOptions extends BaseOptions {
+  reactOptions?: {
+    fastRefresh?: boolean;
+  };
+}
diff --git a/app/react/types-6-0.d.ts b/app/react/types-6-0.d.ts
new file mode 100644
index 00000000000..6ed7da8e519
--- /dev/null
+++ b/app/react/types-6-0.d.ts
@@ -0,0 +1 @@
+export * from './dist/client/preview/types-6-0.d';
diff --git a/app/react/types/index.ts b/app/react/types/index.ts
new file mode 100644
index 00000000000..537581de852
--- /dev/null
+++ b/app/react/types/index.ts
@@ -0,0 +1,10 @@
+import { StorybookConfig as BaseConfig } from '@storybook/core/types';
+
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ */
+export interface StorybookConfig extends BaseConfig {
+  reactOptions?: {
+    fastRefresh?: boolean;
+  };
+}
diff --git a/app/riot/README.md b/app/riot/README.md
index 0cf65383a1e..3dbc9197222 100644
--- a/app/riot/README.md
+++ b/app/riot/README.md
@@ -1,25 +1,25 @@
-# Storybook for Riot
-
----
-
-Storybook for Riot is a UI development environment for the components written with riot.js.
-With it, you can visualize different states of your UI components and develop them interactively.
-
-![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/master/media/storybook-intro.gif)
-
-Storybook runs outside of your app.
-So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
-
-## Getting Started
-
-```sh
-cd my-riot-app
-npx -p @storybook/cli sb init
-```
-
-For more information visit: [storybook.js.org](https://storybook.js.org)
-
----
-
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+# Storybook for Riot
+
+---
+
+Storybook for Riot is a UI development environment for the components written with riot.js.
+With it, you can visualize different states of your UI components and develop them interactively.
+
+![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/master/media/storybook-intro.gif)
+
+Storybook runs outside of your app.
+So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
+
+## Getting Started
+
+```sh
+cd my-riot-app
+npx -p @storybook/cli sb init
+```
+
+For more information visit: [storybook.js.org](https://storybook.js.org)
+
+---
+
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/riot/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/riot/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
diff --git a/app/riot/package.json b/app/riot/package.json
index ad3804a1b63..92b6878df80 100644
--- a/app/riot/package.json
+++ b/app/riot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/riot",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -28,13 +28,13 @@
     "standalone.js",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/core": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "raw-loader": "^4.0.1",
@@ -42,15 +42,13 @@
     "ts-dedent": "^1.1.1"
   },
   "devDependencies": {
-    "@babel/plugin-transform-modules-commonjs": "^7.9.6",
-    "@babel/preset-env": "^7.9.6",
-    "@babel/preset-flow": "^7.0.0",
-    "@babel/preset-react": "^7.7.0"
+    "@babel/plugin-transform-modules-commonjs": "^7.10.4",
+    "@babel/preset-env": "^7.11.5",
+    "@babel/preset-flow": "^7.10.4",
+    "@babel/preset-react": "^7.10.4"
   },
   "peerDependencies": {
     "@babel/core": "*",
-    "react": "*",
-    "react-dom": "*",
     "riot": "^3.0.0 || ^4.0.0",
     "riot-compiler": "^3.5.1 || ^4.0.0",
     "riot-hot-reload": "^1.0.0",
@@ -63,5 +61,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/app/riot/src/client/preview/index.js b/app/riot/src/client/preview/index.js
index fac63097df0..4ecddb28577 100644
--- a/app/riot/src/client/preview/index.js
+++ b/app/riot/src/client/preview/index.js
@@ -18,7 +18,7 @@ export const {
 
 const framework = 'riot';
 export const storiesOf = (...args) => clientApi.storiesOf(...args).addParameters({ framework });
-export const configure = (...args) => coreConfigure(...args, framework);
+export const configure = (...args) => coreConfigure(framework, ...args);
 
 const mount = vendorMount.bind(riot, '#root');
 const compileNow = unboundCompileNow.bind(null, tag2);
diff --git a/app/server/README.md b/app/server/README.md
index 37bc6240d2e..d557c4efd4a 100644
--- a/app/server/README.md
+++ b/app/server/README.md
@@ -17,9 +17,295 @@ cd my-app
 npx -p @storybook/cli sb init -t server
 ```
 
+To configure the server that Storybook will connect to, export a global parameter `parameters.server.url` in `.storybook/preview.js`:
+
+```js
+export const parameters = {
+  server: {
+    url: `http://localhost:${port}/storybook_preview`,
+  },
+};
+```
+
+The URL you connect to should have the ability to render a story, see [server rendering](#server-rendering) below.
+
 For more information visit: [storybook.js.org](https://storybook.js.org)
 
----
+## Writing Stories
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+To write a story, use whatever API is natural for your server-side rendering framework to generate set of JSON files of stories analogous to CSF files (see the [`server-kitchen-sink`](../../examples/server-kitchen-sink/stories) example for ideas).
+
+```json
+{
+  "title": "Component",
+  "parameters": {
+    "options": { "component": "my_widget" }
+  },
+  "stories": [
+    {
+      "name": "Default",
+      "parameters": {
+        "server": { "id": "path/of/your/story" }
+      }
+    }
+  ]
+}
+```
+
+In your `.storybook/main.js` you simply provide a glob specifying the location of those JSON files, e.g.
+
+```js
+module.exports = {
+  stories: ['../stories/**/*.stories.json'],
+};
+```
+
+Notice that the JSON does not specify a rendering function -- `@storybook/server` will instead call your `parameters.server.url` with the story's server id appended.
+
+For example the JSON story above is requivalent to the CSF definition:
+
+```javascript
+export default {
+  title: 'Component',
+  parameters: {
+    options: {
+      component: 'my_widget',
+    }
+  }
+};
+
+export const Default = (args) => {};
+Default.storyName = 'Default';
+Default.parameters = {
+  server: {
+    id: 'path/of/your/story"'
+  }
+};
+```
+
+With the story HTML will be fetched from the server by making a GET request to http://localhost/storybook_preview/path/of/your/story`
+
+### Ruby/Rails support
+
+In particular the [View Component::Storybook](https://github.com/jonspalmer/view_component_storybook) gem provides a Ruby API for easily creating the above with a Ruby/Rails DSL (as well as providing a server rendering endpoint).
+
+## Server rendering
+
+The server rendering side of things is relatively straightfoward. When you browse to a story in the sidebar, Storybook will make a `fetch` request to `${parameters.server.url}/{parameters.server.id}` and display the HTML that is returned.
+
+You need to ensure the route in your server app renders the appropriate HTML when called in that fashion.
+
+### Passing parameters to the server
+
+Many components are likely to be dynamic - responding to parameters that change their content or appearance. `@storybook\server` has two mechanisms for passing those parameters to the server - `params` and `args`. Parameters defined in this way are appended to the fetch url as query string parameters. The server endpoing is responsible for interpreting those parameters and vary the returned html appropriately
+
+#### Constant parameters with `params`
+
+Static parameters can be defined using the `params` story parameter. For example suppose you have a Button component that has a label and color options:
+
+```json
+{
+  "title": "Buttons",
+  "stories": [
+    {
+      "name": "Red",
+      "parameters": {
+        "server": { 
+          "id": "button",
+          "params": { "color": "red", "label": "Stop" }
+        }
+      }
+    },
+    {
+      "name": "Green",
+      "parameters": {
+        "server": { 
+          "id": "button",
+          "params": { "color": "green", "label": "OK" }
+        }
+      }
+    }
+  ]
+}
+```
+
+The Red and Green story HTML will be fetched from the urls `server.url/controls/button?color=red&label=Stopr` and `server.url/controls/button?color=green&label=OK`
+
+Like all story parameters server params can be defined in the default export and overriden in stories.
+
+```json
+{
+  "title": "Buttons",
+  "parameters": {
+    "server": { 
+      "params": { "color": "red" }
+    }
+  },
+  "stories": [
+    {
+      "name": "Default",
+      "parameters": {
+        "server": { 
+          "id": "button",
+          "params": { "label": "Stop" }
+        }
+      }
+    },
+    {
+      "name": "Green",
+      "parameters": {
+        "server": { 
+          "id": "button",
+          "params": { "color": "green", "label": "OK" }
+        }
+      }
+    }
+  ]
+}
+```
+
+#### Dynamic parameters with `args` and Controls
+
+Dynamic parameters can be defined using args and the Controls addon
+
+```json
+{
+  "title": "Buttons",
+  "stories": [
+    {
+      "name": "Red",
+      "parameters": {
+        "server": { 
+          "id": "button"
+        }
+      },
+      "args": { "color": "red", "label": "Stop" }
+    },
+    {
+      "name": "Green",
+      "parameters": {
+        "server": { 
+          "id": "button"
+        }
+      },
+      "args": { "color": "green", "label": "Go" }
+    }
+  ]
+}
+```
+
+Story args are passed to the server as url query parameters just like `params` except now they can be varied on the Controls addon panel.
+
+Just like CSF stories we can define `argTypes` to specify the controls used in the controls panel. `argTypes` can be defined at the default or story level.
+
+```json
+{
+  "title": "Buttons",
+  "argTypess": {
+    "color": { "control": { "type": "color" } }
+  },
+  "stories": [
+    {
+      "name": "Red",
+      "parameters": {
+        "server": { 
+          "id": "button"
+        }
+      },
+      "args": { "color": "red", "label": "Stop" }
+    },
+    {
+      "name": "Green",
+      "parameters": {
+        "server": { 
+          "id": "button"
+        }
+      },
+      "args": { "color": "green", "label": "Go" }
+    }
+  ]
+}
+```
+
+## Addon compatibility
+
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/react/configure/storybook-addons) and a great API to customize as you wish. As some addons assume the story is rendered in JS, they may not work with `@storybook/server` (yet!).
+
+Many addons that act on the manager side (such as `backgrounds` and `viewport`) will work out of the box with `@storybook/server` -- you can configure them with parameters written on the server as usual.
+
+### Controls
+
+To configure controls, simple add `args` and `argTypes` keys to the story JSON much like you would CSF:
+
+```json
+{
+  "title": "Controls",
+  "stories": [
+    {
+      "name": "Button",
+      "parameters": {
+        "server": { "id": "controls/button" }
+      },
+      "args": { "button_text": "Push Me", "color": "red" },
+      "argsTypes": { "button_text": { "control": { "type": "color" } } }
+    },
+  ]
+}
+```
+
+The controls values will be added to your story URL as query parameters.
+
+### Actions
+
+To use actions, use the `parameters.actions.handles` parameter:
+
+```json
+{
+  "title": "Actions",
+  "stories": [
+    {
+      "name": "Button",
+      "parameters": {
+        "server": { "id": "actions/button" },
+        "actions": {
+          "handles": ["mouseover", "click .btn"]
+        }
+      }
+    }
+  ]
+}
+```
+
+## Advanced Configuraiton
+
+### fetchStoryHtml
+
+For control over how `@storybook/server` fetches Html from the server you can provide a `fetchStoryHtml` function as a parameter. You would typically set this in `.storybook/preview.js` but it's just a regular Storybook parameter so could be overriden at the stories or story level.
+
+
+```javascript
+// .storybook/preview.js
+
+const fetchStoryHtml = async (url, path, params) => {
+  // Custom fetch impelentation
+  // ....
+  return html;
+};
+
+export const parameters = {
+  server: {
+    url: `http://localhost:${port}/storybook_preview`,
+    fetchStoryHtml
+  },
+};
+```
+
+`fetchStoryHtml` should be an async function with the following signature
+
+```javascript
+type FetchStoryHtmlType = (url: string, id: string, params: any) => Promise<string | Node>;
+```
+
+ * url: Server url configured by the `parameters.server.url`
+ * id: Id of the story being rendered given by `parameters.server.id`
+ * params: Mereged story params `parameters.server.params`and story args
diff --git a/app/server/package.json b/app/server/package.json
index 69bba972332..c997151b9eb 100644
--- a/app/server/package.json
+++ b/app/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -28,15 +28,17 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
-    "@storybook/node-logger": "^5.2.8",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
     "@types/webpack-env": "^1.15.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
@@ -53,5 +55,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6ad2664adf18b50ea3ce015cbae2ff3e9a60cc4a"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/app/server/src/client/preview/index.ts b/app/server/src/client/preview/index.ts
index bccce6b8ac2..9a5ac6ebbda 100644
--- a/app/server/src/client/preview/index.ts
+++ b/app/server/src/client/preview/index.ts
@@ -2,14 +2,14 @@ import { start } from '@storybook/core/client';
 import { ClientStoryApi, Loadable } from '@storybook/addons';
 
 import './globals';
-import { renderMain as render, setFetchStoryHtml } from './render';
-import { StoryFnServerReturnType, IStorybookSection, ConfigureOptionsArgs } from './types';
+import { renderMain as render } from './render';
+import { StoryFnServerReturnType, IStorybookSection } from './types';
 
 const framework = 'server';
 
 interface ClientApi extends ClientStoryApi<StoryFnServerReturnType> {
   setAddon(addon: any): void;
-  configure(loader: Loadable, module: NodeModule, options?: ConfigureOptionsArgs): void;
+  configure(loader: Loadable, module: NodeModule): void;
   getStorybook(): IStorybookSection[];
   clearDecorators(): void;
   forceReRender(): void;
@@ -24,14 +24,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
   });
 };
 
-const setRenderFetchAndConfigure: ClientApi['configure'] = (loader, module, options) => {
-  if (options && options.fetchStoryHtml) {
-    setFetchStoryHtml(options.fetchStoryHtml);
-  }
-  api.configure(loader, module, framework);
-};
-
-export const configure: ClientApi['configure'] = setRenderFetchAndConfigure;
+export const configure: ClientApi['configure'] = (...args) => api.configure(framework, ...args);
 export const {
   addDecorator,
   addParameters,
diff --git a/app/server/src/client/preview/render.ts b/app/server/src/client/preview/render.ts
index 904ac552a39..3d512592035 100644
--- a/app/server/src/client/preview/render.ts
+++ b/app/server/src/client/preview/render.ts
@@ -1,10 +1,12 @@
 import { document, fetch, Node } from 'global';
 import dedent from 'ts-dedent';
+import { Args, ArgTypes } from '@storybook/api';
+import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/client-api';
 import { RenderContext, FetchStoryHtmlType } from './types';
 
 const rootElement = document.getElementById('root');
 
-let fetchStoryHtml: FetchStoryHtmlType = async (url, path, params) => {
+const defaultFetchStoryHtml: FetchStoryHtmlType = async (url, path, params) => {
   const fetchUrl = new URL(`${url}/${path}`);
   fetchUrl.search = new URLSearchParams(params).toString();
 
@@ -12,8 +14,37 @@ let fetchStoryHtml: FetchStoryHtmlType = async (url, path, params) => {
   return response.text();
 };
 
+const buildStoryArgs = (args: Args, argTypes: ArgTypes) => {
+  const storyArgs = { ...args };
+
+  Object.keys(argTypes).forEach((key: string) => {
+    const argType = argTypes[key];
+    const { control } = argType;
+    const controlType = control && control.type.toLowerCase();
+    const argValue = storyArgs[key];
+    switch (controlType) {
+      case 'date':
+        // For cross framework & language support we pick a consistent representation of Dates as strings
+        storyArgs[key] = new Date(argValue).toISOString();
+        break;
+      case 'array': {
+        // use the supplied separator when seriazlizing an array as a string
+        const separator = control.separator || ',';
+        storyArgs[key] = argValue.join(separator);
+        break;
+      }
+      case 'object':
+        // send objects as JSON strings
+        storyArgs[key] = JSON.stringify(argValue);
+        break;
+      default:
+    }
+  });
+
+  return storyArgs;
+};
+
 export async function renderMain({
-  storyFn,
   id,
   kind,
   name,
@@ -21,20 +52,26 @@ export async function renderMain({
   showError,
   forceRender,
   parameters,
+  storyFn,
+  args,
+  argTypes,
 }: RenderContext) {
-  const storyParams = storyFn();
+  // Some addons wrap the storyFn so we need to call it even though Server doesn't need the answer
+  storyFn();
+  const storyArgs = buildStoryArgs(args, argTypes);
 
   const {
-    server: { url, id: storyId, params },
+    server: { url, id: storyId, fetchStoryHtml = defaultFetchStoryHtml, params },
   } = parameters;
 
   const fetchId = storyId || id;
-  const fetchParams = { ...params, ...storyParams };
+  const fetchParams = { ...params, ...storyArgs };
   const element = await fetchStoryHtml(url, fetchId, fetchParams);
 
   showMain();
   if (typeof element === 'string') {
     rootElement.innerHTML = element;
+    simulatePageLoad(rootElement);
   } else if (element instanceof Node) {
     // Don't re-mount the element if it didn't change and neither did the story
     if (rootElement.firstChild === element && forceRender === true) {
@@ -43,6 +80,7 @@ export async function renderMain({
 
     rootElement.innerHTML = '';
     rootElement.appendChild(element);
+    simulateDOMContentLoaded();
   } else {
     showError({
       title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
@@ -53,9 +91,3 @@ export async function renderMain({
     });
   }
 }
-
-export const setFetchStoryHtml: any = (fetchHtml: FetchStoryHtmlType) => {
-  if (fetchHtml !== undefined) {
-    fetchStoryHtml = fetchHtml;
-  }
-};
diff --git a/app/server/src/client/preview/types.ts b/app/server/src/client/preview/types.ts
index 23bdf5b3a12..8238b46d042 100644
--- a/app/server/src/client/preview/types.ts
+++ b/app/server/src/client/preview/types.ts
@@ -18,7 +18,3 @@ export interface ShowErrorArgs {
   title: string;
   description: string;
 }
-
-export interface ConfigureOptionsArgs {
-  fetchStoryHtml: FetchStoryHtmlType;
-}
diff --git a/app/server/src/lib/compiler/__testfixtures__/a11y.snapshot b/app/server/src/lib/compiler/__testfixtures__/a11y.snapshot
index 204ba40358b..07c3e8a03cb 100644
--- a/app/server/src/lib/compiler/__testfixtures__/a11y.snapshot
+++ b/app/server/src/lib/compiler/__testfixtures__/a11y.snapshot
@@ -11,13 +11,11 @@ export default {
   }
 };
 
-export const Label = () => {};
-Label.story = {
-  name: 'Label',
-  parameters: {
-    server: {
-      id: 'addons/a11y/label'
-    }
+export const Label = (args) => {};
+Label.storyName = 'Label';
+Label.parameters = {
+  server: {
+    id: 'addons/a11y/label'
   }
 };
 "
diff --git a/app/server/src/lib/compiler/__testfixtures__/actions.snapshot b/app/server/src/lib/compiler/__testfixtures__/actions.snapshot
index 0df7e9216ed..f6631a09b33 100644
--- a/app/server/src/lib/compiler/__testfixtures__/actions.snapshot
+++ b/app/server/src/lib/compiler/__testfixtures__/actions.snapshot
@@ -11,20 +11,18 @@ export default {
   }
 };
 
-export const Multiple_actions_config = () => {};
-Multiple_actions_config.story = {
-  name: 'Multiple actions + config',
-  parameters: {
-    actions: [
-      'click',
-      'contextmenu',
-      {
-        clearOnStoryChange: false
-      }
-    ],
-    server: {
-      id: 'addons/actions/story3'
+export const Multiple_actions_config = (args) => {};
+Multiple_actions_config.storyName = 'Multiple actions + config';
+Multiple_actions_config.parameters = {
+  actions: [
+    'click',
+    'contextmenu',
+    {
+      clearOnStoryChange: false
     }
+  ],
+  server: {
+    id: 'addons/actions/story3'
   }
 };
 "
diff --git a/app/server/src/lib/compiler/__testfixtures__/backgrounds.snapshot b/app/server/src/lib/compiler/__testfixtures__/backgrounds.snapshot
index c1408fd5dbc..93da5a33dd0 100644
--- a/app/server/src/lib/compiler/__testfixtures__/backgrounds.snapshot
+++ b/app/server/src/lib/compiler/__testfixtures__/backgrounds.snapshot
@@ -19,13 +19,11 @@ export default {
   }
 };
 
-export const Story_1 = () => {};
-Story_1.story = {
-  name: 'Story 1',
-  parameters: {
-    server: {
-      id: 'addons/backgrounds/story1'
-    }
+export const Story_1 = (args) => {};
+Story_1.storyName = 'Story 1';
+Story_1.parameters = {
+  server: {
+    id: 'addons/backgrounds/story1'
   }
 };
 "
diff --git a/app/server/src/lib/compiler/__testfixtures__/controls.json b/app/server/src/lib/compiler/__testfixtures__/controls.json
new file mode 100644
index 00000000000..6d33cba3316
--- /dev/null
+++ b/app/server/src/lib/compiler/__testfixtures__/controls.json
@@ -0,0 +1,39 @@
+{
+  "title": "Addons/Controls",
+  "parameters": {
+    "options": { "selectedPanel": "storybook/controls/panel" }
+  },
+  "stories": [
+    {
+      "name": "Simple",
+      "parameters": {
+        "server": { "id": "addons/controls/simple" }
+      },
+      "args": {
+        "name": "John Doe",
+        "birthday": "1960-12-25T00:42:03.600Z",
+        "favorite_color": "red",
+        "active": true,
+        "pets": 2,
+        "sports": ["football", "baseball"],
+        "favorite_food": "Ice Cream",
+        "other_thinkgs":  {"hair": "Brown", "eyes": "Blue"}
+      },
+      "argTypes": {
+        "birthday": { "control": { "type": "date" } },
+        "favorite_color": { "control": { "type": "color" } },
+        "favorite_food": { 
+          "control": { 
+            "type": "select", 
+            "options":{
+              "hot_dog": "Hot Dog",
+              "pizza": "Pizza",
+              "burgers": "Burgers",
+              "ice_cream": "Ice Cream"
+            }
+          }
+        }
+      }
+    }
+  ]
+}
diff --git a/app/server/src/lib/compiler/__testfixtures__/controls.snapshot b/app/server/src/lib/compiler/__testfixtures__/controls.snapshot
new file mode 100644
index 00000000000..cdeb4fa5b87
--- /dev/null
+++ b/app/server/src/lib/compiler/__testfixtures__/controls.snapshot
@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`json-to-csf-compiler controls.json 1`] = `
+"
+export default {
+  title: 'Addons/Controls',
+  parameters: {
+    options: {
+      selectedPanel: 'storybook/controls/panel'
+    }
+  }
+};
+
+export const Simple = (args) => {};
+Simple.storyName = 'Simple';
+Simple.parameters = {
+  server: {
+    id: 'addons/controls/simple'
+  }
+};
+Simple.args = {
+  name: 'John Doe',
+  birthday: '1960-12-25T00:42:03.600Z',
+  favorite_color: 'red',
+  active: true,
+  pets: 2,
+  sports: [
+    'football',
+    'baseball'
+  ],
+  favorite_food: 'Ice Cream',
+  other_thinkgs: {
+    hair: 'Brown',
+    eyes: 'Blue'
+  }
+};
+Simple.argTypes = {
+  birthday: {
+    control: {
+      type: 'date'
+    }
+  },
+  favorite_color: {
+    control: {
+      type: 'color'
+    }
+  },
+  favorite_food: {
+    control: {
+      type: 'select',
+      options: {
+        hot_dog: 'Hot Dog',
+        pizza: 'Pizza',
+        burgers: 'Burgers',
+        ice_cream: 'Ice Cream'
+      }
+    }
+  }
+};
+"
+`;
diff --git a/app/server/src/lib/compiler/__testfixtures__/kitchen_sink.json b/app/server/src/lib/compiler/__testfixtures__/kitchen_sink.json
index 63909b27c77..c7e719c6f11 100644
--- a/app/server/src/lib/compiler/__testfixtures__/kitchen_sink.json
+++ b/app/server/src/lib/compiler/__testfixtures__/kitchen_sink.json
@@ -1,6 +1,5 @@
 {
   "title": "Kitchen Sink",
-  "addons": ["knobs"],
   "parameters": {
     "backgrounds": [
       { "name": "light", "value": "#eeeeee" },
@@ -16,7 +15,6 @@
       "name": "Heading",
       "parameters": {
         "actions": ["click", "contextmenu", { "clearOnStoryChange": false }],
-        "notes": "My notes on some bold text",
         "server": { 
           "id": "demo/heading",
           "params": { 
@@ -24,15 +22,11 @@
           }
         }
       },
-      "knobs": [
-        { "type": "text", "name": "Name", "value": "John Doe", "param": "name"},
-        { "type": "number", "name": "Age", "value": 44, "param": "age"}
-      ]
+      "args": { "name": "John Doe", "age": 44 }
     },
     {
       "name": "Button",
       "parameters": {
-        "notes": "My notes on a button",
         "server": { "id": "demo/button" }
       }
     }
diff --git a/app/server/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot b/app/server/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot
index e3648ad5eec..ccf29b3f440 100644
--- a/app/server/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot
+++ b/app/server/src/lib/compiler/__testfixtures__/kitchen_sink.snapshot
@@ -1,13 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`json-to-csf-compiler kitchen_sink.json 1`] = `
-"import { array, boolean, color, date, number, object, select, text, withKnobs } from '@storybook/addon-knobs';
-
+"
 export default {
   title: 'Kitchen Sink',
-  decorators: [
-    withKnobs
-  ],
   parameters: {
     backgrounds: [
       {
@@ -31,40 +27,33 @@ export default {
   }
 };
 
-export const Heading = () => {
-  return {
-    name: text('Name', 'John Doe'),
-    age: number('Age', 44, {}),
-  };
-};
-Heading.story = {
-  name: 'Heading',
-  parameters: {
-    actions: [
-      'click',
-      'contextmenu',
-      {
-        clearOnStoryChange: false
-      }
-    ],
-    notes: 'My notes on some bold text',
-    server: {
-      id: 'demo/heading',
-      params: {
-        color: 'orange'
-      }
+export const Heading = (args) => {};
+Heading.storyName = 'Heading';
+Heading.parameters = {
+  actions: [
+    'click',
+    'contextmenu',
+    {
+      clearOnStoryChange: false
+    }
+  ],
+  server: {
+    id: 'demo/heading',
+    params: {
+      color: 'orange'
     }
   }
 };
+Heading.args = {
+  name: 'John Doe',
+  age: 44
+};
 
-export const Button = () => {};
-Button.story = {
-  name: 'Button',
-  parameters: {
-    notes: 'My notes on a button',
-    server: {
-      id: 'demo/button'
-    }
+export const Button = (args) => {};
+Button.storyName = 'Button';
+Button.parameters = {
+  server: {
+    id: 'demo/button'
   }
 };
 "
diff --git a/app/server/src/lib/compiler/__testfixtures__/knobs.json b/app/server/src/lib/compiler/__testfixtures__/knobs.json
deleted file mode 100644
index fc10ce3062e..00000000000
--- a/app/server/src/lib/compiler/__testfixtures__/knobs.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "title": "Addons/Knobs",
-  "addons": ["knobs"],
-  "parameters": {
-    "options": { "selectedPanel": "storybook/knobs/panel" }
-  },
-  "stories": [
-    {
-      "name": "Simple",
-      "parameters": {
-        "server": { "id": "addons/knobs/simple" }
-      },
-      "knobs": [
-        { "type": "text", "name": "Name", "value": "John Doe", "param": "name"},
-        { "type": "date", "name": "Birthday", "value": "1960-12-25T00:42:03.600Z", "param": "birthday"},
-        { "type": "color", "name": "Favorite Color", "value": "red", "param": "favorite_color"},
-        { "type": "boolean", "name": "Active", "value": true, "param": "active"},
-        { "type": "number", "name": "Pets", "value": 2, "param": "pets"},
-        { "type": "array", "name": "Sports", "value": ["football", "baseball"], "param": "sports"},
-          { 
-            "type": "select",
-            "name": "Favorite Food",
-            "value": "Ice Cream",
-            "options": {
-              "hot_dog": "Hot Dog",
-              "pizza": "Pizza",
-              "burgers": "Burgers",
-              "ice_cream": "Ice Cream"
-            },
-            "param": "favorite_food"
-          },
-        { "type": "object", "name": "Other Things", "value": {"hair": "Brown", "eyes": "Blue"}, "param": "other_thinkgs"}
-      ]
-    }
-  ]
-}
diff --git a/app/server/src/lib/compiler/__testfixtures__/knobs.snapshot b/app/server/src/lib/compiler/__testfixtures__/knobs.snapshot
deleted file mode 100644
index e6d54bc510d..00000000000
--- a/app/server/src/lib/compiler/__testfixtures__/knobs.snapshot
+++ /dev/null
@@ -1,50 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`json-to-csf-compiler knobs.json 1`] = `
-"import { array, boolean, color, date, number, object, select, text, withKnobs } from '@storybook/addon-knobs';
-
-export default {
-  title: 'Addons/Knobs',
-  decorators: [
-    withKnobs
-  ],
-  parameters: {
-    options: {
-      selectedPanel: 'storybook/knobs/panel'
-    }
-  }
-};
-
-export const Simple = () => {
-  return {
-    name: text('Name', 'John Doe'),
-    birthday: new Date(date('Birthday', new Date('1960-12-25T00:42:03.600Z'))).toISOString(),
-    favorite_color: color('Favorite Color', 'red'),
-    active: boolean('Active', true),
-    pets: number('Pets', 2, {}),
-    sports: array('Sports', [
-      'football',
-      'baseball'
-    ], ',').join(','),
-    favorite_food: select('Favorite Food', {
-      hot_dog: 'Hot Dog',
-      pizza: 'Pizza',
-      burgers: 'Burgers',
-      ice_cream: 'Ice Cream'
-    }, 'Ice Cream'),
-    other_thinkgs: JSON.stringify(object('Other Things', {
-      hair: 'Brown',
-      eyes: 'Blue'
-    })),
-  };
-};
-Simple.story = {
-  name: 'Simple',
-  parameters: {
-    server: {
-      id: 'addons/knobs/simple'
-    }
-  }
-};
-"
-`;
diff --git a/app/server/src/lib/compiler/__testfixtures__/links.snapshot b/app/server/src/lib/compiler/__testfixtures__/links.snapshot
index 70dda862c9a..6ad29b4fbc4 100644
--- a/app/server/src/lib/compiler/__testfixtures__/links.snapshot
+++ b/app/server/src/lib/compiler/__testfixtures__/links.snapshot
@@ -6,13 +6,11 @@ export default {
   title: 'Welcome',
 };
 
-export const Welcome = () => {};
-Welcome.story = {
-  name: 'Welcome',
-  parameters: {
-    server: {
-      id: 'welcome/welcome'
-    }
+export const Welcome = (args) => {};
+Welcome.storyName = 'Welcome';
+Welcome.parameters = {
+  server: {
+    id: 'welcome/welcome'
   }
 };
 "
diff --git a/app/server/src/lib/compiler/__testfixtures__/multiple_stories.snapshot b/app/server/src/lib/compiler/__testfixtures__/multiple_stories.snapshot
index 4e1bc924e2f..ff2cb558fb5 100644
--- a/app/server/src/lib/compiler/__testfixtures__/multiple_stories.snapshot
+++ b/app/server/src/lib/compiler/__testfixtures__/multiple_stories.snapshot
@@ -6,33 +6,27 @@ export default {
   title: 'Demo',
 };
 
-export const Heading = () => {};
-Heading.story = {
-  name: 'Heading',
-  parameters: {
-    server: {
-      id: 'demo/heading'
-    }
+export const Heading = (args) => {};
+Heading.storyName = 'Heading';
+Heading.parameters = {
+  server: {
+    id: 'demo/heading'
   }
 };
 
-export const Headings = () => {};
-Headings.story = {
-  name: 'Headings',
-  parameters: {
-    server: {
-      id: 'demo/headings'
-    }
+export const Headings = (args) => {};
+Headings.storyName = 'Headings';
+Headings.parameters = {
+  server: {
+    id: 'demo/headings'
   }
 };
 
-export const Button = () => {};
-Button.story = {
-  name: 'Button',
-  parameters: {
-    server: {
-      id: 'demo/button'
-    }
+export const Button = (args) => {};
+Button.storyName = 'Button';
+Button.parameters = {
+  server: {
+    id: 'demo/button'
   }
 };
 "
diff --git a/app/server/src/lib/compiler/__testfixtures__/notes.json b/app/server/src/lib/compiler/__testfixtures__/notes.json
deleted file mode 100644
index 9dc4e21c17d..00000000000
--- a/app/server/src/lib/compiler/__testfixtures__/notes.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "title": "Addons/Notes",
-  "stories": [
-    {
-      "name": "Simple note",
-      "parameters": {
-        "notes": "My notes on some bold text",
-        "server": { "id": "addons/notes/story1" }
-      }
-    }
-  ]
-}
diff --git a/app/server/src/lib/compiler/__testfixtures__/notes.snapshot b/app/server/src/lib/compiler/__testfixtures__/notes.snapshot
deleted file mode 100644
index 95760047ea4..00000000000
--- a/app/server/src/lib/compiler/__testfixtures__/notes.snapshot
+++ /dev/null
@@ -1,20 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`json-to-csf-compiler notes.json 1`] = `
-"
-export default {
-  title: 'Addons/Notes',
-};
-
-export const Simple_note = () => {};
-Simple_note.story = {
-  name: 'Simple note',
-  parameters: {
-    notes: 'My notes on some bold text',
-    server: {
-      id: 'addons/notes/story1'
-    }
-  }
-};
-"
-`;
diff --git a/app/server/src/lib/compiler/__testfixtures__/params.snapshot b/app/server/src/lib/compiler/__testfixtures__/params.snapshot
index c0517efed52..5d6fb7dc390 100644
--- a/app/server/src/lib/compiler/__testfixtures__/params.snapshot
+++ b/app/server/src/lib/compiler/__testfixtures__/params.snapshot
@@ -13,15 +13,13 @@ export default {
   }
 };
 
-export const Story = () => {};
-Story.story = {
-  name: 'Story',
-  parameters: {
-    server: {
-      id: 'params/story',
-      params: {
-        message: 'Hello World'
-      }
+export const Story = (args) => {};
+Story.storyName = 'Story';
+Story.parameters = {
+  server: {
+    id: 'params/story',
+    params: {
+      message: 'Hello World'
     }
   }
 };
diff --git a/app/server/src/lib/compiler/__testfixtures__/params_override.snapshot b/app/server/src/lib/compiler/__testfixtures__/params_override.snapshot
index 897da9eaf04..81f7ea25808 100644
--- a/app/server/src/lib/compiler/__testfixtures__/params_override.snapshot
+++ b/app/server/src/lib/compiler/__testfixtures__/params_override.snapshot
@@ -13,16 +13,14 @@ export default {
   }
 };
 
-export const Override = () => {};
-Override.story = {
-  name: 'Override',
-  parameters: {
-    server: {
-      id: 'params/override',
-      params: {
-        message: 'Hello World',
-        color: 'green'
-      }
+export const Override = (args) => {};
+Override.storyName = 'Override';
+Override.parameters = {
+  server: {
+    id: 'params/override',
+    params: {
+      message: 'Hello World',
+      color: 'green'
     }
   }
 };
diff --git a/app/server/src/lib/compiler/decorators/index.ts b/app/server/src/lib/compiler/decorators/index.ts
deleted file mode 100644
index 77d988f10d0..00000000000
--- a/app/server/src/lib/compiler/decorators/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { StorybookSection, Decorator } from '../types';
-import { knobsDecorator } from './knobs';
-
-const allDecorators: Record<string, Decorator> = {
-  knobs: knobsDecorator,
-};
-
-export function decorateSection(section: StorybookSection, addons: string[]): StorybookSection {
-  const decorators = Object.keys(allDecorators)
-    .filter((addon) => addons.includes(addon))
-    .map((addon) => allDecorators[addon]);
-
-  return decorators.reduce((sec, decorator) => decorator(sec), section);
-}
diff --git a/app/server/src/lib/compiler/decorators/knobs.ts b/app/server/src/lib/compiler/decorators/knobs.ts
deleted file mode 100644
index ac93b1842cc..00000000000
--- a/app/server/src/lib/compiler/decorators/knobs.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import dedent from 'ts-dedent';
-import { StorybookSection, StorybookStory } from '../types';
-import { decorateSimpleAddon, importMeta } from './utils';
-import { stringifyObject } from '../stringifier';
-
-type KnobType = 'text' | 'number' | 'color' | 'array' | 'boolean' | 'object' | 'date' | 'select';
-
-interface StoryKnob {
-  param: string;
-  type: KnobType;
-  name: string;
-  value: any;
-  [x: string]: any;
-}
-
-function stringifyKnob(knob: StoryKnob) {
-  const { param, type, name, value, ...opts } = knob;
-  const knobParam = param || name; // Todo: can we do away with this?
-  const level = 2;
-  const stringifiedValue = stringifyObject(value, level);
-  // TODO: Add group
-  const knobFunction = ((t) => {
-    switch (t) {
-      case 'text':
-        return `text('${name}', ${stringifiedValue})`;
-      case 'number':
-        return `number('${name}', ${stringifiedValue}, ${stringifyObject(opts, level)})`;
-      case 'color':
-        return `color('${name}', ${stringifiedValue})`;
-      case 'array': {
-        const separator = opts.separator || ',';
-        return `array('${name}', ${stringifiedValue}, '${separator}').join('${separator}')`;
-      }
-      case 'boolean':
-        return `boolean('${name}', ${stringifiedValue})`;
-      case 'object':
-        return `JSON.stringify(object('${name}', ${stringifiedValue}))`;
-      case 'date':
-        return `new Date(date('${name}', new Date(${stringifiedValue}))).toISOString()`;
-      case 'select':
-        return `select('${name}', ${stringifyObject(opts.options, level)}, ${stringifiedValue})`;
-      default:
-        return '';
-    }
-  })(type);
-
-  return `${knobParam}: ${knobFunction}`;
-}
-
-function stringifyStoryFunction(knobs: StoryKnob[], storyFn: string) {
-  if (!knobs || knobs.length === 0) return storyFn;
-
-  return dedent`
-    () => {
-      return {
-        ${knobs.map((knob: any) => `${stringifyKnob(knob)},`).join('\n    ')}
-      };
-    }
-  `;
-}
-
-function knobsStoryDecorator(story: StorybookStory): StorybookStory {
-  const { name, storyFn, knobs, ...options } = story;
-
-  return {
-    name,
-    storyFn: stringifyStoryFunction(knobs, storyFn),
-    ...options,
-  };
-}
-
-export function knobsDecorator(section: StorybookSection): StorybookSection {
-  const { title, imports, decorators, stories, ...options } = decorateSimpleAddon(section, 'knobs');
-  const { importName, moduleName } = importMeta('knobs');
-
-  const knobImports = [
-    importName,
-    'array',
-    'boolean',
-    'color',
-    'date',
-    'text',
-    'number',
-    'object',
-    'select',
-  ];
-
-  return {
-    title,
-    imports: { ...imports, ...{ [moduleName]: knobImports } },
-    decorators,
-    stories: stories.map((story) => knobsStoryDecorator(story)),
-    ...options,
-  };
-}
diff --git a/app/server/src/lib/compiler/decorators/utils.ts b/app/server/src/lib/compiler/decorators/utils.ts
deleted file mode 100644
index 838df57a9d7..00000000000
--- a/app/server/src/lib/compiler/decorators/utils.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { StorybookSection } from '../types';
-
-export function importMeta(addon: string) {
-  return {
-    importName: `with${addon.charAt(0).toUpperCase() + addon.slice(1)}`,
-    moduleName: `@storybook/addon-${addon}`,
-  };
-}
-
-export function decorateSimpleAddon(section: StorybookSection, addon: string) {
-  const { title, imports, decorators, stories, ...options } = section;
-  const { importName, moduleName } = importMeta(addon);
-
-  return {
-    title,
-    imports: { ...imports, ...{ [moduleName]: [importName] } },
-    decorators: [...decorators, importName],
-    stories,
-    ...options,
-  };
-}
diff --git a/app/server/src/lib/compiler/index.ts b/app/server/src/lib/compiler/index.ts
index 8b329fb991e..c2afad7b8b8 100644
--- a/app/server/src/lib/compiler/index.ts
+++ b/app/server/src/lib/compiler/index.ts
@@ -7,14 +7,13 @@ import {
 } from './types';
 
 import { stringifySection } from './stringifier';
-import { decorateSection } from './decorators';
 
 function createStory(storyArgs: CompileStorybookStoryArgs): StorybookStory {
   const { name, ...options } = storyArgs;
 
   return {
     name,
-    storyFn: '() => {}',
+    storyFn: '(args) => {}',
     ...options,
   };
 }
@@ -31,8 +30,5 @@ function createSection(args: CompileStorybookSectionArgs): StorybookSection {
 }
 
 export function compileCsfModule(args: CompileCsfModuleArgs): string {
-  const { addons = [], ...compileSectionArgs } = args;
-  const storybookSection = createSection(compileSectionArgs);
-  const decoratedSection = decorateSection(storybookSection, addons);
-  return stringifySection(decoratedSection);
+  return stringifySection(createSection(args));
 }
diff --git a/app/server/src/lib/compiler/stringifier.ts b/app/server/src/lib/compiler/stringifier.ts
index 7dff01084c5..5b4ada166b2 100644
--- a/app/server/src/lib/compiler/stringifier.ts
+++ b/app/server/src/lib/compiler/stringifier.ts
@@ -60,17 +60,20 @@ export function stringifyDefault(section: StorybookSection): string {
 }
 
 export function stringifyStory(story: StorybookStory): string {
-  const { name, storyFn, decorators, ...options } = story;
+  const { name, storyFn, ...options } = story;
   const storyId = identifier(name);
 
-  const decoratorsString = stringifyDecorators(decorators);
-  const optionsString = stringifyObject({ name, ...options }, 0, true);
+  const storyStrings = [
+    `export const ${storyId} = ${storyFn};`,
+    `${storyId}.storyName = '${name}';`,
+  ];
 
-  let storyString = '';
-  if (decoratorsString.length > 0 || optionsString.length > 0) {
-    storyString = `${storyId}.story = {${decoratorsString}${optionsString}\n};\n`;
-  }
-  return `export const ${storyId} = ${storyFn};\n${storyString}`;
+  Object.keys(options).forEach((key) => {
+    storyStrings.push(`${storyId}.${key} = ${stringifyObject(options[key])};`);
+  });
+  storyStrings.push('');
+
+  return storyStrings.join('\n');
 }
 
 export function stringifySection(section: StorybookSection): string {
@@ -80,6 +83,5 @@ export function stringifySection(section: StorybookSection): string {
     ...section.stories.map((story) => stringifyStory(story)),
   ].join('\n');
 
-  // console.log('sectionString:\n', sectionString);
   return sectionString;
 }
diff --git a/app/server/src/lib/compiler/types.ts b/app/server/src/lib/compiler/types.ts
index 0de8dbd14f2..7b08af446bc 100644
--- a/app/server/src/lib/compiler/types.ts
+++ b/app/server/src/lib/compiler/types.ts
@@ -27,5 +27,3 @@ export interface StorybookSection {
   stories: StorybookStory[];
   [x: string]: any;
 }
-
-export type Decorator = (section: StorybookSection) => StorybookSection;
diff --git a/app/svelte/README.md b/app/svelte/README.md
index 630698b3991..f77c0356f43 100644
--- a/app/svelte/README.md
+++ b/app/svelte/README.md
@@ -19,8 +19,8 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/svelte/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/svelte/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
 
 ## TODOs
 
diff --git a/app/svelte/package.json b/app/svelte/package.json
index 290d73c8906..88adec92a21 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -28,17 +28,18 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "regenerator-runtime": "^0.13.3",
+    "sveltedoc-parser": "^3.0.4",
     "ts-dedent": "^1.1.1"
   },
   "devDependencies": {
@@ -48,8 +49,6 @@
   },
   "peerDependencies": {
     "@babel/core": "*",
-    "react": "*",
-    "react-dom": "*",
     "svelte": "^3.1.0",
     "svelte-loader": "^2.9.1"
   },
@@ -59,11 +58,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/app/svelte/src/client/preview/index.ts b/app/svelte/src/client/preview/index.ts
index 177d45653da..abc4d66ddb3 100644
--- a/app/svelte/src/client/preview/index.ts
+++ b/app/svelte/src/client/preview/index.ts
@@ -17,6 +17,6 @@ export const {
 const framework = 'svelte';
 export const storiesOf = (...args: any) =>
   clientApi.storiesOf(...args).addParameters({ framework });
-export const configure = (...args: any) => coreConfigure(...args, framework);
+export const configure = (...args: any) => coreConfigure(framework, ...args);
 
 export { forceReRender };
diff --git a/app/vue/README.md b/app/vue/README.md
index 57f4901cc32..f3b3af4d1a3 100644
--- a/app/vue/README.md
+++ b/app/vue/README.md
@@ -23,8 +23,8 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/vue/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/vue/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
 
 ## Vue Notes
 
diff --git a/app/vue/package.json b/app/vue/package.json
index 58dde077d9c..b22fd61182b 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -28,20 +28,22 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
     "@types/webpack-env": "^1.15.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "regenerator-runtime": "^0.13.3",
     "ts-dedent": "^1.1.1",
     "ts-loader": "^6.2.2",
+    "vue-docgen-api": "^4.29.1",
+    "vue-docgen-loader": "^1.5.0",
     "webpack": "^4.43.0"
   },
   "devDependencies": {
@@ -55,8 +57,6 @@
     "@babel/core": "*",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "css-loader": "*",
-    "react": "*",
-    "react-dom": "*",
     "ts-loader": "^6.2.2",
     "vue": "^2.6.8",
     "vue-loader": "^15.7.0",
@@ -68,11 +68,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/app/vue/src/client/index.ts b/app/vue/src/client/index.ts
index 8034a9d6433..620f2fae5cd 100644
--- a/app/vue/src/client/index.ts
+++ b/app/vue/src/client/index.ts
@@ -9,6 +9,8 @@ export {
   raw,
 } from './preview';
 
+export * from './preview/types-6-0';
+
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 }
diff --git a/app/vue/src/client/preview/index.ts b/app/vue/src/client/preview/index.ts
index eeb0edf3464..b00eb4385d1 100644
--- a/app/vue/src/client/preview/index.ts
+++ b/app/vue/src/client/preview/index.ts
@@ -69,7 +69,8 @@ const defaultContext: StoryContext = {
   kind: 'unspecified',
   parameters: {},
   args: {},
-  globalArgs: {},
+  argTypes: {},
+  globals: {},
 };
 
 function decorateStory(
@@ -121,7 +122,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
   });
 };
 
-export const configure: ClientApi['configure'] = (...args) => api.configure(...args, framework);
+export const configure: ClientApi['configure'] = (...args) => api.configure(framework, ...args);
 export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
 export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
 export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
diff --git a/app/vue/src/client/preview/render.ts b/app/vue/src/client/preview/render.ts
index 3500a087494..29c54bf00a2 100644
--- a/app/vue/src/client/preview/render.ts
+++ b/app/vue/src/client/preview/render.ts
@@ -22,6 +22,7 @@ export default function render({
   storyFn,
   kind,
   name,
+  args,
   showMain,
   showError,
   showException,
@@ -29,6 +30,9 @@ export default function render({
 }: RenderContext) {
   Vue.config.errorHandler = showException;
 
+  // FIXME: move this into root[COMPONENT] = element
+  // once we get rid of knobs so we don't have to re-create
+  // a new component each time
   const element = storyFn();
 
   if (!element) {
@@ -44,11 +48,13 @@ export default function render({
 
   showMain();
 
-  // always refresh the component
-  root[COMPONENT] = element;
+  // at component creation || refresh by HMR or switching stories
+  if (!root[COMPONENT] || !forceRender) {
+    root[COMPONENT] = element;
+  }
 
-  // @ts-ignore https://github.com/storybookjs/storybook/pull/7578#discussion_r307986139
-  root[VALUES] = element.options[VALUES];
+  // @ts-ignore https://github.com/storybookjs/storrybook/pull/7578#discussion_r307986139
+  root[VALUES] = { ...element.options[VALUES], ...args };
 
   if (!root.$el) {
     root.$mount('#root');
diff --git a/app/vue/src/client/preview/types-6-0.ts b/app/vue/src/client/preview/types-6-0.ts
new file mode 100644
index 00000000000..3807ea00e78
--- /dev/null
+++ b/app/vue/src/client/preview/types-6-0.ts
@@ -0,0 +1,23 @@
+import { Component, AsyncComponent } from 'vue';
+import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory } from '@storybook/addons';
+import { StoryFnVueReturnType } from './types';
+
+export { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
+
+type VueComponent = Component<any, any, any, any> | AsyncComponent<any, any, any, any>;
+type VueReturnType = StoryFnVueReturnType;
+
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+export type Meta<Args = DefaultArgs> = BaseMeta<VueComponent> & Annotations<Args, VueReturnType>;
+
+/**
+ * Story function that represents a component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export type Story<Args = DefaultArgs> = BaseStory<Args, VueReturnType> &
+  Annotations<Args, VueReturnType>;
diff --git a/app/vue/types-6-0.d.ts b/app/vue/types-6-0.d.ts
new file mode 100644
index 00000000000..6ed7da8e519
--- /dev/null
+++ b/app/vue/types-6-0.d.ts
@@ -0,0 +1 @@
+export * from './dist/client/preview/types-6-0.d';
diff --git a/app/web-components/README.md b/app/web-components/README.md
index b8f57d205f5..842a6d988af 100644
--- a/app/web-components/README.md
+++ b/app/web-components/README.md
@@ -21,8 +21,8 @@ For more information visit: [storybook.js.org](https://storybook.js.org)
 
 ---
 
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons/introduction) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/basics/exporting-storybook) of your storybook and deploy it anywhere you want.
+Storybook also comes with a lot of [addons](https://storybook.js.org/docs/web-components/configure/storybook-addons) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/web-components/workflows/publish-storybook) of your storybook and deploy it anywhere you want.
 
 # Setup page reload via HMR
 
diff --git a/app/web-components/package.json b/app/web-components/package.json
index f54271e05d6..6ab69fe0905 100644
--- a/app/web-components/package.json
+++ b/app/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
   "keywords": [
     "lit-html",
@@ -30,16 +30,18 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@babel/plugin-syntax-import-meta": "^7.2.0",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-syntax-import-meta": "^7.10.4",
+    "@babel/preset-env": "^7.11.5",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
     "@types/webpack-env": "^1.15.2",
     "babel-plugin-bundled-import-meta": "^0.3.1",
     "core-js": "^3.0.1",
@@ -53,9 +55,7 @@
   "peerDependencies": {
     "@babel/core": "*",
     "babel-loader": "^7.0.0 || ^8.0.0",
-    "lit-html": "^1.0.0",
-    "react": "*",
-    "react-dom": "*"
+    "lit-html": "^1.0.0"
   },
   "engines": {
     "node": ">=8.0.0"
@@ -63,11 +63,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/app/web-components/src/client/preview/index.ts b/app/web-components/src/client/preview/index.ts
index 2ec3d47cf69..b62b7446ab1 100644
--- a/app/web-components/src/client/preview/index.ts
+++ b/app/web-components/src/client/preview/index.ts
@@ -25,7 +25,7 @@ export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
   });
 };
 
-export const configure: ClientApi['configure'] = (...args) => api.configure(...args, framework);
+export const configure: ClientApi['configure'] = (...args) => api.configure(framework, ...args);
 export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
 export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
 export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
diff --git a/app/web-components/src/client/preview/render.ts b/app/web-components/src/client/preview/render.ts
index 77c5b87e36b..5970b4d3e70 100644
--- a/app/web-components/src/client/preview/render.ts
+++ b/app/web-components/src/client/preview/render.ts
@@ -1,6 +1,7 @@
 import { document, Node } from 'global';
 import dedent from 'ts-dedent';
 import { render, TemplateResult } from 'lit-html';
+import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/client-api';
 import { RenderContext } from './types';
 
 const rootElement = document.getElementById('root');
@@ -26,8 +27,10 @@ export default function renderMain({
     const renderTo = rootElement.querySelector('[id="root-inner"]');
 
     render(element, renderTo);
+    simulatePageLoad(rootElement);
   } else if (typeof element === 'string') {
     rootElement.innerHTML = element;
+    simulatePageLoad(rootElement);
   } else if (element instanceof Node) {
     // Don't re-mount the element if it didn't change and neither did the story
     if (rootElement.firstChild === element && forceRender === true) {
@@ -36,6 +39,7 @@ export default function renderMain({
 
     rootElement.innerHTML = '';
     rootElement.appendChild(element);
+    simulateDOMContentLoaded();
   } else {
     showError({
       title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
diff --git a/app/web-components/src/server/framework-preset-web-components.ts b/app/web-components/src/server/framework-preset-web-components.ts
index 996e444a4bc..a63675e4650 100644
--- a/app/web-components/src/server/framework-preset-web-components.ts
+++ b/app/web-components/src/server/framework-preset-web-components.ts
@@ -19,17 +19,17 @@ export function webpack(config: Configuration) {
             new RegExp(`node_modules(\\/|\\\\)@vaadin(.*)\\.js$`),
           ],
           use: {
-            loader: 'babel-loader',
+            loader: require.resolve('babel-loader'),
             options: {
               plugins: [
-                '@babel/plugin-syntax-dynamic-import',
-                '@babel/plugin-syntax-import-meta',
+                require.resolve('@babel/plugin-syntax-dynamic-import'),
+                require.resolve('@babel/plugin-syntax-import-meta'),
                 // webpack does not support import.meta.url yet, so we rewrite them in babel
-                ['bundled-import-meta', { importStyle: 'baseURI' }],
+                [require.resolve('babel-plugin-bundled-import-meta'), { importStyle: 'baseURI' }],
               ],
               presets: [
                 [
-                  '@babel/preset-env',
+                  require.resolve('@babel/preset-env'),
                   {
                     useBuiltIns: 'entry',
                     corejs: 3,
diff --git a/cypress/generated/addon-action.spec.ts b/cypress/generated/addon-action.spec.ts
index 8f7a2dc858b..16cd34e68d6 100644
--- a/cypress/generated/addon-action.spec.ts
+++ b/cypress/generated/addon-action.spec.ts
@@ -1,31 +1,19 @@
-import { visit, clickAddon } from '../helper';
-
 describe('addon-action', () => {
   before(() => {
-    visit();
-    cy.get('#button').click();
+    cy.visitStorybook();
   });
 
   it('should trigger an action', () => {
     // click on the button
-    cy.get('#button--text-with-action').click();
+    cy.navigateToStory('example-button', 'primary');
 
-    // assert url changes
-    cy.url().should('include', 'path=/story/button--text-with-action');
-
-    // check for selected element
-    cy.get('#button--text-with-action').should('have.class', 'selected');
-
-    // check for content
-    cy.getStoryElement().contains('Trigger Action').click();
-
-    // click on addon
-    clickAddon('Actions');
+    cy.getStoryElement().contains('Button').click();
+    cy.viewAddonPanel('Actions');
 
     // TODO @yannbf improve tab identifier on addons
     // get the logs
     cy.get('#storybook-panel-root')
-      .contains(/This was clicked/)
+      .contains(/onClick/)
       .should('be.visible');
   });
 });
diff --git a/cypress/generated/addon-link.spec.ts b/cypress/generated/addon-link.spec.ts
deleted file mode 100644
index d94420c496c..00000000000
--- a/cypress/generated/addon-link.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { visit, clickAddon } from '../helper';
-
-describe('addon-link', () => {
-  before(() => {
-    visit();
-    cy.get('#button').click();
-  });
-
-  it('should redirect to another story', () => {
-    // click on the button
-    cy.get('#button--button-with-link-to-another-story').click();
-
-    // assert url changes
-    cy.url().should('include', 'path=/story/button--button-with-link-to-another-story');
-
-    // check for selected element
-    cy.get('#button--button-with-link-to-another-story').should('have.class', 'selected');
-
-    // check for content
-    cy.getStoryElement().contains('Go to Welcome Story').click();
-
-    // assert url changes
-    cy.url().should('include', 'path=/story/welcome--to-storybook');
-  });
-});
diff --git a/cypress/generated/addon-viewport.spec.ts b/cypress/generated/addon-viewport.spec.ts
new file mode 100644
index 00000000000..9f99e37ded0
--- /dev/null
+++ b/cypress/generated/addon-viewport.spec.ts
@@ -0,0 +1,16 @@
+describe('addon-viewport', () => {
+  before(() => {
+    cy.visitStorybook();
+  });
+
+  it('should have viewport button in the toolbar', () => {
+    cy.navigateToStory('example-button', 'Primary');
+
+    // Click on viewport button and select small mobile
+    cy.get('[title="Change the size of the preview"]').click();
+    cy.get('#mobile1').click();
+
+    // Check that Welcome story is still displayed
+    cy.getStoryElement().should('contain.text', 'Button');
+  });
+});
diff --git a/cypress/generated/basic.spec.ts b/cypress/generated/basic.spec.ts
index f141a86ccad..efb67e23f8a 100644
--- a/cypress/generated/basic.spec.ts
+++ b/cypress/generated/basic.spec.ts
@@ -1,35 +1,76 @@
-import { visit } from '../helper';
-
-describe('Basic Flow', () => {
+describe('Basic CLI', () => {
   before(() => {
-    visit();
+    cy.visitStorybook();
   });
 
-  it('should load welcome flow', () => {
-    // assert url changes
-    cy.url().should('include', 'path=/story/welcome--to-storybook');
-
-    // check for selected element
-    cy.get('#welcome--to-storybook').should('have.class', 'selected');
-
-    // check for content
-    cy.getStoryElement().should('contain.text', 'Welcome to storybook');
+  describe('Welcome story (MDX)', () => {
+    it('should load and display', () => {
+      cy.navigateToStory('example-introduction', 'page');
+      cy.getDocsElement().should('contain.text', 'Welcome to Storybook');
+    });
   });
 
   describe('Button story', () => {
-    before(() => {
-      cy.get('#button').click();
+    it('should load primary story', () => {
+      cy.navigateToStory('example-button', 'primary');
+      cy.getStoryElement()
+        .find('button')
+        .should('have.class', 'storybook-button')
+        .and('have.class', 'storybook-button--primary');
     });
 
-    it('should be visited succesfully', () => {
-      // assert url changes
-      cy.url().should('include', 'path=/story/button--text');
+    it('should load secondary story', () => {
+      cy.navigateToStory('example-button', 'secondary');
+      cy.getStoryElement()
+        .find('button')
+        .should('have.class', 'storybook-button')
+        .and('have.class', 'storybook-button--secondary');
+    });
+    it('should load small story', () => {
+      cy.navigateToStory('example-button', 'small');
+      cy.getStoryElement()
+        .find('button')
+        .should('have.class', 'storybook-button')
+        .and('have.class', 'storybook-button--small');
+    });
+    it('should load large story', () => {
+      cy.navigateToStory('example-button', 'large');
+      cy.getStoryElement()
+        .find('button')
+        .should('have.class', 'storybook-button')
+        .and('have.class', 'storybook-button--large');
+    });
+  });
 
-      // check for selected element
-      cy.get('#button--text').should('have.class', 'selected');
+  describe('Header story', () => {
+    it('should load and display logged in', () => {
+      cy.navigateToStory('example-header', 'logged-in');
+      cy.getStoryElement().find('header').should('contain.text', 'Acme');
+      cy.getStoryElement().find('button').should('contain.text', 'Log out');
+    });
 
-      // check for content
-      cy.getStoryElement().find('button').should('contain.text', 'Hello Button');
+    it('should load and display logged out', () => {
+      cy.navigateToStory('example-header', 'logged-out');
+      cy.getStoryElement().find('header').should('contain.text', 'Acme');
+      cy.getStoryElement().find('button').first().should('contain.text', 'Log in');
+      cy.getStoryElement().find('button').last().should('contain.text', 'Sign up');
+    });
+  });
+
+  describe('Page story', () => {
+    it('should load and display logged in', () => {
+      cy.navigateToStory('example-page', 'logged-in');
+      cy.getStoryElement().find('header').should('contain.text', 'Acme');
+      cy.getStoryElement().find('button').should('contain.text', 'Log out');
+      cy.getStoryElement().should('contain.text', 'Pages in Storybook');
+    });
+
+    it('should load and display logged out', () => {
+      cy.navigateToStory('example-page', 'logged-out');
+      cy.getStoryElement().should('contain.text', 'Acme');
+      cy.getStoryElement().find('button').first().should('contain.text', 'Log in');
+      cy.getStoryElement().find('button').last().should('contain.text', 'Sign up');
+      cy.getStoryElement().should('contain.text', 'Pages in Storybook');
     });
   });
 });
diff --git a/cypress/integration/knobs.spec.ts b/cypress/integration/knobs.spec.ts
index c5f65dca534..d0f73265633 100644
--- a/cypress/integration/knobs.spec.ts
+++ b/cypress/integration/knobs.spec.ts
@@ -1,3 +1,4 @@
+/* eslint-disable cypress/no-unnecessary-waiting */
 import { clickAddon, visit } from '../helper';
 
 describe('Knobs', () => {
@@ -12,6 +13,7 @@ describe('Knobs', () => {
 
     cy.getStoryElement()
       .console('info')
+      .wait(3000)
       .find('p')
       .eq(0)
       .should('contain.text', 'My name is John Doe');
diff --git a/cypress/plugins/webpack.config.js b/cypress/plugins/webpack.config.js
index 01774bb3d14..e26dabb4657 100644
--- a/cypress/plugins/webpack.config.js
+++ b/cypress/plugins/webpack.config.js
@@ -9,7 +9,7 @@ module.exports = {
         exclude: [/node_modules/],
         use: [
           {
-            loader: 'ts-loader',
+            loader: require.resolve('ts-loader'),
             options: {
               transpileOnly: true,
             },
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
index 11ee583da25..045b5f6aa1f 100644
--- a/cypress/support/commands.js
+++ b/cypress/support/commands.js
@@ -36,6 +36,20 @@ Cypress.Commands.add(
   }
 );
 
+Cypress.Commands.add('visitStorybook', () => {
+  cy.log('visitStorybook');
+  const host = Cypress.env('location') || 'http://localhost:8001';
+  return cy
+    .clearLocalStorage()
+    .visit(`${host}/?path=/story/example-introduction--page`)
+    .get(`#storybook-preview-iframe`, { log: false })
+    .its('0.contentDocument.body', { log: false })
+    .should('not.be.empty')
+    .then((body) => cy.wrap(body, { log: false }))
+    .find('#docs-root', { log: false })
+    .should('not.be.empty');
+});
+
 Cypress.Commands.add('getStoryElement', {}, () => {
   cy.log('getStoryElement');
   return cy
@@ -47,3 +61,41 @@ Cypress.Commands.add('getStoryElement', {}, () => {
     .should('not.be.empty')
     .then((storyRoot) => cy.wrap(storyRoot, { log: false }));
 });
+
+Cypress.Commands.add('getDocsElement', {}, () => {
+  cy.log('getDocsElement');
+  return cy
+    .get(`#storybook-preview-iframe`, { log: false })
+    .its('0.contentDocument.body', { log: false })
+    .should('not.be.empty')
+    .then((body) => cy.wrap(body, { log: false }))
+    .find('#docs-root', { log: false })
+    .should('not.be.empty')
+    .then((storyRoot) => cy.wrap(storyRoot, { log: false }));
+});
+
+Cypress.Commands.add('navigateToStory', (kind, name) => {
+  const kindId = kind.replace(/ /g, '-').toLowerCase();
+  const storyId = name.replace(/ /g, '-').toLowerCase();
+
+  const storyLinkId = `#${kindId}--${storyId}`;
+  cy.log(`navigateToStory ${kind} ${name}`);
+
+  if (name !== 'page') {
+    // Section can be collapsed, click twice ensure expansion
+    cy.get(`#${kindId}`).click();
+  }
+  cy.get(storyLinkId).click();
+
+  // assert url changes
+  cy.url().should('include', `path=/story/${kindId}--${storyId}`);
+  cy.get(storyLinkId).should('have.class', 'selected');
+
+  // A pause is good when switching stories
+  // eslint-disable-next-line cypress/no-unnecessary-waiting
+  cy.wait(50);
+});
+
+Cypress.Commands.add('viewAddonPanel', (name) => {
+  cy.get(`[role=tablist] button[role=tab]`).contains(name).click();
+});
diff --git a/cypress/support/index.d.ts b/cypress/support/index.d.ts
index 133f544ad62..2c303f0eb2a 100644
--- a/cypress/support/index.d.ts
+++ b/cypress/support/index.d.ts
@@ -4,10 +4,35 @@ type LoggerMethod = 'log' | 'info' | 'debug';
 
 declare namespace Cypress {
   interface Chainable {
+    /**
+     * Visit storybook's introduction page
+     */
+    visitStorybook(): Chainable<Element>;
+
     /**
      * Custom command to select the DOM element of a story in the canvas tab.
      */
     getStoryElement(): Chainable<Element>;
+    /**
+     * Custom command to select the DOM element of a docs story in the canvas tab.
+     */
+    getDocsElement(): Chainable<Element>;
+
+    /**
+     * Navigate to a story.
+     * 'Storybook Example/Button'
+     *  -  kind: `Storybook Example`
+     *  -  name: `Button`
+     * @param kind Story kind
+     * @param name name of the story
+     */
+    navigateToStory(kind: string, name: string): Chainable<Element>;
+
+    /**
+     * Display addon panel
+     * @param name of the addon
+     */
+    viewAddonPanel(name: string): Chainable<Element>;
 
     /**
      * Returns the element while logging it.
diff --git a/dev-kits/addon-decorator/package.json b/dev-kits/addon-decorator/package.json
index 87b80b3d93e..23a90ac5de2 100644
--- a/dev-kits/addon-decorator/package.json
+++ b/dev-kits/addon-decorator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-decorator",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "decorator addon for storybook",
   "keywords": [
     "addon",
@@ -24,19 +24,19 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.4.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/dev-kits/addon-parameter/package.json b/dev-kits/addon-parameter/package.json
index aff0f2ff045..7f5d9157110 100644
--- a/dev-kits/addon-parameter/package.json
+++ b/dev-kits/addon-parameter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-parameter",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "parameter addon for storybook",
   "keywords": [
     "addon",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
@@ -38,11 +38,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/dev-kits/addon-preview-wrapper/package.json b/dev-kits/addon-preview-wrapper/package.json
index 6f8390e1312..e205f9a2c36 100644
--- a/dev-kits/addon-preview-wrapper/package.json
+++ b/dev-kits/addon-preview-wrapper/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-preview-wrapper",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "preview wrapper addon for storybook",
   "keywords": [
     "addon",
@@ -24,17 +24,17 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
     "react": "^16.8.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/dev-kits/addon-roundtrip/package.json b/dev-kits/addon-roundtrip/package.json
index ca5ef0962ef..82581b1e080 100644
--- a/dev-kits/addon-roundtrip/package.json
+++ b/dev-kits/addon-roundtrip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-roundtrip",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "roundtrip addon for storybook",
   "keywords": [
     "addon",
@@ -24,13 +24,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
@@ -39,11 +39,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/docs/.eslintrc.js b/docs/.eslintrc.js
deleted file mode 100644
index 6ab0b6d43ec..00000000000
--- a/docs/.eslintrc.js
+++ /dev/null
@@ -1,18 +0,0 @@
-const warn = 1;
-
-module.exports = {
-  globals: {
-    graphql: false,
-  },
-  rules: {
-    'import/no-unresolved': [warn, { commonjs: true, caseSensitive: true }],
-    'import/extensions': [
-      // because of highlight.js
-      warn,
-      'always',
-      {
-        js: 'never',
-      },
-    ],
-  },
-};
diff --git a/docs/.gatsby-context.js b/docs/.gatsby-context.js
deleted file mode 100644
index df29ee95276..00000000000
--- a/docs/.gatsby-context.js
+++ /dev/null
@@ -1,15 +0,0 @@
-'use strict';
-
-/*  weak */
-// This file is auto-written and used by Gatsby to require
-// files from your pages directory.
-module.exports = function (callback) {
-  var context = require.context('./src/pages', true, /(coffee|cjsx|ts|tsx|jsx|js|md|rmd|mkdn?|mdwn|mdown|markdown|litcoffee|ipynb|html|json|yaml|toml)$/ // eslint-disable-line
-  );if (module.hot) {
-    module.hot.accept(context.id, function () {
-      context = require.context('./src/pages', true, /(coffee|cjsx|ts|tsx|jsx|js|md|rmd|mkdn?|mdwn|mdown|markdown|litcoffee|ipynb|html|json|yaml|toml)$/ // eslint-disable-line
-      );return callback(context);
-    });
-  }
-  return callback(context);
-};
\ No newline at end of file
diff --git a/docs/.snyk b/docs/.snyk
deleted file mode 100644
index 09f63ccce2c..00000000000
--- a/docs/.snyk
+++ /dev/null
@@ -1,72 +0,0 @@
-# Snyk (https://snyk.io) policy file, patches or ignores known vulnerabilities.
-version: v1.12.0
-ignore: {}
-# patches apply the minimum changes required to fix a vulnerability
-patch:
-  'npm:hoek:20180212':
-    - gatsby-source-filesystem > babel-cli > chokidar > fsevents > node-pre-gyp > hawk > sntp > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby-source-filesystem > chokidar > fsevents > node-pre-gyp > hawk > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby-source-filesystem > babel-cli > chokidar > fsevents > node-pre-gyp > hawk > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > gatsby-plugin-page-creator > chokidar > fsevents > node-pre-gyp > hawk > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby-source-filesystem > chokidar > fsevents > node-pre-gyp > hawk > sntp > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > chokidar > fsevents > node-pre-gyp > hawk > sntp > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby-source-filesystem > chokidar > fsevents > node-pre-gyp > hawk > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > chokidar > fsevents > node-pre-gyp > hawk > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - '@storybook/react > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > hoek':
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby-source-filesystem > chokidar > fsevents > node-pre-gyp > hawk > cryptiles > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > gatsby-plugin-page-creator > chokidar > fsevents > node-pre-gyp > hawk > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby-source-filesystem > babel-cli > chokidar > fsevents > node-pre-gyp > hawk > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > chokidar > fsevents > node-pre-gyp > hawk > cryptiles > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > gatsby-plugin-page-creator > chokidar > fsevents > node-pre-gyp > hawk > sntp > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > chokidar > fsevents > node-pre-gyp > hawk > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - '@storybook/react > @storybook/core > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > hoek':
-        patched: '2018-10-12T13:09:42.105Z'
-    - '@storybook/react > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > boom > hoek':
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - '@storybook/react > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > sntp > hoek':
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby-source-filesystem > babel-cli > chokidar > fsevents > node-pre-gyp > hawk > cryptiles > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > sntp > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > gatsby-plugin-page-creator > chokidar > fsevents > node-pre-gyp > hawk > cryptiles > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - '@storybook/react > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > cryptiles > boom > hoek':
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > cryptiles > boom > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-    - '@storybook/react > @storybook/core > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > boom > hoek':
-        patched: '2018-10-12T13:09:42.105Z'
-    - '@storybook/react > @storybook/core > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > sntp > hoek':
-        patched: '2018-10-12T13:09:42.105Z'
-    - '@storybook/react > @storybook/core > webpack > watchpack > chokidar > fsevents > node-pre-gyp > hawk > cryptiles > boom > hoek':
-        patched: '2018-10-12T13:09:42.105Z'
-    - gatsby > webpack-validator > joi > hoek:
-        patched: '2018-10-12T13:09:42.105Z'
-  'npm:moment:20170905':
-    - gatsby > webpack-validator > joi > moment:
-        patched: '2018-10-12T13:09:42.105Z'
-  'npm:tunnel-agent:20170305':
-    - gatsby-plugin-sharp > imagemin-mozjpeg > mozjpeg > bin-build > download > caw > tunnel-agent:
-        patched: '2018-10-16T09:11:57.220Z'
-    - gatsby-plugin-sharp > imagemin-mozjpeg > mozjpeg > bin-wrapper > download > caw > tunnel-agent:
-        patched: '2018-10-16T09:11:57.220Z'
diff --git a/docs/README.md b/docs/README.md
deleted file mode 100644
index 6f6e3d6bfbc..00000000000
--- a/docs/README.md
+++ /dev/null
@@ -1,41 +0,0 @@
-# Website for [storybook.js.org](https://storybook.js.org)
-
-This is the source for [storybook.js.org](https://storybook.js.org). It documents [Storybook](https://github.com/storybookjs/storybook), an amazing UI component development environment for React and React Native. The site is built with [Gatsby](https://github.com/gatsbyjs/gatsby).
-
-### Usage
-
-```sh
-yarn
-yarn dev
-```
-
-### Edit Documentation
-
-Documentation is written in Markdown and located inside the [`docs/src/pages`](https://github.com/storybookjs/storybook/tree/master/docs/src/pages) directory.
-
-### Guidelines for Writing Good Documentation
-
-0. Explain **why** in addition to **how**. If something is designed a certain way for a reason, provide that reason.
-1. Provide examples of code snippets whenever possible - showing is always better than telling.
-2. Avoid simplifying problems - this frustrates users even more when they don't understand something "simple".
-* Bad examples:
-  - `All you need to do is apply...`
-  - `Simply add...`
-  - `The object is just...`
-3. Use concise language - The less time users spend on reading and understanding docs, the better.
-* Avoid using passive voice.
-  - Passive (bad): `It is believed by Storybook that empowering component builders is important.`
-  - Active (good): `Storybook believes in empowering component builders.`
-* Place action in the verb.
-  - Indirect action (bad): `A refactor of this code is necessary`.
-  - Direct action (good): `This code needs to be refactored`.
-4. Avoid the use of pronouns - documentation should not address the reader because not everything applies to the person reading our docs.
-* Don't use `you` to refer to the user or a third party.
-  - Pronoun (bad): `You can also...`
-  - Without pronoun (good): `Users can also...`
-* Don't use `we` to refer to Storybook, contributors, or Storybook users.
-  - Pronoun (bad): `We can create this component...`
-  - Without pronoun (good): `The component can be created...`
-* Don't use `he`, `she`, `him`, `her`, etc. to refer to a third party unless referring to a specific person.
-* Refer to contributors and the product as `Storybook`.
-* Refer to users as `users`.
diff --git a/docs/src/pages/addons/api/index.md b/docs/api/addons-api.md
similarity index 56%
rename from docs/src/pages/addons/api/index.md
rename to docs/api/addons-api.md
index f41611d09d7..26b927881e6 100644
--- a/docs/src/pages/addons/api/index.md
+++ b/docs/api/addons-api.md
@@ -1,17 +1,20 @@
 ---
-id: 'api'
-title: 'API'
+title: 'Addons API'
 ---
 
 ## Core Addon API
 
 This is the core addon API. This is how to get the addon API:
 
-```jsx
-import { addons } from '@storybook/addons';
-```
+<!-- prettier-ignore-start -->
 
-Have a look at the API methods for more details:
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-imports.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ### addons.getChannel()
 
@@ -24,37 +27,32 @@ It has a NodeJS [EventEmitter](https://nodejs.org/api/events.html) compatible AP
 This method allows you to register an addon and get the storybook API. You can do this only in the Manager App.
 See how we can use this:
 
-```jsx
-import { addons } from '@storybook/addons';
+<!-- prettier-ignore-start -->
 
-// Register the addon with a unique name.
-addons.register('my-organisation/my-addon', api => {});
-```
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-register.js.mdx',
+  ]}
+/>
 
-Now you'll get an instance to our StorybookAPI. See the [api docs](/addons/api#storybook-api) for Storybook API regarding using that.
+<!-- prettier-ignore-end -->
+
+Now you'll get an instance to our StorybookAPI. See the [api docs](#storybook-api) for Storybook API regarding using that.
 
 ### addons.add()
 
 This method allows you to add a panel to Storybook. (Storybook's Action Logger is a panel). You can do this only in the Manager App.
 See how you can use this method:
 
-```jsx
-import { addons, types } from '@storybook/addons';
-import { AddonPanel } from '@storybook/components';
+<!-- prettier-ignore-start -->
 
-const MyPanel = () => <div>This is a panel.</div>;
+<CodeSnippets
+  paths={[
+    'common/storybook-addon-panel-initial.js.mdx',
+  ]}
+/>
 
-// give a unique name for the panel
-addons.add('my-organisation/my-addon/panel', {
-  title: 'My Addon',
-  type: types.PANEL,
-  render: ({ active, key }) => (
-    <AddonPanel active={active} key={key}>
-      <MyPanel />
-    </AddonPanel>
-  ),
-});
-```
+<!-- prettier-ignore-end -->
 
 The render function is called with `active` and `key`.
 
@@ -66,21 +64,15 @@ As you can see, you can set any React Component as the panel. Currently, it's on
 
 The `makeDecorator` API can be used to create decorators in the style of the official addons. Use it like so:
 
-```jsx
-import { makeDecorator } from '@storybook/addons';
+<!-- prettier-ignore-start -->
 
-export makeDecorator({
-  name: 'withSomething',
-  parameterName: 'something',
-  wrapper: (storyFn, context, { parameters }) => {
-    // Do something with `parameters`, which are set via { something: ... }
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-makedecorator.js.mdx',
+  ]}
+/>
 
-    // Note you may alter the story output if you like, although generally that's
-    // not advised
-    return storyFn(context);
-  }
-})
-```
+<!-- prettier-ignore-end -->
 
 The options to `makeDecorator` are:
 
@@ -90,8 +82,12 @@ The options to `makeDecorator` are:
 - `allowDeprecatedUsage`: support the deprecated "wrapper" usage (`.add('story', () => withFoo(options)(() => <Story/>))`).
 - `wrapper`: your decorator function. Takes the `storyFn`, `context`, and both the `options` and `parameters` (as defined in `skipIfNoParametersOrOptions` above).
 
+<div class="aside">
+
 Note if the parameters to a story include `{ foo: { disable: true } }` (where `foo` is the `parameterName` of your addon), your decorator will not be called.
 
+</div>
+
 ---
 
 ## Storybook hooks
@@ -100,48 +96,48 @@ Writing addons can be simplified a lot by using these Storybook hooks:
 
 ### useStorybookState
 
-```js
-export const Panel = () => {
-  const state = useStorybookState();
+<!-- prettier-ignore-start -->
 
-  return <div>do something with storybook's state</div>;
-}
-```
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-usestorybookstate.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 Allows full access to the entire storybook state.
 Your component will re-render whenever the storybook state changes.
 
-If you use this, remember your component wil be re-rendered a lot, and you may need to optimize for that using `React.memo` or `useMemo` or `PureComponent`.
+If you use this, remember your component wil be re-rendered a lot, and you may need to optimize for that using [`React.memo`](https://reactjs.org/docs/react-api.html#reactmemo) or [`useMemo`](https://reactjs.org/docs/hooks-reference.html#usememo) or [`PureComponent`](https://reactjs.org/docs/react-api.html#reactpurecomponent).
 
 ### useStorybookApi
 
-```js
-export const Panel = () => {
-  const state = useStorybookApi();
+<!-- prettier-ignore-start -->
 
-  return <div>do something with storybook's api</div>;
-}
-```
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-useapi.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 Allows full access to the storybook API.
 
 Detail on the storybook api are further down.
 
 ### useChannel
-```js
-import { STORY_CHANGED } from '@storybook/core-events';
-export const Panel = () => {
-  const emit = useChannel({
-    STORY_CHANGED: (...args) => console.log(...args),
-  });
 
-  return (
-    <button onClick={() => emit('my-event-type', { some: 'data' })}>
-      clicking this will emit an event
-    </button>
-  );
-}
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-usechannel.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 Allows for both setting subscriptions to events and getting the emitter for emitting custom event unto the channel.
 
@@ -149,26 +145,15 @@ The messages can be listened for on both the iframe and the manager side.
 
 ### useAddonState
 
-```js
-export const Panel = () => {
-  const [state, setState] = useAddonState('my/addon-id', 'initial state');
+<!-- prettier-ignore-start -->
 
-  return (
-    <button onClick={() => setState('a new value')}>
-      the state = "{state}"
-    </button>
-  );
-}
-export const Tool = () => {
-  const [state, setState] = useAddonState('my/addon-id', 'initial state');
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-useaddonstate.js.mdx',
+  ]}
+/>
 
-  return (
-    <button onClick={() => setState('a new value')}>
-      the state = "{state}"
-    </button>
-  );
-}
-```
+<!-- prettier-ignore-end -->
 
 Extremely useful for addons that need to persist some state.
 
@@ -180,18 +165,15 @@ With this hook they can all get access to the same bit of state which is persist
 
 ### useParameter
 
-```js
-export const Panel = () => {
-  const value = useParameter('parameter-key', 'default value');
+<!-- prettier-ignore-start -->
 
-  return (
-    <div>
-      for the currently selected story, the parameter for "parameter-key" is:
-      {value}
-    </div>
-  );
-}
-```
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-useparameter.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 This hook gets you the current story's parameter.
 
@@ -214,84 +196,110 @@ With this method, you can select a story via an API. This method accepts two par
 
 Let's say you've got a story like this:
 
-```jsx
-export default {
-  title: 'heading',
-};
+<!-- prettier-ignore-start -->
 
-export const withText = () => <h1>Hello world</h1>;
-```
+<CodeSnippets
+  paths={[
+    'react/button-story-with-addon-example.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 This is how you can select the above story:
 
-```jsx
-addons.register('my-organisation/my-addon', api => {
-  api.selectStory('heading', 'withText');
-});
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-selectstory.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ### api.selectInCurrentKind()
 
 Same as `selectStory`, but accepts a story inside current kind as the only parameter:
 
-```jsx
-addons.register('my-organisation/my-addon', api => {
-  api.selectInCurrentKind('withText');
-});
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-selectincurrentkind.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ### api.setQueryParams()
 
 This method allows you to set query string parameters. You can use that as temporary storage for addons. Here's how you set query params.
 
-```jsx
-addons.register('my-organisation/my-addon', api => {
-  api.setQueryParams({
-    abc: 'this is abc',
-    bbc: 'this is bbc',
-  });
-});
-```
+<!-- prettier-ignore-start -->
 
-> If you need to remove a query param, use `null` for that. For an example, let's say we need to remove bbc query param. This is how we do it:
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-setqueryparams.js.mdx',
+  ]}
+/>
 
-```jsx
-addons.register('my-organisation/my-addon', api => {
-  api.setQueryParams({
-    bbc: null,
-  });
-});
-```
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+If you need to remove a query param, use `null` for that. For an example, let's say we need to remove bbc query param. This is how we do it:
+
+</div>
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-disablequeryparams.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ### api.getQueryParam()
 
 This method allows you to get a query param set by above API `setQueryParams`. For example, let's say we need to get the bbc query param. Then this how we do it:
 
-```jsx
-addons.register('my-organisation/my-addon', api => {
-  api.getQueryParam('bbc');
-});
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-getqueryparam.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ### api.getUrlState(overrideParams)
 
 This method allows you to get application url state with some changed params. For example, if you want to get a link to a particular story:
 
-```jsx
-addons.register('my-organisation/my-addon', api => {
-  const href = api.getUrlState({
-    selectedKind: 'kind',
-    selectedStory: 'story',
-  }).url;
-});
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-geturlstate.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ### api.on(eventName, fn)
 
 This method allows you to register a handler function which will be called whenever the user navigates between stories.
 
-```jsx
-addons.register('my-organisation/my-addon', api => {
-  api.on('some-event', (eventData) => console.log(eventData));
-});
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addons-api-on.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/api/addons.md b/docs/api/addons.md
new file mode 100644
index 00000000000..db799afbd13
--- /dev/null
+++ b/docs/api/addons.md
@@ -0,0 +1,237 @@
+---
+title: 'Addons'
+---
+
+Addons extend Storybook with features and integrations that are not built into the core. Most Storybook features are implemented as addons. For instance: documentation, accessibility testing, interactive controls, and design previews.
+The addon API makes it easy for you to configure and customize Storybook in new ways. There are countless addons made by the community that unlock time-saving workflows. What addons can do:
+
+- [Add a panel to Storybook (like Action Logger).](../essentials/actions.md)
+- [Add a tool to Storybook’s toolbar (like zoom or grid).](../essentials/toolbars-and-globals.md)
+- [Add a tab to Storybook (like SB Docs).](../writing-docs/introduction.md)
+
+Browse the [addon gallery](/addons) to install an existing addon or as inspiration for your own addon. Read on to learn how to make an addon yourself.
+
+## Storybook basics
+
+Before writing your first addon, let’s take a look at the basics of Storybook’s architecture. While Storybook presents a unified user interface, under the hood it’s divided down the middle into **Manager** and **Preview**.
+
+The Manager is the UI where Storybook’s search, navigation, toolbars, and addons are rendered. The Preview area is an iframe where stories are rendered.
+
+![Storybook detailed window](./manager-preview.jpg)
+
+Because Manager and Preview run in separate iframes, they communicate across a communication channel. When you select a story within the Manager an event is sent across the channel and the selected story is rendered inside the Preview.
+
+Many of the addon APIs you’ll read about below are abstractions to help make this communication transparent.
+
+## Getting started
+
+Let’s write a simple addon for Storybook which:
+
+- Adds a new “My Addon” panel
+- Retrieves a custom “myAddon” parameter from stories
+- Displays the parameter data in the panel
+
+### Add story parameters
+
+Let’s start by writing a story for our addon that exposes a custom parameter. The idea is that our addon will show this parameter in the addon panel.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-with-addon-example.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Because we added the story at the component level, the `myAddon` parameter is associated with all stories defined in the file.
+
+### Add a panel
+
+Now let’s add a panel to Storybook in a file called `register.js`, which is the entry point for addons to register themselves.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addon-panel-initial.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This is boilerplate code for any addon that adds a panel to Storybook, and there’s really not much going on here. In this case, we’re just adding a static div that renders when the panel is selected in Storybook’s UI.
+
+### Display story parameter
+
+Next, let’s replace the `MyPanel` component from above to show the parameter.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addon-change-panel.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The new version is made smarter by `useParameter`, which is a [React hook](https://reactjs.org/docs/hooks-intro.html) that updates the parameter value and re-renders the panel every time the story changes.
+
+The addon API provides hooks like this so all of that communication can happen behind the scenes. That means you can focus on your addon's functionality.
+
+### Register the addon
+
+Finally, let’s hook it all up. Addons are typically published as standalone packages, but they can also be written locally in an existing Storybook project. We’ll make our addon a local addon.
+
+Update your [`.storybook/main.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-register-addon.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The path can be an absolute location on your file system, or a path relative to your `.storybook` directory (e.g. `./my-addon/register.js` if you defined the addon inside your `.storybook` folder).
+
+If you get an error similar to:
+
+```sh
+ModuleParseError: Module parse failed: Unexpected token (92:22)
+
+You may need an appropriate loader to handle this file type.
+       var value = this.state.value;
+      var active = this.props.active;
+      return active ? <div>{value}</div> : null;
+     }
+   }]);
+```
+
+It is likely because you do not have a `.babelrc` file or do not have it configured with the correct presets:
+
+```json
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}
+```
+
+Now restart/rebuild Storybook and your addon should appear in the addons panel. Furthermore, as you navigate between stories, the parameter displayed should update accordingly.
+
+### Next steps
+
+In the previous example, we introduced the structure of an addon, but barely scratched the surface of what addons can do.
+
+To dive deeper we recommend [Learn Storybook’s “creating addons”](https://www.learnstorybook.com/intro-to-storybook/react/en/creating-addons/) tutorial. It’s an excellent walkthrough that covers the same ground as the above introduction, but goes further and leads you through the full process of creating a realistic addon.
+
+## Addon recipes
+
+Once you understand the basics of writing an addon, there are a variety of common enhancements to make your addon better.
+
+### Disabling the addon panel
+
+It’s possible to disable the addon panel for a particular story.
+
+To make that possible, you need to pass the `paramKey` element when you register the panel:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addon-disable-addon.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Then when adding a story, you can pass a disabled parameter.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-disable-addon.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Styling your addon
+
+Storybook uses [Emotion](https://emotion.sh/docs/introduction) for styling, AND we provide a theme which can be set by the user!
+
+We recommend you also to use Emotion to style your addon’s UI components. That allows you to use the active Storybook theme to deliver a seamless developer experience.
+If you don’t want to use Emotion, you can use inline styles or another css-in-js lib. You can receive the theme as a prop by using the `withTheme` hoc from Emotion. [Read more about theming](../configure/theming.md).
+
+### Storybook components
+
+Addon authors can develop their UIs using any React library. But we recommend using Storybook’s own UI components in `@storybook/components` to build addons faster. When you use Storybook components you get:
+
+- Battle-tested off-the-shelf components
+- Storybook native look and feel
+- Built-in support for Storybook theming
+
+You can check them out in [Storybook’s own storybook](https://storybookjs.netlify.app/)
+
+### Packaging
+
+In the example above, we showed how to write a local addon inside an existing Storybook project. To distribute your addon for others, package the addon into a standalone NPM module.
+
+For a good template of an addon packaged as an NPM module, check out [@storybook/addon-controls](https://npmjs.com/package/@storybook/addon-controls).
+
+It contains addon code similar to what we’ve written above. It also contains:
+
+- A package.json file that declares the module
+- Peer dependencies of `react` and `@storybook/addons`
+  -A `register.js` file at the root level written as an ES5 module
+- A `src` directory containing the ES6 addon code
+- A `dist` directory containing transpiled ES5 code on publish
+
+Your packaged Storybook addon needs to be written in ES5. If you are using ES6, then you need to transpile it.
+
+When you are developing your addon as a package, you can’t use `npm link` to add it to your project. Instead add your package as a local dependency into your package.json:
+
+```json
+{
+  "dependencies": {
+    "@storybook/addon-controls": "file:///home/username/myrepo"
+  }
+}
+```
+
+## Addon presets
+
+Storybook presets are collections of Storybook configurations that get applied automatically when you create a `/preset.js` entry point in your addon and then list that addon in your project’s [`.storybook/main.js`](../configure/overview.md#configure-story-rendering) addons field.
+
+Common uses for presets include:
+
+- Register an addon’s `register.js`.
+- Set global parameters for the addon (e.g. [addon-backgrounds](https://github.com/storybookjs/storybook/tree/next/addons/backgrounds)).
+- Add global decorators for the addon (e.g. [addon-a11y](https://github.com/storybookjs/storybook/tree/next/addons/a11y)).
+- Set up webpack customizations for the addon (e.g. [addon-docs](../writing-docs/introduction.md)).
+
+Here’s an example of typical preset file:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-addon-preset-example.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+For more information on presets, see the [presets docs](./presets.md).
+
+## Writing presets
+
+If you want to learn more about how you can write your own presets, read the [documentation](./writing-presets.md)
+
+## Addons API
+
+If you want to expand your knowledge on the Addons API, read the [documentation](./addons-api.md)
diff --git a/docs/api/argstable.png b/docs/api/argstable.png
new file mode 100644
index 00000000000..323f3d0295a
Binary files /dev/null and b/docs/api/argstable.png differ
diff --git a/docs/api/argtypes.md b/docs/api/argtypes.md
new file mode 100644
index 00000000000..2b227b8318f
--- /dev/null
+++ b/docs/api/argtypes.md
@@ -0,0 +1,100 @@
+---
+title: 'ArgTypes'
+---
+
+<div class="aside">
+
+NOTE: This API is experimental and may change outside of the typical semver release cycle
+
+</div>
+
+ArgTypes are a first-class feature in Storybook for specifying the behaviour of [Args](../writing-stories/args.md). By specifying the type of an arg you constrain the values that it can take and can also provide information about args that are not explicitly set (i.e. not required).
+
+You can also use argTypes to “annotate” args with information that is used by addons that make use of those args, for instance to instruct the controls addons to render a color choose for a string-valued arg.
+
+The most concrete realization of argTypes is the [Args Table](../writing-docs/doc-blocks.md#argstable) doc block. Each row in the table corresponds to a single argType, as well as the current value of that arg.
+
+![Storybook infering automatically the argType](./argstable.png)
+
+## Automatic argType inference
+
+If you are using the Storybook [docs](../writing-docs/introduction.md) addon (installed by default as part of [essentials](../essentials/introduction.md)), then Storybook will infer a set of argTypes for each story based on the `component` specified in the [default export](./csf.md#default-export) of the CSF file.
+
+To do so, Storybook uses various static analysis tools depending on your framework.
+
+- React
+  - [react-docgen](https://github.com/reactjs/react-docgen)
+  - [react-docgen-typescript](https://github.com/styleguidist/react-docgen-typescript)
+- Vue
+  - [vue-docgen-api](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api)
+- Angular
+  - [compodoc](https://compodoc.app/)
+- WebComponents
+  - [custom-element.json](https://github.com/webcomponents/custom-elements-json)
+- Ember
+  - [YUI doc](https://github.com/ember-learn/ember-cli-addon-docs-yuidoc#documenting-components)
+
+The format of the generated argType will look something like:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-generated-argtypes.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+In this ArgTypes data structure, name, type, defaultValue, and description are standard fields in all ArgTypes (analogous to PropTypes in React). The table and control fields are addon-specific annotations. So, for example, the table annotation provides extra information to customize how label gets rendered, and the control annotation provides extra information for the control for editing the property.
+
+<div class="aside">
+
+`@storybook/addon-docs` provide shorthand for common tasks:
+
+- `type: 'number'` is shorthand for type: { name: 'number' }
+- `control: 'radio'` is shorthand for control: { type: 'radio' }
+
+</div>
+
+#### Manual specification
+
+If you want more control over the args table or any other aspect of using argTypes, you can overwrite the generated argTypes for you component on a per-arg basis. For instance, with the above inferred argTypes and the following default export:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-customize-argtypes.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+These values--description, table.type, and controls.type--get merged over the defaults that are extracted by Storybook. The final merged values would be:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-merged-argtypes.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+In particular, this would render a row with a modified description, a type display with a dropdown that shows the detail, and no control.
+
+#### Using argTypes in addons
+
+If you want to access the argTypes of the current component inside an addon, you can use the `useArgTypes` hook from the `@storybook/api` package:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-argtypes-with-addon.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/api/cli-options.md b/docs/api/cli-options.md
new file mode 100644
index 00000000000..fbd8eb97923
--- /dev/null
+++ b/docs/api/cli-options.md
@@ -0,0 +1,52 @@
+---
+title: 'CLI options'
+---
+
+Storybook comes with two CLI utilities: `start-storybook` and `build-storybook`.
+
+Pass these commands the following options to alter Storybook's behavior.
+
+## start-storybook
+
+```plaintext
+Usage: start-storybook [options]
+```
+
+| Options                        | Description                                                                                                                                    | Example                                         |
+| ------------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------- |
+| --help                         | Output usage information                                                                                                                       | `start-storybook --help`                        |
+| -V, --version                  | Output the version number                                                                                                                      | `start-storybook -V`                            |
+| -p, --port [number]            | Port to run Storybook                                                                                                                          | `start-storybook -p 9009`                       |
+| -h, --host [string]            | Host to run Storybook                                                                                                                          | `start-storybook -h http://my-host.com`         |
+| -s, --static-dir `<dir-names>` | Directory where to load static files from, comma-separated list                                                                                | `start-storybook -s public`                     |
+| -c, --config-dir [dir-name]    | Directory where to load Storybook configurations from                                                                                          | `start-storybook -c .storybook`                 |
+| --https                        | Serve Storybook over HTTPS. Note: You must provide your own certificate information.                                                           | `start-storybook --https`                       |
+| --ssl-ca `<ca>`                | Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate)                                     | `start-storybook --ssl-ca my-certificate`       |
+| --ssl-cert `<cert>`            | Provide an SSL certificate. (Required with --https)                                                                                            | `start-storybook --ssl-cert my-ssl-certificate` |
+| --ssl-key `<key>`              | Provide an SSL key. (Required with --https)                                                                                                    | `start-storybook --ssl-key my-ssl-key`          |
+| --smoke-test                   | Exit after successful start                                                                                                                    | `start-storybook --smoke-test`                  |
+| --ci                           | CI mode (skip interactive prompts, don't open browser)                                                                                         | `start-storybook --ci`                          |
+| --quiet                        | Suppress verbose build output                                                                                                                  | `start-storybook --quiet`                       |
+| --no-dll                       | Do not use dll reference                                                                                                                       | `start-storybook --no-dll`                      |
+| --debug-webpack                | Display final webpack configurations for debugging purposes                                                                                    | `start-storybook --debug-webpack`               |
+| --docs                         | Starts Storybook in documentation mode. Learn more about it in [here](../writing-docs/build-documentation.md#preview-storybooks-documentation) | `start-storybook --docs`                        |
+
+## build-storybook
+
+```plaintext
+Usage: build-storybook [options]
+```
+
+| Options                        | Description                                                                                                                                     | Example                                     |
+| ------------------------------ | :---------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------ |
+| -h, --help                     | Output usage information                                                                                                                        | `build-storybook --help`                    |
+| -V, --version                  | Output the version number                                                                                                                       | `build-storybook -V`                        |
+| -s, --static-dir `<dir-names>` | Directory where to load static files from, comma-separated list                                                                                 | `build-storybook -s public`                 |
+| -o, --output-dir [dir-name]    | Directory where to store built files                                                                                                            | `build-storybook -o /my-deployed-storybook` |
+| -c, --config-dir [dir-name]    | Directory where to load Storybook configurations from                                                                                           | `build-storybook -c .storybook`             |
+| -w, --watch                    | Enables watch mode                                                                                                                              | `build-storybook -w`                        |
+| --loglevel [level]             | Controls level of logging during build. Can be one of: [silly, verbose, info (default), warn, error, silent]                                    | `build-storybook --loglevel warn`           |
+| --quiet                        | Suppress verbose build output                                                                                                                   | `build-storybook --quiet`                   |
+| --no-dll                       | Do not use dll reference                                                                                                                        | `build-storybook --no-dll`                  |
+| --debug-webpack                | Display final webpack configurations for debugging purposes                                                                                     | `build-storybook --debug-webpack`           |
+| --docs                         | Builds Storybook in documentation mode. Learn more about it in [here](../writing-docs/build-documentation.md#publish-storybooks-documentation)) | `build-storybook --docs`                    |
diff --git a/docs/api/csf.md b/docs/api/csf.md
new file mode 100644
index 00000000000..6a99e369ecf
--- /dev/null
+++ b/docs/api/csf.md
@@ -0,0 +1,187 @@
+---
+title: 'Component Story Format (CSF)'
+---
+
+Component Story Format (CSF) is the recommended way to [write stories](../writing-stories/introduction.md). It's an [open standard](https://github.com/ComponentDriven/csf) based on ES6 modules that is portable beyond Storybook.
+
+<div class="aside">
+
+If you are writing stories in the older `storiesOf()` syntax, you can find documentation in an [advanced README](../../lib/core/docs/storiesOf.md).
+
+</div>
+
+In CSF, stories and component metadata are defined as ES Modules. Every component story file consists of a required [default export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export#Using_the_default_export) and one or more [named exports](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export).
+
+CSF is supported in all frameworks except React Native, where you should use the [storiesOf API](../../lib/core/docs/storiesOf.md) instead.
+
+## Default export
+
+The default export defines metadata about your component, including the `component` itself, its `title` (where it will show up in the [navigation UI story hierarchy](../writing-stories/naming-components-and-hierarchy.md#sorting-stories)), [decorators](../writing-stories/decorators.md), and [parameters](../writing-stories/parameters.md).
+
+The `component` field is optional (but encouraged!), and is used by addons for automatic prop table generation and display of other component metadata. `title` should be unique, i.e. not re-used across files.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story-mandatory-export.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+For more examples, see [writing stories](../writing-stories/introduction.md).
+
+## Named story exports
+
+With CSF, every named export in the file represents a story function by default.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/my-component-story-basic-and-props.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The exported identifiers will be converted to "start case" using Lodash's [startCase](https://lodash.com/docs/#startCase) function. For example:
+
+| Identifier       |  Transformation   |
+| ---------------- | :---------------: |
+| name             |       Name        |
+| someName         |     Some Name     |
+| someNAME         |     Some NAME     |
+| some_custom_NAME | Some Custom NAME  |
+| someName1234     | Some Name 1 2 3 4 |
+
+It's recommended to start export names with a capital letter.
+
+Story functions can be annotated with a few different fields to define story-level [decorators](../writing-stories/decorators.md) and [parameters](../writing-stories/parameters.md), and also to define the `storyName` of the story.
+
+The `storyName` is useful if you want to use names with special characters, names that correspond to restricted keywords in Javascript, or names that collide with other variables in the file. If it's not specified, the export name will be used instead.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story-with-storyname.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Args story inputs
+
+Starting in SB 6.0, stories accept named inputs called Args. Args are dynamic data that are provided (and possibly updated by) Storybook and its addons.
+
+Consider Storybook’s ["Button" example](../writing-stories/introduction.md#defining-stories) of a text button that logs its click events:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-click-handler.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Now consider the same example, re-written with args:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-click-handler-args.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+At first blush this might seem no better than the original example. However, if we add the [Docs addon](https://github.com/storybookjs/storybook/tree/master/addons/docs) and configure the [Actions addon](https://github.com/storybookjs/storybook/tree/master/addons/actions) appropriately, we can write:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-click-handler-simple-docs.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Or even more simply:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-click-handler-simplificated.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Not only are these versions shorter and easier to write than their no-args counterparts, but they are also more portable since the code doesn't depend on the actions addon specifically.
+
+For more information on setting up [Docs](../writing-docs/introduction.md) and [Actions](../essentials/actions.md), see their respective documentation.
+
+## Storybook export vs name handling
+
+Storybook handles named exports and `story.name` slightly differently. When should you use one vs. the other?
+
+The named export is always used to determine the story ID / URL.
+
+If you specify `story.name`, it will be used as the story display name in the UI.
+
+If you don't specify `story.name`, the named export will be used to generate the display name. Storybook passes the named export through a `storyNameFromExport` function, which is implemented with `lodash.startCase`:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-test-with-storyname.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+When you want to change the name of your story, just rename the CSF export. This will change the name of the story and also change the story's ID and URL.
+
+You should use the `story.name` option in the following cases:
+
+1. You want the name to show up in the Storybook UI in a way that's not possible with a named export, e.g. reserved keywords like "default", special characters like emoji, spacing/capitalization other than what's provided by `storyNameFromExport`.
+2. You want to preserve the Story ID independently from changing how it's displayed. Having stable Story ID's is useful for integration with third party tools.
+
+## Non-story exports
+
+In some cases, you may want to export a mixture of story and non-stories. For example, it can be useful to export data that's used in your stories.
+
+To make this possible, you can use optional `includeStories` and `excludeStories` configuration fields in the default export, which can be set to either an array of strings, or a regular expression.
+
+Consider the following story file:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/my-component-story-with-nonstory.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+When Storybook loads this file, it will see all the exports, but it will ignore the data exports and only treat `SimpleStory` and `ComplexStory` as stories.
+
+For this specific example the equivalent result can be achieved in a few ways depending on what's convenient:
+
+- `includeStories: /^[A-Z]/`
+- `includeStories: /.*Story$/`
+- `includeStories: ['SimpleStory', 'ComplexStory']`
+- `excludeStories: /^[a-z]/`
+- `excludeStories: /.*Data$/`
+- `excludeStories: ['simpleData', 'complexData']`
+
+If you follow the best practice of starting story exports with an uppercase letter (i.e. use UpperCamelCase), the first option is the recommended solution.
diff --git a/docs/api/frameworks-feature-support.md b/docs/api/frameworks-feature-support.md
new file mode 100644
index 00000000000..8b1ae823ed3
--- /dev/null
+++ b/docs/api/frameworks-feature-support.md
@@ -0,0 +1,19 @@
+---
+title: 'Feature support for frameworks'
+---
+
+Storybook integrates with many popular frontend frameworks. We do our best to keep feature parity amongst frameworks, but it’s tricky for our modest team to support every framework.
+
+Below is a comprehensive table of what’s supported in which framework integration. If you’d like a certain feature supported in your framework, we welcome pull requests.
+
+## Core frameworks
+
+Core frameworks have dedicated maintainers or contributors who are responsible for maintaining the integration. As such, you can use most Storybook features in these frameworks.
+
+<FrameworkSupportTable core />
+
+## Community frameworks
+
+Community frameworks have fewer contributors which means they may not be as up to date as core frameworks. If you use one of these frameworks for your job, please consider contributing to its integration with Storybook.
+
+<FrameworkSupportTable core={false} />
diff --git a/docs/api/manager-preview.jpg b/docs/api/manager-preview.jpg
new file mode 100644
index 00000000000..4931645cc3d
Binary files /dev/null and b/docs/api/manager-preview.jpg differ
diff --git a/docs/api/mdx-documentation-only.png b/docs/api/mdx-documentation-only.png
new file mode 100644
index 00000000000..0ed39ccb9a8
Binary files /dev/null and b/docs/api/mdx-documentation-only.png differ
diff --git a/docs/api/mdx-page.png b/docs/api/mdx-page.png
new file mode 100644
index 00000000000..195b39eefda
Binary files /dev/null and b/docs/api/mdx-page.png differ
diff --git a/docs/api/mdx-simple.png b/docs/api/mdx-simple.png
new file mode 100644
index 00000000000..2dfaf66b4ed
Binary files /dev/null and b/docs/api/mdx-simple.png differ
diff --git a/docs/api/mdx.md b/docs/api/mdx.md
new file mode 100644
index 00000000000..927bf750c11
--- /dev/null
+++ b/docs/api/mdx.md
@@ -0,0 +1,125 @@
+---
+title: 'MDX Format'
+---
+
+`MDX` is the syntax [Storybook Docs](../writing-docs/introduction.md) uses to capture long-form Markdown documentation and stories in one file. You can also write pure documentation pages in `MDX` and add them to Storybook alongside your stories. [Read the announcement](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) to learn more about how and why it came to be.
+
+## Basic example
+
+Let's get started with an example that combines Markdown with a single story:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/checkbox-story-starter-example.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+And here's how that's rendered in Storybook:
+
+![Show a simple mdx example](./mdx-simple.png)
+
+As you can see there's a lot going on here. We're writing Markdown, we're writing JSX, and somehow we're also defining Storybook stories that are drop-in compatible with the entire Storybook ecosystem.
+
+Let's break it down.
+
+## MDX-Flavored CSF
+
+[MDX](https://mdxjs.com/) is a standard file format that combines Markdown with JSX. This means you can use Markdown’s terse syntax (such as `# heading`) for your documentation, and freely embed JSX component blocks at any point in the file.
+
+MDX-flavored [Component Story Format (CSF)](https://medium.com/storybookjs/component-story-format-66f4c32366df) includes a collection of components called **"Doc Blocks"**, that allow Storybook to translate MDX files into storybook stories. MDX-defined stories are identical to regular Storybook stories, so they can be used with Storybook's entire ecosystem of addons and view layers.
+
+For example, here's the story from `Checkbox` example above, rewritten in CSF:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/checkbox-story-csf.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+There's a one-to-one mapping from the code in `MDX` to `CSF`, which in turn directly corresponds to Storybook's internal `storiesOf` API. As a user, this means your existing Storybook knowledge should translate between the three. And technically, this means that the transformations that happen under the hood are simple and predictable.
+
+## Writing stories
+
+Now let's look at a more realistic example to see a few more things we can do:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/badge-story-starter-example.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+And here's how that gets rendered in Storybook:
+
+![Display mdx page](./mdx-page.png)
+
+### Embedding stories
+
+Suppose you have an existing story and want to embed it into your docs. Here's how to show a story with ID `some--id` (check the browser URL in Storybook v5+ to see a story's ID):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-reference-storyid.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also use the rest of the MDX features in conjunction with embedding. That includes source, preview, and prop tables.
+
+### Decorators and parameters
+
+To add [decorators](../writing-docs/mdx.md#decorators-and-parameters) and [parameters](../writing-docs/mdx.md#decorators-and-parameters) in MDX:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story-mdx-with-decorators-params.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+In addition, global decorators work just like before, e.g. adding the following to your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-decorator-params-example.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Documentation-only MDX
+
+Typically, when you use Storybook MDX, you define stories in the MDX documentation is automatically associated with those stories. But what if you want to write Markdown-style documentation and have it show up in your Storybook?
+
+If you don't define stories in your MDX, you can write MDX documentation and associate it with an existing story, or embed that MDX as its own documentation node in your Storybook's navigation.
+
+If you don't define a `Meta`, you can write Markdown and associate with an existing story. See ["CSF Stories with MDX Docs"](../writing-docs/mdx.md).
+
+To get a "documentation-only story", in your UI, define a `<Meta>` as you normally would, but don't define any stories. It will show up in your UI as a documentation node:
+
+![Show documentation](./mdx-documentation-only.png)
+
+## MDX file names
+
+Unless you use a custom webpack configuration, all of your `MDX` files should have the suffix `*.stories.mdx`. This tells Storybook to apply its special processing to the `<Meta>` and `<Story>` elements in the file.
+
+Be sure to update your Storybook config file to load `.stories.mdx` stories, as per the [`addon-docs` installation instructions](https://github.com/storybookjs/storybook/tree/master/addons/docs#installation).
diff --git a/docs/api/new-frameworks.md b/docs/api/new-frameworks.md
new file mode 100644
index 00000000000..650d4e6ed13
--- /dev/null
+++ b/docs/api/new-frameworks.md
@@ -0,0 +1,176 @@
+---
+title: 'Frameworks'
+---
+
+Storybook is architected to support diverse web frameworks including React, Vue, Angular, Web Components, Svelte and over a dozen others. This guide helps you get started on adding new framework support for Storybook.
+
+## Scaffolding a new framework
+
+The first thing to do is scaffold your framework support in its own repo.
+
+We recommend adopting the same project structure as the Storybook monorepo. That structure contains the framework package (`app/<framework>`) and an example app (`examples/<framework>-kitchen-sink`) as well as other associated documentation and configuration as needed.
+
+This may seem like a little more hierarchy than what’s necessary. But because the structure mirrors the way Storybook’s own monorepo is structured, you can reuse Storybook’s tooling and it also makes it easier to move the framework into the Storybook into the monorepo at a later point if that is desirable.
+
+We recommend using `@storybook/html` as a starter framework since it’s the simplest one and doesn’t contain any framework-specific oddities. There is a boilerplate to get you started [here](https://github.com/CodeByAlex/storybook-framework-boilerplate).
+
+## Framework architecture
+
+Supporting a new framework in Storybook typically consists of two main aspects:
+
+1. Configuring the server. In Storybook, the server is the node process that runs when you `start-storybook` or `build-storybook`. Configuring the server typically means configuring babel and webpack in framework-specific ways.
+
+2. Configuring the client. The client is the code that runs in the browser. Configuring the client means providing a framework-specific story rendering function.
+
+## Configuring the server
+
+Storybook has the concept of [presets](./addons.md#addon-presets), which are typically babel/webpack configurations for file loading. If your framework has its own file format, e.g. “.vue,” you might need to transform these files into JS files at load time. If you expect every user of your framework to need this, you should add it to the framework. So far every framework added to Storybook has done this, because Storybook’s core configuration is very minimal.
+
+### Package structure
+
+To add a framework preset, it’s useful to understand the package structure. Each framework typically exposes two executables in its `package.json`:
+
+```json
+{
+  "bin": {
+    "start-storybook": "./bin/index.js",
+    "build-storybook": "./bin/build.js"
+  }
+}
+```
+
+These scripts pass an `options` object to `@storybook/core/server`, a library that abstracts all of Storybook’s framework-independent code.
+
+For example, here’s the boilerplate to start the dev server in `start-storybook`:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-start-dev-server.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+
+Thus the meat of adding framework presets is filling in that options object.
+
+### Server options
+
+As described above, the server `options` object does the heavy lifting of configuring the server.
+
+Let’s look at the `@storybook/vue`’s options definition:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-server-options.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The value of the `framework` option (in this case ‘vue’) is something that gets passed to addons and allows them to do special case things for your framework.
+
+The real meat of this file is the framework presets, and these are standard [Storybook presets](./addons.md#addon-presets) -- you can look at framework packages in the Storybook monorepo (e.g. [React](https://github.com/storybookjs/storybook/blob/next/app/react/src/server/options.ts), [Vue](https://github.com/storybookjs/storybook/blob/next/app/vue/src/server/options.ts), [Web Components](https://github.com/storybookjs/storybook/blob/next/app/web-components/src/server/options.ts)) to see examples of framework-specific customizations.
+
+When developing your own framework that is not published by storybook, you can pass the path to the framework location with the `frameworkPath` key:
+
+```ts
+// my-framework/src/server/options.ts
+
+const packageJson = require('../../package.json');
+
+export default {
+  packageJson,
+  framework: 'my-framework',
+  frameworkPath: '@my-framework/storybook',
+  frameworkPresets: [require.resolve('./framework-preset-my-framework.js')],
+};
+```
+
+Passing a relative path to `frameworkPath` is also possible, just keep in mind that these are resolved from the storybook config directory (`.storybook` by default). 
+
+Make sure the `frameworkPath` ends up at the `dist/client/index.js` file within your framework app.
+
+## Configuring the client
+
+To configure the client, you must provide a framework specific render function. Before diving into the details, it’s important to understand how user-written stories relate to what is finally rendered on the screen.
+
+### Renderable objects
+
+Storybook stories are ES6 functions that return a “renderable object.”
+
+Consider the following React story:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-with-sample.js.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+In this case, the renderable object is the React element, `<Button .../>`.
+
+In most other frameworks, the renderable object is actually a plain javascript object.
+
+Consider the following hypothetical example:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-hypothetical-example.js.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The design of this “renderable object” is framework-specific, and should ideally match the idioms of that framework.
+
+### Render function
+
+The frameworks render function is the thing responsible for converting the renderable object into DOM nodes. This is typically of the form:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-framework-render-function.js.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Package structure
+
+On the client side, the key file is [`src/client/preview.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-client-preview.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The globals file typically sets up a single global variable that client-side code (such as addon-provided decorators) can refer to if needed to understand which framework its running in:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-client-globals-example-file.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The `start` function abstracts all of Storybook’s framework-independent client-side (browser) code, and it takes the render function we defined above. For examples of render functions, see [React](https://github.com/storybookjs/storybook/blob/next/app/react/src/client/preview/render.tsx), [Vue](https://github.com/storybookjs/storybook/blob/next/app/vue/src/client/preview/render.ts), [Angular](https://github.com/storybookjs/storybook/blob/next/app/angular/src/client/preview/render.ts), and [Web Components](https://github.com/storybookjs/storybook/blob/next/app/web-components/src/client/preview/render.ts) in the Storybook monorepo.
diff --git a/docs/api/presets.md b/docs/api/presets.md
new file mode 100644
index 00000000000..65d0db18b1a
--- /dev/null
+++ b/docs/api/presets.md
@@ -0,0 +1,65 @@
+---
+title: 'Presets'
+---
+
+Presets are grouped collections of `babel`, `webpack`, and `addons` configurations that support specific use cases.
+
+For example, to use [SCSS](https://sass-lang.com/) styling rather than manually configuring Storybook's [webpack](../configure/webpack.md#extending-storybooks-webpack-config) config, you can use the [`@storybook/preset-scss`](https://www.npmjs.com/package/@storybook/preset-scss) package, which does the heavy lifting for you.
+
+#### Existing presets
+
+Storybook-maintained presets are available in the [presets repo](https://github.com/storybookjs/presets).
+
+- [Create React App](https://github.com/storybookjs/presets/tree/master/packages/preset-create-react-app)
+- [SCSS](https://github.com/storybookjs/presets/tree/master/packages/preset-scss)
+- [TypeScript](https://github.com/storybookjs/presets/tree/master/packages/preset-typescript)
+- [Ant Design](https://github.com/storybookjs/presets/tree/master/packages/preset-ant-design)
+
+## Basic usage
+
+Each preset has its own installation instructions, but the idea of presets is to install an addon and then load its preset.
+
+For example, to use SCSS styling, first install the addon and the required dependencies:
+
+```sh
+yarn add -D @storybook/preset-scss css-loader sass-loader style-loader
+```
+
+Then load it in the file `main.js` in your storybook folder (`.storybook` by default):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-preset-config.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+That's it. When Storybook starts up, it will configure itself to use SCSS styling without any further configuration. For more information, see the SCSS preset [README](https://github.com/storybookjs/presets/blob/master/packages/preset-scss/README.md).
+
+## Preset configuration
+
+Presets can also take optional parameters. These can be used by the preset itself or passed through to configure the webpack loaders that are used by the preset.
+
+Consider this example:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preset-configuration.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This configures the CSS loader to use  modules and how the styling will be defined.
+
+Each preset has its own option and those options should be documented in the preset's README.
+
+
+## Go deeper
+
+To understand more about how presets work and write your own, see [writing presets](./writing-presets.md).
\ No newline at end of file
diff --git a/docs/api/stories.md b/docs/api/stories.md
new file mode 100644
index 00000000000..734bcb78dd5
--- /dev/null
+++ b/docs/api/stories.md
@@ -0,0 +1,11 @@
+---
+title: 'Stories'
+---
+
+Storybook is extremely customizable and offers various ways to write your stories.
+
+Check the links below to learn more about it:
+
+- [Component Story Format (CSF)](./csf.md), the recommended way for you to write your stories.
+- [MDX](./mdx.md), to create not only stories but also your own custom documentation.
+- [`ArgTypes`](./argtypes.md), to learn how you can extend your component's stories.
diff --git a/docs/src/pages/presets/writing-presets/index.md b/docs/api/writing-presets.md
similarity index 53%
rename from docs/src/pages/presets/writing-presets/index.md
rename to docs/api/writing-presets.md
index ffe9d103e2f..1d944edf54b 100644
--- a/docs/src/pages/presets/writing-presets/index.md
+++ b/docs/api/writing-presets.md
@@ -1,11 +1,8 @@
 ---
-id: 'writing-presets'
-title: 'Writing Presets'
+title: 'Writing your own Storybook Preset'
 ---
 
-> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
-
-[Storybook presets](../introduction/) are grouped collections of `babel`, `webpack`, and `addons` configurations that support specific use cases in Storybook, such as typescript or MDX support.
+[Storybook presets](./presets.md) are grouped collections of `babel`, `webpack`, and `addons` configurations that support specific use cases in Storybook, such as typescript or MDX support.
 
 This doc covers the [presets API](#presets-api) and how to use the presets mechanism for [advanced configuration](#advanced-configuration).
 
@@ -15,26 +12,15 @@ A preset is a set of hooks that is called by Storybook on initialization and can
 
 Each configuration has a similar signature, accepting a base configuration object and options, as in this webpack example:
 
-```js
-export async function webpack(baseConfig, options) {
-  // Modify or replace config. Mutating the original reference object can cause unexpected bugs,
-  // so in this example we replace.
-  const { module = {} } = baseConfig;
+<!-- prettier-ignore-start -->
 
-  return {
-    ...baseConfig,
-    module: {
-      ...module,
-      rules: [
-        ...(module.rules || []),
-        {
-          /* some new loader */
-        },
-      ],
-    },
-  };
-}
-```
+<CodeSnippets
+  paths={[
+    'common/storybook-main-webpack-preset-config.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ### Babel
 
@@ -44,14 +30,15 @@ All functions take a [Babel configuration object](https://babeljs.io/docs/en/con
 
 For example, Storybook's Mihtril support uses plugins internally and here's how it configures babel:
 
-```js
-export function babelDefault(config: TransformOptions) {
-  return {
-    ...config,
-    plugins: [...config.plugins, require.resolve('@babel/plugin-transform-react-jsx')],
-  };
-}
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-babel-configuration-example.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 - `babel` is applied to the preview config, after it has been initialized by storybook
 - `babelDefault` is applied to the preview config before any user presets have been applied
@@ -65,17 +52,15 @@ All functions take a [webpack4 configuration object](https://webpack.js.org/conf
 
 For example, here is how Storybook automatically adopts `create-react-app`'s configuration if it's installed, where `applyCRAWebpackConfig` is a set of smart heuristics for modifying the input config.
 
-```js
-export function webpackFinal(config, { configDir }) {
-  if (!isReactScriptsInstalled()) {
-    logger.info('=> Using base config because react-scripts is not installed.');
-    return config;
-  }
+<!-- prettier-ignore-start -->
 
-  logger.info('=> Loading create-react-app config.');
-  return applyCRAWebpackConfig(config, configDir);
-}
-```
+<CodeSnippets
+  paths={[
+    'common/storybook-main-webpackfinal-example.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 - `webpack` is applied to the preview config after it has been initialized by storybook
 - `webpackFinal` is applied to the preview config after all user presets have been applied
@@ -87,29 +72,70 @@ The addon config `managerEntries` allows you to add addons to Storybook from wit
 
 For example, the Storysource preset contains the following code:
 
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-storysource-manager-entries.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This is equivalent to [registering the addon manually](../get-started/browse-stories.md#addons) in [`main.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-use-manager-entries.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Preview entries
+
+The addon config `config` allows you to add extra preview configuration from within a preset, for example to add parameters or decorators from an addon.
+
+For example, the Backgrounds preset contains the following code:
+
 ```js
-export function managerEntries(entry = []) {
-  return [...entry, require.resolve('@storybook/addon-storysource/register')];
+// preset.js
+export function config(entry = []) {
+  return [...entry, require.resolve('./defaultParameters')];
 }
 ```
 
-This is equivalent to [registering the addon manually](../../addons/using-addons/) in `main.js`:
+Which in turn invokes:
 
 ```js
-module.exports = {
-  managerEntries: ['@storybook/addon-storysource/register'],
+// defaultParameters.js
+export const parameters = {
+  backgrounds: {
+    values: [
+      { name: 'light', value: '#F8F8F8' },
+      { name: 'dark', value: '#333333' },
+    ],
+  },
 };
 ```
 
+This is equivalent to exporting the `backgrounds` parameter manually in `main.js`.
+
 ### Addons
 
 For users, the name `managerEntries` might be a bit too technical, so instead both users and preset-authors can simply use the property: `addons`:
 
-```js
-module.exports = {
-  addons: ['@storybook/addon-storysource'],
-};
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-register-storysource-example.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 The array of values can support both references to other presets and addons that should be included into the manager.
 
@@ -119,14 +145,15 @@ If this heuristic is incorrect for an addon you are using, you can explicitly op
 
 Here's what it looks when combining presets and managerEntries in the addons property:
 
-```js
-module.exports = {
-  addons: [
-    '@storybook/addon-storysource/register', // a managerEntry
-    '@storybook/addon-docs/preset', // a preset
-  ],
-};
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-register-presets-managerentry.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ### Entries
 
@@ -134,63 +161,47 @@ Entries are the place to register entry points for the preview. For example it c
 
 ## Advanced Configuration
 
-The presets API is also more powerful than the [standard configuration options](../configurations/custom-webpack-config/) available in Storybook, so it's also possible to use presets for more advanced configuration without actually publishing a preset yourself.
+The presets API is also more powerful than the [standard configuration options](../configure/webpack.md#extending-storybooks-webpack-config) available in Storybook, so it's also possible to use presets for more advanced configuration without actually publishing a preset yourself.
 
-For example, some users want to configure the webpack for Storybook's UI and addons ([issue](https://github.com/storybookjs/storybook/issues/4995)), but this is not possible using [standard webpack configuration](../configurations/custom-webpack-config/) (it used to be possible before SB4.1). However, you can achieve this with a private preset.
+For example, some users want to configure the webpack for Storybook's UI and addons ([issue](https://github.com/storybookjs/storybook/issues/4995)), but this is not possible using [standard webpack configuration](../configure/webpack.md#default-configuration) (it used to be possible before SB4.1). However, you can achieve this with a private preset.
 
 If it doesn't exist yet, create a file `.storybook/main.js`:
 
-```js
-module.exports = {
-  managerWebpack: async (config, options) => {
-    // update config here
-    return config;
-  },
-  managerBabel: async (config, options) => {
-    // update config here
-    return config;
-  },
-  webpackFinal: async (config, options) => {
-    // change webpack config
-    return config;
-  },
-  babel: async (config, options) => {
-    return config;
-  },
-};
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-advanced-config-example.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 ## Sharing advanced configuration
 
 Change your `main.js` file to:
 
-```js
-const path = require('path');
+<!-- prettier-ignore-start -->
 
-module.exports = {
-  addons: [path.resolve('./.storybook/my-preset')],
-};
-```
+<CodeSnippets
+  paths={[
+    'common/storybook-main-import-preset-config.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
 
 and extract the configuration to a new file `./storybook/my-preset.js`:
 
-```js
-module.exports = {
-  managerWebpack: async (config, options) => {
-    // update config here
-    return config;
-  },
-  managerBabel: async (config, options) => {
-    // update config here
-    return config;
-  },
-  webpackFinal: async (config, options) => {
-    return config;
-  },
-  babel: async (config, options) => {
-    return config;
-  },
-};
-```
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preset-full-config-object.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
 
 Place your `my-preset.js` file wherever you want, if you want to share it far and wide you'll want to make it its own package.
diff --git a/docs/configure/addon-locations.jpg b/docs/configure/addon-locations.jpg
new file mode 100644
index 00000000000..47ada53d2a6
Binary files /dev/null and b/docs/configure/addon-locations.jpg differ
diff --git a/docs/configure/babel.md b/docs/configure/babel.md
new file mode 100644
index 00000000000..9a5149d7cab
--- /dev/null
+++ b/docs/configure/babel.md
@@ -0,0 +1,37 @@
+---
+title: 'Babel'
+---
+
+Storybook’s webpack config by [default](#default-configuration) sets up [Babel](https://babeljs.io/) for ES6 transpiling. Storybook works with evergreen browsers and IE11 by default.
+
+Here are some key features of Storybook's Babel configurations.
+
+### Default configuration
+
+We have added ES2016 support with Babel for transpiling your JS code.
+
+In addition to that, we've added a few additional features, like object spreading and async await.
+
+Check out our [source](https://github.com/storybookjs/storybook/blob/master/lib/core/src/server/common/babel.js) to learn more about these plugins.
+
+### Custom config file
+
+If your project has a `.babelrc` file, we'll use that instead of the default config file.
+
+You can also place a `.storybook/.babelrc` file to use a special configuration for Storybook only.
+
+### Custom configuration
+
+If you need to further configure/extend the babel config Storybook uses, you can use the `babel` field of [`.storybook/main.js`](./overview#configure-your-storybook-project):
+
+```js
+// .storybook/main.js
+
+module.exports = {
+  //...
+  babel: async (options) => ({
+    ...options,
+    // any extra options you want to set
+  }),
+};
+```
diff --git a/docs/configure/environment-variables.md b/docs/configure/environment-variables.md
new file mode 100644
index 00000000000..5c241f058a5
--- /dev/null
+++ b/docs/configure/environment-variables.md
@@ -0,0 +1,34 @@
+---
+title: 'Environment variables'
+---
+
+You can use environment variables in Storybook to change its behaviour in different “modes”.
+If you supply an environment variable prefixed with `STORYBOOK_`, it will be available in `process.env`:
+
+```shell
+STORYBOOK_THEME=red STORYBOOK_DATA_KEY=12345 npm run storybook
+```
+
+Then we can access these environment variables anywhere inside our preview JavaScript code like below:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-read-environment-variables.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also access these variables in your custom `<head>`/`<body>` using the substitution `%STORYBOOK_X%`, for example: `%STORYBOOK_THEME%` will become `red`.
+
+<div class="aside">
+
+If using the environment variables as attributes or values in JavaScript, you may need to add quotes, as the value will be inserted directly. e.g. `<link rel="stylesheet" href="%STORYBOOK_STYLE_URL%" />`
+
+</div>
+
+You can also pass these environment variables when you are [building your Storybook](../workflows/publish-storybook.md) with `build-storybook`.
+
+Then they'll be hard coded to the static version of your Storybook.
\ No newline at end of file
diff --git a/docs/configure/features-and-behavior.md b/docs/configure/features-and-behavior.md
new file mode 100644
index 00000000000..2dc5b27049f
--- /dev/null
+++ b/docs/configure/features-and-behavior.md
@@ -0,0 +1,32 @@
+---
+title: 'Features and behavior'
+---
+
+To control the layout of Storybook’s UI you can use the `setConfig` addons API in your [`.storybook/manager.js`](./overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-config-layout.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The following table details how to use the API values:
+
+| Name                  | Type          | Description                                                   | Example Value                                  |
+| ----------------------|:-------------:|:-------------------------------------------------------------:|:----------------------------------------------:|
+| **isFullscreen**      | Boolean       |Show story component as full screen                            |`false`                                         |
+| **showNav**           | Boolean       |Display panel that shows a list of stories                     |`true`                                          |
+| **showPanel**         | Boolean       |Display panel that shows addon configurations                  |`true`                                          |
+| **panelPosition**     | String/Object |Where to show the addon panel                                  |`bottom` or `right`                             |
+| **sidebarAnimations** | Boolean       |Sidebar tree animations                                        |`true`                                          |
+| **enableShortcuts**   | Boolean       |Enable/disable shortcuts                                       |`true`                                          |
+| **isToolshown**       | String        |Show/hide tool bar                                             |`true`                                          |
+| **theme**             | Object        |Storybook Theme, see next section                              |`undefined`                                     |
+| **selectedPanel**     | String        |Id to select an addon panel                                    |`my-panel`                                      |
+| **initialActive**     | String        |Select the default active tab on Mobile.                       |`sidebar` or `canvas` or `addons`             |
+| **showRoots**         | Boolean       |Display the top-level grouping as a "root" in the sidebar      |`false`                                         |
+
diff --git a/docs/configure/images-and-assets.md b/docs/configure/images-and-assets.md
new file mode 100644
index 00000000000..7d6e9c7b836
--- /dev/null
+++ b/docs/configure/images-and-assets.md
@@ -0,0 +1,81 @@
+---
+title: 'Images and assets'
+---
+
+Components often rely on images, videos, and other assets to render as the user expects. There are many ways to use these assets in your story files.
+
+### Import assets into stories
+
+You can import any media assets by importing (or requiring) them. This works out of the box with our default config. But, if you are using a custom webpack config, you’ll need to add the file-loader to handle the required files.
+
+Afterwards you can use any asset in your stories:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/component-story-static-asset-with-import.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Serving static files via Storybook
+
+We recommend serving static files via Storybook to ensure that your components always have the assets they need to load.
+
+Configure a directory (or a list of directories) where your assets live when starting Storybook. Use the`-s` flag in your npm script like so:
+
+```json
+{
+    "scripts": {
+        "start-storybook": "start-storybook -s ./public -p 9001"
+    }
+}
+```
+
+Here `./public` is your static directory. Now use it in a component or story like this.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/component-story-static-asset-without-import.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also pass a list of directories separated by commas without spaces instead of a single directory.
+
+```json
+{
+    "scripts": {
+        "start-storybook": "start-storybook -s ./public,./static -p 9001"
+    }
+}
+```
+
+### Reference assets from a CDN
+
+Upload your files to an online CDN and reference them. In this example we’re using a placeholder image service.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/component-story-static-asset-cdn.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Absolute versus relative paths
+
+Sometimes, you may want to deploy your storybook into a subpath, like `https://example.com/storybook`.
+
+In this case, you need to have all your images and media files with relative paths. Otherwise, the browser cannot locate those files.
+
+If you load static content via importing, this is automatic and you do not have to do anything.
+
+If you are serving assets in a [static directory](#serving-static-files-via-storybook) along with your Storybook, then you need to use relative paths to load images or use the base element.
diff --git a/docs/configure/layout-params-story-centered.png b/docs/configure/layout-params-story-centered.png
new file mode 100644
index 00000000000..bedba73e921
Binary files /dev/null and b/docs/configure/layout-params-story-centered.png differ
diff --git a/docs/configure/overview.md b/docs/configure/overview.md
new file mode 100644
index 00000000000..c92732a1fd5
--- /dev/null
+++ b/docs/configure/overview.md
@@ -0,0 +1,75 @@
+---
+title: 'Configure Storybook'
+---
+
+Storybook is configured via a folder, called `.storybook` which contains various configuration files.
+
+<div class="aside">
+
+Note you can change the folder that Storybook uses by setting the `-c` flag to your `start-storybook` and `build-storybook` scripts.
+
+</div>
+
+## Configure your Storybook project
+
+The main configuration file is `main.js`. This file controls the behaviour of the Storybook server, and so you must restart Storybook’s process when you change it. It contains the following:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-default-setup.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The `main.js` configuration file is a [preset](../api/presets.md) and as such has a powerful interface, but the key fields within it are:
+
+- `stories` - an array of globs that indicates the [location of your story files](#configure-story-loading), relative to `main.js`.
+- `addons` - a list of the [addons](/addons) you are using.
+- `webpackFinal` - custom [webpack configuration](./webpack.md#extending-storybooks-webpack-config).
+- `babel` - custom [babel configuration](./babel.md).
+
+## Configure story loading
+
+By default, Storybook will load stories from your project based on a glob (pattern matching string) in `.storybook/main.js` that matches all files in your project with extension `.stories.js`. The intention is you colocate a story file with the component it documents.
+
+```
+•
+└── components
+        ├── Button.js
+        └── Button.stories.js
+```
+
+If you want to use a different naming convention, you can alter the glob, using the syntax supported by [micromatch](https://github.com/micromatch/micromatch#extended-globbing).
+
+For example if you wanted to pull both `.md` and `.js` files from the `my-project/src/components` directory, you could write:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-js-md-files.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Configure story rendering
+
+To control the way stories are rendered and add global [decorators](../writing-stories/decorators.md#global-decorators) and [parameters](../writing-stories/parameters.md#global-parameters), create a `.storybook/preview.js` file. This is loaded in the Canvas tab, the “preview” iframe that renders your components in isolation. Use `preview.js` for global code (such as [CSS imports](../get-started/setup.md#render-component-styles) or JavaScript mocks) that applies to all stories.
+
+The `preview.js` file can be an ES module and export the following keys:
+
+- `decorators` - an array of global [decorators](../writing-stories/decorators.md#global-decorators)
+- `parameters` - an object of global [parameters](../writing-stories/parameters.md#global-parameters)
+- `globalTypes` - definition of [globalTypes](../essentials/toolbars-and-globals.md#global-types-and-the-toolbar-annotation)
+
+If you’re looking to change how your stories are ordered, read about [sorting stories](../writing-stories/naming-components-and-hierarchy.md#sorting-stories).
+
+## Configure Storybook’s UI
+
+To control the behaviour of Storybook’s UI (the **“manager”**), you can create a `.storybook/manager.js` file.
+
+This file does not have a specific API but is the place to set [UI options](./features-and-behavior.md) and to configure Storybook’s [theme](./theming.md).
diff --git a/docs/configure/sidebar-anatomy.jpg b/docs/configure/sidebar-anatomy.jpg
new file mode 100644
index 00000000000..a52249018b8
Binary files /dev/null and b/docs/configure/sidebar-anatomy.jpg differ
diff --git a/docs/configure/sidebar-and-urls.md b/docs/configure/sidebar-and-urls.md
new file mode 100644
index 00000000000..161ad961aa0
--- /dev/null
+++ b/docs/configure/sidebar-and-urls.md
@@ -0,0 +1,75 @@
+---
+title: 'Sidebar & URLS'
+---
+
+Storybook’s sidebar lists all your stories grouped by component. When you have a lot of components you may wish to also group those components. To do so, you can add the `/` separator to the `title` of your CSF file and Storybook will group the stories into groups based on common prefixes:
+
+![Storybook sidebar anatomy](./sidebar-anatomy.jpg)
+
+We recommend using a nesting scheme that mirrors the filesystem path of the components. For example, if you have a file `components/modals/Alert.js` name the CSF file `components/modals/Alert.stories.js` and title it `Components/Modals/Alert`.
+
+## Roots
+
+By default, Storybook will treat your highest level of groups as “roots”--which are displayed in the UI as “sections” of the hierarchy. Lower level groups are displayed as expandable items in the hierarchy:
+
+![Storybook sidebar story roots](./sidebar-roots.jpg)
+
+If you’d prefer all groups to be expandable, you can set the `showRoots` option to `false` in [`./storybook/manager.js`](./overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-manager-disable-roots.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Generating titles based on `__dirname`
+
+As a CSF file is a JavaScript file, the exports (including the default export) can be generated dynamically. In particular you can use the `__dirname` variable to generate the title based on the path name (this example uses the paths.macro):
+
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-dynamic-title.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+
+## Permalinking to stories
+
+By default, Storybook generates an `id` for each story based on the component title and the story name. This `id` in particular is used in the URL for each story and that URL can serve as a permalink (especially when you [publish](../workflows/publish-storybook.md) your Storybook).
+
+Consider the following story:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/foo-bar-baz-story.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Storybook's ID-generation logic will give this the `id` `foo-bar--baz`, so the link would be `?path=/story/foo-bar--baz`.
+
+It is possible to manually set the id of a story, which in particular is useful if you want to rename stories without breaking permalinks. Suppose you want to change the position in the hierarchy to `OtherFoo/Bar` and the story name to `Moo`. Here's how to do that:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/other-foo-bar-story.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Storybook will prioritize the `id` over the title for ID generation, if provided, and will prioritize the `story.name` over the export key for display.
diff --git a/docs/configure/sidebar-roots.jpg b/docs/configure/sidebar-roots.jpg
new file mode 100644
index 00000000000..0296b25e8d8
Binary files /dev/null and b/docs/configure/sidebar-roots.jpg differ
diff --git a/docs/configure/story-layout.md b/docs/configure/story-layout.md
new file mode 100644
index 00000000000..a86e6e85046
--- /dev/null
+++ b/docs/configure/story-layout.md
@@ -0,0 +1,27 @@
+---
+title: 'Story layout'
+---
+
+The `layout` [global parameter](../writing-stories/parameters.md) allows you to configure how stories are positioned in Storybook's Canvas tab. 
+
+You can add the parameter to your [`./storybook/preview.js`](./overview.md#configure-story-rendering), like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-layout-param.js.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+![Layout params centered story](./layout-params-story-centered.png)
+
+In the example above, Storybook will center all stories in the UI. `layout` accepts these options:
+
+- `centered`: center the component horizontally and vertically in the Canvas
+- `fullscreen`: allow the component to expand to the full width and height of the Canvas
+- `padded`: Add extra padding around the component
+
+If you want to use your own styles, or require a more granular approach we recommend using [decorators](../writing-stories/decorators.md) instead.
diff --git a/docs/configure/story-rendering.md b/docs/configure/story-rendering.md
new file mode 100644
index 00000000000..2f41976c0e6
--- /dev/null
+++ b/docs/configure/story-rendering.md
@@ -0,0 +1,60 @@
+---
+title: 'Story rendering'
+---
+
+In Storybook, your stories render in a special “preview” iframe (Canvas tab) inside the larger Storybook web application. The JavaScript build configuration of the preview is controlled by a [webpack](./integration.md#default-configuration) config, but you also may want to directly control the HTML that is rendered to help your stories render correctly.
+
+## Adding to &#60;head&#62;
+
+If you need to add extra elements to the `head` of the preview iframe, for instance to load static stylesheets, font files, or similar, you can create a file called [`.storybook/preview-head.html`](./overview.md#configure-story-rendering) and add tags like this:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-head-example.html.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+
+<div class="aside">
+
+Storybook will inject these tags into the _preview iframe_ where your components are rendered not the Storybook application UI.
+
+</div>
+
+## Adding to &#60;body&#62;
+
+Sometimes, you may need to add different tags to the `<body>`. This is useful for adding some custom content roots.
+
+You can accomplish this by creating a file called `preview-body.html` inside your `.storybook` directory and add tags like this:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-body-example.html.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+If using relative sizing in your project (like `rem` or `em`), you may update the base `font-size` by adding a `style` tag to `preview-body.html`:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-body-font-size.html.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+Storybook will inject these tags into the _preview iframe_ where your components are rendered not the Storybook application UI.
+
+</div>
diff --git a/docs/configure/storybook-addons.md b/docs/configure/storybook-addons.md
new file mode 100644
index 00000000000..934133959e2
--- /dev/null
+++ b/docs/configure/storybook-addons.md
@@ -0,0 +1,25 @@
+---
+title: 'Storybook Addons'
+---
+
+A key strength of Storybook is its extensibility. Use addons to extend and customize Storybook to fit your team’s development workflow.
+
+Addons are integral to the way Storybook works. Many of Storybook's core features are implemented as addons! These addons are installed out of the box with [essentials](../essentials/introduction.md).
+
+## Addon features
+
+The most obvious thing addons affect in Storybook is the UI of Storybook itself. Within the UI the **toolbar** and **addons panel** are the two chief places addons will appear.
+
+![Storybook addons locations](./addon-locations.jpg)
+
+Addons can also hook into the rendering of your story in the preview pane via injecting their own [decorators](../writing-stories/decorators.md).
+
+Finally, addons can affect the build setup of Storybook by injecting their own webpack configuration to allow the use of other tools in Storybook. Addons that do only this are often referred to as [presets](../api/presets.md).
+
+## Essential, core and community addons
+
+There are many, many Storybook addons, but they can be roughly categorized into three areas:
+
+- **Essential** addons are core-team developed addons that are considered a part of the out-of-the-box user experience. These ship by default with new Storybook installations.
+- **Core** addons are developed by the core team. They are kept in sync with the development of Storybook itself and written in idiomatic ways as templates for other addons. They can be found within the [Storybook monorepo](https://github.com/storybookjs/storybook/tree/next/addons).
+- **Community** addons are addons written by the massive Storybook community. They can be found on our [website](/addons), [GitHub](https://github.com/), and [npm](https://www.npmjs.com/).
diff --git a/docs/configure/styling-and-css.md b/docs/configure/styling-and-css.md
new file mode 100644
index 00000000000..5f00aa2c996
--- /dev/null
+++ b/docs/configure/styling-and-css.md
@@ -0,0 +1,35 @@
+---
+title: 'Styling and CSS'
+---
+
+There are many ways to include CSS in a web application, and correspondingly there are many ways to include CSS in Storybook. Usually it is best to try and replicate what your application does with styling in Storybook’s configuration.
+
+### CSS-in-JS
+
+CSS-in-JS libraries are designed to use basic JavaScript. They often work in Storybook without any extra configuration. Some libraries expect components to be rendered in a specific rendering “context” (for example, to provide themes) and you may need to add a [global decorator](../writing-stories/decorators.md#global-decorators) to supply it.
+
+### Importing CSS files
+
+If your component files import their own CSS, Storybook’s webpack config will work unmodified with some exceptions:
+
+- If you are using a CSS precompiler, you may need to add a preset (such as the [SCSS preset](https://github.com/storybookjs/presets/tree/master/packages/preset-scss), or add a loader to Storybook’s webpack config).
+- In Angular, you'll need to take special care how you handle CSS:
+
+  - Either [customize your webpack config](./webpack#extending-storybooks-webpack-config)
+  - Or use syntax to use a inline loader:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'angular/storybook-angular-inline-css-loader.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+To use your CSS in all stories, you simply import it in [`.storybook/preview.js`](./overview.md#configure-story-rendering)
+
+### Adding webfonts
+
+If you need webfonts to be available, you may need to add some code to the [`.storybook/preview-head.html`](./story-rendering.md#adding-to-head) file. We recommend including any assets with your Storybook if possible, in which case you likely want to configure the [static file location](./images-and-assets#serving-static-files-via-storybook).
diff --git a/docs/configure/theming.md b/docs/configure/theming.md
new file mode 100644
index 00000000000..f51aa621d1c
--- /dev/null
+++ b/docs/configure/theming.md
@@ -0,0 +1,206 @@
+---
+title: 'Theming'
+---
+
+Storybook is theme-able using a lightweight theming API.
+
+## Global theming
+
+It's possible to theme Storybook globally.
+
+Storybook includes two themes that look good out of the box: "normal" (a light theme) and "dark" (a dark theme). Unless you've set your preferred color scheme as dark, Storybook will use the light theme as default.
+
+Make sure you have installed [`@storybook/addons`](https://www.npmjs.com/package/@storybook/addons) and [`@storybook/theming`](https://www.npmjs.com/package/@storybook/theming) packages.
+
+```sh
+yarn add --dev @storybook/addons @storybook/theming
+```
+
+As an example, you can tell Storybook to use the "dark" theme by modifying [`.storybook/manager.js`](./overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-manager-dark-theme.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+When setting a theme, set a full theme object. The theme is replaced, not combined.
+
+## Theming docs
+
+[Storybook Docs](../writing-docs/introduction) uses the same theme system as Storybook’s UI, but is themed independently from the main UI.
+
+Supposing you have a Storybook theme defined for the main UI in [`.storybook/manager.js`](./overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-manager-dark-theme.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Here's how you'd specify the same theme for docs in [`.storybook/preview.js`](./overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-docs-dark-theme.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Continue to read if you want to learn how to create your theme.
+
+## Create a theme quickstart
+
+The easiest way to customize Storybook is to generate a new theme using the `create()` function from `storybook/theming`. This function includes shorthands for the most common theme variables. Here's how to use it:
+
+First create a new file in `.storybook` called `yourTheme.js`.
+
+Next paste the code below and tweak the variables.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/your-theme.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Finally, import your theme into [`.storybook/manager.js`](./overview.md#configure-story-rendering) and add it to your Storybook parameters.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-manager-custom-theme.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The `@storybook/theming` package is built using TypeScript, so this should help create a valid theme for TypeScript users. The types are part of the package itself.
+
+Many theme variables are optional, the `base` property is NOT. This is a perfectly valid theme:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-theme-example-variables.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## CSS escape hatches
+
+The Storybook theme API is narrow by design. If you want to have fine-grained control over the CSS, all of the UI and Docs components are tagged with class names to make this possible. This is advanced usage: **use at your own risk**.
+
+To style these elements, insert style tags into:
+
+- For Storybook’s UI, use `.storybook/manager-head.html`
+- For Storybook Docs, use `.storybook/preview-head.html`
+
+<div class="aside">
+
+Similar to changing the preview’s head tag, `.storybook/manager-head.html` allows you to inject code into the manager side, which can be useful to adding styles for your theme that target Storybook’s HTML.
+
+WARNING: we don’t make any guarantees about the structure of Storybook’s HTML and it could change at any time. Consider yourself warned!
+
+</div>
+
+## MDX component overrides
+
+If you're using MDX for docs, there's one more level of themability. MDX allows you to completely override the components that are rendered from Markdown using a components parameter. This is an advanced usage that we don't officially support in Storybook, but it's a powerful mechanism if you need it.
+
+Here's how you might insert a custom code renderer for `code` blocks on the page, in [`.storybook/preview.js`](./overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-custom-code-renderer.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can even override a Storybook block component.
+
+Here's how you might insert a custom `<Canvas />` block:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-custom-canvas.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Addons and theme creation
+
+Some addons require specific theme variables that a Storybook user must add. If you share your theme with the community, make sure to support the official API and other popular addons so your users have a consistent experience.
+
+For example, the popular Actions addon uses [react-inspector](https://github.com/xyc/react-inspector/blob/master/src/styles/themes/chromeLight.js) which has themes of its own. Supply additional theme variables to style it like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-extended-theme-variables.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Using the theme for addon authors
+
+Reuse the theme variables above for a native Storybook developer experience. The theming engine relies on [emotion](https://emotion.sh/), a CSS-in-JS library.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-theming-styled-import.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Use the theme variables in object notation:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/component-styled-variables-object-notation.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Or with template literals:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/component-styled-variables-template-literals.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/configure/typescript.md b/docs/configure/typescript.md
new file mode 100644
index 00000000000..210ce20f51d
--- /dev/null
+++ b/docs/configure/typescript.md
@@ -0,0 +1,38 @@
+---
+title: 'TypeScript'
+---
+
+Storybook has built-in Typescript support, so your Typescript project should work with zero configuration needed.
+
+### Default configuration
+
+The base Typescript configuration uses [`babel-loader`](https://webpack.js.org/loaders/babel-loader/) for Typescript transpilation, and optionally [`fork-ts-checker-webpack-plugin`](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin) for checking.
+
+Each framework uses the base configuration unless otherwise specified:
+
+- Angular ignores the base and uses `ts-loader` and `ngx-template-loader`.
+- Vue ignores the base and uses `ts-loader` and applies it to both `.tsx` and `.vue` files.
+- React adds `react-docgen-typescript-plugin` to the base.
+
+### Main.js configuration
+
+To make it easier to configure Typescript handling, use the `typescript` field in your [`.storybook/main.js`](./overview.md#configure-story-rendering).
+
+The following code snippets shows the fields for you to use with TypeScript:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-add-ts-config.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+| Field                            | Framework | Description                                                                                   | Type                                                                          |
+| :------------------------------- | :-------- | :-------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------- |
+| **check**                        | All       | Optionally run fork-ts-checker-webpack-plugin                                                 | boolean                                                                       |
+| **checkOptions**                 | All       | Options to pass to fork-ts-checker-webpack-plugin if it's enabled                             | [See docs](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin)      |
+| **reactDocgen**                  | React     | Which react docgen processor to run: `"react-docgen-typescript"`, `"react-docgen"`, `false`   | string or false                                                               |
+| **reactDocgenTypescriptOptions** | React     | Options to pass to react-docgen-typescript-plugin if react-docgen-typescript is enabled.      | [See docs](https://github.com/hipstersmoothie/react-docgen-typescript-plugin) |
diff --git a/docs/configure/user-interface.md b/docs/configure/user-interface.md
new file mode 100644
index 00000000000..17046a96921
--- /dev/null
+++ b/docs/configure/user-interface.md
@@ -0,0 +1,14 @@
+---
+title: 'User interface'
+---
+
+
+Storybook's UI is a highly customizable one and full of rich features to help you with your development process.
+
+Read more about the Storybook's features below:
+
+- [Features and behaviour](./features-and-behavior.md)
+- [Theming](./theming.md)
+- [Storybook addons](./storybook-addons.md)
+- [Sidebar & URLS](./sidebar-and-urls.md)
+- [Environment variables](./environment-variables.md)
\ No newline at end of file
diff --git a/docs/configure/webpack.md b/docs/configure/webpack.md
new file mode 100644
index 00000000000..b875d333178
--- /dev/null
+++ b/docs/configure/webpack.md
@@ -0,0 +1,104 @@
+---
+title: 'Webpack'
+---
+
+Storybook displays your components in a custom web application built using [webpack](https://webpack.js.org/). Webpack is a complex tool but our default configuration is intended to cover off the majority of use cases. There are also [addons](/addons) available that extend the configuration for other common use cases.
+
+You can customize Storybook's webpack setup by providing a `webpackFinal` field in [`.storybook/main.js`](./overview.md#configure-your-storybook-project) file.
+
+The value should be an async function that receives a webpack config and eventually returns a webpack config.
+
+### Default configuration
+
+By default, Storybook's webpack configuration will allow you to:
+
+#### Import Images and other static files
+
+You can import images and other local files and have them built into the Storybook:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story-import-static-asset.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+#### Import JSON as JavaScript
+
+You can import `.json` files and have them expanded to a JavaScript object:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story-import-json.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+If you want to know the exact details of the webpack config, the best way is to run:
+
+```shell
+yarn storybook --debug-webpack
+```
+
+### Extending Storybook’s webpack config
+
+To extend the above configuration, use the `webpackFinal` field of [`.storybook/main.js`](./overview.md#configure-story-rendering).
+
+The value should export a `function`, which will receive the default config as its first argument. The second argument is an options object from Storybook, this will have information about where config came from, whether we're in production of development mode etc.
+
+For example, here's a `.storybook/main.js` to add [Sass](https://sass-lang.com/) support:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-add-sass-config.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Storybook uses the config returned from the above function to render your components in Storybook's "preview" iframe. Note that Storybook has a completely separate webpack config for its own UI (also referred to as the "manager"), so the customizations you make only applies to the rendering of your stories, i.e. you can completely replace `config.module.rules` if you want.
+
+Nevertheless, edit `config` with care. Make sure to preserve the following config options:
+
+- **entry**
+- **output**
+
+Furthermore, `config` requires the `HtmlWebpackplugin` to generate the preview page, so rather than overwriting `config.plugins` you should probably append to it (or overwrite it with care), see [the following issue](https://github.com/storybookjs/storybook/issues/6020) for examples on how to handle this:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-simplified-config.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Finally, if your custom webpack config uses a loader that does not explicitly include specific file extensions via the `test` property, it is necessary to `exclude` the `.ejs` file extension from that loader.
+
+If you're using a non-standard Storybook config directory, you should put `main.js` there instead of `.storybook` and update the `include` path to make sure that it resolves to your project root.
+
+### Using your existing config
+
+If you have an existing webpack config for your project and want to reuse this app's configuration, you can import your main webpack config into Storybook's [`.storybook/main.js`](./overview.md#configure-story-rendering) and merge both:
+
+The following code snippet shows how you can replace the loaders from Storybook with the ones from your app's `webpack.config.js`:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-using-existing-config.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/essentials/actions.md b/docs/essentials/actions.md
new file mode 100644
index 00000000000..eec955091d0
--- /dev/null
+++ b/docs/essentials/actions.md
@@ -0,0 +1,74 @@
+---
+title: 'Actions'
+---
+
+The actions addon is used to display data received by event handler (callback) arguments in your stories.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-actions-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+## Action args
+
+Actions works via supplying special Storybook-generated “action” arguments (referred to as "args" for short) to your stories. There are two ways to get an action arg:
+
+### Action argType annotation
+
+You can use [argTypes](../api/argtypes.md) to tell Storybook that an arg to your story should be an action. Usually it makes sense to do this at the component level (although it can be done per story):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-onclick-action-argtype.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+When Storybook sees this argType it will create an arg that is set to a special “action” callback. If your component calls this arg (based on user interaction) the event will show up in the action panel:
+
+![Essential Actions addon usage](./addon-actions-screenshot.png)
+
+### Automatically matching args
+
+Another option is to use a parameter to match all [argTypes](../api/argtypes.md) that match a certain pattern. The following configuration automatically creates actions for each `on` argType (which you can either specify manually or can be [inferred automatically](../api/argtypes.md#automatic-argtype-inference)).
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-matching-argtypes.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+NOTE: If you're generating argTypes in using another addon (like [docs](../writing-docs/introduction.md), which is the common behavior) you'll need to make sure that the actions addon loads **AFTER** the other addon. You can do this by listing it later in the addons registration code in [`.storybook/main.js`](../configure/overview.md#configure-story-rendering). This is default in [essentials](./introduction.md).
+
+</div>
+
+## Action event handlers
+
+It is also possible to detect if your component is emitting the correct HTML events using the `parameters.actions.handles` [parameter](../writing-stories/parameters.md).
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-action-event-handle.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This will bind a standard HTML event handler to the outermost HTML element rendered by your component and trigger an action when the event is called for a given selector. The format is `<eventname> <selector>`. Selector is optional; it defaults to all elements.
+
+## Advanced / legacy usage
+
+There are also some older ways to use actions as documented in the [advanced README](../../addons/actions/ADVANCED.md).
diff --git a/docs/essentials/addon-actions-optimized.mp4 b/docs/essentials/addon-actions-optimized.mp4
new file mode 100644
index 00000000000..cf618dbe131
Binary files /dev/null and b/docs/essentials/addon-actions-optimized.mp4 differ
diff --git a/docs/essentials/addon-actions-screenshot.png b/docs/essentials/addon-actions-screenshot.png
new file mode 100644
index 00000000000..946d0e35b71
Binary files /dev/null and b/docs/essentials/addon-actions-screenshot.png differ
diff --git a/docs/essentials/addon-backgrounds-optimized.mp4 b/docs/essentials/addon-backgrounds-optimized.mp4
new file mode 100644
index 00000000000..697008776d7
Binary files /dev/null and b/docs/essentials/addon-backgrounds-optimized.mp4 differ
diff --git a/docs/essentials/addon-controls-args-background-color.png b/docs/essentials/addon-controls-args-background-color.png
new file mode 100644
index 00000000000..9da6bf3d966
Binary files /dev/null and b/docs/essentials/addon-controls-args-background-color.png differ
diff --git a/docs/essentials/addon-controls-args-background-string.png b/docs/essentials/addon-controls-args-background-string.png
new file mode 100644
index 00000000000..3583cc30557
Binary files /dev/null and b/docs/essentials/addon-controls-args-background-string.png differ
diff --git a/docs/essentials/addon-controls-args-no-annotation.png b/docs/essentials/addon-controls-args-no-annotation.png
new file mode 100644
index 00000000000..69ab1d027a4
Binary files /dev/null and b/docs/essentials/addon-controls-args-no-annotation.png differ
diff --git a/docs/essentials/addon-controls-expanded.png b/docs/essentials/addon-controls-expanded.png
new file mode 100644
index 00000000000..d0a3b78813b
Binary files /dev/null and b/docs/essentials/addon-controls-expanded.png differ
diff --git a/docs/essentials/addon-controls-optimized.mp4 b/docs/essentials/addon-controls-optimized.mp4
new file mode 100644
index 00000000000..5fd05e98657
Binary files /dev/null and b/docs/essentials/addon-controls-optimized.mp4 differ
diff --git a/docs/essentials/addon-viewports-optimized.mp4 b/docs/essentials/addon-viewports-optimized.mp4
new file mode 100644
index 00000000000..29a999402fa
Binary files /dev/null and b/docs/essentials/addon-viewports-optimized.mp4 differ
diff --git a/docs/essentials/auto-generated-controls/angular.mdx b/docs/essentials/auto-generated-controls/angular.mdx
new file mode 100644
index 00000000000..109d8c08540
--- /dev/null
+++ b/docs/essentials/auto-generated-controls/angular.mdx
@@ -0,0 +1,42 @@
+To use auto-detected controls with Angular, you must fill in the `component` field in your story metadata:
+
+```ts
+import { Button } from './button.component';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+```
+
+Storybook uses this to auto-generate the `ArgTypes` for your component using [Compodoc](https://compodoc.app/). It supports `inputs`, `outputs`, `properties`, `methods`, `view/content child/children` as first class prop types.
+
+You'll need to register Compodoc's `documentation.json` file in `.storybook/preview.ts`:
+
+```js
+import { setCompodocJson } from '@storybook/addon-docs/angular';
+import docJson from '../documentation.json';
+
+setCompodocJson(docJson);
+```
+
+Finally, to set up compodoc, you'll first need to install Compodoc:
+
+```sh
+yarn add -D @compodoc/compodoc
+```
+
+Then you'll need to configure Compodoc to generate a `documentation.json` file. Adding the following snippet to your `package.json` creates a metadata file `./documentation.json` each time you run storybook:
+
+```json
+{
+  ...
+  "scripts": {
+    "docs:json": "compodoc -p ./tsconfig.json -e json -d .",
+    "storybook": "npm run docs:json && start-storybook -p 6006 -s src/assets",
+    ...
+  },
+}
+```
+
+Unfortunately, it's not currently possible to update this dynamically as you edit your components, but [there's an open issue](https://github.com/storybookjs/storybook/issues/8672) to support this with improvements to Compodoc.
diff --git a/docs/essentials/auto-generated-controls/ember.mdx b/docs/essentials/auto-generated-controls/ember.mdx
new file mode 100644
index 00000000000..f8c954f9c56
--- /dev/null
+++ b/docs/essentials/auto-generated-controls/ember.mdx
@@ -0,0 +1,32 @@
+To use auto-detected controls with Ember, you must fill in the `component` field in your story metadata:
+
+```ts
+import { Button } from './Button';
+
+export default {
+  title: 'Button',
+  component: 'button', // name of your button component
+};
+```
+
+Storybook uses this to auto-generate the `ArgTypes` for your component based on docgen information created by [ember-cli-addon-docs-yuidoc](https://github.com/ember-learn/ember-cli-addon-docs-yuidoc#documenting-components).
+
+You'll need to register that in `.storybook/preview.js`:
+
+```js
+import { setJSONDoc } from '@storybook/addon-docs/ember';
+import docJson from '../storybook-docgen/index.json';
+setJSONDoc(docJson);
+```
+
+Storybook for Ember relies on [@storybook/ember-cli-storybook addon](https://github.com/storybookjs/ember-cli-storybook), to extract documentation comments from your component source files. If you're using Storybook with Ember, you should already have this addon installed, you will just need to enable it by adding the following config block in your `ember-cli-build.js` file:
+
+```js
+let app = new EmberApp(defaults, {
+  'ember-cli-storybook': {
+    enableAddonDocsIntegration: true,
+  },
+});
+```
+
+Now, running the ember-cli server will generate a JSON documentation file at `/storybook-docgen/index.json`. Since generation of this file is tied into the ember-cli build, it will get regenerated every time component files are saved. For details on documenting your components, check out the examples in the addon that powers the generation [ember-cli-addon-docs-yuidoc](https://github.com/ember-learn/ember-cli-addon-docs-yuidoc#documenting-components).
diff --git a/docs/essentials/auto-generated-controls/fallback.mdx b/docs/essentials/auto-generated-controls/fallback.mdx
new file mode 100644
index 00000000000..adbaed90ac9
--- /dev/null
+++ b/docs/essentials/auto-generated-controls/fallback.mdx
@@ -0,0 +1,3 @@
+Controls argument autodetection doesn't currently work with your framework.
+
+To use Controls, you'll need to [define the `ArgTypes` manually](#Fully-custom-args)
diff --git a/docs/essentials/auto-generated-controls/react.mdx b/docs/essentials/auto-generated-controls/react.mdx
new file mode 100644
index 00000000000..bf2f2332219
--- /dev/null
+++ b/docs/essentials/auto-generated-controls/react.mdx
@@ -0,0 +1,13 @@
+To use auto-detected controls with React, you must fill in the `component` field in your story metadata:
+
+```ts
+import { Button } from './Button';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+```
+
+
+Storybook uses this to auto-generate the `ArgTypes` for your component based on either `PropTypes` (using [`react-docgen`](https://github.com/reactjs/react-docgen)) or `TypeScript` types (using [`react-docgen-typescript`](https://github.com/styleguidist/react-docgen-typescript)).
diff --git a/docs/essentials/auto-generated-controls/vue.mdx b/docs/essentials/auto-generated-controls/vue.mdx
new file mode 100644
index 00000000000..a1817b3587e
--- /dev/null
+++ b/docs/essentials/auto-generated-controls/vue.mdx
@@ -0,0 +1,12 @@
+To use auto-detected controls with Vue, you must fill in the `component` field in your story metadata:
+
+```ts
+import { Button } from './Button.vue';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+```
+
+Storybook uses this to auto-generate the `ArgTypes` for your component using [`vue-docgen-api`](https://github.com/vue-styleguidist/vue-styleguidist/tree/dev/packages/vue-docgen-api). It supports `props`, `events`, and `slots` as first class prop types.
diff --git a/docs/essentials/auto-generated-controls/web-components.mdx b/docs/essentials/auto-generated-controls/web-components.mdx
new file mode 100644
index 00000000000..3fce9f6d9d2
--- /dev/null
+++ b/docs/essentials/auto-generated-controls/web-components.mdx
@@ -0,0 +1,21 @@
+To use auto-detected controls with Web components, you must fill in the `component` field in your story metadata:
+
+```ts
+export default {
+  title: 'Button',
+  component: 'button', // name of your button component
+};
+```
+
+Storybook uses this to auto-generate the `ArgTypes` for your component using your [custom-elements.json](https://github.com/webcomponents/custom-elements-json) file.
+
+You'll need to register that in `.storybook/preview.js`:
+
+```js
+import { setCustomElements } from '@storybook/web-components';
+import customElements from '../custom-elements.json';
+
+setCustomElements(customElements);
+```
+
+You can generate a `custom-elements.json` using either [web-component-analyzer](https://github.com/runem/web-component-analyzer) or [stenciljs](https://stenciljs.com/) (if you're using Stencil).
diff --git a/docs/essentials/backgrounds.md b/docs/essentials/backgrounds.md
new file mode 100644
index 00000000000..271eb4de662
--- /dev/null
+++ b/docs/essentials/backgrounds.md
@@ -0,0 +1,64 @@
+---
+title: 'Backgrounds'
+---
+
+The backgrounds toolbar item allows you to adjust the background that your story is rendered on via Storybook’s UI:
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-backgrounds-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+## Configuration
+
+By default, the background toolbar presents you with a light and dark background.
+
+But you're not restricted to these two backgrounds, you can configure your own set of colors with the `parameters.backgrounds` [parameter](../writing-stories/parameters.md) in your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-configure-background-colors.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also set backgrounds on per-story or per-component basis by using [parameter inheritance](../writing-stories/parameters.md#component-parameters):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-configure-backgrounds.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also only override a single key on the background parameter, for instance to set a different default value for a single story:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-override-background-color.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+If you want to disable backgrounds in a story, you can do so by setting the `backgrounds` parameter like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-disable-backgrounds.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/essentials/controls.md b/docs/essentials/controls.md
new file mode 100644
index 00000000000..796d33e49fb
--- /dev/null
+++ b/docs/essentials/controls.md
@@ -0,0 +1,205 @@
+---
+title: 'Controls'
+---
+
+Storybook Controls gives you a graphical UI to interact with a component's arguments dynamically, without needing to code. It creates an addon panel next to your component examples ("stories"), so you can edit them live.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-controls-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+Controls does not require any modification to your components. Stories for controls are:
+
+- Convenient. Auto-generate controls based on React/Vue/Angular/etc. components.
+- Portable. Reuse your interactive stories in documentation, tests, and even in designs.
+- Rich. Customize the controls and interactive data to suit your exact needs.
+
+To use the Controls addon, you need to write your stories using [args](../writing-stories/args.md). Storybook will automatically generate UI controls based on your args and what it can infer about your component; but you can configure the controls further using [argTypes](../api/argtypes.md), see below.
+
+<div class="aside">
+
+If you have written stories in the older pre-Storybook 6 style, you may want to read the [args & controls migration guide](https://medium.com/storybookjs/storybook-6-migration-guide-200346241bb5) to help understand how to convert your stories for args.
+
+</div>
+
+## Choosing the control type
+
+By default, Storybook will choose a control for each arg based on the initial value of the arg. This works well with some kind of args, such as boolean values or free-text strings, but in other cases you want a more restricted control.
+
+<!-- prettier-ignore-start -->
+
+<FeatureSnippets
+  paths={[
+    'essentials/auto-generated-controls/react.mdx',
+    'essentials/auto-generated-controls/vue.mdx',
+    'essentials/auto-generated-controls/angular.mdx',
+    'essentials/auto-generated-controls/web-components.mdx',
+    'essentials/auto-generated-controls/ember.mdx',
+    'essentials/auto-generated-controls/fallback.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+For instance, suppose you have a `backgroundColor` arg on your story:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-controls-red-input.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+By default, Storybook will render a free text input for the `backgroundColor` arg:
+
+![Essential addon Controls using a string](./addon-controls-args-background-string.png)
+
+This works as long as you type a valid string into the auto-generated text control, but it's not the best UI for picking a color. Let’s replace it with Storybook’s color picker component.
+
+We can specify which controls get used by declaring a custom [argType](../api/argtypes.md) for the `backgroundColor` property. ArgTypes encode basic metadata for args, such as name, description, defaultValue for an arg. These get automatically filled in by Storybook Docs.
+
+ArgTypes can also contain arbitrary annotations which can be overridden by the user. Since `backgroundColor` is a property of the component, let's put that annotation on the default export.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-controls-color-picker.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This replaces the input with a color picker for a more intuitive developer experience.
+
+![Essential Control addon with a color picker](./addon-controls-args-background-color.png)
+
+## Fully custom args
+
+Up until now, we only used auto-generated controls based on the component we're writing stories for. If we are writing [complex stories](../workflows/stories-for-multiple-components.md) we may want to add controls for args that aren’t part of the component.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/table-story-fully-customize-controls.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+By default, Storybook will add controls for all args that:
+
+- It infers from the component definition [if your framework supports it](../api/frameworks-feature-support.md).
+
+- Appear in the list of args for your story.
+
+You can determine the control by using `argTypes` in each case.
+
+## Configuration
+
+The Controls addon can be configured in two ways:
+
+- Individual controls can be configured via control annotations.
+- The addon's appearance can be configured via parameters.
+
+### Annotation
+
+As shown above, you can configure individual controls with the “control" annotation in the [argTypes](../api/argtypes) field of either a component or story.
+
+Here is the full list of available controls you can use:
+
+| Data Type   | Control Type | Description                                                    |    Options     |
+| :---------- | :----------: | :------------------------------------------------------------- | :------------: |
+| **array**   |    array     | serialize array into a comma-separated string inside a textbox |   separator    |
+| **boolean** |   boolean    | checkbox input                                                 |       -        |
+| **number**  |    number    | a numeric text box input                                       | min, max, step |
+|             |    range     | a range slider input                                           | min, max, step |
+| **object**  |    object    | json editor text input                                         |       -        |
+| **enum**    |    radio     | radio buttons input                                            |    options     |
+|             | inline-radio | inline radio buttons input                                     |    options     |
+|             |    check     | multi-select checkbox input                                    |    options     |
+|             | inline-check | multi-select inline checkbox input                             |    options     |
+|             |    select    | select dropdown input                                          |    options     |
+|             | multi-select | multi-select dropdown input                                    |    options     |
+| **string**  |     text     | simple text input                                              |       -        |
+|             |    color     | color picker input that assumes strings are color values       |       -        |
+|             |     date     | date picker input                                              |       -        |
+
+If you need to customize a control to use a enum data type in your story, for instance the `inline-radio` you can do it like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/widget-story-controls-enum.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+If you don't provide a specific one, it defaults to:
+- a radio type for enums with 5 or less elements
+- a select control type with more than 5 elements
+</div>
+
+If you need to customize a control for a number data type in your story, you can do it like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/gizmo-story-controls-customization.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+If you don't provide a specific one, it defaults to the number control type.
+</div>
+
+### Parameters
+
+Controls supports the following configuration [parameters](../writing-stories/parameters.md), either globally or on a per-story basis:
+
+## Show full documentation for each property
+
+Since Controls is built on the same engine as Storybook Docs, it can also show property documentation alongside your controls using the expanded parameter (defaults to false). This means you embed a complete [ArgsTable](../writing-docs/doc-blocks.md#argstable) doc block in the controls pane. The description and default value rendering can be [customized](#fully-custom-args) in the same way as the doc block.
+
+To enable expanded mode globally, add the following to [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-expanded-controls.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+And here's what the resulting UI looks like:
+
+![Controls addon expanded](./addon-controls-expanded.png)
+
+## Hide NoControls warning
+
+If you don't plan to handle the control args inside your Story, you can remove the warning with:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-hide-nocontrols-warning.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/essentials/introduction.md b/docs/essentials/introduction.md
new file mode 100644
index 00000000000..c22a2366693
--- /dev/null
+++ b/docs/essentials/introduction.md
@@ -0,0 +1,66 @@
+---
+title: 'Essential addons'
+---
+
+A major strength of Storybook are [addons](/addons/) that extend Storybook’s UI and behavior. There are many third-party addons as well as “official” addons developed by the Storybook core team. Storybook ships by default with a set of “essential” addons that add to the initial user experience.
+
+- [Docs](../writing-docs/introduction.md)
+- [Controls](./controls.md)
+- [Actions](./actions.md)
+- [Viewport](./viewport.md)
+- [Backgrounds](./backgrounds.md)
+- [Toolbars & globals](./toolbars-and-globals.md)
+
+### Configuration
+
+Essentials is "zero config”, it comes with a recommended configuration out of the box.
+
+If you need to reconfigure any of the essential addons, install it manually, following the installation instructions and adjust the configuration to your needs.
+
+When you start Storybook, Essentials will override its configuration with your own.
+
+### Disabling addons
+
+If you need to disable any of the Essential's addons, you can do it by changing your [`.storybook/main.js`](../configure/overview.md#configure-story-rendering) file.
+
+As an example, if the background addon wasn't necessary to your work, you would need to make the following change:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-disable-addon.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+You can use the following keys for each individual addon: `actions`, `backgrounds`, `controls`, `docs`, `viewport`, `toolbars`.
+
+</div>
+
+### Upgrading from previous versions
+
+If you're upgrading from a previous Storybook version, you will need to add the `@storybook/addon-essentials` package manually.
+
+In your terminal run the following command:
+
+```shell
+npm install --save-dev @storybook/addon-essentials
+```
+
+<div class="aside">
+  
+If you're using <a href="https://yarnpkg.com/">yarn</a>, you'll need to adjust the command accordingly.
+
+</div>
+
+Update your Storybook configuration (in `.storybook/main.js`) to include the essentials addon.
+
+```js
+module.exports = {
+  addons: ['@storybook/addon-essentials'],
+};
+```
diff --git a/docs/essentials/toolbars-and-globals.md b/docs/essentials/toolbars-and-globals.md
new file mode 100644
index 00000000000..742d16cd6b2
--- /dev/null
+++ b/docs/essentials/toolbars-and-globals.md
@@ -0,0 +1,129 @@
+---
+title: 'Toolbars & globals'
+---
+
+Storybook ships with toolbar items to control the [viewport](./viewport.md) and [background](./backgrounds.md) the story renders in. You can also create your own toolbar items which control special “globals” which you can then read to create [decorators](../writing-stories/decorators.md) to control story rendering.
+
+## Globals
+
+Globals in Storybook represent “global” (as in not story-specific) inputs to the rendering of the story. As they aren’t specific to the story, they aren’t passed in the `args` argument to the story function (although they are accessible as `context.globals`), but typically you use them in decorators which apply to all stories.
+
+When the globals change, the story re-renders and the decorators rerun with the new values. The easiest way to change globals is to create a toolbar item for them.
+
+## Global types and the toolbar annotation
+
+Storybook has a simple, declarative syntax for configuring toolbar menus. In your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering), you can add your own toolbars by creating `globalTypes` with a `toolbar` annotation:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-configure-globaltypes.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+As globals are _global_ you can _only_ set `globalTypes` in [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering).
+
+</div>
+
+When you start your Storybook, you should see a new dropdown in your toolbar with options `light` and `dark`.
+
+## Create a decorator
+
+We have a `global` defined, let's wire it up! We can consume our new `theme` global in a decorator using the `context.globals.theme` value.
+
+For example, suppose you are using `styled-components`. You can add a theme provider decorator to your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering) config:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-use-global-type.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Advanced usage
+
+So far we've managed to create and consume a global inside Storybook.
+
+Now let's take a look at a more complex example. Let's suppose we wanted to implement a new global called **locale** for internationalization, which shows a flag on the right side of the toolbar.
+
+In your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering), add the following:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-locales-globaltype.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+By adding the the configuration element `right`, the text will displayed on the right side in the toolbar menu, once you connect it to a decorator.
+
+Here's a list of the configuration options available.
+
+| MenuItem  |  Type  |                           Description                           | Required |
+| --------- | :----: | :-------------------------------------------------------------: | :------: |
+| **value** | String |    The string value of the menu that gets set in the globals    |   Yes    |
+| **title** | String |                   The main text of the title                    |   Yes    |
+| **left**  | String |        A string that gets shown in left side of the menu        |    No    |
+| **right** | String |       A string that gets shown in right side of the menu        |    No    |
+| **icon**  | String | An icon that gets shown in the toolbar if this item is selected |    No    |
+
+## Consuming globals from within a story
+
+We recommend consuming globals from within a decorator and define a global setting for all stories.
+
+But we're aware that sometimes it's more useful to use toolbar options in a per-story basis.
+
+Using the example above, you can modify any story to retrieve the **Locale** `global` from the story context:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story-use-globaltype.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+In Storybook 6.0, if you set the global option `passArgsFirst: false` for backwards compatibility, the story context is passed as the first argument:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story-use-globaltype-backwards-compat.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+</div>
+
+## Consuming globals from within an addon
+
+If you're working on a Storybook addon and you need to retrieve globals. You can do so, The `@storybook/api` package provides a hook for this scenario, you can use the `useGlobals()` hook to retrieve any globals you want.
+
+Using the ThemeProvider example above, you could expand it to display which current theme is being shown inside a panel like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/addon-consume-globaltype.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/essentials/viewport.md b/docs/essentials/viewport.md
new file mode 100644
index 00000000000..f1880743dec
--- /dev/null
+++ b/docs/essentials/viewport.md
@@ -0,0 +1,127 @@
+---
+title: 'Viewport'
+---
+
+The Viewport toolbar item allows you to adjust the dimensions of the iframe your story is rendered in. This makes it easy to develop responsive UIs.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-viewports-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+### Configuration
+
+By default, you are presented with a set of common viewports.
+
+If you want to change the default set of viewports, you can set the global `parameters.viewport` [parameter](../writing-stories/parameters.md) in your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-change-viewports.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The viewport global can take a object with the following keys:
+
+| Field               |  Type   |                Description                | Default Value  |
+| ------------------- | :-----: | :---------------------------------------: | :------------: |
+| **defaultViewport** | String  |         Sets the default viewport         | `'responsive'` |
+| **disable**         | Boolean |           Disables the viewport           |      N/A       |
+| **viewports**       | Object  | The configuration object for the viewport |      `{}`      |
+
+The viewports object needs the following keys:
+
+| Field      |  Type  | Description                                          |    Example values    |
+| ---------- | :----: | :--------------------------------------------------- | :------------------: |
+| **name**   | String | Name for the viewport                                |    `'Responsive'`    |
+| **styles** | Object | Sets Inline styles to be applied to the story        | `{width:0,height:0}` |
+| **type**   | String | Type of the device (e.g. desktop, mobile, or tablet) |      `desktop`       |
+
+### Use detailed set of devices
+
+By default Storybook uses a [minimal set of viewports](https://github.com/storybookjs/storybook/blob/master/addons/viewport/src/defaults.ts#L135) to get you started. But you're not restricted to these, the addon offers a more granular list of devices that you can use.
+
+Change your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering) to the following:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-granular-viewports.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Once you start your Storybook, you'll see that now you have a whole different set of devices to use.
+
+See [here](https://github.com/storybookjs/storybook/blob/master/addons/viewport/src/defaults.ts#L3) the complete list of devices and their configurations.
+
+### Add new devices
+
+If you have either a specific viewport, or a list of viewports that you need to use. You can modify your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering) file to include them like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-viewport-add-devices.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+To use them in your Storybook you'll need to make the following change:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-viewport-use-new-devices.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Once you start Storybook, you'll see your new viewports and devices.
+
+If you need, you can also add these two to another list of viewports.
+
+For instance, if you wanted to use these two with the minimal set of viewports, you can do it like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-merge-viewports.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This will add both `Kindle Fire 2` and `Kindle Fire HD` to the list of devices. This is achieved by making use of the exported [`MINIMAL_VIEWPORTS`](https://github.com/storybookjs/storybook/blob/master/addons/viewport/src/defaults.ts#L135) property, by merging it with the new ones.
+
+### Configuring per component or story
+
+There are cases where it's not effective for you to use a certain visual viewport on a global scale and you need it to adjust it to a individual story.
+
+You can change your story through [parameters](../writing-stories/parameters.md) to include the viewports you need to use for your component.
+
+[Parameters](../writing-stories/parameters.md) can be configured for a whole set of stories or a single story via the standard parameter API:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/my-component-story-configure-viewports.js.mdx',
+    'vue/my-component-story-configure-viewports.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/favicon.ico b/docs/favicon.ico
deleted file mode 100755
index e1cf7f1c59f..00000000000
Binary files a/docs/favicon.ico and /dev/null differ
diff --git a/docs/frameworks.js b/docs/frameworks.js
new file mode 100644
index 00000000000..b9e92ba0f1a
--- /dev/null
+++ b/docs/frameworks.js
@@ -0,0 +1,130 @@
+module.exports = {
+  coreFrameworks: ['react', 'vue', 'angular', 'web-components'],
+  communityFrameworks: ['ember', 'html', 'mithril', 'marko', 'svelte', 'riot', 'preact', 'rax'],
+  featureGroups: [
+    {
+      name: 'Essentials',
+      features: [
+        {
+          name: 'Actions',
+          unsupported: [],
+          path: 'essentials/actions',
+        },
+        {
+          name: 'Backgrounds',
+          unsupported: [],
+          path: 'essentials/backgrounds',
+        },
+        {
+          name: 'Docs',
+          unsupported: [],
+          path: 'writing-docs/introduction',
+        },
+        {
+          name: 'Viewport',
+          unsupported: [],
+          path: 'essentials/viewport',
+        },
+        {
+          name: 'Controls',
+          supported: ['react', 'vue', 'angular', 'web-components', 'ember'],
+          path: 'essentials/controls',
+        },
+      ],
+    },
+    {
+      name: 'Addons',
+      features: [
+        {
+          name: 'a11y',
+          unsupported: [],
+        },
+        {
+          name: 'cssresources',
+          unsupported: [],
+        },
+        {
+          name: 'design-assets',
+          unsupported: [],
+        },
+        {
+          name: 'events',
+          unsupported: ['svelte', 'riot'],
+        },
+        {
+          name: 'google-analytics',
+          unsupported: [],
+        },
+        {
+          name: 'graphql',
+          supported: ['react', 'angular'],
+        },
+        {
+          name: 'jest',
+          unsupported: [],
+        },
+        {
+          name: 'knobs',
+          unsupported: [],
+        },
+        {
+          name: 'links',
+          unsupported: ['marko'],
+        },
+        {
+          name: 'query-params',
+          unsupported: [],
+        },
+        {
+          name: 'Storyshots',
+          unsupported: ['ember', 'mithril', 'marko'],
+          path: 'workflows/unit-testing',
+        },
+        {
+          name: 'storysource',
+          unsupported: [],
+        },
+      ],
+    },
+    {
+      name: 'Docs',
+      features: [
+        {
+          name: 'MDX Stories',
+          unsupported: [],
+          path: 'api/mdx',
+        },
+        {
+          name: 'CSF Stories',
+          unsupported: [],
+          path: 'api/csf',
+        },
+        {
+          name: 'storiesOf stories',
+          unsupported: [],
+          repoPath: 'lib/core/docs/storiesOf.md',
+        },
+        {
+          name: 'Source',
+          unsupported: [],
+          path: 'writing-docs/doc-blocks#source',
+        },
+        {
+          name: 'Args Table',
+          supported: ['react', 'vue', 'angular', 'html', 'ember', 'web-components'],
+          path: 'writing-docs/doc-blocks#argstable',
+        },
+        {
+          name: 'Description',
+          supported: ['react', 'vue', 'angular', 'ember', 'web-components'],
+          path: 'writing-docs/doc-blocks#description',
+        },
+        {
+          name: 'Inline stories',
+          supported: ['react', 'vue', 'web-components', 'html', 'svelte'],
+          path: 'writing-docs/doc-blocks#inline-rendering',
+        },
+      ],
+    },
+  ],
+};
diff --git a/docs/gatsby-browser.js b/docs/gatsby-browser.js
deleted file mode 100644
index 61a7ca8c9e4..00000000000
--- a/docs/gatsby-browser.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const { document } = require('global');
-
-exports.onRouteUpdate = (location) => {
-  if (location.hash) {
-    setTimeout(() => {
-      document.querySelector(`${location.hash}`).scrollIntoView();
-    }, 0);
-  }
-};
diff --git a/docs/gatsby-config.js b/docs/gatsby-config.js
deleted file mode 100644
index 511197956ed..00000000000
--- a/docs/gatsby-config.js
+++ /dev/null
@@ -1,107 +0,0 @@
-module.exports = {
-  pathPrefix: '/docs',
-  siteMetadata: {
-    siteTitle: 'Storybook',
-    baseColor: '#e64074',
-    linkPrefix: '/',
-
-    docSections: {
-      basics: [
-        '/basics/introduction/',
-        '/basics/writing-stories/',
-        '/basics/exporting-storybook/',
-        '/basics/faq/',
-        '/basics/live-examples/',
-      ],
-      guides: [
-        '/guides/quick-start-guide/',
-        '/guides/slow-start-guide/',
-        '/guides/guide-html/',
-        '/guides/guide-react/',
-        '/guides/guide-react-native/',
-        '/guides/guide-vue/',
-        '/guides/guide-angular/',
-        '/guides/guide-mithril/',
-        '/guides/guide-marko/',
-        '/guides/guide-ember/',
-        '/guides/guide-riot/',
-        '/guides/guide-svelte/',
-        '/guides/guide-preact/',
-        '/guides/guide-web-components/',
-      ],
-      configurations: [
-        '/configurations/overview/',
-        '/configurations/options-parameter/',
-        '/configurations/default-config/',
-        '/configurations/custom-webpack-config/',
-        '/configurations/custom-babel-config/',
-        '/configurations/typescript-config/',
-        '/configurations/add-custom-head-tags/',
-        '/configurations/add-custom-body/',
-        '/configurations/serving-static-files/',
-        '/configurations/env-vars/',
-        '/configurations/theming/',
-        '/configurations/composition/',
-        '/configurations/cli-options/',
-        '/configurations/standalone-options/',
-      ],
-      formats: [
-        '/formats/component-story-format/',
-        '/formats/storiesof-api/',
-        '/formats/mdx-syntax/',
-      ],
-      testing: [
-        '/testing/react-ui-testing/',
-        '/testing/structural-testing/',
-        '/testing/interaction-testing/',
-        '/testing/automated-visual-testing/',
-        '/testing/manual-testing/',
-      ],
-      addons: [
-        '/addons/introduction/',
-        '/addons/using-addons/',
-        '/addons/writing-addons/',
-        '/addons/api/',
-      ],
-      presets: ['/presets/introduction/', '/presets/preset-gallery/', '/presets/writing-presets/'],
-    },
-  },
-  plugins: [
-    {
-      resolve: 'gatsby-source-filesystem',
-      options: {
-        name: 'pages',
-        path: `${__dirname}/src/pages/`,
-      },
-    },
-    {
-      resolve: `gatsby-plugin-styled-components`,
-      options: {
-        repoUrl: 'https://github.com/storybookjs/storybook',
-      },
-    },
-    {
-      resolve: 'gatsby-transformer-remark',
-      options: {
-        plugins: [
-          {
-            resolve: 'gatsby-remark-images',
-            options: {
-              maxWidth: 690,
-            },
-          },
-          'gatsby-remark-autolink-headers',
-          'gatsby-remark-copy-linked-files',
-          'gatsby-remark-smartypants',
-        ],
-      },
-    },
-    'gatsby-plugin-sharp',
-    {
-      resolve: 'gatsby-plugin-segment',
-      options: {
-        writeKey: 'AvvBObOmHaEMqfub8JJUXq5umjsuaqS8',
-      },
-    },
-  ],
-};
diff --git a/docs/gatsby-node.js b/docs/gatsby-node.js
deleted file mode 100644
index cf022ae1cb6..00000000000
--- a/docs/gatsby-node.js
+++ /dev/null
@@ -1,113 +0,0 @@
-// From: https://gist.github.com/ivanoats/8d01d9e934fdc17bae9090147f1e799b
-
-const fs = require('fs');
-const path = require('path');
-const sm = require('sitemap');
-
-function pagesToSitemap(pages) {
-  return pages
-    .filter((p) => !!p.path)
-    .map((p) => ({
-      url: p.path,
-      changefreq: 'daily',
-      priority: 0.7,
-    }));
-}
-
-function getVersionData(distTag) {
-  const versionFile = `${__dirname}/src/versions/${distTag}.json`;
-  if (!fs.existsSync(versionFile)) {
-    return null;
-  }
-  const data = {
-    [distTag]: JSON.parse(fs.readFileSync(versionFile)),
-  };
-  return data;
-}
-
-function generateVersionsFile() {
-  const latest = getVersionData('latest');
-  const next = getVersionData('next');
-  const data = { ...latest, ...next };
-  fs.writeFileSync(`${__dirname}/public/versions.json`, JSON.stringify(data));
-}
-
-function generateSitemap(pages) {
-  const sitemap = sm.createSitemap({
-    hostname: 'https://storybook.js.org',
-    cacheTime: '60000',
-    urls: pagesToSitemap(pages),
-  });
-  fs.writeFileSync(`${__dirname}/public/sitemap.xml`, sitemap.toString());
-}
-
-module.exports = {
-  async onPostBuild({ graphql }) {
-    const result = await graphql(`
-      {
-        allSitePage {
-          edges {
-            node {
-              path
-            }
-          }
-        }
-      }
-    `);
-    generateVersionsFile();
-    generateSitemap(result.data.allSitePage.edges.map(({ node }) => node));
-  },
-  onCreateNode({ node, boundActionCreators, getNode }) {
-    const { createNodeField } = boundActionCreators;
-    let slug;
-    if (node.internal.type === 'MarkdownRemark') {
-      const fileNode = getNode(node.parent);
-      const parsedFilePath = path.parse(fileNode.relativePath);
-      if (parsedFilePath.name !== 'index' && parsedFilePath.dir !== '') {
-        slug = `/${parsedFilePath.dir}/${parsedFilePath.name}/`;
-      } else if (parsedFilePath.dir === '') {
-        slug = `/${parsedFilePath.name}/`;
-      } else {
-        slug = `/${parsedFilePath.dir}/`;
-      }
-
-      // Add slug as a field on the node.
-      createNodeField({ node, name: 'slug', value: slug });
-    }
-  },
-  async createPages({ graphql, boundActionCreators }) {
-    const { createPage } = boundActionCreators;
-
-    const template = path.resolve('src/templates/_docstemplate.jsx');
-    // Query for all markdown "nodes" and for the slug we previously created.
-    const result = await graphql(
-      `
-        {
-          allMarkdownRemark {
-            edges {
-              node {
-                fields {
-                  slug
-                }
-              }
-            }
-          }
-        }
-      `
-    );
-    if (result.errors) {
-      throw result.errors;
-    }
-
-    // Create pages.
-    result.data.allMarkdownRemark.edges.forEach((edge) => {
-      createPage({
-        path: edge.node.fields.slug, // required
-        component: template,
-        context: {
-          slug: edge.node.fields.slug,
-        },
-      });
-    });
-  },
-};
diff --git a/docs/get-started/addons-walkthrough-optimized.mp4 b/docs/get-started/addons-walkthrough-optimized.mp4
new file mode 100644
index 00000000000..e9bbedc6f1c
Binary files /dev/null and b/docs/get-started/addons-walkthrough-optimized.mp4 differ
diff --git a/docs/get-started/addons.png b/docs/get-started/addons.png
new file mode 100644
index 00000000000..7bcb209c021
Binary files /dev/null and b/docs/get-started/addons.png differ
diff --git a/docs/get-started/browse-stories.md b/docs/get-started/browse-stories.md
new file mode 100644
index 00000000000..117563e550e
--- /dev/null
+++ b/docs/get-started/browse-stories.md
@@ -0,0 +1,66 @@
+---
+title: 'Browse Stories'
+---
+
+Last chapter we learned that stories correspond with discrete component states. This chapter demonstrates how to use Storybook as a workshop for building components.
+
+## Sidebar and Canvas
+
+A `*.stories.js` file defines all the stories for a component. Each story has a corresponding sidebar item. When you click on a story it renders in the Canvas, an isolated preview iframe.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="example-browse-all-stories-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+Navigate between stories by clicking on them in the sidebar or use keyboard shortcuts (for instance use opt/alt + ◀️ ▶️). Try the sidebar search to find a story by name.
+
+## Toolbar
+
+Storybook ships with time-saving tools built in. The toolbar contains tools that allow you to adjust how the story renders in the Canvas:
+
+![Storybook toolbar](./toolbar.png)
+
+- 🔍 Zooming visually scales the component so you can check the details.
+- 🖼 Background changes the rendered background behind your component so you can verify how your component renders in different visual contexts.
+- 📱 Viewport renders the component in a variety of dimensions and orientations. It’s ideal for checking the responsiveness of components.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="toolbar-walkthrough-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+The [“Docs”](../writing-docs/introduction.md) tab shows auto-generated documentation about components (inferred from the source code). Usage docs are helpful when sharing reusable components with your team. For example, in a design system or component library.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="toolbar-docs-tab-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+The toolbar is customizable. You can use [globals](../essentials/toolbars-and-globals.md) to quickly toggle themes and languages. Or install Storybook toolbar [addons](../configure/storybook-addons.md) from the community to enable advanced workflows.
+
+## Addons
+
+Addons are plugins that extend Storybook's core functionality. You can find them in the addons panel, a reserved place in the Storybook UI below the Canvas. Each tab shows the generated metadata, logs, or static analysis for the selected story by the addon.
+
+![Storybook addon examples](./addons.png)
+
+- **Controls** allows you to dynamically interact with a component’s args (inputs). Experiment with alternate configurations of the component to discover edge cases.
+- **Actions** help you verify interactions produce the correct outputs via callbacks. For instance if you view the “Logged In” story of the Header component, we can verify that clicking the “Log out” button triggers the `onLogout` callback, which would be provided by the component that made use of the Header.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addons-walkthrough-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+Storybook is extensible. Our rich ecosystem of addons helps you test, document, and optimize your stories. You can also create an addon to satisfy your workflow requirements. Read more in the [addons section](../api/addons.md).
+
+In the next chapter, we'll get your components rendering in Storybook so you can use it to supercharge component development.
diff --git a/docs/get-started/conclusion.md b/docs/get-started/conclusion.md
new file mode 100644
index 00000000000..0af65c0769c
--- /dev/null
+++ b/docs/get-started/conclusion.md
@@ -0,0 +1,11 @@
+---
+title: 'Conclusion'
+---
+
+Congratulations! You learned the basics. Storybook is the most popular tool for UI component development and documentation. You’ll be able to transfer these skills to thousands of companies that use Storybook to build UIs including GitHub, Airbnb, and Stripe.
+
+If you’d like to learn workflows for building app UIs with Storybook, check out the in-depth guides on [Learn Storybook](https://www.learnstorybook.com/). Continue reading for detailed information on how to use Storybook APIs.
+
+- [How to write stories](../writing-stories/introduction.md)
+- [How to document components and design systems](../writing-docs/introduction.md)
+- [View example Storybooks from leading companies](./examples.md)
diff --git a/docs/get-started/example-browse-all-stories-optimized.mp4 b/docs/get-started/example-browse-all-stories-optimized.mp4
new file mode 100644
index 00000000000..b844e7a78c9
Binary files /dev/null and b/docs/get-started/example-browse-all-stories-optimized.mp4 differ
diff --git a/docs/get-started/example-button-args.png b/docs/get-started/example-button-args.png
new file mode 100644
index 00000000000..3da11de226f
Binary files /dev/null and b/docs/get-started/example-button-args.png differ
diff --git a/docs/get-started/example-button-browse-stories-optimized.mp4 b/docs/get-started/example-button-browse-stories-optimized.mp4
new file mode 100644
index 00000000000..af41b84c037
Binary files /dev/null and b/docs/get-started/example-button-browse-stories-optimized.mp4 differ
diff --git a/docs/get-started/example-button-hot-module-reload-optimized.mp4 b/docs/get-started/example-button-hot-module-reload-optimized.mp4
new file mode 100644
index 00000000000..ea8991d8c9d
Binary files /dev/null and b/docs/get-started/example-button-hot-module-reload-optimized.mp4 differ
diff --git a/docs/get-started/example-button-noargs.png b/docs/get-started/example-button-noargs.png
new file mode 100644
index 00000000000..c0f85dfbafc
Binary files /dev/null and b/docs/get-started/example-button-noargs.png differ
diff --git a/docs/get-started/example-welcome.png b/docs/get-started/example-welcome.png
new file mode 100644
index 00000000000..4f74b342b6a
Binary files /dev/null and b/docs/get-started/example-welcome.png differ
diff --git a/docs/get-started/examples.md b/docs/get-started/examples.md
new file mode 100644
index 00000000000..4f98fc0ef71
--- /dev/null
+++ b/docs/get-started/examples.md
@@ -0,0 +1,53 @@
+---
+title: 'Example Storybooks'
+---
+
+Storybook is the world’s most popular component explorer. It's widely adopted by industry giants, startups, and open source projects alike.
+
+This is a curated list of Storybooks for your inspiration.
+
+## Storybook team
+
+- [Official Storybook](https://next--storybookjs.netlify.app/official-storybook/): Storybook application UI
+- [Storybook Design System](https://master--5ccbc373887ca40020446347.chromatic.com/): Reusable components that adhere to Storybook's design language
+- [Marketing and docs](https://master--5be26744d2f6250024a9117d.chromatic.com/): Main website that has stories for components and pages.
+- [Learn Storybook](https://master--5cf841a3f3e3d200208ffc74.chromatic.com/): Tutorial site that has stories for components and pages.
+
+## Websites
+
+See how to build UIs using a [component driven](https://www.componentdriven.org/) methodology.
+
+- [BBC Psammead](https://bbc.github.io/psammead/?path=/story/components-brand--without-brand-link)
+- [The Guardian](https://master--5dfcbf3012392c0020e7140b.chromatic.com)
+<!-- 
+NOTE for contributors: This is a curated list. Here's what qualifies:
+- Website or app Storybook that illustrates how to build UIs from small components to pages
+- Used in production by a medium/large company or large open source community
+- Must be developed actively
+  -->
+
+## Design systems and component libraries
+
+Learn how leading teams build design systems.
+
+- [Workday Canvas](https://workday.github.io/canvas-kit/?path=/story/welcome-getting-started--page)
+- [Salesforce Lightning](http://design-system-react-components.herokuapp.com/?path=/story/sldsaccordion--base)
+- [IBM Carbon](https://react.carbondesignsystem.com/?path=/story/accordion--accordion)
+- [Shopify Polaris](https://master--5d559397bae39100201eedc1.chromatic.com/)
+- [Airbnb Dates](http://airbnb.io/react-dates/?path=/story/daterangepicker-drp--default)
+- [Lonely Planet](http://lonelyplanet.github.io/backpack-ui/?path=/story/styles--design-tokens)
+- [Wix Style](https://www.wix.com/pages/wix-style-react/?path=/story/*)
+- [Chakra UI](https://chakra-ui.netlify.app/?path=/story/*)
+- [Grommet](https://storybook.grommet.io/?path=/story/all--all)
+- [Reaviz](https://reaviz.io/?path=/story/docs-intro--page)
+- [ShareGate Orbit](https://orbit.sharegate.design/?path=/docs/getting-started-packages--page)
+- [AppNexus Lucid](https://appnexus.github.io/lucid/?path=/docs/documentation-introduction--introduction)
+- [AnyVision UI](http://storybook.anyvision.co/)
+- [Skyscanner Backpack](https://backpack.github.io/storybook/)
+- [GitLab UI](https://gitlab-org.gitlab.io/gitlab-ui)
+<!-- 
+NOTE for contributors: This is a curated list. Here's what qualifies:
+- Design system or component library
+- Used in production by a medium/large company or large open source community (Grommet, Chakra)
+- Must have greater than 20+ contributors OR 1k+ GitHub stars OR show exceptional use of SB features
+  -->
diff --git a/docs/get-started/install.md b/docs/get-started/install.md
new file mode 100644
index 00000000000..2305bc59d82
--- /dev/null
+++ b/docs/get-started/install.md
@@ -0,0 +1,86 @@
+---
+title: 'Install Storybook'
+---
+
+Use the Storybook CLI to install it in a single command. Run this inside your existing project’s root directory:
+
+```shell
+npx sb init
+```
+
+<details>
+
+<summary><code>sb init</code> is not made for empty projects</summary>
+
+Storybook needs to be installed into a project that is already setup with a framework. It will not work on an empty project. There are many ways to bootstrap an app in given framework including:
+
+- 📦 [Create React App](https://reactjs.org/docs/create-a-new-react-app.html)
+- 📦 [Vue CLI](https://cli.vuejs.org/)
+- Or any other tooling available.
+
+</details>
+
+During its install process, Storybook will look into your project's dependencies and provide you with the best configuration available.
+
+The command above will make the following changes to your local environment:
+
+- 📦 Install the required dependencies.
+- 🛠 Setup the necessary scripts to run and build Storybook.
+- 🛠 Add the default Storybook configuration.
+- 📝 Add some boilerplate stories to get you started.
+
+Check that everything worked by running:
+
+```shell
+npm run storybook
+```
+
+It will start Storybook locally and output the address. Depending on your system configuration, it will automatically open the address in a new browser tab and you'll be greeted by a welcome screen.
+
+![Storybook welcome screen](./example-welcome.png)
+
+There are some noteworthy items here:
+
+- A collection of useful links for more in depth configuration and customization options you have at your disposal.
+- A second set of links for you to expand your Storybook knowledge and get involved with the ever growing Storybook community.
+- A few example stories to get you started.
+
+Now that you installed Storybook successfully, let’s take a look at a story that was written for us.
+
+<details>
+<summary><h4>Troubleshooting</h4></summary>
+
+You can also setup Storybook manually through the Storybook CLI.
+
+You can use the `--type` flag to tell Storybook to configure itself based on the flag.
+
+For instance you can use:
+
+- `--type react` to setup Storybook with the React configuration options.
+- `--type vue` to setup Storybook with the Vue configuration options.
+- `--type angular` to setup Storybook with the Angular configuration options.
+
+<!-- prettier-ignore-start -->
+
+<FeatureSnippets
+  paths={[
+   'get-started/installation-problems/angular.mdx',
+   'get-started/installation-problems/ember.mdx',
+   'get-started/installation-problems/html.mdx',
+   'get-started/installation-problems/marko.mdx',
+   'get-started/installation-problems/mithril.mdx',
+   'get-started/installation-problems/preact.mdx',
+   'get-started/installation-problems/rax.mdx',
+   'get-started/installation-problems/react.mdx',
+   'get-started/installation-problems/riot.mdx',
+   'get-started/installation-problems/svelte.mdx',
+   'get-started/installation-problems/vue.mdx',
+   'get-started/installation-problems/web-components.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+If all else fails, try asking for [help](https://storybook.js.org/support)
+
+</details>
diff --git a/docs/get-started/installation-problems/angular.mdx b/docs/get-started/installation-problems/angular.mdx
new file mode 100644
index 00000000000..9cb61e6cbc0
--- /dev/null
+++ b/docs/get-started/installation-problems/angular.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Angular framework](../../app/angular/README.md).
diff --git a/docs/get-started/installation-problems/ember.mdx b/docs/get-started/installation-problems/ember.mdx
new file mode 100644
index 00000000000..bc83291e9fb
--- /dev/null
+++ b/docs/get-started/installation-problems/ember.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Ember framework](../../app/ember/README.md).
diff --git a/docs/get-started/installation-problems/html.mdx b/docs/get-started/installation-problems/html.mdx
new file mode 100644
index 00000000000..a5e32107104
--- /dev/null
+++ b/docs/get-started/installation-problems/html.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the HTML framework](../../app/html/README.md).
diff --git a/docs/get-started/installation-problems/marko.mdx b/docs/get-started/installation-problems/marko.mdx
new file mode 100644
index 00000000000..f6c02bccc6f
--- /dev/null
+++ b/docs/get-started/installation-problems/marko.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Marko framework](../../app/marko/README.md).
diff --git a/docs/get-started/installation-problems/mithril.mdx b/docs/get-started/installation-problems/mithril.mdx
new file mode 100644
index 00000000000..201cbd380e6
--- /dev/null
+++ b/docs/get-started/installation-problems/mithril.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Mithril framework](../../app/mithril/README.md).
diff --git a/docs/get-started/installation-problems/preact.mdx b/docs/get-started/installation-problems/preact.mdx
new file mode 100644
index 00000000000..d33de4b3111
--- /dev/null
+++ b/docs/get-started/installation-problems/preact.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Preact framework](../../app/preact/README.md).
diff --git a/docs/get-started/installation-problems/rax.mdx b/docs/get-started/installation-problems/rax.mdx
new file mode 100644
index 00000000000..ccca04d2f5f
--- /dev/null
+++ b/docs/get-started/installation-problems/rax.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Rax framework](../../app/rax/README.md).
diff --git a/docs/get-started/installation-problems/react.mdx b/docs/get-started/installation-problems/react.mdx
new file mode 100644
index 00000000000..07c07d03d6f
--- /dev/null
+++ b/docs/get-started/installation-problems/react.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the React framework](../../app/react/README.md).
diff --git a/docs/get-started/installation-problems/riot.mdx b/docs/get-started/installation-problems/riot.mdx
new file mode 100644
index 00000000000..e6ec6ecf364
--- /dev/null
+++ b/docs/get-started/installation-problems/riot.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Riot framework](../../app/riot/README.md).
diff --git a/docs/get-started/installation-problems/svelte.mdx b/docs/get-started/installation-problems/svelte.mdx
new file mode 100644
index 00000000000..0d0776b2a41
--- /dev/null
+++ b/docs/get-started/installation-problems/svelte.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Svelte framework](../../app/svelte/README.md).
diff --git a/docs/get-started/installation-problems/vue.mdx b/docs/get-started/installation-problems/vue.mdx
new file mode 100644
index 00000000000..80137e14615
--- /dev/null
+++ b/docs/get-started/installation-problems/vue.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Vue framework](../../app/vue/README.md).
diff --git a/docs/get-started/installation-problems/web-components.mdx b/docs/get-started/installation-problems/web-components.mdx
new file mode 100644
index 00000000000..679fa60eb08
--- /dev/null
+++ b/docs/get-started/installation-problems/web-components.mdx
@@ -0,0 +1 @@
+If there's an installation problem, check the [README for the Web Components framework](../../app/web-components/README.md).
diff --git a/docs/get-started/introduction.md b/docs/get-started/introduction.md
new file mode 100644
index 00000000000..dadde776b69
--- /dev/null
+++ b/docs/get-started/introduction.md
@@ -0,0 +1,28 @@
+---
+title: 'Introduction to Storybook'
+---
+
+Storybook is a tool for UI development. It makes development faster and easier by isolating components. This allows you to work on one component at a time. You can develop entire UIs without needing to start up a complex dev stack, force certain data into your database, or navigate around your application.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="storybook-hero-video-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+Use Storybook to build small atomic components and complex pages in your web application. If it's a UI, you can build it with Storybook.
+
+![Storybook relationship](./storybook-relationship.png)
+
+Storybook helps you **document** components for reuse and automatically **visually test** your components to prevent bugs. Extend Storybook with an ecosystem of **addons** that help you do things like fine tune responsive layouts or verify accessibility.
+
+Storybook integrates with most popular JavaScript UI frameworks and (experimentally) supports server-rendered component frameworks such as [Ruby on Rails](https://rubyonrails.org/).
+
+## Learning resources
+
+If you want to learn more about the component-driven approach that Storybook enables, this [site](http://componentdriven.org) is a good place to start.
+
+If you want a guided tutorial through building a simple application with Storybook in your framework and language, [LearnStorybook](https://www.learnstorybook.com/) has your back.
+
+Read on to learn Storybook basics and API!
diff --git a/docs/get-started/setup.md b/docs/get-started/setup.md
new file mode 100644
index 00000000000..42159c9faa9
--- /dev/null
+++ b/docs/get-started/setup.md
@@ -0,0 +1,109 @@
+---
+title: 'Setup Storybook'
+---
+
+Now that you’ve learned what stories are and how to browse them, let’s demo working on one of your components.
+
+Pick a simple component from your project, like a Button, and write a `.stories.js` file to go along with it. It might look something like this:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/your-component.js.mdx',
+    'react/your-component.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Go to your Storybook to view the rendered component. It’s OK if it looks a bit unusual right now.
+
+Depending on your technology stack, you also might need to configure the Storybook environment further.
+
+## Configure Storybook for your stack
+
+Storybook comes with a permissive [default configuration](../configure/overview.md). It attempts to customize itself to fit your setup. But it’s not foolproof.
+
+Your project may have additional requirements before components can be rendered in isolation. This warrants customizing configuration further. There are three broad categories of configuration you might need.
+
+<details>
+<summary>Build configuration like webpack and Babel</summary>
+
+If you see errors on the CLI when you run the `yarn storybook` command. It’s likely you need to make changes to Storybook’s build configuration. Here are some things to try:
+
+- [Presets](../api/presets.md) bundle common configurations for various technologies into Storybook. In particular presets exist for Create React App, SCSS and Ant Design.
+- Specify a custom [Babel configuration](../configure/babel.md#custom-babel-config) for Storybook. Storybook automatically tries to use your project’s config if it can.
+- Adjust the [webpack configuration](../configure/webpack.md) that Storybook uses. Try patching in your own configuration if needed.
+
+</details>
+
+<details>
+<summary>Runtime configuration</summary>
+
+If Storybook builds but you see an error immediately when connecting to it in the browser, then chances are one of your input files is not compiling/transpiling correctly to be interpreted by the browser. Storybook supports modern browsers and IE11, but you may need to check the Babel and webpack settings (see above) to ensure your component code works correctly.
+
+</details>
+
+<details id="component-context" name="component-context">
+<summary>Component context</summary>
+
+If a particular story has a problem rendering, often it means your component expects a certain environment is available to the component.
+
+A common frontend pattern is for components to assume that they render in a certain “context” with parent components higher up the rendering hierarchy (for instance theme providers)
+
+Use [decorators](../writing-stories/decorators.md) to “wrap” every story in the necessary context providers. [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering) allows you to customize how components render in Canvas, the preview iframe. In this decorator example, we wrap every component rendered in Storybook with `ThemeProvider`.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/storybook-preview-with-styled-components-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+</details>
+
+## Render component styles
+
+Storybook isn’t opinionated about how you generate or load CSS. It renders whatever DOM elements you provide. But sometimes things won’t “look right” out of the box.
+
+You may have to configure your CSS tooling for Storybook’s rendering environment. Here are some tips on what could help:
+
+<details>
+  <summary>CSS-in-JS like styled-components and Emotion</summary>
+
+If you are using CSS-in-JS, chances are your styles are working because they’re generated in JavaScript and served alongside each component.
+
+Theme users may need to add a decorator to `.storybook/preview.js`, [see above](#component-context).
+
+</details>
+
+<details>
+  <summary>@import CSS into components</summary>
+
+Storybook allows you to import CSS files in your components directly. But in some cases you may need to [tweak the webpack config](../configure/webpack.md#extendingstorybooks-webpack-config). Angular components require [a special import](../configure/styling-and-css.md#importing-css-files).
+
+</details>
+
+<details>
+  <summary>Global imported styles</summary>
+
+If you have global imported styles, create a file called [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering) and import the styles there. The styles will be added by Storybook automatically for all stories.
+
+</details>
+
+<details>
+  <summary>Add external CSS or fonts in the &lt;head&gt;</summary>
+
+Alternatively if you want to inject a CSS link tag to the `<head>` directly (or some other resource like a font link), you can use [`.storybook/preview-head.html`](../configure/story-rendering.md#adding-to-&#60head&#62) to add arbitrary HTML.
+
+</details>
+
+## Load assets and resources
+
+If you want to link to static files in your project or stories (e.g. `/fonts/XYZ.woff`), use the `-s path/to/folder` to specify a static folder to serve from when you start up Storybook. To do so, edit the `storybook` and `build-storybook` scripts in `package.json`.
+
+We recommend serving external resources and assets requested in your components statically with Storybook. This ensures that assets are always available to your stories.
diff --git a/docs/get-started/storybook-hero-video-optimized.mp4 b/docs/get-started/storybook-hero-video-optimized.mp4
new file mode 100644
index 00000000000..37c0a8b4c12
Binary files /dev/null and b/docs/get-started/storybook-hero-video-optimized.mp4 differ
diff --git a/docs/get-started/storybook-relationship.png b/docs/get-started/storybook-relationship.png
new file mode 100644
index 00000000000..17c31cf9b50
Binary files /dev/null and b/docs/get-started/storybook-relationship.png differ
diff --git a/docs/get-started/toolbar-docs-tab-optimized.mp4 b/docs/get-started/toolbar-docs-tab-optimized.mp4
new file mode 100644
index 00000000000..54656cd5e4d
Binary files /dev/null and b/docs/get-started/toolbar-docs-tab-optimized.mp4 differ
diff --git a/docs/get-started/toolbar-walkthrough-optimized.mp4 b/docs/get-started/toolbar-walkthrough-optimized.mp4
new file mode 100644
index 00000000000..06048b78a7f
Binary files /dev/null and b/docs/get-started/toolbar-walkthrough-optimized.mp4 differ
diff --git a/docs/get-started/toolbar.png b/docs/get-started/toolbar.png
new file mode 100644
index 00000000000..a7f5a5940e3
Binary files /dev/null and b/docs/get-started/toolbar.png differ
diff --git a/docs/get-started/whats-a-story.md b/docs/get-started/whats-a-story.md
new file mode 100644
index 00000000000..0f9e57bb0cb
--- /dev/null
+++ b/docs/get-started/whats-a-story.md
@@ -0,0 +1,82 @@
+---
+title: "What's a Story"
+---
+
+A story captures the rendered state of a UI component. Developers write multiple stories per component that describe all the “interesting” states a component can support.
+
+The CLI created example components that demonstrate the types of components you can build with Storybook: Button, Header, and Page.
+
+Each example component has a set of stories that show the states it supports. You can browse the stories in the UI and see the code behind them in files that end with `.stories.js` or `.stories.ts`. The stories are written in Component Story Format (CSF)--an ES6 modules-based standard--for writing component examples.
+
+Let’s start with the `Button` component. A story is a function that describes how to render the component in question. Here’s how to render `Button` in the “primary” state and export a story called `Primary`.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story.js.mdx',
+    'react/button-story.ts.mdx',
+    'react/button-story.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+![Initial button story](./example-button-noargs.png)
+
+View the rendered `Button` by clicking on it in the Storybook sidebar.
+
+The above story definition can be further improved to take advantage of [Storybook’s “args”](../writing-stories/args.md) concept. Args describes the arguments to Button in a machine readable way. This unlocks Storybook’s superpower of altering and composing arguments dynamically.
+
+```js
+// We create a “template” of how args map to rendering
+
+const Template = (args) => <Button {...args} />;
+
+// Each story then reuses that template
+export const Primary = Template.bind({});
+
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+```
+
+![Button story with args](./example-button-args.png)
+
+Both story examples render the same thing because Storybook feeds the given `args` property into the story during render. But you get timesaving conveniences with args:
+
+- `Button`s callbacks are logged into the Actions tab. Click to try it.
+- `Button`s arguments are dynamically editable in the Controls tab. Adjust the controls
+
+<div class="aside">
+
+Note that `Template.bind({})` is a [standard JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) technique for making a copy of a function. We copy the `Template` so each exported story can set its own properties on it.
+
+</div>
+
+### Edit a story
+
+Storybook makes it easy to work on one component in one state (aka a story) at a time. When you edit the Button code or stories, Storybook will instantly re-render in the browser. No need to manually refresh.
+
+Update the `label` of the `Primary` story then see your change in Storybook.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="example-button-hot-module-reload-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+Stories are also useful for checking that UI continues to look correct as you make changes. The `Button` component has four stories that show it in different use cases. View those stories now to confirm that your change to `Primary` didn’t introduce unintentional bugs in the other stories.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="example-button-browse-stories-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+Checking a component’s stories as you develop helps prevent accidental regressions. Tools that integrate with Storybook can also [automate](../workflows/testing-with-storybook.md) this for you.
+
+Now we’ve seen the basic anatomy of a story, let’s see how we use Storybook’s UI to develop stories.
diff --git a/docs/package.json b/docs/package.json
deleted file mode 100644
index 7502ac06659..00000000000
--- a/docs/package.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
-  "name": "storybook.js.org",
-  "version": "1.0.0",
-  "private": true,
-  "description": "storybook.js.org documentation",
-  "keywords": [
-    "documentation",
-    "storybooks"
-  ],
-  "license": "MIT",
-  "main": "n/a",
-  "scripts": {
-    "build": "gatsby build --prefix-paths && cp static/**/* ./public",
-    "dev": "gatsby develop",
-    "serve": "gatsby serve"
-  },
-  "dependencies": {
-    "@storybook/components": "5.2.5",
-    "@storybook/theming": "5.2.5",
-    "babel-loader": "^6.4.1",
-    "babel-plugin-styled-components": "^1.10.6",
-    "bootstrap": "^4.3.1",
-    "gatsby": "^1.9.279",
-    "gatsby-link": "^1.6.45",
-    "gatsby-plugin-segment": "^1.0.2",
-    "gatsby-plugin-sharp": "^1.6.48",
-    "gatsby-plugin-styled-components": "^2.0.0",
-    "gatsby-remark-autolink-headers": "^1.4.19",
-    "gatsby-remark-copy-linked-files": "^1.5.37",
-    "gatsby-remark-images": "^1.5.67",
-    "gatsby-remark-smartypants": "^1.4.12",
-    "gatsby-source-filesystem": "^1.5.39",
-    "gatsby-transformer-remark": "^1.7.44",
-    "global": "^4.4.0",
-    "html-react-parser": "^0.10.0",
-    "is-builtin-module": "^3.0.0",
-    "lodash": "^4.17.15",
-    "marked": "^0.7.0",
-    "polished": "^3.4.2",
-    "prop-types": "^15.7.2",
-    "react": "^16.12.0",
-    "react-document-title": "^2.0.3",
-    "react-dom": "^16.12.0",
-    "react-helmet": "^5.2.0",
-    "react-popper-tooltip": "^2.10.0",
-    "react-router": "^4.3.1",
-    "react-stack-grid": "^0.7.1",
-    "recompose": "^0.30.0",
-    "sitemap": "^4.1.1",
-    "styled-components": "^4.4.1",
-    "ts-dedent": "^1.1.0",
-    "validatorjs": "^3.18.0"
-  }
-}
diff --git a/docs/postcss.config.js b/docs/postcss.config.js
deleted file mode 100644
index 262d73358d8..00000000000
--- a/docs/postcss.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = () => ({
-  plugins: [],
-});
diff --git a/docs/snippets/angular/button-component-with-proptypes.ts.mdx b/docs/snippets/angular/button-component-with-proptypes.ts.mdx
new file mode 100644
index 00000000000..85e5aa0f12a
--- /dev/null
+++ b/docs/snippets/angular/button-component-with-proptypes.ts.mdx
@@ -0,0 +1,28 @@
+```ts
+// my-button.component.ts
+
+import { Component, Input} from '@angular/core';
+
+@Component({
+  selector: 'my-button',
+  template: ` <button
+    type="button"
+    [disabled]="isDisabled">
+    {{ content }}
+  </button>`,
+  styleUrls: ['./button.css'],
+})
+export default class ButtonComponent {
+  /**
+   * Checks if the button should be disabled
+   */
+  @Input()
+  isDisabled: boolean;
+
+  /**
+  The display content of the button
+  */
+  @Input()
+  content: string;
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/button-group-story.ts.mdx b/docs/snippets/angular/button-group-story.ts.mdx
new file mode 100644
index 00000000000..b5360659a71
--- /dev/null
+++ b/docs/snippets/angular/button-group-story.ts.mdx
@@ -0,0 +1,32 @@
+```ts
+// ButtonGroup.stories.ts
+
+import { moduleMetadata } from '@storybook/angular';
+import { CommonModule } from '@angular/common';
+
+import ButtonGroup from './ButtonGroup.component';
+import Button from './button.component';
+import * as ButtonStories from './Button.stories';
+
+export default {
+  title: 'ButtonGroup',
+  component: ButtonGroup,
+  decorators: [
+    moduleMetadata({
+      declarations: [Button],
+      imports: [CommonModule],
+    }),
+  ],
+};
+
+const Template = (args: ButtonGroup) => ({
+  component :ButtonGroup,
+  props: args,
+});
+
+export const Pair = Template.bind({});
+Pair.args = {
+  buttons: [ ...ButtonStories.Primary.args, ...ButtonStories.Secondary.args ],
+  orientation: 'horizontal',
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/button-story-component-args-primary.ts.mdx b/docs/snippets/angular/button-story-component-args-primary.ts.mdx
new file mode 100644
index 00000000000..27a98546c53
--- /dev/null
+++ b/docs/snippets/angular/button-story-component-args-primary.ts.mdx
@@ -0,0 +1,18 @@
+```ts
+// Button.stories.ts
+
+import Button from './button.component';
+
+export default {
+  title: "Button",
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  args: {
+    // Now all Button stories will be primary.
+    primary: true,
+  },
+}
+
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/button-story-default-export-with-component.ts.mdx b/docs/snippets/angular/button-story-default-export-with-component.ts.mdx
new file mode 100644
index 00000000000..4de7c48f9a7
--- /dev/null
+++ b/docs/snippets/angular/button-story-default-export-with-component.ts.mdx
@@ -0,0 +1,10 @@
+```ts
+// Button.stories.ts
+
+import Button from './button.component';
+
+export default {
+  title: 'Components/Button',
+  component: Button,
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/button-story-rename-story.ts.mdx b/docs/snippets/angular/button-story-rename-story.ts.mdx
new file mode 100644
index 00000000000..7cf5bdbb7ff
--- /dev/null
+++ b/docs/snippets/angular/button-story-rename-story.ts.mdx
@@ -0,0 +1,14 @@
+```ts
+// Button.stories.ts
+
+import Button from './button.component';
+
+export const Primary = () => ({
+  component: Button,
+  props: {
+    label: 'Button',
+  },
+});
+
+Primary.storyName='I am the primary';
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/button-story-using-args.ts.mdx b/docs/snippets/angular/button-story-using-args.ts.mdx
new file mode 100644
index 00000000000..ffe70619637
--- /dev/null
+++ b/docs/snippets/angular/button-story-using-args.ts.mdx
@@ -0,0 +1,18 @@
+```ts
+// Button.stories.ts
+
+// We create a “template” of how args map to rendering
+const Template = (args: Button) => ({
+  component: Button,
+  props: args,
+});
+
+export const Primary = Template.bind({});
+Primary.args = { background: '#ff0', label: 'Button' };
+
+export const Secondary = Template.bind({});
+Secondary.args = { ...Primary.args, label: '😄👍😍💯' };
+
+export const Tertiary = Template.bind({});
+Tertiary.args = { ...Primary.args, label: '📚📕📈🤓' };
+```
diff --git a/docs/snippets/angular/button-story-with-args.ts.mdx b/docs/snippets/angular/button-story-with-args.ts.mdx
new file mode 100644
index 00000000000..071eb8d804c
--- /dev/null
+++ b/docs/snippets/angular/button-story-with-args.ts.mdx
@@ -0,0 +1,15 @@
+```ts
+//Button.stories.ts
+
+const Template = (args: Button) => ({
+  component: Button,
+  props: args,
+});
+
+export const Primary = Template.bind({});
+
+Primary.args = {
+  primary: true,
+  label: 'Primary',
+};
+```
diff --git a/docs/snippets/angular/button-story-with-blue-args.ts.mdx b/docs/snippets/angular/button-story-with-blue-args.ts.mdx
new file mode 100644
index 00000000000..5fc2dae5956
--- /dev/null
+++ b/docs/snippets/angular/button-story-with-blue-args.ts.mdx
@@ -0,0 +1,19 @@
+```ts
+// Button.stories.ts
+
+import Button from './button.component';
+
+export default {
+  title: 'Button',
+  component: Button,
+  parameters: {
+    backgrounds: {
+      values: [
+         { name: 'red', value: '#f00', },
+         { name: 'green', value: '#0f0', },
+         { name: 'blue', value: '#00f', },
+      ]
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/button-story-with-emojis.ts.mdx b/docs/snippets/angular/button-story-with-emojis.ts.mdx
new file mode 100644
index 00000000000..fbc50f3f667
--- /dev/null
+++ b/docs/snippets/angular/button-story-with-emojis.ts.mdx
@@ -0,0 +1,29 @@
+```ts
+// Button.stories.ts
+
+import Button from './button.component';
+
+export const Primary = () => ({
+  component: Button,
+  props: {
+    label: 'Button',
+    background: '#ff0',
+  },
+});
+
+export const Secondary = () => ({
+  component: Button,
+  props: {
+    label: '😄👍😍💯',
+    background: '#ff0',
+  },
+});
+
+export const Tertiary = () => ({
+  component: Button,
+  props: {
+    label: '📚📕📈🤓',
+    background: '#ff0',
+  },
+});
+```
diff --git a/docs/snippets/angular/button-story-with-parameters.ts.mdx b/docs/snippets/angular/button-story-with-parameters.ts.mdx
new file mode 100644
index 00000000000..8394dedda8d
--- /dev/null
+++ b/docs/snippets/angular/button-story-with-parameters.ts.mdx
@@ -0,0 +1,18 @@
+```ts
+// Button.stories.ts
+
+import Button from './button.component';
+
+export default {
+  title: 'Button',
+  component: Button,
+  parameters: {
+    backgrounds: {
+      values: [
+         { name: 'red', value: '#f00', },
+         { name: 'green', value: '#0f0', },
+      ],
+    }
+  }
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/button-story.ts.mdx b/docs/snippets/angular/button-story.ts.mdx
new file mode 100644
index 00000000000..ec48eb0926e
--- /dev/null
+++ b/docs/snippets/angular/button-story.ts.mdx
@@ -0,0 +1,12 @@
+```ts
+// Button.stories.ts
+
+import Button from './button.component';
+
+export const Primary = () => ({
+  component: Button,
+  props: {
+    label: 'Button',
+  },
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/list-story-expanded.ts.mdx b/docs/snippets/angular/list-story-expanded.ts.mdx
new file mode 100644
index 00000000000..bf138922109
--- /dev/null
+++ b/docs/snippets/angular/list-story-expanded.ts.mdx
@@ -0,0 +1,38 @@
+```ts
+// List.stories.ts
+
+import { moduleMetadata } from '@storybook/angular';
+import { CommonModule } from '@angular/common';
+
+import List from './list.component';
+import ListItem from './list-item.component'
+
+
+export default {
+  title: 'List',
+  component: List,
+  decorators: [
+    moduleMetadata({
+      declarations: [ListItem],
+      imports: [CommonModule],
+    }),
+  ],
+};
+
+// Always an empty list, not super interesting
+const Template = (args: List) => ({
+  component: List,
+  props: args,
+});
+
+export const OneItem = Template.bind({});
+OneItem.args = {
+    items:[ListItem]
+};
+
+export const ManyItems = Template.bind({});
+ManyItems.args = {
+    items:[ListItem,ListItem,ListItem]
+};
+
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/list-story-reuse-data.ts.mdx b/docs/snippets/angular/list-story-reuse-data.ts.mdx
new file mode 100644
index 00000000000..880d429dced
--- /dev/null
+++ b/docs/snippets/angular/list-story-reuse-data.ts.mdx
@@ -0,0 +1,14 @@
+```ts
+// List.stories.ts
+
+import * as ListItemStories from './ListItem.stories';
+
+export const ManyItems = Template.bind({});
+ManyItems.args = {
+    items:[
+        ...ListItemStories.Selected.args,
+        ...ListItemStories.Unselected.args,
+        ...ListItemStoriesUnselected.args
+    ]
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/list-story-starter.ts.mdx b/docs/snippets/angular/list-story-starter.ts.mdx
new file mode 100644
index 00000000000..045eedd99b9
--- /dev/null
+++ b/docs/snippets/angular/list-story-starter.ts.mdx
@@ -0,0 +1,17 @@
+```ts
+// List.stories.ts
+
+import List from './list.component';
+
+export default {
+  title: 'List',
+  component: List,  
+};
+
+// Always an empty list, not super interesting
+const Template = (args: List) => ({
+  component: List,
+  props: args,
+});
+
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/page-story.ts.mdx b/docs/snippets/angular/page-story.ts.mdx
new file mode 100644
index 00000000000..20f0ba43ad0
--- /dev/null
+++ b/docs/snippets/angular/page-story.ts.mdx
@@ -0,0 +1,33 @@
+```ts
+// Page.stories.ts
+
+import { moduleMetadata } from '@storybook/angular';
+import { CommonModule } from '@angular/common';
+
+import Button from './button.component';
+import Header from './header.component';
+import Page from './page.component';
+
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  component: Header,
+  decorators: [
+    moduleMetadata({
+      declarations: [Button, Header],
+      imports: [CommonModule],
+    }),
+  ],
+};
+
+const Template = (args: Page) => ({
+  component: Page,
+  props: args,
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/angular/storybook-angular-inline-css-loader.js.mdx b/docs/snippets/angular/storybook-angular-inline-css-loader.js.mdx
new file mode 100644
index 00000000000..2d966e113f0
--- /dev/null
+++ b/docs/snippets/angular/storybook-angular-inline-css-loader.js.mdx
@@ -0,0 +1,3 @@
+```js
+import '!style-loader!css-loader!./styles.css';
+```
\ No newline at end of file
diff --git a/docs/snippets/common/addon-consume-globaltype.js.mdx b/docs/snippets/common/addon-consume-globaltype.js.mdx
new file mode 100644
index 00000000000..b46acf0f4d0
--- /dev/null
+++ b/docs/snippets/common/addon-consume-globaltype.js.mdx
@@ -0,0 +1,25 @@
+```js
+// your-addon-register-file.js
+
+import { useGlobals } from '@storybook/api';
+import { AddonPanel, Placeholder, Separator, Source, Spaced, Title } from '@storybook/components';
+
+const ThemePanel = props => {
+  const [{ theme: themeName }] = useGlobals();
+  const theme = getTheme(themeName);
+
+  return (
+    <AddonPanel {...props}>
+      {theme ? (
+        <Spaced row={3} outer={1}>
+          <Title>{theme.name}</Title>
+          <p>The full theme object/p>
+          <Source code={JSON.stringify(theme, null, 2)} language="js" copyable padded showLineNumbers />
+        </Spaced>
+      ) : (
+        <Placeholder>No theme selected</Placeholder>
+      )}
+    </AddonPanel>
+  );
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/args-usage-with-addons.js.mdx b/docs/snippets/common/args-usage-with-addons.js.mdx
new file mode 100644
index 00000000000..6c6f5fb6db7
--- /dev/null
+++ b/docs/snippets/common/args-usage-with-addons.js.mdx
@@ -0,0 +1,16 @@
+```js
+// your-addon/register.js
+
+import { useArgs } from '@storybook/api';
+
+const [args, updateArgs,resetArgs] = useArgs();
+
+// To update one or more args:
+updateArgs({ key: 'value' });
+
+// To reset one (or more) args:
+resetArgs(argNames:['key']);
+
+// To reset all args
+resetArgs();
+```
\ No newline at end of file
diff --git a/docs/snippets/common/badge-story-starter-example.mdx.mdx b/docs/snippets/common/badge-story-starter-example.mdx.mdx
new file mode 100644
index 00000000000..4f24652e16b
--- /dev/null
+++ b/docs/snippets/common/badge-story-starter-example.mdx.mdx
@@ -0,0 +1,49 @@
+```md
+
+<!--- Badge.stories.mdx --->
+
+import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
+
+import { Badge } from './Badge';
+import { Icon } from './Icon';
+
+<Meta title="MDX/Badge" component={Badge} />
+
+# Badge
+
+Let's define a story for our `Badge` component:
+
+<Story name="positive">
+  <Badge status="positive">Positive</Badge>
+</Story>
+
+We can drop it in a `Canvas` to get a code snippet:
+
+<Canvas>
+  <Story name="negative">
+    <Badge status="negative">Negative</Badge>
+  </Story>
+</Canvas>
+
+We can even preview multiple stories in a block. This
+gets rendered as a group, but defines individual stories
+with unique URLs and isolated snapshot tests.
+
+<Canvas>
+  <Story name="warning">
+    <Badge status="warning">Warning</Badge>
+  </Story>
+  <Story name="neutral">
+    <Badge status="neutral">Neutral</Badge>
+  </Story>
+  <Story name="error">
+    <Badge status="error">Error</Badge>
+  </Story>
+  <Story name="with icon">
+    <Badge status="warning">
+      <Icon icon="check" inline />
+      with icon
+    </Badge>
+  </Story>
+</Canvas>
+```
\ No newline at end of file
diff --git a/docs/snippets/common/badge-story.mdx.mdx b/docs/snippets/common/badge-story.mdx.mdx
new file mode 100644
index 00000000000..9399ee66bfd
--- /dev/null
+++ b/docs/snippets/common/badge-story.mdx.mdx
@@ -0,0 +1,69 @@
+```md
+
+<!---Badge.stories.mdx --->
+
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+
+import { Badge } from './Badge';
+import { Icon } from './Icon';
+
+<Meta title="MDX/Badge" component={Badge} />
+
+<!--- This is your Story template function, shown here in React -->
+
+export const Template = (args) => <Badge {...args } />
+
+# Badge
+
+Let's define a story for our `Badge` component:
+
+<Story name="positive" args={{
+    status: 'positive', 
+    label: 'Positive' 
+}}>
+  {Template.bind({})}
+</Story>
+
+We can drop it in a `Canvas` to get a code snippet:
+
+<Canvas>
+  <Story name="negative" args={{
+      status: 'negative', 
+      label: 'Negative'
+  }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+We can even preview multiple Stories in a block. This
+gets rendered as a group, but defines individual stories
+with unique URLs which is great for review and testing.
+
+<Canvas>
+  <Story name="warning" args={{
+      status: warning,
+      label: 'Warning' 
+  }}>
+    {Template.bind({})}
+  </Story>
+  <Story name="neutral" args={{
+      status: 'neutral', 
+      label: 'Neutral' 
+  }}>
+    {Template.bind({})}
+  </Story>
+  <Story name="error" args={{
+      status: 'error', 
+      label: 'Error' 
+  }}>
+    {Template.bind({})}
+  </Story>
+  <Story name="with icon" args={{
+    status: warning, 
+    label: (<Icon icon="check" inline /> with icon)
+  )}}>
+    {Template.bind({})}
+  </Story>
+</Story>
+</Canvas>
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-group-story-subcomponents.js.mdx b/docs/snippets/common/button-group-story-subcomponents.js.mdx
new file mode 100644
index 00000000000..f96e2b5032b
--- /dev/null
+++ b/docs/snippets/common/button-group-story-subcomponents.js.mdx
@@ -0,0 +1,11 @@
+```js
+// ButtonGroup.stories.js
+
+import { Button, ButtonGroup } from '../ButtonGroup';
+
+export default {
+  title: 'Path/to/ButtonGroup',
+  component: ButtonGroup,
+  subcomponents: { Button },
+};
+```
diff --git a/docs/snippets/common/button-group-story-subcomponents.ts.mdx b/docs/snippets/common/button-group-story-subcomponents.ts.mdx
new file mode 100644
index 00000000000..ca5231fed93
--- /dev/null
+++ b/docs/snippets/common/button-group-story-subcomponents.ts.mdx
@@ -0,0 +1,11 @@
+```ts
+// ButtonGroup.stories.ts
+
+import { ButtonGroup, ButtonGroupProps } from '../ButtonGroup';
+
+export default {
+  title: 'Path/to/ButtonGroup',
+  component: ButtonGroup,
+  subcomponents: { Button },
+} as Meta;
+```
diff --git a/docs/snippets/common/button-story-action-event-handle.js.mdx b/docs/snippets/common/button-story-action-event-handle.js.mdx
new file mode 100644
index 00000000000..b8c01989e44
--- /dev/null
+++ b/docs/snippets/common/button-story-action-event-handle.js.mdx
@@ -0,0 +1,13 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'Button',
+  parameters: {
+    actions: {
+      handles: ['mouseover', 'click .btn']
+    }
+  }
+};
+
+```
diff --git a/docs/snippets/common/button-story-configure-backgrounds.js.mdx b/docs/snippets/common/button-story-configure-backgrounds.js.mdx
new file mode 100644
index 00000000000..619f5c72059
--- /dev/null
+++ b/docs/snippets/common/button-story-configure-backgrounds.js.mdx
@@ -0,0 +1,17 @@
+```js
+// Button.stories.js
+
+// To apply a set of backgrounds to all stories of Button:
+export default {
+  title: 'Button',
+  parameters: {
+    backgrounds: {
+      default: 'twitter',
+      values: [
+        { name: 'twitter', value: '#00aced' },
+        { name: 'facebook', value: '#3b5998' },
+      ],
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-controls-color-picker.js.mdx b/docs/snippets/common/button-story-controls-color-picker.js.mdx
new file mode 100644
index 00000000000..719ffddde99
--- /dev/null
+++ b/docs/snippets/common/button-story-controls-color-picker.js.mdx
@@ -0,0 +1,11 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-controls-red-input.js.mdx b/docs/snippets/common/button-story-controls-red-input.js.mdx
new file mode 100644
index 00000000000..7b96c7c45c1
--- /dev/null
+++ b/docs/snippets/common/button-story-controls-red-input.js.mdx
@@ -0,0 +1,8 @@
+```js
+// Button.stories.js
+
+const Red = Template.bind({});
+Red.args = {
+   backgroundColor: '#e00',
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-default-export.js.mdx b/docs/snippets/common/button-story-default-export.js.mdx
new file mode 100644
index 00000000000..d9428bb3a93
--- /dev/null
+++ b/docs/snippets/common/button-story-default-export.js.mdx
@@ -0,0 +1,7 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'Button'
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-disable-backgrounds.js.mdx b/docs/snippets/common/button-story-disable-backgrounds.js.mdx
new file mode 100644
index 00000000000..b8e47175b81
--- /dev/null
+++ b/docs/snippets/common/button-story-disable-backgrounds.js.mdx
@@ -0,0 +1,8 @@
+```js
+// Button.stories.js
+
+export const Large = Template.bind({});
+Large.parameters = {
+  backgrounds: { disable: true }
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-disable-docspage-component.js.mdx b/docs/snippets/common/button-story-disable-docspage-component.js.mdx
new file mode 100644
index 00000000000..2ff03bdc2a8
--- /dev/null
+++ b/docs/snippets/common/button-story-disable-docspage-component.js.mdx
@@ -0,0 +1,18 @@
+```js
+// Button.stories.js
+
+import { Button } from './Button';
+
+export default {
+  title: 'Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  parameters: { 
+    docs: { 
+      page: null 
+    } 
+  },
+};
+```
diff --git a/docs/snippets/common/button-story-disable-docspage.js.mdx b/docs/snippets/common/button-story-disable-docspage.js.mdx
new file mode 100644
index 00000000000..c33f5026bc0
--- /dev/null
+++ b/docs/snippets/common/button-story-disable-docspage.js.mdx
@@ -0,0 +1,6 @@
+```js
+// Button.stories.js
+
+export const Primary = Template.bind({});
+Primary.parameters = { docs: { page: null } }
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-grouped.js.mdx b/docs/snippets/common/button-story-grouped.js.mdx
new file mode 100644
index 00000000000..fb5e9d4b68d
--- /dev/null
+++ b/docs/snippets/common/button-story-grouped.js.mdx
@@ -0,0 +1,7 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'Design System/Atoms/Button'
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-hide-nocontrols-warning.js.mdx b/docs/snippets/common/button-story-hide-nocontrols-warning.js.mdx
new file mode 100644
index 00000000000..64f9b74f98e
--- /dev/null
+++ b/docs/snippets/common/button-story-hide-nocontrols-warning.js.mdx
@@ -0,0 +1,9 @@
+```js
+// Button.stories.js
+
+export const Large = Template.bind({});
+
+Basic.parameters = {
+  controls: { hideNoControlsWarning: true },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-hypothetical-example.js.mdx b/docs/snippets/common/button-story-hypothetical-example.js.mdx
new file mode 100644
index 00000000000..fe4118be5c1
--- /dev/null
+++ b/docs/snippets/common/button-story-hypothetical-example.js.mdx
@@ -0,0 +1,17 @@
+```js
+// Button.stories.js
+
+import { Button } from './Button';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+
+export const Sample = () => ({
+  template: '<button label=:label />',
+  data: {
+    label: 'hello button',
+  },
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-matching-argtypes.js.mdx b/docs/snippets/common/button-story-matching-argtypes.js.mdx
new file mode 100644
index 00000000000..144f30e9c4f
--- /dev/null
+++ b/docs/snippets/common/button-story-matching-argtypes.js.mdx
@@ -0,0 +1,9 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'Button',
+  component: Button,
+  parameters: { actions: { argTypesRegex: '^on.*' } },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-onclick-action-argtype.js.mdx b/docs/snippets/common/button-story-onclick-action-argtype.js.mdx
new file mode 100644
index 00000000000..469a18ac3b0
--- /dev/null
+++ b/docs/snippets/common/button-story-onclick-action-argtype.js.mdx
@@ -0,0 +1,8 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'Button',
+  argTypes: { onClick: { action: 'clicked' } },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-override-background-color.js.mdx b/docs/snippets/common/button-story-override-background-color.js.mdx
new file mode 100644
index 00000000000..0fcab138d1d
--- /dev/null
+++ b/docs/snippets/common/button-story-override-background-color.js.mdx
@@ -0,0 +1,8 @@
+```js
+// Button.stories.js
+
+export const Large = Template.bind({});
+Large.parameters = {
+  backgrounds: { default: 'facebook' }
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-primary-composition.js.mdx b/docs/snippets/common/button-story-primary-composition.js.mdx
new file mode 100644
index 00000000000..8b0f785451d
--- /dev/null
+++ b/docs/snippets/common/button-story-primary-composition.js.mdx
@@ -0,0 +1,15 @@
+```js
+// Button.stories.js
+
+const Primary = ButtonStory.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+}
+
+const Secondary = ButtonStory.bind({});
+Secondary.args = {
+  ...Primary.args,
+  primary: false,
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-primary-long-name.js.mdx b/docs/snippets/common/button-story-primary-long-name.js.mdx
new file mode 100644
index 00000000000..cf5a9fe40e0
--- /dev/null
+++ b/docs/snippets/common/button-story-primary-long-name.js.mdx
@@ -0,0 +1,10 @@
+```js
+// Button.stories.js
+
+export const PrimaryLongName = Template.bind({});
+
+PrimaryLongName.args = {
+  ...Primary.args,
+  label: 'Primary with a really long name',
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/button-story-remix-docspage.js.mdx b/docs/snippets/common/button-story-remix-docspage.js.mdx
new file mode 100644
index 00000000000..829476c5403
--- /dev/null
+++ b/docs/snippets/common/button-story-remix-docspage.js.mdx
@@ -0,0 +1,36 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+
+import {
+  Title,
+  Subtitle,
+  Description,
+  Primary,
+  Props,
+  Stories,
+  PRIMARY_STORY,
+} from '@storybook/addon-docs/blocks';
+
+import { Button } from './Button';
+
+export default {
+  title: 'Components/Button',
+  component: Button,
+  parameters: {
+    docs: {
+      page: () => (
+        <>
+          <Title />
+          <Subtitle />
+          <Description />
+          <Primary />
+          <ArgsTable story={PRIMARY_STORY} />
+          <Stories />
+        </>
+      ),
+    },
+  },
+};
+```
diff --git a/docs/snippets/common/button-story-remix-docspage.ts.mdx b/docs/snippets/common/button-story-remix-docspage.ts.mdx
new file mode 100644
index 00000000000..e6200606336
--- /dev/null
+++ b/docs/snippets/common/button-story-remix-docspage.ts.mdx
@@ -0,0 +1,38 @@
+```ts
+// Button.stories.tsx
+
+import React from 'react';
+
+import { Story, Meta } from '@storybook/react/types-6-0';
+
+import {
+  Title,
+  Subtitle,
+  Description,
+  Primary,
+  Props,
+  Stories,
+  PRIMARY_STORY,
+} from '@storybook/addon-docs/blocks';
+
+import { Button, ButtonProps } from './Button';
+
+export default {
+  title: 'Button',
+  component: Button,
+  parameters: {
+    docs: {
+      page: () => (
+        <>
+          <Title />
+          <Subtitle />
+          <Description />
+          <Primary />
+          <ArgsTable story={PRIMARY_STORY} />
+          <Stories />
+        </>
+      ),
+    },
+  },
+} as Meta;
+```
diff --git a/docs/snippets/common/button-story-with-parameters.js.mdx b/docs/snippets/common/button-story-with-parameters.js.mdx
new file mode 100644
index 00000000000..6d825b6920d
--- /dev/null
+++ b/docs/snippets/common/button-story-with-parameters.js.mdx
@@ -0,0 +1,17 @@
+```js
+// Button.stories.js
+
+export const Primary = Template.bind({});
+Primary.args ={
+  primary: true,
+  label: 'Button',
+}
+Primary.parameters = { 
+  backgrounds:{
+    values: [
+      { name: 'red', value: '#f00', },
+      { name: 'green', value: '#0f0', },
+    ],
+  }
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/checkbox-story-csf.js.mdx b/docs/snippets/common/checkbox-story-csf.js.mdx
new file mode 100644
index 00000000000..bef6247d7fc
--- /dev/null
+++ b/docs/snippets/common/checkbox-story-csf.js.mdx
@@ -0,0 +1,15 @@
+```js
+// Checkbox.stories.js
+
+import { Checkbox } from './Checkbox';
+
+export default { 
+    title: "MDX/Checkbox", 
+    component: Checkbox
+};
+
+const Template = (args) => <Checkbox {...args} />
+
+export const Unchecked = Template.bind({});
+Unchecked.args = { label: 'Unchecked' };
+```
\ No newline at end of file
diff --git a/docs/snippets/common/checkbox-story-grouped.js.mdx b/docs/snippets/common/checkbox-story-grouped.js.mdx
new file mode 100644
index 00000000000..38424cfcba3
--- /dev/null
+++ b/docs/snippets/common/checkbox-story-grouped.js.mdx
@@ -0,0 +1,7 @@
+```js
+// Checkbox.stories.js
+
+export default {
+  title: 'Design System/Atoms/Checkbox'
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/checkbox-story-starter-example.mdx.mdx b/docs/snippets/common/checkbox-story-starter-example.mdx.mdx
new file mode 100644
index 00000000000..290b3d4553c
--- /dev/null
+++ b/docs/snippets/common/checkbox-story-starter-example.mdx.mdx
@@ -0,0 +1,24 @@
+```md
+<!--- Checkbox.stories.mdx --->
+
+<!--- This is your Story template function, shown here in React -->
+
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Checkbox } from './Checkbox';
+
+<Meta title="MDX/Checkbox" component={Checkbox} />
+
+# Checkbox
+
+With `MDX` we can define a story for `Checkbox` right in the middle of our Markdown documentation.
+
+<Canvas>
+  <Story name="all checkboxes">
+    <form>
+      <Checkbox id="Unchecked" label="Unchecked" />
+      <Checkbox id="Checked" label="Checked" checked />
+      <Checkbox appearance="secondary" id="second" label="Secondary" checked />
+    </form>
+  </Story>
+</Canvas>
+```
\ No newline at end of file
diff --git a/docs/snippets/common/checkbox-story.mdx.mdx b/docs/snippets/common/checkbox-story.mdx.mdx
new file mode 100644
index 00000000000..d3c78d6066e
--- /dev/null
+++ b/docs/snippets/common/checkbox-story.mdx.mdx
@@ -0,0 +1,39 @@
+```md
+<!--- Checkbox.stories.mdx -->
+
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
+import { Checkbox } from './Checkbox';
+
+<Meta title="MDX/Checkbox" component={Checkbox} />
+
+# Checkbox
+
+With `MDX` we can define a story for `Checkbox` right in the middle of our
+Markdown documentation.
+
+<!--- This is your Story template function, shown here in React -->
+
+export const Template = (args) => <Checkbox {...args} />
+
+<Canvas>
+  <Story name="Unchecked" args={{ 
+      label: 'Unchecked'
+    }}>
+    {Template.bind({})}
+   </Story>
+  <Story name="Checked" args={{ 
+      label: 'Unchecked', 
+      checked: true 
+    }}>
+    {Template.bind({})}
+   </Story>
+  <Story name="Secondary" args={{
+    label: 'Secondary', 
+    checked: true, 
+    appearance: 'secondary'
+  }}>
+    {Template.bind({})}
+   </Story>
+</Canvas>
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-cypress-test.js.mdx b/docs/snippets/common/component-cypress-test.js.mdx
new file mode 100644
index 00000000000..3a8be9aba8b
--- /dev/null
+++ b/docs/snippets/common/component-cypress-test.js.mdx
@@ -0,0 +1,11 @@
+```js
+// MyComponent.spec.js
+
+describe('My Component', () => {
+  it('should respond to click on button with warning', () => {
+	cy.visit('http://localhost:6006/iframe.html?id=my-component--basic-story’);
+	cy.get('#button').click();
+	cy.get('#warning').should('contain.text', 'You need to fill in the form!');
+  });
+})
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-csf-argstable-customization.js.mdx b/docs/snippets/common/component-story-csf-argstable-customization.js.mdx
new file mode 100644
index 00000000000..fb5535b9e14
--- /dev/null
+++ b/docs/snippets/common/component-story-csf-argstable-customization.js.mdx
@@ -0,0 +1,22 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'Button',
+  component: Button,
+  argTypes: {
+    label: {
+      description: 'overwritten description',
+      table: {
+        type: { 
+            summary: 'something short', 
+            detail: 'something really really long' 
+        },
+      },
+      control: {
+        type: null,
+      },
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-csf-description.js.mdx b/docs/snippets/common/component-story-csf-description.js.mdx
new file mode 100644
index 00000000000..55d69d68e52
--- /dev/null
+++ b/docs/snippets/common/component-story-csf-description.js.mdx
@@ -0,0 +1,23 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'CustomDescription'
+  parameters: {
+    docs: { 
+        description: { 
+            component: 'some component _markdown_' 
+        } 
+    },
+  }
+};
+
+export const WithStoryDescription = Template.bind({});
+WithStoryDescription.parameters = {
+  docs: { 
+      description: { 
+          story: 'some story **markdown**' 
+        } 
+    },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-custom-source.js.mdx b/docs/snippets/common/component-story-custom-source.js.mdx
new file mode 100644
index 00000000000..6a2d6cfb1b5
--- /dev/null
+++ b/docs/snippets/common/component-story-custom-source.js.mdx
@@ -0,0 +1,13 @@
+```js
+// Button.stories.js
+
+export const CustomSource = () => Template.bind({});
+
+CustomSource.parameters = {
+    docs: { 
+        source: { 
+            code: 'Some custom string here';  
+        }    
+    },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-dynamic-title.js.mdx b/docs/snippets/common/component-story-dynamic-title.js.mdx
new file mode 100644
index 00000000000..f124adb646f
--- /dev/null
+++ b/docs/snippets/common/component-story-dynamic-title.js.mdx
@@ -0,0 +1,8 @@
+```js
+// MyComponent.stories.js
+
+import base from 'paths.macro';
+export default {
+  title: `${base}/Component`
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-mdx-argstable-block.mdx.mdx b/docs/snippets/common/component-story-mdx-argstable-block.mdx.mdx
new file mode 100644
index 00000000000..55c85a40150
--- /dev/null
+++ b/docs/snippets/common/component-story-mdx-argstable-block.mdx.mdx
@@ -0,0 +1,10 @@
+```md
+<!--- MyComponent.stories.mdx -->
+
+import { ArgsTable } from '@storybook/addon-docs/blocks';
+import { MyComponent } from './MyComponent';
+
+# My Component!
+
+<ArgsTable of={MyComponent} />
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-mdx-argtypes.mdx.mdx b/docs/snippets/common/component-story-mdx-argtypes.mdx.mdx
new file mode 100644
index 00000000000..06c661fd70c
--- /dev/null
+++ b/docs/snippets/common/component-story-mdx-argtypes.mdx.mdx
@@ -0,0 +1,24 @@
+```md
+<!--- MyComponent.stories.mdx -->
+
+<Meta
+  title="MyComponent"
+  component={MyComponent}
+  argTypes={{
+    label: { 
+        name: 'label',
+       <!--- other argtypes required --->
+    },
+  }}
+/>
+
+<Story name="some story" argTypes={{
+  label: { 
+      name: 'different label', 
+        <!--- other required data --->
+    }
+}}>
+   <!--- story contents --->
+</Story>
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-mdx-decorators-params.mdx.mdx b/docs/snippets/common/component-story-mdx-decorators-params.mdx.mdx
new file mode 100644
index 00000000000..d35800b5804
--- /dev/null
+++ b/docs/snippets/common/component-story-mdx-decorators-params.mdx.mdx
@@ -0,0 +1,14 @@
+```md
+<!-- MyComponent.stories.mdx --->
+
+<Meta
+  title='MyComponent'
+  decorators={[ ... ]}
+  parameters={{ ... }}
+/>
+
+<Story name="story" decorators={[ ... ]} parameters={{ ... }} >
+...
+</Story>
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-mdx-dedent.mdx.mdx b/docs/snippets/common/component-story-mdx-dedent.mdx.mdx
new file mode 100644
index 00000000000..b684dc7cd3d
--- /dev/null
+++ b/docs/snippets/common/component-story-mdx-dedent.mdx.mdx
@@ -0,0 +1,16 @@
+```md
+<!--- MyComponent.stories.mdx -->
+
+import { Source } from '@storybook/addon-docs/blocks';
+import dedent from 'ts-dedent';
+
+<Source
+  language='css'
+  code={dedent`
+     .container {
+       display: grid | inline-grid;
+     }
+  `}
+/>
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-mdx-description.mdx.mdx b/docs/snippets/common/component-story-mdx-description.mdx.mdx
new file mode 100644
index 00000000000..46bcf97f9c4
--- /dev/null
+++ b/docs/snippets/common/component-story-mdx-description.mdx.mdx
@@ -0,0 +1,15 @@
+```md
+<!--- Button.stories.mdx -->
+
+import { Description } from '@storybook/addon-docs/blocks';
+import dedent from 'ts-dedent';
+import { Button } from './Button';
+
+<Description of={Button} />
+
+<Description markdown={dedent`
+  ## Custom description
+
+  Insert fancy markdown here.
+`}/>
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-mdx-embed.mdx.mdx b/docs/snippets/common/component-story-mdx-embed.mdx.mdx
new file mode 100644
index 00000000000..c42e1a9c26d
--- /dev/null
+++ b/docs/snippets/common/component-story-mdx-embed.mdx.mdx
@@ -0,0 +1,12 @@
+```md
+<!--- MyComponent.stories.mdx -->
+
+import { Story } from "@storybook/addon-docs/blocks";
+
+# Some header
+
+And Markdown here
+
+<Story id="some--id" />
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-mdx-reference-storyid.mdx.mdx b/docs/snippets/common/component-story-mdx-reference-storyid.mdx.mdx
new file mode 100644
index 00000000000..fe6042c849d
--- /dev/null
+++ b/docs/snippets/common/component-story-mdx-reference-storyid.mdx.mdx
@@ -0,0 +1,7 @@
+```md
+<!-- MyComponent.stories.mdx --->
+
+import { Story } from '@storybook/addon-docs/blocks';
+
+<Story id="some-component--some-name" />
+```
\ No newline at end of file
diff --git a/docs/snippets/common/component-story-mdx-story-by-name.mdx.mdx b/docs/snippets/common/component-story-mdx-story-by-name.mdx.mdx
new file mode 100644
index 00000000000..f6f50012043
--- /dev/null
+++ b/docs/snippets/common/component-story-mdx-story-by-name.mdx.mdx
@@ -0,0 +1,15 @@
+```md
+<!-- Button.stories.mdx --->
+
+import { Story } from '@storybook/addon-docs/blocks';
+import { Button } from './Button';
+
+<!--- This is your Story template function, shown here in React -->
+
+export const Template = (args) => <Button {...args} />;
+
+<Story name="Basic" args={{ label: ‘hello’ }}>
+  {Template.bind({})}
+</Story>
+
+```
diff --git a/docs/snippets/common/foo-bar-baz-story.js.mdx b/docs/snippets/common/foo-bar-baz-story.js.mdx
new file mode 100644
index 00000000000..79c5d5859d4
--- /dev/null
+++ b/docs/snippets/common/foo-bar-baz-story.js.mdx
@@ -0,0 +1,9 @@
+```js
+// FooBar.stories.js
+
+export default {
+  title: 'Foo/Bar',
+};
+
+export const Baz = BarStory.bind({});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/gizmo-story-controls-customization.js.mdx b/docs/snippets/common/gizmo-story-controls-customization.js.mdx
new file mode 100644
index 00000000000..65f60be6830
--- /dev/null
+++ b/docs/snippets/common/gizmo-story-controls-customization.js.mdx
@@ -0,0 +1,13 @@
+```js
+// Gizmo.stories.js
+
+export default {
+  title: 'Gizmo',
+  component: Gizmo,
+  argTypes: {
+    width: { 
+      control: { type: 'range', min: 400, max: 1200, step: 50 },
+    },
+  },
+};
+```
diff --git a/docs/snippets/common/isomorphic-fetch-mock.js.mdx b/docs/snippets/common/isomorphic-fetch-mock.js.mdx
new file mode 100644
index 00000000000..615b8bb8206
--- /dev/null
+++ b/docs/snippets/common/isomorphic-fetch-mock.js.mdx
@@ -0,0 +1,25 @@
+```js
+// __mocks__/isomorphic-fetch.js
+
+// Your fetch implementation to be added to ./storybook/main.js.
+// In your webpackFinal configuration object.
+
+let nextJson;
+export default async function fetch() {
+  if (nextJson) {
+    return {
+      json: () => nextJson,
+    };
+  }
+  nextJson = null;
+}
+
+// the decorator to be used in ./storybook/preview to apply the mock to all stories
+
+export function decorator(story, { parameters }) {
+  if (parameters && parameters.fetch) {
+    nextJson = parameters.fetch.json;
+  }
+  return story();  
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/mdx-canvas-multiple-stories.mdx.mdx b/docs/snippets/common/mdx-canvas-multiple-stories.mdx.mdx
new file mode 100644
index 00000000000..ed754c143c5
--- /dev/null
+++ b/docs/snippets/common/mdx-canvas-multiple-stories.mdx.mdx
@@ -0,0 +1,21 @@
+```md
+<!-- MyComponent.stories.mdx --->
+
+import { Canvas } from '@storybook/addon-docs/blocks';
+
+<!--- This is your Story template function, shown here in React -->
+
+export const Template = (args) => <Badge {...args } />;
+
+<Canvas>
+  <Story name="warning" args={{status: 'warning', label: 'Warning'}}>
+    {Template.bind({})}
+  </Story>
+  <Story name="neutral" args={{status: 'neutral', label: 'Neutral' }}>
+    {Template.bind({})}
+  </Story>
+  <Story name="error" args={{status: 'error', label: 'Error' }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+```
diff --git a/docs/snippets/common/my-component-story-import-json.js.mdx b/docs/snippets/common/my-component-story-import-json.js.mdx
new file mode 100644
index 00000000000..c77d1d54d71
--- /dev/null
+++ b/docs/snippets/common/my-component-story-import-json.js.mdx
@@ -0,0 +1,6 @@
+```js
+// MyComponent.stories.js
+
+// This will automatically be parsed to the contents of `data.json`
+import data from './data.json';
+```
\ No newline at end of file
diff --git a/docs/snippets/common/my-component-story-import-static-asset.js.mdx b/docs/snippets/common/my-component-story-import-static-asset.js.mdx
new file mode 100644
index 00000000000..6b4ab407cce
--- /dev/null
+++ b/docs/snippets/common/my-component-story-import-static-asset.js.mdx
@@ -0,0 +1,7 @@
+```js
+// MyComponent.stories.js
+
+// This will include './static/image.png' in the bundle. 
+// And return a path to be included in a src attribute
+import imageFile from './static/image.png';
+```
\ No newline at end of file
diff --git a/docs/snippets/common/my-component-story-mandatory-export.js.mdx b/docs/snippets/common/my-component-story-mandatory-export.js.mdx
new file mode 100644
index 00000000000..4ec694947a1
--- /dev/null
+++ b/docs/snippets/common/my-component-story-mandatory-export.js.mdx
@@ -0,0 +1,12 @@
+```js
+// MyComponent.story.js
+
+import MyComponent from './MyComponent';
+
+export default {
+  title: 'Path/To/MyComponent',
+  component: MyComponent,
+  decorators: [ ... ],
+  parameters: { ... }
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/my-component-story-mdx-with-decorators-params.mdx.mdx b/docs/snippets/common/my-component-story-mdx-with-decorators-params.mdx.mdx
new file mode 100644
index 00000000000..117d810a733
--- /dev/null
+++ b/docs/snippets/common/my-component-story-mdx-with-decorators-params.mdx.mdx
@@ -0,0 +1,14 @@
+```md
+<!--- MyComponent.stories.mdx --->
+
+<!--- This is your Story template function, shown here in React -->
+<Meta
+  title='MyComponent'
+  decorators={[ ... ]}
+  parameters={{ ... }}
+/>
+
+<Story name="story" decorators={[ ... ]} parameters={{ ... }} >
+...
+</Story>
+```
\ No newline at end of file
diff --git a/docs/snippets/common/my-component-story-use-globaltype-backwards-compat.js.mdx b/docs/snippets/common/my-component-story-use-globaltype-backwards-compat.js.mdx
new file mode 100644
index 00000000000..0ad97aa8bad
--- /dev/null
+++ b/docs/snippets/common/my-component-story-use-globaltype-backwards-compat.js.mdx
@@ -0,0 +1,8 @@
+```js
+// MyComponent.stories.js
+
+export const StoryWithLocale = ({ globals: { locale } }) => {
+  const caption = getCaptionForLocale(locale);
+  return <>{caption}</>;
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/my-component-story-use-globaltype.js.mdx b/docs/snippets/common/my-component-story-use-globaltype.js.mdx
new file mode 100644
index 00000000000..d55bc634a5c
--- /dev/null
+++ b/docs/snippets/common/my-component-story-use-globaltype.js.mdx
@@ -0,0 +1,19 @@
+```js
+// MyComponent.stories.js
+
+const getCaptionForLocale = (locale) => {
+  switch(locale) {
+    case 'es': return 'Hola!';
+    case 'fr': return 'Bonjour!';
+    case 'kr': return '안녕하세요!';
+    case 'zh': return '你好!';
+    default:
+      return 'Hello!',
+  }
+}
+
+export const StoryWithLocale = (args, { globals: { locale } }) => {
+  const caption = getCaptionForLocale(locale);
+  return <>{caption}</>;
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/my-component-story-with-storyname.js.mdx b/docs/snippets/common/my-component-story-with-storyname.js.mdx
new file mode 100644
index 00000000000..1b02fba8221
--- /dev/null
+++ b/docs/snippets/common/my-component-story-with-storyname.js.mdx
@@ -0,0 +1,9 @@
+```js
+// MyComponent.stories.js
+
+export const Simple = () => <MyComponent />;
+
+Simple.storyName = 'So simple!';
+Simple.decorators = [ ... ];
+Simple.parameters = { ... };
+```
\ No newline at end of file
diff --git a/docs/snippets/common/my-component-story.js.mdx b/docs/snippets/common/my-component-story.js.mdx
new file mode 100644
index 00000000000..31b8c770363
--- /dev/null
+++ b/docs/snippets/common/my-component-story.js.mdx
@@ -0,0 +1,11 @@
+```js
+// MyComponent.stories.js
+
+import { MyComponent } from './MyComponent';
+
+export default {
+  title: 'MyComponent',
+  component: MyComponent,
+};
+// your templates and stories
+```
\ No newline at end of file
diff --git a/docs/snippets/common/my-component-with-story-content.mdx.mdx b/docs/snippets/common/my-component-with-story-content.mdx.mdx
new file mode 100644
index 00000000000..f6baa4152a8
--- /dev/null
+++ b/docs/snippets/common/my-component-with-story-content.mdx.mdx
@@ -0,0 +1,11 @@
+```md
+<!-- MyComponent.stories.mdx --->
+
+import { Canvas } from '@storybook/addon-docs/blocks';
+import { MyComponent } from './MyComponent';
+
+<Canvas>
+  <h2>Some here</h2>
+  <MyComponent />
+</Canvas>
+```
diff --git a/docs/snippets/common/other-foo-bar-story.js.mdx b/docs/snippets/common/other-foo-bar-story.js.mdx
new file mode 100644
index 00000000000..719a181bb4e
--- /dev/null
+++ b/docs/snippets/common/other-foo-bar-story.js.mdx
@@ -0,0 +1,11 @@
+```js
+// FooBar.stories.js
+
+export default {
+  title: 'OtherFoo/Bar',
+  id: 'Foo/Bar', // or 'foo-bar' if you prefer
+};
+
+export const Baz = () => BarStory.bind({});
+Baz.storyName = 'Moo';
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addon-change-panel.js.mdx b/docs/snippets/common/storybook-addon-change-panel.js.mdx
new file mode 100644
index 00000000000..f53320c24ac
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-change-panel.js.mdx
@@ -0,0 +1,11 @@
+```js
+// .storybook/my-addon/register.js
+
+import { useParameter } from '@storybook/api';
+const PARAM_KEY = 'myAddon';
+const MyPanel = () => {
+  const value = useParameter(PARAM_KEY, null);
+  const item = value ? value.data : '';
+  return <div>{item}</div>;
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addon-disable-addon.js.mdx b/docs/snippets/common/storybook-addon-disable-addon.js.mdx
new file mode 100644
index 00000000000..243e9d625c3
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-disable-addon.js.mdx
@@ -0,0 +1,12 @@
+```js
+// .storybook/my-addon/register.js
+
+addons.register(ADDON_ID, () => {
+  addons.add(PANEL_ID, {
+    type: types.PANEL,
+    title: 'My Addon',
+    render: () => <div>Addon tab content</div>,
+    paramKey: 'myAddon', // this element
+  });
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addon-panel-initial.js.mdx b/docs/snippets/common/storybook-addon-panel-initial.js.mdx
new file mode 100644
index 00000000000..468cf9206d2
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-panel-initial.js.mdx
@@ -0,0 +1,24 @@
+```js
+// .storybook/my-addon/register.js
+
+import React from 'react';
+import { addons, types } from '@storybook/addons';
+import { AddonPanel } from '@storybook/components';
+
+const ADDON_ID = 'myaddon';
+const PANEL_ID = `${ADDON_ID}/panel`;
+
+// give a unique name for the panel
+const MyPanel = () => <div>MyAddon</div>;
+addons.register(ADDON_ID, (api) => {
+  addons.add(PANEL_ID, {
+    type: types.PANEL,
+    title: 'My Addon',
+    render: ({ active, key }) => (
+      <AddonPanel active={active} key={key}>
+        <MyPanel />
+      </AddonPanel>
+    ),
+  });
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addon-preset-example.js.mdx b/docs/snippets/common/storybook-addon-preset-example.js.mdx
new file mode 100644
index 00000000000..a23a6ca04f3
--- /dev/null
+++ b/docs/snippets/common/storybook-addon-preset-example.js.mdx
@@ -0,0 +1,20 @@
+```js
+// .storybook/my-addon/preset.js
+
+export function config(entry = []) {
+  return [...entry, require.resolve('./defaultParameters')];
+}
+
+export function managerEntries(entries) {
+  return [...entries, require.resolve('./register')];
+}
+
+export const parameters = {
+  backgrounds: {
+    values: [
+      { name: 'light', value: '#F8F8F8' },
+      { name: 'dark', value: '#333333' },
+    ],
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-disablequeryparams.js.mdx b/docs/snippets/common/storybook-addons-api-disablequeryparams.js.mdx
new file mode 100644
index 00000000000..cee489e5a2f
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-disablequeryparams.js.mdx
@@ -0,0 +1,9 @@
+```js
+// .storybook/my-addon/register.js
+
+addons.register('my-organisation/my-addon', (api) => {
+  api.setQueryParams({
+    bbc: null,
+  });
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-getqueryparam.js.mdx b/docs/snippets/common/storybook-addons-api-getqueryparam.js.mdx
new file mode 100644
index 00000000000..b0b0c8b87ec
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-getqueryparam.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/my-addon/register.js
+
+addons.register('my-organisation/my-addon', (api) => {
+  api.getQueryParam('bbc');
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-geturlstate.js.mdx b/docs/snippets/common/storybook-addons-api-geturlstate.js.mdx
new file mode 100644
index 00000000000..f5b0d4af3be
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-geturlstate.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/my-addon/register.js
+
+addons.register('my-organisation/my-addon', (api) => {
+  const href = api.getUrlState({
+    selectedKind: 'kind',
+    selectedStory: 'story',
+  }).url;
+});
+```
\ No newline at end of file
diff --git a/examples/marko-cli/.storybook/manager.js b/docs/snippets/common/storybook-addons-api-imports.js.mdx
similarity index 50%
rename from examples/marko-cli/.storybook/manager.js
rename to docs/snippets/common/storybook-addons-api-imports.js.mdx
index ee839872844..eb2af57b1a9 100644
--- a/examples/marko-cli/.storybook/manager.js
+++ b/docs/snippets/common/storybook-addons-api-imports.js.mdx
@@ -1,5 +1,5 @@
-import { addons } from '@storybook/addons';
+```js
+// .storybook/my-addon/register.js
 
-addons.setConfig({
-  showRoots: true,
-});
+import { addons } from '@storybook/addons';
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-makedecorator.js.mdx b/docs/snippets/common/storybook-addons-api-makedecorator.js.mdx
new file mode 100644
index 00000000000..2f69823954b
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-makedecorator.js.mdx
@@ -0,0 +1,18 @@
+```js
+// .storybook/my-addon/register.js
+
+import { makeDecorator } from '@storybook/addons';
+
+export makeDecorator({
+  name: 'withSomething',
+  parameterName: 'something',
+  wrapper: (storyFn, context, { parameters }) => {
+    // Do something with `parameters`, which are set via { something: ... }
+
+    // Note you may alter the story output if you like. 
+    // Although generally that's not advised.
+
+    return storyFn(context);
+  }
+})
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-on.js.mdx b/docs/snippets/common/storybook-addons-api-on.js.mdx
new file mode 100644
index 00000000000..76fe12f247d
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-on.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/my-addon/register.js
+
+addons.register('my-organisation/my-addon', (api) => {
+  api.on('some-event', (eventData) => console.log(eventData));
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-register.js.mdx b/docs/snippets/common/storybook-addons-api-register.js.mdx
new file mode 100644
index 00000000000..009b2ea7e66
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-register.js.mdx
@@ -0,0 +1,8 @@
+```js
+// .storybook/my-addon/register.js
+
+import { addons } from '@storybook/addons';
+
+// Register the addon with a unique name.
+addons.register('my-organisation/my-addon', (api) => {});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-selectincurrentkind.js.mdx b/docs/snippets/common/storybook-addons-api-selectincurrentkind.js.mdx
new file mode 100644
index 00000000000..a5209b66dd2
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-selectincurrentkind.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/my-addon/register.js
+
+addons.register('my-organisation/my-addon', (api) => {
+  api.selectInCurrentKind('Basic');
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-selectstory.js.mdx b/docs/snippets/common/storybook-addons-api-selectstory.js.mdx
new file mode 100644
index 00000000000..5985ea54286
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-selectstory.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/my-addon/register.js
+
+addons.register('my-organisation/my-addon', (api) => {
+  api.selectStory('Button', 'Basic');
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-setqueryparams.js.mdx b/docs/snippets/common/storybook-addons-api-setqueryparams.js.mdx
new file mode 100644
index 00000000000..a5b3a707f65
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-setqueryparams.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/my-addon/register.js
+
+addons.register('my-organisation/my-addon', (api) => {
+  api.setQueryParams({
+    abc: 'this is abc',
+    bbc: 'this is bbc',
+  });
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-useaddonstate.js.mdx b/docs/snippets/common/storybook-addons-api-useaddonstate.js.mdx
new file mode 100644
index 00000000000..bc98bc6b1b9
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-useaddonstate.js.mdx
@@ -0,0 +1,14 @@
+```js
+// .storybook/my-addon/register.js
+
+export const Panel = () => {
+  const [state, setState] = useAddonState('my/addon-id', 'initial state');
+
+  return <button onClick={() => setState('a new value')}>the state = "{state}"</button>;
+};
+export const Tool = () => {
+  const [state, setState] = useAddonState('my/addon-id', 'initial state');
+
+  return <button onClick={() => setState('a new value')}>the state = "{state}"</button>;
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-useapi.js.mdx b/docs/snippets/common/storybook-addons-api-useapi.js.mdx
new file mode 100644
index 00000000000..da49b641891
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-useapi.js.mdx
@@ -0,0 +1,9 @@
+```js
+// .storybook/my-addon/register.js
+
+export const Panel = () => {
+  const state = useStorybookApi();
+
+  return <div>do something with storybook's api</div>;
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-usechannel.js.mdx b/docs/snippets/common/storybook-addons-api-usechannel.js.mdx
new file mode 100644
index 00000000000..b08320cdbe8
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-usechannel.js.mdx
@@ -0,0 +1,16 @@
+```js
+// .storybook/my-addon/register.js
+
+import { STORY_CHANGED } from '@storybook/core-events';
+export const Panel = () => {
+  const emit = useChannel({
+    STORY_CHANGED: (...args) => console.log(...args),
+  });
+
+  return (
+    <button onClick={() => emit('my-event-type', { some: 'data' })}>
+      clicking this will emit an event
+    </button>
+  );
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-useparameter.js.mdx b/docs/snippets/common/storybook-addons-api-useparameter.js.mdx
new file mode 100644
index 00000000000..20aaf02af3f
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-useparameter.js.mdx
@@ -0,0 +1,14 @@
+```js
+// .storybook/my-addon/register.js
+
+export const Panel = () => {
+  const value = useParameter('parameter-key', 'default value');
+
+  return (
+    <div>
+      for the currently selected story, the parameter for "parameter-key" is:
+      {value}
+    </div>
+  );
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-addons-api-usestorybookstate.js.mdx b/docs/snippets/common/storybook-addons-api-usestorybookstate.js.mdx
new file mode 100644
index 00000000000..88d84c9e02c
--- /dev/null
+++ b/docs/snippets/common/storybook-addons-api-usestorybookstate.js.mdx
@@ -0,0 +1,9 @@
+```js
+// .storybook/my-addon/register.js
+
+export const Panel = () => {
+  const state = useStorybookState();
+
+  return <div>do something with storybook's state</div>;
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-argtypes-with-addon.js.mdx b/docs/snippets/common/storybook-argtypes-with-addon.js.mdx
new file mode 100644
index 00000000000..3187d5e6f3a
--- /dev/null
+++ b/docs/snippets/common/storybook-argtypes-with-addon.js.mdx
@@ -0,0 +1,8 @@
+```js
+// .storybook/my-addon/register.js
+
+import { useArgTypes } from '@storybook/api';
+
+// inside your panel
+const { argTypes } = useArgTypes();
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-babel-configuration-example.ts.mdx b/docs/snippets/common/storybook-babel-configuration-example.ts.mdx
new file mode 100644
index 00000000000..8ce82c58d99
--- /dev/null
+++ b/docs/snippets/common/storybook-babel-configuration-example.ts.mdx
@@ -0,0 +1,13 @@
+```ts
+// mithril/src/server/framework-preset-mithril.ts
+
+export function babelDefault(config: TransformOptions) {
+  return {
+    ...config,
+    plugins: [
+      ...config.plugins, 
+      require.resolve('@babel/plugin-transform-react-jsx')
+    ],
+  };
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-client-globals-example-file.ts.mdx b/docs/snippets/common/storybook-client-globals-example-file.ts.mdx
new file mode 100644
index 00000000000..96bd5bca622
--- /dev/null
+++ b/docs/snippets/common/storybook-client-globals-example-file.ts.mdx
@@ -0,0 +1,6 @@
+```ts
+// vue/src/client/preview/globals.ts
+
+import { window } from 'global';
+window.STORYBOOK_ENV = 'vue';
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-client-preview.ts.mdx b/docs/snippets/common/storybook-client-preview.ts.mdx
new file mode 100644
index 00000000000..43b96cd58b5
--- /dev/null
+++ b/docs/snippets/common/storybook-client-preview.ts.mdx
@@ -0,0 +1,10 @@
+```ts
+// your-framework/src/client/preview/index.ts
+
+import { start } from '@storybook/core/client';
+import './globals';
+import render from './render';
+const api = start(render);
+
+// the boilerplate code
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-config-layout.js.mdx b/docs/snippets/common/storybook-config-layout.js.mdx
new file mode 100644
index 00000000000..6f06abb551c
--- /dev/null
+++ b/docs/snippets/common/storybook-config-layout.js.mdx
@@ -0,0 +1,19 @@
+```js
+// .storybook/manager.js
+
+import { addons } from '@storybook/addons';
+
+addons.setConfig({
+  isFullscreen: false,
+  showNav: true,
+  showPanel: true,
+  panelPosition: 'bottom',
+  sidebarAnimations: true,
+  enableShortcuts: true,
+  isToolshown: true,
+  theme: undefined,
+  selectedPanel: undefined,
+  initialActive: 'sidebar',
+  showRoots: false,
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-customize-argtypes.js.mdx b/docs/snippets/common/storybook-customize-argtypes.js.mdx
new file mode 100644
index 00000000000..fb5535b9e14
--- /dev/null
+++ b/docs/snippets/common/storybook-customize-argtypes.js.mdx
@@ -0,0 +1,22 @@
+```js
+// Button.stories.js
+
+export default {
+  title: 'Button',
+  component: Button,
+  argTypes: {
+    label: {
+      description: 'overwritten description',
+      table: {
+        type: { 
+            summary: 'something short', 
+            detail: 'something really really long' 
+        },
+      },
+      control: {
+        type: null,
+      },
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-extract-result.json.mdx b/docs/snippets/common/storybook-extract-result.json.mdx
new file mode 100644
index 00000000000..d3edbcaceb4
--- /dev/null
+++ b/docs/snippets/common/storybook-extract-result.json.mdx
@@ -0,0 +1,38 @@
+```json
+{
+  "v": 2,
+  "globalParameters": {},
+  "kindParameters": {
+    "components/myComponent": {
+      "fileName": 445,
+      "framework": "react"
+    },
+    "components/myOtherComponent": {
+      "fileName": 447,
+      "framework": "react"
+    }
+  },
+  "stories": {
+    "components-mycomponent--simple": {
+      "id": "components-mycomponent--simple",
+      "name": "Simple",
+      "kind": "components/myComponent",
+      "story": "Simple",
+      "parameters": {
+        "__id": "components-mycomponent--simple",
+        "__isArgsStory": true
+      }
+    },
+    "components-myothercomponent--simple": {
+      "id": "components-myothercomponent--simple",
+      "name": "Simple",
+      "kind": "components/myothercomponent",
+      "story": "Simple",
+      "parameters": {
+        "__id": "components-myothercomponent--simple",
+        "__isArgsStory": true
+      }
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-framework-render-function.js.mdx b/docs/snippets/common/storybook-framework-render-function.js.mdx
new file mode 100644
index 00000000000..8c54a1319f6
--- /dev/null
+++ b/docs/snippets/common/storybook-framework-render-function.js.mdx
@@ -0,0 +1,11 @@
+```js
+// your-framework/src/client/preview/render.ts
+
+const rootElement = document.getElementById('root');
+
+export default function renderMain({ storyFn }: RenderMainArgs) {
+  const storyObj = storyFn();
+  const html = fn(storyObj);
+  rootElement.innerHTML = html;
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-generated-argtypes.js.mdx b/docs/snippets/common/storybook-generated-argtypes.js.mdx
new file mode 100644
index 00000000000..de4a45b8a2a
--- /dev/null
+++ b/docs/snippets/common/storybook-generated-argtypes.js.mdx
@@ -0,0 +1,17 @@
+```js
+const argTypes = {
+  label: {
+    name: 'label',
+    type: { name: 'string', required: false },
+    defaultValue: 'Hello',
+    description: 'demo description',
+    table: {
+      type: { summary: 'string' },
+      defaultValue: { summary: 'Hello' },
+    }
+    control: {
+      type: 'text'
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-add-sass-config.js.mdx b/docs/snippets/common/storybook-main-add-sass-config.js.mdx
new file mode 100644
index 00000000000..979dd7bd2e6
--- /dev/null
+++ b/docs/snippets/common/storybook-main-add-sass-config.js.mdx
@@ -0,0 +1,24 @@
+```js
+// .storybook/main.js
+
+const path = require('path');
+
+// Export a function. Accept the base config as the only param.
+module.exports = {
+  webpackFinal: async (config, { configType }) => {
+    // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
+    // You can change the configuration based on that.
+    // 'PRODUCTION' is used when building the static version of storybook.
+
+    // Make whatever fine-grained changes you need
+    config.module.rules.push({
+      test: /\.scss$/,
+      use: ['style-loader', 'css-loader', 'sass-loader'],
+      include: path.resolve(__dirname, '../'),
+    });
+
+    // Return the altered config
+    return config;
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-add-ts-config.js.mdx b/docs/snippets/common/storybook-main-add-ts-config.js.mdx
new file mode 100644
index 00000000000..f92368f7816
--- /dev/null
+++ b/docs/snippets/common/storybook-main-add-ts-config.js.mdx
@@ -0,0 +1,15 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {
+      shouldExtractLiteralValuesFromEnum: true,
+      propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-advanced-config-example.js.mdx b/docs/snippets/common/storybook-main-advanced-config-example.js.mdx
new file mode 100644
index 00000000000..4b0340571c5
--- /dev/null
+++ b/docs/snippets/common/storybook-main-advanced-config-example.js.mdx
@@ -0,0 +1,21 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  managerWebpack: async (config, options) => {
+    // update config here
+    return config;
+  },
+  managerBabel: async (config, options) => {
+    // update config here
+    return config;
+  },
+  webpackFinal: async (config, options) => {
+    // change webpack config
+    return config;
+  },
+  babel: async (config, options) => {
+    return config;
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-default-setup.js.mdx b/docs/snippets/common/storybook-main-default-setup.js.mdx
new file mode 100644
index 00000000000..6761401f7c5
--- /dev/null
+++ b/docs/snippets/common/storybook-main-default-setup.js.mdx
@@ -0,0 +1,8 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  stories: ['../src/**/*.stories.@(js|mdx)'],
+  addons: ['@storybook/addon-essentials']
+}
+```
diff --git a/docs/snippets/common/storybook-main-disable-addon.js.mdx b/docs/snippets/common/storybook-main-disable-addon.js.mdx
new file mode 100644
index 00000000000..041d425600c
--- /dev/null
+++ b/docs/snippets/common/storybook-main-disable-addon.js.mdx
@@ -0,0 +1,12 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  addons: [{
+    name: '@storybook/addon-essentials',
+    options: {
+      backgrounds: false,
+    }
+  }]
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-disable-refs.js.mdx b/docs/snippets/common/storybook-main-disable-refs.js.mdx
new file mode 100644
index 00000000000..9c43827348c
--- /dev/null
+++ b/docs/snippets/common/storybook-main-disable-refs.js.mdx
@@ -0,0 +1,9 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  // your Storybook configuration
+  refs: {
+    'package-name': { disable: true }
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-import-preset-config.js.mdx b/docs/snippets/common/storybook-main-import-preset-config.js.mdx
new file mode 100644
index 00000000000..375b82d3b60
--- /dev/null
+++ b/docs/snippets/common/storybook-main-import-preset-config.js.mdx
@@ -0,0 +1,9 @@
+```js
+// .storybook/main.js
+
+const path = require('path');
+
+module.exports = {
+  addons: [path.resolve('./.storybook/my-preset')],
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-js-md-files.js.mdx b/docs/snippets/common/storybook-main-js-md-files.js.mdx
new file mode 100644
index 00000000000..cdcc84827f1
--- /dev/null
+++ b/docs/snippets/common/storybook-main-js-md-files.js.mdx
@@ -0,0 +1,8 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  stories: ['../my-project/src/components/*.@(js|md)'],
+};
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-preset-config.js.mdx b/docs/snippets/common/storybook-main-preset-config.js.mdx
new file mode 100644
index 00000000000..eca5c0b38e2
--- /dev/null
+++ b/docs/snippets/common/storybook-main-preset-config.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  addons: ['@storybook/preset-scss'],
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-ref-local.js.mdx b/docs/snippets/common/storybook-main-ref-local.js.mdx
new file mode 100644
index 00000000000..386e8cd74cb
--- /dev/null
+++ b/docs/snippets/common/storybook-main-ref-local.js.mdx
@@ -0,0 +1,17 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  // your Storybook configuration
+  refs: {
+    react: {
+      title: 'React',
+      url: 'http://localhost:7007',
+    },
+    angular: {
+      title: 'Angular',
+      url: 'http://localhost:7008',
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-ref-remote.js.mdx b/docs/snippets/common/storybook-main-ref-remote.js.mdx
new file mode 100644
index 00000000000..296a156c7a1
--- /dev/null
+++ b/docs/snippets/common/storybook-main-ref-remote.js.mdx
@@ -0,0 +1,13 @@
+```js
+// .storybook/main.js
+
+module.exports={
+  // your Storybook configuration
+  refs: {
+   'design-system': {
+     title: "Storybook Design System",
+     url: "https://5ccbc373887ca40020446347-yldsqjoxzb.chromatic.com"
+   }
+  }
+}
+```
diff --git a/docs/snippets/common/storybook-main-register-addon.js.mdx b/docs/snippets/common/storybook-main-register-addon.js.mdx
new file mode 100644
index 00000000000..0f587017ee8
--- /dev/null
+++ b/docs/snippets/common/storybook-main-register-addon.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  addons: ['path/to/register.js'],
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-register-presets-managerentry.js.mdx b/docs/snippets/common/storybook-main-register-presets-managerentry.js.mdx
new file mode 100644
index 00000000000..c1123b72b80
--- /dev/null
+++ b/docs/snippets/common/storybook-main-register-presets-managerentry.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  addons: [
+    '@storybook/addon-storysource/register', // a managerEntry
+    '@storybook/addon-docs/preset', // a preset
+  ],
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-register-storysource-example.js.mdx b/docs/snippets/common/storybook-main-register-storysource-example.js.mdx
new file mode 100644
index 00000000000..f74a788eead
--- /dev/null
+++ b/docs/snippets/common/storybook-main-register-storysource-example.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  addons: ['@storybook/addon-storysource'],
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-simplified-config.js.mdx b/docs/snippets/common/storybook-main-simplified-config.js.mdx
new file mode 100644
index 00000000000..490fbd3cbd2
--- /dev/null
+++ b/docs/snippets/common/storybook-main-simplified-config.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  webpackFinal: (config) => {
+    config.plugins.push(...);
+    return config;
+  },
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-use-manager-entries.js.mdx b/docs/snippets/common/storybook-main-use-manager-entries.js.mdx
new file mode 100644
index 00000000000..5bbaa228a80
--- /dev/null
+++ b/docs/snippets/common/storybook-main-use-manager-entries.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  managerEntries: ['@storybook/addon-storysource/register'],
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-using-existing-config.js.mdx b/docs/snippets/common/storybook-main-using-existing-config.js.mdx
new file mode 100644
index 00000000000..37564263e23
--- /dev/null
+++ b/docs/snippets/common/storybook-main-using-existing-config.js.mdx
@@ -0,0 +1,14 @@
+```js
+// .storybook/main.js
+
+const path = require('path');
+
+// your app's webpack.config.js
+const custom = require('../webpack.config.js');
+
+module.exports = {
+  webpackFinal: (config) => {
+    return { ...config, module: { ...config.module, rules: custom.module.rules } };
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-webpack-preset-config.js.mdx b/docs/snippets/common/storybook-main-webpack-preset-config.js.mdx
new file mode 100644
index 00000000000..71c25a3acaa
--- /dev/null
+++ b/docs/snippets/common/storybook-main-webpack-preset-config.js.mdx
@@ -0,0 +1,23 @@
+```js
+// .storybook/main.js
+
+export async function webpack(baseConfig, options) {
+  //Modify or replace config. 
+  //Mutating the original reference object can cause unexpected bugs,
+  //so in this example we replace.
+  const { module = {} } = baseConfig;
+
+  return {
+    ...baseConfig,
+    module: {
+      ...module,
+      rules: [
+        ...(module.rules || []),
+        {
+          /* some new loader */
+        },
+      ],
+    },
+  };
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-webpackfinal-example.js.mdx b/docs/snippets/common/storybook-main-webpackfinal-example.js.mdx
new file mode 100644
index 00000000000..ab2cfd61f2b
--- /dev/null
+++ b/docs/snippets/common/storybook-main-webpackfinal-example.js.mdx
@@ -0,0 +1,13 @@
+```js
+// .storybook/main.js
+
+export function webpackFinal(config, { configDir }) {
+  if (!isReactScriptsInstalled()) {
+    logger.info('=> Using base config because react-scripts is not installed.');
+    return config;
+  }
+
+  logger.info('=> Loading create-react-app config.');
+  return applyCRAWebpackConfig(config, configDir);
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-main-with-mock-decorator.js.mdx b/docs/snippets/common/storybook-main-with-mock-decorator.js.mdx
new file mode 100644
index 00000000000..05a807f3d29
--- /dev/null
+++ b/docs/snippets/common/storybook-main-with-mock-decorator.js.mdx
@@ -0,0 +1,12 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  // your Storybook configuration
+
+  webpackFinal: (config) => {
+    config.resolve.alias['isomorphic-fetch'] = require.resolve('../__mocks__/isomorphic-fetch.js');
+    return config;
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-manager-custom-theme.js.mdx b/docs/snippets/common/storybook-manager-custom-theme.js.mdx
new file mode 100644
index 00000000000..9d165b7e907
--- /dev/null
+++ b/docs/snippets/common/storybook-manager-custom-theme.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/manager.js
+
+import { addons } from '@storybook/addons';
+import yourTheme from './yourTheme';
+
+addons.setConfig({
+  theme: yourTheme,
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-manager-dark-theme.js.mdx b/docs/snippets/common/storybook-manager-dark-theme.js.mdx
new file mode 100644
index 00000000000..ab37efb2de8
--- /dev/null
+++ b/docs/snippets/common/storybook-manager-dark-theme.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/manager.js
+
+import { addons } from '@storybook/addons';
+import { themes } from '@storybook/theming';
+
+addons.setConfig({
+  theme: themes.dark,
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-manager-disable-roots.js.mdx b/docs/snippets/common/storybook-manager-disable-roots.js.mdx
new file mode 100644
index 00000000000..02f523caa82
--- /dev/null
+++ b/docs/snippets/common/storybook-manager-disable-roots.js.mdx
@@ -0,0 +1,6 @@
+```js
+// ./storybook/manager.js
+
+import { addons } from `@storybook/addons`;
+addons.setConfig({ showRoots: false });
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-merged-argtypes.js.mdx b/docs/snippets/common/storybook-merged-argtypes.js.mdx
new file mode 100644
index 00000000000..08e830f4e68
--- /dev/null
+++ b/docs/snippets/common/storybook-merged-argtypes.js.mdx
@@ -0,0 +1,20 @@
+```js
+const argTypes = {
+  label: {
+    name: 'label',
+    type: { name: 'string', required: false },
+    defaultValue: 'Hello',
+    description: 'overwritten description',
+    table: {
+      type: { 
+          summary: 'something short', 
+          detail: 'something really really long' 
+      },
+      defaultValue: { summary: 'Hello' },
+    },
+    control: {
+      type: null
+    }
+  }
+}
+```
diff --git a/docs/snippets/common/storybook-preset-configuration.js.mdx b/docs/snippets/common/storybook-preset-configuration.js.mdx
new file mode 100644
index 00000000000..1a9d386dcbf
--- /dev/null
+++ b/docs/snippets/common/storybook-preset-configuration.js.mdx
@@ -0,0 +1,17 @@
+```js
+// .storybook/main.js
+
+module.exports = {
+  addons: [
+    {
+      name: '@storybook/preset-scss',
+      options: {
+        cssLoaderOptions: {
+           modules: true,
+           localIdentName: '[name]__[local]--[hash:base64:5]',
+        }
+      }
+    },
+  ],
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preset-full-config-object.js.mdx b/docs/snippets/common/storybook-preset-full-config-object.js.mdx
new file mode 100644
index 00000000000..743778aa711
--- /dev/null
+++ b/docs/snippets/common/storybook-preset-full-config-object.js.mdx
@@ -0,0 +1,20 @@
+```js
+// .storybook/my-preset.js
+
+module.exports = {
+  managerWebpack: async (config, options) => {
+    // update config here
+    return config;
+  },
+  managerBabel: async (config, options) => {
+    // update config here
+    return config;
+  },
+  webpackFinal: async (config, options) => {
+    return config;
+  },
+  babel: async (config, options) => {
+    return config;
+  },
+};
+````
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-body-example.html.mdx b/docs/snippets/common/storybook-preview-body-example.html.mdx
new file mode 100644
index 00000000000..7d6f63e7c39
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-body-example.html.mdx
@@ -0,0 +1,5 @@
+```html
+<!--  .storybook/preview-body.html -->
+
+<div id="custom-root"></div>
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-body-font-size.html.mdx b/docs/snippets/common/storybook-preview-body-font-size.html.mdx
new file mode 100644
index 00000000000..8c6aad2bb96
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-body-font-size.html.mdx
@@ -0,0 +1,9 @@
+```html
+<!-- .storybook/preview-body.html -->
+
+<style>
+  body {
+    font-size: 15px;
+  }
+</style>
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-change-viewports.js.mdx b/docs/snippets/common/storybook-preview-change-viewports.js.mdx
new file mode 100644
index 00000000000..ff4ebac4d8b
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-change-viewports.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  viewport: {
+    viewports: newViewports, // newViewports would be an ViewportMap. (see below for examples)
+    defaultViewport: 'someDefault',
+  },
+}
+```
diff --git a/docs/snippets/common/storybook-preview-configure-background-colors.js.mdx b/docs/snippets/common/storybook-preview-configure-background-colors.js.mdx
new file mode 100644
index 00000000000..68fc18fc452
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-configure-background-colors.js.mdx
@@ -0,0 +1,18 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+backgrounds: {
+    default: 'twitter',
+    values: [
+        { 
+            name: 'twitter', 
+            value: '#00aced'
+        },
+        { 
+            name: 'facebook', 
+            value: '#3b5998' 
+        },
+      ],
+    }
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-configure-globaltypes.js.mdx b/docs/snippets/common/storybook-preview-configure-globaltypes.js.mdx
new file mode 100644
index 00000000000..842ec86e9aa
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-configure-globaltypes.js.mdx
@@ -0,0 +1,16 @@
+```js
+// .storybook/preview.js
+
+export const globalTypes = {
+  theme: {
+    name: 'Theme',
+    description: 'Global theme for components',
+    defaultValue: 'light',
+    toolbar: {
+      icon: 'circlehollow',
+      // array of plain string values or MenuItem shape (see below)
+      items: ['light', 'dark'],
+    },
+  },
+};
+```
diff --git a/docs/snippets/common/storybook-preview-custom-canvas.js.mdx b/docs/snippets/common/storybook-preview-custom-canvas.js.mdx
new file mode 100644
index 00000000000..feee92899a3
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-custom-canvas.js.mdx
@@ -0,0 +1,13 @@
+```js
+// .storybook/preview.js
+
+import { MyCanvas } from './MyCanvas';
+
+export const parameters = {
+  docs: {
+    components: {
+      Canvas: MyCanvas,
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-custom-code-renderer.js.mdx b/docs/snippets/common/storybook-preview-custom-code-renderer.js.mdx
new file mode 100644
index 00000000000..6a4ee82effd
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-custom-code-renderer.js.mdx
@@ -0,0 +1,13 @@
+```js
+// .storybook/preview.js
+
+import { CodeBlock } from './CodeBlock';
+
+export const parameters = {
+  docs: {
+    components: {
+      code: CodeBlock,
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-decorator-params-example.js.mdx b/docs/snippets/common/storybook-preview-decorator-params-example.js.mdx
new file mode 100644
index 00000000000..3099a308e66
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-decorator-params-example.js.mdx
@@ -0,0 +1,8 @@
+```js
+// .storybook/preview.js
+
+import { addDecorator, addParameters } from '@storybook/react';
+
+addDecorator(...);
+addParameters({ ... });
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-disable-docspage.js.mdx b/docs/snippets/common/storybook-preview-disable-docspage.js.mdx
new file mode 100644
index 00000000000..a3dbd1fdfc9
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-disable-docspage.js.mdx
@@ -0,0 +1,5 @@
+```js
+// .storybook/preview.js
+
+export const parameters { docs: { page: null } });
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-docs-dark-theme.js.mdx b/docs/snippets/common/storybook-preview-docs-dark-theme.js.mdx
new file mode 100644
index 00000000000..e9033ff8b76
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-docs-dark-theme.js.mdx
@@ -0,0 +1,12 @@
+```js
+// .storybook/preview.js
+
+import { themes } from '@storybook/theming';
+
+// or global addParameters
+export const parameters = {
+  docs: {
+    theme: themes.dark,
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-empty-sort-object.js.mdx b/docs/snippets/common/storybook-preview-empty-sort-object.js.mdx
new file mode 100644
index 00000000000..58d47ee0c13
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-empty-sort-object.js.mdx
@@ -0,0 +1,13 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  options: {
+    storySort: {
+      method: '',
+      order: [], 
+      locales: '', 
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-expanded-controls.js.mdx b/docs/snippets/common/storybook-preview-expanded-controls.js.mdx
new file mode 100644
index 00000000000..d50cde9e679
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-expanded-controls.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  controls: { expanded: true },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-extended-theme-variables.js.mdx b/docs/snippets/common/storybook-preview-extended-theme-variables.js.mdx
new file mode 100644
index 00000000000..00ee2a88fb0
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-extended-theme-variables.js.mdx
@@ -0,0 +1,7 @@
+```js
+addonActionsTheme: {
+  ...chromeLight,
+  BASE_FONT_FAMILY: typography.fonts.mono,
+  BASE_BACKGROUND_COLOR: 'transparent',
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-global-parameters.js.mdx b/docs/snippets/common/storybook-preview-global-parameters.js.mdx
new file mode 100644
index 00000000000..4edc9936d40
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-global-parameters.js.mdx
@@ -0,0 +1,12 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  backgrounds: {
+    values: [
+        { name: 'red', value: '#f00', },
+        { name: 'green', value: '#0f0', },
+    ],
+  },
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-granular-viewports.js.mdx b/docs/snippets/common/storybook-preview-granular-viewports.js.mdx
new file mode 100644
index 00000000000..9f68982008c
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-granular-viewports.js.mdx
@@ -0,0 +1,11 @@
+```js
+// .storybook/preview.js
+
+import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+export const parameters = {
+  viewport: {
+    viewports: MINIMAL_VIEWPORTS,
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-head-example.html.mdx b/docs/snippets/common/storybook-preview-head-example.html.mdx
new file mode 100644
index 00000000000..4bdcca9e3da
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-head-example.html.mdx
@@ -0,0 +1,10 @@
+```html
+<!-- .storybook/preview-head.html -->
+
+<!-- Pull in static files served from your Static director or the internet -->
+<link rel=”preload” href=”your/font” />
+<!-- Or you can load custom head-tag JavaScript: -->
+<script src="https://use.typekit.net/xxxyyy.js"></script>
+<script>try{ Typekit.load(); } catch(e){ }</script>
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-layout-param.js.mdx b/docs/snippets/common/storybook-preview-layout-param.js.mdx
new file mode 100644
index 00000000000..da55bdbdfcf
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-layout-param.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  layout: 'centered',
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-locales-globaltype.js.mdx b/docs/snippets/common/storybook-preview-locales-globaltype.js.mdx
new file mode 100644
index 00000000000..64074c99752
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-locales-globaltype.js.mdx
@@ -0,0 +1,21 @@
+```js
+// .storybook/preview.js
+
+export const globalTypes = {
+  locale: {
+    name: 'Locale',
+    description: 'Internationalization locale',
+    defaultValue: 'en',
+    toolbar: {
+      icon: 'globe',
+      items: [
+        { value: 'en', right: '🇺🇸', title: 'English' },
+        { value: 'fr', right: '🇫🇷', title: 'Français' },
+        { value: 'es', right: '🇪🇸', title: 'Español' },
+        { value: 'zh', right: '🇨🇳', title: '中文' },
+        { value: 'kr', right: '🇰🇷', title: '한국어' },
+      ],
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-merge-viewports.js.mdx b/docs/snippets/common/storybook-preview-merge-viewports.js.mdx
new file mode 100644
index 00000000000..2b56ad01168
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-merge-viewports.js.mdx
@@ -0,0 +1,31 @@
+```js
+// .storybook/preview.js
+
+import { MINIMAL_VIEWPORTS} from '@storybook/addon-viewport';
+
+const customViewports = {
+  kindleFire2: {
+    name: 'Kindle Fire 2',
+    styles: {
+      width: '600px',
+      height: '963px',
+    },
+  },
+  kindleFireHD: {
+    name: 'Kindle Fire HD',
+    styles: {
+      width: '533px',
+      height: '801px',
+    },
+  },
+};
+
+export const parameters = {
+  viewport: {
+    viewports: {
+       ...MINIMAL_VIEWPORTS,
+      ...customViewports,
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-parameters-old-format.js.mdx b/docs/snippets/common/storybook-preview-parameters-old-format.js.mdx
new file mode 100644
index 00000000000..815fa5e28ef
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-parameters-old-format.js.mdx
@@ -0,0 +1,5 @@
+```js
+// .storybook/preview.js
+
+export const parameter = { passArgsFirst : false }.
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-prepareforinline.js.mdx b/docs/snippets/common/storybook-preview-prepareforinline.js.mdx
new file mode 100644
index 00000000000..b66fee001fe
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-prepareforinline.js.mdx
@@ -0,0 +1,16 @@
+```js
+// .storybook/preview.js
+
+import React from 'react';
+import { render } from 'react-dom';
+import toReact from '@egoist/vue-to-react';
+
+export const parameters = {
+  docs: {
+    prepareForInline: (storyFn, { args }) => {
+      const Story = toReact(storyFn());
+      return <Story {...args} />;
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-sort-function.js.mdx b/docs/snippets/common/storybook-preview-sort-function.js.mdx
new file mode 100644
index 00000000000..a41a222cf26
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-sort-function.js.mdx
@@ -0,0 +1,10 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  options: {
+    storySort: (a, b) =>
+      a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, undefined, { numeric: true }),
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-use-global-type.js.mdx b/docs/snippets/common/storybook-preview-use-global-type.js.mdx
new file mode 100644
index 00000000000..4258bea85ae
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-use-global-type.js.mdx
@@ -0,0 +1,16 @@
+```js
+// .storybook/preview.js
+
+import { ThemeProvider } from 'styled-components';
+import { StoryContext, StoryGetter, StoryWrapper } from '@storybook/addons';
+
+const withThemeProvider=(Story,context)=>{
+  const theme = getTheme(context.globals.theme);
+  return (
+    <ThemeProvider theme={theme}>
+      <Story {...context} />
+    </ThemeProvider>
+  )
+}
+export const decorators = [withThemeProvider];
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-viewport-add-devices.js.mdx b/docs/snippets/common/storybook-preview-viewport-add-devices.js.mdx
new file mode 100644
index 00000000000..6adc353cb4a
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-viewport-add-devices.js.mdx
@@ -0,0 +1,20 @@
+```js
+// .storybook/preview.js
+
+const customViewports = {
+  kindleFire2: {
+    name: 'Kindle Fire 2',
+    styles: {
+      width: '600px',
+      height: '963px',
+    },
+  },
+  kindleFireHD: {
+    name: 'Kindle Fire HD',
+    styles: {
+      width: '533px',
+      height: '801px',
+    },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-viewport-use-new-devices.js.mdx b/docs/snippets/common/storybook-preview-viewport-use-new-devices.js.mdx
new file mode 100644
index 00000000000..23bb43d15c3
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-viewport-use-new-devices.js.mdx
@@ -0,0 +1,8 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  viewport: { viewports: customViewports },
+};
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-with-mock-decorator.js.mdx b/docs/snippets/common/storybook-preview-with-mock-decorator.js.mdx
new file mode 100644
index 00000000000..d3020f10e19
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-with-mock-decorator.js.mdx
@@ -0,0 +1,8 @@
+```js
+// .storybook/preview.js
+
+import { decorator } from '../__mocks__/isomorphic-fetch';
+
+// Add the decorator to all stories
+export const decorators = [decorator];
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-preview-with-ordered-pages.js.mdx b/docs/snippets/common/storybook-preview-with-ordered-pages.js.mdx
new file mode 100644
index 00000000000..127d16a4b2e
--- /dev/null
+++ b/docs/snippets/common/storybook-preview-with-ordered-pages.js.mdx
@@ -0,0 +1,12 @@
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  options: {
+    storySort: {
+      order: ['Intro', 'Pages', ['Home', 'Login', 'Admin'], 'Components'],
+    },
+  },
+};
+
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-read-environment-variables.js.mdx b/docs/snippets/common/storybook-read-environment-variables.js.mdx
new file mode 100644
index 00000000000..d576f693705
--- /dev/null
+++ b/docs/snippets/common/storybook-read-environment-variables.js.mdx
@@ -0,0 +1,4 @@
+```js
+console.log(process.env.STORYBOOK_THEME);
+console.log(process.env.STORYBOOK_DATA_KEY);
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-server-options.ts.mdx b/docs/snippets/common/storybook-server-options.ts.mdx
new file mode 100644
index 00000000000..7fff894c8b4
--- /dev/null
+++ b/docs/snippets/common/storybook-server-options.ts.mdx
@@ -0,0 +1,11 @@
+```ts
+// vue/src/server/options.ts
+
+const packageJson = require('../../package.json');
+
+export default {
+  packageJson,
+  framework: 'vue',
+  frameworkPresets: [require.resolve('./framework-preset-vue.js')],
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-start-dev-server.ts.mdx b/docs/snippets/common/storybook-start-dev-server.ts.mdx
new file mode 100644
index 00000000000..c5d23259897
--- /dev/null
+++ b/docs/snippets/common/storybook-start-dev-server.ts.mdx
@@ -0,0 +1,8 @@
+```ts
+// your-framework/src/server/index.ts
+
+import { buildDev } from '@storybook/core/server';
+import options from './options';
+
+buildDev(options);
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-storyshots-config.js.mdx b/docs/snippets/common/storybook-storyshots-config.js.mdx
new file mode 100644
index 00000000000..ccca348aac5
--- /dev/null
+++ b/docs/snippets/common/storybook-storyshots-config.js.mdx
@@ -0,0 +1,6 @@
+```js
+// storybook.test.js
+
+import initStoryshots from '@storybook/addon-storyshots';
+initStoryshots();
+```
diff --git a/docs/snippets/common/storybook-storysource-manager-entries.js.mdx b/docs/snippets/common/storybook-storysource-manager-entries.js.mdx
new file mode 100644
index 00000000000..5e792ec1d29
--- /dev/null
+++ b/docs/snippets/common/storybook-storysource-manager-entries.js.mdx
@@ -0,0 +1,7 @@
+```js
+// storysource/preset.js
+
+export function managerEntries(entry = []) {
+  return [...entry, require.resolve('@storybook/addon-storysource/register')];
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-test-with-storyname.js.mdx b/docs/snippets/common/storybook-test-with-storyname.js.mdx
new file mode 100644
index 00000000000..d86c32b9ab4
--- /dev/null
+++ b/docs/snippets/common/storybook-test-with-storyname.js.mdx
@@ -0,0 +1,17 @@
+```js
+// MyComponent-test.js
+
+it('should format CSF exports with sensible defaults', () => {
+  const testCases = {
+    name: 'Name',
+    someName: 'Some Name',
+    someNAME: 'Some NAME',
+    some_custom_NAME: 'Some Custom NAME',
+    someName1234: 'Some Name 1234',
+    someName1_2_3_4: 'Some Name 1 2 3 4',
+  };
+  Object.entries(testCases).forEach(([key, val]) => {
+    expect(storyNameFromExport(key)).toBe(val);
+  });
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-theme-example-variables.ts.mdx b/docs/snippets/common/storybook-theme-example-variables.ts.mdx
new file mode 100644
index 00000000000..2ed5717c444
--- /dev/null
+++ b/docs/snippets/common/storybook-theme-example-variables.ts.mdx
@@ -0,0 +1,12 @@
+```ts
+// YourTheme.js
+
+import { create } from '@storybook/theming/create';
+
+export default create({
+  base: 'light',
+  brandTitle: 'My custom storybook',
+  brandUrl: 'https://example.com',
+  brandImage: 'https://placehold.it/350x150',
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/common/storybook-theming-styled-import.js.mdx b/docs/snippets/common/storybook-theming-styled-import.js.mdx
new file mode 100644
index 00000000000..282cfe167da
--- /dev/null
+++ b/docs/snippets/common/storybook-theming-styled-import.js.mdx
@@ -0,0 +1,5 @@
+```js
+// YourTheme.js
+
+import { styled } from '@storybook/theming';
+```
\ No newline at end of file
diff --git a/docs/snippets/common/widget-story-controls-enum.js.mdx b/docs/snippets/common/widget-story-controls-enum.js.mdx
new file mode 100644
index 00000000000..ead5722664c
--- /dev/null
+++ b/docs/snippets/common/widget-story-controls-enum.js.mdx
@@ -0,0 +1,16 @@
+```js
+// Widget.stories.js
+
+export default {
+  title: 'Widget',
+  component: Widget,
+  argTypes: {
+    loadingState: {
+      control: {
+        type: 'inline-radio',
+        options: ['loading', 'error', 'ready'],
+      },
+    },
+  },
+};
+```
diff --git a/docs/snippets/common/your-theme.js.mdx b/docs/snippets/common/your-theme.js.mdx
new file mode 100644
index 00000000000..dcbf7681f9d
--- /dev/null
+++ b/docs/snippets/common/your-theme.js.mdx
@@ -0,0 +1,41 @@
+```js
+// YourTheme.js
+
+import { create } from '@storybook/theming/create';
+
+export default create({
+  base: 'light',
+
+  colorPrimary: 'hotpink',
+  colorSecondary: 'deepskyblue',
+
+  // UI
+  appBg: 'white',
+  appContentBg: 'silver',
+  appBorderColor: 'grey',
+  appBorderRadius: 4,
+
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+
+  // Text colors
+  textColor: 'black',
+  textInverseColor: 'rgba(255,255,255,0.9)',
+
+  // Toolbar default and active colors
+  barTextColor: 'silver',
+  barSelectedColor: 'black',
+  barBg: 'hotpink',
+
+  // Form colors
+  inputBg: 'white',
+  inputBorder: 'silver',
+  inputTextColor: 'black',
+  inputBorderRadius: 4,
+
+  brandTitle: 'My custom storybook',
+  brandUrl: 'https://example.com',
+  brandImage: 'https://placehold.it/350x150',
+});
+```
\ No newline at end of file
diff --git a/docs/snippets/react/app-story-with-mock.js.mdx b/docs/snippets/react/app-story-with-mock.js.mdx
new file mode 100644
index 00000000000..992fc3be108
--- /dev/null
+++ b/docs/snippets/react/app-story-with-mock.js.mdx
@@ -0,0 +1,31 @@
+```js
+// App.stories.js
+
+import React from 'react';
+import App from './App';
+
+export default {
+  title: 'App',
+  component: App,
+};
+
+const Template = (args) => <App {...args />;
+
+export const Success = Template.bind({});
+Success.parameters = {
+  fetch: {
+    json: {
+      JavaScript: 3390991,
+      'C++': 44974,
+      TypeScript: 15530,
+      CoffeeScript: 12253,
+      Python: 9383,
+      C: 5341,
+      Shell: 5115,
+      HTML: 3420,
+      CSS: 3171,
+      Makefile: 189,
+    }
+  }
+};
+```
diff --git a/docs/snippets/react/button-component-with-proptypes.js.mdx b/docs/snippets/react/button-component-with-proptypes.js.mdx
new file mode 100644
index 00000000000..80810824fa8
--- /dev/null
+++ b/docs/snippets/react/button-component-with-proptypes.js.mdx
@@ -0,0 +1,23 @@
+```js
+// Button.js
+
+import React from 'react';
+import PropTypes from 'prop-types';
+
+export default function Button({isDisabled,content}) {
+  return (
+    <button type="button" disabled={isDisabled}>{content}</button>
+  );
+}
+
+Button.propTypes = {
+  /**
+   Checks if the button should be disabled
+  */
+  isDisabled: PropTypes.bool.isRequired,
+  /**
+  The display content of the button
+  */
+  content: PropTypes.string.isRequired,
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-component-with-proptypes.ts.mdx b/docs/snippets/react/button-component-with-proptypes.ts.mdx
new file mode 100644
index 00000000000..f006c325789
--- /dev/null
+++ b/docs/snippets/react/button-component-with-proptypes.ts.mdx
@@ -0,0 +1,28 @@
+```ts
+// Button.tsx
+
+import React from 'react';
+
+export interface ButtonProps {
+  /**
+   * Checks if the button should be disabled
+   */
+  isDisabled: boolean;
+  /**
+  The display content of the button
+  */
+  content: string;
+}
+
+export const Button:React.FC<ButtonProps>=({
+    isDisabled= false,
+    content=''
+})=>{
+  return (
+    <button type="button" disabled={isDisabled}>
+      {content}
+    </button>
+  );
+};
+
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-group-story.js.mdx b/docs/snippets/react/button-group-story.js.mdx
new file mode 100644
index 00000000000..04010dc3a01
--- /dev/null
+++ b/docs/snippets/react/button-group-story.js.mdx
@@ -0,0 +1,19 @@
+```js
+// ButtonGroup.stories.js
+
+import React from 'react';
+import { ButtonGroup } from '../ButtonGroup';
+import * as ButtonStories from './Button.stories';
+
+export default {
+  title: 'ButtonGroup',
+  component: ButtonGroup,
+}
+const Template = (args) => <ButtonGroup {...args} />
+
+export const Pair = Template.bind({});
+Pair.args = {
+  buttons: [ ...ButtonStories.Primary.args, ...ButtonStories.Secondary.args ],
+  orientation: 'horizontal',
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-group-story.ts.mdx b/docs/snippets/react/button-group-story.ts.mdx
new file mode 100644
index 00000000000..d71e24b6244
--- /dev/null
+++ b/docs/snippets/react/button-group-story.ts.mdx
@@ -0,0 +1,21 @@
+```ts
+// ButtonGroup.stories.tsx
+
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+import { ButtonGroup,ButtonGroupProps } from '../ButtonGroup';
+import * as ButtonStories from './Button.stories';
+
+export default {
+  title: 'ButtonGroup',
+  component: ButtonGroup,
+} as Meta;
+
+const Template: Story<ButtonGroupProps> = (args) => <ButtonGroup {...args} />;
+
+export const Pair = Template.bind({});
+Pair.args = {
+  buttons: [ ...ButtonStories.Primary.args, ...ButtonStories.Secondary.args ],
+  orientation: 'horizontal',
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-click-handler-args.js.mdx b/docs/snippets/react/button-story-click-handler-args.js.mdx
new file mode 100644
index 00000000000..e9ceab29ccc
--- /dev/null
+++ b/docs/snippets/react/button-story-click-handler-args.js.mdx
@@ -0,0 +1,9 @@
+```js
+// Button.stories.js
+
+export const Text = ({ label, onClick }) => <Button label={label} onClick={onClick} />;
+Text.args = {
+  label: 'Hello',
+  onClick: action('clicked'),
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-click-handler-simple-docs.js.mdx b/docs/snippets/react/button-story-click-handler-simple-docs.js.mdx
new file mode 100644
index 00000000000..c44f8ca4c62
--- /dev/null
+++ b/docs/snippets/react/button-story-click-handler-simple-docs.js.mdx
@@ -0,0 +1,5 @@
+```js
+// Button.stories.js
+
+export const Text = ({ label, onClick }) => <Button label={label} onClick={onClick} />;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-click-handler-simplificated.js.mdx b/docs/snippets/react/button-story-click-handler-simplificated.js.mdx
new file mode 100644
index 00000000000..5ca379db536
--- /dev/null
+++ b/docs/snippets/react/button-story-click-handler-simplificated.js.mdx
@@ -0,0 +1,5 @@
+```js
+// Button.stories.js
+
+export const Text = (args) => <Button {...args} />;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-click-handler.js.mdx b/docs/snippets/react/button-story-click-handler.js.mdx
new file mode 100644
index 00000000000..437d46aef0f
--- /dev/null
+++ b/docs/snippets/react/button-story-click-handler.js.mdx
@@ -0,0 +1,13 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { Button } from './Button';
+
+export default {
+    title: 'Button',
+    component: Button
+};
+export const Text = () => <Button label=’Hello’ onClick={action('clicked')} />;
+``` 
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-component-args-primary.js.mdx b/docs/snippets/react/button-story-component-args-primary.js.mdx
new file mode 100644
index 00000000000..3c2220144fd
--- /dev/null
+++ b/docs/snippets/react/button-story-component-args-primary.js.mdx
@@ -0,0 +1,19 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: "Button",
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  args: {
+    // Now all Button stories will be primary.
+    primary: true,
+  },
+};
+
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-component-args-primary.ts.mdx b/docs/snippets/react/button-story-component-args-primary.ts.mdx
new file mode 100644
index 00000000000..ca810f27dd3
--- /dev/null
+++ b/docs/snippets/react/button-story-component-args-primary.ts.mdx
@@ -0,0 +1,20 @@
+```ts
+// Button.stories.tsx
+
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+import Button from './Button';
+
+export default {
+  title: "Button",
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  args: {
+    // Now all Button stories will be primary.
+    primary: true,
+  },
+} as Meta;
+
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-component-decorator.js.mdx b/docs/snippets/react/button-story-component-decorator.js.mdx
new file mode 100644
index 00000000000..2b316147015
--- /dev/null
+++ b/docs/snippets/react/button-story-component-decorator.js.mdx
@@ -0,0 +1,12 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: "Button",
+  component: Button,
+  decorators:  [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-component-decorator.ts.mdx b/docs/snippets/react/button-story-component-decorator.ts.mdx
new file mode 100644
index 00000000000..84c85d20d9d
--- /dev/null
+++ b/docs/snippets/react/button-story-component-decorator.ts.mdx
@@ -0,0 +1,13 @@
+```ts
+// Button.stories.tsx
+
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+import { Button, ButtonProps } from './Button';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  decorators:  [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
+} as Meta;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-decorator.js.mdx b/docs/snippets/react/button-story-decorator.js.mdx
new file mode 100644
index 00000000000..6d9849e285b
--- /dev/null
+++ b/docs/snippets/react/button-story-decorator.js.mdx
@@ -0,0 +1,6 @@
+```js
+// Button.stories.js
+
+export const Primary = …
+Primary.decorators = [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-decorator.ts.mdx b/docs/snippets/react/button-story-decorator.ts.mdx
new file mode 100644
index 00000000000..2f2b91faf8f
--- /dev/null
+++ b/docs/snippets/react/button-story-decorator.ts.mdx
@@ -0,0 +1,6 @@
+```ts
+// Button.stories.tsx
+
+export const Primary = …
+Primary.decorators = [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-default-export-with-component.js.mdx b/docs/snippets/react/button-story-default-export-with-component.js.mdx
new file mode 100644
index 00000000000..581105ecbb4
--- /dev/null
+++ b/docs/snippets/react/button-story-default-export-with-component.js.mdx
@@ -0,0 +1,11 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import { Button } from './Button';
+
+export default {
+  title: 'Components/Button',
+  component: Button,
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-default-export-with-component.ts.mdx b/docs/snippets/react/button-story-default-export-with-component.ts.mdx
new file mode 100644
index 00000000000..b7e2439fcd1
--- /dev/null
+++ b/docs/snippets/react/button-story-default-export-with-component.ts.mdx
@@ -0,0 +1,12 @@
+```ts
+// Button.stories.tsx
+
+import React from 'react';
+import { Meta } from '@storybook/react/types-6-0';
+import { Button, ButtonProps } from './Button';
+
+export default {
+  title: 'Components/Button',
+  component: Button,
+} as Meta;
+```
diff --git a/docs/snippets/react/button-story-disable-addon.js.mdx b/docs/snippets/react/button-story-disable-addon.js.mdx
new file mode 100644
index 00000000000..f9237f051bc
--- /dev/null
+++ b/docs/snippets/react/button-story-disable-addon.js.mdx
@@ -0,0 +1,12 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+
+export default {
+  title: 'Button',
+  parameters: {
+    myAddon: { disable: true },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-rename-story.js.mdx b/docs/snippets/react/button-story-rename-story.js.mdx
new file mode 100644
index 00000000000..a1b438a782e
--- /dev/null
+++ b/docs/snippets/react/button-story-rename-story.js.mdx
@@ -0,0 +1,10 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import { Button } from './Button';
+
+export const Primary = () => <Button primary label="Button"/>;
+
+Primary.storyName = 'I am the primary';
+```
diff --git a/docs/snippets/react/button-story-rename-story.ts.mdx b/docs/snippets/react/button-story-rename-story.ts.mdx
new file mode 100644
index 00000000000..9ed0d10ff6b
--- /dev/null
+++ b/docs/snippets/react/button-story-rename-story.ts.mdx
@@ -0,0 +1,10 @@
+```ts
+// Button.stories.tsx
+
+import React from 'react';
+import { Button, ButtonProps } from './Button';
+
+export const Primary: React.SFC<{}> = () => <Button primary>Button</Button>;
+
+Primary.storyName='I am the primary';
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-using-args.js.mdx b/docs/snippets/react/button-story-using-args.js.mdx
new file mode 100644
index 00000000000..3ebc393202e
--- /dev/null
+++ b/docs/snippets/react/button-story-using-args.js.mdx
@@ -0,0 +1,16 @@
+```js
+// Button.stories.js
+
+// We create a “template” of how args map to rendering
+const Template = (args) => <Button {...args} />;
+
+// Each story then reuses that template
+export const Primary = Template.bind({});
+Primary.args = { background: '#ff0', label: 'Button' };
+
+export const Secondary = Template.bind({});
+Secondary.args = { ...Primary.args, label: '😄👍😍💯' };
+
+export const Tertiary = Template.bind({});
+Tertiary.args = { ...Primary.args, label: '📚📕📈🤓' };
+```
diff --git a/docs/snippets/react/button-story-using-args.ts.mdx b/docs/snippets/react/button-story-using-args.ts.mdx
new file mode 100644
index 00000000000..5675337d8fd
--- /dev/null
+++ b/docs/snippets/react/button-story-using-args.ts.mdx
@@ -0,0 +1,16 @@
+```ts
+// Button.stories.tsx
+
+// We create a “template” of how args map to rendering
+const Template: Story<ButtonProps> = (args) => <Button {...args} />;
+
+// Each story then reuses that template
+export const Primary = Template.bind({});
+Primary.args = { background: '#ff0', label: 'Button' };
+
+export const Secondary = Template.bind({});
+Secondary.args = { ...Primary.args, label: '😄👍😍💯' };
+
+export const Tertiary = Template.bind({});
+Tertiary.args = { ...Primary.args, label: '📚📕📈🤓' };
+```
diff --git a/docs/snippets/react/button-story-with-addon-example.js.mdx b/docs/snippets/react/button-story-with-addon-example.js.mdx
new file mode 100644
index 00000000000..dd98ce1081e
--- /dev/null
+++ b/docs/snippets/react/button-story-with-addon-example.js.mdx
@@ -0,0 +1,17 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Button',
+  parameters: {
+    myAddon: {
+      data: 'this data is passed to the addon',
+    },
+  },
+};
+
+export const Basic = () => <Button>hello</Button>;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-with-args.js.mdx b/docs/snippets/react/button-story-with-args.js.mdx
new file mode 100644
index 00000000000..a682ab5bd75
--- /dev/null
+++ b/docs/snippets/react/button-story-with-args.js.mdx
@@ -0,0 +1,15 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+
+const Template = (args) => <Button {...args} />;
+
+// Each story then reuses that template
+export const Primary = Template.bind({});
+
+Primary.args = {
+  primary: true,
+  label: 'Primary',
+};
+```
diff --git a/docs/snippets/react/button-story-with-args.ts.mdx b/docs/snippets/react/button-story-with-args.ts.mdx
new file mode 100644
index 00000000000..60f2f41f8d9
--- /dev/null
+++ b/docs/snippets/react/button-story-with-args.ts.mdx
@@ -0,0 +1,15 @@
+```ts
+// Button.stories.tsx
+
+import React from 'react';
+import { Story } from '@storybook/react/types-6-0';
+
+const Template: Story<ButtonProps> = (args) => <Button {...args} />;
+
+export const Primary = Template.bind({});
+
+Primary.args = {
+  primary: true,
+  label: 'Primary',
+};
+```
diff --git a/docs/snippets/react/button-story-with-blue-args.js.mdx b/docs/snippets/react/button-story-with-blue-args.js.mdx
new file mode 100644
index 00000000000..22715a50606
--- /dev/null
+++ b/docs/snippets/react/button-story-with-blue-args.js.mdx
@@ -0,0 +1,21 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Button',
+  component: Button,
+  parameters: {
+    backgrounds: {
+      values: [
+         { name: 'red', value: '#f00', },
+         { name: 'green', value: '#0f0', },
+         { name: 'blue', value: '#00f', },
+      ]
+    }
+  }
+}
+
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-with-blue-args.ts.mdx b/docs/snippets/react/button-story-with-blue-args.ts.mdx
new file mode 100644
index 00000000000..51926e411be
--- /dev/null
+++ b/docs/snippets/react/button-story-with-blue-args.ts.mdx
@@ -0,0 +1,21 @@
+```ts
+// Button.stories.tsx
+
+import React from 'react';
+import { Meta } from '@storybook/react/types-6-0';
+
+import Button from './Button';
+export default {
+  title: 'Button',
+  component: Button,
+  parameters: {
+    backgrounds: {
+      values: [
+         { name: 'red', value: '#f00', },
+         { name: 'green', value: '#0f0', },
+         { name: 'blue', value: '#00f', },
+      ]
+    }
+  }
+} as Meta;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-with-emojis.js.mdx b/docs/snippets/react/button-story-with-emojis.js.mdx
new file mode 100644
index 00000000000..4c6af747bfc
--- /dev/null
+++ b/docs/snippets/react/button-story-with-emojis.js.mdx
@@ -0,0 +1,8 @@
+```ts
+// Button.stories.js
+
+export const Primary = () => <Button background="#ff0" label="Button" />;
+export const Secondary = () => <Button background="#ff0" label="😄👍😍💯" />;
+export const Tertiary = () => <Button background="#ff0" label="📚📕📈🤓" />;
+
+```
diff --git a/docs/snippets/react/button-story-with-emojis.ts.mdx b/docs/snippets/react/button-story-with-emojis.ts.mdx
new file mode 100644
index 00000000000..f4d758529a8
--- /dev/null
+++ b/docs/snippets/react/button-story-with-emojis.ts.mdx
@@ -0,0 +1,8 @@
+```ts
+// Button.stories.tsx
+
+export const Primary: React.SFC<{}> = () => <Button background="#ff0" label="Button" />;
+export const Secondary : React.SFC<{}> = () => <Button background="#ff0" label="😄👍😍💯" />;
+export const Tertiary: React.SFC<{}> = () => <Button background="#ff0" label="📚📕📈🤓" />;
+
+```
diff --git a/docs/snippets/react/button-story-with-parameters.js.mdx b/docs/snippets/react/button-story-with-parameters.js.mdx
new file mode 100644
index 00000000000..4a01b539ff5
--- /dev/null
+++ b/docs/snippets/react/button-story-with-parameters.js.mdx
@@ -0,0 +1,19 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: "Button",
+  component: Button,
+  parameters: {
+    backgrounds: {
+      values: [
+         { name: 'red', value: '#f00', },
+         { name: 'green', value: '#0f0', },
+      ],
+    }
+  }
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-with-parameters.ts.mdx b/docs/snippets/react/button-story-with-parameters.ts.mdx
new file mode 100644
index 00000000000..cc13e05d6ec
--- /dev/null
+++ b/docs/snippets/react/button-story-with-parameters.ts.mdx
@@ -0,0 +1,20 @@
+```js
+// Button.stories.tsx
+
+import React from 'react';
+import { Button, ButtonProps } from './Button';
+import { Meta } from '@storybook/react/types-6-0';
+
+export default {
+  title: 'Button',
+  component: Button,
+  parameters: {
+    backgrounds: {
+      values: [
+         { name: 'red', value: '#f00', },
+         { name: 'green', value: '#0f0', },
+      ],
+    }
+  },
+} as Meta;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story-with-sample.js.mdx b/docs/snippets/react/button-story-with-sample.js.mdx
new file mode 100644
index 00000000000..ce2d2d86d92
--- /dev/null
+++ b/docs/snippets/react/button-story-with-sample.js.mdx
@@ -0,0 +1,13 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import { Button } from './Button';
+
+export default {
+  title: 'Button',
+  component: Button,
+};
+
+export const Sample = () => <Button label="hello button" />;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/button-story.js.mdx b/docs/snippets/react/button-story.js.mdx
new file mode 100644
index 00000000000..50be1c3b6ff
--- /dev/null
+++ b/docs/snippets/react/button-story.js.mdx
@@ -0,0 +1,8 @@
+```js
+// Button.stories.js
+
+import React from 'react';
+import { Button } from './Button';
+
+export const Primary = () => <Button primary>Button</Button>;
+```
diff --git a/docs/snippets/react/button-story.mdx.mdx b/docs/snippets/react/button-story.mdx.mdx
new file mode 100644
index 00000000000..4beabf6653d
--- /dev/null
+++ b/docs/snippets/react/button-story.mdx.mdx
@@ -0,0 +1,14 @@
+```md
+<!-- Button.stories.mdx-->
+
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+import { Button } from './Button';
+
+<Meta title="Button" />
+
+# Button
+
+<Story name="Primary">
+  <Button primary>Button</Button>
+</Story>
+```
diff --git a/docs/snippets/react/button-story.ts.mdx b/docs/snippets/react/button-story.ts.mdx
new file mode 100644
index 00000000000..4925c99643c
--- /dev/null
+++ b/docs/snippets/react/button-story.ts.mdx
@@ -0,0 +1,8 @@
+```ts
+// Button.stories.tsx
+
+import React from 'react';
+import { Button } from './Button';
+
+export const Primary: React.SFC<{}> = () => <Button primary>Button</Button>;
+```
diff --git a/docs/snippets/react/button-test.js.mdx b/docs/snippets/react/button-test.js.mdx
new file mode 100644
index 00000000000..9e948b38978
--- /dev/null
+++ b/docs/snippets/react/button-test.js.mdx
@@ -0,0 +1,14 @@
+```js
+// Button.test.js
+
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+
+import { Primary } from './Button.stories';
+
+it('renders the button in the primary state', () => {
+  render(<Primary {...Primary.args} />);
+  expect(screen.getByRole('button')).toHaveTextContent('Primary');
+});
+```
diff --git a/docs/snippets/react/checkbox-story-csf.js.mdx b/docs/snippets/react/checkbox-story-csf.js.mdx
new file mode 100644
index 00000000000..f0d3c0a82ea
--- /dev/null
+++ b/docs/snippets/react/checkbox-story-csf.js.mdx
@@ -0,0 +1,19 @@
+```js
+// Checkbox.stories.js
+
+import React from 'react';
+import { Checkbox } from './Checkbox';
+
+export default { 
+    title: "MDX/Checkbox",
+    component: Checkbox 
+};
+
+export const allCheckboxes = () => (
+  <form>
+    <Checkbox id="Unchecked" label="Unchecked" />
+    <Checkbox id="Checked" label="Checked" checked />
+    <Checkbox appearance="secondary" id="second" label="Secondary" checked />
+  </form>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/component-story-static-asset-cdn.js.mdx b/docs/snippets/react/component-story-static-asset-cdn.js.mdx
new file mode 100644
index 00000000000..9399b50deb2
--- /dev/null
+++ b/docs/snippets/react/component-story-static-asset-cdn.js.mdx
@@ -0,0 +1,13 @@
+```js
+// MyComponent.stories.js
+
+import React from 'react';
+
+export default {
+  title: 'img',
+};
+
+export const withAnImage = () => (
+  <img src="https://placehold.it/350x150" alt="My CDN placeholder" />
+);
+```
diff --git a/docs/snippets/react/component-story-static-asset-with-import.js.mdx b/docs/snippets/react/component-story-static-asset-with-import.js.mdx
new file mode 100644
index 00000000000..cdd102fef13
--- /dev/null
+++ b/docs/snippets/react/component-story-static-asset-with-import.js.mdx
@@ -0,0 +1,19 @@
+```js
+// MyComponent.stories.js
+
+import React from 'react';
+import imageFile from './static/image.png';
+
+export default {
+  title: 'img',
+};
+
+const image = {
+  src: imageFile,
+  alt: 'my image',
+};
+
+export const withAnImage = () => (
+  <img src={image.src} alt={image.alt} />
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/component-story-static-asset-without-import.js.mdx b/docs/snippets/react/component-story-static-asset-without-import.js.mdx
new file mode 100644
index 00000000000..ff7ff6354d8
--- /dev/null
+++ b/docs/snippets/react/component-story-static-asset-without-import.js.mdx
@@ -0,0 +1,14 @@
+```js
+// MyComponent.stories.js
+
+import React from 'react';
+
+export default {
+  title: 'img',
+};
+
+// assume image.png is located in the "public" directory.
+export const withAnImage = () => (
+  <img src="/image.png" alt="my image" />
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/component-story-with-query.js.mdx b/docs/snippets/react/component-story-with-query.js.mdx
new file mode 100644
index 00000000000..cdf4704600f
--- /dev/null
+++ b/docs/snippets/react/component-story-with-query.js.mdx
@@ -0,0 +1,25 @@
+```js
+// my-component-with-query.stories.js
+
+import MyComponentThatHasAQuery, { MyQuery} from '../component-that-has-a-query';
+
+const Template = (args) => <MyComponentThatHasAQuery {...args}/>;
+
+export const LoggedOut = Template.bind({});
+LoggedOut.parameters = {
+  apolloClient: {
+    mocks: [
+      {
+        request: {
+          query: MyQuery,
+        },
+        result: {
+          data: {
+            viewer: null
+          },
+        },
+      },
+    ],
+  },
+};
+ ```
\ No newline at end of file
diff --git a/docs/snippets/react/component-styled-variables-object-notation.js.mdx b/docs/snippets/react/component-styled-variables-object-notation.js.mdx
new file mode 100644
index 00000000000..fe6216ffea4
--- /dev/null
+++ b/docs/snippets/react/component-styled-variables-object-notation.js.mdx
@@ -0,0 +1,8 @@
+```js
+// MyComponent.js
+
+const Component = styled.div(({ theme }) => ({
+  background: theme.background.app,
+  width: 0,
+}));
+```
\ No newline at end of file
diff --git a/docs/snippets/react/component-styled-variables-template-literals.js.mdx b/docs/snippets/react/component-styled-variables-template-literals.js.mdx
new file mode 100644
index 00000000000..6d302f91c88
--- /dev/null
+++ b/docs/snippets/react/component-styled-variables-template-literals.js.mdx
@@ -0,0 +1,8 @@
+```js
+// MyComponent.js
+
+const Component = styled.div`
+  background: `${props => props.theme.background.app}`
+  width: 0;
+`;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-expanded.js.mdx b/docs/snippets/react/list-story-expanded.js.mdx
new file mode 100644
index 00000000000..b3ad88c3b23
--- /dev/null
+++ b/docs/snippets/react/list-story-expanded.js.mdx
@@ -0,0 +1,28 @@
+```js
+// List.stories.js
+
+import React from 'react';
+import List from './List';
+import ListItem from './ListItem';
+
+export default {
+  component: List,
+  title: 'List',
+};
+
+export const Empty = (args) => <List {...args} />;
+
+export const OneItem = (args) => (
+  <List {...args}>
+    <ListItem />
+  </List>
+);
+
+export const ManyItems = (args) => (
+  <List {...args}>
+    <ListItem />
+    <ListItem />
+    <ListItem />
+  </List>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-expanded.ts.mdx b/docs/snippets/react/list-story-expanded.ts.mdx
new file mode 100644
index 00000000000..95cefbd31d4
--- /dev/null
+++ b/docs/snippets/react/list-story-expanded.ts.mdx
@@ -0,0 +1,29 @@
+```ts
+// List.stories.tsx
+
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+import { List, ListProps } from './List';
+import { ListItem, ListItemProps } from './ListItem';
+
+export default {
+  component: List,
+  title: 'List',
+} as Meta;
+
+export const Empty : Story<ListProps> = (args) => <List {...args} />;
+
+export const OneItem = (args) => (
+  <List {...args}>
+    <ListItem />
+  </List>
+);
+
+export const ManyItems = (args) => (
+  <List {...args}>
+    <ListItem />
+    <ListItem />
+    <ListItem />
+  </List>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-reuse-data.js.mdx b/docs/snippets/react/list-story-reuse-data.js.mdx
new file mode 100644
index 00000000000..f898774a0a3
--- /dev/null
+++ b/docs/snippets/react/list-story-reuse-data.js.mdx
@@ -0,0 +1,14 @@
+```js
+// List.stories.js
+
+import React from 'react';
+import { Selected, Unselected } from './ListItem.stories';
+
+export const ManyItems = (args) => (
+  <List {...args}>
+    <Selected {...Selected.args} />
+    <Unselected {...Unselected.args} />
+    <Unselected {...Unselected.args} />
+  </List>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-reuse-data.ts.mdx b/docs/snippets/react/list-story-reuse-data.ts.mdx
new file mode 100644
index 00000000000..01c7e05a93c
--- /dev/null
+++ b/docs/snippets/react/list-story-reuse-data.ts.mdx
@@ -0,0 +1,14 @@
+```ts
+// List.stories.tsx
+
+import React from 'react';
+import * as ListItemStories from './ListItemStories';
+
+export const ManyItems = (args) => (
+  <List {...args}>
+    <Selected {...ListItemStories.Selected.args} />
+    <Unselected {...ListItemStories.Unselected.args} />
+    <Unselected {...ListItemStories.Unselected.args} />
+  </List>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-starter.js.mdx b/docs/snippets/react/list-story-starter.js.mdx
new file mode 100644
index 00000000000..0ee2e514b87
--- /dev/null
+++ b/docs/snippets/react/list-story-starter.js.mdx
@@ -0,0 +1,15 @@
+```js
+// List.stories.js
+
+import React from 'react';
+import List from './List';
+
+export default {
+  component: List,
+  title: 'List',
+};
+
+// Always an empty list, not super interesting
+const Template = (args) => <List {...args} />;
+
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-starter.ts.mdx b/docs/snippets/react/list-story-starter.ts.mdx
new file mode 100644
index 00000000000..45a116ee013
--- /dev/null
+++ b/docs/snippets/react/list-story-starter.ts.mdx
@@ -0,0 +1,16 @@
+```ts
+// List.stories.tsx
+
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+import { List, ListProps } from './List';
+
+export default {
+  component: List,
+  title: 'List',
+} as Meta;
+
+// Always an empty list, not super interesting
+const Template : Story<ListProps> = (args) => <List {...args} />;
+
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-template.js.mdx b/docs/snippets/react/list-story-template.js.mdx
new file mode 100644
index 00000000000..2c3f5f0be26
--- /dev/null
+++ b/docs/snippets/react/list-story-template.js.mdx
@@ -0,0 +1,22 @@
+```js
+// List.stories.js
+
+import React from 'react';
+import List from './List';
+import ListItem from './ListItem';
+import { Unchecked } from './ListItem.stories';
+
+const ListTemplate = ({ items, ...args }) => (
+  <List>
+    {items.map((item) => (
+      <ListItem {...item} />
+    ))}
+  </List>
+);
+
+export const Empty = ListTemplate.bind({});
+Empty.args = { items: [] };
+
+export const OneItem = ListTemplate.bind({});
+OneItem.args = { items: [Unchecked.args] };
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-template.ts.mdx b/docs/snippets/react/list-story-template.ts.mdx
new file mode 100644
index 00000000000..6ecdcf29266
--- /dev/null
+++ b/docs/snippets/react/list-story-template.ts.mdx
@@ -0,0 +1,22 @@
+```js
+// List.stories.tsx
+
+import React from 'react';
+import { List, ListProps } from './List';
+import { ListItem, ListItemProps} from './ListItem';
+import { Unchecked } from './ListItem.stories';
+
+const ListTemplate = ({ items, ...args }) => (
+  <List>
+    {items.map((item) => (
+      <ListItem {...item} />
+    ))}
+  </List>
+);
+
+export const Empty = ListTemplate.bind({});
+Empty.args = { items: [] };
+
+export const OneItem = ListTemplate.bind({});
+OneItem.args = { items: [Unchecked.args] };
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-unchecked.js.mdx b/docs/snippets/react/list-story-unchecked.js.mdx
new file mode 100644
index 00000000000..bc1b48a619f
--- /dev/null
+++ b/docs/snippets/react/list-story-unchecked.js.mdx
@@ -0,0 +1,15 @@
+```js
+// List.stories.js
+
+import React from 'react';
+import List from './List';
+
+// Instead of importing the ListItem, we import its stories
+import { Unchecked } from './ListItem.stories';
+
+export const OneItem = (args) => (
+  <List {...args}>
+    <Unchecked {...Unchecked.args} />
+  </List>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-unchecked.ts.mdx b/docs/snippets/react/list-story-unchecked.ts.mdx
new file mode 100644
index 00000000000..09f27576f4b
--- /dev/null
+++ b/docs/snippets/react/list-story-unchecked.ts.mdx
@@ -0,0 +1,14 @@
+```ts
+// List.stories.tsx
+
+import React from 'react';
+import { List, ListProps} from './List';
+// Instead of importing the ListItem, we import its stories
+import { Unchecked } from './ListItem.stories';
+
+export const OneItem = (args) => (
+  <List {...args}>
+    <Unchecked {...Unchecked.args} />
+  </List>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-with-subcomponents.js.mdx b/docs/snippets/react/list-story-with-subcomponents.js.mdx
new file mode 100644
index 00000000000..bcc4507166e
--- /dev/null
+++ b/docs/snippets/react/list-story-with-subcomponents.js.mdx
@@ -0,0 +1,21 @@
+```js
+// List.stories.js
+
+import React from 'react';
+import List from './List';
+import ListItem from './ListItem';
+
+export default {
+  component: List,
+  subcomponents: [ListItem],
+  title: 'List',
+};
+
+export const Empty = (args) => <List {...args} />;
+
+export const OneItem = (args) => (
+  <List {...args}>
+    <ListItem />
+  </List>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-with-subcomponents.ts.mdx b/docs/snippets/react/list-story-with-subcomponents.ts.mdx
new file mode 100644
index 00000000000..6aec984b248
--- /dev/null
+++ b/docs/snippets/react/list-story-with-subcomponents.ts.mdx
@@ -0,0 +1,22 @@
+```ts
+// List.stories.tsx
+
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+import { List, ListProps } from './List';
+import { ListItem, ListItemProps }  from './ListItem';
+
+export default {
+  component: List,
+  subcomponents: [ListItem],
+  title: 'List',
+} as Meta;
+
+export const Empty = Story<ListProps> = (args) => <List {...args} />;;
+
+export const OneItem = (args) => (
+  <List {...args}>
+    <ListItem />
+  </List>
+);
+```
\ No newline at end of file
diff --git a/docs/snippets/react/list-story-with-unchecked-children.js.mdx b/docs/snippets/react/list-story-with-unchecked-children.js.mdx
new file mode 100644
index 00000000000..55172da05ad
--- /dev/null
+++ b/docs/snippets/react/list-story-with-unchecked-children.js.mdx
@@ -0,0 +1,12 @@
+```js
+// List.stories.js
+
+import React from 'react';
+
+const Template = (args) => <List {...args} />;
+
+export const OneItem = Template.bind({});
+OneItem.args = {
+  children: <Unchecked {...Unchecked.args} />,
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/mock-context-container-global.js.mdx b/docs/snippets/react/mock-context-container-global.js.mdx
new file mode 100644
index 00000000000..840814bffc6
--- /dev/null
+++ b/docs/snippets/react/mock-context-container-global.js.mdx
@@ -0,0 +1,19 @@
+```js
+// .storybook/preview.js
+
+import React from 'react';
+import { normal as NavigationNormal } from '../components/Navigation.stories';
+import GlobalContainerContext from '../components/lib/GlobalContainerContext';
+
+const context = {
+  NavigationContainer: NavigationNormal,
+};
+
+const AppDecorator = (storyFn) => {
+  return (
+    <GlobalContainerContext.Provider value={context}>{storyFn()}</GlobalContainerContext.Provider>
+  );
+};
+
+addDecorator(AppDecorator);
+```
diff --git a/docs/snippets/react/mock-context-container-provider.js.mdx b/docs/snippets/react/mock-context-container-provider.js.mdx
new file mode 100644
index 00000000000..080a1ce4f63
--- /dev/null
+++ b/docs/snippets/react/mock-context-container-provider.js.mdx
@@ -0,0 +1,25 @@
+```js
+// pages/profile.js
+
+import React from 'react';
+import ProfilePageContext from './ProfilePageContext';
+import ProfilePageContainer from './ProfilePageContainer';
+import UserPostsContainer from './UserPostsContainer';
+import UserFriendsContainer from './UserFriendsContainer';
+
+// Ensure that your context value remains referentially equal between each render.
+const context = {
+  UserPostsContainer,
+  UserFriendsContainer,
+};
+
+const AppProfilePage = () => {
+  return (
+    <ProfilePageContext.Provider value={context}>
+      <ProfilePageContainer />
+    </ProfilePageContext.Provider>
+  );
+};
+
+export default AppProfilePage;
+```
diff --git a/docs/snippets/react/mock-context-container.js.mdx b/docs/snippets/react/mock-context-container.js.mdx
new file mode 100644
index 00000000000..89edbc77c77
--- /dev/null
+++ b/docs/snippets/react/mock-context-container.js.mdx
@@ -0,0 +1,36 @@
+```js
+// ProfilePage.stories.js
+
+import React from 'react';
+import ProfilePage from './ProfilePage';
+import UserPosts from './UserPosts';
+import { normal as UserFriendsNormal } from './UserFriends.stories';
+
+export default {
+  title: 'ProfilePage',
+};
+
+const ProfilePageProps = {
+  name: 'Jimi Hendrix',
+  userId: '1',
+};
+
+const context = {
+  // We can access the `userId` prop here if required:
+  UserPostsContainer({ userId }) {
+    return <UserPosts {...UserPostsProps} />;
+  },
+  // Most of the time we can simply pass in a story.
+  // In this case we're passing in the `normal` story export
+  // from the `UserFriends` component stories.
+  UserFriendsContainer: UserFriendsNormal,
+};
+
+export const normal = () => {
+  return (
+    <ProfilePageContext.Provider value={context}>
+      <ProfilePage {...ProfilePageProps} />
+    </ProfilePageContext.Provider>
+  );
+};
+```
diff --git a/docs/snippets/react/mock-context-create.js.mdx b/docs/snippets/react/mock-context-create.js.mdx
new file mode 100644
index 00000000000..9628fbaaf34
--- /dev/null
+++ b/docs/snippets/react/mock-context-create.js.mdx
@@ -0,0 +1,9 @@
+```js
+// ProfilePageContext.js
+
+import { createContext } from 'react';
+
+const ProfilePageContext = createContext();
+
+export default ProfilePageContext;
+```
diff --git a/docs/snippets/react/mock-context-in-use.js.mdx b/docs/snippets/react/mock-context-in-use.js.mdx
new file mode 100644
index 00000000000..70c6ae22f52
--- /dev/null
+++ b/docs/snippets/react/mock-context-in-use.js.mdx
@@ -0,0 +1,20 @@
+```js
+// ProfilePage.js
+
+import { useContext } from 'react';
+import ProfilePageContext from './ProfilePageContext';
+
+const ProfilePage = ({ name, userId }) => {
+  const { UserPostsContainer, UserFriendsContainer } = useContext(ProfilePageContext);
+
+  return (
+    <div>
+      <h1>{name}</h1>
+      <UserPostsContainer userId={userId} />
+      <UserFriendsContainer userId={userId} />
+    </div>
+  );
+};
+
+export default ProfilePage;
+```
diff --git a/docs/snippets/react/my-component-story-basic-and-props.js.mdx b/docs/snippets/react/my-component-story-basic-and-props.js.mdx
new file mode 100644
index 00000000000..40986eee27b
--- /dev/null
+++ b/docs/snippets/react/my-component-story-basic-and-props.js.mdx
@@ -0,0 +1,15 @@
+```js
+// MyComponent.stories.js
+
+import React from 'react';
+import MyComponent from './MyComponent';
+
+export default {
+  title: 'Path/To/MyComponent',
+  component: MyComponent,
+};
+
+export const Basic = () => <MyComponent />;
+export const WithProp = () => <MyComponent prop="value" />;
+
+```
\ No newline at end of file
diff --git a/docs/snippets/react/my-component-story-configure-viewports.js.mdx b/docs/snippets/react/my-component-story-configure-viewports.js.mdx
new file mode 100644
index 00000000000..98f8a069ade
--- /dev/null
+++ b/docs/snippets/react/my-component-story-configure-viewports.js.mdx
@@ -0,0 +1,25 @@
+```js
+// MyComponent.stories.js
+
+import React from 'react';
+
+export default {
+  title: 'Stories',
+  parameters: {
+    // the viewports object from the Essentials addon
+    viewport: {
+      // the viewports you want to use
+      viewports: MINIMAL_VIEWPORTS,
+      // your own default viewport
+      defaultViewport: 'iphone6'
+    },
+  };
+};
+
+export const myStory = () => <div />;
+myStory.parameters = {
+  viewport: {
+    defaultViewport: 'iphonex'
+  },
+};
+```
diff --git a/docs/snippets/react/my-component-story-with-nonstory.js.mdx b/docs/snippets/react/my-component-story-with-nonstory.js.mdx
new file mode 100644
index 00000000000..dd6d62481fa
--- /dev/null
+++ b/docs/snippets/react/my-component-story-with-nonstory.js.mdx
@@ -0,0 +1,19 @@
+```js
+// MyComponent.stories.js
+
+import React from 'react';
+import MyComponent from './MyComponent';
+import someData from './data.json';
+
+export default {
+  title: 'MyComponent',
+  component: MyComponent,
+  includeStories: ['SimpleStory', 'ComplexStory']
+}
+
+export const simpleData = { foo: 1, bar: 'baz' };
+export const complexData = { foo: 1, { bar: 'baz', baz: someData }};
+
+export const SimpleStory = () => <MyComponent data={simpleData} />;
+export const ComplexStory = () => <MyComponent data={complexData} />;
+```
\ No newline at end of file
diff --git a/docs/snippets/react/page-story-with-args-composition.js.mdx b/docs/snippets/react/page-story-with-args-composition.js.mdx
new file mode 100644
index 00000000000..bcb6b369c39
--- /dev/null
+++ b/docs/snippets/react/page-story-with-args-composition.js.mdx
@@ -0,0 +1,24 @@
+```js
+// YourPage.stories.js
+
+import React from 'react';
+import DocumentScreen from './DocumentScreen';
+
+import PageLayout from './PageLayout.stories';
+import DocumentHeader from './DocumentHeader.stories';
+import DocumentList from './DocumentList.stories';
+
+export default {
+  component: DocumentScreen,
+  title: 'DocumentScreen',
+};
+
+const Template = (args) => <DocumentScreen {...args} />;
+
+export const Simple = Template.bind({});
+Simple.args = {
+  user: PageLayout.Simple.user,
+  document: DocumentHeader.Simple.document,
+  subdocuments: DocumentList.Simple.documents,
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/page-story-with-args-composition.ts.mdx b/docs/snippets/react/page-story-with-args-composition.ts.mdx
new file mode 100644
index 00000000000..99518598426
--- /dev/null
+++ b/docs/snippets/react/page-story-with-args-composition.ts.mdx
@@ -0,0 +1,25 @@
+```js
+// YourPage.stories.js
+
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+import {DocumentScreen, DocumentScreenProps} from './DocumentScreen';
+
+import PageLayout from './PageLayout.stories';
+import DocumentHeader from './DocumentHeader.stories';
+import DocumentList from './DocumentList.stories';
+
+export default {
+  component: DocumentScreen,
+  title: 'DocumentScreen',
+} as Meta;
+
+const Template: Story<DocumentScreenProps> = (args) => <DocumentScreen {...args} />;
+
+export const Simple = Template.bind({});
+Simple.args = {
+  user: PageLayout.Simple.user,
+  document: DocumentHeader.Simple.document,
+  subdocuments: DocumentList.Simple.documents,
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/page-story.js.mdx b/docs/snippets/react/page-story.js.mdx
new file mode 100644
index 00000000000..61585e48790
--- /dev/null
+++ b/docs/snippets/react/page-story.js.mdx
@@ -0,0 +1,19 @@
+```js
+// Page.stories.js
+
+import React from 'react';
+import { Page } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Page',
+  component: Page,
+};
+
+const Template = (args) => <Page {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/page-story.ts.mdx b/docs/snippets/react/page-story.ts.mdx
new file mode 100644
index 00000000000..9bd338f1805
--- /dev/null
+++ b/docs/snippets/react/page-story.ts.mdx
@@ -0,0 +1,21 @@
+```ts
+// Page.stories.tsx
+
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+
+import { Page, PageProps } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Page',
+  component: Page,
+} as Meta;
+
+const Template: Story<PageProps> = (args) => <Page {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+```
\ No newline at end of file
diff --git a/docs/snippets/react/simple-page-implementation.js.mdx b/docs/snippets/react/simple-page-implementation.js.mdx
new file mode 100644
index 00000000000..e84e859edee
--- /dev/null
+++ b/docs/snippets/react/simple-page-implementation.js.mdx
@@ -0,0 +1,17 @@
+```js
+// YourPage.js
+
+import React from 'react';
+import PageLayout from './PageLayout';
+import DocumentHeader from './DocumentHeader';
+import DocumentList from './DocumentList';
+
+function DocumentScreen({ user, document, subdocuments }) {
+  return (
+    <PageLayout user={user}>
+      <DocumentHeader document={document} />
+      <DocumentList documents={subdocuments} />
+    </PageLayout>
+  );
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/react/simple-page-implementation.ts.mdx b/docs/snippets/react/simple-page-implementation.ts.mdx
new file mode 100644
index 00000000000..f139d21f513
--- /dev/null
+++ b/docs/snippets/react/simple-page-implementation.ts.mdx
@@ -0,0 +1,26 @@
+```js
+// YourPage.tsx
+
+import React from 'react';
+import PageLayout from './PageLayout';
+import Document from './Document'
+import SubDocuments from './SubDocuments'
+import DocumentHeader from './DocumentHeader';
+import DocumentList from './DocumentList';
+
+
+export interface DocumentScreen {
+  user?: {};
+  document?: Document;
+  subdocuments?: SubDocuments[];
+};
+
+function DocumentScreen({ user, document, subdocuments }) {
+  return (
+    <PageLayout user={user}>
+      <DocumentHeader document={document} />
+      <DocumentList documents={subdocuments} />
+    </PageLayout>
+  );
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/react/storybook-preview-global-decorator.js.mdx b/docs/snippets/react/storybook-preview-global-decorator.js.mdx
new file mode 100644
index 00000000000..0f2e1eac4cb
--- /dev/null
+++ b/docs/snippets/react/storybook-preview-global-decorator.js.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/preview.js
+
+import React from 'react';
+
+export const decorators = [(Story) => <div style={{ margin: '3em' }}><Story/></div>];
+```
\ No newline at end of file
diff --git a/docs/snippets/react/storybook-preview-global-decorator.ts.mdx b/docs/snippets/react/storybook-preview-global-decorator.ts.mdx
new file mode 100644
index 00000000000..0f2e1eac4cb
--- /dev/null
+++ b/docs/snippets/react/storybook-preview-global-decorator.ts.mdx
@@ -0,0 +1,7 @@
+```js
+// .storybook/preview.js
+
+import React from 'react';
+
+export const decorators = [(Story) => <div style={{ margin: '3em' }}><Story/></div>];
+```
\ No newline at end of file
diff --git a/docs/snippets/react/storybook-preview-with-styled-components-decorator.js.mdx b/docs/snippets/react/storybook-preview-with-styled-components-decorator.js.mdx
new file mode 100644
index 00000000000..78009bf6b61
--- /dev/null
+++ b/docs/snippets/react/storybook-preview-with-styled-components-decorator.js.mdx
@@ -0,0 +1,14 @@
+```js
+// .storybook/preview.js
+
+import React from "react";
+import { ThemeProvider } from 'styled-components';
+
+export const decorators = [
+  (Story) => (
+    <ThemeProvider theme="default">
+      <Story />
+    </ThemeProvider>
+  ),
+];
+```
diff --git a/docs/snippets/react/table-story-fully-customize-controls.js.mdx b/docs/snippets/react/table-story-fully-customize-controls.js.mdx
new file mode 100644
index 00000000000..5488ba6fa24
--- /dev/null
+++ b/docs/snippets/react/table-story-fully-customize-controls.js.mdx
@@ -0,0 +1,18 @@
+```js
+// Table.stories.js
+
+const TableStory = ({ data, ...args }) => (
+  <Table {...args} >
+    {data.map(row => (<TR>{row.map(item => <TD>{item}</TD>}</TR>))}
+  </Table>
+)
+
+export const Numeric = TableStory.bind({});
+
+Numeric.args = {
+  // This arg is for the story component
+  data: [[1, 2, 3], [4, 5, 6]],
+  // The remaining args get passed to the `Table` component
+  size: 'large',
+}
+```
\ No newline at end of file
diff --git a/docs/snippets/react/your-component-with-decorator.js.mdx b/docs/snippets/react/your-component-with-decorator.js.mdx
new file mode 100644
index 00000000000..b326d8b3468
--- /dev/null
+++ b/docs/snippets/react/your-component-with-decorator.js.mdx
@@ -0,0 +1,8 @@
+```js
+// YourComponent.stories.js
+
+export default {
+  component: YourComponent,
+  decorators: [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
+}
+``` 
\ No newline at end of file
diff --git a/docs/snippets/react/your-component-with-decorator.ts.mdx b/docs/snippets/react/your-component-with-decorator.ts.mdx
new file mode 100644
index 00000000000..1619f708818
--- /dev/null
+++ b/docs/snippets/react/your-component-with-decorator.ts.mdx
@@ -0,0 +1,8 @@
+```ts
+// YourComponent.stories.tsx
+
+export default {
+  component: YourComponent,
+  decorators: [(Story) => <div style={{ margin: '3em' }}><Story/></div>]
+}
+``` 
\ No newline at end of file
diff --git a/docs/snippets/react/your-component.js.mdx b/docs/snippets/react/your-component.js.mdx
new file mode 100644
index 00000000000..4c08bc781be
--- /dev/null
+++ b/docs/snippets/react/your-component.js.mdx
@@ -0,0 +1,20 @@
+```js
+// YourComponent.stories.js
+
+import React from 'react';
+import { YourComponent } from './YourComponent';
+
+// This default export determines where your story goes in the story list
+export default {
+  title: 'YourComponent',
+  component: YourComponent,
+};
+
+const Template = (args) => <YourComponent {...args} />;
+
+export const FirstStory = Template.bind({});
+
+FirstStory.args = {
+  /* the args you need here will depend on your component */
+};
+```
diff --git a/docs/snippets/react/your-component.ts.mdx b/docs/snippets/react/your-component.ts.mdx
new file mode 100644
index 00000000000..9b76dd3a3fd
--- /dev/null
+++ b/docs/snippets/react/your-component.ts.mdx
@@ -0,0 +1,22 @@
+```ts
+// YourComponent.stories.tsx
+
+import React from 'react';
+import { YourComponent } from './YourComponent';
+
+// This default export determines where your story goes in the story list
+export default {
+  title: 'YourComponent',
+  component: YourComponent,
+};
+
+const Template = (args: YourComponent) => ({
+  component: YourComponent,
+  props: args,
+});
+
+export const FirstStory = Template.bind({});
+FirstStory.args = {
+  /* the args you need here will depend on your component */
+};
+```
diff --git a/docs/snippets/vue/button-story-component-args-primary.js.mdx b/docs/snippets/vue/button-story-component-args-primary.js.mdx
new file mode 100644
index 00000000000..579d4b5880b
--- /dev/null
+++ b/docs/snippets/vue/button-story-component-args-primary.js.mdx
@@ -0,0 +1,14 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default {
+  title: 'Button',
+  component: Button,
+  args: {
+    // Now all Button stories will be primary.
+    primary: true,
+  },
+};
+```
diff --git a/docs/snippets/vue/button-story-component-decorator.js.mdx b/docs/snippets/vue/button-story-component-decorator.js.mdx
new file mode 100644
index 00000000000..6b2e8117162
--- /dev/null
+++ b/docs/snippets/vue/button-story-component-decorator.js.mdx
@@ -0,0 +1,11 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default {
+  title: 'Components/Button',
+  component: Button,
+  decorators: [() => ({ template: '<div style="margin: 3em;"><story /></div>' })],
+};
+```
diff --git a/docs/snippets/vue/button-story-decorator.js.mdx b/docs/snippets/vue/button-story-decorator.js.mdx
new file mode 100644
index 00000000000..7274d3f3dd7
--- /dev/null
+++ b/docs/snippets/vue/button-story-decorator.js.mdx
@@ -0,0 +1,13 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default { title: 'Components/Button' };
+
+export const Primary = () => ({
+  components: { Button },
+  template: '<Button primary label="Hello World" />',
+});
+Primary.decorators = [() => ({ template: '<div style="margin: 3em;"><story /></div>' })];
+```
diff --git a/docs/snippets/vue/button-story-default-export-with-component.js.mdx b/docs/snippets/vue/button-story-default-export-with-component.js.mdx
new file mode 100644
index 00000000000..a431812da3b
--- /dev/null
+++ b/docs/snippets/vue/button-story-default-export-with-component.js.mdx
@@ -0,0 +1,10 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default {
+  title: 'Components/Button',
+  component: Button
+};
+```
diff --git a/docs/snippets/vue/button-story-rename-story.js.mdx b/docs/snippets/vue/button-story-rename-story.js.mdx
new file mode 100644
index 00000000000..ff17f70a830
--- /dev/null
+++ b/docs/snippets/vue/button-story-rename-story.js.mdx
@@ -0,0 +1,14 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default { title: 'Components/Button' };
+
+export const Primary = () => ({
+  components: { Button },
+  template: '<Button primary label="Button" />',
+});
+
+Primary.storyName = 'I am the primary';
+```
diff --git a/docs/snippets/vue/button-story-using-args.js.mdx b/docs/snippets/vue/button-story-using-args.js.mdx
new file mode 100644
index 00000000000..5b2abdbbe8b
--- /dev/null
+++ b/docs/snippets/vue/button-story-using-args.js.mdx
@@ -0,0 +1,24 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default { title: 'Components/Button' };
+
+// We create a “template” of how args map to rendering
+const Template = (args, { argTypes }) => ({
+  components: { Button },
+  props: Object.keys(argTypes),
+  template: '<Button :background="background" :label="label" />',
+});
+
+// Each story then reuses that template
+export const Primary = Template.bind({});
+Primary.args = { background: '#ff0', label: 'Button' };
+
+export const Secondary = Template.bind({});
+Secondary.args = { ...Primary.args, label: '😄👍😍💯' };
+
+export const Tertiary = Template.bind({});
+Tertiary.args = { ...Primary.args, label: '📚📕📈🤓' };
+```
diff --git a/docs/snippets/vue/button-story-with-args.js.mdx b/docs/snippets/vue/button-story-with-args.js.mdx
new file mode 100644
index 00000000000..3a8817f8cec
--- /dev/null
+++ b/docs/snippets/vue/button-story-with-args.js.mdx
@@ -0,0 +1,21 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default { title: 'Components/Button' };
+
+// We create a “template” of how args map to rendering
+const Template = (args, { argTypes }) => ({
+  components: { Button },
+  props: Object.keys(argTypes),
+  template: '<Button :primary="primary" :label="label" />',
+});
+
+// Each story then reuses that template
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Primary',
+};
+```
diff --git a/docs/snippets/vue/button-story-with-blue-args.js.mdx b/docs/snippets/vue/button-story-with-blue-args.js.mdx
new file mode 100644
index 00000000000..a4fb3cad3e1
--- /dev/null
+++ b/docs/snippets/vue/button-story-with-blue-args.js.mdx
@@ -0,0 +1,19 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default {
+  title: 'Components/Button',
+  component: Button,
+  parameters: {
+    backgrounds: {
+      values: [
+        { name: 'red', value: '#f00' },
+        { name: 'green', value: '#0f0' },
+        { name: 'blue', value: '#00f' },
+      ],
+    },
+  },
+};
+```
diff --git a/docs/snippets/vue/button-story-with-emojis.js.mdx b/docs/snippets/vue/button-story-with-emojis.js.mdx
new file mode 100644
index 00000000000..10e5d430469
--- /dev/null
+++ b/docs/snippets/vue/button-story-with-emojis.js.mdx
@@ -0,0 +1,20 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default { title: 'Components/Button' };
+
+export const Primary = () => ({
+  components: { Button },
+  template: '<Button background="#ff0" label="Button" />',
+});
+export const Secondary = () => ({
+  components: { Button },
+  template: '<Button background="#ff0" label="😄👍😍💯" />',
+});
+export const Tertiary = () => ({
+  components: { Button },
+  template: '<Button background="#ff0" label="📚📕📈🤓" />',
+});
+```
diff --git a/docs/snippets/vue/button-story.js.mdx b/docs/snippets/vue/button-story.js.mdx
new file mode 100644
index 00000000000..51281edef6a
--- /dev/null
+++ b/docs/snippets/vue/button-story.js.mdx
@@ -0,0 +1,12 @@
+```js
+// Button.stories.js
+
+import Button from './Button';
+
+export default { title: 'Components/Button' };
+
+export const Primary = () => ({
+  components: { Button },
+  template: '<Button primary label="Button" />',
+});
+```
diff --git a/docs/snippets/vue/my-component-story-configure-viewports.js.mdx b/docs/snippets/vue/my-component-story-configure-viewports.js.mdx
new file mode 100644
index 00000000000..0dd1217e415
--- /dev/null
+++ b/docs/snippets/vue/my-component-story-configure-viewports.js.mdx
@@ -0,0 +1,27 @@
+```js
+// MyComponent.stories.js
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+export default {
+  title: 'Stories',
+  parameters: {
+    // the viewports object from the Essentials addon
+    viewport: {
+      // the viewports you want to use
+      viewports: INITIAL_VIEWPORTS,
+      // your own default viewport
+      defaultViewport: 'iphone6',
+    },
+  },
+};
+
+export const myStory = () => ({
+  template: '<div />',
+});
+myStory.parameters = {
+  viewport: {
+    defaultViewport: 'iphonex',
+  },
+};
+```
diff --git a/docs/snippets/vue/storybook-preview-global-decorator.js.mdx b/docs/snippets/vue/storybook-preview-global-decorator.js.mdx
new file mode 100644
index 00000000000..6bddf4e3671
--- /dev/null
+++ b/docs/snippets/vue/storybook-preview-global-decorator.js.mdx
@@ -0,0 +1,5 @@
+// .storybook/preview.js
+
+```js
+export const decorators = [() => ({ template: '<div style="margin: 3em;"><story /></div>' })];
+```
diff --git a/docs/snippets/vue/your-component-with-decorator.js.mdx b/docs/snippets/vue/your-component-with-decorator.js.mdx
new file mode 100644
index 00000000000..2c7134763a6
--- /dev/null
+++ b/docs/snippets/vue/your-component-with-decorator.js.mdx
@@ -0,0 +1,8 @@
+```js
+// YourComponent.stories.js
+
+export default {
+  component: YourComponent,
+  decorators: [() => ({ template: '<div style="margin: 3em;"><story/></div>' })],
+};
+```
diff --git a/docs/src/components/Breakpoint.js b/docs/src/components/Breakpoint.js
deleted file mode 100644
index 40105b4cbc2..00000000000
--- a/docs/src/components/Breakpoint.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import './breakpoints.css';
-
-const Breakpoint = ({ mobile, children }) => {
-  const className = mobile ? 'breakpoint-min-width-700' : 'breakpoint-max-width-700';
-  return <div className={className}>{children}</div>;
-};
-
-Breakpoint.propTypes = {
-  children: PropTypes.array, // eslint-disable-line
-  mobile: PropTypes.bool,
-};
-Breakpoint.defaultProps = {
-  mobile: false,
-};
-
-export { Breakpoint as default };
diff --git a/docs/src/components/Docs/Container/index.js b/docs/src/components/Docs/Container/index.js
deleted file mode 100644
index 8a011b63385..00000000000
--- a/docs/src/components/Docs/Container/index.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import { window } from 'global';
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import Nav from '../Nav';
-import NavDropdown from '../Nav/dropdown';
-import Content from '../Content';
-import './style.css';
-
-const getEditUrl = (selectedSectionId, selectedItemId) => {
-  const gitHubRepoUrl = 'https://github.com/storybookjs/storybook';
-  const docPath = `${selectedSectionId}/${selectedItemId}`;
-
-  return `${gitHubRepoUrl}/blob/master/docs/src/pages/${docPath}/index.md`;
-};
-
-class Search extends Component {
-  componentDidMount() {
-    window.docsearch({
-      apiKey: 'a4f7f972f1d8f99a66e237e7fd2e489f',
-      indexName: 'storybook-js',
-      inputSelector: '#search',
-      debug: false,
-    });
-  }
-
-  render() {
-    return (
-      <div className="search">
-        <input
-          className="form-control form-control-sm"
-          type="search"
-          id="search"
-          placeholder="type to search"
-        />
-      </div>
-    );
-  }
-}
-
-const Container = ({ sections, selectedItem, selectedSectionId, selectedItemId }) => (
-  <div id="docs-container" className="row">
-    <div className="nav col-lg-3 col-md-3 d-none d-md-block">
-      <Nav
-        sections={sections}
-        selectedSection={selectedItem.section}
-        selectedItem={selectedItem.id}
-        selectedSectionId={selectedSectionId}
-        selectedItemId={selectedItemId}
-      />
-    </div>
-    <div className="content col-xs-12 col-sm-12 col-md-9 col-lg-9">
-      <div className="nav-dropdown">
-        <NavDropdown
-          sections={sections}
-          selectedSection={selectedItem.section}
-          selectedItem={selectedItem.id}
-        />
-      </div>
-
-      <Search />
-
-      <Content
-        title={selectedItem.title}
-        content={selectedItem.content}
-        editUrl={getEditUrl(selectedSectionId, selectedItemId)}
-      />
-
-      <div className="nav-dropdown">
-        <NavDropdown
-          sections={sections}
-          selectedSection={selectedItem.section}
-          selectedItem={selectedItem.id}
-        />
-      </div>
-    </div>
-  </div>
-);
-Container.propTypes = {
-  sections: PropTypes.array, // eslint-disable-line
-  selectedItem: PropTypes.object, // eslint-disable-line
-  selectedSectionId: PropTypes.string.isRequired,
-  selectedItemId: PropTypes.string.isRequired,
-};
-
-export { Container as default };
diff --git a/docs/src/components/Docs/Container/style.css b/docs/src/components/Docs/Container/style.css
deleted file mode 100644
index 08d148f39a5..00000000000
--- a/docs/src/components/Docs/Container/style.css
+++ /dev/null
@@ -1,64 +0,0 @@
-#docs-container {
-  border-top: 1px solid #F4F4F4;
-  border-bottom: 1px solid #F4F4F4;
-  margin: 10px 0;
-  padding: 0;
-}
-
-#docs-container ul.top-nav {
-  margin: 20px 0 0;
-  padding: 0;
-  list-style: none;
-  font-size: 13px;
-}
-
-#docs-container ul.top-nav li {
-  display: inline-block;
-  background-color: #eee;
-  margin-right: 10px;
-  padding: 6px 20px;
-  cursor: pointer;
-  border-bottom: 1px solid #ccc;
-}
-
-#docs-container ul.top-nav li.selected {
-  background-color: #eb5d88;
-  color: #FFF;
-}
-
-#docs-container ul.top-nav li a {
-  font-size: 13px;
-}
-
-#docs-container .nav-dropdown {
-  display: none;
-}
-
-#docs-container .nav-dropdown select {
-  width: 100%;
-}
-
-#docs-container .nav-dropdown div {
-  margin: 0 0 5px;
-}
-
-@media only screen and (max-width: 998px) {
-  #docs-container .content {
-    border-left: none;
-    margin: 15px 0;
-    padding: 0;
-  }
-
-  #docs-container .nav-dropdown {
-    display: block;
-  }
-}
-
-.search {
-  @media only screen and (min-width: 998px) {
-    position: absolute;
-    top: 10px;
-    right: 0;
-    width: 400px;
-  }
-}
\ No newline at end of file
diff --git a/docs/src/components/Docs/Content/index.js b/docs/src/components/Docs/Content/index.js
deleted file mode 100644
index 80840bf3bfb..00000000000
--- a/docs/src/components/Docs/Content/index.js
+++ /dev/null
@@ -1,54 +0,0 @@
-/* eslint-disable consistent-return */
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { SyntaxHighlighter } from '@storybook/components';
-import { ThemeProvider, convert, create } from '@storybook/theming';
-
-import './style.css';
-import parse from 'html-react-parser';
-
-const DocsContent = ({ title, content, editUrl, ...rest }) => (
-  <div id="docs-content">
-    <div className="content">
-      <h2 className="title">{title}</h2>
-      <p>
-        <a className="edit-link" href={editUrl} target="_blank" rel="noopener noreferrer">
-          Edit this page
-        </a>
-      </p>
-      <div className="markdown">
-        <ThemeProvider theme={convert(create({ base: 'light' }))}>
-          {parse(content, {
-            replace: (domNode) => {
-              if (
-                domNode.name === 'pre' &&
-                domNode.children.find(
-                  (n) => n.name === 'code' && n.attribs.class && n.attribs.class.match(/^language-/)
-                )
-              ) {
-                const language = domNode.children[0].attribs.class.replace('language-', '');
-                const code = domNode.children[0].children[0].data;
-                return (
-                  <SyntaxHighlighter copyable language={language}>
-                    {code}
-                  </SyntaxHighlighter>
-                );
-              }
-            },
-          })}
-        </ThemeProvider>
-        {/* <div dangerouslySetInnerHTML={{ __html: content }} /> */}
-        {/* <Highlight></Highlight> */}
-      </div>
-    </div>
-  </div>
-);
-
-DocsContent.propTypes = {
-  title: PropTypes.string.isRequired,
-  content: PropTypes.string.isRequired,
-  editUrl: PropTypes.string.isRequired,
-};
-
-export { DocsContent as default };
diff --git a/docs/src/components/Docs/Content/style.css b/docs/src/components/Docs/Content/style.css
deleted file mode 100644
index b70d83ae896..00000000000
--- a/docs/src/components/Docs/Content/style.css
+++ /dev/null
@@ -1,119 +0,0 @@
-#docs-content .content {
-  font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
-  font-size: 17px;
-  line-height: 25px;
-  margin: 40px 0;
-  max-width: 700px;
-  -webkit-font-smoothing: antialiased;
-}
-
-#docs-content .title {
-  font-size: 25px;
-  color: rgb(0, 0, 0);
-  margin-bottom: 0;
-  line-height: 28px;
-  font-weight: 800;
-}
-
-#docs-content a.edit-link {
-  color: #E25E5E !important;
-  font-size: 11px;
-  text-transform: uppercase;
-  font-weight: bold;
-}
-
-#docs-content .markdown div,
-#docs-content .markdown p,
-#docs-content .markdown li,
-#docs-content .markdown a {
-  font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
-  font-size: 16px;
-  line-height: 26px;
-  color: #333;
-}
-
-#docs-content .markdown img {
-  max-width: 100%;
-}
-
-#docs-content .markdown h2 {
-  font-size: 28px;
-  margin: 30px 0 10px 0;
-}
-
-#docs-content .markdown h3 {
-  font-size: 18px;
-  margin: 30px 0 10px 0;
-  font-weight: 500;
-}
-
-#docs-content .markdown a,
-#docs-content .markdown a:visited,
-#docs-content .markdown a:hover,
-#docs-content .markdown a:active {
-  text-decoration: none;
-  color: #1E88E5;
-}
-
-#docs-content .markdown a:hover {
-  text-decoration: underline;
-}
-
-#docs-content .markdown blockquote {
-  padding: 10px 20px;
-  margin: 10px 0;
-  font-size: 16px;
-  border-left: 5px solid #B2CDA9;
-  color: #444;
-}
-
-#docs-content .markdown blockquote p {
-  margin: 0px;
-}
-
-#docs-content .markdown code {
-  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
-  padding: 2px 5px;
-  margin: 0;
-  font-size: 85%;
-  background-color: rgba(0,0,0,0.04);
-  border-radius: 2px;
-  color: #333;
-}
-
-
-#docs-content .markdown > div {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-
-#docs-content .markdown pre {
-  border: 0;
-  border-radius: 0;
-  padding: 0;
-  background: none;
-  background-color: none;
-}
-
-#docs-content .markdown pre code {
-  font-size: 14px;
-  line-height: 20px;
-  background: none;
-  background-color: #f7f7f7;
-  padding: 10px 12px;
-}
-
-#docs-content .markdown .header-anchor {
-  display: none;
-  line-height: 1px;
-  font-size: 10px;
-}
-
-#docs-content .markdown h1:hover .header-anchor,
-#docs-content .markdown h2:hover .header-anchor,
-#docs-content .markdown h3:hover .header-anchor,
-#docs-content .markdown h4:hover .header-anchor,
-#docs-content .markdown h5:hover .header-anchor,
-#docs-content .markdown h6:hover .header-anchor {
-  display: inline;
-}
diff --git a/docs/src/components/Docs/Nav/dropdown.js b/docs/src/components/Docs/Nav/dropdown.js
deleted file mode 100644
index c0baedc2923..00000000000
--- a/docs/src/components/Docs/Nav/dropdown.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Redirect } from 'react-router';
-import './style.css';
-
-class Nav extends React.Component {
-  constructor(...args) {
-    super(...args);
-    this.state = {};
-  }
-
-  handleHeadingChange(event) {
-    const { sections } = this.props;
-    const selectedSectionId = event.target.value;
-    const section = sections.find((s) => s.id === selectedSectionId);
-    const itemId = section.items[0].id;
-    this.changeRoute(selectedSectionId, itemId);
-  }
-
-  handleNavChange(event) {
-    const { sections, selectedSection } = this.props;
-    const selectedSectionId = selectedSection || sections[0].id;
-    this.changeRoute(selectedSectionId, event.target.value);
-  }
-
-  changeRoute(selectedSectionId, selectedItemId) {
-    const url = `/${selectedSectionId}/${selectedItemId}/`;
-    this.setState({ redirect: url });
-  }
-
-  renderNavOpts(nav) {
-    return (
-      <option value={nav.id} key={nav.id}>
-        {nav.title}
-      </option>
-    );
-  }
-
-  renderHeadingOpts(section) {
-    return (
-      <option value={section.id} key={section.id}>
-        {section.heading}
-      </option>
-    );
-  }
-
-  render() {
-    const { redirect } = this.state;
-    const { sections, selectedSection, selectedItem } = this.props;
-    const selectedSectionId = selectedSection || sections[0].id;
-    const selectedItemId = selectedItem || sections[0].items[0].id;
-
-    const selectedSectionData = sections.find((section) => section.id === selectedSectionId);
-    const navs = selectedSectionData.items;
-
-    return redirect ? (
-      <Redirect to={redirect} />
-    ) : (
-      <div>
-        <div>
-          <select
-            className="custom-select custom-select-sm"
-            value={selectedSectionId}
-            onChange={(event) => this.handleHeadingChange(event)}
-          >
-            {sections.map((section) => this.renderHeadingOpts(section))}
-          </select>
-        </div>
-
-        <div>
-          <select
-            className="custom-select custom-select-sm"
-            value={selectedItemId}
-            onChange={(event) => this.handleNavChange(event)}
-          >
-            {navs.map((nav) => this.renderNavOpts(nav))}
-          </select>
-        </div>
-      </div>
-    );
-  }
-}
-Nav.propTypes = {
-  sections: PropTypes.array, // eslint-disable-line
-  selectedSection: PropTypes.string.isRequired,
-  selectedItem: PropTypes.string.isRequired,
-};
-
-export default Nav;
diff --git a/docs/src/components/Docs/Nav/index.js b/docs/src/components/Docs/Nav/index.js
deleted file mode 100644
index ecf34a14ca5..00000000000
--- a/docs/src/components/Docs/Nav/index.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Link from 'gatsby-link';
-import './style.css';
-
-const Nav = ({ sections, selectedSectionId, selectedItemId }) => (
-  <div id="nav">
-    {sections.map((section) => (
-      <div key={section.id}>
-        <h3>{section.heading}</h3>
-        <ul>
-          {section.items.map((item) => {
-            const cssClass =
-              section.id === selectedSectionId && item.id === selectedItemId ? 'selected' : '';
-
-            const url = `/${section.id}/${item.id}/`;
-
-            return (
-              <li key={item.id}>
-                <Link className={cssClass} to={url}>
-                  {item.title}
-                </Link>
-              </li>
-            );
-          })}
-        </ul>
-      </div>
-    ))}
-  </div>
-);
-Nav.propTypes = {
-  sections: PropTypes.array, // eslint-disable-line
-  selectedSectionId: PropTypes.string.isRequired,
-  selectedItemId: PropTypes.string.isRequired,
-};
-
-export { Nav as default };
diff --git a/docs/src/components/Docs/Nav/style.css b/docs/src/components/Docs/Nav/style.css
deleted file mode 100644
index bb4717bdcce..00000000000
--- a/docs/src/components/Docs/Nav/style.css
+++ /dev/null
@@ -1,42 +0,0 @@
-#nav {
-  color: #444;
-  margin: 40px 0;
-  padding: 0 15px 0 0;
-  border-right: 1px solid #ececec;
-  -webkit-font-smoothing: antialiased;
-}
-
-#nav .col-xs-12 {
-  margin: 0;
-  padding: 0;
-}
-
-#nav h3 {
-  font-size: 18px;
-  font-weight: 600;
-  margin: 10px 0;
-  padding: 0;
-  color: #000;
-}
-
-#nav ul {
-  margin: 0 0 30px 0;
-  padding: 0;
-  list-style: none;
-}
-
-#nav ul li {
-  margin: 8px 0;
-}
-
-#nav ul li a {
-  font-size: 14px;
-  line-height: 16px;
-  padding: 0;
-  color: #444;
-}
-
-#nav ul li a.selected {
-  color: #e25e5e;
-  font-weight: 600;
-}
diff --git a/docs/src/components/Docs/index.js b/docs/src/components/Docs/index.js
deleted file mode 100644
index 61e1d380471..00000000000
--- a/docs/src/components/Docs/index.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Helmet from 'react-helmet';
-
-// import Header from '../Header';
-import Header from '../../new-components/layout/Header';
-import Container from './Container';
-import Footer from '../Footer';
-import './style.css';
-
-const Docs = ({ sections, selectedItem, selectedSectionId, selectedItemId }) => (
-  <div className="container">
-    <Helmet title={`${selectedItem.title}`} />
-    <Header currentSection="docs" />
-    <Container
-      sections={sections}
-      selectedItem={selectedItem}
-      selectedSectionId={selectedSectionId}
-      selectedItemId={selectedItemId}
-    />
-    <Footer />
-  </div>
-);
-Docs.propTypes = {
-  sections: PropTypes.array, // eslint-disable-line
-  selectedItem: PropTypes.object, // eslint-disable-line
-  selectedSectionId: PropTypes.string.isRequired,
-  selectedItemId: PropTypes.string.isRequired,
-};
-
-export default Docs;
diff --git a/docs/src/components/Docs/style.css b/docs/src/components/Docs/style.css
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/docs/src/components/Footer/images/github-icon.png b/docs/src/components/Footer/images/github-icon.png
deleted file mode 100644
index a96e185136c..00000000000
Binary files a/docs/src/components/Footer/images/github-icon.png and /dev/null differ
diff --git a/docs/src/components/Footer/images/slack-icon.png b/docs/src/components/Footer/images/slack-icon.png
deleted file mode 100644
index 359563bc3b2..00000000000
Binary files a/docs/src/components/Footer/images/slack-icon.png and /dev/null differ
diff --git a/docs/src/components/Footer/index.js b/docs/src/components/Footer/index.js
deleted file mode 100644
index 7d385d79dbd..00000000000
--- a/docs/src/components/Footer/index.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import slackIcon from './images/slack-icon.png';
-import githubIcon from './images/github-icon.png';
-import './style.css';
-
-const Footer = () => (
-  <div id="footer" className="row">
-    <div className="col-md-12">
-      <div className="logos">
-        <div className="col-xs-12">
-          <center>
-            Maintained by the <a href="https://storybook.js.org/community/">Storybook Community</a>.
-          </center>
-          <center>
-            <a
-              href="https://now-examples-slackin-nqnzoygycp.now.sh/"
-              target="_blank"
-              rel="noreferrer noopener"
-            >
-              <img src={slackIcon} alt="Storybook Slack" style={{ padding: '7px' }} />
-            </a>
-            <a
-              href="https://github.com/storybookjs/storybook"
-              target="_blank"
-              rel="noreferrer noopener"
-            >
-              <img src={githubIcon} alt="Storybook GitHub" style={{ padding: '7px' }} />
-            </a>
-          </center>
-        </div>
-      </div>
-    </div>
-  </div>
-);
-
-export default Footer;
diff --git a/docs/src/components/Footer/style.css b/docs/src/components/Footer/style.css
deleted file mode 100644
index c59c28c62b2..00000000000
--- a/docs/src/components/Footer/style.css
+++ /dev/null
@@ -1,39 +0,0 @@
-#footer {
-  margin: 25px 0
-}
-
-#footer a {
-  color: #1E88E5;
-}
-
-#footer .logos {
-  margin: auto;
-  clear: both;
-}
-
-#footer .logos img {
-  margin: 0 10px;
-  height: 50px;
-}
-
-#footer #copyright p {
-  text-align: center;
-  font-size: 14px;
-  margin: 15px 0 10px;
-}
-
-@media only screen and (max-width: 998px) {
-  #footer {
-    margin: 25px 0
-  }
-
-  #footer .logos img {
-    margin: 0 8px;
-    height: 40px;
-  }
-
-  #footer #copyright p {
-    font-size: 13px;
-    margin: 13px 0 9px;
-  }
-}
diff --git a/docs/src/components/Grid/Examples/index.js b/docs/src/components/Grid/Examples/index.js
deleted file mode 100644
index 06743669144..00000000000
--- a/docs/src/components/Grid/Examples/index.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Grid from '../Grid';
-import './style.css';
-
-const Examples = ({ items }) => (
-  <div className="examples">
-    <div className="heading">
-      <h1>Storybook Examples</h1>
-      <a
-        className="edit-link"
-        href="https://github.com/storybookjs/storybook/blob/master/docs/src/pages/examples/_examples.yml"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Edit this list
-      </a>
-    </div>
-    <Grid columnWidth={350} items={items} />
-  </div>
-);
-Examples.propTypes = {
-  // eslint-disable-next-line react/forbid-prop-types
-  items: PropTypes.array,
-};
-Examples.defaultProps = {
-  items: [],
-};
-
-export { Examples as default };
diff --git a/docs/src/components/Grid/Examples/style.css b/docs/src/components/Grid/Examples/style.css
deleted file mode 100644
index 442b859b55a..00000000000
--- a/docs/src/components/Grid/Examples/style.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.examples .heading {
-  margin: 40px 80px 0 80px;
-}
-
-.examples a.edit-link {
-  color: #E25E5E !important;
-  font-size: 11px;
-  text-transform: uppercase;
-  font-weight: bold;
-}
diff --git a/docs/src/components/Grid/Grid/index.js b/docs/src/components/Grid/Grid/index.js
deleted file mode 100644
index cf9db58009f..00000000000
--- a/docs/src/components/Grid/Grid/index.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/* eslint-disable react/no-array-index-key */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import StackGrid from 'react-stack-grid';
-import GridItem from '../GridItem';
-
-const Grid = ({ items, columnWidth }) => (
-  <StackGrid columnWidth={columnWidth}>
-    {items.map((item, idx) => (
-      <GridItem key={idx} {...item} />
-    ))}
-  </StackGrid>
-);
-Grid.propTypes = {
-  items: PropTypes.array, // eslint-disable-line
-  columnWidth: PropTypes.number,
-};
-Grid.defaultProps = {
-  items: [],
-  columnWidth: 150,
-};
-
-export { Grid as default };
diff --git a/docs/src/components/Grid/GridItem/index.js b/docs/src/components/Grid/GridItem/index.js
deleted file mode 100644
index c7d9092591e..00000000000
--- a/docs/src/components/Grid/GridItem/index.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import './style.css';
-
-const linkProps = {
-  rel: 'nofollow nofollower noreferrer',
-  target: '_blank',
-  className: 'link',
-};
-
-const GridItem = ({ title, description, source, demo, thumbnailSrc }) => (
-  <div className="grid-item">
-    <div className="photobox" style={{ backgroundImage: `url(${thumbnailSrc})` }}>
-      <div className="overlay" />
-    </div>
-    <div className="text">
-      <h2>{title}</h2>
-      <p className="desc">{description}</p>
-      <div className="button-row">
-        {demo ? (
-          <a href={demo} {...linkProps}>
-            Demo
-          </a>
-        ) : null}
-        {source ? (
-          <a href={source} {...linkProps}>
-            Source
-          </a>
-        ) : null}
-      </div>
-    </div>
-  </div>
-);
-GridItem.propTypes = {
-  title: PropTypes.string.isRequired,
-  description: PropTypes.string.isRequired,
-  thumbnailSrc: PropTypes.string.isRequired,
-  source: PropTypes.string,
-  demo: PropTypes.string,
-};
-GridItem.defaultProps = {
-  source: '',
-  demo: '',
-};
-
-export { GridItem as default };
diff --git a/docs/src/components/Grid/GridItem/style.css b/docs/src/components/Grid/GridItem/style.css
deleted file mode 100644
index c8fdfc392d0..00000000000
--- a/docs/src/components/Grid/GridItem/style.css
+++ /dev/null
@@ -1,69 +0,0 @@
-div {
-  box-sizing: border-box;
-}
-
-.grid-item {
-  margin: 30px;
-  background: white;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-  font-weight: 300;
-}
-
-.grid-item .photobox {
-  position: relative;
-  width: 100%;
-  height: 200px;
-  background-color: #ddd;
-  border-radius: 0;
-  background-size: cover;
-}
-
-.grid-item .overlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  background-color: rgba(0, 0, 0, 0.03);
-}
-
-.grid-item .button-row {
-  position: absolute;
-  width: 100%;
-  right: 0px;
-  bottom: 0px;
-  text-align: right;
-}
-
-.grid-item .link {
-  display: inline-block;
-  cursor: pointer;
-  padding: 5px 15px;
-  margin: 0 10px 10px 0px;
-  background-color: rgba(0, 0, 0, 0.4);
-  border-radius: 20px;
-  color: white;
-  transition: all 0.3s linear;
-  font-size: 12px;
-}
-.grid-item .link:hover {
-  background-color: rgba(0, 0, 0, 0.7);
-}
-
-.grid-item .text {
-  position: relative;
-  height: 150px;
-  padding: 20px 15px 10px 20px;
-}
-
-.grid-item h2 {
-  margin: 0 0 10px 0;
-  font-size: 21px;
-  font-weight: 600;
-}
-
-.grid-item .desc {
-  color: #aaa;
-  font-size: 12px;
-  line-height: 1.4;
-}
diff --git a/docs/src/components/Header/index.js b/docs/src/components/Header/index.js
deleted file mode 100644
index 7be7f35ccf5..00000000000
--- a/docs/src/components/Header/index.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import GatsbyLink from 'gatsby-link';
-import './style.css';
-
-import storybookLogo from '../../design/homepage/storybook-logo.svg';
-
-const home = 'https://storybook.js.org/';
-
-const sections = [
-  { id: 'docs', caption: 'Docs', href: '/basics/introduction/' },
-  { id: 'addons', caption: 'Addons', href: `${home}addons/` },
-  { id: 'community', caption: 'Community', href: `${home}community/` },
-  { id: 'use-cases', caption: 'Use cases', href: `${home}use-cases/` },
-  { id: 'support', caption: 'Support', href: `${home}support/` },
-  { id: 'team', caption: 'Team', href: `${home}team/` },
-];
-
-const Link = ({ children, to, ...other }) => {
-  // Tailor the following test to your environment.
-  // This example assumes that any internal link (intended for Gatsby)
-  // will start with exactly one slash, and that anything else is external.
-  const internal = /^\/(?!\/)/.test(to);
-
-  // Use Gatsby Link for internal links, and <a> for others
-  if (internal) {
-    return (
-      <GatsbyLink to={to} {...other}>
-        {children}
-      </GatsbyLink>
-    );
-  }
-  return (
-    <a href={to} {...other}>
-      {children}
-    </a>
-  );
-};
-
-Link.propTypes = {
-  children: PropTypes.node.isRequired,
-  to: PropTypes.string.isRequired,
-};
-
-class Header extends React.Component {
-  renderSections() {
-    return sections.map((section) => (
-      <Link className="selected" key={section.id} to={section.href}>
-        {section.caption}
-      </Link>
-    ));
-  }
-
-  render() {
-    const { currentSection } = this.props;
-    let titleClassname = 'float-left';
-    if (currentSection === 'home') {
-      titleClassname += ' hide';
-    }
-
-    return (
-      <div id="header" className="row">
-        <div className="col-xs-12 col-md-12">
-          <div id="header-title" className={titleClassname}>
-            <Link to={home}>
-              <img className="sb-title" src={storybookLogo} alt="Storybook Logo" />
-            </Link>
-          </div>
-          <div id="header-links" className="float-right">
-            {this.renderSections()}
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-Header.propTypes = {
-  currentSection: PropTypes.string.isRequired,
-};
-
-export default Header;
diff --git a/docs/src/components/Header/style.css b/docs/src/components/Header/style.css
deleted file mode 100644
index 5f16bc88599..00000000000
--- a/docs/src/components/Header/style.css
+++ /dev/null
@@ -1,50 +0,0 @@
-#header {
-  margin: 50px 0;
-}
-
-#header .col-xs-12 {
-  padding: 0;
-}
-
-#header-title img {
-  width: 125px;
-}
-
-#header-links a {
-  padding-left: 15px;
-  color: rgb(102, 102, 102);
-}
-
-#header-links a.selected {
-  font-weight: 600;
-}
-
-@media only screen and (max-width: 540px) {
-  #header {
-    margin: 50px 0 20px;
-  }
-
-  #header .float-right {
-    float: none !important;
-    clear: both !important;
-    text-align: center;
-  }
-
-  #header .float-left {
-    float: none !important;
-    clear: both !important;
-  }
-
-  #header-title {
-    text-align: center;
-    margin-bottom: 12px;
-  }
-
-  #header-title img {
-    width: 40%;
-  }
-
-  #header a {
-    font-size: 11px !important;
-  }
-}
diff --git a/docs/src/components/Homepage/Demo/images/storybook-intro.gif b/docs/src/components/Homepage/Demo/images/storybook-intro.gif
deleted file mode 100644
index a73a4485222..00000000000
Binary files a/docs/src/components/Homepage/Demo/images/storybook-intro.gif and /dev/null differ
diff --git a/docs/src/components/Homepage/Demo/index.js b/docs/src/components/Homepage/Demo/index.js
deleted file mode 100644
index 3541853f234..00000000000
--- a/docs/src/components/Homepage/Demo/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import demoImg from './images/storybook-intro.gif';
-import './style.css';
-
-const Demo = () => (
-  <div id="demo" className="row">
-    <div className="col-xs-12 col-sm-12">
-      <center>
-        <img className="demo-img" src={demoImg} alt="" />
-      </center>
-    </div>
-  </div>
-);
-
-export default Demo;
diff --git a/docs/src/components/Homepage/Demo/style.css b/docs/src/components/Homepage/Demo/style.css
deleted file mode 100644
index cca7f4b06b5..00000000000
--- a/docs/src/components/Homepage/Demo/style.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.demo-img {
-  max-width: 800px;
-  width: 100%;
-  border: 2px solid rgba(0, 0, 0, 0.35);
-  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
-  border-radius: 4px;
-}
diff --git a/docs/src/components/Homepage/Featured/images/airbnb.png b/docs/src/components/Homepage/Featured/images/airbnb.png
deleted file mode 100644
index 061e0c747b8..00000000000
Binary files a/docs/src/components/Homepage/Featured/images/airbnb.png and /dev/null differ
diff --git a/docs/src/components/Homepage/Featured/images/rb.png b/docs/src/components/Homepage/Featured/images/rb.png
deleted file mode 100644
index 81131d8e9ff..00000000000
Binary files a/docs/src/components/Homepage/Featured/images/rb.png and /dev/null differ
diff --git a/docs/src/components/Homepage/Featured/images/rnw.png b/docs/src/components/Homepage/Featured/images/rnw.png
deleted file mode 100644
index 7b7bc5a40a7..00000000000
Binary files a/docs/src/components/Homepage/Featured/images/rnw.png and /dev/null differ
diff --git a/docs/src/components/Homepage/Featured/index.js b/docs/src/components/Homepage/Featured/index.js
deleted file mode 100644
index cdaba953529..00000000000
--- a/docs/src/components/Homepage/Featured/index.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import './style.css';
-
-const Item = ({ storybook, owner, source }) => (
-  <div className="ft-sbooks col-xs-6 col-md-4" key={storybook.link}>
-    <div className="col-md-4">
-      <a href={storybook.link} target="_blank" rel="noopener noreferrer">
-        <center>
-          <img className="ft-logo" src={owner} alt="" />
-        </center>
-      </a>
-    </div>
-    <div className="desc col-md-8">
-      <p>
-        <a href={storybook.link} className="reponame">
-          {storybook.name}
-        </a>
-      </p>
-      <a href={source} target="_blank" rel="noopener noreferrer">
-        source
-      </a>
-    </div>
-  </div>
-);
-Item.propTypes = {
-  storybook: PropTypes.object.isRequired, // eslint-disable-line
-  owner: PropTypes.string.isRequired,
-  source: PropTypes.string.isRequired,
-};
-
-const Featured = ({ featuredStorybooks }) => (
-  <div id="featured" className="row">
-    <div className="col-xs-12">
-      <h2>Featured Storybooks</h2>
-      <div className="row">
-        {featuredStorybooks.map((item) => (
-          <Item {...item} />
-        ))}
-      </div>
-      <hr />
-    </div>
-  </div>
-);
-
-Featured.propTypes = {
-  featuredStorybooks: PropTypes.array, // eslint-disable-line
-};
-
-export default Featured;
diff --git a/docs/src/components/Homepage/Featured/style.css b/docs/src/components/Homepage/Featured/style.css
deleted file mode 100644
index b1043b8480c..00000000000
--- a/docs/src/components/Homepage/Featured/style.css
+++ /dev/null
@@ -1,77 +0,0 @@
-#featured {
-  margin: 25px auto 35px;
-  max-width: 600px;
-}
-
-#featured hr {
-  margin: 50px auto 0;
-}
-
-#featured h2 {
-  text-align: center;
-  text-transform: uppercase;
-  font-size: 24px;
-  font-weight: 700;
-  margin-bottom: 35px;
-}
-
-#featured .reponame {
-  font-size: 14px;
-}
-
-#featured a.reponame {
-  color: #6f5151;
-}
-
-.ft-logo {
-  width: 45px;
-  height: 45px;
-}
-
-.ft-sbooks {
-  padding-right: 0 !important;
-  padding-left: 0 !important;
-}
-
-.ft-sbooks .desc {
-  padding-left: 0 !important;
-}
-
-.ft-sbooks p {
-  font-size: 13px;
-  margin: 0;
-  padding: 0;
-}
-
-.ft-sbooks a {
-  font-size: 13px;
-  color: #8f8fd6;
-}
-
-@media only screen and (max-width: 998px) {
-  #featured {
-    margin: 15px auto 25px;
-  }
-
-  #featured hr {
-    margin: 20px auto 0;
-  }
-
-  #featured .col-xs-6 {
-    width: 100% !important;
-  }
-
-  .ft-sbooks .desc {
-    text-align: center;
-    padding-left: 15px !important;
-    padding-bottom: 20px;
-  }
-
-  .ft-sbooks p {
-    text-align: center;
-  }
-
-  .ft-sbooks a {
-    text-align: center;
-  }
-}
diff --git a/docs/src/components/Homepage/Heading/index.js b/docs/src/components/Homepage/Heading/index.js
deleted file mode 100644
index c8d902b0ad8..00000000000
--- a/docs/src/components/Homepage/Heading/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import './style.css';
-
-import storybookLogo from '../../../design/homepage/storybook-logo.svg';
-
-const Heading = () => (
-  <div id="heading" className="row">
-    <div className="col-xs-12 col-sm-12">
-      <img className="sb-title" src={storybookLogo} alt="Storybook Logo" />
-      <h3 className="mt-4 sb-tagline">
-        The UI Development Environment
-        <br />
-        You'll ♥️ to use
-      </h3>
-    </div>
-  </div>
-);
-
-export default Heading;
diff --git a/docs/src/components/Homepage/Heading/style.css b/docs/src/components/Homepage/Heading/style.css
deleted file mode 100644
index 6e9214ed939..00000000000
--- a/docs/src/components/Homepage/Heading/style.css
+++ /dev/null
@@ -1,64 +0,0 @@
-#heading {
-  text-align: center;
-  padding: 85px 0 50px;
-}
-
-.sb-title {
-  font-weight: 800;
-  width: 500px;
-}
-
-.sb-tagline {
-  font-weight: 100;
-  font-size: 29px;
-  line-height: 42px;
-}
-
-.heart {
-  color: red;
-}
-
-@media only screen and (max-width: 980px) {
-  #heading {
-    padding: 45px 0 25px;
-  }
-
-  .sb-title {
-    width: 400px;
-  }
-
-  .sb-tagline {
-    font-size: 24px;
-    line-height: 33px;
-  }
-}
-
-@media only screen and (max-width: 870px) {
-  #heading {
-    padding: 35px 0 15px;
-  }
-
-  .sb-title {
-    width: 400px;
-  }
-
-  .sb-tagline {
-    font-size: 20px;
-    line-height: 29px;
-  }
-}
-
-@media only screen and (max-width: 540px) {
-  #heading {
-    padding: 15px 0 15px;
-  }
-
-  .sb-title {
-    width: 80%;
-  }
-
-  .sb-tagline {
-    ffont-size: 16px;
-    line-height: 26px;
-  }
-}
diff --git a/docs/src/components/Homepage/MainLinks/images/docs.png b/docs/src/components/Homepage/MainLinks/images/docs.png
deleted file mode 100644
index 75d10aa103b..00000000000
Binary files a/docs/src/components/Homepage/MainLinks/images/docs.png and /dev/null differ
diff --git a/docs/src/components/Homepage/MainLinks/index.js b/docs/src/components/Homepage/MainLinks/index.js
deleted file mode 100644
index cc02fc10529..00000000000
--- a/docs/src/components/Homepage/MainLinks/index.js
+++ /dev/null
@@ -1,150 +0,0 @@
-import React from 'react';
-import Link from 'gatsby-link';
-import { window } from 'global';
-
-import '../../Docs/Nav/style.css';
-import { UsedByBg } from '../UsedBy';
-import './style.css';
-
-class MainLinks extends React.Component {
-  componentDidMount() {
-    window.docsearch({
-      apiKey: 'a4f7f972f1d8f99a66e237e7fd2e489f',
-      indexName: 'storybook-js',
-      inputSelector: '#search',
-      debug: false, // Set debug to true if you want to inspect the dropdown
-    });
-  }
-
-  render() {
-    return (
-      <div id="main-links">
-        <div className="main-links-container">
-          <div className="try-now">
-            <h2>Try Now</h2>
-            <pre>
-              <code>
-                cd my-react-vue-angular-app
-                <br />
-                npx -p @storybook/cli sb init
-                <br />
-              </code>
-            </pre>
-          </div>
-
-          <div
-            className="row"
-            id="nav"
-            style={{
-              borderRight: '0 none',
-              position: 'relative',
-            }}
-          >
-            <UsedByBg
-              color="#a7d0ff"
-              style={{
-                transform: 'rotateY(180deg)',
-              }}
-            />
-            <div className="col-xs-12 col-sm-12 read-docs">
-              <h2 style={{ color: '#6DABF5' }}>Documentation</h2>
-              <div
-                className="form-group has-feedback"
-                style={{ maxWidth: '450px', margin: '20px auto' }}
-              >
-                <label className="sr-only control-label" htmlFor="search">
-                  Search storybook documentation
-                </label>
-                <input
-                  className="form-control"
-                  type="search"
-                  id="search"
-                  placeholder="type to search"
-                />
-                <span
-                  className="form-control-feedback"
-                  role="img"
-                  aria-hidden="true"
-                  aria-label="magnifying glass"
-                >
-                  🔍
-                </span>
-              </div>
-            </div>
-
-            <div className="col-sm-4 read-docs">
-              <Link to="/basics/introduction/">
-                <h3>Basics</h3>
-              </Link>
-              <ul>
-                <li>
-                  <Link to="/guides/quick-start-guide/">Quick setup</Link>
-                </li>
-                <li>
-                  <Link to="/guides/slow-start-guide/">Adding to existing project</Link>
-                </li>
-                <li>
-                  <Link to="/basics/writing-stories/">Writing stories</Link>
-                </li>
-                <li>
-                  <Link to="/basics/live-examples/">Live Examples</Link>
-                </li>
-              </ul>
-            </div>
-
-            <div className="col-sm-4 read-docs">
-              <Link to="/configurations/default-config/">
-                <h3>Configuration</h3>
-              </Link>
-              <ul>
-                <li>
-                  <Link to="/configurations/options-parameter/">Storybook options</Link>
-                </li>
-                <li>
-                  <Link to="/configurations/custom-babel-config/">Babel configurations</Link>
-                </li>
-                <li>
-                  <Link to="/configurations/custom-webpack-config/">Webpack configurations</Link>
-                </li>
-                <li>
-                  <Link to="/configurations/typescript-config/">Typescript configurations</Link>
-                </li>
-                <li>
-                  <Link to="/configurations/add-custom-head-tags/">Custom scripts & styling</Link>
-                </li>
-                <li>
-                  <Link to="/configurations/add-custom-body/">Custom html body</Link>
-                </li>
-                <li>
-                  <Link to="/configurations/serving-static-files/">Serving static files</Link>
-                </li>
-              </ul>
-            </div>
-
-            <div className="col-sm-4 read-docs">
-              <Link to="/configurations/default-config/">
-                <h3>Addons</h3>
-              </Link>
-              <ul>
-                <li>
-                  <Link to="/addons/introduction/">Intro to Addons</Link>
-                </li>
-                <li>
-                  <Link to="/addons/using-addons/">Using Addons</Link>
-                </li>
-                <li>
-                  <Link to="/addons/writing-addons/">Writing Addons</Link>
-                </li>
-                <li>
-                  <Link to="/addons/api/">Api</Link>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-export default MainLinks;
diff --git a/docs/src/components/Homepage/MainLinks/style.css b/docs/src/components/Homepage/MainLinks/style.css
deleted file mode 100644
index c071b3b73f5..00000000000
--- a/docs/src/components/Homepage/MainLinks/style.css
+++ /dev/null
@@ -1,115 +0,0 @@
-#main-links {
-  margin: 40px auto 30px;
-}
-
-#main-links hr {
-  margin: 50px auto 0;
-}
-
-.main-links-container {
-  margin: auto;
-}
-
-#main-links h2 {
-  text-align: center;
-}
-
-#main-links pre {
-  background-color: #444;
-  color: #DDD;
-  padding: 15px 20px;
-  line-height: 22px;
-  border: 0;
-  border-radius: 0;
-}
-
-.algolia-autocomplete {
-  display: block !important;
-}
-
-.try-now {
-  max-width: 450px;
-  margin: 40px auto;
-}
-
-.has-feedback {
-  position: relative;
-}
-
-.has-feedback .form-control {
-  padding-right: 42.5px;
-  font-size: inherit;
-  height: auto;
-}
-.form-control-feedback {
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 2;
-  display: block;
-  width: 34px;
-  height: 34px;
-  line-height: 34px;
-  text-align: center;
-  pointer-events: none;
-}
-
-@media only screen and (max-width: 700px) {
-  #main-links .col-xs-6 {
-    margin: auto !important;
-    float: none !important;
-    clear: both;
-    width: 55% !important;
-  }
-
-  #main-links {
-    margin: 30px auto 20px;
-  }
-
-  #main-links h2 {
-    font-size: 22px;
-  }
-
-  #main-links pre {
-    padding: 13px 28px;
-    font-size: 12px;
-  }
-}
-
-@media only screen and (max-width: 600px) {
-  #main-links .col-xs-6 {
-    width: 65% !important;
-  }
-
-  #main-links {
-    margin: 24px auto 16px;
-  }
-
-  #main-links hr {
-    margin: 35px auto 0;
-  }
-
-  #main-links h2 {
-    font-size: 20px;
-  }
-
-  #main-links pre {
-    padding: 13px 20px;
-    font-size: 11px;
-  }
-}
-
-@media only screen and (max-width: 480px) {
-  #main-links .col-xs-6 {
-    width: 75% !important;
-  }
-
-  #main-links {
-    margin: 20px auto 13px;
-  }
-
-  #main-links pre {
-    padding: 13px 20px;
-    line-height: 18px;
-  }
-}
diff --git a/docs/src/components/Homepage/Platforms/index.js b/docs/src/components/Homepage/Platforms/index.js
deleted file mode 100644
index 8f825622266..00000000000
--- a/docs/src/components/Homepage/Platforms/index.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import './style.css';
-
-const Platform = () => (
-  <div id="platform" className="row">
-    <div className="col-md-12">
-      <h3 className="built-for">Built for</h3>
-      <p className="platforms">
-        <a
-          href="https://github.com/storybookjs/storybook/tree/master/app/react"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          React
-        </a>
-        &nbsp;&amp;&nbsp;
-        <a
-          href="https://github.com/storybookjs/storybook/tree/master/app/react-native"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          React Native
-        </a>
-      </p>
-      <hr />
-    </div>
-  </div>
-);
-
-export default Platform;
diff --git a/docs/src/components/Homepage/Platforms/style.css b/docs/src/components/Homepage/Platforms/style.css
deleted file mode 100644
index 607d6472bd9..00000000000
--- a/docs/src/components/Homepage/Platforms/style.css
+++ /dev/null
@@ -1,36 +0,0 @@
-#platform {
-  text-align: center;
-  margin: 10px 0 30px;
-}
-
-#platform hr {
-  margin: 45px auto 0;
-}
-
-.built-for {
-  font-size: 20px;
-  font-weight: 100;
-}
-
-.platforms, .platforms a {
-  font-size: 20px;
-  font-weight: 600;
-}
-
-@media only screen and (max-width: 540px) {
-  #platform {
-    margin: 10px 0 20px;
-  }
-
-  #platform hr {
-    margin: 30px auto 0;
-  }
-
-  .built-for {
-    font-size: 19px;
-  }
-
-  .platforms, .platforms a {
-    font-size: 19px;
-  }
-}
\ No newline at end of file
diff --git a/docs/src/components/Homepage/UsedBy/index.js b/docs/src/components/Homepage/UsedBy/index.js
deleted file mode 100644
index a3b3d0d8809..00000000000
--- a/docs/src/components/Homepage/UsedBy/index.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Link from 'gatsby-link';
-import './style.css';
-
-export const UsedByBg = ({ color, style }) => (
-  <div className="used-by-bg" style={style}>
-    <svg
-      width="100%"
-      height="100%"
-      preserveAspectRatio="none"
-      viewBox="0 0 1440 380"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlnsXlink="http://www.w3.org/1999/xlink"
-    >
-      <g id="Canvas" transform="translate(618 -3261)">
-        <use
-          xlinkHref="#path0_fill"
-          transform="translate(-618 3261.5)"
-          fill={color}
-          id="used-by-bg"
-        />
-      </g>
-      <defs>
-        <path id="path0_fill" d="M 43.5 300.5L 0 35L 1440 0L 1371.5 379.5L 43.5 300.5Z" />
-      </defs>
-    </svg>
-  </div>
-);
-UsedByBg.propTypes = {
-  color: PropTypes.string,
-  // eslint-disable-next-line
-  style: PropTypes.object,
-};
-UsedByBg.defaultProps = {
-  color: 'white',
-  style: {},
-};
-
-const User = ({ logoSrc, demo, site, title }) => (
-  <a
-    className="used-by-user"
-    href={demo || site}
-    target="_blank"
-    rel="noopener nofollow noreferrer"
-  >
-    <img className="used-by-user-image" src={logoSrc} alt={title} />
-  </a>
-);
-User.propTypes = {
-  logoSrc: PropTypes.string.isRequired,
-  demo: PropTypes.string,
-  site: PropTypes.string.isRequired,
-  title: PropTypes.string,
-};
-User.defaultProps = {
-  demo: '',
-  title: '',
-};
-
-const UsedBy = ({ users }) => (
-  <div className="used-by-wrapper">
-    <div className="used-by">
-      <UsedByBg color="#E7F6D8" />
-      <div className="used-by-contents">
-        <h2 className="used-by-title">Used by these fine folks:</h2>
-        <div className="used-by-users">
-          {users.map((user) => (
-            <User key={user.site} {...user} />
-          ))}
-        </div>
-      </div>
-    </div>
-    <div className="used-by-more-examples">
-      <Link to="/examples/">See more examples…</Link>
-    </div>
-  </div>
-);
-UsedBy.propTypes = {
-  users: PropTypes.array, // eslint-disable-line
-};
-
-export default UsedBy;
diff --git a/docs/src/components/Homepage/UsedBy/style.css b/docs/src/components/Homepage/UsedBy/style.css
deleted file mode 100644
index f5b60b49b1e..00000000000
--- a/docs/src/components/Homepage/UsedBy/style.css
+++ /dev/null
@@ -1,79 +0,0 @@
-.used-by-wrapper  {
-  margin-bottom: 60px;
-}
-
-.used-by {
-  max-width: 1000px;
-  margin: 0 auto;
-  position: relative;
-}
-
-.used-by-bg {
-  position: absolute;
-  top: -30px;
-  left: -30px;
-  right: -30px;
-  bottom: -30px;
-}
-
-.used-by-bg svg {
-  height: 100%;
-  width: 100%;
-}
-
-.used-by-contents {
-  padding: 40px 20px;
-  position: relative;
-  z-index: 1;
-}
-
-.used-by-title {
-  text-align: center;
-  margin: 0 0 30px 0;
-  opacity: 0.5;
-  color: #468c07;
-}
-
-
-.used-by-users {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-around;
-}
-
-.used-by-user {
-  /*flex: 1;*/
-  margin: 0 15px 30px;
-  max-width: 100px;
-  filter: grayscale(100%);
-  opacity: 0.8;
-  transition: filter 0.3s ease-out, opacity 0.3s ease-out;
-}
-.used-by-user:hover {
-  transition: none;
-  filter: none;
-  opacity: 1;
-}
-.used-by-user-image {
-  display: block;
-  width: 100%;
-}
-
-.used-by-more-examples {
-  text-align: center;
-  display: block;
-  margin-top: 50px;
-  font-size: 2em;
-}
-
-.used-by-more-examples a,
-.used-by-more-examples a:visited,
-.used-by-more-examples a:hover,
-.used-by-more-examples a:active,
-.used-by-more-examples a:focus {
-  background-color: #e4004f;
-  color: #fff;
-  padding: 20px;
-  border-radius: 6px;
-}
diff --git a/docs/src/components/Homepage/index.js b/docs/src/components/Homepage/index.js
deleted file mode 100644
index 3fa8bd94a28..00000000000
--- a/docs/src/components/Homepage/index.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Helmet from 'react-helmet';
-import './style.css';
-// import Header from '../Header';
-import Heading from './Heading';
-import Demo from './Demo';
-// import Platforms from './Platforms';
-import MainLinks from './MainLinks';
-// import Featured from './Featured';
-import UsedBy from './UsedBy';
-import Footer from '../Footer';
-
-// const featuredStorybooks = [
-//   {
-//     owner: 'https://avatars0.githubusercontent.com/u/698437?v=3&s=200',
-//     storybook: {
-//       name: 'React Dates',
-//       link: 'http://airbnb.io/react-dates/',
-//     },
-//     source: 'https://github.com/airbnb/react-dates',
-//   },
-//
-//   {
-//     owner: 'https://avatars3.githubusercontent.com/u/239676?v=3&s=460',
-//     storybook: {
-//       name: 'React Native Web',
-//       link: 'https://necolas.github.io/react-native-web/storybook',
-//     },
-//     source: 'https://github.com/necolas/react-native-web',
-//   },
-//
-//   {
-//     owner: 'https://avatars1.githubusercontent.com/u/15616844?v=3&s=200',
-//     storybook: {
-//       name: 'React Button',
-//       link: 'http://kadira-samples.github.io/react-button/',
-//     },
-//     source: 'https://github.com/kadira-samples/react-button',
-//   },
-// ];
-
-const Homepage = ({ users }) => (
-  <div className="container">
-    <Helmet title="Storybook - UI dev environment you'll love to use" />
-    {/* <Header currentSection="home" /> */}
-    <Heading />
-    <Demo />
-    {/* <Platforms /> */}
-    <MainLinks />
-    <UsedBy users={users} />
-    {/* <Featured featuredStorybooks={featuredStorybooks} /> */}
-    <Footer />
-  </div>
-);
-
-Homepage.propTypes = {
-  featuredStorybooks: PropTypes.array, // eslint-disable-line
-  users: PropTypes.array, // eslint-disable-line
-};
-
-export default Homepage;
diff --git a/docs/src/components/Homepage/style.css b/docs/src/components/Homepage/style.css
deleted file mode 100644
index b627684abc3..00000000000
--- a/docs/src/components/Homepage/style.css
+++ /dev/null
@@ -1,3 +0,0 @@
-hr {
-  max-width: 540px;
-}
\ No newline at end of file
diff --git a/docs/src/components/breakpoints.css b/docs/src/components/breakpoints.css
deleted file mode 100644
index d447679be86..00000000000
--- a/docs/src/components/breakpoints.css
+++ /dev/null
@@ -1,16 +0,0 @@
-@media only screen and (min-width: 700px) {
-  .breakpoint-min-width-700 {
-    display: block;
-  }
-  .breakpoint-max-width-700 {
-    display: none;
-  }
-}
-@media only screen and (max-width: 700px) {
-  .breakpoint-min-width-700 {
-    display: none;
-  }
-  .breakpoint-max-width-700 {
-    display: block;
-  }
-}
diff --git a/docs/src/css/github.css b/docs/src/css/github.css
deleted file mode 100644
index 9cec1ddd482..00000000000
--- a/docs/src/css/github.css
+++ /dev/null
@@ -1,91 +0,0 @@
-/*
-
-github.com style (c) Vasily Polovnyov <vast@whiteants.net>
-
-*/
-.hljs-comment,
-.hljs-quote {
-  color: #998;
-  font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-subst {
-  color: #333;
-  font-weight: bold;
-}
-
-.hljs-number,
-.hljs-literal,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag .hljs-attr {
-  color: #008080;
-}
-
-.hljs-string,
-.hljs-doctag {
-  color: #d14;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-selector-id {
-  color: #900;
-  font-weight: bold;
-}
-
-.hljs-subst {
-  font-weight: normal;
-}
-
-.hljs-type,
-.hljs-class .hljs-title {
-  color: #458;
-  font-weight: bold;
-}
-
-.hljs-tag,
-.hljs-name,
-.hljs-attribute {
-  color: #000080;
-  font-weight: normal;
-}
-
-.hljs-regexp,
-.hljs-link {
-  color: #009926;
-}
-
-.hljs-symbol,
-.hljs-bullet {
-  color: #990073;
-}
-
-.hljs-built_in,
-.hljs-builtin-name {
-  color: #0086b3;
-}
-
-.hljs-meta {
-  color: #999;
-  font-weight: bold;
-}
-
-.hljs-deletion {
-  background: #fdd;
-}
-
-.hljs-addition {
-  background: #dfd;
-}
-
-.hljs-emphasis {
-  font-style: italic;
-}
-
-.hljs-strong {
-  font-weight: bold;
-}
-
diff --git a/docs/src/css/main.css b/docs/src/css/main.css
deleted file mode 100644
index f85d624334d..00000000000
--- a/docs/src/css/main.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/* @import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800';
-
-body, div, p, ul, li, a {
-  font-family: 'Open Sans', sans-serif;
-  font-size: 14px;
-}
-
-a,
-a:visited,
-a:hover,
-a:active,
-a:focus {
-  text-decoration: none;
-  color: #000;
-}
-
-a:hover {
-  opacity: 0.7;
-} */
-
-.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
diff --git a/docs/src/design/docs/docs-container.png b/docs/src/design/docs/docs-container.png
deleted file mode 100644
index ccb2914dcd9..00000000000
Binary files a/docs/src/design/docs/docs-container.png and /dev/null differ
diff --git a/docs/src/design/docs/docs-content.png b/docs/src/design/docs/docs-content.png
deleted file mode 100644
index 7dbee9f15be..00000000000
Binary files a/docs/src/design/docs/docs-content.png and /dev/null differ
diff --git a/docs/src/design/docs/docs-nav.png b/docs/src/design/docs/docs-nav.png
deleted file mode 100644
index 83b457ea610..00000000000
Binary files a/docs/src/design/docs/docs-nav.png and /dev/null differ
diff --git a/docs/src/design/docs/docs.png b/docs/src/design/docs/docs.png
deleted file mode 100644
index c18721e1b79..00000000000
Binary files a/docs/src/design/docs/docs.png and /dev/null differ
diff --git a/docs/src/design/homepage/built-for.png b/docs/src/design/homepage/built-for.png
deleted file mode 100644
index 69116f8d05f..00000000000
Binary files a/docs/src/design/homepage/built-for.png and /dev/null differ
diff --git a/docs/src/design/homepage/demo.png b/docs/src/design/homepage/demo.png
deleted file mode 100644
index a0949c8a5b1..00000000000
Binary files a/docs/src/design/homepage/demo.png and /dev/null differ
diff --git a/docs/src/design/homepage/featured-storybooks.png b/docs/src/design/homepage/featured-storybooks.png
deleted file mode 100644
index 969a7d6d8ec..00000000000
Binary files a/docs/src/design/homepage/featured-storybooks.png and /dev/null differ
diff --git a/docs/src/design/homepage/footer.png b/docs/src/design/homepage/footer.png
deleted file mode 100644
index 8c3da9a5f9c..00000000000
Binary files a/docs/src/design/homepage/footer.png and /dev/null differ
diff --git a/docs/src/design/homepage/header.png b/docs/src/design/homepage/header.png
deleted file mode 100644
index aa1de66c859..00000000000
Binary files a/docs/src/design/homepage/header.png and /dev/null differ
diff --git a/docs/src/design/homepage/heading.png b/docs/src/design/homepage/heading.png
deleted file mode 100644
index 1766a5c4932..00000000000
Binary files a/docs/src/design/homepage/heading.png and /dev/null differ
diff --git a/docs/src/design/homepage/homepage.png b/docs/src/design/homepage/homepage.png
deleted file mode 100644
index d80951ede4f..00000000000
Binary files a/docs/src/design/homepage/homepage.png and /dev/null differ
diff --git a/docs/src/design/homepage/main-links.png b/docs/src/design/homepage/main-links.png
deleted file mode 100644
index d5a59b2e8fb..00000000000
Binary files a/docs/src/design/homepage/main-links.png and /dev/null differ
diff --git a/docs/src/design/homepage/screenshot.png b/docs/src/design/homepage/screenshot.png
deleted file mode 100644
index d84c61a72eb..00000000000
Binary files a/docs/src/design/homepage/screenshot.png and /dev/null differ
diff --git a/docs/src/design/homepage/storybook-icon.png b/docs/src/design/homepage/storybook-icon.png
deleted file mode 100644
index 862233d937c..00000000000
Binary files a/docs/src/design/homepage/storybook-icon.png and /dev/null differ
diff --git a/docs/src/design/homepage/storybook-logo.svg b/docs/src/design/homepage/storybook-logo.svg
deleted file mode 100755
index ebea5e77cc4..00000000000
--- a/docs/src/design/homepage/storybook-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="40"><defs><path id="a" d="M1.2405585 36.8586756L.00144019 3.84178492c-.04092322-1.09041839.79517056-2.01453526 1.8842316-2.08260158L29.9688501.0039847c1.1085341-.06928338 2.0633439.77319581 2.1326273 1.88172995a2.01111864 2.01111864 0 0 1 .0039164.12544867V37.9889049C32.1053938 39.0996021 31.2049959 40 30.0942987 40a2.01116305 2.01116305 0 0 1-.0902337-.0020253L3.16000504 38.7923224c-1.04546998-.0469554-1.8801983-.8878591-1.91944654-1.9336468z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#333" d="M53.28 31.663c-1.7066752 0-3.3493254-.229331-4.928-.688-1.5786746-.458669-2.8906614-1.0933293-3.936-1.904l1.6-3.552c2.1760109 1.5146742 4.6186531 2.272 7.328 2.272 1.408007 0 2.4906629-.229331 3.248-.688.7573371-.458669 1.136-1.0933293 1.136-1.904 0-.725337-.3466632-1.2906646-1.04-1.696s-1.9253245-.7999981-3.696-1.184c-1.9840099-.4053354-3.5679941-.8959971-4.752-1.472-1.1840059-.5760029-2.0479973-1.2853291-2.592-2.128-.5440027-.8426709-.816-1.8826605-.816-3.12 0-1.3653402.3786629-2.581328 1.136-3.648.7573371-1.066672 1.8186598-1.903997 3.184-2.512 1.3653402-.60800304 2.943991-.912 4.736-.912 1.600008 0 3.1413259.23466432 4.624.704 1.4826741.46933568 2.661329 1.0986627 3.536 1.888l-1.6 3.552c-2.0693437-1.5146742-4.2453219-2.272-6.528-2.272-1.3013398 0-2.3253296.2506642-3.072.752-.7466704.5013358-1.12 1.189329-1.12 2.064 0 .5120026.1439986.9333317.432 1.264.2880014.3306683.7679966.6239987 1.44.88.6720034.2560013 1.6266605.5226653 2.864.8 2.9013478.6400032 4.9866603 1.4613283 6.256 2.464 1.2693397 1.0026717 1.904 2.3893245 1.904 4.16 0 2.133344-.8213251 3.8133272-2.464 5.04-1.6426749 1.2266728-3.9359853 1.84-6.88 1.84zm20.928-3.584c.4906691 0 1.002664-.0319997 1.536-.096l-.256 3.52c-.6186698.0853338-1.2373302.128-1.856.128-2.3893453 0-4.1333278-.5226614-5.232-1.568-1.0986722-1.0453386-1.648-2.634656-1.648-4.768v-6.016h-2.976v-3.616h2.976v-4.608h4.832v4.608h3.936v3.616h-3.936v5.984c0 1.8773427.8746579 2.816 2.624 2.816zm11.232 3.552c-1.6640083 0-3.125327-.3359966-4.384-1.008-1.258673-.6720034-2.2293299-1.6213272-2.912-2.848-.6826701-1.2266728-1.024-2.6719917-1.024-4.336 0-1.6640083.3413299-3.1093272 1.024-4.336.6826701-1.2266728 1.653327-2.1706634 2.912-2.832 1.258673-.6613366 2.7199917-.992 4.384-.992 1.6640083 0 3.125327.3306634 4.384.992 1.258673.6613366 2.2293299 1.6053272 2.912 2.832.6826701 1.2266728 1.024 2.6719917 1.024 4.336 0 1.6640083-.3413299 3.1093272-1.024 4.336-.6826701 1.2266728-1.653327 2.1759966-2.912 2.848-1.258673.6720034-2.7199917 1.008-4.384 1.008zm0-3.68c2.3466784 0 3.52-1.503985 3.52-4.512 0-1.5146742-.303997-2.6453296-.912-3.392-.608003-.7466704-1.4773277-1.12-2.608-1.12-2.3466784 0-3.52 1.503985-3.52 4.512 0 3.008015 1.1733216 4.512 3.52 4.512zm21.696-8.704l-2.72.288c-1.344007.1280006-2.293331.5066635-2.848 1.136-.554669.6293365-.832 1.4666614-.832 2.512v8.192h-4.832V15.663h4.64v2.656c.789337-1.8133424 2.421321-2.8053325 4.896-2.976l1.408-.096.288 4zm14.04-3.552h4.736l-9.472 21.44h-4.896l3.008-6.624-6.464-14.816h5.024l3.968 9.984 4.096-9.984zm15.936-.416c1.36534 0 2.570661.3306634 3.616.992 1.045339.6613366 1.86133 1.6053272 2.448 2.832.58667 1.2266728.88 2.6506586.88 4.272 0 1.6213414-.29333 3.0559938-.88 4.304-.58667 1.2480062-1.407995 2.2186632-2.464 2.912-1.056005.6933368-2.255993 1.04-3.6 1.04-1.088005 0-2.069329-.229331-2.944-.688-.874671-.458669-1.546664-1.0933293-2.016-1.904v2.336h-4.768V8.815h4.832v8.96c.469336-.7893373 1.135996-1.4026645 2-1.84.864004-.4373355 1.829328-.656 2.896-.656zm-1.408 12.672c1.130672 0 2.00533-.399996 2.624-1.2.61867-.800004.928-1.9253261.928-3.376 0-1.4293405-.30933-2.5226629-.928-3.28s-1.493328-1.136-2.624-1.136c-1.130672 0-2.00533.3893294-2.624 1.168-.61867.7786706-.928 1.8826595-.928 3.312 0 1.4506739.30933 2.5653294.928 3.344.61867.7786706 1.493328 1.168 2.624 1.168zm18.848 3.68c-1.664008 0-3.125327-.3359966-4.384-1.008-1.258673-.6720034-2.22933-1.6213272-2.912-2.848-.68267-1.2266728-1.024-2.6719917-1.024-4.336 0-1.6640083.34133-3.1093272 1.024-4.336.68267-1.2266728 1.653327-2.1706634 2.912-2.832 1.258673-.6613366 2.719992-.992 4.384-.992 1.664008 0 3.125327.3306634 4.384.992 1.258673.6613366 2.22933 1.6053272 2.912 2.832.68267 1.2266728 1.024 2.6719917 1.024 4.336 0 1.6640083-.34133 3.1093272-1.024 4.336-.68267 1.2266728-1.653327 2.1759966-2.912 2.848-1.258673.6720034-2.719992 1.008-4.384 1.008zm0-3.68c2.346678 0 3.52-1.503985 3.52-4.512 0-1.5146742-.303997-2.6453296-.912-3.392-.608003-.7466704-1.477328-1.12-2.608-1.12-2.346678 0-3.52 1.503985-3.52 4.512 0 3.008015 1.173322 4.512 3.52 4.512zm18.016 3.68c-1.664008 0-3.125327-.3359966-4.384-1.008-1.258673-.6720034-2.22933-1.6213272-2.912-2.848-.68267-1.2266728-1.024-2.6719917-1.024-4.336 0-1.6640083.34133-3.1093272 1.024-4.336.68267-1.2266728 1.653327-2.1706634 2.912-2.832 1.258673-.6613366 2.719992-.992 4.384-.992 1.664008 0 3.125327.3306634 4.384.992 1.258673.6613366 2.22933 1.6053272 2.912 2.832.68267 1.2266728 1.024 2.6719917 1.024 4.336 0 1.6640083-.34133 3.1093272-1.024 4.336-.68267 1.2266728-1.653327 2.1759966-2.912 2.848-1.258673.6720034-2.719992 1.008-4.384 1.008zm0-3.68c2.346678 0 3.52-1.503985 3.52-4.512 0-1.5146742-.303997-2.6453296-.912-3.392-.608003-.7466704-1.477328-1.12-2.608-1.12-2.346678 0-3.52 1.503985-3.52 4.512 0 3.008015 1.173322 4.512 3.52 4.512zM200 31.375h-5.92l-6.016-7.008v7.008h-4.832V8.815h4.832v13.568l5.792-6.688h5.76l-6.592 7.488L200 31.375z"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#FF4785" fill-rule="nonzero" xlink:href="#a"/><path fill="#FFF" fill-rule="nonzero" d="M23.7074082 4.91663721l.1918233-4.61361355L27.7558963 0l.1661482 4.75786009c.0057823.1655845-.1237629.30450476-.2893474.3102871-.0709012.00247592-.1403856-.02025507-.1961149-.06415663l-1.4872539-1.17160554L24.1884561 5.168114c-.1320039.10013302-.3201881.07429656-.4203211-.05770737-.0421511-.0555671-.0636242-.12408429-.0607268-.19376942zM18.7751036 15.0765471c0 .7824336 5.2703662.4074336 5.9778665-.1421721 0-5.32818604-2.8589797-8.12806396-8.094254-8.12806396-5.2352744 0-8.16851322 2.84344015-8.16851322 7.10860256 0 7.4284913 10.02499342 7.5706634 10.02499342 11.6225677 0 1.1373767-.556944 1.8126941-1.782221 1.8126941-1.596573 0-2.2277763-.8153808-2.1535171-3.5877364 0-.6014263-6.08925532-.7889263-6.27490335 0-.47273546 6.7184043 3.71296055 8.65625 8.50267965 8.65625 4.6412007 0 8.279902-2.4738731 8.279902-6.9522937 0-7.9616366-10.1735119-7.7483785-10.1735119-11.6936537 0-1.599436 1.1881474-1.8126941 1.8936099-1.8126941.7425921 0 2.0792579.1308859 1.9678691 3.1164996z" mask="url(#b)"/></g></svg>
\ No newline at end of file
diff --git a/docs/src/html.js b/docs/src/html.js
deleted file mode 100644
index aba6bf1964c..00000000000
--- a/docs/src/html.js
+++ /dev/null
@@ -1,60 +0,0 @@
-/* eslint-disable react/no-danger */
-import React from 'react';
-import PropTypes from 'prop-types';
-import DocumentTitle from 'react-document-title';
-
-import favicon from './design/homepage/storybook-icon.png';
-
-const HTML = ({ headComponents, body, postBodyComponents }) => {
-  const title = DocumentTitle.rewind();
-
-  let css;
-  if (process.env.NODE_ENV === 'production') {
-    // eslint-disable-next-line
-    css = <style dangerouslySetInnerHTML={{ __html: require('!raw!../public/styles.css') }} />;
-  }
-
-  const searchScript = [
-    <link
-      key="docsearch-css"
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"
-    />,
-    <script
-      key="docsearch-js"
-      type="text/javascript"
-      src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"
-    />,
-  ];
-
-  return (
-    <html lang="en">
-      <head>
-        <meta charSet="utf-8" />
-        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>{title}</title>
-        <link rel="icon" href={favicon} type="image/x-icon" />
-        {css}
-        {headComponents}
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-      <body>
-        <div id="___gatsby" dangerouslySetInnerHTML={{ __html: body }} />
-        {postBodyComponents}
-        {searchScript}
-      </body>
-    </html>
-  );
-};
-
-HTML.displayName = 'HTML';
-HTML.propTypes = {
-  headComponents: PropTypes.node.isRequired,
-  postBodyComponents: PropTypes.node.isRequired,
-  body: PropTypes.string,
-};
-HTML.defaultProps = {
-  body: '',
-};
-
-export default HTML;
diff --git a/docs/src/layouts/index.js b/docs/src/layouts/index.js
deleted file mode 100644
index 07892096b53..00000000000
--- a/docs/src/layouts/index.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import 'bootstrap/dist/css/bootstrap.css';
-
-// Import styles.
-import '../css/main.css';
-import '../css/github.css';
-
-const PageTemplate = ({ children }) => (
-  <div>
-    <a
-      href="https://github.com/storybookjs/storybook"
-      className="github-corner"
-      aria-label="View source on Github"
-    >
-      <svg
-        width="80"
-        height="80"
-        viewBox="0 0 250 250"
-        style={{
-          fill: '#E91E63',
-          color: '#fff',
-          position: 'absolute',
-          top: 0,
-          border: 0,
-          right: 0,
-        }}
-        aria-hidden="true"
-      >
-        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
-        <path
-          d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
-          fill="currentColor"
-          style={{ transformOrigin: '130px 106px' }}
-          className="octo-arm"
-        />
-        <path
-          d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
-          fill="currentColor"
-          className="octo-body"
-        />
-      </svg>
-    </a>
-    {children()}
-  </div>
-);
-
-PageTemplate.propTypes = {
-  children: PropTypes.func, // eslint-disable-line
-  location: PropTypes.object, // eslint-disable-line
-};
-
-export default PageTemplate;
diff --git a/docs/src/new-components/basics/Icon.js b/docs/src/new-components/basics/Icon.js
deleted file mode 100644
index a2788d44f13..00000000000
--- a/docs/src/new-components/basics/Icon.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { color } from './shared/styles';
-import icons from './shared/icons';
-
-const Svg = styled.svg`
-  display: inline-block;
-  vertical-align: middle;
-`;
-
-const Path = styled.path`
-  fill: ${color.darkest};
-`;
-
-function Icon({ icon, ...props }) {
-  return (
-    <Svg viewBox="0 0 1024 1024" width="20px" height="20px" {...props}>
-      <Path d={icons[icon]} />
-    </Svg>
-  );
-}
-
-Icon.propTypes = {
-  icon: PropTypes.string.isRequired,
-};
-
-export default Icon;
diff --git a/docs/src/new-components/basics/Link.js b/docs/src/new-components/basics/Link.js
deleted file mode 100644
index 0b1aa122425..00000000000
--- a/docs/src/new-components/basics/Link.js
+++ /dev/null
@@ -1,163 +0,0 @@
-/* eslint-disable react/prop-types */
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
-import styled, { css } from 'styled-components';
-import { darken } from 'polished';
-import { color } from './shared/styles';
-
-import Icon from './Icon';
-
-const linkStyles = css`
-  display: inline-block;
-  transition: all 150ms ease-out;
-  text-decoration: none;
-
-  color: ${color.secondary};
-
-  &:hover,
-  &:focus {
-    cursor: pointer;
-    transform: translate3d(0, -1px, 0);
-    color: ${darken(0.07, color.secondary)};
-  }
-  &:active {
-    transform: translate3d(0, 0, 0);
-    color: ${darken(0.1, color.secondary)};
-  }
-
-  ${(props) =>
-    props.secondary &&
-    css`
-      color: ${color.mediumdark};
-
-      &:hover {
-        color: ${color.dark};
-      }
-
-      &:active {
-        color: ${color.darker};
-      }
-    `};
-
-  ${(props) =>
-    props.tertiary &&
-    css`
-      color: ${color.dark};
-
-      &:hover {
-        color: ${color.darkest};
-      }
-
-      &:active {
-        color: ${color.mediumdark};
-      }
-    `};
-
-  ${(props) =>
-    props.nochrome &&
-    css`
-      color: inherit;
-
-      &:hover,
-      &:active {
-        color: inherit;
-        text-decoration: underline;
-      }
-    `};
-
-  ${(props) =>
-    props.inverse &&
-    css`
-      color: ${color.lightest};
-
-      &:hover {
-        color: ${color.lighter};
-      }
-
-      &:active {
-        color: ${color.light};
-      }
-    `};
-
-  ${(props) =>
-    props.isButton &&
-    css`
-      border: 0;
-      border-radius: 0;
-      background: none;
-      padding: 0;
-      font-size: inherit;
-    `};
-`;
-
-const LinkInner = styled.span`
-  ${(props) =>
-    props.withArrow &&
-    css`
-      > svg:last-of-type {
-        height: 0.7em;
-        width: 0.7em;
-        margin-right: 0;
-        margin-left: 0.25em;
-        bottom: auto;
-        vertical-align: inherit;
-      }
-    `};
-
-  ${(props) =>
-    props.containsIcon &&
-    css`
-      svg {
-        height: 1em;
-        width: 1em;
-        vertical-align: middle;
-        position: relative;
-        bottom: 0;
-        margin-right: 0;
-      }
-    `};
-`;
-
-const LinkWrapper = styled.a`
-  ${linkStyles};
-`;
-
-const LinkGatsby = styled.a`
-  ${linkStyles};
-`;
-const LinkButton = styled.button`
-  ${linkStyles};
-`;
-
-export default function Link({ isGatsby, isButton, withArrow, containsIcon, children, ...props }) {
-  const content = (
-    <Fragment>
-      <LinkInner withArrow={withArrow} containsIcon={containsIcon}>
-        {children}
-        {withArrow && <Icon icon="arrowright" />}
-      </LinkInner>
-    </Fragment>
-  );
-
-  if (isGatsby) {
-    return <LinkGatsby {...props}>{content}</LinkGatsby>;
-  }
-  if (isButton) {
-    return <LinkButton {...props}>{content}</LinkButton>;
-  }
-  return <LinkWrapper {...props}>{content}</LinkWrapper>;
-}
-
-Link.propTypes = {
-  isButton: PropTypes.bool,
-  isGatsby: PropTypes.bool,
-  children: PropTypes.node,
-  withArrow: PropTypes.bool,
-};
-
-Link.defaultProps = {
-  isButton: false,
-  isGatsby: false,
-  children: null,
-  withArrow: false,
-};
diff --git a/docs/src/new-components/basics/ListItem.js b/docs/src/new-components/basics/ListItem.js
deleted file mode 100644
index 7d3cde3fe9a..00000000000
--- a/docs/src/new-components/basics/ListItem.js
+++ /dev/null
@@ -1,176 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled, { css } from 'styled-components';
-import { color, typography } from './shared/styles';
-import { inlineGlow } from './shared/animation';
-
-const Left = styled.span``;
-const Title = styled.span`
-  font-weight: ${typography.weight.bold};
-`;
-const Center = styled.span``;
-const Right = styled.span``;
-
-const ItemInner = styled.span`
-  /* Layout */
-  line-height: 18px;
-  padding: 7px 15px;
-  display: flex;
-  align-items: center;
-
-  ${Left}, ${Title}, ${Center}, ${Right} {
-    display: inline-flex;
-  }
-
-  ${Title}, ${Center} {
-    flex: 1;
-  }
-
-  ${Left}, ${Right} {
-    flex: 0 1 auto;
-  }
-
-  ${Right} {
-    text-align: right;
-    margin-left: 20px;
-  }
-`;
-
-const Item = styled.a`
-  font-size: ${typography.size.s1}px;
-  transition: all 150ms ease-out;
-  color: ${color.mediumdark};
-  text-decoration: none;
-  display: block;
-
-  &:not(:first-child) {
-    border-top: 1px solid ${color.mediumlight};
-  }
-
-  /* Styling */
-  ${Title} {
-    color: ${color.darker};
-  }
-
-  ${Right} svg {
-    transition: all 200ms ease-out;
-    opacity: 0;
-    height: 12px;
-    width: 12px;
-    margin: 3px 0;
-    vertical-align: top;
-
-    path {
-      fill: ${color.mediumdark};
-    }
-  }
-
-  &:hover {
-    background: #e3f3ff;
-    cursor: pointer;
-
-    ${Right} svg {
-      opacity: 1;
-    }
-  }
-
-  ${(props) =>
-    props.active &&
-    css`
-      ${Title} {
-        font-weight: ${typography.weight.extrabold};
-      }
-      ${Title}, ${Center} {
-        color: ${color.primary};
-      }
-
-      ${Right} svg {
-        opacity: 1;
-        path {
-          fill: ${color.primary};
-        }
-      }
-    `};
-
-  ${(props) =>
-    props.loading &&
-    css`
-      ${Title} {
-        ${inlineGlow};
-        flex: 0;
-        display: inline-block;
-      }
-    `};
-
-  ${(props) =>
-    props.disabled &&
-    css`
-      cursor: not-allowed !important;
-      ${Title}, ${Center} {
-        color: ${color.mediumdark};
-      }
-    `};
-`;
-
-export default function ListItem({
-  loading,
-  left,
-  title,
-  center,
-  right,
-  active,
-  disabled,
-  href,
-  onClick,
-  LinkWrapper,
-  ...props
-}) {
-  const linkInner = (
-    <ItemInner onClick={onClick} role="presentation">
-      {left && <Left>{left}</Left>}
-      {title && <Title>{title}</Title>}
-      {center && <Center>{center}</Center>}
-      {right && <Right>{right}</Right>}
-    </ItemInner>
-  );
-
-  return (
-    <Item
-      as={LinkWrapper && href ? LinkWrapper : null}
-      href={!LinkWrapper ? href : undefined}
-      to={LinkWrapper ? href : undefined}
-      active={active}
-      loading={loading}
-      disabled={disabled}
-      {...props}
-    >
-      {linkInner}
-    </Item>
-  );
-}
-
-ListItem.propTypes = {
-  loading: PropTypes.bool,
-  left: PropTypes.node,
-  title: PropTypes.node,
-  center: PropTypes.node,
-  right: PropTypes.node,
-  active: PropTypes.bool,
-  disabled: PropTypes.bool,
-  href: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({})]),
-  LinkWrapper: PropTypes.func,
-  onClick: PropTypes.func,
-};
-
-ListItem.defaultProps = {
-  loading: false,
-  left: null,
-  title: <span>Loading</span>,
-  center: null,
-  right: null,
-  active: false,
-  disabled: false,
-  href: null,
-  LinkWrapper: null,
-  onClick: null,
-};
diff --git a/docs/src/new-components/basics/index.js b/docs/src/new-components/basics/index.js
deleted file mode 100644
index ceef57969e2..00000000000
--- a/docs/src/new-components/basics/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import * as styles from './shared/styles';
-import * as global from './shared/global';
-import * as animation from './shared/animation';
-import * as icons from './shared/icons';
-import * as site from './shared/site';
-
-export { styles, global, animation, icons, site };
-
-export { default as Icon } from './Icon';
-export { default as Link } from './Link';
-
-export { default as WithTooltip } from './tooltip/WithTooltip';
-export { default as TooltipMessage } from './tooltip/TooltipMessage';
-export { default as TooltipNote } from './tooltip/TooltipNote';
-export { default as TooltipLinkList } from './tooltip/TooltipLinkList';
-
-// export { default as Modal } from './modal/Modal';
diff --git a/docs/src/new-components/basics/shared/animation.js b/docs/src/new-components/basics/shared/animation.js
deleted file mode 100644
index 159c3c0e4b8..00000000000
--- a/docs/src/new-components/basics/shared/animation.js
+++ /dev/null
@@ -1,60 +0,0 @@
-// Handy CSS animations for micro-interactions
-import { css, keyframes } from 'styled-components';
-import { color } from './styles';
-
-export const easing = {
-  rubber: 'cubic-bezier(0.175, 0.885, 0.335, 1.05)',
-};
-
-export const rotate360 = keyframes`
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-`;
-
-export const glow = keyframes`
-  0%, 100% { opacity: 1; }
-  50% { opacity: .4; }
-`;
-
-export const float = keyframes`
-  0% { transform: translateY(1px); }
-  25% { transform: translateY(0px); }
-  50% { transform: translateY(-3px); }
-  100% { transform: translateY(1px); }
-`;
-
-export const jiggle = keyframes`
-  0%, 100% { transform:translate3d(0,0,0); }
-  12.5%, 62.5% { transform:translate3d(-4px,0,0); }
-  37.5%, 87.5% {  transform: translate3d(4px,0,0);  }
-`;
-
-export const shake = keyframes`
-  0% { transform:rotate(-3deg) }
-  1.68421% { transform:rotate(3deg) }
-  2.10526% { transform:rotate(6deg) }
-  3.78947% { transform:rotate(-6deg) }
-  4.21053% { transform:rotate(-6deg) }
-  5.89474% { transform:rotate(6deg) }
-  6.31579% { transform:rotate(6deg) }
-  8% { transform:rotate(-6deg) }
-  8.42105% { transform:rotate(-6deg) }
-  10.10526% { transform:rotate(6deg) }
-  10.52632% { transform:rotate(6deg) }
-  12.21053% { transform:rotate(-6deg) }
-  12.63158% { transform:rotate(-6deg) }
-  14.31579% { transform:rotate(6deg) }
-  15.78947% { transform:rotate(0deg) }
-  100% { transform:rotate(0deg) }
-`;
-
-export const inlineGlow = css`
-  animation: ${glow} 1.5s ease-in-out infinite;
-  background: ${color.mediumlight};
-  color: transparent;
-  cursor: progress;
-`;
diff --git a/docs/src/new-components/basics/shared/global.js b/docs/src/new-components/basics/shared/global.js
deleted file mode 100644
index 711c6c0b0af..00000000000
--- a/docs/src/new-components/basics/shared/global.js
+++ /dev/null
@@ -1,122 +0,0 @@
-import { createGlobalStyle, css } from 'styled-components';
-import { color, typography } from './styles';
-
-export const bodyStyles = css`
-  font-family: ${typography.type.primary};
-  font-size: ${typography.size.s3}px;
-  color: ${color.darkest};
-
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-tap-highlight-color: transparent;
-  -webkit-overflow-scrolling: touch;
-
-  * {
-    box-sizing: border-box;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: ${typography.weight.regular};
-    margin: 0;
-    padding: 0;
-  }
-
-  button,
-  input,
-  textarea,
-  select {
-    outline: none;
-    font-family: ${typography.type.primary};
-  }
-
-  sub,
-  sup {
-    font-size: 0.8em;
-  }
-
-  sub {
-    bottom: -0.2em;
-  }
-
-  sup {
-    top: -0.2em;
-  }
-
-  b,
-  em {
-    font-weight: ${typography.weight.bold};
-  }
-
-  hr {
-    border: none;
-    border-top: 1px solid ${color.border};
-    clear: both;
-    margin-bottom: 1.25rem;
-  }
-
-  code,
-  pre {
-    font-family: ${typography.type.code};
-    font-size: ${typography.size.s2 - 1}px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  code {
-    display: inline-block;
-    padding-left: 2px;
-    padding-right: 2px;
-    vertical-align: baseline;
-
-    color: ${color.secondary};
-  }
-
-  pre {
-    line-height: 18px;
-    padding: 11px 1rem;
-    white-space: pre-wrap;
-
-    background: rgba(0, 0, 0, 0.05);
-    color: ${color.darkest};
-    border-radius: 3px;
-    margin: 1rem 0;
-  }
-
-  &.ReactModal__Body--open {
-    overflow: hidden;
-    &.hide-intercom #intercom-container {
-      display: none;
-    }
-  }
-
-  .ReactModalPortal > div {
-    opacity: 0;
-  }
-
-  .ReactModalPortal .ReactModal__Overlay {
-    transition: all 200ms ease-in;
-
-    &--after-open {
-      opacity: 1;
-    }
-    &--before-close {
-      opacity: 0;
-    }
-  }
-`;
-
-export const GlobalStyle = createGlobalStyle`
-    body {
-      ${bodyStyles}
-
-      margin: 0;
-      overflow-y: auto;
-      overflow-x: hidden;
-    }
-`;
diff --git a/docs/src/new-components/basics/shared/icons.js b/docs/src/new-components/basics/shared/icons.js
deleted file mode 100644
index e4be2820de0..00000000000
--- a/docs/src/new-components/basics/shared/icons.js
+++ /dev/null
@@ -1,306 +0,0 @@
-// Icon paths
-const icons = {
-  mobile:
-    'M648 64h-272c-66.274 0-120 53.726-120 120v656c0 66.274 53.726 120 120 120h272c66.274 0 120-53.726 120-120v-656c0-66.274-53.726-120-120-120zM376 144h272c22.056 0 40 17.944 40 40v495.968h-352v-495.968c0-22.056 17.946-40 40-40zM648 880h-272c-22.054 0-40-17.944-40-40v-80.032h352v80.032c0 22.056-17.944 40-40 40zM544.034 819.962c0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.672 14.33-31.998 32-31.998 17.674-0 32.004 14.326 32.004 31.998z',
-  watch:
-    'M736.172 108.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM736.172 50.37c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 973.692c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.172 916.030c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20 0 11.046 8.956 20 20 20h408.282c11.044 0 20-8.954 20-20zM717.53 228c18.904 0 34.286 15.14 34.286 33.75v500.502c0 18.61-15.38 33.75-34.286 33.75h-411.43c-18.904 0-34.286-15.14-34.286-33.75v-500.502c0-18.61 15.38-33.75 34.286-33.75h411.43zM717.53 148h-411.43c-63.118 0-114.286 50.928-114.286 113.75v500.502c0 62.822 51.166 113.75 114.286 113.75h411.43c63.118 0 114.286-50.926 114.286-113.75v-500.502c-0.002-62.822-51.168-113.75-114.286-113.75v0zM680.036 511.53c0 22.090-17.91 40-40 40h-128.004c-5.384 0-10.508-1.078-15.196-3.006-0.124-0.048-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.276-1.16-0.528-1.718-0.828-0.204-0.112-0.39-0.246-0.594-0.364-0.918-0.514-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.284-17.382-32.98v-151.5c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v111.498h88c22.094-0.002 40.002 17.91 40.006 40z',
-  tablet:
-    'M200.022 927.988h624.018c1.38 0 2.746-0.072 4.090-0.208 20.168-2.050 35.91-19.080 35.91-39.792v-751.916c0-22.092-17.91-40-40-40h-624.018c-22.098 0-40 17.908-40 40v751.916c0 22.094 17.906 40 40 40zM512.002 878.206c-17.674 0-32.004-14.328-32.004-31.998 0-17.678 14.33-32.002 32.004-32.002 17.67 0 32 14.324 32 32.002 0 17.67-14.33 31.998-32 31.998zM240.022 176.078h544.018v591.902h-544.018v-591.902z',
-  browser:
-    'M920.004 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.048-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM368 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM272 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM176 177.78c17.674 0 32.004 14.328 32.004 31.998 0 17.676-14.33 32.002-32.004 32.002-17.67 0-32-14.326-32-32.002 0-17.67 14.33-31.998 32-31.998zM880.004 815.996h-736.008v-527.988h736.008v527.988z',
-  sidebar:
-    'M920.032 127.858h-816c-22.092 0-40 17.908-40 40v688c0 22.092 17.908 40 40 40h316.578c1.13 0.096 2.266 0.172 3.422 0.172s2.292-0.078 3.424-0.172h492.576c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40zM144.032 207.858h240v608h-240v-608zM880.032 815.858h-416v-608h416v608zM198.734 288.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 416.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32zM198.734 544.030c0-17.674 14.328-32 32.002-32h66.396c17.672 0 32 14.326 32 32 0 17.676-14.324 32-32 32h-66.398c-17.674 0-32-14.326-32-32z',
-  sidebaralt:
-    'M64 167.944v688c0 22.092 17.908 40 40 40h816c22.092 0 40-17.908 40-40v-688c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40zM880 815.944h-240v-608h240v608zM144 207.944h416v608h-416v-608zM793.296 320.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 448.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32zM793.296 576.118h-66.398c-17.676 0-32-14.324-32-32 0-17.674 14.328-32 32-32h66.396c17.674 0 32.002 14.326 32.002 32 0 17.672-14.324 32-32 32z',
-  bottombar:
-    'M85 121h854c24 0 42 18 42 41v700c0 23-18 41-42 41H608a44 44 0 0 1-7 0H85c-24 0-42-18-42-41V162c0-23 18-41 42-41zm41 535v165h772V656H126zm0-82h772V202H126v372zm185 197h-69c-19 0-34-14-34-32s15-33 34-33h69c19 0 34 15 34 33s-15 32-34 32zm236 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32zm235 0h-70c-18 0-33-14-33-32s15-33 33-33h70c18 0 33 15 33 33s-15 32-33 32z',
-  useralt:
-    'M532.716 960c115.572 0 227.634-22.612 333.076-67.208 18.116-7.66 35.888-15.94 53.336-24.774v-18.726c0-116.912-241.728-223.528-306.458-233.828-20.1-3.198-20.556-58.458-20.556-58.458s59.050-58.452 71.922-137.062c34.618 0 56.004-83.57 21.378-112.972 1.448-30.95 44.5-242.972-173.474-242.972-217.976 0-174.916 212.022-173.476 242.972-34.622 29.402-13.244 112.972 21.38 112.972 12.864 78.61 71.916 137.062 71.916 137.062s-0.458 55.262-20.554 58.458c-64.042 10.19-301.326 114.674-306.334 230.124 30.474 17.61 62.084 33.376 94.776 47.204 105.436 44.596 217.498 67.208 333.068 67.208z',
-  user:
-    'M512.062 65.062c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448zM776.324 769.132c-55.386-54.52-155.436-95.864-189.492-101.282-14.918-2.376-15.258-43.39-15.258-43.39s43.832-43.39 53.384-101.738c25.698 0 41.568-62.032 15.87-83.856 1.072-22.974 33.038-180.352-128.766-180.352s-129.836 157.376-128.768 180.352c-25.706 21.824-9.83 83.856 15.87 83.856 9.552 58.348 53.382 101.738 53.382 101.738s-0.34 41.020-15.256 43.39c-34.056 5.418-134.104 46.762-189.49 101.282-66.932-69.018-103.738-159.708-103.738-256.070 0-98.296 38.278-190.708 107.786-260.212 69.51-69.506 161.918-107.788 260.214-107.788s190.708 38.278 260.214 107.788c69.506 69.506 107.786 161.916 107.786 260.212-0 96.364-36.808 187.054-103.738 256.070z',
-  useradd:
-    'M123.302 833.14c-26.284-11.118-51.696-23.792-76.196-37.95 4.028-92.818 194.792-176.82 246.28-185.012 16.158-2.57 16.526-46.994 16.526-46.994s-47.476-46.996-57.818-110.196c-27.836 0-45.024-67.186-17.19-90.824-1.158-24.882-35.776-195.34 139.468-195.34 175.242 0 140.628 170.458 139.464 195.34 27.838 23.638 10.644 90.824-17.188 90.824-10.346 63.2-57.822 110.196-57.822 110.196s0.37 44.424 16.528 46.994c52.042 8.282 246.38 93.996 246.38 187.988v15.054c-14.028 7.102-28.316 13.76-42.88 19.918-84.77 35.852-174.864 54.032-267.78 54.032-92.912 0.002-183.004-18.178-267.772-54.030zM910.064 335h-80.008v-80.010c0.002-22.088-17.906-39.992-39.996-39.992-22.088 0-39.998 17.906-39.998 39.996v80.006h-80.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996h80.004v80.002c0 22.094 17.908 40 40 40 22.090 0 39.996-17.906 39.996-39.996v-80.006l80.010-0.002c22.090 0.002 39.994-17.906 39.994-39.996 0-22.088-17.908-39.998-39.998-39.998z',
-  users:
-    'M123.302 822.204c-26.284-11.118-51.696-23.792-76.196-37.95 4.028-92.818 194.792-176.82 246.28-185.012 16.158-2.57 16.526-46.998 16.526-46.998s-47.476-46.994-57.818-110.192c-27.836 0-45.024-67.186-17.19-90.822-1.158-24.884-35.776-195.342 139.468-195.342 175.242 0 140.628 170.458 139.464 195.342 27.838 23.636 10.644 90.822-17.188 90.822-10.346 63.2-57.822 110.192-57.822 110.192s0.37 44.426 16.528 46.998c52.042 8.282 246.38 93.996 246.38 187.988v15.054c-14.028 7.102-28.316 13.758-42.88 19.918-84.77 35.852-174.864 54.032-267.78 54.032-92.912 0-183.004-18.18-267.772-54.030zM977.018 652.224c0-64.612-133.592-123.532-169.364-129.222-11.106-1.768-11.36-32.306-11.36-32.306s32.634-32.304 39.744-75.746c19.132 0 30.954-46.188 11.818-62.436 0.798-17.106 24.592-134.276-95.874-134.276-120.462 0-96.666 117.17-95.87 134.276-19.134 16.248-7.32 62.436 11.816 62.436 7.11 43.442 39.742 75.746 39.742 75.746s-0.25 30.54-11.358 32.306c-23.154 3.684-87.282 29.672-129.644 65.068 21.022 10.038 42.072 21.39 61.066 33.186 14.278 8.866 27.392 17.866 39.338 26.986 35.696 27.262 60.956 55.638 75.646 84.934 2.784 0.032 5.562 0.102 8.352 0.102 77.788 0 153.58-12.792 225.944-37.976v-43.078z',
-  profile:
-    'M396.984 530.228c-12.040-5.090-23.676-10.896-34.898-17.38 1.846-42.512 89.218-80.984 112.798-84.736 7.402-1.178 7.568-21.526 7.568-21.526s-21.742-21.524-26.48-50.47c-12.748 0-20.622-30.77-7.874-41.596-0.532-11.398-16.384-89.468 63.878-89.468s64.408 78.070 63.876 89.468c12.75 10.826 4.876 41.596-7.872 41.596-4.738 28.948-26.482 50.47-26.482 50.47s0.168 20.348 7.568 21.526c23.836 3.792 112.846 43.050 112.846 86.102v6.894c-6.426 3.252-12.968 6.3-19.64 9.122-38.826 16.422-80.090 24.746-122.646 24.746-42.552-0.002-83.816-8.326-122.642-24.748zM800 145h-592.004v736h592.004c8.708 0 15.876-7.086 15.972-15.796v-704.246c-0.018-8.8-7.176-15.958-15.972-15.958zM800 65c52.944 0 95.872 42.858 95.992 95.772l0.012 0.014v705.334h-0.036c-0.602 52.502-43.324 94.88-95.968 94.88h-632.004c-22.090 0-40-17.906-40-40v-816c0-20.338 15.192-37.090 34.836-39.628 1.696-0.218 3.41-0.372 5.164-0.372h632.004zM736.282 792.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.282 704.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20zM736.282 616.998c0-11.044-8.956-20-20-20h-408.282c-11.044 0-20 8.956-20 20s8.956 20 20 20h408.282c11.044 0 20-8.956 20-20z',
-  bookmark:
-    'M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10z',
-  bookmarkhollow:
-    'M772 1012L511 761l-260 251a49 49 0 0 1-52 10c-18-7-29-24-29-43V132c0-25 21-46 47-46h588c26 0 47 21 47 46v847c0 19-11 36-29 43a49 49 0 0 1-51-10zM545 664l213 205V181H265v688l213-205c9-9 21-14 33-14s24 5 34 14z',
-  book:
-    'M896.054 159.774c-0.122-52.914-43.048-95.774-95.992-95.774h-632.004c-1.754 0-3.468 0.154-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v816c0 22.094 17.91 40 40 40h632.004c52.642 0 95.368-42.378 95.968-94.88h0.036v-705.332l-0.012-0.014zM368.062 144h80v271.922l-11.728-11.718c-15.62-15.606-40.924-15.606-56.542 0l-11.728 11.718v-271.922zM816.036 864.204c-0.1 8.712-7.268 15.796-15.972 15.796h-592.004v-736h80.004v368.426c0 16.176 9.742 30.758 24.684 36.954 14.944 6.192 32.146 2.778 43.586-8.656l51.728-51.68 51.728 51.68c7.652 7.644 17.876 11.708 28.28 11.708 5.156 0 10.356-1 15.306-3.050 14.944-6.196 24.684-20.778 24.684-36.954v-368.428h272c8.796 0 15.972 7.16 15.992 15.958l-0.016 704.246z',
-  repository:
-    'M856.020 159.804c-0.122-52.916-43.048-95.774-95.992-95.774h-591.968c-1.754 0-3.468 0.154-5.164 0.37-19.644 2.54-34.836 19.292-34.836 39.63v784.584c0 22.094 17.91 40 40 40h151.972v63.594c0 10.876 6.548 20.682 16.598 24.844 10.046 4.164 21.612 1.87 29.304-5.818l34.78-34.748 34.78 34.748c5.144 5.14 12.020 7.87 19.014 7.87 3.466 0 6.962-0.672 10.292-2.052 10.048-4.164 16.598-13.968 16.598-24.844v-63.594h278.63c52.642 0 95.368-42.38 95.968-94.882h0.036v-673.916l-0.012-0.012zM776.020 159.988l-0.014 504.628h-519.974v-520.584h503.996c8.796-0 15.972 7.158 15.992 15.956zM760.028 848.616h-278.63v-56h-161.366v56h-111.972v-104h567.944l-0.002 88.204c-0.102 8.71-7.27 15.796-15.974 15.796zM320.032 240.396c0-17.67 14.328-31.998 31.998-31.998s32.002 14.326 32.002 31.998c0 17.674-14.332 32-32.002 32-17.672-0.002-31.998-14.326-31.998-32zM320.032 349.79c0-17.67 14.328-31.998 31.998-31.998s32.002 14.328 32.002 31.998c0 17.676-14.332 32-32.002 32-17.672 0-31.998-14.324-31.998-32zM320.032 459.188c0-17.67 14.328-32 31.998-32s32.002 14.328 32.002 32c0 17.674-14.332 31.998-32.002 31.998-17.672 0-31.998-14.324-31.998-31.998zM384.032 568.582c0 17.674-14.332 31.998-32.002 31.998s-31.998-14.324-31.998-31.998c0-17.67 14.328-32 31.998-32 17.67 0.002 32.002 14.33 32.002 32z',
-  star:
-    'M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0z',
-  starhollow:
-    'M763.972 919.5c-6.368 0-12.758-1.518-18.61-4.596l-233.358-122.688-233.37 122.688c-13.476 7.090-29.808 5.904-42.124-3.042-12.318-8.95-18.486-24.118-15.912-39.124l44.57-259.856-188.792-184.028c-10.904-10.626-14.828-26.524-10.124-41.004s17.222-25.034 32.292-27.222l260.906-37.912 116.686-236.42c6.738-13.652 20.644-22.296 35.87-22.296v0c15.226 0 29.13 8.644 35.87 22.298l116.674 236.418 260.906 37.912c15.068 2.19 27.586 12.742 32.292 27.222s0.782 30.376-10.124 41.004l-188.792 184.028 44.24 257.93c0.62 2.796 0.946 5.704 0.946 8.688 0 22.054-17.848 39.942-39.888 40-0.054 0-0.106 0-0.158 0zM190.256 428.144l145.812 142.13c9.428 9.192 13.73 22.432 11.504 35.406l-34.424 200.7 180.244-94.758c11.654-6.13 25.576-6.126 37.226 0l180.232 94.756-34.422-200.698c-2.226-12.974 2.076-26.214 11.504-35.406l145.812-142.13-201.51-29.282c-13.030-1.892-24.292-10.076-30.118-21.882l-90.114-182.596-90.122 182.598c-5.826 11.804-17.090 19.988-30.118 21.88l-201.506 29.282z',
-  circle:
-    'M960 512c0 247.424-200.576 448-448 448s-448-200.576-448-448c0-247.424 200.576-448 448-448s448 200.576 448 448z',
-  circlehollow:
-    'M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.216c-69.504-69.508-107.786-161.918-107.786-260.216 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.508-161.922 107.786-260.214 107.786-98.296 0-190.708-38.278-260.214-107.784z',
-  heart:
-    'M895.032 194.328c-20.906-21.070-46.492-37.316-76.682-48.938-30.104-11.71-63.986-17.39-101.474-17.39-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.264-30.366-27.22-56.236-48.398-77.33z',
-  hearthollow:
-    'M716.876 208c27.708 0 52.092 4.020 72.47 11.948l0.132 0.052 0.13 0.050c19.866 7.644 35.774 17.664 48.632 30.624l0.166 0.168 0.17 0.168c12.586 12.536 22.304 28.27 29.706 48.094 7.782 21.786 11.726 46.798 11.726 74.364 0 14.658-1.95 28.426-5.958 42.086l-0.028 0.092-0.026 0.092c-4.866 16.72-11.006 31.752-18.776 45.952l-0.162 0.298-0.16 0.296c-8.81 16.434-18.58 31.532-29.864 46.148l-0.204 0.264c-11.316 14.786-23.48 28.708-36.154 41.378l-277.122 275.574-276.94-276.35c-13.32-13.43-25.248-27.074-36.488-41.75-11.386-14.848-21.284-30.136-29.444-45.49-7.206-13.54-13.494-29.17-18.7-46.472-4.030-14.264-5.988-28.044-5.988-42.116 0-27.36 4.042-52.314 12.016-74.176 7.214-19.378 17.344-35.708 30.066-48.492 12.998-13.042 28.958-23.148 48.826-30.914 20.436-8 43.764-11.886 71.32-11.886 11.536 0 22.738 1.742 33.298 5.174l0.374 0.122 0.376 0.12c13.116 4.122 26.066 9.874 38.494 17.094l0.34 0.2 0.344 0.196c12.736 7.234 25.308 15.876 38.43 26.412 14.486 11.906 27.060 23.048 38.428 34.056l56.994 55.192 55.662-56.532c10.324-10.484 22.18-21.040 36.242-32.264 13.382-10.646 26.216-19.38 39.228-26.698l0.256-0.144 0.254-0.144c13.008-7.442 26.228-13.386 39.294-17.676l0.050-0.016 0.050-0.018c10.354-3.414 20.998-5.076 32.54-5.076zM716.876 128c-19.55 0-38.744 2.882-57.584 9.094-18.472 6.062-36.584 14.242-54.072 24.246-17.476 9.828-34.056 21.276-49.916 33.898-16.038 12.8-30.456 25.572-43.346 38.664-13.52-13.092-28.026-25.864-43.616-38.664-15.684-12.624-32.080-24.070-49.382-33.898-17.214-10.004-35.414-18.184-54.704-24.246-19.104-6.21-38.568-9.094-58.034-9.094-37.126 0-70.56 5.68-100.48 17.39-29.732 11.622-55.328 27.868-76.328 48.938-20.994 21.094-37.214 46.962-48.478 77.328-11.174 30.544-16.942 64.5-16.942 101.812 0 21.628 3.068 43.078 9.19 64.53 6.308 21.096 14.416 41.986 24.876 61.642 10.446 19.656 22.702 38.488 36.584 56.59 13.88 18.124 28.388 34.516 43.344 49.58l305.766 305.112c8.466 7.558 18.11 11.444 28.204 11.444 10.726 0 19.914-3.884 27.308-11.444l305.934-304.226c14.78-14.772 29.382-31.368 43.166-49.378 14.058-18.212 26.314-37.222 37.042-57.23 10.9-19.924 19.192-40.638 25.406-62 6.218-21.188 9.198-42.61 9.198-64.618 0-37.312-5.592-71.268-16.582-101.812-11.262-30.366-27.216-56.234-48.396-77.328-20.906-21.070-46.492-37.316-76.682-48.938-30.106-11.712-63.988-17.392-101.476-17.392v0z',
-  facehappy:
-    'M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.214c-69.504-69.508-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM416.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM736 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM763.62 636.976v0.094c-49.554 87.14-143.21 145.93-250.62 145.93-107.486 0-201.2-58.868-250.726-146.108v-0.092c-3.34-5.842-5.274-12.59-5.274-19.8s1.934-13.958 5.274-19.798v-0.198h0.122c6.918-11.946 19.808-20.004 34.606-20.004s27.69 8.058 34.61 20.004h0.098c35.756 63.222 103.614 105.996 181.29 105.996s145.54-42.774 181.3-105.996h0.090c6.918-11.946 19.81-20.004 34.606-20.004s27.69 8.058 34.61 20.004h0.014v0.024c3.402 5.88 5.38 12.69 5.38 19.972 0 7.286-1.978 14.094-5.38 19.976z',
-  facesad:
-    'M960 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 773.214c-69.504-69.506-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM416.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM736 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM262.38 684.024v-0.094c49.552-87.14 143.208-145.93 250.62-145.93 107.486 0 201.2 58.868 250.726 146.108v0.092c3.34 5.842 5.274 12.59 5.274 19.8s-1.934 13.958-5.274 19.798v0.198h-0.122c-6.918 11.946-19.808 20.004-34.606 20.004s-27.69-8.058-34.61-20.004h-0.098c-35.76-63.222-103.618-105.996-181.292-105.996s-145.54 42.774-181.3 105.996h-0.090c-6.918 11.946-19.808 20.004-34.606 20.004s-27.69-8.058-34.61-20.004h-0.014v-0.024c-3.402-5.88-5.38-12.69-5.38-19.972 0.002-7.286 1.98-14.094 5.382-19.976z',
-  faceneutral:
-    'M968 513c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM259.786 773.214c-69.504-69.506-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.506-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214-69.506 69.506-161.922 107.786-260.214 107.786-98.296 0-190.708-38.28-260.214-107.786zM424.5 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM744 384.998c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM777 641c0 22.094-17.906 40-40 40h-432c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h432c22.094 0 40 17.91 40 40z',
-  lock:
-    'M896.032 915.53v-467.498c0-19.102-13.402-35.052-31.31-39.026-0.21-0.046-0.414-0.12-0.628-0.162-0.444-0.090-0.904-0.13-1.354-0.208-2.186-0.37-4.416-0.606-6.708-0.606h-55.902l0.002-55.85h0.020c0-159.14-129.010-288.15-288.15-288.15-159.128 0-288.13 128.992-288.15 288.118v55.884h-54.852c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.792-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.524-0.104-3.024-0.27-4.502zM209 488.032h607.032v392h-607.032v-392zM303.85 352.182c0-114.776 93.376-208.15 208.15-208.15 114.59 0 207.842 93.074 208.142 207.596 0 0.084-0.012 0.164-0.012 0.248v56.156h-416.284l0.004-55.85zM552.164 691.858l-0.002 58.188c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40v-57.974c-14.704-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.104-23.868 49.836z',
-  unlock:
-    'M896.032 915.53v-467.498c0-1.988-0.194-3.926-0.472-5.834-0.11-0.744-0.192-1.498-0.34-2.226-1.524-7.44-5.136-14.1-10.164-19.408-0.252-0.266-0.48-0.554-0.738-0.814-0.496-0.494-1.036-0.944-1.554-1.412-0.43-0.386-0.84-0.8-1.288-1.17-0.292-0.24-0.608-0.446-0.904-0.676-2.506-1.954-5.244-3.616-8.176-4.934-0.744-0.334-1.504-0.632-2.27-0.922-4.39-1.656-9.124-2.604-14.094-2.604h-552.184l0.002-55.85c0-114.776 93.376-208.15 208.15-208.15 86.038 0 160.034 52.474 191.7 127.096 0.012 0.028 0.030 0.044 0.042 0.072 5.978 14.566 20.284 24.832 37.006 24.832 22.090 0 40-17.906 40-40 0-4.71-0.86-9.21-2.354-13.41-0.182-0.694-0.42-1.438-0.782-2.292-43.666-103.582-146.14-176.296-265.612-176.296-159.128 0-288.13 128.994-288.15 288.12v55.882h-54.85c-20.71 0-37.746 15.742-39.792 35.91-0.136 1.344-0.208 2.708-0.208 4.090v463.332c-0.618 2.794-0.968 5.688-0.968 8.668 0 22.094 17.91 40 40 40h688.27c22.092 0 40-17.91 40-40-0.002-1.528-0.104-3.028-0.27-4.506zM209 488.032h607.032v392h-607.032v-392zM552.164 691.86l-0.002 58.186c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-57.976c-14.702-11.726-24.134-29.782-24.134-50.048 0-35.346 28.654-64 64-64s64 28.654 64 64c0 20.142-9.318 38.102-23.868 49.838z',
-  key:
-    'M768.032 320.032c0 35.346-28.654 64-64 64s-64-28.654-64-64 28.654-64 64-64 64 28.654 64 64zM960.032 353.092c0 159.062-128.946 288.010-288.008 288.010-35.306 0-69.124-6.368-100.38-17.996l-27.736 27.738-0.002 54.464c0 0.016 0.002 0.028 0.002 0.040 0 11.046-4.478 21.046-11.716 28.29-6.334 6.332-14.784 10.55-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.748l-0.002 71.96c0 0.012 0.002 0.040 0.002 0.040 0 11.046-4.478 21.046-11.716 28.286-6.334 6.336-14.784 10.554-24.196 11.508-1.346 0.136-2.708 0.208-4.090 0.208h-71.996l-0.002 62.684c0 22.094-17.908 40-40 40-0.022 0-0.042 0-0.062 0-0.022 0-0.042 0-0.064 0h-175.996c-13.76 0-25.888-6.95-33.086-17.524-4.362-6.406-6.916-14.14-6.916-22.476v-112c0-0.664 0.066-1.308 0.1-1.964 0.032-0.618 0.034-1.234 0.092-1.852 0.11-1.148 0.288-2.278 0.492-3.398 0.024-0.128 0.034-0.258 0.058-0.386 1.614-8.378 5.848-15.808 11.808-21.446l325.456-325.458c-11.642-31.274-18.020-65.11-18.020-100.44 0-159.060 128.946-288.006 288.006-288.006 159.060-0.004 288.006 128.942 288.006 288.002zM880.032 353.092c0-114.696-93.312-208.006-208.008-208.006s-208.006 93.31-208.006 208.006c0 43.208 13.246 83.376 35.884 116.668l-57.36 57.362c-0.136-0.184-0.27-0.368-0.408-0.546l-298.102 298.106-0.002 55.356h96.124v-62.684c0-0.708 0.070-1.394 0.106-2.094 0.036-0.664 0.036-1.336 0.102-1.992 0.132-1.316 0.334-2.61 0.592-3.882 0.006-0.028 0.008-0.058 0.014-0.090 0.258-1.262 0.58-2.5 0.956-3.714 0.012-0.040 0.018-0.078 0.030-0.118 4.676-15.032 17.976-26.262 34.114-27.902 1.344-0.136 2.708-0.208 4.090-0.208h71.998v-67.64c-0.156-1.434-0.248-2.882-0.248-4.36 0-22.094 17.908-40 40-40h71.998v-30.692c0-0.148 0.020-0.29 0.022-0.438 0.008-10.226 3.912-20.45 11.714-28.254l55.99-55.988c1.982-1.984 4.124-3.71 6.38-5.188l18.68-18.684c33.030 22.090 72.702 34.992 115.332 34.992 114.694-0 208.008-93.314 208.008-208.010z',
-  arrowleftalt:
-    'M107.854 539.924l282.834 283.272c15.594 15.65 40.92 15.692 56.568 0.1 15.648-15.594 15.694-40.92 0.1-56.568l-214.838-215.040h655.412c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655l214.75-214.61c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.834-18.066-11.752-28.32-11.75-10.22 0-20.442 3.892-28.25 11.68l-283.242 282.93c-15.634 15.594-15.672 40.91-0.084 56.554z',
-  arrowrightalt:
-    'M916.266 483.792l-282.834-283.272c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l214.838 215.040h-655.412c-22.092 0-40 17.908-40 40s17.908 40 40 40h655l-214.748 214.61c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l283.242-282.93c15.632-15.596 15.67-40.91 0.082-56.554z',
-  sync:
-    'M998.786 474.516l-91 90.988c-8.028 8.036-18.624 11.902-29.152 11.676-10.536 0.234-21.144-3.632-29.184-11.676l-92.3-92.296c-15.624-15.622-15.624-40.95 0-56.57 15.622-15.622 40.95-15.624 56.57 0l26.146 26.148c-13.774-61.416-44.624-117.806-90.216-163.394-63.46-63.464-147.84-98.414-237.586-98.414-89.75 0-174.128 34.95-237.59 98.414-27.012 27.012-48.836 57.824-65.024 91.214l-0.008-0.004c-6.722 12.632-20.008 21.242-35.32 21.242-22.090 0-40-17.906-40-40 0-5.464 1.102-10.668 3.086-15.414l-0.004-0.004c0.016-0.032 0.024-0.058 0.040-0.090 0.036-0.078 0.070-0.156 0.106-0.234 0.73-1.632 0.208-0.718 5.004-9.996 69.18-133.726 208.766-225.128 369.71-225.128 203.224 0 372.374 145.734 408.728 338.392l21.424-21.424c15.618-15.622 40.946-15.622 56.566 0s15.624 40.948 0.004 56.57zM889.992 682.11c0 5.464-1.106 10.672-3.090 15.414l0.008 0.004c-0.016 0.036-0.028 0.058-0.040 0.090-0.036 0.078-0.074 0.156-0.106 0.234-0.73 1.636-0.208 0.718-5.008 10-69.176 133.722-208.762 225.124-369.708 225.124-205.2 0-375.668-148.578-409.76-344.022l-19.478 19.478c-15.622 15.622-40.95 15.622-56.57 0-15.618-15.622-15.622-40.95 0-56.57l90.996-90.992c8.032-8.032 18.628-11.902 29.152-11.672 10.536-0.238 21.144 3.632 29.188 11.672l92.296 92.3c15.624 15.618 15.624 40.946 0 56.566-15.618 15.622-40.946 15.624-56.566 0.004l-29.292-29.292c12.466 65.568 44.214 125.882 92.448 174.116 63.46 63.46 147.84 98.41 237.586 98.41 89.75 0 174.124-34.95 237.59-98.41 27.012-27.012 48.836-57.824 65.020-91.218l0.008 0.004c6.726-12.632 20.012-21.242 35.324-21.242 22.092 0.002 40.002 17.912 40.002 40.002zM145.83 545.416l1.4 0.248-0.824-0.824-0.576 0.576z',
-  reply:
-    'M679.496 431.738c-0.414-0.062-0.834-0.102-1.266-0.102h-477.482l171.506-171.504c15.622-15.622 15.622-40.95-0.002-56.57-15.62-15.624-40.948-15.624-56.568 0l-239.734 239.732c-0.958 0.956-1.868 1.958-2.724 3.006-0.328 0.402-1.884 2.482-2.324 3.138-0.36 0.54-1.696 2.77-2.008 3.352-0.308 0.58-1.424 2.936-1.676 3.544-0.036 0.086-0.468 1.268-0.648 1.774-0.23 0.636-0.474 1.266-0.672 1.918-0.186 0.612-0.818 3.13-0.95 3.788-0.148 0.748-0.522 3.318-0.574 3.862-0.262 2.642-0.262 5.3 0 7.942 0.044 0.448 0.412 3.032 0.58 3.874 0.112 0.556 0.74 3.088 0.958 3.808 0.158 0.524 1.036 2.992 1.328 3.7 0.192 0.458 1.298 2.828 1.688 3.552 0.208 0.386 0.446 0.75 0.666 1.126 0.436 0.752 1.844 2.888 2.084 3.224 0.52 0.724 4.262 5.074 4.29 5.098l239.718 239.72c15.62 15.618 40.948 15.618 56.57 0 15.62-15.624 15.622-40.948 0-56.57l-171.516-171.514h471.296c114.52 0.084 207.688 93.124 207.988 207.594 0 0.084-0.012 0.164-0.012 0.248v95.876c-0.004 22.094 17.906 40.002 40 40 22.090-0.002 40-17.91 39.996-39.998l0.004-95.57h0.020c0-156.594-124.914-284.012-280.536-288.048z',
-  undo:
-    'M230 301h480a240 240 0 1 1 0 481H235c-23 0-42-20-42-43 0-24 19-43 42-43h475a155 155 0 0 0 0-310H228l3 3 65 65a45 45 0 0 1-65 64L90 376a45 45 0 0 1 0-64l142-142a45 45 0 1 1 64 65l-63 62-3 4z',
-  transfer:
-    'M916.25 348.726l-125 124.688c-7.808 7.79-18.032 11.68-28.25 11.68-10.254 0.002-20.506-3.918-28.32-11.75-15.602-15.64-15.57-40.966 0.070-56.568l56.508-56.368h-655.258c-22.092 0-40-17.908-40-40s17.908-40 40-40h655.672l-57.006-57.206c-15.594-15.646-15.548-40.972 0.1-56.566s40.972-15.55 56.568 0.098l125 125.438c15.588 15.644 15.548 40.958-0.084 56.554zM107.666 731.892l125 125.438c15.596 15.648 40.92 15.692 56.568 0.098s15.694-40.92 0.1-56.566l-57.006-57.206h655.672c22.092 0 40-17.908 40-40s-17.908-40-40-40h-655.258l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.066-11.752-28.32-11.75-10.218 0-20.442 3.89-28.25 11.68l-125 124.688c-15.632 15.596-15.672 40.91-0.084 56.554z',
-  redirect:
-    'M913.852 702.796c-15.594-15.648-40.922-15.694-56.57-0.1l-57.204 57.006v-451.424c0-0.372-0.028-0.736-0.074-1.098-0.458-99.016-80.86-179.15-179.988-179.15-99.412 0-180 80.592-180 180 0 0.084 0.004 0.166 0.004 0.248h-0.004v343.504h-0.006c0 0.082 0.006 0.164 0.006 0.248 0 55.14-44.86 100-100 100s-100-44.86-100-100c0-0.084 0.006-0.166 0.006-0.248h-0.002v-483.752c0-22.092-17.91-40-40-40s-40.004 17.908-40.004 40v483.752c0 0.018 0.002 0.036 0.002 0.054 0 0.064-0.002 0.128-0.002 0.194 0 99.408 80.59 180 180 180 99.412 0 180-80.592 180-180 0-0.084-0.004-0.166-0.004-0.248h0.004v-343.504h0.008c0-0.082-0.008-0.164-0.008-0.248 0-55.138 44.86-100 100-100s100 44.862 100 100c0 0.084-0.008 0.166-0.008 0.248h0.070v451.008l-56.368-56.506c-15.602-15.642-40.93-15.67-56.566-0.070-7.836 7.814-11.754 18.066-11.754 28.32 0 10.218 3.894 20.442 11.68 28.252l124.692 125c15.594 15.632 40.91 15.67 56.554 0.084l125.434-125c15.652-15.598 15.692-40.92 0.102-56.57z',
-  expand:
-    'M959.688 920.068l0.31-176c0.040-22.094-17.84-40.032-39.93-40.070-22.092-0.040-40.032 17.838-40.070 39.93l-0.142 79.672-235.734-235.732c-15.622-15.622-40.948-15.622-56.57 0s-15.622 40.948 0 56.568l235.442 235.442-78.946-0.1c-22.092-0.028-40.022 17.86-40.050 39.952-0.014 11.064 4.464 21.084 11.714 28.334 7.228 7.224 17.208 11.702 28.236 11.714l175.688 0.22c22.086 0.028 40.014-17.846 40.052-39.93zM920.178 64.228l-176-0.308c-22.094-0.040-40.032 17.84-40.070 39.93-0.040 22.092 17.838 40.032 39.93 40.070l79.672 0.14-235.732 235.734c-15.622 15.622-15.622 40.948 0 56.568s40.948 15.622 56.568 0l235.442-235.442-0.1 78.946c-0.028 22.092 17.86 40.022 39.952 40.050 11.064 0.014 21.084-4.464 28.334-11.714 7.224-7.228 11.702-17.208 11.714-28.236l0.22-175.688c0.026-22.082-17.846-40.010-39.93-40.050zM64.236 103.742l-0.308 176c-0.040 22.094 17.84 40.032 39.93 40.070 22.092 0.040 40.032-17.84 40.070-39.93l0.14-79.672 235.734 235.73c15.622 15.622 40.948 15.622 56.568 0s15.622-40.946 0-56.566l-235.442-235.442 78.946 0.098c22.092 0.028 40.022-17.86 40.050-39.95 0.014-11.066-4.464-21.086-11.714-28.336-7.228-7.222-17.208-11.7-28.236-11.714l-175.688-0.218c-22.084-0.026-40.012 17.844-40.050 39.93zM103.748 959.766l176 0.308c22.094 0.040 40.032-17.84 40.070-39.93 0.040-22.092-17.84-40.032-39.93-40.070l-79.672-0.14 235.73-235.734c15.622-15.622 15.622-40.948 0-56.568s-40.946-15.622-56.566 0l-235.442 235.442 0.098-78.946c0.028-22.092-17.86-40.022-39.95-40.050-11.066-0.014-21.086 4.464-28.336 11.714-7.222 7.228-11.7 17.208-11.714 28.236l-0.218 175.688c-0.026 22.082 17.844 40.010 39.93 40.050z',
-  expandalt:
-    'M512.008 959.964c-10.236 0-20.47-3.904-28.282-11.712l-239.898-239.838c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l211.618 211.562 211.712-211.658c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-239.994 239.934c-7.808 7.808-18.044 11.712-28.28 11.712zM483.824 75.744l-239.994 239.934c-15.624 15.62-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l211.712-211.658 211.618 211.562c15.622 15.62 40.948 15.616 56.568-0.006 15.62-15.624 15.618-40.95-0.006-56.57l-239.898-239.836c-7.81-7.81-18.044-11.714-28.282-11.714s-20.47 3.906-28.28 11.714z',
-  grow:
-    'M541.146 448.384c-1.694-0.216-3.408-0.37-5.162-0.37h-367.968c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v368.032c0 22.094 17.91 40 40 40h367.968c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-368.036c0-20.34-15.192-37.094-34.838-39.632zM208.016 816.046v-288.032h287.968v288.032h-287.968zM736.032 856.046c0 22.090-17.908 40-40 40-22.090 0-40-17.908-40-40v-487.902l-488.016 0.002c-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h528.016c1.754 0 3.468 0.152 5.162 0.37 19.646 2.538 34.838 19.292 34.838 39.63v527.902zM896.032 168.030v688.004c-0.002 22.088-17.91 39.996-40 39.996s-40.002-17.908-40.002-40c0 0 0.002-304.026 0.002-304.040v-343.96h-343.96c-0.014 0-304.040 0.002-304.040 0.002-22.090 0-40-17.91-40-40s17.908-40.002 40-40.002h688c1.754 0 3.468 0.152 5.162 0.37 19.646 2.536 34.838 19.29 34.838 39.63z',
-  arrowleft:
-    'M257.93 511.976c0-10.236 3.902-20.47 11.71-28.282l344.098-344.158c15.622-15.624 40.946-15.624 56.57-0.006 15.622 15.622 15.624 40.948 0.004 56.568l-315.82 315.876 315.868 315.922c15.618 15.624 15.618 40.952-0.004 56.568-15.622 15.62-40.95 15.618-56.57-0.006l-344.146-344.202c-7.808-7.81-11.71-18.044-11.71-28.28z',
-  arrowup:
-    'M512.024 256c10.236 0 20.47 3.904 28.282 11.712l344.154 344.098c15.624 15.62 15.624 40.946 0.006 56.57-15.622 15.622-40.948 15.624-56.568 0.004l-315.876-315.82-315.922 315.868c-15.624 15.618-40.952 15.618-56.568-0.004-15.62-15.624-15.618-40.95 0.006-56.57l344.204-344.144c7.81-7.81 18.046-11.714 28.282-11.714z',
-  arrowdown:
-    'M511.976 768.002c-10.236 0-20.47-3.904-28.282-11.712l-344.154-344.098c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l315.876 315.82 315.922-315.868c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-344.204 344.144c-7.81 7.81-18.046 11.714-28.282 11.714z',
-  arrowright:
-    'M768.072 514.022c0 10.236-3.904 20.47-11.712 28.282l-344.098 344.156c-15.62 15.624-40.946 15.624-56.568 0.006-15.622-15.622-15.624-40.948-0.006-56.568l315.82-315.876-315.868-315.922c-15.618-15.624-15.618-40.952 0.004-56.568 15.624-15.62 40.95-15.618 56.57 0.006l344.144 344.204c7.81 7.81 11.714 18.044 11.714 28.28z',
-  chevrondown:
-    'M511.976 833c-10.236 0-20.47-3.904-28.282-11.712l-471.934-471.874c-15.624-15.62-15.624-40.946-0.006-56.57 15.622-15.622 40.948-15.624 56.568-0.004l443.652 443.598 443.61-443.556c15.624-15.618 40.952-15.616 56.568 0.004 15.62 15.624 15.618 40.95-0.006 56.57l-471.89 471.832c-7.808 7.808-18.044 11.712-28.28 11.712z',
-  back:
-    'M512.030 880c-98.296 0-190.708-38.28-260.214-107.784-69.508-69.508-107.786-161.922-107.786-260.216 0-98.296 38.278-190.708 107.786-260.214s161.918-107.786 260.214-107.786c98.292 0 190.708 38.28 260.214 107.786 69.504 69.508 107.786 161.918 107.786 260.214 0 98.294-38.282 190.708-107.786 260.216-69.508 69.504-161.922 107.784-260.214 107.784zM512.030 960c247.422 0 448-200.576 448-448s-200.578-448-448-448c-247.426 0-448 200.576-448 448s200.574 448 448 448v0zM267.63 538.67l125 125.438c15.596 15.648 40.922 15.692 56.57 0.098s15.692-40.92 0.098-56.566l-57.004-57.206h335.672c22.090 0 40-17.908 40-40s-17.91-40-40-40h-335.26l56.508-56.368c15.64-15.602 15.672-40.928 0.070-56.568-7.814-7.832-18.064-11.752-28.318-11.75-10.22 0-20.444 3.89-28.25 11.68l-125 124.688c-15.634 15.596-15.672 40.91-0.086 56.554z',
-  download:
-    'M881 513.188c0 98.296-38.28 190.708-107.784 260.214-69.508 69.508-161.922 107.786-260.216 107.786-98.296 0-190.708-38.28-260.214-107.786s-107.786-161.916-107.786-260.214c0-98.294 38.28-190.708 107.786-260.216 69.508-69.504 161.918-107.784 260.214-107.784 98.294 0 190.708 38.28 260.216 107.784 69.504 69.508 107.784 161.922 107.784 260.216zM961 513.188c0-247.424-200.576-448-448-448s-448 200.576-448 448 200.576 448 448 448 448-200.576 448-448v0zM539.672 757.584l125.436-125c15.65-15.594 15.692-40.92 0.1-56.568-15.594-15.648-40.92-15.694-56.568-0.1l-57.204 57.004v-335.67c0-22.092-17.908-40-40-40s-40 17.908-40 40v335.258l-56.368-56.508c-15.602-15.64-40.928-15.672-56.568-0.070-7.834 7.814-11.752 18.066-11.75 28.32 0 10.22 3.892 20.442 11.68 28.25l124.688 125c15.594 15.634 40.91 15.672 56.554 0.084z',
-  upload:
-    'M143.996 511.998c0-98.296 38.28-190.708 107.784-260.214 69.508-69.508 161.922-107.786 260.216-107.786 98.296 0 190.708 38.278 260.214 107.786s107.786 161.918 107.786 260.214c0 98.292-38.28 190.708-107.786 260.214-69.508 69.504-161.918 107.786-260.214 107.786-98.294 0-190.708-38.282-260.216-107.786-69.504-69.508-107.784-161.922-107.784-260.214zM63.996 511.998c0 247.422 200.576 448 448 448s448-200.578 448-448c0-247.426-200.576-448-448-448s-448 200.574-448 448v0zM485.324 267.598l-125.438 125c-15.648 15.596-15.692 40.922-0.098 56.57s40.92 15.692 56.566 0.098l57.206-57.004v335.672c0 22.090 17.908 40 40 40s40-17.91 40-40v-335.26l56.368 56.508c15.602 15.64 40.928 15.672 56.568 0.070 7.832-7.814 11.752-18.064 11.75-28.318 0-10.22-3.89-20.444-11.68-28.25l-124.688-125c-15.594-15.634-40.91-15.672-56.554-0.086z',
-  proceed:
-    'M512 144c98.296 0 190.708 38.28 260.214 107.784 69.506 69.508 107.786 161.922 107.786 260.216 0 98.296-38.28 190.708-107.786 260.214-69.506 69.508-161.918 107.786-260.214 107.786-98.294 0-190.708-38.28-260.216-107.786-69.504-69.506-107.784-161.916-107.784-260.214 0-98.294 38.28-190.708 107.784-260.216 69.508-69.504 161.922-107.784 260.216-107.784zM512 64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448v0zM756.396 484.14l-125-125.436c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l57.004 57.204h-335.67c-22.092 0-40 17.908-40 40s17.908 40 40 40h335.258l-56.508 56.368c-15.64 15.602-15.672 40.928-0.070 56.568 7.814 7.834 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l125-124.688c15.634-15.594 15.672-40.91 0.084-56.554z',
-  info:
-    'M828.782 195.216c-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.568 174.954 174.954 458.614 174.954 633.566 0 174.956-174.952 174.956-458.614 0-633.568zM772.214 772.214c-69.508 69.506-161.918 107.784-260.214 107.784-98.3 0-190.71-38.278-260.218-107.784-69.504-69.506-107.782-161.92-107.786-260.214 0.004-98.296 38.282-190.708 107.786-260.214 69.508-69.506 161.922-107.786 260.218-107.788 98.292 0.002 190.708 38.282 260.214 107.79 69.504 69.504 107.782 161.916 107.786 260.212-0.004 98.294-38.282 190.708-107.786 260.214zM512.996 361.124c-22.090 0-40-17.906-40-40v0c0-22.088 17.91-40 40-40v0c22.090 0 40.004 17.912 40.004 40v0c0 22.092-17.914 40-40.004 40v0zM512.998 743.094c-22.090 0-40-17.906-40-40v-240.002c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v240.002c0 22.094-17.914 40-40.004 40v0z',
-  question:
-    'M828.782 195.218c-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.566 174.954 174.956 458.614 174.956 633.566 0 174.956-174.95 174.956-458.614 0-633.566zM772.214 772.216c-69.508 69.504-161.918 107.782-260.214 107.782-98.3 0-190.71-38.278-260.218-107.782-69.504-69.506-107.782-161.92-107.786-260.216 0.004-98.298 38.282-190.708 107.786-260.216 69.508-69.504 161.922-107.784 260.218-107.784 98.292 0 190.708 38.28 260.214 107.788 69.504 69.504 107.782 161.916 107.786 260.214-0.004 98.294-38.282 190.708-107.786 260.214zM512.996 784.784c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM552.996 572.27v52.898c0.004 22.088-17.906 39.996-39.996 40-22.094 0-40.004-17.908-40-40v-88c-0.004-21.752 17.372-39.416 38.996-39.952v-0.146c53.118 0 96.332-43.212 96.332-96.33 0-53.116-43.214-96.328-96.332-96.328-53.098 0-96.296 43.184-96.324 96.278 0 0.014 0 0.034 0 0.050 0 22.094-17.914 40-40.004 40s-40-17.906-40-40c0-97.382 78.946-176.328 176.328-176.328 97.386 0 176.332 78.946 176.332 176.328 0 83.268-57.722 153.048-135.332 171.53z',
-  support:
-    'M828.814 195.216c-174.956-174.956-458.614-174.956-633.566 0-174.958 174.956-174.956 458.612 0 633.568s458.614 174.956 633.566 0c174.958-174.956 174.956-458.612 0-633.568zM813.592 723.072l-92.714-92.712c41.542-73.186 41.548-163.544 0.016-236.734l92.7-92.698c43.176 61.41 66.44 134.45 66.44 211.074-0.004 76.62-23.266 149.662-66.442 211.070zM398.916 625.116c-62.382-62.384-62.382-163.89 0-226.274 30.216-30.216 70.398-46.86 113.146-46.864h0.010c42.724 0 82.898 16.642 113.12 46.866 62.382 62.38 62.382 163.886 0 226.272-30.22 30.22-70.4 46.864-113.136 46.864-42.74-0.002-82.92-16.644-113.14-46.864zM723.104 210.44l-92.696 92.698c-36.59-20.766-77.464-31.162-118.356-31.158-40.888 0.004-81.78 10.406-118.378 31.178l-92.714-92.716c61.408-43.176 134.452-66.438 211.070-66.44 76.622-0.004 149.668 23.262 211.074 66.438zM210.472 300.928l92.724 92.726c-41.512 73.176-41.506 163.506 0.016 236.678l-92.742 92.74c-43.176-61.408-66.438-134.454-66.44-211.072 0.004-76.624 23.264-149.664 66.442-211.072zM512.032 880c-76.624-0.002-149.666-23.264-211.072-66.44l92.74-92.742c36.59 20.766 77.464 31.16 118.356 31.16 40.868 0 81.738-10.392 118.322-31.144l92.726 92.726c-61.408 43.176-134.454 66.44-211.072 66.44z',
-  alert:
-    'M511.998 623.846c-22.090 0-40-17.906-40-40v-208c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v208c0 22.094-17.914 40-40.004 40v0zM511.998 743.846c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40v0zM512.142 211.808l-340.074 589.028h680.148l-340.074-589.028zM512.142 92.51c14.5 0 29 9.526 40 28.58l398.638 690.462c22 38.106 4 69.282-40 69.282h-797.278c-44 0-62-31.176-40-69.282l398.638-690.462c11.002-19.052 25.502-28.58 40.002-28.58v0z',
-  bell:
-    'M901.344 760.018l-57.644-77.648c-7.906-7.906-11.77-38.284-11.71-48.646h0.042v-200.588h-0.364c-6.878-148.106-114.428-269.902-255.792-298.528 0.208-2.1 0.318-4.228 0.318-6.384 0-35.452-28.738-64.194-64.194-64.194-35.458 0-64.194 28.742-64.194 64.194 0 2.19 0.112 4.352 0.326 6.486-141.128 28.802-248.446 150.488-255.316 298.426h-0.364v200.588h0.042c0.058 10.362-3.804 40.74-11.71 48.646l-57.644 77.648c-8.802 8.802-16.35 18.978-16.35 32.208 0 22.092 17.908 40 40 40h255.876c-0.814 5.412-1.28 10.936-1.28 16.576 0 61.43 49.794 111.23 111.23 111.23 61.432 0 111.228-49.8 111.228-111.23 0-5.638-0.464-11.164-1.282-16.576h255.128c22.092 0 40-17.908 40-40 0.004-13.23-7.542-23.404-16.346-32.208zM272.732 436.848c2.862-61.602 29.032-119.104 73.69-161.91 44.786-42.93 103.628-66.62 165.692-66.706h0.26c62.062 0.086 120.906 23.776 165.692 66.706 44.658 42.806 70.828 100.308 73.69 161.91l0.278 5.962v149.384h-479.58v-149.384l0.278-5.962zM543.846 848.8c0 17.22-14.010 31.23-31.228 31.23-17.22 0-31.23-14.010-31.23-31.23 0-6.096 1.784-11.768 4.82-16.576h52.818c3.038 4.81 4.82 10.482 4.82 16.576zM512.484 752.226h-283.922l14.572-19.63c12.064-14.542 20.078-33.27 24.982-58.158 0.146-0.742 0.276-1.496 0.416-2.244h487.42c0.138 0.748 0.268 1.5 0.414 2.244 4.904 24.888 12.918 43.616 24.982 58.158l14.572 19.63h-283.436z',
-  rss:
-    'M256.094 865.048c0 53.020-42.972 96-96 96-53.020 0-96-42.98-96-96 0-53.016 42.98-96 96-96s96 42.984 96 96zM510.020 918.352c-0.018-0.172-0.042-0.344-0.050-0.52-0.054-0.676-0.124-1.34-0.214-2.004-10.582-105.644-57.866-200.46-128.894-271.536v0c-71.074-71.054-165.906-118.352-271.564-128.934-0.664-0.090-1.33-0.16-2.006-0.214-0.174-0.016-0.348-0.040-0.52-0.054-0.254-0.024-0.5-0.024-0.742-0.008-0.64-0.032-1.278-0.098-1.922-0.098-22.098 0-40 17.908-40 40 0 20.582 15.542 37.516 35.536 39.738 0.042 0.004 0.066 0.036 0.106 0.040 84.82 8.098 163.514 45.024 224.542 106.042v0c61.036 61.036 97.964 139.738 106.070 224.574 0.004 0.040 0.036 0.070 0.042 0.106 2.222 19.988 19.156 35.536 39.736 35.536 22.092 0 40-17.902 40-40 0-0.644-0.066-1.282-0.098-1.922 0-0.246 0-0.492-0.022-0.746zM734.688 918.45c-0.004-0.090-0.018-0.186-0.024-0.276-0.040-0.544-0.058-1.102-0.124-1.638-10.972-167.816-83.558-318.804-195.33-430.616h0.002c-111.812-111.788-262.81-184.384-430.644-195.36-0.542-0.060-1.094-0.084-1.642-0.122-0.092-0.008-0.182-0.016-0.272-0.022-0.020-0.002-0.042 0.004-0.054 0.004-0.836-0.052-1.664-0.124-2.512-0.124-22.092 0-40 17.908-40 40 0 21.036 16.246 38.24 36.874 39.842 0.046 0.008 0.078 0.038 0.128 0.042 66.876 4.086 131.786 19.292 193.406 45.358 70.472 29.81 133.78 72.494 188.166 126.874v0c54.394 54.396 97.090 117.71 126.902 188.204 26.064 61.624 41.274 126.532 45.362 193.408 0.004 0.052 0.036 0.080 0.042 0.13 1.604 20.624 18.802 36.87 39.844 36.87 22.090 0 40-17.904 40-40 0-0.85-0.074-1.678-0.126-2.514-0.002-0.024 0.006-0.040 0.002-0.060zM959.126 920.556c-0.002-0.094 0.008-0.164 0.004-0.262-10.342-231.204-108.314-439.604-261.486-592.796v-0.002c-153.2-153.19-361.61-251.174-592.828-261.518-0.096-0.004-0.168 0.006-0.262 0.004-0.176-0.004-0.348-0.030-0.524-0.030-22.098 0-40 17.91-40 40 0 20.988 16.168 38.164 36.716 39.834 0.184 0.042 0.356 0.086 0.566 0.098 97.040 4.314 191.186 25.538 280.376 63.258 97.14 41.090 184.406 99.928 259.368 174.876v0c74.96 74.964 133.81 162.24 174.908 259.398 37.718 89.19 58.946 183.336 63.26 280.376 0.010 0.208 0.052 0.38 0.096 0.562 1.67 20.552 18.848 36.72 39.834 36.72 22.092 0 40-17.906 40-40-0-0.17-0.024-0.342-0.028-0.518z',
-  edit:
-    'M948.56 263.376c12.704-12.708 15.072-31.836 7.11-46.936-1.84-3.524-4.232-6.832-7.192-9.792-0.286-0.286-0.594-0.528-0.886-0.8l-129.318-128.634c-0.048-0.048-0.088-0.106-0.138-0.154-7.812-7.812-18.050-11.716-28.292-11.714-10.242-0.004-20.484 3.902-28.296 11.714-0.064 0.066-0.12 0.136-0.184 0.204l-636.168 636.168c-5.868 5.134-10.21 11.958-12.298 19.748l-47.606 177.664c-3.7 13.804 0.248 28.534 10.352 38.638 7.602 7.6 17.816 11.714 28.288 11.714 3.452 0 6.93-0.446 10.352-1.364l177.664-47.606c7.296-1.956 13.732-5.904 18.74-11.216l521.486-521.484c1.126-0.904 2.222-1.87 3.268-2.914 1.042-1.044 2.006-2.138 2.91-3.264l107.75-107.748c0.836-0.71 1.668-1.432 2.458-2.224zM806.9 291.66l-73.592-73.202 56.61-56.61 73.594 73.2-56.612 56.612zM281.566 816.996l-73.4-73.4 468.572-468.568 73.594 73.202-468.766 468.766zM160.496 864.628l11.742-43.822 32.080 32.080-43.822 11.742z',
-  paintbrush:
-    'M946.58 293.66c12.704-12.708 15.072-31.836 7.108-46.938-1.838-3.524-4.23-6.83-7.19-9.79-0.282-0.282-0.588-0.52-0.876-0.792l-129.338-128.654c-0.046-0.046-0.084-0.098-0.13-0.144-7.814-7.812-18.056-11.718-28.296-11.714-10.24 0-20.48 3.906-28.292 11.714-0.064 0.066-0.12 0.138-0.184 0.206l-557.048 557.048c-2.194 2.192-4.042 4.59-5.622 7.11-70.624 87.486-17.922 195.43-174.738 239.554 0 0 64.758 18.11 144.33 18.11 74.374 0 161.678-15.824 221.23-77.020 0.394-0.364 0.808-0.696 1.192-1.078l1.734-1.734c0.852-0.798 1.678-1.578 2.504-2.426 0.348-0.356 0.668-0.728 1.010-1.086l168.756-168.756c1.126-0.906 2.224-1.872 3.272-2.918 1.044-1.044 2.008-2.14 2.914-3.266l375.212-375.212c0.834-0.706 1.664-1.424 2.452-2.214zM537.462 589.402l-73.594-73.206 324.068-324.064 73.594 73.2-324.068 324.070zM388.178 667.684c-13.288-13.632-28.584-23.974-44.78-31.016l63.902-63.902 73.596 73.204-64.246 64.248c-6.498-15.23-15.964-29.698-28.472-42.534zM229.848 791.928c8.294-30.346 14.852-54.332 32.416-73.862 0.83-0.864 2.664-2.702 4.26-4.286 8.030-6.792 17.534-8.246 24.198-8.246 14.386 0 29.026 6.554 40.162 17.98 19.592 20.106 21.934 49.238 5.596 66.874l-1.712 1.712c-0.798 0.752-1.612 1.524-2.462 2.354l-0.86 0.84-0.834 0.864c-30.666 31.79-75.914 45.424-118.104 50.542 7.53-18.888 12.598-37.426 17.34-54.772z',
-  close:
-    'M693.022 637.866c15.62 15.622 15.618 40.95 0 56.566-15.622 15.622-40.946 15.624-56.562 0.002l-124.46-124.458-124.456 124.458c-15.622 15.622-40.944 15.622-56.562 0-15.624-15.622-15.624-40.946-0.002-56.568l124.454-124.456-124.452-124.45c-15.622-15.622-15.622-40.946 0-56.564 15.62-15.624 40.944-15.624 56.568-0.002l124.45 124.45 124.454-124.452c15.622-15.62 40.95-15.62 56.566 0 15.622 15.62 15.624 40.944 0.002 56.56l-124.456 124.458 124.456 124.456zM828.784 828.784c-174.956 174.956-458.614 174.956-633.566 0-174.958-174.956-174.958-458.614 0-633.566 174.954-174.958 458.612-174.958 633.566 0 174.954 174.952 174.954 458.612 0 633.566zM880 511.998c-0.002-98.296-38.28-190.708-107.786-260.212s-161.92-107.786-260.214-107.788c-98.296 0.002-190.71 38.282-260.216 107.786-69.506 69.508-107.782 161.918-107.786 260.214 0.002 98.296 38.282 190.71 107.786 260.216 69.508 69.506 161.918 107.784 260.216 107.784 98.296 0 190.708-38.278 260.214-107.784s107.784-161.92 107.786-260.216z',
-  trash:
-    'M919.5 225.208h-215.5v-120.080c0-20.344-15.192-37.096-34.836-39.632-1.696-0.216-3.41-0.372-5.164-0.372h-304.004c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v120.084h-215.996c-22.090 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h27.216l53.916 615.914h0.214c0 22.092 17.91 40 40 40h573.372c22.094 0 40-17.91 40-40h0.148l53.916-615.914h26.716c22.090 0 40-17.91 40-40s-17.908-40.002-39.998-40.002zM399.996 145.126h224.004v80.082h-224.004v-80.082zM762.062 881.124h-500.124l-50.414-575.912h600.954l-50.416 575.912zM632.004 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM311.996 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM472 697.124v-240c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 240.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40z',
-  cross:
-    'M1013.286 955.716l-443.72-443.716 443.718-443.718c15.622-15.622 15.62-40.948-0.004-56.566-15.618-15.622-40.942-15.622-56.562 0l-443.716 443.718-443.72-443.718c-15.62-15.624-40.946-15.622-56.566 0-15.622 15.62-15.622 40.944 0 56.566l443.722 443.718-443.722 443.722c-15.622 15.618-15.62 40.942 0 56.56s40.948 15.622 56.566 0l443.72-443.718 443.722 443.718c15.618 15.624 40.942 15.622 56.56 0 15.62-15.618 15.622-40.944 0.002-56.566z',
-  delete:
-    'M828.786 195.216c-174.958-174.956-458.612-174.958-633.568 0-174.954 174.954-174.956 458.612 0 633.566 174.954 174.956 458.614 174.956 633.568 0 174.954-174.954 174.952-458.612 0-633.566zM251.786 251.786c69.506-69.506 161.916-107.784 260.212-107.788 84.838 0 165.278 28.538 230.402 81.028l-517.372 517.374c-52.492-65.126-81.026-145.568-81.030-230.404 0.004-98.294 38.282-190.704 107.788-260.21zM772.214 772.214c-69.506 69.506-161.918 107.784-260.214 107.786-84.836-0.004-165.276-28.538-230.402-81.030l517.376-517.372c52.492 65.126 81.028 145.564 81.028 230.402-0.004 98.296-38.284 190.71-107.788 260.214z',
-  add:
-    'M512 144c98.296 0 190.708 38.28 260.214 107.784 69.506 69.508 107.786 161.922 107.786 260.216 0 98.296-38.28 190.708-107.786 260.214-69.508 69.506-161.918 107.786-260.214 107.786-98.294 0-190.708-38.28-260.216-107.786-69.504-69.508-107.784-161.918-107.784-260.214 0-98.294 38.28-190.708 107.784-260.216 69.508-69.504 161.922-107.784 260.216-107.784zM512 64c-247.424 0-448 200.576-448 448s200.576 448 448 448 448-200.576 448-448-200.576-448-448-448v0zM729.002 473h-176.008v-176.008c0.002-22.090-17.906-39.994-39.996-39.994-22.088 0-39.998 17.908-39.998 39.998v176.004h-176c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996h176.002v176.004c0 22.094 17.908 40 40 39.998 22.090 0.002 39.996-17.904 39.996-39.996v-176.006l176.012-0.002c22.090 0.002 39.994-17.906 39.994-39.996-0.002-22.088-17.91-39.998-40-39.998z',
-  subtract:
-    'M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm3 83a366 366 0 0 0-368 368 366 366 0 0 0 368 368 366 366 0 0 0 369-368 366 366 0 0 0-369-368zM295 472h434a40 40 0 0 1 0 80H295a40 40 0 1 1 0-80z',
-  plus:
-    'M921.002 473h-368.008v-368.004c0.002-22.090-17.906-39.996-39.996-39.996-22.088 0-39.998 17.91-39.998 40v368h-368.002c-22.094 0-40 17.908-39.998 40-0.002 22.090 17.904 39.996 39.996 39.996l368.004-0.002v368.010c0 22.094 17.908 40 40 39.996 22.090 0.004 39.996-17.902 39.996-39.996v-368.010h368.010c22.090 0.002 39.994-17.906 39.994-39.996-0-22.088-17.908-39.998-39.998-39.998z',
-  document:
-    'M863.98 242.454c0.008-0.23-0.094-3.944-0.152-4.624-0.058-0.688-0.368-2.972-0.496-3.742-0.008-0.058-0.352-1.712-0.54-2.486-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-1.106-3.292-1.296-3.78-0.304-0.754-1.426-3.162-1.668-3.626-0.398-0.762-1.75-3.028-2.008-3.418-0.606-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.246-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.54-8.464-0.090-0.040-3.762-1.404-4.008-1.48-0.942-0.288-1.894-0.516-2.852-0.732-0.336-0.076-0.66-0.176-0.996-0.244-1-0.2-3.618-0.558-3.922-0.59-1.324-0.13-2.652-0.204-3.976-0.204h-519.652c-1.754 0-3.468 0.152-5.164 0.372-19.644 2.54-34.836 19.292-34.836 39.628v752c0 22.094 17.91 40 40 40h624c22.090 0 40-17.906 40-40l-0.020-645.548zM784 848h-544v-672l439.614 0.002v65.186c0 22.090 17.91 40 40 40h64.368l0.018 566.812zM664 336c22.090 0 40 17.908 40 40s-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704 528c0 22.092-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.090 0 40 17.908 40 40zM704 680c0 22.092-17.91 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.090 0 40 17.908 40 40z',
-  folder:
-    'M571 274h327c23 0 41 18 41 41v488c0 22-18 40-41 40H126c-23 0-41-18-41-40V242c0-34 27-61 61-61h317c18 0 35 7 47 21l61 72zm-119-8H170v492h684V359H531l-79-93z',
-  component:
-    'M171 469h298V171H246c-42 0-75 33-75 75v223zm0 86v223c0 42 33 75 75 75h223V555H171zm682-86V246c0-42-33-75-75-75H555v298h298zm0 86H555v298h223c42 0 75-33 75-75V555zM256 85h512c94 0 171 77 171 171v512c0 94-77 171-171 171H256c-94 0-171-77-171-171V256c0-94 77-171 171-171z',
-  calendar:
-    'M920.036 160.030h-112.004v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-432v-72c0-22.092-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.004h-112.004c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.908-40-40-40zM356.032 848.026h-212.004v-142.662h212.004v142.662zM356.032 665.364h-212.004v-162.664h212.004v162.664zM356.032 462.7h-212.004v-142.662h212.004v142.662zM628.032 848.026h-232v-142.662h232v142.662zM628.032 665.364h-232v-162.664h232v162.664zM628.032 462.7h-232v-142.662h232v142.662zM880.036 848.026h-212.004v-142.662h212.004v142.662zM880.036 665.364h-212.004v-162.664h212.004v162.664zM880.036 462.7h-212.004v-142.662h212.004v142.662z',
-  graphline:
-    'M820.536 489.23c-15.624 15.618-40.954 15.618-56.57 0l-42.006-42.002-169.898 169.9c-7.822 7.82-18.076 11.722-28.326 11.712-10.248 0.008-20.496-3.894-28.314-11.712l-96.178-96.182-140.67 140.674c-15.624 15.622-40.954 15.618-56.57-0.004-15.624-15.618-15.624-40.946 0-56.566l168.946-168.946c7.812-7.816 18.058-11.72 28.3-11.716 10.238-0.002 20.476 3.904 28.29 11.716l96.204 96.204 168.91-168.91c0.33-0.356 0.626-0.73 0.972-1.076 7.824-7.824 18.084-11.726 28.34-11.712 10.252-0.012 20.508 3.892 28.332 11.714 0.346 0.346 0.64 0.72 0.972 1.074l69.266 69.266c15.62 15.618 15.616 40.942 0 56.566zM880 144h-736v736h736v-736zM920 64c22.092 0 40 17.908 40 40v816c0 22.092-17.908 40-40 40h-816c-22.092 0-40-17.908-40-40v-816c0-22.092 17.908-40 40-40h816z',
-  docchart:
-    'M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c0-22.094-17.906-40-40-40zM395.934 470.67h232v162.664h-232v-162.664zM355.934 633.334h-212.004v-162.664h212.004v162.664zM395.934 430.67v-142.662h232v142.662h-232zM667.934 470.67h212.004v162.664h-212.004v-162.664zM667.934 430.67v-142.662h212.004v142.662h-212.004zM355.934 288.008v142.662h-212.004v-142.662h212.004zM143.93 673.334h212.004v142.662h-212.004v-142.662zM395.934 673.334h232v142.662h-232v-142.662zM667.934 673.334h212.004v142.662h-212.004v-142.662z',
-  doclist:
-    'M919.938 128h-816.008c-1.38 0-2.746 0.070-4.090 0.208-20.168 2.046-35.91 19.080-35.91 39.792v688c0 22.090 17.91 40 40 40h816.008c22.098 0 40-17.91 40-40v-688c-0-22.094-17.906-40-40-40zM143.93 288.008h736.008v527.988h-736.008v-527.988zM248 400.004c0-22.090 17.91-40 40-40h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40zM776 552.002c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40zM776 704c0 22.094-17.906 40-40 40h-448c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40h448c22.094 0 40 17.91 40 40z',
-  category:
-    'M925.224 256.37c-1.694-0.216-3.408-0.37-5.162-0.37h-816c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v624c0 22.094 17.91 40 40 40h816c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-624.004c0-20.342-15.19-37.096-34.838-39.632zM144.062 880v-544h736v544h-736zM896.11 180c0 11.044-8.954 20-20 20h-728.032c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h728.032c11.046 0 20 8.954 20 20v0zM832.094 84c0 11.044-8.954 20-20 20h-600c-11.046 0-20-8.956-20-20v0c0-11.046 8.954-20 20-20h600c11.046 0 20 8.954 20 20v0z',
-  grid:
-    'M437.162 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0-20.34-15.19-37.094-34.838-39.632zM208.022 816.038v-184.040h183.978v184.040h-183.978zM437.162 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-263.978c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h263.978c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0-20.342-15.19-37.096-34.838-39.632zM208.022 392v-183.968h183.978v183.968h-183.978zM861.212 552.368c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v264.040c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-264.044c0.002-20.34-15.19-37.094-34.836-39.632zM632 816.038v-184.040h184.048v184.040h-184.048zM861.212 128.4c-1.694-0.216-3.408-0.37-5.162-0.37h-264.050c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.292-34.838 39.63v263.968c0 22.094 17.91 40 40 40h264.048c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.924 1.2-1.862 1.722-2.838 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-263.972c0.002-20.342-15.19-37.096-34.836-39.632zM632 392v-183.968h184.048v183.968h-184.048z',
-  copy:
-    'M960.132 210.186c0-0.444-0.050-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.060-0.74-0.158-1.468-0.26-2.198-0.080-0.564-0.156-1.128-0.258-1.692-0.146-0.792-0.328-1.566-0.518-2.34-0.124-0.508-0.244-1.014-0.39-1.518-0.224-0.784-0.488-1.548-0.76-2.312-0.176-0.49-0.344-0.98-0.538-1.466-0.302-0.754-0.642-1.486-0.988-2.216-0.224-0.472-0.436-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.722-1.19-0.608-0.924-1.262-1.81-1.942-2.678-0.132-0.168-0.248-0.346-0.382-0.512-0.98-1.212-2.028-2.364-3.14-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.174-0.084-0.262-0.122-0.994-0.418-2.006-0.774-3.024-1.108-0.242-0.080-0.474-0.176-0.72-0.252-0.942-0.288-1.894-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.010-0.458-0.306-0.038-0.606-0.1-0.912-0.13-1.322-0.13-2.65-0.204-3.976-0.204h-391.784c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v145.516h-279.874c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v628.28c0 22.094 17.91 40 40 40h496.118c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-145.518h279.874c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 2.084-3.466 2.128-3.548 2.992-5.612 4.704-12.010 4.704-18.808 0 0 0 0 0-0.004v-521.828c0.008-0.23-0.016-0.458-0.014-0.688 0.002-0.202 0.028-0.39 0.028-0.584zM144.124 878.792v-548.278h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-416.118zM640.244 693.278v-296.31c0.006-0.23-0.018-0.458-0.014-0.688 0.004-0.196 0.030-0.382 0.030-0.578 0-0.444-0.052-0.874-0.066-1.312-0.024-0.684-0.044-1.366-0.104-2.046-0.062-0.74-0.16-1.468-0.262-2.198-0.078-0.564-0.152-1.128-0.258-1.692-0.144-0.792-0.324-1.566-0.516-2.34-0.124-0.508-0.246-1.014-0.39-1.518-0.226-0.784-0.488-1.548-0.76-2.312-0.174-0.49-0.342-0.98-0.538-1.466-0.302-0.754-0.64-1.486-0.988-2.216-0.222-0.472-0.438-0.946-0.68-1.41-0.398-0.762-0.838-1.496-1.284-2.228-0.242-0.396-0.466-0.798-0.724-1.19-0.606-0.924-1.262-1.81-1.942-2.678-0.13-0.168-0.246-0.346-0.382-0.512-0.978-1.212-2.028-2.364-3.138-3.454l-104.020-104.9c-3.714-3.714-7.988-6.518-12.542-8.464-0.088-0.040-0.172-0.084-0.262-0.122-0.994-0.418-2.004-0.774-3.024-1.108-0.242-0.080-0.476-0.176-0.72-0.252-0.942-0.288-1.896-0.516-2.854-0.732-0.334-0.076-0.658-0.176-0.996-0.244-0.998-0.2-2.004-0.336-3.012-0.458-0.304-0.038-0.602-0.1-0.91-0.13-1.322-0.13-2.648-0.204-3.976-0.204h-31.916v-105.516h311.752v65.186c0 22.090 17.91 40 40 40h64.366v443.092h-239.87z',
-  certificate:
-    'M832.032 384.032c0-176.728-143.266-320-320-320s-320 143.272-320 320c0 104.662 50.25 197.584 127.938 255.966v311.5c0 16.174 9.74 30.756 24.682 36.952 4.954 2.052 10.152 3.050 15.31 3.050 10.402 0 20.626-4.060 28.276-11.702l123.726-123.58 123.772 123.332c11.452 11.412 28.644 14.804 43.574 8.608 14.93-6.2 24.66-20.776 24.66-36.942v-311.124c77.756-58.376 128.062-151.342 128.062-256.060zM272.032 384.032c0-64.106 24.964-124.374 70.292-169.706 45.33-45.33 105.6-70.294 169.708-70.294s124.376 24.964 169.708 70.294c45.33 45.332 70.292 105.6 70.292 169.706s-24.964 124.376-70.292 169.704c-45.33 45.33-105.6 70.294-169.708 70.294s-124.376-24.964-169.708-70.294c-45.328-45.328-70.292-105.598-70.292-169.704zM623.968 854.89l-83.804-83.508c-15.622-15.564-40.898-15.552-56.502 0.034l-83.694 83.594v-171.17c34.878 13.042 72.632 20.192 112.062 20.192 39.382 0 77.094-7.13 111.938-20.142v171z',
-  print:
-    'M925.922 304.496c-1.698-0.218-3.41-0.37-5.166-0.37h-88.64v-93.548c0.006-0.21-0.016-0.422-0.014-0.634 0.004-0.212 0.036-0.416 0.036-0.63 0-0.478-0.054-0.942-0.074-1.416-0.024-0.636-0.042-1.27-0.094-1.906-0.066-0.776-0.168-1.54-0.276-2.302-0.074-0.534-0.146-1.066-0.242-1.596-0.15-0.82-0.338-1.624-0.538-2.424-0.12-0.48-0.23-0.958-0.37-1.436-0.234-0.812-0.506-1.608-0.792-2.398-0.164-0.462-0.322-0.924-0.504-1.38-0.318-0.788-0.668-1.552-1.036-2.316-0.208-0.436-0.406-0.88-0.628-1.312-0.424-0.802-0.88-1.574-1.352-2.344-0.218-0.358-0.422-0.724-0.656-1.078-0.636-0.972-1.324-1.91-2.042-2.82-0.098-0.124-0.182-0.252-0.282-0.376-0.988-1.224-2.048-2.388-3.172-3.488l-104.004-104.882c-3.696-3.696-7.948-6.486-12.466-8.432-0.122-0.050-0.224-0.11-0.344-0.16-0.974-0.41-1.966-0.756-2.962-1.084-0.262-0.086-0.512-0.19-0.78-0.272-0.926-0.284-1.87-0.506-2.812-0.722-0.346-0.080-0.684-0.182-1.034-0.252-0.988-0.198-1.988-0.334-2.988-0.456-0.31-0.040-0.618-0.102-0.93-0.134-1.324-0.132-2.652-0.204-3.978-0.204h-455.67c-1.754 0-3.468 0.152-5.162 0.37-19.646 2.538-34.838 19.29-34.838 39.63v200h-87.356c-1.754 0-3.468 0.152-5.164 0.37-19.644 2.538-34.836 19.29-34.836 39.63v320c0 22.094 17.91 40 40 40h87.368v216c0 22.094 17.91 40 40 40h560.006c13.81 0 25.982-6.996 33.17-17.636 0.102-0.146 0.184-0.306 0.282-0.458 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.17 0.124-0.254 2.994-5.612 4.704-12.008 4.704-18.808 0 0 0 0 0-0.004v-216h88.624c13.808 0 25.982-6.996 33.168-17.636 0.104-0.148 0.186-0.308 0.286-0.458 0.612-0.922 1.198-1.862 1.72-2.836 0.046-0.082 0.082-0.172 0.124-0.256 2.994-5.61 4.702-12.008 4.702-18.806 0 0 0 0 0-0.004v-320c0-20.344-15.186-37.096-34.834-39.636zM272.116 144.128h375.634v65.186c0 1.38 0.070 2.746 0.208 4.090 2.048 20.168 19.080 35.91 39.792 35.91h64.366v54.812h-480v-159.998zM272.124 880.126v-327.998h480.006v327.998zM880.756 384.128v239.998h-48.624v-111.998c0-20.34-15.19-37.092-34.836-39.63-1.694-0.218-565.17-0.372-565.17-0.372-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v112h-47.368v-239.998zM664.124 608.126c22.092 0 40 17.908 40 40s-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304zM704.124 784.126c0 22.092-17.908 40-40 40h-304c-22.092 0-40-17.908-40-40s17.908-40 40-40h304c22.092 0 40 17.908 40 40z',
-  listunordered:
-    'M961 233c0 22.090-17.908 40-40 40h-607.996c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h607.996c22.092 0 40 17.912 40 40.002v0zM961 793c0-22.090-17.908-40.002-40-40.002h-607.996c-22.092 0-40 17.912-40 40.002v0c0 22.092 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 606.332c0-22.090-17.908-40-40-40h-607.996c-22.092 0-40 17.91-40 40v0c0 22.094 17.91 40 40 40h607.996c22.092 0 40-17.91 40-40v0zM961 419.668c0-22.090-17.908-40.004-40-40.004h-607.996c-22.092 0-40 17.914-40 40.004v0c0 22.090 17.91 40 40 40h607.996c22.092-0 40-17.91 40-40v0zM129 168.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 728.998c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM129 542.332c-35.346 0-64 28.652-64 64 0 35.344 28.654 64 64 64s64-28.656 64-64c0-35.348-28.654-64-64-64zM129 355.664c-35.346 0-64 28.656-64 64 0 35.348 28.654 64 64 64s64-28.652 64-64c0-35.344-28.654-64-64-64z',
-  graphbar:
-    'M324.832 513c22.090 0 40 17.91 40 40v304c0 22.090-17.906 40-40 40v0c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40v0zM884.832 128.998c-22.090 0-40 17.906-40 40v688.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-688.002c0-22.094-17.91-40-40-40v0zM698.164 256.998c-22.090 0-40 17.91-40 40v560.002c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-560.002c0-22.090-17.91-40-40-40v0zM511.5 384.998c-22.090 0-40.004 17.91-40.004 40v432.002c0 22.094 17.914 40 40.004 40v0c22.090 0 40-17.91 40-40v-432.002c0-22.090-17.91-40-40-40v0zM139.168 641c-22.090 0-40 17.91-40 40v176c0 22.094 17.91 40 40 40v0c22.094 0 40-17.91 40-40v-176c0-22.090-17.91-40-40-40v0z',
-  menu:
-    'M960 232c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.91 40 40v0zM768 416c0 22.090-17.908 40-40 40h-624c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h624c22.092 0.002 40 17.914 40 40.002v0zM832 608c0 22.092-17.906 40.002-40 40.002h-688c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h688c22.094 0 40 17.912 40 40v0zM576 792c0 22.094-17.91 40-40.002 40h-431.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h432c22.094 0.002 40 17.912 40 40.002v0z',
-  filter:
-    'M962.030 168.032c0 22.092-17.908 40-40.002 40h-815.996c-22.092 0-40-17.908-40-40v0c0-22.090 17.908-40 40-40h815.998c22.092 0 40 17.908 40 40v0zM770 544.034c0 22.090-17.908 40-40 40h-432c-22.090 0-40-17.908-40-40v0c0-22.090 17.908-40.002 40-40.002h432c22.090 0 40 17.912 40 40.002v0zM642.030 728.032c0 22.094-17.91 40-40.002 40h-175.998c-22.090 0-40-17.906-40-40v0c0-22.094 17.908-40.002 40-40.002h176c22.094 0.002 40 17.91 40 40.002v0zM866 352.030c0 22.092-17.906 40.002-40 40.002h-624c-22.090 0-40-17.91-40-40.002v0c0-22.090 17.908-40 40-40h624c22.092 0 40 17.91 40 40v0zM512.030 928.034c22.090 0 40.004-17.906 40.004-40v0c0-22.090-17.914-40-40.004-40v0c-22.090 0-40 17.91-40 40v0c0 22.092 17.91 40 40 40v0z',
-  ellipsis:
-    'M184 393c66.274 0 120 53.73 120 120s-53.726 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM512 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120zM840 393c66.272 0 120 53.73 120 120s-53.728 120-120 120c-66.286 0-120-53.73-120-120s53.714-120 120-120z',
-  cog:
-    'M396.458 151.486l27.768 27.768c23.28 23.29 54.262 36.116 87.242 36.116 0.318 0 0.636 0 0.958-0.004 0.292 0.002 0.58 0.004 0.872 0.004 32.99 0 63.976-12.83 87.22-36.098l27.61-27.604c19.584 6.294 38.582 14.192 56.892 23.642v39.976c0 32.878 13.406 64.804 36.842 87.888 23.072 23.384 54.966 36.762 87.804 36.762l39.442 0.002c9.168 17.906 16.852 36.462 23.014 55.574l-27.676 27.676c-23.222 23.224-36.318 55.242-36.094 88.096-0.248 32.884 12.844 64.934 36.094 88.19l27.928 27.928c-6.298 19.704-14.212 38.812-23.704 57.23l-38.984 0.002c-0.008 0-0.012 0-0.022 0-32.84 0-64.74 13.38-87.814 36.776-23.43 23.080-36.83 55-36.83 87.876v39.116c-18.38 9.486-37.456 17.406-57.122 23.714l-27.348-27.346c-23.278-23.3-54.264-36.13-87.254-36.13-0.292 0-0.58 0.002-0.872 0.004-0.318-0.004-0.636-0.004-0.958-0.004-32.978 0-63.962 12.826-87.228 36.102l-27.552 27.554c-19.874-6.338-39.144-14.32-57.708-23.902l-0.002-38.13c0.012-32.854-13.368-64.764-36.772-87.846-23.082-23.43-55.004-36.834-87.878-36.834h-38.506c-9.776-18.846-17.898-38.42-24.328-58.624l27.49-27.49c23.246-23.248 36.338-55.296 36.088-88.182 0.224-32.854-12.872-64.872-36.092-88.094l-27.23-27.232c6.29-19.612 14.182-38.628 23.636-56.966h38.942c32.878 0 64.802-13.402 87.884-36.838 23.398-23.086 36.778-54.994 36.766-87.81l0.002-39.028c18.492-9.546 37.688-17.506 57.48-23.834zM421.486 60.208c-59.932 11.946-115.658 35.516-164.752 68.268l-0.004 85.866c0.004 11.676-4.886 22.194-12.706 29.68-7.486 7.83-18.012 12.728-29.702 12.728h-85.806c-32.624 48.946-56.132 104.484-68.088 164.204l60.39 60.394c8.256 8.256 12.234 19.15 11.998 29.968 0.246 10.83-3.734 21.738-11.998 30.004l-60.562 60.56c11.97 60.402 35.74 116.552 68.826 165.948h85.24c11.69 0 22.214 4.9 29.702 12.73 7.818 7.482 12.708 17.998 12.706 29.676l0.004 85.004c49.162 32.796 104.976 56.386 165.006 68.316l60.654-60.656c8.028-8.032 18.55-12.014 29.072-12.014 0.312 0 0.62 0.004 0.93 0.010 0.298-0.006 0.602-0.010 0.9-0.010 10.526 0 21.046 3.982 29.070 12.014l60.542 60.534c59.78-11.968 115.376-35.512 164.356-68.19v-85.956c0-11.69 4.9-22.214 12.73-29.702 7.486-7.818 18.002-12.708 29.678-12.706l85.876-0.004c32.668-49.032 56.182-104.674 68.104-164.504l-61.050-61.052c-8.266-8.266-12.244-19.174-12-30.004-0.236-10.818 3.742-21.712 12-29.968l60.882-60.888c-11.91-59.144-35.158-114.178-67.37-162.758l-86.444-0.004c-0.004 0-0.008 0-0.008 0-11.674 0-22.188-4.89-29.67-12.708-7.83-7.486-12.73-18.012-12.73-29.702v-86.816c-48.912-32.632-104.418-56.158-164.106-68.14l-60.792 60.784c-8.024 8.032-18.546 12.014-29.070 12.014-0.3 0-0.602-0.004-0.9-0.012-0.308 0.008-0.618 0.012-0.93 0.012-10.522 0-21.044-3.982-29.072-12.014l-60.906-60.906zM511.856 314.472c-109.014 0-197.386 88.372-197.386 197.384 0 109.010 88.374 197.382 197.386 197.382v0.134c0.746 0 1.492 0.012 2.24 0.004 14.806-0.16 29.214-1.942 43.056-5.182 1.022-0.238 1.932-0.496 2.794-0.762 17.328-4.988 29.94-21.012 29.738-39.916-0.242-22.71-18.846-40.926-41.556-40.686-2.996 0.032-5.902 0.402-8.708 1.042-0.090 0.016-0.178 0-0.266 0.022-8.18 1.99-16.708 3.096-25.472 3.224-0.586-0.074-1.19-0.124-1.826-0.124-63.486 0-115.142-51.65-115.142-115.138 0-63.49 51.656-115.142 115.142-115.142 63.488 0 115.14 51.652 115.14 115.142 0 8.924-1.028 17.616-2.964 25.958-0.020 0.090-0.008 0.178-0.020 0.268-0.61 2.812-0.948 5.724-0.948 8.72 0 22.71 18.408 41.122 41.122 41.122 18.906 0 34.792-12.778 39.596-30.158 0.262-0.866 0.508-1.78 0.736-2.804 3.092-13.876 4.722-28.3 4.722-43.106 0-109.012-88.372-197.384-197.384-197.384z',
-  wrench:
-    'M959.438 274.25c0-22.090-17.914-40-40.004-40-11.16 0-21.242 4.582-28.496 11.954l-60.152 60.148c-15.622 15.622-40.946 15.618-56.566-0.004l-56.57-56.566c-15.622-15.622-15.622-40.95 0-56.57l59.55-59.546c7.75-7.292 12.614-17.618 12.614-29.102 0-22.090-17.914-40-40.004-40-1.598 0-3.164 0.122-4.71 0.304-0.012 0-0.020-0.008-0.032-0.004-94.958 11.586-168.504 92.492-168.504 190.574 0 23.528 4.238 46.058 11.98 66.886l-503.078 503.074c-1.496 1.496-2.8 3.102-4.012 4.758-10.914 13.676-17.454 30.992-17.454 49.848 0 44.188 35.818 79.996 79.996 79.996 18.906 0 36.27-6.574 49.964-17.54 1.614-1.188 3.18-2.464 4.64-3.926l503.078-503.078c20.828 7.742 43.36 11.98 66.882 11.98 97.988 0 178.828-73.402 190.54-168.222v-0.012c0.2-1.628 0.338-3.272 0.338-4.952zM151.996 912c-22.090 0-40-17.906-40-40 0-22.090 17.91-40 40-40s40.004 17.91 40.004 40c0 22.094-17.914 40-40.004 40z',
-  nut:
-    'M512.034 144.030l318.696 184v368l-318.696 184-318.702-184v-368l318.702-184zM512.034 64.030c-13.812 0-27.624 3.574-40 10.718l-318.702 184c-24.752 14.29-40 40.7-40 69.282v368c0 28.582 15.248 54.994 40 69.28l318.702 184c12.376 7.146 26.19 10.72 40 10.72 13.814 0 27.624-3.572 40-10.72l318.696-184c24.752-14.288 40-40.698 40-69.28v-368c0-28.582-15.248-54.992-40-69.282l-318.696-184c-12.376-7.144-26.188-10.718-40-10.718v0zM511.63 314.25c-109.014 0-197.386 88.372-197.386 197.384 0 109.010 88.374 197.382 197.386 197.382v0.134c0.746 0 1.492 0.012 2.24 0.004 14.806-0.162 29.214-1.942 43.056-5.182 1.022-0.24 1.932-0.496 2.794-0.762 17.328-4.988 29.94-21.012 29.738-39.916-0.242-22.71-18.846-40.926-41.556-40.684-2.996 0.032-5.902 0.402-8.708 1.040-0.090 0.016-0.178 0-0.266 0.022-8.18 1.99-16.708 3.094-25.474 3.222-0.584-0.072-1.188-0.124-1.826-0.124-63.486 0-115.142-51.65-115.142-115.138 0-63.49 51.656-115.142 115.142-115.142 63.488 0 115.14 51.652 115.14 115.142 0 8.924-1.028 17.616-2.964 25.96-0.020 0.088-0.008 0.178-0.020 0.266-0.61 2.814-0.948 5.724-0.948 8.72 0 22.712 18.408 41.122 41.122 41.122 18.906 0 34.792-12.776 39.596-30.158 0.262-0.866 0.508-1.78 0.736-2.804 3.092-13.876 4.724-28.3 4.724-43.106 0-109.010-88.372-197.382-197.384-197.382z',
-  camera:
-    'M925.164 208.372c-1.694-0.218-3.408-0.372-5.162-0.372h-471.968v-39.962c0-20.344-15.192-37.096-34.836-39.63-1.696-0.218-3.41-0.374-5.164-0.374h-176.004c-1.754 0-3.468 0.152-5.164 0.374-19.644 2.538-34.836 19.29-34.836 39.626v39.966h-88.032c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.536-34.838 19.29-34.838 39.628v528c0 22.094 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.168-17.636 0.102-0.148 0.184-0.308 0.282-0.46 0.612-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.61 4.704-12.008 4.704-18.808v-528.004c-0-20.342-15.192-37.096-34.838-39.63zM880.002 736h-736.004v-448h736.004v448zM512 402.522c60.368 0 109.478 49.112 109.478 109.478s-49.112 109.478-109.478 109.478-109.478-49.112-109.478-109.478 49.11-109.478 109.478-109.478zM512 322.522c-104.644 0-189.478 84.832-189.478 189.478 0 104.644 84.834 189.478 189.478 189.478 104.646 0 189.478-84.834 189.478-189.478 0-104.646-84.832-189.478-189.478-189.478v0z',
-  eye:
-    'M1008.714 490.522c-9.002-12.594-223.276-308.808-496.684-308.808-273.444 0-487.682 296.214-496.684 308.808l-15.316 21.49 15.316 21.466c9.002 12.618 223.24 308.808 496.684 308.808 273.408 0 487.682-296.19 496.684-308.808l15.316-21.466-15.316-21.49zM807.68 631.688c-46 39.142-92.558 70.064-138.382 91.904-53.874 25.676-106.786 38.694-157.266 38.694-50.49 0-103.406-13.018-157.282-38.696-45.826-21.838-92.382-52.758-138.378-91.902-53.708-45.706-94.302-92.122-116.61-119.672 22.36-27.602 63.028-74.094 116.612-119.696 45.996-39.146 92.554-70.068 138.378-91.908 53.876-25.678 106.792-38.698 157.28-38.698 50.48 0 103.39 13.020 157.264 38.696 45.824 21.842 92.382 52.764 138.382 91.91 53.602 45.614 94.264 92.098 116.624 119.696-22.306 27.544-62.898 73.954-116.622 119.672zM692.032 512.036c0 99.41-80.588 180-180 180s-180-80.59-180-180c0-99.406 80.588-179.998 180-179.998s180 80.59 180 179.998z',
-  eyeclose:
-    'M75.744 948.314c-15.62-15.62-15.62-40.948 0-56.564l816-816c15.626-15.624 40.95-15.624 56.57 0 15.624 15.62 15.626 40.946 0.004 56.57l-816 815.994c-15.62 15.62-40.95 15.62-56.572 0zM332.032 512.034c0 20.104 3.296 39.434 9.376 57.484l228.104-228.106c-18.050-6.080-37.38-9.376-57.48-9.376-99.412-0.004-180 80.588-180 179.996zM692.032 512.034c0-20.1-3.3-39.432-9.38-57.484l-228.106 228.11c18.052 6.080 37.384 9.376 57.488 9.376 99.412 0 180-80.59 180-180zM1008.716 490.522c-4.98-6.968-72.86-100.8-178.81-183.22l-57.040 57.040c11.624 8.8 23.24 18.128 34.814 27.98 53.6 45.614 94.264 92.1 116.624 119.696-22.304 27.544-62.896 73.954-116.62 119.672-46 39.14-92.56 70.064-138.384 91.904-53.872 25.676-106.786 38.694-157.266 38.694-37.448 0-76.234-7.18-115.76-21.36l-61.486 61.49c54.786 24.22 114.45 39.87 177.248 39.87 273.41 0 487.684-296.19 496.686-308.808l15.316-21.468-15.316-21.49zM216.372 631.69c-53.708-45.706-94.3-92.12-116.61-119.672 22.36-27.6 63.028-74.094 116.612-119.696 46-39.146 92.554-70.068 138.38-91.908 53.874-25.68 106.79-38.7 157.28-38.7 37.46 0 76.264 7.188 115.8 21.38l61.484-61.484c-54.796-24.236-114.474-39.896-177.286-39.896-273.446 0-487.684 296.214-496.686 308.808l-15.316 21.49 15.314 21.466c4.98 6.984 72.866 100.84 178.84 183.26l57.040-57.040c-11.64-8.806-23.264-18.144-34.854-28.008z',
-  photo:
-    'M920 64h-816c-22.092 0-40 17.91-40 40v816c0 22.094 17.908 40 40 40h816c22.092 0 40-17.906 40-40v-816c0-22.090-17.908-40-40-40zM880 144v449.782l-235.39-235.392c-7.502-7.5-17.676-11.714-28.286-11.714s-20.784 4.214-28.286 11.716l-169.804 169.804-40.958-40.958c-15.622-15.622-40.95-15.622-56.57 0l-176.708 176.708v-519.946h736.002zM144 880v-102.914l204.992-204.994 215.972 215.974c7.81 7.81 18.048 11.714 28.286 11.714s20.474-3.904 28.286-11.714c15.62-15.622 15.62-40.95 0-56.57l-146.732-146.73 141.522-141.524 263.676 263.68v173.078h-736.002zM356.174 400.542c52.466 0 95-42.536 95-95s-42.534-95-95-95-95 42.536-95 95 42.534 95 95 95zM356.174 250.542c30.326 0 55 24.672 55 55s-24.674 55-55 55-55-24.672-55-55 24.674-55 55-55z',
-  video:
-    'M926.050 273.364c-9.556 0-20.574 3.8-32.278 11.812l-189.738 129.894v-151.068c0-20.342-15.192-37.094-34.838-39.63-1.694-0.218-3.408-0.372-5.162-0.372h-560.002c-1.754 0-3.468 0.152-5.162 0.372-19.646 2.538-34.838 19.29-34.838 39.628v496.002c0 22.092 17.91 40 40 40h560.004c13.808 0 25.98-6.998 33.168-17.638 0.102-0.148 0.184-0.308 0.282-0.458 0.612-0.922 1.2-1.862 1.722-2.836 0.046-0.082 0.080-0.172 0.124-0.254 2.994-5.612 4.704-12.010 4.704-18.81v-151.066l189.738 129.886c11.706 8.012 22.718 11.812 32.278 11.812 20.092 0 33.736-16.806 33.736-46.622v-384.032c0-29.816-13.644-46.62-33.738-46.62zM624.036 720h-480.004v-415.998h480.004v415.998zM879.788 632.3l-175.728-120.296 175.728-120.302v240.598zM240.688 663.534c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.092-17.914 40-40.004 40v0z',
-  speaker:
-    'M692.070 580.856c18.156-18.156 28.152-42.266 28.152-67.89-0.008-25.622-10.002-49.726-28.148-67.872-8.476-8.478-18.308-15.188-29-19.922-0.222-0.098-0.408-0.22-0.566-0.364-13.294-6.5-22.476-20.116-22.476-35.914 0-22.090 17.91-40 40-40 5.774 0 11.246 1.248 16.204 3.45 0.016 0.006 0.026 0.008 0.040 0.016 19.292 8.656 37.036 20.832 52.368 36.164 33.254 33.254 51.574 77.446 51.58 124.43 0.006 46.996-18.31 91.204-51.58 124.472-15.064 15.062-32.45 27.074-51.344 35.7-0.154 0.070-0.286 0.112-0.434 0.176-5.124 2.382-10.812 3.75-16.832 3.75-22.090 0-40-17.906-40-40 0-16.196 9.644-30.112 23.488-36.402 0.156-0.11 0.32-0.216 0.516-0.304 10.314-4.712 19.81-11.268 28.032-19.49zM861.778 275.386c-47.824-47.824-107.946-79.588-173.204-92.242-0.356-0.078-0.712-0.146-1.072-0.214-0.060-0.012-0.124-0.026-0.186-0.038-0.506-0.096-0.976-0.162-1.422-0.208-1.918-0.282-3.868-0.476-5.864-0.476-22.090 0-40 17.91-40 40 0 19.024 13.292 34.91 31.084 38.968 0.352 0.128 0.728 0.244 1.162 0.326 48.7 9.268 95.226 32.748 132.934 70.452 99.972 99.972 100.054 261.984-0.002 362.040-37.684 37.684-84.152 61.14-132.788 70.426-0.084 0.016-0.144 0.046-0.224 0.066-18.338 3.644-32.166 19.816-32.166 39.222 0 22.094 17.91 40 40 40 2.776 0 5.484-0.286 8.102-0.822 0.094-0.018 0.172-0.018 0.27-0.038 65.32-12.626 125.496-44.406 173.376-92.286 131.008-131.008 131.008-344.172 0-475.176zM525.988 159.516v704.968c0 22.090-17.906 40-40 40-12.73 0-24.046-5.966-31.374-15.234l-51.056-61.722v0.216l-122.14-147.666h-177.386c-22.090 0-40-17.906-40-40v0 0-256c0-5.22 1.030-10.194 2.85-14.766 0.104-0.266 0.184-0.542 0.294-0.804 0.39-0.924 0.844-1.812 1.3-2.702 0.134-0.26 0.242-0.538 0.382-0.794 0.246-0.456 0.54-0.878 0.804-1.324 6.972-11.726 19.734-19.61 34.368-19.61h177.386l173.13-209.238c7.324-9.316 18.67-15.324 31.44-15.324 22.092-0 40.002 17.91 40.002 40zM445.988 270.826l-126.708 153.252h-175.248v176h175.248l19.832 23.998h0.17l106.708 129.112v-482.362z',
-  phone:
-    'M742.52 960c-76.266 0-163.184-32.364-258.338-96.194-73.798-49.504-136.41-106.904-175.938-146.34-43.282-43.222-105.612-111.376-156.842-190.682-66.576-103.062-95.348-196.038-85.518-276.344 8.952-73.326 50.674-134.292 120.664-176.304 10.95-6.63 23.76-10.134 37.054-10.134 32.752 0 71.124 23.354 120.764 73.494 36.434 36.802 70.108 79.22 89.472 106.644 46.698 66.176 60.686 107.352 48.286 142.136-12.638 35.538-35.534 55.704-52.25 70.428-5.662 5.006-9.95 8.854-13.070 12.262 4.040 7.542 11.744 19.868 26.054 37.476 42.388 52.076 90.548 89.024 111.972 100.874 3.308-2.96 7.11-7.168 12.352-13.152 14.87-16.81 35.062-39.636 70.482-52.28 7.978-2.842 16.498-4.276 25.35-4.276 44.172 0 108.804 44.078 155.246 81.056 45.834 36.494 103.292 90.498 127.104 132.612 22.602 39.596 14.982 68.64 4.596 86.006-48.138 80.296-119.862 122.718-207.44 122.718zM224.758 144.53c-47.558 29.426-73.566 67.28-79.468 115.618-7.494 61.224 17.17 136.326 73.308 223.226 49.902 77.252 112.994 144.35 146.16 177.472 30.296 30.222 91.906 88.17 163.988 136.524 81.738 54.83 153.662 82.63 213.772 82.63 58.618 0 103.506-26.526 137.138-81.076-0.47-1.536-1.532-4.062-3.854-8.132-14.584-25.794-57.006-69.202-105.642-108.156-58.776-47.074-96.708-63.894-106.756-64.982-15.348 5.826-25.020 16.758-36.178 29.372-12.542 14.318-28.31 32.316-55.476 41.528l-6.25 2.12h-6.598c-8.704 0-31.826 0-86.73-43.378-32.196-25.438-64.65-57.534-91.38-90.374-35.712-43.942-51.41-77.764-46.674-100.548l0.55-2.642 0.9-2.546c9.19-26 26.284-41.118 41.364-54.458 12.726-11.208 23.698-20.874 29.494-36.378-0.606-4.398-5.076-23.488-37.948-70.072-15.882-22.494-45.746-60.376-77.614-93.084-39.93-40.986-60.106-50.546-66.106-52.664z',
-  flag:
-    'M168 960.060c-22.092 0-40-17.908-40-40v-816.36c0-22.092 17.908-40 40-40h687.698c16.178 0 30.764 9.746 36.956 24.694 6.192 14.946 2.77 32.15-8.67 43.59l-188.918 188.922 189.218 189.216c11.44 11.442 14.862 28.646 8.67 43.592-6.192 14.948-20.776 24.694-36.956 24.694h-647.998v341.654c0 22.090-17.908 39.998-40 39.998zM208 498.406h551.428l-149.218-149.216c-15.622-15.622-15.622-40.95 0-56.568l148.918-148.922h-551.128v354.706z',
-  pin:
-    'M512 959.916c-13.36 0-25.84-6.672-33.262-17.782l-242.080-362.324c-0.12-0.176-0.236-0.356-0.354-0.536-36.394-54.5-55.63-118.042-55.63-183.804 0-182.696 148.632-331.324 331.326-331.324 182.696 0 331.328 148.628 331.328 331.324 0 60.71-16.554 119.98-47.906 171.652-0.758 1.528-1.618 3.016-2.578 4.45l-5.786 8.664c-0.054 0.082-0.112 0.164-0.168 0.246-0.042 0.070-0.104 0.16-0.148 0.23l-241.484 361.426c-7.422 11.106-19.898 17.778-33.258 17.778zM303.458 535.784l0.026 0.040c0.038 0.054 0.158 0.238 0.194 0.292l208.324 311.796 212.374-317.86c0.376-0.696 0.778-1.382 1.198-2.062 24.7-39.708 37.758-85.532 37.758-132.52 0-138.582-112.746-251.324-251.328-251.324s-251.326 112.742-251.326 251.324c0 50.054 14.674 98.39 42.432 139.782 0.114 0.176 0.232 0.356 0.348 0.532zM512 304.4c49.98 0 90.64 40.66 90.64 90.64 0 49.976-40.66 90.636-90.64 90.636s-90.64-40.66-90.64-90.636c0-49.98 40.66-90.64 90.64-90.64zM512 224.4c-94.242 0-170.64 76.398-170.64 170.64s76.398 170.636 170.64 170.636 170.64-76.394 170.64-170.636-76.398-170.64-170.64-170.64v0z',
-  compass:
-    'M960 512c0-247.424-200.574-448-448-448-247.422 0-448 200.576-448 448s200.578 448 448 448c247.426 0 448-200.576 448-448zM251.786 772.214c-69.504-69.508-107.786-161.918-107.786-260.214 0-98.294 38.282-190.708 107.786-260.216 69.508-69.504 161.918-107.784 260.214-107.784s190.708 38.28 260.214 107.784c69.508 69.508 107.786 161.922 107.786 260.216 0 98.296-38.278 190.708-107.786 260.214s-161.922 107.786-260.214 107.786c-98.296 0-190.708-38.28-260.214-107.786zM565.742 565.74c-0.93 0.93-1.95 1.768-3.050 2.498l-237.586 158.392c-7.934 5.29-18.496 4.242-25.238-2.498-6.738-6.742-7.786-17.304-2.496-25.236l158.39-237.588c1.464-2.2 3.348-4.082 5.546-5.546l237.586-158.392c7.934-5.29 18.496-4.242 25.238 2.498 6.742 6.742 7.79 17.304 2.5 25.238l-158.394 237.586c-0.73 1.1-1.566 2.118-2.496 3.048zM386.122 637.878l151.054-100.704-50.352-50.352-100.702 151.056z',
-  globe:
-    'M530.878 65.424c-6.748-1.014-13.090-1.424-18.878-1.424s-12.13 0.41-18.878 1.424c-238.662 9.9-429.122 206.48-429.122 447.576 0 247.424 200.578 448 448 448 247.426 0 448-200.576 448-448 0-241.098-190.456-437.678-429.122-447.576zM877.84 472.998h-158.508c-3.16-92.542-17.532-179.266-41.262-247.494-6.442-18.52-13.534-35.536-21.228-50.988 42.548 18.214 81.66 44.556 115.374 78.268 59.988 59.99 96.69 137.046 105.624 220.214zM512 880c-65.872 0-120.112-143.058-127.206-327h254.41c-7.092 183.942-61.332 327-127.204 327zM384.714 472.998c6.426-175.362 55.69-314.010 117.15-327.852 3.372-0.092 6.748-0.146 10.134-0.146s6.764 0.054 10.136 0.146c61.46 13.842 110.722 152.49 117.148 327.852h-254.568zM251.786 252.784c33.714-33.71 72.826-60.052 115.374-78.268-7.694 15.452-14.788 32.468-21.226 50.988-23.732 68.228-38.104 154.952-41.264 247.494h-158.508c8.934-83.168 45.636-160.224 105.624-220.214zM146.16 553h158.578c3.298 91.792 17.632 177.762 41.194 245.498 6.798 19.55 14.33 37.416 22.526 53.542-43.050-18.232-82.616-44.772-116.672-78.826-59.988-59.99-96.69-137.044-105.626-220.214zM772.214 773.214c-34.054 34.054-73.622 60.592-116.672 78.824 8.196-16.126 15.726-33.99 22.528-53.542 23.558-67.736 37.892-153.704 41.192-245.498h158.578c-8.934 83.172-45.634 160.226-105.626 220.216z',
-  location:
-    'M960.002 512l-0.002-0.026c-0.006-114.646-43.746-229.288-131.216-316.758-174.954-174.958-458.614-174.958-633.566 0-174.958 174.954-174.958 458.612 0 633.568 87.45 87.45 202.056 131.186 316.674 131.214 0.022 0 0.042 0.002 0.064 0.002 0.014 0 0.026-0.002 0.042-0.002 114.654 0 229.308-43.738 316.788-131.214 87.472-87.47 131.21-202.114 131.216-316.76l0-0.024zM772.216 772.214c-60 59.998-137.072 96.702-220.258 105.626v-133.84c0-22.090-17.914-40-40.004-40s-40 17.91-40 40v133.83c-83.154-8.942-160.194-45.64-220.172-105.618-59.986-59.988-96.686-137.042-105.624-220.21h133.84c22.090 0 40-17.914 40-40.004s-17.91-40-40-40h-133.84c8.936-83.17 45.636-160.226 105.624-220.214 59.978-59.976 137.020-96.676 220.172-105.622v133.836c0 22.094 17.91 40 40 40s40.004-17.906 40.004-40v-133.844c83.184 8.926 160.258 45.63 220.258 105.63 59.986 59.986 96.688 137.042 105.624 220.212h-133.838c-22.094 0-40 17.91-40 40s17.906 40.004 40 40.004h133.838c-8.938 83.172-45.636 160.226-105.624 220.214z',
-  search:
-    'M218 670a318 318 0 0 1 0-451 316 316 0 0 1 451 0 318 318 0 0 1 0 451 316 316 0 0 1-451 0m750 240L756 698a402 402 0 1 0-59 60l212 212c16 16 42 16 59 0 16-17 16-43 0-60',
-  zoom:
-    'M220 670a316 316 0 0 1 0-450 316 316 0 0 1 450 0 316 316 0 0 1 0 450 316 316 0 0 1-450 0zm749 240L757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59zM487 604a42 42 0 0 1-84 0V487H286a42 42 0 1 1 0-84h117V286a42 42 0 1 1 84 0v117h117a42 42 0 0 1 0 84H487v117z',
-  zoomout:
-    'M757 698a402 402 0 1 0-59 59l212 212a42 42 0 0 0 59-59L757 698zM126 445a316 316 0 0 1 319-319 316 316 0 0 1 318 319 316 316 0 0 1-318 318 316 316 0 0 1-319-318zm160 42a42 42 0 1 1 0-84h318a42 42 0 0 1 0 84H286z',
-  zoomreset:
-    'M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z',
-  timer:
-    'M576 540.658c0 35.344-28.654 64-64 64s-64-28.656-64-64c0-20.27 9.432-38.324 24.134-50.050v-193.418c-0.004-22.092 17.906-40.002 40-40 22.090 0 40 17.906 40 40l-0.004 193.626c14.552 11.732 23.87 29.692 23.87 49.842zM928.32 543.934c0 229.79-186.28 416.066-416.068 416.066-229.786 0-416.064-186.278-416.064-416.066 0-216.26 164.998-393.958 375.97-414.134l0.188-49.794h-16.348c-22.092 0-40.002-17.91-39.998-40 0-22.090 17.906-40.004 40-40.004l112 0.002c22.090-0.002 39.998 17.91 40 40 0 22.090-17.908 40-40 39.998h-15.656l-0.19 49.782c77.246 7.352 148.33 35.812 207.422 79.564l41.854-41.856c15.622-15.622 40.95-15.618 56.57 0.002s15.622 40.948 0 56.568l-38.9 38.9c67.822 74.028 109.22 172.66 109.22 280.972zM848.32 543.934c0-89.768-34.958-174.16-98.432-237.634s-147.87-98.432-237.636-98.432c-89.766 0-174.158 34.958-237.632 98.432s-98.432 147.868-98.432 237.634c0 89.766 34.958 174.16 98.432 237.636 63.474 63.472 147.868 98.43 237.632 98.43 89.768 0 174.162-34.958 237.636-98.43 63.476-63.476 98.432-147.87 98.432-237.636z',
-  time:
-    'M512 64c-247.424 0-448 200.578-448 448.004 0 247.422 200.576 448 448 448s448-200.578 448-448c0-247.424-200.576-448.004-448-448.004zM772.214 772.22c-69.508 69.504-161.918 107.786-260.214 107.786s-190.708-38.282-260.214-107.786c-69.508-69.508-107.786-161.918-107.786-260.214s38.278-190.708 107.786-260.214c69.508-69.504 161.918-107.786 260.214-107.786s190.708 38.278 260.214 107.786c69.504 69.508 107.786 161.918 107.786 260.214s-38.282 190.706-107.786 260.214zM768.004 517.004c0 22.090-17.91 40-40 40h-216c-5.384 0-10.508-1.078-15.196-3.008-0.124-0.046-0.254-0.086-0.376-0.132-0.61-0.262-1.188-0.57-1.782-0.86-0.572-0.278-1.16-0.528-1.718-0.828-0.204-0.114-0.39-0.246-0.594-0.364-0.918-0.516-1.832-1.050-2.704-1.64-0.086-0.058-0.164-0.128-0.254-0.188-10.492-7.21-17.382-19.286-17.382-32.98v-285c0-22.094 17.91-40 40.004-40 22.088 0 40 17.906 40 40v244.996h175.996c22.094 0 40.002 17.916 40.006 40.004z',
-  lightning:
-    'M320.022 1022.644c-7.408 0-14.852-2.052-21.44-6.238-15.292-9.714-22.144-28.494-16.706-45.774l115.186-365.908-214.552-52.57c-14.714-3.606-26.128-15.214-29.486-29.988-3.356-14.772 1.92-30.174 13.632-39.786l576-472.662c14.458-11.864 35.208-12.126 49.962-0.626 14.752 11.496 19.568 31.682 11.594 48.602l-171.202 363.256 208.648 51.756c14.29 3.544 25.476 14.652 29.124 28.914s-0.834 29.376-11.668 39.344l-512 471.112c-7.586 6.984-17.308 10.568-27.092 10.568zM279.236 493.49l178.314 43.69c10.74 2.632 19.912 9.59 25.336 19.226s6.62 21.086 3.298 31.636l-83.030 263.76 347.066-319.352-183.82-45.596c-11.63-2.884-21.356-10.832-26.498-21.656-5.144-10.822-5.164-23.382-0.054-34.22l116.31-246.788-376.922 309.3z',
-  dashboard:
-    'M567.594 674.956c-17.674 30.61-56.816 41.098-87.426 23.426-30.61-17.676-41.1-56.816-23.426-87.426 10.134-17.554 27.33-28.472 45.928-31.278l146.974-254.57c11.042-19.132 35.506-25.688 54.64-14.64 19.13 11.046 25.688 35.508 14.64 54.64l-147.084 254.75c6.736 17.434 5.826 37.648-4.246 55.098zM512.002 209.26c-98.296 0-190.708 38.28-260.214 107.786s-107.786 161.92-107.786 260.214c0 81.428 26.252 158.786 74.768 222.452 88.404-30.49 188.406-46.448 292.732-46.448 104.662 0 204.926 16.046 293.524 46.716 48.65-63.712 74.976-141.164 74.976-222.72 0-98.294-38.28-190.708-107.786-260.214s-161.918-107.786-260.214-107.786zM512.002 129.26c247.424 0 448 200.578 448 448 0 124.132-50.494 236.468-132.054 317.602-87.096-38.574-196.984-61.598-316.446-61.598-119.146 0-228.772 22.902-315.758 61.296-81.376-81.114-131.742-193.324-131.742-317.3 0-247.422 200.576-448 448-448v0z',
-  hourglass:
-    'M511.926 801.946c-22.090 0-40-17.906-40-40v0c0-22.090 17.91-40 40-40v0c22.090 0 40.004 17.91 40.004 40v0c0 22.094-17.914 40-40.004 40v0zM831.682 915.242c0.192 1.582 0.318 3.186 0.318 4.82 0 22.090-17.908 40-40 40h-560c-22.092 0-40-17.914-40-40 0-2.438 0.252-4.812 0.67-7.128 2.36-53.636 18.034-105.7 45.852-151.554 0.734-1.476 1.562-2.912 2.492-4.296l5.582-8.364c0.054-0.080 0.11-0.158 0.164-0.238 0.042-0.068 0.098-0.156 0.144-0.222l157.704-236.036-158.5-237.228c-0.116-0.17-0.23-0.342-0.34-0.516-32.842-49.178-51.11-105.994-53.368-165.044-0.238-1.762-0.402-3.546-0.402-5.374 0-22.090 17.908-40 40-40h560c22.092 0 40 17.914 40 40 0 2.056-0.204 4.064-0.504 6.038-2.194 54.020-17.886 106.48-45.894 152.648-0.734 1.472-1.562 2.91-2.492 4.294l-5.582 8.366c-0.054 0.078-0.11 0.156-0.164 0.236-0.042 0.068-0.098 0.154-0.144 0.222l-157.734 236.082 158.468 237.182c0.116 0.168 0.23 0.344 0.34 0.516 32.946 49.33 51.226 106.346 53.39 165.596zM749.958 144.060h-475.99c6.138 31.304 18.384 61.124 36.354 87.916 0.118 0.17 0.23 0.344 0.342 0.514l0.024 0.038c0.036 0.054 0.15 0.23 0.186 0.284l54.286 81.25h293.596l58.196-87.1c0.366-0.67 0.75-1.334 1.154-1.99 15.492-24.916 26.228-52.324 31.852-80.912zM497.528 512.178l-0.032 0.046 14.426 21.592 93.378-139.756h-186.692l78.92 118.118zM305.96 799.156c-15.498 24.91-26.234 52.318-31.856 80.906h476.052c-6.138-31.304-18.384-61.122-36.354-87.918-0.118-0.168-0.23-0.344-0.342-0.512l-0.024-0.040c-0.036-0.050-0.15-0.23-0.186-0.282l-140.242-209.902-28.98 43.374c-7.166 10.72-19.21 17.162-32.11 17.162-12.896 0-24.942-6.442-32.11-17.166l-28.76-43.044-143.938 215.428c-0.36 0.674-0.744 1.338-1.15 1.994z',
-  play:
-    'M878.78 477.856l-591.884-341.722c-9.464-5.464-18.426-8.050-26.386-8.048-19.516 0.002-33.002 15.546-33.002 42.338v683.446c0 26.792 13.482 42.338 33.002 42.338 7.96 0 16.924-2.586 26.386-8.048l591.884-341.722c32.664-18.864 32.664-49.724 0-68.582z',
-  stop:
-    'M960 512a448 448 0 1 0-896 0 448 448 0 0 0 896 0zM252 772a366 366 0 0 1 0-520 366 366 0 0 1 520 0 366 366 0 0 1 0 520 366 366 0 0 1-520 0zm412-68H360c-22 0-40-18-40-40V360c0-22 18-40 40-40h304c22 0 40 18 40 40v304c0 22-18 40-40 40z',
-  email:
-    'M960.032 268.004c0.748-10.040-2.246-20.364-9.226-28.684-5.984-7.132-13.938-11.62-22.394-13.394-0.13-0.026-0.268-0.066-0.396-0.092-1.082-0.22-2.172-0.376-3.272-0.5-0.25-0.032-0.492-0.080-0.742-0.102-1.028-0.096-2.052-0.136-3.090-0.156-0.292-0.002-0.582-0.042-0.876-0.042h-816.008c-21.416 0-38.848 16.844-39.898 38-0.034 0.628-0.092 1.256-0.096 1.89 0 0.034-0.006 0.074-0.006 0.114 0 0.050 0.008 0.102 0.008 0.152v495.692c0 0.054-0.008 0.106-0.008 0.156 0 22.090 17.91 40 40 40h816.004c13.808 0 25.98-6.996 33.17-17.636 0.1-0.148 0.182-0.312 0.28-0.458 0.606-0.93 1.196-1.868 1.722-2.84 0.046-0.082 0.080-0.172 0.124-0.258 2.992-5.604 4.704-12.008 4.704-18.804v0 0-493.038zM144.032 350.156l339.946 281.188c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.042 1.492-0.058c0.842-0.028 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.946-281.206v370.894h-736v-370.876zM215.066 305.030h593.91l-296.946 245.422-296.964-245.422z',
-  comment:
-    'M288 378.668h448c22.094 0 40 17.906 40 40 0 22.090-17.906 40-40 40h-448c-22.090 0-40-17.91-40-40s17.91-40 40-40zM736 565.334h-448c-22.090 0-40 17.91-40 40 0 22.094 17.91 40 40 40h448c22.094 0 40-17.906 40-40 0-22.090-17.906-40-40-40zM960 232.004v560c0 6.804-1.714 13.196-4.704 18.812-0.042 0.082-0.078 0.172-0.124 0.254-0.524 0.976-1.11 1.914-1.722 2.836-0.098 0.152-0.18 0.314-0.282 0.458-7.188 10.64-19.36 17.636-33.168 17.636h-519.766l-114.292 114.286c-8.036 8.046-18.644 11.91-29.18 11.67-0.292 0.008-0.582 0.046-0.876 0.046-22.090 0-40-17.91-40-40v-86.004h-111.886c-22.090 0-40-17.906-40-40v0-560c0-20.34 15.192-37.094 34.84-39.632 1.692-0.214 3.406-0.368 5.16-0.368h816c1.754 0 3.468 0.154 5.164 0.368 19.644 2.542 34.836 19.296 34.836 39.638zM880 272h-736v480h736v-480z',
-  requestchange:
-    'M925.164 193.396c-1.696-0.214-3.41-0.368-5.164-0.368h-816c-1.754 0-3.468 0.152-5.16 0.368-19.648 2.54-34.84 19.292-34.84 39.632v560c0 22.094 17.91 40 40 40h111.886v86.004c0 22.090 17.91 40 40 40 0.292 0 0.582-0.040 0.876-0.046 10.536 0.238 21.144-3.624 29.18-11.67l114.292-114.286h519.766c13.808 0 25.98-6.996 33.168-17.636 0.102-0.144 0.184-0.304 0.282-0.458 0.614-0.922 1.2-1.86 1.722-2.836 0.046-0.082 0.082-0.172 0.124-0.254 2.988-5.618 4.704-12.008 4.704-18.812v0-560c-0-20.346-15.192-37.098-34.836-39.638zM880 753.028h-736v-480h736v480zM756.334 484.17l-125-125.436c-15.594-15.65-40.92-15.692-56.568-0.1-15.648 15.594-15.694 40.92-0.1 56.568l57.004 57.204h-335.67c-22.092 0-40 17.908-40 40s17.908 40 40 40h335.258l-56.508 56.368c-15.64 15.602-15.672 40.928-0.070 56.57 7.814 7.832 18.066 11.752 28.32 11.75 10.22 0 20.442-3.892 28.25-11.68l125-124.688c15.634-15.596 15.672-40.912 0.084-56.556z',
-  link:
-    'M743.52 529.234c5.616-5.616 83.048-83.046 88.462-88.46 30.944-32.778 47.97-75.636 47.97-120.792 0-47.048-18.304-91.26-51.542-124.484-33.228-33.22-77.43-51.516-124.458-51.516-45.024 0-87.792 16.94-120.536 47.72l-104.458 104.456c-30.792 32.738-47.734 75.512-47.734 120.548 0 41.916 14.576 81.544 41.248 113.196 3.264 3.876 6.666 7.664 10.292 11.29 4.258 4.258 8.704 8.262 13.304 12.022 0.054 0.080 0.096 0.152 0.148 0.232 9.572 7.308 15.778 18.804 15.778 31.776 0 22.094-17.914 40-40.004 40-8.542 0-16.442-2.696-22.938-7.26-2.746-1.93-20.622-17.43-30.35-28.050-0.008-0.010-0.018-0.018-0.026-0.028-4.992-5.432-13.234-15.23-18.552-22.65s-16.556-25.872-17.036-26.736c-0.7-1.262-2.974-5.526-3.422-6.39-0.69-1.334-6.118-12.67-6.114-12.67-14.342-31.96-22.332-67.4-22.332-104.728 0-60.826 21.198-116.648 56.58-160.544 0.252-0.314 4.61-5.594 6.594-7.866 0.304-0.35 5.038-5.636 7.16-7.874 0.252-0.268 105.86-105.874 106.128-106.126 45.902-43.584 107.958-70.314 176.264-70.314 141.382 0 255.998 114.5 255.998 256 0 68.516-26.882 130.688-70.652 176.61-0.144 0.148-109.854 109.546-112.090 111.528-0.958 0.848-5.072 4.352-5.072 4.352-6.448 5.434-13.132 10.592-20.1 15.378 0.412-6.836 0.644-13.702 0.644-20.6 0-26.46-3.108-52.206-8.918-76.918l-0.236-1.102zM616.144 767.82c35.382-43.896 56.58-99.718 56.58-160.544 0-37.328-7.99-72.768-22.332-104.728 0.004 0 0.006-0.002 0.010-0.004-0.258-0.576-0.538-1.14-0.8-1.714-0.686-1.498-2.894-6.112-3.296-6.93-0.668-1.344-2.952-5.732-3.386-6.604-3.48-6.982-8.708-15.126-9.49-16.366-0.498-0.792-0.996-1.58-1.502-2.364-0.834-1.29-15.364-22.066-26.656-34.466-0.008-0.010-0.018-0.018-0.026-0.028-7.056-8.448-24.932-24.198-30.35-28.050-6.47-4.602-14.396-7.26-22.938-7.26-22.090 0-40.004 17.906-40.004 40 0 12.97 6.206 24.466 15.778 31.776 0.052 0.080 0.094 0.152 0.148 0.232 4.602 3.76 20.334 19.434 23.598 23.31 26.672 31.65 41.248 71.28 41.248 113.196 0 45.038-16.944 87.81-47.734 120.548l-104.458 104.456c-32.742 30.782-75.512 47.72-120.536 47.72-47.028 0-91.228-18.294-124.458-51.516-33.236-33.224-51.542-77.436-51.542-124.484 0-45.154 17.028-88.014 47.97-120.792 5.414-5.414 40.812-40.812 68.958-68.958 7.176-7.176 13.888-13.886 19.504-19.502v-0.002c-0.356-1.562-0.246-1.096-0.246-1.096-5.81-24.712-8.918-50.458-8.918-76.918 0-6.898 0.232-13.764 0.644-20.6-6.966 4.788-20.1 15.33-20.1 15.33-0.734 0.62-9.518 8.388-11.68 10.45-0.16 0.154-105.338 105.33-105.482 105.478-43.77 45.922-70.652 108.094-70.652 176.61 0 141.5 114.616 256 255.998 256 68.306 0 130.362-26.73 176.264-70.314 0.27-0.254 105.876-105.86 106.128-106.126 0.004-0.002 13.506-15.426 13.758-15.74z',
-  paperclip:
-    'M824.25 369.354c68.146-70.452 67.478-182.784-2.094-252.354-70.296-70.296-184.266-70.296-254.558 0-0.014 0.012-0.028 0.026-0.042 0.042-0.004 0.002-0.006 0.004-0.010 0.008l-433.144 433.142c-0.036 0.036-0.074 0.068-0.11 0.106-0.054 0.052-0.106 0.11-0.16 0.162l-2.668 2.67c-0.286 0.286-0.528 0.596-0.8 0.888-43.028 44.88-66.664 103.616-66.664 165.986 0 64.106 24.962 124.376 70.292 169.704 45.328 45.33 105.598 70.292 169.706 70.292 50.612 0 98.822-15.57 139.186-44.428 4.932-1.952 9.556-4.906 13.544-8.894l16.802-16.802c0.056-0.056 0.116-0.112 0.172-0.168 0.038-0.038 0.074-0.076 0.112-0.116l289.010-289.014c15.622-15.618 15.62-40.942 0-56.56s-40.948-15.62-56.566 0l-289.124 289.122c-62.482 62.484-163.792 62.484-226.274 0-62.484-62.482-62.484-163.79 0-226.272h-0.002l433.134-433.12c0.058-0.060 0.112-0.122 0.172-0.18 38.99-38.99 102.43-38.99 141.42 0 38.992 38.99 38.99 102.432 0 141.422-0.058 0.060-0.122 0.114-0.18 0.17l0.006 0.006-280.536 280.534c-0.002-0.002-0.002-0.004-0.004-0.006l-79.978 79.98c-0.010 0.010-0.016 0.020-0.028 0.028-0.008 0.012-0.018 0.018-0.028 0.028l-0.064 0.062c-15.622 15.624-40.944 15.624-56.562 0-15.624-15.62-15.624-40.944-0.002-56.566l0.062-0.062c0.010-0.010 0.018-0.020 0.028-0.028 0.008-0.012 0.020-0.018 0.028-0.028l79.98-79.978c-0.002-0.002-0.004-0.002-0.006-0.004l136.508-136.512c15.622-15.62 15.62-40.944-0.002-56.562-15.618-15.62-40.946-15.62-56.564 0l-219.342 219.344c-1.284 1.284-2.42 2.652-3.494 4.052-40.4 47.148-38.316 118.184 6.322 162.824 44.64 44.638 115.674 46.722 162.82 6.324 1.402-1.072 2.772-2.21 4.054-3.494l2.83-2.832c0.002 0 0.002 0 0.002 0s0 0 0 0l360.54-360.54c0.058-0.056 0.12-0.114 0.18-0.172 0.050-0.050 0.098-0.106 0.15-0.158l0.994-0.994c0.34-0.338 0.63-0.702 0.952-1.052z',
-  box:
-    'M960.016 408.080c0-0.672-0.046-1.342-0.078-2.014-0.032-0.594-0.044-1.19-0.102-1.782-0.068-0.726-0.186-1.448-0.294-2.17-0.080-0.54-0.144-1.080-0.248-1.616-0.138-0.724-0.326-1.442-0.506-2.16-0.134-0.534-0.252-1.070-0.408-1.6-0.196-0.662-0.436-1.314-0.668-1.968-0.204-0.582-0.396-1.166-0.628-1.74-0.226-0.56-0.494-1.11-0.75-1.662-0.3-0.656-0.598-1.312-0.934-1.954-0.242-0.454-0.514-0.894-0.774-1.342-0.414-0.716-0.83-1.43-1.292-2.124-0.256-0.382-0.538-0.752-0.806-1.128-0.514-0.716-1.036-1.428-1.602-2.116-0.090-0.11-0.162-0.226-0.254-0.336-0.244-0.292-0.516-0.542-0.768-0.826-0.534-0.6-1.068-1.198-1.644-1.772-0.48-0.478-0.982-0.924-1.48-1.376-0.354-0.316-0.674-0.658-1.040-0.964l-405.788-335.666c-6.568-6.436-14.918-10.166-23.564-11.124-0.16-0.022-0.32-0.050-0.48-0.066-0.838-0.082-1.676-0.11-2.518-0.14-0.496-0.020-0.994-0.058-1.492-0.058s-0.996 0.040-1.492 0.058c-0.842 0.028-1.68 0.058-2.518 0.14-0.16 0.016-0.32 0.044-0.48 0.066-8.646 0.956-16.996 4.688-23.564 11.124l-405.662 335.542c-7.13 5.982-11.616 13.93-13.392 22.382-0.032 0.14-0.070 0.278-0.1 0.42-0.212 1.072-0.37 2.152-0.494 3.238-0.032 0.258-0.078 0.51-0.106 0.77-0.086 0.89-0.114 1.786-0.138 2.68-0.014 0.39-0.052 0.78-0.054 1.17 0 0.040-0.006 0.074-0.006 0.114v204.856c-0.958 12.434 3.854 25.128 14.134 33.754l405.662 335.54c6.568 6.438 14.918 10.168 23.564 11.124 0.16 0.020 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058 0.054 0 0.11-0.008 0.162-0.008 0.042 0 0.084 0.008 0.126 0.008 0.342 0 0.672-0.042 1.012-0.050 0.062-0.004 0.126-0.008 0.192-0.008 0.134-0.004 0.27-0.020 0.402-0.024 10.602-0.422 20.136-4.938 27.054-12.046l404.526-334.624c0.084-0.066 0.166-0.136 0.248-0.204l0.12-0.098c0.17-0.144 0.314-0.304 0.48-0.45 0.814-0.704 1.614-1.43 2.37-2.2 0.296-0.3 0.562-0.624 0.85-0.934 0.602-0.652 1.2-1.308 1.756-2 0.3-0.372 0.566-0.758 0.852-1.136 0.504-0.672 1.002-1.344 1.462-2.046 0.242-0.368 0.458-0.75 0.686-1.124 0.458-0.754 0.908-1.508 1.316-2.292 0.164-0.312 0.304-0.636 0.46-0.954 0.426-0.872 0.832-1.746 1.196-2.652 0.092-0.23 0.168-0.464 0.256-0.696 0.376-0.996 0.728-2 1.026-3.032 0.042-0.148 0.074-0.296 0.114-0.442 0.306-1.102 0.578-2.218 0.79-3.356 0.016-0.082 0.024-0.164 0.038-0.246 0.212-1.184 0.382-2.378 0.49-3.598v0c0.1-1.156 0.176-2.32 0.176-3.5v-204.86c0.024-0.318 0.022-0.638 0.040-0.958 0.026-0.668 0.074-1.338 0.074-2.008zM143.89 493.202l328.14 271.42v103.902l-328.14-271.18v-104.142zM552.032 764.402l327.868-271.212v103.88l-327.868 270.972v-103.64zM511.898 122.66l345.348 285.42-345.348 285.42-345.374-285.42 345.374-285.42z',
-  structure:
-    'M954.324 833.3c0.208-0.558 0.388-1.128 0.586-1.692 0.3-0.868 0.608-1.734 0.882-2.61 0.234-0.746 0.444-1.5 0.66-2.25 0.212-0.734 0.432-1.464 0.624-2.204 0.204-0.766 0.378-1.54 0.562-2.308 0.18-0.766 0.366-1.528 0.528-2.292 0.146-0.692 0.272-1.386 0.402-2.082 0.168-0.89 0.332-1.778 0.476-2.668 0.090-0.566 0.164-1.136 0.244-1.704 0.148-1.058 0.29-2.118 0.404-3.18 0.042-0.422 0.080-0.852 0.12-1.274 0.118-1.23 0.212-2.46 0.282-3.696 0.018-0.304 0.030-0.606 0.042-0.906 0.062-1.36 0.098-2.718 0.104-4.082 0-0.114 0.008-0.226 0.008-0.34 0-0.128-0.010-0.258-0.010-0.39-0.006-1.368-0.042-2.734-0.104-4.102-0.014-0.296-0.030-0.594-0.044-0.89-0.070-1.246-0.166-2.492-0.284-3.738-0.042-0.434-0.084-0.864-0.128-1.292-0.116-1.050-0.25-2.098-0.4-3.144-0.088-0.628-0.18-1.258-0.282-1.882-0.13-0.8-0.276-1.598-0.428-2.394-0.162-0.868-0.332-1.73-0.518-2.594-0.116-0.524-0.24-1.046-0.364-1.57-0.264-1.128-0.542-2.25-0.846-3.36-0.070-0.254-0.144-0.504-0.214-0.754-11.38-40.382-48.464-69.996-92.488-69.996-3.066 0-6.096 0.16-9.088 0.442l-264.576-458.262c21.080-29.698 24.3-70.13 4.9-103.732-12.596-21.816-32.458-36.812-54.764-43.724-0.062-0.020-0.124-0.036-0.186-0.054-1.394-0.43-2.798-0.83-4.21-1.196-0.296-0.076-0.596-0.142-0.894-0.216-1.208-0.3-2.422-0.586-3.642-0.84-0.384-0.082-0.774-0.148-1.16-0.224-1.168-0.228-2.338-0.444-3.514-0.626-0.384-0.060-0.776-0.112-1.162-0.168-1.208-0.174-2.416-0.332-3.63-0.46-0.35-0.038-0.7-0.066-1.048-0.1-1.27-0.12-2.54-0.218-3.814-0.29-0.32-0.018-0.642-0.032-0.964-0.044-1.294-0.058-2.594-0.094-3.892-0.1-0.166 0-0.328-0.012-0.492-0.012-0.19 0-0.376 0.014-0.564 0.014-1.21 0.008-2.42 0.040-3.63 0.092-0.494 0.022-0.986 0.046-1.478 0.074-0.992 0.060-1.986 0.136-2.978 0.226-0.722 0.064-1.442 0.134-2.16 0.214-0.696 0.080-1.392 0.17-2.090 0.266-1.014 0.136-2.026 0.286-3.032 0.452-0.352 0.060-0.704 0.124-1.054 0.19-44.97 8.028-79.122 47.302-79.122 94.582 0 20.756 6.602 39.958 17.79 55.67l-264.58 458.26c-2.954-0.274-5.94-0.434-8.962-0.434-53.078 0-96.11 43.032-96.11 96.11 0 53.082 43.032 96.11 96.11 96.11 38.8 0 72.208-23.004 87.386-56.11l529.202-0.004c0.138 0.304 0.292 0.606 0.436 0.91 0.226 0.48 0.456 0.958 0.69 1.434 0.474 0.968 0.966 1.93 1.476 2.882 0.214 0.402 0.432 0.8 0.65 1.2 0.314 0.566 0.604 1.14 0.93 1.708 0.284 0.488 0.59 0.958 0.88 1.442 0.122 0.2 0.244 0.398 0.37 0.602 27.086 44.372 84.766 59.278 130.040 33.136 18.864-10.89 32.624-27.214 40.478-45.852 0.054-0.132 0.104-0.266 0.158-0.398 0.518-1.248 1.020-2.506 1.486-3.776zM238.414 744.282l264.542-458.204c0.424 0.042 0.85 0.064 1.276 0.098 0.668 0.056 1.334 0.112 2.004 0.152 0.652 0.040 1.306 0.066 1.96 0.092 1.122 0.046 2.244 0.076 3.368 0.084 0.146 0.002 0.292 0.012 0.438 0.012 0.168 0 0.334-0.012 0.502-0.014 1.436-0.004 2.874-0.040 4.31-0.108 0.088-0.006 0.176-0.010 0.262-0.014 1.376-0.070 2.75-0.168 4.124-0.296l264.596 458.298c-3.48 4.894-6.514 10.122-9.042 15.636h-529.226c-2.546-5.55-5.602-10.814-9.114-15.736z',
-  cpu:
-    'M392.016 672.016h240.032c22.092 0 40-17.908 40-40v-240.032c0-22.092-17.908-40-40-40h-240.032c-22.092 0-40 17.908-40 40v240.032c0 22.092 17.908 40 40 40zM432.016 431.984h160.032v160.032h-160.032v-160.032zM864.032 424h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-143.968c0-22.092-17.908-40-40-40h-144v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-176v-72.012c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v72.016h-144c-22.092 0-40 17.908-40 40v143.968h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v176h-71.984c-22.094 0-40 17.908-40 40s17.91 40 40 40h71.984v144.030c0 22.092 17.908 40 40 40h144v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h176v71.954c0 22.094 17.906 40 40 40s40-17.91 40-40v-71.954h144c22.092 0 40-17.908 40-40v-144.030h71.98c22.094 0 40.004-17.906 40.004-40 0-22.092-17.906-40-40-40h-71.984v-176zM784.032 784.032h-143.692c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-127.382c-0.104 0-0.204-0.016-0.308-0.016s-0.206 0.016-0.308 0.016h-143.696v-544h544v544z',
-  memory:
-    'M320.032 416.032v-152.968c0-22.094 17.91-40 40-40 22.094 0 40 17.91 40 40.004v152.964c0 22.090-17.906 40-40 40s-40-17.908-40-40zM512 456.032c22.094 0 40-17.91 40-40v-152.964c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v152.968c0 22.092 17.908 40 40 40zM664.032 456.032c22.094 0 40-17.91 40-40v-82.996c0-22.094-17.906-40.004-40-40.004-22.090 0-40 17.906-40 40v83c0 22.092 17.906 40 40 40zM864.018 316.616v603.418c0 0.004 0 0.004 0 0.004 0 6.798-1.71 13.198-4.704 18.808-0.044 0.084-0.078 0.172-0.124 0.254-0.524 0.976-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.312-0.282 0.46-7.188 10.638-19.36 17.634-33.168 17.634h-623.99c-22.090 0-40-17.908-40-40v-343.574c-0.002-0.142-0.022-0.282-0.022-0.426 0-0.142 0.020-0.282 0.022-0.426v-471.574c0-20.34 15.192-37.092 34.838-39.63 1.694-0.216 3.408-0.37 5.162-0.37l411.254 0.052c10.594-0.286 21.282 3.58 29.368 11.668l211.672 212.206c7.906 7.908 11.792 18.298 11.696 28.66zM240.026 144.034v391.998h543.99v-203.27l-188.252-188.728h-355.738zM784.016 880.032v-264h-543.99v264h543.99z',
-  database:
-    'M895.95 221.364c-3.414-87.32-173.972-157.672-383.918-157.672s-380.504 70.352-383.918 157.672h-0.082v578.328c0 88.552 171.918 160.338 384 160.338s384-71.786 384-160.338v-578.328h-0.082zM798.412 430.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-92.9c70.29 37.478 179.654 61.566 302.5 61.566s232.21-24.088 302.5-61.566v92.9c-2.476 3.266-7.416 8.522-16.12 14.874zM814.532 514.464v93.24c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-93.24c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566zM225.652 209.146c15.6-11.386 37.69-22.346 63.88-31.696 60.984-21.77 140.002-33.758 222.498-33.758s161.514 11.988 222.498 33.758c26.192 9.348 48.282 20.308 63.882 31.696 8.704 6.352 13.646 11.608 16.12 14.874v0.026c-2.474 3.266-7.416 8.522-16.12 14.874-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.706-6.352-13.646-11.608-16.122-14.874v-0.026c2.476-3.268 7.418-8.524 16.122-14.874zM798.412 814.578c-15.6 11.386-37.69 22.346-63.882 31.696-60.984 21.77-140.002 33.758-222.498 33.758s-161.514-11.988-222.498-33.758c-26.192-9.348-48.282-20.308-63.88-31.696-8.714-6.36-13.66-11.62-16.13-14.886h0.010v-93.228c70.29 37.48 179.654 61.566 302.5 61.566s232.21-24.086 302.5-61.566v93.228h0.010c-2.474 3.266-7.42 8.526-16.132 14.886z',
-  power:
-    'M472 473.188v-368c-0.004-22.092 17.906-40.002 40-40 22.090 0 40 17.906 40 40l-0.004 368.002c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.906-40-40zM746.804 201.726v0.188c-13.138-9.004-26.808-17.292-40.978-24.768-1.994-1.050-3.492-1.84-4.668-2.458-1.75-0.892-3.518-1.756-5.28-2.624-0.004-0.002-0.008-0.004-0.012-0.006-0.080-0.032-0.158-0.074-0.234-0.108-0.032-0.012-0.056-0.024-0.090-0.042l-0.006 0.008c-4.724-2.022-9.924-3.168-15.386-3.212-22.090-0.178-40.14 17.588-40.32 39.678-0.122 15.112 8.166 28.298 20.47 35.208 31.9 15.71 61.418 36.616 87.492 62.292 2.796 2.754 5.52 5.562 8.208 8.394v-0.146c59.436 62.664 92.062 144.352 92.062 231.056 0 89.748-34.95 174.124-98.412 237.588s-147.84 98.412-237.588 98.412-174.124-34.95-237.588-98.412-98.412-147.84-98.412-237.588c0-81.652 28.962-158.834 81.972-219.886 5.814-6.69 11.902-13.192 18.288-19.474 26.064-25.652 55.564-46.538 87.446-62.238 12.342-6.892 20.66-20.106 20.542-35.238-0.17-22.088-18.218-39.86-40.306-39.69-5.468 0.044-10.664 1.186-15.392 3.208l-0.004-0.008c-0.036 0.016-0.058 0.028-0.088 0.042-0.042 0.018-0.084 0.038-0.126 0.056-1.862 0.918-3.728 1.828-5.574 2.774-0.458 0.238-0.948 0.496-1.512 0.792-1.096 0.566-2.18 1.148-3.27 1.722-15.704 8.294-30.804 17.572-45.232 27.736v-0.124c-106.896 75.288-176.742 199.646-176.742 340.33 0 229.75 186.25 416 416 416s416-186.25 416-416c-0.002-142.654-71.82-268.52-181.26-343.462z',
-  outbox:
-    'M960.062 616v304c0 1.382-0.070 2.746-0.208 4.090-2.046 20.172-19.080 35.91-39.792 35.91h-816c-22.090 0-40-17.906-40-40v-304c0-22.090 17.91-40 40-40s40 17.91 40 40v264h736v-264c0-22.090 17.91-40 40-40s40 17.912 40 40zM664.732 200.168l-124.41-124.41c-0.014-0.014-0.024-0.028-0.038-0.042-3.57-3.57-7.664-6.284-12.018-8.222-5.316-2.368-11.028-3.54-16.742-3.47-0.14-0.002-0.276-0.020-0.414-0.020-13.552 0-25.512 6.756-32.748 17.072l-119.1 119.092c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l55.276-55.276v462.54c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-464.314l57.052 57.052c15.622 15.624 40.948 15.62 56.568 0 15.628-15.624 15.628-40.952 0.002-56.572z',
-  share:
-    'M896.006 920c0 22.090-17.91 40-40 40h-688.006c-22.090 0-40-17.906-40-40v-549.922c-0.838-3.224-1.33-6.588-1.33-10.072 0-22.090 17.908-40.004 40-40.004h178.66c22.092 0.004 40 17.914 40 40.004 0 22.088-17.908 40-40 40h-137.33v479.996h607.998v-479.996h-138.658c-22.090 0-40-17.912-40-40 0-22.090 17.906-40.004 40-40.004h178.658c22.090 0 40 17.91 40 40v559.844c0 0.050 0.008 0.102 0.008 0.154zM665.622 200.168l-124.452-124.45c-8.042-8.042-18.65-11.912-29.186-11.674-1.612-0.034-3.222 0-4.828 0.16-0.558 0.054-1.098 0.16-1.648 0.238-0.742 0.104-1.484 0.192-2.218 0.338-0.656 0.13-1.29 0.31-1.934 0.472-0.622 0.154-1.244 0.292-1.86 0.476-0.64 0.196-1.258 0.436-1.886 0.66-0.602 0.216-1.208 0.414-1.802 0.66-0.598 0.248-1.17 0.54-1.754 0.814-0.598 0.282-1.202 0.546-1.788 0.86-0.578 0.312-1.13 0.664-1.694 1-0.552 0.332-1.116 0.644-1.654 1.006-0.67 0.448-1.3 0.942-1.942 1.426-0.394 0.302-0.806 0.576-1.196 0.894-1.046 0.858-2.052 1.768-3.008 2.726l-124.398 124.39c-15.622 15.62-15.618 40.948 0.002 56.57 15.622 15.62 40.95 15.62 56.568 0l56.164-56.166v439.426c0 22.094 17.912 40 40.002 40 22.092 0 40-17.91 40-40v-441.202l57.942 57.942c15.622 15.624 40.948 15.62 56.568 0 15.626-15.618 15.626-40.946 0.002-56.566z',
-  button:
-    'M644.634 802.32c-4.558 5.434-10.254 9.328-16.446 11.672l0.008 0.024-45.628 16.606 27.54 75.66c7.554 20.756-3.148 43.71-23.906 51.266s-43.714-3.146-51.27-23.906l-27.54-75.656-47.63 17.29c-6.020 1.956-12.586 2.518-19.254 1.342-21.75-3.836-36.282-24.582-32.45-46.34l30.57-173.328c2.55-14.476 12.61-25.714 25.458-30.508 0.292-0.118 0.586-0.23 0.878-0.34 0.238-0.084 0.476-0.168 0.718-0.246 12.942-4.624 27.91-2.492 39.196 6.98l134.824 113.13c16.932 14.2 19.144 39.432 4.932 56.354zM960.002 664v-368.082c0-22.092-17.908-40-40-40h-816c-22.092 0-40 17.908-40 40l-0.292 368.238c0 22.092 17.908 40 40 40h240.292c22.092 0 40-17.908 40-40s-17.908-40-40-40h-200.292l0.292-288.238h736v288.082h-200c-22.092 0-40 17.908-40 40s17.908 40 40 40h240c22.092 0 40-17.908 40-40z',
-  form:
-    'M948.362 178.828l-471.082 470.086c-0.24 0.25-0.45 0.52-0.698 0.77-7.82 7.82-18.070 11.722-28.32 11.712-10.25 0.010-20.504-3.892-28.324-11.712-0.262-0.262-0.48-0.546-0.734-0.812l-221.736-221.738c-15.624-15.622-15.624-40.95 0-56.566 15.618-15.622 40.946-15.624 56.57 0l194.224 194.222 443.53-442.528c15.622-15.618 40.95-15.618 56.57 0 15.62 15.62 15.62 40.946 0 56.566zM98.372 128.448c-18.926 0-34.266 15.342-34.266 34.268v699.032c0 18.926 15.34 34.266 34.266 34.266h699.032c18.926 0 34.266-15.34 34.266-34.266v-430.588c0 0 0.002-1.184 0.002-1.788 0-22.090-17.914-40-40.004-40s-40 17.91-40 40c0 0.288 0.002 386.64 0.002 386.64h-607.562v-607.564h600.002c22.090-0.002 40.002-17.906 40.002-40 0-22.090-17.914-40-40.004-40z',
-  check:
-    'M948.598 199.75c-15.622-15.618-40.95-15.618-56.57 0l-535.644 535.644-224.060-224.062c-15.624-15.624-40.954-15.62-56.57 0-15.624 15.62-15.624 40.948 0 56.568l251.574 251.574c0.252 0.266 0.472 0.55 0.734 0.812 7.82 7.82 18.072 11.724 28.322 11.714 10.25 0.010 20.502-3.894 28.322-11.714 0.248-0.248 0.456-0.518 0.698-0.77l563.196-563.202c15.618-15.618 15.618-40.94-0.002-56.564z',
-  batchaccept:
-    'M684 277L271 772l-1 1a40 40 0 0 1-56 5l-1-1L14 610a40 40 0 1 1 52-61l169 142 387-465a40 40 0 0 1 62 51zm340 234c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40z',
-  batchdeny:
-    'M1024 512c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0-216c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zm0 432c0-22-18-40-40-40H808a40 40 0 0 0 0 80h176c22 0 40-18 40-40zM625 236c16 15 16 41 0 56L406 512l220 220a40 40 0 1 1-57 57L349 568 129 788a40 40 0 1 1-57-56l220-220L73 292a40 40 0 0 1 56-57l220 220 219-219c16-16 41-16 57 0z',
-  home:
-    'M948.12 483.624l-407.814-407.754c-7.812-7.808-18.046-11.712-28.282-11.712-10.238 0-20.472 3.904-28.282 11.712l-407.92 407.86c-15.624 15.622-15.624 40.948-0.006 56.57s40.944 15.622 56.568 0.004l19.616-19.612v366.708c0 22.090 17.91 40 40 40h190.696c0.416 0.014 0.82 0.062 1.238 0.062 11.054 0 21.060-4.484 28.3-11.734 7.266-7.244 11.766-17.262 11.766-28.332 0-0.418-0.050-0.822-0.062-1.238v-263.204h176.060v263.934c0 22.090 17.91 40 40 40l191.876 0.124c2.292 0 4.524-0.236 6.708-0.608 0.45-0.074 0.91-0.116 1.356-0.206 0.21-0.044 0.414-0.116 0.628-0.162 17.906-3.972 31.308-19.924 31.308-39.026v-366.492l19.682 19.68c15.622 15.62 40.948 15.616 56.568-0.006s15.618-40.948-0.004-56.568zM791.876 448.272v398.71l-111.874-0.074v-263.876c0-0.020-0.002-0.042-0.002-0.062 0-0.006 0-0.014 0-0.022 0-22.090-17.91-40-40-40h-254.002c-0.556 0-1.1 0.060-1.65 0.084-0.14-0.002-0.274-0.022-0.414-0.022-22.090 0-40 17.91-40 40v264.382h-111.934v-399.392c0-2.286-0.234-4.512-0.604-6.694l280.626-280.584 280.514 280.472c-0.412 2.302-0.66 4.658-0.66 7.078z',
-  admin:
-    'M919.596 847.534h-88.414v-467.716l88.75-0.044c13.688-0.132 26.958-7.25 34.294-19.96 11.044-19.13 4.49-43.596-14.642-54.64l-407.904-235.676c-0.44-0.254-0.894-0.45-1.34-0.684-0.542-0.29-1.084-0.578-1.638-0.84-0.696-0.328-1.4-0.62-2.108-0.904-0.478-0.194-0.954-0.388-1.44-0.56-0.78-0.282-1.564-0.524-2.352-0.754-0.442-0.126-0.878-0.256-1.324-0.37-0.808-0.206-1.618-0.376-2.43-0.528-0.468-0.088-0.934-0.174-1.404-0.246-0.768-0.116-1.534-0.204-2.302-0.274-0.554-0.052-1.108-0.096-1.664-0.124-0.672-0.034-1.34-0.044-2.012-0.044-0.67 0-1.338 0.012-2.010 0.044-0.556 0.030-1.11 0.072-1.664 0.124-0.77 0.070-1.536 0.158-2.302 0.274-0.468 0.072-0.938 0.158-1.402 0.246-0.814 0.152-1.624 0.322-2.432 0.528-0.444 0.114-0.882 0.242-1.322 0.37-0.79 0.23-1.574 0.472-2.356 0.754-0.484 0.172-0.958 0.368-1.438 0.56-0.708 0.286-1.41 0.576-2.11 0.904-0.554 0.262-1.094 0.55-1.636 0.84-0.446 0.234-0.9 0.43-1.34 0.684l-407.906 235.672c-19.128 11.044-25.686 35.51-14.64 54.64 7.34 12.71 20.606 19.828 34.292 19.96v0.044h89.842v467.716h-89.474c-22.090 0-40 17.91-40 40s17.91 40 40 40h128.276c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h183.602c0.402 0.012 0.794 0.060 1.2 0.060s0.796-0.048 1.2-0.060h313.154c22.098 0 40-17.91 40-40-0.006-22.090-17.914-39.996-40.006-39.996zM751.182 847.534h-105.94v-467.716h105.94v467.716zM252.93 299.816l258.736-149.486 258.738 149.486h-517.474zM565.242 379.816v467.716h-106v-467.716h106zM273.242 379.816h106v467.716h-106v-467.716z',
-  paragraph:
-    'M728.032 96.032h-116.98c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-199.848c-0.026 0-0.050-0.004-0.076-0.004s-0.050 0.004-0.076 0.004h-31.924c-123.712 0-224 100.292-224 224 0 121.032 95.994 219.628 216 223.842v344.158c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h120v712c0 22.092 17.91 40 40 40 22.086 0 40-17.908 40-40v-712h77.056c22.094 0 40-17.91 40-40 0-22.092-17.91-40-40-40z',
-
-  basket:
-    'M632.254 695.604v-112.016c-0.004-22.092 17.906-40.002 40-40.002 22.090 0.002 40 17.908 40 40.002l-0.004 112.018c0.004 22.088-17.906 39.996-39.996 39.998-22.094 0.002-40.004-17.904-40-40zM352.246 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM512.25 735.604c22.090-0.002 40-17.91 39.996-39.998l0.004-112.018c0-22.094-17.91-40-40-40.002-22.094 0-40.004 17.91-40 40.002v112.016c-0.004 22.096 17.906 40.002 40 40zM950.3 397.424c-7.596-8.686-18.574-13.67-30.114-13.67h-313.284c0.87 5.196 1.346 10.524 1.346 15.966 0 24.608-9.27 47.044-24.494 64.034h290.684l-47.318 351.376-629.908-0.030-47.502-351.346h291.034c-15.224-16.988-24.494-39.426-24.494-64.034 0-5.444 0.476-10.772 1.346-15.966h-313.66c-11.542 0-22.524 4.986-30.12 13.678-7.596 8.694-11.066 20.242-9.52 31.682l51.614 381.742 0.050 0.042c5.832 47.424 46.222 84.158 95.222 84.172l0.054 0.034 601.816-0.034c0.042 0 0.082 0.002 0.124 0.002 49.414 0 90.090-37.34 95.396-85.336l51.258-380.64c1.54-11.44-1.934-22.984-9.53-31.672zM805.492 105.34c-15.622-15.622-40.95-15.624-56.572 0.004l-230.684 230.684c-2.052-0.2-4.132-0.306-6.236-0.306-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64c0-2.652-0.18-5.262-0.494-7.83l229.986-229.98c15.622-15.624 15.616-40.95-0-56.572z',
-  credit:
-    'M376.188 672.062h-112.124c-22.092 0-40-17.908-40-40s17.908-40 40-40h112.124c22.092 0 40 17.908 40 40s-17.908 40-40 40zM960 232.002v560c0 6.8-1.708 13.2-4.704 18.81-0.044 0.082-0.078 0.172-0.124 0.254-0.524 0.974-1.112 1.914-1.722 2.836-0.098 0.15-0.18 0.31-0.282 0.458-7.188 10.64-19.36 17.638-33.168 17.638h-816c-22.090 0-40-17.908-40-40v-559.998c0-20.34 15.192-37.092 34.838-39.628 1.694-0.218 3.408-0.372 5.162-0.372h816c1.754 0 3.468 0.152 5.162 0.372 19.646 2.536 34.838 19.288 34.838 39.63zM144 272.002v80.030h736v-80.030h-736zM880 751.998v-239.966h-736v239.966h736z',
-  shield:
-    'M875.146 148.994c-0.064-0.040-0.116-0.094-0.184-0.132-92.714-52.39-221.036-84.83-362.846-84.83-138.512 0-270.346 34.356-362.51 84.618-0.606 0.33-1.138 0.658-1.608 0.986-11.954 6.918-20.016 19.81-20.016 34.614v451.4c0 12.7 5.938 23.996 15.166 31.32l340.538 281.676c6.568 6.434 14.918 10.168 23.564 11.122 0.16 0.024 0.32 0.050 0.48 0.066 0.838 0.082 1.676 0.114 2.518 0.14 0.496 0.020 0.994 0.058 1.492 0.058s0.996-0.040 1.492-0.058c0.842-0.032 1.68-0.058 2.518-0.14 0.16-0.016 0.32-0.042 0.48-0.066 8.646-0.958 16.996-4.688 23.564-11.122l339.36-280.718c10.326-7.23 17.094-19.2 17.094-32.762v-450.918c0.002-15.254-8.54-28.506-21.102-35.254zM207.984 208.212c36.292-18.168 77.668-32.854 123.356-43.722 57.062-13.576 117.884-20.458 180.778-20.458s123.714 6.882 180.778 20.458c30.186 7.182 58.474 16.040 84.674 26.456l-490.846 490.848-78.738-65.070v-408.512zM511.742 867.75l-163.078-134.77 467.586-467.584v350.69l-304.508 251.664z',
-  beaker:
-    'M848.64 790.56l-208.638-361.374v-252.062h24c22.092 0 40-17.908 40-40s-17.908-40-40-40h-304.002c-22.092 0-40 17.908-40 40s17.908 40 40 40h24v252.066l-208.636 361.37c-44 76.208-8 138.564 80 138.564h513.278c87.998 0 123.998-62.354 79.998-138.564zM464 177.124h96.002l-0.070 273.376 63.872 110.628h-223.678c35.932-62.268 63.872-110.684 63.876-110.692v-273.312zM768.64 849.124h-513.278c-8.28 0-14.186-0.976-17.968-2 1.004-3.792 3.112-9.394 7.25-16.564 0 0 54.598-94.614 109.316-189.436l316.026-0.002 109.374 189.44c4.138 7.168 6.246 12.77 7.25 16.562-3.784 1.024-9.69 2-17.97 2z',
-  thumbsup:
-    'M256.972 768.004c0-8.67-3.156-16.158-9.484-22.534-6.332-6.34-13.836-9.484-22.504-9.458-8.682 0-16.188 3.172-22.516 9.458-6.33 6.344-9.488 13.84-9.488 22.534 0 8.692 3.158 16.186 9.488 22.532 6.328 6.286 13.834 9.458 22.516 9.458 8.668 0.028 16.172-3.118 22.504-9.458 6.328-6.376 9.484-13.868 9.484-22.532zM832.948 480.010c0-17.004-6.478-31.908-19.468-44.734-13.014-12.82-27.834-19.25-44.512-19.276h-175.97c0-19.328 7.98-45.904 24.004-79.724 15.968-33.826 23.978-60.568 23.978-80.256 0-32.646-5.332-56.808-15.994-72.48-10.664-15.664-31.988-23.484-63.98-23.484-8.696 8.64-15.012 22.828-19.032 42.486-4.020 19.69-9.102 40.606-15.254 62.752-6.168 22.172-16.080 40.382-29.762 54.738-7.344 7.68-20.168 22.832-38.5 45.496-1.326 1.67-5.164 6.65-11.512 15.010-6.342 8.342-11.594 15.178-15.762 20.508-4.156 5.308-9.91 12.386-17.252 21.218-7.328 8.862-14 16.186-19.988 22.038-5.986 5.794-12.412 11.73-19.26 17.744-6.852 5.984-13.508 10.5-19.99 13.48-6.478 3.010-12.4 4.484-17.756 4.512h-15.982v320.010h15.982c4.332 0 9.596 0.492 15.774 1.504 6.168 1.012 11.676 2.080 16.488 3.258 4.812 1.144 11.154 2.98 19.002 5.466 7.862 2.512 13.702 4.424 17.502 5.74 3.812 1.31 9.732 3.422 17.756 6.238 8.026 2.842 12.866 4.586 14.506 5.272 70.324 24.334 127.304 36.504 170.996 36.504h60.482c64.006 0 96.024-27.836 96.024-83.478 0-8.664-0.848-18.016-2.514-27.996 10.004-5.334 17.936-14.084 23.758-26.276 5.824-12.172 8.724-24.416 8.778-36.746 0-12.366-3.008-23.844-9.024-34.51 17.664-16.682 26.524-36.496 26.524-59.496 0-8.308-1.696-17.554-5.032-27.72-3.336-10.202-7.492-18.104-12.468-23.762 10.636-0.328 19.55-8.15 26.714-23.486 7.192-15.34 10.744-28.82 10.744-40.496v-0.054zM896.984 479.516c0 29.638-8.204 56.816-24.5 81.506 2.98 10.994 4.484 22.476 4.484 34.482 0 25.674-6.344 49.68-19.004 71.99 1.012 7 1.506 14.164 1.506 21.488 0 33.688-10.008 63.354-29.968 89.026 0.326 46.32-13.834 82.904-42.518 109.756-28.682 26.848-66.522 40.246-113.496 40.246h-64.528c-31.99 0-63.542-3.746-94.742-11.268-31.168-7.492-67.246-18.402-108.23-32.758-38.662-13.312-61.656-19.956-68.984-19.956h-143.996c-17.664 0-32.742-6.292-45.252-18.784-12.508-12.5-18.756-27.588-18.756-45.254v-319.982c0-17.666 6.248-32.728 18.756-45.226 12.51-12.52 27.588-18.784 45.252-18.784h136.998c12.002-8.010 34.818-33.822 68.478-77.484 19.33-24.99 37.168-46.344 53.508-64.008 7.996-8.314 13.918-22.586 17.744-42.766 3.828-20.178 8.912-41.232 15.256-63.24 6.36-21.984 16.68-40.002 30.994-53.998 13.002-12.362 28.012-18.514 45.018-18.514 27.998 0 53.152 5.414 75.464 16.242 22.31 10.828 39.316 27.748 50.964 50.77 11.704 23.002 17.5 53.978 17.5 92.962 0 31.008-7.984 63-23.98 96.028h88.014c34.67 0 64.634 12.628 89.956 37.98 25.346 25.346 38.008 55.144 38.008 89.49l0.054 0.056z',
-  mirror:
-    'M857 127.778h-688c-22.092 0-40 17.91-40 40v688c0 22.090 17.908 40 40 40h688c22.094 0 40-17.91 40-40v-688c0-22.092-17.906-40-40-40zM817 815.778h-608v-1.086l606.914-606.914h1.086v608z',
-  switchalt:
-    'M923.946 63.418h-631.232c-20.268 0-36.7 16.432-36.7 36.7v155.286h-155.284c-20.268 0-36.7 16.432-36.7 36.7v631.23c0 20.268 16.43 36.7 36.7 36.7h631.23c20.272 0 36.7-16.432 36.7-36.7v-155.286h155.286c20.272 0 36.7-16.432 36.7-36.7v-631.23c-0.002-20.268-16.43-36.7-36.7-36.7zM688.66 880.032h-544.628v-544.628h111.984v395.946c0 20.268 16.43 36.7 36.7 36.7h395.944v111.982zM688.66 688.046h-352.644v-352.644h352.644v352.644zM880.644 688.046h-111.984v-395.946c0-20.268-16.428-36.7-36.7-36.7h-395.944v-111.984h544.628v544.63z',
-  commit:
-    'M984.032 472h-186.808c-19.474-140.12-139.74-248-285.222-248s-265.748 107.88-285.222 248h-186.746c-22.092 0-40 17.912-40 40.002 0 22.092 17.91 40 40 40h186.746c19.476 140.122 139.74 247.998 285.222 247.998s265.746-107.876 285.222-247.998h186.808c22.092 0 40-17.91 40-40s-17.908-40.002-40-40.002zM512 720c-114.692 0-208-93.308-208-208s93.308-208 208-208 208 93.308 208 208-93.308 208-208 208z',
-  branch:
-    'M861.968 312.032c0-66.168-53.832-120-120-120s-120 53.832-120 120c0 50.55 31.436 93.87 75.77 111.516-5.384 20.352-15.71 39.68-29.844 54.92-28.828 31.092-72.202 46.858-128.91 46.858-77.162 0-129.12 26.162-162.984 55.12V297.15c46.556-16.512 80-60.974 80-113.12 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-50.926-31.902-94.514-76.758-111.908 5.222-26.17 16.578-51.154 32.558-70.432 28.8-34.746 71.592-52.364 127.184-52.364 99.498 0 156.922-39.408 187.574-72.466 27.402-29.554 45.708-67.194 52.48-106.716 48.078-15.66 82.93-60.882 82.93-114.114zM336 144.032c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.944-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm405.968-528c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.942 40-40 40z',
-  merge:
-    'M776.306 456.032c-51.602 0-95.696 32.744-112.612 78.542-69.674-6.072-141.482-31.012-197.386-69.306-46.266-31.69-100.392-85.728-111.792-168.92 45.4-17.12 77.79-60.998 77.79-112.314 0-66.168-53.832-120-120-120s-120 53.832-120 120c0 52.146 33.444 96.608 80 113.12v429.762c-46.556 16.512-80 60.974-80 113.12 0 66.168 53.832 120 120 120s120-53.832 120-120c0-52.146-33.444-96.608-80-113.12V471.444c19.622 21.888 42.618 41.898 68.792 59.828 68.422 46.868 156.64 77.042 241.646 83.462 16.14 47.23 60.932 81.3 113.56 81.3 66.168 0 120-53.832 120-120s-53.83-120.002-119.998-120.002zm-464-312c22.056 0 40 17.944 40 40s-17.944 40-40 40-40-17.944-40-40 17.942-40 40-40zm0 736c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40zm464-264c-22.056 0-40-17.944-40-40s17.944-40 40-40 40 17.944 40 40-17.944 40-40 40z',
-  pullrequest:
-    'M631 157c104 1 171 52 171 166v397a123 123 0 1 1-82 0V323c0-63-27-83-90-84h-24l22 23a41 41 0 1 1-58 58l-93-93a41 41 0 0 1 1-58l93-93a41 41 0 1 1 58 58l-23 23h25zM222 314a123 123 0 1 1 82 0v406a123 123 0 1 1-82 0V314zm41 564a41 41 0 1 0 0-82 41 41 0 0 0 0 82zm0-639a41 41 0 1 0 0-83 41 41 0 0 0 0 83zm498 639a41 41 0 1 0 0-82 41 41 0 0 0 0 82z',
-  chroma:
-    'M511.714 956.324c-92.92 0-168.518-75.594-168.518-168.514v-334.082l131.54 75.954v215.936c0 13.172 7.082 25.446 18.48 32.030l139.33 80.43c8.33 4.814 17.014 9.168 25.872 12.966-29.646 52.72-85.44 85.28-146.704 85.28zM753.584 816.61c-29.36 0-58.43-7.812-84.064-22.59l-83.828-48.404 289.354-167.028c8.3-4.802 16.402-10.152 24.132-15.936 30.858 52.030 31.182 116.622 0.568 169.664-30.034 51.994-86.040 84.294-146.162 84.294zM270.334 816.576c-60.084 0-116.064-32.278-146.102-84.238-22.494-39.012-28.466-84.426-16.814-127.866 11.68-43.512 39.564-79.858 78.522-102.334l83.806-48.398 0.018 334.018c0 9.624 0.57 19.294 1.69 28.814-0.374 0.002-0.748 0.004-1.12 0.004zM548.73 529.73l186.996-107.966c11.416-6.588 18.506-18.864 18.506-32.040v-160.856c0.012-9.456-0.56-19.116-1.706-28.778 0.364-0.002 0.732-0.004 1.096-0.004 60.114 0 116.104 32.296 146.124 84.29 46.436 80.486 18.75 183.742-61.714 230.176l-289.302 167.040v-151.862zM325.248 357.624c-5.632-3.242-12.030-4.954-18.504-4.954-6.428 0-12.804 1.708-18.44 4.936l-139.344 80.452c-8.348 4.802-16.462 10.142-24.172 15.912-30.824-52-31.14-116.59-0.546-169.664 30.048-52 86.050-84.306 146.148-84.306 29.326 0 58.394 7.822 84.064 22.624l289.3 167.054-131.482 75.91-187.024-107.964zM390.964 158.644c-8.334-4.826-17.036-9.192-25.92-13.004 29.634-52.742 85.418-85.316 146.67-85.316 92.92 0 168.514 75.6 168.514 168.522v96.81l-289.264-167.012z',
-  twitter:
-    'M960 233.114c-32.946 14.616-68.41 24.5-105.598 28.942 37.954-22.762 67.098-58.774 80.856-101.688-35.52 21.054-74.894 36.368-116.726 44.598-33.542-35.724-81.316-58.038-134.204-58.038-101.496 0-183.796 82.292-183.796 183.814 0 14.424 1.628 28.45 4.758 41.89-152.75-7.668-288.22-80.872-378.876-192.072-15.822 27.15-24.898 58.706-24.898 92.42 0 63.776 32.458 120.034 81.782 153.010-30.116-0.944-58.458-9.212-83.262-22.982-0.028 0.75-0.028 1.546-0.028 2.324 0 89.070 63.356 163.334 147.438 180.256-15.426 4.186-31.664 6.426-48.442 6.426-11.836 0-23.35-1.146-34.574-3.28 23.406 73.006 91.286 126.16 171.726 127.632-62.914 49.324-142.18 78.696-228.314 78.696-14.828 0-29.448-0.876-43.842-2.568 81.33 52.138 177.96 82.574 281.786 82.574 338.11 0 523-280.104 523-523.014 0-7.986-0.164-15.914-0.542-23.778 35.952-25.96 67.124-58.318 91.756-95.162z',
-  google:
-    'M799.094 79.996c0 0-200.938 0-267.936 0-120.126 0-233.188 91.004-233.188 196.434 0 107.692 81.904 194.624 204.124 194.624 8.496 0 16.75-0.148 24.812-0.74-7.942 15.186-13.594 32.286-13.594 50.022 0 29.974 16.094 54.226 36.466 74.042-15.376 0-30.248 0.438-46.438 0.438-148.782 0.036-263.312 94.784-263.312 193.056 0 96.758 125.534 157.312 274.312 157.312 169.656 0 263.312-96.25 263.312-193.024 0-77.6-22.908-124.062-93.686-174.156-24.216-17.128-70.534-58.812-70.534-83.32 0-28.69 8.19-42.868 51.406-76.624 44.346-34.63 75.688-83.302 75.688-139.944 0-67.372-30-133.058-86.374-154.746h85l59.942-43.374zM701.504 735.438c2.092 8.992 3.276 18.226 3.276 27.624 0 78.226-50.374 139.304-194.934 139.304-102.874 0-177.124-65.078-177.124-143.304 0-76.622 92.122-140.434 194.934-139.32 24.004 0.254 46.376 4.136 66.69 10.702 55.812 38.834 95.874 60.808 107.158 104.994zM536.844 443.782c-69-2.094-134.624-77.212-146.564-167.876-11.874-90.664 34.378-160.030 103.442-157.97 68.996 2.060 134.594 74.818 146.53 165.432 11.906 90.696-34.408 162.508-103.408 160.414z',
-  gdrive:
-    'M465.926 641.356l-149.328 258.708h494.074l149.328-258.708h-494.074zM917.704 567.988l-256.33-444.048h-298.686l256.356 444.048h298.66zM320.236 197.442l-256.236 443.914 149.36 258.708 256.23-443.914-149.354-258.708z',
-  youtube:
-    'M704.010 511.988c0-12.332-5.038-21.358-15.042-26.992l-255.982-159.99c-10.344-6.666-21.178-6.998-32.51-1.008-10.988 5.984-16.492 15.312-16.492 28.002v320c0 12.69 5.504 22.018 16.492 28.002 5.332 2.678 10.516 3.996 15.506 3.996 6.668 0 12.334-1.644 17.004-4.98l255.982-160.014c10.004-5.69 15.042-14.684 15.042-26.992v-0.024zM960 511.988c0 31.99-0.164 56.98-0.488 75.032-0.334 17.99-1.754 40.738-4.27 68.25-2.516 27.504-6.262 52.058-11.27 73.742-5.332 24.338-16.84 44.85-34.504 61.496-17.64 16.63-38.306 26.308-61.96 28.988-73.992 8.342-185.824 12.526-335.508 12.526-149.668 0-261.5-4.184-335.5-12.526-23.662-2.656-44.414-12.302-62.242-28.988-17.834-16.678-29.412-37.182-34.744-61.496-4.672-21.684-8.258-46.238-10.756-73.742-2.508-27.512-3.928-50.26-4.254-68.25-0.342-18.050-0.504-43.042-0.504-75.032 0-31.998 0.162-57.010 0.504-75.008 0.326-18.022 1.746-40.768 4.254-68.28 2.498-27.474 6.262-52.082 11.252-73.744 5.34-24.336 16.842-44.842 34.504-61.496 17.648-16.654 38.324-26.332 61.986-29.010 74-8.312 185.832-12.472 335.5-12.472 149.684 0 261.516 4.16 335.508 12.472 23.654 2.678 44.406 12.356 62.232 29.010 17.826 16.678 29.422 37.16 34.73 61.496 4.702 21.662 8.256 46.27 10.772 73.744 2.516 27.512 3.936 50.258 4.27 68.28 0.324 17.998 0.488 43.010 0.488 75.008z',
-  facebook:
-    'M582.52 960h-167.88v-448h-112v-154.396l112-0.052-0.166-90.948c-0.036-125.974 34.12-202.604 182.484-202.604h123.542v154.424h-77.19c-57.782 0-60.566 21.56-60.566 61.85l-0.218 77.278h138.854l-16.376 154.394-122.36 0.052-0.124 448.002z',
-  medium:
-    'M0 0v1024h1024v-1024h-1024zM850.708 242.614l-54.918 52.655c-3.858 2.965-6.321 7.581-6.321 12.772 0 0.933 0.080 1.847 0.232 2.736l-0.014-0.095v386.883c-0.139 0.794-0.219 1.708-0.219 2.641 0 5.191 2.462 9.807 6.283 12.744l0.038 0.028 53.637 52.655v11.558h-269.774v-11.558l55.559-53.936c5.461-5.456 5.461-7.068 5.461-15.413v-312.719l-154.477 392.344h-20.874l-179.851-392.344v262.947c-0.209 1.465-0.329 3.156-0.329 4.875 0 9.848 3.924 18.78 10.293 25.317l-0.008-0.008 72.258 87.649v11.558h-204.895v-11.558l72.263-87.649c6.070-6.284 9.81-14.852 9.81-24.293 0-2.081-0.182-4.12-0.53-6.101l0.031 0.21v-304.044c0.086-0.804 0.135-1.737 0.135-2.682 0-7.844-3.389-14.896-8.782-19.773l-0.023-0.021-64.234-77.378v-11.558h199.438l154.157 338.083 135.53-338.083h190.123v11.558z',
-  graphql:
-    'M896.38 635.332c-7.286-4.206-14.934-7.196-22.714-9.074v-228.148c7.788-1.882 15.44-4.874 22.732-9.082 40.902-23.614 54.92-75.934 31.3-116.846-23.62-40.914-75.942-54.932-116.846-31.318-7.286 4.21-13.704 9.34-19.22 15.14l-197.586-114.076c2.266-7.68 3.502-15.802 3.502-24.212 0-47.232-38.3-85.53-85.544-85.53-47.242 0-85.544 38.298-85.544 85.53 0 8.42 1.238 16.552 3.508 24.24l-197.598 114.046c-5.518-5.802-11.936-10.93-19.218-15.138-40.902-23.614-93.22-9.596-116.846 31.318-23.62 40.91-9.6 93.228 31.3 116.846 7.29 4.208 14.94 7.202 22.728 9.082v228.15c-7.782 1.878-15.434 4.866-22.718 9.074-40.91 23.62-54.93 75.938-31.31 116.848 23.624 40.914 75.944 54.932 116.856 31.312 7.28-4.206 13.692-9.334 19.206-15.13l197.588 114.080c-2.262 7.68-3.498 15.792-3.498 24.2 0 47.244 38.302 85.544 85.546 85.544 47.242 0 85.542-38.302 85.542-85.544 0-9.362-1.524-18.36-4.308-26.79l196.558-113.484c5.914 6.624 12.946 12.446 21.046 17.126 40.912 23.618 93.23 9.602 116.856-31.314 23.618-40.914 9.598-93.232-31.318-116.85zM253.492 689.212c-1.88-7.73-4.856-15.33-9.038-22.568-4.142-7.18-9.194-13.516-14.892-18.98l258.558-447.814c7.58 2.198 15.586 3.402 23.878 3.402 8.262 0 16.242-1.196 23.802-3.38l258.574 447.85c-5.676 5.456-10.704 11.77-14.834 18.928-4.182 7.238-7.162 14.838-9.042 22.566l-517.006-0.004zM771.404 291.408c-6.156 21.512-3.936 45.396 8.138 66.306 12.066 20.91 31.638 34.772 53.348 40.2v228.538c-1.074 0.266-2.144 0.56-3.208 0.868l-258.56-447.826c0.804-0.768 1.596-1.556 2.372-2.354l197.91 114.268zM450.526 177.162c0.75 0.772 1.516 1.536 2.296 2.282l-258.578 447.856c-1.038-0.3-2.084-0.586-3.134-0.85v-228.536c21.708-5.428 41.276-19.29 53.348-40.202 12.074-20.91 14.294-44.794 8.134-66.306l197.934-114.244zM575.392 849.216c-15.65-17.262-38.256-28.108-63.39-28.108-24.152 0-45.946 10.026-61.5 26.112l-197.908-114.266c0.28-0.986 0.544-1.98 0.794-2.972h517.226c0.464 1.888 0.976 3.756 1.57 5.61l-196.792 113.624z',
-  redux:
-    'M359.016 943.608c-23.82 5.948-47.642 8.322-71.512 8.322-88.208 0-168.084-36.982-207.444-96.534-52.432-79.882-70.296-249.182 102.538-374.356 3.586 19.078 10.746 45.292 15.492 60.834-22.656 16.652-58.39 50.064-81.046 95.324-32.19 63.184-28.61 126.404 9.54 184.798 26.194 39.304 67.926 63.176 121.564 70.34 65.598 8.332 131.154-3.582 194.332-36.94 92.998-48.898 155.014-107.282 195.49-187.162-10.702-10.75-17.818-26.248-19.074-44.15-1.168-36.942 27.45-67.922 64.388-69.132h2.418c35.73 0 65.55 28.61 66.714 64.384 1.206 35.73-24.986 65.546-59.548 69.132-65.6 134.686-181.254 225.312-333.852 255.14zM902.646 540.622c-90.59-106.072-224.11-164.488-376.708-164.488h-19.072c-10.744-21.444-33.402-35.752-58.388-35.752h-2.418c-36.944 1.186-65.548 32.192-64.392 69.13 1.216 35.774 30.99 64.394 66.81 64.394h2.328c26.242-1.208 48.894-17.892 58.434-40.542h21.45c90.624 0 176.46 26.234 253.968 77.482 59.55 39.36 102.49 90.576 126.356 152.596 20.24 50.052 19.074 98.952-2.42 140.64-33.356 63.228-89.37 97.794-163.292 97.794-47.69 0-92.998-14.33-116.822-25.082-13.118 11.958-36.984 31.028-53.64 42.944 51.226 23.87 103.7 36.94 153.762 36.94 114.446 0 199.070-63.132 231.268-126.362 34.562-69.13 32.188-188.326-57.224-289.694zM297.046 708.706c1.21 35.828 30.984 64.394 66.764 64.394h2.368c36.992-1.168 65.556-32.15 64.39-69.132-1.162-35.732-30.984-64.394-66.758-64.394h-2.376c-2.418 0-5.958 0-8.332 1.208-48.89-81.090-69.132-169.27-62.014-264.648 4.792-71.528 28.616-133.516 70.346-184.766 34.568-44.106 101.326-65.57 146.598-66.758 126.402-2.396 180.044 154.968 183.576 218.144 15.542 3.584 41.734 11.936 59.644 17.892-14.328-193.118-133.526-293.266-247.97-293.266-107.28 0-206.236 77.484-245.552 191.932-54.848 152.596-19.070 299.212 47.644 414.826-5.912 8.374-9.494 21.498-8.328 34.568z',
-  github:
-    'M512.062 64.032c-247.426 0-448 200.576-448 448s200.574 448 448 448c247.422 0 448-200.576 448-448s-200.578-448-448-448zM251.846 772.246c-69.506-69.508-107.784-161.918-107.784-260.214 0-98.294 38.278-190.708 107.784-260.216 69.508-69.504 161.92-107.784 260.216-107.784s190.708 38.28 260.214 107.784c69.504 69.508 107.786 161.922 107.786 260.216 0 98.296-38.282 190.708-107.786 260.214-42.852 42.848-94.41 73.806-150.684 91.27v-65.104c0-34.584-11.86-60.022-35.578-76.31 14.864-1.43 28.512-3.43 40.942-6.002 12.434-2.572 25.578-6.292 39.442-11.146s26.292-10.644 37.3-17.364c11-6.712 21.574-15.434 31.718-26.15s18.648-22.866 25.508-36.444c6.864-13.57 12.292-29.866 16.292-48.874 4.004-19.006 6-39.944 6-62.802 0-44.3-14.434-82.032-43.296-113.182 13.14-34.294 11.714-71.594-4.29-111.894l-10.718-1.286c-7.43-0.858-20.79 2.286-40.082 9.434-19.29 7.144-40.942 18.864-64.95 35.152-34.016-9.432-69.308-14.148-105.894-14.148-36.87 0-72.024 4.716-105.46 14.148-15.144-10.29-29.51-18.79-43.086-25.508s-24.436-11.29-32.582-13.718c-8.144-2.43-15.718-3.93-22.722-4.5-7-0.574-11.5-0.714-13.504-0.43-2 0.286-3.43 0.572-4.288 0.86-16.004 40.582-17.436 77.88-4.288 111.894-28.868 31.152-43.3 68.878-43.3 113.178 0 22.866 2 43.798 6.002 62.804 4 19.010 9.432 35.296 16.292 48.876s15.364 25.722 25.508 36.442c10.146 10.718 20.72 19.438 31.724 26.152s23.436 12.504 37.298 17.362c13.862 4.858 27.008 8.574 39.442 11.146 12.434 2.57 26.080 4.574 40.942 6.002-23.438 16.004-35.152 41.444-35.152 76.31v66.404c-57.936-17.198-111.030-48.638-154.966-92.572z',
-  bitbucket:
-    'M512.157 32c-219.6 0-400.001 61.279-400.001 138.881 0 20.4 47.040 310.481 66.641 424.8 7.841 53.28 137.359 126.72 333.36 126.72 196.080 0 321.6-73.601 333.36-126.641 19.601-114.4 66.641-404.479 66.641-424.8-3.919-77.76-180.401-138.96-400.001-138.96v0zM512.157 628.4c-70.56 0-125.52-57.2-125.52-130.722s54.96-130.72 125.52-130.72c70.56 0 125.52 57.199 125.52 130.721 0 69.439-54.96 130.721-125.52 130.721zM512.157 211.76c-141.199 0-254.88-24.559-254.88-57.199 0-32.719 113.681-57.199 254.88-57.199s254.88 24.48 254.88 57.199c0 32.64-113.681 57.199-254.88 57.199zM801.597 706.081c7.84 0 11.76 8.16 7.84 16.32v4.002c-15.679 85.84-27.439 147.199-27.439 155.28-11.76 61.279-129.439 110.321-270.641 110.321-141.12 0-258.8-49.039-270.56-110.321 0-8.16-11.76-69.439-27.439-155.201v-4.081c0-12.24 7.841-16.319 15.679-16.319 4.409 0.751 8.359 2.145 11.962 4.1l-0.202-0.101c0 0 98.081 81.761 274.481 81.761 176.479 0 274.56-81.679 274.56-81.679s3.919-4.080 11.76-4.080l0.001-0.002zM512.157 558.961c-34.639 0-62.719-29.279-62.719-65.359s28.001-65.359 62.719-65.359c34.639 0 62.719 29.279 62.719 65.359s-28.001 65.359-62.719 65.359z',
-  gitlab:
-    'M511.989 937.076l-175.718-538.045h351.434l-175.717 538.045zM90.107 399.031l421.88 538.045-462.033-334.102c-9.156-6.631-15.047-17.289-15.047-29.321 0-3.985 0.645-7.821 1.839-11.406l-0.072 0.255 53.431-163.471zM90.107 399.031l105.75-324.083c2.508-7.304 9.319-12.457 17.334-12.457s14.825 5.153 17.294 12.329l0.042 0.128 105.749 324.082-246.165 0.001zM933.869 399.031l53.431 163.474c1.133 3.347 1.788 7.203 1.788 11.215 0 12.038-5.895 22.705-14.961 29.262l-0.104 0.072-462.034 334.022 421.88-538.046zM933.869 399.031h-246.162l105.75-324.083c2.543-7.242 9.325-12.341 17.292-12.341s14.748 5.096 17.256 12.212l0.042 0.127 105.825 324.083z',
-  discord:
-    'M371 147c-14 0-126 3-245 91 0 0-126 227-126 507 0 0 74 126 268 132l58-71c-111-34-153-103-153-103l24 15 4 2 8 4a668 668 0 0 0 420 68 629 629 0 0 0 228-89s-44 71-159 103l58 71c194-7 268-133 268-132 0-280-126-507-126-507-126-94-246-91-246-91l-12 14a576 576 0 0 1 218 110 729 729 0 0 0-441-81l-15 1c-31 4-105 14-199 56-33 14-52 24-52 24s72-69 230-114l-9-10h-1zm-23 323c50 0 91 43 90 97 0 53-40 96-90 96-49 0-89-43-89-96 0-54 39-97 89-97zm321 0c49 0 89 43 89 97 0 53-39 96-89 96s-90-43-90-96c0-54 40-97 90-97z',
-};
-
-export default icons;
diff --git a/docs/src/new-components/basics/shared/site.js b/docs/src/new-components/basics/shared/site.js
deleted file mode 100644
index 1cd76337384..00000000000
--- a/docs/src/new-components/basics/shared/site.js
+++ /dev/null
@@ -1,98 +0,0 @@
-// eslint-disable import/prefer-default-export
-
-const gitHubOrg = `https://github.com/storybooks`;
-const homepageUrl = `https://storybook.js.org`;
-const docsUrl = `${homepageUrl}/docs`;
-const npmApiBase = `https://api.npmjs.org/downloads/point/last-month`;
-
-export const metadata = {
-  title: 'Storybook',
-  description: `Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular`,
-  ogImage: '/images/social/open-graph.png',
-  googleSiteVerification: '',
-  latestVersion: 'v5.3',
-};
-
-export const url = {
-  gitHub: {
-    repo: `${gitHubOrg}/storybook`,
-    frontpage: `${gitHubOrg}/frontpage`,
-    issues: `${gitHubOrg}/storybook/issues`,
-    releases: `${gitHubOrg}/storybook/releases`,
-    contributors: `${gitHubOrg}/storybook/graphs/contributors`,
-    brand: `${gitHubOrg}/press`,
-  },
-
-  npm: `https://www.npmjs.com/package/@storybook/react`,
-  openCollective: `https://opencollective.com/storybook`,
-
-  npmApi: {
-    react: `${npmApiBase}/@storybook/react`,
-    reactNative: `${npmApiBase}/@storybook/react-native`,
-    vue: `${npmApiBase}/@storybook/vue`,
-    angular: `${npmApiBase}/@storybook/angular`,
-    ember: `${npmApiBase}/@storybook/ember`,
-    html: `${npmApiBase}/@storybook/html`,
-    svelte: `${npmApiBase}/@storybook/svelte`,
-    mithril: `${npmApiBase}/@storybook/mithril`,
-    marko: `${npmApiBase}/@storybook/marko`,
-    riot: `${npmApiBase}/@storybook/riot`,
-    'web-components': `${npmApiBase}/@storybook/web-components`,
-    preact: `${npmApiBase}/@storybook/preact`,
-  },
-
-  // Navigation
-  home: `${homepageUrl}`,
-  docs: {
-    home: `${docsUrl}/basics/introduction/`,
-    addonInstruction: `${docsUrl}/addons/writing-addons/`,
-  },
-  tutorials: `https://www.learnstorybook.com/`,
-  addons: `${homepageUrl}/addons/`,
-  community: `${homepageUrl}/community/`,
-  useCases: `${homepageUrl}/use-cases/`,
-  support: `${homepageUrl}/support/`,
-  team: `${homepageUrl}/team/`,
-
-  // Social
-  blog: `https://medium.com/storybookjs`,
-  twitter: `https://twitter.com/storybookjs`,
-  chat: `https://discord.gg/UUt2PJb`,
-  youtube: `https://www.youtube.com/channel/UCr7Quur3eIyA_oe8FNYexfg`,
-
-  // Brand
-  brand: `${gitHubOrg}/brand`,
-  designSystem: `https://storybooks-official.netlify.com`,
-  badge: `${gitHubOrg}/brand/tree/master/badge`,
-  presentation: `${gitHubOrg}/brand/tree/master/presentation`,
-  video: `${gitHubOrg}/brand/tree/master/video`,
-
-  // Framework docs
-  framework: {
-    react: `${docsUrl}/guides/guide-react/`,
-    reactNative: `${docsUrl}/guides/guide-react-native/`,
-    vue: `${docsUrl}/guides/guide-vue/`,
-    angular: `${docsUrl}/guides/guide-angular/`,
-    ember: `${docsUrl}/guides/guide-ember/`,
-    html: `${docsUrl}/guides/guide-html/`,
-    svelte: `${docsUrl}/guides/guide-svelte/`,
-    mithril: `${docsUrl}/guides/guide-mithril/`,
-    marko: `${docsUrl}/guides/guide-marko/`,
-    riot: `${docsUrl}/guides/guide-riot/`,
-    webComponents: `${docsUrl}/guides/guide-web-components/`,
-  },
-
-  // Official addons
-  officialAddons: {
-    knobs: `${gitHubOrg}/storybook/tree/master/addons/knobs`,
-    actions: `${gitHubOrg}/storybook/tree/master/addons/actions`,
-    source: `${gitHubOrg}/storybook/tree/master/addons/storysource`,
-    info: `${gitHubOrg}/storybook/tree/master/addons/info`,
-    viewport: `${gitHubOrg}/storybook/tree/master/addons/viewport`,
-    storyshots: `${gitHubOrg}/storybook/tree/master/addons/storyshots`,
-    backgrounds: `${gitHubOrg}/storybook/tree/master/addons/backgrounds`,
-    accessibility: `${gitHubOrg}/storybook/tree/master/addons/a11y`,
-    console: `${gitHubOrg}/storybook-addon-console`,
-    links: `${gitHubOrg}/storybook/tree/master/addons/links`,
-  },
-};
diff --git a/docs/src/new-components/basics/shared/styles.js b/docs/src/new-components/basics/shared/styles.js
deleted file mode 100644
index 676852f3296..00000000000
--- a/docs/src/new-components/basics/shared/styles.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import { css } from 'styled-components';
-
-// Global style variables
-export const background = {
-  app: '#F6F9FC',
-  appInverse: '#7A8997',
-  positive: '#E1FFD4',
-  negative: '#FEDED2',
-  warning: '#FFF5CF',
-  critical: '#FF4400',
-};
-
-export const color = {
-  // Palette
-  primary: '#FF4785', // coral
-  secondary: '#1EA7FD', // ocean
-  tertiary: '#DDDDDD',
-
-  orange: '#FC521F',
-  gold: '#FFAE00',
-  green: '#66BF3C',
-  seafoam: '#37D5D3',
-  purple: '#6F2CAC',
-  ultraviolet: '#2A0481',
-
-  // Monochrome
-  lightest: '#FFFFFF',
-  lighter: '#F8F8F8',
-  light: '#F3F3F3',
-  mediumlight: '#EEEEEE',
-  medium: '#DDDDDD',
-  mediumdark: '#999999',
-  dark: '#666666',
-  darker: '#444444',
-  darkest: '#333333',
-
-  border: 'rgba(0,0,0,.05)',
-
-  // Status
-  positive: '#66BF3C',
-  negative: '#FF4400',
-  critical: '#FFFFFF',
-};
-
-export const spacing = {
-  padding: {
-    small: 10,
-    medium: 20,
-    large: 30,
-  },
-  borderRadius: {
-    small: 5,
-    default: 10,
-  },
-};
-
-export const typography = {
-  type: {
-    primary: '"Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif',
-    code: '"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',
-  },
-  weight: {
-    regular: '400',
-    bold: '700',
-    black: '900',
-  },
-  size: {
-    s1: '12',
-    s2: '14',
-    s3: '16',
-    m1: '20',
-    m2: '24',
-    m3: '28',
-    l1: '32',
-    l2: '40',
-    l3: '48',
-    code: '90',
-  },
-};
-
-export const breakpoint = 600;
-export const pageMargin = '5.55555';
-
-export const pageMargins = css`
-  padding: 0 ${spacing.padding.medium}px;
-  @media (min-width: ${breakpoint * 1}px) {
-    margin: 0 ${pageMargin * 1}%;
-  }
-  @media (min-width: ${breakpoint * 2}px) {
-    margin: 0 ${pageMargin * 2}%;
-  }
-  @media (min-width: ${breakpoint * 3}px) {
-    margin: 0 ${pageMargin * 3}%;
-  }
-  @media (min-width: ${breakpoint * 4}px) {
-    margin: 0 ${pageMargin * 4}%;
-  }
-`;
diff --git a/docs/src/new-components/basics/tooltip/Tooltip.js b/docs/src/new-components/basics/tooltip/Tooltip.js
deleted file mode 100644
index 35fdd9561f6..00000000000
--- a/docs/src/new-components/basics/tooltip/Tooltip.js
+++ /dev/null
@@ -1,101 +0,0 @@
-/* eslint-disable react/prop-types */
-// Our wrapper around react-popper that does common stuff.
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled, { css } from 'styled-components';
-import { typography } from '../shared/styles';
-
-const ifPlacementEquals = (placement, value, fallback = 0) => (props) =>
-  props['data-placement'].split('-')[0] === placement ? value : fallback;
-
-const ArrowSpacing = 8;
-
-const Arrow = styled.div`
-  position: absolute;
-  border-style: solid;
-
-  margin-bottom: ${ifPlacementEquals('top', '0', ArrowSpacing)}px;
-  margin-top: ${ifPlacementEquals('bottom', '0', ArrowSpacing)}px;
-  margin-right: ${ifPlacementEquals('left', '0', ArrowSpacing)}px;
-  margin-left: ${ifPlacementEquals('right', '0', ArrowSpacing)}px;
-
-  bottom: ${ifPlacementEquals('top', ArrowSpacing * -1, 'auto')}px;
-  top: ${ifPlacementEquals('bottom', ArrowSpacing * -1, 'auto')}px;
-  right: ${ifPlacementEquals('left', ArrowSpacing * -1, 'auto')}px;
-  left: ${ifPlacementEquals('right', ArrowSpacing * -1, 'auto')}px;
-
-  border-bottom-width: ${ifPlacementEquals('top', '0', ArrowSpacing)}px;
-  border-top-width: ${ifPlacementEquals('bottom', '0', ArrowSpacing)}px;
-  border-right-width: ${ifPlacementEquals('left', '0', ArrowSpacing)}px;
-  border-left-width: ${ifPlacementEquals('right', '0', ArrowSpacing)}px;
-
-  border-top-color: ${ifPlacementEquals('top', 'white', 'transparent')};
-  border-bottom-color: ${ifPlacementEquals('bottom', 'white', 'transparent')};
-  border-left-color: ${ifPlacementEquals('left', 'white', 'transparent')};
-  border-right-color: ${ifPlacementEquals('right', 'white', 'transparent')};
-`;
-
-const TooltipWrapper = styled.div`
-  display: ${(props) => (props.hidden ? 'none' : 'inline-block')};
-  z-index: 2147483647;
-
-  ${(props) =>
-    !props.hasChrome &&
-    css`
-      margin-bottom: ${ifPlacementEquals('top', 8)}px;
-      margin-bottom: ${ifPlacementEquals('top-start', 8)}px;
-      margin-top: ${ifPlacementEquals('bottom', 8)}px;
-      margin-top: ${ifPlacementEquals('bottom-start', 8)}px;
-      margin-left: ${ifPlacementEquals('right', 8)}px;
-      margin-right: ${ifPlacementEquals('left', 8)}px;
-    `};
-
-  ${(props) =>
-    props.hasChrome &&
-    css`
-      margin-bottom: ${ifPlacementEquals('top', ArrowSpacing + 2)}px;
-      margin-top: ${ifPlacementEquals('bottom', ArrowSpacing + 2)}px;
-      margin-left: ${ifPlacementEquals('right', ArrowSpacing + 2)}px;
-      margin-right: ${ifPlacementEquals('left', ArrowSpacing + 2)}px;
-
-      background-image: linear-gradient(
-        -1deg,
-        rgba(248, 248, 248, 0.97) 0%,
-        rgba(255, 255, 255, 0.97) 100%
-      );
-      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
-      border-radius: 4px;
-      font-size: ${typography.size.s1}px;
-    `};
-`;
-
-export default function Tooltip({
-  placement,
-  hasChrome,
-  children,
-  arrowProps,
-  tooltipRef,
-  arrowRef,
-  ...props
-}) {
-  return (
-    <TooltipWrapper hasChrome={hasChrome} data-placement={placement} ref={tooltipRef} {...props}>
-      {hasChrome && <Arrow data-placement={placement} ref={arrowRef} {...arrowProps} />}
-      {children}
-    </TooltipWrapper>
-  );
-}
-
-Tooltip.propTypes = {
-  children: PropTypes.node.isRequired,
-  hasChrome: PropTypes.bool,
-  /* eslint-disable-next-line */
-  arrowProps: PropTypes.any,
-  placement: PropTypes.string,
-};
-Tooltip.defaultProps = {
-  hasChrome: true,
-  placement: 'top',
-  arrowProps: null,
-};
diff --git a/docs/src/new-components/basics/tooltip/Tooltip.stories.js b/docs/src/new-components/basics/tooltip/Tooltip.stories.js
deleted file mode 100644
index b891e7a0a2d..00000000000
--- a/docs/src/new-components/basics/tooltip/Tooltip.stories.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import styled from 'styled-components';
-import Tooltip from './Tooltip';
-
-// Popper would position the tooltip absolutely. We need to make sure we are pos:rel
-const mockPopperProps = { style: { position: 'relative', top: '20px', left: '20px' } };
-
-const Content = styled.div`
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-  background: #eee;
-`;
-
-storiesOf('basics/tooltip/Tooltip', module)
-  .addParameters({
-    component: Tooltip,
-  })
-  .add('basic, default', () => (
-    <Tooltip hasChrome {...mockPopperProps}>
-      <Content>Text</Content>
-    </Tooltip>
-  ))
-  .add('basic, default, bottom', () => (
-    <Tooltip hasChrome placement="bottom" {...mockPopperProps}>
-      <Content>Text</Content>
-    </Tooltip>
-  ))
-  .add('basic, default, left', () => (
-    <Tooltip hasChrome placement="left" {...mockPopperProps}>
-      <Content>Text</Content>
-    </Tooltip>
-  ))
-  .add('basic, default, right', () => (
-    <Tooltip placement="right" {...mockPopperProps}>
-      <Content>Text</Content>
-    </Tooltip>
-  ))
-  .add('no chrome', () => (
-    <Tooltip {...mockPopperProps}>
-      <Content>Text</Content>
-    </Tooltip>
-  ));
diff --git a/docs/src/new-components/basics/tooltip/TooltipLinkList.js b/docs/src/new-components/basics/tooltip/TooltipLinkList.js
deleted file mode 100644
index e6b52b8d39d..00000000000
--- a/docs/src/new-components/basics/tooltip/TooltipLinkList.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import ListItem from '../ListItem';
-
-const List = styled.div`
-  min-width: 180px;
-  overflow: hidden;
-  overflow-y: auto;
-  max-height: ${11.5 * 32 /* 11.5 items */};
-`;
-
-function TooltipLinkList({ links, LinkWrapper }) {
-  return (
-    <List>
-      {links.map(({ title, href, onClick, active, isGatsby, ...props }, index) => (
-        <ListItem
-          /* eslint-disable react/no-array-index-key */
-          key={index}
-          title={title}
-          onClick={onClick}
-          active={active}
-          href={href}
-          LinkWrapper={isGatsby ? LinkWrapper : null}
-          {...props}
-        />
-      ))}
-    </List>
-  );
-}
-
-TooltipLinkList.propTypes = {
-  links: PropTypes.arrayOf(
-    PropTypes.shape({
-      title: PropTypes.node.isRequired,
-      href: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({})]),
-      onClick: PropTypes.func,
-      active: PropTypes.bool,
-    }).isRequired
-  ).isRequired,
-  LinkWrapper: PropTypes.shape(),
-};
-
-TooltipLinkList.defaultProps = {
-  LinkWrapper: ListItem.defaultProps.LinkWrapper,
-};
-
-export default TooltipLinkList;
diff --git a/docs/src/new-components/basics/tooltip/TooltipLinkList.stories.js b/docs/src/new-components/basics/tooltip/TooltipLinkList.stories.js
deleted file mode 100644
index 5db1f661165..00000000000
--- a/docs/src/new-components/basics/tooltip/TooltipLinkList.stories.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import WithTooltip from './WithTooltip';
-
-import TooltipLinkList from './TooltipLinkList';
-import StoryLinkWrapper from '../../lib/StoryLinkWrapper';
-
-export const links = [
-  { title: 'Link', href: 'http://google.com' },
-  { title: 'Link', href: 'http://google.com' },
-  { title: 'callback', onClick: action('onClick') },
-];
-
-storiesOf('basics/tooltip/TooltipLinkList', module)
-  .addParameters({
-    component: TooltipLinkList,
-  })
-  .addDecorator((storyFn) => (
-    <div style={{ height: '300px' }}>
-      <WithTooltip placement="top" trigger="click" startOpen tooltip={storyFn()}>
-        <div>Tooltip</div>
-      </WithTooltip>
-    </div>
-  ))
-  .add('links', () => <TooltipLinkList links={links.slice(0, 2)} LinkWrapper={StoryLinkWrapper} />)
-  .add('links and callback', () => (
-    <TooltipLinkList links={links} LinkWrapper={StoryLinkWrapper} />
-  ));
diff --git a/docs/src/new-components/basics/tooltip/TooltipMessage.js b/docs/src/new-components/basics/tooltip/TooltipMessage.js
deleted file mode 100644
index ff6adb95ce1..00000000000
--- a/docs/src/new-components/basics/tooltip/TooltipMessage.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { color, typography } from '../shared/styles';
-import Link from '../Link';
-
-const Title = styled.div`
-  font-weight: ${typography.weight.black};
-`;
-
-const Desc = styled.span``;
-
-const Links = styled.div`
-  margin-top: 8px;
-  text-align: center;
-
-  > * {
-    margin: 0 8px;
-    font-weight: ${typography.weight.black};
-  }
-`;
-
-const Message = styled.div`
-  color: ${color.darker};
-  line-height: 18px;
-`;
-
-const MessageWrapper = styled.div`
-  padding: 15px;
-  width: 280px;
-  box-sizing: border-box;
-`;
-
-function TooltipMessage({ title, desc, links }) {
-  return (
-    <MessageWrapper>
-      <Message>
-        {title && <Title>{title}</Title>}
-        {desc && <Desc>{desc}</Desc>}
-      </Message>
-      {links && (
-        <Links>
-          {links.map(({ title: linkTitle, ...other }) => (
-            <Link {...other} key={linkTitle}>
-              {linkTitle}
-            </Link>
-          ))}
-        </Links>
-      )}
-    </MessageWrapper>
-  );
-}
-
-TooltipMessage.propTypes = {
-  title: PropTypes.node,
-  desc: PropTypes.node,
-  links: PropTypes.arrayOf(
-    PropTypes.shape({
-      title: PropTypes.string.isRequired,
-    })
-  ),
-};
-
-TooltipMessage.defaultProps = {
-  title: null,
-  desc: null,
-  links: null,
-};
-
-export default TooltipMessage;
diff --git a/docs/src/new-components/basics/tooltip/TooltipMessage.stories.js b/docs/src/new-components/basics/tooltip/TooltipMessage.stories.js
deleted file mode 100644
index e9b3a14d34c..00000000000
--- a/docs/src/new-components/basics/tooltip/TooltipMessage.stories.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import WithTooltip from './WithTooltip';
-
-import TooltipMessage from './TooltipMessage';
-
-storiesOf('basics/tooltip/TooltipMessage', module)
-  .addParameters({
-    component: TooltipMessage,
-  })
-  .addDecorator((storyFn) => (
-    <div style={{ height: '300px' }}>
-      <WithTooltip placement="top" trigger="click" startOpen tooltip={storyFn()}>
-        <div>Tooltip</div>
-      </WithTooltip>
-    </div>
-  ))
-  .add('default', () => (
-    <TooltipMessage
-      title="Lorem ipsum dolor sit"
-      desc="Amet consectatur vestibulum concet durum politu coret weirom"
-    />
-  ))
-  .add('with link', () => (
-    <TooltipMessage
-      title="Lorem ipsum dolor sit"
-      desc="Amet consectatur vestibulum concet durum politu coret weirom"
-      links={[{ title: 'Continue', href: 'test' }]}
-    />
-  ))
-  .add('with links', () => (
-    <TooltipMessage
-      title="Lorem ipsum dolor sit"
-      desc="Amet consectatur vestibulum concet durum politu coret weirom"
-      links={[
-        { title: 'Get more tips', href: 'test' },
-        { title: 'Done', href: 'test' },
-      ]}
-    />
-  ))
-  .add('minimal message', () => (
-    <TooltipMessage desc="Amet consectatur vestibulum concet durum politu coret weirom" />
-  ));
diff --git a/docs/src/new-components/basics/tooltip/TooltipNote.js b/docs/src/new-components/basics/tooltip/TooltipNote.js
deleted file mode 100644
index 6676a0668fd..00000000000
--- a/docs/src/new-components/basics/tooltip/TooltipNote.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { color, typography } from '../shared/styles';
-
-const Note = styled.div`
-  padding: 2px 6px;
-  line-height: 16px;
-  font-size: 10px;
-  font-weight: ${typography.weight.bold};
-  color: ${color.lightest};
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
-  border-radius: 4px;
-  white-space: nowrap;
-  pointer-events: none;
-  z-index: -1;
-  background: rgba(0, 0, 0, 0.4);
-  margin: 6px;
-`;
-
-export default function TooltipNote({ note }) {
-  return <Note>{note}</Note>;
-}
-
-TooltipNote.propTypes = {
-  note: PropTypes.string.isRequired,
-};
diff --git a/docs/src/new-components/basics/tooltip/TooltipNote.stories.js b/docs/src/new-components/basics/tooltip/TooltipNote.stories.js
deleted file mode 100644
index aa3f62b3018..00000000000
--- a/docs/src/new-components/basics/tooltip/TooltipNote.stories.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import WithTooltip from './WithTooltip';
-
-import TooltipNote from './TooltipNote';
-
-storiesOf('basics/tooltip/TooltipNote', module)
-  .addParameters({
-    component: TooltipNote,
-  })
-  .addDecorator((storyFn) => (
-    <div style={{ height: '300px' }}>
-      <WithTooltip hasChrome={false} placement="top" trigger="click" startOpen tooltip={storyFn()}>
-        <div>Tooltip</div>
-      </WithTooltip>
-    </div>
-  ))
-  .add('default', () => <TooltipNote note="Lorem ipsum dolor" />);
diff --git a/docs/src/new-components/basics/tooltip/WithTooltip.js b/docs/src/new-components/basics/tooltip/WithTooltip.js
deleted file mode 100644
index 18e9fca4610..00000000000
--- a/docs/src/new-components/basics/tooltip/WithTooltip.js
+++ /dev/null
@@ -1,94 +0,0 @@
-/* eslint-disable react/prop-types */
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import TooltipTrigger from 'react-popper-tooltip';
-
-import Tooltip from './Tooltip';
-
-// A target that doesn't speak popper
-// prettier-ignore
-const TargetContainer = styled.div`
-  display: inline-block;
-  cursor: ${props => props.mode === 'hover' ? 'default' : 'pointer'};
-`;
-
-const TargetSvgContainer = styled.g`
-  cursor: ${(props) => (props.mode === 'hover' ? 'default' : 'pointer')};
-`;
-
-function WithTooltip({
-  svg,
-  trigger,
-  closeOnClick,
-  placement,
-  modifiers,
-  hasChrome,
-  tooltip,
-  children,
-  startOpen,
-  // tooltipShown,
-  // onVisibilityChange,
-  ...props
-}) {
-  const [tooltipShown, onVisibilityChange] = useState(startOpen);
-  const Container = svg ? TargetSvgContainer : TargetContainer;
-  return (
-    <TooltipTrigger
-      placement={placement}
-      trigger={trigger}
-      tooltipShown={tooltipShown}
-      onVisibilityChange={onVisibilityChange}
-      modifiers={modifiers}
-      tooltip={({
-        getTooltipProps,
-        getArrowProps,
-        tooltipRef,
-        arrowRef,
-        placement: tooltipPlacement,
-      }) => (
-        <Tooltip
-          hasChrome={hasChrome}
-          placement={tooltipPlacement}
-          tooltipRef={tooltipRef}
-          arrowRef={arrowRef}
-          arrowProps={getArrowProps()}
-          {...getTooltipProps()}
-        >
-          {typeof tooltip === 'function'
-            ? tooltip({ onHide: () => onVisibilityChange(false) })
-            : tooltip}
-        </Tooltip>
-      )}
-    >
-      {({ getTriggerProps, triggerRef }) => (
-        <Container ref={triggerRef} {...getTriggerProps()} {...props}>
-          {children}
-        </Container>
-      )}
-    </TooltipTrigger>
-  );
-}
-
-WithTooltip.propTypes = {
-  svg: PropTypes.bool,
-  trigger: PropTypes.string,
-  closeOnClick: PropTypes.bool,
-  placement: PropTypes.string,
-  modifiers: PropTypes.shape({}),
-  hasChrome: PropTypes.bool,
-  tooltip: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  children: PropTypes.node.isRequired,
-  onVisibilityChange: PropTypes.func.isRequired,
-};
-
-WithTooltip.defaultProps = {
-  svg: false,
-  trigger: 'hover',
-  closeOnClick: false,
-  placement: 'top',
-  modifiers: {},
-  hasChrome: true,
-};
-
-export default WithTooltip;
diff --git a/docs/src/new-components/basics/tooltip/WithTooltip.stories.js b/docs/src/new-components/basics/tooltip/WithTooltip.stories.js
deleted file mode 100644
index ff7b1ebe3e4..00000000000
--- a/docs/src/new-components/basics/tooltip/WithTooltip.stories.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { storiesOf } from '@storybook/react';
-import styled from 'styled-components';
-
-import TooltipMessage from './TooltipMessage';
-import WithTooltip from './WithTooltip';
-
-const ViewPort = styled.div`
-  height: 300px;
-`;
-
-const BackgroundBox = styled.div`
-  width: 500px;
-  height: 500px;
-  overflow-y: scroll;
-  background: #eee;
-  position: relative;
-`;
-
-const Spacer = styled.div`
-  height: 100px;
-`;
-
-const Trigger = styled.div`
-  width: 200px;
-  height: 100px;
-  background-color: red;
-  color: white;
-`;
-
-const Tooltip = ({ onHide }) => (
-  <TooltipMessage
-    title="Lorem ipsum dolor sit"
-    desc="Amet consectatur vestibulum concet durum politu coret weirom"
-    links={[{ title: 'Continue', onClick: onHide }]}
-  />
-);
-
-Tooltip.propTypes = {
-  onHide: PropTypes.func,
-};
-
-Tooltip.defaultProps = {
-  onHide: null,
-};
-
-storiesOf('basics/tooltip/WithTooltip', module)
-  .addParameters({
-    component: WithTooltip,
-  })
-  .addDecorator((storyFn) => (
-    <ViewPort>
-      <BackgroundBox>
-        <Spacer />
-        {storyFn()}
-      </BackgroundBox>
-    </ViewPort>
-  ))
-  .add('simple hover', () => (
-    <WithTooltip placement="top" trigger="hover" tooltip={<Tooltip />}>
-      <Trigger>Hover me!</Trigger>
-    </WithTooltip>
-  ))
-  .add('simple hover, functional', () => (
-    <WithTooltip placement="top" trigger="hover" tooltip={Tooltip}>
-      <Trigger>Hover me!</Trigger>
-    </WithTooltip>
-  ))
-  .add('simple click', () => (
-    <WithTooltip placement="top" trigger="click" tooltip={<Tooltip />}>
-      <Trigger>Click me!</Trigger>
-    </WithTooltip>
-  ))
-  .add('simple click start open', () => (
-    <WithTooltip placement="top" trigger="click" startOpen tooltip={<Tooltip />}>
-      <Trigger>Click me!</Trigger>
-    </WithTooltip>
-  ))
-  .add('simple click closeOnClick', () => (
-    <WithTooltip placement="top" trigger="click" closeOnClick tooltip={<Tooltip />}>
-      <Trigger>Click me!</Trigger>
-    </WithTooltip>
-  ))
-  .add('no chrome', () => (
-    <WithTooltip placement="top" trigger="click" hasChrome={false} tooltip={<Tooltip />}>
-      <Trigger>Click me!</Trigger>
-    </WithTooltip>
-  ));
diff --git a/docs/src/new-components/layout/Header.js b/docs/src/new-components/layout/Header.js
deleted file mode 100644
index d84630f015e..00000000000
--- a/docs/src/new-components/layout/Header.js
+++ /dev/null
@@ -1,176 +0,0 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-
-import { GlobalStyle } from '../basics/shared/global';
-import { Link, Icon, TooltipLinkList, WithTooltip, styles, site } from '../basics';
-import { navLinks } from './PageLayout';
-
-const { color, typography, spacing, breakpoint } = styles;
-const { metadata, url } = site;
-
-const LogotypeWrapper = styled.a`
-  display: inline-block;
-  img {
-    height: 22px;
-    width: auto;
-    margin-top: 14px;
-    @media (min-width: ${breakpoint}px) {
-      height: 26px;
-      margin-top: 10px;
-    }
-
-    display: block;
-  }
-`;
-
-const Version = styled(Link)`
-  display: inline-block;
-  vertical-align: top;
-  margin-left: 10px;
-  position: relative;
-  top: 2px;
-  font-size: ${typography.size.s1}px;
-  color: ${color.mediumdark};
-`;
-
-const TooltipLinkListWrapper = styled.div`
-  padding: 8px 5px;
-  color: ${color.darkest};
-`;
-
-const NavLink = styled(Link)`
-  font-size: ${typography.size.s2}px;
-  font-weight: ${typography.weight.bold};
-`;
-
-const Menu = styled(Link)`
-  width: 3rem;
-  height: 3rem;
-  border: none !important;
-  text-decoration: none !important;
-  background: none !important;
-  text-align: right;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  svg {
-    vertical-align: top;
-    height: 1rem;
-    width: 1rem;
-    margin: 0;
-  }
-`;
-
-const MobileMenu = styled.div`
-  font-size: ${typography.size.s1}px;
-
-  ${TooltipLinkListWrapper} {
-    padding: 5px 0;
-  }
-`;
-
-const NavItem = styled.div`
-  display: inline-block;
-  line-height: 3rem;
-  height: 3rem;
-  vertical-align: top;
-
-  ${(props) =>
-    props.showDesktop &&
-    css`
-      display: none;
-      @media (min-width: ${breakpoint * 1.333}px) {
-        display: inline-block;
-      }
-    `};
-
-  ${(props) =>
-    props.showMobile &&
-    css`
-      @media (min-width: ${breakpoint * 1.333}px) {
-        display: none;
-      }
-    `};
-`;
-
-const NavGroup = styled.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-
-  ${(props) =>
-    props.right &&
-    css`
-      left: auto;
-      right: 0;
-    `}
-
-  ${NavItem} + ${NavItem} {
-    margin-left: ${spacing.padding.large}px;
-  }
-`;
-
-const Nav = styled.div`
-  height: 3rem;
-  position: relative;
-  text-align: center;
-  z-index: 3;
-  display: flex;
-`;
-
-const NavWrapper = styled.nav`
-  padding-top: 12px;
-  @media (min-width: ${breakpoint}px) {
-    padding-top: 36px;
-  }
-`;
-
-export default function Header({ ...props }) {
-  const mobileMenu = (
-    <MobileMenu>
-      <TooltipLinkList links={navLinks} />
-    </MobileMenu>
-  );
-
-  return (
-    <NavWrapper {...props}>
-      <GlobalStyle />
-
-      <Nav>
-        <NavGroup>
-          <NavItem>
-            <LogotypeWrapper href="/">
-              <img src="https://storybook.js.org/images/logos/logo-storybook.svg" alt="Storybook" />
-            </LogotypeWrapper>
-            <Version href={url.gitHub.releases}>{metadata.latestVersion}</Version>
-          </NavItem>
-        </NavGroup>
-
-        <NavGroup right>
-          {navLinks.map(({ title, href, isGatsby }) => (
-            <NavItem showDesktop key={title}>
-              <NavLink
-                tertiary={1}
-                href={!isGatsby ? href : undefined}
-                to={isGatsby ? href : undefined}
-                isGatsby={isGatsby}
-              >
-                {title}
-              </NavLink>
-            </NavItem>
-          ))}
-
-          <NavItem showMobile>
-            <WithTooltip placement="top" trigger="click" tooltip={mobileMenu}>
-              <Menu secondary icon={1} isButton>
-                <Icon icon="menu" />
-              </Menu>
-            </WithTooltip>
-          </NavItem>
-        </NavGroup>
-      </Nav>
-    </NavWrapper>
-  );
-}
diff --git a/docs/src/new-components/layout/PageLayout.js b/docs/src/new-components/layout/PageLayout.js
deleted file mode 100644
index c47443a8ada..00000000000
--- a/docs/src/new-components/layout/PageLayout.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { site } from '../basics';
-
-const { url } = site;
-
-export const navLinks = [
-  { title: 'Docs', href: url.docs.home, isGatsby: false },
-  { title: 'Tutorials', href: url.tutorials, isGatsby: false },
-  { title: 'Addons', href: url.addons, isGatsby: false },
-  { title: 'Community', href: url.community, isGatsby: false },
-  { title: 'Use cases', href: url.useCases, isGatsby: false },
-  { title: 'Support', href: url.support, isGatsby: false },
-  { title: 'Team', href: url.team, isGatsby: false },
-];
diff --git a/docs/src/new-components/lib/StoryLinkWrapper.js b/docs/src/new-components/lib/StoryLinkWrapper.js
deleted file mode 100644
index 5aed95ece15..00000000000
--- a/docs/src/new-components/lib/StoryLinkWrapper.js
+++ /dev/null
@@ -1,28 +0,0 @@
-// This is allows us to test whether the link works via the actions addon
-import React, { Children } from 'react';
-import PropTypes from 'prop-types';
-import { action } from '@storybook/addon-actions';
-
-const onLinkClick = action('onLinkClick');
-
-export default function StoryLinkWrapper({ href, passHref, children }) {
-  const child = Children.only(children);
-
-  return React.cloneElement(child, {
-    href: passHref && href,
-    onClick: (e) => {
-      e.preventDefault();
-      onLinkClick(href);
-    },
-  });
-}
-
-StoryLinkWrapper.propTypes = {
-  href: PropTypes.string.isRequired,
-  passHref: PropTypes.bool,
-  children: PropTypes.node.isRequired,
-};
-
-StoryLinkWrapper.defaultProps = {
-  passHref: false,
-};
diff --git a/docs/src/pages/404.md b/docs/src/pages/404.md
deleted file mode 100644
index 59ed24f3f2f..00000000000
--- a/docs/src/pages/404.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-path: /404.html
----
-
-# NOT FOUND
-
-You just hit a route that doesn't exist... the sadness.
-We're working on improving this page, sorry.
-
-[Go to the main page](/)
diff --git a/docs/src/pages/_users.yml b/docs/src/pages/_users.yml
deleted file mode 100644
index 607da089eb3..00000000000
--- a/docs/src/pages/_users.yml
+++ /dev/null
@@ -1,86 +0,0 @@
-airbnb:
-  logo: airbnb.svg
-  title: Airbnb Dates
-  description: An internationalizable, mobile-friendly datepicker library for the web.
-  source: https://github.com/airbnb/react-dates
-  demo: http://airbnb.io/react-dates/
-  site: http://airbnb.com
-slack:
-  logo: slack.svg
-  title: Slack Emoji Picker
-  description: Slack improves performance and maintainability with Storybook!
-  demo: https://slack.engineering/rebuilding-slacks-emoji-picker-in-react-bfbd8ce6fbfe
-  site: http://slack.com
-lonelyplanet:
-  logo: lonelyplanet.svg
-  title: Lonely Planet
-  description: All the tools you need to build the Lonely Planet UI experience.
-  source: https://github.com/lonelyplanet/backpack-ui
-  demo: https://lonelyplanet.github.io/backpack-ui/
-  site: https://www.lonelyplanet.com/
-squarespace:
-  logo: squarespace.png
-  title: Squarespace
-  description: Component design and development at Squarespace
-  site: http://squarespace.com
-dbsbank:
-  logo: dbsbank.svg
-  title: DBS Bank
-  description: DBS Bank consumer products improves performance and maintainability with Storybook!
-  site: https://www.dbs.com
-coursera:
-  logo: coursera.svg
-  title: Coursera
-  description: Coursera UI component library
-  site: https://building.coursera.org/ui/
-# buffer:
-#   logo: buffer.svg
-#   title: Buffer Components
-#   description: A collection of Buffer UI React components.
-#   source: https://github.com/bufferapp/buffer-components
-#   demo: https://bufferapp.github.io/buffer-components/
-#   site: https://buffer.com
-# wix:
-#   logo: wix.svg
-#   title: Wix
-#   description: React component library for all Wix verticals
-#   demo: https://wix.github.io/wix-style-react/
-#   source: https://github.com/wix/wix-style-react
-#   source2: https://github.com/wix/react-native-storybook-example/
-# algolia:
-#   logo: algolia.svg
-#   title: Algolia Instantsearch
-#   description: Lightning-fast, hyper-configurable search.
-#   source: https://github.com/algolia/react-instantsearch/
-#   demo: https://community.algolia.com/react-instantsearch/storybook/
-# mozilla:
-#   logo: mozilla.svg
-#   title: Mozilla Foundation
-#   site: https://mozilla.org
-# remitly:
-#   logo: remitly.svg
-#   title: Remitly
-#   site: https://remitly.com
-# nulogy:
-#   logo: nulogy.png
-#   title: Nulogy
-#   description: SaaS for Supply Chain
-#   site: https://nulogy.com
-# postmates:
-#   logo: postmates.png
-#   title: Quran.com
-#   site: https://postmates.com
-# appbase:
-#   logo: appbase.svg
-#   title: Appbase Maps
-#   description: A storybook playground for ReactiveMaps and ReactiveSearch.
-#   source: https://github.com/appbaseio/playground
-#   demo: https://opensource.appbase.io/playground/
-#   site: https://appbase.io
-# quran:
-#   logo: quran.svg
-#   title: Quran.com
-#   description: Component library for Quran.com, Quranicaudio.com and Salah.com.
-#   source: https://github.com/quran/common-components
-#   demo: https://quran.github.io/common-components/
-#   site: https://quran.com/
diff --git a/docs/src/pages/addons/addon-gallery/index.md b/docs/src/pages/addons/addon-gallery/index.md
deleted file mode 100644
index 528f17acbd8..00000000000
--- a/docs/src/pages/addons/addon-gallery/index.md
+++ /dev/null
@@ -1,202 +0,0 @@
----
-id: 'addon-gallery'
-title: 'Addon Gallery'
----
-
-This is a list of available addons for Storybook.
-
-## Addons maintained by storybook team.
-
-### [a11y](https://github.com/storybookjs/storybook/tree/master/addons/a11y)
-
-With a11y you can test compliance of your stories with web accessibility standards.
-
-### [Actions](https://github.com/storybookjs/storybook/tree/master/addons/actions)
-
-With actions, you can inspect events related to your components. This is pretty neat when you are manually testing your components.
-
-Also, you can think of this as a way to document events in your components.
-
-### [Links](https://github.com/storybookjs/storybook/tree/master/addons/links)
-
-With links you can link stories together. With that, you can build demos and prototypes directly from your UI components.
-
-### [Knobs](https://github.com/storybookjs/storybook/tree/master/addons/knobs)
-
-Knobs allow you to edit React props dynamically using the Storybook UI.
-You can also use Knobs as dynamic variables inside your stories.
-
-### [Notes](https://github.com/storybookjs/storybook/tree/master/addons/notes)
-
-With this addon, you can write notes for each story in your component. This is pretty useful when you are working with a team.
-
-### [Info](https://github.com/storybookjs/storybook/tree/master/addons/info)
-
-If you are using Storybook as a style guide, then this addon will help you to build a nice-looking style guide with docs, automatic sample source code with a PropType explorer.
-
-### [Options](https://github.com/storybookjs/storybook/tree/master/addons/options)
-
-The Storybook webapp UI can be customised with this addon. It can be used to change the header, show/hide various UI elements and to enable full-screen mode by default.
-
-### [Storyshots](https://github.com/storybookjs/storybook/tree/master/addons/storyshots)
-
-Storyshots is a way to automatically jest-snapshot all your stories. [More info here](/testing/structural-testing/).
-
-### [Console](https://github.com/storybookjs/storybook-addon-console)
-
-Redirects console output (logs, errors, warnings) into Action Logger Panel. `withConsole` decorator notifies from what stories logs are coming.
-
-### [Backgrounds](https://github.com/storybookjs/storybook/tree/master/addons/backgrounds)
-
-With this addon, you can switch between background colors and background images for your preview components. It is really helpful for styleguides.
-
-### [Viewport](https://github.com/storybookjs/storybook/tree/master/addons/viewport)
-
-Viewport allows your stories to be displayed in different sizes and layouts in [Storybook](https://storybook.js.org). This helps build responsive components inside of Storybook.
-
-### [Google Analytics](https://github.com/storybookjs/storybook/tree/master/addons/google-analytics)
-
-Support google analytics in [Storybook](https://storybook.js.org)
-
-### [Storysource](https://github.com/storybookjs/storybook/tree/master/addons/storysource)
-
-Show story source in the addon panel.
-
-## Community Addons
-
-You need to install these addons directly from NPM in order to use them.
-
-### [Readme](https://github.com/tuchk4/storybook-readme)
-
-With this addon, you can add docs in markdown format for each story.
-It's very useful because most projects and components already have README.md files.
-Now you can add them into your Storybook.
-
-### [Story-router](https://github.com/gvaldambrini/storybook-router)
-
-A [decorator](/addons/introduction) that allows you to use your routing-aware components in your stories.
-
-### [Host](https://github.com/philcockfield/storybook-host)
-
-A [decorator](/addons/introduction) with powerful display options for hosting, sizing and framing your components.
-
-### [Specs](https://github.com/mthuret/storybook-addon-specifications)
-
-This is a very special addon where it'll allow you to write test specs directly inside your stories.
-You can even run these tests inside a CI box.
-
-### [Chapters](https://github.com/yangshun/react-storybook-addon-chapters)
-
-With this addon, you can showcase multiple components (or varying component states) within 1 story.
-Break your stories down into smaller categories (chapters) and subcategories (sections) for more organizational goodness.
-
-### [Paddings](https://github.com/rbardini/storybook-addon-paddings)
-
-Add different paddings to your preview. Useful for checking how components behave when surrounded with white space.
-
-### [Props Combinations](https://github.com/evgenykochetkov/react-storybook-addon-props-combinations)
-
-Given possible values for each prop, renders your component with all combinations of prop values.
-Useful for finding edge cases or seeing all component states at once.
-
-### [Performance](https://github.com/atlassian-labs/storybook-addon-performance)
-
-This addon will help you better understand and debug performance for `React` components.
-
-### [Material-UI](https://github.com/sm-react/storybook-addon-material-ui)
-
-Wraps your story into MuiThemeProvider.
-It allows you to add your custom themes, switch between them, make changes in the visual editor and download as JSON file
-
-### [i18n tools](https://github.com/joscha/storybook-addon-i18n-tools)
-
-With this addon, you can test your storybooks with a different text-direction.
-It is very useful if you are working on components that have to work both in LTR as well as in RTL languages.
-
-### [JSX preview](https://github.com/Kilix/storybook-addon-jsx)
-
-This addon shows a preview of the JSX code for each story.
-It allows you to configure the display and copy the code with a single click.
-
-### [Intl](https://github.com/truffls/storybook-addon-intl)
-
-With this addon you will have an additional panel at the bottom which provides you buttons to switch the locale and directly see the result in the preview.
-
-### [Versions](https://github.com/buildit/storybook-addon-versions)
-
-This addon lets you navigate different versions of static Storybook builds. As such you can see how a component has changed over time.
-
-### [Responsive Views](https://github.com/vizeat/storybook-addon-responsive-views)
-
-Preview your stories at a variety of breakpoints, so that you can be sure that your components will look great no matter what screen size.
-
-### [Apollo](https://github.com/abhiaiyer91/apollo-storybook-decorator)
-
-Wrap your stories with the Apollo client for mocking GraphQL queries/mutations.
-
-### [Storycap](https://github.com/reg-viz/storycap)
-
-Save the screenshot image of your stories. via [Puppeteer](https://github.com/GoogleChrome/puppeteer).
-
-### [Styles](https://github.com/Sambego/storybook-styles)
-
-Add ability to customize styles in the story preview area
-
-### [Figma](https://github.com/hharnisc/storybook-addon-figma)
-
-Embed [Figma](https://figma.com) designs in a storybook panel.
-
-### [State](https://github.com/Sambego/storybook-state)	
-
-Manage state inside a story using a store. Update components when this state changes.	
-
-### [State](https://github.com/dump247/storybook-state/)
-
-Manage state inside a story. Update components when this state changes.
-Wrap the story in a function call to setup state management. The story can modify
-state properties with the provided store. The addon provides a panel to view and
-reset state.
-
-### [State](https://github.com/adierkens/storybook-addon-state)	
-
-Store/retrieve arbitrary data. Similar to knobs this doesn't add any additional React wrappers to the story, so any other addons used (prop-types, jsx) aren't effected. Has a React hooks like API.
-
-### [story2sketch](https://github.com/chrisvxd/story2sketch)
-
-Convert stories into Sketch 💎 symbols.
-
-### [styled components theme](https://github.com/echoulen/storybook-addon-styled-component-theme)
-
-styled components theme selection.
-
-### [AngularJS](https://github.com/titonobre/storybook-addon-angularjs)
-
-Create stories with AngularJS(1.x) components.
-
-### [JSS theme](https://github.com/vertexbz/storybook-addon-jss-theme)
-
-JSS theme selection.
-
-### [Themes](https://github.com/tonai/storybook-addon-themes)
-
-Allows you to change the theme based on the css class name and adds a theme selection control to storybook panel.
-
-### [React live edit](https://github.com/vertexbz/storybook-addon-react-live-edit)
-
-Provides live react story editing and preview.
-
-### [copy-code-block](https://www.npmjs.com/package/@pickra/copy-code-block)
-
-Display code and copy it to the clipboard. It also has options to customize colors and syntax highlighting for any language. There is similar functionality via [@storybook/addon-info](https://www.npmjs.com/package/@storybook/addon-info) but addon-info doesn't currently work when using [@storybook/html](https://www.npmjs.com/package/@storybook/html).
-
-### [storybook-addon-react-docgen](https://github.com/hipstersmoothie/storybook-addon-react-docgen/)
-
-Display react docgen info. This addon is a drop in replacement for the [@storybook/addon-info](https://www.npmjs.com/package/@storybook/addon-info)'s prop table functionality. Rather than rendering with the component it renders in the addons panel. Works with typescript too!
-
-### [storybook-dark-mode](https://github.com/hipstersmoothie/storybook-dark-mode)
-
-Let your users toggle between a dark and light mode.
-
-
-
-
diff --git a/docs/src/pages/addons/introduction/index.md b/docs/src/pages/addons/introduction/index.md
deleted file mode 100644
index 26087ed917c..00000000000
--- a/docs/src/pages/addons/introduction/index.md
+++ /dev/null
@@ -1,85 +0,0 @@
----
-id: 'introduction'
-title: 'Intro to Addons'
----
-
-By default, Storybook comes with a way to list stories and visualize them. Addons implement extra features for Storybooks to make them more useful.
-
-Basically, there are two types of addons. (Decorators and Native Addons)
-
-## 1. Decorators
-
-Decorators are wrapper components or Storybook decorators that wrap a story.
-
-### Wrapper Components
-
-For example, let's say we want to center a story rendered on the screen. For that, we can use a wrapper component like this:
-
-```js
-const styles = {
-  textAlign: 'center',
-};
-const Center = ({ children }) => <div style={styles}>{children}</div>;
-```
-
-Then we can use it when writing stories.
-
-```js
-import Center from './center';
-import Button from './button';
-
-export default {
-  title: 'Button',
-};
-
-export const defaultView = () => (
-  <Center>
-    <Button>Hello Button</Button>
-  </Center>
-);
-```
-
-### Storybook Decorators
-
-You can also expose this functionality as a Storybook decorator and use it like this:
-
-```js
-import Button from './button';
-import Center from './center';
-
-export default {
-  title: 'Button',
-  decorators: [storyFn => <Center>{storyFn()}</Center>],
-};
-
-export const defaultView = () => (
-  <Button>Hello Button</Button>
-);
-```
-
-You can also add a decorator globally for all stories like this:
-
-in `.storybook/preview.js`:
-
-```js
-import { addDecorator } from '@storybook/react';
-import Center from './center';
-
-addDecorator(storyFn => <Center>{storyFn()}</Center>);
-```
-
-## 2. Native Addons
-
-Native addons use Storybook as a platform and interact with it. Native addons can add extra features beyond wrapping stories.
-
-For example, [storybook-actions](https://github.com/storybookjs/storybook/tree/master/addons/actions) is such an addon.
-
-![Demo of Storybook Addon Actions](../static/addon-actions-demo.gif)
-
-It will allow you to inspect the parameters of any event of your components.
-
-See the following links to learn more about native addons:
-
-- [Using addons](/addons/using-addons)
-- [Addon gallery](https://storybook.js.org/addons/)
-- [Write your own addon](/addons/writing-addons)
diff --git a/docs/src/pages/addons/static/addon-actions-demo.gif b/docs/src/pages/addons/static/addon-actions-demo.gif
deleted file mode 100644
index 21220819fd0..00000000000
Binary files a/docs/src/pages/addons/static/addon-actions-demo.gif and /dev/null differ
diff --git a/docs/src/pages/addons/static/default-addons.png b/docs/src/pages/addons/static/default-addons.png
deleted file mode 100644
index 37e45c5f885..00000000000
Binary files a/docs/src/pages/addons/static/default-addons.png and /dev/null differ
diff --git a/docs/src/pages/addons/static/stories-with-notes.png b/docs/src/pages/addons/static/stories-with-notes.png
deleted file mode 100644
index 1584dcef9ad..00000000000
Binary files a/docs/src/pages/addons/static/stories-with-notes.png and /dev/null differ
diff --git a/docs/src/pages/addons/static/stories-without-notes.png b/docs/src/pages/addons/static/stories-without-notes.png
deleted file mode 100644
index 81c7c1d9548..00000000000
Binary files a/docs/src/pages/addons/static/stories-without-notes.png and /dev/null differ
diff --git a/docs/src/pages/addons/static/storybook-components.png b/docs/src/pages/addons/static/storybook-components.png
deleted file mode 100644
index c201beb870c..00000000000
Binary files a/docs/src/pages/addons/static/storybook-components.png and /dev/null differ
diff --git a/docs/src/pages/addons/using-addons/index.md b/docs/src/pages/addons/using-addons/index.md
deleted file mode 100644
index 09e0428ec96..00000000000
--- a/docs/src/pages/addons/using-addons/index.md
+++ /dev/null
@@ -1,104 +0,0 @@
----
-id: 'using-addons'
-title: 'Using Addons'
----
-
-> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
-
-Storybook comes with a variety of "core" addons developed and maintained alongside Storybook. Most examples in this site use [actions](https://github.com/storybookjs/storybook/tree/master/addons/actions) and [links](https://github.com/storybookjs/storybook/tree/master/addons/links). But you can use any third party addons distributed via NPM.
-
-Here's how to do it.
-
-We are going to use an addon called [Notes](https://github.com/storybookjs/storybook/tree/master/addons/notes). Basically, it allows you to write notes for your stories.
-
-First, we need to install the addons:
-
-```sh
-yarn add -D @storybook/addons @storybook/addon-actions @storybook/addon-knobs
-```
-
-within `.storybook/main.js`:
-
-```js
-module.exports = {
-  addons: ['@storybook/addon-actions', '@storybook/addon-knobs'],
-};
-```
-
-Once created, you'll have to restart storybook to make the underlying webpack aware of the addons file.
-
-This will register all the addons and you'll be able to see the actions and knobs panels (in that order) when you are viewing the story. (Links do not register a tab--check individual addon docs to see which Storybook features they use!)
-
-![Stories without notes](../static/stories-without-notes.png)
-
-## Addons tab order
-
-The tab order is created by order in which they appear in the array in the `main.js` file.
-
-## Using the addon
-
-Now when you are writing a story, you can import the actions addon to log actions. Also, you can add notes:
-
-```js
-import { action } from '@storybook/addon-actions';
-import Button from './Button';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const buttonWithEmoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-buttonWithEmoji.parameters = {
-  notes: 'A small component',
-};
-```
-
-Then you'll be able to see those notes when you are viewing the story.
-
-![Stories with notes](../static/stories-with-notes.png)
-
-## Disable the addon
-
-You can disable an addon panel for a story by adding a `disabled` parameter.
-
-```js
-import { action } from '@storybook/addon-actions';
-import Button from './Button';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const buttonWithEmoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-buttonWithEmoji.parameters = {
-  notes: { disabled: true },
-};
-```
-
-## Global Configuration
-
-Sometimes you might want to configure an addon globally, as in the case of collocating stories with components, or to keep your stories file cleaner. To do that, you can add your decorators to a config file, typically in `.storybook/preview.js`. Here's an example of how you might do that.
-
-```js
-import { addParameters } from '@storybook/react';
-
-addParameters({
-  notes: 'global notes',
-});
-```
-
-Just like this, you can install any other addon and use it. Have a look at our [addon gallery](https://storybook.js.org/addons/) to discover more addons.
diff --git a/docs/src/pages/addons/writing-addons/index.md b/docs/src/pages/addons/writing-addons/index.md
deleted file mode 100644
index 05283f47127..00000000000
--- a/docs/src/pages/addons/writing-addons/index.md
+++ /dev/null
@@ -1,361 +0,0 @@
----
-id: 'writing-addons'
-title: 'Writing Addons'
----
-
-> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
-
-This is a complete guide on how to create addons for Storybook.
-
-## Storybook Basics
-
-Before we begin, we need to learn a bit about how Storybook works. Basically, Storybook has a **Manager App** and a **Preview Area**.
-
-Manager App is the client side UI for Storybook. Preview Area is the place where the story is rendered. Usually the Preview Area is an iframe.
-
-When you select a story from the Manager App, the relevant story is rendered inside the Preview Area.
-
-![Storybook Components](../static/storybook-components.png)
-
-As shown in the above image, there's a communication channel that the Manager App and Preview Area use to communicate with each other.
-
-## Capabilities
-
-With an addon, you can add more functionality to Storybook. Here are a few things you could do:
-
-- Add a panel to Storybook (like Action Logger).
-- Add a tool to Storybook (like zoom or grid).
-- Add a tab to Storybook (like notes).
-- Interact/communicate with the iframe/manager.
-- Interact/communicate with other addons.
-- Change storybook's state using it's APIs.
-- Navigating.
-- Register keyboard shortcuts (coming soon).
-
-With this, you can write some pretty cool addons. Look at our [Addon gallery](https://storybook.js.org/addons/) to have a look at some sample addons.
-
-## Getting Started
-
-Let's write a simplistic addon for Storybook. We'll add some metadata to the story, which the addon can then use.
-
-### Add metadata using parameters
-
-We write a story for our addon like this:
-
-```js
-import React from 'react';
-import Button from './Button';
-
-export default {
-  title: 'Button',
-  parameters: {
-    myAddon: {
-      data: 'this data is passed to the addon',
-    },
-  },
-};
-```
-
-### Add a panel
-
-We write an addon that responds to a change in story selection like so:
-
-```js
-// register.js
-
-import React from 'react';
-import { addons, types } from '@storybook/addons';
-import { useParameter } from '@storybook/api';
-import { AddonPanel } from '@storybook/components';
-
-const ADDON_ID = 'myaddon';
-const PARAM_KEY = 'myAddon';
-const PANEL_ID = `${ADDON_ID}/panel`;
-
-const MyPanel = () => {
-  const value = useParameter(PARAM_KEY, null);
-  const item = value ? value.data : '';
-  return <div>{item}</div>;
-};
-
-addons.register(ADDON_ID, (api) => {
-  const render = ({ active, key }) => (
-    <AddonPanel active={active} key={key}>
-      <MyPanel />
-    </AddonPanel>
-  );
-  const title = 'My Addon';
-
-  addons.add(PANEL_ID, {
-    type: types.PANEL,
-    title,
-    render,
-    paramKey: PARAM_KEY,
-  });
-});
-```
-
-#### Register the addon
-
-within `.storybook/main.js`:
-
-```js
-module.exports = {
-  addons: ['path/to/addon'],
-};
-```
-
-Now restart/rebuild storybook and the addon should show up!  
-When changing stories, the addon's onStoryChange method will be invoked with the new storyId.
-
-#### TSX Addons
-
-When your addon needs additional typing or you want to keep it locally, you can register it within `.storybook/manager.tsx`
-and import there your TSX components to be compiled by webpack, not requiring an external package nor an additional build step.
-
-```tsx
-// manager.tsx
-
-import React from 'react';
-import { addons } from '@storybook/addons';
-import { AddonPanel } from '@storybook/components';
-import { ADDON_ID, PARAM_KEY, PANEL_ID, MyPanel } from './MyAddon';
-
-addons.register(ADDON_ID, (api) => {
-  addons.addPanel(PANEL_ID, {
-    title: 'My Addon',
-    paramKey: PARAM_KEY,
-    render: ({ active, key }) => (
-      <AddonPanel active={active} key={key}>
-        <MyPanel />
-      </AddonPanel>
-    ),
-  });
-});
-```
-
-#### Note
-
-If you get an error similar to:
-
-```
-ModuleParseError: Module parse failed: Unexpected token (92:22)
-You may need an appropriate loader to handle this file type.
-|       var value = this.state.value;
-|       var active = this.props.active;
->       return active ? <div>{value}</div> : null;
-|     }
-|   }]);
-```
-
-It is likely because you do not have a `.babelrc` file or do not have it configured with the correct presets `{ "presets": ["@babel/preset-env", "@babel/preset-react"] }`
-
-## A more complex addon
-
-If we want to create a more complex addon, one that wraps the component being rendered for example, there are a few more steps.
-Essentially you can start communicating from and to the manager using the storybook API.
-
-Now we need to create two files, `register.js` and `index.js,`.  
-`register.js` will be loaded by the manager (the outer frame) and `index.js` will be loaded in the iframe/preview. If you want your addon to be framework agnostic, THIS is the file where you need to be careful about that.
-
-## Creating a decorator
-
-Let's add the following content to the `index.js`. It will expose a decorator called `withMyAddon` which we use the `.addDecorator()` API to decorate all our stories.
-
-The `@storybook/addons` package contains a `makeDecorator` function which we can use to create such a decorator:
-
-```js
-import React from 'react';
-import addons, { makeDecorator } from '@storybook/addons';
-
-export default makeDecorator({
-  name: 'withMyAddon',
-  parameterName: 'myParameter',
-  // This means don't run this decorator if the notes decorator is not set
-  skipIfNoParametersOrOptions: true,
-  wrapper: (getStory, context, { parameters }) => {
-    const channel = addons.getChannel();
-
-    // Our API above sets the notes parameter to a string,
-    // which we send to the channel
-    channel.emit('my/customEvent', parameters);
-    // we can also add subscriptions here using channel.on('eventName', callback);
-
-    return getStory(context);
-  },
-});
-```
-
-In this case, our component can access something called the channel. It lets us communicate with the panel (in the manager).
-It has a NodeJS [EventEmitter](https://nodejs.org/api/events.html) compatible API.
-
-In the above case, it will emit the notes' text to the channel, so our panel can listen to it.
-
-Then add the following code to the `register.js`.
-
-The storybook API itself has `.on()`, `.off()` and `.emit()` methods just like the [EventEmitter](https://nodejs.org/api/events.html).
-
-A very convenient way of using the channel in the manager is using the `useChannel` hook.
-
-```js
-import React from 'react';
-import { addons } from '@storybook/addons';
-import { useChannel } from '@storybook/api';
-import { STORY_CHANGED } from '@storybook/core-events';
-import { AddonPanel } from '@storybook/components';
-
-const MyPanel = () => {
-  const emit = useChannel({
-    STORY_RENDERED: (id) => {
-      /* do something */
-    },
-    'my/customEvent': () => {
-      /* so something */
-    },
-  });
-
-  return <button onClick={() => emit('my/otherEvent')}>click to emit</button>;
-};
-
-// Register the addon with a unique name.
-addons.register('my/addon', (api) => {
-  // Also need to set a unique name to the panel.
-  addons.addPanel('my/addon/panel', {
-    title: 'My Addon',
-    render: ({ active, key }) => (
-      <AddonPanel key={key} active={active}>
-        <MyPanel />
-      </AddonPanel>
-    ),
-  });
-});
-```
-
-It will register our addon and add a panel. In that we'll render React component called `MyPanel`.
-
-Using the hook, we'll listen for events and gain access to the `emit` function for emitting events from our component.
-
-> In this example, we are only sending messages from the Preview Area to the Manager App (our panel).
-
-It also listens to another event, called onStory, in the storybook API, which fires when the user selects a story.
-
-Multiple addons can be loaded, but only a single panel can be shown, the render function will receive an `active` prop, which is true if the addon is shown. It is up to you to decide if this mean your component must be unmounted, or visually hidden. This allows you to keep state but unmount expensive renderings.
-
-The `AddonPanel` component will stop rendering of it's children if it's `active`-prop is false.
-
-A great way of preserving state even when your component is unmounted is using the `useAddonState` hook:
-
-```js
-export const Panel = () => {
-  const [state, setState] = useAddonState('my/addon-id', 'initial state');
-
-  return <button onClick={() => setState('a new value')}>the state = "{state}"</button>;
-};
-```
-
-This will store your addon's state into storybook core state, and so when your component gets unmounted & remounted, the state will be restored.
-
-This is also a great way to sync state between multiple components of the same addon.
-
-### Using the complex addon
-
-within `.storybook/main.js`:
-
-```js
-module.exports = {
-  addons: ['path/to/addon'],
-};
-```
-
-Then you need to start using the decorator:
-
-```js
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import withMyAddon from 'path/to/index.js';
-
-import Button from './Button';
-
-export default {
-  title: 'Button',
-  decorators: [withMyAddon],
-};
-
-export const defaultView = () => <Button>Hello Button</Button>;
-defaultView.parameters = {
-  myParameter: { data: 'awesome' },
-};
-```
-
-### Disabling an addon panel
-
-It's possible to disable an addon panel for a particular story.
-
-To offer that capability, you need to pass the paramKey when you register the panel
-
-```js
-addons.register(ADDON_ID, () => {
-  addons.add(PANEL_ID, {
-    type: types.PANEL,
-    title: 'My Addon',
-    render: () => <div>Addon tab content</div>,
-    paramKey: 'myAddon',
-  });
-});
-```
-
-While adding a story, you can then pass a `disabled` parameter.
-
-```js
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import withMyAddon from 'path/to/index.js';
-
-export default {
-  title: 'Button',
-  decorators: [withMyAddon],
-  parameters: {
-    myAddon: { disable: true },
-  },
-};
-```
-
-## Styling your addon
-
-We use [emotion](https://emotion.sh) for styling, AND we provide a theme which can be set by the user!
-
-We highly recommend you also use emotion to style your components for storybook, but it's not a requirement. You can use inline styles or another css-in-js lib. You can receive the theme as a prop by using the `withTheme` hoc from emotion. [Read more about theming](/configurations/theming).
-
-But if you do use emotion, you can use the active storybook theme, which benefits users.
-
-## Re-using existing components
-
-Wouldn't it be awesome if we provided you with some common used components you could use to build out your own addon quickly and fit in right away?
-Good news! WE DO! We publish most of storybook's UI components as a package: `@storybook/components`. You can check them out in [our storybook](https://storybookjs.netlify.com/) (pretty meta right?).
-
-## Addon API
-
-Here we've only used a few functionalities of our [Addon API](/addons/api).
-You can learn more about the complete API [here](/addons/api).
-
-## Packaging
-
-It's possible to package this addon into a NPM module. As an example, have a look at this [package](https://github.com/storybookjs/storybook/tree/master/addons/notes).
-
-In addition to moving the above code to a NPM module, we've set `react` and `@storybook/addons` as peer dependencies.
-
-### Local Development
-
-When you are developing your addon as a package, you can't use `npm link` to add it to your project. Instead add your package as a local dependency into your `package.json` as shown below:
-
-```json
-{
-  "dependencies": {
-    "@storybook/addon-custom": "file:///home/username/myrepo"
-  }
-}
-```
-
-### Package Maintenance
-
-Your packaged Storybook addon needs to be written in ES5. If you are using ES6, then you need to transpile it.
diff --git a/docs/src/pages/basics/community/index.md b/docs/src/pages/basics/community/index.md
deleted file mode 100644
index 0306275cb10..00000000000
--- a/docs/src/pages/basics/community/index.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-id: 'community'
-title: 'Community'
----
-
-Storybook is maintained by a [community of users](https://github.com/storybookjs/storybook/graphs/contributors). It's easy to get involved and all contributions are welcome!
-
-You can read about how to get involved in detail in our [Contribution Guide](https://github.com/storybookjs/storybook/blob/master/CONTRIBUTING.md) but at a high level, a good place to get started is:
-
-1.  Report issues at the [issue tracker](https://github.com/storybookjs/storybook/issues).
-2.  Help us to triage issues above, by answering questions, helping to create [reproductions](https://github.com/storybookjs/storybook/blob/master/CONTRIBUTING.md#reproductions), and clarifying feature requests.
-3.  Pitch in with a PR, especially those marked ["good first issue"](https://github.com/storybookjs/storybook/labels/good%20first%20issue).
diff --git a/docs/src/pages/basics/exporting-storybook/index.md b/docs/src/pages/basics/exporting-storybook/index.md
deleted file mode 100644
index 9b1a55a99d9..00000000000
--- a/docs/src/pages/basics/exporting-storybook/index.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-id: 'exporting-storybook'
-title: 'Exporting Storybook as a Static App'
----
-
-Storybook gives a great developer experience with its dev time features, like instant change updates via Webpack's HMR.
-
-But Storybook is also a tool you can use to showcase your components to others.
-Demos of [React Native Web](https://necolas.github.io/react-native-web/docs/) and [React Dates](http://airbnb.io/react-dates/) are a good example for that.
-
-For that, Storybook comes with a tool to export your storybook into a static web app. Then you can deploy it to GitHub pages or any static hosting service.
-
-Add the following NPM script:
-
-```json
-{
-  "scripts": {
-    "build-storybook": "build-storybook -c .storybook -o .out"
-  }
-}
-```
-
-Then run `yarn build-storybook`.
-
-This will build the storybook configured in the Storybook directory into a static web app and place it inside the `.out` directory.
-Now you can deploy the content in the `.out` directory wherever you want.
-
-To test it locally:
-
-```sh
-npx http-server .out
-```
-
-## Deploying to GitHub Pages
-
-Additionally, you can deploy Storybook directly into GitHub pages with our [storybook-deployer](https://github.com/storybookjs/storybook-deployer) tool.
-
-Or, you can export your storybook into the docs directory and use it as the root for GitHub pages. Have a look at [this guide](https://github.com/blog/2233-publish-your-project-documentation-with-github-pages) for more information.
-
-## Deploying to Vercel
-
-[Vercel](https://vercel.com/home) is a cloud platform for hosting static sites and Serverless Functions, that you can use to deploy your Storybook projects to your personal domain (or a free `.now.sh` suffixed URL).
-
-To deploy your Storybook project to Vercel, all that's required is to connect your [Git repository](https://vercel.com/docs/v2/git-integrations) and import the project. The build command, project directory, and project type will be automatically detected upon import.
-
-If you are working with more than just a Storybook project in your repository, and just want to build Storybook for your deployment, be sure to set the `build` script in the `package.json` file to the following:
-
-```
-`"build": "build-storybook -c .storybook -o build"`
-```
-
-Once imported, a deployment will be created. From now on, every time you `git push`, a new [Preview Deployment](https://vercel.com/docs/v2/platform/deployments#preview) will be created. If pushing or merging to the default branch, a [Production Deployment](https://vercel.com/docs/v2/platform/deployments#production) will be triggered.
diff --git a/docs/src/pages/basics/introduction/index.md b/docs/src/pages/basics/introduction/index.md
deleted file mode 100644
index 2b20153738a..00000000000
--- a/docs/src/pages/basics/introduction/index.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-id: 'introduction'
-title: 'Introduction'
----
-
-Storybook is a user interface development environment and playground for UI components.
-The tool enables developers to create components independently and showcase components interactively in an isolated development environment.
-
-Storybook runs outside of the main app so users can develop UI components in isolation without worrying about app specific dependencies and requirements.
-
-![Storybook](../static/screenshot.png)
-
-Storybook also supports a lot of [addons](/addons/introduction) and comes with a flexible API to customize Storybook as desired.
-A [Static version](/basics/exporting-storybook) of Storybook can also be built and deployed to an HTTP server.
-
-Here are some featured Storybooks to see how it works:
-
-- [Demo of React Dates](http://airbnb.io/react-dates/) - [source](https://github.com/airbnb/react-dates)
-- [Demo of React Native Web](https://necolas.github.io/react-native-web/docs/) - [source](https://github.com/necolas/react-native-web)
-
-Read the Learn Storybook [tutorial](https://www.learnstorybook.com) for a step-by-step guide to building an app with Storybook and to see how building components in isolation can supercharge your app development workflow.
diff --git a/docs/src/pages/basics/static/basic-stories.png b/docs/src/pages/basics/static/basic-stories.png
deleted file mode 100644
index 750b2d63268..00000000000
Binary files a/docs/src/pages/basics/static/basic-stories.png and /dev/null differ
diff --git a/docs/src/pages/basics/static/screenshot.png b/docs/src/pages/basics/static/screenshot.png
deleted file mode 100644
index 750b2d63268..00000000000
Binary files a/docs/src/pages/basics/static/screenshot.png and /dev/null differ
diff --git a/docs/src/pages/basics/toolbar-guide/index.md b/docs/src/pages/basics/toolbar-guide/index.md
deleted file mode 100644
index fcaaecc75a9..00000000000
--- a/docs/src/pages/basics/toolbar-guide/index.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-id: 'toolbar-guide'
-title: 'Toolbar'
----
-
-Storybook comes with a toolbar which is displayed by default as part of the layout with a default height of `40px`.
-
-The user can toggle whether to hide or display the toolbar. It is on display by default and set on the canvas tab. This feature can be toggled as one of the [Global options](https://storybook.js.org/docs/configurations/options-parameter/).
-
-To hide or display the toolbar, the user should toggle the `isToolshown` key in `config.js`,
-
-```jsx
-addParameter({
-  options: {
-    /**
-     * show/hide tool bar
-     * @type {Boolean}
-     */
-    isToolshown: true,
-  },
-});
-```
-
-The toolbar is not an addon but provides easy access to them. Both Canvas and docs are tabs within the toolbar. While on the canvas tab users have access to the following default features:
-
-- Zoom-in, zoom-out, and reset-zoom on the preview
-- Change the background of the preview
-- Adjust for color blindness emulation
-- Make the preview full screen
-- Open the canvas in a new tab
-- Copy canvas link
-
-On the other hand, the [DocsPage](https://github.com/storybookjs/storybook/tree/master/addons/docs#docspage) is also not an addon but the successor to addon-info. The user has access to the DocsPage when `Docs` is installed. It is added to the toolbar by default with zero config required.
-
-A user can [write custom addons](https://storybook.js.org/docs/addons/writing-addons/) and add them to the toolbar. This can be achieved by modifying a the value for `type` when registering an addon.
-
-For an addon to be displayed in the toolbar, the user must add the `TAB` type to the addon. The user must also add the `route` and `match` key/value pairs.
-
-```jsx
-import React from 'react';
-import { addons, types } from '@storybook/addons';
-
-const ADDON_ID = 'myaddon';
-const PARAM_KEY = 'myAddon';
-const PANEL_ID = `${ADDON_ID}/tab`;
-
-addons.register(ADDON_ID, api => {
-  const render = ({ active, key }) => (
-    <div>
-      <SomeComponent />
-    </div>
-  );
-  const title = 'My Addon';
-
-  addons.add(PANEL_ID, {
-    type: types.TAB,
-    route: ({ storyId }) => `/info/${storyId}`,
-    match: ({ viewMode }) => viewMode === 'info',
-    title,
-    render,
-  });
-});
-```
diff --git a/docs/src/pages/basics/writing-stories/index.md b/docs/src/pages/basics/writing-stories/index.md
deleted file mode 100644
index 673b560e124..00000000000
--- a/docs/src/pages/basics/writing-stories/index.md
+++ /dev/null
@@ -1,390 +0,0 @@
----
-id: 'writing-stories'
-title: 'Writing Stories'
----
-
-> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
-
-A Storybook is a collection of stories. Each story represents a single visual state of a component.
-
-> Technically, a story is a function that returns something that can be rendered to screen.
-
-## Basic story
-
-Here is an example of stories for a `Button` component:
-
-```js
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import Button from './Button';
-
-export default {
-  component: Button,
-  title: 'Button',
-};
-
-export const text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-```
-
-This is what you'll see in Storybook:
-
-![Basic stories](../static/basic-stories.png)
-
-The named exports define the Button's stories, and the `default` export defines metadata that applies to the group. In this case, the `component` is `Button`. The `title` determines the title of the group in Storybook's left-hand navigation panel and should be unique, i.e. not re-used across files. In this case it's located at the top level, but typically it's [positioned within the story hierarchy](#story-hierarchy).
-
-This example is written in Storybook's [Component Story Format (CSF)](../../formats/component-story-format/). Storybook also supports:
-
-- a classic [storiesOf API](../../formats/storiesof-api/), which adds stories through Storybook's API.
-- an experimental [MDX syntax](../../formats/mdx-syntax/), which mixes longform Markdown docs and JSX stories.
-
-Since CSF is a new addition to Storybook, most Storybook examples you'll find in the wild are written to the [storiesOf API](../../formats/storiesof-api/).
-
-Furthermore, Storybook for React Native currently only supports the `storiesOf` format. React Native will get CSF and MDX support in a future release.
-
-## Story file location
-
-Stories are easier to maintain when they are located alongside the components they document. We recommend:
-
-```plaintext
-•
-└── src
-    └── components
-        └── button
-            ├── button.js
-            └── button.stories.js
-```
-
-It's up to you to find a naming/placing scheme that works for your project/team. Other naming conventions:
-
-<details>
-  <summary>stories sub-directory in component directory</summary>
-
-```plaintext
-•
-└── src
-    └── components
-        └── button
-            ├── button.js
-            └── stories
-                └── button.stories.js
-```
-
-</details>
-
-<details>
-  <summary>stories directory outside src directory</summary>
-
-```plaintext
-•
-├── src
-│   └── components
-│       └── button.js
-└── stories
-    └── button.stories.js
-```
-
-</details>
-
-## Loading stories
-
-Stories are loaded in the `.storybook/main.js` file or `.storybook/preview.js` file.
-
-The most convenient way to load stories is by filename. For example, if your stories files are located in the `src/components` directory, you can use the following snippet:
-
-```js
-// .storybook/main.js
-module.exports = {
-  stories: ['../src/components/**/*.stories.js'],
-};
-```
-
-Alternatively you can import all your stories in `.storybook/preview.js`:
-
-```js
-import { configure } from '@storybook/react';
-
-configure(require.context('../src/components', true, /\.stories\.js$/), module);
-```
-
-> NOTE: The `configure` function should be called only once in `.storybook/preview.js`.
-
-The `configure` function accepts:
-
-- A single `require.context` "`req`"
-- An array of `req`s to load from multiple locations
-- A loader function that should return void or an array of module exports
-
-If you want to load from multiple locations, you can use an array:
-
-```js
-import { configure } from '@storybook/react';
-
-configure(
-  [
-    require.context('../src/components', true, /\.stories\.js$/),
-    require.context('../lib', true, /\.stories\.js$/),
-  ],
-  module
-);
-```
-
-Or if you want to do some custom loading logic, you can use a loader function. Just remember to return an array of module exports if you want to use Component Story Format. Here's an example that forces files to load in a specific order.
-
-```js
-import { configure } from '@storybook/react';
-
-const loaderFn = () => [
-  require('./welcome.stories.js'),
-  require('./prelude.stories.js'),
-  require('./button.stories.js'),
-  require('./input.stories.js'),
-];
-
-configure(loaderFn, module);
-```
-
-Here's another example that mixes manual loading with glob-style loading:
-
-```js
-import { configure } from '@storybook/react';
-
-const loaderFn = () => {
-  const allExports = [require('./welcome.stories.js')];
-  const req = require.context('../src/components', true, /\.stories\.js$/);
-  req.keys().forEach((fname) => allExports.push(req(fname)));
-  return allExports;
-};
-
-configure(loaderFn, module);
-```
-
-Storybook uses Webpack's [require.context](https://webpack.js.org/guides/dependency-management/#requirecontext) to load modules dynamically. Take a look at the relevant Webpack [docs](https://webpack.js.org/guides/dependency-management/#requirecontext) to learn more about how to use `require.context`.
-
-If you are using the `storiesOf` API directly, or are using `@storybook/react-native` where CSF is unavailable, you should use a loader function with **no return value**:
-
-```js
-import { configure } from '@storybook/react';
-
-const loaderFn = () => {
-  // manual loading
-  require('./welcome.stories.js');
-  require('./button.stories.js');
-
-  // dynamic loading, unavailable in react-native
-  const req = require.context('../src/components', true, /\.stories\.js$/);
-  req.keys().forEach((fname) => req(fname));
-};
-
-configure(loaderFn, module);
-```
-
-Furthermore, the **React Native** packager resolves all imports at build-time, so it's not possible to load modules dynamically. There is a third party loader [react-native-storybook-loader](https://github.com/elderfo/react-native-storybook-loader) to automatically generate the import statements for all stories.
-
-## Decorators
-
-A decorator is a way to wrap a story with a common set of components, for example if you want to wrap a story in some formatting, or provide some context to the story.
-
-Decorators can be applied globally, at the component level, or individually at the story level. Global decorators are typically applied in the Storybook config files, and component/story decorators are applied in the story file.
-
-Here is an example of a global decorator which centers every story in the `.storybook/preview.js`:
-
-```jsx
-import React from 'react';
-import { addDecorator } from '@storybook/react';
-
-addDecorator((storyFn) => <div style={{ textAlign: 'center' }}>{storyFn()}</div>);
-```
-
-> \* In Vue projects you have to use the special component `<story/>` instead of the function parameter `storyFn` that is used in React projects, even if you are using JSX, for example:
->
-> ```jsx
-> var decoratorVueJsx = () => ({
->   render() {
->     return (
->       <div style={{ textAlign: 'center' }}>
->         <story />
->       </div>
->     );
->   },
-> });
-> addDecorator(decoratorVueJsx);
->
-> var decoratorVueTemplate = () => ({ template: `<div style="text-align:center"><story/></div>` });
-> addDecorator(decoratorVueTemplate);
-> ```
-
-And here's an example of component/local decorators. The component decorator wraps all the stories in a yellow frame, and the story decorator wraps a single story in an additional red frame.
-
-```jsx
-import React from 'react';
-import MyComponent from './MyComponent';
-
-export default {
-  title: 'MyComponent',
-  decorators: [(storyFn) => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>],
-};
-
-export const normal = () => <MyComponent />;
-export const special = () => <MyComponent text="The Boss" />;
-special.decorators = [(storyFn) => <div style={{ border: '5px solid red' }}>{storyFn()}</div>];
-```
-
-Decorators are not only for story formatting, they are generally useful for any kind of context needed by a story.
-
-- Theming libraries require a theme to be passed in through context. Rather than redefining this in every story, add a decorator.
-- Likewise, state management libraries like Redux provide a global data store through context.
-- Finally, Storybook [addons](../../addons/introduction) heavily use decorators. For example, the Storybook's [Knobs addon](https://github.com/storybookjs/storybook/tree/next/addons/knobs) uses decorators to modify the input properties of the story based on a UI.
-
-## Parameters
-
-Parameters are custom metadata for a story. Like decorators, they can also be hierarchically applied: globally, at the component level, or locally at the story level.
-
-Here's an example where we are annotating our stories with [Markdown](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) notes using parameters, to be displayed in the [Notes addon](https://github.com/storybookjs/storybook/tree/next/addons/notes).
-
-We first apply some notes globally in the `.storybook/preview.js`.
-
-```js
-import { load, addParameters } from '@storybook/react';
-import defaultNotes from './instructions.md';
-
-addParameters({ notes: defaultNotes });
-```
-
-This would make sense if, for example, `instructions.md` contained instructions on how to document your components when there is no documentation available.
-
-Then for components that did have documentation, we might override it at the component/story level:
-
-```jsx
-import React from 'react';
-import MyComponent from './MyComponent';
-import componentNotes from './notes.md';
-import specialNotes from './special.md';
-
-export default {
-  title: 'MyComponent',
-  parameters: { notes: componentNotes },
-};
-
-export const small = () => <MyComponent text="small" />;
-export const medium = () => <MyComponent text="medium" />;
-export const special = () => <MyComponent text="The Boss" />;
-special.parameters = {
-  notes: specialNotes,
-};
-```
-
-In this example, the `small` and `medium` stories get the component notes documented in `notes.md` (as opposed to the generic instructions in `instructions.md`). The `special` story gets some special notes.
-
-## Searching
-
-By default, search results will show up based on the file name of your stories. As of storybook 5, you can extend this with `notes` to have certain stories show up when the search input contains matches. For example, if you built a `Callout` component that you want to be found by searching for `popover` or `tooltip` as well, you could use `notes` like this:
-
-```jsx
-export const callout = () => <Callout>Some children</Callout>;
-callout.parameters = {
-  notes: 'popover tooltip',
-};
-```
-
-## Story hierarchy
-
-Stories can be organized in a nested structure using "/" as a separator.
-
-For example the following snippets nest the `Button` and `Checkbox` components within the `Atoms` group, under a top-level heading called `Design System`.
-
-```jsx
-// Button.stories.js
-import React from 'react';
-import Button from './Button';
-
-export default {
-  title: 'Design System/Atoms/Button',
-};
-export const normal = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-```
-
-```jsx
-// Checkbox.stories.js
-import React from 'react';
-import Checkbox from './Checkbox';
-
-export default {
-  title: 'Design System/Atoms/Checkbox',
-};
-export const empty = () => <Checkbox label="empty" />;
-export const checked = () => <Checkbox label="checked" checked />;
-```
-
-By default the top-level heading will be treated as any other group, but if you'd like it to be given special emphasis as a "root", use the `showRoots` config option. See the
-[configuration options parameter](/configurations/options-parameter) page to learn more.
-
-## Generating nesting path based on \_\_dirname
-
-Nesting paths can be programmatically generated with template literals because story names are strings.
-
-One example would be to use `base` from [`paths.macro`](https://github.com/storybookjs/paths.macro):
-
-```js
-import React from 'react';
-import base from 'paths.macro';
-import BaseButton from '../components/BaseButton';
-
-export default {
-  title: `Other/${base}/Dirname Example`,
-};
-export const story1 = () => <BaseButton label="Story 1" />;
-export const story2 = () => <BaseButton label="Story 2" />;
-```
-
-_This uses [babel-plugin-macros](https://github.com/kentcdodds/babel-plugin-macros)_.
-
-## Run multiple storybooks
-
-Multiple storybooks can be built for different kinds of stories or components in a single repository by specifying different port numbers in the start scripts:
-
-```json
-{
-  "scripts": {
-    "start-storybook-for-theme": "start-storybook -p 9001 -c .storybook-theme",
-    "start-storybook-for-app": "start-storybook -p 8001 -c .storybook-app"
-  }
-}
-```
-
-## Permalinking to stories
-
-Sometimes you might wish to change the name of a story or its position in the hierarchy, but preserve the link to the story or its documentation. Here's how to do it.
-
-Consider the following story:
-
-```js
-export default {
-  title: 'Foo/Bar',
-};
-
-export const Baz = () => <MyComponent />;
-```
-
-Storybook's ID-generation logic will give this the ID `foo-bar--baz`, so the link would be `?path=/story/foo-bar--baz`.
-
-Now suppose you want to change the position in the hierarchy to `OtherFoo/Bar` and the story name to `Moo`. Here's how to do that:
-
-```js
-export default {
-  title: 'OtherFoo/Bar',
-  id: 'Foo/Bar', // or 'foo-bar' if you prefer
-};
-
-export const Baz = () => <MyComponent />;
-Baz.storyName = 'Moo';
-```
-
-Storybook will prioritize the `id` over the title for ID generation, if provided, and will prioritize the `story.name` over the export key for display.
diff --git a/docs/src/pages/configurations/add-custom-body/index.md b/docs/src/pages/configurations/add-custom-body/index.md
deleted file mode 100644
index 371a868d413..00000000000
--- a/docs/src/pages/configurations/add-custom-body/index.md
+++ /dev/null
@@ -1,28 +0,0 @@
----
-id: 'add-custom-body'
-title: 'Add Custom Body'
----
-
-Sometimes, you may need to add different tags to the HTML body. This is useful for adding some custom content roots.
-
-You can accomplish this by creating a file called `preview-body.html` inside the Storybook config directory and add tags like this:
-
-```html
-<div id="custom-root"></div>
-```
-
-If using relative sizing in your project (like `rem` or `em`), you may update the base `font-size` by adding a `style` tag to `preview-body.html`:
-
-```html
-<style>
-  body {
-    font-size: 15px;
-  }
-</style>
-```
-
-That’s it. Storybook will inject these tags to the html body. It is also possible to use [environment variables](https://storybook.js.org/docs/configurations/env-vars/#usage-in-custom-headbody).
-
-> **Important**
->
-> Storybook will inject these tags to the iframe where your components are rendered. So, these won’t be loaded into the main Storybook UI.
diff --git a/docs/src/pages/configurations/add-custom-head-tags/index.md b/docs/src/pages/configurations/add-custom-head-tags/index.md
deleted file mode 100644
index 089a9f9c5ed..00000000000
--- a/docs/src/pages/configurations/add-custom-head-tags/index.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-id: 'add-custom-head-tags'
-title: 'Add Custom Head Tags'
----
-
-Sometimes, you may need to add different tags to the HTML head. This is useful for adding web fonts or some external scripts.
-
-You can accomplish this by creating a file called `preview-head.html` inside the Storybook config directory and add tags like this:
-
-```html
-<script src="https://use.typekit.net/xxxyyy.js"></script>
-<script>try{ Typekit.load(); } catch(e){ }</script>
-```
-
-That's it. Storybook will inject these tags. It is also possible to use [environment variables](https://storybook.js.org/docs/configurations/env-vars/#usage-in-custom-headbody).
-
-> **Important**
->
-> Storybook will inject these tags to the iframe where your components are rendered. So, these won’t be loaded into the main Storybook UI.
-
-## Add Tags or Scripts to the Main UI.
-
-Additionally, you may need to add different scripts or tags to the main Storybook UI. This might arise when your custom Webpack configuration outputs or requires additional chunks.
-
-Create a file called `manager-head.html` inside of the Storybook config directory and add any tags you require.
-
-> **Important**
->
-> Your scripts will run before Storybook's React UI. Also be aware, that this is an uncommon scenario and could potentially break Storybook's UI. So use with caution.  
diff --git a/docs/src/pages/configurations/cli-options/index.md b/docs/src/pages/configurations/cli-options/index.md
deleted file mode 100644
index 4e5e80f9c44..00000000000
--- a/docs/src/pages/configurations/cli-options/index.md
+++ /dev/null
@@ -1,53 +0,0 @@
----
-id: 'cli-options'
-title: 'CLI Options'
----
-
-React Storybook comes with two CLI utilities. They are `start-storybook` and `build-storybook`.
-
-They have some options you can pass to alter the storybook behaviors. We have seen some of them in previous docs.
-
-Here are all those options:
-
-## For start-storybook
-
-```plaintext
-Usage: start-storybook [options]
-
-Options:
-
---help                        output usage information
--V, --version                 output the version number
--p, --port [number]           Port to run Storybook
--h, --host [string]           Host to run Storybook
--s, --static-dir <dir-names>  Directory where to load static files from, comma-separated list
--c, --config-dir [dir-name]   Directory where to load Storybook configurations from
---https                       Serve Storybook over HTTPS. Note: You must provide your own certificate information.
---ssl-ca <ca>                 Provide an SSL certificate authority. (Optional with --https, required if using a self-signed certificate)
---ssl-cert <cert>             Provide an SSL certificate. (Required with --https)
---ssl-key <key>               Provide an SSL key. (Required with --https)
---smoke-test                  Exit after successful start
---ci                          CI mode (skip interactive prompts, don't open browser)
---quiet                       Suppress verbose build output
---no-dll                      Do not use dll reference
---debug-webpack               Display final webpack configurations for debugging purposes
-```
-
-## For build-storybook
-
-```plaintext
-Usage: build-storybook [options]
-
-Options:
-
--h, --help                    output usage information
--V, --version                 output the version number
--s, --static-dir <dir-names>  Directory where to load static files from, comma-separated list
--o, --output-dir [dir-name]   Directory where to store built files
--c, --config-dir [dir-name]   Directory where to load Storybook configurations from
--w, --watch                   Enable watch mode
---loglevel [level]            Control level of logging during build. Can be one of: [silly, verbose, info (default), warn, error, silent]
---quiet                       Suppress verbose build output
---no-dll                      Do not use dll reference
---debug-webpack               Display final webpack configurations for debugging purposes
-```
diff --git a/docs/src/pages/configurations/composition/index.md b/docs/src/pages/configurations/composition/index.md
deleted file mode 100644
index e17f6436c78..00000000000
--- a/docs/src/pages/configurations/composition/index.md
+++ /dev/null
@@ -1,106 +0,0 @@
----
-id: 'composition'
-title: 'Storybook Composition'
----
-
-Storybook composition is a feature that allows you to compose multiple storybook together. This can be useful if
-
-- you have a need for multiple frameworks
-- you have multiple teams using separate storybooks
-- you are using community component libraries
-
----
-
-## Composing a storybook
-
-To compose another storybook into yours, all you need is the URL of storybook.
-
-Here's how you do it:
-
-```js
-// main.js
-module.exports = {
-  refs: {
-    // long form
-    example: {
-      title: 'My composed storybook',
-      url: 'https://next--storybookjs.netlify.app/ember-cli',
-    },
-    // shorthand
-    cra: 'https://next--storybookjs.netlify.app/cra-ts-kitchen-sink',
-  },
-}
-```
-
-The above code adds 2 refs to storybook.
-
-The storybooks being composed don't need to be of the same version or using the same framework.
-
-> Composing storybooks from < 6 is supported, as long as the storybooks are hosted on unique origins. If you want to compose multiple storybooks from the same origin, those must all be version 6 or higher.
-
-### Automatic loading
-
-The process above is actually often not even required! Storybook will auto-compose direct dependencies' storybooks if it's able to find them.
-
-The ref will be auto-loaded if the **direct dependency** has a field called `storybook` in it's `package.json` which looks like this:
-
-```json
-{
-  "storybook": {
-    "title": "My Package",
-    "url": "https://my.storybook-url.com"
-  }
-}
-```
-
-This is really useful if you depend on a component library that is also using storybook.
-
-Not only do you get to view all of their stories, but their documentation too, if they use [addon-docs](https://github.com/storybookjs/storybook/tree/master/addons/docs)!
-
-## Preparing to have your storybook composed
-
-Publish your (static) storybook online using any hosting platform, ensuring CORS is enabled.
-
-When a user composes many storybooks together this may add considerable weight to the page-load.
-
-We want to make sure the user composing storybooks together isn't loading the entire storybook just to see the stories appear in the sidebar.
-
-To optimize the loading of refs we want to generate a `stories.json` file, which contains a static list of all the stories and the parameters needed to render in the sidebar.
-
-This can be done with the storybook-cli: `npx sb extract`. It requires you have a built storybook. 
-You may pass it 2 arguments for where you have storybook built, and where you wannt `stories.json` to be placed: `npx sb extract <where-your-storybook-static-is> <where-you-want-stories-json>`.
-
-For an example what this file should look like, see: [here](https://next--storybookjs.netlify.app/dev-kits/stories.json).
-
-### Authentication
-
-If you have some authentication layer on your hosted storybook, the composing the storybook will fail. Storybook will show a message in the sidebar if that happens.
-
-
-You can assist the user by creating a `metadata.json` file with a `authUrl` field, and ensure this file **is** loadable (even in the user is not authenticated):
-
-```json
-{
-  "authUrl": "https://example.com"
-}
-```
-
-Storybook will show a UI to assist the user to login, and then reload the composed storybook.
-
-## Advanced
-
-When you compose a storybook into your own, you get **all** the stories, in their original format. You may not agree with some names, or you might want to filter or sort some stories to your liking.
-
-You can add a 'mapper' to storybook that will be used to transform the received stories to something of your liking.
-
-```js
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  storyMapper: (ref, story) => {
-    return { ...a, kind: a.kind.replace('|', '/') };
-  }
-});
-```
-
-You can remove stories by returning `null`.
diff --git a/docs/src/pages/configurations/custom-babel-config/index.md b/docs/src/pages/configurations/custom-babel-config/index.md
deleted file mode 100644
index 281fad52183..00000000000
--- a/docs/src/pages/configurations/custom-babel-config/index.md
+++ /dev/null
@@ -1,14 +0,0 @@
----
-id: 'custom-babel-config'
-title: 'Custom Babel Config'
----
-
-By default, Storybook loads your root `.babelrc` file and load those configurations.
-But sometimes some of those options may cause Storybook to throw errors.
-
-In that case, you can provide a custom `.babelrc` just for Storybook.
-For that, create a file called `.babelrc` file inside the Storybook config directory (by default, it's `.storybook`).
-
-Then Storybook will load the Babel configuration only from that file.
-
-> Currently we do not support loading the Babel config from the package.json.
diff --git a/docs/src/pages/configurations/custom-postcss-config/index.md b/docs/src/pages/configurations/custom-postcss-config/index.md
deleted file mode 100644
index a091c194647..00000000000
--- a/docs/src/pages/configurations/custom-postcss-config/index.md
+++ /dev/null
@@ -1,30 +0,0 @@
----
-id: 'custom-postcss-config'
-title: 'Custom Postcss Config'
----
-
-Storybook can load your custom postcss configuration. 
-
-It searches for the first postcss config file in the parents directories of your loaded file : 
-- `.postcssrc`
-- `.postcssrc.json`
-- `.postcssrc.yml`
-- `.postcssrc.js`
-- `postcss.config.js`
-
-If no postcss config file is found, it applies a default configuration which is : 
-
-```js
-{
-    ident: 'postcss',
-    postcss: {},
-    plugins: () => [
-        require('postcss-flexbugs-fixes'),
-        autoprefixer({
-            flexbox: 'no-2009',
-        }),
-    ],
-}
-```
-
-> Currently we do **not** support loading the Babel config from the `package.json` neither in the Storybook config directory (by default, it's `.storybook`).
diff --git a/docs/src/pages/configurations/custom-webpack-config/index.md b/docs/src/pages/configurations/custom-webpack-config/index.md
deleted file mode 100644
index 8016664bbfc..00000000000
--- a/docs/src/pages/configurations/custom-webpack-config/index.md
+++ /dev/null
@@ -1,240 +0,0 @@
----
-id: 'custom-webpack-config'
-title: 'Custom Webpack Config'
----
-
-> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
-
-You can customize Storybook's webpack setup by providing a `webpackFinal` field in `main.js` file.
-The value should be an async function that receives a webpack config and eventually returns a webpack config.
-
-Storybook has its own Webpack setup and a dev server.
-The webpack config [is configurable](/configurations/custom-webpack-config#webpack-customisation-modes/), and the default can depend on which framework you're using and whether you've used a generator like [Create React App](https://github.com/facebookincubator/create-react-app) or Angular CLI etc.
-
-> We're trying to make storybook more zero-config over time, **help to hook into the config of generators is very welcome**.
-
-<details>
-  <summary>This is what the config for storybook looks like when using CRA in dev-mode:</summary>
-
-```js
-{
-  mode: 'development',
-  bail: false,
-  devtool: '#cheap-module-source-map',
-  entry: [
-    '@storybook/core/dist/server/common/polyfills.js',
-    '@storybook/core/dist/server/preview/globals.js',
-    '<your-storybook-dir>/preview.js',
-    'webpack-hot-middleware/client.js?reload=true',
-  ],
-  output: {
-    path: './',
-    filename: '[name].[hash].bundle.js',
-    publicPath: '',
-  },
-  plugins: [
-    HtmlWebpackPlugin {
-      options: {
-        template: '@storybook/core/dist/server/templates/index.ejs',
-        templateContent: false,
-        templateParameters: [Function: templateParameters],
-        filename: 'iframe.html',
-        hash: false,
-        inject: false,
-        compile: true,
-        favicon: false,
-        minify: undefined,
-        cache: true,
-        showErrors: true,
-        chunks: 'all',
-        excludeChunks: [],
-        chunksSortMode: 'none',
-        meta: {},
-        title: 'Webpack App',
-        xhtml: false,
-        alwaysWriteToDisk: true,
-      },
-    },
-    DefinePlugin {
-      definitions: {
-        'process.env': {
-          NODE_ENV: '"development"',
-          NODE_PATH: '""',
-          PUBLIC_URL: '"."',
-          '<storybook-environment-variables>'
-          '<dotenv-environment-variables>'
-        },
-      },
-    },
-    WatchMissingNodeModulesPlugin {
-      nodeModulesPath: './node_modules',
-    },
-    HotModuleReplacementPlugin {},
-    CaseSensitivePathsPlugin {},
-    ProgressPlugin {},
-    DefinePlugin {
-      definitions: {
-        '<storybook-environment-variables>'
-        '<dotenv-environment-variables>'
-      },
-    },
-  ],
-  module: {
-    rules: [
-      { test: /\.(mjs|jsx?)$/,
-        use: [
-          { loader: 'babel-loader', options:
-            { cacheDirectory: './node_modules/.cache/storybook',
-              presets: [
-                [ './node_modules/@babel/preset-env/lib/index.js', { shippedProposals: true, useBuiltIns: 'usage', corejs: '3' } ],
-                './node_modules/@babel/preset-react/lib/index.js',
-                './node_modules/@babel/preset-flow/lib/index.js',
-              ],
-              plugins: [
-                './node_modules/@babel/plugin-proposal-object-rest-spread/lib/index.js',
-                './node_modules/@babel/plugin-proposal-class-properties/lib/index.js',
-                './node_modules/@babel/plugin-syntax-dynamic-import/lib/index.js',
-                [ './node_modules/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js', { sourceMap: true, autoLabel: true } ],
-                './node_modules/babel-plugin-macros/dist/index.js',
-                './node_modules/babel-plugin-add-react-displayname/index.js',
-                [ './node_modules/babel-plugin-react-docgen/lib/index.js', { DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES' } ],
-              ],
-            },
-          },
-        ],
-        include: [ './' ],
-        exclude: [ './node_modules' ],
-      },
-      { test: /\.md$/,
-        use: [
-          { loader: './node_modules/raw-loader/index.js' },
-        ],
-      },
-      { test: /\.css$/,
-        use: [
-          './node_modules/style-loader/index.js',
-          { loader: './node_modules/css-loader/dist/cjs.js', options: { importLoaders: 1 } },
-          { loader: './node_modules/postcss-loader/src/index.js', options: { ident: 'postcss', postcss: {}, plugins: [Function: plugins] } },
-        ],
-      },
-      { test: /\.(svg|ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani)(\?.*)?$/,
-        loader: './node_modules/file-loader/dist/cjs.js',
-        query: { name: 'static/media/[name].[hash:8].[ext]' },
-      },
-      { test: /\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,
-        loader: './node_modules/url-loader/dist/cjs.js',
-        query: { limit: 10000, name: 'static/media/[name].[hash:8].[ext]' },
-      },
-    ],
-  },
-  resolve: {
-    extensions: [ '.mjs', '.js', '.jsx', '.json' ],
-    modules: [ 'node_modules' ],
-    mainFields: [ 'browser', 'main', 'module' ],
-    alias: {
-      'core-js': './node_modules/core-js',
-      react: './node_modules/react',
-      'react-dom': './node_modules/react-dom',
-    },
-  },
-  optimization: {
-    splitChunks: { chunks: 'all' },
-    runtimeChunk: true,
-    minimizer: [ [Object] ],
-  },
-  performance: { hints: false },
-}
-```
-
-</details>
-
-### Debug the default webpack config
-
-  <summary>To effectively customize the webpack config, you might need to get the full default config it's using.</summary>
-
-  <div></div>
-
-- Create a `.storybook/main.js` file.
-- Edit its contents:
-  ```js
-  module.exports = {
-    webpackFinal: (config) => console.dir(config, { depth: null }) || config,
-  };
-  ```
-- Then run storybook:
-  ```sh
-  yarn storybook --debug-webpack
-  ```
-
-The console should log the entire config, for you to inspect.
-
-## Examples
-
-The value should export a `function`, it's first argument, is the config that storybook would use, if you were to not customize it. The second argument is an options object from storybook, this will have information about where config came from, whether we're in production of development mode etc.
-
-For example, here's a `.storybook/main.js` to add [Sass](https://sass-lang.com/) support:
-
-```js
-const path = require('path');
-
-// Export a function. Accept the base config as the only param.
-module.exports = {
-  webpackFinal: async (config, { configType }) => {
-    // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
-    // You can change the configuration based on that.
-    // 'PRODUCTION' is used when building the static version of storybook.
-
-    // Make whatever fine-grained changes you need
-    config.module.rules.push({
-      test: /\.scss$/,
-      use: ['style-loader', 'css-loader', 'sass-loader'],
-      include: path.resolve(__dirname, '../'),
-    });
-
-    // Return the altered config
-    return config;
-  },
-};
-```
-
-Storybook uses the config returned from the above function to render your components in Storybook's "preview" iframe. Note that Storybook has a completely separate webpack config for its own UI (also referred to as the "manager"), so the customizations you make only applies to the rendering of your stories, i.e. you can completely replace `config.module.rules` if you want.
-
-Nevertheless, edit `config` with care. Make sure to preserve the following config options:
-
-- entry
-- output
-
-Furthermore, `config` requires the `HtmlWebpackplugin` to generate the preview page, so rather than overwriting `config.plugins` you should probably append to it (or overwrite it with care), see [Issue #6020](https://github.com/storybookjs/storybook/issues/6020) for examples:
-
-```js
-module.exports = {
-  webpackFinal: (config) => {
-    config.plugins.push(...);
-    return config;
-  },
-}
-```
-
-Finally, if your custom webpack config uses a loader that does not explicitly include specific file extensions via the `test` property, it is necessary to `exclude` the `.ejs` file extension from that loader.
-
-If you're using a non-standard Storybook config directory, you should put `main.js` there instead of `.storybook` and update the `include` path to make sure that it resolves to your project root.
-
-## Using Your Existing Config
-
-If you have an existing webpack config for your project and want to reuse this app's configuration, you can import your main webpack config into Storybook's `.storybook/main.js` and merge the 2 configs:
-
-**Example**
-_replacing the loaders from storybook with the loaders from your app's `webpack.config.js`_
-
-```js
-const path = require('path');
-
-// your app's webpack.config.js
-const custom = require('../webpack.config.js');
-
-module.exports = {
-  webpackFinal: (config) => {
-    return { ...config, module: { ...config.module, rules: custom.module.rules } };
-  },
-};
-```
diff --git a/docs/src/pages/configurations/default-config/index.md b/docs/src/pages/configurations/default-config/index.md
deleted file mode 100644
index 79daed6ed14..00000000000
--- a/docs/src/pages/configurations/default-config/index.md
+++ /dev/null
@@ -1,230 +0,0 @@
----
-id: 'default-config'
-title: 'Default Config'
----
-
-Let's learn about the default config that comes with Storybook.
-
-## Babel
-
-We use Babel for JavaScript(ES6) transpiling.
-Here are some key features of Storybook's Babel configurations.
-
-### ES2016+ Support
-
-We have added ES2016 support with Babel for transpiling your JS code.
-In addition to that, we've added a few experimental features, like object spreading and async await.
-Check out our [source](https://github.com/storybookjs/storybook/blob/master/lib/core/src/server/common/babel.js) to learn more about these plugins.
-
-### .babelrc support
-
-If your project has a `.babelrc` file, we'll use that instead of the default config file.
-So, you could use any babel plugins or presets that you have used in your project with Storybook.
-
-## Webpack
-
-We use Webpack to serve and load JavaScript modules for the web.
-
-The webpack config [is configurable](/configurations/custom-webpack-config/), and the default can depend on which framework you're using and whether you've used a generator like [Create React App](https://github.com/facebookincubator/create-react-app) or Angular CLI etc.
-
-> We're trying to make storybook more zero-config over time, **help to hook into the config of generators is very welcome**.
-
-<details>
-  <summary>This is what the config for storybook looks like when using CRA in dev-mode:</summary>
-
-  ```js
-  {
-    mode: 'development',
-    bail: false,
-    devtool: '#cheap-module-source-map',
-    entry: [
-      '@storybook/core/dist/server/common/polyfills.js',
-      '@storybook/core/dist/server/preview/globals.js',
-      '<your-storybook-dir>/preview.js',
-      'webpack-hot-middleware/client.js?reload=true',
-    ],
-    output: {
-      path: './',
-      filename: '[name].[hash].bundle.js',
-      publicPath: '',
-    },
-    plugins: [
-      HtmlWebpackPlugin {
-        options: {
-          template: '@storybook/core/dist/server/templates/index.ejs',
-          templateContent: false,
-          templateParameters: [Function: templateParameters],
-          filename: 'iframe.html',
-          hash: false,
-          inject: false,
-          compile: true,
-          favicon: false,
-          minify: undefined,
-          cache: true,
-          showErrors: true,
-          chunks: 'all',
-          excludeChunks: [],
-          chunksSortMode: 'none',
-          meta: {},
-          title: 'Webpack App',
-          xhtml: false,
-          alwaysWriteToDisk: true,
-        },
-      },
-      DefinePlugin {
-        definitions: {
-          'process.env': {
-            NODE_ENV: '"development"',
-            NODE_PATH: '""',
-            PUBLIC_URL: '"."',
-            '<storybook-environment-variables>'
-            '<dotenv-environment-variables>'
-          },
-        },
-      },
-      WatchMissingNodeModulesPlugin {
-        nodeModulesPath: './node_modules',
-      },
-      HotModuleReplacementPlugin {},
-      CaseSensitivePathsPlugin {},
-      ProgressPlugin {},
-      DefinePlugin {
-        definitions: {
-          '<storybook-environment-variables>'
-          '<dotenv-environment-variables>'
-        },
-      },
-    ],
-    module: {
-      rules: [
-        { test: /\.(mjs|jsx?)$/,
-          use: [
-            { loader: 'babel-loader', options:
-              { cacheDirectory: './node_modules/.cache/storybook',
-                presets: [
-                  [ './node_modules/@babel/preset-env/lib/index.js', { shippedProposals: true, useBuiltIns: 'usage', corejs: '3' } ],
-                  './node_modules/@babel/preset-react/lib/index.js',
-                  './node_modules/@babel/preset-flow/lib/index.js',
-                ],
-                plugins: [
-                  './node_modules/@babel/plugin-proposal-object-rest-spread/lib/index.js',
-                  './node_modules/@babel/plugin-proposal-class-properties/lib/index.js',
-                  './node_modules/@babel/plugin-syntax-dynamic-import/lib/index.js',
-                  [ './node_modules/babel-plugin-emotion/dist/babel-plugin-emotion.cjs.js', { sourceMap: true, autoLabel: true } ],
-                  './node_modules/babel-plugin-macros/dist/index.js',
-                  './node_modules/babel-plugin-add-react-displayname/index.js',
-                  [ './node_modules/babel-plugin-react-docgen/lib/index.js', { DOC_GEN_COLLECTION_NAME: 'STORYBOOK_REACT_CLASSES' } ],
-                ],
-              },
-            },
-          ],
-          include: [ './' ],
-          exclude: [ './node_modules' ],
-        },
-        { test: /\.md$/,
-          use: [
-            { loader: './node_modules/raw-loader/index.js' },
-          ],
-        },
-        { test: /\.css$/,
-          use: [
-            './node_modules/style-loader/index.js',
-            { loader: './node_modules/css-loader/dist/cjs.js', options: { importLoaders: 1 } },
-            { loader: './node_modules/postcss-loader/src/index.js', options: { ident: 'postcss', postcss: {}, plugins: [Function: plugins] } },
-          ],
-        },
-        { test: /\.(svg|ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani)(\?.*)?$/,
-          loader: './node_modules/file-loader/dist/cjs.js',
-          query: { name: 'static/media/[name].[hash:8].[ext]' },
-        },
-        { test: /\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,
-          loader: './node_modules/url-loader/dist/cjs.js',
-          query: { limit: 10000, name: 'static/media/[name].[hash:8].[ext]' },
-        },
-      ],
-    },
-    resolve: {
-      extensions: [ '.mjs', '.js', '.jsx', '.json' ],
-      modules: [ 'node_modules' ],
-      mainFields: [ 'browser', 'main', 'module' ],
-      alias: {
-        'core-js': './node_modules/core-js',
-        react: './node_modules/react',
-        'react-dom': './node_modules/react-dom',
-      },
-    },
-    optimization: {
-      splitChunks: { chunks: 'all' },
-      runtimeChunk: true,
-      minimizer: [ [Object] ],
-    },
-    performance: { hints: false },
-  }
-  ```
-</details>
-
-
-### CSS Support
-
-You can import CSS files wherever you want, whether it's in the storybook config file, a UI component, or inside a story definition file.
-
-Basically, you can import CSS like this:
-
-```js
-// from NPM modules
-import 'bootstrap/dist/css/bootstrap.css';
-
-// from local path
-import './styles.css';
-```
-
-> **Note:** with some frameworks/clis we inject plain CSS only. If you need a preprocessor like SASS, you need to [customize the webpack config](/configurations/custom-webpack-config/).
->
-> **Warning:** storybooks for projects that use Angular CLI cannot import CSS by default. They must either [customize the webpack config](/configurations/custom-webpack-config/), or use the inline loader syntax:
-> ```js
-> import '!style-loader!css-loader!./styles.css';
-> ```
-
-### Image and Static File Support
-
-You can also import images and media files directly via JavaScript.
-This helps you to write stories with media files. This is how to do it:
-
-```js
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-
-import imageFile from './static/image.png';
-
-storiesOf('<img />', module)
-  .add('with an image', () => (
-    <img src={imageFile} alt="covfefe" />
-  ));
-```
-
-When you are building a storybook, we'll also export the imported image.
-So, this is a good approach to loading all of your static content.
-
-> **Alternative:** storybook also has a way to mention static directories via the `-s` option of the `start-storybook` and `build-storybook` commands. [read more](/configurations/serving-static-files/)
-
-### JSON Loader
-
-You can import `.json` files, as you do with Node.js.
-This will also allow you to use NPM projects that import `.json` files inside them.
-
-```js
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-
-import data from './data.json';
-
-storiesOf('Component', module)
-  .add('with data', () => (
-    <pre>{JSON.stringify(data, null, 2)}</pre>
-  ));
-```
-
-## NPM Modules
-
-You can use any of the NPM modules installed on your project.
-You can import and use them.
diff --git a/docs/src/pages/configurations/env-vars/index.md b/docs/src/pages/configurations/env-vars/index.md
deleted file mode 100644
index 056fefd0e6c..00000000000
--- a/docs/src/pages/configurations/env-vars/index.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-id: 'env-vars'
-title: 'Using Environment Variables'
----
-
-Sometimes, we may use configuration items inside Storybook. It might be a theme color, some client secret, or a JSON string. So, we usually tend to hard code them.
-
-But you can expose those configurations via "environment variables." For that, you need to prefix your environment variables with `STORYBOOK_` prefix.
-
-For an example, let's expose two environment variables like this:
-
-```sh
-STORYBOOK_THEME=red STORYBOOK_DATA_KEY=12345 npm run storybook
-```
-
-Then we can access these environment variables anywhere inside our JS code like below:
-
-```js
-const out = console;
-
-out.log(process.env.STORYBOOK_THEME);
-out.log(process.env.STORYBOOK_DATA_KEY);
-```
-
-> Even though we can access these env variables anywhere in the client side JS code, it's better to use them only inside stories and inside the main Storybook config file.
-
-## Usage in custom head/body
-
-These environment variables can be used in [custom head](/configurations/add-custom-head-tags) and [custom body](/configurations/add-custom-body) files.
-
-Storybook will replace percent-delimited variable names with their values; e.g. `%STORYBOOK_THEME%` will become `red`.
-
-> If using the environment variables as attributes or values in JavaScript, you may need to add quotes, as the value will be inserted directly. e.g. `<link rel="stylesheet" href="%STORYBOOK_STYLE_URL%" />`
-
-## Build time environment variables
-
-You can also pass these environment variables when you are [building your storybook](/basics/exporting-storybook) with `build-storybook`.
-
-Then they'll be hard coded to the static version of your Storybook.
-
-## NODE_ENV env variable
-
-In addition to the above prefixed environment variables, you can also pass the NODE_ENV variable to Storybook. But, you normally don't need to do that since we set a reasonable default value for it.
-
--   When running `npm run storybook`, we set NODE_ENV to 'development'
--   When building storybook, we set NODE_ENV to 'production'
diff --git a/docs/src/pages/configurations/options-parameter/index.md b/docs/src/pages/configurations/options-parameter/index.md
deleted file mode 100644
index f137efe8d3d..00000000000
--- a/docs/src/pages/configurations/options-parameter/index.md
+++ /dev/null
@@ -1,168 +0,0 @@
----
-id: 'options-parameter'
-title: 'Options Parameter'
----
-
-Storybook UI is configurable using an options API that allows you to tweak its appearance globally and for each story.
-
-### Global options
-
-Import and use `setConfig` in your `manager.js` file.
-
-```js
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  /**
-   * show story component as full screen
-   * @type {Boolean}
-   */
-  isFullscreen: false,
-
-  /**
-   * display panel that shows a list of stories
-   * @type {Boolean}
-   */
-  showNav: true,
-
-  /**
-   * display panel that shows addon configurations
-   * @type {Boolean}
-   */
-  showPanel: true,
-
-  /**
-   * where to show the addon panel
-   * @type {('bottom'|'right')}
-   */
-  panelPosition: 'bottom',
-
-  /**
-   * sidebar tree animations
-   * @type {Boolean}
-   */
-  sidebarAnimations: true,
-
-  /**
-   * enable/disable shortcuts
-   * @type {Boolean}
-   */
-  enableShortcuts: true,
-
-  /**
-   * show/hide tool bar
-   * @type {Boolean}
-   */
-  isToolshown: true,
-
-  /**
-   * theme storybook, see link below
-   */
-  theme: undefined,
-
-  /**
-   * id to select an addon panel
-   * @type {String}
-   */
-  selectedPanel: undefined,
-
-  /**
-   * Select the default active tab on Mobile.
-   * 'sidebar' | 'canvas' | 'addons'
-   * @type {('sidebar'|'canvas'|'addons')}
-   */
-  initialActive: 'sidebar',
-});
-```
-
-### showRoots
-
-Export `parameters` with the `options` key in your `preview.js` file.
-
-```js
-export const parameters = {
-  options: {
-    /**
-     * display the top-level grouping as a "root" in the sidebar
-     * @type {Boolean}
-     */
-    showRoots: false,
-  },
-});
-```
-
-### Sorting stories
-
-By default, stories are sorted in the order in which they were imported. This can be overridden by adding `storySort` to the `options` parameters in your `preview.js` file.
-
-The most powerful method of sorting is to provide a function to `storySort`. Any custom sorting can be achieved with this method.
-
-```js
-export const parameters = {
-  options: {
-    storySort: (a, b) =>
-      a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, undefined, { numeric: true }),
-  },
-};
-```
-
-The `storySort` can also accept a configuration object.
-
-```js
-
-export parameters = {
-  options: {
-    storySort: {
-      method: 'alphabetical', // Optional, defaults to 'configure'.
-      order: ['Intro', 'Components'], // Optional, defaults to [].
-      locales: 'en-US', // Optional, defaults to system locale.
-    },
-  },
-};
-```
-
-To sort your stories alphabetically, set `method` to `'alphabetical'` and optionally set the `locales` string. To sort your stories using a custom list, use the `order` array; stories that don't match an item in the `order` list will appear after the items in the list.
-
-The `order` array can accept a nested array in order to sort 2nd-level story kinds. For example:
-
-```js
-export parameters = {
-  options: {
-    storySort: {
-      order: ['Intro', 'Pages', ['Home', 'Login', 'Admin'], 'Components'],
-    },
-  },
-};
-```
-
-Which would result in this story ordering:
-
-1. `Intro` and then `Intro/*` stories
-2. `Pages` story
-3. `Pages/Home` and `Pages/Home/*` stories
-4. `Pages/Login` and `Pages/Login/*` stories
-5. `Pages/Admin` and `Pages/Admin/*` stories
-6. `Pages/*` stories
-7. `Components` and `Components/*` stories
-8. All other stories
-
-Note that the `order` option is independent of the `method` option; stories are sorted first by the `order` array and then by either the `method: 'alphabetical'` or the default `configure()` import order.
-
-### Theming
-
-For more information on configuring the `theme`, see [theming](../theming/).
-
-### Per-story options
-
-The options-addon accepts story parameters on the `options` key:
-
-```js
-import MyComponent from './my-component';
-
-export default {
-  title: 'Options',
-  parameters: {
-    options: { selectedPanel: 'storybook/a11y/panel' },
-  },
-};
-```
diff --git a/docs/src/pages/configurations/overview/index.md b/docs/src/pages/configurations/overview/index.md
deleted file mode 100644
index 5c9de8814fb..00000000000
--- a/docs/src/pages/configurations/overview/index.md
+++ /dev/null
@@ -1,72 +0,0 @@
----
-id: 'overview'
-title: 'Configuration overview'
----
-
-For CLI options see: [here](../cli-options).
-
-> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
-
-## Main configuration
-
-Storybook has a few files it uses for configuration, and they are grouped together into a directory (default: `.storybook`).
-
-The most important file is the `main.js` file. This is where general config is declared.
-
-Here's a minimal example of that file:
-
-```js
-module.exports = {
-  stories: ['../src/components/**/*.stories.js'],
-  addons: [
-    '@storybook/addon-essentials',
-  ],
-};
-```
-
-`stories` is a list of [glob](https://www.npmjs.com/package/glob) patterns that tells where your stories are located, relative to the configuration file.
-
-`logLevel` is a setting that tells storybook to only log to a specific level. Options are: `trace`, `debug`, `info`, `warn`, `error` and `silent`.
-
-The `addons` field can refer to traditional [addons](../../addons/introduction), but it can also include [presets](/docs/presets/introduction/), which are able to extend the config further.
-
-### `main.js` is a  Preset
-The `main.js` file is actually a preset! So if you know how to configure storybook, then you know how to write a preset, and vice-versa!
-So the `main.js` API is equal to [that of presets](../../presets/writing-presets/#presets-api).
-
-
-## Manager & preview
-
-Storybook works by being split into 2 applications ("manager" and "preview"), which communicate with each other over a postMessage channel.
-
-The preview application is essentially just your stories with a framework-agnostic 'router'. It renders whichever story the  manager application tells it to render.
-
-The manager application renders the UI of [addons](../../addons/introduction), the navigator and [toolbar](../../basics/toolbar-guide/).
-
-There are two extra config files, if you need to configure the runtime of Manager or Preview.
-
-In `preview.js` you can add global [decorators](../../basics/writing-stories/#decorators) and [parameters](../../basics/writing-stories/#parameters):
-
-```js
-// preview.js
-import { addDecorator } from '@storybook/svelte';
-import { withKnobs } from '@storybook/addon-knobs';
-
-addDecorator(withKnobs);
-```
-
-In `manager.js` you can add [UI options](../options-parameter/#global-options).
-
-```js
-// manager.js
-import { themes } from '@storybook/theming/create';
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  theme: themes.dark,
-});
-```
-
-## webpack
-
-For how to customize webpack, [view the customize webpack section](../custom-webpack-config/)
diff --git a/docs/src/pages/configurations/serving-static-files/index.md b/docs/src/pages/configurations/serving-static-files/index.md
deleted file mode 100644
index 881a5bb538f..00000000000
--- a/docs/src/pages/configurations/serving-static-files/index.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-id: 'serving-static-files'
-title: 'Serving Static Files'
----
-
-It's often useful to load static files like images and videos when creating components and stories.
-
-Storybook provides two ways to do that.
-
-## 1. Via Imports
-
-You can import any media assets by importing (or requiring) them as shown below.
-
-```js
-import React from 'react';
-import imageFile from './static/image.png';
-
-export default {
-  title: 'img',
-};
-
-const image = {
-  src: imageFile,
-  alt: 'my image',
-};
-
-export const withAnImage = () => (
-  <img src={image.src} alt={image.alt} />
-);
-```
-
-This is enabled with our [default config](/configurations/default-config). But, if you are using a [custom Webpack config](/configurations/custom-webpack-config), you need to add the [file-loader](https://github.com/webpack/file-loader) into your custom Webpack config.
-
-## 2. Via a Directory
-
-You can also configure a directory (or a list of directories) for searching static content when you are starting Storybook. You can do that with the -s flag.
-
-See the following npm script on how to use it:
-
-```json
-{
-  "scripts": {
-    "start-storybook": "start-storybook -s ./public -p 9001"
-  }
-}
-```
-
-Here `./public` is our static directory. Now you can use static files in the public directory in your components or stories like this.
-
-```js
-import React from 'react';
-
-export default {
-  title: 'img',
-};
-
-// assume image.png is located in the "public" directory.
-export const withAnImage = () => (
-  <img src="/image.png" alt="my image" />
-);
-```
-
-> You can also pass a list of directories separated by commas without spaces instead of a single directory.
->
-> ```json
-> {
->   "scripts": {
->     "start-storybook": "start-storybook -s ./public,./static -p 9001"
->   }
-> }
-> ```
-
-## 3. Via a CDN
-
-Upload your files to an online CDN and reference them.
-In this example we're using a placeholder image service.
-
-```js
-import React from 'react';
-
-export default {
-  title: 'img',
-};
-
-// assume image.png is located in the "public" directory.
-export const withAnImage = () => (
-  <img src="https://placehold.it/350x150" alt="My CDN placeholder" />
-);
-```
-
-## Absolute versus relative paths
-
-Sometimes, you may want to deploy your storybook into a subpath, like `https://example.com/storybook`.
-
-In this case, you need to have all your images and media files with relative paths. Otherwise, the browser cannot locate those files.
-
-If you load static content via importing, this is automatic and you do not have to do anything.
-
-If you are using a static directory, then you need to use _relative paths_ to load images or use [the base element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base).
diff --git a/docs/src/pages/configurations/theming/index.md b/docs/src/pages/configurations/theming/index.md
deleted file mode 100644
index 4ed3ad2d176..00000000000
--- a/docs/src/pages/configurations/theming/index.md
+++ /dev/null
@@ -1,152 +0,0 @@
----
-id: 'theming'
-title: 'Theming Storybook'
----
-
-Storybook is theme-able!
-
-> Note that theming storybook changed recently, to be in `manager.js` (introduced in 5.3). But addon-docs is not yet compatible with this new way of configuring the theme.
-> 
-> See here how to use theme storybook in a way that addon-docs will be themed as well: https://github.com/storybookjs/storybook/blob/master/addons/docs/docs/theming.md
-
-## Global theming
-
-It's possible to theme Storybook globally.
-
-We've created two basic themes that look good out of the box: "normal" (a light theme) and "dark" (a dark theme). Unless you've set your preferred color scheme as dark Storybook will use the light theme as default.
-
-Make sure you have installed `@storybook/addons` and `@storybook/theming` packages.
-```sh
-npm install @storybook/addons --save-dev
-npm install @storybook/theming --save-dev
-```
-
-As an example, you can tell Storybook to use the "dark" theme by modifying `.storybook/manager.js`:
-
-```js
-import { addons } from '@storybook/addons';
-import { themes } from '@storybook/theming';
-
-addons.setConfig({
-  theme: themes.dark,
-});
-```
-
-When setting a theme, set a full theme object. The theme is replaced, not combined.
-
-Read on for more on how to create your own theme.
-
-## Create a theme quickstart
-
-The easiest way to customize Storybook is to generate a new theme using the `create()` function from `storybook/theming`. This function includes shorthands for the most common theme variables. Here's how to use it:
-
-First create a new file in `.storybook` called `yourTheme.js`.
-
-Next paste the code below and tweak the variables.
-
-```ts
-import { create } from '@storybook/theming/create';
-
-export default create({
-  base: 'light',
-
-  colorPrimary: 'hotpink',
-  colorSecondary: 'deepskyblue',
-
-  // UI
-  appBg: 'white',
-  appContentBg: 'silver',
-  appBorderColor: 'grey',
-  appBorderRadius: 4,
-
-  // Typography
-  fontBase: '"Open Sans", sans-serif',
-  fontCode: 'monospace',
-
-  // Text colors
-  textColor: 'black',
-  textInverseColor: 'rgba(255,255,255,0.9)',
-
-  // Toolbar default and active colors
-  barTextColor: 'silver',
-  barSelectedColor: 'black',
-  barBg: 'hotpink',
-
-  // Form colors
-  inputBg: 'white',
-  inputBorder: 'silver',
-  inputTextColor: 'black',
-  inputBorderRadius: 4,
-
-  brandTitle: 'My custom storybook',
-  brandUrl: 'https://example.com',
-  brandImage: 'https://placehold.it/350x150',
-});
-```
-
-Finally, import your theme into `.storybook/manager.js` and add it to your Storybook parameters.
-
-```js
-import { addons } from '@storybook/addons';
-import yourTheme from './yourTheme';
-
-addons.setConfig({
-  theme: yourTheme,
-});
-```
-
-The `storybook/theming` package is built using TypeScript, so this should help create a valid theme for typescript users. The types are part of the package itself.
-
-Many theme variables are optional, the `base` property is NOT. This is a perfectly valid theme:
-
-```ts
-import { create } from '@storybook/theming/create';
-
-export default create({
-  base: 'light',
-
-  brandTitle: 'My custom storybook',
-  brandUrl: 'https://example.com',
-  brandImage: 'https://placehold.it/350x150',
-});
-```
-
-## Addons and theme creation
-
-Some addons require specific theme variables that a Storybook user must add. If you share your theme with the community, make sure to support the official and other popular addons so your users have a consistent experience.
-
-For example, the popular Actions addon uses [react-inspector](https://github.com/xyc/react-inspector/blob/master/src/styles/themes/chromeLight.js) which has themes of its own. Supply additional theme variables to style it like so:
-
-```js
-addonActionsTheme: {
-  ...chromeLight,
-  BASE_FONT_FAMILY: typography.fonts.mono,
-  BASE_BACKGROUND_COLOR: 'transparent',
-}
-```
-
-### Using the theme for addon authors
-
-For a native Storybook experience, we encourage addon authors to reuse the theme variables above. The theming engine relies on [emotion](https://emotion.sh/), a CSS-in-JS library.
-
-```js
-import { styled } from '@storybook/theming';
-```
-
-Use the theme variables in object notation:
-
-```js
-const Component = styled.div(({ theme }) => ({
-  background: theme.background.app,
-  width: 0,
-}));
-```
-
-Or with template literals:
-
-```js
-const Component = styled.div`
-  background: `${props => props.theme.background.app}`
-  width: 0;
-`;
-```
diff --git a/docs/src/pages/configurations/typescript-config/index.md b/docs/src/pages/configurations/typescript-config/index.md
deleted file mode 100644
index b540714b76f..00000000000
--- a/docs/src/pages/configurations/typescript-config/index.md
+++ /dev/null
@@ -1,59 +0,0 @@
----
-id: 'typescript-config'
-title: 'TypeScript Config'
----
-
-Storybook has built-in Typescript support, so your Typescript project should work with zero configuration needed.
-
-- [Default configuration](#default-configuration)
-- [Main.js configuration](#mainjs-configuration)
-- [Manual configuration](#manual-configuration)
-- [More Resources](#more-resources)
-
-## Default configuration
-
-The base Typescript configuration uses `babel-loader` for Typescript transpilation, and optionally `fork-ts-checker-webpack-plugin` for checking.
-
-Each framework uses the base configuration unless otherwise specified:
-
-- **Angular** ignores the base and uses `ts-loader` and `ngx-template-loader`.
-- **Vue** ignores the uses `ts-loader` and applies it to both `.tsx?` and `.vue` files.
-- **React** adds `react-docgen-typescript-loader` the base.
-
-## Main.js configuration
-
-To make it easier to configure Typescript handling, we've added a new field, `typescript`, to [`main.js`](../overview/index.md).
-
-Here are the default values:
-
-```js
-module.exports = {
-  typescript: {
-    check: false,
-    checkOptions: {},
-    reactDocgen: 'react-docgen-typescript',
-    reactDocgenTypescriptOptions: {
-      shouldExtractLiteralValuesFromEnum: true,
-      propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
-    },
-  },
-};
-```
-
-And here are the meaning of each field:
-
-| Field                            | Framework | Description                                                                                  | Type                                                                     |
-| -------------------------------- | --------- | -------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ |
-| **check**                        | All       | optionally run `fork-ts-checker-webpack-plugin`                                              | `boolean`                                                                |
-| **checkOptions**                 | All       | Options to pass to `fork-ts-checker-webpack-plugin` if it's enabled                          | [See docs](https://github.com/TypeStrong/fork-ts-checker-webpack-plugin) |
-| **reactDocgen**                  | React     | which variant docgen processor to run                                                        | `'react-docgen-typescript' | 'react-docgen' | false`                     |
-| **reactDocgenTypescriptOptions** | React     | Options to pass to `react-docgen-typescript-loader` if `react-docgen-typescript` is enabled. | [See docs](https://github.com/strothj/react-docgen-typescript-loader)    |
-
-## Manual configuration
-
-Manual configuration support will be added in a later pre-release.
-
-## More Resources
-
-- [Storybook, React, TypeScript and Jest](https://medium.com/@mtiller/storybook-react-typescript-and-jest-c9059ea06fa7)
-- [React, Storybook & TypeScript](http://www.joshschreuder.me/react-storybooks-with-typescript/)
diff --git a/docs/src/pages/examples/_examples.yml b/docs/src/pages/examples/_examples.yml
deleted file mode 100644
index 1f0a287cc8a..00000000000
--- a/docs/src/pages/examples/_examples.yml
+++ /dev/null
@@ -1,206 +0,0 @@
-coursera:
-  thumbnail: coursera-ui.png
-  title: Coursera
-  description: Coursera UI component library
-  demo: https://building.coursera.org/coursera-ui/
-grommet:
-  thumbnail: grommet.png
-  title: Grommet
-  description: Styled components for Reactjs
-  demo: https://storybook.grommet.io/
-  site: https://v2.grommet.io/
-wix:
-  thumbnail: wix.png
-  title: Wix Style React
-  description: Components that conform to Wix Style
-  source: https://github.com/wix/wix-style-react
-  demo: https://wix.github.io/wix-style-react/
-  site: https://wix.com
-carbon:
-  thumbnail: carbon.png
-  title: Carbon Components
-  description: IBM's Carbon Design System implemented in React.
-  source: https://github.com/carbon-design-system/carbon/tree/master/packages/react
-  demo: http://react.carbondesignsystem.com
-  site: http://carbondesignsystem.com
-lonelyplanet:
-  thumbnail: lonelyplanet.jpg
-  title: Lonely Planet
-  description: All the tools you need to build the Lonely Planet UI experience.
-  source: https://github.com/lonelyplanet/backpack-ui
-  demo: https://lonelyplanet.github.io/backpack-ui/
-  site: https://www.lonelyplanet.com/
-airbnb:
-  thumbnail: airbnb.jpg
-  title: Airbnb Dates
-  description: An internationalizable, mobile-friendly datepicker library for the web.
-  source: https://github.com/airbnb/react-dates
-  demo: http://airbnb.io/react-dates/
-  site: http://airbnb.com
-uber:
-  thumbnail: uber.png
-  title: Uber React-Vis
-  description: A composable charting library.
-  source: https://github.com/uber/react-vis
-  demo: https://uber.github.io/react-vis/website/dist/storybook/index.html
-  site: https://uber.github.io/react-vis/
-buffer:
-  thumbnail: buffer.jpg
-  title: Buffer Components
-  description: A collection of Buffer UI React components.
-  source: https://github.com/bufferapp/buffer-components
-  demo: https://bufferapp.github.io/buffer-components/
-  site: https://buffer.com
-algolia:
-  thumbnail: algolia.jpg
-  title: Algolia InstantSearch
-  description: Lightning-fast, hyper-configurable search.
-  source: https://github.com/algolia/react-instantsearch/
-  demo: https://community.algolia.com/react-instantsearch/storybook/
-artsy:
-  thumbnail: artsy.png
-  title: Artsy Force
-  description: Artsy's "Force" component library
-  demo: https://artsy.github.io/reaction/
-  source: https://github.com/artsy/reaction-force
-  site: https://artsy.net
-necolas:
-  thumbnail: reactnativeweb.jpg
-  title: React Native Web
-  description: Storybook demo for React Native Web.
-  source: https://github.com/necolas/react-native-web
-  demo: https://necolas.github.io/react-native-web/docs/
-griddle:
-  thumbnail: griddle.jpg
-  title: Griddle
-  description: An ultra customizable datagrid component for React.
-  source: https://github.com/GriddleGriddle/Griddle
-  site: https://griddlegriddle.github.io/Griddle/
-tachyons:
-  thumbnail: tachyons.png
-  title: Tachyons Components
-  description: A searchable directory of Tachyons Components
-  source: https://github.com/blairanderson/tachyonstemplates
-  demo: https://www.tachyonstemplates.com/components/
-appbase:
-  thumbnail: appbase.jpg
-  title: Appbase Maps
-  description: A storybook playground for ReactiveMaps and ReactiveSearch.
-  source: https://github.com/appbaseio/playground
-  demo: https://opensource.appbase.io/playground/
-  site: https://appbase.io
-quran:
-  thumbnail: quran.jpg
-  title: Quran.com
-  description: Component library for Quran.com, Quranicaudio.com and Salah.com.
-  source: https://github.com/quran/common-components
-  demo: https://quran.github.io/common-components/
-  site: https://quran.com/
-terraeclipse:
-  thumbnail: terraeclipse.jpg
-  title: TerraEclipse
-  description: React components for TerraEclipse, a political technology and strategy firm.
-  source: https://github.com/TerraEclipse/react-stack
-  demo: https://terraeclipse.github.io/react-stack/
-timeline:
-  thumbnail: timeline.jpg
-  title: React Event Timeline
-  description: Event timeline component.
-  source: https://github.com/rcdexta/react-event-timeline
-  demo: https://rcdexta.github.io/react-event-timeline/
-semanticui:
-  thumbnail: semanticui.png
-  title: Semantic-UI
-  description: Storybook for Semantic-UI React components
-  source: https://github.com/white-rabbit-japan/Semantic-UI-React-Storybook
-  demo: https://white-rabbit-japan.github.io/Semantic-UI-React-Storybook/
-hackoregon:
-  thumbnail: hackoregon.png
-  title: Hack Oregon
-  description: Official component library and storybook for Hack Oregon.
-  source: https://github.com/hackoregon/component-library
-  demo: https://hackoregon.github.io/component-library/
-todomvc:
-  thumbnail: todomvc.png
-  title: TodoMVC with Specs
-  description: Todo app Storybook with built-in unit tests.
-  source: https://github.com/thorjarhun/react-storybook-todolist
-  demo: https://thorjarhun.github.io/react-storybook-todolist/
-react-svg-pan-zoom:
-  thumbnail: react-svg-pan-zoom.png
-  title: React SVG Pan Zoom
-  description: A React component that adds pan and zoom features to SVG
-  source: https://github.com/chrvadala/react-svg-pan-zoom
-  demo: https://chrvadala.github.io/react-svg-pan-zoom/
-fyndiq-ui:
-  thumbnail: fyndiq.jpg
-  title: Fyndiq
-  description: Fyndiq UI Component library
-  source: https://github.com/fyndiq/fyndiq-ui
-  demo: https://fyndiq.github.io/fyndiq-ui/
-gumgum:
-  thumbnail: gumgum.png
-  title: GumGum
-  description: GumGum (Computer Vision Company) Component library
-  demo: https://storybook.gumgum.com
-  source: https://github.com/gumgum/gumdrops
-  site: https://gumgum.com
-lucid-ui:
-  thumbnail: lucid-ui.png
-  title: Lucid UI
-  description: Component and charts library by AppNexus
-  demo: https://appnexus.github.io/lucid/
-  source: https://github.com/appnexus/lucid
-  site: https://appnexus.com/
-trunx:
-  thumbnail: trunks.png
-  title: Trunx
-  description: Super Saiyan react components, son of awesome Bulma
-  demo: https://g14n.info/trunx
-  source: https://github.com/fibo/trunx
-  site: https://github.com/fibo/trunx
-auth0:
-  thumbnail: cosmos.png
-  title: Cosmos
-  description: A Design System For Auth0 Products
-  demo: https://auth0-cosmos.now.sh/sandbox/
-  source: https://github.com/auth0/cosmos
-  site: https://auth0-cosmos.now.sh/
-mockingbot:
-  thumbnail: mockingbot.png
-  title: MockingBot
-  description: MockingBot UI component library(ibot)
-  source: https://github.com/mockingbot/ibot
-  demo: https://ibot.guide
-vanilla:
-  thumbnail: vanilla.png
-  title: Vanilla React
-  description: A simple implementation of Vanilla Framework using React
-  source: https://github.com/vanilla-framework/vanilla-framework-react
-  site: https://vanillaframework.io/
-govuk:
-  thumbnail: gov-uk.png
-  title: GOV.UK react
-  description: An implementation of the GOV.UK Design System in React using CSSinJS
-  demo: https://govuk-react.github.io/govuk-react/
-  source: https://github.com/govuk-react/govuk-react
-  site: https://design-system.service.gov.uk/
-reactPakistan:
-  thumbnail: react-pakistan.jpg
-  title: React Pakistan
-  description: A series of reuseable React Commons, UI/UX components, icons, logos and more by React Pakistan.
-  demo: https://taimoormk.github.io/react-commons-collection/?path=/docs/react-pakistan-intro--page
-  site: https://www.npmjs.com/package/@react-pakistan/react-commons-collection
-bbc:
-  thumbnail: bbc.jpg
-  title: BBC Psammead
-  description: React component library for BBC World Service and more
-  demo: https://bbc.github.io/psammead/
-  source: https://github.com/bbc/psammead
-pxblue:
-  thumbnail: pxblue.png
-  title: Power Xpert Blue
-  description: A design system for Eaton applications, including component libraries for React, Angular, and React Native
-  demo: https://pxblue-components.github.io/
-  source: https://github.com/pxblue/react-component-library/tree/master/demos/storybook
-  site: https://pxblue.github.io
diff --git a/docs/src/pages/examples/index.jsx b/docs/src/pages/examples/index.jsx
deleted file mode 100644
index 921d4ff23fc..00000000000
--- a/docs/src/pages/examples/index.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-
-import Examples from '../../components/Grid/Examples';
-import examples from './_examples.yml';
-
-const examplesArray = Object.values(examples).map((example) => ({
-  ...example,
-  // eslint-disable-next-line import/no-dynamic-require, global-require
-  thumbnailSrc: require(`./thumbnails/${example.thumbnail}`),
-}));
-
-export default () => <Examples items={examplesArray} />;
diff --git a/docs/src/pages/examples/thumbnails/airbnb.jpg b/docs/src/pages/examples/thumbnails/airbnb.jpg
deleted file mode 100644
index 035c3871e56..00000000000
Binary files a/docs/src/pages/examples/thumbnails/airbnb.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/algolia.jpg b/docs/src/pages/examples/thumbnails/algolia.jpg
deleted file mode 100644
index 5d27582a9ce..00000000000
Binary files a/docs/src/pages/examples/thumbnails/algolia.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/appbase.jpg b/docs/src/pages/examples/thumbnails/appbase.jpg
deleted file mode 100644
index 8c32fa1327e..00000000000
Binary files a/docs/src/pages/examples/thumbnails/appbase.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/artsy.png b/docs/src/pages/examples/thumbnails/artsy.png
deleted file mode 100644
index 650a9618090..00000000000
Binary files a/docs/src/pages/examples/thumbnails/artsy.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/atlassian.png b/docs/src/pages/examples/thumbnails/atlassian.png
deleted file mode 100644
index 58f440ee9d1..00000000000
Binary files a/docs/src/pages/examples/thumbnails/atlassian.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/bbc.jpg b/docs/src/pages/examples/thumbnails/bbc.jpg
deleted file mode 100644
index 49e1a72d0c3..00000000000
Binary files a/docs/src/pages/examples/thumbnails/bbc.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/buffer.jpg b/docs/src/pages/examples/thumbnails/buffer.jpg
deleted file mode 100644
index 28f847feaac..00000000000
Binary files a/docs/src/pages/examples/thumbnails/buffer.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/carbon.png b/docs/src/pages/examples/thumbnails/carbon.png
deleted file mode 100644
index 74582e2073c..00000000000
Binary files a/docs/src/pages/examples/thumbnails/carbon.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/cosmos.png b/docs/src/pages/examples/thumbnails/cosmos.png
deleted file mode 100644
index 916dd0c2aaf..00000000000
Binary files a/docs/src/pages/examples/thumbnails/cosmos.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/coursera-ui.png b/docs/src/pages/examples/thumbnails/coursera-ui.png
deleted file mode 100644
index 58da6e05ff6..00000000000
Binary files a/docs/src/pages/examples/thumbnails/coursera-ui.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/fyndiq.jpg b/docs/src/pages/examples/thumbnails/fyndiq.jpg
deleted file mode 100644
index fdd786c1c35..00000000000
Binary files a/docs/src/pages/examples/thumbnails/fyndiq.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/gov-uk.png b/docs/src/pages/examples/thumbnails/gov-uk.png
deleted file mode 100644
index 5356b39fb67..00000000000
Binary files a/docs/src/pages/examples/thumbnails/gov-uk.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/griddle.jpg b/docs/src/pages/examples/thumbnails/griddle.jpg
deleted file mode 100644
index 9cd9118e774..00000000000
Binary files a/docs/src/pages/examples/thumbnails/griddle.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/grommet.png b/docs/src/pages/examples/thumbnails/grommet.png
deleted file mode 100644
index d04e639d137..00000000000
Binary files a/docs/src/pages/examples/thumbnails/grommet.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/gumgum.png b/docs/src/pages/examples/thumbnails/gumgum.png
deleted file mode 100644
index e643bbe100d..00000000000
Binary files a/docs/src/pages/examples/thumbnails/gumgum.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/hackoregon.png b/docs/src/pages/examples/thumbnails/hackoregon.png
deleted file mode 100644
index 9699e42691a..00000000000
Binary files a/docs/src/pages/examples/thumbnails/hackoregon.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/lonelyplanet.jpg b/docs/src/pages/examples/thumbnails/lonelyplanet.jpg
deleted file mode 100644
index 3846027e9e2..00000000000
Binary files a/docs/src/pages/examples/thumbnails/lonelyplanet.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/lucid-ui.png b/docs/src/pages/examples/thumbnails/lucid-ui.png
deleted file mode 100644
index ba6f4fd8a73..00000000000
Binary files a/docs/src/pages/examples/thumbnails/lucid-ui.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/mockingbot.png b/docs/src/pages/examples/thumbnails/mockingbot.png
deleted file mode 100644
index fb7c3fff1fd..00000000000
Binary files a/docs/src/pages/examples/thumbnails/mockingbot.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/pxblue.png b/docs/src/pages/examples/thumbnails/pxblue.png
deleted file mode 100644
index b539d8de3a1..00000000000
Binary files a/docs/src/pages/examples/thumbnails/pxblue.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/quran.jpg b/docs/src/pages/examples/thumbnails/quran.jpg
deleted file mode 100644
index 878def21503..00000000000
Binary files a/docs/src/pages/examples/thumbnails/quran.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/react-pakistan.jpg b/docs/src/pages/examples/thumbnails/react-pakistan.jpg
deleted file mode 100644
index 427ff8aed99..00000000000
Binary files a/docs/src/pages/examples/thumbnails/react-pakistan.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/react-svg-pan-zoom.png b/docs/src/pages/examples/thumbnails/react-svg-pan-zoom.png
deleted file mode 100644
index 4f7ede6646f..00000000000
Binary files a/docs/src/pages/examples/thumbnails/react-svg-pan-zoom.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/reactnativeweb.jpg b/docs/src/pages/examples/thumbnails/reactnativeweb.jpg
deleted file mode 100644
index 54f792f3809..00000000000
Binary files a/docs/src/pages/examples/thumbnails/reactnativeweb.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/rebass.png b/docs/src/pages/examples/thumbnails/rebass.png
deleted file mode 100644
index c3427d78ab0..00000000000
Binary files a/docs/src/pages/examples/thumbnails/rebass.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/semanticui.png b/docs/src/pages/examples/thumbnails/semanticui.png
deleted file mode 100644
index e7136e0e416..00000000000
Binary files a/docs/src/pages/examples/thumbnails/semanticui.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/tachyons.png b/docs/src/pages/examples/thumbnails/tachyons.png
deleted file mode 100644
index 28186071933..00000000000
Binary files a/docs/src/pages/examples/thumbnails/tachyons.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/terraeclipse.jpg b/docs/src/pages/examples/thumbnails/terraeclipse.jpg
deleted file mode 100644
index 1aa35cece6d..00000000000
Binary files a/docs/src/pages/examples/thumbnails/terraeclipse.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/timeline.jpg b/docs/src/pages/examples/thumbnails/timeline.jpg
deleted file mode 100644
index a331a566648..00000000000
Binary files a/docs/src/pages/examples/thumbnails/timeline.jpg and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/todomvc.png b/docs/src/pages/examples/thumbnails/todomvc.png
deleted file mode 100644
index b31ee96579d..00000000000
Binary files a/docs/src/pages/examples/thumbnails/todomvc.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/trunks.png b/docs/src/pages/examples/thumbnails/trunks.png
deleted file mode 100644
index 1e18be11511..00000000000
Binary files a/docs/src/pages/examples/thumbnails/trunks.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/uber.png b/docs/src/pages/examples/thumbnails/uber.png
deleted file mode 100644
index a6d6f83f4b7..00000000000
Binary files a/docs/src/pages/examples/thumbnails/uber.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/vanilla.png b/docs/src/pages/examples/thumbnails/vanilla.png
deleted file mode 100644
index 676051374cb..00000000000
Binary files a/docs/src/pages/examples/thumbnails/vanilla.png and /dev/null differ
diff --git a/docs/src/pages/examples/thumbnails/wix.png b/docs/src/pages/examples/thumbnails/wix.png
deleted file mode 100644
index 290893e783b..00000000000
Binary files a/docs/src/pages/examples/thumbnails/wix.png and /dev/null differ
diff --git a/docs/src/pages/formats/component-story-format/index.md b/docs/src/pages/formats/component-story-format/index.md
deleted file mode 100644
index 53954977083..00000000000
--- a/docs/src/pages/formats/component-story-format/index.md
+++ /dev/null
@@ -1,173 +0,0 @@
----
-id: 'component-story-format'
-title: 'Component Story Format (CSF)'
----
-
-Storybook's Component Story Format (CSF) is the recommended way to [write stories](../../basics/writing-stories/) since Storybook 5.2. [Read the announcement](https://medium.com/storybookjs/component-story-format-66f4c32366df) to learn more about how it came to be.
-
-In CSF, stories and component metadata are defined as ES Modules. Every component story file consists of a required **default export** and one or more **named exports**.
-
-CSF is supported in all frameworks except React Native, where you should use the [storiesOf API](../storiesof-api/) instead.
-
-## Default export
-
-The default export defines metadata about your component, including the `component` itself, its `title` (where it will show up in the [navigation UI story hierarchy](../../basics/writing-stories/#story-hierarchy)), [decorators](../../basics/writing-stories/#decorators), and [parameters](../../basics/writing-stories/#parameters). The `component` field is optional (but encouraged!), and is used by addons for automatic prop table generation and display of other component metadata. `title` should be unique, i.e. not re-used across files.
-
-```js
-import MyComponent from './MyComponent';
-
-export default {
-  title: 'Path/To/MyComponent',
-  component: MyComponent,
-  decorators: [ ... ],
-  parameters: { ... }
-}
-```
-
-For more examples, see [writing stories](../../basics/writing-stories/).
-
-## Named story exports
-
-With CSF, every named export in the file represents a story function by default.
-
-```jsx
-import MyComponent from './MyComponent';
-
-export default { ... }
-
-export const Basic = () => <MyComponent />;
-export const WithProp = () => <MyComponent prop="value" />;
-```
-
-The exported identifiers will be converted to "start case" using Lodash's [startCase](https://lodash.com/docs/#startCase) function. For example:
-
-```
-name -> 'Name'
-someName -> 'Some Name'
-someNAME -> 'Some NAME'
-some_custom_NAME -> 'Some Custom NAME'
-someName1234 -> 'Some Name 1234'
-someName1_2_3_4 -> 'Some Name 1 2 3 4'
-```
-
-It's recommended to start export names with a capital letter.
-
-Story functions can be annotated with a few different fields to define story-level [decorators](../../basics/writing-stories/#decorators) and [parameters](../../basics/writing-stories/#parameters), and also to define the `storyName` of the story.
-
-The `storyName` is useful if you want to use names with special characters, names that correspond to restricted keywords in Javascript, or names that collide with other variables in the file. If it's not specified, the export name will be used instead.
-
-```jsx
-export const Simple = () => <MyComponent />;
-
-Simple.storyName = 'So simple!';
-Simple.decorators = [ ... ];
-Simple.parameters = { ... };
-```
-
-## Args story inputs
-
-Starting in SB 6.0, stories accept named inputs called Args. Args are dynamic data that are provided (and possibly updated by) Storybook and its addons.
-
-Consider Storybook’s ["hello world" example](https://storybook.js.org/docs/basics/writing-stories/#basic-story) of a text button that logs its click events:
-
-```js
-import { action } from '@storybook/addon-actions';
-import { Button } from './Button';
-
-export default { title: 'Button', component: Button };
-export const Text = () => <Button label=’Hello’ onClick={action(‘clicked’)} />;
-```
-
-Now consider the same example, re-written with args:
-
-```js
-export const Text = ({ label, onClick }) => <Button label={label} onClick={onClick} />;
-Text.args = {
-  label: 'Hello',
-  onClick: action('clicked'),
-};
-```
-
-At first blush this might seem no better than the original example. However, if we add the [Docs addon](https://github.com/storybookjs/storybook/tree/master/addons/docs) and configure the [Actions addon](https://github.com/storybookjs/storybook/tree/master/addons/actions) appropriately, we can write:
-
-```js
-export const Text = ({ label, onClick }) => <Button label={label} onClick={onClick} />;
-```
-
-Or even more simply:
-
-```js
-export const Text = (args) => <Button {...args} />;
-```
-
-Not only are these versions shorter and easier to write than their no-args counterparts, but they are also more portable since the code doesn't depend on the actions addon specifically.
-
-For more information on setting up [Docs](https://github.com/storybookjs/storybook/tree/master/addons/docs) and [Actions](https://github.com/storybookjs/storybook/tree/master/addons/actions), see their respective documentation.
-
-## Storybook Export vs Name Handling
-
-Storybook handles named exports and `story.name` slightly differently. When should you use one vs. the other?
-
-The named export is always used to determine the story ID / URL.
-
-If you specify `story.name`, it will be used as the story display name in the UI.
-
-If you don't specify `story.name`, the named export will be used to generate the display name. Storybook passes the named export through a `storyNameFromExport` function ([#7901](https://github.com/storybookjs/storybook/pull/7901)), which is implemented with `lodash.startCase`:
-
-```js
-it('should format CSF exports with sensible defaults', () => {
-  const testCases = {
-    name: 'Name',
-    someName: 'Some Name',
-    someNAME: 'Some NAME',
-    some_custom_NAME: 'Some Custom NAME',
-    someName1234: 'Some Name 1234',
-    someName1_2_3_4: 'Some Name 1 2 3 4',
-  };
-  Object.entries(testCases).forEach(([key, val]) => {
-    expect(storyNameFromExport(key)).toBe(val);
-  });
-});
-```
-
-When you want to change the name of your story, just rename the CSF export. This will change the name of the story and also change the story's ID and URL.
-
-You should use the `story.name` option in the following cases:
-
-1. You want the name to show up in the Storybook UI in a way that's not possible with a named export, e.g. reserved keywords like "default", special characters like emoji, spacing/capitalization other than what's provided by `storyNameFromExport`.
-2. You want to preserve the Story ID independently from changing how it's displayed. Having stable Story ID's is useful for integration with third party tools.
-
-## Non-story exports
-
-In some cases, you may want to export a mixture of story and non-stories. For example, it can be useful to export data that's used in your stories.
-
-To make this possible, you can use optional `includeStories` and `excludeStories` configuration fields in the default export, which can be set to either an array of strings, or a regular expression.
-
-Consider the following story file:
-
-```jsx
-import React from 'react';
-import MyComponent from './MyComponent';
-import someData from './data.json';
-
-export default {
-  title: 'MyComponent',
-  component: MyComponent,
-  includeStories: ['SimpleStory', 'ComplexStory']
-}
-
-export const simpleData = { foo: 1, bar: 'baz' };
-export const complexData = { foo: 1, { bar: 'baz', baz: someData }};
-
-export const SimpleStory = () => <MyComponent data={simpleData} />;
-export const ComplexStory = () => <MyComponent data={complexData} />;
-```
-
-When Storybook loads this file, it will see all the exports, but it will ignore the data exports and only treat `SimpleStory` and `ComplexStory` as stories.
-
-For this specific example the equivalent result can be achieved in a few ways depending on what's convenient:
-
-- `includeStories: ['SimpleStory', 'ComplexStory']`
-- `includeStories: /.*Story$/`
-- `excludeStories: ['simpleData', 'complexData']`
-- `excludeStories: /.*Data$/`
diff --git a/docs/src/pages/formats/mdx-syntax/index.md b/docs/src/pages/formats/mdx-syntax/index.md
deleted file mode 100644
index 888e9338b03..00000000000
--- a/docs/src/pages/formats/mdx-syntax/index.md
+++ /dev/null
@@ -1,200 +0,0 @@
----
-id: 'mdx-syntax'
-title: 'MDX Syntax'
----
-
-`MDX` is the syntax [Storybook Docs](https://github.com/storybookjs/storybook/blob/next/addons/docs/) uses to capture long-form markdown documentation and stories in one file. You can also write pure documentation pages in `MDX` and add them to Storybook alongside your stories. [Read the announcement](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc) to learn more about how and why it came to be.
-
-- [Basic example](#basic-example)
-- [MDX-Flavored CSF](#mdx-flavored-csf)
-- [Writing stories](#writing-stories)
-- [Embedding stories](#embedding-stories)
-- [Decorators and parameters](#decorators-and-parameters)
-- [Documentation-only MDX](#documentation-only-mdx)
-- [MDX file names](#mdx-file-names)
-- [More resources](#more-resources)
-
-## Basic example
-
-Let's get started with an example that combines markdown with a single story:
-
-```md
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-import { Checkbox } from './Checkbox';
-
-<Meta title="MDX/Checkbox" component={Checkbox} />
-
-# Checkbox
-
-With `MDX` we can define a story for `Checkbox` right in the middle of our
-markdown documentation.
-
-<Preview>
-  <Story name="all checkboxes">
-    <form>
-      <Checkbox id="Unchecked" label="Unchecked" />
-      <Checkbox id="Checked" label="Checked" checked />
-      <Checkbox appearance="secondary" id="second" label="Secondary" checked />
-    </form>
-  </Story>
-</Preview>
-```
-
-And here's how that's rendered in Storybook:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/master/addons/docs/docs/media/mdx-simple.png" width="100%" />
-</center>
-
-As you can see there's a lot going on here. We're writing Markdown, we're writing JSX, and somehow we're also defining Storybook stories that are drop-in compatible with the entire Storybook ecosystem.
-
-Let's break it down.
-
-## MDX-Flavored CSF
-
-[MDX](https://mdxjs.com/) is a standard file format that combines Markdown with JSX. This means you can use Markdown’s terse syntax (such as `# heading`) for your documentation, and freely embed JSX component blocks at any point in the file.
-
-MDX-flavored [Component Story Format (CSF)](https://medium.com/storybookjs/component-story-format-66f4c32366df) includes a collection of components called **"Doc Blocks"**, that allow Storybook to translate MDX files into storybook stories. MDX-defined stories are identical to regular Storybook stories, so they can be used with Storybook's entire ecosystem of addons and view layers.
-
-For example, here's the story from `Checkbox` example above, rewritten in CSF:
-
-```js
-import React from 'react';
-import { Checkbox } from './Checkbox';
-export default { title: "MDX/Checkbox" component: Checkbox };
-export const allCheckboxes = () => (
-  <form>
-    <Checkbox id="Unchecked" label="Unchecked" />
-    <Checkbox id="Checked" label="Checked" checked />
-    <Checkbox appearance="secondary" id="second" label="Secondary" checked />
-  </form>
-);
-```
-
-There's a one-to-one mapping from the code in `MDX` to `CSF`, which in turn directly corresponds to Storybook's internal `storiesOf` API. As a user, this means your existing Storybook knowledge should translate between the three. And technically, this means that the transformations that happen under the hood are simple and predictable.
-
-## Writing stories
-
-Now let's look at a more realistic example to see a few more things we can do:
-
-```md
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-
-import { Badge } from './Badge';
-import { Icon } from './Icon';
-
-<Meta title="MDX/Badge" component={Badge} />
-
-# Badge
-
-Let's define a story for our `Badge` component:
-
-<Story name="positive">
-  <Badge status="positive">Positive</Badge>
-</Story>
-
-We can drop it in a `Preview` to get a code snippet:
-
-<Preview>
-  <Story name="negative">
-    <Badge status="negative">Negative</Badge>
-  </Story>
-</Preview>
-
-We can even preview multiple stories in a block. This
-gets rendered as a group, but defines individual stories
-with unique URLs and isolated snapshot tests.
-
-<Preview>
-  <Story name="warning">
-    <Badge status="warning">Warning</Badge>
-  </Story>
-  <Story name="neutral">
-    <Badge status="neutral">Neutral</Badge>
-  </Story>
-  <Story name="error">
-    <Badge status="error">Error</Badge>
-  </Story>
-  <Story name="with icon">
-    <Badge status="warning">
-      <Icon icon="check" inline />
-      with icon
-    </Badge>
-  </Story>
-</Preview>
-```
-
-And here's how that gets rendered in Storybook:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/master/addons/docs/docs/media/mdx-page.png" width="100%" />
-</center>
-
-## Embedding stories
-
-Suppose you have an existing story and want to embed it into your docs. Here's how to show a story with ID `some--id` (check the browser URL in Storybook v5+ to see a story's ID):
-
-```md
-import { Story } from "@storybook/addon-docs/blocks";
-
-# Some header
-
-And markdown here
-
-<Story id="some--id" />
-```
-
-You can also use the rest of the MDX features in conjunction with embedding. That includes source, preview, and prop tables.
-
-## Decorators and parameters
-
-To add [decorators](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/basics/writing-stories/index.md#decorators) and [parameters](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/basics/writing-stories/index.md#parameters) in MDX:
-
-```md
-<Meta
-  title='MyComponent'
-  decorators={[ ... ]}
-  parameters={{ ... }}
-/>
-
-<Story name="story" decorators={[ ... ]} parameters={{ ... }} >
-...
-</Story>
-```
-
-In addition, global decorators work just like before, e.g. adding the following to your `.storybook/preview.js`:
-
-```js
-import { addDecorator, addParameters } from '@storybook/react';
-
-addDecorator(...);
-addParameters({ ... });
-```
-
-## Documentation-only MDX
-
-Typically, when you use Storybook MDX, you define stories in the MDX documentation is automatically associated with those stories. But what if you want to write Markdown-style documentation and have it show up in your Storybook?
-
-If you don't define stories in your MDX, you can write MDX documentation and associate it with an existing story, or embed that MDX as its own documentation node in your Storybook's navigation.
-
-If you don't define a `Meta`, you can write Markdown and associate with an existing story. See ["CSF Stories with MDX Docs"](https://github.com/storybookjs/storybook/blob/master/addons/docs/docs/recipes.md#csf-stories-with-mdx-docs).
-
-To get a "documentation-only story", in your UI, define a `<Meta>` as you normally would, but don't define any stories. It will show up in your UI as a documentation node:
-
-<center>
-  <img src="https://raw.githubusercontent.com/storybookjs/storybook/master/addons/docs/docs/media/mdx-documentation-only.png" width="100%" />
-</center>
-
-## MDX file names
-
-Unless you use a custom webpack configuration, all of your `MDX` files should have the suffix `*.stories.mdx`. This tells Storybook to apply its special processing to the `<Meta>` and `<Story>` elements in the file.
-
-Be sure to update your Storybook config file to load `.stories.mdx` stories, as per the [`addon-docs` installation instructions](https://github.com/storybookjs/storybook/tree/master/addons/docs#installation).
-
-## More resources
-
-For more information:
-
-- [Component Story Format (CSF)](../component-story-format/)
-- [Storybook Docs](https://github.com/storybookjs/storybook/blob/next/addons/docs/)
-- [Rich docs with Storybook MDX](https://medium.com/storybookjs/rich-docs-with-storybook-mdx-61bc145ae7bc)
diff --git a/docs/src/pages/formats/storiesof-api/index.md b/docs/src/pages/formats/storiesof-api/index.md
deleted file mode 100644
index b1480c2b74b..00000000000
--- a/docs/src/pages/formats/storiesof-api/index.md
+++ /dev/null
@@ -1,86 +0,0 @@
----
-id: 'storiesof-api'
-title: 'StoriesOf API'
----
-
-`storiesOf` is Storybook's API for adding stories. Up until Storybook 5.2, it has been the primary way to create stories in Storybook.
-
-In Storybook 5.2 we introduced a simpler and more portable [Component Story Format](../component-story-format/), and all future tools and infrastructure will be oriented towards CSF. Therefore, we recommend migrating your stories out of `storiesOf` API, and even provide [automated tools to do this](#component-story-format-migration).
-
-That said, the `storiesOf` API is not deprecated. For the time being most existing Storybooks use the `storiesOf` API, and therefore we plan to support it for the foreseeable future.
-
-## storiesOf API
-
-A Storybook is a collection of stories. Each story represents a single visual state of a component. For an overview of storybook story concepts, see ["Writing Stories"](../../basics/writing-stories/).
-
-Here's a basic story file in the `storiesOf` API:
-
-```js
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import Button from '../components/Button';
-
-storiesOf('Button', module)
-  .add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)
-  .add('with some emoji', () => (
-    <Button onClick={action('clicked')}>
-      <span role="img" aria-label="so cool">
-        😀 😎 👍 💯
-      </span>
-    </Button>
-  ));
-```
-
-The string argument to `storiesOf` is the component title. If you pass a string like `'Widgets|Button/Button'` it can also be used to position your component's story within [Storybook's story hierarchy](../../basics/writing-stories/#story-hierarchy).
-
-Each `.add` call takes a story name, a story function that returns a renderable object (JSX in the case of React), and optionally some parameters, which are described below.
-
-## Decorators and parameters
-
-[Decorators](../../basics/writing-stories/#decorators) and [parameters](../../basics/writing-stories/#parameters) can be specified globally, at the component level, or locally at the story level.
-
-Global decorators and parameters are specified in the Storybook config:
-
-```js
-addDecorator(storyFn => <blink>{storyFn()}</blink>);
-addParameters({ foo: 1 });
-```
-
-Component-level decorators and parameters are supported as chained API calls:
-
-```js
-storiesOf('Button', module)
-  .addDecorator(withKnobs)
-  .addParameters({ notes: someNotes });
-```
-
-Story-level parameters are provided as a third argument to `.add`:
-
-```js
-storiesOf('Button', module).add(
-  'with text',
-  () => <Button onClick={action('clicked')}>Hello Button</Button>,
-  { notes: someNotes }
-);
-```
-
-And finally, story-level decorators are provided via parameters:
-
-```js
-storiesOf('Button', module).add(
-  'with text',
-  () => <Button onClick={action('clicked')}>Hello Button</Button>,
-  { decorators: [withKnobs] }
-);
-```
-
-## Component Story Format migration
-
-To make it easier to adopt the new [Component Story Format (CSF)](../component-story-format/), we've created an automatic migration tool to transform `storiesOf` API to Module format.
-
-```sh
-sb migrate storiesof-to-csf --glob=src/**/*.stories.js
-```
-
-For more information, see the CLI's [Codemod README](https://github.com/storybookjs/storybook/tree/next/lib/codemod).
diff --git a/docs/src/pages/guides/guide-angular/index.md b/docs/src/pages/guides/guide-angular/index.md
deleted file mode 100644
index b008f65556a..00000000000
--- a/docs/src/pages/guides/guide-angular/index.md
+++ /dev/null
@@ -1,126 +0,0 @@
----
-id: 'guide-angular'
-title: 'Storybook for Angular'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using angular, you could try forcing it to use angular:
-
-```sh
-npx -p @storybook/cli sb init --type angular
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your Angular project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Add @storybook/angular
-
-Add `@storybook/angular` to your project. To do that, run:
-
-```sh
-npm install @storybook/angular --save-dev
-```
-
-### Add @babel/core, and babel-loader
-
-Make sure that you have `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.@(ts|js)`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Storybook TypeScript configuration
-
-`@storybook/angular` is using [ForkTsCheckerWebpackPlugin](https://github.com/Realytics/fork-ts-checker-webpack-plugin) to boost the build performance. 
-This makes it necessary to create a `tsconfig.json` file at `.storybook/tsconfig.json` with the following content:
-
-```json
-{
-  "extends": "../tsconfig.json",
-  "exclude": [
-    "../src/test.ts",
-    "../src/**/*.spec.ts",
-    "../projects/**/*.spec.ts"
-  ],
-  "include": [
-    "../src/**/*",
-    "../projects/**/*"
-  ]
-}
-```
-
-## Step 5: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```ts
-import { Button } from '@storybook/angular/demo';
-
-export default { title: 'My Button' }
-
-export const withText = () => ({
-  component: Button,
-  props: {
-    text: 'Hello Button',
-  },
-});
-
-export const withEmoji = () => ({
-  component: Button,
-  props: {
-    text: '😀 😎 👍 💯',
-  },
-});
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  └── With Emoji
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-ember/index.md b/docs/src/pages/guides/guide-ember/index.md
deleted file mode 100644
index 456c6a27770..00000000000
--- a/docs/src/pages/guides/guide-ember/index.md
+++ /dev/null
@@ -1,152 +0,0 @@
----
-id: 'guide-ember'
-title: 'Storybook for Ember'
----
-
-You may have tried to use our quick start guide to setup your project for Storybook. If you want to set up Storybook manually, this is the guide for you.
-
-> This will also help you to understand how Storybook works.
-
-## Starter Guide Ember
-
-Storybook has its own Webpack setup and a dev server.
-
-In this guide, we will set up Storybook for your Ember project.
-
-## Table of contents
-
--   [Add @storybook/ember](#add-storybookember)
--   [Setup environment](#setup-environment)
--   [Create the config file](#create-the-config-file)
--   [Write your stories](#write-your-stories)
--   [Run your Storybook](#run-your-storybook)
-
-## Add @storybook/ember
-
-First of all, you need to add `@storybook/ember` to your project. To do that, run:
-
-```sh
-ember install @storybook/ember-cli-storybook
-```
-
-If you don't have `package.json` in your project, you'll need to init it first:
-
-```sh
-npm init
-```
-
-Then add the following npm scripts to your `package.json` in order to start the storybook later in this guide:
-
-> In order for your storybook to run properly be sure to be either run `ember serve` or `ember build` before running any storybook commands. Running `ember serve` before storybook will enable live reloading.
-
-```json
-{
-  "scripts": {
-    "storybook": "ember serve & start-storybook -p 9001 -s dist",
-    "build-storybook": "ember build && build-storybook -s dist"
-  }
-}
-```
-
-## Setup environment
-
-Your environment will be preconfigured using `ember-cli-storybook`. This will add a `preview-head.html`, a `.env` and make sure that your environment is configured to work with live reload.
-
-## Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../app/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../app` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Write your stories
-
-Now you can write some stories inside the `../stories/index.stories.js` file, like this:
-
-> It is important that you import the `hbs` function that is provided by a babel plugin in `@storybook/ember`
-
-```js
-import { hbs } from 'ember-cli-htmlbars';
-
-export default { title: 'Demo' };
-
-export const heading = () => hbs`<h1>Hello World</h1>`;
-
-export const button = () => {
-  return {
-    template: hbs`<button {{action onClick}}>
-      Hello Button
-    </button>`,
-    context: {
-      onClick: (e) => console.log(e)
-    }
-  }
-};
-
-export const component = () => {
-  return {
-    template: hbs`{{foo-bar
-      click=onClick
-    }}`,
-    context: {
-      onClick: (e) => console.log(e)
-    }
-  }
-};
-```
-
-> If you are using an older version of Ember <= 3.1 please use this story style
-
-```js
-import { compile } from 'ember-source/dist/ember-template-compiler';
-
-export default { title: 'Demo' };
-
-export const heading = () => compile(`<h1>Hello World</h1>`);
-
-export const button = () => {
-  return {
-    template: compile(`<button {{action onClick}}>
-      Hello Button
-    </button>`),
-    context: {
-      onClick: (e) => console.log(e)
-    }
-  }
-};
-
-export const component = () => {
-  return {
-    template: compile(`{{foo-bar
-      click=onClick
-    }}`),
-    context: {
-      onClick: (e) => console.log(e)
-    }
-  }
-};
-```
-
-A story is either:
-
-1. A single handlebars fragment generated using the `hbs` function
-2. An object that contains template and context that will be bound to the resulting element
-
-> In order to get your storybook to get new changes made to the `foo-bar` or any other components that are defined in your Ember app you must run `ember serve` as a sidecar for the build files to get generated.
-
-## Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Now you can change components and write stories whenever you need to.
diff --git a/docs/src/pages/guides/guide-html/index.md b/docs/src/pages/guides/guide-html/index.md
deleted file mode 100644
index 8658356282a..00000000000
--- a/docs/src/pages/guides/guide-html/index.md
+++ /dev/null
@@ -1,106 +0,0 @@
----
-id: 'guide-html'
-title: 'Storybook for HTML'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using html, you could try forcing it to use html:
-
-```sh
-npx -p @storybook/cli sb init --type html
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your html project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Init npm if necessary
-
-If you don't have `package.json` in your project, you'll need to init it first:
-
-```sh
-npm init
-```
-
-### Add @storybook/html
-
-Add `@storybook/html` to your project. To do that, run:
-
-```sh
-npm install @storybook/html --save-dev
-```
-
-### Add @babel/core and babel-loader
-
-Make sure that you have `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.@(ts|js)`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-export default { title: 'Button' };
-
-export const withText = () => '<button class="btn">Hello World</button>';
-
-export const withEmoji = () => {
-  const button = document.createElement('button');
-  button.innerText = '😀 😎 👍 💯';
-  return button;
-};
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  └── With Emoji
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-marko/index.md b/docs/src/pages/guides/guide-marko/index.md
deleted file mode 100644
index 5d0fcd92ec9..00000000000
--- a/docs/src/pages/guides/guide-marko/index.md
+++ /dev/null
@@ -1,102 +0,0 @@
----
-id: 'guide-marko'
-title: 'Storybook for Marko'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using marko, you could try forcing it to use marko:
-
-```sh
-npx -p @storybook/cli sb init --type marko
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your marko project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Add @storybook/marko
-
-Add `@storybook/marko` to your project. To do that, run:
-
-```sh
-npm install @storybook/marko --save-dev
-```
-
-### Add marko, @babel/core and babel-loader
-
-Make sure that you have `marko`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-import Button from '../components/button/index.marko';
-
-export default { title: 'Button' }
-
-export const withText = () => ({
-  component: Button,
-  input: { text 'some text' }
-});
-
-export const withEmoji = () => ({
-  component: Button,
-  input: { text '😀 😎 👍 💯' }
-});
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  └── With Emoji
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-mithril/index.md b/docs/src/pages/guides/guide-mithril/index.md
deleted file mode 100644
index 4ae2ce77d0b..00000000000
--- a/docs/src/pages/guides/guide-mithril/index.md
+++ /dev/null
@@ -1,104 +0,0 @@
----
-id: 'guide-mithril'
-title: 'Storybook for Mithril'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using mithril, you could try forcing it to use mithril:
-
-```sh
-npx -p @storybook/cli sb init --type mithril
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your mithril project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Add @storybook/mithril
-
-Add `@storybook/mithril` to your project. To do that, run:
-
-```sh
-npm install @storybook/mithril --save-dev
-```
-
-### Add mithril, @babel/core and babel-loader
-
-Make sure that you have `mithril`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install mithril --save
-npm install babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-/** @jsx m */
-
-import m from 'mithril';
-import { Button } from '<your-button>';
-
-export default { title: 'Button' }
-  
-export const withText = () => (
-  <Button>Hello Button</Button>
-);
-
-export const withEmoji = () => (
-  <Button><span role="img" aria-label="so cool">😀 😎 👍 💯</span></Button>
-);
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  └── With Emoji
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-preact/index.md b/docs/src/pages/guides/guide-preact/index.md
deleted file mode 100644
index 4a920a01e5f..00000000000
--- a/docs/src/pages/guides/guide-preact/index.md
+++ /dev/null
@@ -1,102 +0,0 @@
----
-id: 'guide-preact'
-title: 'Storybook for Preact'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using preact, you could try forcing it to use preact:
-
-```sh
-npx -p @storybook/cli sb init --type preact
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your preact project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Add @storybook/preact
-
-Add `@storybook/preact` to your project. To do that, run:
-
-```sh
-npm install @storybook/preact --save-dev
-```
-
-### Add preact, @babel/core and babel-loader
-
-Make sure that you have `preact`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install preact --save
-npm install babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-import { h } from 'preact';
-import { Button } from '<your-button>';
-
-export default { title: 'Button' }
-
-export const withText = () => (
-  <Button>Hello Button</Button>
-);
-
-export const withEmoji = () => (
-  <Button><span role="img" aria-label="so cool">😀 😎 👍 💯</span></Button>
-);
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  └── With Emoji
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-rax/index.md b/docs/src/pages/guides/guide-rax/index.md
deleted file mode 100644
index fce19b9c826..00000000000
--- a/docs/src/pages/guides/guide-rax/index.md
+++ /dev/null
@@ -1,96 +0,0 @@
----
-id: 'guide-rax'
-title: 'Storybook for Rax'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using [Rax](https://github.com/alibaba/rax), you could try forcing it to use Rax:
-
-```sh
-npx -p @storybook/cli sb init --type rax
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your Rax project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Add @storybook/rax
-
-Add `@storybook/rax` to your project. To do that, run:
-
-```sh
-npm install @storybook/rax --save-dev
-```
-
-### Add rax, @babel/core and babel-loader
-
-Make sure that you have `rax`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install rax --save
-npm install babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-import { createElement } from 'rax';
-import Button from '<your button>';
-
-export const { title: 'Button' }
-export const withText = () => <Button>Hello Button</Button>;
-export const withEmoji = () => <Button>😀 😎 👍 💯</Button>;
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  └── With Emoji
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-react-native/index.md b/docs/src/pages/guides/guide-react-native/index.md
deleted file mode 100644
index 8491694b123..00000000000
--- a/docs/src/pages/guides/guide-react-native/index.md
+++ /dev/null
@@ -1,218 +0,0 @@
----
-id: 'guide-react-native'
-title: 'Storybook for React Native'
----
-
-This guide will help you to manually setup React Native Storybook and explain about addons and Storybook server.
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using react-native, you could try forcing it to use react-native:
-
-```sh
-npx -p @storybook/cli sb init --type react_native
-```
-
-## Manual setup
-
-**1. Add `@storybook/react-native` to your project.**
-
-To use React Native Storybook you need to have it as a dependency in your project. To do that, run:
-
-```sh
-npm i --save-dev @storybook/react-native
-```
-
-**2. Create the Storybook directory.**
-
-Create a new directory called `storybook` in your project root.
-
-**3. Create an entry file for Storybook.**
-
-Create an `index.js` file as given below. Do not forget to replace `%APP_NAME%` with your app name if you are not
-using expo.
-
-`storybook/index.js`
-
-```js
-import { AppRegistry } from 'react-native';
-import { getStorybookUI, configure } from '@storybook/react-native';
-
-import './rn-addons';
-
-// import stories
-configure(() => {
-  require('./stories');
-}, module);
-
-// Refer to https://github.com/storybookjs/storybook/tree/master/app/react-native#start-command-parameters
-// To find allowed options for getStorybookUI
-const StorybookUIRoot = getStorybookUI({});
-
-// If you are using React Native vanilla write your app name here.
-// If you use Expo you can safely remove this line.
-AppRegistry.registerComponent('%APP_NAME%', () => StorybookUIRoot);
-
-export default StorybookUIRoot;
-```
-
-**4. Create a file for on device addons**
-
-Create a file called `rn-addons.js` that you can use to include on device addons (more about them in addons section). You can see an example below.
-
-`storybook/rn-addons.js`
-
-```js
-import '@storybook/addon-ondevice-knobs/register';
-import '@storybook/addon-ondevice-notes/register';
-...
-```
-
-**5. Display StorybookUI in your app.**
-
-Finally you need to expose StorybookUI somewhere in your app.
-The easiest solution is to replace your app entry with:
-
-```js
-export default from './storybook';
-```
-
-If you cannot replace your entry point, make sure that the component exported from `./storybook` is displayed somewhere in your app. `StorybookUI` is a RN `View` component that can be embedded anywhere in your RN application, e.g. on a tab or within an admin screen.
-
----
-
-## Writing stories
-
-Now you can write some stories inside the `storybook/stories/index.js` file, like this:
-
-```js
-import React from 'react';
-import { storiesOf } from '@storybook/react-native';
-import { View, Text } from 'react-native';
-
-const style = {
-  flex: 1,
-  justifyContent: 'center',
-  alignItems: 'center',
-  backgroundColor: '#F5FCFF',
-};
-
-const CenteredView = ({ children }) => <View style={style}>{children}</View>;
-
-storiesOf('CenteredView', module).add('default view', () => (
-  <CenteredView>
-    <Text>Hello Storybook</Text>
-  </CenteredView>
-));
-```
-
-Refer to [Writing Stories](https://storybook.js.org/basics/writing-stories) for more information.
-
----
-
-## Addons
-
-Storybook supports addons. You can read more about them [here](https://storybook.js.org/addons/introduction)
-
-There is one big difference in React Native is that it has two types of addons: Addons that work in the browser and addons that work on the app itself (on device addons).
-
-## Browser addons
-
-Browser addons are default addons to storybook. You create a file called `addons.js` inside `storybook` directory and the addons will be automatically loaded inside your browser.
-
-`storybook/addons.js`
-
-```js
-import '@storybook/addon-actions/register';
-import '@storybook/addon-knobs/register';
-```
-
-## On device addons
-
-On device addons are addons that are displayed in your app in addons panel. To use them you have to create a file called `rn-addons.js` in `storybook` directory. Because React Native does not dynamically resolve imports, you will also have to manually import this file before the `getStorybookUI` call.
-
-Example:
-
-`storybook/rn-addons.js`
-
-```js
-import '@storybook/addon-ondevice-knobs/register';
-import '@storybook/addon-ondevice-notes/register';
-...
-```
-
-`storybook/index.js`
-
-```js
-import { getStorybookUI } from '@storybook/react-native';
-
-...
-import './rn-addons';
-...
-
-const StorybookUI = getStorybookUI();
-export default StorybookUI;
-```
-
-This step is done automatically when you install Storybook for the first time.
-
-## Compatibility
-
-Web and onDevice addon compatibility can be found [here](https://github.com/storybookjs/storybook/blob/master/ADDONS_SUPPORT.md)
-
-## Performance of on device addons
-
-Because on device addons are inside the app, they are also rerendered on every change. Be aware that this can have performance implications for your app.
-
----
-
-## Storybook server
-
-Storybook RN server, `@storybook/react-native-server` is a separate package that provides a standalone server that the Storybook ondevice client can connect to.
-
-Running storybook server gives a few advantages over running on-device:
-
-**Websockets connection.** By using websockets connection you can create your own tools that integrate with your storybook app and control it from outside of your app.
-
-**IDE Plugins.** Running server allows you to control your storybook view from inside web page or your IDE. There is a plugin for [JetBrains IDEs](https://plugins.jetbrains.com/plugin/9910-storybook) and there is one for [VS Code](https://github.com/orta/vscode-react-native-storybooks).
-
-**Web addons.** There are Storybook addons that work with React Native but do not have on device implementations.
-
-To run Storybook server, you need to install a few dependencies and add a run script to your `package.json`.
-
-First:
-
-```sh
-npm i --save-dev @storybook/react-native-server babel-loader
-```
-
-Then:
-
-```json
-{
-  "scripts": {
-    ...
-    "storybook": "(adb reverse tcp:7007 tcp:7007 || true) && start-storybook"
-  }
-}
-```
-
-Finally:
-
-```sh
-npm run storybook
-```
-
-**Note** You can change port to custom with `start-storybook -p=YOUR_PORT_NUMBER`, but then you also have to pass it as an option to `getStorybookUI({port: YOUR_PORT_NUMBER})`. If you are running on android, there might be need to run `adb reverse tcp:YOUR_PORT_NUMBER tcp:YOUR_PORT_NUMBER`.
-
-### Start App
-To see your Storybook stories on the device, you should start your mobile app for the <platform> of your choice (typically ios or android). (Note that due to an implementation detail, your stories will only show up in the left pane of your browser window after your device has connected to this storybook server.)
-
-### Historical notes
-
-Some context may be useful if you've used older versions of Storybook for RN and find these instructions confusing.
-
-Prior to v4, `@storybook/react-native` included a built-in server and needed that server to function. In v4.x, the server became optional, but was still included in the package. Finally in v5, we've split out the server into its own package (as documented above), and this has a variety of maintenance and compatibility benefits.
-
-For more information, see the RN migration instructions for [v4](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#removed-rn-packager) and [v5](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#react-native-server).
diff --git a/docs/src/pages/guides/guide-react/index.md b/docs/src/pages/guides/guide-react/index.md
deleted file mode 100644
index abb6fce106d..00000000000
--- a/docs/src/pages/guides/guide-react/index.md
+++ /dev/null
@@ -1,122 +0,0 @@
----
-id: 'guide-react'
-title: 'Storybook for React'
----
-
-## Automatic setup
-
-Before trying the below commands, you should try the following command. In most cases, Storybook will detect that you're using `react` or `react-scripts`, and install the appropriate packages.
-
-```sh
-npx -p @storybook/cli sb init
-```
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using React, you could try forcing it to use React:
-
-```sh
-npx -p @storybook/cli sb init --type react
-```
-
-If you're using [Create React App](https://create-react-app.dev/) (or a fork of `react-scripts`), you should use this command instead:
-
-```sh
-npx -p @storybook/cli sb init --type react_scripts
-```
-
-Note: You must have a `package.json` in your project or the above commands will fail.
-
-## Manual setup
-
-If you want to set up Storybook manually for your React project, this is the guide for you.
-
-### A note for Create React App users
-
-You can now use [`@storybook/preset-create-react-app`](https://github.com/storybookjs/presets/tree/master/packages/preset-create-react-app) to configure Storybook on your behalf. This is installed by Storybook during automatic setup (Storybook 5.3 or newer).
-
-## Step 1: Add dependencies
-
-### Add @storybook/react
-
-Add `@storybook/react` to your project. To do that, run:
-
-```sh
-npm install @storybook/react --save-dev
-```
-
-### Add react, react-dom, @babel/core, and babel-loader
-
-Make sure that you have `react`, `react-dom`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install react react-dom --save
-npm install babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-import React from 'react';
-import { Button } from '@storybook/react/demo';
-
-export default { title: 'Button' };
-
-export const withText = () => <Button>Hello Button</Button>;
-
-export const withEmoji = () => (
-  <Button>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  └── With Emoji
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-riot/index.md b/docs/src/pages/guides/guide-riot/index.md
deleted file mode 100644
index 400d72c4352..00000000000
--- a/docs/src/pages/guides/guide-riot/index.md
+++ /dev/null
@@ -1,150 +0,0 @@
----
-id: 'guide-riot'
-title: 'Storybook for Riot'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using Riot, you could try forcing it to use riot:
-
-```sh
-npx -p @storybook/cli sb init --type riot
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your Riot project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Add @storybook/riot
-
-Add `@storybook/riot` to your project. To do that, run:
-
-```sh
-npm install @storybook/riot --save-dev
-```
-
-### Add riot, @babel/core, and babel-loader
-
-Make sure that you have `riot`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install riot babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Storybook TypeScript configuration
-
-`@storybook/riot` is using [ForkTsCheckerWebpackPlugin](https://github.com/Realytics/fork-ts-checker-webpack-plugin) to boost the build performance.
-This makes it necessary to create a `tsconfig.json` file at `.storybook/tsconfig.json` with the following content:
-
-```json
-{
-  "extends": "../tsconfig.json",
-  "exclude": [
-    "../src/test.ts",
-    "../src/**/*.spec.ts",
-    "../projects/**/*.spec.ts"
-  ],
-  "include": [
-    "../src/**/*",
-    "../projects/**/*"
-  ]
-}
-```
-
-## Step 5: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-import { tag, mount } from '@storybook/riot';
-import SimpleTestRaw from './SimpleTest.txt'; //can be loaded as string if you prefer
-import './AnotherTest.tag';
-//if you need to import .tag files as text, use the raw-loader instead of the riot-tag-loader
-
-export default { title: 'My Component' };
-  
-// the template is compiled below
-export const builtWithTag = () => (
-  tag('test', '<div>simple test ({ opts.value })</div>', '', '', () => {}) &&
-  mount('test', { value: 'with a parameter' })
-);
-
-// tags[0] will be the parent tag, always
-// you can leave out the root tag, if we find out that the new root tag
-// is a built-in html tag, it will be wrapped
-export const builtAsString = () => ({
-  tags: ['<test><div>simple test</div></test>']
-});
-
-// the component is a string, it will be instantiated without params
-// e.g. <SimpletestRaw/>
-export const builtFromRawImport = () => SimpleTestRaw;
-
-// the comprehensive form is this one
-// list all the possible tags (the root element is in the content)
-// then scenario is compiled and executed
-// WARN : the tag file root element must have exactly the same name (or else you will see nothing)
-export const builtFromTagsAndScenario = () => ({
-  tags: [{ content: SimpleTestRaw, boundAs: 'mustBeUniquePlease' }],
-  scenario:
-    '<SimpleTest test={ "with a parameter" } value={"value is mapped to riotValue"}></SimpleTest>',
-});
-
-// the tag is already compiled before running the js
-// the tag name 'anothertest' must match exactly the root tag inside the tag file
-// must be lower case
-export const builtFromThePrecompilation = () => mount('anothertest', {});
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-My Component
-  ├── Built With Tag
-  ├── Built As String
-  ├── Built From Raw Import
-  ├── Built From Tags And Scenario
-  └── Built From The Precompilation
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-svelte/index.md b/docs/src/pages/guides/guide-svelte/index.md
deleted file mode 100644
index 010c2e66ea8..00000000000
--- a/docs/src/pages/guides/guide-svelte/index.md
+++ /dev/null
@@ -1,156 +0,0 @@
----
-id: 'guide-svelte'
-title: 'Storybook for Svelte'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using svelte, you could try forcing it to use svelte:
-
-```sh
-npx -p @storybook/cli sb init --type svelte
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your Svelte project, this is the guide for you.
-
-> It is very important to remember that Svelte components are precompiled from `.svelte` or `.html` files to vanilla javascript, so there is no 'runtime'.
-
-## Step 1: Add dependencies
-
-### Add @storybook/svelte
-
-Add `@storybook/svelte` to your project. To do that, run:
-
-```sh
-npm install @storybook/svelte --save-dev
-```
-
-### @babel/core, and babel-loader
-
-Make sure that you have `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install babel-loader @babel/core --save-dev 
-```
-
-### svelte-loader
-
-You'll also need to install `svelte-loader` if you haven't already.
-
-```sh
-
-npm install svelte-loader --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-import MyButton from '../components/MyButton.svelte';
-
-export default { title: 'MyButton' }
-
-export const withText = () => ({
-  Component: MyButton,
-  props: {
-    buttonText: 'some text',
-  },
-});
-
-export const withEmoji = () => ({
-  Component: MyButton,
-  props: {
-    buttonText: '😀 😎 👍 💯',
-  },
-});
-```
-
-Svelte storybooks don't support using templates in a story yet. 
-Instead, you can create a `.svelte` file to compose components together, or to access all normal Svelte functionality, like slots.
-
-So you can create a story "view" file, which is essentially a .svelte file to load your components into to test.
-
-```html
-<!-- MyButtonView  -->
-<MyButton {rounded} on:click>
-  {buttonText}
-</MyButton>
-```
-
-In this example, the `on:click` that is heard on the `MyButton` component is passed up to the containing component `MyButtonView` using the svelte shorthand.
-It's the equivalent to `on:click="fire('click', event)"`, but it's worth knowing about especially in this "component wrapper" scenario.
-
-> If your component doesn't use slots, you don't need to do this, but if it does or some other svelte functionality that requires the component to exist in a svelte view, then this is how to do that.
-
-You would then write a story for this "view" the exact same way you did with a component.
-
-```js
-import MyButtonView from '../views/MyButtonView.svelte';
-
-export default { title 'Button' }
-
-export const wrappedComponentExample = () => ({
-  Components: MyButtonView,
-  props: {
-    buttonText: 'some text',
-    rounded: true,
-  },
-  on: {
-    click: (event) => {
-      console.log('clicked', event);
-    },
-  },
-});
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  ├── With Emoji
-  └── Wrapped Component Example
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-vue/index.md b/docs/src/pages/guides/guide-vue/index.md
deleted file mode 100644
index 2b48dac8532..00000000000
--- a/docs/src/pages/guides/guide-vue/index.md
+++ /dev/null
@@ -1,189 +0,0 @@
----
-id: 'guide-vue'
-title: 'Storybook for Vue'
----
-
----
-**NOTE**
-
-[Vue.js devtools] [browser extension support is in the works] but not yet available!
-<details markdown>
-<summary>See workarounds…</summary>
-
-- In Firefox:
-  1. Open the story you wish to inspect.
-  2. Right-click anywhere in the story and select This Frame → Open Frame in New Tab. devtools should now work correctly in the new tab.
-
-- In Chromium / Chrome:
-  1. Open the story you wish to inspect.
-  2. Right-click anywhere in the story and select View frame source which will open in a new tab. E.g., `view-source:http://localhost:6006/iframe.html?id=components-fancybutton--button&viewMode=story`.
-  3. Remove the `view-source:` scheme from the URL in the address bar to load just the frame. devtools should now work correctly.
-
-- Launch the standalone Vue.js devtools app via `npx -p @vue/devtools vue-devtools` and add (or create) `<script src="//localhost:8098"></script>` to `.storybook/preview-head.html`. Now run Storybook and devtools should connect.
-
-</details>
-
-[Vue.js devtools]: https://github.com/vuejs/vue-devtools
-[browser extension support is in the works]: https://github.com/storybookjs/storybook/issues/1708
-
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using vue, you could try forcing it to use vue:
-
-```sh
-npx -p @storybook/cli sb init --type vue
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your Vue project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Add @storybook/vue
-
-Add `@storybook/vue` to your project. To do that, run:
-
-```sh
-npm install @storybook/vue --save-dev
-```
-
-### Add peer dependencies
-
-Make sure that you have `vue`, `vue-loader`, `vue-template-compiler`, `@babel/core`, and `babel-loader` in your dependencies as well, because we list these as a peer dependencies:
-
-```sh
-npm install vue --save
-npm install vue-loader vue-template-compiler @babel/core babel-loader --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-    "build-storybook": "build-storybook"
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.js`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-> You might be using global components or vue plugins such as vuex, in that case you'll need to register them in this `preview.js` file.
->
-> <details>
->   <summary>details</summary>
->
-> ```js
-> import { configure } from '@storybook/vue';
->
-> import Vue from 'vue';
->
-> // Import Vue plugins
-> import Vuex from 'vuex';
->
-> // Import your global components.
-> import Mybutton from '../src/stories/Button.vue';
->
-> // Install Vue plugins.
-> Vue.use(Vuex);
->
-> // Register global components.
-> Vue.component('my-button', Mybutton);
->
-> configure(require.context('../src', true, /\.stories\.js$/), module);
-> ```
->
-> This example registered your custom `Button.vue` component, installed the Vuex plugin, and loaded your Storybook stories defined in `../src/index.stories.js`.
->
-> All custom components and Vue plugins should be registered before calling `configure()`.
->
-> </details>
-
-
-## Step 4: Write your stories
-
-Now create a `../stories/index.js` file, and write your first story like this:
-
-```js
-import Vue from 'vue';
-import MyButton from './Button.vue';
-
-export default { title: 'Button' };
-
-export const withText = () => '<my-button>with text</my-button>';
-
-export const withEmoji = () => '<my-button>😀 😎 👍 💯</my-button>';
-
-export const asAComponent = () => ({
-  components: { MyButton },
-  template: '<my-button :rounded="true">rounded</my-button>'
-});
-```
-
-Each story is a single state of your component. In the above case, there are three stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  ├── With Emoji
-  └── As A Component
-```
-
-> If your story is returning a plain template you can only use globally registered components.
->
-> To register them, use `Vue.component('my-button', Mybutton)` in your `preview.js` file.
->
-> <details>
->   <summary>details</summary>
->
-> If your story returns a plain string like below, you will need to register globally each VueJs component that it uses. 
->
-> ```js
-> export const withText = () => '<my-component>with text</my-component>';
-> ```
->
-> In big solutions, globally registered components can conflict with each other.
->
-> Here are two other ways to use components in your stories without globally registering them.
->
-> - register components locally in the "components" member of the vue component object. See the story "as a component" above.
-> - use a JSX render function like below. No need to register anything.
->
-> ```jsx
-> export const withText = () => ({
->    render: h => <my-component>with text</my-component>
-> });
-> ```
->
-> </details>
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/guide-web-components/index.md b/docs/src/pages/guides/guide-web-components/index.md
deleted file mode 100644
index 3ac18e343ca..00000000000
--- a/docs/src/pages/guides/guide-web-components/index.md
+++ /dev/null
@@ -1,111 +0,0 @@
----
-id: 'guide-web-components'
-title: 'Storybook for Web Components'
----
-
-## Automatic setup
-
-You may have tried to use our quick start guide to setup your project for Storybook.
-If it failed because it couldn't detect you're using web components, you could try forcing it to use web_components:
-
-```sh
-npx -p @storybook/cli sb init --type web_components
-```
-
-## Manual setup
-
-If you want to set up Storybook manually for your web components project, this is the guide for you.
-
-## Step 1: Add dependencies
-
-### Init npm if necessary
-
-If you don't have `package.json` in your project, you'll need to init it first:
-
-```sh
-npm init
-```
-
-### Add @storybook/web-components
-
-Add `@storybook/web-components` to your project. To do that, run:
-
-```sh
-npm install @storybook/web-components --save-dev
-```
-
-### Add lit-html, @babel/core and babel-loader
-
-Make sure that you have `lit-html`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:
-
-```sh
-npm install lit-html babel-loader @babel/core --save-dev
-```
-
-## Step 2: Add npm scripts
-
-Then add the following scripts to your `package.json` in order to start the storybook later in this guide:
-
-```json
-{
-  "scripts": {
-    "storybook": "start-storybook",
-  }
-}
-```
-
-## Step 3: Create the main file
-
-For a basic Storybook configuration, the only thing you need to do is tell Storybook where to find stories.
-
-To do that, create a file at `.storybook/main.js` with the following content:
-
-```js
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|js)'],
-};
-```
-
-That will load all the stories underneath your `../src` directory that match the pattern `*.stories.@(ts|js)`. We recommend co-locating your stories with your source files, but you can place them wherever you choose.
-
-## Step 4: Write your stories
-
-Now create a `../src/index.stories.js` file, and write your first story like this:
-
-```js
-import { html } from 'lit-html';
-
-export default { title: 'Button' };
-
-export const WithText = () => html`
-  <button @click=${() => console.log('clicked')}>
-    Hello Button
-  </button>
-`;
-
-export const WithEmoji = () => html`
-  <button>
-    😀 😎 👍 💯
-  </button>
-`;
-```
-
-Each story is a single state of your component. In the above case, there are two stories for the demo button component:
-
-```plaintext
-Button
-  ├── With Text
-  └── With Emoji
-```
-
-## Finally: Run your Storybook
-
-Now everything is ready. Run your storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should start, on a random open port in dev-mode.
-
-Now you can develop your components and write stories and see the changes in Storybook immediately since it uses Webpack's hot module reloading.
diff --git a/docs/src/pages/guides/quick-start-guide/index.md b/docs/src/pages/guides/quick-start-guide/index.md
deleted file mode 100644
index 0faa6006204..00000000000
--- a/docs/src/pages/guides/quick-start-guide/index.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-id: 'quick-start-guide'
-title: 'Quick Start Guide'
----
-
-Storybook supports many different frontend view layers with more coming!
-React, Vue, Angular, Mithril, Marko, HTML, Svelte, Meteor, Ember, Riot and Preact are currently supported. Follow these steps to get started with Storybook.
-
-Get started using the automated command line tool. This command adds a set of boilerplate files for Storybook in your project:
-
-```sh
-cd my-project-directory
-npx -p @storybook/cli sb init
-```
-
-The tool inspects your `package.json` to determine which view layer you're using. If you want to develop HTML snippets in storybook, we can't determine that automatically. So to install storybook for HTML, use the `--type` flag to force that the HTML project type is set:
-
-```sh
-npx -p @storybook/cli sb init --type html
-```
-
-It's also useful if our automatic detection fails.
-
-By default npx will use the latest version, if you want to try out the next version (or any specific version), you can use the following:
-
-```sh
-npx -p @storybook/cli@5.0.0-rc.6 sb init
-```
-
-To setup a project manually, take a look at the [Slow Start Guide](/guides/slow-start-guide/).
-
-Start Storybook with:
-
-```sh
-npm run storybook
-```
-
-Storybook should now be available in the browser with a link provided in the console.
-
----
-
-To learn more about what the Storybook CLI command `sb init` command does, have a look at the slow start guides:
-
-- [React](/guides/guide-react/)
-- [React Native](/guides/guide-react-native/)
-- [Vue](/guides/guide-vue/)
-- [Angular](/guides/guide-angular/)
-- [Mithril](/guides/guide-mithril/)
-- [Marko](/guides/guide-marko/)
-- [HTML](/guides/guide-html/)
-- [Svelte](/guides/guide-svelte/)
-- [Ember](/guides/guide-ember/)
-- [Riot](/guides/guide-riot/)
-- [Preact](/guides/guide-preact/)
-- [Web Components](/guides/guide-web-components/)
-
-A step-by-step tutorial is available at [Learn Storybook](https://www.learnstorybook.com).
diff --git a/docs/src/pages/guides/slow-start-guide/index.md b/docs/src/pages/guides/slow-start-guide/index.md
deleted file mode 100644
index f411004c2d5..00000000000
--- a/docs/src/pages/guides/slow-start-guide/index.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-id: 'slow-start-guide'
-title: 'Slow Start Guide'
----
-
-Storybook supports multiple UI libraries. The manual setup for each framework is different:
-
-- [Storybook for React](/guides/guide-react/)
-- [Storybook for React Native](/guides/guide-react-native/)
-- [Storybook for Vue](/guides/guide-vue/)
-- [Storybook for Angular](/guides/guide-angular/)
-- [Storybook for Mithril](/guides/guide-mithril/)
-- [Storybook for Marko](/guides/guide-marko/)
-- [Storybook for HTML](/guides/guide-html/)
-- [Storybook for Svelte](/guides/guide-svelte/)
-- [Storybook for Ember](/guides/guide-ember/)
-- [Storybook for Riot](/guides/guide-riot/)
-- [Storybook for Preact](/guides/guide-preact/)
diff --git a/docs/src/pages/index.jsx b/docs/src/pages/index.jsx
deleted file mode 100644
index c8af3a7a45b..00000000000
--- a/docs/src/pages/index.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import Homepage from '../components/Homepage';
-import users from './_users.yml';
-
-const usersArray = Object.values(users).map((user) => ({
-  ...user,
-  // eslint-disable-next-line import/no-dynamic-require, global-require
-  logoSrc: require(`./logos/${user.logo}`),
-}));
-
-export default () => <Homepage users={usersArray} />;
diff --git a/docs/src/pages/logos/airbnb.svg b/docs/src/pages/logos/airbnb.svg
deleted file mode 100644
index 87d66e34fda..00000000000
--- a/docs/src/pages/logos/airbnb.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" enable-background="new 0 0 320.1 99.9" version="1.1" viewBox="0 0 320.1 99.9" xml:space="preserve"><path fill="#FF5A5F" d="M168.7,25.1c0,3.6-2.9,6.5-6.5,6.5s-6.5-2.9-6.5-6.5s2.8-6.5,6.5-6.5C165.9,18.7,168.7,21.6,168.7,25.1z M141.9,38.2c0,0.6,0,1.6,0,1.6s-3.1-4-9.7-4c-10.9,0-19.4,8.3-19.4,19.8c0,11.4,8.4,19.8,19.4,19.8c6.7,0,9.7-4.1,9.7-4.1v1.7	c0,0.8,0.6,1.4,1.4,1.4h8.1V36.8c0,0-7.4,0-8.1,0C142.5,36.8,141.9,37.5,141.9,38.2z M141.9,62.3c-1.5,2.2-4.5,4.1-8.1,4.1	c-6.4,0-11.3-4-11.3-10.8s4.9-10.8,11.3-10.8c3.5,0,6.7,2,8.1,4.1V62.3z M157.4,36.8h9.6v37.6h-9.6V36.8z M300.8,35.8	c-6.6,0-9.7,4-9.7,4V18.7h-9.6v55.7c0,0,7.4,0,8.1,0c0.8,0,1.4-0.7,1.4-1.4v-1.7l0,0c0,0,3.1,4.1,9.7,4.1c10.9,0,19.4-8.4,19.4-19.8	C320.1,44.2,311.6,35.8,300.8,35.8z M299.2,66.3c-3.7,0-6.6-1.9-8.1-4.1V48.8c1.5-2,4.7-4.1,8.1-4.1c6.4,0,11.3,4,11.3,10.8	S305.6,66.3,299.2,66.3z M276.5,52.1v22.4h-9.6V53.2c0-6.2-2-8.7-7.4-8.7c-2.9,0-5.9,1.5-7.8,3.7v26.2h-9.6V36.8h7.6	c0.8,0,1.4,0.7,1.4,1.4v1.6c2.8-2.9,6.5-4,10.2-4c4.2,0,7.7,1.2,10.5,3.6C275.2,42.2,276.5,45.8,276.5,52.1z M218.8,35.8	c-6.6,0-9.7,4-9.7,4V18.7h-9.6v55.7c0,0,7.4,0,8.1,0c0.8,0,1.4-0.7,1.4-1.4v-1.7l0,0c0,0,3.1,4.1,9.7,4.1c10.9,0,19.4-8.4,19.4-19.8	C238.2,44.2,229.7,35.8,218.8,35.8z M217.2,66.3c-3.7,0-6.6-1.9-8.1-4.1V48.8c1.5-2,4.7-4.1,8.1-4.1c6.4,0,11.3,4,11.3,10.8	S223.6,66.3,217.2,66.3z M191.2,35.8c2.9,0,4.4,0.5,4.4,0.5v8.9c0,0-8-2.7-13,3v26.3h-9.6V36.8c0,0,7.4,0,8.1,0	c0.8,0,1.4,0.7,1.4,1.4v1.6C184.3,37.7,188.2,35.8,191.2,35.8z M91.5,71c-0.5-1.2-1-2.5-1.5-3.6c-0.8-1.8-1.6-3.5-2.3-5.1l-0.1-0.1	c-6.9-15-14.3-30.2-22.1-45.2l-0.3-0.6c-0.8-1.5-1.6-3.1-2.4-4.7c-1-1.8-2-3.7-3.6-5.5C56,2.2,51.4,0,46.5,0c-5,0-9.5,2.2-12.8,6	c-1.5,1.8-2.6,3.7-3.6,5.5c-0.8,1.6-1.6,3.2-2.4,4.7l-0.3,0.6C19.7,31.8,12.2,47,5.3,62l-0.1,0.2c-0.7,1.6-1.5,3.3-2.3,5.1	c-0.5,1.1-1,2.3-1.5,3.6c-1.3,3.7-1.7,7.2-1.2,10.8c1.1,7.5,6.1,13.8,13,16.6c2.6,1.1,5.3,1.6,8.1,1.6c0.8,0,1.8-0.1,2.6-0.2	c3.3-0.4,6.7-1.5,10-3.4c4.1-2.3,8-5.6,12.4-10.4c4.4,4.8,8.4,8.1,12.4,10.4c3.3,1.9,6.7,3,10,3.4c0.8,0.1,1.8,0.2,2.6,0.2	c2.8,0,5.6-0.5,8.1-1.6c7-2.8,11.9-9.2,13-16.6C93.2,78.2,92.8,74.7,91.5,71z M46.4,76.2c-5.4-6.8-8.9-13.2-10.1-18.6	c-0.5-2.3-0.6-4.3-0.3-6.1c0.2-1.6,0.8-3,1.6-4.2c1.9-2.7,5.1-4.4,8.8-4.4c3.7,0,7,1.6,8.8,4.4c0.8,1.2,1.4,2.6,1.6,4.2	c0.3,1.8,0.2,3.9-0.3,6.1C55.3,62.9,51.8,69.3,46.4,76.2z M86.3,80.9c-0.7,5.2-4.2,9.7-9.1,11.7c-2.4,1-5,1.3-7.6,1	c-2.5-0.3-5-1.1-7.6-2.6c-3.6-2-7.2-5.1-11.4-9.7c6.6-8.1,10.6-15.5,12.1-22.1c0.7-3.1,0.8-5.9,0.5-8.5c-0.4-2.5-1.3-4.8-2.7-6.8	c-3.1-4.5-8.3-7.1-14.1-7.1s-11,2.7-14.1,7.1c-1.4,2-2.3,4.3-2.7,6.8c-0.4,2.6-0.3,5.5,0.5,8.5c1.5,6.6,5.6,14.1,12.1,22.2	c-4.1,4.6-7.8,7.7-11.4,9.7c-2.6,1.5-5.1,2.3-7.6,2.6c-2.7,0.3-5.3-0.1-7.6-1c-4.9-2-8.4-6.5-9.1-11.7c-0.3-2.5-0.1-5,0.9-7.8	c0.3-1,0.8-2,1.3-3.2c0.7-1.6,1.5-3.3,2.3-5l0.1-0.2c6.9-14.9,14.3-30.1,22-44.9l0.3-0.6c0.8-1.5,1.6-3.1,2.4-4.6	c0.8-1.6,1.7-3.1,2.8-4.4c2.1-2.4,4.9-3.7,8-3.7c3.1,0,5.9,1.3,8,3.7c1.1,1.3,2,2.8,2.8,4.4c0.8,1.5,1.6,3.1,2.4,4.6l0.3,0.6	C67.7,34.8,75.1,50,82,64.9L82,65c0.8,1.6,1.5,3.4,2.3,5c0.5,1.2,1,2.2,1.3,3.2C86.4,75.8,86.7,78.3,86.3,80.9z"/></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/algolia.svg b/docs/src/pages/logos/algolia.svg
deleted file mode 100644
index 492674a1bd3..00000000000
--- a/docs/src/pages/logos/algolia.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="169" height="54" version="1.1" viewBox="0 0 169 54"><title>algolia-dark</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="algolia-dark" transform="translate(-8.800405, -7.644833)"><g id="mark" fill="#46AEDA" transform="translate(91.000000, 15.000000)"><path id="Fill-1" d="M19.6762357,13.3427101 L17.2184382,22.0742417 L25.1340918,17.7248577 C23.9844987,15.6115977 22.0228698,14.0136838 19.6762357,13.3427101 Z"/><path id="Fill-2" d="M5.80288646,7.45084864 C4.74412204,6.38466255 3.02651061,6.38534513 1.96774618,7.45084864 L1.4885231,7.93343094 C0.429758677,8.99893445 0.430436504,10.7285859 1.4885231,11.794772 L1.99892618,12.3080703 C3.08548148,10.5524809 4.46892463,9.00302991 6.07672822,7.72729253 L5.80288646,7.45084864 Z"/><path id="Fill-3" d="M22.3682794,4.77855765 C22.3723464,4.71985599 22.3852251,4.66388463 22.3852251,4.60381781 L22.3852251,3.23866277 C22.3845473,1.73153161 21.1712385,0.509035278 19.6739205,0.5083527 L14.9284597,0.5083527 C13.4318196,0.509035278 12.217833,1.73084904 12.217833,3.23866277 L12.217833,4.5799276 C13.7287075,4.15399922 15.3182098,3.92124029 16.962616,3.92124029 C18.8476505,3.92124029 20.6635467,4.22430471 22.3682794,4.77855765"/><path id="Fill-4" d="M17.1549586,10.9781192 C23.103711,10.9781192 27.9438997,15.8306367 27.9438997,21.7945415 C27.9438997,27.7584463 23.103711,32.6109637 17.1549586,32.6109637 C11.2062061,32.6109637 6.36601743,27.7584463 6.36601743,21.7945415 C6.36601743,15.8306367 11.2062061,10.9781192 17.1549586,10.9781192 M2.05044097,21.7945415 C2.05044097,30.1569141 8.8117723,36.9375325 17.1549586,36.9375325 C25.4981448,36.9375325 32.2594762,30.1569141 32.2594762,21.7945415 C32.2594762,13.4321688 25.4981448,6.65155036 17.1549586,6.65155036 C8.8117723,6.65155036 2.05044097,13.4321688 2.05044097,21.7945415 Z"/></g><path id="a-first" fill="#1D3657" d="M39.0290535,51.1170567 C38.4061313,49.4577107 37.8211673,47.827033 37.2721282,46.2236584 C36.723089,44.6202839 36.1550707,42.9889236 35.5701067,41.3302602 L18.3302768,41.3302602 L14.87133,51.1170567 L9.32603437,51.1170567 C10.789461,47.0625462 12.1620589,43.3124653 13.4438282,39.8654489 C14.7249196,36.419115 15.9775423,33.1475209 17.2050854,30.0520319 C18.430595,26.9551777 19.6479708,23.9975693 20.855857,21.1778416 C22.0637431,18.3581138 23.3265332,15.5663718 24.6442272,12.8019328 L29.5306759,12.8019328 C30.8483699,15.5663718 32.11116,18.3581138 33.3190461,21.1778416 C34.5269323,23.9975693 35.7436302,26.9551777 36.9704955,30.0520319 C38.1960052,33.1475209 39.4493057,36.419115 40.7310749,39.8654489 C42.0121663,43.3124653 43.3847643,47.0625462 44.8488687,51.1170567 L39.0290535,51.1170567 L39.0290535,51.1170567 Z M34.0327971,36.9078405 C32.8608357,33.7004087 31.6990417,30.5960462 30.5467372,27.5913399 C29.3930772,24.5873163 28.1940027,21.7034263 26.9501918,18.9383047 C25.6684225,21.7034263 24.4517246,24.5873163 23.2994202,27.5913399 C22.1464379,30.5960462 21.0015896,33.7004087 19.8675865,36.9078405 L34.0327971,36.9078405 L34.0327971,36.9078405 Z"/><path id="l-first" fill="#1D3657" d="M58.2447467,51.6692619 C55.0969221,51.5955435 52.8648406,50.9143311 51.5471466,49.6235771 C50.2287748,48.3341881 49.5712834,46.3253625 49.5712834,43.5971002 L49.5712834,9.09690207 L54.6759921,8.21228161 L54.6759921,42.7677685 C54.6759921,43.6168949 54.7498751,44.3165369 54.8956077,44.8694246 C55.042696,45.4216299 55.280613,45.8646227 55.6093586,46.1963553 C55.9387822,46.5274054 56.3786913,46.7765462 56.9277305,46.9424126 C57.4774475,47.1082789 58.153918,47.2468421 58.9584976,47.3574197 L58.2447467,51.6692619"/><path id="g" fill="#1D3657" d="M82.5671819,48.2413576 C82.1286284,48.5375962 81.2772788,48.914379 80.0144887,49.3751188 C78.7516986,49.8358587 77.2781046,50.0665699 75.5943845,50.0665699 C73.8740617,50.0665699 72.2540573,49.7894434 70.7357267,49.2372382 C69.2167183,48.6836678 67.8895348,47.827033 66.7548538,46.6659687 C65.6201729,45.5042217 64.7234089,44.0585226 64.0645619,42.3261408 C63.4063927,40.5937591 63.0762914,38.5296447 63.0762914,36.1337976 C63.0762914,34.032824 63.3867357,32.1065902 64.009658,30.3557789 C64.6319024,28.6056501 65.5374781,27.0937409 66.7277408,25.822099 C67.9166478,24.5504571 69.3712627,23.5552591 71.0922633,22.8365049 C72.812586,22.1177508 74.7525244,21.7580325 76.9120785,21.7580325 C79.2912482,21.7580325 81.3681075,21.9341375 83.144012,22.2836171 C84.9192386,22.634462 86.4104561,22.9566386 87.6183423,23.2508295 L87.6183423,48.9055055 C87.6183423,53.3286078 86.4843392,56.5346744 84.2149773,58.5250705 C81.9442597,60.5154665 78.5042921,61.509982 73.892363,61.509982 C72.0988351,61.509982 70.4063032,61.3639104 68.8140896,61.0690369 C67.221876,60.7727982 65.8397885,60.4240011 64.6691828,60.0185501 L65.6025494,55.540159 C66.6267447,55.9442449 67.880723,56.3046458 69.3631288,56.6179489 C70.8455346,56.9305694 72.391656,57.0882448 74.0021709,57.0882448 C77.0401876,57.0882448 79.2268547,56.4800682 80.5635279,55.2630325 C81.8995232,54.047362 82.5671819,52.1115721 82.5671819,49.4577107 L82.5671819,48.2413576 L82.5671819,48.2413576 Z M80.45372,26.4855643 C79.5928808,26.3572398 78.4310869,26.2917123 76.9676602,26.2917123 C74.2224644,26.2917123 72.1083246,27.1961275 70.6259189,29.0015451 C69.1435131,30.8076452 68.4026492,33.2028097 68.4026492,36.1884038 C68.4026492,37.8477497 68.6120974,39.2668284 69.0337053,40.4463223 C69.4546353,41.6264989 70.0219758,42.6019021 70.7357267,43.3766276 C71.4494776,44.1499879 72.2730364,44.7219879 73.206403,45.0898972 C74.1397696,45.4591716 75.100927,45.642785 76.0891975,45.642785 C77.4428163,45.642785 78.6873051,45.4496155 79.8219861,45.0625941 C80.9559892,44.6748901 81.853431,44.2243889 82.512278,43.7083603 L82.512278,26.9005715 C81.9991636,26.7531347 81.3138814,26.6152541 80.45372,26.4855643 Z"/><path id="l-latest" fill="#1D3657" d="M137.187768,51.6699445 C134.039265,51.5955435 131.807184,50.9150137 130.48949,49.6242596 C129.171796,48.3348707 128.512949,46.3253625 128.512949,43.5977827 L128.512949,9.09758465 L133.619691,8.21296419 L133.619691,42.7677685 C133.619691,43.6168949 133.692218,44.3165369 133.838629,44.8694246 C133.985039,45.4223124 134.222956,45.8646227 134.553058,46.1963553 C134.881803,46.528088 135.320357,46.7772288 135.870074,46.9430951 C136.419113,47.1089615 137.095583,47.2468421 137.901519,47.3574197 L137.187768,51.6699445"/><path id="i" fill="#1D3657" d="M146.136428,17.1697464 C145.222041,17.1697464 144.443219,16.8653168 143.804029,16.2578228 C143.162805,15.6489637 142.842871,14.8298706 142.842871,13.7971309 C142.842871,12.7650737 143.162805,11.9446155 143.804029,11.3371215 C144.443219,10.7282623 145.222041,10.4245153 146.136428,10.4245153 C147.051494,10.4245153 147.829638,10.7282623 148.470862,11.3371215 C149.110052,11.9446155 149.431341,12.7650737 149.431341,13.7971309 C149.431341,14.8298706 149.110052,15.6489637 148.470862,16.2578228 C147.829638,16.8653168 147.051494,17.1697464 146.136428,17.1697464 L146.136428,17.1697464 Z M143.611526,22.3668916 L148.71759,22.3668916 L148.71759,51.1170567 L143.611526,51.1170567 L143.611526,22.3668916 Z"/><path id="a-latest" fill="#1D3657" d="M166.725397,21.6481375 C168.775144,21.6481375 170.504278,21.9163904 171.914156,22.4501661 C173.322679,22.9846243 174.45736,23.7402376 175.317521,24.7163234 C176.177683,25.6937744 176.791115,26.8548388 177.157142,28.2001991 C177.52249,29.5455594 177.706181,31.0288003 177.706181,32.6506045 L177.706181,50.6201402 C177.266949,50.6938586 176.653517,50.7948801 175.867238,50.9238872 C175.079604,51.0528944 174.19233,51.1723454 173.204059,51.282923 C172.215789,51.3935006 171.144824,51.494522 169.992519,51.58667 C168.838859,51.6781354 167.694689,51.7252332 166.560686,51.7252332 C164.949493,51.7252332 163.467765,51.5593669 162.113468,51.2276342 C160.759172,50.8959016 159.587888,50.3703169 158.599618,49.6522453 C157.611347,48.9334912 156.842692,47.9847084 156.293653,46.8045319 C155.744614,45.625038 155.470094,44.2059593 155.470094,42.5472959 C155.470094,40.9630335 155.790028,39.598561 156.431252,38.4559263 C157.070442,37.3139741 157.940093,36.3924944 159.038849,35.6914873 C160.136927,34.9918454 161.418019,34.4751342 162.882123,34.1434015 C164.34555,33.8116689 165.882859,33.6458025 167.494052,33.6458025 C168.005811,33.6458025 168.537227,33.6731056 169.086266,33.7283944 C169.635305,33.7836832 170.157231,33.8587667 170.650688,33.9502321 C171.144824,34.0423801 171.575243,34.1249719 171.941947,34.1986903 C172.307296,34.2730913 172.563514,34.32838 172.709924,34.3645566 L172.709924,32.9270484 C172.709924,32.0792871 172.618418,31.2410819 172.435405,30.4110677 C172.251714,29.581736 171.92229,28.8452348 171.447134,28.2001991 C170.9713,27.5551633 170.321265,27.0391347 169.497706,26.6514307 C168.674147,26.2650918 167.603182,26.0712398 166.286166,26.0712398 C164.601768,26.0712398 163.12953,26.1913734 161.866062,26.4309581 C160.603949,26.6705429 159.661093,26.9196836 159.038849,27.1770154 L158.434906,22.9197794 C159.093753,22.6255885 160.192509,22.3395885 161.729141,22.0631446 C163.26645,21.7860181 164.931869,21.6481375 166.725397,21.6481375 L166.725397,21.6481375 Z M167.164629,47.4127085 C168.372515,47.4127085 169.44348,47.3847228 170.376847,47.329434 C171.310213,47.2741452 172.08768,47.1738063 172.709924,47.025687 L172.709924,38.4559263 C172.34322,38.2723129 171.748767,38.1153201 170.925886,37.986313 C170.101649,37.8573058 169.104567,37.7917784 167.933283,37.7917784 C167.164629,37.7917784 166.349882,37.8477497 165.490398,37.9583273 C164.630237,38.0689048 163.842603,38.299616 163.12953,38.6490957 C162.415101,38.9999406 161.81997,39.4784274 161.344813,40.0872866 C160.868979,40.6947805 160.631062,41.4968091 160.631062,42.4920071 C160.631062,44.3349664 161.216026,45.6154819 162.387988,46.334236 C163.559271,47.0536727 165.151485,47.4127085 167.164629,47.4127085 L167.164629,47.4127085 Z"/></g></g></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/appbase.svg b/docs/src/pages/logos/appbase.svg
deleted file mode 100644
index 420ac5cf860..00000000000
--- a/docs/src/pages/logos/appbase.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="246.085" height="50" x="0" y="0" enable-background="new 0 0 246.085 50" version="1.1" viewBox="0 0 246.085 50" xml:space="preserve"><g><path fill="#FFF" d="M25.119-0.214C11.247-0.214,0,11.026,0,24.893C0,38.758,11.247,50,25.119,50s25.12-11.242,25.12-25.107 C50.24,11.026,38.992-0.214,25.119-0.214z M25.119,48.601C12.017,48.601,1.4,37.983,1.4,24.893 c0-13.094,10.617-23.709,23.719-23.709c13.097,0,23.72,10.615,23.72,23.709C48.839,37.983,38.216,48.601,25.119,48.601z"/><path fill="#FFF" d="M35.848,20.297c-0.831,0-1.567,0.424-2,1.069l-7.938-2.183c0.02-0.163,0.037-0.327,0.037-0.489 c0-1.953-1.583-3.535-3.532-3.535c-1.952,0-3.534,1.582-3.534,3.535c0,1.546,1.002,2.864,2.396,3.338l-0.681,4.266 c-0.346-0.075-0.702-0.115-1.073-0.115c-2.781,0-5.032,2.252-5.032,5.028c0,2.78,2.251,5.032,5.032,5.032 c2.777,0,5.034-2.252,5.034-5.032c0-0.719-0.154-1.4-0.428-2.021l9.751-5.106c0.434,0.62,1.156,1.028,1.968,1.028 c1.336,0,2.415-1.079,2.415-2.408C38.262,21.373,37.185,20.297,35.848,20.297z M23.719,28.439c-0.557-0.839-1.355-1.5-2.299-1.884 l0.695-4.346c0.099,0.008,0.195,0.012,0.3,0.012c1.486,0,2.755-0.916,3.273-2.212l7.816,2.149 c-0.036,0.174-0.062,0.355-0.062,0.544c0,0.208,0.03,0.409,0.079,0.604L23.719,28.439z"/></g><g><g><g><defs><rect id="SVGID_1_" width="183.579" height="36.234" x="62.506" y="6.883"/></defs><clipPath id="SVGID_2_"><use overflow="visible" xlink:href="#SVGID_1_"/></clipPath><path fill="#FFF" d="M74.479,33.15c-3.066,1.382-7.519,1.133-9.413-1.23 c-1.205-1.501-1.277-5.82,3.552-6.801c4.922-1.001,8.167,0,8.167,0S77.694,31.701,74.479,33.15L74.479,33.15z M68.186,14.594 c-2.269,0.303-3.698,1.61-3.698,1.61l1.112,1.863c0,0,2.537-2.174,6.885-1.495c2.358,0.369,4.072,1.819,4.29,6.394 c0,0-13.167-1.82-14.153,4.881c-1.194,8.118,7.172,8.902,11.606,7.504c3.24-1.022,3.977-3.314,4.392-4.921 c0.635-2.45,0.454-6.275,0.025-9.465C78.462,19.608,78.106,13.268,68.186,14.594L68.186,14.594z" clip-path="url(#SVGID_2_)"/></g></g><path fill="#FFF" d="M162.529,33.15c-3.064,1.382-7.52,1.133-9.411-1.23c-1.206-1.501-1.277-5.82,3.55-6.801 c4.924-1.001,8.168,0,8.168,0S165.745,31.701,162.529,33.15L162.529,33.15z M156.237,14.594c-2.269,0.303-3.697,1.61-3.697,1.61 l1.111,1.863c0,0,2.537-2.174,6.886-1.495c2.357,0.369,4.07,1.819,4.288,6.394c0,0-13.166-1.82-14.152,4.881 c-1.195,8.118,7.17,8.902,11.605,7.504c3.24-1.022,3.979-3.314,4.393-4.921c0.634-2.45,0.454-6.275,0.024-9.465 C166.517,19.608,166.157,13.268,156.237,14.594L156.237,14.594z"/><path fill="#FFF" d="M182.34,17.969c0,0-2.713-2.811-6.534-1.294c-1.741,0.689-2.469,2.502-2.116,3.856 c0.422,1.631,2.043,2.704,4.166,3.262c4.821,1.267,6.106,3.049,6.422,5.314c0.462,3.32-2.152,6.725-6,6.74 c-4.71,0.021-7.428-3.237-7.428-3.237l1.721-1.45c0,0,5.982,5.441,9.391,0.544c0.966-1.389,0.725-4.167-2.688-5.436 c-3.912-1.454-7.034-2.173-7.699-5.312c-1.197-5.658,6.341-8.879,12.079-4.413L182.34,17.969L182.34,17.969z"/><path fill="#FFF" d="M198.409,16.303c7.486,0.072,6.791,8.334,6.791,8.334h-14.062 C191.139,23.551,192.188,16.244,198.409,16.303L198.409,16.303z M205.187,32.452c-4.105,2.439-8.553,1.716-10.629,0.447 c-3.456-2.113-3.443-6.522-3.443-6.522l15.809,0.015c0.182-1.01,0.071-3.173,0-4.227c-0.311-4.594-3.343-7.628-8.476-7.685 c-5.496-0.062-8.555,4.166-9.16,8.031c-1.149,7.361,1.391,13.287,10.155,13.333c4.631,0.022,6.702-1.732,6.702-1.732 L205.187,32.452L205.187,32.452z"/><path fill="#FFF" d="M137.726,34.077c-5.229,0.35-6.426-4.234-6.537-5.214c-0.256-2.278-0.198-6.218-0.139-10.204 c0,0,1.701-2.396,6.586-2.065c4.029,0.271,6.679,2.783,6.541,8.57C144.058,30.206,142.788,33.74,137.726,34.077L137.726,34.077z M145.164,31.042c1.264-2.89,1.591-8.503-0.305-12.008c-1.497-2.763-4.019-4.426-7.758-4.426c-4.188,0-6.111,1.624-6.111,1.624 V7.245h-2.175v9.301c0,4.285,0,9.916,0,9.916c0,2.673,0.812,5.375,2.291,7.067c1.295,1.48,4.054,2.86,7.908,2.221 C142.383,35.189,144.06,33.563,145.164,31.042L145.164,31.042z"/><path fill="#FFF" d="M99.488,25.237c0.139,5.786-2.512,8.3-6.541,8.57c-4.884,0.329-6.586-2.065-6.586-2.065 c-0.062-3.985-0.117-7.926,0.138-10.204c0.111-0.979,1.309-5.564,6.537-5.214C98.099,16.662,99.367,20.194,99.488,25.237 L99.488,25.237z M94.355,14.653c-3.854-0.64-6.583,0.741-7.877,2.219c-1.479,1.691-2.231,4.394-2.231,7.067c0,0,0,5.633,0,9.916 v9.263h2.174v-8.948c0,0,1.863,1.624,6.051,1.624c3.739,0,6.202-1.664,7.696-4.427c1.896-3.506,1.569-9.12,0.305-12.007 C99.369,16.836,97.723,15.212,94.355,14.653L94.355,14.653z"/><path fill="#FFF" d="M121.591,25.237c0.14,5.786-2.512,8.3-6.54,8.57c-4.883,0.329-6.585-2.065-6.585-2.065 c-0.061-3.985-0.118-7.926,0.139-10.204c0.11-0.979,1.309-5.564,6.536-5.214C120.202,16.662,121.47,20.194,121.591,25.237 L121.591,25.237z M116.458,14.653c-3.854-0.64-6.583,0.741-7.877,2.219c-1.48,1.691-2.231,4.394-2.231,7.067c0,0,0,5.633,0,9.916 v9.263h2.174v-8.948c0,0,1.863,1.624,6.05,1.624c3.739,0,6.202-1.664,7.696-4.427c1.896-3.506,1.57-9.12,0.306-12.007 C121.472,16.836,119.827,15.212,116.458,14.653L116.458,14.653z"/><polygon fill="#FFF" points="221.579 6.883 221.579 10.869 220.131 10.869 220.131 6.883"/><polygon fill="#FFF" points="214.332 31.885 214.332 35.871 212.884 35.871 212.884 31.885"/><polygon fill="#FFF" points="220.131 14.492 220.131 35.871 221.579 35.871 221.579 14.492"/><path fill="#FFF" d="M236.483,34.271c-4.529,0-8.2-4.063-8.2-9.074c0-5.012,3.669-9.074,8.2-9.074 c4.529,0,8.201,4.062,8.201,9.074C244.685,30.207,241.013,34.271,236.483,34.271L236.483,34.271z M236.483,14.49 c-5.304,0-9.604,4.756-9.604,10.623c0,5.867,4.3,10.624,9.604,10.624c5.302,0,9.602-4.757,9.602-10.624 C246.085,19.247,241.785,14.49,236.483,14.49L236.483,14.49z"/></g></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/buffer.svg b/docs/src/pages/logos/buffer.svg
deleted file mode 100644
index 578d44a3d17..00000000000
--- a/docs/src/pages/logos/buffer.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="16" version="1.1" viewBox="0 0 80 16"><title>buffer-logo</title><desc>Created with Sketch.</desc><g id="buffer-web" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="buffer-logo" fill="#323B43"><g id="Buffer-+-Logomark"><g id="Buffer" transform="translate(21.643446, 0.000000)"><path id="buffer" d="M2.93508416,15.5935101 L0.164977074,15.5935101 L0.164977074,0.0321392956 L2.93508416,0.0321392956 L2.93508416,6.07194618 C3.76393511,4.96373565 4.94177592,4.39832212 6.18505233,4.39832212 C8.86791195,4.39832212 10.8527918,6.56951009 10.8527918,10.1429236 C10.8527918,13.7841868 8.84610008,15.8649086 6.18505233,15.8649086 C4.91996405,15.8649086 3.76393511,15.2768785 2.93508416,14.1912845 L2.93508416,15.5935101 Z M2.93508416,12.0879462 C3.39313337,12.789059 4.41829111,13.3092394 5.31257765,13.3092394 C6.9266558,13.3092394 7.99543728,12.0427131 7.99543728,10.1429236 C7.99543728,8.24313415 6.9266558,6.95399129 5.31257765,6.95399129 C4.41829111,6.95399129 3.39313337,7.49678829 2.93508416,8.22051761 L2.93508416,12.0879462 Z M22.7127074,15.5935101 L19.9426004,15.5935101 L19.9426004,14.2139011 C19.2228087,15.0507131 17.9577205,15.8649086 16.234583,15.8649086 C13.9225251,15.8649086 12.8319318,14.5531492 12.8319318,12.4271943 L12.8319318,4.66972062 L15.6020388,4.66972062 L15.6020388,11.2963672 C15.6020388,12.8116755 16.3654542,13.3092394 17.543295,13.3092394 C18.6120765,13.3092394 19.4627393,12.6985928 19.9426004,12.0653296 L19.9426004,4.66972062 L22.7127074,4.66972062 L22.7127074,15.5935101 Z M28.9784532,15.5935101 L26.1865342,15.5935101 L26.1865342,7.18015671 L24.4415849,7.18015671 L24.4415849,4.66972062 L26.1865342,4.66972062 L26.1865342,4.08169054 C26.1865342,1.75218678 27.6261174,0.282111595 29.7418685,0.282111595 C30.7452144,0.282111595 31.8139959,0.553510091 32.4901638,1.29985596 L31.4431942,2.99609656 C31.1596399,2.70208152 30.7888381,2.54376573 30.2871652,2.54376573 C29.5237499,2.54376573 28.9784532,3.06394618 28.9784532,4.08169054 L28.9784532,4.66972062 L31.1160161,4.66972062 L31.1160161,7.18015671 L28.9784532,7.18015671 L28.9784532,15.5935101 Z M36.1109337,15.5935101 L33.3190147,15.5935101 L33.3190147,7.18015671 L31.5740654,7.18015671 L31.5740654,4.66972062 L33.3190147,4.66972062 L33.3190147,4.08169054 C33.3190147,1.75218678 34.7585979,0.282111595 36.874349,0.282111595 C37.8776949,0.282111595 38.9464764,0.553510091 39.6226442,1.29985596 L38.5756746,2.99609656 C38.2921203,2.70208152 37.9213186,2.54376573 37.4196457,2.54376573 C36.6562303,2.54376573 36.1109337,3.06394618 36.1109337,4.08169054 L36.1109337,4.66972062 L38.2484966,4.66972062 L38.2484966,7.18015671 L36.1109337,7.18015671 L36.1109337,15.5935101 Z M44.4694706,15.8649086 C41.2631262,15.8649086 38.842009,13.625871 38.842009,10.1203071 C38.842009,6.95399129 41.0886313,4.39832212 44.2949757,4.39832212 C47.4358845,4.39832212 49.5734475,6.84090859 49.5734475,10.4143221 L49.5734475,11.0475853 L41.7429873,11.0475853 C41.9174822,12.4271943 42.9862637,13.5806379 44.7748368,13.5806379 C45.6691233,13.5806379 46.9123997,13.1735402 47.5885676,12.4950439 L48.8100321,14.3496003 C47.7630625,15.3447281 46.1053607,15.8649086 44.4694706,15.8649086 Z M46.8905879,9.10256272 C46.8251523,8.06220182 46.1271725,6.6825928 44.2949757,6.6825928 C42.5718382,6.6825928 41.8302347,8.01696874 41.6993635,9.10256272 L46.8905879,9.10256272 Z M54.3502463,15.5935101 L51.5801392,15.5935101 L51.5801392,4.66972062 L54.3502463,4.66972062 L54.3502463,6.16241235 C55.0918498,5.18990107 56.4005618,4.39832212 57.7092738,4.39832212 L57.7092738,7.20277325 C57.512967,7.15754017 57.2512246,7.13492362 56.9458585,7.13492362 C56.0297601,7.13492362 54.8082955,7.67772062 54.3502463,8.3788334 L54.3502463,15.5935101 Z"/></g><g id="Logomark" transform="translate(0.000000, 1.190344)"><path id="Fill-1" d="M13.6751257,10.8759711 L12.1080077,10.1271144 C11.9736387,10.0628916 11.7537083,10.0628916 11.6192855,10.1271144 L7.13231903,12.2712406 C6.99795003,12.3354634 6.77796588,12.3354634 6.64359688,12.2712406 L2.1566304,10.1271144 C2.02220759,10.0628916 1.80227725,10.0628916 1.66790826,10.1271144 L0.100790197,10.8759711 C-0.033578795,10.9401939 -0.033578795,11.0452604 0.100790197,11.1094832 L6.64359688,14.2359782 C6.77796588,14.300201 6.99795003,14.300201 7.13231903,14.2359782 L13.6751257,11.1094832 C13.8094947,11.0452604 13.8094947,10.9401939 13.6751257,10.8759711"/><path id="Fill-2" d="M13.6751257,7.02528176 L12.1080077,6.27648081 C11.9736387,6.21225801 11.7537083,6.21225801 11.6192855,6.27648081 L7.13231903,8.42055125 C6.99795003,8.48477404 6.77796588,8.48477404 6.64359688,8.42055125 L2.1566304,6.27648081 C2.02220759,6.21225801 1.80227725,6.21225801 1.66790826,6.27648081 L0.100790197,7.02528176 C-0.033578795,7.08950455 -0.033578795,7.19462683 0.100790197,7.25884962 L6.64359688,10.3852889 C6.77796588,10.4495117 6.99795003,10.4495117 7.13231903,10.3852889 L13.6751257,7.25884962 C13.8094947,7.19462683 13.8094947,7.08950455 13.6751257,7.02528176"/><path id="Fill-3" d="M0.100790197,3.40816027 L6.64359688,6.53465532 C6.77796588,6.59887812 6.99795003,6.59887812 7.13231903,6.53465532 L13.6751257,3.40816027 C13.8094947,3.34393748 13.8094947,3.23887099 13.6751257,3.1746482 L7.13231903,0.048153146 C6.99795003,-0.0160696478 6.77796588,-0.0160696478 6.64359688,0.048153146 L0.100790197,3.1746482 C-0.033578795,3.23887099 -0.033578795,3.34393748 0.100790197,3.40816027"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/coursera.svg b/docs/src/pages/logos/coursera.svg
deleted file mode 100644
index f3b82819309..00000000000
--- a/docs/src/pages/logos/coursera.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="108" height="17" x="0" y="0" enable-background="new 0 0 108 17" version="1.1" viewBox="0 0 108 17" xml:space="preserve"><path fill="#717172" d="M54.281,5.773c0.066-1.269,0.521-2.306,1.232-3.115V1.58h-0.945c-1.91,0-3.527,0.732-4.467,2.386h-0.055	V1.762h-4.899v13.441h4.9V9.777c0-2.303,0.674-4.059,3.393-4.059C53.736,5.72,54.013,5.737,54.281,5.773z"/><path fill="#717172" d="M91.38,5.724c0.407-1.188,1.067-2.246,1.925-3.095v-1.05h-0.943c-1.911,0-3.526,0.732-4.471,2.385h-0.053	V1.762h-4.902v13.441h4.902V9.777c0-2.303,0.676-4.059,3.395-4.059L91.38,5.724z"/><path fill="#717172" d="M64.232,5.22c-0.756-0.393-1.808-0.655-2.645-0.655c-0.562,0-1.533,0.234-1.533,0.917	c0,0.918,1.533,1.048,2.211,1.182c2.284,0.444,4.012,1.493,4.012,3.979c0,3.536-3.313,5.008-6.52,5.008	c-1.967,0-3.902-0.551-5.574-1.547l1.777-3.33c0.995,0.684,2.665,1.363,3.877,1.363c0.62,0,1.535-0.287,1.535-1.021	c0-1.048-1.535-1.103-3.072-1.495c-1.533-0.393-3.066-1.125-3.066-3.536c0-3.302,3.066-4.767,6.088-4.767	c1.562,0,3.125,0.235,4.549,0.864L64.232,5.22z"/><path fill="#717172" d="M108,15.203h-4.9v-1.495h-0.054c-0.862,1.336-2.562,1.938-4.175,1.938c-4.096,0-6.975-3.328-6.975-7.18	c0-3.848,2.828-7.151,6.92-7.151c1.588,0,3.26,0.576,4.283,1.754V1.762h4.899L108,15.203L108,15.203z M96.959,8.495	c0,1.702,1.16,3.012,3.15,3.012c1.992,0,3.147-1.308,3.147-3.012c0-1.651-1.155-3.039-3.147-3.039	C98.119,5.457,96.959,6.844,96.959,8.495z"/><path fill="#717172" d="M82.163,9.283H71.846c0,1.937,1.053,2.984,3.072,2.984c1.05,0,1.803-0.339,2.343-1.231h4.714	c-0.781,3.171-3.879,4.612-7.029,4.612c-4.575,0-7.995-2.517-7.995-7.152c0-4.48,3.147-7.178,7.644-7.178	c4.793,0,7.57,2.883,7.57,7.466L82.163,9.283L82.163,9.283z M77.611,6.53c-0.243-1.284-1.455-2.122-2.773-2.122	c-1.429,0-2.609,0.731-2.91,2.122H77.611z"/><g><g><path fill="#717172" d="M29.561,8.261c-0.005-0.116-0.013-0.229-0.022-0.344c0,0,0-0.001,0-0.002c0,0,0-0.001,0-0.002 c-0.11-1.247-0.522-2.414-1.221-3.468c-0.312-0.47-0.669-0.897-1.068-1.28c-0.583-0.561-1.258-1.025-2.019-1.392 c-1.145-0.547-2.41-0.823-3.76-0.823c-0.132,0-0.27,0.002-0.409,0.007C20.114,1,19.197,1.18,18.335,1.497 c-0.869,0.314-1.626,0.729-2.245,1.227c-0.126,0.1-0.263,0.223-0.41,0.358l-0.106,0.104L15.429,3.34h0.001h0.001l-0.068,0.067 L15.33,3.443l-0.173,0.182c-0.128,0.144-0.25,0.288-0.364,0.429l-0.001-0.002l-0.004-0.004c-0.237,0.288-0.456,0.586-0.617,0.854 c-0.109,0.172-0.216,0.349-0.318,0.526L12.44,8.285l0.002,0.002l-0.074,0.145l-0.156,0.316c-0.31,0.627-0.642,1.252-1.013,1.768 c-0.827,0.907-1.762,1.351-2.964,1.351c-0.084,0-0.17-0.004-0.258-0.009c-0.724-0.029-1.345-0.2-1.896-0.526 c-0.059-0.035-0.116-0.071-0.171-0.108c-0.45-0.299-0.795-0.683-1.053-1.162c-0.291-0.543-0.42-1.098-0.402-1.686 C4.456,8.36,4.457,8.346,4.457,8.333C4.496,7.397,4.853,6.669,5.572,6.04C5.747,5.889,5.93,5.761,6.121,5.647 c0.027-0.016,0.054-0.031,0.081-0.045c0.534-0.291,1.142-0.436,1.839-0.436l0.217,0.006C9.365,5.214,10.219,5.56,10.9,6.235 L13.036,2.4c-0.511-0.342-1.088-0.636-1.724-0.875c-0.024-0.009-0.049-0.019-0.074-0.027c-0.076-0.027-0.151-0.055-0.229-0.08 C10.333,1.192,9.624,1.053,8.894,0.99l0,0C8.876,0.987,8.856,0.985,8.838,0.983C8.726,0.976,8.612,0.962,8.5,0.957 C8.378,0.952,8.255,0.95,8.135,0.949H8.066c-1.343,0.005-2.591,0.28-3.732,0.825C3.056,2.39,2.02,3.287,1.252,4.443 C0.486,5.599,0.068,6.882,0.008,8.259C0.003,8.377,0,8.494,0,8.609c-0.001,1.926,0.701,3.62,2.097,5.042 c1.457,1.492,3.352,2.296,5.627,2.391c0.146,0.006,0.29,0.01,0.434,0.01c1.287,0,2.478-0.229,3.546-0.687 c0.267-0.114,0.526-0.248,0.791-0.397c0.144-0.083,0.28-0.171,0.415-0.265l0.1-0.067l0.168-0.115 c0.202-0.145,0.391-0.302,0.575-0.469l0.064-0.061c0.108-0.103,0.216-0.207,0.318-0.314l0.383-0.433l0.146-0.183l0.068-0.1 l0.068-0.098c0.569-0.956,2.421-4.435,2.421-4.435V8.421l0.11-0.212l0.092-0.166c0.273-0.497,0.47-0.85,0.731-1.221l0.007-0.011 c0.609-0.883,1.656-1.512,2.89-1.618c2.07-0.178,3.884,1.182,4.051,3.038c0.166,1.856-1.378,3.505-3.448,3.684 c-0.431,0.037-0.85,0.008-1.245-0.079l-0.01,0.004c-1.519-0.316-2.486-1.424-2.963-1.919l-1.992,3.663 c0,0,0.619,0.624,1.043,0.936c0.425,0.311,0.974,0.617,1.412,0.807c1.063,0.454,2.219,0.726,3.496,0.726 c0.148,0,0.118,0,0.272-0.006c2.273-0.095,4.299-0.966,5.76-2.458c1.384-1.417,2.135-3.035,2.142-4.95V8.582 C29.568,8.476,29.565,8.369,29.561,8.261z"/></g></g><g><path fill="#717172" d="M37.181,15.657c-1.033,0-1.97-0.12-2.811-0.36c-0.841-0.24-1.559-0.619-2.154-1.139 c-0.597-0.52-1.057-1.182-1.381-1.985s-0.486-1.771-0.486-2.899V1.759h4.727v7.455c0,0.845,0.202,1.457,0.605,1.839 c0.404,0.383,0.917,0.574,1.539,0.574c0.636,0,1.152-0.178,1.55-0.535c0.396-0.357,0.596-0.949,0.596-1.781V1.759h4.727v7.416 c0,1.168-0.166,2.161-0.497,2.978c-0.331,0.818-0.798,1.486-1.399,2.006c-0.604,0.52-1.331,0.898-2.186,1.139 C39.156,15.537,38.213,15.657,37.181,15.657z"/></g></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/dbsbank.svg b/docs/src/pages/logos/dbsbank.svg
deleted file mode 100644
index bc7b0f69780..00000000000
--- a/docs/src/pages/logos/dbsbank.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="13.49 12.03 110.47 33.24"><path fill="#FFF" fill-rule="evenodd" d="M19.486 18.034H40.74v21.254H19.486z" clip-rule="evenodd"/><path fill="#C00" d="M43.652 28.658v-.003c0-2.094.086-3.962 1.64-7.26.452-.955 1.442-2.357-.02-3.98-1.183-1.185-2.538-.986-3.446-.467.52-.908.72-2.263-.467-3.448-1.63-1.462-3.03-.47-3.99-.022-3.29 1.56-5.16 1.646-7.26 1.646-2.1 0-3.97-.086-7.26-1.646-.96-.448-2.36-1.44-3.98.022-1.19 1.186-.99 2.54-.47 3.448-.91-.522-2.26-.718-3.45.466-1.46 1.624-.47 3.026-.02 3.98 1.55 3.3 1.63 5.164 1.63 7.264 0 2.1-.09 3.972-1.64 7.264-.45.956-1.45 2.358.02 3.987 1.18 1.18 2.53.98 3.44.46-.52.9-.72 2.26.47 3.44 1.62 1.46 3.02.47 3.98.01 3.29-1.55 5.16-1.64 7.26-1.64 2.1 0 3.97.09 7.26 1.64.96.45 2.36 1.44 3.98-.02 1.18-1.19.98-2.54.46-3.45.91.52 2.26.72 3.45-.47 1.46-1.63.47-3.04.01-3.99-1.55-3.3-1.64-5.17-1.64-7.27zM40.05 38.62l-7.715-6.474s-1.04-1.017-2.223-1.017c-1.178 0-2.225 1.01-2.225 1.01l-7.71 6.47-.03-.03 6.48-7.72s1.015-1.05 1.015-2.23-1.016-2.22-1.016-2.22l-6.48-7.72.03-.03 7.713 6.47s1.04 1.02 2.22 1.02c1.18 0 2.22-1.02 2.22-1.02l7.71-6.478.02.027-6.47 7.72s-1.02 1.04-1.02 2.22c0 1.18 1.02 2.22 1.02 2.22l6.47 7.71-.02.02z"/><path fill="#000" d="M121.32 14.57l.275-.002.1 5.052-.307-.004c-.498-2.05-2.475-3.995-6.436-4.2-4.686-.244-6.715 2.547-6.736 5.183-.027 3.51 2.707 4.23 6.76 5.22 1.914.46 8.994 1.39 8.428 9.35-.394 5.56-5.19 8.2-11.984 7.99 0 0-2.82-.1-6.766-1.19-.738-.21-.922.04-1.225.58l-.32.01.01-5.45.31.02c.16.55.2 1.57 1.19 2.45.74.64 2.44 2.22 6.19 2.26 3.68.04 6.74-1.52 7.15-5.64.11-1.12-.02-3.66-2.5-4.83-1.95-.91-7.34-1.51-9.96-3.8 0 0-3.1-2.16-2.61-6.2.69-5.7 5.45-7.13 9.72-7.22 0 0 3.83-.03 6.87.76 0 0 .75.2 1.38-.037.24-.083.36-.24.43-.34zM94.597 27.693c6.947 1.724 7.367 6.738 7.266 8.146-.31 6.27-5.64 6.99-7.78 6.99H77.7l.017-.32c1.19-.16 2.082-.82 2.082-2.9l.1-21.62c.02-2.35-.6-3.06-1.9-3.22l-.03-.3h12.4c2.27 0 9.11-.46 9.7 5.84.46 5.03-5.07 7.14-5.48 7.36zm1.824 8.186c.13-6.09-4.34-7.71-8.96-7.96-.09-.01-.05-.24.01-.25 1.51-.06 7.49-.75 7.24-6.46-.24-5.56-4.46-5.68-6-5.7-1.26-.02-1.53-.02-2.06.01-.89.03-1.12.1-1.11 1.07 0 .12-.2 10.01-.31 16.97-.06 3.78-.07 6.7-.07 6.7.02.68-.07 1.39 1.64 1.47 1.76.08 4.04.15 5.62-.18 1.46-.32 3.94-1.37 4.03-5.68zm-32.65-21.4c5.9-.03 13.67 4.02 13.65 14.13-.02 8.79-6.37 14.21-12.24 14.21H50.29l.017-.32c.847-.14 1.776-.67 1.93-1.23.497-2.12.39-21.51.08-24.7-.09-1-.872-1.64-1.84-1.8l-.02-.31H63.78zm2.7 26.51c2.64-.95 5.92-5.46 5.38-12.57-.52-6.88-3.14-12.27-10.12-12.78 0 0-1.32-.1-2.43-.11-1.18-.01-1.44-.05-1.53 1.21-.16 2.37-.2 20.85-.05 23.53.03.36.07 1.24 1.59 1.39 2.78.27 5.08.05 7.17-.7z"/></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/lonelyplanet.svg b/docs/src/pages/logos/lonelyplanet.svg
deleted file mode 100644
index 52645905e43..00000000000
--- a/docs/src/pages/logos/lonelyplanet.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg3506" width="400" height="198.332" version="1.1"><metadata id="metadata3511"/><g id="layer1" transform="translate(16.698139,-418.17828)"><g id="g3189" transform="matrix(8.1805645,0,0,-8.1805645,274.62911,551.26069)"><path id="path3191" fill="#2a3e92" fill-opacity="1" fill-rule="evenodd" stroke="none" d="m 0,0 c -1.621,-4.594 -6.057,-7.915 -11.251,-7.915 -5.222,0 -9.652,3.286 -11.248,7.933 l 0.606,0.209 0.611,0.207 c 1.461,-4.105 5.393,-6.995 10.028,-6.995 4.62,0 8.571,2.935 10.044,7.012 L 0,0 z m -22.499,8.147 c 1.62,4.679 6.056,8.06 11.25,8.06 5.225,0 9.653,-3.348 11.249,-8.08 L -0.606,7.914 -1.217,7.704 c -1.462,4.182 -5.394,7.125 -10.028,7.125 -4.622,0 -8.573,-2.99 -10.044,-7.142 l -1.21,0.46 z m 14.204,-2.981 -0.04,1.527 m 0.079,-1.527 c 0.614,0 1.115,-0.501 1.115,-1.115 0,-0.616 -0.501,-1.117 -1.115,-1.117 -0.616,0 -1.118,0.501 -1.118,1.117 0,0.614 0.502,1.115 1.118,1.115 m 6.482,0.004 -0.017,1.523 m 0.05,-1.527 c 0.615,0 1.116,-0.501 1.116,-1.115 0,-0.616 -0.501,-1.117 -1.116,-1.117 -0.617,0 -1.117,0.501 -1.117,1.117 0,0.614 0.5,1.115 1.117,1.115 M 13.08,3.353 13.158,3.423 13.223,1.94 C 13.239,1.584 11.881,1.055 11.126,1.605 10.37,2.154 10.353,2.79 10.353,3.626 l -3.553,0 C 7.182,2.617 8.394,2.725 8.732,3.233 L 10.206,2.994 C 9.661,1.289 8.204,1.068 6.806,1.522 6.099,1.868 5.673,2.287 5.354,3.012 l 0,-1.695 -1.732,0 C 3.622,2.358 3.624,3.54 3.61,4.599 3.554,5.289 2.448,5.232 2.448,4.558 l 0,-3.241 -1.715,-0.025 -0.499,0 -0.68,0 -0.001,1.026 C -0.448,2.726 -0.913,1.256 -1.469,1.292 -2.671,1.204 -3.641,1.825 -4.148,2.903 l 0,-1.586 -1.764,0 0,1.586 C -6.424,1.874 -7.767,1.21 -9.083,1.543 l -0.195,0.082 c 0,0 0.055,-1.827 0.055,-2.299 l -1.76,0 0,4.672 c 0.044,2.204 2.423,3.512 4.231,2.199 0.382,-0.312 0.62,-0.626 0.84,-1.066 l 0,3.682 1.764,0 0,-3.682 c 0.572,1.175 1.678,1.742 2.978,1.526 0.964,-0.266 1.526,-0.74 1.914,-1.64 0.49,1.436 1.85,2.023 3.262,1.527 0.712,-0.335 1.095,-0.789 1.348,-1.527 0.644,1.408 2.039,2.017 3.5,1.5 0.729,-0.336 1.193,-0.762 1.499,-1.5 l 0,2.739 1.705,0 0,-1.076 1.079,0 0,-1.578 -1.079,0 c 0,-0.534 -0.086,-1.073 0.08,-1.575 0.163,-0.35 0.628,-0.429 0.942,-0.174 M 7.751,6.686 7.814,5.184 m -1.026,-0.79 2.137,0 c -0.337,1.093 -1.846,1.048 -2.137,0 m -38.254,0.796 0.018,1.503 m 0.049,-1.496 c 0.616,0 1.117,-0.502 1.117,-1.117 0,-0.616 -0.501,-1.117 -1.117,-1.117 -0.615,0 -1.114,0.501 -1.114,1.117 0,0.615 0.499,1.117 1.114,1.117 m 18.213,-4.22 0,5.732 -1.733,0 0,-3.278 c 0,-0.593 -0.868,-0.598 -0.868,0 l 0,3.278 -1.73,0 0,2.104 -1.763,0 0,-3.796 c -0.567,1.214 -1.638,1.839 -2.982,1.65 -0.965,-0.214 -1.651,-0.75 -2.022,-1.65 -0.334,1.068 -1.123,1.633 -2.222,1.692 -1.166,0 -2.034,-0.57 -2.384,-1.692 -0.588,1.294 -1.764,1.919 -3.165,1.602 -0.841,-0.263 -1.35,-0.708 -1.732,-1.488 l 0,3.682 -1.764,0 0,-7.496 1.764,0 0,1.682 c 0.501,-1.004 1.338,-1.558 2.459,-1.58 1.192,0.07 1.957,0.637 2.438,1.693 l 0,-1.795 1.698,0 0,3.235 c 0.066,0.705 1.139,0.727 1.204,0 l 0,-3.235 1.704,0 0,1.695 c 0.392,-0.869 1.008,-1.393 1.931,-1.629 2.022,-0.193 2.824,1.199 2.835,1.548 l -1.46,0.221 c -0.738,-0.559 -1.582,-0.269 -1.849,0.474 l 3.547,0 0,-2.309 1.763,0 0,1.186 c 0.292,-1.175 1.743,-1.575 2.567,-0.694 0,-0.259 -0.027,-0.563 -0.107,-0.811 -0.265,-0.635 -1.148,-0.635 -1.605,-0.21 l -1.04,-1.343 c 0.664,-0.523 1.334,-0.776 2.192,-0.695 0.706,0.071 1.155,0.195 1.694,0.68 0.409,0.457 0.604,0.933 0.63,1.547 m -7.511,3.329 c -0.349,1.122 -1.831,1.102 -2.168,0 l 2.168,0 z"/></g></g></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/mozilla.svg b/docs/src/pages/logos/mozilla.svg
deleted file mode 100644
index 99199c227e4..00000000000
--- a/docs/src/pages/logos/mozilla.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg3206" width="1024" height="278" version="1.1" viewBox="-8.718 -8.718 1133.746 308.029"><path id="path3087" fill="#4e4f54" fill-opacity="1" fill-rule="nonzero" stroke="none" d="m 1045.9412,195.74125 c -35.1312,0 -47.4587,6.39625 -47.4587,29.62875 0,15.11125 9.6112,25.3525 22.5012,25.3525 9.4463,0 18.9938,-4.9375 26.5175,-13.25625 l 0.8288,-41.725 -2.3888,0 z M 980.08625,93.72625 C 998.98,85.73875 1015.2225,82.3575 1033.1175,82.3575 c 32.6787,0 55.0163,12.1 62.67,33.73875 2.52,7.9575 3.68,14.0225 3.4488,34.89875 l -1.2288,65.195 c 0,1.14375 0,2.35 0,3.44375 0,20.8475 3.4488,28.835 18.3025,39.8075 l -26.9825,31.1525 c -11.8687,-4.97125 -22.4375,-13.72 -27.3787,-23.54875 -3.7438,3.82875 -7.9538,7.54125 -11.7988,10.225 -9.4112,6.83 -23.1637,10.64 -39.075,10.64 -43.2475,0 -66.745,-22.04125 -66.745,-60.65125 0,-45.58625 31.55125,-66.85 93.325,-66.85 3.7138,0 7.2263,0 11.4363,0.4325 l 0,-7.92 c 0,-21.65875 -4.21,-28.8675 -22.9013,-28.8675 -16.1075,0 -35.23125,7.91875 -56.04625,21.9875 L 948.5025,109.62 C 958.81,103.155 966.40125,99.395 980.08625,93.72625 M 900.345,50.5125 l 0,151.29375 c 0,33.4225 0.43375,37.915 3.55,43.2175 1.7875,3.445 5.89625,5.30375 10.14125,5.30375 1.92125,0 3.08125,0 5.765,-0.69875 l 8.6525,30.3075 c -8.6525,3.3975 -19.2925,5.29125 -30.32875,5.29125 -21.63875,0 -39.105,-10.2125 -45.17,-26.485 -3.8775,-9.875 -4.50875,-15.9725 -4.50875,-43.64625 l 0,-144.935 c 0,-25.38625 -0.76,-40.8975 -2.7175,-58.4125 L 897.62875,0 c 2.09,10.6075 2.71625,23.13375 2.71625,50.5125 m -105.39125,0 0,151.29375 c 0,33.4225 0.39875,37.915 3.44875,43.2175 1.92125,3.445 6.03,5.30375 10.27375,5.30375 1.8225,0 2.915,0 5.66625,-0.69875 l 8.68375,30.3075 c -8.68375,3.3975 -19.32125,5.29125 -30.3225,5.29125 -21.6775,0 -39.11,-10.2125 -45.145,-26.485 -3.81,-9.875 -4.63875,-15.9725 -4.63875,-43.64625 l 0,-144.935 c 0,-25.38625 -0.66,-40.8975 -2.55375,-58.4125 L 792.3375,0 c 1.82125,10.6075 2.61625,23.13375 2.61625,50.5125 m -92.53125,31.41625 0,198.75625 -50.81,0 0,-190.77 50.81,-7.98625 z m 5.96375,-48.88625 c 0,17.47 -13.8875,31.42 -31.45125,31.42 -17.00375,0 -30.9875,-13.95 -30.9875,-31.42 0,-17.4325 14.45,-31.50125 31.845,-31.50125 17.0375,0 30.59375,14.06875 30.59375,31.50125 m -85.94125,53.46125 0,34.895 -85.77,124.005 89.11875,0 -12.16375,35.28125 -142.9075,0 0,-31.46875 91.3075,-127.05 -83.6875,0 0,-35.6625 144.1025,0 M 345.17875,139.96 c -3.48125,10.275 -5.335,23.91375 -5.335,43.26875 0,22.32 2.285,39.0925 6.4275,48.9175 4.57375,10.62375 16.01,15.92625 25.78375,15.92625 22.00875,0 31.42125,-19.7025 31.42125,-65.5875 0,-26.18625 -3.415,-43.28625 -10.2075,-52.03375 -4.875,-6.3975 -12.79375,-10.2075 -21.94125,-10.2075 -12.1625,0 -22.04,7.55375 -26.14875,19.71625 z M 436.55,111.92375 c 15.51125,18.195 22.43875,39.42125 22.43875,70.8925 0,33.37375 -7.655,56.1725 -24.39375,75.09875 -14.71375,16.67125 -34.1025,26.94625 -63.9975,26.94625 -52.795,0 -87.23,-39.4575 -87.23,-100.48875 0,-61.085 34.79875,-101.6825 87.23,-101.6825 27.67375,0 49.28375,9.51375 65.9525,29.23375 M 45.9675,83.1225 c 3.38125,5.22 4.8725,9.87625 6.76125,19.7 13.22375,-12.9075 29.53,-19.7 47.3275,-19.7 16.07375,0 29.265,5.22 39.4725,15.87375 2.75,2.67 5.4025,6.115 7.69,9.49625 17.7625,-18.19375 33.67125,-25.37 54.9825,-25.37 15.1775,0 29.5625,4.53875 38.34625,12.09625 10.97,9.48 14.44875,20.8775 14.44875,47.4125 l 0,138.05375 -49.315,0 0,-128.1625 c 0,-23.2325 -2.75,-27.725 -15.975,-27.725 -9.47875,0 -22.80125,6.465 -33.73875,16.32375 l 0,139.56375 -48.12375,0 0,-126.34125 c 0,-24.225 -3.51125,-29.9125 -17.63,-29.9125 -9.38,0 -22.3725,4.85875 -33.30875,14.7675 l 0,141.48625 -49.6475,0 0,-135.4225 C 7.2575,117.22375 5.335,105.11125 0,95.585 L 45.9675,83.1225"/></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/nulogy.png b/docs/src/pages/logos/nulogy.png
deleted file mode 100644
index 2bc19b6a1ef..00000000000
Binary files a/docs/src/pages/logos/nulogy.png and /dev/null differ
diff --git a/docs/src/pages/logos/postmates.png b/docs/src/pages/logos/postmates.png
deleted file mode 100644
index 0a686ca0908..00000000000
Binary files a/docs/src/pages/logos/postmates.png and /dev/null differ
diff --git a/docs/src/pages/logos/quran.svg b/docs/src/pages/logos/quran.svg
deleted file mode 100644
index 6ca23780118..00000000000
--- a/docs/src/pages/logos/quran.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" color="#000" enable-background="new 0 0 792 612" version="1.1" viewBox="0 0 792 612"><path fill="#000" d="M431.6,288.4c2.4,33.8,3.6,53,3.6,57.8c0,5-0.2,9.6-0.7,13.7c-0.2,2.6-0.5,4.6-0.2,5.5 c0.2,0.7,0.5,0.7,1.2-0.5c0.5-1,1-2.2,1.9-3.8c3.4-8.6,5-18.7,5-30c0-3.8-1-20.4-3.1-49.9c-2.2-29.8-3.4-44.6-3.4-45.1 c0-1.2,0.2-1.7,0.7-1c4.3,4.8,6.2,6,6.2,3.8c0-0.5,0-1.7-0.5-2.9c-0.5-1.9-2.2-6.7-5.3-14.6c-2.9-7.4-4.6-12-5.3-13.7 c-0.5-0.7-0.7-1.2-1.2-1.2c-0.2,0-0.5,0.5-0.7,1.2c-2.9,6.2-4.1,10.3-4.1,12c1.4,3.1,2.2,7,2.2,11.8 C428,235.6,429.2,254.5,431.6,288.4z"/><path fill="#000" d="M393,361.1c5.8,0,10.8-3.6,15.1-10.3c5-8.2,7.7-19.2,7.7-33.4c0-5-1-20.2-2.9-45.4 c-1.9-25.4-2.9-38.4-2.9-38.6c0-1.2,0.2-1.4,0.7-1c4.1,4.8,6.2,6,6.2,3.8c0-0.5-0.2-1.7-0.5-3.1c-0.7-1.7-2.4-6.5-5.3-14.4 c-2.9-7.4-4.8-12-5.5-13.7c-0.5-1-0.7-1.2-1-1.2c-0.5,0-0.7,0.2-1,1c-2.6,6.5-4.1,10.6-4.1,12.2c1.4,3.1,2.2,7,2.2,11.5 c0,5.3,1,22.3,3.1,51.1c2.2,28.8,3.4,45.4,3.4,49.4c0,6.7-0.7,10.8-1.9,11.8c-4.3,3.6-8.9,5.5-13.4,5.5v0c-7.2,0-12.2-0.2-14.9-1 c4.1-5.3,6.2-12.7,6.2-22.1c0-3.8-0.7-7.7-1.9-11.3c-1.7-4.6-4.3-7-7.4-7c-3.4,0-7.2,3.4-12,9.6c-5,6.7-7.7,13.7-7.7,20.4 c0,4.8,0.7,8.6,2.4,11.5c-3.4,1.4-6.7,2.4-10.3,2.4c-3.6,0-6.2-0.7-8.2-1.7c-3.1-2.2-5.5-6.7-6.7-13.4c-0.2-2.4-1-16.3-1.4-41.5 c-0.7-26.9-1.7-44.9-2.6-54c-1.7-14.4-3.8-24.7-7-30.7c-0.5-1-1-1.7-1.2-1.7c-0.5,0-0.7,0.7-1.2,1.9c-1.9,4.8-2.9,8.2-2.9,10.6 c2.6,9.1,4.6,18.5,5.8,28.6c0.5,6.2,1.2,23,2.2,50.4c0.7,25.4,1.7,40.6,2.6,45.8c1.4,8.4,4.1,13.9,8.4,17c2.9,2.2,7,3.4,12.2,3.4 c5.3,0,11.5-2.6,18.5-7.7C371.4,359.4,380.5,361.1,393,361.1L393,361.1z M368,341.6c-1.9-0.7-3.8-1.9-5.5-3.8 c-1.7-1.7-2.9-3.4-3.4-4.8c1.2-2.6,3.1-5.5,6.2-8.9c3.1-3.4,5.5-5,7-5c1.2,0,2.6,1.9,4.3,5.8c1.4,3.4,2.2,6.2,2.2,8.2 C376.9,336.1,373.3,339,368,341.6z"/><path fill="#000" d="M309,334.9c1.9,0,3.4-0.7,3.8-2.2l3.6-10.1c0.7-1.4-0.7-2.2-3.6-2.2c-8.4,0-20.2-1-35.3-3.1 c-13.4-1.9-24.5-3.6-32.9-5.5h-0.6c3.6-2.9,7.1-6.1,10.4-9.8c3.6-3.8,8.4-11.5,14.4-22.6c4.6-8.4,8.2-12.5,10.8-12.7 c1.4,0.2,3.1,1.4,4.6,4.1c1.7,2.6,2.4,6,2.4,9.6c0,3.1,0.5,4.6,1.4,4.6c0.7,0,1.4-1.2,1.9-3.8c0.7-3.8,1.2-7.7,1.2-11.3 c0-5.8-1.2-10.1-3.1-13.7c-1.9-2.6-3.6-4.1-5.5-4.1c-2.6,0-6.5,4.3-12,13c-7,11.3-12,18.5-15.4,21.8c-5.8,5.8-11.5,10.3-17.5,14.2 c-2.9,1.9-7,4.1-12,6.5c-3.4,1.7-5.5,3.1-6.2,4.3c-1.9,4.1-3.1,7.4-3.6,9.6c-0.7,1.4,0.2,2.2,2.6,2.2c1.7,0,8.6,1,20.6,2.4 c17.5,2.4,27.1,3.8,28.6,4.1c-7.7,3.8-15.6,7.7-23.5,11.3c-11.9,5.2-22.6,7.9-32.4,7.9v-0.2c-4.6,0-8.2-0.7-11-1.9 c-2.9-1.4-5.5-4.1-8.2-7.7c-1.9-3.1-3.6-6.2-5.5-9.4c-2.2-3.1-4.8-4.8-7.4-4.8c-3.4,0-7.4,1.9-11.5,6.2c-4.3,4.3-7.9,9.4-10.8,15.1 c-3.4,7.2-6.7,14.4-9.8,21.6c-3.4,6-6.7,9.1-10.6,9.1c-9.6,0-14.2-10.3-14.2-30.7c0-4.3,0.2-9.6,1-15.8c0-0.1,0-0.2,0-0.3 c2.8-0.4,4.8-4,6-10.8c0.2-0.2,0.2-0.5,0-0.7c0-0.2,0-0.2-0.2,0c0,0-0.2,0.2-0.2,0.5c-1.7,2.9-3.1,4.6-4.6,4.6 c-2.2,0-3.1-2.2-3.1-6c0-3.1,1.2-8.2,3.6-15.6c0.5-1.7,0.7-2.6,0.7-2.9c-0.2,0-0.7,1-1.7,2.6c-3.8,7-5.5,13.9-5.5,20.4 c0,4.3,1,6.9,3.1,7.7c-1.9,5.7-2.8,13.6-2.8,23.1c0,7.9,1.4,15.6,4.8,23c3.8,8.4,8.4,12.7,13.7,12.7c3.6,0,7.2-2.4,10.3-7.2 c2.2-3.4,4.6-8.4,7.2-15.4c2.9-7,4.8-11.3,5.8-13c6.2-9.4,12-13.9,17.5-13.9c1.7,0,3.4,1.2,5.3,4.1c1.9,3.4,3.8,6.7,5.8,9.8 c3.1,4.8,7,7.9,11.8,9.4c2.1,0.5,5.6,0.9,10.6,1v0c0,0,0,0,0.1,0c0.1,0,0.1,0,0.2,0v0c7.1,0,15.2-1.9,24.2-5.3 c4.8-1.9,13-5.5,24-11c10.1-5,18-8.6,23.5-10.3C288.4,335.6,296.8,334.9,309,334.9z"/><path fill="#000" d="M367.6,278c-0.2,0-0.7,0.2-1,0.7l-4.6,9.6c-0.2,0.5-0.2,0.7,0,1c3.8,2.4,7.7,5,11.3,7.9 c0.5,0.2,0.7,0,1.2-0.7c3.4-5.3,5-8.6,5-10.3c0-0.5-1.9-1.9-5.8-4.6C370.2,279.2,368,278,367.6,278z"/><path fill="#000" d="M272.3,237.9c0.5,0.2,1,0,1.2-0.7c1.4-2.2,2.6-4.8,4.1-7.7c4.1,2.6,7.7,5,10.8,7.4c0.5,0.2,1,0.2,1.4-0.5 c3.1-5.3,4.8-8.9,4.8-10.6c0-0.5-1.9-1.9-5.5-4.3c-3.8-2.6-5.8-3.8-6.2-3.8c-0.5,0-0.7,0.2-1,0.7l-3.8,7.9c-1-1-3.1-2.6-6.2-4.6 c-3.1-2.2-4.8-3.4-5.3-3.4c-0.2,0-0.7,0.5-1,1l-4.6,9.6c-0.2,0.5-0.2,0.7,0,1C264.8,232.4,268.7,235.1,272.3,237.9z"/><path fill="#000" d="M162.1,292.9l-4.6,9.6c-0.2,0.5-0.2,0.7,0,1c3.8,2.4,7.7,5,11.3,7.9c0.5,0.2,1,0,1.2-0.7 c1.4-2.2,2.6-4.8,4.1-7.7c4.1,2.6,7.7,5,10.8,7.4c0.5,0.2,1,0.2,1.4-0.5c3.1-5.3,4.8-8.9,4.8-10.6c0-0.5-1.9-1.9-5.5-4.3 c-3.8-2.6-5.8-3.8-6.2-3.8c-0.5,0-0.7,0.2-1,0.7l-3.8,7.9c-1-1-3.1-2.6-6.2-4.6c-3.1-2.2-4.8-3.4-5.3-3.4 C162.8,291.9,162.4,292.4,162.1,292.9z"/><path fill="#000" d="M362,236.3c3.4,0,6-1.7,8.4-4.6c0.7-1,1.2-3.6,1.7-7.7c0.2-3.6-2.2-7.4-7.2-11c0.7-2.4,1.7-4.8,2.6-7 c0-0.2,0.2-0.5,0.2-0.5c0-0.5-0.5-0.7-1-0.7c-0.7,0-1.7,0.5-2.4,1.7c-3.4,6.5-5.8,13.4-7,21.1c-0.2,1-0.2,1.9-0.2,2.6 C357.2,234.1,358.7,236.3,362,236.3z M362.3,219.5c5,2.9,7.4,5,7.4,6.2c-0.5,1-1.7,1.9-3.4,2.6c-1.7,1-3.1,1.4-4.3,1.4 c-1.4,0-2.2-1-2.2-2.4C359.9,225,360.6,222.4,362.3,219.5z"/><path fill="#000" d="M307.6,351c0.5-0.7,0.5-1.2,0.2-1.2c-0.2-0.2-0.5,0-1.4,0.2c-15.1,5.5-29.5,10.8-43.2,15.6 c-1.2,2.4-1.9,4.6-2.4,6.7c17-7.2,31.9-13,44.9-17.5C306.1,354.4,306.8,353.1,307.6,351z"/><path fill="#000" d="M242.3,247.1c0.2-0.7,0.2-1.2,0.2-1.2c-0.2-0.2-0.7,0-1.4,0.2c-20.2,7.4-39.4,14.6-57.8,21.4 c-1.2,2.4-1.9,4.6-2.4,6.7c22.6-9.4,42.5-17,59.3-23.3C240.6,250.4,241.3,249.2,242.3,247.1z"/><path fill="#000" d="M408.4,375.7c-2.2,0-4.1,2.2-6,6.5c-1.7,6.2-2.9,11-3.4,14.2c0,0.5-0.2,0.7-0.2,1h-0.2c0-0.2,0-0.5-0.2-1 c-0.7-5.3-2.4-9.6-4.6-12.7c-2.2-3.4-4.6-4.8-7.4-4.8c-0.2,0-1,0.7-1.9,2.6c-1.2,1.9-1.7,3.1-1.7,3.4c0,0.7,0.5,1.7,1.9,2.9 c1.4,1.2,2.4,1.9,3.4,1.9c0.7,0,1-0.2,1.2-0.5c0.2-0.5,0.5-0.5,1-0.5c1,0,2.2,2.2,4.1,7c1.9,4.6,2.9,7.7,2.6,9.4 c0.2,1,0.2,1.7,0.7,1.7c0.5,0,1-0.7,1.7-1.7c0.7-1.7,1.7-4.6,2.4-8.6c1.7-9.1,3.4-13.7,5.3-13.7c1,0,1.9,0.5,2.6,1.4 c1,1,1.4,1.7,1.7,1.7c0.5,0,1-0.7,1.4-2.2c0.5-1,0.5-1.9,0.5-2.4c0-1-0.5-1.9-1.4-3.4C410.8,376.4,409.6,375.7,408.4,375.7z"/><path fill="#000" d="M198.6,385.3c-0.2-0.2-0.5,0-1.4,0.2c-15.1,5.5-29.5,10.8-43.2,15.6c-1.2,2.4-1.9,4.6-2.4,6.7 c17-7.2,31.9-13,44.9-17.5c0.5-0.5,1.2-1.7,1.9-3.8C198.8,385.8,198.8,385.3,198.6,385.3z"/><path fill="#000" d="M249,399.7c-5.8,1.7-10.8,2.6-15.8,2.6c-5,0-7.7-1.2-7.7-3.6c0-1,0.5-2.4,1.4-3.8c2.6-2.6,5.3-5.3,7.9-7.9 c3.6-4.1,5.3-7,5.3-9.1c0-2.9-2.6-4.1-8.4-4.1c-2.6,0-4.6,0.5-5.8,1.4c-1,0.7-1.9,2.4-2.9,4.8c-0.2,0.5-0.2,0.7-0.2,0.7 c0.2,0.2,0.5,0,0.7,0c1.7-1,3.1-1.2,4.3-1.2c2.4,0,4.8,0.2,6.7,1c1,0.5,1.2,1,0.5,1.4c-2.6,3.1-5.5,6-8.4,9.1 c-2.9,3.4-4.1,6.7-4.1,10.1c0,1.9,0.7,3.6,2.2,4.8c1.4,1.2,3.6,1.9,5.8,1.9c7.7,0,14.2-2.4,19-6.7c1.2-1,1.7-1.7,1.7-1.7 C251.2,399.2,250.4,399.2,249,399.7z"/><path fill="#000" d="M359.6,393.7c0,0-0.2,0.2-0.2,0.5c-1.7,2.9-3.1,4.6-4.6,4.6c-2.2,0-3.1-2.2-3.1-6c0-3.1,1.2-8.2,3.6-15.6 c0.5-1.7,0.7-2.6,0.7-2.9c-0.2,0-0.7,1-1.7,2.6c-3.8,7-5.5,13.9-5.5,20.4c0,5.3,1.4,7.9,4.6,7.9c3.1,0,5.3-3.6,6.5-10.8 c0.2-0.2,0.2-0.5,0-0.7C359.9,393.5,359.9,393.5,359.6,393.7z"/><path fill="#000" d="M138.6,263.9c1.4,1.2,2.4,1.9,3.4,1.9c0.7,0,1-0.2,1.2-0.5c0.2-0.5,0.5-0.5,1-0.5c1,0,2.2,2.2,4.1,7 c1.9,4.6,2.9,7.7,2.6,9.4c0.2,1,0.2,1.7,0.7,1.7c0.5,0,1-0.7,1.7-1.7c0.7-1.7,1.7-4.6,2.4-8.6c1.7-9.1,3.4-13.7,5.3-13.7 c1,0,1.9,0.5,2.6,1.4c1,1,1.4,1.7,1.7,1.7c0.5,0,1-0.7,1.4-2.2c0.5-1,0.5-1.9,0.5-2.4c0-1-0.5-1.9-1.4-3.4c-1-1.4-2.2-2.2-3.4-2.2 c-2.2,0-4.1,2.2-6,6.5c-1.7,6.2-2.9,11-3.4,14.2c0,0.5-0.2,0.7-0.2,1h-0.2c0-0.2,0-0.5-0.2-1c-0.7-5.3-2.4-9.6-4.6-12.7 c-2.2-3.4-4.6-4.8-7.4-4.8c-0.2,0-1,0.7-1.9,2.6c-1.2,1.9-1.7,3.1-1.7,3.4C136.7,261.7,137.2,262.7,138.6,263.9z"/><path fill="#000" d="M218.3,244.9c3.1,0,5.3-3.6,6.5-10.8c0.2-0.2,0.2-0.5,0-0.7c0-0.2,0-0.2-0.2,0c0,0-0.2,0.2-0.2,0.5 c-1.7,2.9-3.1,4.6-4.6,4.6c-2.2,0-3.1-2.2-3.1-6c0-3.1,1.2-8.2,3.6-15.6c0.5-1.7,0.7-2.6,0.7-2.9c-0.2,0-0.7,1-1.7,2.6 c-3.8,7-5.5,13.9-5.5,20.4C213.7,242.3,215.2,244.9,218.3,244.9z"/><path fill="#000" d="M219,293.1v0.2c0.2,0,1-0.5,2.4-1.4c3.4-2.4,6-5.3,8.2-8.4c1.9-3.1,3.1-6,3.1-8.6c0-3.1-1.4-4.8-4.1-4.8 c-3.4,0-5.3,1.9-6.2,6c-0.2,1-0.2,1.4-0.2,1.4c0,0.2,0.2,0.2,0.2,0.2c0.2,0,0.5-0.2,1.2-0.5c0.7-0.5,1.7-0.7,2.6-0.7 c1.7,0,2.6,1,2.6,2.6c0,2.2-2.9,6-8.4,12C219.5,292.4,219,292.9,219,293.1z"/><path fill="#000" d="M308.3,297c1.9-3.1,3.1-6,3.1-8.6c0-3.1-1.4-4.8-4.1-4.8c-3.4,0-5.3,1.9-6.2,6c-0.2,1-0.2,1.4-0.2,1.4 c0,0.2,0.2,0.2,0.2,0.2c0.2,0,0.5-0.2,1.2-0.5c0.7-0.5,1.7-0.7,2.6-0.7c1.7,0,2.6,1,2.6,2.6c0,2.2-2.9,6-8.4,12 c-1,1.2-1.4,1.7-1.4,1.9v0.2c0.2,0,1-0.5,2.4-1.4C303.5,303,306.1,300.1,308.3,297z"/><path fill="#000" d="M316,375.5c-2.2,0-4.1,2.2-6,6.5c-1.7,6.2-2.9,11-3.4,14.2c0,0.5-0.2,0.7-0.2,1h-0.2c0-0.2,0-0.5-0.2-1 c-0.7-5.3-2.4-9.6-4.6-12.7c-2.2-3.4-4.6-4.8-7.4-4.8c-0.2,0-1,0.7-1.9,2.6c-1.2,1.9-1.7,3.1-1.7,3.4c0,0.7,0.5,1.7,1.9,2.9 c1.4,1.2,2.4,1.9,3.4,1.9c0.7,0,1-0.2,1.2-0.5c0.2-0.5,0.5-0.5,1-0.5c1,0,2.2,2.2,4.1,7c1.9,4.6,2.9,7.7,2.6,9.4 c0.2,1,0.2,1.7,0.7,1.7c0.5,0,1-0.7,1.7-1.7c0.7-1.7,1.7-4.6,2.4-8.6c1.7-9.1,3.4-13.7,5.3-13.7c1,0,1.9,0.5,2.6,1.4 c1,1,1.4,1.7,1.7,1.7c0.5,0,1-0.7,1.4-2.2c0.5-1,0.5-1.9,0.5-2.4c0-1-0.5-1.9-1.4-3.4C318.4,376.2,317.2,375.5,316,375.5z"/><path fill="#000" d="M670.2,311.9c-0.7-1-1.2-1.2-1.7-1.2c-0.5,0-1,0.7-1.2,2.2c-1.4,4.6-2.4,7.9-2.6,9.8 c2.2,3.6,3.1,5.5,3.1,5.8c-1,1.7-3.1,2.6-6.5,2.6c-2.6,0-5-1-6.7-2.4c-1.9-1.4-2.9-3.1-2.9-4.8c0,0.5,0.7-1.4,1.7-5.5 c0.5-2.2,0.2-3.1-0.7-3.1c-0.7,0-1.4,0.5-2.4,1.4c-2.4,3.8-5,7.7-7.4,11.8c-3.8,5-8.9,7.7-14.9,7.7c-7.4,0-11.3-2.9-11.3-8.2 c0-1.2,0.2-2.6,0.7-4.6c0.5-1.9,0.7-3.4,0.7-4.1c0-1-0.2-1.4-0.7-1.4c-0.7,0-1.7,0.5-2.9,1.4c-3.8,3.4-7.7,6.2-11.5,8.2 c-1.2,0.7-5.3,2.6-11.5,5.8V333c-1,0.5-1.4,0.5-1.7,0.5c-2.4-5-5.3-9.1-8.4-12.7c-3.6-3.6-6.7-5.5-9.8-5.5c-4.1,0-7.9,2.2-11.5,6.2 c-3.8,4.8-5.5,10.1-5.5,16.1c0,7.9,5.8,12,17.3,12c5.3,0,9.6-0.7,12.5-1.7c0.5,1.7,1,3.4,1,4.8c0,2.2-3.6,6.5-10.3,13.2 c-7.7,7.2-15.6,13.2-23.8,18.2c-10.3,6.2-19,9.4-26.2,9.4c-8.4,0-14.4-2.6-18.2-7.7c-1.5-2.3-2.6-4.9-3.1-7.7 c12.1-7.4,21-14.4,26.6-20.8c1.9-2.2,3.4-5.3,4.6-9.4c1-3.6,1.4-6.5,1.4-8.9c0-5-1.4-10.6-4.1-17.3c-1.7-3.8-3.6-7.9-5.3-12 c2.9,0.7,4.8,1.2,5.5,1.2c0.5,0,0.7-0.2,0.7-0.5c0-0.5-0.7-1.4-2.4-3.1c-4.1-4.1-7.7-7.9-11-11.8c-0.5-0.5-0.7-0.7-1-0.7 c-0.5,0-0.7,0.5-1,1.7c-0.5,1.2-0.7,3.4-1.2,6.5c-0.5,3.4-0.5,5-0.5,5.5c0.2,0.5,0.7,1.2,1.4,2.6c1,1.2,1.7,2.9,2.2,5 c1.2,4.1,3.6,9.8,6.7,16.8c2.9,6.2,4.3,9.6,4.3,10.1c0,1.9-2.9,5-8.4,9.4c-4.8,3.5-10.9,7.6-18.4,12c0.7-4.4,2-9.5,3.8-15.6 c0.2-1.4,0.5-2.6,0.5-3.4c0-0.5,0-0.7-0.2-0.7c-0.5,0-1,1-2.2,3.4c-2.3,6.2-4,12.3-5.1,18.2c-3.3,1.9-6.9,3.9-10.8,6 c-9.4,5-21.1,10.6-35.3,16.6c-20.4,8.6-31.4,13.4-33.4,14.4c-5.3,2.4-7.9,3.8-7.9,4.1c0,0.2,0,0.2,0.5,0.2c1,0,3.4-0.2,7.2-1 c3.6-0.5,12.7-2.6,27.1-6c13.7-3.4,20.9-5,21.4-5c2.6,0,11-4.1,25.4-12.5c1.6-0.9,3.1-1.8,4.6-2.7c0.2,7.4,2.1,13.7,5.7,18.5 c4.3,6,10.6,9.1,18.7,9.1c9.6,0,20.6-5,33.6-14.6c8.6-6.5,16.6-13.9,23.8-22.6c3.1-3.6,5.8-8.2,7.4-13.7c1.4-4.3,2.2-7.7,2.2-10.6 l0.5-0.5v0.2c8.4-3.8,14.9-7.9,18.7-12.5c0,11,4.8,16.8,14.9,16.8c8.4,0,15.4-4.8,20.6-14.4c3.1,5.8,6.7,8.9,10.6,8.9 c5.8,0,10.1-2.6,13-7.9c2.6-4.3,4.1-9.4,4.1-15.4C673.3,318.1,672.1,314.8,670.2,311.9z M570.6,336.1c-5.8,0-8.6-1.4-8.6-4.3 c0-2.4,1.9-3.4,6.2-3.4c2.9,0,6,2.2,9.6,6.7C575.2,335.6,572.8,336.1,570.6,336.1z"/><path fill="#000" d="M479.2,311.1c-4.1-2.9-7.9-6.5-11.8-11.3c-1-1.2-1.4-1.7-1.4-1.9c0-0.2,1.7-0.5,4.8-0.5 c1.7,0,2.4-0.2,2.4-0.5v-0.2c0,0-0.5-0.7-1.7-1.4c-1.9-1.7-5-3.6-8.9-6.2c-4.1-2.6-6.2-3.8-7-3.8c-0.2,0-0.7,1.2-1.4,4.1 c-0.5,2.9-0.7,5.3-0.7,7.4c0,1.4,0.5,2.6,1.4,3.6c1.9,1.9,3.1,3.1,3.6,3.8c5,7.2,9.6,13,13.9,17c-5,7.9-8.2,13.9-10.1,18.5 c-1.9,5.3-2.9,11-2.9,16.8c0,8.6,2.9,13,8.6,13c3.6,0,7.9-1.7,13-5c4.8-2.9,7.9-5.8,9.8-8.6c1-1.4,1.9-3.6,2.6-6.5 c1-3.1,1.4-5.5,1.4-7.4c0-4.6-0.7-8.6-1.7-11.8c-1.7-4.3-5-9.4-9.8-14.9c4.8-7.2,8.4-12.7,10.8-16.8c3.8-6.5,5.8-11.8,5.8-15.6 c0-3.4-0.2-4.8-0.5-4.8c-0.5,0-1.2,1.2-2.4,4.1c-1.2,2.9-3.8,7.7-8.4,14.6C483.5,304.9,480.1,309.7,479.2,311.1z M490.7,341.9 c0.2,0.7-0.2,1.7-1.7,3.1c-3.4,3.4-7.4,6-11.8,7.9c-3.1,1.2-5.5,1.9-7.4,1.9c-4.3,0-6.2-1.4-6.2-4.3c0-2.2,1.7-6.2,5.5-12.7 c3.4-5.8,6-9.8,8.2-12C483.5,331.1,488,336.6,490.7,341.9z"/><path fill="#000" d="M472.7,275.6c1.4-2.2,2.6-4.8,4.1-7.7c4.1,2.6,7.7,5,10.8,7.4c0.5,0.2,1,0.2,1.4-0.5 c3.1-5.3,4.8-8.9,4.8-10.6c0-0.5-1.9-1.9-5.5-4.3c-3.8-2.6-5.8-3.8-6.2-3.8c-0.5,0-0.7,0.2-1,0.7l-3.8,7.9c-1-1-3.1-2.6-6.2-4.6 c-3.1-2.2-4.8-3.4-5.3-3.4c-0.2,0-0.7,0.5-1,1l-4.6,9.6c-0.2,0.5-0.2,0.7,0,1c3.8,2.4,7.7,5,11.3,7.9 C472,276.6,472.4,276.4,472.7,275.6z"/><path fill="#000" d="M660.4,362.3c-0.2-0.2-0.7,0.5-1.7,2.2c-0.7,1-1,1.7-0.7,2.2c0.5,1.7,0.7,2.6,0.7,2.6 c0,0.2-0.2,0.2-0.7,0.2c-3.6,0-5.5-0.2-5-1c0.5-1.4,0.7-2.6,0.7-3.1c0-0.5,0-0.7-0.2-0.7c-0.5,0-1.2,0.5-1.7,1.4 c-1,1.4-1.9,2.6-2.6,4.1c-1.2,1.4-2.6,2.2-4.6,2.2c-1,0-2.2-0.2-3.4-0.7c-1.4-0.5-2.6-0.7-3.4-0.7c-3.6,0-7,1.2-10.6,3.8 c-2.9,1.9-5.5,4.6-7.9,7.4c-3.6,4.3-6.5,7.4-8.4,9.4c-4.1,3.1-7,5-8.9,6.2c-1.9,1.2-2.9,1.9-2.9,1.9v0.2c0.5,0,1.9-0.5,4.6-1.2 c2.4-0.7,4.6-1.9,6.7-3.6c3.6-3.6,7.2-7.2,10.8-10.8c5-4.8,10.1-7,14.9-7c0.7,0,1.7,0.2,2.9,0.7c1.2,0.5,2.4,0.7,3.1,0.7 c2.9,0,5.8-1.7,8.6-4.6c3.6,1.7,6.2,1.9,7.9,1c0.5-0.5,1.2-1.7,1.9-3.8c0.7-1.9,1.2-3.6,1.2-5.3S661.3,363,660.4,362.3z"/><path fill="#000" d="M563.6,297c0.5,0,1-0.7,1.7-1.7c0.7-1.7,1.7-4.6,2.4-8.6c1.7-9.1,3.4-13.7,5.3-13.7c1,0,1.9,0.5,2.6,1.4 c1,1,1.4,1.7,1.7,1.7c0.5,0,1-0.7,1.4-2.2c0.5-1,0.5-1.9,0.5-2.4c0-1-0.5-1.9-1.4-3.4c-1-1.4-2.2-2.2-3.4-2.2c-2.2,0-4.1,2.2-6,6.5 c-1.7,6.2-2.9,11-3.4,14.2c0,0.5-0.2,0.7-0.2,1h-0.2c0-0.2,0-0.5-0.2-1c-0.7-5.3-2.4-9.6-4.6-12.7c-2.2-3.4-4.6-4.8-7.4-4.8 c-0.2,0-1,0.7-1.9,2.6c-1.2,1.9-1.7,3.1-1.7,3.4c0,0.7,0.5,1.7,1.9,2.9c1.4,1.2,2.4,1.9,3.4,1.9c0.7,0,1-0.2,1.2-0.5 c0.2-0.5,0.5-0.5,1-0.5c1,0,2.2,2.2,4.1,7c1.9,4.6,2.9,7.7,2.6,9.4C563.2,296.3,563.2,297,563.6,297z"/><path fill="#000" d="M586,243c0.5-0.5,1.2-1.7,2.2-3.8c0.2-0.7,0.2-1.2,0-1.2c0-0.2-0.5,0-1.2,0.2 c-25.9,9.6-51.1,18.7-75.4,27.8c-1.2,2.4-1.9,4.6-2.4,6.7c2.6-1.7,16.3-7.2,40.6-16.1C573.5,247.8,585.7,243.2,586,243z"/><path fill="#000" d="M450.6,252.4c0.2,0,1.2-0.2,2.4-0.7c7.7-2.9,12-4.6,13-5c3.6-1.4,7.7-4.1,12.2-7.2c3.8-2.9,7-6,9.6-9.6 c2.2,1.2,3.6,2.4,4.1,3.4c2.2-2.9,3.1-5,3.1-6.2c-0.5-1-1.9-2.2-4.3-3.4c1.2-3.4,1.7-6.2,1.7-8.9c0-2.9-0.7-4.6-2.4-5 c-1.9-0.7-4.3,0.2-7.2,2.9c-2.9,2.4-4.3,5.3-4.3,8.4c0,2.6,2.2,5,6.7,7.4c-3.4,3.6-8.4,7.4-15.4,11.8c-6,3.4-11.8,6.7-17.5,10.3 c-1.4,0.7-1.9,1.4-1.9,1.7C450.4,252.1,450.4,252.4,450.6,252.4z M482.5,217.8c0-0.5,0.5-1,1.4-1.4c1-0.5,1.7-0.7,2.2-0.7 c1.2,0,1.9,0.7,2.2,2.2c0.2,1.4,0.2,2.9-0.2,4.3C484.4,220.4,482.5,219,482.5,217.8z"/><path fill="#000" d="M589.1,293.9c0.5,0,1.2-0.2,2.4-0.7c1.2-0.7,6.5-2.6,15.4-6.2c4.8-1.9,9.4-4.3,13.9-7 c6.7-4.1,12-8.9,15.8-13.9c2.2,1.2,3.1,2.2,3.1,2.6c0,0.2-0.7,2.4-2.2,6.7c-1.4,4.3-1.9,7.7-1.9,10.3c0,5.3,1.4,7.9,4.6,7.9 c2.9,0,5-3.6,6.5-10.8c0-0.5,0-0.7,0-0.7c0-0.2-0.2-0.2-0.2-0.2c-0.2,0.2-0.2,0.5-0.5,0.7c-1.7,2.9-3.1,4.6-4.3,4.6 c-2.2,0-3.1-2.2-3.1-6.2c0-3.4,1.2-7.9,3.6-13.7c0.5-1.4,0.7-2.6,0.7-3.4c0-1.4-1-2.9-3.4-4.3c1.2-3.1,1.7-6,1.7-8.6 c0-2.9-1-4.6-2.4-5c-1.9-0.7-4.3,0.2-7.2,2.6c-2.9,2.6-4.3,5.5-4.3,8.6c0,2.6,2.2,5,6.7,7.4c-3.4,3.6-10.3,8.4-20.4,14.2 c-7.7,4.3-15.1,8.6-22.8,13c-1.4,1-1.9,1.4-1.9,1.9C588.8,293.6,588.8,293.9,589.1,293.9z M631.3,254c0-0.5,0.5-1,1.4-1.4 c1-0.5,1.7-0.7,2.2-0.7c1.2,0,1.9,0.7,2.2,2.2c0.2,1.4,0.2,2.9-0.2,4.3C633.2,256.7,631.3,255.2,631.3,254z"/><path fill="#000" d="M523.8,246.6c3.1,0,5.3-3.6,6.5-10.8c0.2-0.2,0.2-0.5,0-0.7c0-0.2,0-0.2-0.2,0c0,0-0.2,0.2-0.2,0.5 c-1.7,2.9-3.1,4.6-4.6,4.6c-2.2,0-3.1-2.2-3.1-6c0-3.1,1.2-8.2,3.6-15.6c0.5-1.7,0.7-2.6,0.7-2.9c-0.2,0-0.7,1-1.7,2.6 c-3.8,7-5.5,13.9-5.5,20.4C519.2,243.9,520.7,246.6,523.8,246.6z"/><path fill="#000" d="M389.2,255.9c0.5-0.7,0.5-1.2,0.2-1.2c-0.2-0.2-0.5,0-1.4,0.2c-15.1,5.5-29.5,10.8-43.2,15.6 c-1.2,2.4-1.9,4.6-2.4,6.7c17-7.2,31.9-13,44.9-17.5C387.7,259.3,388.4,258.1,389.2,255.9z"/></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/remitly.svg b/docs/src/pages/logos/remitly.svg
deleted file mode 100644
index e8f568978f8..00000000000
--- a/docs/src/pages/logos/remitly.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="303" height="72" viewBox="0 0 303 72" xmlns="http://www.w3.org/2000/svg"><title>Page 1</title><path d="M222.944 19.375H213.5c-.387 0-.7.312-.7.694v29.293c0 .383.313.693.7.693h9.444c.386 0 .698-.31.698-.693v-29.3a.697.697 0 0 0-.698-.693m42.203-9.004h-9.445c-.386 0-.7.31-.7.693V49.36c0 .383.314.694.7.694h9.445c.386 0 .7-.31.7-.693v-38.3a.696.696 0 0 0-.7-.695m-46.94-5.95c-3.307 0-5.988 2.66-5.988 5.95 0 3.282 2.68 5.95 5.982 5.95s5.988-2.668 5.988-5.95c0-3.29-2.68-5.95-5.987-5.95m84.592 18.803v-3.14a.696.696 0 0 0-.7-.694h-9.444a.696.696 0 0 0-.696.694v15.976c0 3.347-1.826 5.103-4.395 5.103-2.567 0-4.22-1.76-4.22-5.11V20.08a.696.696 0 0 0-.7-.694h-9.446a.694.694 0 0 0-.697.694v15.976c0 6.3.9 9.29 1.973 10.704 1.87 2.47 4.644 3.983 8.295 3.983 3.29 0 5.565-1.524 7.582-3.1.64-.498 1.593-.786 1.593.58v2.735c-.055 1.834-1.257 3.39-2.77 4.206-.036.018-.07.037-.11.054a4.97 4.97 0 0 1-2.42.563c-.026 0-2.097-.013-3.22-.2-.417-.07-.787.198-.824.617l-.704 8.11a.703.703 0 0 0 .585.756c3.54.55 7.29.44 11.236-.91 6.233-2.13 9.087-6.73 9.087-13.392v-27.5c0-.007-.005-.023-.005-.033m-54.54-3.852H244a.697.697 0 0 1-.698-.694v-7.616a.697.697 0 0 0-.698-.694h-9.444c-.387 0-.7.31-.7.69v7.615a.697.697 0 0 1-.7.694h-2.934c-.386 0-.7.31-.7.693v8.053c0 .384.314.694.7.694h2.935c.39 0 .7.31.7.695v13.298c0 4.38 3.038 7.933 7.99 7.933 3.62 0 6.735-.563 8.027-1.18.283-.138.487-.364.487-.668v-6.52a.696.696 0 0 0-.805-.685c-1.56.233-4.853.94-4.853-3.18v-9c0-.385.313-.695.7-.695h4.258c.387 0 .7-.31.7-.694v-8.05a.696.696 0 0 0-.7-.695M100.79 29.33c3.756 0 5.918-1.81 5.918-4.69v-.113c0-3.107-2.275-4.69-5.975-4.69H94.2a.694.694 0 0 0-.696.69v8.116c0 .382.31.692.696.692h6.585zm-18.326-18.3c0-.382.31-.692.696-.692h18.138c6.09 0 10.3 1.584 12.974 4.298 2.333 2.26 3.527 5.315 3.527 9.217v.112c0 5.74-2.92 9.648-7.45 11.82a.684.684 0 0 0-.288 1.007l8.295 12.043a.693.693 0 0 1-.575 1.084H106.86a.94.94 0 0 1-.78-.42l-7.39-11.04a1.196 1.196 0 0 0-.995-.53h-3.5a.693.693 0 0 0-.697.69v10.603a.695.695 0 0 1-.695.692H83.16a.694.694 0 0 1-.696-.694V11.03zm59.538 20.36c0 .38-.292.69-.652.69h-9.65c-.36 0-.652-.31-.652-.69 0-3 2.37-5.365 5.433-5.365 3.308 0 5.527 2.365 5.527 5.364zm-5.99-12.63c-9.614 0-15.58 7.495-15.58 16.327 0 8.83 6.54 15.655 15.58 15.655 8.09 0 12.882-3.5 15.07-8.73.19-.45-.166-.95-.658-.95h-8.267c-.333 0-.642.147-.874.385-1.068 1.104-2.413 1.823-4.297 1.823l-.014-.003-.003.003c-3.52 0-6.3-1.822-6.3-4.82 0-.38.31-.69.692-.69h.02l.003-.002h19.773a.697.697 0 0 0 .7-.695v-1.976c0-8.832-5.49-16.326-15.85-16.326zm59.473-.056c-4.233 0-7.258 1.7-9.832 4.444a.538.538 0 0 1-.852-.08c-1.723-2.786-4.71-4.364-8.54-4.364a10.517 10.517 0 0 0-8.228 3.865c-.32.39-.957.172-.957-.33v-2.19c0-.37-.305-.67-.678-.67h-9.468c-.387 0-.7.31-.7.694V49.36c0 .384.313.695.7.695h9.444c.385 0 .7-.31.7-.694V33.39c0-3.346 1.823-5.102 4.39-5.102 2.57 0 4.224 1.756 4.224 5.104v15.975c0 .385.312.695.7.695h9.443c.385 0 .698-.31.698-.694V33.39c0-3.346 1.884-5.102 4.45-5.102 2.57 0 4.225 1.756 4.225 5.104v15.975c0 .385.31.695.7.695h9.442c.385 0 .698-.31.698-.694V29.93c0-7.143-3.99-11.226-10.554-11.226M56.34 39.9L32.753 22.762a3.39 3.39 0 0 0-3.985 0L18.256 30.4a2.82 2.82 0 0 1-2.112.506 2.815 2.815 0 0 1-1.852-1.135 2.814 2.814 0 0 1-.507-2.11 2.82 2.82 0 0 1 1.135-1.85l7.454-5.412h.002l6.488-4.714a9.29 9.29 0 0 1 11.864.78c.716.685 1.833.727 2.634.144l12.978-9.43V39.9zm-.298 6.697l-.034.226c-.08.495-.41 1.21-.77 1.554a2.615 2.615 0 0 1-3.37.242L40.355 40.24l-.084-.06c-.692-.508-1.832-.502-2.47.084a1.92 1.92 0 0 0 .16 2.98l.14.1 10.56 7.67c.59.43 1.02 1.06 1.12 1.783a2.607 2.607 0 0 1-1.05 2.506l-.242.175a2.622 2.622 0 0 1-3.08 0l-13.096-9.51c-.7-.505-1.84-.5-2.474.085a1.92 1.92 0 0 0 .16 2.978l10.698 7.773c.59.428 1.02 1.06 1.12 1.782a2.6 2.6 0 0 1-1.05 2.502l-.244.176a2.62 2.62 0 0 1-3.08 0l-2.39-1.734-10.71-7.78c-.696-.507-1.837-.5-2.47.085a1.92 1.92 0 0 0 .16 2.977l10.7 7.772c.586.426 1.02 1.06 1.12 1.78a2.607 2.607 0 0 1-1.054 2.507l-.235.17a2.612 2.612 0 0 1-2.773.19L4.183 48.64V7.175L15.31 15.26l3.507 2.547-6.355 4.618a6.966 6.966 0 0 0-2.806 4.58 6.964 6.964 0 0 0 1.254 5.225 6.98 6.98 0 0 0 4.58 2.808 6.972 6.972 0 0 0 5.226-1.254l8.888-6.457a1.966 1.966 0 0 1 2.314 0l23.32 16.95c.634.59.94 1.45.804 2.32zm-2.7-42.415l-10.57 7.68a.97.97 0 0 1-1.096.037 13.483 13.483 0 0 0-14.346-.22 2.14 2.14 0 0 0-.39.22l-4.567 3.32L7.18 4.18h46.162zM59.91.612A2.085 2.085 0 0 0 58.43 0H2.09A2.09 2.09 0 0 0 0 2.09v47.614c0 .67.32 1.297.86 1.69L27.962 71.09a3.908 3.908 0 0 0 4.597 0l27.1-19.687a2.094 2.094 0 0 0 .86-1.692V2.097a2.09 2.09 0 0 0-.616-1.48z" fill="#212E61" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/slack.svg b/docs/src/pages/logos/slack.svg
deleted file mode 100644
index fb5e19e4f23..00000000000
--- a/docs/src/pages/logos/slack.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="2500" height="749" viewBox="1.464 25.444 498.152 149.23"><title>background</title><title>Layer 1</title><path fill="#443642" d="M178.463 83.987c0-14.818 10.804-25.165 30.438-25.165 11.98 0 21.783 3.825 27.094 7.572.76.535 2.116 1.833 1.303 4.247-1.042 2.6-2.953 6.51-4.324 9.05-.798 1.48-2.836 1.285-3.88.756-3.783-1.917-9.988-5.16-15.688-5.758a33.378 33.378 0 0 0-4.347-.188c-5.02.112-9.214 1.855-10.691 5.685a6.74 6.74 0 0 0-.477 2.274c-.138 5.047 6.886 6.872 15.395 8.334 15.819 2.71 27.787 7.348 27.787 23.63 0 13.827-10.989 26.323-32.52 25.94-14.194-.287-24.264-5.083-29.66-9.737-.184-.158-2.238-2.25-1.137-4.766 1.26-3.239 3.387-6.951 5.056-8.922.928-1.266 3.377-1.467 4.65-.678 4.448 2.764 11.768 7.196 20.206 7.49.666.023 1.326.027 1.974.01 7.59-.184 12.182-3.062 12.086-7.91-.082-4.271-6.1-6.766-15.683-8.572-15.284-2.879-27.58-7.917-27.58-23.292M317.316 105.086c-10.778.141-20.66 3.087-20.945 11.51-.003 6.684 5.419 9.967 13.029 9.537 7.3-.703 12.867-3.869 15.32-8.07.907-1.557 1.045-7.383.99-9.873-.014-.53-1.062-1.533-1.521-1.726-2.29-.965-3.985-1.263-6.874-1.38m-35.862-33.938c5.04-4.51 15.033-11.53 30.959-11.16 21.017.437 32.12 10.29 33.154 33.86.426 9.72-.28 36.832-.448 43.587-.025.969-.353 1.639-1.659 1.664-3.461.139-11.457.084-15.131.036-1.854-.09-2.069-1.01-2.093-1.973-.016-.63-.07-2.498-.109-4.021-.021-.808-.78-.785-.974-.578-4.93 5.264-13.004 7.806-21.59 7.806-13.05 0-26.06-7.677-26.02-22.88.04-15.57 11.08-23.25 23.208-25.061 7.766-1.156 16.52-.128 23.149 2.506.424.17 1.29-.076 1.297-.677.027-1.984-.069-5.765-.45-7.557-.973-4.566-4.782-8.24-12.784-9.23-1.648-.203-3.307-.27-4.968-.138-6.361.5-14.016 5.46-17.186 7.317-.746.436-1.914.117-2.292-.37-1.85-2.39-6.5-9.38-6.866-10.497-.366-1.114.15-2.052.801-2.638l.002.004zM352.496 100.13c-.125-21.715 15.005-40.034 39.573-40.195 15.33-.1 26.467 6.85 28.431 10.128.399.77.194 1.413-.082 2.188-1.298 2.74-4.576 8.034-6.912 11.034-.995 1.278-2.075.183-3.33-.652-3.483-2.32-10.101-5.157-16.614-5.157-11.816.002-20.615 8.104-20.517 23.01.092 14.304 8.52 22.165 20.558 22.45 6.293.158 12.39-3.459 15.67-6.422 1.03-.899 2.096-.449 3.273.471 2.31 2.361 5.623 6.006 7.46 8.515 1.203 1.394.303 2.758-.13 3.306-4.984 6.307-14.61 11.615-27.349 11.687-26.674.187-39.906-18.568-40.029-40.36M479.823 139.514c1.252-.094 14.613-1.938 18.714-2.877 1.018-.232 1.38-1.088.811-1.936-2.29-3.434-8.311-13.186-14.617-21.916-5.8-8.027-11.913-15.087-13.89-17.803-.482-.66-.456-1.31.069-1.822 3.761-3.68 19.493-19.105 25.408-25.475 2.29-2.478.915-3.544-1.03-4.123-3.757-1.12-9.834-2.516-13.29-3.245-1.457-.308-3.212-.2-4.486 1.11-5.914 5.515-23.963 23.63-29.351 29.045-.97.977-1.535.76-1.54-.636-.044-10.44-.25-55.138-.623-62.49-.026-.972-1.195-1.71-1.854-1.745-3.388-.177-11.947-.228-15.32-.03-.945.107-1.848 1.07-1.93 1.884-.778 11.756.33 98.054.792 110.126.033.873.683 1.55 1.512 1.599 3.365.195 11.688.182 15.574.109 1.912 0 2.146-1.344 2.146-1.344l.288-23.157s.197-1.03.516-1.37c1.37-1.475 5.16-5.537 6.776-7.107.388-.377 1-.35 1.396.183 1.92 2.59 7.395 11.01 12.47 18.53 4.663 6.908 9.016 13.039 9.32 13.472.702 1 1.522 1.04 2.14 1.021v-.003zM252.59 139.434c1.175.039 10.09.029 14.04.024 1.33.026 2.021-.981 2.065-1.87.839-16.926.48-97.512-.05-110.237-.044-1.1-.515-1.513-1.266-1.613-3.39-.454-13.024-.348-16.112.46-.604.157-.96.616-.979 1.206-.756 32.8-.246 108.42-.086 109.852.159 1.434.909 2.128 2.39 2.178h-.002z"/><path fill="#70CADB" d="M13.997 105.78c-5.494.042-10.148-3.232-11.864-8.342a13.67 13.67 0 0 1-.178-.583c-1.87-6.544 1.756-13.39 8.255-15.582L114.45 46.35a14.128 14.128 0 0 1 3.807-.556c5.64-.044 10.422 3.302 12.18 8.52l.156.504c1.95 6.816-2.895 12.9-8.7 14.85-.004.003-1.06.36-103.662 35.391a13.49 13.49 0 0 1-4.234.721z"/><path fill="#E01765" d="M31.372 157.045c-5.537.04-10.207-3.188-11.903-8.225a13.34 13.34 0 0 1-.18-.579c-1.896-6.622 1.726-13.54 8.247-15.735L131.78 97.263c1.347-.45 2.738-.68 4.137-.693 5.552-.042 10.43 3.35 12.151 8.444l.16.53c1.007 3.521.412 7.478-1.59 10.601-1.492 2.322-6.198 4.366-6.198 4.366L35.8 156.29a14.356 14.356 0 0 1-4.428.757v-.002z"/><path fill="#E8A723" d="M118.148 157.268a12.798 12.798 0 0 1-12.255-8.723l-34.79-103.34-.174-.58c-1.885-6.59 1.74-13.464 8.237-15.654 1.3-.437 2.644-.665 3.997-.677 2.01-.015 3.955.438 5.787 1.343a12.772 12.772 0 0 1 6.449 7.392l34.787 103.331.101.332c1.954 6.842-1.663 13.72-8.16 15.91a12.935 12.935 0 0 1-3.979.666z"/><path fill="#3EB890" d="M66.435 174.674a12.803 12.803 0 0 1-12.26-8.73L19.394 62.608a12.797 12.797 0 0 1 8.051-16.23 12.96 12.96 0 0 1 3.985-.668 12.796 12.796 0 0 1 12.257 8.723l34.782 103.34a12.797 12.797 0 0 1-8.06 16.233 12.88 12.88 0 0 1-3.978.667h.004z"/><path fill="#CC2027" d="M100.997 133.996l24.258-8.294-7.93-23.55-24.286 8.207 7.958 23.637z"/><path fill="#361238" d="M49.364 151.65l24.256-8.293-7.99-23.73-24.28 8.21 8.014 23.813z"/><path fill="#65863A" d="M83.727 82.7l24.26-8.283-7.837-23.275-24.305 8.143L83.727 82.7z"/><path fill="#1A937D" d="M32.088 100.33l24.26-8.283-7.933-23.572-24.305 8.142 7.978 23.713z"/></svg>
\ No newline at end of file
diff --git a/docs/src/pages/logos/squarespace.png b/docs/src/pages/logos/squarespace.png
deleted file mode 100644
index 55a29f0a302..00000000000
Binary files a/docs/src/pages/logos/squarespace.png and /dev/null differ
diff --git a/docs/src/pages/logos/wix.svg b/docs/src/pages/logos/wix.svg
deleted file mode 100644
index b6e277dded5..00000000000
--- a/docs/src/pages/logos/wix.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="596" height="180"><rect id="backgroundrect" width="100%" height="100%" x="0" y="0" fill="none" stroke="none"/><g class="currentLayer"><title>Layer 1</title><g id="svg_5"><g id="svg_1" fill="#2E3133"><path id="svg_2" d="M360.4999953150749,154.73703964948652 v-13.1 h6.5 v13.1 h-6.5 zM426.9999953150749,109.63703964948655 c-0.2,-2.8 -1,-5.4 -2.2,-7.6 c-1.2,-2.2 -2.8,-4 -4.8,-5.5 s-4.2,-2.6 -6.9,-3.3 c-2.6,-0.7000000000000006 -5.4,-1.1 -8.3,-1.1 c-4,0 -7.7,0.9 -10.8,2.4 c-3.2,1.6 -5.8,3.8 -7.8,6.6 c-2.1,2.7 -3.7,5.9 -4.8,9.4 s-1.6,7.1 -1.6,10.9 c0,4.4 0.5,8.4 1.5,12.1 c1,3.7 2.6,7 4.7,9.7 c2.1,2.7 4.8,4.9 7.8,6.4 c3.2,1.5 6.9,2.3 11,2.3 c3.1,0 5.9,-0.5 8.4,-1.5 c2.6,-1 4.9,-2.4 6.9,-4.2 c2,-1.8 3.7,-3.9 4.9,-6.4 s2.1,-5.3 2.6,-8.2 h4.8 c-0.5,3.9 -1.6,7.3 -3.2,10.4 c-1.6,3.1 -3.7,5.6 -6.1,7.7 c-2.4,2.1 -5.1,3.7 -8.2,4.8 s-6.4,1.6 -9.9,1.6 c-5.4,0 -9.9,-1 -13.7,-2.8 c-3.8,-2 -6.9,-4.4 -9.3,-7.7 c-2.4,-3.2 -4.2,-6.9 -5.4,-11.1 c-1.1,-4.2 -1.7000000000000002,-8.6 -1.7000000000000002,-13.1 s0.6000000000000006,-8.9 2,-13 c1.3,-4 3.2,-7.6 5.8,-10.6 s5.6,-5.5 9.4,-7.2 c3.7,-1.8 8,-2.7 12.9,-2.7 c3.5,0 6.9,0.5 9.9,1.3 c3.1,0.9 5.9,2.2 8.2,4 c2.4,1.8 4.4,4 5.9,6.7 s2.4,5.9 2.8,9.7 h-4.7 zM439.4999953150749,122.1370396494865 c0,-4.7 0.6000000000000006,-9.1 2,-13.1 c1.3,-4 3.2,-7.7 5.8,-10.9 c2.6,-3.2 5.6,-5.6 9.4,-7.5 c3.7,-1.8 8,-2.7 12.9,-2.7 c4.8,0 9.1,0.9 12.9,2.7 c3.7,1.8 6.9,4.3 9.4,7.5 c2.6,3.2 4.4,6.7 5.8,10.9 c1.3,4.2 2,8.4 2,13.1 c0,4.7 -0.6000000000000006,9.1 -2,13.2 c-1.3,4.2 -3.2,7.7 -5.8,10.9 c-2.6,3.1 -5.6,5.5 -9.4,7.3 c-3.7,1.8 -8,2.7 -12.9,2.7 c-4.8,0 -9.1,-0.9 -12.9,-2.7 c-3.7,-1.8 -6.9,-4.3 -9.4,-7.3 s-4.5,-6.7 -5.8,-10.9 c-1.4,-4.1 -2,-8.6 -2,-13.2 zm4.7,0 c0,3.9 0.5,7.6 1.6,11.3 c1.1,3.5 2.7,6.7 4.8,9.5 c2.1,2.8 4.8,5 7.8,6.6 c3.2,1.6 6.7,2.4 10.8,2.4 s7.7,-0.9 10.8,-2.4 c3.2,-1.6 5.8,-3.9 7.8,-6.6 c2.1,-2.8 3.7,-6 4.8,-9.5 s1.6,-7.3 1.6,-11.3 s-0.6000000000000006,-7.6 -1.6,-11.3 c-1.1,-3.5 -2.7,-6.7 -4.8,-9.5 c-2.1,-2.8 -4.8,-5 -7.8,-6.6 c-3.2,-1.6 -6.7,-2.4 -10.8,-2.4 s-7.7,0.9 -10.8,2.4 c-3.2,1.6 -5.8,3.9 -7.8,6.6 c-2.1,2.8 -3.7,6 -4.8,9.5 c-1,3.7 -1.6,7.4 -1.6,11.3 zM509.5999953150749,89.53703964948653 h4.8 v13.3 h0.2 c0.5,-2.1 1.3,-3.9 2.7,-5.8 c1.2,-1.8 2.8,-3.4 4.7,-4.8 c1.8,-1.3 3.8,-2.4 6.1,-3.2 c2.2,-0.7000000000000006 4.7,-1.1 7.1,-1.1 c3.2,0 5.9,0.4 8.1,1.2 c2.3,0.9 4.3,1.8 5.9,3.2 s2.9,2.8 3.8,4.4 c1,1.6 1.6,3.3 2,5 h0.2 c2,-4.5 4.5,-8 7.8,-10.3 c3.3,-2.3 7.6,-3.5 12.9,-3.5 c2.9,0 5.8,0.5 8.2,1.3 c2.4,0.9 4.7,2.2 6.5,4 s3.2,4.2 4.3,6.9 c1,2.8 1.5,6.1 1.5,9.9 v44.4 h-4.9 v-44.7 c0,-4.2 -0.6000000000000006,-7.3 -2,-9.8 c-1.2,-2.3 -2.8,-4.2 -4.5,-5.4 c-1.7000000000000002,-1.2 -3.4,-2 -5.3,-2.3 c-1.7000000000000002,-0.2 -3.1,-0.5 -4,-0.5 c-2.9,0 -5.8,0.5 -8.2,1.5 c-2.4,1 -4.7,2.6 -6.5,4.5 c-1.8,2.1 -3.2,4.5 -4.3,7.6 c-1,3.1 -1.5,6.5 -1.5,10.3 v38.8 h-4.8 v-44.7 c0,-4 -0.6000000000000006,-7.3 -1.8,-9.7 c-1.2,-2.4 -2.7,-4.2 -4.3,-5.4 s-3.3,-2 -5.1,-2.3 c-1.7000000000000002,-0.4 -3.1,-0.5 -4.2,-0.5 c-2.3,0 -4.7,0.5 -7.1,1.3 c-2.4,1 -4.7,2.3 -6.7,4.3 s-3.7,4.4 -4.9,7.5 s-2,6.6 -2,10.8 v38.7 h-4.8 V89.33703964948654 h0.1 z"/></g><g id="svg_6"><path id="svg_3" fill="#FFCB29" d="M199.6999953150749,22.33703964948654 c-7,3.7 -9.5,9.8 -9.5,26.7 c0,0 3.5,-3.4 8.7,-5.3 c3.8,-1.3 7,-3.4 8.9,-4.8 c5.9,-4.3 6.7,-9.8 6.7,-19.1 c0,0 -9.6,-0.3000000000000003 -14.8,2.5 z"/><path id="svg_4" fill="#2E3133" d="M158.6999953150749,26.33703964948654 c-5.6,5 -7.3,12.9 -7.3,12.9 L132.59999531507492,111.43703964948656 l-15.5,-59.2 c-1.5,-6.2 -4.3,-14.1 -8.6,-19.3 c-5.4,-6.6 -16.5,-7 -17.7,-7 s-12.4,0.4 -17.9,7.1 c-4.3,5.3 -7.1,13.1 -8.6,19.3 l-15.5,59.2 l-18.6,-72.3 s-1.6,-8 -7.3,-12.9 c-9.2,-8.1 -22.9,-6.4 -22.9,-6.4 L35.699995315074915,155.33703964948654 s11.8,0.9 17.7,-2.2 c7.7,-3.9 11.5,-7 16.2,-25.5 c4.2,-16.4 15.9,-64.6 17,-68.1 c0.5,-1.7000000000000002 1.2,-5.8 4.2,-5.8 c3.1,0 3.7,4 4.2,5.8 c1.1,3.4 12.7,51.7 17,68.1 c4.7,18.4 8.4,21.4 16.2,25.5 c5.9,3.1 17.7,2.2 17.7,2.2 L181.59999531507492,20.03703964948653 s-13.7,-1.7000000000000002 -22.9,6.3 zM214.4999953150749,42.03703964948653 s-2.2,3.4 -7.3,6.4 c-3.3,1.8 -6.4,3.1 -9.8,4.7 c-5.6,2.7 -7.2,5.8 -7.2,10.4 V155.33703964948654 s9.1,1.1 14.9,-1.8 c7.6,-3.9 9.3,-7.6 9.4,-24.5 v-87 zM303.69999531507494,87.93703964948656 l45.3,-67.6 s-19.1,-3.3 -28.6,5.4 c-6.1,5.5 -12.9,15.4 -12.9,15.4 L290.89999531507493,65.33703964948654 c-0.9,1.2 -1.8,2.6 -3.5,2.6 s-2.8,-1.3 -3.5,-2.6 l-16.8,-24.1 s-6.7,-9.9 -12.9,-15.4 c-9.4,-8.7 -28.6,-5.4 -28.6,-5.4 l45.4,67.4 l-45.4,67.3 s20,2.6 29.4,-6.1 c6.1,-5.5 12,-14.6 12,-14.6 L283.5999953150749,110.33703964948654 c0.9,-1.2 1.8,-2.6 3.5,-2.6 s2.8,1.3 3.5,2.6 l16.6,24.1 s6.2,8.9 12.2,14.6 c9.4,8.7 29.1,6.1 29.1,6.1 l-44.8,-67.2 z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/src/pages/presets/introduction/index.md b/docs/src/pages/presets/introduction/index.md
deleted file mode 100644
index 46b9c8358e7..00000000000
--- a/docs/src/pages/presets/introduction/index.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-id: 'introduction'
-title: 'Intro to Presets'
----
-
-> migration guide: This page documents the method to configure storybook introduced recently in 5.3.0, consult the [migration guide](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md) if you want to migrate to this format of configuring storybook.
-
-Storybook **presets** are grouped collections of `babel`, `webpack`, and `addons` configurations that support specific use cases.
-
-For example, to write your stories in Typescript, rather than [manually configuring Storybook for typescript](../../configurations/typescript-config/) with individual [babel](../../configurations/custom-babel-config/) and [webpack](../../configurations/custom-webpack-config/) configs, you can use the `@storybook/preset-typescript` package, which does the heavy lifting for you.
-
-## Basic usage
-
-Each preset has its own installation instructions, but the idea of presets is to install an addon and then load its preset.
-
-For example, to get typescript support, first install the addon:
-
-```sh
-yarn add @storybook/preset-typescript --dev
-```
-
-Then load it in the file `main.js` in your storybook folder (`.storybook` by default):
-
-```js
-module.exports = {
-  addons: ['@storybook/preset-typescript'],
-};
-```
-
-That's it. When Storybook starts up, it will configure itself for typescript without any further configuration. For more information, see the Typescript preset [README](https://github.com/storybookjs/presets/tree/master/packages/preset-typescript).
-
-## Preset configuration
-
-Presets can also take optional parameters. These can be used by the preset itself or passed through to configure the webpack loaders that are used by the preset.
-
-Consider this example:
-
-```js
-const path = require('path');
-module.exports = {
-  addons: [
-    {
-      name: '@storybook/preset-typescript',
-      options: {
-        tsLoaderOptions: {
-          configFile: path.resolve(__dirname, '../tsconfig.json'),
-        },
-        include: [path.resolve(__dirname)],
-      },
-    },
-  ],
-};
-```
-
-This configures the typescript loader using the app's `tsconfig.json` and also tells the typescript loader to only be applied to the current directory.
-
-Each preset has its own option and those options should be documented in the preset's README.
-
-## Go deeper
-
-To see what presets are available, see the [preset gallery](../preset-gallery/). To understand more about how presets work and write your own, see [writing presets](../writing-presets/).
diff --git a/docs/src/pages/presets/preset-gallery/index.md b/docs/src/pages/presets/preset-gallery/index.md
deleted file mode 100644
index daead0aa427..00000000000
--- a/docs/src/pages/presets/preset-gallery/index.md
+++ /dev/null
@@ -1,30 +0,0 @@
----
-id: 'preset-gallery'
-title: 'Preset Gallery'
----
-
-[Storybook presets](../introduction/) are a new feature in Storybook to dramatically simplify configuration. This is a list of available presets for Storybook.
-
-## Presets maintained by Storybook team
-
-Storybook-maintained presets are available in the [Presets repo](https://github.com/storybookjs/presets). They include:
-
-### [Create React App](https://github.com/storybookjs/presets/tree/master/packages/preset-create-react-app)
-
-One-line [Create React App](https://create-react-app.dev/) configuration for Storybook.
-
-### [Typescript](https://github.com/storybookjs/presets/tree/master/packages/preset-typescript)
-
-One-line Typescript w/ docgen configuration for Storybook.
-
-### [SCSS](https://github.com/storybookjs/presets/tree/master/packages/preset-scss)
-
-One-line SCSS configuration for Storybook.
-
-### [AntDesign](https://github.com/storybookjs/presets/tree/master/packages/preset-ant-design)
-
-One-line AntDesign configuration for Storybook.
-
-## Community presets
-
-There are no community presets available yet. Check back here or edit this page to add yours.
diff --git a/docs/src/pages/testing/automated-visual-testing/index.md b/docs/src/pages/testing/automated-visual-testing/index.md
deleted file mode 100644
index 9f7cb4cf979..00000000000
--- a/docs/src/pages/testing/automated-visual-testing/index.md
+++ /dev/null
@@ -1,204 +0,0 @@
----
-id: 'automated-visual-testing'
-title: 'Automated Visual Testing'
----
-
-Automated Visual Testing is a quality assurance process meant to automatically verify that a UI visually appears as intended. There are many alternative names for this process, such as Visual Regression Testing, Visual Validation Testing, Visual UI Testing, or Visual Testing, but in all cases we're talking about confirming the thing your users will see—the actual pixels—without caring about how it's generated.
-
-## Benefits
-
-The largest benefit to Automated Visual Testing is that they can often supersede other, more brittle tests. Instead of asserting specific CSS rules, selectors, and HTML markup, you assert that something visually appears as expected. If you refactor style, markup, or state logic, but visually nothing changes, you wouldn't need to modify any tests or update visual baselines! In a majority of cases, what a user _sees_ is what you really care about, not how it was achieved.
-
-Another potential benefit is with cross-browser testing. If you perform your visual tests against multiple browsers, they can potentially catch regressions a developer didn't because it appeared correct in their preferred development browser.
-
-## Challenges
-
-The biggest challenge with Automated Visual Testing is that humans and machines perceive pixels differently. Two screenshots of a UI could appear entirely identical to a human but 100% different to a 1:1, naive diffing algorithm.
-
-For example, changes in [anti-aliasing](https://en.wikipedia.org/wiki/Spatial_anti-aliasing) are common, even if human eyes don't notice them.
-
-![Menu before and after differences](../static/image-diff-1.png)
-![Close-up of menu before and after differences](../static/image-diff-2.png)
-
-Even though we didn't change any CSS and the menus appear visually the same to our eyes, if we compare their pixels 1:1 we find that lots of it has changed! This can happen between browser versions, underlying hardware changes on your cloud platform, and more.
-
-Similar situations happen all the time, such as how images, drop shadows, etc are rendered.
-
-Some more robust libraries and services solve this by using a combination of [Machine Learning](https://wikipedia.org/wiki/Machine_learning) and [heuristics](https://wikipedia.org/wiki/Heuristic_(computer_science)). The machine is trained what is and is not an acceptable variation.
-
-For example, every graphics card renders text and images differently at the pixel level. Your machine will likely have a different graphics card than the testing server and the other developers. While the naked eye can't tell the difference, a machine needs to be trained to "see" them like we do.
-
-Another issue is that these tests are often slow compared to more lightweight unit tests that don't require a full browser. So you might only run them when you commit, push, and/or on your Continuous Integration (CI) server.
-
-## Libraries and Services with Storybook Integration
-
-There are many libraries and services that have Storybook integrations out-of-box, with varying levels of sophistication. Some even use complex Machine Learning instead of 1:1 pixel comparison.
-
-Storybook uses [Chromatic](https://www.chromaticqa.com), a visual testing service made by Storybook maintainers, to prevent UI bugs in our [application](https://www.chromaticqa.com/library?appId=5a375b97f4b14f0020b0cda3), [design system](https://www.chromaticqa.com/library?appId=5ccbc373887ca40020446347), and [website](https://www.chromaticqa.com/library?appId=5be26744d2f6250024a9117d).
-
-Here are some in alphabetical order:
-
-- [Applitools](https://applitools.com/storybook)
-- [Chromatic](https://www.chromaticqa.com) made by Storybook maintainers
-- [Creevey](https://github.com/wKich/creevey)
-- [Happo](https://happo.io)
-- [Loki](https://loki.js.org/)
-- [Percy](https://docs.percy.io/docs/storybook)
-- [Screener](https://screener.io/v2/docs)
-- [StoryShots](https://github.com/storybookjs/storybook/tree/master/addons/storyshots) with its [seamless integration](https://github.com/storybookjs/storybook/tree/master/addons/storyshots#configure-storyshots-for-image-snapshots) with [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot)
-
-## Custom Solutions
-
-There are a number of popular libraries that don't offer out-of-box integration with Storybook, but still can be used to visual test it. [BackstopJS](https://github.com/garris/BackstopJS) and [Gemini](https://github.com/gemini-testing/gemini), for example, but there are quite a few!
-
-Storybook's web server supports the ability to render a component story standalone, in any particular state, without any of the Storybook layout elements. With these special URLs you can either create your own screenshots and diff them, or use a library which does that work for you.
-
-Let's take a look at an example, in this case using [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot)—but the idea is similar for most of them.
-
-> Most custom solutions, including jest-image-snapshot, do 1:1 pixel comparisons which may suffer from issues described in the **Challenges** section above.
-
-### Example using Puppeteer and Jest
-
-Here's a sample Storybook we'd like to visually test:
-
-![Storybook Screenshot](../static/storybook-screenshot.png)
-
-The Storybook UI has a bunch of elements you wouldn't want to include in your visual test. Besides being extraneous, your tests could incorrectly fail when you add a new, unrelated story or state because it would show up in the side menu.
-
-Instead, we'll want to render a component's story by itself. Let's assume the above Storybook runs on port 9009 and we can access it via [http://localhost:9009/](http://localhost:9009/).
-
-Now let's pick a single story: the "with text" story of the Button.
-
-The URL for that story contains a number of query parameters, but the first two are the most important: [http://localhost:9009/?selectedKind=Button&selectedStory=with+text](http://localhost:9009/?selectedKind=Button&selectedStory=with+text)
-
-- selectedKind=Button
-- selectedStory=with+text
-
-Using these two parameters we can generate the URL to render the story by itself. Instead of the URL's path being the homepage/index we use `/iframe.html`:
-
-[http://localhost:9009/iframe.html?selectedKind=Button&selectedStory=with+text](http://localhost:9009/iframe.html?selectedKind=Button&selectedStory=with+text)
-
-![Storybook iframe Screenshot](../static/storybook-iframe-screenshot.png)
-
-Now that we know how to render the story by itself, let's get our testing environment all set up.
-
-For this example, we're going to use a number of packages:
-
-* [jest](https://jestjs.io/)
-  - Testing framework by Facebook
-* [puppeteer](https://developers.google.com/web/tools/puppeteer/)
-  - Library by Google for controlling a [headless](https://wikipedia.org/wiki/Headless_software) Chrome browser.
-* [jest-puppeteer](https://github.com/smooth-code/jest-puppeteer)
-  - Integration between Jest and Puppeteer
-* [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot)
-  - Image snapshot assertion helper
-* [start-server-and-test](https://github.com/bahmutov/start-server-and-test)
-  - Used to start/stop our Storybook server automatically for our tests
-
-> Even though we're choosing Jest/Puppeteer in this example, the principles are the same with other solutions.
-
-Let's go ahead and add all of these:
-
-```sh
-yarn add jest puppeteer jest-puppeteer jest-image-snapshot start-server-and-test --dev
-```
-
-There's a bit of setup code that needs to run before your tests, so we'll need to configure a Jest setup file to run first, if you haven't already. This is done with the [`setupFilesAfterEnv` config property](https://jestjs.io/docs/en/configuration.html#setupFilesAfterEnv-string), either in your package.json or in your `jest.config.js`. We'll also set `"preset": "jest-puppeteer"` so that we get the nice integration from jest-puppeteer.
-
-#### `integration/jest.config.js`
-
-```js
-module.exports = {
-  preset: 'jest-puppeteer',
-  testRegex: './*\\.test\\.js$',
-  setupFilesAfterEnv: ['./setupTests.js']
-};
-
- ```
-
-With our configuration in place, we can create our file at `integration/setupTests.js` and add the necessary setup logic:
-
-#### `integration/setupTests.js`
-
-```js
-const { toMatchImageSnapshot } = require('jest-image-snapshot');
-
-expect.extend({ toMatchImageSnapshot });
-```
-
-Finally, we'll create some npm scripts for us to kick everything off with [start-server-and-test](https://github.com/bahmutov/start-server-and-test):
-
-#### `package.json`
-
-```json
-{
-  "name": "my-app",
-  "scripts": {
-    "jest:integration": "jest -c integration/jest.config.js",
-    "test:integration": "start-server-and-test storybook http-get://localhost:9009 jest:integration",
-    "storybook": "start-storybook -p 9009 -s public"
-  }
-}
-```
-
-Now we're ready to write our first visual snapshot test!
-
-#### `integration/Button.test.js`
-
-```js
-describe('Button', () => {
-  it('visually looks correct', async () => {
-    // APIs from jest-puppeteer
-    await page.goto('http://localhost:9009/iframe.html?selectedKind=Button&selectedStory=with+text');
-    const image = await page.screenshot();
-
-    // API from jest-image-snapshot
-    expect(image).toMatchImageSnapshot();
-  });
-});
-```
-
-Go ahead and run it:
-
-```bash
-npm run test:integration
-```
-
-```
-info Storybook started on => http://localhost:9009/
-
- PASS  integration/app.test.js
-  Button
-    ✓ visually looks correct (699ms)
-
- › 1 snapshot written.
-Snapshot Summary
- › 1 snapshot written from 1 test suite.
-
-Test Suites: 1 passed, 1 total
-Tests:       1 passed, 1 total
-Snapshots:   1 written, 1 total
-Time:        1.528s, estimated 2s
-Ran all test suites.
-```
-
-The first time we run a test it will create a new image snapshot to use as the baseline for subsequent test runs. Try changing the style of your story's component and running it again. You should get something like this:
-
-```
- FAIL  integration/app.test.js
-  Button
-    ✕ visually looks correct (880ms)
-
-  ● Button › visually looks correct
-
-    Expected image to match or be a close match to snapshot but was 0.03625% different from snapshot (174 differing pixels).
-    See diff for details: /my-app/integration/__image_snapshots__/__diff_output__/app-test-js-button-visually-looks-correct-1-diff.png
-```
-
-If this should become the new baseline, we can tell Jest to update them:
-
-```
-npm run jest:integration -- -updateSnapshot
-```
-
-We're all set, but keep in mind the [challenges](#challenges) of doing 1:1 pixel matching!
diff --git a/docs/src/pages/testing/interaction-testing/index.md b/docs/src/pages/testing/interaction-testing/index.md
deleted file mode 100644
index 31a796d18c5..00000000000
--- a/docs/src/pages/testing/interaction-testing/index.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-id: 'interaction-testing'
-title: 'Interaction Testing'
----
-
-For the interaction testing, [Enzyme](https://github.com/airbnb/enzyme) is the best tool we can use. With that, we can [simulate](http://airbnb.io/enzyme/docs/api/ReactWrapper/simulate.html) user inputs and see what they are doing.
-
-You can directly write these kind of tests with a full-featured testing framework, such as **Mocha** or **Jest**. Have a look at the [Enzyme guidelines](https://github.com/airbnb/enzyme/) for more information on how to integrate them.
-
-## Specs Addon
-
-If you like to write your tests directly inside your stories, we also have an addon called [specs](https://github.com/mthuret/storybook-addon-specifications).
-
-![Storybook Specs Addon](../static/specs-addon.png)
-
-With that, you can write test specs directly inside stories.
-Additionally, you also can use your CI server to run those tests.
diff --git a/docs/src/pages/testing/manual-testing/index.md b/docs/src/pages/testing/manual-testing/index.md
deleted file mode 100644
index de6068e1b50..00000000000
--- a/docs/src/pages/testing/manual-testing/index.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-id: 'manual-testing'
-title: 'Manual Testing'
----
-
-Now we arrive at the most interesting (but also hardest) part of UI testing.
-We usually do this as a team.
-
-First, we need to make a pretty solid Storybook or a set of Storybooks covering most of the scenarios of our UI components.
-For that we can follow the following structure:
-
--   Write stories for your individual UI components.
--   Write another set of stories for integrating the above UI components (you could consider your pages).
-
-For the individual UI components, you may be using a different repository.
-Then, keep a storybook inside it for those components. Then, in the main app, write stories for integrations.
-
-## Testing Plan
-
-Open a new PR (or multiple of them).
-Then run your Storybook and start reviewing one story at a time.
-Then you can comment on the PR.
diff --git a/docs/src/pages/testing/react-ui-testing/index.md b/docs/src/pages/testing/react-ui-testing/index.md
deleted file mode 100644
index ea1018a1f66..00000000000
--- a/docs/src/pages/testing/react-ui-testing/index.md
+++ /dev/null
@@ -1,88 +0,0 @@
----
-id: 'react-ui-testing'
-title: 'Introduction: React UI Testing'
----
-
-There are different aspects we need to look at when testing UI.
-There are also a lot of tools and techniques we can use. 
-
-## Reasons for Testing
-
-Before we talk about testing, we need to think about why we need to test.
-There are many reasons; here are some of our reasons:
-
--   To find bugs.
--   To make sure things won't break between new code commits.
--   To keep tests as living documentations.
-
-Specifically, testing is important when working with teams since it allows different people the ability to contribute with confidence.
-
-## Different Aspects of UI Testing
-
-We refer to UI for many things. To put this in focus, let's narrow it down to React based user interfaces.
-
-### 1. Structural Testing
-
-Here we'll focus on the structure of the UI and how it's laid out.
-For an example, let's say we have a "login component" as shown below:
-
-![Login Form](../static/login_form.png)
-
-For structural testing, we are testing whether or not it has following content:
-
--   A title with "Log in to Facebook"
--   Two inputs for the username and password.
--   A submit button.
--   An error screen to show errors.
-
-For React, we have been using [Enzyme](https://github.com/airbnb/enzyme) as a way to do structural testing, but now we can also use [Jest's snapshot testing](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html) to make things even more simple.
-
-### 2. Interaction Testing
-
-UI is all about interacting with the user.
-We do this with a bunch of UI elements, such as buttons, links, and input elements.
-With interaction testing, we need to test if they are working properly.
-
-Let's again use the above login component as an example. It should do these things:
-
--   When we click the submit button, it should give us the username and password.
--   When we click the "Forgotten Account" link, it should redirect to a new page.
-
-We have few ways to do this type of testing with React. One way is to use [Enzyme](https://github.com/airbnb/enzyme).
-
-### 3. CSS/Style Testing
-
-UI is all about styles (whether they're simple, beautiful, or even ugly).
-With style testing, we are evaluating the look and feel of our UI components between code changes.
-This is a pretty complex subject and usually we do it by comparing images.
-
-If we are using inline styles all the way, we can use JEST snapshot testing.
-But to get even better results, we should consider using tools such as:
-
--   [BackstopJS](https://github.com/garris/BackstopJS)
--   [Gemini](https://github.com/gemini-testing/gemini)
--   [Happo](https://github.com/happo/happo.io)
-
-### 4. Manual Testing
-
-All the above sections are about testing with automated tools.
-But since we are building UI for humans, we must also manually test them to see how they feel.
-
-Another reason for manual testing is for the better user experience.
-
-We should always try to test our UI with the naked eye.
-For this, we can use our existing Storybook.
-This is something that we can't automate(yet) and takes time.
-But it would be great if we could do this once in a while (especially with a major code changes).
-
-## How Storybook Can Help Us
-
-A **story** is the smallest unit in Storybook.
-It's a fully functioning UI element where the input can be used for any of the testing methods we've mentioned above.
-
-Let's look at how Storybook can help you do the above mentioned different aspects of testing.
-
--   [Structural Testing with StoryShots](/testing/structural-testing)
--   [Interaction Testing with Specs Addon](/testing/interaction-testing)
--   [Storybook as the Base for Automated Visual Testing](/testing/automated-visual-testing)
--   [Storybook for Manual UI Testing](/testing/manual-testing)
diff --git a/docs/src/pages/testing/static/image-diff-1.png b/docs/src/pages/testing/static/image-diff-1.png
deleted file mode 100644
index 8144e98f1c1..00000000000
Binary files a/docs/src/pages/testing/static/image-diff-1.png and /dev/null differ
diff --git a/docs/src/pages/testing/static/image-diff-2.png b/docs/src/pages/testing/static/image-diff-2.png
deleted file mode 100644
index 7aaedaab2ab..00000000000
Binary files a/docs/src/pages/testing/static/image-diff-2.png and /dev/null differ
diff --git a/docs/src/pages/testing/static/image-diff-3.png b/docs/src/pages/testing/static/image-diff-3.png
deleted file mode 100644
index b2b7e1eae3a..00000000000
Binary files a/docs/src/pages/testing/static/image-diff-3.png and /dev/null differ
diff --git a/docs/src/pages/testing/static/login_form.png b/docs/src/pages/testing/static/login_form.png
deleted file mode 100644
index 6a28d96f74d..00000000000
Binary files a/docs/src/pages/testing/static/login_form.png and /dev/null differ
diff --git a/docs/src/pages/testing/static/specs-addon.png b/docs/src/pages/testing/static/specs-addon.png
deleted file mode 100644
index 2b1557c5711..00000000000
Binary files a/docs/src/pages/testing/static/specs-addon.png and /dev/null differ
diff --git a/docs/src/pages/testing/static/storybook-iframe-screenshot.png b/docs/src/pages/testing/static/storybook-iframe-screenshot.png
deleted file mode 100644
index 0926710560b..00000000000
Binary files a/docs/src/pages/testing/static/storybook-iframe-screenshot.png and /dev/null differ
diff --git a/docs/src/pages/testing/static/storybook-screenshot.png b/docs/src/pages/testing/static/storybook-screenshot.png
deleted file mode 100644
index b904a3ab963..00000000000
Binary files a/docs/src/pages/testing/static/storybook-screenshot.png and /dev/null differ
diff --git a/docs/src/pages/testing/static/storyshots-diff-view.png b/docs/src/pages/testing/static/storyshots-diff-view.png
deleted file mode 100644
index bf70ba58c1e..00000000000
Binary files a/docs/src/pages/testing/static/storyshots-diff-view.png and /dev/null differ
diff --git a/docs/src/pages/testing/static/storyshots-first-run.png b/docs/src/pages/testing/static/storyshots-first-run.png
deleted file mode 100644
index a6f1758e3f7..00000000000
Binary files a/docs/src/pages/testing/static/storyshots-first-run.png and /dev/null differ
diff --git a/docs/src/pages/testing/structural-testing/index.md b/docs/src/pages/testing/structural-testing/index.md
deleted file mode 100644
index e86a45ecb2f..00000000000
--- a/docs/src/pages/testing/structural-testing/index.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-id: 'structural-testing'
-title: 'Structural Testing'
----
-
-For React, [Jest's snapshot testing](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html) is the best way to do Structural Testing.
-It's painless to use and maintain.
-We've integrated Jest's snapshot testing directly into Storybook using an addon called [StoryShots](https://github.com/storybookjs/storybook/tree/master/addons/storyshots).
-Now we can use existing stories as the input for snapshot testing.
-
-## What's Snapshot Testing?
-
-With Snapshot testing, we keep a file copy of the structure of UI components.
-Think of it like a set of HTML sources.
-
-Then, after we've completed any UI changes, we compare new snapshots with the snapshots that we kept in the file.
-
-If things are not the same, we can do two things:
-
-1.  We can consider new snapshots that show the current state, and then update them as new snapshots.
-2.  We can find the root cause for the change and fix our code.
-
-> We can also commit these snapshots directly into the source code.
-
-## Using StoryShots
-
-[StoryShots](https://github.com/storybookjs/storybook/tree/master/addons/storyshots) is our integration between Storybook and Jest Snapshot Testing.
-
-To use StoryShots, first make sure you are inside a Storybook-enabled repo (make sure it has few stories).
-
-Then, install StoryShots and any necessary [framework-specific peer dependencies](https://github.com/storybookjs/storybook/blob/next/addons/storyshots/storyshots-core/README.md).
-
-For instance if you're testing a react project:
-
-```sh
-npm i -D @storybook/addon-storyshots react-test-renderer
-```
-
-Then, assuming you are using Jest for testing, you can create a test file `storyshots.test.js` that contains the following:
-
-```js
-import initStoryshots from '@storybook/addon-storyshots';
-
-initStoryshots({ /* configuration options */ });
-```
-
-Now you can snapshot test all of your stories with:
-
-```sh
-npm test
-```
-
-This will save the initial set of snapshots inside your Storybook config directory.
-
-![StoryShots First](../static/storyshots-first-run.png)
-
-After you complete any changes, you can run the test again and find all structural changes.
-
-![StoryShots Diff View](../static/storyshots-diff-view.png)
-
-* * *
-
-StoryShots also comes with a variety of customization options. Have a look at the StoryShots [repo](https://github.com/storybookjs/storybook/tree/master/addons/storyshots) for more information.
diff --git a/docs/src/stories/_examples.yml b/docs/src/stories/_examples.yml
deleted file mode 100644
index b0fb6e310e5..00000000000
--- a/docs/src/stories/_examples.yml
+++ /dev/null
@@ -1,30 +0,0 @@
-airbnb:
-  thumbnail: https://a0.muscache.com/im/pictures/90bce1b0-24ab-4e07-8499-3c4f4b0f2000.jpg?aki_policy=xl_poster
-  title: Airbnb Dates
-  description: An internationalizable, mobile-friendly datepicker library for the web.
-  source: https://github.com/airbnb/react-dates
-  demo: http://airbnb.io/react-dates/
-  site: http://airbnb.com
-appbase:
-  title: Appbase
-  description: A storybook playground for ReactiveMaps and ReactiveSearch.
-  source: https://github.com/appbaseio/playground
-  demo: https://opensource.appbase.io/playground/
-  site: https://appbase.io
-buffer:
-  title: Buffer
-  description: A collection of Buffer UI React components.
-  source: https://github.com/bufferapp/buffer-components
-  demo: https://bufferapp.github.io/buffer-components/
-  site: https://buffer.com
-lonelyplanet:
-  title: Lonely Planet
-  description: All the tools you need to build the Lonely Planet UI experience.
-  source: https://github.com/lonelyplanet/backpack-ui
-  site: https://www.lonelyplanet.com/
-griddle:
-  title: Griddle
-  description: An ultra customizable datagrid component for React.
-  source: https://github.com/GriddleGriddle/Griddle
-  demo: https://griddlegriddle.github.io/Griddle/examples/controlling-griddle/
-  site: https://griddlegriddle.github.io/Griddle/
diff --git a/docs/src/stories/_users.yml b/docs/src/stories/_users.yml
deleted file mode 100644
index b6c1d724dc0..00000000000
--- a/docs/src/stories/_users.yml
+++ /dev/null
@@ -1,31 +0,0 @@
-airbnb:
-  logo: ./logos/airbnb.svg
-  title: Airbnb Dates
-  description: An internationalizable, mobile-friendly datepicker library for the web.
-  source: https://github.com/airbnb/react-dates
-  demo: http://airbnb.io/react-dates/
-  site: http://airbnb.com
-buffer:
-  logo: ./logos/buffer.svg
-  title: Buffer Components
-  description: A collection of Buffer UI React components.
-  source: https://github.com/bufferapp/buffer-components
-  demo: https://bufferapp.github.io/buffer-components/
-  site: https://buffer.com
-lonelyplanet:
-  logo: ./logos/lonelyplanet.svg
-  title: Lonely Planet
-  description: All the tools you need to build the Lonely Planet UI experience.
-  source: https://github.com/lonelyplanet/backpack-ui
-  demo: https://lonelyplanet.github.io/backpack-ui/
-  site: https://www.lonelyplanet.com/
-algolia:
-  logo: ./logos/algolia.svg
-  title: Algolia Instantsearch
-  description: Lightning-fast, hyper-configurable search.
-  source: https://github.com/algolia/react-instantsearch/
-  demo: https://community.algolia.com/react-instantsearch/storybook/
-postmates:
-  logo: ./logos/postmates.png
-  title: Postmates
-  site: https://postmates.com
diff --git a/docs/src/stories/data.js b/docs/src/stories/data.js
deleted file mode 100644
index 4bd0bf47774..00000000000
--- a/docs/src/stories/data.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import marked from 'marked';
-
-export const docsData = {
-  categories: [
-    {
-      id: 'cat-1',
-      title: 'CAT 1',
-    },
-    {
-      id: 'cat-2',
-      title: 'CAT 2',
-    },
-  ],
-  sections: [
-    {
-      id: 'basics',
-      heading: 'Basics',
-      items: [
-        { id: 'getting-started', title: 'Getting Started' },
-        { id: 'writing-stories', title: 'Writing Stories' },
-        { id: 'build-as-a-static-app', title: 'Build as a Static App' },
-      ],
-    },
-    {
-      id: 'guides',
-      heading: 'Guides',
-      items: [
-        { id: 'getting-started', title: 'Getting Started' },
-        { id: 'writing-stories', title: 'Writing Stories' },
-        { id: 'build-as-a-static-app', title: 'Build as a Static App' },
-      ],
-    },
-    {
-      id: 'configurations',
-      heading: 'Configuations',
-      items: [
-        { id: 'default-config', title: 'Default Config' },
-        { id: 'webpack', title: 'Webpack' },
-        { id: 'babel', title: 'Babel' },
-      ],
-    },
-  ],
-  selectedItem: {
-    id: 'writing-stories',
-    section: 'basics',
-    title: 'Writing Stories',
-    content: marked(`
-You need to write stories to show your components inside Storybook.<br/>
-We've a set of APIs allows you to write stories and do more with them.
-
-When you are writing stories, you can follow these guidelines<br/>
-to write great stories.
-
-* Write UI components by passing data via props.
-* In this way, you can isolate UI components easilly.
-* Do not write app-specific code inside your UI components.
-
-~~~js
-import { linkTo } from @storybook/addon-links
-
-storiesOf('Toggle', module)
-  .add('on', () => {
-    return <Toggle value={true} onChange={linkTo('Toggle', 'off')} />
-  })
-  .add('off', () => {
-    return <Toggle value={false} onChange={linkTo('Toggle', 'on')} />
-  });
-~~~
-    `),
-  },
-  featuredStorybooks: [
-    {
-      owner: 'https://avatars0.githubusercontent.com/u/698437?v=3&s=200',
-      storybook: {
-        name: 'React Dates',
-        link: 'http://airbnb.io/react-dates/',
-      },
-      source: 'https://github.com/airbnb/react-dates',
-    },
-
-    {
-      owner: 'https://avatars3.githubusercontent.com/u/239676?v=3&s=460',
-      storybook: {
-        name: 'React Native Web',
-        link: 'https://necolas.github.io/react-native-web/docs/',
-      },
-      source: 'https://github.com/necolas/react-native-web',
-    },
-
-    {
-      owner: 'https://avatars1.githubusercontent.com/u/15616844?v=3&s=200',
-      storybook: {
-        name: 'React Button',
-        link: 'http://kadira-samples.github.io/react-button/',
-      },
-      source: 'https://github.com/kadira-samples/react-button',
-    },
-  ],
-};
diff --git a/docs/src/stories/implementations.js b/docs/src/stories/implementations.js
deleted file mode 100644
index 05f373d506b..00000000000
--- a/docs/src/stories/implementations.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-
-import Homepage from '../components/Homepage';
-import Header from '../components/Header';
-import Heading from '../components/Homepage/Heading';
-import Demo from '../components/Homepage/Demo';
-import Platforms from '../components/Homepage/Platforms';
-import MainLinks from '../components/Homepage/MainLinks';
-import Featured from '../components/Homepage/Featured';
-import UsedBy from '../components/Homepage/UsedBy';
-import Footer from '../components/Footer';
-import Docs from '../components/Docs';
-import DocsContainer from '../components/Docs/Container';
-import DocsContent from '../components/Docs/Content';
-import DocsNav from '../components/Docs/Nav';
-import GridItem from '../components/Grid/GridItem';
-import Grid from '../components/Grid/Grid';
-import Examples from '../components/Grid/Examples';
-
-import { docsData } from './data';
-import users from './_users.yml';
-import exampleData from './_examples.yml';
-
-export default {
-  'Homepage.page': (
-    <Homepage featuredStorybooks={docsData.featuredStorybooks} users={Object.values(users)} />
-  ),
-  'Homepage.header': <Header />,
-  'Homepage.heading': <Heading />,
-  'Homepage.demo': <Demo />,
-  'Homepage.built-for': <Platforms />,
-  'Homepage.main-links': <MainLinks />,
-  'Homepage.featured-storybooks': <Featured featuredStorybooks={docsData.featuredStorybooks} />,
-  'Homepage.used-by': <UsedBy users={Object.values(users)} />,
-  'Homepage.footer': <Footer />,
-  'Docs.page': (
-    <Docs
-      sections={docsData.sections}
-      selectedItem={docsData.selectedItem}
-      categories={docsData.categories}
-      selectedCatId="cat-2"
-    />
-  ),
-  'Docs.docs-container': (
-    <DocsContainer
-      sections={docsData.sections}
-      selectedItem={docsData.selectedItem}
-      categories={docsData.categories}
-      selectedCatId="cat-2"
-    />
-  ),
-  'Docs.docs-content': (
-    <DocsContent title={docsData.selectedItem.title} content={docsData.selectedItem.content} />
-  ),
-  'Docs.docs-nav': (
-    <DocsNav
-      sections={docsData.sections}
-      selectedSection={docsData.selectedItem.sectionId}
-      selectedItem={docsData.selectedItem.id}
-    />
-  ),
-  'Grid.grid-item': <GridItem {...Object.values(exampleData)[0]} />,
-  'Grid.grid': <Grid items={Object.values(exampleData)} columnWidth={300} />,
-  'Grid.examples': <Examples items={Object.values(exampleData)} />,
-};
diff --git a/docs/src/stories/index.js b/docs/src/stories/index.js
deleted file mode 100644
index c11233333b8..00000000000
--- a/docs/src/stories/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { storiesOf } from '@storybook/react';
-import implementations from './implementations';
-
-const storyGroups = {};
-
-Object.keys(implementations).forEach((key) => {
-  const [groupName, itemName] = key.split('.');
-  const implementation = implementations[key];
-
-  if (!storyGroups[groupName]) {
-    storyGroups[groupName] = storiesOf(groupName, module);
-  }
-
-  storyGroups[groupName].add(itemName, () => implementation);
-});
diff --git a/docs/src/templates/_docstemplate.jsx b/docs/src/templates/_docstemplate.jsx
deleted file mode 100644
index 8613044f7c8..00000000000
--- a/docs/src/templates/_docstemplate.jsx
+++ /dev/null
@@ -1,123 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-import PropTypes from 'prop-types';
-import capitalize from 'lodash/capitalize';
-
-import Docs from '../components/Docs';
-
-const categories = [
-  {
-    id: 'storybook',
-    title: 'Storybook',
-  },
-];
-
-const getSections = (sections, edges) =>
-  Object.keys(sections).map((key) => ({
-    id: key,
-    heading: capitalize(key),
-    items: sections[key].map((path) => {
-      const page = edges.find(({ node }) => node.fields.slug === path);
-      return page.node.frontmatter;
-    }),
-  }));
-
-const getSelectedSection = (sections, path) =>
-  Object.keys(sections).find((key) => sections[key].indexOf(path) >= 0);
-
-const DocsContainer = ({ data }) => {
-  const { site, markdownRemark, allMarkdownRemark } = data;
-  const { frontmatter, fields, html } = markdownRemark;
-  const { id, title } = frontmatter;
-  const { slug } = fields;
-  const { docSections } = site.siteMetadata;
-
-  const section = getSelectedSection(docSections, slug);
-
-  const docProps = {
-    categories,
-    sections: getSections(docSections, allMarkdownRemark.edges),
-    selectedItem: { id, title, section, content: html },
-    selectedSectionId: section,
-    selectedItemId: id,
-  };
-
-  return <Docs {...docProps} />;
-};
-
-const nodeTypeShape = {
-  fields: PropTypes.shape({
-    section: PropTypes.string,
-  }),
-  frontmatter: PropTypes.shape({
-    title: PropTypes.string,
-    id: PropTypes.string,
-  }),
-};
-
-DocsContainer.propTypes = {
-  data: PropTypes.shape({
-    site: PropTypes.shape({
-      siteMetadata: PropTypes.shape({
-        docsSections: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string)),
-      }),
-    }),
-    allMarkdownRemark: PropTypes.shape({
-      edges: PropTypes.arrayOf(
-        PropTypes.shape({
-          node: PropTypes.shape(nodeTypeShape),
-        })
-      ),
-    }),
-    markdownRemark: PropTypes.shape({
-      html: PropTypes.string,
-      ...nodeTypeShape,
-    }),
-  }).isRequired,
-};
-DocsContainer.contextTypes = {
-  router: PropTypes.shape({}).isRequired,
-};
-
-export default DocsContainer;
-
-export const pageQuery = graphql`
-  query Docs($slug: String!) {
-    site {
-      siteMetadata {
-        docSections {
-          basics
-          guides
-          configurations
-          formats
-          testing
-          addons
-          presets
-        }
-      }
-    }
-    allMarkdownRemark {
-      edges {
-        node {
-          fields {
-            slug
-          }
-          frontmatter {
-            title
-            id
-          }
-        }
-      }
-    }
-    markdownRemark(fields: { slug: { eq: $slug } }) {
-      html
-      fields {
-        slug
-      }
-      frontmatter {
-        title
-        id
-      }
-    }
-  }
-`;
diff --git a/docs/src/versions/latest.json b/docs/src/versions/latest.json
deleted file mode 100644
index 3bbd2c132e2..00000000000
--- a/docs/src/versions/latest.json
+++ /dev/null
@@ -1 +0,0 @@
-{"version":"5.3.13","info":{"plain":"### Bug Fixes\n\n* React: Remove `MiniCssExtractPlugin` for CRA ([#9759](https://github.com/storybookjs/storybook/pull/9759))\n\n### Maintenance\n\n* Build: Fix DLL generation race condition ([#9770](https://github.com/storybookjs/storybook/pull/9770))"}}
\ No newline at end of file
diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json
deleted file mode 100644
index 6a8872f9691..00000000000
--- a/docs/src/versions/next.json
+++ /dev/null
@@ -1 +0,0 @@
-{"version":"6.0.0-beta.23","info":{"plain":"### Features\n\n- Addon-docs: Add `docs.forceExtractedArgTypes` parameter ([#11069](https://github.com/storybookjs/storybook/pull/11069))\n\n### Bug Fixes\n\n- Vue: Fix force rendering ([#11076](https://github.com/storybookjs/storybook/pull/11076))\n- Controls: Fix enum extraction for react-docgen-typescript ([#11070](https://github.com/storybookjs/storybook/pull/11070))\n\n### Maintenance\n\n- Core: Zero-config Typescript e2e test ([#10843](https://github.com/storybookjs/storybook/pull/10843))"}}
\ No newline at end of file
diff --git a/docs/static/CNAME b/docs/static/CNAME
deleted file mode 100644
index 0d65916d925..00000000000
--- a/docs/static/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-storybook.js.org
diff --git a/docs/static/_headers b/docs/static/_headers
deleted file mode 100644
index 5f70931f146..00000000000
--- a/docs/static/_headers
+++ /dev/null
@@ -1,3 +0,0 @@
-/versions.json
-  Access-Control-Allow-Origin: *
-  Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept
\ No newline at end of file
diff --git a/docs/static/_redirects b/docs/static/_redirects
deleted file mode 100644
index 68c66565d9c..00000000000
--- a/docs/static/_redirects
+++ /dev/null
@@ -1 +0,0 @@
-/basics/*guide* /guides/:splat 302
diff --git a/docs/static/google4bb8ea8d0ce48185.html b/docs/static/google4bb8ea8d0ce48185.html
deleted file mode 100644
index c889b1da291..00000000000
--- a/docs/static/google4bb8ea8d0ce48185.html
+++ /dev/null
@@ -1 +0,0 @@
-google-site-verification: google4bb8ea8d0ce48185.html
\ No newline at end of file
diff --git a/docs/static/images/logo-storybook.svg b/docs/static/images/logo-storybook.svg
deleted file mode 100644
index ebea5e77cc4..00000000000
--- a/docs/static/images/logo-storybook.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="40"><defs><path id="a" d="M1.2405585 36.8586756L.00144019 3.84178492c-.04092322-1.09041839.79517056-2.01453526 1.8842316-2.08260158L29.9688501.0039847c1.1085341-.06928338 2.0633439.77319581 2.1326273 1.88172995a2.01111864 2.01111864 0 0 1 .0039164.12544867V37.9889049C32.1053938 39.0996021 31.2049959 40 30.0942987 40a2.01116305 2.01116305 0 0 1-.0902337-.0020253L3.16000504 38.7923224c-1.04546998-.0469554-1.8801983-.8878591-1.91944654-1.9336468z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#333" d="M53.28 31.663c-1.7066752 0-3.3493254-.229331-4.928-.688-1.5786746-.458669-2.8906614-1.0933293-3.936-1.904l1.6-3.552c2.1760109 1.5146742 4.6186531 2.272 7.328 2.272 1.408007 0 2.4906629-.229331 3.248-.688.7573371-.458669 1.136-1.0933293 1.136-1.904 0-.725337-.3466632-1.2906646-1.04-1.696s-1.9253245-.7999981-3.696-1.184c-1.9840099-.4053354-3.5679941-.8959971-4.752-1.472-1.1840059-.5760029-2.0479973-1.2853291-2.592-2.128-.5440027-.8426709-.816-1.8826605-.816-3.12 0-1.3653402.3786629-2.581328 1.136-3.648.7573371-1.066672 1.8186598-1.903997 3.184-2.512 1.3653402-.60800304 2.943991-.912 4.736-.912 1.600008 0 3.1413259.23466432 4.624.704 1.4826741.46933568 2.661329 1.0986627 3.536 1.888l-1.6 3.552c-2.0693437-1.5146742-4.2453219-2.272-6.528-2.272-1.3013398 0-2.3253296.2506642-3.072.752-.7466704.5013358-1.12 1.189329-1.12 2.064 0 .5120026.1439986.9333317.432 1.264.2880014.3306683.7679966.6239987 1.44.88.6720034.2560013 1.6266605.5226653 2.864.8 2.9013478.6400032 4.9866603 1.4613283 6.256 2.464 1.2693397 1.0026717 1.904 2.3893245 1.904 4.16 0 2.133344-.8213251 3.8133272-2.464 5.04-1.6426749 1.2266728-3.9359853 1.84-6.88 1.84zm20.928-3.584c.4906691 0 1.002664-.0319997 1.536-.096l-.256 3.52c-.6186698.0853338-1.2373302.128-1.856.128-2.3893453 0-4.1333278-.5226614-5.232-1.568-1.0986722-1.0453386-1.648-2.634656-1.648-4.768v-6.016h-2.976v-3.616h2.976v-4.608h4.832v4.608h3.936v3.616h-3.936v5.984c0 1.8773427.8746579 2.816 2.624 2.816zm11.232 3.552c-1.6640083 0-3.125327-.3359966-4.384-1.008-1.258673-.6720034-2.2293299-1.6213272-2.912-2.848-.6826701-1.2266728-1.024-2.6719917-1.024-4.336 0-1.6640083.3413299-3.1093272 1.024-4.336.6826701-1.2266728 1.653327-2.1706634 2.912-2.832 1.258673-.6613366 2.7199917-.992 4.384-.992 1.6640083 0 3.125327.3306634 4.384.992 1.258673.6613366 2.2293299 1.6053272 2.912 2.832.6826701 1.2266728 1.024 2.6719917 1.024 4.336 0 1.6640083-.3413299 3.1093272-1.024 4.336-.6826701 1.2266728-1.653327 2.1759966-2.912 2.848-1.258673.6720034-2.7199917 1.008-4.384 1.008zm0-3.68c2.3466784 0 3.52-1.503985 3.52-4.512 0-1.5146742-.303997-2.6453296-.912-3.392-.608003-.7466704-1.4773277-1.12-2.608-1.12-2.3466784 0-3.52 1.503985-3.52 4.512 0 3.008015 1.1733216 4.512 3.52 4.512zm21.696-8.704l-2.72.288c-1.344007.1280006-2.293331.5066635-2.848 1.136-.554669.6293365-.832 1.4666614-.832 2.512v8.192h-4.832V15.663h4.64v2.656c.789337-1.8133424 2.421321-2.8053325 4.896-2.976l1.408-.096.288 4zm14.04-3.552h4.736l-9.472 21.44h-4.896l3.008-6.624-6.464-14.816h5.024l3.968 9.984 4.096-9.984zm15.936-.416c1.36534 0 2.570661.3306634 3.616.992 1.045339.6613366 1.86133 1.6053272 2.448 2.832.58667 1.2266728.88 2.6506586.88 4.272 0 1.6213414-.29333 3.0559938-.88 4.304-.58667 1.2480062-1.407995 2.2186632-2.464 2.912-1.056005.6933368-2.255993 1.04-3.6 1.04-1.088005 0-2.069329-.229331-2.944-.688-.874671-.458669-1.546664-1.0933293-2.016-1.904v2.336h-4.768V8.815h4.832v8.96c.469336-.7893373 1.135996-1.4026645 2-1.84.864004-.4373355 1.829328-.656 2.896-.656zm-1.408 12.672c1.130672 0 2.00533-.399996 2.624-1.2.61867-.800004.928-1.9253261.928-3.376 0-1.4293405-.30933-2.5226629-.928-3.28s-1.493328-1.136-2.624-1.136c-1.130672 0-2.00533.3893294-2.624 1.168-.61867.7786706-.928 1.8826595-.928 3.312 0 1.4506739.30933 2.5653294.928 3.344.61867.7786706 1.493328 1.168 2.624 1.168zm18.848 3.68c-1.664008 0-3.125327-.3359966-4.384-1.008-1.258673-.6720034-2.22933-1.6213272-2.912-2.848-.68267-1.2266728-1.024-2.6719917-1.024-4.336 0-1.6640083.34133-3.1093272 1.024-4.336.68267-1.2266728 1.653327-2.1706634 2.912-2.832 1.258673-.6613366 2.719992-.992 4.384-.992 1.664008 0 3.125327.3306634 4.384.992 1.258673.6613366 2.22933 1.6053272 2.912 2.832.68267 1.2266728 1.024 2.6719917 1.024 4.336 0 1.6640083-.34133 3.1093272-1.024 4.336-.68267 1.2266728-1.653327 2.1759966-2.912 2.848-1.258673.6720034-2.719992 1.008-4.384 1.008zm0-3.68c2.346678 0 3.52-1.503985 3.52-4.512 0-1.5146742-.303997-2.6453296-.912-3.392-.608003-.7466704-1.477328-1.12-2.608-1.12-2.346678 0-3.52 1.503985-3.52 4.512 0 3.008015 1.173322 4.512 3.52 4.512zm18.016 3.68c-1.664008 0-3.125327-.3359966-4.384-1.008-1.258673-.6720034-2.22933-1.6213272-2.912-2.848-.68267-1.2266728-1.024-2.6719917-1.024-4.336 0-1.6640083.34133-3.1093272 1.024-4.336.68267-1.2266728 1.653327-2.1706634 2.912-2.832 1.258673-.6613366 2.719992-.992 4.384-.992 1.664008 0 3.125327.3306634 4.384.992 1.258673.6613366 2.22933 1.6053272 2.912 2.832.68267 1.2266728 1.024 2.6719917 1.024 4.336 0 1.6640083-.34133 3.1093272-1.024 4.336-.68267 1.2266728-1.653327 2.1759966-2.912 2.848-1.258673.6720034-2.719992 1.008-4.384 1.008zm0-3.68c2.346678 0 3.52-1.503985 3.52-4.512 0-1.5146742-.303997-2.6453296-.912-3.392-.608003-.7466704-1.477328-1.12-2.608-1.12-2.346678 0-3.52 1.503985-3.52 4.512 0 3.008015 1.173322 4.512 3.52 4.512zM200 31.375h-5.92l-6.016-7.008v7.008h-4.832V8.815h4.832v13.568l5.792-6.688h5.76l-6.592 7.488L200 31.375z"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><use fill="#FF4785" fill-rule="nonzero" xlink:href="#a"/><path fill="#FFF" fill-rule="nonzero" d="M23.7074082 4.91663721l.1918233-4.61361355L27.7558963 0l.1661482 4.75786009c.0057823.1655845-.1237629.30450476-.2893474.3102871-.0709012.00247592-.1403856-.02025507-.1961149-.06415663l-1.4872539-1.17160554L24.1884561 5.168114c-.1320039.10013302-.3201881.07429656-.4203211-.05770737-.0421511-.0555671-.0636242-.12408429-.0607268-.19376942zM18.7751036 15.0765471c0 .7824336 5.2703662.4074336 5.9778665-.1421721 0-5.32818604-2.8589797-8.12806396-8.094254-8.12806396-5.2352744 0-8.16851322 2.84344015-8.16851322 7.10860256 0 7.4284913 10.02499342 7.5706634 10.02499342 11.6225677 0 1.1373767-.556944 1.8126941-1.782221 1.8126941-1.596573 0-2.2277763-.8153808-2.1535171-3.5877364 0-.6014263-6.08925532-.7889263-6.27490335 0-.47273546 6.7184043 3.71296055 8.65625 8.50267965 8.65625 4.6412007 0 8.279902-2.4738731 8.279902-6.9522937 0-7.9616366-10.1735119-7.7483785-10.1735119-11.6936537 0-1.599436 1.1881474-1.8126941 1.8936099-1.8126941.7425921 0 2.0792579.1308859 1.9678691 3.1164996z" mask="url(#b)"/></g></svg>
\ No newline at end of file
diff --git a/docs/static/img/addon-backgrounds.gif b/docs/static/img/addon-backgrounds.gif
deleted file mode 100644
index 14b5b2e5e47..00000000000
Binary files a/docs/static/img/addon-backgrounds.gif and /dev/null differ
diff --git a/docs/static/img/app-react.gif b/docs/static/img/app-react.gif
deleted file mode 100644
index c8366f8534a..00000000000
Binary files a/docs/static/img/app-react.gif and /dev/null differ
diff --git a/docs/toc.js b/docs/toc.js
new file mode 100644
index 00000000000..65b69f6a926
--- /dev/null
+++ b/docs/toc.js
@@ -0,0 +1,380 @@
+module.exports = {
+  toc: [
+    {
+      title: '🚀 Get Started',
+      pathSegment: 'get-started',
+      type: 'menu',
+      children: [
+        {
+          pathSegment: 'introduction',
+          title: 'Introduction',
+          type: 'bullet-link',
+        },
+        {
+          pathSegment: 'install',
+          title: 'Install',
+          type: 'bullet-link',
+          description: 'Install the Storybook package in your project',
+        },
+        {
+          pathSegment: 'whats-a-story',
+          title: "What's a story?",
+          type: 'bullet-link',
+          description: 'Learn how to save component examples as stories',
+        },
+        {
+          pathSegment: 'browse-stories',
+          title: 'Browse stories',
+          type: 'bullet-link',
+          description: 'Learn how to explore your stories within Storybook',
+        },
+        {
+          pathSegment: 'setup',
+          title: 'Setup',
+          type: 'bullet-link',
+          description:
+            'Write your first story & adjust Storybook configuration for your environment',
+        },
+        {
+          pathSegment: 'conclusion',
+          title: 'Conclusion',
+          type: 'bullet-link',
+          description: 'Take your Storybook skills to the next level',
+        },
+        {
+          title: '📚 Examples',
+          pathSegment: 'examples',
+          type: 'link',
+        },
+      ],
+    },
+    {
+      title: '🖋 Writing Stories',
+      pathSegment: 'writing-stories',
+      type: 'menu',
+      children: [
+        {
+          pathSegment: 'introduction',
+          title: 'Introduction',
+          type: 'link',
+        },
+        {
+          pathSegment: 'args',
+          title: 'Args',
+          type: 'link',
+        },
+        {
+          pathSegment: 'parameters',
+          title: 'Parameters',
+          type: 'link',
+        },
+        {
+          pathSegment: 'decorators',
+          title: 'Decorators',
+          type: 'link',
+        },
+        {
+          pathSegment: 'naming-components-and-hierarchy',
+          title: 'Naming components and hierarchy',
+          type: 'link',
+        },
+      ],
+    },
+    {
+      title: '📖 Writing Docs',
+      pathSegment: 'writing-docs',
+      type: 'menu',
+      children: [
+        {
+          pathSegment: 'introduction',
+          title: 'Introduction',
+          type: 'link',
+        },
+        {
+          pathSegment: 'docs-page',
+          title: 'DocsPage',
+          type: 'link',
+        },
+        {
+          pathSegment: 'mdx',
+          title: 'MDX',
+          type: 'link',
+        },
+        {
+          pathSegment: 'doc-blocks',
+          title: 'Doc Blocks',
+          type: 'link',
+        },
+        {
+          pathSegment: 'build-documentation',
+          title: 'Preview and build docs',
+          type: 'link',
+        },
+      ],
+    },
+    {
+      title: '🧩 Essential addons',
+      pathSegment: 'essentials',
+      type: 'menu',
+      children: [
+        {
+          pathSegment: 'introduction',
+          title: 'Introduction',
+          type: 'link',
+        },
+        {
+          pathSegment: 'controls',
+          title: 'Controls',
+          type: 'link',
+        },
+        {
+          pathSegment: 'actions',
+          title: 'Actions',
+          type: 'link',
+        },
+        {
+          pathSegment: 'viewport',
+          title: 'Viewport',
+          type: 'link',
+        },
+        {
+          pathSegment: 'backgrounds',
+          title: 'Backgrounds',
+          type: 'link',
+        },
+        {
+          pathSegment: 'toolbars-and-globals',
+          title: 'Toolbars & globals',
+          type: 'link',
+        },
+      ],
+    },
+    {
+      title: '⚙️ Configure',
+      pathSegment: 'configure',
+      type: 'menu',
+      children: [
+        {
+          pathSegment: 'overview',
+          title: 'Overview',
+          type: 'link',
+        },
+        {
+          pathSegment: '',
+          title: 'Integration',
+          type: 'menu',
+          children: [
+            {
+              pathSegment: 'webpack',
+              title: 'Webpack',
+              type: 'link',
+            },
+            {
+              pathSegment: 'babel',
+              title: 'Babel',
+              type: 'link',
+            },
+            {
+              pathSegment: 'typescript',
+              title: 'TypeScript',
+              type: 'link',
+            },
+            {
+              pathSegment: 'styling-and-css',
+              title: 'Styling and CSS',
+              type: 'link',
+            },
+            {
+              pathSegment: 'images-and-assets',
+              title: 'Images and assets',
+              type: 'link',
+            },
+          ],
+        },
+        {
+          pathSegment: 'story-rendering',
+          title: 'Story rendering',
+          type: 'link',
+        },
+        {
+          pathSegment: 'story-layout',
+          title: 'Story Layout',
+          type: 'link',
+        },
+        {
+          pathSegment: '',
+          title: 'User interface',
+          type: 'menu',
+          children: [
+            {
+              pathSegment: 'features-and-behavior',
+              title: 'Features and behavior',
+              type: 'link',
+            },
+            {
+              pathSegment: 'theming',
+              title: 'Theming',
+              type: 'link',
+            },
+            {
+              pathSegment: 'sidebar-and-urls',
+              title: 'Sidebar & URLS',
+              type: 'link',
+            },
+            {
+              pathSegment: 'storybook-addons',
+              title: 'Storybook Addons',
+              type: 'link',
+            },
+          ],
+        },
+        {
+          pathSegment: 'environment-variables',
+          title: 'Environment variables',
+          type: 'link',
+        },
+      ],
+    },
+    {
+      title: '🔄 Workflows',
+      pathSegment: 'workflows',
+      type: 'menu',
+      children: [
+        {
+          pathSegment: 'publish-storybook',
+          title: 'Publish Storybook',
+          type: 'link',
+        },
+        {
+          pathSegment: 'build-pages-with-storybook',
+          title: 'Building pages and screens',
+          type: 'link',
+        },
+        {
+          pathSegment: 'stories-for-multiple-components',
+          title: 'Stories for multiple components',
+          type: 'link',
+        },
+        {
+          title: 'Testing with Storybook',
+          // Despite having a child menu, this does not currently affect the path
+          pathSegment: '',
+          type: 'menu',
+          children: [
+            {
+              pathSegment: 'testing-with-storybook',
+              title: 'Introduction',
+              type: 'link',
+            },
+            {
+              pathSegment: 'unit-testing',
+              title: 'Unit testing',
+              type: 'link',
+            },
+            {
+              pathSegment: 'visual-testing',
+              title: 'Visual testing',
+              type: 'link',
+            },
+            {
+              pathSegment: 'interaction-testing',
+              title: 'Interaction testing',
+              type: 'link',
+            },
+            {
+              pathSegment: 'snapshot-testing',
+              title: 'Snapshot testing',
+              type: 'link',
+            },
+          ],
+        },
+        {
+          pathSegment: 'storybook-composition',
+          title: 'Composition',
+          type: 'link',
+        },
+        {
+          pathSegment: 'package-composition',
+          title: 'Package Composition',
+          type: 'link',
+        },
+        {
+          pathSegment: 'faq',
+          title: 'Frequently Asked Questions',
+          type: 'link',
+        },
+      ],
+    },
+    {
+      title: '🔌 API',
+      pathSegment: 'api',
+      type: 'menu',
+      children: [
+        {
+          title: 'Stories',
+          pathSegment: '',
+          type: 'menu',
+          children: [
+            {
+              pathSegment: 'csf',
+              title: 'Component Story Format',
+              type: 'link',
+            },
+            {
+              pathSegment: 'mdx',
+              title: 'MDX syntax',
+              type: 'link',
+            },
+            {
+              pathSegment: 'argtypes',
+              title: 'ArgTypes',
+              type: 'link',
+            },
+          ],
+        },
+        {
+          title: 'Addons',
+          pathSegment: '',
+          type: 'menu',
+          children: [
+            {
+              pathSegment: 'addons',
+              title: 'Introduction',
+              type: 'link',
+            },
+            {
+              pathSegment: 'presets',
+              title: 'Presets',
+              type: 'link',
+            },
+            {
+              pathSegment: 'writing-presets',
+              title: 'Writing Presets',
+              type: 'link',
+            },
+            {
+              pathSegment: 'addons-api',
+              title: 'Addons API',
+              type: 'link',
+            },
+          ],
+        },
+        {
+          pathSegment: 'new-frameworks',
+          title: 'Frameworks',
+          type: 'link',
+        },
+        {
+          pathSegment: 'cli-options',
+          title: 'CLI options',
+          type: 'link',
+        },
+        {
+          pathSegment: 'frameworks-feature-support',
+          title: 'Feature support for frameworks',
+          type: 'link',
+        },
+      ],
+    },
+  ],
+};
diff --git a/docs/versions/latest.json b/docs/versions/latest.json
new file mode 100644
index 00000000000..043918ffc04
--- /dev/null
+++ b/docs/versions/latest.json
@@ -0,0 +1 @@
+{"version":"6.0.21","info":{"plain":"### Bug Fixes\n\n- Addon-controls: Fix uncontrolled to controlled warning for booleans ([#12322](https://github.com/storybookjs/storybook/pull/12322))\n\n### Maintenance\n\n- Build: Add CRA benchmark ([#12209](https://github.com/storybookjs/storybook/pull/12209))"}}
\ No newline at end of file
diff --git a/docs/versions/next.json b/docs/versions/next.json
new file mode 100644
index 00000000000..10795c26514
--- /dev/null
+++ b/docs/versions/next.json
@@ -0,0 +1 @@
+{"version":"6.1.0-alpha.14","info":{"plain":"### Features\n\n- Web Components: Add script tag support ([#12509](https://github.com/storybookjs/storybook/pull/12509))\n\n### Bug Fixes\n\n- React: Fix fast refresh ([#12535](https://github.com/storybookjs/storybook/pull/12535))\n\n### Maintenance\n\n- CLI: Change suggested upgrade command to sb@latest ([#12533](https://github.com/storybookjs/storybook/pull/12533))"}}
\ No newline at end of file
diff --git a/docs/workflows/argstable-subcomponents.png b/docs/workflows/argstable-subcomponents.png
new file mode 100644
index 00000000000..d1a8932f7ea
Binary files /dev/null and b/docs/workflows/argstable-subcomponents.png differ
diff --git a/docs/workflows/build-pages-with-storybook.md b/docs/workflows/build-pages-with-storybook.md
new file mode 100644
index 00000000000..cde2baddd9a
--- /dev/null
+++ b/docs/workflows/build-pages-with-storybook.md
@@ -0,0 +1,240 @@
+---
+title: 'Building pages with Storybook'
+---
+
+Storybook helps you build any component, from small “atomic” components to composed pages. But as you move up the component hierarchy toward the level of pages, you end up dealing with more complexity.
+
+There are many ways to build pages in Storybook. Here are common patterns and solutions.
+
+- Pure presentational pages.
+- Connected components (e.g. network requests, context, browser environment).
+
+## Pure presentational pages
+
+Teams at the BBC, The Guardian, and the Storybook maintainers themselves build pure presentational pages. If you take this approach, you don't need to do anything special to render your pages in Storybook.
+
+It's straightforward to write components to be fully presentational all the way up to the screen level. That makes it easy to show in Storybook. The idea is you then do all the messy “connected” logic in a single wrapper component in your app outside of Storybook. You can see an example of this approach in the [Data](https://www.learnstorybook.com/intro-to-storybook/react/en/data/) chapter of Learn Storybook.
+
+The benefits:
+
+- Easy to write stories once components are in this form.
+- All the data for the story is encoded in the args of the story, which works well with other parts of Storybook's tooling (e.g. [controls](../essentials/controls.md)).
+
+The downsides:
+
+- Your existing app may not be structured in this way and it may be difficult to change it.
+
+- Fetching data in one place means that you need to drill it down to the components that actually use it. This can be natural in a page that composes one big GraphQL query (for instance), but in other data fetching approaches may make this less appropriate.
+
+- It's less flexible if you want to load data incrementally in different places on the screen.
+
+### Args composition for presentational screens
+
+When you are building screens in this way, it is typical that the inputs of a composite component are a combination of the inputs of the various sub-components it renders. For instance, if your screen renders a page layout (containing details of the current user), a header (describing the document you are looking at), and a list (of the subdocuments), the inputs of the screen may consist of the user, document and subdocuments.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/simple-page-implementation.js.mdx',
+    'react/simple-page-implementation.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+In such cases it is natural to use [args composition](../writing-stories/args.md#args-composition) to build the stories for the page based on the stories of the sub-components:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/page-story-with-args-composition.js.mdx',
+    'react/page-story-with-args-composition.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This approach is particularly useful when the various subcomponents export a complex list of different stories, which you can pick and choose to build realistic scenarios for your screen-level stories without repeating yourself. By reusing the data and taking a Don't-Repeat-Yourself(DRY) philosophy, your story maintenance burden is minimal.
+
+## Mocking connected components
+
+If you need to render a connected component in Storybook, you can mock the network requests that it makes to fetch its data. There are various layers in which you can do that.
+
+### Mocking providers
+
+If you are using a provider that supplies data via the context, you can wrap your story in a decorator that supplies a mocked version of that provider. For example, in the [Screens](https://www.learnstorybook.com/intro-to-storybook/react/en/screen/) chapter of Learn Storybook we mock a Redux provider with mock data.
+
+Additionally, there may be addons that supply such providers and nice APIs to set the data they provide. For instance [`storybook-addon-apollo-client`](https://www.npmjs.com/package/storybook-addon-apollo-client) provides this API:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/component-story-with-query.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Mocking imports
+
+It is also possible to mock imports directly, as you might in a unit test, using webpack’s aliasing. This is extremely useful if your component makes network requests directly with third-party libraries.
+
+We're going to use [isomorphic-fetch](https://www.npmjs.com/package/isomorphic-fetch) as an example.
+
+Let's start by creating our own mock, which we'll use later with a [decorator](../writing-stories/decorators#global-decorators). Create a new file called `isomorphic-fetch.js` inside a directory called `__mocks__` (we'll leave the location to you, don't forget to adjust the imports to your needs) and add the following code inside:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/isomorphic-fetch-mock.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The above code creates a decorator which reads story-specific data off the story's [parameters](../writing-stories/parameters), allowing you to configure the mock on a per-story basis.
+
+To use the mock in place of the real import, we use [webpack aliasing](https://webpack.js.org/configuration/resolve/#resolvealias):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-with-mock-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Add the decorator you've just implemented to your [storybook/preview.js](../configure/overview.md#configure-story-rendering) (if you don't have it already, you'll need to create the file):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-with-mock-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Once that configuration is complete, we can set the mock values in a specific story. Let's borrow an example from this [blog post](https://medium.com/@edogc/visual-unit-testing-with-react-storybook-and-fetch-mock-4594d3a281e6):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/app-story-with-mock.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Specific mocks
+
+Another mocking approach is to use libraries that intercept calls at a lower level. For instance you can use [`fetch-mock`](https://www.npmjs.com/package/fetch-mock) to mock fetch requests specifically, or [`msw`](https://www.npmjs.com/package/msw) to mock all kinds of network traffic.
+
+Similar to the import mocking above, once you have a mock you’ll still want to set the return value of the mock on a per-story basis. Do this in Storybook with a decorator that reads story parameters.
+
+### Avoiding mocking dependencies
+
+It's possible to mostly avoid mocking the dependencies of connected "container" components entirely through passing them around via props, or React context. However, it necessitates a strict split of container and presentational component logic. For example, if you have a component that is responsible for data fetching logic and rendering DOM, it will need to be mocked as previously described.
+
+It’s common to import and embed container components in amongst presentational components. However, as we discovered earlier, in order to also render them within Storybook, we’ll likely have to mock their dependencies or the imports themselves.
+
+Not only can this quickly grow to become a tedious task, it’s also very difficult to mock container components that use local state. So, a solution to this problem is instead of importing containers directly, instead create a React context that provides the container components. This allows you to freely embed container components as usual, at any level in the component hierarchy without worrying about subsequently mocking their dependencies; since we can simply swap out the containers themselves with their mocked presentational counterpart.
+
+We recommend dividing context containers up over specific pages or views in your app. For example, if you had a `ProfilePage` component, you might set up a file structure as follows:
+
+```
+ProfilePage.js
+ProfilePage.stories.js
+ProfilePageContainer.js
+ProfilePageContext.js
+```
+
+<div class="aside">
+
+It’s also often useful to setup a “global” container context, (perhaps named `GlobalContainerContext`) for container components that may be rendered on every page of your app, and adding it to the top level of your application. While it’s possible to place every container within this global context, it should only provide containers that are required globally.
+
+</div>
+
+Let’s look at an example implementation of this approach.
+
+First we’ll need to create a React context, and we can name it `ProfilePageContext`. It does nothing more than export a React context:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/mock-context-create.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+`ProfilePage` is our presentational component. It will use the `useContext` hook to retrieve the container components from `ProfilePageContext`:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/mock-context-in-use.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+#### Mocking containers in Storybook
+
+In the context of Storybook, instead of providing container components through context, we’ll instead provide their mocked counterparts. In most cases, the mocked versions of these components can often be borrowed directly from their associated stories.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/mock-context-container.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+If the same context applies to all `ProfilePage` stories, we can also use a [decorator](../writing-stories/decorators.md).
+
+</div>
+
+#### Providing containers to your application
+
+Now, in context of your application, you’ll need to provide `ProfilePage` with all of the container components it requires by wrapping it with `ProfilePageContext.Provider`:
+
+For example, in Next.js, this would be your `pages/profile.js` component.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/mock-context-container-provider.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+#### Mocking global containers in Storybook
+
+If you’ve setup `GlobalContainerContext`, in order to provide context to all stories you’ll need to set up a decorator within Storybook’s `preview.js`. For example:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/mock-context-container-global.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/workflows/combine-storybooks.png b/docs/workflows/combine-storybooks.png
new file mode 100644
index 00000000000..3e166ab9948
Binary files /dev/null and b/docs/workflows/combine-storybooks.png differ
diff --git a/docs/workflows/component-unit-testing.gif b/docs/workflows/component-unit-testing.gif
new file mode 100644
index 00000000000..fbc8380f2b1
Binary files /dev/null and b/docs/workflows/component-unit-testing.gif differ
diff --git a/docs/workflows/component-visual-testing.gif b/docs/workflows/component-visual-testing.gif
new file mode 100644
index 00000000000..568f711305e
Binary files /dev/null and b/docs/workflows/component-visual-testing.gif differ
diff --git a/docs/workflows/composition-versioning.png b/docs/workflows/composition-versioning.png
new file mode 100644
index 00000000000..59019a75163
Binary files /dev/null and b/docs/workflows/composition-versioning.png differ
diff --git a/docs/src/pages/basics/faq/index.md b/docs/workflows/faq.md
similarity index 82%
rename from docs/src/pages/basics/faq/index.md
rename to docs/workflows/faq.md
index 2ac41d67152..6c022bec835 100644
--- a/docs/src/pages/basics/faq/index.md
+++ b/docs/workflows/faq.md
@@ -1,5 +1,4 @@
 ---
-id: 'faq'
 title: 'Frequently Asked Questions'
 ---
 
@@ -35,6 +34,27 @@ module.exports = {
 };
 ```
 
+### How do I setup React Fast Refresh with Storybook?
+
+Fast refresh is an opt-in feature that can be used in Storybook React.
+There are two ways that you can enable it, go ahead and pick one:
+
+* You can set a `FAST_REFRESH` environment variable in your `.env` file:
+```
+FAST_REFRESH=true
+```
+
+* Or you can set the following properties in your `.storybook/main.js` files:
+```js
+module.exports = {
+  reactOptions: {
+    fastRefresh: true,
+  }
+};
+```
+
+**Note: Fast Refresh requires React 16.10 or higher and is only enabled in development mode.**
+
 ### Why is there no addons channel?
 
 A common error is that an addon tries to access the "channel", but the channel is not set. This can happen in a few different cases:
diff --git a/docs/workflows/interaction-testing.md b/docs/workflows/interaction-testing.md
new file mode 100644
index 00000000000..7cee19a3e9b
--- /dev/null
+++ b/docs/workflows/interaction-testing.md
@@ -0,0 +1,19 @@
+---
+title: 'Interaction testing with Storybook'
+---
+
+Stories are useful for verifying the known states of a component. But sometimes you need to test how a component changes in response to user interaction.
+
+Stories are convenient **starting points** and **harnesses** for interaction tests using end-to-end tools like [Enzyme](https://enzymejs.github.io/enzyme/) and [Cypress](https://www.cypress.io/).
+
+Luckily, this is straightforward. Point your interaction testing tool at Storybook’s isolated iframe [URL for a specific story](../configure/sidebar-and-urls.md#permalinking-to-stories) then execute the test script as usual. Here’s an example using Cypress:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-cypress-test.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
diff --git a/docs/workflows/package-composition.md b/docs/workflows/package-composition.md
new file mode 100644
index 00000000000..86c18dc3916
--- /dev/null
+++ b/docs/workflows/package-composition.md
@@ -0,0 +1,88 @@
+---
+title: 'Package Composition'
+---
+
+Storybook is widely used by component libraries and design systems. Design system authors can automatically compose their design systems inside their consumer’s Storybooks.
+
+For example, if you use a design system package, its stories can appear alongside your own. That makes it convenient to cross reference usage documentation without leaving Storybook.
+
+## For package consumers
+
+Composition happens automatically if the package [supports](#for-package-authors) it. When you install the package, Storybook will load its stories alongside your own.
+
+![Package composition workflow](./package-composition.png)
+
+### Configuring
+
+If you want to configure how the composed Storybook behaves, you can disable the `ref` element in your [`.storybook/main.js`](../configure/overview.md#configure-story-rendering)
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-disable-refs.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Changing versions
+
+Change the version of the composed Storybook to see how the library evolves. This requires [configuration](#providing-a-version-section) from the package author.
+
+![Package composition workflow](./composition-versioning.png)
+
+## For package authors
+
+Component library authors can expand adoption by composing their components in their consumer’s Storybooks.
+
+Add a `storybook` property in your published `package.json`that contains an object with a `url` field. Point the URL field to a published Storybook at the version you want.
+
+```json
+// Your component library’s package.json
+{
+  "storybook": {
+    "url": "https://host.com/your-storybook-for-this-version"
+  }
+}
+```
+
+### Automatic version selection
+
+If you are using a [CHP level 1 service](#chp-level-1) for hosting (such as [Chromatic.com](https://www.chromatic.com/)), you can provide a single URL for your Storybook in the `storybook.url` field. You do not need to change the URL each time you publish a new version. Storybook will automatically find the correct URL for your package.
+
+For example, for Chromatic, you might do:
+
+```json
+{
+  "storybook": {
+    "url": "https://master--xyz123.chromatic.com"
+  }
+}
+```
+
+In this example `xyz123` is your project’s id. Storybook will automatically compose in the Storybook published to that project corresponding to the version the user has installed.
+
+### Providing a version section
+
+Similarly, if you're using a [CHP level 1 service](#chp-level-1) (such as chromatic.com) for hosting, you can provide a list of versions for the user to [choose from](#changing-versions) to experiment with other versions of your package.
+
+## Component Hosting Protocol (CHP)
+
+Storybook can communicate with services that host built Storybooks online. This enables features such as [Composition](./storybook-composition). We categorize services via compliance with the "Component Hosting Protocol" (CHP) with various levels of support in Storybook.
+
+### CHP level 1
+
+The service serves uploaded Storybooks and makes the following available:
+
+- Versioned endpoints, URLs that resolve to different published Storybooks depending on a `version=x.y.z` query parameter (where `x.y.z` is the released version of the package).
+- Support for `/stories.json`
+- Support for `/metadata.json` and the `releases` field.
+
+Examples of such services: [chromatic.com](https://www.chromatic.com/).
+
+### CHP level 0
+
+The service can serve uploaded Storybooks. There is no special integration with Storybook APIs.
+
+Examples of such services: [Netlify](https://www.netlify.com/) and [S3](https://aws.amazon.com/en/s3/).
diff --git a/docs/workflows/package-composition.png b/docs/workflows/package-composition.png
new file mode 100644
index 00000000000..cf6428f73bd
Binary files /dev/null and b/docs/workflows/package-composition.png differ
diff --git a/docs/workflows/publish-storybook.md b/docs/workflows/publish-storybook.md
new file mode 100644
index 00000000000..5cc820adee9
--- /dev/null
+++ b/docs/workflows/publish-storybook.md
@@ -0,0 +1,64 @@
+---
+title: 'Publish Storybook'
+---
+
+Storybook is more than a UI component development tool. Teams also publish Storybook online to review and collaborate on works in progress. That allows developers, designers, and PMs to check if UI looks right without touching code or needing a local dev environment.
+
+## Build Storybook as a static web application
+
+First, we’ll need to build Storybook as a static web application using `build-storybook`, a command that’s installed by default.
+
+```shell
+yarn build-storybook -o ./path/to/build
+```
+
+Storybook will create a static web application at the path you specify. This can be served by any web server. Try it out locally by running:
+
+```shell
+npx http-server ./path/to/build
+```
+
+<div class="aside">
+
+Asides from the `-o` flag, you can also include other flags to build Storybook, for instance if you're using [Docs](../writing-docs/introduction.md), you can append the `--docs` flag and Storybook will build your [MDX](../writing-docs/mdx.md) and [CSF](../writing-stories/introduction.md#component-story-format) stories into a rich and interactive documentation.
+
+You can learn more about these flag options [here](../api/cli-options.md).
+
+</div>
+
+## Publish Storybook online
+
+Once your Storybook is built as a static web app it can be deployed to any static site hosting services. The Storybook team uses [Chromatic](https://www.chromatic.com/), a free publishing service made by Storybook maintainers that documents, versions, and indexes your UI components securely in the cloud.
+
+We also maintain [`storybook-deployer`](https://github.com/storybookjs/storybook-deployer) to deploy to GitHub pages or AWS S3.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="storybook-publish-review-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+## Review with your team
+
+Publishing Storybook as part of the development process makes it quick and easy to [gather team feedback](https://www.learnstorybook.com/design-systems-for-developers/react/en/review/).
+
+A common method to ask for review is to paste a link to the published Storybook in a pull request or Slack.
+
+If you publish your Storybook to Chromatic, you can use the [UI Review](https://www.chromatic.com/features/publish) feature to automatically scan your PRs for new and updated stories. That makes it easy to identify what changed and give feedback.
+
+![Storybook publishing workflow](./workflow-publish.png)
+
+## Reference external Storybooks
+
+Storybook allows you to browse components from any [Storybook published online](./storybook-composition.md) inside your local Storybook. It unlocks common workflows that teams often struggle with:
+
+- 👩‍💻 UI developers can quickly reference prior art without switching between Storybooks.
+- 🎨 Design systems can expand adoption by composing themselves into their users’ Storybooks.
+- 🛠 Frontend platform can audit how components are used across projects.
+
+![Storybook reference external](./reference-external-storybooks-composition.jpg)
+
+Toggle between multiple versions of Storybook to see how components change between versions. This is useful for design system package authors who maintain many versions at once.
+
+**Requires** a [CHP level 1](./package-composition.md#chp-level-1) server (such as [chromatic.com](https://www.chromatic.com/)),
diff --git a/docs/workflows/reference-external-storybooks-composition.jpg b/docs/workflows/reference-external-storybooks-composition.jpg
new file mode 100644
index 00000000000..523e4f6ca4f
Binary files /dev/null and b/docs/workflows/reference-external-storybooks-composition.jpg differ
diff --git a/docs/workflows/snapshot-test.png b/docs/workflows/snapshot-test.png
new file mode 100644
index 00000000000..5446154fccc
Binary files /dev/null and b/docs/workflows/snapshot-test.png differ
diff --git a/docs/workflows/snapshot-testing.md b/docs/workflows/snapshot-testing.md
new file mode 100644
index 00000000000..87607e2988c
--- /dev/null
+++ b/docs/workflows/snapshot-testing.md
@@ -0,0 +1,65 @@
+---
+title: 'Snapshot testing with Storybook'
+---
+
+Snapshot tests compare the rendered markup of every story against known baselines. It’s an easy way to identify markup changes that trigger rendering errors and warnings.
+
+Storybook is a convenient tool for snapshot testing because every story is essentially a test specification. Any time you write or update a story you get a snapshot test for free.
+
+Storyshots is an [official addon](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core) that enables snapshot testing. It’s powered by Jest so you’ll need to [install that](https://jestjs.io/docs/en/getting-started) first. Continue on if you already have Jest.
+
+Install the addon. **Make sure** the version of Storyshots and your project’s Storybook version are identical.
+
+```shell
+npm i -D @storybook/addon-storyshots
+```
+
+Configure Storyshots by adding the following test file to your project:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-storyshots-config.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+You can name the file whatever you like as long as it's picked up by Jest (note that you'll need Jest to be setup already in your project).
+
+</div>
+
+Run your first test. Storyshot will recognize all your CSF files (based on [`.storybook/main.js`](../configure/overview.md#configure-story-rendering)) and produces snapshots.
+
+```shell
+npx test storybook.test.js
+```
+
+<div class="aside">
+
+If you are loading stories via `.storybook/preview.js` and `require.context()`, you will need to follow some extra steps to ensure Jest finds them. Read more in the [addon documentation](../../addons/storyshots/storyshots-core/README.md#configure-your-app-for-jest/README.md).
+
+</div>
+
+This will create an initial set of snapshots inside your Storybook config directory.
+
+![Successfull snapshot tests](./storyshots-pass.png)
+
+When you make changes to your components or stories, run the test again to identify the changes to the rendered markup.
+
+![Failing snapshots](./storyshots-fail.png)
+
+If the changes are intentional we can accept them as new baselines. If the changes are bugs, fix the underlying code then run the snapshot tests again.
+
+Storyshots has many options for advanced use cases; read more in the [addon’s documentation](https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core).
+
+<div class="aside">
+
+**Snapshot vs visual tests**
+
+[Visual tests](./visual-testing.md) take screenshots of stories and compare them against known baselines. When used to test appearance, visual tests are often a more robust solution than snapshot tests because verifying markup doesn’t test for visual changes.
+
+</div>
diff --git a/docs/workflows/stories-for-multiple-components.md b/docs/workflows/stories-for-multiple-components.md
new file mode 100644
index 00000000000..3a4e5af7704
--- /dev/null
+++ b/docs/workflows/stories-for-multiple-components.md
@@ -0,0 +1,92 @@
+---
+title: 'Stories for multiple components'
+---
+
+It's useful to write stories that [render two or more components](../writing-stories/introduction.md#stories-for-two-or-more-components) at once if those components are designed to work together. For example, `ButtonGroups`, `Lists`, and `Page` components. Here's an example with `List` and `ListItem` components:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/list-story-with-subcomponents.js.mdx',
+    'react/list-story-with-subcomponents.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Note that by adding `subcomponents` to the default export, we get an extra pane on the ArgsTable, listing the props of `ListItem`:
+
+![Storybook story with subcomponent argstable](./argstable-subcomponents.png)
+
+The downside of the approach used above, where each story creates its own combination of components, is that it does not take advantage of Storybook [Args](../writing-stories/args.md) meaning:
+
+1. You cannot change the stories via the controls panel
+2. There is no [args reuse](../writing-stories/introduction.md#using-args) possible, which makes the stories harder to maintain.
+
+Let's talk about some techniques you can use to mitigate the above, which are especially useful in more complicated situations.
+
+## Reusing subcomponent stories
+
+The simplest change we can make to the above is to reuse the stories of the `ListItem` in the `List`:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/list-story-unchecked.js.mdx',
+    'react/list-story-unchecked.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+By rendering the `Unchecked` story with its args, we are able to reuse the input data from the `ListItem` stories in the `List`.
+
+However, we still aren’t using args to control the `ListItem` stories, which means we cannot change them with controls and we cannot reuse them in other, more complex component stories.
+
+## Using children as an arg
+
+One way we improve that situation is by pulling the rendered subcomponent out into a `children` arg:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/list-story-with-unchecked-children.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Now that `children` is an arg, we can potentially reuse it in another story.
+
+<div class="aside">
+
+As things stand (we hope to improve this soon) you cannot edit children in a control yet.
+
+</div>
+
+## Creating a Template Component
+
+Another option that is more “data”-based is to create a special “story-generating” template component:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/list-story-template.js.mdx',
+    'react/list-story-template.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This approach is a little more complex to setup, but it means you can more easily reuse the `args` to each story in a composite component. It also means that you can alter the args to the component with the Controls addon:
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="template-component-with-controls-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
diff --git a/docs/workflows/storybook-composition.md b/docs/workflows/storybook-composition.md
new file mode 100644
index 00000000000..d64be6d8fe7
--- /dev/null
+++ b/docs/workflows/storybook-composition.md
@@ -0,0 +1,78 @@
+---
+title: 'Storybook Composition'
+---
+
+Composition allows you to embed components from any Storybook inside your local Storybook. It’s made for teams who adopt Storybook in multiple projects but can’t ensure that the projects have the same tech stack or share the same repo.
+
+You can compose any Storybook [published online](./publish-storybook.md) or running locally no matter the view layer, tech stack, or dependencies.
+
+![Storybook composition](./combine-storybooks.png)
+
+## Compose published Storybooks
+
+In your [`storybook/main.js`](../configure/overview.md#configure-story-rendering) file add a `refs` field with information about the reference Storybook. Pass in a URL to a statically built Storybook.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-ref-remote.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Compose local Storybooks
+
+You can also compose Storybook that are running locally. For instance, if you have a React Storybook and a Angular Storybook running on different ports:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-main-ref-local.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This composes the React and Angular Storybooks into your current Storybook. When either code base changes, hot-module-reload will work perfectly. That enables you to develop both frameworks in sync.
+
+### Improve your Storybook composition
+
+So far we've covered how we can use composition with local or published Storybooks. One thing worth mentioning as your Storybook will grow in time with your own stories, or through composition with other Storybooks, is that you can optimize the deployment process by including the following command in your workflow:
+
+```shell
+npx sb extract
+```
+
+Using this command will generate a `stories.json` file in the default build directory (`storybook-static`) with information regarding your Storybook. Here's how it might look:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-extract-result.json.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Once you add a reference to a Storybook deployed using this method, almost immediately you'll see all the stories and other relevant information displayed in the UI.
+
+If required, you can also add additional arguments to this command. You can use the following to generate the `stories.json` file to a custom directory:
+
+```shell
+npx sb extract my-built-storybook-directory my-other-directory
+```
+
+Once the command executes it will look for a built Storybook in the `my-built-storybook-directory` and create the file in `my-other-directory`.
+
+<div class="aside">
+
+If you need to use arguments, you'll need to use both of them, or the command will not be executed properly.
+
+</div>
+
+
+ 
\ No newline at end of file
diff --git a/docs/workflows/storybook-publish-review-optimized.mp4 b/docs/workflows/storybook-publish-review-optimized.mp4
new file mode 100644
index 00000000000..e17267fa6cb
Binary files /dev/null and b/docs/workflows/storybook-publish-review-optimized.mp4 differ
diff --git a/docs/workflows/storybook-switch-stories.gif b/docs/workflows/storybook-switch-stories.gif
new file mode 100644
index 00000000000..7441d578c84
Binary files /dev/null and b/docs/workflows/storybook-switch-stories.gif differ
diff --git a/docs/workflows/storyshots-fail.png b/docs/workflows/storyshots-fail.png
new file mode 100644
index 00000000000..1cf3677509f
Binary files /dev/null and b/docs/workflows/storyshots-fail.png differ
diff --git a/docs/workflows/storyshots-pass.png b/docs/workflows/storyshots-pass.png
new file mode 100644
index 00000000000..b93d218c8f3
Binary files /dev/null and b/docs/workflows/storyshots-pass.png differ
diff --git a/docs/workflows/template-component-with-controls-optimized.mp4 b/docs/workflows/template-component-with-controls-optimized.mp4
new file mode 100644
index 00000000000..20b59657db6
Binary files /dev/null and b/docs/workflows/template-component-with-controls-optimized.mp4 differ
diff --git a/docs/workflows/testing-with-storybook.md b/docs/workflows/testing-with-storybook.md
new file mode 100644
index 00000000000..e09f1060c31
--- /dev/null
+++ b/docs/workflows/testing-with-storybook.md
@@ -0,0 +1,19 @@
+---
+title: 'Testing with Storybook'
+---
+
+Storybook is a development tool that helps you build components in isolation and record their states as stories. Stories make it easy to explore a component in all its permutations no matter how complex. They also serve as excellent visual test cases.
+
+A story records a way your component can be used. That means your complete set of stories is a catalogue of all the important use cases to test in your component.
+
+The simplest testing method is manual. [Publish](./publish-storybook.md) your Storybook or run it locally, then look at every story to verify its appearance and behavior. This is appropriate for smaller Storybooks. 
+
+![Changing stories with Storybook](./storybook-switch-stories.gif)
+
+As you add more stories, manual testing becomes infeasible. We recommend automating testing to catch bugs and regressions. A complete Storybook testing strategy combines the following techniques to balance coverage, accuracy, and maintainability:
+
+- Manual tests rely on developers to manually look at a component to verify it for correctness. They help us sanity check a component’s appearance as we build.
+- [Unit tests](./unit-testing.md) verify that the output of a component remains the same given a fixed input. They’re great for testing the functional qualities of a component.
+- [Visual regression tests](./visual-testing.md) capture screenshots of every story and compare them against known baselines. They’re great for catching UI appearance bugs. 
+- [Interaction tests](./interaction-testing.md) render a story and then interact with it in the browser, asserting things about the way it renders and changes.
+- [Snapshot tests](./snapshot-testing.md) compare the rendered markup of every story against known baselines. This catches markup changes that cause rendering errors and warnings.
diff --git a/docs/workflows/unit-testing.md b/docs/workflows/unit-testing.md
new file mode 100644
index 00000000000..07cf60a3bf1
--- /dev/null
+++ b/docs/workflows/unit-testing.md
@@ -0,0 +1,23 @@
+---
+title: 'Unit testing with Storybook'
+---
+
+Unit tests are useful for verifying functional aspects of components. They verify that the output of a component remains the same given a fixed input.
+
+![Unit testing with a component](./component-unit-testing.gif)
+
+Thanks to the [CSF format](../api/csf), your stories are reusable in unit testing tools. Each [named export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export) is “renderable” without depending on Storybook. That means your testing framework will also be able to render that story.
+
+Here is an example of how you can use it in a testing library:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-test.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Unit tests can be brittle and expensive to maintain for _every_ component. We recommend combining unit tests with other testing methods like [visual regression testing](./visual-testing.md) for comprehensive coverage with less maintenance work.
diff --git a/docs/workflows/visual-testing.md b/docs/workflows/visual-testing.md
new file mode 100644
index 00000000000..13444474bcf
--- /dev/null
+++ b/docs/workflows/visual-testing.md
@@ -0,0 +1,21 @@
+---
+title: 'Visual Testing with Storybook'
+---
+
+Visual tests, also called visual regression tests, catch bugs in UI appearance. They work by taking screenshots of every story and comparing them commit-to-commit to identify changes.
+
+This is ideal for verifying what the user sees: layout, color, size, and contrast. Storybook is a fantastic tool for visual testing because every story is essentially a test specification. Any time you write or update a story you get a spec for free.
+
+![Visually testing a component in Storybook](./component-visual-testing.gif)
+
+There are [many tools](https://github.com/mojoaxel/awesome-regression-testing) for visual testing. Storybook uses [Chromatic](https://www.chromatic.com), a visual testing service made by Storybook maintainers to run tests in the cloud across browsers.
+
+This prevents UI bugs in [Storybook itself](https://www.chromatic.com/library?appId=5a375b97f4b14f0020b0cda3), the [design system](https://www.chromatic.com/library?appId=5ccbc373887ca40020446347), and our [website](https://www.chromatic.com/library?appId=5be26744d2f6250024a9117d).
+
+We also maintain [StoryShots](https://github.com/storybookjs/storybook/tree/master/addons/storyshots), a snapshot testing addon that integrates with [jest-image-snapshot](https://github.com/storybookjs/storybook/tree/master/addons/storyshots#configure-storyshots-for-image-snapshots).
+
+<div class="aside">
+
+Visual vs snapshot tests. [Snapshot tests](./snapshot-testing.md) compare the rendered markup of every story against known baselines. When used to test how things look, snapshot tests generate a lot of false positives because code changes don’t always yield visual changes.
+
+</div>
diff --git a/docs/workflows/workflow-publish.png b/docs/workflows/workflow-publish.png
new file mode 100644
index 00000000000..281f761915c
Binary files /dev/null and b/docs/workflows/workflow-publish.png differ
diff --git a/docs/writing-docs/addon-controls-docs-optimized.mp4 b/docs/writing-docs/addon-controls-docs-optimized.mp4
new file mode 100644
index 00000000000..30334daf9d6
Binary files /dev/null and b/docs/writing-docs/addon-controls-docs-optimized.mp4 differ
diff --git a/docs/writing-docs/addon-docs-optimized.mp4 b/docs/writing-docs/addon-docs-optimized.mp4
new file mode 100644
index 00000000000..a34719d3b71
Binary files /dev/null and b/docs/writing-docs/addon-docs-optimized.mp4 differ
diff --git a/docs/writing-docs/build-documentation.md b/docs/writing-docs/build-documentation.md
new file mode 100644
index 00000000000..cafa7e21189
--- /dev/null
+++ b/docs/writing-docs/build-documentation.md
@@ -0,0 +1,51 @@
+---
+title: 'Preview and build docs'
+---
+
+Storybook allows you to create rich and extensive [documentation](./introduction.md) that will help you and any other stakeholder involved in the development process. Out of the box you have the tooling required to not only write it but also to preview it and build it.
+
+## Preview Storybook's documentation
+
+At any point during your development, you can preview the documentation you've written. Storybook allows you to generate a preview of the final documentation when you use the `--docs` flag. We recommend including it in your `package.json` as a new script:
+
+```json
+{
+  "scripts": {
+    "storybook-docs": "start-storybook --docs",
+  }
+}
+```
+
+Depending on your configuration, when you execute the `storybook-docs` script. Storybook will be put into documentation mode and will generate a different build.
+
+It will look for any stories available either in [MDX](./mdx.md) or[CSF](../writing-stories/introduction.md#component-story-format) and based on the documentation you've added it will display it...
+
+![Storybook in documentation mode](./storybook-docs-build.png)
+
+There's some caveats to this build mode, as to the normal Storybook build:
+
+- The top level item refers to the primary story for your component.
+- Each individual story is now in a flattened display mode, with a different set of icons. This allows focus on the documentation itself.
+- Storybook's layout is rendered differently. The toolbar will not be displayed.
+
+## Publish Storybook's documentation
+
+You can also publish your documentation, the same you would [publish](../workflows/publish-storybook.md) your Storybook. You can use the `--docs` flag with `build-storybook` command. We recommend as well including it as a script in your `package.json` file:
+
+```json
+{
+  "scripts": {
+    "build-storybook-docs": "build-storybook --docs",
+  }
+}
+```
+
+Based on the configuration you have, when the `build-storybook-docs` script is executed, Storybook once again will be put into documentation mode and will generate a different build and output the documentation into the `storybook-static` folder.
+
+The same caveats mentioned above will apply.
+
+You can use any hosting provider to deploy your documentation, for instance:
+
+- [Vercel](https://vercel.com/)
+- [Netlify](https://www.netlify.com/)
+- [S3](https://aws.amazon.com/en/s3/)
diff --git a/docs/writing-docs/doc-blocks.md b/docs/writing-docs/doc-blocks.md
new file mode 100644
index 00000000000..29e86d76156
--- /dev/null
+++ b/docs/writing-docs/doc-blocks.md
@@ -0,0 +1,279 @@
+---
+title: 'Doc Blocks'
+---
+
+Doc Blocks are the building blocks of Storybook documentation pages. By default, [DocsPage](./docs-page.md) uses a combination of the blocks below to build a page for each of your components automatically.
+
+
+Custom [addons](../api/addons.md) can also provide their own doc blocks.
+
+## ArgsTable
+
+Storybook Docs automatically generates component args tables for components in supported frameworks. These tables list the arguments ([args for short](../writing-stories/args.md)) of the component, and even integrate with [controls](../essentials/controls.md) to allow you to change the args of the currently rendered story.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-controls-docs-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+This is extremely useful, but it can be further expanded. Additional information can be added to the component to better document it:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-component-with-proptypes.js.mdx',
+    'react/button-component-with-proptypes.ts.mdx',
+    'angular/button-component-with-proptypes.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+By including the additional information, the args table will be updated. Offering a richer experience for any stakeholders involved.
+
+### DocsPage
+
+To use the `ArgsTable` in [DocsPage](./docs-page.md#component-parameter), export a component property on your stories metadata:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### MDX
+
+To use the `ArgsTable` block in MDX, add the following:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-argstable-block.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Customizing
+
+`ArgsTables` are automatically inferred from your components and stories, but sometimes it's useful to customize the results.
+
+`ArgsTables` are rendered from an internal data structure called [ArgTypes](../api/argtypes.md). When you declare a story's component metadata, Docs automatically extracts ArgTypes based on the component's properties.
+
+You can customize what's shown in the `ArgsTable` by customizing the `ArgTypes` data. This is currently available for [DocsPage](./docs-page.md) and `<ArgsTable story="xxx">` construct, but not for the `<ArgsTable of={component} />` construct.
+
+<div class="aside">
+
+NOTE: This API is experimental and may change outside of the typical semver release cycle
+
+</div>
+
+The API documentation of `ArgTypes` is detailed in a [separate section](../api/argtypes.md), but to control the description and default values, use the following fields:
+
+| Field                          |                                           Description                                            |
+| :----------------------------- | :----------------------------------------------------------------------------------------------: |
+| **name**                       |                                     The name of the property                                     |
+| **type.required**              |                         The stories to be show, ordered by supplied name                         |
+| **description**                |                             A Markdown description for the property                              |
+| **table.type.summary**         |                                   A short version of the type                                    |
+| **table.type.detail**          |                                   A short version of the type                                    |
+| **table.defaultValue.summary** |                                   A short version of the type                                    |
+| **table.defaultValue.detail**  |                                   A short version of the type                                    |
+| **control**                    | See [addon-controls README ](https://github.com/storybookjs/storybook/tree/next/addons/controls) |
+
+For instance:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-csf-argstable-customization.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This would render a row with a modified description, a type display with a dropdown that shows the detail, and no control.
+
+If you find yourself writing the same definition over and over again, Storybook provides some convenient shorthands, that help you streamline your work.
+
+For instance you can use:
+
+- `number`, which is shorthand for `type: {name: 'number'}`
+- `radio`, which is a shorhand for `control: {type: 'radio' }`
+
+#### MDX
+
+To customize `argTypes` in MDX, you can set an `mdx` prop on the `Meta` or `Story` components:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-argtypes.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Controls
+
+The controls inside an `ArgsTable` are configured in exactly the same way as the [controls](../essentials/controls.md) addon pane. In fact you’ll probably notice the table is very similar! It uses the same component and mechanism behind the scenes.
+
+## Source
+
+Storybook Docs displays a story’s source code using the `Source` block. The snippet has built-in syntax highlighting and can be copied with the click of a button.
+
+![Docs blocks with source](./docblock-source.png)
+
+### DocsPage
+
+In DocsPage, the `Source` block appears automatically within each story’s [Canvas](#canvas) block.
+
+To customize the source snippet that’s displayed for a story, set the `docs.source.code` parameter:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-custom-source.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### MDX
+
+You can also use the `Source` block in MDX. It accepts either a story ID or `code` snippet. Use the `language` for syntax highlighting.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-dedent.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Description
+
+Storybook Docs shows a component’s description extracted from the source code or based on a user-provided string.
+
+![Docs blocks with description](./docblock-description.png)
+
+### DocsPage
+
+In DocsPage, a component’s description is shown at the top of the page. For [supported frameworks](https://github.com/storybookjs/storybook/tree/next/addons/docs#framework-support), the component description is automatically extracted from a docgen component above the component in its source code. It can also be set by the `docs.description` parameter.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-csf-description.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### MDX
+
+In MDX, the `Description` shows the component’s description using the same heuristics as the DocsPage. It also accepts a `markdown` parameter to show any user-provided Markdown string.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-description.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Story
+
+Stories (component examples) are the basic building blocks in Storybook. In Storybook Docs, stories are rendered in the `Story` block.
+
+![Docs blocks with stories](./docblock-story.png)
+
+### DocsPage
+
+In DocsPage, a `Story` block is generated for each story in your [CSF](../api/csf.md) file, it's wrapped with a `Canvas` wrapper that gives it a toolbar on top (in the case of the first “primary” story) and a source code preview underneath.
+
+### MDX
+
+In MDX, the `Story` block is not only a way of displaying stories, but also the primary way to define them. Storybook looks for `Story` instances with the `name` prop, either defined at the top level of the document, or directly beneath a [Canvas](#canvas) block defined at the top level:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-story-by-name.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also reference existing stories in Storybook by ID:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-reference-storyid.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Inline rendering
+
+In Storybook’s Canvas, all stories are rendered in the Preview iframe for isolated development. In Storybook Docs, when [inline rendering is supported by your framework](./docs-page.md#inline-stories-vs-iframe-stories), inline rendering is used by default for performance and convenience. However, you can force iframe rendering with `docs: { inlineStories: false }` parameter, or `inline={false}` in MDX.
+
+## Canvas
+
+Storybook Docs’ `Canvas` block is a wrapper that provides a toolbar for interacting with its contents, and also also provides [Source](#source) snippets automatically.
+
+![Docs block with a story preview](./docblock-preview.png)
+
+### DocsPage
+
+In DocsPage, every story is wrapped in a `Canvas` block. The first story on the page is called the _primary_, and it has a toolbar. The other stories are also wrapped with `Canvas`, but there is no toolbar by default.
+
+![Docs blocks preview toolbar](./docblock-preview-toolbar.png)
+
+### MDX
+
+In MDX, `Canvas` is more flexible: in addition to the DocsPage behavior, it can show multiple stories in one:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/mdx-canvas-multiple-stories.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also place non-story content inside a `Canvas` block:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-with-story-content.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This renders the JSX content exactly as it would if you’d placed it directly in the MDX, but it also inserts the source snippet in a [Source](#source) block beneath the block.
diff --git a/docs/writing-docs/docblock-description.png b/docs/writing-docs/docblock-description.png
new file mode 100644
index 00000000000..91205e25592
Binary files /dev/null and b/docs/writing-docs/docblock-description.png differ
diff --git a/docs/writing-docs/docblock-preview-multi-mdx.png b/docs/writing-docs/docblock-preview-multi-mdx.png
new file mode 100644
index 00000000000..ee65b50c921
Binary files /dev/null and b/docs/writing-docs/docblock-preview-multi-mdx.png differ
diff --git a/docs/writing-docs/docblock-preview-toolbar.png b/docs/writing-docs/docblock-preview-toolbar.png
new file mode 100644
index 00000000000..2ba43a41ff2
Binary files /dev/null and b/docs/writing-docs/docblock-preview-toolbar.png differ
diff --git a/docs/writing-docs/docblock-preview.png b/docs/writing-docs/docblock-preview.png
new file mode 100644
index 00000000000..60f79185339
Binary files /dev/null and b/docs/writing-docs/docblock-preview.png differ
diff --git a/docs/writing-docs/docblock-source.png b/docs/writing-docs/docblock-source.png
new file mode 100644
index 00000000000..9799656cac2
Binary files /dev/null and b/docs/writing-docs/docblock-source.png differ
diff --git a/docs/writing-docs/docblock-story.png b/docs/writing-docs/docblock-story.png
new file mode 100644
index 00000000000..1f93b4b36ef
Binary files /dev/null and b/docs/writing-docs/docblock-story.png differ
diff --git a/docs/writing-docs/docs-page.md b/docs/writing-docs/docs-page.md
new file mode 100644
index 00000000000..a9fb7e653bd
--- /dev/null
+++ b/docs/writing-docs/docs-page.md
@@ -0,0 +1,153 @@
+---
+title: 'DocsPage'
+---
+
+When you install [Storybook Docs](../../addons/docs/README.md), DocsPage is the zero-config default documentation that all stories get out of the box. It aggregates your stories, text descriptions, docgen comments, args tables, and code examples into a single page for each component.
+
+The best practice for docs is for each component to have its own set of documentation and stories.
+
+## Component parameter
+
+Storybook uses the `component` key in the story file’s default export to extract the component's description and props.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/my-component-story.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Subcomponents parameter
+
+Sometimes it's useful to document multiple components together. For example, a component library’s ButtonGroup and Button components might not make sense without one another.
+
+DocsPage has the concept of a "primary" component that is defined by the `component` parameter. It also accepts one or more `subcomponents`.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-group-story-subcomponents.js.mdx',
+    'common/button-group-story-subcomponents.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+![Subcomponents in Docs Page](./docspage-subcomponents.png)
+
+Subcomponent `ArgsTables` will show up in a tabbed interface along with the primary component. The tab titles will correspond to the keys of the subcomponents object.
+
+If you want to organize your documentation differently for component groups, we recommend using MDX. It gives you complete control over display and supports any configuration.
+
+## Replacing DocsPage
+
+Replace DocsPage template with your own for the entire Storybook, a specific component, or a specific story.
+
+Override the `docs.page` [parameter](../writing-stories/parameters.md):
+
+- With null to remove docs.
+- With MDX docs.
+- With a custom component
+
+### Story-level
+
+Override the `docs.page` [parameter](../writing-stories/parameters.md#story-parameters) in the story definition.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-disable-docspage.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Component-level
+
+Override the `docs.page` [parameter](../writing-stories/parameters.md#component-parameters) in the default export of the story file.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-disable-docspage-component.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Global-level
+
+Override the `docs.page` [parameter](../writing-stories/parameters.md#global-parameters) in [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering).
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-disable-docspage.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Remixing DocsPage using doc blocks
+
+Doc blocks are the basic building blocks of Storybook Docs. DocsPage composes them to provide a reasonable UI documentation experience out of the box.
+
+If you want to make minor customizations to the default DocsPage but don’t want to write your own MDX you can remix DocsPage. That allows you to reorder, add, or omit doc blocks without losing Storybook’s automatic docgen capabilities.
+
+Here's an example of rebuilding DocsPage for the Button component using doc blocks:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-remix-docspage.js.mdx',
+    'common/button-story-remix-docspage.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Apply a similar technique to remix the DocsPage at the [story](#story-level), [component](#component-level), or [global](#global-level) level.
+
+In addition, you can interleave your own components to customize the auto-generated contents of the page, or pass in different options to the blocks to customize their appearance. Read more about [Doc Blocks](./doc-blocks.md).
+
+## Story file names
+
+Unless you use a custom [webpack configuration](../configure/webpack.md#extending-storybooks-webpack-config), all of your story files should have the suffix `*.stories.@(j|t)sx?`. For example, "Badge.stories.js" or "Badge.stories.tsx". This tells Storybook and its docs preset to display the docs based on the file contents.
+
+## Inline stories vs. iframe stories
+
+DocsPage displays all the stories of a component in one page. You have the option of rendering those stories inline or in an iframe.
+
+By default, we render React and Vue stories inline. Stories from other supported frameworks will render in an `<iframe>` by default.
+
+The iframe creates a clean separation between your code and Storybook’s UI. But using an iframe has disadvantages. You have to explicitly set the height of iframe stories or you’ll see a scroll bar. And certain dev tools might not work right.
+
+Render your framework’s stories inline using two docs configuration options in tandem, `inlineStories` and `prepareForInline`.
+
+Setting `inlineStories` to `true` tells Storybook to stop putting your stories in an iframe. The `prepareForInline` accepts a function that transforms story content from your given framework to something React can render (Storybook’s UI is built in React).
+
+Different frameworks will need to approach this in different ways. Angular, for example, might convert its story content into a custom element (you can read about that [here](https://angular.io/guide/elements)).
+
+Here’s an example of how to render Vue stories inline. The following docs config block uses `prepareForInline` along with an effect hook provided by [@egoist/vue-to-react](https://github.com/egoist/vue-to-react).
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-prepareforinline.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+With this function, anyone using the docs addon for [@storybook/vue](https://github.com/storybookjs/storybook/tree/master/app/vue) can make their stories render inline, either globally with the inlineStories docs parameter, or on a per-story-basis using the inline prop on the `<Story>` doc block.
+
+If you come up with an elegant and flexible implementation for the `prepareForInline` function for your own framework, let us know. We'd love to make it the default configuration to make inline stories more accessible for a larger variety of frameworks!
diff --git a/docs/writing-docs/docspage-subcomponents.png b/docs/writing-docs/docspage-subcomponents.png
new file mode 100644
index 00000000000..bd883288f6f
Binary files /dev/null and b/docs/writing-docs/docspage-subcomponents.png differ
diff --git a/docs/writing-docs/introduction.md b/docs/writing-docs/introduction.md
new file mode 100644
index 00000000000..ffd9b3aa208
--- /dev/null
+++ b/docs/writing-docs/introduction.md
@@ -0,0 +1,22 @@
+---
+title: 'How to document components'
+---
+
+When you write component stories during development, you also create basic documentation to revisit later.
+
+Storybook gives you tools to expand this basic documentation with prose and layout that feature your components and stories prominently. That allows you to create UI library usage guidelines, design system sites, and more.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-docs-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+Out of the box, Storybook ships with [DocsPage](./docs-page.md), a documentation template that lists all the stories for a component and associated metadata. It infers metadata values based on source code, types and JSDoc comments. [Customize](./docs-page.md#replacing-docspage) this page to create a new template if you have specific requirements.
+
+You can also create free-form pages for each component using [MDX](./mdx.md), a format for simultaneously documenting components and writing stories.
+
+In both cases, you’ll use [Doc Blocks](./doc-blocks.md) as the building blocks to create full featured documentation.
+
+Docs is autoconfigured to work out of the box in most use cases. In some cases you may need or want to tweak the configuration. Read more about it in the [readme](../../addons/docs/README.md).
diff --git a/docs/writing-docs/mdx-documentation-only.png b/docs/writing-docs/mdx-documentation-only.png
new file mode 100644
index 00000000000..db688c99306
Binary files /dev/null and b/docs/writing-docs/mdx-documentation-only.png differ
diff --git a/docs/writing-docs/mdx-hero.png b/docs/writing-docs/mdx-hero.png
new file mode 100644
index 00000000000..8099b7401b0
Binary files /dev/null and b/docs/writing-docs/mdx-hero.png differ
diff --git a/docs/writing-docs/mdx-page.png b/docs/writing-docs/mdx-page.png
new file mode 100644
index 00000000000..ee65b50c921
Binary files /dev/null and b/docs/writing-docs/mdx-page.png differ
diff --git a/docs/writing-docs/mdx-simple.png b/docs/writing-docs/mdx-simple.png
new file mode 100644
index 00000000000..79eef3f6493
Binary files /dev/null and b/docs/writing-docs/mdx-simple.png differ
diff --git a/docs/writing-docs/mdx.md b/docs/writing-docs/mdx.md
new file mode 100644
index 00000000000..fa57c8383e2
--- /dev/null
+++ b/docs/writing-docs/mdx.md
@@ -0,0 +1,121 @@
+---
+title: 'MDX'
+---
+
+MDX is a [standard file format](https://mdxjs.com/) that combines Markdown with JSX. This means you can use Markdown’s terse syntax (such as # heading) for your documentation, write stories that compile to our component story format, and freely embed JSX component blocks at any point in the file. All at once.
+
+In addition, you can write pure documentation pages in MDX and add them to Storybook alongside your stories.
+
+![MDX simple example result](./mdx-hero.png)
+
+## Basic example
+
+Let's get started with an example that combines Markdown with a single story:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/checkbox-story.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+And here's how that's rendered in Storybook:
+
+![MDX simple example result](./mdx-simple.png)
+
+As you can see there's a lot going on here. We're writing Markdown, we're writing JSX, and we're also defining Storybook stories that are drop-in compatible with the entire Storybook ecosystem.
+
+Let's break it down.
+
+## MDX-flavored CSF
+
+MDX-flavored [Component Story Format (CSF)](../api/csf.md) includes a collection of components called ["Doc Blocks"](./doc-blocks.md), that allow Storybook to translate MDX files into Storybook stories. MDX-defined stories are identical to regular Storybook stories, so they can be used with Storybook's entire ecosystem of addons and view layers.
+
+For example, here's the first story from the Checkbox example above, rewritten in CSF:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/checkbox-story-csf.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+There's a one-to-one mapping from the code in MDX to CSF. As a user, this means your existing Storybook knowledge should translate between the two.
+
+## Writing stories
+
+Let's look at a more realistic example to see how MDX works:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/badge-story.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+And here's how that gets rendered in Storybook:
+
+![MDX page](./mdx-page.png)
+
+## Embedding stories
+
+Suppose you have an existing story and want to embed it into your docs. Here's how to show a story with ID some--id. Check the browser URL in Storybook v5+ to find a story's ID.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-embed.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also use the rest of the MDX features in conjunction with embedding. That includes source, preview, and prop tables.
+
+## Decorators and parameters
+
+To add decorators and parameters in MDX:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/component-story-mdx-decorators-params.mdx.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Global parameters and decorators work just like before.
+
+## Documentation-only MDX
+
+Typically, when you use Storybook MDX, you define stories in the MDX and documentation is automatically associated with those stories. But what if you want to write Markdown-style documentation without any stories inside?
+
+If you don't define stories in your MDX, you can write MDX documentation and associate it with an existing story, or embed that MDX as its own documentation node in your Storybook's navigation.
+
+If you don't define a Meta, you can write Markdown and associate with an existing story. See ["CSF Stories with MDX Docs"](../../addons/docs/docs/recipes.md).
+
+To get a "documentation-only story", in your UI, define a `<Meta>` as you normally would, but don't define any stories. It will show up in your UI as a documentation node:
+
+![MDX docs only story](./mdx-documentation-only.png)
+
+## MDX file names
+
+Unless you use a custom [webpack configuration](../configure/webpack.md#extending-storybooks-webpack-config), all of your MDX files should have the suffix `*.stories.mdx`. This tells Storybook to apply its special processing to the `<Meta>` and `<Story>` elements in the file.
+
+<div class="aside">
+
+Be sure to update [.storybook/main.js](../configure/overview.md#configure-story-rendering) file to load `.stories.mdx` stories, as per the addon-docs installation instructions.
+
+</div>
diff --git a/docs/writing-docs/storybook-docs-build.png b/docs/writing-docs/storybook-docs-build.png
new file mode 100644
index 00000000000..296deb2fb5a
Binary files /dev/null and b/docs/writing-docs/storybook-docs-build.png differ
diff --git a/docs/writing-stories/addon-actions-demo-optimized.mp4 b/docs/writing-stories/addon-actions-demo-optimized.mp4
new file mode 100644
index 00000000000..b2360d39cca
Binary files /dev/null and b/docs/writing-stories/addon-actions-demo-optimized.mp4 differ
diff --git a/docs/writing-stories/addon-controls-demo-optimized.mp4 b/docs/writing-stories/addon-controls-demo-optimized.mp4
new file mode 100644
index 00000000000..060ab80d42d
Binary files /dev/null and b/docs/writing-stories/addon-controls-demo-optimized.mp4 differ
diff --git a/docs/writing-stories/args.md b/docs/writing-stories/args.md
new file mode 100644
index 00000000000..2c238867c22
--- /dev/null
+++ b/docs/writing-stories/args.md
@@ -0,0 +1,136 @@
+---
+title: 'Args'
+---
+
+A story is a component with a set of arguments (props, slots, inputs, etc). “Args” are Storybook’s mechanism for defining those arguments as a first class entity that’s machine readable. This allows Storybook and its addons to live edit components. You _do not_ need to change your underlying component code to use args.
+
+When an arg’s value is changed, the component re-renders, allowing you to interact with components in Storybook’s UI via addons that affect args.
+
+Learn how and why to write stories in [the introduction](./introduction.md#using-args). For details on how args work, read on.
+
+## Args object
+
+The args object can be defined at the story and component level (see below). It is an object with string keys, where values can have any type that is allowed to be passed into a component in your framework.
+
+## Story args
+
+To define the args of a single story, use the `args` CSF story key:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-with-args.js.mdx',
+    'react/button-story-with-args.ts.mdx',
+    'vue/button-story-with-args.js.mdx',
+    'angular/button-story-with-args.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+These args will only apply to the story for which they are attached, although you can [reuse](../workflows/build-pages-with-storybook.md#args-composition-for-presentational-screens) them via JavaScript object reuse:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-primary-long-name.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+In the above example, we use the [object spread](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax) feature of ES 2015.
+
+## Component args
+
+You can also define args at the component level; such args will apply to all stories of the component unless they are overwritten. To do so, use the `args` key of the `default` CSF export:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-component-args-primary.js.mdx',
+    'react/button-story-component-args-primary.ts.mdx',
+    'vue/button-story-component-args-primary.js.mdx',
+    'angular/button-story-component-args-primary.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Args composition
+
+You can separate the arguments to a story to compose in other stories. Here’s how args can be used in multiple stories for the same component.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-primary-composition.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+Note that if you are doing the above often, you may want to consider using [component-level args](#component-args).
+
+</div>
+
+Args are useful when writing stories for composite components that are assembled from other components. Composite components often pass their arguments unchanged to their child components, and similarly their stories can be compositions of their child components stories. With args, you can directly compose the arguments:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/page-story.js.mdx',
+    'react/page-story.ts.mdx',
+    'angular/page-story.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<details>
+<summary>Using args in addons</summary>
+
+If you are [writing an addon](../api/addons.md) that wants to read or update args, use the `useArgs` hook exported by `@storybook/api`:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/args-usage-with-addons.js.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+</details>
+
+<details>
+<summary>parameters.passArgsFirst</summary>
+
+In Storybook 6+, we pass the args as the first argument to the story function. The second argument is the “context” which contains things like the story parameters etc.
+
+In Storybook 5 and before we passed the context as the first argument. If you’d like to revert to that functionality set the `parameters.passArgsFirst` parameter in [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets 
+  paths={[
+    'common/storybook-preview-parameters-old-format.js.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+  <div class="aside">
+  
+  Note that `args` is still available as a key on the context.
+  
+  </div>
+</details>
diff --git a/docs/writing-stories/decorators-no-padding.png b/docs/writing-stories/decorators-no-padding.png
new file mode 100644
index 00000000000..4ac84fd63a9
Binary files /dev/null and b/docs/writing-stories/decorators-no-padding.png differ
diff --git a/docs/writing-stories/decorators-padding.png b/docs/writing-stories/decorators-padding.png
new file mode 100644
index 00000000000..82bf0bc24b1
Binary files /dev/null and b/docs/writing-stories/decorators-padding.png differ
diff --git a/docs/writing-stories/decorators.md b/docs/writing-stories/decorators.md
new file mode 100644
index 00000000000..4ad71d7a2e4
--- /dev/null
+++ b/docs/writing-stories/decorators.md
@@ -0,0 +1,113 @@
+---
+title: 'Decorators'
+---
+
+A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators in order to augment your stories with extra rendering or gather details about how your story is rendered.
+
+When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.
+
+## Wrap stories with extra markup
+
+Some components require a “harness” to render in a useful way. For instance if a component runs right up to its edges, you might want to space it inside Storybook. Use a decorator to add spacing for all stories of the component.
+
+![Story without padding](./decorators-no-padding.png)
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/your-component-with-decorator.js.mdx',
+    'react/your-component-with-decorator.ts.mdx',
+    'vue/your-component-with-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+![Story with padding](./decorators-padding.png)
+
+## “Context” for mocking
+
+Some libraries require components higher up in the component hierarchy to render properly. For example in Styled Components, a `ThemeProvider` is required if your components make use of themes. Add a single global decorator that add this context to to all stories in [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/storybook-preview-with-styled-components-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+In the example above, the theme is hardcoded to a mock value of `default` but you may want to vary that value, either on a per-story basis (if it is data you are mocking that is relevant to the other args of the story) or in a user controlled way (for instance to provide a theme switcher).
+
+The second argument to a decorator function is the **story context** which in particular contains the keys:
+
+- `args` - the story arguments. You can use some args in your decorators and drop them in the story implementation itself.
+
+- `globals` - the Storybook-wide [globals](../essentials/toolbars-and-globals.md#globals). In particular you can use the [toolbars feature](../essentials/toolbars-and-globals.md#global-types-toolbar-annotations) to allow you to change these values using Storybook’s UI.
+
+### Using decorators to provide data
+
+If your components are “connected” and require side-loaded data to render, you can use decorators to provide that data in a mocked way, without having to refactor your components to take that data as an arg. There are several techniques to achieve this, depending on exactly how you are loading that data -- read more in the [building pages in Storybook](../workflows/build-pages-with-storybook.md) section.
+
+## Story decorators
+
+To define a decorator for a single story, use the `decorators` key on a named export:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-decorator.js.mdx',
+    'react/button-story-decorator.ts.mdx',
+    'vue/button-story-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This is useful to ensure that the story remains a “pure” rendering of the component under test and any extra HTML or components you need to add don’t pollute that. In particular the [Source](../writing-docs/doc-blocks.md#source) docblock works best when you do this.
+
+## Component decorators
+
+To define a decorator for all stories of a component, use the `decorators` key of the default CSF export:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-component-decorator.js.mdx',
+    'react/button-story-component-decorator.ts.mdx',
+    'vue/button-story-component-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Global decorators
+
+We can also set a decorator for **all stories** via the `decorators` export of your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering) file (this is the file where you configure all stories):
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/storybook-preview-global-decorator.js.mdx',
+    'react/storybook-preview-global-decorator.ts.mdx',
+    'vue/storybook-preview-global-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+## Decorator inheritance
+
+Like parameters, decorators can be defined globally, at the component level and for a single story (as we’ve seen).
+
+All decorators, defined at all levels that apply to a story will run whenever that story is rendered, in the order:
+
+- Global decorators, in the order they are defined
+- Component decorators, in the order they are defined
+- Story decorators, in the order they are defined.
diff --git a/docs/writing-stories/introduction.md b/docs/writing-stories/introduction.md
new file mode 100644
index 00000000000..dc3480c8197
--- /dev/null
+++ b/docs/writing-stories/introduction.md
@@ -0,0 +1,240 @@
+---
+title: 'How to write stories'
+---
+
+A story captures the rendered state of a UI component. It’s a function that returns a component’s state given a set of arguments.
+
+Storybook uses the generic term arguments (args for short) when talking about React’s `props`, Vue’s `slots`, Angular’s `@input`, and other similar concepts.
+
+## Where to put stories
+
+A component’s stories are defined in a story file that lives alongside the component file. The story file is for development-only, it won't be included in your production bundle.
+
+```
+Button.js | ts
+Button.stories.js | ts
+```
+
+## Component Story Format
+
+We define stories according to the [Component Story Format](../api/csf.md) (CSF), an ES6 module-based standard that is easy to write and portable between tools.
+
+The key ingredients are the [default export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export#Using_the_default_export) that describes the component, and [named exports](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export#Using_named_exports) that describe the stories.
+
+### Default export
+
+The _default_ export metadata controls how Storybook lists your stories and provides information used by addons. For example, here’s the default export for a story file `Button.stories.js`:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-default-export-with-component.js.mdx',
+    'react/button-story-default-export-with-component.ts.mdx',
+    'vue/button-story-default-export-with-component.js.mdx',
+    'angular/button-story-default-export-with-component.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Defining stories
+
+Use the _named_ exports of a CSF file to define your component’s stories. We recommend you use UpperCamelCase for your story exports. Here’s how to render `Button` in the “primary” state and export a story called `Primary`.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story.js.mdx',
+    'react/button-story.ts.mdx',
+    'vue/button-story.js.mdx',
+    'angular/button-story.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+### Rename stories
+
+You can rename any particular story you need. For instance to give it a more clearer name. Here's how you can change the name of the `Primary` story:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-rename-story.js.mdx',
+    'react/button-story-rename-story.ts.mdx',
+    'vue/button-story-rename-story.js.mdx',
+    'angular/button-story-rename-story.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Your story will now be shown in the sidebar with the given text.
+
+## How to write stories
+
+A story is a function that describes how to render a component. You can have multiple stories per component. The simplest way to create stories is to render a component with different arguments multiple times.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-with-emojis.js.mdx',
+    'react/button-story-with-emojis.ts.mdx',
+    'vue/button-story-with-emojis.js.mdx',
+    'angular/button-story-with-emojis.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+This is straightforward for components with few stories, but can be repetitive with many stories.
+
+### Using args
+
+Refine this pattern by defining a master template for a component’s stories that allows you to pass in `args`. This reduces the unique code you’ll need to write and maintain for each story.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-using-args.js.mdx',
+    'react/button-story-using-args.ts.mdx',
+    'vue/button-story-using-args.js.mdx',
+    'angular/button-story-using-args.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The template is reused across stories. Template.bind({}) makes a copy of the function which reduces code duplication. Similarly,`...Primary.args` makes a copy of the data, reducing data duplication.
+
+What’s more, you can import args to reuse when writing stories for other components. This is useful when you’re building composite components. For example, if we make a `ButtonGroup` story, we might remix two stories from its child component `Button`.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-group-story.js.mdx',
+    'react/button-group-story.ts.mdx',
+    'angular/button-group-story.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+When Button’s signature changes, you only need to change Button’s stories to reflect the new schema. ButtonGroup’s stories will automatically be updated. This pattern allows you to reuse your data definitions up and down your component hierarchy, making your stories more maintainable.
+
+That’s not all! Each of the args from the story function are live editable using Storybook’s [controls](../essentials/controls.md) panel. This means your team can dynamically change components in Storybook to stress test and find edge cases.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-controls-demo-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+Addons can enhance args. For instance, [Actions](../essentials/actions.md) auto detects which args are callbacks and appends a logging function to them. That way interactions (like clicks) get logged in the actions panel.
+
+<video autoPlay muted playsInline loop>
+  <source
+    src="addon-actions-demo-optimized.mp4"
+    type="video/mp4"
+  />
+</video>
+
+### Using parameters
+
+Parameters are Storybook’s method of defining static metadata for stories. A story’s parameters can be used to provide configuration to various addons at the level of a story or group of stories.
+
+For instance, suppose you wanted to test your Button component against a different set of backgrounds than the other components in your app. You might add a component-level `backgrounds` parameter:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-with-blue-args.js.mdx',
+    'react/button-story-with-blue-args.ts.mdx',
+    'vue/button-story-with-blue-args.js.mdx',
+    'angular/button-story-with-blue-args.ts.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+![Background colors parameter](./parameters-background-colors.png)
+
+This parameter would instruct the backgrounds addon to reconfigure itself whenever a Button story is selected. Most addons are configured via a parameter-based API and can be influenced at a [global](./parameters.md#global-parameters), [component](./parameters.md#component-parameters) and [story](./parameters.md#story-parameters) level.
+
+### Using decorators
+
+Decorators are a mechanism to wrap a component in arbitrary markup when rendering a story. Components are often created with assumptions about ‘where’ they render. Your styles might expect a theme or layout wrapper. Or your UI might expect certain context or data providers.
+
+A simple example is adding padding to a component’s stories. Accomplish this using a decorator that wraps the stories in a `div` with padding, like so:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/button-story-component-decorator.js.mdx',
+    'react/button-story-component-decorator.ts.mdx',
+    'vue/button-story-component-decorator.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Decorators [can be more complex](./decorators.md#context-for-mocking) and are often provided by [addons](../configure/storybook-addons.md). You can also configure decorators at the [story](./decorators.md#story-decorators), [component](./decorators.md#component-decorators) and [global](./decorators.md#global-decorators) level.
+
+## Stories for two or more components
+
+When building design systems or component libraries, you may have two or more components that are designed to work together. For instance, if you have a parent `List` component, it may require child `ListItem` components.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/list-story-starter.js.mdx',
+    'react/list-story-starter.ts.mdx',
+    'angular/list-story-starter.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+In such cases, it makes sense to render a different function for each story:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/list-story-expanded.js.mdx',
+    'react/list-story-expanded.ts.mdx',
+    'angular/list-story-expanded.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+You can also reuse stories from the child `ListItem` in your `List` component. That’s easier to maintain because you don’t have to keep the identical story definitions up to date in multiple places.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'react/list-story-reuse-data.js.mdx',
+    'react/list-story-reuse-data.ts.mdx',
+    'angular/list-story-reuse-data.ts.mdx'
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<div class="aside">
+
+Note that there are disadvantages in writing stories like this as you cannot take full advantage of the args mechanism and composing args as you build more complex composite components. For more discussion, see the [multi component stories](../workflows/stories-for-multiple-components.md) workflow article.
+
+</div>
diff --git a/docs/writing-stories/naming-components-and-hierarchy.md b/docs/writing-stories/naming-components-and-hierarchy.md
new file mode 100644
index 00000000000..719443b44da
--- /dev/null
+++ b/docs/writing-stories/naming-components-and-hierarchy.md
@@ -0,0 +1,114 @@
+---
+title: 'Naming components and hierarchy'
+---
+
+The title of the component you export in the `default` export controls the name shown in the sidebar.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-default-export.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Yields this:
+
+![Stories hierarchy without paths](./naming-hierarchy-no-path.png)
+
+## Grouping
+
+It is also possible to group related components in an expandable interface in order to help with Storybook organization. To do so, use the `/` as a separator:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/button-story-grouped.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/checkbox-story-grouped.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Yields this:
+
+![Stories hierarchy with paths](./naming-hierarchy-with-path.png)
+
+## Roots
+
+By default the top-level grouping will be displayed as a “root” in the UI (the all-caps, non expandable grouping in the screenshot above). If you prefer, you can [configure Storybook](../configure/sidebar-and-urls.md#roots) to not show roots.
+
+We recommend naming components according to the file hierarchy.
+
+## Sorting stories
+
+By default, stories are sorted in the order in which they were imported. This can be overridden by adding `storySort` to the `options` parameters in your `preview.js` file.
+
+The most powerful method of sorting is to provide a function to `storySort`. Any custom sorting can be achieved with this method.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-sort-function.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+The `storySort` can also accept a configuration object.
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-empty-sort-object.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+| Field       |  Type  |                       Description                        | Required |      Default Value      |          Example          |
+| ----------- | :----: | :------------------------------------------------------: | :------: | :---------------------: | :-----------------------: |
+| **method**  | String | Tells Storybook in which order the stories are displayed |    No    | Storybook configuration |     `'alphabetical'`      |
+| **order**   | Array  |     The stories to be show, ordered by supplied name     |    No    |    Empty Array `[]`     | `['Intro', 'Components']` |
+| **locales** | String |           The locale required to be displayed            |    No    |      System locale      |          `en-US`          |
+
+To sort your stories alphabetically, set `method` to `'alphabetical'` and optionally set the `locales` string. To sort your stories using a custom list, use the `order` array; stories that don't match an item in the `order` list will appear after the items in the list.
+
+The `order` array can accept a nested array in order to sort 2nd-level story kinds. For example:
+
+<!-- prettier-ignore-start -->
+
+<CodeSnippets
+  paths={[
+    'common/storybook-preview-with-ordered-pages.js.mdx',
+  ]}
+/>
+
+<!-- prettier-ignore-end -->
+
+Which would result in this story ordering:
+
+1. `Intro` and then `Intro/*` stories
+2. `Pages` story
+3. `Pages/Home` and `Pages/Home/*` stories
+4. `Pages/Login` and `Pages/Login/*` stories
+5. `Pages/Admin` and `Pages/Admin/*` stories
+6. `Pages/*` stories
+7. `Components` and `Components/*` stories
+8. All other stories
+
+Note that the `order` option is independent of the `method` option; stories are sorted first by the `order` array and then by either the `method: 'alphabetical'` or the default `configure()` import order.
diff --git a/docs/writing-stories/naming-hierarchy-no-path.png b/docs/writing-stories/naming-hierarchy-no-path.png
new file mode 100644
index 00000000000..bcca9fc8761
Binary files /dev/null and b/docs/writing-stories/naming-hierarchy-no-path.png differ
diff --git a/docs/writing-stories/naming-hierarchy-with-path.png b/docs/writing-stories/naming-hierarchy-with-path.png
new file mode 100644
index 00000000000..62906377085
Binary files /dev/null and b/docs/writing-stories/naming-hierarchy-with-path.png differ
diff --git a/docs/writing-stories/parameters-background-colors.png b/docs/writing-stories/parameters-background-colors.png
new file mode 100644
index 00000000000..5d2a1689564
Binary files /dev/null and b/docs/writing-stories/parameters-background-colors.png differ
diff --git a/docs/writing-stories/parameters.md b/docs/writing-stories/parameters.md
new file mode 100644
index 00000000000..a39c0babea0
--- /dev/null
+++ b/docs/writing-stories/parameters.md
@@ -0,0 +1,82 @@
+---
+title: 'Parameters'
+---
+
+Parameters are a set of static, named metadata about a story, typically used to control the behavior of Storybook features and addons.
+
+For example, let’s customize the backgrounds addon via a parameter. We’ll use `parameters.backgrounds` to define which backgrounds appear in the backgrounds toolbar when a story is selected.
+
+## Story parameters
+
+We can set a parameter for a single story with the `parameters` key on a CSF export:
+
+```js
+// Button.story.js
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+Primary.parameters = {
+  backgrounds: {
+    values: [
+      { name: 'red', value: '#f00' },
+      { name: 'green', value: '#0f0' },
+    ],
+  },
+};
+```
+
+## Component parameters
+
+We can set the parameters for all stories of a component using the `parameters` key on the default CSF export:
+
+```js
+// Button.story.js
+
+import Button from './';
+
+export default {
+  title: 'Button',
+  component: Button,
+  parameters: {
+    backgrounds: {
+      values: [
+        { name: 'red', value: '#f00' },
+        { name: 'green', value: '#0f0' },
+      ],
+    },
+  },
+};
+```
+
+## Global parameters
+
+We can also set the parameters for **all stories** via the `parameters` export of your [`.storybook/preview.js`](../configure/overview.md#configure-story-rendering) file (this is the file where you configure all stories):
+
+```js
+// .storybook/preview.js
+
+export const parameters = {
+  backgrounds: {
+    values: [
+      { name: 'red', value: '#f00' },
+      { name: 'green', value: '#0f0' },
+    ],
+  },
+};
+```
+
+Setting a global parameter is a common way to configure addons. With backgrounds, you configure the list of backgrounds that every story can render in.
+
+## Rules of parameter inheritance
+
+The way the global, component and story parameters are combined is:
+
+- More specific parameters take precedence (so a story parameter overwrites a component parameter which overwrites a global parameter).
+- Parameters are **merged** so keys are only ever overwritten, never dropped.
+
+The merging of parameters is important. It means it is possible to override a single specific sub-parameter on a per-story basis but still retain the majority of the parameters defined globally.
+
+If you are defining an API that relies on parameters (e..g an [**addon**](../api/addons.md)) it is a good idea to take this behavior into account.
diff --git a/docs/yarn.lock b/docs/yarn.lock
deleted file mode 100644
index 067a0ceaed7..00000000000
--- a/docs/yarn.lock
+++ /dev/null
@@ -1,13275 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@babel/code-frame@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0.tgz#06e2ab19bdb535385559aabb5ba59729482800f8"
-  integrity sha512-OfC2uemaknXr87bdLUkWog7nYuliM9Ij5HUcajsVcMCpQrcLmtxRbVFTIqmcSkSeYRBFBRxs2FiUqFJDLdiebA==
-  dependencies:
-    "@babel/highlight" "^7.0.0"
-
-"@babel/generator@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.4.4.tgz#174a215eb843fc392c7edcaabeaa873de6e8f041"
-  integrity sha512-53UOLK6TVNqKxf7RUh8NE851EHRxOOeVXKbK2bivdb+iziMyk03Sr4eaE9OELCbyZAAafAKPDwF2TPUES5QbxQ==
-  dependencies:
-    "@babel/types" "^7.4.4"
-    jsesc "^2.5.1"
-    lodash "^4.17.11"
-    source-map "^0.5.0"
-    trim-right "^1.0.1"
-
-"@babel/helper-annotate-as-pure@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.0.0.tgz#323d39dd0b50e10c7c06ca7d7638e6864d8c5c32"
-  integrity sha512-3UYcJUj9kvSLbLbUIfQTqzcy5VX7GRZ/CCDrnOaZorFFM01aXp1+GJwuFGV4NDDoAS+mOUyHcO6UD/RfqOks3Q==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@babel/helper-function-name@^7.1.0":
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.1.0.tgz#a0ceb01685f73355d4360c1247f582bfafc8ff53"
-  integrity sha512-A95XEoCpb3TO+KZzJ4S/5uW5fNe26DjBGqf1o9ucyLyCmi1dXq/B3c8iaWTfBk3VvetUxl16e8tIrd5teOCfGw==
-  dependencies:
-    "@babel/helper-get-function-arity" "^7.0.0"
-    "@babel/template" "^7.1.0"
-    "@babel/types" "^7.0.0"
-
-"@babel/helper-get-function-arity@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz#83572d4320e2a4657263734113c42868b64e49c3"
-  integrity sha512-r2DbJeg4svYvt3HOS74U4eWKsUAMRH01Z1ds1zx8KNTPtpTL5JAsdFv8BNyOpVqdFhHkkRDIg5B4AsxmkjAlmQ==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@babel/helper-module-imports@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.0.0.tgz#96081b7111e486da4d2cd971ad1a4fe216cc2e3d"
-  integrity sha512-aP/hlLq01DWNEiDg4Jn23i+CXxW/owM4WpDLFUbpjxe4NS3BhLVZQ5i7E0ZrxuQ/vwekIeciyamgB1UIYxxM6A==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@babel/helper-split-export-declaration@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.4.tgz#ff94894a340be78f53f06af038b205c49d993677"
-  integrity sha512-Ro/XkzLf3JFITkW6b+hNxzZ1n5OQ80NvIUdmHspih1XAhtN3vPTuUFT4eQnela+2MaZ5ulH+iyP513KJrxbN7Q==
-  dependencies:
-    "@babel/types" "^7.4.4"
-
-"@babel/highlight@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0.tgz#f710c38c8d458e6dd9a201afb637fcb781ce99e4"
-  integrity sha512-UFMC4ZeFC48Tpvj7C8UgLvtkaUuovQX+5xNWrsIoMG8o2z+XFKjKaN9iVmS84dPwVN00W4wPmqvYoZF3EGAsfw==
-  dependencies:
-    chalk "^2.0.0"
-    esutils "^2.0.2"
-    js-tokens "^4.0.0"
-
-"@babel/parser@^7.4.4", "@babel/parser@^7.4.5":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.4.5.tgz#04af8d5d5a2b044a2a1bffacc1e5e6673544e872"
-  integrity sha512-9mUqkL1FF5T7f0WDFfAoDdiMVPWsdD1gZYzSnaXsxUCUqzuch/8of9G3VUSNiZmMBoRxT3neyVsqeiL/ZPcjew==
-
-"@babel/runtime@7.3.4":
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.3.4.tgz#73d12ba819e365fcf7fd152aed56d6df97d21c83"
-  integrity sha512-IvfvnMdSaLBateu0jfsYIpZTxAc2cKEXEMiezGGN75QcBcecDUKd3PgLAncT0oOgxKy8dd8hrJKj9MfzgfZd6g==
-  dependencies:
-    regenerator-runtime "^0.12.0"
-
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.4.2", "@babel/runtime@^7.4.3", "@babel/runtime@^7.4.5", "@babel/runtime@^7.6.3":
-  version "7.6.3"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.6.3.tgz#935122c74c73d2240cafd32ddb5fc2a6cd35cf1f"
-  integrity sha512-kq6anf9JGjW8Nt5rYfEuGRaEAaH1mkv3Bbu6rYvLOpPh/RusSJXuKPEAoZ7L7gybZkchE8+NV5g9vKF4AGAtsA==
-  dependencies:
-    regenerator-runtime "^0.13.2"
-
-"@babel/template@^7.1.0":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.4.4.tgz#f4b88d1225689a08f5bc3a17483545be9e4ed237"
-  integrity sha512-CiGzLN9KgAvgZsnivND7rkA+AeJ9JB0ciPOD4U59GKbQP2iQl+olF1l76kJOupqidozfZ32ghwBEJDhnk9MEcw==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.4.4"
-    "@babel/types" "^7.4.4"
-
-"@babel/traverse@^7.0.0":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.4.5.tgz#4e92d1728fd2f1897dafdd321efbff92156c3216"
-  integrity sha512-Vc+qjynwkjRmIFGxy0KYoPj4FdVDxLej89kMHFsWScq999uX+pwcX4v9mWRjW0KcAYTPAuVQl2LKP1wEVLsp+A==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/generator" "^7.4.4"
-    "@babel/helper-function-name" "^7.1.0"
-    "@babel/helper-split-export-declaration" "^7.4.4"
-    "@babel/parser" "^7.4.5"
-    "@babel/types" "^7.4.4"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.11"
-
-"@babel/types@^7.0.0":
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.3.4.tgz#bf482eaeaffb367a28abbf9357a94963235d90ed"
-  integrity sha512-WEkp8MsLftM7O/ty580wAmZzN1nDmCACc5+jFzUt+GUFNNIi3LdRlueYz0YIlmJhlZx1QYDMZL5vdWCL0fNjFQ==
-  dependencies:
-    esutils "^2.0.2"
-    lodash "^4.17.11"
-    to-fast-properties "^2.0.0"
-
-"@babel/types@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.4.4.tgz#8db9e9a629bb7c29370009b4b779ed93fe57d5f0"
-  integrity sha512-dOllgYdnEFOebhkKCjzSVFqw/PmmB8pH6RGOWkY4GsboQNd47b1fBThBSwlHAq9alF9vc1M3+6oqR47R50L0tQ==
-  dependencies:
-    esutils "^2.0.2"
-    lodash "^4.17.11"
-    to-fast-properties "^2.0.0"
-
-"@emotion/cache@^10.0.14":
-  version "10.0.14"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.14.tgz#56093cff025c04b0330bdd92afe8335ed326dd18"
-  integrity sha512-HNGEwWnPlNyy/WPXBXzbjzkzeZFV657Z99/xq2xs5yinJHbMfi3ioCvBJ6Y8Zc8DQzO9F5jDmVXJB41Ytx3QMw==
-  dependencies:
-    "@emotion/sheet" "0.9.3"
-    "@emotion/stylis" "0.8.4"
-    "@emotion/utils" "0.11.2"
-    "@emotion/weak-memoize" "0.2.3"
-
-"@emotion/core@^10.0.14":
-  version "10.0.14"
-  resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.0.14.tgz#cac5c334b278d5b7688cfff39e460a5b50abb71c"
-  integrity sha512-G9FbyxLm3lSnPfLDcag8fcOQBKui/ueXmWOhV+LuEQg9HrqExuWnWaO6gm6S5rNe+AMcqLXVljf8pYgAdFLNSg==
-  dependencies:
-    "@babel/runtime" "^7.4.3"
-    "@emotion/cache" "^10.0.14"
-    "@emotion/css" "^10.0.14"
-    "@emotion/serialize" "^0.11.8"
-    "@emotion/sheet" "0.9.3"
-    "@emotion/utils" "0.11.2"
-
-"@emotion/css@^10.0.14":
-  version "10.0.14"
-  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-10.0.14.tgz#95dacabdd0e22845d1a1b0b5968d9afa34011139"
-  integrity sha512-MozgPkBEWvorcdpqHZE5x1D/PLEHUitALQCQYt2wayf4UNhpgQs2tN0UwHYS4FMy5ROBH+0ALyCFVYJ/ywmwlg==
-  dependencies:
-    "@emotion/serialize" "^0.11.8"
-    "@emotion/utils" "0.11.2"
-    babel-plugin-emotion "^10.0.14"
-
-"@emotion/hash@0.7.2":
-  version "0.7.2"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.7.2.tgz#53211e564604beb9befa7a4400ebf8147473eeef"
-  integrity sha512-RMtr1i6E8MXaBWwhXL3yeOU8JXRnz8GNxHvaUfVvwxokvayUY0zoBeWbKw1S9XkufmGEEdQd228pSZXFkAln8Q==
-
-"@emotion/is-prop-valid@0.8.2", "@emotion/is-prop-valid@^0.8.1":
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.2.tgz#b9692080da79041683021fcc32f96b40c54c59dc"
-  integrity sha512-ZQIMAA2kLUWiUeMZNJDTeCwYRx1l8SQL0kHktze4COT22occKpDML1GDUXP5/sxhOMrZO8vZw773ni4H5Snrsg==
-  dependencies:
-    "@emotion/memoize" "0.7.2"
-
-"@emotion/memoize@0.7.2":
-  version "0.7.2"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.2.tgz#7f4c71b7654068dfcccad29553520f984cc66b30"
-  integrity sha512-hnHhwQzvPCW1QjBWFyBtsETdllOM92BfrKWbUTmh9aeOlcVOiXvlPsK4104xH8NsaKfg86PTFsWkueQeUfMA/w==
-
-"@emotion/serialize@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.8.tgz#e41dcf7029e45286a3e0cf922933e670fe05402c"
-  integrity sha512-Qb6Us2Yk1ZW8SOYH6s5z7qzXXb2iHwVeqc6FjXtac0vvxC416ki0eTtHNw4Q5smoyxdyZh3519NKGrQvvvrZ/Q==
-  dependencies:
-    "@emotion/hash" "0.7.2"
-    "@emotion/memoize" "0.7.2"
-    "@emotion/unitless" "0.7.4"
-    "@emotion/utils" "0.11.2"
-    csstype "^2.5.7"
-
-"@emotion/sheet@0.9.3":
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-0.9.3.tgz#689f135ecf87d3c650ed0c4f5ddcbe579883564a"
-  integrity sha512-c3Q6V7Df7jfwSq5AzQWbXHa5soeE4F5cbqi40xn0CzXxWW9/6Mxq48WJEtqfWzbZtW9odZdnRAkwCQwN12ob4A==
-
-"@emotion/styled-base@^10.0.14":
-  version "10.0.14"
-  resolved "https://registry.yarnpkg.com/@emotion/styled-base/-/styled-base-10.0.14.tgz#1b78a93e067ea852b2069339fcfd72c32ec91e4d"
-  integrity sha512-1nC5iO/Rk0DY47M5wXCyWpbo/woiwXWfVbNKDM3QRi7CKq8CwC++PQ5HgiYflFrAt1vjzIVZqnzrIn3idUoQgg==
-  dependencies:
-    "@babel/runtime" "^7.4.3"
-    "@emotion/is-prop-valid" "0.8.2"
-    "@emotion/serialize" "^0.11.8"
-    "@emotion/utils" "0.11.2"
-
-"@emotion/styled@^10.0.14":
-  version "10.0.14"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-10.0.14.tgz#538bcf0d67bf8f6de946bcfbee53dc7d0187b346"
-  integrity sha512-Ae8d5N/FmjvZKXjqWcjfhZhjCdkvxZSqD95Q72BYDNQnsOKLHIA4vWlMolLXDNkw1dIxV3l2pp82Z87HXj6eYQ==
-  dependencies:
-    "@emotion/styled-base" "^10.0.14"
-    babel-plugin-emotion "^10.0.14"
-
-"@emotion/stylis@0.8.4":
-  version "0.8.4"
-  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.4.tgz#6c51afdf1dd0d73666ba09d2eb6c25c220d6fe4c"
-  integrity sha512-TLmkCVm8f8gH0oLv+HWKiu7e8xmBIaokhxcEKPh1m8pXiV/akCiq50FvYgOwY42rjejck8nsdQxZlXZ7pmyBUQ==
-
-"@emotion/unitless@0.7.4", "@emotion/unitless@^0.7.0":
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.4.tgz#a87b4b04e5ae14a88d48ebef15015f6b7d1f5677"
-  integrity sha512-kBa+cDHOR9jpRJ+kcGMsysrls0leukrm68DmFQoMIWQcXdr2cZvyvypWuGYT7U+9kAExUE7+T7r6G3C3A6L8MQ==
-
-"@emotion/utils@0.11.2":
-  version "0.11.2"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.11.2.tgz#713056bfdffb396b0a14f1c8f18e7b4d0d200183"
-  integrity sha512-UHX2XklLl3sIaP6oiMmlVzT0J+2ATTVpf0dHQVyPJHTkOITvXfaSqnRk6mdDhV9pR8T/tHc3cex78IKXssmzrA==
-
-"@emotion/weak-memoize@0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.3.tgz#dfa0c92efe44a1d1a7974fb49ffeb40ef2da5a27"
-  integrity sha512-zVgvPwGK7c1aVdUVc9Qv7SqepOGRDrqCw7KZPSZziWGxSlbII3gmvGLPzLX4d0n0BMbamBacUrN22zOMyFFEkQ==
-
-"@ndhoule/each@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@ndhoule/each/-/each-2.0.1.tgz#bbed372a603e0713a3193c706a73ddebc5b426a9"
-  integrity sha1-u+03KmA+BxOjGTxwanPd68W0Jqk=
-  dependencies:
-    "@ndhoule/keys" "^2.0.0"
-
-"@ndhoule/keys@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@ndhoule/keys/-/keys-2.0.0.tgz#3d64ae677c65a261747bf3a457c62eb292a4e0ce"
-  integrity sha1-PWSuZ3xlomF0e/OkV8YuspKk4M4=
-
-"@ndhoule/map@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@ndhoule/map/-/map-2.0.1.tgz#f5ca0a47424ea67f46e2a6d499b9e9bc886aefa8"
-  integrity sha1-9coKR0JOpn9G4qbUmbnpvIhq76g=
-  dependencies:
-    "@ndhoule/each" "^2.0.1"
-
-"@segment/snippet@^4.0.1":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@segment/snippet/-/snippet-4.4.0.tgz#153f17b8048a2764bbb1343a61f3c3c24da038e2"
-  integrity sha1-FT8XuASKJ2S7sTQ6YfPDwk2gOOI=
-  dependencies:
-    "@ndhoule/map" "^2.0.1"
-
-"@storybook/client-logger@5.2.5":
-  version "5.2.5"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-5.2.5.tgz#6f386ac6f81b4a783c57d54bb328281abbea1bab"
-  integrity sha512-6DyYUrMgAvF+th0foH7UNz+2JJpRdvNbpvYKtvi/+hlvRIaI6AqANgLkPUgMibaif5TLzjCr0bLdAYcjeJz03w==
-  dependencies:
-    core-js "^3.0.1"
-
-"@storybook/components@5.2.5":
-  version "5.2.5"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-5.2.5.tgz#40190dafbee34f083182255d26c19a0ea50789c8"
-  integrity sha512-6NVaBJm5wY53e9k+2ZiL2ABsHghE1ssQciLTG3jJPahnM6rfkM8ue66rhxhP88jE9isT48JgOZOJepEyxDz/fg==
-  dependencies:
-    "@storybook/client-logger" "5.2.5"
-    "@storybook/theming" "5.2.5"
-    "@types/react-syntax-highlighter" "10.1.0"
-    "@types/react-textarea-autosize" "^4.3.3"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    markdown-to-jsx "^6.9.1"
-    memoizerific "^1.11.3"
-    polished "^3.3.1"
-    popper.js "^1.14.7"
-    prop-types "^15.7.2"
-    react "^16.8.3"
-    react-dom "^16.8.3"
-    react-focus-lock "^1.18.3"
-    react-helmet-async "^1.0.2"
-    react-popper-tooltip "^2.8.3"
-    react-syntax-highlighter "^8.0.1"
-    react-textarea-autosize "^7.1.0"
-    simplebar-react "^1.0.0-alpha.6"
-
-"@storybook/theming@5.2.5":
-  version "5.2.5"
-  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.2.5.tgz#9579e7944f61ded637d1d79be5fb859a617620f5"
-  integrity sha512-PGZNYrRgAhXFJKnktFpyyKlaDXEhtTi5XPq5ASVJrsPW6l963Mk2EMKSm4TCTxIJhs0Kx4cv2MnNZFDqHf47eg==
-  dependencies:
-    "@emotion/core" "^10.0.14"
-    "@emotion/styled" "^10.0.14"
-    "@storybook/client-logger" "5.2.5"
-    common-tags "^1.8.0"
-    core-js "^3.0.1"
-    deep-object-diff "^1.1.0"
-    emotion-theming "^10.0.14"
-    global "^4.3.2"
-    memoizerific "^1.11.3"
-    polished "^3.3.1"
-    prop-types "^15.7.2"
-    resolve-from "^5.0.0"
-
-"@types/configstore@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@types/configstore/-/configstore-2.1.1.tgz#cd1e8553633ad3185c3f2f239ecff5d2643e92b6"
-  integrity sha1-zR6FU2M60xhcPy8jns/10mQ+krY=
-
-"@types/debug@^0.0.29":
-  version "0.0.29"
-  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-0.0.29.tgz#a1e514adfbd92f03a224ba54d693111dbf1f3754"
-  integrity sha1-oeUUrfvZLwOiJLpU1pMRHb8fN1Q=
-
-"@types/domhandler@2.4.1":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@types/domhandler/-/domhandler-2.4.1.tgz#7b3b347f7762180fbcb1ece1ce3dd0ebbb8c64cf"
-  integrity sha512-cfBw6q6tT5sa1gSPFSRKzF/xxYrrmeiut7E0TxNBObiLSBTuFEHibcfEe3waQPEDbqBsq+ql/TOniw65EyDFMA==
-
-"@types/estree@0.0.38":
-  version "0.0.38"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.38.tgz#c1be40aa933723c608820a99a373a16d215a1ca2"
-  integrity sha512-F/v7t1LwS4vnXuPooJQGBRKRGIoxWUTmA4VHfqjOccFsNDThD5bfUNpITive6s352O7o384wcpEaDV8rHCehDA==
-
-"@types/events@*":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
-  integrity sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==
-
-"@types/get-port@^0.0.4":
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/@types/get-port/-/get-port-0.0.4.tgz#eb6bb7423d9f888b632660dc7d2fd3e69a35643e"
-  integrity sha1-62u3Qj2fiItjJmDcfS/T5po1ZD4=
-
-"@types/glob@^5.0.30":
-  version "5.0.36"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-5.0.36.tgz#0c80a9c8664fc7d19781de229f287077fd622cb2"
-  integrity sha512-KEzSKuP2+3oOjYYjujue6Z3Yqis5HKA1BsIC+jZ1v3lrRNdsqyNNtX0rQf6LSuI4DJJ2z5UV//zBZCcvM0xikg==
-  dependencies:
-    "@types/events" "*"
-    "@types/minimatch" "*"
-    "@types/node" "*"
-
-"@types/history@*", "@types/history@^4.6.2":
-  version "4.7.2"
-  resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.2.tgz#0e670ea254d559241b6eeb3894f8754991e73220"
-  integrity sha512-ui3WwXmjTaY73fOQ3/m3nnajU/Orhi6cEu5rzX+BrAAJxa3eITXZ5ch9suPqtM03OWhAHhPSyBGCN4UKoxO20Q==
-
-"@types/minimatch@*":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
-  integrity sha512-tHq6qdbT9U1IRSGf14CL0pUlULksvY9OZ+5eEgl1N7t+OA3tGvNpxJCzuKQlsNgCVwbAs670L1vcVQi8j9HjnA==
-
-"@types/mkdirp@^0.3.29":
-  version "0.3.29"
-  resolved "https://registry.yarnpkg.com/@types/mkdirp/-/mkdirp-0.3.29.tgz#7f2ad7ec55f914482fc9b1ec4bb1ae6028d46066"
-  integrity sha1-fyrX7FX5FEgvybHsS7GuYCjUYGY=
-
-"@types/node@*", "@types/node@^12.0.2":
-  version "12.7.1"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.7.1.tgz#3b5c3a26393c19b400844ac422bd0f631a94d69d"
-  integrity sha512-aK9jxMypeSrhiYofWWBf/T7O+KwaiAHzM4sveCdWPn71lzUSMimRnKzhXDKfKwV1kWoBo2P1aGgaIYGLf9/ljw==
-
-"@types/node@^7.0.11":
-  version "7.10.6"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-7.10.6.tgz#c42137f0f2f6458bf0c898d65f48c5f600911475"
-  integrity sha512-d0BOAicT0tEdbdVQlLGOVul1kvg6YvbaADRCThGCz5NJ0e9r00SofcR1x69hmlCyrHuB6jd4cKzL9bMLjPnpAA==
-
-"@types/prop-types@*":
-  version "15.7.1"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.1.tgz#f1a11e7babb0c3cad68100be381d1e064c68f1f6"
-  integrity sha512-CFzn9idOEpHrgdw8JsoTkaDDyRWk1jrzIV8djzcgpq0y9tG4B4lFT+Nxh52DVpDXV+n4+NPNv7M1Dj5uMp6XFg==
-
-"@types/react-router-dom@^4.2.2":
-  version "4.3.3"
-  resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-4.3.3.tgz#7837e3e9fefbc84a8f6c8a51dca004f4e83e94e3"
-  integrity sha512-xj0DmFjgvAqRfh/kJPO7apD5G30yPQe+8slu/dugioQOkdKpyzc4Fgk4hoTelm6CSHz7pI2PPsW5+Y6GRBF2zw==
-  dependencies:
-    "@types/history" "*"
-    "@types/react" "*"
-    "@types/react-router" "*"
-
-"@types/react-router@*":
-  version "4.4.5"
-  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-4.4.5.tgz#1166997dc7eef2917b5ebce890ebecb32ee5c1b3"
-  integrity sha512-12+VOu1+xiC8RPc9yrgHCyLI79VswjtuqeS2gPrMcywH6tkc8rGIUhs4LaL3AJPqo5d+RPnfRpNKiJ7MK2Qhcg==
-  dependencies:
-    "@types/history" "*"
-    "@types/react" "*"
-
-"@types/react-syntax-highlighter@10.1.0":
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/@types/react-syntax-highlighter/-/react-syntax-highlighter-10.1.0.tgz#9c534e29bbe05dba9beae1234f3ae944836685d4"
-  integrity sha512-dF49hC4FZp1dIKyzacOrHvqMUe8U2IXyQCQXOcT1e6n64gLBp+xM6qGtPsThIT9XjiIHSg2W5Jc2V5IqekBfnA==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react-textarea-autosize@^4.3.3":
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/@types/react-textarea-autosize/-/react-textarea-autosize-4.3.4.tgz#9a93f751c91ad5e86387bce75e3b7e11ed195813"
-  integrity sha512-LLqG27BJGt8ja9x4umQXbnK9pRd0dI23X/GXBcuf476feOZ+e5QiKJYmWOHwAJC3YLl3YixDSigzfF4gzVQZ5w==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react@*":
-  version "16.8.16"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.8.16.tgz#2bf980b4fb29cceeb01b2c139b3e185e57d3e08e"
-  integrity sha512-A0+6kS6zwPtvubOLiCJmZ8li5bm3wKIkoKV0h3RdMDOnCj9cYkUnj3bWbE03/lcICdQmwBmUfoFiHeNhbFiyHQ==
-  dependencies:
-    "@types/prop-types" "*"
-    csstype "^2.2.0"
-
-"@types/sax@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@types/sax/-/sax-1.2.0.tgz#6025e0b7fc7cd5f3d83808a6809730bac798565d"
-  integrity sha512-D8ef/GGUjiHuUOiXV6tkJw6Zq2Sm8vcBScJSvj+monDI5YncJ6M3oNIXR7EtmWPVqJw0jsZF2ARN/X5gvGmQSA==
-  dependencies:
-    "@types/node" "*"
-
-"@types/tmp@^0.0.32":
-  version "0.0.32"
-  resolved "https://registry.yarnpkg.com/@types/tmp/-/tmp-0.0.32.tgz#0d3cb31022f8427ea58c008af32b80da126ca4e3"
-  integrity sha1-DTyzECL4Qn6ljACK8yuA2hJspOM=
-
-"@zeit/schemas@2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@zeit/schemas/-/schemas-2.1.1.tgz#bca9d84df177c85f2d2a7dad37512f384761b23d"
-  integrity sha512-7uBms9Uwzq1GnLK7ar4FvhUONW5PuuASBomeMJ5rREMYxWdm2R0/5iXH2gUm8uqVT1x8U51CGuoaF40Tc0xoJA==
-
-abbrev@1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
-  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
-
-accepts@^1.3.0, accepts@~1.3.4, accepts@~1.3.5:
-  version "1.3.7"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
-  integrity sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==
-  dependencies:
-    mime-types "~2.1.24"
-    negotiator "0.6.2"
-
-acorn@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
-  integrity sha1-ReN/s56No/JbruP/U2niu18iAXo=
-
-address@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.0.3.tgz#b5f50631f8d6cec8bd20c963963afb55e06cbce9"
-  integrity sha512-z55ocwKBRLryBs394Sm3ushTtBeg6VAeuku7utSoSnsJKvKcnXFIyC6vh27n3rXyxSgkJBBCAvyOn7gSUcTYjg==
-
-address@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.1.0.tgz#ef8e047847fcd2c5b6f50c16965f924fd99fe709"
-  integrity sha512-4diPfzWbLEIElVG4AnqP+00SULlPzNuyJFNnmMrLgyaxG6tZXJ1sn7mjBu4fHrJE+Yp/jgylOweJn2xsLMFggQ==
-
-after@0.8.2:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f"
-  integrity sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=
-
-ajv@6.5.2:
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.5.2.tgz#678495f9b82f7cca6be248dd92f59bff5e1f4360"
-  integrity sha512-hOs7GfvI6tUI1LfZddH82ky6mOMyTuY0mk7kE2pWpmhhUSkumzaTO5vbVwij39MdwPQWCV4Zv57Eo06NtL/GVA==
-  dependencies:
-    fast-deep-equal "^2.0.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.1"
-
-ajv@^5.0.0:
-  version "5.5.2"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.5.2.tgz#73b5eeca3fab653e3d3f9422b341ad42205dc965"
-  integrity sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=
-  dependencies:
-    co "^4.6.0"
-    fast-deep-equal "^1.0.0"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.3.0"
-
-ajv@^6.5.5:
-  version "6.10.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.0.tgz#90d0d54439da587cd7e843bfb7045f50bd22bdf1"
-  integrity sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==
-  dependencies:
-    fast-deep-equal "^2.0.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-align-text@^0.1.1, align-text@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
-  integrity sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=
-  dependencies:
-    kind-of "^3.0.2"
-    longest "^1.0.1"
-    repeat-string "^1.5.2"
-
-alphanum-sort@^1.0.1, alphanum-sort@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
-  integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
-
-amdefine@>=0.0.4:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
-  integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=
-
-ansi-align@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
-  integrity sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=
-  dependencies:
-    string-width "^2.0.0"
-
-ansi-escapes@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
-  integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
-
-ansi-gray@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-gray/-/ansi-gray-0.1.1.tgz#2962cf54ec9792c48510a3deb524436861ef7251"
-  integrity sha1-KWLPVOyXksSFEKPetSRDaGHvclE=
-  dependencies:
-    ansi-wrap "0.1.0"
-
-ansi-html@0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
-  integrity sha1-gTWEAhliqenm/QOflA0S9WynhZ4=
-
-ansi-regex@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
-
-ansi-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
-  integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
-
-ansi-styles@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
-  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
-
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
-ansi-wrap@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-wrap/-/ansi-wrap-0.1.0.tgz#a82250ddb0015e9a27ca82e82ea603bbfa45efaf"
-  integrity sha1-qCJQ3bABXponyoLoLqYDu/pF768=
-
-ansi@^0.3.0, ansi@~0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/ansi/-/ansi-0.3.1.tgz#0c42d4fb17160d5a9af1e484bace1c66922c1b21"
-  integrity sha1-DELU+xcWDVqa8eSEus4cZpIsGyE=
-
-any-promise@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-0.1.0.tgz#830b680aa7e56f33451d4b049f3bd8044498ee27"
-  integrity sha1-gwtoCqflbzNFHUsEnzvYBESY7ic=
-
-any-promise@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha1-q8av7tzqUugJzcA3au0845Y10X8=
-
-anymatch@^1.3.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.2.tgz#553dcb8f91e3c889845dfdba34c77721b90b9d7a"
-  integrity sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==
-  dependencies:
-    micromatch "^2.1.5"
-    normalize-path "^2.0.0"
-
-aproba@^1.0.3:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
-  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
-
-arch@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/arch/-/arch-2.1.1.tgz#8f5c2731aa35a30929221bb0640eed65175ec84e"
-  integrity sha512-BLM56aPo9vLLFVa8+/+pJLnrZ7QGGTVHWsCwieAWT9o9K8UeGaQbzZbGoabWLOo2ksBCztoXdqBZBplqLDDCSg==
-
-archive-type@^3.0.0, archive-type@^3.0.1:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/archive-type/-/archive-type-3.2.0.tgz#9cd9c006957ebe95fadad5bd6098942a813737f6"
-  integrity sha1-nNnABpV+vpX62tW9YJiUKoE3N/Y=
-  dependencies:
-    file-type "^3.1.0"
-
-are-we-there-yet@~1.1.2:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"
-  integrity sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==
-  dependencies:
-    delegates "^1.0.0"
-    readable-stream "^2.0.6"
-
-arg@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-2.0.0.tgz#c06e7ff69ab05b3a4a03ebe0407fac4cba657545"
-  integrity sha512-XxNTUzKnz1ctK3ZIcI2XUPlD96wbHP2nGqkPKpvk/HNRlPveYrXIVSTk9m3LcqOgDPg3B1nMvdV/K8wZd7PG4w==
-
-arg@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.1.tgz#485f8e7c390ce4c5f78257dbea80d4be11feda4c"
-  integrity sha512-SlmP3fEA88MBv0PypnXZ8ZfJhwmDeIE3SP71j37AiXQBXYosPV0x6uISAaHYSlSVhmHOVkomen0tbGk6Anlebw==
-
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-  dependencies:
-    sprintf-js "~1.0.2"
-
-arr-diff@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
-  integrity sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=
-  dependencies:
-    arr-flatten "^1.0.1"
-
-arr-diff@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
-  integrity sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=
-
-arr-flatten@^1.0.1, arr-flatten@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
-  integrity sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==
-
-arr-union@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
-  integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
-
-array-differ@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-differ/-/array-differ-1.0.0.tgz#eff52e3758249d33be402b8bb8e564bb2b5d4031"
-  integrity sha1-7/UuN1gknTO+QCuLuOVkuytdQDE=
-
-array-each@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/array-each/-/array-each-1.0.1.tgz#a794af0c05ab1752846ee753a1f211a05ba0c44f"
-  integrity sha1-p5SvDAWrF1KEbudTofIRoFugxE8=
-
-array-filter@~0.0.0:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/array-filter/-/array-filter-0.0.1.tgz#7da8cf2e26628ed732803581fd21f67cacd2eeec"
-  integrity sha1-fajPLiZijtcygDWB/SH2fKzS7uw=
-
-array-find-index@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
-  integrity sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=
-
-array-flatten@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
-  integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
-
-array-iterate@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/array-iterate/-/array-iterate-1.1.3.tgz#b116bdb1e37f3c3fec13acdfb91ac829f122543c"
-  integrity sha512-7MIv7HE9MuzfK6B2UnWv07oSHBLOaY1UUXAxZ07bIeRM+4IkPTlveMDs9MY//qvxPZPSvCn2XV4bmtQgSkVodg==
-
-array-map@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/array-map/-/array-map-0.0.0.tgz#88a2bab73d1cf7bcd5c1b118a003f66f665fa662"
-  integrity sha1-iKK6tz0c97zVwbEYoAP2b2ZfpmI=
-
-array-reduce@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/array-reduce/-/array-reduce-0.0.0.tgz#173899d3ffd1c7d9383e4479525dbe278cab5f2b"
-  integrity sha1-FziZ0//Rx9k4PkR5Ul2+J4yrXys=
-
-array-slice@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-1.1.0.tgz#e368ea15f89bc7069f7ffb89aec3a6c7d4ac22d4"
-  integrity sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==
-
-array-union@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
-  integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
-  dependencies:
-    array-uniq "^1.0.1"
-
-array-uniq@^1.0.0, array-uniq@^1.0.1, array-uniq@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-  integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
-
-array-unique@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
-  integrity sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=
-
-array-unique@^0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
-  integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
-
-arraybuffer.slice@~0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz#3bbc4275dd584cc1b10809b89d4e8b63a69e7675"
-  integrity sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==
-
-asap@~2.0.3:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
-
-asn1.js@^4.0.0:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
-  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
-  dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
-asn1@~0.2.3:
-  version "0.2.4"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
-  integrity sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==
-  dependencies:
-    safer-buffer "~2.1.0"
-
-assert-plus@1.0.0, assert-plus@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
-  integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
-
-assert@^1.1.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.4.1.tgz#99912d591836b5a6f5b345c0f07eefc08fc65d91"
-  integrity sha1-mZEtWRg2tab1s0XA8H7vwI/GXZE=
-  dependencies:
-    util "0.10.3"
-
-assign-symbols@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
-  integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
-
-async-each-series@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/async-each-series/-/async-each-series-1.1.0.tgz#f42fd8155d38f21a5b8ea07c28e063ed1700b138"
-  integrity sha1-9C/YFV048hpbjqB8KOBj7RcAsTg=
-
-async-each@^1.0.0, async-each@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
-  integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==
-
-async-limiter@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.0.tgz#78faed8c3d074ab81f22b4e985d79e8738f720f8"
-  integrity sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==
-
-async@^0.9.0:
-  version "0.9.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-0.9.2.tgz#aea74d5e61c1f899613bf64bda66d4c78f2fd17d"
-  integrity sha1-rqdNXmHB+JlhO/ZL2mbUx48v0X0=
-
-async@^1.3.0, async@^1.5.0:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
-  integrity sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=
-
-async@^2.1.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.2.tgz#18330ea7e6e313887f5d2f2a904bac6fe4dd5381"
-  integrity sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==
-  dependencies:
-    lodash "^4.17.11"
-
-async@~0.2.6:
-  version "0.2.10"
-  resolved "https://registry.yarnpkg.com/async/-/async-0.2.10.tgz#b6bbe0b0674b9d719708ca38de8c237cb526c3d1"
-  integrity sha1-trvgsGdLnXGXCMo43owjfLUmw9E=
-
-asynckit@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
-
-atob@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
-autoprefixer@^6.0.2, autoprefixer@^6.3.1:
-  version "6.7.7"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.7.7.tgz#1dbd1c835658e35ce3f9984099db00585c782014"
-  integrity sha1-Hb0cg1ZY41zj+ZhAmdsAWFx4IBQ=
-  dependencies:
-    browserslist "^1.7.6"
-    caniuse-db "^1.0.30000634"
-    normalize-range "^0.1.2"
-    num2fraction "^1.2.2"
-    postcss "^5.2.16"
-    postcss-value-parser "^3.2.3"
-
-aws-sign2@~0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
-  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
-
-aws4@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
-  integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
-
-babel-cli@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-cli/-/babel-cli-6.26.0.tgz#502ab54874d7db88ad00b887a06383ce03d002f1"
-  integrity sha1-UCq1SHTX24itALiHoGODzgPQAvE=
-  dependencies:
-    babel-core "^6.26.0"
-    babel-polyfill "^6.26.0"
-    babel-register "^6.26.0"
-    babel-runtime "^6.26.0"
-    commander "^2.11.0"
-    convert-source-map "^1.5.0"
-    fs-readdir-recursive "^1.0.0"
-    glob "^7.1.2"
-    lodash "^4.17.4"
-    output-file-sync "^1.1.2"
-    path-is-absolute "^1.0.1"
-    slash "^1.0.0"
-    source-map "^0.5.6"
-    v8flags "^2.1.1"
-  optionalDependencies:
-    chokidar "^1.6.1"
-
-babel-code-frame@6.26.0, babel-code-frame@^6.11.0, babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-code-frame/-/babel-code-frame-6.26.0.tgz#63fd43f7dc1e3bb7ce35947db8fe369a3f58c74b"
-  integrity sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=
-  dependencies:
-    chalk "^1.1.3"
-    esutils "^2.0.2"
-    js-tokens "^3.0.2"
-
-babel-core@^6.24.1, babel-core@^6.26.0:
-  version "6.26.3"
-  resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-6.26.3.tgz#b2e2f09e342d0f0c88e2f02e067794125e75c207"
-  integrity sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==
-  dependencies:
-    babel-code-frame "^6.26.0"
-    babel-generator "^6.26.0"
-    babel-helpers "^6.24.1"
-    babel-messages "^6.23.0"
-    babel-register "^6.26.0"
-    babel-runtime "^6.26.0"
-    babel-template "^6.26.0"
-    babel-traverse "^6.26.0"
-    babel-types "^6.26.0"
-    babylon "^6.18.0"
-    convert-source-map "^1.5.1"
-    debug "^2.6.9"
-    json5 "^0.5.1"
-    lodash "^4.17.4"
-    minimatch "^3.0.4"
-    path-is-absolute "^1.0.1"
-    private "^0.1.8"
-    slash "^1.0.0"
-    source-map "^0.5.7"
-
-babel-generator@^6.24.1, babel-generator@^6.26.0:
-  version "6.26.1"
-  resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.1.tgz#1844408d3b8f0d35a404ea7ac180f087a601bd90"
-  integrity sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==
-  dependencies:
-    babel-messages "^6.23.0"
-    babel-runtime "^6.26.0"
-    babel-types "^6.26.0"
-    detect-indent "^4.0.0"
-    jsesc "^1.3.0"
-    lodash "^4.17.4"
-    source-map "^0.5.7"
-    trim-right "^1.0.1"
-
-babel-helper-bindify-decorators@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-bindify-decorators/-/babel-helper-bindify-decorators-6.24.1.tgz#14c19e5f142d7b47f19a52431e52b1ccbc40a330"
-  integrity sha1-FMGeXxQte0fxmlJDHlKxzLxAozA=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-helper-builder-binary-assignment-operator-visitor@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz#cce4517ada356f4220bcae8a02c2b346f9a56664"
-  integrity sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=
-  dependencies:
-    babel-helper-explode-assignable-expression "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-helper-builder-react-jsx@^6.24.1:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-helper-builder-react-jsx/-/babel-helper-builder-react-jsx-6.26.0.tgz#39ff8313b75c8b65dceff1f31d383e0ff2a408a0"
-  integrity sha1-Of+DE7dci2Xc7/HzHTg+D/KkCKA=
-  dependencies:
-    babel-runtime "^6.26.0"
-    babel-types "^6.26.0"
-    esutils "^2.0.2"
-
-babel-helper-call-delegate@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz#ece6aacddc76e41c3461f88bfc575bd0daa2df8d"
-  integrity sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=
-  dependencies:
-    babel-helper-hoist-variables "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-helper-define-map@^6.24.1:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz#a5f56dab41a25f97ecb498c7ebaca9819f95be5f"
-  integrity sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=
-  dependencies:
-    babel-helper-function-name "^6.24.1"
-    babel-runtime "^6.26.0"
-    babel-types "^6.26.0"
-    lodash "^4.17.4"
-
-babel-helper-explode-assignable-expression@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz#f25b82cf7dc10433c55f70592d5746400ac22caa"
-  integrity sha1-8luCz33BBDPFX3BZLVdGQArCLKo=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-helper-explode-class@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-explode-class/-/babel-helper-explode-class-6.24.1.tgz#7dc2a3910dee007056e1e31d640ced3d54eaa9eb"
-  integrity sha1-fcKjkQ3uAHBW4eMdZAztPVTqqes=
-  dependencies:
-    babel-helper-bindify-decorators "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-helper-function-name@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz#d3475b8c03ed98242a25b48351ab18399d3580a9"
-  integrity sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=
-  dependencies:
-    babel-helper-get-function-arity "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-helper-get-function-arity@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz#8f7782aa93407c41d3aa50908f89b031b1b6853d"
-  integrity sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-helper-hoist-variables@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz#1ecb27689c9d25513eadbc9914a73f5408be7a76"
-  integrity sha1-HssnaJydJVE+rbyZFKc/VAi+enY=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-helper-optimise-call-expression@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz#f7a13427ba9f73f8f4fa993c54a97882d1244257"
-  integrity sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-helper-regex@^6.24.1:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz#325c59f902f82f24b74faceed0363954f6495e72"
-  integrity sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=
-  dependencies:
-    babel-runtime "^6.26.0"
-    babel-types "^6.26.0"
-    lodash "^4.17.4"
-
-babel-helper-remap-async-to-generator@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz#5ec581827ad723fecdd381f1c928390676e4551b"
-  integrity sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=
-  dependencies:
-    babel-helper-function-name "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-helper-replace-supers@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz#bf6dbfe43938d17369a213ca8a8bf74b6a90ab1a"
-  integrity sha1-v22/5Dk40XNpohPKiov3S2qQqxo=
-  dependencies:
-    babel-helper-optimise-call-expression "^6.24.1"
-    babel-messages "^6.23.0"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-helpers@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-helpers/-/babel-helpers-6.24.1.tgz#3471de9caec388e5c850e597e58a26ddf37602b2"
-  integrity sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-loader@^6.0.0, babel-loader@^6.4.1:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-6.4.1.tgz#0b34112d5b0748a8dcdbf51acf6f9bd42d50b8ca"
-  integrity sha1-CzQRLVsHSKjc2/Uaz2+b1C1QuMo=
-  dependencies:
-    find-cache-dir "^0.1.1"
-    loader-utils "^0.2.16"
-    mkdirp "^0.5.1"
-    object-assign "^4.0.1"
-
-babel-messages@^6.23.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
-  integrity sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-add-module-exports@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-add-module-exports/-/babel-plugin-add-module-exports-0.2.1.tgz#9ae9a1f4a8dc67f0cdec4f4aeda1e43a5ff65e25"
-  integrity sha1-mumh9KjcZ/DN7E9K7aHkOl/2XiU=
-
-babel-plugin-check-es2015-constants@^6.22.0, babel-plugin-check-es2015-constants@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz#35157b101426fd2ffd3da3f75c7d1e91835bbf8a"
-  integrity sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-emotion@^10.0.14:
-  version "10.0.14"
-  resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-10.0.14.tgz#c1d0e4621e303507ea7da57daa3cd771939d6df4"
-  integrity sha512-T7hdxJ4xXkKW3OXcizK0pnUJlBeNj/emjQZPDIZvGOuwl2adIgicQWRNkz6BuwKdDTrqaXQn1vayaL6aL8QW5A==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@emotion/hash" "0.7.2"
-    "@emotion/memoize" "0.7.2"
-    "@emotion/serialize" "^0.11.8"
-    babel-plugin-macros "^2.0.0"
-    babel-plugin-syntax-jsx "^6.18.0"
-    convert-source-map "^1.5.0"
-    escape-string-regexp "^1.0.5"
-    find-root "^1.1.0"
-    source-map "^0.5.7"
-
-babel-plugin-macros@^2.0.0:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.5.1.tgz#4a119ac2c2e19b458c259b9accd7ee34fd57ec6f"
-  integrity sha512-xN3KhAxPzsJ6OQTktCanNpIFnnMsCV+t8OloKxIL72D6+SUZYFn9qfklPgef5HyyDtzYZqqb+fs1S12+gQY82Q==
-  dependencies:
-    "@babel/runtime" "^7.4.2"
-    cosmiconfig "^5.2.0"
-    resolve "^1.10.0"
-
-"babel-plugin-styled-components@>= 1", babel-plugin-styled-components@^1.10.6:
-  version "1.10.6"
-  resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.10.6.tgz#f8782953751115faf09a9f92431436912c34006b"
-  integrity sha512-gyQj/Zf1kQti66100PhrCRjI5ldjaze9O0M3emXRPAN80Zsf8+e1thpTpaXJXVHXtaM4/+dJEgZHyS9Its+8SA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.0.0"
-    "@babel/helper-module-imports" "^7.0.0"
-    babel-plugin-syntax-jsx "^6.18.0"
-    lodash "^4.17.11"
-
-babel-plugin-syntax-async-functions@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz#cad9cad1191b5ad634bf30ae0872391e0647be95"
-  integrity sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=
-
-babel-plugin-syntax-async-generators@^6.5.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-async-generators/-/babel-plugin-syntax-async-generators-6.13.0.tgz#6bc963ebb16eccbae6b92b596eb7f35c342a8b9a"
-  integrity sha1-a8lj67FuzLrmuStZbrfzXDQqi5o=
-
-babel-plugin-syntax-class-constructor-call@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-constructor-call/-/babel-plugin-syntax-class-constructor-call-6.18.0.tgz#9cb9d39fe43c8600bec8146456ddcbd4e1a76416"
-  integrity sha1-nLnTn+Q8hgC+yBRkVt3L1OGnZBY=
-
-babel-plugin-syntax-class-properties@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz#d7eb23b79a317f8543962c505b827c7d6cac27de"
-  integrity sha1-1+sjt5oxf4VDlixQW4J8fWysJ94=
-
-babel-plugin-syntax-decorators@^6.13.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-decorators/-/babel-plugin-syntax-decorators-6.13.0.tgz#312563b4dbde3cc806cee3e416cceeaddd11ac0b"
-  integrity sha1-MSVjtNvePMgGzuPkFszurd0RrAs=
-
-babel-plugin-syntax-do-expressions@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-do-expressions/-/babel-plugin-syntax-do-expressions-6.13.0.tgz#5747756139aa26d390d09410b03744ba07e4796d"
-  integrity sha1-V0d1YTmqJtOQ0JQQsDdEugfkeW0=
-
-babel-plugin-syntax-dynamic-import@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz#8d6a26229c83745a9982a441051572caa179b1da"
-  integrity sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=
-
-babel-plugin-syntax-exponentiation-operator@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz#9ee7e8337290da95288201a6a57f4170317830de"
-  integrity sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=
-
-babel-plugin-syntax-export-extensions@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-export-extensions/-/babel-plugin-syntax-export-extensions-6.13.0.tgz#70a1484f0f9089a4e84ad44bac353c95b9b12721"
-  integrity sha1-cKFITw+QiaToStRLrDU8lbmxJyE=
-
-babel-plugin-syntax-flow@^6.18.0, babel-plugin-syntax-flow@^6.8.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz#4c3ab20a2af26aa20cd25995c398c4eb70310c8d"
-  integrity sha1-TDqyCiryaqIM0lmVw5jE63AxDI0=
-
-babel-plugin-syntax-function-bind@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-function-bind/-/babel-plugin-syntax-function-bind-6.13.0.tgz#48c495f177bdf31a981e732f55adc0bdd2601f46"
-  integrity sha1-SMSV8Xe98xqYHnMvVa3AvdJgH0Y=
-
-babel-plugin-syntax-jsx@^6.18.0, babel-plugin-syntax-jsx@^6.3.13, babel-plugin-syntax-jsx@^6.8.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
-  integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=
-
-babel-plugin-syntax-object-rest-spread@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
-  integrity sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=
-
-babel-plugin-syntax-trailing-function-commas@^6.22.0, babel-plugin-syntax-trailing-function-commas@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz#ba0360937f8d06e40180a43fe0d5616fff532cf3"
-  integrity sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=
-
-babel-plugin-transform-amd-system-wrapper@^0.3.7:
-  version "0.3.7"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-amd-system-wrapper/-/babel-plugin-transform-amd-system-wrapper-0.3.7.tgz#521c782d35644491c979ea683e8a5e1caff0ba42"
-  integrity sha1-Uhx4LTVkRJHJeepoPopeHK/wukI=
-  dependencies:
-    babel-template "^6.9.0"
-
-babel-plugin-transform-async-generator-functions@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-generator-functions/-/babel-plugin-transform-async-generator-functions-6.24.1.tgz#f058900145fd3e9907a6ddf28da59f215258a5db"
-  integrity sha1-8FiQAUX9PpkHpt3yjaWfIVJYpds=
-  dependencies:
-    babel-helper-remap-async-to-generator "^6.24.1"
-    babel-plugin-syntax-async-generators "^6.5.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-async-to-generator@^6.22.0, babel-plugin-transform-async-to-generator@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz#6536e378aff6cb1d5517ac0e40eb3e9fc8d08761"
-  integrity sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=
-  dependencies:
-    babel-helper-remap-async-to-generator "^6.24.1"
-    babel-plugin-syntax-async-functions "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-cjs-system-wrapper@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-cjs-system-wrapper/-/babel-plugin-transform-cjs-system-wrapper-0.6.2.tgz#bd7494775289424ff493b6ed455de495bd71ba1d"
-  integrity sha1-vXSUd1KJQk/0k7btRV3klb1xuh0=
-  dependencies:
-    babel-template "^6.9.0"
-
-babel-plugin-transform-class-constructor-call@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-constructor-call/-/babel-plugin-transform-class-constructor-call-6.24.1.tgz#80dc285505ac067dcb8d6c65e2f6f11ab7765ef9"
-  integrity sha1-gNwoVQWsBn3LjWxl4vbxGrd2Xvk=
-  dependencies:
-    babel-plugin-syntax-class-constructor-call "^6.18.0"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-plugin-transform-class-properties@^6.24.1, babel-plugin-transform-class-properties@^6.8.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz#6a79763ea61d33d36f37b611aa9def81a81b46ac"
-  integrity sha1-anl2PqYdM9NvN7YRqp3vgagbRqw=
-  dependencies:
-    babel-helper-function-name "^6.24.1"
-    babel-plugin-syntax-class-properties "^6.8.0"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-plugin-transform-decorators@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-decorators/-/babel-plugin-transform-decorators-6.24.1.tgz#788013d8f8c6b5222bdf7b344390dfd77569e24d"
-  integrity sha1-eIAT2PjGtSIr33s0Q5Df13Vp4k0=
-  dependencies:
-    babel-helper-explode-class "^6.24.1"
-    babel-plugin-syntax-decorators "^6.13.0"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-plugin-transform-do-expressions@^6.22.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-do-expressions/-/babel-plugin-transform-do-expressions-6.22.0.tgz#28ccaf92812d949c2cd1281f690c8fdc468ae9bb"
-  integrity sha1-KMyvkoEtlJws0SgfaQyP3EaK6bs=
-  dependencies:
-    babel-plugin-syntax-do-expressions "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-arrow-functions@^6.22.0, babel-plugin-transform-es2015-arrow-functions@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz#452692cb711d5f79dc7f85e440ce41b9f244d221"
-  integrity sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-block-scoped-functions@^6.22.0, babel-plugin-transform-es2015-block-scoped-functions@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz#bbc51b49f964d70cb8d8e0b94e820246ce3a6141"
-  integrity sha1-u8UbSflk1wy42OC5ToICRs46YUE=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-block-scoping@^6.23.0, babel-plugin-transform-es2015-block-scoping@^6.24.1, babel-plugin-transform-es2015-block-scoping@^6.8.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz#d70f5299c1308d05c12f463813b0a09e73b1895f"
-  integrity sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=
-  dependencies:
-    babel-runtime "^6.26.0"
-    babel-template "^6.26.0"
-    babel-traverse "^6.26.0"
-    babel-types "^6.26.0"
-    lodash "^4.17.4"
-
-babel-plugin-transform-es2015-classes@^6.23.0, babel-plugin-transform-es2015-classes@^6.24.1, babel-plugin-transform-es2015-classes@^6.8.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz#5a4c58a50c9c9461e564b4b2a3bfabc97a2584db"
-  integrity sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=
-  dependencies:
-    babel-helper-define-map "^6.24.1"
-    babel-helper-function-name "^6.24.1"
-    babel-helper-optimise-call-expression "^6.24.1"
-    babel-helper-replace-supers "^6.24.1"
-    babel-messages "^6.23.0"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-plugin-transform-es2015-computed-properties@^6.22.0, babel-plugin-transform-es2015-computed-properties@^6.24.1, babel-plugin-transform-es2015-computed-properties@^6.8.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz#6fe2a8d16895d5634f4cd999b6d3480a308159b3"
-  integrity sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-plugin-transform-es2015-destructuring@^6.22.0, babel-plugin-transform-es2015-destructuring@^6.23.0, babel-plugin-transform-es2015-destructuring@^6.8.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz#997bb1f1ab967f682d2b0876fe358d60e765c56d"
-  integrity sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-duplicate-keys@^6.22.0, babel-plugin-transform-es2015-duplicate-keys@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz#73eb3d310ca969e3ef9ec91c53741a6f1576423e"
-  integrity sha1-c+s9MQypaePvnskcU3QabxV2Qj4=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-plugin-transform-es2015-for-of@^6.22.0, babel-plugin-transform-es2015-for-of@^6.23.0, babel-plugin-transform-es2015-for-of@^6.8.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz#f47c95b2b613df1d3ecc2fdb7573623c75248691"
-  integrity sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-function-name@^6.22.0, babel-plugin-transform-es2015-function-name@^6.24.1, babel-plugin-transform-es2015-function-name@^6.8.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz#834c89853bc36b1af0f3a4c5dbaa94fd8eacaa8b"
-  integrity sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=
-  dependencies:
-    babel-helper-function-name "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-plugin-transform-es2015-literals@^6.22.0, babel-plugin-transform-es2015-literals@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz#4f54a02d6cd66cf915280019a31d31925377ca2e"
-  integrity sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-modules-amd@^6.22.0, babel-plugin-transform-es2015-modules-amd@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz#3b3e54017239842d6d19c3011c4bd2f00a00d154"
-  integrity sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=
-  dependencies:
-    babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-plugin-transform-es2015-modules-commonjs@^6.23.0, babel-plugin-transform-es2015-modules-commonjs@^6.24.1, babel-plugin-transform-es2015-modules-commonjs@^6.8.0:
-  version "6.26.2"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz#58a793863a9e7ca870bdc5a881117ffac27db6f3"
-  integrity sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==
-  dependencies:
-    babel-plugin-transform-strict-mode "^6.24.1"
-    babel-runtime "^6.26.0"
-    babel-template "^6.26.0"
-    babel-types "^6.26.0"
-
-babel-plugin-transform-es2015-modules-systemjs@^6.23.0, babel-plugin-transform-es2015-modules-systemjs@^6.24.1, babel-plugin-transform-es2015-modules-systemjs@^6.6.5:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz#ff89a142b9119a906195f5f106ecf305d9407d23"
-  integrity sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=
-  dependencies:
-    babel-helper-hoist-variables "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-plugin-transform-es2015-modules-umd@^6.23.0, babel-plugin-transform-es2015-modules-umd@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz#ac997e6285cd18ed6176adb607d602344ad38468"
-  integrity sha1-rJl+YoXNGO1hdq22B9YCNErThGg=
-  dependencies:
-    babel-plugin-transform-es2015-modules-amd "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-
-babel-plugin-transform-es2015-object-super@^6.22.0, babel-plugin-transform-es2015-object-super@^6.24.1, babel-plugin-transform-es2015-object-super@^6.8.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz#24cef69ae21cb83a7f8603dad021f572eb278f8d"
-  integrity sha1-JM72muIcuDp/hgPa0CH1cusnj40=
-  dependencies:
-    babel-helper-replace-supers "^6.24.1"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-parameters@^6.23.0, babel-plugin-transform-es2015-parameters@^6.24.1, babel-plugin-transform-es2015-parameters@^6.8.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz#57ac351ab49caf14a97cd13b09f66fdf0a625f2b"
-  integrity sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=
-  dependencies:
-    babel-helper-call-delegate "^6.24.1"
-    babel-helper-get-function-arity "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
-    babel-traverse "^6.24.1"
-    babel-types "^6.24.1"
-
-babel-plugin-transform-es2015-shorthand-properties@^6.22.0, babel-plugin-transform-es2015-shorthand-properties@^6.24.1, babel-plugin-transform-es2015-shorthand-properties@^6.8.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz#24f875d6721c87661bbd99a4622e51f14de38aa0"
-  integrity sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-plugin-transform-es2015-spread@^6.22.0, babel-plugin-transform-es2015-spread@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz#d6d68a99f89aedc4536c81a542e8dd9f1746f8d1"
-  integrity sha1-1taKmfia7cRTbIGlQujdnxdG+NE=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-sticky-regex@^6.22.0, babel-plugin-transform-es2015-sticky-regex@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz#00c1cdb1aca71112cdf0cf6126c2ed6b457ccdbc"
-  integrity sha1-AMHNsaynERLN8M9hJsLta0V8zbw=
-  dependencies:
-    babel-helper-regex "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-plugin-transform-es2015-template-literals@^6.22.0, babel-plugin-transform-es2015-template-literals@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz#a84b3450f7e9f8f1f6839d6d687da84bb1236d8d"
-  integrity sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-typeof-symbol@^6.22.0, babel-plugin-transform-es2015-typeof-symbol@^6.23.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz#dec09f1cddff94b52ac73d505c84df59dcceb372"
-  integrity sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es2015-unicode-regex@^6.22.0, babel-plugin-transform-es2015-unicode-regex@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz#d38b12f42ea7323f729387f18a7c5ae1faeb35e9"
-  integrity sha1-04sS9C6nMj9yk4fxinxa4frrNek=
-  dependencies:
-    babel-helper-regex "^6.24.1"
-    babel-runtime "^6.22.0"
-    regexpu-core "^2.0.0"
-
-babel-plugin-transform-es3-member-expression-literals@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es3-member-expression-literals/-/babel-plugin-transform-es3-member-expression-literals-6.22.0.tgz#733d3444f3ecc41bef8ed1a6a4e09657b8969ebb"
-  integrity sha1-cz00RPPsxBvvjtGmpOCWV7iWnrs=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-es3-property-literals@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-es3-property-literals/-/babel-plugin-transform-es3-property-literals-6.22.0.tgz#b2078d5842e22abf40f73e8cde9cd3711abd5758"
-  integrity sha1-sgeNWELiKr9A9z6M3pzTcRq9V1g=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-exponentiation-operator@^6.22.0, babel-plugin-transform-exponentiation-operator@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz#2ab0c9c7f3098fa48907772bb813fe41e8de3a0e"
-  integrity sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=
-  dependencies:
-    babel-helper-builder-binary-assignment-operator-visitor "^6.24.1"
-    babel-plugin-syntax-exponentiation-operator "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-export-extensions@^6.22.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-export-extensions/-/babel-plugin-transform-export-extensions-6.22.0.tgz#53738b47e75e8218589eea946cbbd39109bbe653"
-  integrity sha1-U3OLR+deghhYnuqUbLvTkQm75lM=
-  dependencies:
-    babel-plugin-syntax-export-extensions "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-flow-strip-types@^6.22.0, babel-plugin-transform-flow-strip-types@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-flow-strip-types/-/babel-plugin-transform-flow-strip-types-6.22.0.tgz#84cb672935d43714fdc32bce84568d87441cf7cf"
-  integrity sha1-hMtnKTXUNxT9wyvOhFaNh0Qc988=
-  dependencies:
-    babel-plugin-syntax-flow "^6.18.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-function-bind@^6.22.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-function-bind/-/babel-plugin-transform-function-bind-6.22.0.tgz#c6fb8e96ac296a310b8cf8ea401462407ddf6a97"
-  integrity sha1-xvuOlqwpajELjPjqQBRiQH3fapc=
-  dependencies:
-    babel-plugin-syntax-function-bind "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-global-system-wrapper@^0.3.4:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-global-system-wrapper/-/babel-plugin-transform-global-system-wrapper-0.3.4.tgz#948dd7d29fc21447e39bd3447f2debc7f2f73aac"
-  integrity sha1-lI3X0p/CFEfjm9NEfy3rx/L3Oqw=
-  dependencies:
-    babel-template "^6.9.0"
-
-babel-plugin-transform-object-assign@^6.8.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-assign/-/babel-plugin-transform-object-assign-6.22.0.tgz#f99d2f66f1a0b0d498e346c5359684740caa20ba"
-  integrity sha1-+Z0vZvGgsNSY40bFNZaEdAyqILo=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-object-rest-spread@^6.22.0, babel-plugin-transform-object-rest-spread@^6.8.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz#0f36692d50fef6b7e2d4b3ac1478137a963b7b06"
-  integrity sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=
-  dependencies:
-    babel-plugin-syntax-object-rest-spread "^6.8.0"
-    babel-runtime "^6.26.0"
-
-babel-plugin-transform-react-display-name@^6.23.0, babel-plugin-transform-react-display-name@^6.8.0:
-  version "6.25.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-display-name/-/babel-plugin-transform-react-display-name-6.25.0.tgz#67e2bf1f1e9c93ab08db96792e05392bf2cc28d1"
-  integrity sha1-Z+K/Hx6ck6sI25Z5LgU5K/LMKNE=
-  dependencies:
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-react-jsx-self@^6.22.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-self/-/babel-plugin-transform-react-jsx-self-6.22.0.tgz#df6d80a9da2612a121e6ddd7558bcbecf06e636e"
-  integrity sha1-322AqdomEqEh5t3XVYvL7PBuY24=
-  dependencies:
-    babel-plugin-syntax-jsx "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-react-jsx-source@^6.22.0:
-  version "6.22.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx-source/-/babel-plugin-transform-react-jsx-source-6.22.0.tgz#66ac12153f5cd2d17b3c19268f4bf0197f44ecd6"
-  integrity sha1-ZqwSFT9c0tF7PBkmj0vwGX9E7NY=
-  dependencies:
-    babel-plugin-syntax-jsx "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-react-jsx@^6.24.1, babel-plugin-transform-react-jsx@^6.8.0:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-jsx/-/babel-plugin-transform-react-jsx-6.24.1.tgz#840a028e7df460dfc3a2d29f0c0d91f6376e66a3"
-  integrity sha1-hAoCjn30YN/DotKfDA2R9jduZqM=
-  dependencies:
-    babel-helper-builder-react-jsx "^6.24.1"
-    babel-plugin-syntax-jsx "^6.8.0"
-    babel-runtime "^6.22.0"
-
-babel-plugin-transform-regenerator@^6.22.0, babel-plugin-transform-regenerator@^6.24.1:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz#e0703696fbde27f0a3efcacf8b4dca2f7b3a8f2f"
-  integrity sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=
-  dependencies:
-    regenerator-transform "^0.10.0"
-
-babel-plugin-transform-strict-mode@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758"
-  integrity sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=
-  dependencies:
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
-
-babel-plugin-transform-system-register@^0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-system-register/-/babel-plugin-transform-system-register-0.0.1.tgz#9dff40390c2763ac518f0b2ad7c5ea4f65a5be25"
-  integrity sha1-nf9AOQwnY6xRjwsq18XqT2WlviU=
-
-babel-polyfill@^6.20.0, babel-polyfill@^6.23.0, babel-polyfill@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
-  integrity sha1-N5k3q8Z9eJWXCtxiHyhM2WbPIVM=
-  dependencies:
-    babel-runtime "^6.26.0"
-    core-js "^2.5.0"
-    regenerator-runtime "^0.10.5"
-
-babel-preset-env@^1.6.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-1.7.0.tgz#dea79fa4ebeb883cd35dab07e260c1c9c04df77a"
-  integrity sha512-9OR2afuKDneX2/q2EurSftUYM0xGu4O2D9adAhVfADDhrYDaxXV0rBbevVYoY9n6nyX1PmQW/0jtpJvUNr9CHg==
-  dependencies:
-    babel-plugin-check-es2015-constants "^6.22.0"
-    babel-plugin-syntax-trailing-function-commas "^6.22.0"
-    babel-plugin-transform-async-to-generator "^6.22.0"
-    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
-    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
-    babel-plugin-transform-es2015-block-scoping "^6.23.0"
-    babel-plugin-transform-es2015-classes "^6.23.0"
-    babel-plugin-transform-es2015-computed-properties "^6.22.0"
-    babel-plugin-transform-es2015-destructuring "^6.23.0"
-    babel-plugin-transform-es2015-duplicate-keys "^6.22.0"
-    babel-plugin-transform-es2015-for-of "^6.23.0"
-    babel-plugin-transform-es2015-function-name "^6.22.0"
-    babel-plugin-transform-es2015-literals "^6.22.0"
-    babel-plugin-transform-es2015-modules-amd "^6.22.0"
-    babel-plugin-transform-es2015-modules-commonjs "^6.23.0"
-    babel-plugin-transform-es2015-modules-systemjs "^6.23.0"
-    babel-plugin-transform-es2015-modules-umd "^6.23.0"
-    babel-plugin-transform-es2015-object-super "^6.22.0"
-    babel-plugin-transform-es2015-parameters "^6.23.0"
-    babel-plugin-transform-es2015-shorthand-properties "^6.22.0"
-    babel-plugin-transform-es2015-spread "^6.22.0"
-    babel-plugin-transform-es2015-sticky-regex "^6.22.0"
-    babel-plugin-transform-es2015-template-literals "^6.22.0"
-    babel-plugin-transform-es2015-typeof-symbol "^6.23.0"
-    babel-plugin-transform-es2015-unicode-regex "^6.22.0"
-    babel-plugin-transform-exponentiation-operator "^6.22.0"
-    babel-plugin-transform-regenerator "^6.22.0"
-    browserslist "^3.2.6"
-    invariant "^2.2.2"
-    semver "^5.3.0"
-
-babel-preset-es2015@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939"
-  integrity sha1-1EBQ1rwsn+6nAqrzjXJ6AhBTiTk=
-  dependencies:
-    babel-plugin-check-es2015-constants "^6.22.0"
-    babel-plugin-transform-es2015-arrow-functions "^6.22.0"
-    babel-plugin-transform-es2015-block-scoped-functions "^6.22.0"
-    babel-plugin-transform-es2015-block-scoping "^6.24.1"
-    babel-plugin-transform-es2015-classes "^6.24.1"
-    babel-plugin-transform-es2015-computed-properties "^6.24.1"
-    babel-plugin-transform-es2015-destructuring "^6.22.0"
-    babel-plugin-transform-es2015-duplicate-keys "^6.24.1"
-    babel-plugin-transform-es2015-for-of "^6.22.0"
-    babel-plugin-transform-es2015-function-name "^6.24.1"
-    babel-plugin-transform-es2015-literals "^6.22.0"
-    babel-plugin-transform-es2015-modules-amd "^6.24.1"
-    babel-plugin-transform-es2015-modules-commonjs "^6.24.1"
-    babel-plugin-transform-es2015-modules-systemjs "^6.24.1"
-    babel-plugin-transform-es2015-modules-umd "^6.24.1"
-    babel-plugin-transform-es2015-object-super "^6.24.1"
-    babel-plugin-transform-es2015-parameters "^6.24.1"
-    babel-plugin-transform-es2015-shorthand-properties "^6.24.1"
-    babel-plugin-transform-es2015-spread "^6.22.0"
-    babel-plugin-transform-es2015-sticky-regex "^6.24.1"
-    babel-plugin-transform-es2015-template-literals "^6.22.0"
-    babel-plugin-transform-es2015-typeof-symbol "^6.22.0"
-    babel-plugin-transform-es2015-unicode-regex "^6.24.1"
-    babel-plugin-transform-regenerator "^6.24.1"
-
-babel-preset-fbjs@^2.1.4:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-fbjs/-/babel-preset-fbjs-2.3.0.tgz#92ff81307c18b926895114f9828ae1674c097f80"
-  integrity sha512-ZOpAI1/bN0Y3J1ZAK9gRsFkHy9gGgJoDRUjtUCla/129LC7uViq9nIK22YdHfey8szohYoZY3f9L2lGOv0Edqw==
-  dependencies:
-    babel-plugin-check-es2015-constants "^6.8.0"
-    babel-plugin-syntax-class-properties "^6.8.0"
-    babel-plugin-syntax-flow "^6.8.0"
-    babel-plugin-syntax-jsx "^6.8.0"
-    babel-plugin-syntax-object-rest-spread "^6.8.0"
-    babel-plugin-syntax-trailing-function-commas "^6.8.0"
-    babel-plugin-transform-class-properties "^6.8.0"
-    babel-plugin-transform-es2015-arrow-functions "^6.8.0"
-    babel-plugin-transform-es2015-block-scoped-functions "^6.8.0"
-    babel-plugin-transform-es2015-block-scoping "^6.8.0"
-    babel-plugin-transform-es2015-classes "^6.8.0"
-    babel-plugin-transform-es2015-computed-properties "^6.8.0"
-    babel-plugin-transform-es2015-destructuring "^6.8.0"
-    babel-plugin-transform-es2015-for-of "^6.8.0"
-    babel-plugin-transform-es2015-function-name "^6.8.0"
-    babel-plugin-transform-es2015-literals "^6.8.0"
-    babel-plugin-transform-es2015-modules-commonjs "^6.8.0"
-    babel-plugin-transform-es2015-object-super "^6.8.0"
-    babel-plugin-transform-es2015-parameters "^6.8.0"
-    babel-plugin-transform-es2015-shorthand-properties "^6.8.0"
-    babel-plugin-transform-es2015-spread "^6.8.0"
-    babel-plugin-transform-es2015-template-literals "^6.8.0"
-    babel-plugin-transform-es3-member-expression-literals "^6.8.0"
-    babel-plugin-transform-es3-property-literals "^6.8.0"
-    babel-plugin-transform-flow-strip-types "^6.8.0"
-    babel-plugin-transform-object-rest-spread "^6.8.0"
-    babel-plugin-transform-react-display-name "^6.8.0"
-    babel-plugin-transform-react-jsx "^6.8.0"
-
-babel-preset-flow@^6.23.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-flow/-/babel-preset-flow-6.23.0.tgz#e71218887085ae9a24b5be4169affb599816c49d"
-  integrity sha1-5xIYiHCFrpoktb5Baa/7WZgWxJ0=
-  dependencies:
-    babel-plugin-transform-flow-strip-types "^6.22.0"
-
-babel-preset-react@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-react/-/babel-preset-react-6.24.1.tgz#ba69dfaea45fc3ec639b6a4ecea6e17702c91380"
-  integrity sha1-umnfrqRfw+xjm2pOzqbhdwLJE4A=
-  dependencies:
-    babel-plugin-syntax-jsx "^6.3.13"
-    babel-plugin-transform-react-display-name "^6.23.0"
-    babel-plugin-transform-react-jsx "^6.24.1"
-    babel-plugin-transform-react-jsx-self "^6.22.0"
-    babel-plugin-transform-react-jsx-source "^6.22.0"
-    babel-preset-flow "^6.23.0"
-
-babel-preset-stage-0@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-stage-0/-/babel-preset-stage-0-6.24.1.tgz#5642d15042f91384d7e5af8bc88b1db95b039e6a"
-  integrity sha1-VkLRUEL5E4TX5a+LyIsduVsDnmo=
-  dependencies:
-    babel-plugin-transform-do-expressions "^6.22.0"
-    babel-plugin-transform-function-bind "^6.22.0"
-    babel-preset-stage-1 "^6.24.1"
-
-babel-preset-stage-1@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-stage-1/-/babel-preset-stage-1-6.24.1.tgz#7692cd7dcd6849907e6ae4a0a85589cfb9e2bfb0"
-  integrity sha1-dpLNfc1oSZB+auSgqFWJz7niv7A=
-  dependencies:
-    babel-plugin-transform-class-constructor-call "^6.24.1"
-    babel-plugin-transform-export-extensions "^6.22.0"
-    babel-preset-stage-2 "^6.24.1"
-
-babel-preset-stage-2@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-stage-2/-/babel-preset-stage-2-6.24.1.tgz#d9e2960fb3d71187f0e64eec62bc07767219bdc1"
-  integrity sha1-2eKWD7PXEYfw5k7sYrwHdnIZvcE=
-  dependencies:
-    babel-plugin-syntax-dynamic-import "^6.18.0"
-    babel-plugin-transform-class-properties "^6.24.1"
-    babel-plugin-transform-decorators "^6.24.1"
-    babel-preset-stage-3 "^6.24.1"
-
-babel-preset-stage-3@^6.24.1:
-  version "6.24.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-stage-3/-/babel-preset-stage-3-6.24.1.tgz#836ada0a9e7a7fa37cb138fb9326f87934a48395"
-  integrity sha1-g2raCp56f6N8sTj7kyb4eTSkg5U=
-  dependencies:
-    babel-plugin-syntax-trailing-function-commas "^6.22.0"
-    babel-plugin-transform-async-generator-functions "^6.24.1"
-    babel-plugin-transform-async-to-generator "^6.24.1"
-    babel-plugin-transform-exponentiation-operator "^6.24.1"
-    babel-plugin-transform-object-rest-spread "^6.22.0"
-
-babel-register@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"
-  integrity sha1-btAhFz4vy0htestFxgCahW9kcHE=
-  dependencies:
-    babel-core "^6.26.0"
-    babel-runtime "^6.26.0"
-    core-js "^2.5.0"
-    home-or-tmp "^2.0.0"
-    lodash "^4.17.4"
-    mkdirp "^0.5.1"
-    source-map-support "^0.4.15"
-
-babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.23.0, babel-runtime@^6.26.0, babel-runtime@^6.6.1:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
-  integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
-  dependencies:
-    core-js "^2.4.0"
-    regenerator-runtime "^0.11.0"
-
-babel-template@^6.24.1, babel-template@^6.26.0, babel-template@^6.9.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-template/-/babel-template-6.26.0.tgz#de03e2d16396b069f46dd9fff8521fb1a0e35e02"
-  integrity sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=
-  dependencies:
-    babel-runtime "^6.26.0"
-    babel-traverse "^6.26.0"
-    babel-types "^6.26.0"
-    babylon "^6.18.0"
-    lodash "^4.17.4"
-
-babel-traverse@^6.24.1, babel-traverse@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.26.0.tgz#46a9cbd7edcc62c8e5c064e2d2d8d0f4035766ee"
-  integrity sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=
-  dependencies:
-    babel-code-frame "^6.26.0"
-    babel-messages "^6.23.0"
-    babel-runtime "^6.26.0"
-    babel-types "^6.26.0"
-    babylon "^6.18.0"
-    debug "^2.6.8"
-    globals "^9.18.0"
-    invariant "^2.2.2"
-    lodash "^4.17.4"
-
-babel-types@^6.19.0, babel-types@^6.24.1, babel-types@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.26.0.tgz#a3b073f94ab49eb6fa55cd65227a334380632497"
-  integrity sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=
-  dependencies:
-    babel-runtime "^6.26.0"
-    esutils "^2.0.2"
-    lodash "^4.17.4"
-    to-fast-properties "^1.0.3"
-
-babylon@^6.17.3, babylon@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
-  integrity sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==
-
-backo2@1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947"
-  integrity sha1-MasayLEpNjRj41s+u2n038+6eUc=
-
-bail@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.4.tgz#7181b66d508aa3055d3f6c13f0a0c720641dde9b"
-  integrity sha512-S8vuDB4w6YpRhICUDET3guPlQpaJl7od94tpZ0Fvnyp+MKW/HyDTcRDck+29C9g+d/qQHnddRH3+94kZdrW0Ww==
-
-balanced-match@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.1.0.tgz#b504bd05869b39259dd0c5efc35d843176dccc4a"
-  integrity sha1-tQS9BYabOSWd0MXvw12EMXbczEo=
-
-balanced-match@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.2.1.tgz#7bc658b4bed61eee424ad74f75f5c3e2c4df3cc7"
-  integrity sha1-e8ZYtL7WHu5CStdPdfXD4sTfPMc=
-
-balanced-match@^0.4.1, balanced-match@^0.4.2:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
-  integrity sha1-yz8+PHMtwPAe5wtAPzAuYddwmDg=
-
-balanced-match@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
-  integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
-
-base64-arraybuffer@0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz#73926771923b5a19747ad666aa5cd4bf9c6e9ce8"
-  integrity sha1-c5JncZI7Whl0etZmqlzUv5xunOg=
-
-base64-js@^1.0.2:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.0.tgz#cab1e6118f051095e58b5281aea8c1cd22bfc0e3"
-  integrity sha512-ccav/yGvoa80BQDljCxsmmQ3Xvx60/UpBIij5QN21W3wBi/hhIC9OoO+KLpu9IJTS9j4DRVJ3aDDF9cMSoa2lw==
-
-base64id@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/base64id/-/base64id-1.0.0.tgz#47688cb99bb6804f0e06d3e763b1c32e57d8e6b6"
-  integrity sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY=
-
-base@^0.11.1:
-  version "0.11.2"
-  resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
-  integrity sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==
-  dependencies:
-    cache-base "^1.0.1"
-    class-utils "^0.3.5"
-    component-emitter "^1.2.1"
-    define-property "^1.0.0"
-    isobject "^3.0.1"
-    mixin-deep "^1.2.0"
-    pascalcase "^0.1.1"
-
-basename@0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/basename/-/basename-0.1.2.tgz#d6039bef939863160c78048cced3c5e7f88cb261"
-  integrity sha1-1gOb75OYYxYMeASMztPF5/iMsmE=
-
-bash-glob@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/bash-glob/-/bash-glob-1.0.2.tgz#95ac5631fdd7a8fc569f267167a84eb831979a1b"
-  integrity sha512-E0TTxH9T/tklSXt5R5X0zwxjW56su2VIE+sAruXbd8AtMjYZxtvioybVdptbRk0/0Nvdz0TVVShKhN9sH5dMpg==
-  dependencies:
-    async-each "^1.0.1"
-    bash-path "^1.0.1"
-    component-emitter "^1.2.1"
-    cross-spawn "^5.1.0"
-    extend-shallow "^2.0.1"
-    is-extglob "^2.1.1"
-    is-glob "^4.0.0"
-
-bash-path@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/bash-path/-/bash-path-1.0.3.tgz#dbc9efbdf18b1c11413dcb59b960e6aa56c84258"
-  integrity sha512-mGrYvOa6yTY/qNCiZkPFJqWmODK68y6kmVRAJ1NNbWlNoJrUrsFxu7FU2EKg7gbrer6ttrKkF2s/E/lhRy7/OA==
-  dependencies:
-    arr-union "^3.1.0"
-    is-windows "^1.0.1"
-
-batch-processor@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/batch-processor/-/batch-processor-1.0.0.tgz#75c95c32b748e0850d10c2b168f6bdbe9891ace8"
-  integrity sha1-dclcMrdI4IUNEMKxaPa9vpiRrOg=
-
-batch@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
-  integrity sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=
-
-bcrypt-pbkdf@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
-  dependencies:
-    tweetnacl "^0.14.3"
-
-beeper@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/beeper/-/beeper-1.1.1.tgz#e6d5ea8c5dad001304a70b22638447f69cb2f809"
-  integrity sha1-5tXqjF2tABMEpwsiY4RH9pyy+Ak=
-
-better-assert@~1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/better-assert/-/better-assert-1.0.2.tgz#40866b9e1b9e0b55b481894311e68faffaebc522"
-  integrity sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=
-  dependencies:
-    callsite "1.0.0"
-
-better-queue-memory@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/better-queue-memory/-/better-queue-memory-1.0.3.tgz#4e71fbb5f5976188656e0c5610da7b411af41493"
-  integrity sha512-QLFkfV+k/7e4L4FR7kqkXKtRi22kl68c/3AaBs0ArDSz0iiuAl0DjVlb6gM220jW7izLE5TRy7oXOd4Cxa0wog==
-
-better-queue@^3.8.6, better-queue@^3.8.7:
-  version "3.8.10"
-  resolved "https://registry.yarnpkg.com/better-queue/-/better-queue-3.8.10.tgz#1c93b9ec4cb3d1b72eb91d0efcb84fc80e8c6835"
-  integrity sha512-e3gwNZgDCnNWl0An0Tz6sUjKDV9m6aB+K9Xg//vYeo8+KiH8pWhLFxkawcXhm6FpM//GfD9IQv/kmvWCAVVpKA==
-  dependencies:
-    better-queue-memory "^1.0.1"
-    node-eta "^0.9.0"
-    uuid "^3.0.0"
-
-big.js@^3.1.3:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
-  integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
-bignumber.js@^2.1.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/bignumber.js/-/bignumber.js-2.4.0.tgz#838a992da9f9d737e0f4b2db0be62bb09dd0c5e8"
-  integrity sha1-g4qZLan51zfg9LLbC+YrsJ3Qxeg=
-
-bin-build@^2.0.0, bin-build@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/bin-build/-/bin-build-2.2.0.tgz#11f8dd61f70ffcfa2bdcaa5b46f5e8fedd4221cc"
-  integrity sha1-EfjdYfcP/Por3KpbRvXo/t1CIcw=
-  dependencies:
-    archive-type "^3.0.1"
-    decompress "^3.0.0"
-    download "^4.1.2"
-    exec-series "^1.0.0"
-    rimraf "^2.2.6"
-    tempfile "^1.0.0"
-    url-regex "^3.0.0"
-
-bin-check@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/bin-check/-/bin-check-2.0.0.tgz#86f8e6f4253893df60dc316957f5af02acb05930"
-  integrity sha1-hvjm9CU4k99g3DFpV/WvAqywWTA=
-  dependencies:
-    executable "^1.0.0"
-
-bin-version-check@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/bin-version-check/-/bin-version-check-2.1.0.tgz#e4e5df290b9069f7d111324031efc13fdd11a5b0"
-  integrity sha1-5OXfKQuQaffRETJAMe/BP90RpbA=
-  dependencies:
-    bin-version "^1.0.0"
-    minimist "^1.1.0"
-    semver "^4.0.3"
-    semver-truncate "^1.0.0"
-
-bin-version@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/bin-version/-/bin-version-1.0.4.tgz#9eb498ee6fd76f7ab9a7c160436f89579435d78e"
-  integrity sha1-nrSY7m/Xb3q5p8FgQ2+JV5Q1144=
-  dependencies:
-    find-versions "^1.0.0"
-
-bin-wrapper@^3.0.0, bin-wrapper@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/bin-wrapper/-/bin-wrapper-3.0.2.tgz#67d3306262e4b1a5f2f88ee23464f6a655677aeb"
-  integrity sha1-Z9MwYmLksaXy+I7iNGT2plVneus=
-  dependencies:
-    bin-check "^2.0.0"
-    bin-version-check "^2.1.0"
-    download "^4.0.0"
-    each-async "^1.1.1"
-    lazy-req "^1.0.0"
-    os-filter-obj "^1.0.0"
-
-binary-extensions@^1.0.0:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.13.1.tgz#598afe54755b2868a5330d2aff9d4ebb53209b65"
-  integrity sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==
-
-bl@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-1.2.2.tgz#a160911717103c07410cef63ef51b397c025af9c"
-  integrity sha512-e8tQYnZodmebYDWGH7KMRvtzKXaJHx3BbilrgZCfvyLUYdKpK1t5PSPmpkny/SgiTSCnjfLW7v5rlONXVFkQEA==
-  dependencies:
-    readable-stream "^2.3.5"
-    safe-buffer "^5.1.1"
-
-blob@0.0.5:
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.5.tgz#d680eeef25f8cd91ad533f5b01eed48e64caf683"
-  integrity sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==
-
-bluebird@^3.0.5, bluebird@^3.3.4, bluebird@^3.5.0:
-  version "3.5.4"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.4.tgz#d6cc661595de30d5b3af5fcedd3c0b3ef6ec5714"
-  integrity sha512-FG+nFEZChJrbQ9tIccIfZJBz3J7mLrAhxakAbnrJWn8d7aKOC+LWifa0G+p4ZqKp4y13T7juYvdhq9NzKdsrjw==
-
-bmp-js@0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/bmp-js/-/bmp-js-0.0.3.tgz#64113e9c7cf1202b376ed607bf30626ebe57b18a"
-  integrity sha1-ZBE+nHzxICs3btYHvzBibr5XsYo=
-
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
-  version "4.11.8"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
-  integrity sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==
-
-body-parser@1.18.3:
-  version "1.18.3"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.18.3.tgz#5b292198ffdd553b3a0f20ded0592b956955c8b4"
-  integrity sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=
-  dependencies:
-    bytes "3.0.0"
-    content-type "~1.0.4"
-    debug "2.6.9"
-    depd "~1.1.2"
-    http-errors "~1.6.3"
-    iconv-lite "0.4.23"
-    on-finished "~2.3.0"
-    qs "6.5.2"
-    raw-body "2.3.3"
-    type-is "~1.6.16"
-
-boolbase@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
-
-bootstrap@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.3.1.tgz#280ca8f610504d99d7b6b4bfc4b68cec601704ac"
-  integrity sha512-rXqOmH1VilAt2DyPzluTi2blhk17bO7ef+zLLPlWvG494pDxcM234pJ8wTc/6R40UWizAIIMgxjvxZg5kmsbag==
-
-bowser@^1.7.3:
-  version "1.9.4"
-  resolved "https://registry.yarnpkg.com/bowser/-/bowser-1.9.4.tgz#890c58a2813a9d3243704334fa81b96a5c150c9a"
-  integrity sha512-9IdMmj2KjigRq6oWhmwv1W36pDuA4STQZ8q6YO9um+x07xgYNCD3Oou+WP/3L1HNz7iqythGet3/p4wvc8AAwQ==
-
-boxen@1.3.0, boxen@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/boxen/-/boxen-1.3.0.tgz#55c6c39a8ba58d9c61ad22cd877532deb665a20b"
-  integrity sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==
-  dependencies:
-    ansi-align "^2.0.0"
-    camelcase "^4.0.0"
-    chalk "^2.0.1"
-    cli-boxes "^1.0.0"
-    string-width "^2.0.0"
-    term-size "^1.2.0"
-    widest-line "^2.0.0"
-
-brace-expansion@^1.0.0, brace-expansion@^1.1.7:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
-  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
-braces@^1.8.2:
-  version "1.8.5"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7"
-  integrity sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=
-  dependencies:
-    expand-range "^1.8.1"
-    preserve "^0.2.0"
-    repeat-element "^1.1.2"
-
-braces@^2.3.1:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-2.3.2.tgz#5979fd3f14cd531565e5fa2df1abfff1dfaee729"
-  integrity sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==
-  dependencies:
-    arr-flatten "^1.1.0"
-    array-unique "^0.3.2"
-    extend-shallow "^2.0.1"
-    fill-range "^4.0.0"
-    isobject "^3.0.1"
-    repeat-element "^1.1.2"
-    snapdragon "^0.8.1"
-    snapdragon-node "^2.0.1"
-    split-string "^3.0.2"
-    to-regex "^3.0.1"
-
-brorand@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-  integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
-
-browserify-aes@0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-0.4.0.tgz#067149b668df31c4b58533e02d01e806d8608e2c"
-  integrity sha1-BnFJtmjfMcS1hTPgLQHoBthgjiw=
-  dependencies:
-    inherits "^2.0.1"
-
-browserify-aes@^1.0.0, browserify-aes@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
-  dependencies:
-    buffer-xor "^1.0.3"
-    cipher-base "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.3"
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-browserify-cipher@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
-  dependencies:
-    browserify-aes "^1.0.4"
-    browserify-des "^1.0.0"
-    evp_bytestokey "^1.0.0"
-
-browserify-des@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
-  dependencies:
-    cipher-base "^1.0.1"
-    des.js "^1.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
-  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
-  dependencies:
-    bn.js "^4.1.0"
-    randombytes "^2.0.1"
-
-browserify-sign@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298"
-  integrity sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=
-  dependencies:
-    bn.js "^4.1.1"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.2"
-    elliptic "^6.0.0"
-    inherits "^2.0.1"
-    parse-asn1 "^5.0.0"
-
-browserify-zlib@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
-  integrity sha1-uzX4pRn2AOD6a4SFJByXnQFB+y0=
-  dependencies:
-    pako "~0.2.0"
-
-browserify-zlib@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-  dependencies:
-    pako "~1.0.5"
-
-browserslist@^1.0.0, browserslist@^1.3.6, browserslist@^1.5.2, browserslist@^1.7.6:
-  version "1.7.7"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.7.7.tgz#0bd76704258be829b2398bb50e4b62d1a166b0b9"
-  integrity sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=
-  dependencies:
-    caniuse-db "^1.0.30000639"
-    electron-to-chromium "^1.2.7"
-
-browserslist@^3.2.6:
-  version "3.2.8"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-3.2.8.tgz#b0005361d6471f0f5952797a76fc985f1f978fc6"
-  integrity sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==
-  dependencies:
-    caniuse-lite "^1.0.30000844"
-    electron-to-chromium "^1.3.47"
-
-bser@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.0.0.tgz#9ac78d3ed5d915804fd87acb158bc797147a1719"
-  integrity sha1-mseNPtXZFYBP2HrLFYvHlxR6Fxk=
-  dependencies:
-    node-int64 "^0.4.0"
-
-buffer-alloc-unsafe@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
-  integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
-
-buffer-alloc@^1.1.0, buffer-alloc@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
-  integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
-  dependencies:
-    buffer-alloc-unsafe "^1.1.0"
-    buffer-fill "^1.0.0"
-
-buffer-crc32@~0.2.3:
-  version "0.2.13"
-  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
-  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
-
-buffer-equal@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-0.0.1.tgz#91bc74b11ea405bc916bc6aa908faafa5b4aac4b"
-  integrity sha1-kbx0sR6kBbyRa8aqkI+q+ltKrEs=
-
-buffer-fill@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
-  integrity sha1-+PeLdniYiO858gXNY39o5wISKyw=
-
-buffer-from@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
-  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
-
-buffer-peek-stream@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/buffer-peek-stream/-/buffer-peek-stream-1.0.1.tgz#53b47570a1347787c5bad4ca2ca3021f9d8b3cfd"
-  integrity sha1-U7R1cKE0d4fFutTKLKMCH52LPP0=
-
-buffer-to-vinyl@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/buffer-to-vinyl/-/buffer-to-vinyl-1.1.0.tgz#00f15faee3ab7a1dda2cde6d9121bffdd07b2262"
-  integrity sha1-APFfruOreh3aLN5tkSG//dB7ImI=
-  dependencies:
-    file-type "^3.1.0"
-    readable-stream "^2.0.2"
-    uuid "^2.0.1"
-    vinyl "^1.0.0"
-
-buffer-xor@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-  integrity sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=
-
-buffer@^4.3.0, buffer@^4.9.0:
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
-  integrity sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-    isarray "^1.0.0"
-
-buffer@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.2.1.tgz#dd57fa0f109ac59c602479044dca7b8b3d0b71d6"
-  integrity sha512-c+Ko0loDaFfuPWiL02ls9Xd3GO3cPVmUobQ6t3rXNUk304u6hGq+8N/kFi+QEIKhzK3uwolVhLzszmfLmMLnqg==
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-
-builtin-modules@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
-  integrity sha1-Jw8HbFpywC9bZaR9+Uxf46J4iS8=
-
-builtin-modules@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.1.0.tgz#aad97c15131eb76b65b50ef208e7584cd76a7484"
-  integrity sha512-k0KL0aWZuBt2lrxrcASWDfwOLMnodeQjodT/1SxEQAXsHANgo6ZC/VEaSEHCXt7aSTZ4/4H5LKa+tBXmW7Vtvw==
-
-builtin-status-codes@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
-  integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
-
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=
-
-bytes@3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
-  integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
-
-cache-base@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
-  integrity sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==
-  dependencies:
-    collection-visit "^1.0.0"
-    component-emitter "^1.2.1"
-    get-value "^2.0.6"
-    has-value "^1.0.0"
-    isobject "^3.0.1"
-    set-value "^2.0.0"
-    to-object-path "^0.3.0"
-    union-value "^1.0.0"
-    unset-value "^1.0.0"
-
-call-me-maybe@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
-  integrity sha1-JtII6onje1y95gJQoV8DHBak1ms=
-
-caller-callsite@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
-  integrity sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=
-  dependencies:
-    callsites "^2.0.0"
-
-caller-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4"
-  integrity sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=
-  dependencies:
-    caller-callsite "^2.0.0"
-
-callsite@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/callsite/-/callsite-1.0.0.tgz#280398e5d664bd74038b6f0905153e6e8af1bc20"
-  integrity sha1-KAOY5dZkvXQDi28JBRU+borxvCA=
-
-callsites@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
-  integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
-
-camelcase-keys@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
-  integrity sha1-MIvur/3ygRkFHvodkyITyRuPkuc=
-  dependencies:
-    camelcase "^2.0.0"
-    map-obj "^1.0.0"
-
-camelcase@^1.0.2:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
-  integrity sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=
-
-camelcase@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
-  integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=
-
-camelcase@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
-  integrity sha1-MvxLn82vhF/N9+c7uXysImHwqwo=
-
-camelcase@^4.0.0, camelcase@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
-  integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
-
-camelize@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b"
-  integrity sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=
-
-can-use-dom@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/can-use-dom/-/can-use-dom-0.1.0.tgz#22cc4a34a0abc43950f42c6411024a3f6366b45a"
-  integrity sha1-IsxKNKCrxDlQ9CxkEQJKP2NmtFo=
-
-caniuse-api@^1.5.2, caniuse-api@^1.5.3:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-1.6.1.tgz#b534e7c734c4f81ec5fbe8aca2ad24354b962c6c"
-  integrity sha1-tTTnxzTE+B7F++isoq0kNUuWLGw=
-  dependencies:
-    browserslist "^1.3.6"
-    caniuse-db "^1.0.30000529"
-    lodash.memoize "^4.1.2"
-    lodash.uniq "^4.5.0"
-
-caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639:
-  version "1.0.30000967"
-  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000967.tgz#a2e9e6260e026208250f3b2d587ef02314cefa86"
-  integrity sha512-70gk6cLSD5rItxnZ7WUxyCpM9LAjEb1tVzlENQfXQXZS/IiGnfAC6u32G5cZFlDBKjNPBIta/QSx5CZLZepxRA==
-
-caniuse-lite@^1.0.30000844:
-  version "1.0.30000967"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000967.tgz#a5039577806fccee80a04aaafb2c0890b1ee2f73"
-  integrity sha512-rUBIbap+VJfxTzrM4akJ00lkvVb5/n5v3EGXfWzSH5zT8aJmGzjA8HWhJ4U6kCpzxozUSnB+yvAYDRPY6mRpgQ==
-
-capture-stack-trace@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
-  integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
-
-caseless@~0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
-
-caw@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/caw/-/caw-1.2.0.tgz#ffb226fe7efc547288dc62ee3e97073c212d1034"
-  integrity sha1-/7Im/n78VHKI3GLuPpcHPCEtEDQ=
-  dependencies:
-    get-proxy "^1.0.1"
-    is-obj "^1.0.0"
-    object-assign "^3.0.0"
-    tunnel-agent "^0.4.0"
-
-ccount@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.3.tgz#f1cec43f332e2ea5a569fd46f9f5bde4e6102aff"
-  integrity sha512-Jt9tIBkRc9POUof7QA/VwWd+58fKkEEfI+/t1/eOlxKM7ZhrczNzMFefge7Ai+39y1pR/pP6cI19guHy3FSLmw==
-
-center-align@^0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
-  integrity sha1-qg0yYptu6XIgBBHL1EYckHvCt60=
-  dependencies:
-    align-text "^0.1.3"
-    lazy-cache "^1.0.3"
-
-chain-function@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/chain-function/-/chain-function-1.0.1.tgz#c63045e5b4b663fb86f1c6e186adaf1de402a1cc"
-  integrity sha512-SxltgMwL9uCko5/ZCLiyG2B7R9fY4pDZUw7hJ4MhirdjBLosoDqkWABi3XMucddHdLiFJMb7PD2MZifZriuMTg==
-
-chalk@1.1.3, chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
-  integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
-  dependencies:
-    ansi-styles "^2.2.1"
-    escape-string-regexp "^1.0.2"
-    has-ansi "^2.0.0"
-    strip-ansi "^3.0.0"
-    supports-color "^2.0.0"
-
-chalk@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.1.tgz#18c49ab16a037b6eb0152cc83e3471338215b66e"
-  integrity sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^2.0.0, chalk@^2.0.1, chalk@^2.4.1, chalk@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-change-emitter@^0.1.2:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/change-emitter/-/change-emitter-0.1.6.tgz#e8b2fe3d7f1ab7d69a32199aff91ea6931409515"
-  integrity sha1-6LL+PX8at9aaMhma/5HqaTFAlRU=
-
-character-entities-html4@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-1.1.3.tgz#5ce6e01618e47048ac22f34f7f39db5c6fd679ef"
-  integrity sha512-SwnyZ7jQBCRHELk9zf2CN5AnGEc2nA+uKMZLHvcqhpPprjkYhiLn0DywMHgN5ttFZuITMATbh68M6VIVKwJbcg==
-
-character-entities-legacy@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.2.tgz#7c6defb81648498222c9855309953d05f4d63a9c"
-  integrity sha512-9NB2VbXtXYWdXzqrvAHykE/f0QJxzaKIpZ5QzNZrrgQ7Iyxr2vnfS8fCBNVW9nUEZE0lo57nxKRqnzY/dKrwlA==
-
-character-entities@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.2.tgz#58c8f371c0774ef0ba9b2aca5f00d8f100e6e363"
-  integrity sha512-sMoHX6/nBiy3KKfC78dnEalnpn0Az0oSNvqUWYTtYrhRI5iUIYsROU48G+E+kMFQzqXaJ8kHJZ85n7y6/PHgwQ==
-
-character-reference-invalid@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.2.tgz#21e421ad3d84055952dab4a43a04e73cd425d3ed"
-  integrity sha512-7I/xceXfKyUJmSAn/jw8ve/9DyOP7XxufNYLI9Px7CmsKgEUaZLUTax6nZxGQtaoiZCjpu6cHPj20xC/vqRReQ==
-
-chardet@^0.4.0:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.4.2.tgz#b5473b33dc97c424e5d98dc87d55d4d8a29c8bf2"
-  integrity sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=
-
-charenc@~0.0.1:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/charenc/-/charenc-0.0.2.tgz#c0a1d2f3a7092e03774bfa83f14c0fc5790a8667"
-  integrity sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc=
-
-cheerio@^0.22.0:
-  version "0.22.0"
-  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-0.22.0.tgz#a9baa860a3f9b595a6b81b1a86873121ed3a269e"
-  integrity sha1-qbqoYKP5tZWmuBsahocxIe06Jp4=
-  dependencies:
-    css-select "~1.2.0"
-    dom-serializer "~0.1.0"
-    entities "~1.1.1"
-    htmlparser2 "^3.9.1"
-    lodash.assignin "^4.0.9"
-    lodash.bind "^4.1.4"
-    lodash.defaults "^4.0.1"
-    lodash.filter "^4.4.0"
-    lodash.flatten "^4.2.0"
-    lodash.foreach "^4.3.0"
-    lodash.map "^4.4.0"
-    lodash.merge "^4.4.0"
-    lodash.pick "^4.2.1"
-    lodash.reduce "^4.4.0"
-    lodash.reject "^4.4.0"
-    lodash.some "^4.4.0"
-
-cheerio@^1.0.0-rc.2:
-  version "1.0.0-rc.3"
-  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.3.tgz#094636d425b2e9c0f4eb91a46c05630c9a1a8bf6"
-  integrity sha512-0td5ijfUPuubwLUu0OBoe98gZj8C/AA+RW3v67GPlGOrvxWjZmBXiBCRU+I8VEiNyJzjth40POfHiz2RB3gImA==
-  dependencies:
-    css-select "~1.2.0"
-    dom-serializer "~0.1.1"
-    entities "~1.1.1"
-    htmlparser2 "^3.9.1"
-    lodash "^4.15.0"
-    parse5 "^3.0.1"
-
-chokidar@^1.0.0, chokidar@^1.6.1, chokidar@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
-  integrity sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=
-  dependencies:
-    anymatch "^1.3.0"
-    async-each "^1.0.0"
-    glob-parent "^2.0.0"
-    inherits "^2.0.1"
-    is-binary-path "^1.0.0"
-    is-glob "^2.0.0"
-    path-is-absolute "^1.0.0"
-    readdirp "^2.0.0"
-  optionalDependencies:
-    fsevents "^1.0.0"
-
-chownr@^1.0.1, chownr@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.1.tgz#54726b8b8fff4df053c42187e801fb4412df1494"
-  integrity sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==
-
-chunk-manifest-webpack-plugin@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/chunk-manifest-webpack-plugin/-/chunk-manifest-webpack-plugin-0.1.0.tgz#6138488fc21ddab4ccfb7c1c11d51bb80a943186"
-  integrity sha1-YThIj8Id2rTM+3wcEdUbuAqUMYY=
-  dependencies:
-    webpack-core "^0.4.8"
-
-ci-info@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.6.0.tgz#2ca20dbb9ceb32d4524a683303313f0304b1e497"
-  integrity sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==
-
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
-  integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-clap@^1.0.9:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/clap/-/clap-1.2.3.tgz#4f36745b32008492557f46412d66d50cb99bce51"
-  integrity sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==
-  dependencies:
-    chalk "^1.1.3"
-
-class-utils@^0.3.5:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
-  integrity sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==
-  dependencies:
-    arr-union "^3.1.0"
-    define-property "^0.2.5"
-    isobject "^3.0.0"
-    static-extend "^0.1.1"
-
-cli-boxes@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-1.0.0.tgz#4fa917c3e59c94a004cd61f8ee509da651687143"
-  integrity sha1-T6kXw+WclKAEzWH47lCdplFocUM=
-
-cli-cursor@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
-  integrity sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=
-  dependencies:
-    restore-cursor "^2.0.0"
-
-cli-width@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
-  integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=
-
-clipboard@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.4.tgz#836dafd66cf0fea5d71ce5d5b0bf6e958009112d"
-  integrity sha512-Vw26VSLRpJfBofiVaFb/I8PVfdI1OxKcYShe6fm0sP/DtmiWQNCjhM/okTvdCo0G+lMMm1rMYbk4IK4x1X+kgQ==
-  dependencies:
-    good-listener "^1.2.2"
-    select "^1.1.2"
-    tiny-emitter "^2.0.0"
-
-clipboardy@1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/clipboardy/-/clipboardy-1.2.3.tgz#0526361bf78724c1f20be248d428e365433c07ef"
-  integrity sha512-2WNImOvCRe6r63Gk9pShfkwXsVtKCroMAevIbiae021mS850UkWPbevxsBz3tnvjZIEGvlwaqCPsw+4ulzNgJA==
-  dependencies:
-    arch "^2.1.0"
-    execa "^0.8.0"
-
-cliui@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
-  integrity sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=
-  dependencies:
-    center-align "^0.1.1"
-    right-align "^0.1.1"
-    wordwrap "0.0.2"
-
-cliui@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
-  integrity sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=
-  dependencies:
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wrap-ansi "^2.0.0"
-
-cliui@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-4.1.0.tgz#348422dbe82d800b3022eef4f6ac10bf2e4d1b49"
-  integrity sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==
-  dependencies:
-    string-width "^2.1.1"
-    strip-ansi "^4.0.0"
-    wrap-ansi "^2.0.0"
-
-clone-stats@^0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/clone-stats/-/clone-stats-0.0.1.tgz#b88f94a82cf38b8791d58046ea4029ad88ca99d1"
-  integrity sha1-uI+UqCzzi4eR1YBG6kAprYjKmdE=
-
-clone@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.1.tgz#d217d1e961118e3ac9a4b8bba3285553bf647cdb"
-  integrity sha1-0hfR6WERjjrJpLi7oyhVU79kfNs=
-
-clone@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-0.2.0.tgz#c6126a90ad4f72dbf5acdb243cc37724fe93fc1f"
-  integrity sha1-xhJqkK1Pctv1rNskPMN3JP6T/B8=
-
-clone@^1.0.0, clone@^1.0.2:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-  integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
-
-co@3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-3.1.0.tgz#4ea54ea5a08938153185e15210c68d9092bc1b78"
-  integrity sha1-TqVOpaCJOBUxheFSEMaNkJK8G3g=
-
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
-
-coa@~1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/coa/-/coa-1.0.4.tgz#a9ef153660d6a86a8bdec0289a5c684d217432fd"
-  integrity sha1-qe8VNmDWqGqL3sAomlxoTSF0Mv0=
-  dependencies:
-    q "^1.1.2"
-
-code-point-at@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
-  integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
-
-collapse-white-space@^1.0.0, collapse-white-space@^1.0.2:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.5.tgz#c2495b699ab1ed380d29a1091e01063e75dbbe3a"
-  integrity sha512-703bOOmytCYAX9cXYqoikYIx6twmFCXsnzRQheBcTG3nzKYBR4P/+wkYeH+Mvj7qUz8zZDtdyzbxfnEi/kYzRQ==
-
-collection-visit@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
-  integrity sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=
-  dependencies:
-    map-visit "^1.0.0"
-    object-visit "^1.0.0"
-
-color-convert@^0.5.3:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-0.5.3.tgz#bdb6c69ce660fadffe0b0007cc447e1b9f7282bd"
-  integrity sha1-vbbGnOZg+t/+CwAHzER+G59ygr0=
-
-color-convert@^1.3.0, color-convert@^1.9.0, color-convert@^1.9.1:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
-
-color-name@^1.0.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-color-string@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-0.3.0.tgz#27d46fb67025c5c2fa25993bfbf579e47841b991"
-  integrity sha1-J9RvtnAlxcL6JZk7+/V55HhBuZE=
-  dependencies:
-    color-name "^1.0.0"
-
-color-string@^1.5.2:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
-  integrity sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==
-  dependencies:
-    color-name "^1.0.0"
-    simple-swizzle "^0.2.2"
-
-color-support@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
-  integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
-
-color@^0.10.1:
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/color/-/color-0.10.1.tgz#c04188df82a209ddebccecdacd3ec320f193739f"
-  integrity sha1-wEGI34KiCd3rzOzazT7DIPGTc58=
-  dependencies:
-    color-convert "^0.5.3"
-    color-string "^0.3.0"
-
-color@^0.11.0, color@^0.11.3, color@^0.11.4:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/color/-/color-0.11.4.tgz#6d7b5c74fb65e841cd48792ad1ed5e07b904d764"
-  integrity sha1-bXtcdPtl6EHNSHkq0e1eB7kE12Q=
-  dependencies:
-    clone "^1.0.2"
-    color-convert "^1.3.0"
-    color-string "^0.3.0"
-
-color@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/color/-/color-3.1.1.tgz#7abf5c0d38e89378284e873c207ae2172dcc8a61"
-  integrity sha512-PvUltIXRjehRKPSy89VnDWFKY58xyhTLyxIg21vwQBI6qLwZNPmC8k3C1uytIgFKEpOIzN4y32iPm8231zFHIg==
-  dependencies:
-    color-convert "^1.9.1"
-    color-string "^1.5.2"
-
-colormin@^1.0.5:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/colormin/-/colormin-1.1.2.tgz#ea2f7420a72b96881a38aae59ec124a6f7298133"
-  integrity sha1-6i90IKcrlogaOKrlnsEkpvcpgTM=
-  dependencies:
-    color "^0.11.0"
-    css-color-names "0.0.4"
-    has "^1.0.1"
-
-colors@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/colors/-/colors-1.1.2.tgz#168a4701756b6a7f51a12ce0c97bfa28c084ed63"
-  integrity sha1-FopHAXVran9RoSzgyXv6KMCE7WM=
-
-combined-stream@^1.0.6, combined-stream@~1.0.6:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.7.tgz#2d1d24317afb8abe95d6d2c0b07b57813539d828"
-  integrity sha512-brWl9y6vOB1xYPZcpZde3N9zDByXTosAeMDo4p1wzo6UMOX4vumB+TP1RZ76sfE6Md68Q0NJSrE/gbezd4Ul+w==
-  dependencies:
-    delayed-stream "~1.0.0"
-
-comma-separated-tokens@^1.0.0, comma-separated-tokens@^1.0.1:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.6.tgz#3cd3d8adc725ab473843db338bcdfd4a7bb087bf"
-  integrity sha512-f20oA7jsrrmERTS70r3tmRSxR8IJV2MTN7qe6hzgX+3ARfXrdMJFvGWvWQK0xpcBurg9j9eO2MiqzZ8Y+/UPCA==
-
-command-exists@^1.2.2:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/command-exists/-/command-exists-1.2.8.tgz#715acefdd1223b9c9b37110a149c6392c2852291"
-  integrity sha512-PM54PkseWbiiD/mMsbvW351/u+dafwTJ0ye2qB60G1aGQP9j3xK2gmMDc+R34L3nDtx4qMCitXT75mkbkGJDLw==
-
-commander@2.9.0, commander@2.9.x:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
-  integrity sha1-nJkJQXbhIkDLItbFFGCYQA/g99Q=
-  dependencies:
-    graceful-readlink ">= 1.0.0"
-
-commander@^2.11.0:
-  version "2.20.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422"
-  integrity sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==
-
-commander@~2.8.1:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.8.1.tgz#06be367febfda0c330aa1e2a072d3dc9762425d4"
-  integrity sha1-Br42f+v9oMMwqh4qBy09yXYkJdQ=
-  dependencies:
-    graceful-readlink ">= 1.0.0"
-
-common-tags@0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-0.1.1.tgz#d893486ecc6df22cffe6c393c88c12f71e7e8871"
-  integrity sha1-2JNIbsxt8iz/5sOTyIwS9x5+iHE=
-  dependencies:
-    babel-runtime "^6.6.1"
-
-common-tags@^1.4.0, common-tags@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.0.tgz#8e3153e542d4a39e9b10554434afaaf98956a937"
-  integrity sha512-6P6g0uetGpW/sdyUy/iQQCbFF0kWVMSIVSyYz7Zgjcgh8mgw8PQzDNZeyZ5DQ2gM7LBoZPHmnjz8rUthkBG5tw==
-
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
-
-component-bind@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/component-bind/-/component-bind-1.0.0.tgz#00c608ab7dcd93897c0009651b1d3a8e1e73bbd1"
-  integrity sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=
-
-component-emitter@1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.2.1.tgz#137918d6d78283f7df7a6b7c5a63e140e69425e6"
-  integrity sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=
-
-component-emitter@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
-  integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
-
-component-inherit@0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/component-inherit/-/component-inherit-0.0.3.tgz#645fc4adf58b72b649d5cae65135619db26ff143"
-  integrity sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=
-
-compressible@~2.0.16:
-  version "2.0.17"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.17.tgz#6e8c108a16ad58384a977f3a482ca20bff2f38c1"
-  integrity sha512-BGHeLCK1GV7j1bSmQQAi26X+GgWcTjLr/0tzSvMCl3LH1w1IJ4PFSPoV5316b30cneTziC+B1a+3OjoSUcQYmw==
-  dependencies:
-    mime-db ">= 1.40.0 < 2"
-
-compression@^1.5.2:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
-
-concat-stream@^1.4.6, concat-stream@^1.4.7:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
-  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
-  dependencies:
-    buffer-from "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^2.2.2"
-    typedarray "^0.0.6"
-
-configstore@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.2.tgz#c6f25defaeef26df12dd33414b001fe81a543f8f"
-  integrity sha512-vtv5HtGjcYUgFrXc6Kx747B83MRRVS5R1VTEQoXvuP+kMI+if6uywV0nDGoiydJRy4yk7h9od5Og0kxx4zUXmw==
-  dependencies:
-    dot-prop "^4.1.0"
-    graceful-fs "^4.1.2"
-    make-dir "^1.0.0"
-    unique-string "^1.0.0"
-    write-file-atomic "^2.0.0"
-    xdg-basedir "^3.0.0"
-
-connect-history-api-fallback@^1.3.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
-  integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
-
-console-browserify@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
-  integrity sha1-8CQcRXMKn8YyOyBtvzjtx0HQuxA=
-  dependencies:
-    date-now "^0.1.4"
-
-console-control-strings@^1.0.0, console-control-strings@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
-  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
-
-console-stream@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/console-stream/-/console-stream-0.1.1.tgz#a095fe07b20465955f2fafd28b5d72bccd949d44"
-  integrity sha1-oJX+B7IEZZVfL6/Si11yvM2UnUQ=
-
-constants-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-  integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
-
-content-disposition@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.2.tgz#0cf68bb9ddf5f2be7961c3a85178cb85dba78cb4"
-  integrity sha1-DPaLud318r55YcOoUXjLhdunjLQ=
-
-content-type@^1.0.4, content-type@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
-  integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
-
-convert-hrtime@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/convert-hrtime/-/convert-hrtime-2.0.0.tgz#19bfb2c9162f9e11c2f04c2c79de2b7e8095c627"
-  integrity sha1-Gb+yyRYvnhHC8Ewsed4rfoCVxic=
-
-convert-source-map@^1.1.1, convert-source-map@^1.5.0, convert-source-map@^1.5.1:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.6.0.tgz#51b537a8c43e0f04dec1993bffcdd504e758ac20"
-  integrity sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==
-  dependencies:
-    safe-buffer "~5.1.1"
-
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
-
-cookie@0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.3.1.tgz#e7e0a1f9ef43b4c8ba925c5c5a96e806d16873bb"
-  integrity sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=
-
-copy-descriptor@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
-  integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
-
-copyfiles@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/copyfiles/-/copyfiles-1.2.0.tgz#a8da3ac41aa2220ae29bd3c58b6984294f2c593c"
-  integrity sha1-qNo6xBqiIgrim9PFi2mEKU8sWTw=
-  dependencies:
-    glob "^7.0.5"
-    ltcdr "^2.2.1"
-    minimatch "^3.0.3"
-    mkdirp "^0.5.1"
-    noms "0.0.0"
-    through2 "^2.0.1"
-
-core-js@^1.0.0, core-js@^1.2.6:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
-  integrity sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=
-
-core-js@^2.4.0, core-js@^2.5.0:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.9.tgz#6b4b214620c834152e179323727fc19741b084f2"
-  integrity sha512-HOpZf6eXmnl7la+cUdMnLvUxKNqLUzJvgIziQ0DiF3JwSImNphIqdGqzj6hIKyX04MmV0poclQ7+wjWvxQyR2A==
-
-core-js@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.0.1.tgz#1343182634298f7f38622f95e73f54e48ddf4738"
-  integrity sha512-sco40rF+2KlE0ROMvydjkrVMMG1vYilP2ALoRXcYR4obqbYIuV3Bg+51GEDW+HF8n7NRA+iaA4qD0nD9lo9mew==
-
-core-util-is@1.0.2, core-util-is@~1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
-  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
-
-cosmiconfig@^5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
-  integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
-  dependencies:
-    import-fresh "^2.0.0"
-    is-directory "^0.3.1"
-    js-yaml "^3.13.1"
-    parse-json "^4.0.0"
-
-create-ecdh@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
-  integrity sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.0.0"
-
-create-error-class@^3.0.0, create-error-class@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/create-error-class/-/create-error-class-3.0.2.tgz#06be7abef947a3f14a30fd610671d401bca8b7b6"
-  integrity sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=
-  dependencies:
-    capture-stack-trace "^1.0.0"
-
-create-hash@^1.1.0, create-hash@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    md5.js "^1.3.4"
-    ripemd160 "^2.0.1"
-    sha.js "^2.4.0"
-
-create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-  dependencies:
-    cipher-base "^1.0.3"
-    create-hash "^1.1.0"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-create-react-class@^15.6.0:
-  version "15.6.3"
-  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.3.tgz#2d73237fb3f970ae6ebe011a9e66f46dbca80036"
-  integrity sha512-M+/3Q6E6DLO6Yx3OwrWjwHBnvfXXYA7W+dFjt/ZDBemHO1DDZhsalX/NUtnTYclN6GfnBDRh4qRHjcDHmlJBJg==
-  dependencies:
-    fbjs "^0.8.9"
-    loose-envify "^1.3.1"
-    object-assign "^4.1.1"
-
-create-react-context@<=0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.2.2.tgz#9836542f9aaa22868cd7d4a6f82667df38019dca"
-  integrity sha512-KkpaLARMhsTsgp0d2NA/R94F/eDLbhXERdIq3LvX2biCAXcDvHYoOqHfWCHf1+OLj+HKBotLG3KqaOOf+C1C+A==
-  dependencies:
-    fbjs "^0.8.0"
-    gud "^1.0.0"
-
-create-react-context@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.3.0.tgz#546dede9dc422def0d3fc2fe03afe0bc0f4f7d8c"
-  integrity sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==
-  dependencies:
-    gud "^1.0.0"
-    warning "^4.0.3"
-
-cross-env@^3.1.1:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-3.2.4.tgz#9e0585f277864ed421ce756f81a980ff0d698aba"
-  integrity sha1-ngWF8neGTtQhznVvgamA/w1piro=
-  dependencies:
-    cross-spawn "^5.1.0"
-    is-windows "^1.0.0"
-
-cross-spawn@5.1.0, cross-spawn@^5.0.1, cross-spawn@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
-  integrity sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=
-  dependencies:
-    lru-cache "^4.0.1"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
-crypt@~0.0.1:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/crypt/-/crypt-0.0.2.tgz#88d7ff7ec0dfb86f713dc87bbb42d044d3e6c41b"
-  integrity sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs=
-
-crypto-browserify@3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.3.0.tgz#b9fc75bb4a0ed61dcf1cd5dae96eb30c9c3e506c"
-  integrity sha1-ufx1u0oO1h3PHNXa6W6zDJw+UGw=
-  dependencies:
-    browserify-aes "0.4.0"
-    pbkdf2-compat "2.0.1"
-    ripemd160 "0.2.0"
-    sha.js "2.2.6"
-
-crypto-browserify@^3.11.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
-  dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
-
-crypto-random-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
-  integrity sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=
-
-css-color-function@^1.2.0:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/css-color-function/-/css-color-function-1.3.3.tgz#8ed24c2c0205073339fafa004bc8c141fccb282e"
-  integrity sha1-jtJMLAIFBzM5+voAS8jBQfzLKC4=
-  dependencies:
-    balanced-match "0.1.0"
-    color "^0.11.0"
-    debug "^3.1.0"
-    rgb "~0.1.0"
-
-css-color-keywords@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
-  integrity sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=
-
-css-color-names@0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
-  integrity sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=
-
-css-in-js-utils@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz#3b472b398787291b47cfe3e44fecfdd9e914ba99"
-  integrity sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==
-  dependencies:
-    hyphenate-style-name "^1.0.2"
-    isobject "^3.0.1"
-
-css-loader@^0.26.1:
-  version "0.26.4"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.26.4.tgz#b61e9e30db94303e6ffc892f10ecd09ad025a1fd"
-  integrity sha1-th6eMNuUMD5v/IkvEOzQmtAlof0=
-  dependencies:
-    babel-code-frame "^6.11.0"
-    css-selector-tokenizer "^0.7.0"
-    cssnano ">=2.6.1 <4"
-    loader-utils "^1.0.2"
-    lodash.camelcase "^4.3.0"
-    object-assign "^4.0.1"
-    postcss "^5.0.6"
-    postcss-modules-extract-imports "^1.0.0"
-    postcss-modules-local-by-default "^1.0.1"
-    postcss-modules-scope "^1.0.0"
-    postcss-modules-values "^1.1.0"
-    source-list-map "^0.1.7"
-
-css-select@^1.1.0, css-select@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-1.2.0.tgz#2b3a110539c5355f1cd8d314623e870b121ec858"
-  integrity sha1-KzoRBTnFNV8c2NMUYj6HCxIeyFg=
-  dependencies:
-    boolbase "~1.0.0"
-    css-what "2.1"
-    domutils "1.5.1"
-    nth-check "~1.0.1"
-
-css-selector-parser@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/css-selector-parser/-/css-selector-parser-1.3.0.tgz#5f1ad43e2d8eefbfdc304fcd39a521664943e3eb"
-  integrity sha1-XxrUPi2O77/cME/NOaUhZklD4+s=
-
-css-selector-tokenizer@^0.7.0:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.1.tgz#a177271a8bca5019172f4f891fc6eed9cbf68d5d"
-  integrity sha512-xYL0AMZJ4gFzJQsHUKa5jiWWi2vH77WVNg7JYRyewwj6oPh4yb/y6Y9ZCw9dsj/9UauMhtuxR+ogQd//EdEVNA==
-  dependencies:
-    cssesc "^0.1.0"
-    fastparse "^1.1.1"
-    regexpu-core "^1.0.0"
-
-css-to-react-native@^2.2.2:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-2.3.0.tgz#bf80d24ec4a08e430306ef429c0586e6ed5485f7"
-  integrity sha512-IhR7bNIrCFwbJbKZOAjNDZdwpsbjTN6f1agXeELHDqg1wHPA8c2QLruttKOW7hgMGetkfraRJCIEMrptifBfVw==
-  dependencies:
-    camelize "^1.0.0"
-    css-color-keywords "^1.0.0"
-    postcss-value-parser "^3.3.0"
-
-css-what@2.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
-  integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==
-
-cssesc@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-0.1.0.tgz#c814903e45623371a0477b40109aaafbeeaddbb4"
-  integrity sha1-yBSQPkViM3GgR3tAEJqq++6t27Q=
-
-"cssnano@>=2.6.1 <4":
-  version "3.10.0"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-3.10.0.tgz#4f38f6cea2b9b17fa01490f23f1dc68ea65c1c38"
-  integrity sha1-Tzj2zqK5sX+gFJDyPx3GjqZcHDg=
-  dependencies:
-    autoprefixer "^6.3.1"
-    decamelize "^1.1.2"
-    defined "^1.0.0"
-    has "^1.0.1"
-    object-assign "^4.0.1"
-    postcss "^5.0.14"
-    postcss-calc "^5.2.0"
-    postcss-colormin "^2.1.8"
-    postcss-convert-values "^2.3.4"
-    postcss-discard-comments "^2.0.4"
-    postcss-discard-duplicates "^2.0.1"
-    postcss-discard-empty "^2.0.1"
-    postcss-discard-overridden "^0.1.1"
-    postcss-discard-unused "^2.2.1"
-    postcss-filter-plugins "^2.0.0"
-    postcss-merge-idents "^2.1.5"
-    postcss-merge-longhand "^2.0.1"
-    postcss-merge-rules "^2.0.3"
-    postcss-minify-font-values "^1.0.2"
-    postcss-minify-gradients "^1.0.1"
-    postcss-minify-params "^1.0.4"
-    postcss-minify-selectors "^2.0.4"
-    postcss-normalize-charset "^1.1.0"
-    postcss-normalize-url "^3.0.7"
-    postcss-ordered-values "^2.1.0"
-    postcss-reduce-idents "^2.2.2"
-    postcss-reduce-initial "^1.0.0"
-    postcss-reduce-transforms "^1.0.3"
-    postcss-svgo "^2.1.1"
-    postcss-unique-selectors "^2.0.2"
-    postcss-value-parser "^3.2.3"
-    postcss-zindex "^2.0.1"
-
-csso@~2.3.1:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-2.3.2.tgz#ddd52c587033f49e94b71fc55569f252e8ff5f85"
-  integrity sha1-3dUsWHAz9J6Utx/FVWnyUuj/X4U=
-  dependencies:
-    clap "^1.0.9"
-    source-map "^0.5.3"
-
-csstype@^2.2.0, csstype@^2.5.7:
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.4.tgz#d585a6062096e324e7187f80e04f92bd0f00e37f"
-  integrity sha512-lAJUJP3M6HxFXbqtGRc0iZrdyeN+WzOWeY0q/VnFzI+kqVrYIzC7bWlKqCW7oCIdzoPkvfp82EVvrTlQ8zsWQg==
-
-currently-unhandled@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
-  integrity sha1-mI3zP+qxke95mmE2nddsF635V+o=
-  dependencies:
-    array-find-index "^1.0.1"
-
-cwebp-bin@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cwebp-bin/-/cwebp-bin-4.0.0.tgz#ee2b7f6333d3426fb52bb405fa6f2ec8b62894f4"
-  integrity sha1-7it/YzPTQm+1K7QF+m8uyLYolPQ=
-  dependencies:
-    bin-build "^2.2.0"
-    bin-wrapper "^3.0.1"
-    logalot "^2.0.0"
-
-d@1:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.0.tgz#754bb5bfe55451da69a58b94d45f4c5b0462d58f"
-  integrity sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=
-  dependencies:
-    es5-ext "^0.10.9"
-
-dashdash@^1.12.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
-  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
-  dependencies:
-    assert-plus "^1.0.0"
-
-data-uri-to-buffer@0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-0.0.4.tgz#46e13ab9da8e309745c8d01ce547213ebdb2fe3f"
-  integrity sha1-RuE6udqOMJdFyNAc5UchPr2y/j8=
-
-date-now@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
-  integrity sha1-6vQ5/U1ISK105cx9vvIAZyueNFs=
-
-dateformat@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-2.2.0.tgz#4065e2013cf9fb916ddfd82efb506ad4c6769062"
-  integrity sha1-QGXiATz5+5Ft39gu+1Bq1MZ2kGI=
-
-death@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/death/-/death-1.1.0.tgz#01aa9c401edd92750514470b8266390c66c67318"
-  integrity sha1-AaqcQB7dknUFFEcLgmY5DGbGcxg=
-
-debug@2, debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.3, debug@^2.6.6, debug@^2.6.8, debug@^2.6.9:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
-  dependencies:
-    ms "2.0.0"
-
-debug@^3.1.0, debug@^3.2.5, debug@^3.2.6:
-  version "3.2.6"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
-  integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
-  dependencies:
-    ms "^2.1.1"
-
-debug@^4.1.0, debug@~4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
-  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
-  dependencies:
-    ms "^2.1.1"
-
-debug@~3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
-  integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
-  dependencies:
-    ms "2.0.0"
-
-decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
-
-decode-uri-component@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
-  integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
-
-decompress-response@^3.2.0, decompress-response@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
-  integrity sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=
-  dependencies:
-    mimic-response "^1.0.0"
-
-decompress-tar@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/decompress-tar/-/decompress-tar-3.1.0.tgz#217c789f9b94450efaadc5c5e537978fc333c466"
-  integrity sha1-IXx4n5uURQ76rcXF5TeXj8MzxGY=
-  dependencies:
-    is-tar "^1.0.0"
-    object-assign "^2.0.0"
-    strip-dirs "^1.0.0"
-    tar-stream "^1.1.1"
-    through2 "^0.6.1"
-    vinyl "^0.4.3"
-
-decompress-tarbz2@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/decompress-tarbz2/-/decompress-tarbz2-3.1.0.tgz#8b23935681355f9f189d87256a0f8bdd96d9666d"
-  integrity sha1-iyOTVoE1X58YnYclag+L3ZbZZm0=
-  dependencies:
-    is-bzip2 "^1.0.0"
-    object-assign "^2.0.0"
-    seek-bzip "^1.0.3"
-    strip-dirs "^1.0.0"
-    tar-stream "^1.1.1"
-    through2 "^0.6.1"
-    vinyl "^0.4.3"
-
-decompress-targz@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/decompress-targz/-/decompress-targz-3.1.0.tgz#b2c13df98166268991b715d6447f642e9696f5a0"
-  integrity sha1-ssE9+YFmJomRtxXWRH9kLpaW9aA=
-  dependencies:
-    is-gzip "^1.0.0"
-    object-assign "^2.0.0"
-    strip-dirs "^1.0.0"
-    tar-stream "^1.1.1"
-    through2 "^0.6.1"
-    vinyl "^0.4.3"
-
-decompress-unzip@^3.0.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/decompress-unzip/-/decompress-unzip-3.4.0.tgz#61475b4152066bbe3fee12f9d629d15fe6478eeb"
-  integrity sha1-YUdbQVIGa74/7hL51inRX+ZHjus=
-  dependencies:
-    is-zip "^1.0.0"
-    read-all-stream "^3.0.0"
-    stat-mode "^0.2.0"
-    strip-dirs "^1.0.0"
-    through2 "^2.0.0"
-    vinyl "^1.0.0"
-    yauzl "^2.2.1"
-
-decompress@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/decompress/-/decompress-3.0.0.tgz#af1dd50d06e3bfc432461d37de11b38c0d991bed"
-  integrity sha1-rx3VDQbjv8QyRh033hGzjA2ZG+0=
-  dependencies:
-    buffer-to-vinyl "^1.0.0"
-    concat-stream "^1.4.6"
-    decompress-tar "^3.0.0"
-    decompress-tarbz2 "^3.0.0"
-    decompress-targz "^3.0.0"
-    decompress-unzip "^3.0.0"
-    stream-combiner2 "^1.1.1"
-    vinyl-assign "^1.0.1"
-    vinyl-fs "^2.2.0"
-
-deep-extend@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
-  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
-
-deep-object-diff@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/deep-object-diff/-/deep-object-diff-1.1.0.tgz#d6fabf476c2ed1751fc94d5ca693d2ed8c18bc5a"
-  integrity sha512-b+QLs5vHgS+IoSNcUE4n9HP2NwcHj7aqnJWsjPtuG75Rh5TOaGt0OjAYInh77d5T16V5cRDC+Pw/6ZZZiETBGw==
-
-deepmerge@^2.0.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
-  integrity sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==
-
-define-properties@^1.1.1, define-properties@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
-  integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==
-  dependencies:
-    object-keys "^1.0.12"
-
-define-property@^0.2.5:
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
-  integrity sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=
-  dependencies:
-    is-descriptor "^0.1.0"
-
-define-property@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-1.0.0.tgz#769ebaaf3f4a63aad3af9e8d304c9bbe79bfb0e6"
-  integrity sha1-dp66rz9KY6rTr56NMEybvnm/sOY=
-  dependencies:
-    is-descriptor "^1.0.0"
-
-define-property@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-2.0.2.tgz#d459689e8d654ba77e02a817f8710d702cb16e9d"
-  integrity sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==
-  dependencies:
-    is-descriptor "^1.0.2"
-    isobject "^3.0.1"
-
-defined@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693"
-  integrity sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=
-
-del@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/del/-/del-3.0.0.tgz#53ecf699ffcbcb39637691ab13baf160819766e5"
-  integrity sha1-U+z2mf/LyzljdpGrE7rxYIGXZuU=
-  dependencies:
-    globby "^6.1.0"
-    is-path-cwd "^1.0.0"
-    is-path-in-cwd "^1.0.0"
-    p-map "^1.1.1"
-    pify "^3.0.0"
-    rimraf "^2.2.8"
-
-delayed-stream@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-  integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
-
-delegate@^3.1.2:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
-  integrity sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==
-
-delegates@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
-
-depd@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-  integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
-
-des.js@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.0.tgz#c074d2e2aa6a8a9a07dbd61f9a15c2cd83ec8ecc"
-  integrity sha1-wHTS4qpqipoH29YfmhXCzYPsjsw=
-  dependencies:
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
-destroy@~1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
-  integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
-
-detab@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/detab/-/detab-2.0.1.tgz#531f5e326620e2fd4f03264a905fb3bcc8af4df4"
-  integrity sha512-/hhdqdQc5thGrqzjyO/pz76lDZ5GSuAs6goxOaKTsvPk7HNnzAyFN5lyHgqpX4/s1i66K8qMGj+VhA9504x7DQ==
-  dependencies:
-    repeat-string "^1.5.4"
-
-detect-file@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/detect-file/-/detect-file-0.1.0.tgz#4935dedfd9488648e006b0129566e9386711ea63"
-  integrity sha1-STXe39lIhkjgBrASlWbpOGcR6mM=
-  dependencies:
-    fs-exists-sync "^0.1.0"
-
-detect-file@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/detect-file/-/detect-file-1.0.0.tgz#f0d66d03672a825cb1b73bdb3fe62310c8e552b7"
-  integrity sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=
-
-detect-indent@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-4.0.0.tgz#f76d064352cdf43a1cb6ce619c4ee3a9475de208"
-  integrity sha1-920GQ1LN9Docts5hnE7jqUdd4gg=
-  dependencies:
-    repeating "^2.0.0"
-
-detect-indent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
-  integrity sha1-OHHMCmoALow+Wzz38zYmRnXwa50=
-
-detect-libc@^1.0.2, detect-libc@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
-
-detect-port-alt@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.3.tgz#a4d2f061d757a034ecf37c514260a98750f2b131"
-  integrity sha1-pNLwYddXoDTs83xRQmCph1DysTE=
-  dependencies:
-    address "^1.0.1"
-    debug "^2.6.0"
-
-detect-port@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/detect-port/-/detect-port-1.3.0.tgz#d9c40e9accadd4df5cac6a782aefd014d573d1f1"
-  integrity sha512-E+B1gzkl2gqxt1IhUzwjrxBKRqx1UzC3WLONHinn8S3T6lwV/agVCyitiFOsGJ/eYuEUBvD71MZHy3Pv1G9doQ==
-  dependencies:
-    address "^1.0.1"
-    debug "^2.6.0"
-
-devcert-san@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/devcert-san/-/devcert-san-0.3.3.tgz#aa77244741b2d831771c011f22ee25e396ad4ba9"
-  integrity sha1-qnckR0Gy2DF3HAEfIu4l45atS6k=
-  dependencies:
-    "@types/configstore" "^2.1.1"
-    "@types/debug" "^0.0.29"
-    "@types/get-port" "^0.0.4"
-    "@types/glob" "^5.0.30"
-    "@types/mkdirp" "^0.3.29"
-    "@types/node" "^7.0.11"
-    "@types/tmp" "^0.0.32"
-    command-exists "^1.2.2"
-    configstore "^3.0.0"
-    debug "^2.6.3"
-    eol "^0.8.1"
-    get-port "^3.0.0"
-    glob "^7.1.1"
-    mkdirp "^0.5.1"
-    tmp "^0.0.31"
-    tslib "^1.6.0"
-
-diffie-hellman@^5.0.0:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
-  dependencies:
-    bn.js "^4.1.0"
-    miller-rabin "^4.0.0"
-    randombytes "^2.0.0"
-
-dom-converter@^0.2:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
-  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
-  dependencies:
-    utila "~0.4"
-
-dom-helpers@^3.2.0, dom-helpers@^3.2.1:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-3.4.0.tgz#e9b369700f959f62ecde5a6babde4bccd9169af8"
-  integrity sha512-LnuPJ+dwqKDIyotW1VzmOZ5TONUN7CwkCR5hrgawTUbkBGYdeoNLZo6nNfGkCrjtE1nXXaj7iMMpDa8/d9WoIA==
-  dependencies:
-    "@babel/runtime" "^7.1.2"
-
-dom-serializer@0, dom-serializer@~0.1.0, dom-serializer@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.1.tgz#1ec4059e284babed36eec2941d4a970a189ce7c0"
-  integrity sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==
-  dependencies:
-    domelementtype "^1.3.0"
-    entities "^1.1.1"
-
-dom-walk@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.1.tgz#672226dc74c8f799ad35307df936aba11acd6018"
-  integrity sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=
-
-domain-browser@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
-  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
-
-domelementtype@1, domelementtype@^1.3.0, domelementtype@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
-  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
-
-domhandler@2.4.2, domhandler@^2.3.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803"
-  integrity sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==
-  dependencies:
-    domelementtype "1"
-
-domready@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/domready/-/domready-1.0.8.tgz#91f252e597b65af77e745ae24dd0185d5e26d58c"
-  integrity sha1-kfJS5Ze2Wvd+dFriTdAYXV4m1Yw=
-
-domutils@1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
-  integrity sha1-3NhIiib1Y9YQeeSMn3t+Mjc2gs8=
-  dependencies:
-    dom-serializer "0"
-    domelementtype "1"
-
-domutils@^1.5.1:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
-  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
-  dependencies:
-    dom-serializer "0"
-    domelementtype "1"
-
-dot-prop@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
-  integrity sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==
-  dependencies:
-    is-obj "^1.0.0"
-
-dotenv@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-4.0.0.tgz#864ef1379aced55ce6f95debecdce179f7a0cd1d"
-  integrity sha1-hk7xN5rO1Vzm+V3r7NzhefegzR0=
-
-download@^4.0.0, download@^4.1.2:
-  version "4.4.3"
-  resolved "https://registry.yarnpkg.com/download/-/download-4.4.3.tgz#aa55fdad392d95d4b68e8c2be03e0c2aa21ba9ac"
-  integrity sha1-qlX9rTktldS2jowr4D4MKqIbqaw=
-  dependencies:
-    caw "^1.0.1"
-    concat-stream "^1.4.7"
-    each-async "^1.0.0"
-    filenamify "^1.0.1"
-    got "^5.0.0"
-    gulp-decompress "^1.2.0"
-    gulp-rename "^1.2.0"
-    is-url "^1.2.0"
-    object-assign "^4.0.1"
-    read-all-stream "^3.0.0"
-    readable-stream "^2.0.2"
-    stream-combiner2 "^1.1.1"
-    vinyl "^1.0.0"
-    vinyl-fs "^2.2.0"
-    ware "^1.2.0"
-
-duplexer2@0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.0.2.tgz#c614dcf67e2fb14995a91711e5a617e8a60a31db"
-  integrity sha1-xhTc9n4vsUmVqRcR5aYX6KYKMds=
-  dependencies:
-    readable-stream "~1.1.9"
-
-duplexer2@^0.1.4, duplexer2@~0.1.0:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
-  integrity sha1-ixLauHjA1p4+eJEFFmKjL8a93ME=
-  dependencies:
-    readable-stream "^2.0.2"
-
-duplexer3@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
-  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
-
-duplexer@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
-  integrity sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=
-
-duplexify@^3.2.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
-each-async@^1.0.0, each-async@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/each-async/-/each-async-1.1.1.tgz#dee5229bdf0ab6ba2012a395e1b869abf8813473"
-  integrity sha1-3uUim98KtrogEqOV4bhpq/iBNHM=
-  dependencies:
-    onetime "^1.0.0"
-    set-immediate-shim "^1.0.0"
-
-easy-css-transform-builder@^0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/easy-css-transform-builder/-/easy-css-transform-builder-0.0.2.tgz#a541667a7919e17f67d82b11d3cb55fdd5433022"
-  integrity sha1-pUFmenkZ4X9n2CsR08tV/dVDMCI=
-  dependencies:
-    invariant "^2.2.2"
-
-ecc-jsbn@~0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
-  dependencies:
-    jsbn "~0.1.0"
-    safer-buffer "^2.1.0"
-
-ee-first@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-  integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
-
-electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.47:
-  version "1.3.131"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.131.tgz#205a0b7a276b3f56bc056f19178909243054252a"
-  integrity sha512-NSO4jLeyGLWrT4mzzfYX8vt1MYCoMI5LxSYAjt0H9+LF/14JyiKJSyyjA6AJTxflZlEM5v3QU33F0ohbPMCAPg==
-
-element-resize-detector@^1.1.15:
-  version "1.1.15"
-  resolved "https://registry.yarnpkg.com/element-resize-detector/-/element-resize-detector-1.1.15.tgz#48eba1a2eaa26969a4c998d972171128c971d8d2"
-  integrity sha512-16/5avDegXlUxytGgaumhjyQoM6hpp5j3+L79sYq5hlXfTNRy5WMMuTVWkZU3egp/CokCmTmvf18P3KeB57Iog==
-  dependencies:
-    batch-processor "^1.0.0"
-
-elliptic@^6.0.0:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.1.tgz#c2d0b7776911b86722c632c3c06c60f2f819939a"
-  integrity sha512-BsXLz5sqX8OHcsh7CqBMztyXARmGQ3LWPtGjJi6DiJHq5C/qvi9P3OqgswKSDftbu8+IoI/QDTAm2fFnQ9SZSQ==
-  dependencies:
-    bn.js "^4.4.0"
-    brorand "^1.0.1"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.0"
-
-"emoji-regex@>=6.0.0 <=6.1.1":
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.1.1.tgz#c6cd0ec1b0642e2a3c67a1137efc5e796da4f88e"
-  integrity sha1-xs0OwbBkLio8Z6ETfvxeeW2k+I4=
-
-emojis-list@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
-  integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
-
-emotion-theming@^10.0.14:
-  version "10.0.14"
-  resolved "https://registry.yarnpkg.com/emotion-theming/-/emotion-theming-10.0.14.tgz#e548d388493d07bedbb0d9d3bbe221766174b1f4"
-  integrity sha512-zMGhPSYz48AAR6DYjQVaZHeO42cYKPq4VyB1XjxzgR62/NmO99679fx8qDDB1QZVYGkRWZtsOe+zJE/e30XdbA==
-  dependencies:
-    "@babel/runtime" "^7.4.3"
-    "@emotion/weak-memoize" "0.2.3"
-    hoist-non-react-statics "^3.3.0"
-
-encodeurl@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
-
-encoding@^0.1.11:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
-  integrity sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=
-  dependencies:
-    iconv-lite "~0.4.13"
-
-end-of-stream@^1.0.0, end-of-stream@^1.1.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.1.tgz#ed29634d19baba463b6ce6b80a37213eab71ec43"
-  integrity sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==
-  dependencies:
-    once "^1.4.0"
-
-engine.io-client@~3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.3.2.tgz#04e068798d75beda14375a264bb3d742d7bc33aa"
-  integrity sha512-y0CPINnhMvPuwtqXfsGuWE8BB66+B6wTtCofQDRecMQPYX3MYUZXFNKDhdrSe3EVjgOu4V3rxdeqN/Tr91IgbQ==
-  dependencies:
-    component-emitter "1.2.1"
-    component-inherit "0.0.3"
-    debug "~3.1.0"
-    engine.io-parser "~2.1.1"
-    has-cors "1.1.0"
-    indexof "0.0.1"
-    parseqs "0.0.5"
-    parseuri "0.0.5"
-    ws "~6.1.0"
-    xmlhttprequest-ssl "~1.5.4"
-    yeast "0.1.2"
-
-engine.io-parser@~2.1.0, engine.io-parser@~2.1.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-2.1.3.tgz#757ab970fbf2dfb32c7b74b033216d5739ef79a6"
-  integrity sha512-6HXPre2O4Houl7c4g7Ic/XzPnHBvaEmN90vtRO9uLmwtRqQmTOw0QMevL1TOfL2Cpu1VzsaTmMotQgMdkzGkVA==
-  dependencies:
-    after "0.8.2"
-    arraybuffer.slice "~0.0.7"
-    base64-arraybuffer "0.1.5"
-    blob "0.0.5"
-    has-binary2 "~1.0.2"
-
-engine.io@~3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-3.3.2.tgz#18cbc8b6f36e9461c5c0f81df2b830de16058a59"
-  integrity sha512-AsaA9KG7cWPXWHp5FvHdDWY3AMWeZ8x+2pUVLcn71qE5AtAzgGbxuclOytygskw8XGmiQafTmnI9Bix3uihu2w==
-  dependencies:
-    accepts "~1.3.4"
-    base64id "1.0.0"
-    cookie "0.3.1"
-    debug "~3.1.0"
-    engine.io-parser "~2.1.0"
-    ws "~6.1.0"
-
-enhanced-resolve@~0.9.0:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-0.9.1.tgz#4d6e689b3725f86090927ccc86cd9f1635b89e2e"
-  integrity sha1-TW5omzcl+GCQknzMhs2fFjW4ni4=
-  dependencies:
-    graceful-fs "^4.1.2"
-    memory-fs "^0.2.0"
-    tapable "^0.1.8"
-
-entities@^1.1.1, entities@~1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56"
-  integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==
-
-envinfo@^5.8.1:
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-5.12.1.tgz#83068c33e0972eb657d6bc69a6df30badefb46ef"
-  integrity sha512-pwdo0/G3CIkQ0y6PCXq4RdkvId2elvtPCJMG0konqlrfkWQbf1DWeH9K2b/cvu2YgGvPPTOnonZxXM1gikFu1w==
-
-eol@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/eol/-/eol-0.8.1.tgz#defc3224990c7eca73bb34461a56cf9dc24761d0"
-  integrity sha1-3vwyJJkMfspzuzRGGlbPncJHYdA=
-
-err-code@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/err-code/-/err-code-1.1.2.tgz#06e0116d3028f6aef4806849eb0ea6a748ae6960"
-  integrity sha1-BuARbTAo9q70gGhJ6w6mp0iuaWA=
-
-errno@^0.1.3:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
-  integrity sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==
-  dependencies:
-    prr "~1.0.1"
-
-error-ex@^1.2.0, error-ex@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
-error-stack-parser@^1.3.6:
-  version "1.3.6"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-1.3.6.tgz#e0e73b93e417138d1cd7c0b746b1a4a14854c292"
-  integrity sha1-4Oc7k+QXE40c18C3RrGkoUhUwpI=
-  dependencies:
-    stackframe "^0.3.1"
-
-error-stack-parser@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.0.2.tgz#4ae8dbaa2bf90a8b450707b9149dcabca135520d"
-  integrity sha512-E1fPutRDdIj/hohG0UpT5mayXNCxXP9d+snxFsPU9X0XgccOumKraa3juDMwTUyi7+Bu5+mCGagjg4IYeNbOdw==
-  dependencies:
-    stackframe "^1.0.4"
-
-es-abstract@^1.5.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.13.0.tgz#ac86145fdd5099d8dd49558ccba2eaf9b88e24e9"
-  integrity sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==
-  dependencies:
-    es-to-primitive "^1.2.0"
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    is-callable "^1.1.4"
-    is-regex "^1.0.4"
-    object-keys "^1.0.12"
-
-es-to-primitive@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.0.tgz#edf72478033456e8dda8ef09e00ad9650707f377"
-  integrity sha512-qZryBOJjV//LaxLTV6UC//WewneB3LcXOL9NP++ozKVXsIIIpm/2c13UDiD9Jp2eThsecw9m3jPqDwTyobcdbg==
-  dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
-
-es5-ext@^0.10.12, es5-ext@^0.10.35, es5-ext@^0.10.9, es5-ext@~0.10.14:
-  version "0.10.50"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.50.tgz#6d0e23a0abdb27018e5ac4fd09b412bc5517a778"
-  integrity sha512-KMzZTPBkeQV/JcSQhI5/z6d9VWJ3EnQ194USTUwIYZ2ZbpN8+SGXQKt1h68EX44+qt+Fzr8DO17vnxrw7c3agw==
-  dependencies:
-    es6-iterator "~2.0.3"
-    es6-symbol "~3.1.1"
-    next-tick "^1.0.0"
-
-es6-iterator@~2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
-  integrity sha1-p96IkUGgWpSwhUQDstCg+/qY87c=
-  dependencies:
-    d "1"
-    es5-ext "^0.10.35"
-    es6-symbol "^3.1.1"
-
-es6-promise@^3.0.2:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-3.3.1.tgz#a08cdde84ccdbf34d027a1451bc91d4bcd28a613"
-  integrity sha1-oIzd6EzNvzTQJ6FFG8kdS80ophM=
-
-es6-promise@^4.1.0:
-  version "4.2.6"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.6.tgz#b685edd8258886365ea62b57d30de28fadcd974f"
-  integrity sha512-aRVgGdnmW2OiySVPUC9e6m+plolMAJKjZnQlCwNSuK5yQ0JN61DZSO1X1Ufd1foqWRAlig0rhduTCHe7sVtK5Q==
-
-es6-symbol@^3.1.1, es6-symbol@~3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77"
-  integrity sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-
-es6-template-strings@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/es6-template-strings/-/es6-template-strings-2.0.1.tgz#b166c6a62562f478bb7775f6ca96103a599b4b2c"
-  integrity sha1-sWbGpiVi9Hi7d3X2ypYQOlmbSyw=
-  dependencies:
-    es5-ext "^0.10.12"
-    esniff "^1.1"
-
-escape-html@~1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
-  integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
-
-escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
-
-esniff@^1.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/esniff/-/esniff-1.1.0.tgz#c66849229f91464dede2e0d40201ed6abf65f2ac"
-  integrity sha1-xmhJIp+RRk3t4uDUAgHtar9l8qw=
-  dependencies:
-    d "1"
-    es5-ext "^0.10.12"
-
-esprima@^2.6.0:
-  version "2.7.3"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
-  integrity sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=
-
-esprima@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
-esutils@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b"
-  integrity sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=
-
-etag@~1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-  integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
-
-ev-emitter@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ev-emitter/-/ev-emitter-1.1.1.tgz#8f18b0ce5c76a5d18017f71c0a795c65b9138f2a"
-  integrity sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q==
-
-eval@^0.1.0:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/eval/-/eval-0.1.3.tgz#051deb8fa00580f452572580e3147f5d4a9bf5a5"
-  integrity sha512-lDBa3hl9YynB+3J7aNPaajAapr+7ZiAylqFeUmx/r9s7I0tkkUJFLw2CQ2oMRYGg/rL7g4IYkZenbKaQGKPnGQ==
-  dependencies:
-    require-like ">= 0.1.1"
-
-eventemitter3@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-3.1.2.tgz#2d3d48f9c346698fce83a85d7d664e98535df6e7"
-  integrity sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q==
-
-events@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
-  integrity sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=
-
-events@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.0.0.tgz#9a0a0dfaf62893d92b875b8f2698ca4114973e88"
-  integrity sha512-Dc381HFWJzEOhQ+d8pkNon++bk9h6cdAoAj4iE6Q4y6xgTzySWXlKn05/TVNpjnfRqi/X0EpJEJohPjNI3zpVA==
-
-eventsource@0.1.6:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-0.1.6.tgz#0acede849ed7dd1ccc32c811bb11b944d4f29232"
-  integrity sha1-Cs7ehJ7X3RzMMsgRuxG5RNTykjI=
-  dependencies:
-    original ">=0.0.5"
-
-eventsource@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-1.0.7.tgz#8fbc72c93fcd34088090bc0a4e64f4b5cee6d8d0"
-  integrity sha512-4Ln17+vVT0k8aWq+t/bF5arcS3EpT9gYtW66EPacdj/mAFevznsnyoHLPy2BA8gbIQeIHoPsvwmfBftfcG//BQ==
-  dependencies:
-    original "^1.0.0"
-
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-  dependencies:
-    md5.js "^1.3.4"
-    safe-buffer "^5.1.1"
-
-exec-buffer@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/exec-buffer/-/exec-buffer-3.2.0.tgz#b1686dbd904c7cf982e652c1f5a79b1e5573082b"
-  integrity sha512-wsiD+2Tp6BWHoVv3B+5Dcx6E7u5zky+hUwOHjuH2hKSLR3dvRmX8fk8UD8uqQixHs4Wk6eDmiegVrMPjKj7wpA==
-  dependencies:
-    execa "^0.7.0"
-    p-finally "^1.0.0"
-    pify "^3.0.0"
-    rimraf "^2.5.4"
-    tempfile "^2.0.0"
-
-exec-series@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/exec-series/-/exec-series-1.0.3.tgz#6d257a9beac482a872c7783bc8615839fc77143a"
-  integrity sha1-bSV6m+rEgqhyx3g7yGFYOfx3FDo=
-  dependencies:
-    async-each-series "^1.1.0"
-    object-assign "^4.1.0"
-
-exec-sh@^0.2.0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.2.2.tgz#2a5e7ffcbd7d0ba2755bdecb16e5a427dfbdec36"
-  integrity sha512-FIUCJz1RbuS0FKTdaAafAByGS0CPvU3R0MeHxgtl+djzCc//F8HakL8GzmVNZanasTbTAY/3DRFA0KpVqj/eAw==
-  dependencies:
-    merge "^1.2.0"
-
-execa@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
-  integrity sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=
-  dependencies:
-    cross-spawn "^5.0.1"
-    get-stream "^3.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
-
-execa@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-0.8.0.tgz#d8d76bbc1b55217ed190fd6dd49d3c774ecfc8da"
-  integrity sha1-2NdrvBtVIX7RkP1t1J08d07PyNo=
-  dependencies:
-    cross-spawn "^5.0.1"
-    get-stream "^3.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
-
-executable@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/executable/-/executable-1.1.0.tgz#877980e9112f3391066da37265de7ad8434ab4d9"
-  integrity sha1-h3mA6REvM5EGbaNyZd562ENKtNk=
-  dependencies:
-    meow "^3.1.0"
-
-exenv@^1.2.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
-  integrity sha1-KueOhdmJQVhnCwPUe+wfA72Ru50=
-
-exif-parser@^0.1.9:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/exif-parser/-/exif-parser-0.1.12.tgz#58a9d2d72c02c1f6f02a0ef4a9166272b7760922"
-  integrity sha1-WKnS1ywCwfbwKg70qRZicrd2CSI=
-
-expand-brackets@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
-  integrity sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=
-  dependencies:
-    is-posix-bracket "^0.1.0"
-
-expand-brackets@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
-  integrity sha1-t3c14xXOMPa27/D4OwQVGiJEliI=
-  dependencies:
-    debug "^2.3.3"
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    posix-character-classes "^0.1.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-expand-range@^1.8.1:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
-  integrity sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=
-  dependencies:
-    fill-range "^2.1.0"
-
-expand-template@^1.0.2:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/expand-template/-/expand-template-1.1.1.tgz#981f188c0c3a87d2e28f559bc541426ff94f21dd"
-  integrity sha512-cebqLtV8KOZfw0UI8TEFWxtczxxC1jvyUvx6H4fyp1K1FN7A4Q+uggVUlOsI1K8AGU0rwOGqP8nCapdrw8CYQg==
-
-expand-tilde@^1.2.0, expand-tilde@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-1.2.2.tgz#0b81eba897e5a3d31d1c3d102f8f01441e559449"
-  integrity sha1-C4HrqJflo9MdHD0QL48BRB5VlEk=
-  dependencies:
-    os-homedir "^1.0.1"
-
-expand-tilde@^2.0.0, expand-tilde@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/expand-tilde/-/expand-tilde-2.0.2.tgz#97e801aa052df02454de46b02bf621642cdc8502"
-  integrity sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=
-  dependencies:
-    homedir-polyfill "^1.0.1"
-
-express-graphql@^0.6.6:
-  version "0.6.12"
-  resolved "https://registry.yarnpkg.com/express-graphql/-/express-graphql-0.6.12.tgz#dfcb2058ca72ed5190b140830ad8cdbf76a9128a"
-  integrity sha512-ouLWV0hRw4hnaLtXzzwhdC79ewxKbY2PRvm05mPc/zOH5W5WVCHDQ1SmNxEPBQdUeeSNh29aIqW9zEQkA3kMuA==
-  dependencies:
-    accepts "^1.3.0"
-    content-type "^1.0.4"
-    http-errors "^1.3.0"
-    raw-body "^2.3.2"
-
-express@^4.13.3, express@^4.14.0:
-  version "4.16.4"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.16.4.tgz#fddef61926109e24c515ea97fd2f1bdbf62df12e"
-  integrity sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==
-  dependencies:
-    accepts "~1.3.5"
-    array-flatten "1.1.1"
-    body-parser "1.18.3"
-    content-disposition "0.5.2"
-    content-type "~1.0.4"
-    cookie "0.3.1"
-    cookie-signature "1.0.6"
-    debug "2.6.9"
-    depd "~1.1.2"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    finalhandler "1.1.1"
-    fresh "0.5.2"
-    merge-descriptors "1.0.1"
-    methods "~1.1.2"
-    on-finished "~2.3.0"
-    parseurl "~1.3.2"
-    path-to-regexp "0.1.7"
-    proxy-addr "~2.0.4"
-    qs "6.5.2"
-    range-parser "~1.2.0"
-    safe-buffer "5.1.2"
-    send "0.16.2"
-    serve-static "1.13.2"
-    setprototypeof "1.1.0"
-    statuses "~1.4.0"
-    type-is "~1.6.16"
-    utils-merge "1.0.1"
-    vary "~1.1.2"
-
-extend-shallow@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
-  integrity sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=
-  dependencies:
-    is-extendable "^0.1.0"
-
-extend-shallow@^3.0.0, extend-shallow@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-3.0.2.tgz#26a71aaf073b39fb2127172746131c2704028db8"
-  integrity sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=
-  dependencies:
-    assign-symbols "^1.0.0"
-    is-extendable "^1.0.1"
-
-extend@^3.0.0, extend@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
-  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
-
-external-editor@^2.0.4:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.2.0.tgz#045511cfd8d133f3846673d1047c154e214ad3d5"
-  integrity sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==
-  dependencies:
-    chardet "^0.4.0"
-    iconv-lite "^0.4.17"
-    tmp "^0.0.33"
-
-extglob@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
-  integrity sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=
-  dependencies:
-    is-extglob "^1.0.0"
-
-extglob@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
-  integrity sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==
-  dependencies:
-    array-unique "^0.3.2"
-    define-property "^1.0.0"
-    expand-brackets "^2.1.4"
-    extend-shallow "^2.0.1"
-    fragment-cache "^0.2.1"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-extract-text-webpack-plugin@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/extract-text-webpack-plugin/-/extract-text-webpack-plugin-1.0.1.tgz#c95bf3cbaac49dc96f1dc6e072549fbb654ccd2c"
-  integrity sha1-yVvzy6rEnclvHcbgclSfu2VMzSw=
-  dependencies:
-    async "^1.5.0"
-    loader-utils "^0.2.3"
-    webpack-sources "^0.1.0"
-
-extsprintf@1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
-
-extsprintf@^1.2.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
-  integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
-
-fancy-log@^1.1.0:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/fancy-log/-/fancy-log-1.3.3.tgz#dbc19154f558690150a23953a0adbd035be45fc7"
-  integrity sha512-k9oEhlyc0FrVh25qYuSELjr8oxsCoc4/LEZfg2iJJrfEk/tZL9bCoJE47gqAvI2m/AUjluCS4+3I0eTx8n3AEw==
-  dependencies:
-    ansi-gray "^0.1.1"
-    color-support "^1.1.3"
-    parse-node-version "^1.0.0"
-    time-stamp "^1.0.0"
-
-fast-deep-equal@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz#c053477817c86b51daa853c81e059b733d023614"
-  integrity sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=
-
-fast-deep-equal@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
-  integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
-
-fast-glob@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-1.0.1.tgz#30f9b1120fd57a7f172364a6458fbdbd98187b3c"
-  integrity sha512-C2VHbdBwSkaQDyavjQZDflZzmZKrsUK3fTdJtsOnED0L0vtHCw+NL0h8pRcydbpRHlNJLZ4/LbOfEdJKspK91A==
-  dependencies:
-    bash-glob "^1.0.1"
-    glob-parent "^3.1.0"
-    micromatch "^3.0.3"
-    readdir-enhanced "^1.5.2"
-
-fast-json-stable-stringify@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2"
-  integrity sha1-1RQsDK7msRifh9OnYREGT4bIu/I=
-
-fast-levenshtein@~2.0.4:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
-
-fast-url-parser@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/fast-url-parser/-/fast-url-parser-1.1.3.tgz#f4af3ea9f34d8a271cf58ad2b3759f431f0b318d"
-  integrity sha1-9K8+qfNNiicc9YrSs3WfQx8LMY0=
-  dependencies:
-    punycode "^1.3.2"
-
-fastparse@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
-  integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
-
-fault@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/fault/-/fault-1.0.3.tgz#4da88cf979b6b792b4e13c7ec836767725170b7e"
-  integrity sha512-sfFuP4X0hzrbGKjAUNXYvNqsZ5F6ohx/dZ9I0KQud/aiZNwg263r5L9yGB0clvXHCkzXh5W3t7RSHchggYIFmA==
-  dependencies:
-    format "^0.2.2"
-
-faye-websocket@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.10.0.tgz#4e492f8d04dfb6f89003507f6edbf2d501e7c6f4"
-  integrity sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=
-  dependencies:
-    websocket-driver ">=0.5.1"
-
-faye-websocket@~0.11.0, faye-websocket@~0.11.1:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.1.tgz#f0efe18c4f56e4f40afc7e06c719fd5ee6188f38"
-  integrity sha1-8O/hjE9W5PQK/H4Gxxn9XuYYjzg=
-  dependencies:
-    websocket-driver ">=0.5.1"
-
-fb-watchman@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.0.tgz#54e9abf7dfa2f26cd9b1636c588c1afc05de5d58"
-  integrity sha1-VOmr99+i8mzZsWNsWIwa/AXeXVg=
-  dependencies:
-    bser "^2.0.0"
-
-fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.14, fbjs@^0.8.9:
-  version "0.8.17"
-  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
-  integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
-  dependencies:
-    core-js "^1.0.0"
-    isomorphic-fetch "^2.1.1"
-    loose-envify "^1.0.0"
-    object-assign "^4.1.0"
-    promise "^7.1.1"
-    setimmediate "^1.0.5"
-    ua-parser-js "^0.7.18"
-
-fd-slicer@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
-  integrity sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=
-  dependencies:
-    pend "~1.2.0"
-
-figures@^1.3.5:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"
-  integrity sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4=
-  dependencies:
-    escape-string-regexp "^1.0.5"
-    object-assign "^4.1.0"
-
-figures@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
-  integrity sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-file-loader@^0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-0.9.0.tgz#1d2daddd424ce6d1b07cfe3f79731bed3617ab42"
-  integrity sha1-HS2t3UJM5tGwfP4/eXMb7TYXq0I=
-  dependencies:
-    loader-utils "~0.2.5"
-
-file-type@^3.1.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-3.9.0.tgz#257a078384d1db8087bc449d107d52a52672b9e9"
-  integrity sha1-JXoHg4TR24CHvESdEH1SpSZyuek=
-
-file-type@^4.1.0, file-type@^4.3.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-4.4.0.tgz#1b600e5fca1fbdc6e80c0a70c71c8dba5f7906c5"
-  integrity sha1-G2AOX8ofvcboDApwxxyNul95BsU=
-
-filename-regex@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
-  integrity sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=
-
-filename-reserved-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/filename-reserved-regex/-/filename-reserved-regex-1.0.0.tgz#e61cf805f0de1c984567d0386dc5df50ee5af7e4"
-  integrity sha1-5hz4BfDeHJhFZ9A4bcXfUO5a9+Q=
-
-filenamify@^1.0.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/filenamify/-/filenamify-1.2.1.tgz#a9f2ffd11c503bed300015029272378f1f1365a5"
-  integrity sha1-qfL/0RxQO+0wABUCknI3jx8TZaU=
-  dependencies:
-    filename-reserved-regex "^1.0.0"
-    strip-outer "^1.0.0"
-    trim-repeated "^1.0.0"
-
-filesize@3.5.11:
-  version "3.5.11"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-3.5.11.tgz#1919326749433bb3cf77368bd158caabcc19e9ee"
-  integrity sha512-ZH7loueKBoDb7yG9esn1U+fgq7BzlzW6NRi5/rMdxIZ05dj7GFD/Xc5rq2CDt5Yq86CyfSYVyx4242QQNZbx1g==
-
-fill-range@^2.1.0:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.4.tgz#eb1e773abb056dcd8df2bfdf6af59b8b3a936565"
-  integrity sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==
-  dependencies:
-    is-number "^2.1.0"
-    isobject "^2.0.0"
-    randomatic "^3.0.0"
-    repeat-element "^1.1.2"
-    repeat-string "^1.5.2"
-
-fill-range@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
-  integrity sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=
-  dependencies:
-    extend-shallow "^2.0.1"
-    is-number "^3.0.0"
-    repeat-string "^1.6.1"
-    to-regex-range "^2.1.0"
-
-finalhandler@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.1.tgz#eebf4ed840079c83f4249038c9d703008301b105"
-  integrity sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    on-finished "~2.3.0"
-    parseurl "~1.3.2"
-    statuses "~1.4.0"
-    unpipe "~1.0.0"
-
-find-cache-dir@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-0.1.1.tgz#c8defae57c8a52a8a784f9e31c57c742e993a0b9"
-  integrity sha1-yN765XyKUqinhPnjHFfHQumToLk=
-  dependencies:
-    commondir "^1.0.1"
-    mkdirp "^0.5.1"
-    pkg-dir "^1.0.0"
-
-find-node-modules@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/find-node-modules/-/find-node-modules-1.0.4.tgz#b6deb3cccb699c87037677bcede2c5f5862b2550"
-  integrity sha1-tt6zzMtpnIcDdne87eLF9YYrJVA=
-  dependencies:
-    findup-sync "0.4.2"
-    merge "^1.2.0"
-
-find-root@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
-  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
-
-find-up@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
-  integrity sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=
-  dependencies:
-    path-exists "^2.0.0"
-    pinkie-promise "^2.0.0"
-
-find-up@^2.0.0, find-up@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
-  dependencies:
-    locate-path "^2.0.0"
-
-find-versions@^1.0.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/find-versions/-/find-versions-1.2.1.tgz#cbde9f12e38575a0af1be1b9a2c5d5fd8f186b62"
-  integrity sha1-y96fEuOFdaCvG+G5osXV/Y8Ya2I=
-  dependencies:
-    array-uniq "^1.0.0"
-    get-stdin "^4.0.1"
-    meow "^3.5.0"
-    semver-regex "^1.0.0"
-
-findup-sync@0.4.2:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-0.4.2.tgz#a8117d0f73124f5a4546839579fe52d7129fb5e5"
-  integrity sha1-qBF9D3MST1pFRoOVef5S1xKfteU=
-  dependencies:
-    detect-file "^0.1.0"
-    is-glob "^2.0.1"
-    micromatch "^2.3.7"
-    resolve-dir "^0.1.0"
-
-findup-sync@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-2.0.0.tgz#9326b1488c22d1a6088650a86901b2d9a90a2cbc"
-  integrity sha1-kyaxSIwi0aYIhlCoaQGy2akKLLw=
-  dependencies:
-    detect-file "^1.0.0"
-    is-glob "^3.1.0"
-    micromatch "^3.0.4"
-    resolve-dir "^1.0.1"
-
-fined@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/fined/-/fined-1.2.0.tgz#d00beccf1aa2b475d16d423b0238b713a2c4a37b"
-  integrity sha512-ZYDqPLGxDkDhDZBjZBb+oD1+j0rA4E0pXY50eplAAOPg2N/gUBSSk5IM1/QhPfyVo19lJ+CvXpqfvk+b2p/8Ng==
-  dependencies:
-    expand-tilde "^2.0.2"
-    is-plain-object "^2.0.3"
-    object.defaults "^1.1.0"
-    object.pick "^1.2.0"
-    parse-filepath "^1.0.1"
-
-first-chunk-stream@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/first-chunk-stream/-/first-chunk-stream-1.0.0.tgz#59bfb50cd905f60d7c394cd3d9acaab4e6ad934e"
-  integrity sha1-Wb+1DNkF9g18OUzT2ayqtOatk04=
-
-flagged-respawn@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/flagged-respawn/-/flagged-respawn-1.0.1.tgz#e7de6f1279ddd9ca9aac8a5971d618606b3aab41"
-  integrity sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q==
-
-flat@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/flat/-/flat-2.0.1.tgz#70e29188a74be0c3c89409eed1fa9577907ae32f"
-  integrity sha1-cOKRiKdL4MPIlAnu0fqVd5B64y8=
-  dependencies:
-    is-buffer "~1.1.2"
-
-flatten@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.2.tgz#dae46a9d78fbe25292258cc1e780a41d95c03782"
-  integrity sha1-2uRqnXj74lKSJYzB54CkHZXAN4I=
-
-focus-lock@^0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/focus-lock/-/focus-lock-0.6.3.tgz#ef0e82ebac0023f841039d60bf329725d6438028"
-  integrity sha512-EU6ePgEauhWrzJEN5RtG1d1ayrWXhEnfzTjnieHj+jG9tNHDEhKTAnCn1TN3gs9h6XWCDH6cpeX1VXY/lzLwZg==
-
-follow-redirects@^1.0.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.7.0.tgz#489ebc198dc0e7f64167bd23b03c4c19b5784c76"
-  integrity sha512-m/pZQy4Gj287eNy94nivy5wchN3Kp+Q5WgUPNy5lJSZ3sgkVKSYV/ZChMAQVIgx1SqfZ2zBZtPA2YlXIWxxJOQ==
-  dependencies:
-    debug "^3.2.6"
-
-for-each@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
-  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
-  dependencies:
-    is-callable "^1.1.3"
-
-for-in@^1.0.1, for-in@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
-  integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=
-
-for-own@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce"
-  integrity sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=
-  dependencies:
-    for-in "^1.0.1"
-
-for-own@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/for-own/-/for-own-1.0.0.tgz#c63332f415cedc4b04dbfe70cf836494c53cb44b"
-  integrity sha1-xjMy9BXO3EsE2/5wz4NklMU8tEs=
-  dependencies:
-    for-in "^1.0.1"
-
-forever-agent@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
-  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
-
-form-data@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
-  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.6"
-    mime-types "^2.1.12"
-
-format@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/format/-/format-0.2.2.tgz#d6170107e9efdc4ed30c9dc39016df942b5cb58b"
-  integrity sha1-1hcBB+nv3E7TDJ3DkBbflCtctYs=
-
-forwarded@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
-  integrity sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=
-
-fragment-cache@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
-  integrity sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=
-  dependencies:
-    map-cache "^0.2.2"
-
-fresh@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
-
-friendly-errors-webpack-plugin@^1.6.1:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.0.tgz#efc86cbb816224565861a1be7a9d84d0aafea136"
-  integrity sha512-K27M3VK30wVoOarP651zDmb93R9zF28usW4ocaK3mfQeIEI5BPht/EzZs5E8QLLwbLRJQMwscAjDxYPb1FuNiw==
-  dependencies:
-    chalk "^1.1.3"
-    error-stack-parser "^2.0.0"
-    string-width "^2.0.0"
-
-front-matter@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/front-matter/-/front-matter-2.3.0.tgz#7203af896ce357ee04e2aa45169ea91ed7f67504"
-  integrity sha1-cgOviWzjV+4E4qpFFp6pHtf2dQQ=
-  dependencies:
-    js-yaml "^3.10.0"
-
-fs-constants@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
-  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
-
-fs-copy-file-sync@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/fs-copy-file-sync/-/fs-copy-file-sync-1.1.1.tgz#11bf32c096c10d126e5f6b36d06eece776062918"
-  integrity sha512-2QY5eeqVv4m2PfyMiEuy9adxNP+ajf+8AR05cEi+OAzPcOj90hvFImeZhTmKLBgSd9EvG33jsD7ZRxsx9dThkQ==
-
-fs-exists-sync@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz#982d6893af918e72d08dec9e8673ff2b5a8d6add"
-  integrity sha1-mC1ok6+RjnLQjeyehnP/K1qNat0=
-
-fs-extra@^4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.3.tgz#0d852122e5bc5beb453fb028e9c0c9bf36340c94"
-  integrity sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==
-  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
-fs-minipass@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.5.tgz#06c277218454ec288df77ada54a03b8702aacb9d"
-  integrity sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==
-  dependencies:
-    minipass "^2.2.1"
-
-fs-readdir-recursive@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
-  integrity sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==
-
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
-
-fsevents@^1.0.0:
-  version "1.2.9"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.9.tgz#3f5ed66583ccd6f400b5a00db6f7e861363e388f"
-  integrity sha512-oeyj2H3EjjonWcFjD5NvZNE9Rqe4UW+nQBU2HNeKw0koVLEFIhtyETyAakeAM3de7Z/SW5kcA+fZUait9EApnw==
-  dependencies:
-    nan "^2.12.1"
-    node-pre-gyp "^0.12.0"
-
-function-bind@^1.0.2, function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-gatsby-1-config-css-modules@^1.0.11:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/gatsby-1-config-css-modules/-/gatsby-1-config-css-modules-1.0.11.tgz#5a102c6b11f9a6963b3892ecc959511e1688e525"
-  integrity sha1-WhAsaxH5ppY7OJLsyVlRHhaI5SU=
-  dependencies:
-    babel-runtime "^6.26.0"
-
-gatsby-1-config-extract-plugin@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/gatsby-1-config-extract-plugin/-/gatsby-1-config-extract-plugin-1.0.3.tgz#9e2c962d4563c95fa29da83e3d93017129af0115"
-  integrity sha1-niyWLUVjyV+inag+PZMBcSmvARU=
-  dependencies:
-    babel-runtime "^6.26.0"
-    extract-text-webpack-plugin "^1.0.1"
-
-gatsby-cli@^1.1.58:
-  version "1.1.58"
-  resolved "https://registry.yarnpkg.com/gatsby-cli/-/gatsby-cli-1.1.58.tgz#5dda246b9877ab925f6a512f723c20557af22d57"
-  integrity sha1-Xdoka5h3q5JfalEvcjwgVXryLVc=
-  dependencies:
-    babel-code-frame "^6.26.0"
-    babel-runtime "^6.26.0"
-    bluebird "^3.5.0"
-    common-tags "^1.4.0"
-    convert-hrtime "^2.0.0"
-    core-js "^2.5.0"
-    envinfo "^5.8.1"
-    execa "^0.8.0"
-    fs-extra "^4.0.1"
-    hosted-git-info "^2.5.0"
-    lodash "^4.17.4"
-    pretty-error "^2.1.1"
-    resolve-cwd "^2.0.0"
-    source-map "^0.5.7"
-    stack-trace "^0.0.10"
-    update-notifier "^2.3.0"
-    yargs "^11.1.0"
-    yurnalist "^0.2.1"
-
-gatsby-link@^1.6.45, gatsby-link@^1.6.46:
-  version "1.6.46"
-  resolved "https://registry.yarnpkg.com/gatsby-link/-/gatsby-link-1.6.46.tgz#1f9f6bd7a4d448a856c2035e54f2263d7933f4fd"
-  integrity sha1-H59r16TUSKhWwgNeVPImPXkz9P0=
-  dependencies:
-    "@types/history" "^4.6.2"
-    "@types/react-router-dom" "^4.2.2"
-    babel-runtime "^6.26.0"
-    prop-types "^15.5.8"
-    ric "^1.3.0"
-
-gatsby-module-loader@^1.0.11:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/gatsby-module-loader/-/gatsby-module-loader-1.0.11.tgz#35f269456f6a6d85c693bdc2b3b3b3432987f55b"
-  integrity sha1-NfJpRW9qbYXGk73Cs7OzQymH9Vs=
-  dependencies:
-    babel-runtime "^6.26.0"
-    loader-utils "^0.2.16"
-
-gatsby-plugin-page-creator@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-page-creator/-/gatsby-plugin-page-creator-1.0.1.tgz#6bad33a7f46cb5b87dbdaacc3c1bbd81ac63bc20"
-  integrity sha1-a60zp/Rstbh9varMPBu9gaxjvCA=
-  dependencies:
-    babel-runtime "^6.26.0"
-    bluebird "^3.5.0"
-    chokidar "^1.7.0"
-    glob "^7.1.1"
-    lodash "^4.17.4"
-    parse-filepath "^1.0.1"
-    slash "^1.0.0"
-
-gatsby-plugin-segment@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-segment/-/gatsby-plugin-segment-1.0.2.tgz#6b014ed477b675486a445155384afe168f3e4bbe"
-  integrity sha512-MHlQJoRVKHGtQjByS4z23BL9wm0HA5rt5gYSP4ETsWNvs1udw+Aqrm5oVtsS+b4zDT0RTMGAjGCVoJbP+PHK2g==
-  dependencies:
-    "@segment/snippet" "^4.0.1"
-
-gatsby-plugin-sharp@^1.6.48:
-  version "1.6.48"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-sharp/-/gatsby-plugin-sharp-1.6.48.tgz#9bb7515da9c7753b3065c51b2d35a0de5b9aa1f5"
-  integrity sha1-m7dRXanHdTswZcUbLTWg3luaofU=
-  dependencies:
-    async "^2.1.2"
-    babel-runtime "^6.26.0"
-    bluebird "^3.5.0"
-    imagemin "^5.2.2"
-    imagemin-pngquant "5.0.1"
-    imagemin-webp "^4.0.0"
-    lodash "^4.17.4"
-    mini-svg-data-uri "^1.0.0"
-    potrace "^2.1.1"
-    probe-image-size "^4.0.0"
-    progress "^1.1.8"
-    sharp "^0.20.0"
-    svgo "^0.7.2"
-
-gatsby-plugin-styled-components@^2.0.0:
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/gatsby-plugin-styled-components/-/gatsby-plugin-styled-components-2.0.11.tgz#c3d3438c7970bbcc116e821fb966687098bdaf57"
-  integrity sha1-w9NDjHlwu8wRboIfuWZocJi9r1c=
-  dependencies:
-    babel-runtime "^6.26.0"
-
-gatsby-react-router-scroll@^1.0.18:
-  version "1.0.18"
-  resolved "https://registry.yarnpkg.com/gatsby-react-router-scroll/-/gatsby-react-router-scroll-1.0.18.tgz#616ffb801dbdbe4598611e2ff3861b91ac3eecbf"
-  integrity sha1-YW/7gB29vkWYYR4v84Ybkaw+7L8=
-  dependencies:
-    babel-runtime "^6.26.0"
-    scroll-behavior "^0.9.9"
-    warning "^3.0.0"
-
-gatsby-remark-autolink-headers@^1.4.19:
-  version "1.4.19"
-  resolved "https://registry.yarnpkg.com/gatsby-remark-autolink-headers/-/gatsby-remark-autolink-headers-1.4.19.tgz#84417de2fc6fbe9914219999ae0e2616fc9c79a2"
-  integrity sha1-hEF94vxvvpkUIZmZrg4mFvyceaI=
-  dependencies:
-    babel-runtime "^6.26.0"
-    github-slugger "^1.1.1"
-    mdast-util-to-string "^1.0.2"
-    unist-util-visit "^1.1.1"
-
-gatsby-remark-copy-linked-files@^1.5.37:
-  version "1.5.37"
-  resolved "https://registry.yarnpkg.com/gatsby-remark-copy-linked-files/-/gatsby-remark-copy-linked-files-1.5.37.tgz#cfa2a055e6ba3dbb2fd9bbbd33a1211788bbd49e"
-  integrity sha1-z6KgVea6Pbsv2bu9M6EhF4i71J4=
-  dependencies:
-    babel-runtime "^6.26.0"
-    cheerio "^1.0.0-rc.2"
-    fs-extra "^4.0.1"
-    is-relative-url "^2.0.0"
-    lodash "^4.17.4"
-    path-is-inside "^1.0.2"
-    probe-image-size "^4.0.0"
-    unist-util-visit "^1.1.1"
-
-gatsby-remark-images@^1.5.67:
-  version "1.5.67"
-  resolved "https://registry.yarnpkg.com/gatsby-remark-images/-/gatsby-remark-images-1.5.67.tgz#6b0db6873ea1a141d2b3ca211a05ab85c55922e2"
-  integrity sha1-aw22hz6hoUHSs8ohGgWrhcVZIuI=
-  dependencies:
-    babel-runtime "^6.26.0"
-    cheerio "^1.0.0-rc.2"
-    gatsby-plugin-sharp "^1.6.48"
-    is-relative-url "^2.0.0"
-    lodash "^4.17.4"
-    slash "^1.0.0"
-    unist-util-select "^1.5.0"
-
-gatsby-remark-smartypants@^1.4.12:
-  version "1.4.12"
-  resolved "https://registry.yarnpkg.com/gatsby-remark-smartypants/-/gatsby-remark-smartypants-1.4.12.tgz#d783518b8bf0943aa78def717fdf2e9b9f893552"
-  integrity sha1-14NRi4vwlDqnje9xf98um5+JNVI=
-  dependencies:
-    babel-runtime "^6.26.0"
-    retext "^4.0.0"
-    retext-smartypants "^2.0.0"
-    unist-util-visit "^1.1.1"
-
-gatsby-source-filesystem@^1.5.39:
-  version "1.5.39"
-  resolved "https://registry.yarnpkg.com/gatsby-source-filesystem/-/gatsby-source-filesystem-1.5.39.tgz#c7e49b7809632b53c827e66ff3ee0ba74ef62dd8"
-  integrity sha1-x+SbeAljK1PIJ+Zv8+4Lp072Ldg=
-  dependencies:
-    babel-cli "^6.26.0"
-    babel-runtime "^6.26.0"
-    better-queue "^3.8.7"
-    bluebird "^3.5.0"
-    chokidar "^1.7.0"
-    fs-extra "^4.0.1"
-    got "^7.1.0"
-    md5-file "^3.1.1"
-    mime "^1.3.6"
-    pretty-bytes "^4.0.2"
-    slash "^1.0.0"
-    valid-url "^1.0.9"
-
-gatsby-transformer-remark@^1.7.44:
-  version "1.7.44"
-  resolved "https://registry.yarnpkg.com/gatsby-transformer-remark/-/gatsby-transformer-remark-1.7.44.tgz#69b45f377a68484d1eab13f1feb7924428378ce1"
-  integrity sha1-abRfN3poSE0eqxPx/reSRCg3jOE=
-  dependencies:
-    babel-runtime "^6.26.0"
-    bluebird "^3.5.0"
-    graphql-type-json "^0.1.4"
-    gray-matter "^3.0.0"
-    hast-util-raw "^2.0.2"
-    hast-util-to-html "^3.0.0"
-    lodash "^4.17.4"
-    mdast-util-to-hast "^2.4.0"
-    mdast-util-toc "^2.0.1"
-    remark "^7.0.1"
-    remark-parse "^4.0.0"
-    remark-retext "^3.1.0"
-    remark-stringify "^4.0.0"
-    retext-english "^3.0.0"
-    sanitize-html "^1.14.1"
-    underscore.string "^3.3.4"
-    unified "^6.1.5"
-    unist-util-remove-position "^1.1.1"
-    unist-util-select "^1.5.0"
-    unist-util-visit "^1.1.1"
-
-gatsby@^1.9.279:
-  version "1.9.279"
-  resolved "https://registry.yarnpkg.com/gatsby/-/gatsby-1.9.279.tgz#e035bcac78b8280e12d42a3d068af4dcda5fcfd6"
-  integrity sha512-JpXW0l2bWpqxlrjnFm4GSoy1JgFaI9p9rlKOzDGBaLnwFHDHp2G8tgbcQmIH+RNf5m5okPDSgJySS/PjaKjWeg==
-  dependencies:
-    async "^2.1.2"
-    babel-code-frame "^6.22.0"
-    babel-core "^6.24.1"
-    babel-loader "^6.0.0"
-    babel-plugin-add-module-exports "^0.2.1"
-    babel-plugin-transform-object-assign "^6.8.0"
-    babel-polyfill "^6.23.0"
-    babel-preset-env "^1.6.0"
-    babel-preset-es2015 "^6.24.1"
-    babel-preset-react "^6.24.1"
-    babel-preset-stage-0 "^6.24.1"
-    babel-runtime "^6.26.0"
-    babel-traverse "^6.24.1"
-    babylon "^6.17.3"
-    better-queue "^3.8.6"
-    bluebird "^3.5.0"
-    chalk "^1.1.3"
-    chokidar "^1.7.0"
-    chunk-manifest-webpack-plugin "0.1.0"
-    common-tags "^1.4.0"
-    convert-hrtime "^2.0.0"
-    copyfiles "^1.2.0"
-    core-js "^2.5.0"
-    css-loader "^0.26.1"
-    debug "^2.6.0"
-    del "^3.0.0"
-    detect-port "^1.2.1"
-    devcert-san "^0.3.3"
-    domready "^1.0.8"
-    dotenv "^4.0.0"
-    express "^4.14.0"
-    express-graphql "^0.6.6"
-    fast-levenshtein "~2.0.4"
-    file-loader "^0.9.0"
-    flat "^2.0.1"
-    friendly-errors-webpack-plugin "^1.6.1"
-    front-matter "^2.1.0"
-    fs-extra "^4.0.1"
-    gatsby-1-config-css-modules "^1.0.11"
-    gatsby-1-config-extract-plugin "^1.0.3"
-    gatsby-cli "^1.1.58"
-    gatsby-link "^1.6.46"
-    gatsby-module-loader "^1.0.11"
-    gatsby-plugin-page-creator "^1.0.1"
-    gatsby-react-router-scroll "^1.0.18"
-    glob "^7.1.1"
-    graphql "^0.11.7"
-    graphql-relay "^0.5.1"
-    graphql-skip-limit "^1.0.11"
-    history "^4.6.2"
-    invariant "^2.2.2"
-    is-relative "^0.2.1"
-    is-relative-url "^2.0.0"
-    joi "12.x.x"
-    json-loader "^0.5.2"
-    json-stringify-safe "^5.0.1"
-    json5 "^0.5.0"
-    lodash "^4.17.4"
-    lodash-id "^0.14.0"
-    lowdb "^0.16.2"
-    md5 "^2.2.1"
-    md5-file "^3.1.1"
-    mime "^1.3.6"
-    mitt "^1.1.2"
-    mkdirp "^0.5.1"
-    moment "^2.16.0"
-    node-libs-browser "^2.0.0"
-    normalize-path "^2.1.1"
-    null-loader "^0.1.1"
-    opn "^5.1.0"
-    parse-filepath "^1.0.1"
-    path-exists "^3.0.0"
-    postcss-browser-reporter "^0.5.0"
-    postcss-cssnext "^2.8.0"
-    postcss-import "^8.2.0"
-    postcss-loader "^0.13.0"
-    postcss-reporter "^1.4.1"
-    raw-loader "^0.5.1"
-    react "^15.6.0"
-    react-dev-utils "^4.2.1"
-    react-dom "^15.6.0"
-    react-error-overlay "^3.0.0"
-    react-hot-loader "^3.0.0-beta.6"
-    react-router "^4.1.1"
-    react-router-dom "^4.1.1"
-    redux "^3.6.0"
-    relay-compiler "1.4.1"
-    remote-redux-devtools "^0.5.7"
-    serve "^9.2.0"
-    shallow-compare "^1.2.2"
-    sift "^3.2.6"
-    signal-exit "^3.0.2"
-    slash "^1.0.0"
-    socket.io "^2.0.3"
-    static-site-generator-webpack-plugin "^3.4.1"
-    string-similarity "^1.2.0"
-    style-loader "^0.13.0"
-    type-of "^2.0.1"
-    url-loader "^0.6.2"
-    uuid "^3.1.0"
-    v8-compile-cache "^1.1.0"
-    webpack "^1.13.3"
-    webpack-configurator "^0.3.0"
-    webpack-dev-middleware "^1.8.4"
-    webpack-dev-server "^1.16.1"
-    webpack-hot-middleware "^2.13.2"
-    webpack-md5-hash "0.0.5"
-    webpack-stats-plugin "^0.1.4"
-    webpack-validator "^2.2.7"
-    yaml-loader "^0.4.0"
-
-gauge@~1.2.5:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-1.2.7.tgz#e9cec5483d3d4ee0ef44b60a7d99e4935e136d93"
-  integrity sha1-6c7FSD09TuDvRLYKfZnkk14TbZM=
-  dependencies:
-    ansi "^0.3.0"
-    has-unicode "^2.0.0"
-    lodash.pad "^4.1.0"
-    lodash.padend "^4.1.0"
-    lodash.padstart "^4.1.0"
-
-gauge@~2.7.3:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
-  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
-  dependencies:
-    aproba "^1.0.3"
-    console-control-strings "^1.0.0"
-    has-unicode "^2.0.0"
-    object-assign "^4.1.0"
-    signal-exit "^3.0.0"
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wide-align "^1.1.0"
-
-get-caller-file@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
-  integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==
-
-get-params@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/get-params/-/get-params-0.1.2.tgz#bae0dfaba588a0c60d7834c0d8dc2ff60eeef2fe"
-  integrity sha1-uuDfq6WIoMYNeDTA2Nwv9g7u8v4=
-
-get-port@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/get-port/-/get-port-3.2.0.tgz#dd7ce7de187c06c8bf353796ac71e099f0980ebc"
-  integrity sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=
-
-get-proxy@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/get-proxy/-/get-proxy-1.1.0.tgz#894854491bc591b0f147d7ae570f5c678b7256eb"
-  integrity sha1-iUhUSRvFkbDxR9euVw9cZ4tyVus=
-  dependencies:
-    rc "^1.1.2"
-
-get-stdin@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
-  integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=
-
-get-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
-  integrity sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=
-
-get-value@^2.0.3, get-value@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
-  integrity sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=
-
-getpass@^0.1.1:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
-  dependencies:
-    assert-plus "^1.0.0"
-
-github-from-package@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/github-from-package/-/github-from-package-0.0.0.tgz#97fb5d96bfde8973313f20e8288ef9a167fa64ce"
-  integrity sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=
-
-github-slugger@^1.1.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.2.1.tgz#47e904e70bf2dccd0014748142d31126cfd49508"
-  integrity sha512-SsZUjg/P03KPzQBt7OxJPasGw6NRO5uOgiZ5RGXVud5iSIZ0eNZeNp5rTwCxtavrRUa/A77j8mePVc5lEvk0KQ==
-  dependencies:
-    emoji-regex ">=6.0.0 <=6.1.1"
-
-glob-base@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
-  integrity sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=
-  dependencies:
-    glob-parent "^2.0.0"
-    is-glob "^2.0.0"
-
-glob-parent@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28"
-  integrity sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=
-  dependencies:
-    is-glob "^2.0.0"
-
-glob-parent@^3.0.0, glob-parent@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
-  integrity sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=
-  dependencies:
-    is-glob "^3.1.0"
-    path-dirname "^1.0.0"
-
-glob-slash@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/glob-slash/-/glob-slash-1.0.0.tgz#fe52efa433233f74a2fe64c7abb9bc848202ab95"
-  integrity sha1-/lLvpDMjP3Si/mTHq7m8hIICq5U=
-
-glob-slasher@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/glob-slasher/-/glob-slasher-1.0.1.tgz#747a0e5bb222642ee10d3e05443e109493cb0f8e"
-  integrity sha1-dHoOW7IiZC7hDT4FRD4QlJPLD44=
-  dependencies:
-    glob-slash "^1.0.0"
-    lodash.isobject "^2.4.1"
-    toxic "^1.0.0"
-
-glob-stream@^5.3.2:
-  version "5.3.5"
-  resolved "https://registry.yarnpkg.com/glob-stream/-/glob-stream-5.3.5.tgz#a55665a9a8ccdc41915a87c701e32d4e016fad22"
-  integrity sha1-pVZlqajM3EGRWofHAeMtTgFvrSI=
-  dependencies:
-    extend "^3.0.0"
-    glob "^5.0.3"
-    glob-parent "^3.0.0"
-    micromatch "^2.3.7"
-    ordered-read-streams "^0.3.0"
-    through2 "^0.6.0"
-    to-absolute-glob "^0.1.1"
-    unique-stream "^2.0.2"
-
-glob-to-regexp@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
-  integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
-
-glob@5.0.x, glob@^5.0.3:
-  version "5.0.15"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-5.0.15.tgz#1bc936b9e02f4a603fcc222ecf7633d30b8b93b1"
-  integrity sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=
-  dependencies:
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "2 || 3"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-glob@^6.0.1:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-6.0.4.tgz#0f08860f6a155127b2fadd4f9ce24b1aab6e4d22"
-  integrity sha1-DwiGD2oVUSey+t1PnOJLGqtuTSI=
-  dependencies:
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "2 || 3"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3:
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
-  integrity sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.4"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-global-dirs@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
-  integrity sha1-sxnA3UYH81PzvpzKTHL8FIxJ9EU=
-  dependencies:
-    ini "^1.3.4"
-
-global-modules@1.0.0, global-modules@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-1.0.0.tgz#6d770f0eb523ac78164d72b5e71a8877265cc3ea"
-  integrity sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==
-  dependencies:
-    global-prefix "^1.0.1"
-    is-windows "^1.0.1"
-    resolve-dir "^1.0.0"
-
-global-modules@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-0.2.3.tgz#ea5a3bed42c6d6ce995a4f8a1269b5dae223828d"
-  integrity sha1-6lo77ULG1s6ZWk+KEmm12uIjgo0=
-  dependencies:
-    global-prefix "^0.1.4"
-    is-windows "^0.2.0"
-
-global-prefix@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-0.1.5.tgz#8d3bc6b8da3ca8112a160d8d496ff0462bfef78f"
-  integrity sha1-jTvGuNo8qBEqFg2NSW/wRiv+948=
-  dependencies:
-    homedir-polyfill "^1.0.0"
-    ini "^1.3.4"
-    is-windows "^0.2.0"
-    which "^1.2.12"
-
-global-prefix@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-1.0.2.tgz#dbf743c6c14992593c655568cb66ed32c0122ebe"
-  integrity sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=
-  dependencies:
-    expand-tilde "^2.0.2"
-    homedir-polyfill "^1.0.1"
-    ini "^1.3.4"
-    is-windows "^1.0.1"
-    which "^1.2.14"
-
-global@^4.3.0, global@^4.3.2, global@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/global/-/global-4.4.0.tgz#3e7b105179006a323ed71aafca3e9c57a5cc6406"
-  integrity sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==
-  dependencies:
-    min-document "^2.19.0"
-    process "^0.11.10"
-
-global@~4.3.0:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/global/-/global-4.3.2.tgz#e76989268a6c74c38908b1305b10fc0e394e9d0f"
-  integrity sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=
-  dependencies:
-    min-document "^2.19.0"
-    process "~0.5.1"
-
-globals@^11.1.0:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
-globals@^9.18.0:
-  version "9.18.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
-  integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==
-
-globby@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
-  integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=
-  dependencies:
-    array-union "^1.0.1"
-    glob "^7.0.3"
-    object-assign "^4.0.1"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-
-glogg@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/glogg/-/glogg-1.0.2.tgz#2d7dd702beda22eb3bffadf880696da6d846313f"
-  integrity sha512-5mwUoSuBk44Y4EshyiqcH95ZntbDdTQqA3QYSrxmzj28Ai0vXBGMH1ApSANH14j2sIRtqCEyg6PfsuP7ElOEDA==
-  dependencies:
-    sparkles "^1.0.0"
-
-good-listener@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/good-listener/-/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
-  integrity sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=
-  dependencies:
-    delegate "^3.1.2"
-
-got@^5.0.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/got/-/got-5.7.1.tgz#5f81635a61e4a6589f180569ea4e381680a51f35"
-  integrity sha1-X4FjWmHkplifGAVp6k44FoClHzU=
-  dependencies:
-    create-error-class "^3.0.1"
-    duplexer2 "^0.1.4"
-    is-redirect "^1.0.0"
-    is-retry-allowed "^1.0.0"
-    is-stream "^1.0.0"
-    lowercase-keys "^1.0.0"
-    node-status-codes "^1.0.0"
-    object-assign "^4.0.1"
-    parse-json "^2.1.0"
-    pinkie-promise "^2.0.0"
-    read-all-stream "^3.0.0"
-    readable-stream "^2.0.5"
-    timed-out "^3.0.0"
-    unzip-response "^1.0.2"
-    url-parse-lax "^1.0.0"
-
-got@^6.7.1:
-  version "6.7.1"
-  resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
-  integrity sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=
-  dependencies:
-    create-error-class "^3.0.0"
-    duplexer3 "^0.1.4"
-    get-stream "^3.0.0"
-    is-redirect "^1.0.0"
-    is-retry-allowed "^1.0.0"
-    is-stream "^1.0.0"
-    lowercase-keys "^1.0.0"
-    safe-buffer "^5.0.1"
-    timed-out "^4.0.0"
-    unzip-response "^2.0.1"
-    url-parse-lax "^1.0.0"
-
-got@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/got/-/got-7.1.0.tgz#05450fd84094e6bbea56f451a43a9c289166385a"
-  integrity sha512-Y5WMo7xKKq1muPsxD+KmrR8DH5auG7fBdDVueZwETwV6VytKyU9OX/ddpq2/1hp1vIPvVb4T81dKQz3BivkNLw==
-  dependencies:
-    decompress-response "^3.2.0"
-    duplexer3 "^0.1.4"
-    get-stream "^3.0.0"
-    is-plain-obj "^1.1.0"
-    is-retry-allowed "^1.0.0"
-    is-stream "^1.0.0"
-    isurl "^1.0.0-alpha5"
-    lowercase-keys "^1.0.0"
-    p-cancelable "^0.3.0"
-    p-timeout "^1.1.1"
-    safe-buffer "^5.0.1"
-    timed-out "^4.0.0"
-    url-parse-lax "^1.0.0"
-    url-to-options "^1.0.1"
-
-graceful-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.4, graceful-fs@^4.1.6:
-  version "4.1.15"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.15.tgz#ffb703e1066e8a0eeaa4c8b80ba9253eeefbfb00"
-  integrity sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==
-
-"graceful-readlink@>= 1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
-  integrity sha1-TK+tdrxi8C+gObL5Tpo906ORpyU=
-
-graphql-relay@^0.5.1:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/graphql-relay/-/graphql-relay-0.5.5.tgz#d6815e6edd618e878d5d921c13fc66033ec867e2"
-  integrity sha1-1oFebt1hjoeNXZIcE/xmAz7IZ+I=
-
-graphql-skip-limit@^1.0.11:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/graphql-skip-limit/-/graphql-skip-limit-1.0.11.tgz#c6970d11bdfe7aa001f96c8ba41b9a93a6dc805c"
-  integrity sha1-xpcNEb3+eqAB+WyLpBuak6bcgFw=
-  dependencies:
-    babel-runtime "^6.26.0"
-    graphql "^0.11.7"
-
-graphql-type-json@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/graphql-type-json/-/graphql-type-json-0.1.4.tgz#89f13f5d32ce08c9a76c79fdf9c1968384d81a4e"
-  integrity sha1-ifE/XTLOCMmnbHn9+cGWg4TYGk4=
-
-graphql@^0.11.3, graphql@^0.11.7:
-  version "0.11.7"
-  resolved "https://registry.yarnpkg.com/graphql/-/graphql-0.11.7.tgz#e5abaa9cb7b7cccb84e9f0836bf4370d268750c6"
-  integrity sha512-x7uDjyz8Jx+QPbpCFCMQ8lltnQa4p4vSYHx6ADe8rVYRTdsyhCJbvSty5DAsLVmU6cGakl+r8HQYolKHxk/tiw==
-  dependencies:
-    iterall "1.1.3"
-
-gray-matter@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/gray-matter/-/gray-matter-3.1.1.tgz#101f80d9e69eeca6765cdce437705b18f40876ac"
-  integrity sha512-nZ1qjLmayEv0/wt3sHig7I0s3/sJO0dkAaKYQ5YAOApUtYEOonXSFdWvL1khvnZMTvov4UufkqlFsilPnejEXA==
-  dependencies:
-    extend-shallow "^2.0.1"
-    js-yaml "^3.10.0"
-    kind-of "^5.0.2"
-    strip-bom-string "^1.0.0"
-
-gud@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/gud/-/gud-1.0.0.tgz#a489581b17e6a70beca9abe3ae57de7a499852c0"
-  integrity sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==
-
-gulp-decompress@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/gulp-decompress/-/gulp-decompress-1.2.0.tgz#8eeb65a5e015f8ed8532cafe28454960626f0dc7"
-  integrity sha1-jutlpeAV+O2FMsr+KEVJYGJvDcc=
-  dependencies:
-    archive-type "^3.0.0"
-    decompress "^3.0.0"
-    gulp-util "^3.0.1"
-    readable-stream "^2.0.2"
-
-gulp-rename@^1.2.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/gulp-rename/-/gulp-rename-1.4.0.tgz#de1c718e7c4095ae861f7296ef4f3248648240bd"
-  integrity sha512-swzbIGb/arEoFK89tPY58vg3Ok1bw+d35PfUNwWqdo7KM4jkmuGA78JiDNqR+JeZFaeeHnRg9N7aihX3YPmsyg==
-
-gulp-sourcemaps@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/gulp-sourcemaps/-/gulp-sourcemaps-1.6.0.tgz#b86ff349d801ceb56e1d9e7dc7bbcb4b7dee600c"
-  integrity sha1-uG/zSdgBzrVuHZ59x7vLS33uYAw=
-  dependencies:
-    convert-source-map "^1.1.1"
-    graceful-fs "^4.1.2"
-    strip-bom "^2.0.0"
-    through2 "^2.0.0"
-    vinyl "^1.0.0"
-
-gulp-util@^3.0.1:
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-3.0.8.tgz#0054e1e744502e27c04c187c3ecc505dd54bbb4f"
-  integrity sha1-AFTh50RQLifATBh8PsxQXdVLu08=
-  dependencies:
-    array-differ "^1.0.0"
-    array-uniq "^1.0.2"
-    beeper "^1.0.0"
-    chalk "^1.0.0"
-    dateformat "^2.0.0"
-    fancy-log "^1.1.0"
-    gulplog "^1.0.0"
-    has-gulplog "^0.1.0"
-    lodash._reescape "^3.0.0"
-    lodash._reevaluate "^3.0.0"
-    lodash._reinterpolate "^3.0.0"
-    lodash.template "^3.0.0"
-    minimist "^1.1.0"
-    multipipe "^0.1.2"
-    object-assign "^3.0.0"
-    replace-ext "0.0.1"
-    through2 "^2.0.0"
-    vinyl "^0.5.0"
-
-gulplog@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/gulplog/-/gulplog-1.0.0.tgz#e28c4d45d05ecbbed818363ce8f9c5926229ffe5"
-  integrity sha1-4oxNRdBey77YGDY86PnFkmIp/+U=
-  dependencies:
-    glogg "^1.0.0"
-
-gzip-size@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-3.0.0.tgz#546188e9bdc337f673772f81660464b389dce520"
-  integrity sha1-VGGI6b3DN/Zzdy+BZgRks4nc5SA=
-  dependencies:
-    duplexer "^0.1.1"
-
-har-schema@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
-  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
-
-har-validator@~5.1.0:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.3.tgz#1ef89ebd3e4996557675eed9893110dc350fa080"
-  integrity sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==
-  dependencies:
-    ajv "^6.5.5"
-    har-schema "^2.0.0"
-
-has-ansi@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
-  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
-  dependencies:
-    ansi-regex "^2.0.0"
-
-has-binary2@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-binary2/-/has-binary2-1.0.3.tgz#7776ac627f3ea77250cfc332dab7ddf5e4f5d11d"
-  integrity sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==
-  dependencies:
-    isarray "2.0.1"
-
-has-cors@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/has-cors/-/has-cors-1.1.0.tgz#5e474793f7ea9843d1bb99c23eef49ff126fff39"
-  integrity sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=
-
-has-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
-  integrity sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
-
-has-gulplog@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/has-gulplog/-/has-gulplog-0.1.0.tgz#6414c82913697da51590397dafb12f22967811ce"
-  integrity sha1-ZBTIKRNpfaUVkDl9r7EvIpZ4Ec4=
-  dependencies:
-    sparkles "^1.0.0"
-
-has-symbol-support-x@^1.4.1:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz#1409f98bc00247da45da67cee0a36f282ff26455"
-  integrity sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw==
-
-has-symbols@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.0.tgz#ba1a8f1af2a0fc39650f5c850367704122063b44"
-  integrity sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=
-
-has-to-string-tag-x@^1.2.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz#a045ab383d7b4b2012a00148ab0aa5f290044d4d"
-  integrity sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==
-  dependencies:
-    has-symbol-support-x "^1.4.1"
-
-has-unicode@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
-  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
-
-has-value@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
-  integrity sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=
-  dependencies:
-    get-value "^2.0.3"
-    has-values "^0.1.4"
-    isobject "^2.0.0"
-
-has-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-value/-/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
-  integrity sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=
-  dependencies:
-    get-value "^2.0.6"
-    has-values "^1.0.0"
-    isobject "^3.0.0"
-
-has-values@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/has-values/-/has-values-0.1.4.tgz#6d61de95d91dfca9b9a02089ad384bff8f62b771"
-  integrity sha1-bWHeldkd/Km5oCCJrThL/49it3E=
-
-has-values@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-values/-/has-values-1.0.0.tgz#95b0b63fec2146619a6fe57fe75628d5a39efe4f"
-  integrity sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=
-  dependencies:
-    is-number "^3.0.0"
-    kind-of "^4.0.0"
-
-has@^1.0.1, has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
-hash-base@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.4.tgz#5fc8686847ecd73499403319a6b0a3f3f6ae4918"
-  integrity sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-hash.js@^1.0.0, hash.js@^1.0.3:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
-  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
-  dependencies:
-    inherits "^2.0.3"
-    minimalistic-assert "^1.0.1"
-
-hast-to-hyperscript@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/hast-to-hyperscript/-/hast-to-hyperscript-3.1.0.tgz#58ef4af5344f4da22f0622e072a8d5fa062693d3"
-  integrity sha512-/At2y6sQLTAcL6y+3hRQFcaBoRlKrmHSpvvdOZqRz6uI2YyjrU8rJ7e1LbmLtWUmzaIqKEdNSku+AJC0pt4+aw==
-  dependencies:
-    comma-separated-tokens "^1.0.0"
-    is-nan "^1.2.1"
-    kebab-case "^1.0.0"
-    property-information "^3.0.0"
-    space-separated-tokens "^1.0.0"
-    trim "0.0.1"
-    unist-util-is "^2.0.0"
-
-hast-util-from-parse5@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-2.1.0.tgz#f6123d83d3689630b097e13e430d16d9d1bd8884"
-  integrity sha1-9hI9g9NoljCwl+E+Qw0W2dG9iIQ=
-  dependencies:
-    camelcase "^3.0.0"
-    hastscript "^3.0.0"
-    property-information "^3.1.0"
-    vfile-location "^2.0.0"
-
-hast-util-is-element@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/hast-util-is-element/-/hast-util-is-element-1.0.2.tgz#c23c9428b6a5a4e323bf9e16f87417476314981b"
-  integrity sha512-4MEtyofNi3ZunPFrp9NpTQdNPN24xvLX3M+Lr/RGgPX6TLi+wR4/DqeoyQ7lwWcfUp4aevdt4RR0r7ZQPFbHxw==
-
-hast-util-parse-selector@^2.0.0, hast-util-parse-selector@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-2.2.1.tgz#4ddbae1ae12c124e3eb91b581d2556441766f0ab"
-  integrity sha512-Xyh0v+nHmQvrOqop2Jqd8gOdyQtE8sIP9IQf7mlVDqp924W4w/8Liuguk2L2qei9hARnQSG2m+wAOCxM7npJVw==
-
-hast-util-raw@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-2.0.2.tgz#20674cfb45428213917a54ec929e6774df0642d8"
-  integrity sha512-ujytXSAZC85bvh38f8ALzfE2IZDdCwB9XeHUs9l20C1p4/1YeAoZqq9z9U17vWQ9hMmqbVaROuSK8feL3wTCJg==
-  dependencies:
-    hast-util-from-parse5 "^2.0.0"
-    hast-util-to-parse5 "^2.0.0"
-    html-void-elements "^1.0.1"
-    parse5 "^3.0.3"
-    unist-util-position "^3.0.0"
-    web-namespaces "^1.0.0"
-    zwitch "^1.0.0"
-
-hast-util-to-html@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/hast-util-to-html/-/hast-util-to-html-3.1.0.tgz#882c99849e40130e991c042e456d453d95c36cff"
-  integrity sha1-iCyZhJ5AEw6ZHAQuRW1FPZXDbP8=
-  dependencies:
-    ccount "^1.0.0"
-    comma-separated-tokens "^1.0.1"
-    hast-util-is-element "^1.0.0"
-    hast-util-whitespace "^1.0.0"
-    html-void-elements "^1.0.0"
-    kebab-case "^1.0.0"
-    property-information "^3.1.0"
-    space-separated-tokens "^1.0.0"
-    stringify-entities "^1.0.1"
-    unist-util-is "^2.0.0"
-    xtend "^4.0.1"
-
-hast-util-to-parse5@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/hast-util-to-parse5/-/hast-util-to-parse5-2.2.0.tgz#48c8f7f783020c04c3625db06109d02017033cbc"
-  integrity sha512-Eg1mrf0VTT/PipFN5z1+mVi+4GNhinKk/i/HKeX1h17IYiMdm3G8vgA0FU04XCuD1cWV58f5zziFKcBkr+WuKw==
-  dependencies:
-    hast-to-hyperscript "^3.0.0"
-    mapz "^1.0.0"
-    web-namespaces "^1.0.0"
-    xtend "^4.0.1"
-    zwitch "^1.0.0"
-
-hast-util-whitespace@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-1.0.2.tgz#c97153a3fbc9091a14fd823830a47724e7a1da99"
-  integrity sha512-4JT8B0HKPHBMFZdDQzexjxwhKx9TrpV/+uelvmqlPu8RqqDrnNIEHDtDZCmgE+4YmcFAtKVPLmnY3dQGRaN53A==
-
-hastscript@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-3.1.0.tgz#66628ba6d7f1ad07d9277dd09028aba7f4934599"
-  integrity sha512-8V34dMSDT1Ik+ZSgTzCLdyp89MrWxcxctXPxhmb72GQj1Xkw1aHPM9UaHCWewvH2Q+PVkYUm4ZJVw4T0dgEGNA==
-  dependencies:
-    camelcase "^3.0.0"
-    comma-separated-tokens "^1.0.0"
-    hast-util-parse-selector "^2.0.0"
-    property-information "^3.0.0"
-    space-separated-tokens "^1.0.0"
-
-hastscript@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-5.0.0.tgz#fee10382c1bc4ba3f1be311521d368c047d2c43a"
-  integrity sha512-xJtuJ8D42Xtq5yJrnDg/KAIxl2cXBXKoiIJwmWX9XMf8113qHTGl/Bf7jEsxmENJ4w6q4Tfl8s/Y6mEZo8x8qw==
-  dependencies:
-    comma-separated-tokens "^1.0.0"
-    hast-util-parse-selector "^2.2.0"
-    property-information "^5.0.1"
-    space-separated-tokens "^1.0.0"
-
-highlight.js@~9.12.0:
-  version "9.12.0"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.12.0.tgz#e6d9dbe57cbefe60751f02af336195870c90c01e"
-  integrity sha1-5tnb5Xy+/mB1HwKvM2GVhwyQwB4=
-
-history@^4.6.2, history@^4.7.2:
-  version "4.9.0"
-  resolved "https://registry.yarnpkg.com/history/-/history-4.9.0.tgz#84587c2068039ead8af769e9d6a6860a14fa1bca"
-  integrity sha512-H2DkjCjXf0Op9OAr6nJ56fcRkTSNrUiv41vNJ6IswJjif6wlpZK0BTfFbi7qK9dXLSYZxkq5lBsj3vUjlYBYZA==
-  dependencies:
-    "@babel/runtime" "^7.1.2"
-    loose-envify "^1.2.0"
-    resolve-pathname "^2.2.0"
-    tiny-invariant "^1.0.2"
-    tiny-warning "^1.0.0"
-    value-equal "^0.4.0"
-
-hmac-drbg@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-  integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=
-  dependencies:
-    hash.js "^1.0.3"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.1"
-
-hoek@4.x.x:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/hoek/-/hoek-4.2.1.tgz#9634502aa12c445dd5a7c5734b572bb8738aacbb"
-  integrity sha512-QLg82fGkfnJ/4iy1xZ81/9SIJiq1NGFUMGs6ParyjBZr6jW2Ufj/snDqTHixNlHdPNwN2RLVD0Pi3igeK9+JfA==
-
-hoist-non-react-statics@^2.3.1, hoist-non-react-statics@^2.5.0:
-  version "2.5.5"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
-  integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
-
-hoist-non-react-statics@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz#b09178f0122184fb95acf525daaecb4d8f45958b"
-  integrity sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA==
-  dependencies:
-    react-is "^16.7.0"
-
-home-or-tmp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
-  integrity sha1-42w/LSyufXRqhX440Y1fMqeILbg=
-  dependencies:
-    os-homedir "^1.0.0"
-    os-tmpdir "^1.0.1"
-
-homedir-polyfill@^1.0.0, homedir-polyfill@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz#743298cef4e5af3e194161fbadcc2151d3a058e8"
-  integrity sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==
-  dependencies:
-    parse-passwd "^1.0.0"
-
-hosted-git-info@^2.1.4, hosted-git-info@^2.5.0:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.7.1.tgz#97f236977bd6e125408930ff6de3eec6281ec047"
-  integrity sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==
-
-html-comment-regex@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.2.tgz#97d4688aeb5c81886a364faa0cad1dda14d433a7"
-  integrity sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==
-
-html-dom-parser@0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/html-dom-parser/-/html-dom-parser-0.2.3.tgz#bfee592fc01c12bac08dcfa5da2611f9559a1812"
-  integrity sha512-GdzE63/U0IQEvcpAz0cUdYx2zQx0Ai+HWvE9TXEgwP27+SymUzKa7iB4DhjYpf2IdNLfTTOBuMS5nxeWOosSMQ==
-  dependencies:
-    "@types/domhandler" "2.4.1"
-    domhandler "2.4.2"
-    htmlparser2 "3.10.1"
-
-html-entities@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
-  integrity sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=
-
-html-react-parser@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/html-react-parser/-/html-react-parser-0.10.0.tgz#b0f3700831ce52e04013158982167c65292a418d"
-  integrity sha512-IDSoBgA8ZCiSoJSiumFMEUY1gsqEUeDDj8zUBGjET39RAC0aZpICp2F/doQFRqdLV0dCLLYHI7NabUara2nH1w==
-  dependencies:
-    "@types/domhandler" "2.4.1"
-    html-dom-parser "0.2.3"
-    react-property "1.0.1"
-    style-to-object "0.3.0"
-
-html-void-elements@^1.0.0, html-void-elements@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-1.0.4.tgz#95e8bb5ecd6b88766569c2645f2b5f1591db9ba5"
-  integrity sha512-yMk3naGPLrfvUV9TdDbuYXngh/TpHbA6TrOw3HL9kS8yhwx7i309BReNg7CbAJXGE+UMJ6je5OqJ7lC63o6YuQ==
-
-htmlparser2@3.10.1, htmlparser2@^3.10.0, htmlparser2@^3.3.0, htmlparser2@^3.9.1:
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
-  integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==
-  dependencies:
-    domelementtype "^1.3.1"
-    domhandler "^2.3.0"
-    domutils "^1.5.1"
-    entities "^1.1.1"
-    inherits "^2.0.1"
-    readable-stream "^3.1.1"
-
-http-errors@1.6.3, http-errors@~1.6.2, http-errors@~1.6.3:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
-  integrity sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.0"
-    statuses ">= 1.4.0 < 2"
-
-http-errors@1.7.2, http-errors@^1.3.0:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.2.tgz#4f5029cf13239f31036e5b2e55292bcfbcc85c8f"
-  integrity sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.1"
-    statuses ">= 1.5.0 < 2"
-    toidentifier "1.0.0"
-
-http-parser-js@>=0.4.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.0.tgz#d65edbede84349d0dc30320815a15d39cc3cbbd8"
-  integrity sha512-cZdEF7r4gfRIq7ezX9J0T+kQmJNOub71dWbgAXVHDct80TKP4MCETtZQ31xyv38UwgzkWPYF/Xc0ge55dW9Z9w==
-
-http-proxy-middleware@~0.17.1:
-  version "0.17.4"
-  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz#642e8848851d66f09d4f124912846dbaeb41b833"
-  integrity sha1-ZC6ISIUdZvCdTxJJEoRtuutBuDM=
-  dependencies:
-    http-proxy "^1.16.2"
-    is-glob "^3.1.0"
-    lodash "^4.17.2"
-    micromatch "^2.3.11"
-
-http-proxy@^1.16.2:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.17.0.tgz#7ad38494658f84605e2f6db4436df410f4e5be9a"
-  integrity sha512-Taqn+3nNvYRfJ3bGvKfBSRwy1v6eePlm3oc/aWVxZp57DQr5Eq3xhKJi7Z4hZpS8PC3H4qI+Yly5EmFacGuA/g==
-  dependencies:
-    eventemitter3 "^3.0.0"
-    follow-redirects "^1.0.0"
-    requires-port "^1.0.0"
-
-http-signature@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
-  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
-  dependencies:
-    assert-plus "^1.0.0"
-    jsprim "^1.2.2"
-    sshpk "^1.7.0"
-
-https-browserify@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.1.tgz#3f91365cabe60b77ed0ebba24b454e3e09d95a82"
-  integrity sha1-P5E2XKvmC3ftDruiS0VOPgnZWoI=
-
-https-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-  integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
-
-hyphenate-style-name@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz#097bb7fa0b8f1a9cf0bd5c734cf95899981a9b48"
-  integrity sha512-EcuixamT82oplpoJ2XU4pDtKGWQ7b00CD9f1ug9IaQ3p1bkHMiKCZ9ut9QDI6qsa6cpUuB+A/I+zLtdNK4n2DQ==
-
-iconv-lite@0.4.23:
-  version "0.4.23"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.23.tgz#297871f63be507adcfbfca715d0cd0eed84e9a63"
-  integrity sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
-iconv-lite@0.4.24, iconv-lite@^0.4.17, iconv-lite@^0.4.4, iconv-lite@~0.4.13:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
-icss-replace-symbols@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
-  integrity sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=
-
-ieee754@^1.1.4:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
-  integrity sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==
-
-ignore-walk@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.1.tgz#a83e62e7d272ac0e3b551aaa82831a19b69f82f8"
-  integrity sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==
-  dependencies:
-    minimatch "^3.0.4"
-
-imagemin-pngquant@5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/imagemin-pngquant/-/imagemin-pngquant-5.0.1.tgz#d8a329da553afa226b11ce62debe0b7e37b439e6"
-  integrity sha1-2KMp2lU6+iJrEc5i3r4Lfje0OeY=
-  dependencies:
-    exec-buffer "^3.0.0"
-    is-png "^1.0.0"
-    pngquant-bin "^3.0.0"
-
-imagemin-webp@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/imagemin-webp/-/imagemin-webp-4.1.0.tgz#effd00160d8456b95cbde5fd26c32d64b0318062"
-  integrity sha1-7/0AFg2EVrlcveX9JsMtZLAxgGI=
-  dependencies:
-    cwebp-bin "^4.0.0"
-    exec-buffer "^3.0.0"
-    is-cwebp-readable "^2.0.1"
-
-imagemin@^5.2.2:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/imagemin/-/imagemin-5.3.1.tgz#f19c2eee1e71ba6c6558c515f9fc96680189a6d4"
-  integrity sha1-8Zwu7h5xumxlWMUV+fyWaAGJptQ=
-  dependencies:
-    file-type "^4.1.0"
-    globby "^6.1.0"
-    make-dir "^1.0.0"
-    p-pipe "^1.1.0"
-    pify "^2.3.0"
-    replace-ext "^1.0.0"
-
-imagesloaded@^4.1.1:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/imagesloaded/-/imagesloaded-4.1.4.tgz#1376efcd162bb768c34c3727ac89cc04051f3cc7"
-  integrity sha512-ltiBVcYpc/TYTF5nolkMNsnREHW+ICvfQ3Yla2Sgr71YFwQ86bDwV9hgpFhFtrGPuwEx5+LqOHIrdXBdoWwwsA==
-  dependencies:
-    ev-emitter "^1.0.0"
-
-immutable@~3.7.6:
-  version "3.7.6"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.7.6.tgz#13b4d3cb12befa15482a26fe1b2ebae640071e4b"
-  integrity sha1-E7TTyxK++hVIKib+Gy665kAHHks=
-
-import-fresh@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
-  integrity sha1-2BNVwVYS04bGH53dOSLUMEgipUY=
-  dependencies:
-    caller-path "^2.0.0"
-    resolve-from "^3.0.0"
-
-import-lazy@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43"
-  integrity sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
-
-indent-string@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80"
-  integrity sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=
-  dependencies:
-    repeating "^2.0.0"
-
-indexes-of@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
-  integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
-
-indexof@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
-  integrity sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=
-
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
-
-inherits@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
-  integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
-
-ini@^1.3.4, ini@~1.3.0:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
-  integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
-
-inline-style-parser@0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.1.1.tgz#ec8a3b429274e9c0a1f1c4ffa9453a7fef72cea1"
-  integrity sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==
-
-inline-style-prefixer@^3.0.6:
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-3.0.8.tgz#8551b8e5b4d573244e66a34b04f7d32076a2b534"
-  integrity sha1-hVG45bTVcyROZqNLBPfTIHaitTQ=
-  dependencies:
-    bowser "^1.7.3"
-    css-in-js-utils "^2.0.0"
-
-inquirer@3.3.0, inquirer@^3.0.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"
-  integrity sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==
-  dependencies:
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.0"
-    cli-cursor "^2.1.0"
-    cli-width "^2.0.0"
-    external-editor "^2.0.4"
-    figures "^2.0.0"
-    lodash "^4.3.0"
-    mute-stream "0.0.7"
-    run-async "^2.2.0"
-    rx-lite "^4.0.8"
-    rx-lite-aggregates "^4.0.8"
-    string-width "^2.1.0"
-    strip-ansi "^4.0.0"
-    through "^2.3.6"
-
-interpret@^0.6.4:
-  version "0.6.6"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-0.6.6.tgz#fecd7a18e7ce5ca6abfb953e1f86213a49f1625b"
-  integrity sha1-/s16GOfOXKar+5U+H4YhOknxYls=
-
-interpret@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.2.0.tgz#d5061a6224be58e8083985f5014d844359576296"
-  integrity sha512-mT34yGKMNceBQUoVn7iCDKDntA7SC6gycMAWzGx1z/CMCTV7b2AAtXlo3nRyHZ1FelRkQbQjprHSYGwzLtkVbw==
-
-invariant@2.2.4, invariant@^2.2.0, invariant@^2.2.2, invariant@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
-  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
-  dependencies:
-    loose-envify "^1.0.0"
-
-invert-kv@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
-  integrity sha1-EEqOSqym09jNFXqO+L+rLXo//bY=
-
-ip-regex@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-1.0.3.tgz#dc589076f659f419c222039a33316f1c7387effd"
-  integrity sha1-3FiQdvZZ9BnCIgOaMzFvHHOH7/0=
-
-ipaddr.js@1.9.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.0.tgz#37df74e430a0e47550fe54a2defe30d8acd95f65"
-  integrity sha512-M4Sjn6N/+O6/IXSJseKqHoFc+5FdGJ22sXqnjTpdZweHK64MzEPAyQZyEU3R/KRv2GLoa7nNtg/C2Ev6m7z+eA==
-
-is-absolute-url@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
-  integrity sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=
-
-is-absolute@^0.1.5:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/is-absolute/-/is-absolute-0.1.7.tgz#847491119fccb5fb436217cc737f7faad50f603f"
-  integrity sha1-hHSREZ/MtftDYhfMc39/qtUPYD8=
-  dependencies:
-    is-relative "^0.1.0"
-
-is-absolute@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-absolute/-/is-absolute-1.0.0.tgz#395e1ae84b11f26ad1795e73c17378e48a301576"
-  integrity sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==
-  dependencies:
-    is-relative "^1.0.0"
-    is-windows "^1.0.1"
-
-is-accessor-descriptor@^0.1.6:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
-  integrity sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=
-  dependencies:
-    kind-of "^3.0.2"
-
-is-accessor-descriptor@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz#169c2f6d3df1f992618072365c9b0ea1f6878656"
-  integrity sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==
-  dependencies:
-    kind-of "^6.0.0"
-
-is-alphabetical@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-1.0.2.tgz#1fa6e49213cb7885b75d15862fb3f3d96c884f41"
-  integrity sha512-V0xN4BYezDHcBSKb1QHUFMlR4as/XEuCZBzMJUU4n7+Cbt33SmUnSol+pnXFvLxSHNq2CemUXNdaXV6Flg7+xg==
-
-is-alphanumeric@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-alphanumeric/-/is-alphanumeric-1.0.0.tgz#4a9cef71daf4c001c1d81d63d140cf53fd6889f4"
-  integrity sha1-Spzvcdr0wAHB2B1j0UDPU/1oifQ=
-
-is-alphanumerical@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-1.0.2.tgz#1138e9ae5040158dc6ff76b820acd6b7a181fd40"
-  integrity sha512-pyfU/0kHdISIgslFfZN9nfY1Gk3MquQgUm1mJTjdkEPpkAKNWuBTSqFwewOpR7N351VkErCiyV71zX7mlQQqsg==
-  dependencies:
-    is-alphabetical "^1.0.0"
-    is-decimal "^1.0.0"
-
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
-
-is-arrayish@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
-  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
-
-is-binary-path@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
-  integrity sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=
-  dependencies:
-    binary-extensions "^1.0.0"
-
-is-buffer@^1.1.4, is-buffer@^1.1.5, is-buffer@~1.1.1, is-buffer@~1.1.2:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
-  integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
-
-is-builtin-module@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-1.0.0.tgz#540572d34f7ac3119f8f76c30cbc1b1e037affbe"
-  integrity sha1-VAVy0096wxGfj3bDDLwbHgN6/74=
-  dependencies:
-    builtin-modules "^1.0.0"
-
-is-builtin-module@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.0.0.tgz#137d3d2425023a19a660fb9dd6ddfabe52c03466"
-  integrity sha512-/93sDihsAD652hrMEbJGbMAVBf1qc96kyThHQ0CAOONHaE3aROLpTjDe4WQ5aoC5ITHFxEq1z8XqSU7km+8amw==
-  dependencies:
-    builtin-modules "^3.0.0"
-
-is-bzip2@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-bzip2/-/is-bzip2-1.0.0.tgz#5ee58eaa5a2e9c80e21407bedf23ae5ac091b3fc"
-  integrity sha1-XuWOqlounIDiFAe+3yOuWsCRs/w=
-
-is-callable@^1.1.3, is-callable@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
-  integrity sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==
-
-is-ci@^1.0.10:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.1.tgz#e3779c8ee17fccf428488f6e281187f2e632841c"
-  integrity sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==
-  dependencies:
-    ci-info "^1.5.0"
-
-is-cwebp-readable@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-cwebp-readable/-/is-cwebp-readable-2.0.1.tgz#afb93b0c0abd0a25101016ae33aea8aedf926d26"
-  integrity sha1-r7k7DAq9CiUQEBauM66ort+SbSY=
-  dependencies:
-    file-type "^4.3.0"
-
-is-data-descriptor@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
-  integrity sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=
-  dependencies:
-    kind-of "^3.0.2"
-
-is-data-descriptor@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz#d84876321d0e7add03990406abbbbd36ba9268c7"
-  integrity sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==
-  dependencies:
-    kind-of "^6.0.0"
-
-is-date-object@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16"
-  integrity sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=
-
-is-decimal@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-1.0.2.tgz#894662d6a8709d307f3a276ca4339c8fa5dff0ff"
-  integrity sha512-TRzl7mOCchnhchN+f3ICUCzYvL9ul7R+TYOsZ8xia++knyZAJfv/uA1FvQXsAnYIl1T3B2X5E/J7Wb1QXiIBXg==
-
-is-descriptor@^0.1.0:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca"
-  integrity sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==
-  dependencies:
-    is-accessor-descriptor "^0.1.6"
-    is-data-descriptor "^0.1.4"
-    kind-of "^5.0.0"
-
-is-descriptor@^1.0.0, is-descriptor@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec"
-  integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==
-  dependencies:
-    is-accessor-descriptor "^1.0.0"
-    is-data-descriptor "^1.0.0"
-    kind-of "^6.0.2"
-
-is-directory@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
-  integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
-
-is-dotfile@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.3.tgz#a6a2f32ffd2dfb04f5ca25ecd0f6b83cf798a1e1"
-  integrity sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=
-
-is-equal-shallow@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz#2238098fc221de0bcfa5d9eac4c45d638aa1c534"
-  integrity sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=
-  dependencies:
-    is-primitive "^2.0.0"
-
-is-extendable@^0.1.0, is-extendable@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
-  integrity sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=
-
-is-extendable@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
-  integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
-  dependencies:
-    is-plain-object "^2.0.4"
-
-is-extglob@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
-  integrity sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=
-
-is-extglob@^2.1.0, is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
-
-is-finite@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
-  integrity sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=
-  dependencies:
-    number-is-nan "^1.0.0"
-
-is-fullwidth-code-point@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
-  integrity sha1-754xOG8DGn8NZDr4L95QxFfvAMs=
-  dependencies:
-    number-is-nan "^1.0.0"
-
-is-fullwidth-code-point@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
-
-is-function@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-function/-/is-function-1.0.1.tgz#12cfb98b65b57dd3d193a3121f5f6e2f437602b5"
-  integrity sha1-Es+5i2W1fdPRk6MSH19uL0N2ArU=
-
-is-glob@^2.0.0, is-glob@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
-  integrity sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=
-  dependencies:
-    is-extglob "^1.0.0"
-
-is-glob@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
-  integrity sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=
-  dependencies:
-    is-extglob "^2.1.0"
-
-is-glob@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
-  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-gzip@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-gzip/-/is-gzip-1.0.0.tgz#6ca8b07b99c77998025900e555ced8ed80879a83"
-  integrity sha1-bKiwe5nHeZgCWQDlVc7Y7YCHmoM=
-
-is-hexadecimal@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-1.0.2.tgz#b6e710d7d07bb66b98cb8cece5c9b4921deeb835"
-  integrity sha512-but/G3sapV3MNyqiDBLrOi4x8uCIw0RY3o/Vb5GT0sMFHrVV7731wFSVy41T5FO1og7G0gXLJh0MkgPRouko/A==
-
-is-installed-globally@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.1.0.tgz#0dfd98f5a9111716dd535dda6492f67bf3d25a80"
-  integrity sha1-Df2Y9akRFxbdU13aZJL2e/PSWoA=
-  dependencies:
-    global-dirs "^0.1.0"
-    is-path-inside "^1.0.0"
-
-is-nan@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/is-nan/-/is-nan-1.2.1.tgz#9faf65b6fb6db24b7f5c0628475ea71f988401e2"
-  integrity sha1-n69ltvttskt/XAYoR16nH5iEAeI=
-  dependencies:
-    define-properties "^1.1.1"
-
-is-natural-number@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-natural-number/-/is-natural-number-2.1.1.tgz#7d4c5728377ef386c3e194a9911bf57c6dc335e7"
-  integrity sha1-fUxXKDd+84bD4ZSpkRv1fG3DNec=
-
-is-npm@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
-  integrity sha1-8vtjpl5JBbQGyGBydloaTceTufQ=
-
-is-number@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
-  integrity sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=
-  dependencies:
-    kind-of "^3.0.2"
-
-is-number@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
-  integrity sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=
-  dependencies:
-    kind-of "^3.0.2"
-
-is-number@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff"
-  integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==
-
-is-obj@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
-  integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
-
-is-object@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-object/-/is-object-1.0.1.tgz#8952688c5ec2ffd6b03ecc85e769e02903083470"
-  integrity sha1-iVJojF7C/9awPsyF52ngKQMINHA=
-
-is-path-cwd@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d"
-  integrity sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=
-
-is-path-in-cwd@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-1.0.1.tgz#5ac48b345ef675339bd6c7a48a912110b241cf52"
-  integrity sha512-FjV1RTW48E7CWM7eE/J2NJvAEEVektecDBVBE5Hh3nM1Jd0kvhHtX68Pr3xsDf857xt3Y4AkwVULK1Vku62aaQ==
-  dependencies:
-    is-path-inside "^1.0.0"
-
-is-path-inside@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.1.tgz#8ef5b7de50437a3fdca6b4e865ef7aa55cb48036"
-  integrity sha1-jvW33lBDej/cprToZe96pVy0gDY=
-  dependencies:
-    path-is-inside "^1.0.1"
-
-is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
-  integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4=
-
-is-plain-object@^2.0.1, is-plain-object@^2.0.3, is-plain-object@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
-  dependencies:
-    isobject "^3.0.1"
-
-is-png@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-png/-/is-png-1.1.0.tgz#d574b12bf275c0350455570b0e5b57ab062077ce"
-  integrity sha1-1XSxK/J1wDUEVVcLDltXqwYgd84=
-
-is-posix-bracket@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
-  integrity sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=
-
-is-primitive@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
-  integrity sha1-IHurkWOEmcB7Kt8kCkGochADRXU=
-
-is-promise@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
-  integrity sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=
-
-is-redirect@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
-  integrity sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ=
-
-is-regex@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.4.tgz#5517489b547091b0930e095654ced25ee97e9491"
-  integrity sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=
-  dependencies:
-    has "^1.0.1"
-
-is-relative-url@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-relative-url/-/is-relative-url-2.0.0.tgz#72902d7fe04b3d4792e7db15f9db84b7204c9cef"
-  integrity sha1-cpAtf+BLPUeS59sV+duEtyBMnO8=
-  dependencies:
-    is-absolute-url "^2.0.0"
-
-is-relative@^0.1.0:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-0.1.3.tgz#905fee8ae86f45b3ec614bc3c15c869df0876e82"
-  integrity sha1-kF/uiuhvRbPsYUvDwVyGnfCHboI=
-
-is-relative@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-0.2.1.tgz#d27f4c7d516d175fb610db84bbeef23c3bc97aa5"
-  integrity sha1-0n9MfVFtF1+2ENuEu+7yPDvJeqU=
-  dependencies:
-    is-unc-path "^0.1.1"
-
-is-relative@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-1.0.0.tgz#a1bb6935ce8c5dba1e8b9754b9b2dcc020e2260d"
-  integrity sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==
-  dependencies:
-    is-unc-path "^1.0.0"
-
-is-retry-allowed@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz#11a060568b67339444033d0125a61a20d564fb34"
-  integrity sha1-EaBgVotnM5REAz0BJaYaINVk+zQ=
-
-is-root@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-root/-/is-root-1.0.0.tgz#07b6c233bc394cd9d02ba15c966bd6660d6342d5"
-  integrity sha1-B7bCM7w5TNnQK6FclmvWZg1jQtU=
-
-is-stream@^1.0.0, is-stream@^1.0.1, is-stream@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
-  integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
-
-is-svg@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-2.1.0.tgz#cf61090da0d9efbcab8722deba6f032208dbb0e9"
-  integrity sha1-z2EJDaDZ77yrhyLeum8DIgjbsOk=
-  dependencies:
-    html-comment-regex "^1.1.0"
-
-is-symbol@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.2.tgz#a055f6ae57192caee329e7a860118b497a950f38"
-  integrity sha512-HS8bZ9ox60yCJLH9snBpIwv9pYUAkcuLhSA1oero1UB5y9aiQpRA8y2ex945AOtCZL1lJDeIk3G5LthswI46Lw==
-  dependencies:
-    has-symbols "^1.0.0"
-
-is-tar@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-tar/-/is-tar-1.0.0.tgz#2f6b2e1792c1f5bb36519acaa9d65c0d26fe853d"
-  integrity sha1-L2suF5LB9bs2UZrKqdZcDSb+hT0=
-
-is-typedarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
-
-is-unc-path@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/is-unc-path/-/is-unc-path-0.1.2.tgz#6ab053a72573c10250ff416a3814c35178af39b9"
-  integrity sha1-arBTpyVzwQJQ/0FqOBTDUXivObk=
-  dependencies:
-    unc-path-regex "^0.1.0"
-
-is-unc-path@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-unc-path/-/is-unc-path-1.0.0.tgz#d731e8898ed090a12c352ad2eaed5095ad322c9d"
-  integrity sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==
-  dependencies:
-    unc-path-regex "^0.1.2"
-
-is-url@^1.2.0:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
-  integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
-
-is-utf8@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
-  integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
-
-is-valid-glob@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/is-valid-glob/-/is-valid-glob-0.3.0.tgz#d4b55c69f51886f9b65c70d6c2622d37e29f48fe"
-  integrity sha1-1LVcafUYhvm2XHDWwmItN+KfSP4=
-
-is-what@^3.1.1:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.2.2.tgz#5da48eb905ca2620142abf5867340b46fa9ea238"
-  integrity sha512-4tCMQr7lWLqe2wPKhMvIzvALEhadPrt2+IzW3tQj98Sf/WhXJlpspRDMaC5zpepvtefiDT2PloJaqRvg7PxhYA==
-
-is-whitespace-character@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.2.tgz#ede53b4c6f6fb3874533751ec9280d01928d03ed"
-  integrity sha512-SzM+T5GKUCtLhlHFKt2SDAX2RFzfS6joT91F2/WSi9LxgFdsnhfPK/UIA+JhRR2xuyLdrCys2PiFDrtn1fU5hQ==
-
-is-windows@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-0.2.0.tgz#de1aa6d63ea29dd248737b69f1ff8b8002d2108c"
-  integrity sha1-3hqm1j6indJIc3tp8f+LgALSEIw=
-
-is-windows@^1.0.0, is-windows@^1.0.1, is-windows@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
-  integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
-
-is-word-character@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-word-character/-/is-word-character-1.0.2.tgz#46a5dac3f2a1840898b91e576cd40d493f3ae553"
-  integrity sha512-T3FlsX8rCHAH8e7RE7PfOPZVFQlcV3XRF9eOOBQ1uf70OxO7CjjSOjeImMPCADBdYWcStAbVbYvJ1m2D3tb+EA==
-
-is-wsl@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
-  integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
-
-is-zip@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-zip/-/is-zip-1.0.0.tgz#47b0a8ff4d38a76431ccfd99a8e15a4c86ba2325"
-  integrity sha1-R7Co/004p2QxzP2ZqOFaTIa6IyU=
-
-isarray@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
-  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
-
-isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
-
-isarray@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.1.tgz#a37d94ed9cda2d59865c9f76fe596ee1f338741e"
-  integrity sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=
-
-isemail@2.x.x:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/isemail/-/isemail-2.2.1.tgz#0353d3d9a62951080c262c2aa0a42b8ea8e9e2a6"
-  integrity sha1-A1PT2aYpUQgMJiwqoKQrjqjp4qY=
-
-isemail@3.x.x:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/isemail/-/isemail-3.2.0.tgz#59310a021931a9fb06bbb51e155ce0b3f236832c"
-  integrity sha512-zKqkK+O+dGqevc93KNsbZ/TqTUFd46MwWjYOoMrjIMZ51eU7DtQG3Wmd9SQQT7i7RVnuTPEiYEWHU3MSbxC1Tg==
-  dependencies:
-    punycode "2.x.x"
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
-
-isnumeric@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/isnumeric/-/isnumeric-0.2.0.tgz#a2347ba360de19e33d0ffd590fddf7755cbf2e64"
-  integrity sha1-ojR7o2DeGeM9D/1ZD933dVy/LmQ=
-
-isobject@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
-  integrity sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=
-  dependencies:
-    isarray "1.0.0"
-
-isobject@^3.0.0, isobject@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
-
-isomorphic-fetch@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
-  integrity sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=
-  dependencies:
-    node-fetch "^1.0.1"
-    whatwg-fetch ">=0.10.0"
-
-isstream@~0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
-  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
-
-isurl@^1.0.0-alpha5:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isurl/-/isurl-1.0.0.tgz#b27f4f49f3cdaa3ea44a0a5b7f3462e6edc39d67"
-  integrity sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==
-  dependencies:
-    has-to-string-tag-x "^1.2.0"
-    is-object "^1.0.1"
-
-items@2.x.x:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/items/-/items-2.1.2.tgz#0849354595805d586dac98e7e6e85556ea838558"
-  integrity sha512-kezcEqgB97BGeZZYtX/MA8AG410ptURstvnz5RAgyFZ8wQFPMxHY8GpTq+/ZHKT3frSlIthUq7EvLt9xn3TvXg==
-
-iterall@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/iterall/-/iterall-1.1.3.tgz#1cbbff96204056dde6656e2ed2e2226d0e6d72c9"
-  integrity sha512-Cu/kb+4HiNSejAPhSaN1VukdNTTi/r4/e+yykqjlG/IW+1gZH5b4+Bq3whDX4tvbYugta3r8KTMUiqT3fIGxuQ==
-
-jimp@^0.2.24:
-  version "0.2.28"
-  resolved "https://registry.yarnpkg.com/jimp/-/jimp-0.2.28.tgz#dd529a937190f42957a7937d1acc3a7762996ea2"
-  integrity sha1-3VKak3GQ9ClXp5N9Gsw6d2KZbqI=
-  dependencies:
-    bignumber.js "^2.1.0"
-    bmp-js "0.0.3"
-    es6-promise "^3.0.2"
-    exif-parser "^0.1.9"
-    file-type "^3.1.0"
-    jpeg-js "^0.2.0"
-    load-bmfont "^1.2.3"
-    mime "^1.3.4"
-    mkdirp "0.5.1"
-    pixelmatch "^4.0.0"
-    pngjs "^3.0.0"
-    read-chunk "^1.0.1"
-    request "^2.65.0"
-    stream-to-buffer "^0.1.0"
-    tinycolor2 "^1.1.2"
-    url-regex "^3.0.0"
-
-joi@12.x.x:
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/joi/-/joi-12.0.0.tgz#46f55e68f4d9628f01bbb695902c8b307ad8d33a"
-  integrity sha512-z0FNlV4NGgjQN1fdtHYXf5kmgludM65fG/JlXzU6+rwkt9U5UWuXVYnXa2FpK0u6+qBuCmrm5byPNuiiddAHvQ==
-  dependencies:
-    hoek "4.x.x"
-    isemail "3.x.x"
-    topo "2.x.x"
-
-joi@9.0.0-0:
-  version "9.0.0-0"
-  resolved "https://registry.yarnpkg.com/joi/-/joi-9.0.0-0.tgz#a7ca4219602149ae0da7a7c5ca1d63d3c79e096b"
-  integrity sha1-p8pCGWAhSa4Np6fFyh1j08eeCWs=
-  dependencies:
-    hoek "4.x.x"
-    isemail "2.x.x"
-    items "2.x.x"
-    moment "2.x.x"
-    topo "2.x.x"
-
-jpeg-js@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.2.0.tgz#53e448ec9d263e683266467e9442d2c5a2ef5482"
-  integrity sha1-U+RI7J0mPmgyZkZ+lELSxaLvVII=
-
-js-base64@^2.1.9:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.1.tgz#1efa39ef2c5f7980bb1784ade4a8af2de3291121"
-  integrity sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==
-
-"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-js-tokens@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
-  integrity sha1-mGbfOVECEw449/mWvOtlRDIJwls=
-
-js-yaml@^3.10.0, js-yaml@^3.13.1, js-yaml@^3.5.2:
-  version "3.13.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.13.1.tgz#aff151b30bfdfa8e49e05da22e7415e9dfa37847"
-  integrity sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-js-yaml@~3.7.0:
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80"
-  integrity sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^2.6.0"
-
-jsan@^3.1.13:
-  version "3.1.13"
-  resolved "https://registry.yarnpkg.com/jsan/-/jsan-3.1.13.tgz#4de8c7bf8d1cfcd020c313d438f930cec4b91d86"
-  integrity sha512-9kGpCsGHifmw6oJet+y8HaCl14y7qgAsxVdV3pCHDySNR3BfDC30zgkssd7x5LRVAT22dnpbe9JdzzmXZnq9/g==
-
-jsbn@~0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
-
-jsesc@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
-  integrity sha1-RsP+yMGJKxKwgz25vHYiF226s0s=
-
-jsesc@^2.5.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
-  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
-
-jsesc@~0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
-  integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
-
-json-loader@^0.5.2:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.7.tgz#dca14a70235ff82f0ac9a3abeb60d337a365185d"
-  integrity sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w==
-
-json-parse-better-errors@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
-
-json-schema-traverse@^0.3.0:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz#349a6d44c53a51de89b40805c5d5e59b417d3340"
-  integrity sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=
-
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-schema@0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
-  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
-
-json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
-  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
-
-json3@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.2.tgz#3c0434743df93e2f5c42aee7b19bcb483575f4e1"
-  integrity sha1-PAQ0dD35Pi9cQq7nsZvLSDV19OE=
-
-json5@^0.5.0, json5@^0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
-  integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
-
-json5@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
-  integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
-  dependencies:
-    minimist "^1.2.0"
-
-jsonfile@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
-  integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
-jsonify@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
-  integrity sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=
-
-jspm-github@^0.14.11:
-  version "0.14.13"
-  resolved "https://registry.yarnpkg.com/jspm-github/-/jspm-github-0.14.13.tgz#326e5217d3639b21609293b01e7e18775dd3dcc7"
-  integrity sha1-Mm5SF9NjmyFgkpOwHn4Yd13T3Mc=
-  dependencies:
-    bluebird "^3.0.5"
-    expand-tilde "^1.2.0"
-    graceful-fs "^4.1.3"
-    mkdirp "^0.5.1"
-    netrc "^0.1.3"
-    request "^2.74.0"
-    rimraf "^2.5.4"
-    semver "^5.0.1"
-    tar-fs "^1.13.0"
-    which "^1.0.9"
-
-jspm-npm@^0.30.3:
-  version "0.30.4"
-  resolved "https://registry.yarnpkg.com/jspm-npm/-/jspm-npm-0.30.4.tgz#60f48811af3866ddb16b90c1a91427aec7c3b337"
-  integrity sha512-Gx9/HGtbV4igvvAzhI8rGSzUIUIZtIK5kA7yf+5dGqmbD6hUUK29OxhbF7y/xXmpqyJ7iwiEY5vIszT5rPaz+A==
-  dependencies:
-    bluebird "^3.0.5"
-    buffer-peek-stream "^1.0.1"
-    graceful-fs "^4.1.3"
-    mkdirp "^0.5.1"
-    readdirp "^2.0.0"
-    request "^2.58.0"
-    semver "^5.0.1"
-    tar-fs "^1.13.0"
-    traceur "0.0.105"
-    which "^1.1.1"
-
-jspm-registry@^0.4.1:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/jspm-registry/-/jspm-registry-0.4.4.tgz#d53166035a87cdce585d62baa397568546996d70"
-  integrity sha1-1TFmA1qHzc5YXWK6o5dWhUaZbXA=
-  dependencies:
-    graceful-fs "^4.1.3"
-    rimraf "^2.3.2"
-    rsvp "^3.0.18"
-    semver "^4.3.3"
-
-jspm@^0.17.0-beta.13:
-  version "0.17.0-beta.49"
-  resolved "https://registry.yarnpkg.com/jspm/-/jspm-0.17.0-beta.49.tgz#900b8e9714d3839dafbe2996284cdd2736a6ebb0"
-  integrity sha512-66Kr63r7VqpwSrmCzpFn0FAwmWH2AmwIkU6Y8rB0ET16zoJo73wxoDfBNPtgT1ONOG7l5gvoUqmT3K4rHtX2Xg==
-  dependencies:
-    bluebird "^3.0.5"
-    chalk "^1.1.1"
-    core-js "^1.2.6"
-    glob "^6.0.1"
-    graceful-fs "^4.1.2"
-    jspm-github "^0.14.11"
-    jspm-npm "^0.30.3"
-    jspm-registry "^0.4.1"
-    liftoff "^2.2.0"
-    minimatch "^3.0.0"
-    mkdirp "~0.5.1"
-    ncp "^2.0.0"
-    proper-lockfile "^1.1.2"
-    request "^2.67.0"
-    rimraf "^2.4.4"
-    sane "^1.3.3"
-    semver "^5.1.0"
-    systemjs "0.21.4"
-    systemjs-builder "0.16.13"
-    traceur "0.0.105"
-    uglify-js "^2.6.1"
-
-jsprim@^1.2.2:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
-  integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=
-  dependencies:
-    assert-plus "1.0.0"
-    extsprintf "1.3.0"
-    json-schema "0.2.3"
-    verror "1.10.0"
-
-kebab-case@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/kebab-case/-/kebab-case-1.0.0.tgz#3f9e4990adcad0c686c0e701f7645868f75f91eb"
-  integrity sha1-P55JkK3K0MaGwOcB92RYaPdfkes=
-
-kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
-  integrity sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=
-  dependencies:
-    is-buffer "^1.1.5"
-
-kind-of@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
-  integrity sha1-IIE989cSkosgc3hpGkUGb65y3Vc=
-  dependencies:
-    is-buffer "^1.1.5"
-
-kind-of@^5.0.0, kind-of@^5.0.2:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
-  integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==
-
-kind-of@^6.0.0, kind-of@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.2.tgz#01146b36a6218e64e58f3a8d66de5d7fc6f6d051"
-  integrity sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==
-
-latest-version@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
-  integrity sha1-ogU4P+oyKzO1rjsYq+4NwvNW7hU=
-  dependencies:
-    package-json "^4.0.0"
-
-lazy-cache@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
-  integrity sha1-odePw6UEdMuAhF07O24dpJpEbo4=
-
-lazy-req@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/lazy-req/-/lazy-req-1.1.0.tgz#bdaebead30f8d824039ce0ce149d4daa07ba1fac"
-  integrity sha1-va6+rTD42CQDnODOFJ1Nqge6H6w=
-
-lazystream@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/lazystream/-/lazystream-1.0.0.tgz#f6995fe0f820392f61396be89462407bb77168e4"
-  integrity sha1-9plf4PggOS9hOWvolGJAe7dxaOQ=
-  dependencies:
-    readable-stream "^2.0.5"
-
-lcid@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
-  integrity sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=
-  dependencies:
-    invert-kv "^1.0.0"
-
-leven@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/leven/-/leven-2.1.0.tgz#c2e7a9f772094dee9d34202ae8acce4687875580"
-  integrity sha1-wuep93IJTe6dNCAq6KzORoeHVYA=
-
-liftoff@^2.2.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/liftoff/-/liftoff-2.5.0.tgz#2009291bb31cea861bbf10a7c15a28caf75c31ec"
-  integrity sha1-IAkpG7Mc6oYbvxCnwVooyvdcMew=
-  dependencies:
-    extend "^3.0.0"
-    findup-sync "^2.0.0"
-    fined "^1.0.1"
-    flagged-respawn "^1.0.0"
-    is-plain-object "^2.0.4"
-    object.map "^1.0.0"
-    rechoir "^0.6.2"
-    resolve "^1.1.7"
-
-linked-list@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/linked-list/-/linked-list-0.1.0.tgz#798b0ff97d1b92a4fd08480f55aea4e9d49d37bf"
-  integrity sha1-eYsP+X0bkqT9CEgPVa6k6dSdN78=
-
-load-bmfont@^1.2.3:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/load-bmfont/-/load-bmfont-1.4.0.tgz#75f17070b14a8c785fe7f5bee2e6fd4f98093b6b"
-  integrity sha512-kT63aTAlNhZARowaNYcY29Fn/QYkc52M3l6V1ifRcPewg2lvUZDAj7R6dXjOL9D0sict76op3T5+odumDSF81g==
-  dependencies:
-    buffer-equal "0.0.1"
-    mime "^1.3.4"
-    parse-bmfont-ascii "^1.0.3"
-    parse-bmfont-binary "^1.0.5"
-    parse-bmfont-xml "^1.1.4"
-    phin "^2.9.1"
-    xhr "^2.0.1"
-    xtend "^4.0.0"
-
-load-json-file@^1.0.0, load-json-file@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
-  integrity sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=
-  dependencies:
-    graceful-fs "^4.1.2"
-    parse-json "^2.2.0"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-    strip-bom "^2.0.0"
-
-load-json-file@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
-  integrity sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=
-  dependencies:
-    graceful-fs "^4.1.2"
-    parse-json "^2.2.0"
-    pify "^2.0.0"
-    strip-bom "^3.0.0"
-
-loader-utils@^0.2.11, loader-utils@^0.2.15, loader-utils@^0.2.16, loader-utils@^0.2.3, loader-utils@~0.2.5:
-  version "0.2.17"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
-  integrity sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=
-  dependencies:
-    big.js "^3.1.3"
-    emojis-list "^2.0.0"
-    json5 "^0.5.0"
-    object-assign "^4.0.1"
-
-loader-utils@^1.0.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7"
-  integrity sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^2.0.0"
-    json5 "^1.0.1"
-
-locate-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
-  dependencies:
-    p-locate "^2.0.0"
-    path-exists "^3.0.0"
-
-lodash-es@^4.2.1:
-  version "4.17.14"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.14.tgz#12a95a963cc5955683cee3b74e85458954f37ecc"
-  integrity sha512-7zchRrGa8UZXjD/4ivUWP1867jDkhzTG2c/uj739utSd7O/pFFdxspCemIFKEEjErbcqRzn8nKnGsi7mvTgRPA==
-
-lodash-id@^0.14.0:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/lodash-id/-/lodash-id-0.14.0.tgz#baf48934e543a1b5d6346f8c84698b1a8c803896"
-  integrity sha1-uvSJNOVDobXWNG+MhGmLGoyAOJY=
-
-lodash._basecopy@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36"
-  integrity sha1-jaDmqHbPNEwK2KVIghEd08XHyjY=
-
-lodash._basetostring@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/lodash._basetostring/-/lodash._basetostring-3.0.1.tgz#d1861d877f824a52f669832dcaf3ee15566a07d5"
-  integrity sha1-0YYdh3+CSlL2aYMtyvPuFVZqB9U=
-
-lodash._basevalues@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lodash._basevalues/-/lodash._basevalues-3.0.0.tgz#5b775762802bde3d3297503e26300820fdf661b7"
-  integrity sha1-W3dXYoAr3j0yl1A+JjAIIP32Ybc=
-
-lodash._getnative@^3.0.0:
-  version "3.9.1"
-  resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5"
-  integrity sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=
-
-lodash._isiterateecall@^3.0.0:
-  version "3.0.9"
-  resolved "https://registry.yarnpkg.com/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz#5203ad7ba425fae842460e696db9cf3e6aac057c"
-  integrity sha1-UgOte6Ql+uhCRg5pbbnPPmqsBXw=
-
-lodash._objecttypes@~2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/lodash._objecttypes/-/lodash._objecttypes-2.4.1.tgz#7c0b7f69d98a1f76529f890b0cdb1b4dfec11c11"
-  integrity sha1-fAt/admKH3ZSn4kLDNsbTf7BHBE=
-
-lodash._reescape@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lodash._reescape/-/lodash._reescape-3.0.0.tgz#2b1d6f5dfe07c8a355753e5f27fac7f1cde1616a"
-  integrity sha1-Kx1vXf4HyKNVdT5fJ/rH8c3hYWo=
-
-lodash._reevaluate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lodash._reevaluate/-/lodash._reevaluate-3.0.0.tgz#58bc74c40664953ae0b124d806996daca431e2ed"
-  integrity sha1-WLx0xAZklTrgsSTYBpltrKQx4u0=
-
-lodash._reinterpolate@^3.0.0, lodash._reinterpolate@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
-  integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
-
-lodash._root@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/lodash._root/-/lodash._root-3.0.1.tgz#fba1c4524c19ee9a5f8136b4609f017cf4ded692"
-  integrity sha1-+6HEUkwZ7ppfgTa0YJ8BfPTe1pI=
-
-lodash.assign@^4.0.3, lodash.assign@^4.0.6:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7"
-  integrity sha1-DZnzzNem0mHRm9rrkkUAXShYCOc=
-
-lodash.assignin@^4.0.9:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.assignin/-/lodash.assignin-4.2.0.tgz#ba8df5fb841eb0a3e8044232b0e263a8dc6a28a2"
-  integrity sha1-uo31+4QesKPoBEIysOJjqNxqKKI=
-
-lodash.bind@^4.1.4:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/lodash.bind/-/lodash.bind-4.2.1.tgz#7ae3017e939622ac31b7d7d7dcb1b34db1690d35"
-  integrity sha1-euMBfpOWIqwxt9fX3LGzTbFpDTU=
-
-lodash.camelcase@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
-
-lodash.clonedeep@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
-  integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=
-
-lodash.debounce@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
-  integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
-
-lodash.defaults@^4.0.1:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
-  integrity sha1-0JF4cW/+pN3p5ft7N/bwgCJ0WAw=
-
-lodash.escape@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.escape/-/lodash.escape-3.2.0.tgz#995ee0dc18c1b48cc92effae71a10aab5b487698"
-  integrity sha1-mV7g3BjBtIzJLv+ucaEKq1tIdpg=
-  dependencies:
-    lodash._root "^3.0.0"
-
-lodash.escaperegexp@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz#64762c48618082518ac3df4ccf5d5886dae20347"
-  integrity sha1-ZHYsSGGAglGKw99Mz11YhtriA0c=
-
-lodash.every@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.every/-/lodash.every-4.6.0.tgz#eb89984bebc4364279bb3aefbbd1ca19bfa6c6a7"
-  integrity sha1-64mYS+vENkJ5uzrvu9HKGb+mxqc=
-
-lodash.filter@^4.4.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.filter/-/lodash.filter-4.6.0.tgz#668b1d4981603ae1cc5a6fa760143e480b4c4ace"
-  integrity sha1-ZosdSYFgOuHMWm+nYBQ+SAtMSs4=
-
-lodash.flatten@^4.2.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
-  integrity sha1-8xwiIlqWMtK7+OSt2+8kCqdlph8=
-
-lodash.flattendeep@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2"
-  integrity sha1-+wMJF/hqMTTlvJvsDWngAT3f7bI=
-
-lodash.foreach@^4.3.0, lodash.foreach@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.foreach/-/lodash.foreach-4.5.0.tgz#1a6a35eace401280c7f06dddec35165ab27e3e53"
-  integrity sha1-Gmo16s5AEoDH8G3d7DUWWrJ+PlM=
-
-lodash.isarguments@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz#2f573d85c6a24289ff00663b491c1d338ff3458a"
-  integrity sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=
-
-lodash.isarray@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/lodash.isarray/-/lodash.isarray-3.0.4.tgz#79e4eb88c36a8122af86f844aa9bcd851b5fbb55"
-  integrity sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=
-
-lodash.isequal@^4.0.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
-  integrity sha1-QVxEePK8wwEgwizhDtMib30+GOA=
-
-lodash.isobject@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/lodash.isobject/-/lodash.isobject-2.4.1.tgz#5a2e47fe69953f1ee631a7eba1fe64d2d06558f5"
-  integrity sha1-Wi5H/mmVPx7mMafrof5k0tBlWPU=
-  dependencies:
-    lodash._objecttypes "~2.4.1"
-
-lodash.isplainobject@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
-  integrity sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs=
-
-lodash.isstring@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
-  integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE=
-
-lodash.keys@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.keys/-/lodash.keys-3.1.2.tgz#4dbc0472b156be50a0b286855d1bd0b0c656098a"
-  integrity sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=
-  dependencies:
-    lodash._getnative "^3.0.0"
-    lodash.isarguments "^3.0.0"
-    lodash.isarray "^3.0.0"
-
-lodash.map@^4.4.0, lodash.map@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.map/-/lodash.map-4.6.0.tgz#771ec7839e3473d9c4cde28b19394c3562f4f6d3"
-  integrity sha1-dx7Hg540c9nEzeKLGTlMNWL09tM=
-
-lodash.maxby@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.maxby/-/lodash.maxby-4.6.0.tgz#082240068f3c7a227aa00a8380e4f38cf0786e3d"
-  integrity sha1-CCJABo88eiJ6oAqDgOTzjPB4bj0=
-
-lodash.memoize@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-  integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
-
-lodash.merge@^4.4.0:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
-lodash.mergewith@^4.6.1:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz#617121f89ac55f59047c7aec1ccd6654c6590f55"
-  integrity sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==
-
-lodash.pad@^4.1.0:
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/lodash.pad/-/lodash.pad-4.5.1.tgz#4330949a833a7c8da22cc20f6a26c4d59debba70"
-  integrity sha1-QzCUmoM6fI2iLMIPaibE1Z3runA=
-
-lodash.padend@^4.1.0:
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/lodash.padend/-/lodash.padend-4.6.1.tgz#53ccba047d06e158d311f45da625f4e49e6f166e"
-  integrity sha1-U8y6BH0G4VjTEfRdpiX05J5vFm4=
-
-lodash.padstart@^4.1.0:
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/lodash.padstart/-/lodash.padstart-4.6.1.tgz#d2e3eebff0d9d39ad50f5cbd1b52a7bce6bb611b"
-  integrity sha1-0uPuv/DZ05rVD1y9G1KnvOa7YRs=
-
-lodash.pick@^4.2.1:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.pick/-/lodash.pick-4.4.0.tgz#52f05610fff9ded422611441ed1fc123a03001b3"
-  integrity sha1-UvBWEP/53tQiYRRB7R/BI6AwAbM=
-
-lodash.reduce@^4.4.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.reduce/-/lodash.reduce-4.6.0.tgz#f1ab6b839299ad48f784abbf476596f03b914d3b"
-  integrity sha1-8atrg5KZrUj3hKu/R2WW8DuRTTs=
-
-lodash.reject@^4.4.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.reject/-/lodash.reject-4.6.0.tgz#80d6492dc1470864bbf583533b651f42a9f52415"
-  integrity sha1-gNZJLcFHCGS79YNTO2UfQqn1JBU=
-
-lodash.restparam@^3.0.0:
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/lodash.restparam/-/lodash.restparam-3.6.1.tgz#936a4e309ef330a7645ed4145986c85ae5b20805"
-  integrity sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU=
-
-lodash.some@^4.4.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.some/-/lodash.some-4.6.0.tgz#1bb9f314ef6b8baded13b549169b2a945eb68e4d"
-  integrity sha1-G7nzFO9ri63tE7VJFpsqlF62jk0=
-
-lodash.template@^3.0.0:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-3.6.2.tgz#f8cdecc6169a255be9098ae8b0c53d378931d14f"
-  integrity sha1-+M3sxhaaJVvpCYrosMU9N4kx0U8=
-  dependencies:
-    lodash._basecopy "^3.0.0"
-    lodash._basetostring "^3.0.0"
-    lodash._basevalues "^3.0.0"
-    lodash._isiterateecall "^3.0.0"
-    lodash._reinterpolate "^3.0.0"
-    lodash.escape "^3.0.0"
-    lodash.keys "^3.0.0"
-    lodash.restparam "^3.0.0"
-    lodash.templatesettings "^3.0.0"
-
-lodash.template@^4.2.4:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.4.0.tgz#e73a0385c8355591746e020b99679c690e68fba0"
-  integrity sha1-5zoDhcg1VZF0bgILmWecaQ5o+6A=
-  dependencies:
-    lodash._reinterpolate "~3.0.0"
-    lodash.templatesettings "^4.0.0"
-
-lodash.templatesettings@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-3.1.1.tgz#fb307844753b66b9f1afa54e262c745307dba8e5"
-  integrity sha1-+zB4RHU7Zrnxr6VOJix0UwfbqOU=
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
-    lodash.escape "^3.0.0"
-
-lodash.templatesettings@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-4.1.0.tgz#2b4d4e95ba440d915ff08bc899e4553666713316"
-  integrity sha1-K01OlbpEDZFf8IvImeRVNmZxMxY=
-  dependencies:
-    lodash._reinterpolate "~3.0.0"
-
-lodash.throttle@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
-  integrity sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=
-
-lodash.toarray@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561"
-  integrity sha1-JMS/zWsvuji/0FlNsRedjptlZWE=
-
-lodash.uniq@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
-  integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
-
-lodash@3.10.1:
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
-  integrity sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y=
-
-lodash@4, lodash@^4.1.0, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.15, lodash@^4.17.2, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.6.1:
-  version "4.17.15"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
-  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
-
-lodash@4.11.1:
-  version "4.11.1"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.11.1.tgz#a32106eb8e2ec8e82c241611414773c9df15f8bc"
-  integrity sha1-oyEG644uyOgsJBYRQUdzyd8V+Lw=
-
-log-symbols@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-1.0.2.tgz#376ff7b58ea3086a0f09facc74617eca501e1a18"
-  integrity sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=
-  dependencies:
-    chalk "^1.0.0"
-
-logalot@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/logalot/-/logalot-2.1.0.tgz#5f8e8c90d304edf12530951a5554abb8c5e3f552"
-  integrity sha1-X46MkNME7fElMJUaVVSruMXj9VI=
-  dependencies:
-    figures "^1.3.5"
-    squeak "^1.0.0"
-
-longest-streak@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.2.tgz#2421b6ba939a443bb9ffebf596585a50b4c38e2e"
-  integrity sha512-TmYTeEYxiAmSVdpbnQDXGtvYOIRsCMg89CVZzwzc2o7GFL1CjoiRPjH5ec0NFAVlAx3fVof9dX/t6KKRAo2OWA==
-
-longest@^1.0.0, longest@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
-  integrity sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=
-
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
-  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
-  dependencies:
-    js-tokens "^3.0.0 || ^4.0.0"
-
-loud-rejection@^1.0.0, loud-rejection@^1.2.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
-  integrity sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=
-  dependencies:
-    currently-unhandled "^0.4.1"
-    signal-exit "^3.0.0"
-
-lowdb@^0.16.2:
-  version "0.16.2"
-  resolved "https://registry.yarnpkg.com/lowdb/-/lowdb-0.16.2.tgz#a2a976eb66ec57797291970f3c87cdb61126fa3a"
-  integrity sha1-oql262bsV3lykZcPPIfNthEm+jo=
-  dependencies:
-    graceful-fs "^4.1.3"
-    is-promise "^2.1.0"
-    lodash "4"
-    steno "^0.4.1"
-
-lowercase-keys@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
-  integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
-
-lowlight@~1.9.1:
-  version "1.9.2"
-  resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.9.2.tgz#0b9127e3cec2c3021b7795dd81005c709a42fdd1"
-  integrity sha512-Ek18ElVCf/wF/jEm1b92gTnigh94CtBNWiZ2ad+vTgW7cTmQxUY3I98BjHK68gZAJEWmybGBZgx9qv3QxLQB/Q==
-  dependencies:
-    fault "^1.0.2"
-    highlight.js "~9.12.0"
-
-lpad-align@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/lpad-align/-/lpad-align-1.1.2.tgz#21f600ac1c3095c3c6e497ee67271ee08481fe9e"
-  integrity sha1-IfYArBwwlcPG5JfuZyce4ISB/p4=
-  dependencies:
-    get-stdin "^4.0.1"
-    indent-string "^2.1.0"
-    longest "^1.0.0"
-    meow "^3.3.0"
-
-lru-cache@^4.0.1:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
-  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
-  dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
-
-ltcdr@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/ltcdr/-/ltcdr-2.2.1.tgz#5ab87ad1d4c1dab8e8c08bbf037ee0c1902287cf"
-  integrity sha1-Wrh60dTB2rjowIu/A37gwZAih88=
-
-make-dir@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
-  integrity sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==
-  dependencies:
-    pify "^3.0.0"
-
-make-iterator@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/make-iterator/-/make-iterator-1.0.1.tgz#29b33f312aa8f547c4a5e490f56afcec99133ad6"
-  integrity sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==
-  dependencies:
-    kind-of "^6.0.2"
-
-makeerror@1.0.x:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
-  integrity sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=
-  dependencies:
-    tmpl "1.0.x"
-
-map-cache@^0.2.0, map-cache@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
-  integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=
-
-map-obj@^1.0.0, map-obj@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
-  integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=
-
-map-or-similar@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/map-or-similar/-/map-or-similar-1.5.0.tgz#6de2653174adfb5d9edc33c69d3e92a1b76faf08"
-  integrity sha1-beJlMXSt+12e3DPGnT6Sobdvrwg=
-
-map-visit@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
-  integrity sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=
-  dependencies:
-    object-visit "^1.0.0"
-
-mapz@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/mapz/-/mapz-1.0.2.tgz#f6af94c425db0874ac2c4e67a76f5df1724b1322"
-  integrity sha512-NuY43BoHy5K4jVg3/oD+g8ysNwdXY3HB5UankVWoikxT9YMqgCYC77pNRENTm/DfslLxPFEOyJUw9h9isRty6w==
-  dependencies:
-    x-is-array "^0.1.0"
-
-markdown-escapes@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.2.tgz#e639cbde7b99c841c0bacc8a07982873b46d2122"
-  integrity sha512-lbRZ2mE3Q9RtLjxZBZ9+IMl68DKIXaVAhwvwn9pmjnPLS0h/6kyBMgNhqi1xFJ/2yv6cSyv0jbiZavZv93JkkA==
-
-markdown-table@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-1.1.2.tgz#c78db948fa879903a41bce522e3b96f801c63786"
-  integrity sha512-NcWuJFHDA8V3wkDgR/j4+gZx+YQwstPgfQDV8ndUeWWzta3dnDTBxpVzqS9lkmJAuV5YX35lmyojl6HO5JXAgw==
-
-markdown-to-jsx@^6.9.1:
-  version "6.9.4"
-  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-6.9.4.tgz#ed1e6925e643f7a0ee2fed90f28d16b4402aad09"
-  integrity sha512-Fvx2ZhiknGmcLsWVjIq6MmiN9gcCot8w+jzwN2mLXZcQsJGRN3Zes5Sp5M9YNIzUy/sDyuOTjimFdtAcvvmAPQ==
-  dependencies:
-    prop-types "^15.6.2"
-    unquote "^1.1.0"
-
-marked@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/marked/-/marked-0.7.0.tgz#b64201f051d271b1edc10a04d1ae9b74bb8e5c0e"
-  integrity sha512-c+yYdCZJQrsRjTPhUx7VKkApw9bwDkNbHUKo1ovgcfDjb2kc8rLuRbIFyXL5WOEUwzSSKo3IXpph2K6DqB/KZg==
-
-math-expression-evaluator@^1.2.14:
-  version "1.2.17"
-  resolved "https://registry.yarnpkg.com/math-expression-evaluator/-/math-expression-evaluator-1.2.17.tgz#de819fdbcd84dccd8fae59c6aeb79615b9d266ac"
-  integrity sha1-3oGf282E3M2PrlnGrreWFbnSZqw=
-
-math-random@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/math-random/-/math-random-1.0.4.tgz#5dd6943c938548267016d4e34f057583080c514c"
-  integrity sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==
-
-md5-file@^3.1.1:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/md5-file/-/md5-file-3.2.3.tgz#f9bceb941eca2214a4c0727f5e700314e770f06f"
-  integrity sha512-3Tkp1piAHaworfcCgH0jKbTvj1jWWFgbvh2cXaNCgHwyTCBxxvD1Y04rmfpvdPm1P4oXMOpm6+2H7sr7v9v8Fw==
-  dependencies:
-    buffer-alloc "^1.1.0"
-
-md5.js@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-md5@^2.0.0, md5@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/md5/-/md5-2.2.1.tgz#53ab38d5fe3c8891ba465329ea23fac0540126f9"
-  integrity sha1-U6s41f48iJG6RlMp6iP6wFQBJvk=
-  dependencies:
-    charenc "~0.0.1"
-    crypt "~0.0.1"
-    is-buffer "~1.1.1"
-
-mdast-util-compact@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/mdast-util-compact/-/mdast-util-compact-1.0.2.tgz#c12ebe16fffc84573d3e19767726de226e95f649"
-  integrity sha512-d2WS98JSDVbpSsBfVvD9TaDMlqPRz7ohM/11G0rp5jOBb5q96RJ6YLszQ/09AAixyzh23FeIpCGqfaamEADtWg==
-  dependencies:
-    unist-util-visit "^1.1.0"
-
-mdast-util-definitions@^1.2.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/mdast-util-definitions/-/mdast-util-definitions-1.2.3.tgz#49f936b09207c45b438db19551652934312f04f0"
-  integrity sha512-P6wpRO8YVQ1iv30maMc93NLh7COvufglBE8/ldcOyYmk5EbfF0YeqlLgtqP/FOBU501Kqar1x5wYWwB3Nga74g==
-  dependencies:
-    unist-util-visit "^1.0.0"
-
-mdast-util-to-hast@^2.4.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-2.5.0.tgz#f087844d255c7540f36906da30ba106c0ee5ee2f"
-  integrity sha1-8IeETSVcdUDzaQbaMLoQbA7l7i8=
-  dependencies:
-    collapse-white-space "^1.0.0"
-    detab "^2.0.0"
-    mdast-util-definitions "^1.2.0"
-    mdurl "^1.0.1"
-    trim "0.0.1"
-    trim-lines "^1.0.0"
-    unist-builder "^1.0.1"
-    unist-util-generated "^1.1.0"
-    unist-util-position "^3.0.0"
-    unist-util-visit "^1.1.0"
-    xtend "^4.0.1"
-
-mdast-util-to-nlcst@^3.2.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/mdast-util-to-nlcst/-/mdast-util-to-nlcst-3.2.2.tgz#71972eecd64dc03d5cf2713f08555e2d9e2d7d10"
-  integrity sha512-TmJlri8dHt7duRU6jfWBMqf5gW+VZ6o/8GHaWzwdxslseB2lL8bSOiox6c8VwYX5v2E4CzUWm/1GkAYqgbNw9A==
-  dependencies:
-    nlcst-to-string "^2.0.0"
-    repeat-string "^1.5.2"
-    unist-util-position "^3.0.0"
-    vfile-location "^2.0.0"
-
-mdast-util-to-string@^1.0.2:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-1.0.5.tgz#3552b05428af22ceda34f156afe62ec8e6d731ca"
-  integrity sha512-2qLt/DEOo5F6nc2VFScQiHPzQ0XXcabquRJxKMhKte8nt42o08HUxNDPk7tt0YPxnWjAT11I1SYi0X0iPnfI5A==
-
-mdast-util-toc@^2.0.1:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mdast-util-toc/-/mdast-util-toc-2.1.0.tgz#82b6b218577bb0e67b23abf5c3f7ac73a4b5389f"
-  integrity sha512-ove/QQWSrYOrf9G3xn2MTAjy7PKCtCmm261wpQwecoPAsUtkihkMVczxFqil7VihxgSz4ID9c8bBTsyXR30gQg==
-  dependencies:
-    github-slugger "^1.1.1"
-    mdast-util-to-string "^1.0.2"
-    unist-util-visit "^1.1.0"
-
-mdurl@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
-
-mem@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
-  integrity sha1-Xt1StIXKHZAP5kiVUFOZoN+kX3Y=
-  dependencies:
-    mimic-fn "^1.0.0"
-
-memoize-one@^5.0.0:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-5.0.4.tgz#005928aced5c43d890a4dfab18ca908b0ec92cbc"
-  integrity sha512-P0z5IeAH6qHHGkJIXWw0xC2HNEgkx/9uWWBQw64FJj3/ol14VYdfVGWWr0fXfjhhv3TKVIqUq65os6O4GUNksA==
-
-memoizerific@^1.11.3:
-  version "1.11.3"
-  resolved "https://registry.yarnpkg.com/memoizerific/-/memoizerific-1.11.3.tgz#7c87a4646444c32d75438570905f2dbd1b1a805a"
-  integrity sha1-fIekZGREwy11Q4VwkF8tvRsagFo=
-  dependencies:
-    map-or-similar "^1.5.0"
-
-memory-fs@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.2.0.tgz#f2bb25368bc121e391c2520de92969caee0a0290"
-  integrity sha1-8rslNovBIeORwlIN6Slpyu4KApA=
-
-memory-fs@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.3.0.tgz#7bcc6b629e3a43e871d7e29aca6ae8a7f15cbb20"
-  integrity sha1-e8xrYp46Q+hx1+Kaymrop/FcuyA=
-  dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
-memory-fs@~0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
-  integrity sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=
-  dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
-meow@^3.1.0, meow@^3.3.0, meow@^3.5.0:
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
-  integrity sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=
-  dependencies:
-    camelcase-keys "^2.0.0"
-    decamelize "^1.1.2"
-    loud-rejection "^1.0.0"
-    map-obj "^1.0.1"
-    minimist "^1.1.3"
-    normalize-package-data "^2.3.4"
-    object-assign "^4.0.1"
-    read-pkg-up "^1.0.1"
-    redent "^1.0.0"
-    trim-newlines "^1.0.0"
-
-merge-anything@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/merge-anything/-/merge-anything-2.2.4.tgz#1445855716732fd96218ce636cd122c077e5f65c"
-  integrity sha512-A6Ip73ppCEPzD4XEVj28VOT0ec0ZrBLfMywQKZVFnHcxYZ7t9Y6bDrdsZ6a7u2HpuDXeynwcaaM1YV+5Cd1Nhw==
-  dependencies:
-    is-what "^3.1.1"
-
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
-
-merge-stream@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-1.0.1.tgz#4041202d508a342ba00174008df0c251b8c135e1"
-  integrity sha1-QEEgLVCKNCugAXQAjfDCUbjBNeE=
-  dependencies:
-    readable-stream "^2.0.1"
-
-merge@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/merge/-/merge-1.2.1.tgz#38bebf80c3220a8a487b6fcfb3941bb11720c145"
-  integrity sha512-VjFo4P5Whtj4vsLzsYBu5ayHhoHJ0UqNm7ibvShmbmoz7tGi0vXaoJbGdB+GmDMLUdg8DpQXEIeVDAe8MaABvQ==
-
-methods@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
-  integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
-
-micromatch@^2.1.5, micromatch@^2.3.11, micromatch@^2.3.7:
-  version "2.3.11"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
-  integrity sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=
-  dependencies:
-    arr-diff "^2.0.0"
-    array-unique "^0.2.1"
-    braces "^1.8.2"
-    expand-brackets "^0.1.4"
-    extglob "^0.3.1"
-    filename-regex "^2.0.0"
-    is-extglob "^1.0.0"
-    is-glob "^2.0.1"
-    kind-of "^3.0.2"
-    normalize-path "^2.0.1"
-    object.omit "^2.0.0"
-    parse-glob "^3.0.4"
-    regex-cache "^0.4.2"
-
-micromatch@^3.0.3, micromatch@^3.0.4, micromatch@^3.1.10:
-  version "3.1.10"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
-  integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==
-  dependencies:
-    arr-diff "^4.0.0"
-    array-unique "^0.3.2"
-    braces "^2.3.1"
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    extglob "^2.0.4"
-    fragment-cache "^0.2.1"
-    kind-of "^6.0.2"
-    nanomatch "^1.2.9"
-    object.pick "^1.3.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.2"
-
-miller-rabin@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-  dependencies:
-    bn.js "^4.0.0"
-    brorand "^1.0.1"
-
-mime-db@1.40.0, "mime-db@>= 1.40.0 < 2":
-  version "1.40.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.40.0.tgz#a65057e998db090f732a68f6c276d387d4126c32"
-  integrity sha512-jYdeOMPy9vnxEqFRRo6ZvTZ8d9oPb+k18PKoYNYUe2stVEBPPwsln/qWzdbmaIvnhZ9v2P+CuecK+fpUfsV2mA==
-
-mime-db@~1.33.0:
-  version "1.33.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.33.0.tgz#a3492050a5cb9b63450541e39d9788d2272783db"
-  integrity sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==
-
-mime-types@2.1.18:
-  version "2.1.18"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.18.tgz#6f323f60a83d11146f831ff11fd66e2fe5503bb8"
-  integrity sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==
-  dependencies:
-    mime-db "~1.33.0"
-
-mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
-  version "2.1.24"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.24.tgz#b6f8d0b3e951efb77dedeca194cff6d16f676f81"
-  integrity sha512-WaFHS3MCl5fapm3oLxU4eYDw77IQM2ACcxQ9RIxfaC3ooc6PFuBMGZZsYpvoXS5D5QTWPieo1jjLdAm3TBP3cQ==
-  dependencies:
-    mime-db "1.40.0"
-
-mime@1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6"
-  integrity sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==
-
-mime@^1.3.4, mime@^1.3.6, mime@^1.4.1, mime@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
-  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
-
-mimic-fn@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
-  integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
-
-mimic-response@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
-  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
-
-min-document@^2.19.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
-  integrity sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=
-  dependencies:
-    dom-walk "^0.1.0"
-
-mini-svg-data-uri@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.0.3.tgz#f8bb0d7afbf3de29152aadd0f47701197ceab4a3"
-  integrity sha512-YBaqsh6GE+4jQhLNkFYEagH2o4bVTlGGpEvkuwtwc+1NBGXqpcVCnsUGkGp75ovPXxtF2GsDYzUwyhfC0hntiA==
-
-minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
-
-minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
-  integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
-
-"minimatch@2 || 3", minimatch@3.0.4, minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
-  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimatch@3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.3.tgz#2a4e4090b96b2db06a9d7df01055a62a77c9b774"
-  integrity sha1-Kk5AkLlrLbBqnX3wEFWmKnfJt3Q=
-  dependencies:
-    brace-expansion "^1.0.0"
-
-minimist@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
-  integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
-
-minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
-  integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
-
-minimist@~0.0.1:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
-  integrity sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=
-
-minipass@^2.2.1, minipass@^2.3.4:
-  version "2.3.5"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.3.5.tgz#cacebe492022497f656b0f0f51e2682a9ed2d848"
-  integrity sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==
-  dependencies:
-    safe-buffer "^5.1.2"
-    yallist "^3.0.0"
-
-minizlib@^1.1.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.2.1.tgz#dd27ea6136243c7c880684e8672bb3a45fd9b614"
-  integrity sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==
-  dependencies:
-    minipass "^2.2.1"
-
-mitt@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/mitt/-/mitt-1.1.3.tgz#528c506238a05dce11cd914a741ea2cc332da9b8"
-  integrity sha512-mUDCnVNsAi+eD6qA0HkRkwYczbLHJ49z17BGe2PYRhZL4wpZUFZGJHU7/5tmvohoma+Hdn0Vh/oJTiPEmgSruA==
-
-mixin-deep@^1.2.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
-  integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==
-  dependencies:
-    for-in "^1.0.2"
-    is-extendable "^1.0.1"
-
-mkdirp@0.5.1, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
-  integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=
-  dependencies:
-    minimist "0.0.8"
-
-moment@2.x.x, moment@^2.16.0:
-  version "2.24.0"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"
-  integrity sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==
-
-ms@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
-  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
-
-ms@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
-  integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
-
-multipipe@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/multipipe/-/multipipe-0.1.2.tgz#2a8f2ddf70eed564dff2d57f1e1a137d9f05078b"
-  integrity sha1-Ko8t33Du1WTf8tV/HhoTfZ8FB4s=
-  dependencies:
-    duplexer2 "0.0.2"
-
-mute-stream@0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
-  integrity sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=
-
-mute-stream@~0.0.4:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
-  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
-
-nan@^2.11.0, nan@^2.12.1:
-  version "2.13.2"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.13.2.tgz#f51dc7ae66ba7d5d55e1e6d4d8092e802c9aefe7"
-  integrity sha512-TghvYc72wlMGMVMluVo9WRJc0mB8KxxF/gZ4YYFy7V2ZQX9l7rgbPg7vjS9mt6U5HXODVFVI2bOduCzwOMv/lw==
-
-nanoid@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-2.0.1.tgz#deb55cac196e3f138071911dabbc3726eb048864"
-  integrity sha512-k1u2uemjIGsn25zmujKnotgniC/gxQ9sdegdezeDiKdkDW56THUMqlz3urndKCXJxA6yPzSZbXx/QCMe/pxqsA==
-
-nanomatch@^1.2.9:
-  version "1.2.13"
-  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
-  integrity sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==
-  dependencies:
-    arr-diff "^4.0.0"
-    array-unique "^0.3.2"
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    fragment-cache "^0.2.1"
-    is-windows "^1.0.2"
-    kind-of "^6.0.2"
-    object.pick "^1.3.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-ncp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ncp/-/ncp-2.0.0.tgz#195a21d6c46e361d2fb1281ba38b91e9df7bdbb3"
-  integrity sha1-GVoh1sRuNh0vsSgbo4uR6d9727M=
-
-needle@^2.2.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/needle/-/needle-2.3.1.tgz#d272f2f4034afb9c4c9ab1379aabc17fc85c9388"
-  integrity sha512-CaLXV3W8Vnbps8ZANqDGz7j4x7Yj1LW4TWF/TQuDfj7Cfx4nAPTvw98qgTevtto1oHDrh3pQkaODbqupXlsWTg==
-  dependencies:
-    debug "^4.1.0"
-    iconv-lite "^0.4.4"
-    sax "^1.2.4"
-
-negotiator@0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
-  integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
-
-netrc@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/netrc/-/netrc-0.1.4.tgz#6be94fcaca8d77ade0a9670dc460914c94472444"
-  integrity sha1-a+lPysqNd63gqWcNxGCRTJRHJEQ=
-
-next-tick@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c"
-  integrity sha1-yobR/ogoFpsBICCOPchCS524NCw=
-
-nlcst-to-string@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/nlcst-to-string/-/nlcst-to-string-2.0.2.tgz#7125af4d4d369850c697192a658f01f36af9937b"
-  integrity sha512-DV7wVvMcAsmZ5qEwvX1JUNF4lKkAAKbChwNlIH7NLsPR7LWWoeIt53YlZ5CQH5KDXEXQ9Xa3mw0PbPewymrtew==
-
-node-abi@^2.2.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.8.0.tgz#bd2e88dbe6a6871e6dd08553e0605779325737ec"
-  integrity sha512-1/aa2clS0pue0HjckL62CsbhWWU35HARvBDXcJtYKbYR7LnIutmpxmXbuDMV9kEviD2lP/wACOgWmmwljghHyQ==
-  dependencies:
-    semver "^5.4.1"
-
-node-emoji@^1.0.4:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.10.0.tgz#8886abd25d9c7bb61802a658523d1f8d2a89b2da"
-  integrity sha512-Yt3384If5H6BYGVHiHwTL+99OzJKHhgp82S8/dktEK73T26BazdgZ4JZh92xSVtGNJvz9UbXdNAc5hcrXV42vw==
-  dependencies:
-    lodash.toarray "^4.4.0"
-
-node-eta@^0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/node-eta/-/node-eta-0.9.0.tgz#9fb0b099bcd2a021940e603c64254dc003d9a7a8"
-  integrity sha1-n7CwmbzSoCGUDmA8ZCVNwAPZp6g=
-
-node-fetch@^1.0.1:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
-  integrity sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==
-  dependencies:
-    encoding "^0.1.11"
-    is-stream "^1.0.1"
-
-node-int64@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
-
-node-libs-browser@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-0.7.0.tgz#3e272c0819e308935e26674408d7af0e1491b83b"
-  integrity sha1-PicsCBnjCJNeJmdECNevDhSRuDs=
-  dependencies:
-    assert "^1.1.1"
-    browserify-zlib "^0.1.4"
-    buffer "^4.9.0"
-    console-browserify "^1.1.0"
-    constants-browserify "^1.0.0"
-    crypto-browserify "3.3.0"
-    domain-browser "^1.1.1"
-    events "^1.0.0"
-    https-browserify "0.0.1"
-    os-browserify "^0.2.0"
-    path-browserify "0.0.0"
-    process "^0.11.0"
-    punycode "^1.2.4"
-    querystring-es3 "^0.2.0"
-    readable-stream "^2.0.5"
-    stream-browserify "^2.0.1"
-    stream-http "^2.3.1"
-    string_decoder "^0.10.25"
-    timers-browserify "^2.0.2"
-    tty-browserify "0.0.0"
-    url "^0.11.0"
-    util "^0.10.3"
-    vm-browserify "0.0.4"
-
-node-libs-browser@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.0.tgz#c72f60d9d46de08a940dedbb25f3ffa2f9bbaa77"
-  integrity sha512-5MQunG/oyOaBdttrL40dA7bUfPORLRWMUJLQtMg7nluxUvk5XwnLdL9twQHFAjRx/y7mIMkLKT9++qPbbk6BZA==
-  dependencies:
-    assert "^1.1.1"
-    browserify-zlib "^0.2.0"
-    buffer "^4.3.0"
-    console-browserify "^1.1.0"
-    constants-browserify "^1.0.0"
-    crypto-browserify "^3.11.0"
-    domain-browser "^1.1.1"
-    events "^3.0.0"
-    https-browserify "^1.0.0"
-    os-browserify "^0.3.0"
-    path-browserify "0.0.0"
-    process "^0.11.10"
-    punycode "^1.2.4"
-    querystring-es3 "^0.2.0"
-    readable-stream "^2.3.3"
-    stream-browserify "^2.0.1"
-    stream-http "^2.7.2"
-    string_decoder "^1.0.0"
-    timers-browserify "^2.0.4"
-    tty-browserify "0.0.0"
-    url "^0.11.0"
-    util "^0.11.0"
-    vm-browserify "0.0.4"
-
-node-pre-gyp@^0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.12.0.tgz#39ba4bb1439da030295f899e3b520b7785766149"
-  integrity sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==
-  dependencies:
-    detect-libc "^1.0.2"
-    mkdirp "^0.5.1"
-    needle "^2.2.1"
-    nopt "^4.0.1"
-    npm-packlist "^1.1.6"
-    npmlog "^4.0.2"
-    rc "^1.2.7"
-    rimraf "^2.6.1"
-    semver "^5.3.0"
-    tar "^4"
-
-node-status-codes@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/node-status-codes/-/node-status-codes-1.0.0.tgz#5ae5541d024645d32a58fcddc9ceecea7ae3ac2f"
-  integrity sha1-WuVUHQJGRdMqWPzdyc7s6nrjrC8=
-
-noms@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/noms/-/noms-0.0.0.tgz#da8ebd9f3af9d6760919b27d9cdc8092a7332859"
-  integrity sha1-2o69nzr51nYJGbJ9nNyAkqczKFk=
-  dependencies:
-    inherits "^2.0.1"
-    readable-stream "~1.0.31"
-
-noop-logger@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/noop-logger/-/noop-logger-0.1.1.tgz#94a2b1633c4f1317553007d8966fd0e841b6a4c2"
-  integrity sha1-lKKxYzxPExdVMAfYlm/Q6EG2pMI=
-
-nopt@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
-  integrity sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=
-  dependencies:
-    abbrev "1"
-    osenv "^0.1.4"
-
-normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
-  integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
-  dependencies:
-    hosted-git-info "^2.1.4"
-    resolve "^1.10.0"
-    semver "2 || 3 || 4 || 5"
-    validate-npm-package-license "^3.0.1"
-
-normalize-path@^2.0.0, normalize-path@^2.0.1, normalize-path@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
-  integrity sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=
-  dependencies:
-    remove-trailing-separator "^1.0.1"
-
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
-
-normalize-url@^1.4.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
-  integrity sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=
-  dependencies:
-    object-assign "^4.0.1"
-    prepend-http "^1.0.0"
-    query-string "^4.1.0"
-    sort-keys "^1.0.0"
-
-npm-bundled@^1.0.1:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.6.tgz#e7ba9aadcef962bb61248f91721cd932b3fe6bdd"
-  integrity sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==
-
-npm-packlist@^1.1.6:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.1.tgz#19064cdf988da80ea3cee45533879d90192bbfbc"
-  integrity sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==
-  dependencies:
-    ignore-walk "^3.0.1"
-    npm-bundled "^1.0.1"
-
-npm-run-path@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
-  integrity sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=
-  dependencies:
-    path-key "^2.0.0"
-
-npmlog@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-2.0.3.tgz#020f99351f0c02e399c674ba256e7c4d3b3dd298"
-  integrity sha1-Ag+ZNR8MAuOZxnS6JW58TTs90pg=
-  dependencies:
-    ansi "~0.3.1"
-    are-we-there-yet "~1.1.2"
-    gauge "~1.2.5"
-
-npmlog@^4.0.1, npmlog@^4.0.2, npmlog@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
-  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
-  dependencies:
-    are-we-there-yet "~1.1.2"
-    console-control-strings "~1.1.0"
-    gauge "~2.7.3"
-    set-blocking "~2.0.0"
-
-nth-check@^1.0.1, nth-check@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
-  integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
-  dependencies:
-    boolbase "~1.0.0"
-
-null-loader@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/null-loader/-/null-loader-0.1.1.tgz#17be9abfcd3ff0e1512f6fc4afcb1f5039378fae"
-  integrity sha1-F76av80/8OFRL2/Er8sfUDk3j64=
-
-num2fraction@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
-  integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
-
-number-is-nan@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
-  integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
-
-oauth-sign@~0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
-  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
-
-object-assign@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-2.1.1.tgz#43c36e5d569ff8e4816c4efa8be02d26967c18aa"
-  integrity sha1-Q8NuXVaf+OSBbE76i+AtJpZ8GKo=
-
-object-assign@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-3.0.0.tgz#9bedd5ca0897949bca47e7ff408062d549f587f2"
-  integrity sha1-m+3VygiXlJvKR+f/QIBi1Un1h/I=
-
-object-assign@^4.0.0, object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
-
-object-component@0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/object-component/-/object-component-0.0.3.tgz#f0c69aa50efc95b866c186f400a33769cb2f1291"
-  integrity sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=
-
-object-copy@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/object-copy/-/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
-  integrity sha1-fn2Fi3gb18mRpBupde04EnVOmYw=
-  dependencies:
-    copy-descriptor "^0.1.0"
-    define-property "^0.2.5"
-    kind-of "^3.0.3"
-
-object-keys@^1.0.12:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
-  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
-
-object-path@^0.11.2:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/object-path/-/object-path-0.11.4.tgz#370ae752fbf37de3ea70a861c23bba8915691949"
-  integrity sha1-NwrnUvvzfePqcKhhwju6iRVpGUk=
-
-object-visit@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/object-visit/-/object-visit-1.0.1.tgz#f79c4493af0c5377b59fe39d395e41042dd045bb"
-  integrity sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=
-  dependencies:
-    isobject "^3.0.0"
-
-object.defaults@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/object.defaults/-/object.defaults-1.1.0.tgz#3a7f868334b407dea06da16d88d5cd29e435fecf"
-  integrity sha1-On+GgzS0B96gbaFtiNXNKeQ1/s8=
-  dependencies:
-    array-each "^1.0.1"
-    array-slice "^1.0.0"
-    for-own "^1.0.0"
-    isobject "^3.0.0"
-
-object.map@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/object.map/-/object.map-1.0.1.tgz#cf83e59dc8fcc0ad5f4250e1f78b3b81bd801d37"
-  integrity sha1-z4Plncj8wK1fQlDh94s7gb2AHTc=
-  dependencies:
-    for-own "^1.0.0"
-    make-iterator "^1.0.0"
-
-object.omit@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
-  integrity sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=
-  dependencies:
-    for-own "^0.1.4"
-    is-extendable "^0.1.1"
-
-object.pick@^1.2.0, object.pick@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
-  integrity sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=
-  dependencies:
-    isobject "^3.0.1"
-
-on-finished@~2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
-  integrity sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=
-  dependencies:
-    ee-first "1.1.1"
-
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
-
-once@^1.3.0, once@^1.3.1, once@^1.3.3, once@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
-  dependencies:
-    wrappy "1"
-
-onecolor@~2.4.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/onecolor/-/onecolor-2.4.2.tgz#a53ec3ff171c3446016dd5210d1a1b544bf7d874"
-  integrity sha1-pT7D/xccNEYBbdUhDRobVEv32HQ=
-
-onetime@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-1.1.0.tgz#a1f7838f8314c516f05ecefcbc4ccfe04b4ed789"
-  integrity sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=
-
-onetime@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
-  integrity sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=
-  dependencies:
-    mimic-fn "^1.0.0"
-
-open@0.0.5:
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/open/-/open-0.0.5.tgz#42c3e18ec95466b6bf0dc42f3a2945c3f0cad8fc"
-  integrity sha1-QsPhjslUZra/DcQvOilFw/DK2Pw=
-
-opn@5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/opn/-/opn-5.1.0.tgz#72ce2306a17dbea58ff1041853352b4a8fc77519"
-  integrity sha512-iPNl7SyM8L30Rm1sjGdLLheyHVw5YXVfi3SKWJzBI7efxRwHojfRFjwE/OLM6qp9xJYMgab8WicTU1cPoY+Hpg==
-  dependencies:
-    is-wsl "^1.1.0"
-
-opn@^5.1.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/opn/-/opn-5.5.0.tgz#fc7164fab56d235904c51c3b27da6758ca3b9bfc"
-  integrity sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==
-  dependencies:
-    is-wsl "^1.1.0"
-
-optimist@~0.6.0, optimist@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
-  integrity sha1-2j6nRob6IaGaERwybpDrFaAZZoY=
-  dependencies:
-    minimist "~0.0.1"
-    wordwrap "~0.0.2"
-
-ordered-read-streams@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/ordered-read-streams/-/ordered-read-streams-0.3.0.tgz#7137e69b3298bb342247a1bbee3881c80e2fd78b"
-  integrity sha1-cTfmmzKYuzQiR6G77jiByA4v14s=
-  dependencies:
-    is-stream "^1.0.1"
-    readable-stream "^2.0.1"
-
-original@>=0.0.5, original@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
-  integrity sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==
-  dependencies:
-    url-parse "^1.4.3"
-
-os-browserify@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.2.1.tgz#63fc4ccee5d2d7763d26bbf8601078e6c2e0044f"
-  integrity sha1-Y/xMzuXS13Y9Jrv4YBB45sLgBE8=
-
-os-browserify@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-  integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
-
-os-filter-obj@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/os-filter-obj/-/os-filter-obj-1.0.3.tgz#5915330d90eced557d2d938a31c6dd214d9c63ad"
-  integrity sha1-WRUzDZDs7VV9LZOKMcbdIU2cY60=
-
-os-homedir@^1.0.0, os-homedir@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
-  integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
-
-os-locale@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9"
-  integrity sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=
-  dependencies:
-    lcid "^1.0.0"
-
-os-locale@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-2.1.0.tgz#42bc2900a6b5b8bd17376c8e882b65afccf24bf2"
-  integrity sha512-3sslG3zJbEYcaC4YVAvDorjGxc7tv6KVATnLPZONiljsUncvihe9BQoVCEs0RZ1kmf4Hk9OBqlZfJZWI4GanKA==
-  dependencies:
-    execa "^0.7.0"
-    lcid "^1.0.0"
-    mem "^1.1.0"
-
-os-tmpdir@^1.0.0, os-tmpdir@^1.0.1, os-tmpdir@~1.0.1, os-tmpdir@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
-
-osenv@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
-  integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==
-  dependencies:
-    os-homedir "^1.0.0"
-    os-tmpdir "^1.0.0"
-
-output-file-sync@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/output-file-sync/-/output-file-sync-1.1.2.tgz#d0a33eefe61a205facb90092e826598d5245ce76"
-  integrity sha1-0KM+7+YaIF+suQCS6CZZjVJFznY=
-  dependencies:
-    graceful-fs "^4.1.4"
-    mkdirp "^0.5.1"
-    object-assign "^4.1.0"
-
-p-cancelable@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-0.3.0.tgz#b9e123800bcebb7ac13a479be195b507b98d30fa"
-  integrity sha512-RVbZPLso8+jFeq1MfNvgXtCRED2raz/dKpacfTNxsx6pLEpEomM7gah6VeHSYV3+vo0OAi4MkArtQcWWXuQoyw==
-
-p-finally@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
-  integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
-
-p-limit@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
-  integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==
-  dependencies:
-    p-try "^1.0.0"
-
-p-locate@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
-  dependencies:
-    p-limit "^1.1.0"
-
-p-map@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-1.2.0.tgz#e4e94f311eabbc8633a1e79908165fca26241b6b"
-  integrity sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA==
-
-p-pipe@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/p-pipe/-/p-pipe-1.2.0.tgz#4b1a11399a11520a67790ee5a0c1d5881d6befe9"
-  integrity sha1-SxoROZoRUgpneQ7loMHViB1r7+k=
-
-p-timeout@^1.1.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-1.2.1.tgz#5eb3b353b7fce99f101a1038880bb054ebbea386"
-  integrity sha1-XrOzU7f86Z8QGhA4iAuwVOu+o4Y=
-  dependencies:
-    p-finally "^1.0.0"
-
-p-try@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
-
-package-json@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/package-json/-/package-json-4.0.1.tgz#8869a0401253661c4c4ca3da6c2121ed555f5eed"
-  integrity sha1-iGmgQBJTZhxMTKPabCEh7VVfXu0=
-  dependencies:
-    got "^6.7.1"
-    registry-auth-token "^3.0.1"
-    registry-url "^3.0.3"
-    semver "^5.1.0"
-
-pako@~0.2.0:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
-  integrity sha1-8/dSL073gjSNqBYbrZ7P1Rv4OnU=
-
-pako@~1.0.5:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.10.tgz#4328badb5086a426aa90f541977d4955da5c9732"
-  integrity sha512-0DTvPVU3ed8+HNXOu5Bs+o//Mbdj9VNQMUOe9oKCwh8l0GNwpTDMKCWbRjgtD291AWnkAgkqA/LOnQS8AmS1tw==
-
-parse-asn1@^5.0.0:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.4.tgz#37f6628f823fbdeb2273b4d540434a22f3ef1fcc"
-  integrity sha512-Qs5duJcuvNExRfFZ99HDD3z4mAi3r9Wl/FOjEOijlxwCZs7E7mW2vjTpgQ4J8LpTF8x5v+1Vn5UQFejmWT11aw==
-  dependencies:
-    asn1.js "^4.0.0"
-    browserify-aes "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.0"
-    pbkdf2 "^3.0.3"
-    safe-buffer "^5.1.1"
-
-parse-bmfont-ascii@^1.0.3:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/parse-bmfont-ascii/-/parse-bmfont-ascii-1.0.6.tgz#11ac3c3ff58f7c2020ab22769079108d4dfa0285"
-  integrity sha1-Eaw8P/WPfCAgqyJ2kHkQjU36AoU=
-
-parse-bmfont-binary@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/parse-bmfont-binary/-/parse-bmfont-binary-1.0.6.tgz#d038b476d3e9dd9db1e11a0b0e53a22792b69006"
-  integrity sha1-0Di0dtPp3Z2x4RoLDlOiJ5K2kAY=
-
-parse-bmfont-xml@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/parse-bmfont-xml/-/parse-bmfont-xml-1.1.4.tgz#015319797e3e12f9e739c4d513872cd2fa35f389"
-  integrity sha512-bjnliEOmGv3y1aMEfREMBJ9tfL3WR0i0CKPj61DnSLaoxWR3nLrsQrEbCId/8rF4NyRF0cCqisSVXyQYWM+mCQ==
-  dependencies:
-    xml-parse-from-string "^1.0.0"
-    xml2js "^0.4.5"
-
-parse-english@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/parse-english/-/parse-english-4.1.1.tgz#2f75872e617769d857d9b6992dcde2a891f1b2d3"
-  integrity sha512-g7hegR9AFIlGXl5645mG8nQeeWW7SrK7lgmgIWR0KKWvGyZO5mxa4GGoNxRLm6VW2LGpLnn6g4O9yyLJQ4IzQw==
-  dependencies:
-    nlcst-to-string "^2.0.0"
-    parse-latin "^4.0.0"
-    unist-util-modify-children "^1.0.0"
-    unist-util-visit-children "^1.0.0"
-
-parse-entities@^1.0.2:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-1.2.1.tgz#2c761ced065ba7dc68148580b5a225e4918cdd69"
-  integrity sha512-NBWYLQm1KSoDKk7GAHyioLTvCZ5QjdH/ASBBQTD3iLiAWJXS5bg1jEWI8nIJ+vgVvsceBVBcDGRWSo0KVQBvvg==
-  dependencies:
-    character-entities "^1.0.0"
-    character-entities-legacy "^1.0.0"
-    character-reference-invalid "^1.0.0"
-    is-alphanumerical "^1.0.0"
-    is-decimal "^1.0.0"
-    is-hexadecimal "^1.0.0"
-
-parse-entities@^1.1.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-1.2.2.tgz#c31bf0f653b6661354f8973559cb86dd1d5edf50"
-  integrity sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==
-  dependencies:
-    character-entities "^1.0.0"
-    character-entities-legacy "^1.0.0"
-    character-reference-invalid "^1.0.0"
-    is-alphanumerical "^1.0.0"
-    is-decimal "^1.0.0"
-    is-hexadecimal "^1.0.0"
-
-parse-filepath@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/parse-filepath/-/parse-filepath-1.0.2.tgz#a632127f53aaf3d15876f5872f3ffac763d6c891"
-  integrity sha1-pjISf1Oq89FYdvWHLz/6x2PWyJE=
-  dependencies:
-    is-absolute "^1.0.0"
-    map-cache "^0.2.0"
-    path-root "^0.1.1"
-
-parse-glob@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
-  integrity sha1-ssN2z7EfNVE7rdFz7wu246OIORw=
-  dependencies:
-    glob-base "^0.3.0"
-    is-dotfile "^1.0.0"
-    is-extglob "^1.0.0"
-    is-glob "^2.0.0"
-
-parse-headers@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/parse-headers/-/parse-headers-2.0.2.tgz#9545e8a4c1ae5eaea7d24992bca890281ed26e34"
-  integrity sha512-/LypJhzFmyBIDYP9aDVgeyEb5sQfbfY5mnDq4hVhlQ69js87wXfmEI5V3xI6vvXasqebp0oCytYFLxsBVfCzSg==
-  dependencies:
-    for-each "^0.3.3"
-    string.prototype.trim "^1.1.2"
-
-parse-json@^2.1.0, parse-json@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
-  integrity sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=
-  dependencies:
-    error-ex "^1.2.0"
-
-parse-json@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
-  integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
-  dependencies:
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
-
-parse-latin@^3.1.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/parse-latin/-/parse-latin-3.2.0.tgz#cfe4b420982b1d20fc16c71dfb33f148de4f1d0b"
-  integrity sha1-z+S0IJgrHSD8Fscd+zPxSN5PHQs=
-  dependencies:
-    nlcst-to-string "^2.0.0"
-    unist-util-modify-children "^1.0.0"
-    unist-util-visit-children "^1.0.0"
-
-parse-latin@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/parse-latin/-/parse-latin-4.1.1.tgz#3a3edef405b2d5dce417b7157d3d8a5c7cdfab1d"
-  integrity sha512-9fPVvDdw6G8LxL3o/PL6IzSGNGpF+3HEjCzFe0dN83sZPstftyr+McP9dNi3+EnR7ICYOHbHKCZ0l7JD90K5xQ==
-  dependencies:
-    nlcst-to-string "^2.0.0"
-    unist-util-modify-children "^1.0.0"
-    unist-util-visit-children "^1.0.0"
-
-parse-node-version@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parse-node-version/-/parse-node-version-1.0.1.tgz#e2b5dbede00e7fa9bc363607f53327e8b073189b"
-  integrity sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==
-
-parse-passwd@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/parse-passwd/-/parse-passwd-1.0.0.tgz#6d5b934a456993b23d37f40a382d6f1666a8e5c6"
-  integrity sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=
-
-parse5@^3.0.1, parse5@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-3.0.3.tgz#042f792ffdd36851551cf4e9e066b3874ab45b5c"
-  integrity sha512-rgO9Zg5LLLkfJF9E6CCmXlSE4UVceloys8JrFqCcHloC3usd/kJCyPDwH2SOlzix2j3xaP9sUX3e8+kvkuleAA==
-  dependencies:
-    "@types/node" "*"
-
-parseqs@0.0.5:
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/parseqs/-/parseqs-0.0.5.tgz#d5208a3738e46766e291ba2ea173684921a8b89d"
-  integrity sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=
-  dependencies:
-    better-assert "~1.0.0"
-
-parseuri@0.0.5:
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/parseuri/-/parseuri-0.0.5.tgz#80204a50d4dbb779bfdc6ebe2778d90e4bce320a"
-  integrity sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=
-  dependencies:
-    better-assert "~1.0.0"
-
-parseurl@~1.3.2:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-pascalcase@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
-  integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
-
-path-browserify@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.0.tgz#a0b870729aae214005b7d5032ec2cbbb0fb4451a"
-  integrity sha1-oLhwcpquIUAFt9UDLsLLuw+0RRo=
-
-path-dirname@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
-  integrity sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=
-
-path-exists@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-2.1.0.tgz#0feb6c64f0fc518d9a754dd5efb62c7022761f4b"
-  integrity sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=
-  dependencies:
-    pinkie-promise "^2.0.0"
-
-path-exists@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
-
-path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
-
-path-is-inside@1.0.2, path-is-inside@^1.0.1, path-is-inside@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
-  integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=
-
-path-key@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
-
-path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
-
-path-root-regex@^0.1.0:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/path-root-regex/-/path-root-regex-0.1.2.tgz#bfccdc8df5b12dc52c8b43ec38d18d72c04ba96d"
-  integrity sha1-v8zcjfWxLcUsi0PsONGNcsBLqW0=
-
-path-root@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/path-root/-/path-root-0.1.1.tgz#9a4a6814cac1c0cd73360a95f32083c8ea4745b7"
-  integrity sha1-mkpoFMrBwM1zNgqV8yCDyOpHRbc=
-  dependencies:
-    path-root-regex "^0.1.0"
-
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
-
-path-to-regexp@2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-2.2.1.tgz#90b617025a16381a879bc82a38d4e8bdeb2bcf45"
-  integrity sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==
-
-path-to-regexp@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.7.0.tgz#59fde0f435badacba103a84e9d3bc64e96b9937d"
-  integrity sha1-Wf3g9DW62suhA6hOnTvGTpa5k30=
-  dependencies:
-    isarray "0.0.1"
-
-path-type@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
-  integrity sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=
-  dependencies:
-    graceful-fs "^4.1.2"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-
-path-type@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
-  integrity sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=
-  dependencies:
-    pify "^2.0.0"
-
-pbkdf2-compat@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pbkdf2-compat/-/pbkdf2-compat-2.0.1.tgz#b6e0c8fa99494d94e0511575802a59a5c142f288"
-  integrity sha1-tuDI+plJTZTgURV1gCpZpcFC8og=
-
-pbkdf2@^3.0.3:
-  version "3.0.17"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.17.tgz#976c206530617b14ebb32114239f7b09336e93a6"
-  integrity sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==
-  dependencies:
-    create-hash "^1.1.2"
-    create-hmac "^1.1.4"
-    ripemd160 "^2.0.1"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-pend@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
-  integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
-
-performance-now@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
-
-phin@^2.9.1:
-  version "2.9.3"
-  resolved "https://registry.yarnpkg.com/phin/-/phin-2.9.3.tgz#f9b6ac10a035636fb65dfc576aaaa17b8743125c"
-  integrity sha512-CzFr90qM24ju5f88quFC/6qohjC144rehe5n6DH900lgXmUe86+xCKc10ev56gRKC4/BkHUoG4uSiQgBiIXwDA==
-
-pify@^2.0.0, pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
-
-pify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
-
-pinkie-promise@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
-  integrity sha1-ITXW36ejWMBprJsXh3YogihFD/o=
-  dependencies:
-    pinkie "^2.0.0"
-
-pinkie@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
-  integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
-
-pixelmatch@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/pixelmatch/-/pixelmatch-4.0.2.tgz#8f47dcec5011b477b67db03c243bc1f3085e8854"
-  integrity sha1-j0fc7FARtHe2fbA8JDvB8wheiFQ=
-  dependencies:
-    pngjs "^3.0.0"
-
-pixrem@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/pixrem/-/pixrem-3.0.2.tgz#30d1bafb4c3bdce8e9bb4bd56a13985619320c34"
-  integrity sha1-MNG6+0w73Ojpu0vVahOYVhkyDDQ=
-  dependencies:
-    browserslist "^1.0.0"
-    postcss "^5.0.0"
-    reduce-css-calc "^1.2.7"
-
-pkg-conf@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/pkg-conf/-/pkg-conf-1.1.3.tgz#378e56d6fd13e88bfb6f4a25df7a83faabddba5b"
-  integrity sha1-N45W1v0T6Iv7b0ol33qD+qvduls=
-  dependencies:
-    find-up "^1.0.0"
-    load-json-file "^1.1.0"
-    object-assign "^4.0.1"
-    symbol "^0.2.1"
-
-pkg-dir@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-1.0.0.tgz#7a4b508a8d5bb2d629d447056ff4e9c9314cf3d4"
-  integrity sha1-ektQio1bstYp1EcFb/TpyTFM89Q=
-  dependencies:
-    find-up "^1.0.0"
-
-pkg-resolve@^0.1.7:
-  version "0.1.14"
-  resolved "https://registry.yarnpkg.com/pkg-resolve/-/pkg-resolve-0.1.14.tgz#329b2e76ccbb372e22e6a3a41cb30ab0457836ba"
-  integrity sha1-Mpsudsy7Ny4i5qOkHLMKsEV4Nro=
-  dependencies:
-    jspm "^0.17.0-beta.13"
-    resolve "^1.1.7"
-
-pleeease-filters@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/pleeease-filters/-/pleeease-filters-3.0.1.tgz#4dfe0e8f1046613517c64b728bc80608a7ebf22f"
-  integrity sha1-Tf4OjxBGYTUXxktyi8gGCKfr8i8=
-  dependencies:
-    onecolor "~2.4.0"
-    postcss "^5.0.4"
-
-pngjs@^3.0.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-3.4.0.tgz#99ca7d725965fb655814eaf65f38f12bbdbf555f"
-  integrity sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==
-
-pngquant-bin@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/pngquant-bin/-/pngquant-bin-3.1.1.tgz#d124d98a75a9487f40c1640b4dbfcbb2bd5a1fd1"
-  integrity sha1-0STZinWpSH9AwWQLTb/Lsr1aH9E=
-  dependencies:
-    bin-build "^2.0.0"
-    bin-wrapper "^3.0.0"
-    logalot "^2.0.0"
-
-polished@^3.3.1, polished@^3.4.2:
-  version "3.4.2"
-  resolved "https://registry.yarnpkg.com/polished/-/polished-3.4.2.tgz#b4780dad81d64df55615fbfc77acb52fd17d88cd"
-  integrity sha512-9Rch6iMZckABr6EFCLPZsxodeBpXMo9H4fRlfR/9VjMEyy5xpo1/WgXlJGgSjPyVhEZNycbW7UmYMNyWS5MI0g==
-  dependencies:
-    "@babel/runtime" "^7.6.3"
-
-popper.js@^1.14.4, popper.js@^1.14.7:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.15.0.tgz#5560b99bbad7647e9faa475c6b8056621f5a4ff2"
-  integrity sha512-w010cY1oCUmI+9KwwlWki+r5jxKfTFDVoadl7MSrIujHU5MJ5OR6HTDj6Xo8aoR/QsA56x8jKjA59qGH4ELtrA==
-
-posix-character-classes@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
-  integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=
-
-postcss-apply@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/postcss-apply/-/postcss-apply-0.3.0.tgz#a2f37c5bdfa881e4c15f4f245ec0cd96dd2e70d5"
-  integrity sha1-ovN8W9+ogeTBX08kXsDNlt0ucNU=
-  dependencies:
-    balanced-match "^0.4.1"
-    postcss "^5.0.21"
-
-postcss-attribute-case-insensitive@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-1.0.1.tgz#ceb73777e106167eb233f1938c9bd9f2e697308d"
-  integrity sha1-zrc3d+EGFn6yM/GTjJvZ8uaXMI0=
-  dependencies:
-    postcss "^5.1.1"
-    postcss-selector-parser "^2.2.0"
-
-postcss-browser-reporter@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/postcss-browser-reporter/-/postcss-browser-reporter-0.5.0.tgz#ae069dd086d57388d196e1dac39cb8d7626feb48"
-  integrity sha1-rgad0IbVc4jRluHaw5y412Jv60g=
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-calc@^5.0.0, postcss-calc@^5.2.0:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-5.3.1.tgz#77bae7ca928ad85716e2fda42f261bf7c1d65b5e"
-  integrity sha1-d7rnypKK2FcW4v2kLyYb98HWW14=
-  dependencies:
-    postcss "^5.0.2"
-    postcss-message-helpers "^2.0.0"
-    reduce-css-calc "^1.2.6"
-
-postcss-color-function@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-function/-/postcss-color-function-2.0.1.tgz#9ad226f550e8a7c7f8b8a77860545b6dd7f55241"
-  integrity sha1-mtIm9VDop8f4uKd4YFRbbdf1UkE=
-  dependencies:
-    css-color-function "^1.2.0"
-    postcss "^5.0.4"
-    postcss-message-helpers "^2.0.0"
-    postcss-value-parser "^3.3.0"
-
-postcss-color-gray@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-gray/-/postcss-color-gray-3.0.1.tgz#74432ede66dd83b1d1363565c68b376e18ff6770"
-  integrity sha1-dEMu3mbdg7HRNjVlxos3bhj/Z3A=
-  dependencies:
-    color "^0.11.3"
-    postcss "^5.0.4"
-    postcss-message-helpers "^2.0.0"
-    reduce-function-call "^1.0.1"
-
-postcss-color-hex-alpha@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-2.0.0.tgz#44fd6ecade66028648c881cb6504cdcbfdc6cd09"
-  integrity sha1-RP1uyt5mAoZIyIHLZQTNy/3GzQk=
-  dependencies:
-    color "^0.10.1"
-    postcss "^5.0.4"
-    postcss-message-helpers "^2.0.0"
-
-postcss-color-hsl@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-color-hsl/-/postcss-color-hsl-1.0.5.tgz#f53bb1c348310ce307ad89e3181a864738b5e687"
-  integrity sha1-9Tuxw0gxDOMHrYnjGBqGRzi15oc=
-  dependencies:
-    postcss "^5.2.0"
-    postcss-value-parser "^3.3.0"
-    units-css "^0.4.0"
-
-postcss-color-hwb@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-hwb/-/postcss-color-hwb-2.0.1.tgz#d63afaf9b70cb595f900a29c9fe57bf2a32fabec"
-  integrity sha1-1jr6+bcMtZX5AKKcn+V78qMvq+w=
-  dependencies:
-    color "^0.11.4"
-    postcss "^5.0.4"
-    postcss-message-helpers "^2.0.0"
-    reduce-function-call "^1.0.1"
-
-postcss-color-rebeccapurple@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-2.0.1.tgz#74c6444e7cbb7d85613b5f7286df7a491608451c"
-  integrity sha1-dMZETny7fYVhO19yht96SRYIRRw=
-  dependencies:
-    color "^0.11.4"
-    postcss "^5.0.4"
-
-postcss-color-rgb@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-color-rgb/-/postcss-color-rgb-1.1.4.tgz#f29243e22e8e8c13434474092372d4ce605be8bc"
-  integrity sha1-8pJD4i6OjBNDRHQJI3LUzmBb6Lw=
-  dependencies:
-    postcss "^5.2.0"
-    postcss-value-parser "^3.3.0"
-
-postcss-color-rgba-fallback@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-color-rgba-fallback/-/postcss-color-rgba-fallback-2.2.0.tgz#6d29491be5990a93173d47e7c76f5810b09402ba"
-  integrity sha1-bSlJG+WZCpMXPUfnx29YELCUAro=
-  dependencies:
-    postcss "^5.0.0"
-    postcss-value-parser "^3.0.2"
-    rgb-hex "^1.0.0"
-
-postcss-colormin@^2.1.8:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-2.2.2.tgz#6631417d5f0e909a3d7ec26b24c8a8d1e4f96e4b"
-  integrity sha1-ZjFBfV8OkJo9fsJrJMio0eT5bks=
-  dependencies:
-    colormin "^1.0.5"
-    postcss "^5.0.13"
-    postcss-value-parser "^3.2.3"
-
-postcss-convert-values@^2.3.4:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-2.6.1.tgz#bbd8593c5c1fd2e3d1c322bb925dcae8dae4d62d"
-  integrity sha1-u9hZPFwf0uPRwyK7kl3K6Nrk1i0=
-  dependencies:
-    postcss "^5.0.11"
-    postcss-value-parser "^3.1.2"
-
-postcss-cssnext@^2.8.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/postcss-cssnext/-/postcss-cssnext-2.11.0.tgz#31e68f001e409604da703b66de14b8b8c8c9f2b1"
-  integrity sha1-MeaPAB5AlgTacDtm3hS4uMjJ8rE=
-  dependencies:
-    autoprefixer "^6.0.2"
-    caniuse-api "^1.5.3"
-    chalk "^1.1.1"
-    pixrem "^3.0.0"
-    pleeease-filters "^3.0.0"
-    postcss "^5.0.4"
-    postcss-apply "^0.3.0"
-    postcss-attribute-case-insensitive "^1.0.1"
-    postcss-calc "^5.0.0"
-    postcss-color-function "^2.0.0"
-    postcss-color-gray "^3.0.0"
-    postcss-color-hex-alpha "^2.0.0"
-    postcss-color-hsl "^1.0.5"
-    postcss-color-hwb "^2.0.0"
-    postcss-color-rebeccapurple "^2.0.0"
-    postcss-color-rgb "^1.1.4"
-    postcss-color-rgba-fallback "^2.0.0"
-    postcss-custom-media "^5.0.0"
-    postcss-custom-properties "^5.0.0"
-    postcss-custom-selectors "^3.0.0"
-    postcss-font-family-system-ui "^1.0.1"
-    postcss-font-variant "^2.0.0"
-    postcss-image-set-polyfill "^0.3.3"
-    postcss-initial "^1.3.1"
-    postcss-media-minmax "^2.1.0"
-    postcss-nesting "^2.0.5"
-    postcss-pseudo-class-any-link "^1.0.0"
-    postcss-pseudoelements "^3.0.0"
-    postcss-replace-overflow-wrap "^1.0.0"
-    postcss-selector-matches "^2.0.0"
-    postcss-selector-not "^2.0.0"
-
-postcss-custom-media@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-5.0.1.tgz#138d25a184bf2eb54de12d55a6c01c30a9d8bd81"
-  integrity sha1-E40loYS/LrVN4S1VpsAcMKnYvYE=
-  dependencies:
-    postcss "^5.0.0"
-
-postcss-custom-properties@^5.0.0:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-5.0.2.tgz#9719d78f2da9cf9f53810aebc23d4656130aceb1"
-  integrity sha1-lxnXjy2pz59TgQrrwj1GVhMKzrE=
-  dependencies:
-    balanced-match "^0.4.2"
-    postcss "^5.0.0"
-
-postcss-custom-selectors@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-3.0.0.tgz#8f81249f5ed07a8d0917cf6a39fe5b056b7f96ac"
-  integrity sha1-j4Ekn17Qeo0JF89qOf5bBWt/lqw=
-  dependencies:
-    balanced-match "^0.2.0"
-    postcss "^5.0.0"
-    postcss-selector-matches "^2.0.0"
-
-postcss-discard-comments@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-2.0.4.tgz#befe89fafd5b3dace5ccce51b76b81514be00e3d"
-  integrity sha1-vv6J+v1bPazlzM5Rt2uBUUvgDj0=
-  dependencies:
-    postcss "^5.0.14"
-
-postcss-discard-duplicates@^2.0.1:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-2.1.0.tgz#b9abf27b88ac188158a5eb12abcae20263b91932"
-  integrity sha1-uavye4isGIFYpesSq8riAmO5GTI=
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-discard-empty@^2.0.1:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-2.1.0.tgz#d2b4bd9d5ced5ebd8dcade7640c7d7cd7f4f92b5"
-  integrity sha1-0rS9nVztXr2Nyt52QMfXzX9PkrU=
-  dependencies:
-    postcss "^5.0.14"
-
-postcss-discard-overridden@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-0.1.1.tgz#8b1eaf554f686fb288cd874c55667b0aa3668d58"
-  integrity sha1-ix6vVU9ob7KIzYdMVWZ7CqNmjVg=
-  dependencies:
-    postcss "^5.0.16"
-
-postcss-discard-unused@^2.2.1:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/postcss-discard-unused/-/postcss-discard-unused-2.2.3.tgz#bce30b2cc591ffc634322b5fb3464b6d934f4433"
-  integrity sha1-vOMLLMWR/8Y0Mitfs0ZLbZNPRDM=
-  dependencies:
-    postcss "^5.0.14"
-    uniqs "^2.0.0"
-
-postcss-filter-plugins@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-filter-plugins/-/postcss-filter-plugins-2.0.3.tgz#82245fdf82337041645e477114d8e593aa18b8ec"
-  integrity sha512-T53GVFsdinJhgwm7rg1BzbeBRomOg9y5MBVhGcsV0CxurUdVj1UlPdKtn7aqYA/c/QVkzKMjq2bSV5dKG5+AwQ==
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-font-family-system-ui@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-font-family-system-ui/-/postcss-font-family-system-ui-1.0.2.tgz#3e1a5e3fb7e31e5e9e71439ccb0e8014556927c7"
-  integrity sha1-PhpeP7fjHl6ecUOcyw6AFFVpJ8c=
-  dependencies:
-    lodash "^4.17.4"
-    postcss "^5.2.12"
-    postcss-value-parser "^3.3.0"
-
-postcss-font-variant@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-2.0.1.tgz#7ca29103f59fa02ca3ace2ca22b2f756853d4ef8"
-  integrity sha1-fKKRA/WfoCyjrOLKIrL3VoU9Tvg=
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-image-set-polyfill@^0.3.3:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/postcss-image-set-polyfill/-/postcss-image-set-polyfill-0.3.5.tgz#0f193413700cf1f82bd39066ef016d65a4a18181"
-  integrity sha1-Dxk0E3AM8fgr05Bm7wFtZaShgYE=
-  dependencies:
-    postcss "^6.0.1"
-    postcss-media-query-parser "^0.2.3"
-
-postcss-import@^8.2.0:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-8.2.0.tgz#f92fd2454e21ef4efb1e75c00c47ac03f4d1397c"
-  integrity sha1-+S/SRU4h7077HnXADEesA/TROXw=
-  dependencies:
-    object-assign "^4.0.1"
-    postcss "^5.0.14"
-    postcss-value-parser "^3.2.3"
-    promise-each "^2.2.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-  optionalDependencies:
-    pkg-resolve "^0.1.7"
-
-postcss-initial@^1.3.1:
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-1.5.3.tgz#20c3e91c96822ddb1bed49508db96d56bac377d0"
-  integrity sha1-IMPpHJaCLdsb7UlQjbltVrrDd9A=
-  dependencies:
-    lodash.template "^4.2.4"
-    postcss "^5.0.19"
-
-postcss-loader@^0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-0.13.0.tgz#72fdaf0d29444df77d3751ce4e69dc40bc99ed85"
-  integrity sha1-cv2vDSlETfd9N1HOTmncQLyZ7YU=
-  dependencies:
-    loader-utils "^0.2.15"
-    postcss "^5.2.0"
-
-postcss-media-minmax@^2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-2.1.2.tgz#444c5cf8926ab5e4fd8a2509e9297e751649cdf8"
-  integrity sha1-RExc+JJqteT9iiUJ6Sl+dRZJzfg=
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-media-query-parser@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244"
-  integrity sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ=
-
-postcss-merge-idents@^2.1.5:
-  version "2.1.7"
-  resolved "https://registry.yarnpkg.com/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz#4c5530313c08e1d5b3bbf3d2bbc747e278eea270"
-  integrity sha1-TFUwMTwI4dWzu/PSu8dH4njuonA=
-  dependencies:
-    has "^1.0.1"
-    postcss "^5.0.10"
-    postcss-value-parser "^3.1.1"
-
-postcss-merge-longhand@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-2.0.2.tgz#23d90cd127b0a77994915332739034a1a4f3d658"
-  integrity sha1-I9kM0Sewp3mUkVMyc5A0oaTz1lg=
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-merge-rules@^2.0.3:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-2.1.2.tgz#d1df5dfaa7b1acc3be553f0e9e10e87c61b5f721"
-  integrity sha1-0d9d+qexrMO+VT8OnhDofGG19yE=
-  dependencies:
-    browserslist "^1.5.2"
-    caniuse-api "^1.5.2"
-    postcss "^5.0.4"
-    postcss-selector-parser "^2.2.2"
-    vendors "^1.0.0"
-
-postcss-message-helpers@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-message-helpers/-/postcss-message-helpers-2.0.0.tgz#a4f2f4fab6e4fe002f0aed000478cdf52f9ba60e"
-  integrity sha1-pPL0+rbk/gAvCu0ABHjN9S+bpg4=
-
-postcss-minify-font-values@^1.0.2:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-1.0.5.tgz#4b58edb56641eba7c8474ab3526cafd7bbdecb69"
-  integrity sha1-S1jttWZB66fIR0qzUmyv17vey2k=
-  dependencies:
-    object-assign "^4.0.1"
-    postcss "^5.0.4"
-    postcss-value-parser "^3.0.2"
-
-postcss-minify-gradients@^1.0.1:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-1.0.5.tgz#5dbda11373703f83cfb4a3ea3881d8d75ff5e6e1"
-  integrity sha1-Xb2hE3NwP4PPtKPqOIHY11/15uE=
-  dependencies:
-    postcss "^5.0.12"
-    postcss-value-parser "^3.3.0"
-
-postcss-minify-params@^1.0.4:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-1.2.2.tgz#ad2ce071373b943b3d930a3fa59a358c28d6f1f3"
-  integrity sha1-rSzgcTc7lDs9kwo/pZo1jCjW8fM=
-  dependencies:
-    alphanum-sort "^1.0.1"
-    postcss "^5.0.2"
-    postcss-value-parser "^3.0.2"
-    uniqs "^2.0.0"
-
-postcss-minify-selectors@^2.0.4:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-2.1.1.tgz#b2c6a98c0072cf91b932d1a496508114311735bf"
-  integrity sha1-ssapjAByz5G5MtGkllCBFDEXNb8=
-  dependencies:
-    alphanum-sort "^1.0.2"
-    has "^1.0.1"
-    postcss "^5.0.14"
-    postcss-selector-parser "^2.0.0"
-
-postcss-modules-extract-imports@^1.0.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.2.1.tgz#dc87e34148ec7eab5f791f7cd5849833375b741a"
-  integrity sha512-6jt9XZwUhwmRUhb/CkyJY020PYaPJsCyt3UjbaWo6XEbH/94Hmv6MP7fG2C5NDU/BcHzyGYxNtHvM+LTf9HrYw==
-  dependencies:
-    postcss "^6.0.1"
-
-postcss-modules-local-by-default@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
-  integrity sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=
-  dependencies:
-    css-selector-tokenizer "^0.7.0"
-    postcss "^6.0.1"
-
-postcss-modules-scope@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
-  integrity sha1-1upkmUx5+XtipytCb75gVqGUu5A=
-  dependencies:
-    css-selector-tokenizer "^0.7.0"
-    postcss "^6.0.1"
-
-postcss-modules-values@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz#ecffa9d7e192518389f42ad0e83f72aec456ea20"
-  integrity sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=
-  dependencies:
-    icss-replace-symbols "^1.1.0"
-    postcss "^6.0.1"
-
-postcss-nesting@^2.0.5:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-2.3.1.tgz#94a6b6a4ef707fbec20a87fee5c957759b4e01cf"
-  integrity sha1-lKa2pO9wf77CCof+5clXdZtOAc8=
-  dependencies:
-    postcss "^5.0.19"
-
-postcss-normalize-charset@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-1.1.1.tgz#ef9ee71212d7fe759c78ed162f61ed62b5cb93f1"
-  integrity sha1-757nEhLX/nWceO0WL2HtYrXLk/E=
-  dependencies:
-    postcss "^5.0.5"
-
-postcss-normalize-url@^3.0.7:
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-3.0.8.tgz#108f74b3f2fcdaf891a2ffa3ea4592279fc78222"
-  integrity sha1-EI90s/L82viRov+j6kWSJ5/HgiI=
-  dependencies:
-    is-absolute-url "^2.0.0"
-    normalize-url "^1.4.0"
-    postcss "^5.0.14"
-    postcss-value-parser "^3.2.3"
-
-postcss-ordered-values@^2.1.0:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-2.2.3.tgz#eec6c2a67b6c412a8db2042e77fe8da43f95c11d"
-  integrity sha1-7sbCpntsQSqNsgQud/6NpD+VwR0=
-  dependencies:
-    postcss "^5.0.4"
-    postcss-value-parser "^3.0.1"
-
-postcss-pseudo-class-any-link@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-1.0.0.tgz#903239196401d335fe73ac756186fa62e693af26"
-  integrity sha1-kDI5GWQB0zX+c6x1YYb6YuaTryY=
-  dependencies:
-    postcss "^5.0.3"
-    postcss-selector-parser "^1.1.4"
-
-postcss-pseudoelements@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-pseudoelements/-/postcss-pseudoelements-3.0.0.tgz#6c682177c7900ba053b6df17f8c590284c7b8bbc"
-  integrity sha1-bGghd8eQC6BTtt8X+MWQKEx7i7w=
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-reduce-idents@^2.2.2:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-idents/-/postcss-reduce-idents-2.4.0.tgz#c2c6d20cc958284f6abfbe63f7609bf409059ad3"
-  integrity sha1-wsbSDMlYKE9qv75j92Cb9AkFmtM=
-  dependencies:
-    postcss "^5.0.4"
-    postcss-value-parser "^3.0.2"
-
-postcss-reduce-initial@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-1.0.1.tgz#68f80695f045d08263a879ad240df8dd64f644ea"
-  integrity sha1-aPgGlfBF0IJjqHmtJA343WT2ROo=
-  dependencies:
-    postcss "^5.0.4"
-
-postcss-reduce-transforms@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-1.0.4.tgz#ff76f4d8212437b31c298a42d2e1444025771ae1"
-  integrity sha1-/3b02CEkN7McKYpC0uFEQCV3GuE=
-  dependencies:
-    has "^1.0.1"
-    postcss "^5.0.8"
-    postcss-value-parser "^3.0.1"
-
-postcss-replace-overflow-wrap@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-1.0.0.tgz#f0a03b31eab9636a6936bfd210e2aef1b434a643"
-  integrity sha1-8KA7Meq5Y2ppNr/SEOKu8bQ0pkM=
-  dependencies:
-    postcss "^5.0.16"
-
-postcss-reporter@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/postcss-reporter/-/postcss-reporter-1.4.1.tgz#c136f0a5b161915f379dd3765c61075f7e7b9af2"
-  integrity sha1-wTbwpbFhkV83ndN2XGEHX357mvI=
-  dependencies:
-    chalk "^1.0.0"
-    lodash "^4.1.0"
-    log-symbols "^1.0.2"
-    postcss "^5.0.0"
-
-postcss-selector-matches@^2.0.0:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-selector-matches/-/postcss-selector-matches-2.0.5.tgz#fa0f43be57b68e77aa4cd11807023492a131027f"
-  integrity sha1-+g9Dvle2jneqTNEYBwI0kqExAn8=
-  dependencies:
-    balanced-match "^0.4.2"
-    postcss "^5.0.0"
-
-postcss-selector-not@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-2.0.0.tgz#c73ad21a3f75234bee7fee269e154fd6a869798d"
-  integrity sha1-xzrSGj91I0vuf+4mnhVP1qhpeY0=
-  dependencies:
-    balanced-match "^0.2.0"
-    postcss "^5.0.0"
-
-postcss-selector-parser@^1.1.4:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-1.3.3.tgz#d2ee19df7a64f8ef21c1a71c86f7d4835c88c281"
-  integrity sha1-0u4Z33pk+O8hwacchvfUg1yIwoE=
-  dependencies:
-    flatten "^1.0.2"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss-selector-parser@^2.0.0, postcss-selector-parser@^2.2.0, postcss-selector-parser@^2.2.2:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz#f9437788606c3c9acee16ffe8d8b16297f27bb90"
-  integrity sha1-+UN3iGBsPJrO4W/+jYsWKX8nu5A=
-  dependencies:
-    flatten "^1.0.2"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss-svgo@^2.1.1:
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-2.1.6.tgz#b6df18aa613b666e133f08adb5219c2684ac108d"
-  integrity sha1-tt8YqmE7Zm4TPwittSGcJoSsEI0=
-  dependencies:
-    is-svg "^2.0.0"
-    postcss "^5.0.14"
-    postcss-value-parser "^3.2.3"
-    svgo "^0.7.0"
-
-postcss-unique-selectors@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-2.0.2.tgz#981d57d29ddcb33e7b1dfe1fd43b8649f933ca1d"
-  integrity sha1-mB1X0p3csz57Hf4f1DuGSfkzyh0=
-  dependencies:
-    alphanum-sort "^1.0.1"
-    postcss "^5.0.4"
-    uniqs "^2.0.0"
-
-postcss-value-parser@^3.0.1, postcss-value-parser@^3.0.2, postcss-value-parser@^3.1.1, postcss-value-parser@^3.1.2, postcss-value-parser@^3.2.3, postcss-value-parser@^3.3.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
-  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
-
-postcss-zindex@^2.0.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-zindex/-/postcss-zindex-2.2.0.tgz#d2109ddc055b91af67fc4cb3b025946639d2af22"
-  integrity sha1-0hCd3AVbka9n/EyzsCWUZjnSryI=
-  dependencies:
-    has "^1.0.1"
-    postcss "^5.0.4"
-    uniqs "^2.0.0"
-
-postcss@^5.0.0, postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0.14, postcss@^5.0.16, postcss@^5.0.19, postcss@^5.0.2, postcss@^5.0.21, postcss@^5.0.3, postcss@^5.0.4, postcss@^5.0.5, postcss@^5.0.6, postcss@^5.0.8, postcss@^5.1.1, postcss@^5.2.0, postcss@^5.2.12, postcss@^5.2.16:
-  version "5.2.18"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
-  integrity sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==
-  dependencies:
-    chalk "^1.1.3"
-    js-base64 "^2.1.9"
-    source-map "^0.5.6"
-    supports-color "^3.2.3"
-
-postcss@^6.0.1:
-  version "6.0.23"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
-  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
-  dependencies:
-    chalk "^2.4.1"
-    source-map "^0.6.1"
-    supports-color "^5.4.0"
-
-postcss@^7.0.5:
-  version "7.0.16"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.16.tgz#48f64f1b4b558cb8b52c88987724359acb010da2"
-  integrity sha512-MOo8zNSlIqh22Uaa3drkdIAgUGEL+AD1ESiSdmElLUmE2uVDo1QloiT/IfW9qRw8Gw+Y/w69UVMGwbufMSftxA==
-  dependencies:
-    chalk "^2.4.2"
-    source-map "^0.6.1"
-    supports-color "^6.1.0"
-
-potrace@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/potrace/-/potrace-2.1.1.tgz#79111a858197f366418845f667fe8f7fac0a79db"
-  integrity sha1-eREahYGX82ZBiEX2Z/6Pf6wKeds=
-  dependencies:
-    jimp "^0.2.24"
-
-prebuild-install@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-4.0.0.tgz#206ce8106ce5efa4b6cf062fc8a0a7d93c17f3a8"
-  integrity sha512-7tayxeYboJX0RbVzdnKyGl2vhQRWr6qfClEXDhOkXjuaOKCw2q8aiuFhONRYVsG/czia7KhpykIlI2S2VaPunA==
-  dependencies:
-    detect-libc "^1.0.3"
-    expand-template "^1.0.2"
-    github-from-package "0.0.0"
-    minimist "^1.2.0"
-    mkdirp "^0.5.1"
-    node-abi "^2.2.0"
-    noop-logger "^0.1.1"
-    npmlog "^4.0.1"
-    os-homedir "^1.0.1"
-    pump "^2.0.1"
-    rc "^1.1.6"
-    simple-get "^2.7.0"
-    tar-fs "^1.13.0"
-    tunnel-agent "^0.6.0"
-    which-pm-runs "^1.0.0"
-
-prepend-http@^1.0.0, prepend-http@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
-  integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
-
-preserve@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
-  integrity sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=
-
-pretty-bytes@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-4.0.2.tgz#b2bf82e7350d65c6c33aa95aaa5a4f6327f61cd9"
-  integrity sha1-sr+C5zUNZcbDOqlaqlpPYyf2HNk=
-
-pretty-error@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.1.tgz#5f4f87c8f91e5ae3f3ba87ab4cf5e03b1a17f1a3"
-  integrity sha1-X0+HyPkeWuPzuoerTPXgOxoX8aM=
-  dependencies:
-    renderkid "^2.0.1"
-    utila "~0.4"
-
-prismjs@^1.8.4, prismjs@~1.16.0:
-  version "1.16.0"
-  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.16.0.tgz#406eb2c8aacb0f5f0f1167930cb83835d10a4308"
-  integrity sha512-OA4MKxjFZHSvZcisLGe14THYsug/nF6O1f0pAJc0KN0wTyAcLqmsbE+lTGKSpyh+9pEW57+k6pg2AfYR+coyHA==
-  optionalDependencies:
-    clipboard "^2.0.0"
-
-private@^0.1.6, private@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
-  integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
-
-probe-image-size@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/probe-image-size/-/probe-image-size-4.0.0.tgz#d35b71759e834bcf580ea9f18ec8b9265c0977eb"
-  integrity sha512-nm7RvWUxps+2+jZKNLkd04mNapXNariS6G5WIEVzvAqjx7EUuKcY1Dp3e6oUK7GLwzJ+3gbSbPLFAASHFQrPcQ==
-  dependencies:
-    any-promise "^1.3.0"
-    deepmerge "^2.0.1"
-    inherits "^2.0.3"
-    next-tick "^1.0.0"
-    request "^2.83.0"
-    stream-parser "~0.3.1"
-
-process-nextick-args@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.0.tgz#a37d732f4271b4ab1ad070d35508e8290788ffaa"
-  integrity sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==
-
-process@^0.11.0, process@^0.11.10:
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
-
-process@~0.5.1:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.5.2.tgz#1638d8a8e34c2f440a91db95ab9aeb677fc185cf"
-  integrity sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8=
-
-progress@^1.1.8:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/progress/-/progress-1.1.8.tgz#e260c78f6161cdd9b0e56cc3e0a85de17c7a57be"
-  integrity sha1-4mDHj2Fhzdmw5WzD4Khd4Xx6V74=
-
-promise-each@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/promise-each/-/promise-each-2.2.0.tgz#3353174eff2694481037e04e01f77aa0fb6d1b60"
-  integrity sha1-M1MXTv8mlEgQN+BOAfd6oPttG2A=
-  dependencies:
-    any-promise "^0.1.0"
-
-promise@^7.1.1:
-  version "7.3.1"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"
-  integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==
-  dependencies:
-    asap "~2.0.3"
-
-prop-types@15.7.2, prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
-  version "15.7.2"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
-  integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
-  dependencies:
-    loose-envify "^1.4.0"
-    object-assign "^4.1.1"
-    react-is "^16.8.1"
-
-proper-lockfile@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/proper-lockfile/-/proper-lockfile-1.2.0.tgz#ceff5dd89d3e5f10fb75e1e8e76bc75801a59c34"
-  integrity sha1-zv9d2J0+XxD7deHo52vHWAGlnDQ=
-  dependencies:
-    err-code "^1.0.0"
-    extend "^3.0.0"
-    graceful-fs "^4.1.2"
-    retry "^0.10.0"
-
-property-information@^3.0.0, property-information@^3.1.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/property-information/-/property-information-3.2.0.tgz#fd1483c8fbac61808f5fe359e7693a1f48a58331"
-  integrity sha1-/RSDyPusYYCPX+NZ52k6H0ilgzE=
-
-property-information@^5.0.1:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/property-information/-/property-information-5.1.0.tgz#e4755eee5319f03f7f6f5a9bc1a6a7fea6609e2c"
-  integrity sha512-tODH6R3+SwTkAQckSp2S9xyYX8dEKYkeXw+4TmJzTxnNzd6mQPu1OD4f9zPrvw/Rm4wpPgI+Zp63mNSGNzUgHg==
-  dependencies:
-    xtend "^4.0.1"
-
-proxy-addr@~2.0.4:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.5.tgz#34cbd64a2d81f4b1fd21e76f9f06c8a45299ee34"
-  integrity sha512-t/7RxHXPH6cJtP0pRG6smSr9QJidhB+3kXu0KgXnbGYMgzEnUxRQ4/LDdfOwZEMyIh3/xHb8PX3t+lfL9z+YVQ==
-  dependencies:
-    forwarded "~0.1.2"
-    ipaddr.js "1.9.0"
-
-prr@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
-  integrity sha1-0/wRS6BplaRexok/SEzrHXj19HY=
-
-pseudomap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
-
-psl@^1.1.24:
-  version "1.1.31"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.1.31.tgz#e9aa86d0101b5b105cbe93ac6b784cd547276184"
-  integrity sha512-/6pt4+C+T+wZUieKR620OpzN/LlnNKuWjy1iFLQ/UG35JqHlR/89MP1d96dUfkf6Dne3TuLQzOYEYshJ+Hx8mw==
-
-public-encrypt@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-  dependencies:
-    bn.js "^4.1.0"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    parse-asn1 "^5.0.0"
-    randombytes "^2.0.1"
-    safe-buffer "^5.1.2"
-
-pump@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-1.0.3.tgz#5dfe8311c33bbf6fc18261f9f34702c47c08a954"
-  integrity sha512-8k0JupWme55+9tCVE+FS5ULT3K6AbgqrGa58lTT49RpyfwwcGedHqaC5LlQNdEAumn/wFsu6aPwkuPMioy8kqw==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pump@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-punycode@1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
-  integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
-
-punycode@2.x.x, punycode@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
-
-punycode@^1.2.4, punycode@^1.3.2, punycode@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-  integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
-
-q@^1.1.2:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
-  integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
-
-qs@6.5.2, qs@~6.5.2:
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
-  integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
-
-query-string@^4.1.0:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
-  integrity sha1-u7aTucqRXCMlFbIosaArYJBD2+s=
-  dependencies:
-    object-assign "^4.1.0"
-    strict-uri-encode "^1.0.0"
-
-querystring-es3@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-  integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
-
-querystring@0.2.0, querystring@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
-  integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
-
-querystringify@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.1.1.tgz#60e5a5fd64a7f8bfa4d2ab2ed6fdf4c85bad154e"
-  integrity sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==
-
-randomatic@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed"
-  integrity sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==
-  dependencies:
-    is-number "^4.0.0"
-    kind-of "^6.0.0"
-    math-random "^1.0.1"
-
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
-randomfill@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-  dependencies:
-    randombytes "^2.0.5"
-    safe-buffer "^5.1.0"
-
-range-parser@1.2.0, range-parser@^1.0.3, range-parser@~1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
-  integrity sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=
-
-raw-body@2.3.3:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.3.3.tgz#1b324ece6b5706e153855bc1148c65bb7f6ea0c3"
-  integrity sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==
-  dependencies:
-    bytes "3.0.0"
-    http-errors "1.6.3"
-    iconv-lite "0.4.23"
-    unpipe "1.0.0"
-
-raw-body@^2.3.2:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.4.0.tgz#a1ce6fb9c9bc356ca52e89256ab59059e13d0332"
-  integrity sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==
-  dependencies:
-    bytes "3.1.0"
-    http-errors "1.7.2"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
-
-raw-loader@^0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-0.5.1.tgz#0c3d0beaed8a01c966d9787bf778281252a979aa"
-  integrity sha1-DD0L6u2KAclm2Xh793goElKpeao=
-
-rc@^1.0.1, rc@^1.1.2, rc@^1.1.6, rc@^1.2.7:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
-  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
-  dependencies:
-    deep-extend "^0.6.0"
-    ini "~1.3.0"
-    minimist "^1.2.0"
-    strip-json-comments "~2.0.1"
-
-react-clientside-effect@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/react-clientside-effect/-/react-clientside-effect-1.2.0.tgz#db823695f75e9616a5e4dd6d908e5ea627fb2516"
-  integrity sha512-cVIsGG7SNHsQsCP4+fw7KFUB0HiYiU8hbvL640XaLCbZ31aK8/lj0qOKJ2K+xRjuQz/IM4Q4qclI0aEqTtcXtA==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    shallowequal "^1.1.0"
-
-react-deep-force-update@^2.1.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/react-deep-force-update/-/react-deep-force-update-2.1.3.tgz#740612322e617bcced38f61794a4af75dc3d98e7"
-  integrity sha512-lqD4eHKVuB65RyO/hGbEST53E2/GPbcIPcFYyeW/p4vNngtH4G7jnKGlU6u1OqrFo0uNfIvwuBOg98IbLHlNEA==
-
-react-dev-utils@^4.2.1:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-4.2.3.tgz#5b42d9ea58d5e9e017a2f57a40a8af408a3a46fb"
-  integrity sha512-uvmkwl5uMexCmC0GUv1XGQP0YjfYePJufGg4YYiukhqk2vN1tQxwWJIBERqhOmSi80cppZg8mZnPP/kOMf1sUQ==
-  dependencies:
-    address "1.0.3"
-    babel-code-frame "6.26.0"
-    chalk "1.1.3"
-    cross-spawn "5.1.0"
-    detect-port-alt "1.1.3"
-    escape-string-regexp "1.0.5"
-    filesize "3.5.11"
-    global-modules "1.0.0"
-    gzip-size "3.0.0"
-    inquirer "3.3.0"
-    is-root "1.0.0"
-    opn "5.1.0"
-    react-error-overlay "^3.0.0"
-    recursive-readdir "2.2.1"
-    shell-quote "1.6.1"
-    sockjs-client "1.1.4"
-    strip-ansi "3.0.1"
-    text-table "0.2.0"
-
-react-document-title@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/react-document-title/-/react-document-title-2.0.3.tgz#bbf922a0d71412fc948245e4283b2412df70f2b9"
-  integrity sha1-u/kioNcUEvyUgkXkKDskEt9w8rk=
-  dependencies:
-    prop-types "^15.5.6"
-    react-side-effect "^1.0.2"
-
-react-dom@^15.6.0:
-  version "15.6.2"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-15.6.2.tgz#41cfadf693b757faf2708443a1d1fd5a02bef730"
-  integrity sha1-Qc+t9pO3V/rycIRDodH9WgK+9zA=
-  dependencies:
-    fbjs "^0.8.9"
-    loose-envify "^1.1.0"
-    object-assign "^4.1.0"
-    prop-types "^15.5.10"
-
-react-dom@^16.12.0, react-dom@^16.8.3:
-  version "16.12.0"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.12.0.tgz#0da4b714b8d13c2038c9396b54a92baea633fe11"
-  integrity sha512-LMxFfAGrcS3kETtQaCkTKjMiifahaMySFDn71fZUNpPHZQEzmk/GiAeIT8JSOrHB23fnuCOMruL2a8NYlw+8Gw==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-    scheduler "^0.18.0"
-
-react-error-overlay@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-3.0.0.tgz#c2bc8f4d91f1375b3dad6d75265d51cd5eeaf655"
-  integrity sha512-XzgvowFrwDo6TWcpJ/WTiarb9UI6lhA4PMzS7n1joK3sHfBBBOQHUc0U4u57D6DWO9vHv6lVSWx2Q/Ymfyv4hw==
-
-react-fast-compare@2.0.4, react-fast-compare@^2.0.2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9"
-  integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
-
-react-focus-lock@^1.18.3:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/react-focus-lock/-/react-focus-lock-1.19.1.tgz#2f3429793edaefe2d077121f973ce5a3c7a0651a"
-  integrity sha512-TPpfiack1/nF4uttySfpxPk4rGZTLXlaZl7ncZg/ELAk24Iq2B1UUaUioID8H8dneUXqznT83JTNDHDj+kwryw==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    focus-lock "^0.6.3"
-    prop-types "^15.6.2"
-    react-clientside-effect "^1.2.0"
-
-react-helmet-async@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/react-helmet-async/-/react-helmet-async-1.0.2.tgz#bb55dd8268f7b15aac69c6b22e2f950abda8cc44"
-  integrity sha512-qzzchrM/ibHuPS/60ief8jaibPunuRdeta4iBDQV+ri2SFKwOV+X2NlEpvevZOauhmHrH/I6dI4E90EPVfJBBg==
-  dependencies:
-    "@babel/runtime" "7.3.4"
-    invariant "2.2.4"
-    prop-types "15.7.2"
-    react-fast-compare "2.0.4"
-    shallowequal "1.1.0"
-
-react-helmet@^5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/react-helmet/-/react-helmet-5.2.1.tgz#16a7192fdd09951f8e0fe22ffccbf9bb3e591ffa"
-  integrity sha512-CnwD822LU8NDBnjCpZ4ySh8L6HYyngViTZLfBBb3NjtrpN8m49clH8hidHouq20I51Y6TpCTISCBbqiY5GamwA==
-  dependencies:
-    object-assign "^4.1.1"
-    prop-types "^15.5.4"
-    react-fast-compare "^2.0.2"
-    react-side-effect "^1.1.0"
-
-react-hot-loader@^3.0.0-beta.6:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/react-hot-loader/-/react-hot-loader-3.1.3.tgz#6f92877326958c7cb0134b512474517869126082"
-  integrity sha512-d7nZf78irxoGN5PY4zd6CSgZiroOhvIWzRast3qwTn4sSnBwlt08kV8WMQ9mitmxEdlCTwZt+5ClrRSjxWguMQ==
-  dependencies:
-    global "^4.3.0"
-    react-deep-force-update "^2.1.1"
-    react-proxy "^3.0.0-alpha.0"
-    redbox-react "^1.3.6"
-    source-map "^0.6.1"
-
-react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1:
-  version "16.8.6"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
-  integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==
-
-react-lifecycles-compat@^3.0.2:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
-  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
-
-react-popper-tooltip@^2.10.0:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/react-popper-tooltip/-/react-popper-tooltip-2.10.0.tgz#4d8383644d1002a50bd2bf74b2d1214d84ffc77c"
-  integrity sha512-iMNWaY41G7kcx2/kcV+37GLe4C93yI9CPZ9DH+V9tOtJIJwEzm/w9+mlr6G1QLzxefDxjliqymMXk9X73pyuWA==
-  dependencies:
-    "@babel/runtime" "^7.6.3"
-    react-popper "^1.3.4"
-
-react-popper-tooltip@^2.8.3:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/react-popper-tooltip/-/react-popper-tooltip-2.8.3.tgz#1c63e7473a96362bd93be6c94fa404470a265197"
-  integrity sha512-g5tfxmuj8ClNVwH4zswYJcD3GKoc5RMeRawd/WZnbyZGEDecsRKaVL+Kj7L3BG7w5qb6/MHcLTG8yE4CidwezQ==
-  dependencies:
-    "@babel/runtime" "^7.4.5"
-    react-popper "^1.3.3"
-
-react-popper@^1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-1.3.3.tgz#2c6cef7515a991256b4f0536cd4bdcb58a7b6af6"
-  integrity sha512-ynMZBPkXONPc5K4P5yFWgZx5JGAUIP3pGGLNs58cfAPgK67olx7fmLp+AdpZ0+GoQ+ieFDa/z4cdV6u7sioH6w==
-  dependencies:
-    "@babel/runtime" "^7.1.2"
-    create-react-context "<=0.2.2"
-    popper.js "^1.14.4"
-    prop-types "^15.6.1"
-    typed-styles "^0.0.7"
-    warning "^4.0.2"
-
-react-popper@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-1.3.4.tgz#f0cd3b0d30378e1f663b0d79bcc8614221652ced"
-  integrity sha512-9AcQB29V+WrBKk6X7p0eojd1f25/oJajVdMZkywIoAV6Ag7hzE1Mhyeup2Q1QnvFRtGQFQvtqfhlEoDAPfKAVA==
-  dependencies:
-    "@babel/runtime" "^7.1.2"
-    create-react-context "^0.3.0"
-    popper.js "^1.14.4"
-    prop-types "^15.6.1"
-    typed-styles "^0.0.7"
-    warning "^4.0.2"
-
-react-property@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/react-property/-/react-property-1.0.1.tgz#4ae4211557d0a0ae050a71aa8ad288c074bea4e6"
-  integrity sha512-1tKOwxFn3dXVomH6pM9IkLkq2Y8oh+fh/lYW3MJ/B03URswUTqttgckOlbxY2XHF3vPG6uanSc4dVsLW/wk3wQ==
-
-react-proxy@^3.0.0-alpha.0:
-  version "3.0.0-alpha.1"
-  resolved "https://registry.yarnpkg.com/react-proxy/-/react-proxy-3.0.0-alpha.1.tgz#4400426bcfa80caa6724c7755695315209fa4b07"
-  integrity sha1-RABCa8+oDKpnJMd1VpUxUgn6Swc=
-  dependencies:
-    lodash "^4.6.1"
-
-react-router-dom@^4.1.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-4.3.1.tgz#4c2619fc24c4fa87c9fd18f4fb4a43fe63fbd5c6"
-  integrity sha512-c/MlywfxDdCp7EnB7YfPMOfMD3tOtIjrQlj/CKfNMBxdmpJP8xcz5P/UAFn3JbnQCNUxsHyVVqllF9LhgVyFCA==
-  dependencies:
-    history "^4.7.2"
-    invariant "^2.2.4"
-    loose-envify "^1.3.1"
-    prop-types "^15.6.1"
-    react-router "^4.3.1"
-    warning "^4.0.1"
-
-react-router@^4.1.1, react-router@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/react-router/-/react-router-4.3.1.tgz#aada4aef14c809cb2e686b05cee4742234506c4e"
-  integrity sha512-yrvL8AogDh2X42Dt9iknk4wF4V8bWREPirFfS9gLU1huk6qK41sg7Z/1S81jjTrGHxa3B8R3J6xIkDAA6CVarg==
-  dependencies:
-    history "^4.7.2"
-    hoist-non-react-statics "^2.5.0"
-    invariant "^2.2.4"
-    loose-envify "^1.3.1"
-    path-to-regexp "^1.7.0"
-    prop-types "^15.6.1"
-    warning "^4.0.1"
-
-react-side-effect@^1.0.2, react-side-effect@^1.1.0:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-1.1.5.tgz#f26059e50ed9c626d91d661b9f3c8bb38cd0ff2d"
-  integrity sha512-Z2ZJE4p/jIfvUpiUMRydEVpQRf2f8GMHczT6qLcARmX7QRb28JDBTpnM2g/i5y/p7ZDEXYGHWg0RbhikE+hJRw==
-  dependencies:
-    exenv "^1.2.1"
-    shallowequal "^1.0.1"
-
-react-sizeme@^2.2.0:
-  version "2.6.7"
-  resolved "https://registry.yarnpkg.com/react-sizeme/-/react-sizeme-2.6.7.tgz#231339ce8821ac2c26424c791e0027f89dae3e90"
-  integrity sha512-xCjPoBP5jmeW58TxIkcviMZqabZis7tTvDFWf0/Wa5XCgVWQTIe74NQBes2N1Kmp64GRLkpm60BaP0kk+v8aCQ==
-  dependencies:
-    element-resize-detector "^1.1.15"
-    invariant "^2.2.4"
-    shallowequal "^1.1.0"
-    throttle-debounce "^2.1.0"
-
-react-stack-grid@^0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/react-stack-grid/-/react-stack-grid-0.7.1.tgz#cbf7353ce6c2acf712b827c36b0be234af84bee9"
-  integrity sha512-Fw7qMt5Rd9wQpNCnvK4Gi+ry/nL5rKfzP2hGsw5/DZxArEMk60VoDLy68Uskq09l6wk7qb2w7P2+lNzSd9mYEw==
-  dependencies:
-    easy-css-transform-builder "^0.0.2"
-    exenv "^1.2.1"
-    imagesloaded "^4.1.1"
-    inline-style-prefixer "^3.0.6"
-    invariant "^2.2.2"
-    prop-types "^15.5.10"
-    react-sizeme "^2.2.0"
-    react-transition-group "^1.2.0"
-    shallowequal "^1.0.1"
-
-react-syntax-highlighter@^8.0.1:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/react-syntax-highlighter/-/react-syntax-highlighter-8.1.0.tgz#59103ff17a828a27ed7c8f035ae2558f09b6b78c"
-  integrity sha512-G2bkZxmF3VOa4atEdXIDSfwwCqjw6ZQX5znfTaHcErA1WqHIS0o6DaSCDKFPVaOMXQEB9Hf1UySYQvuJmV8CXg==
-  dependencies:
-    babel-runtime "^6.18.0"
-    highlight.js "~9.12.0"
-    lowlight "~1.9.1"
-    prismjs "^1.8.4"
-    refractor "^2.4.1"
-
-react-textarea-autosize@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-7.1.0.tgz#3132cb77e65d94417558d37c0bfe415a5afd3445"
-  integrity sha512-c2FlR/fP0qbxmlrW96SdrbgP/v0XZMTupqB90zybvmDVDutytUgPl7beU35klwcTeMepUIQEpQUn3P3bdshGPg==
-  dependencies:
-    "@babel/runtime" "^7.1.2"
-    prop-types "^15.6.0"
-
-react-transition-group@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-1.2.1.tgz#e11f72b257f921b213229a774df46612346c7ca6"
-  integrity sha512-CWaL3laCmgAFdxdKbhhps+c0HRGF4c+hdM4H23+FI1QBNUyx/AMeIJGWorehPNSaKnQNOAxL7PQmqMu78CDj3Q==
-  dependencies:
-    chain-function "^1.0.0"
-    dom-helpers "^3.2.0"
-    loose-envify "^1.3.1"
-    prop-types "^15.5.6"
-    warning "^3.0.0"
-
-react@^15.6.0:
-  version "15.6.2"
-  resolved "https://registry.yarnpkg.com/react/-/react-15.6.2.tgz#dba0434ab439cfe82f108f0f511663908179aa72"
-  integrity sha1-26BDSrQ5z+gvEI8PURZjkIF5qnI=
-  dependencies:
-    create-react-class "^15.6.0"
-    fbjs "^0.8.9"
-    loose-envify "^1.1.0"
-    object-assign "^4.1.0"
-    prop-types "^15.5.10"
-
-react@^16.12.0, react@^16.8.3:
-  version "16.12.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.12.0.tgz#0c0a9c6a142429e3614834d5a778e18aa78a0b83"
-  integrity sha512-fglqy3k5E+81pA8s+7K0/T3DBCF0ZDOher1elBFzF7O6arXJgzyu/FW+COxFvAWXJoJN9KIZbT2LXlukwphYTA==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-
-read-all-stream@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/read-all-stream/-/read-all-stream-3.1.0.tgz#35c3e177f2078ef789ee4bfafa4373074eaef4fa"
-  integrity sha1-NcPhd/IHjveJ7kv6+kNzB06u9Po=
-  dependencies:
-    pinkie-promise "^2.0.0"
-    readable-stream "^2.0.0"
-
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=
-  dependencies:
-    pify "^2.3.0"
-
-read-chunk@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/read-chunk/-/read-chunk-1.0.1.tgz#5f68cab307e663f19993527d9b589cace4661194"
-  integrity sha1-X2jKswfmY/GZk1J9m1icrORmEZQ=
-
-read-pkg-up@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
-  integrity sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=
-  dependencies:
-    find-up "^1.0.0"
-    read-pkg "^1.0.0"
-
-read-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
-  integrity sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=
-  dependencies:
-    find-up "^2.0.0"
-    read-pkg "^2.0.0"
-
-read-pkg@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
-  integrity sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=
-  dependencies:
-    load-json-file "^1.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^1.0.0"
-
-read-pkg@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
-  integrity sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=
-  dependencies:
-    load-json-file "^2.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^2.0.0"
-
-read@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/read/-/read-1.0.7.tgz#b3da19bd052431a97671d44a42634adf710b40c4"
-  integrity sha1-s9oZvQUkMal2cdRKQmNK33ELQMQ=
-  dependencies:
-    mute-stream "~0.0.4"
-
-"readable-stream@>=1.0.33-1 <1.1.0-0", readable-stream@~1.0.31:
-  version "1.0.34"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.0.34.tgz#125820e34bc842d2f2aaafafe4c2916ee32c157c"
-  integrity sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.1"
-    isarray "0.0.1"
-    string_decoder "~0.10.x"
-
-readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.4, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.2.2, readable-stream@^2.3.0, readable-stream@^2.3.3, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.6.tgz#b11c27d88b8ff1fbe070643cf94b0c79ae1b0aaf"
-  integrity sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-readable-stream@^3.1.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.3.0.tgz#cb8011aad002eb717bf040291feba8569c986fb9"
-  integrity sha512-EsI+s3k3XsW+fU8fQACLN59ky34AZ14LoeVZpYwmZvldCFo0r0gnelwF2TcMjLor/BTL5aDJVBMkss0dthToPw==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
-readable-stream@~1.1.9:
-  version "1.1.14"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-1.1.14.tgz#7cf4c54ef648e3813084c636dd2079e166c081d9"
-  integrity sha1-fPTFTvZI44EwhMY23SB54WbAgdk=
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.1"
-    isarray "0.0.1"
-    string_decoder "~0.10.x"
-
-readdir-enhanced@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/readdir-enhanced/-/readdir-enhanced-1.5.2.tgz#61463048690ac6a455b75b62fa78a88f8dc85e53"
-  integrity sha1-YUYwSGkKxqRVt1ti+nioj43IXlM=
-  dependencies:
-    call-me-maybe "^1.0.1"
-    es6-promise "^4.1.0"
-    glob-to-regexp "^0.3.0"
-
-readdirp@^2.0.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
-  integrity sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    micromatch "^3.1.10"
-    readable-stream "^2.0.2"
-
-rechoir@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
-  integrity sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=
-  dependencies:
-    resolve "^1.1.6"
-
-recompose@^0.30.0:
-  version "0.30.0"
-  resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.30.0.tgz#82773641b3927e8c7d24a0d87d65aeeba18aabd0"
-  integrity sha512-ZTrzzUDa9AqUIhRk4KmVFihH0rapdCSMFXjhHbNrjAWxBuUD/guYlyysMnuHjlZC/KRiOKRtB4jf96yYSkKE8w==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    change-emitter "^0.1.2"
-    fbjs "^0.8.1"
-    hoist-non-react-statics "^2.3.1"
-    react-lifecycles-compat "^3.0.2"
-    symbol-observable "^1.0.4"
-
-recursive-readdir@2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.1.tgz#90ef231d0778c5ce093c9a48d74e5c5422d13a99"
-  integrity sha1-kO8jHQd4xc4JPJpI105cVCLROpk=
-  dependencies:
-    minimatch "3.0.3"
-
-redbox-react@^1.3.6:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/redbox-react/-/redbox-react-1.6.0.tgz#e753ac02595bc1bf695b3935889a4f5b1b5a21a1"
-  integrity sha512-mLjM5eYR41yOp5YKHpd3syFeGq6B4Wj5vZr64nbLvTZW5ZLff4LYk7VE4ITpVxkZpCY6OZuqh0HiP3A3uEaCpg==
-  dependencies:
-    error-stack-parser "^1.3.6"
-    object-assign "^4.0.1"
-    prop-types "^15.5.4"
-    sourcemapped-stacktrace "^1.1.6"
-
-redent@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
-  integrity sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=
-  dependencies:
-    indent-string "^2.1.0"
-    strip-indent "^1.0.1"
-
-reduce-css-calc@^1.2.6, reduce-css-calc@^1.2.7:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz#747c914e049614a4c9cfbba629871ad1d2927716"
-  integrity sha1-dHyRTgSWFKTJz7umKYca0dKSdxY=
-  dependencies:
-    balanced-match "^0.4.2"
-    math-expression-evaluator "^1.2.14"
-    reduce-function-call "^1.0.1"
-
-reduce-function-call@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/reduce-function-call/-/reduce-function-call-1.0.2.tgz#5a200bf92e0e37751752fe45b0ab330fd4b6be99"
-  integrity sha1-WiAL+S4ON3UXUv5FsKszD9S2vpk=
-  dependencies:
-    balanced-match "^0.4.2"
-
-redux-devtools-core@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/redux-devtools-core/-/redux-devtools-core-0.2.1.tgz#4e43cbe590a1f18c13ee165d2d42e0bc77a164d8"
-  integrity sha512-RAGOxtUFdr/1USAvxrWd+Gq/Euzgw7quCZlO5TgFpDfG7rB5tMhZUrNyBjpzgzL2yMk0eHnPYIGm7NkIfRzHxQ==
-  dependencies:
-    get-params "^0.1.2"
-    jsan "^3.1.13"
-    lodash "^4.17.11"
-    nanoid "^2.0.0"
-    remotedev-serialize "^0.1.8"
-
-redux-devtools-instrument@^1.9.4:
-  version "1.9.6"
-  resolved "https://registry.yarnpkg.com/redux-devtools-instrument/-/redux-devtools-instrument-1.9.6.tgz#6b412595f74b9d48cfd4ecc13e585b1588ed6e7e"
-  integrity sha512-MwvY4cLEB2tIfWWBzrUR02UM9qRG2i7daNzywRvabOSVdvAY7s9BxSwMmVRH1Y/7QWjplNtOwgT0apKhHg2Qew==
-  dependencies:
-    lodash "^4.2.0"
-    symbol-observable "^1.0.2"
-
-redux@^3.6.0:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/redux/-/redux-3.7.2.tgz#06b73123215901d25d065be342eb026bc1c8537b"
-  integrity sha512-pNqnf9q1hI5HHZRBkj3bAngGZW/JMCmexDlOxw4XagXY2o1327nHH54LoTjiPJ0gizoqPDRqWyX/00g0hD6w+A==
-  dependencies:
-    lodash "^4.2.1"
-    lodash-es "^4.2.1"
-    loose-envify "^1.1.0"
-    symbol-observable "^1.0.3"
-
-refractor@^2.4.1:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/refractor/-/refractor-2.9.0.tgz#0a381aadb51513e4e6ec1ed410b5104dd65e2489"
-  integrity sha512-lCnCYvXpqd8hC7ksuvo516rz5q4NwzBbq0X5qjH5pxRfcQKiQxKZ8JctrSQmrR/7pcV2TRrs9TT+Whmq/wtluQ==
-  dependencies:
-    hastscript "^5.0.0"
-    parse-entities "^1.1.2"
-    prismjs "~1.16.0"
-
-regenerate@^1.2.1:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
-  integrity sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==
-
-regenerator-runtime@^0.10.5:
-  version "0.10.5"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
-  integrity sha1-M2w+/BIgrc7dosn6tntaeVWjNlg=
-
-regenerator-runtime@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
-  integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
-
-regenerator-runtime@^0.12.0:
-  version "0.12.1"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz#fa1a71544764c036f8c49b13a08b2594c9f8a0de"
-  integrity sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==
-
-regenerator-runtime@^0.13.2:
-  version "0.13.2"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.2.tgz#32e59c9a6fb9b1a4aff09b4930ca2d4477343447"
-  integrity sha512-S/TQAZJO+D3m9xeN1WTI8dLKBBiRgXBlTJvbWjCThHWZj9EvHK70Ff50/tYj2J/fvBY6JtFVwRuazHN2E7M9BA==
-
-regenerator-transform@^0.10.0:
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.10.1.tgz#1e4996837231da8b7f3cf4114d71b5691a0680dd"
-  integrity sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==
-  dependencies:
-    babel-runtime "^6.18.0"
-    babel-types "^6.19.0"
-    private "^0.1.6"
-
-regex-cache@^0.4.2:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd"
-  integrity sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==
-  dependencies:
-    is-equal-shallow "^0.1.3"
-
-regex-not@^1.0.0, regex-not@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
-  integrity sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==
-  dependencies:
-    extend-shallow "^3.0.2"
-    safe-regex "^1.1.0"
-
-regexpu-core@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-1.0.0.tgz#86a763f58ee4d7c2f6b102e4764050de7ed90c6b"
-  integrity sha1-hqdj9Y7k18L2sQLkdkBQ3n7ZDGs=
-  dependencies:
-    regenerate "^1.2.1"
-    regjsgen "^0.2.0"
-    regjsparser "^0.1.4"
-
-regexpu-core@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240"
-  integrity sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=
-  dependencies:
-    regenerate "^1.2.1"
-    regjsgen "^0.2.0"
-    regjsparser "^0.1.4"
-
-registry-auth-token@3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.3.2.tgz#851fd49038eecb586911115af845260eec983f20"
-  integrity sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==
-  dependencies:
-    rc "^1.1.6"
-    safe-buffer "^5.0.1"
-
-registry-auth-token@^3.0.1:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.4.0.tgz#d7446815433f5d5ed6431cd5dca21048f66b397e"
-  integrity sha512-4LM6Fw8eBQdwMYcES4yTnn2TqIasbXuwDx3um+QRs7S55aMKCBKBxvPXl2RiUjHwuJLTyYfxSpmfSAjQpcuP+A==
-  dependencies:
-    rc "^1.1.6"
-    safe-buffer "^5.0.1"
-
-registry-url@3.1.0, registry-url@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
-  integrity sha1-PU74cPc93h138M+aOBQyRE4XSUI=
-  dependencies:
-    rc "^1.0.1"
-
-regjsgen@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
-  integrity sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=
-
-regjsparser@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c"
-  integrity sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=
-  dependencies:
-    jsesc "~0.5.0"
-
-relay-compiler@1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/relay-compiler/-/relay-compiler-1.4.1.tgz#10e83f0f5de8db3d000851a4c0e435e7dd1deb95"
-  integrity sha512-8O9dVIOOTp1TlbQhdNp2EBO/WUaSEPaYhQ8HFgMVjpvLTCaCfHEpptNQPJf5uDG/AH1p2qhPtLaCyQ2pBYh7Cw==
-  dependencies:
-    babel-generator "^6.24.1"
-    babel-polyfill "^6.20.0"
-    babel-preset-fbjs "^2.1.4"
-    babel-runtime "^6.23.0"
-    babel-traverse "^6.26.0"
-    babel-types "^6.24.1"
-    babylon "^6.18.0"
-    chalk "^1.1.1"
-    fast-glob "^1.0.1"
-    fb-watchman "^2.0.0"
-    fbjs "^0.8.14"
-    graphql "^0.11.3"
-    immutable "~3.7.6"
-    relay-runtime "1.4.1"
-    signedsource "^1.0.0"
-    yargs "^9.0.0"
-
-relay-debugger-react-native-runtime@0.0.10:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/relay-debugger-react-native-runtime/-/relay-debugger-react-native-runtime-0.0.10.tgz#0ef36012a1fba928962205514b46f635c652f235"
-  integrity sha1-DvNgEqH7qSiWIgVRS0b2NcZS8jU=
-
-relay-runtime@1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/relay-runtime/-/relay-runtime-1.4.1.tgz#f88dcd0a422700a04563f291f570e4ce368e36d0"
-  integrity sha512-hsEVCPik0Wo+8xvVqaMK96d45fqYAcHz/UCAw2qy1dxY+2kHUhnDUh6CGilFKB1H3f+DLzvqIHUyNYKWS/jZ/g==
-  dependencies:
-    babel-runtime "^6.23.0"
-    fbjs "^0.8.14"
-    relay-debugger-react-native-runtime "0.0.10"
-
-remark-parse@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-3.0.1.tgz#1b9f841a44d8f4fbf2246850265459a4eb354c80"
-  integrity sha1-G5+EGkTY9PvyJGhQJlRZpOs1TIA=
-  dependencies:
-    collapse-white-space "^1.0.2"
-    has "^1.0.1"
-    is-alphabetical "^1.0.0"
-    is-decimal "^1.0.0"
-    is-whitespace-character "^1.0.0"
-    is-word-character "^1.0.0"
-    markdown-escapes "^1.0.0"
-    parse-entities "^1.0.2"
-    repeat-string "^1.5.4"
-    state-toggle "^1.0.0"
-    trim "0.0.1"
-    trim-trailing-lines "^1.0.0"
-    unherit "^1.0.4"
-    unist-util-remove-position "^1.0.0"
-    vfile-location "^2.0.0"
-    xtend "^4.0.1"
-
-remark-parse@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-4.0.0.tgz#99f1f049afac80382366e2e0d0bd55429dd45d8b"
-  integrity sha512-XZgICP2gJ1MHU7+vQaRM+VA9HEL3X253uwUM/BGgx3iv6TH2B3bF3B8q00DKcyP9YrJV+/7WOWEWBFF/u8cIsw==
-  dependencies:
-    collapse-white-space "^1.0.2"
-    is-alphabetical "^1.0.0"
-    is-decimal "^1.0.0"
-    is-whitespace-character "^1.0.0"
-    is-word-character "^1.0.0"
-    markdown-escapes "^1.0.0"
-    parse-entities "^1.0.2"
-    repeat-string "^1.5.4"
-    state-toggle "^1.0.0"
-    trim "0.0.1"
-    trim-trailing-lines "^1.0.0"
-    unherit "^1.0.4"
-    unist-util-remove-position "^1.0.0"
-    vfile-location "^2.0.0"
-    xtend "^4.0.1"
-
-remark-retext@^3.1.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/remark-retext/-/remark-retext-3.1.2.tgz#983003d7495cf9198aa450c5ae5a7737011eec5f"
-  integrity sha512-+48KzJdSXvsPupY5pj5AY7oBUSiDOqFPZBKebX5WemrMyIG+RImIt9hgeqelluVDd1kooHen33K/aybTPyoI9g==
-  dependencies:
-    mdast-util-to-nlcst "^3.2.0"
-
-remark-stringify@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-3.0.1.tgz#79242bebe0a752081b5809516fa0c06edec069cf"
-  integrity sha1-eSQr6+CnUggbWAlRb6DAbt7Aac8=
-  dependencies:
-    ccount "^1.0.0"
-    is-alphanumeric "^1.0.0"
-    is-decimal "^1.0.0"
-    is-whitespace-character "^1.0.0"
-    longest-streak "^2.0.1"
-    markdown-escapes "^1.0.0"
-    markdown-table "^1.1.0"
-    mdast-util-compact "^1.0.0"
-    parse-entities "^1.0.2"
-    repeat-string "^1.5.4"
-    state-toggle "^1.0.0"
-    stringify-entities "^1.0.1"
-    unherit "^1.0.4"
-    xtend "^4.0.1"
-
-remark-stringify@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-4.0.0.tgz#4431884c0418f112da44991b4e356cfe37facd87"
-  integrity sha512-xLuyKTnuQer3ke9hkU38SUYLiTmS078QOnoFavztmbt/pAJtNSkNtFgR0U//uCcmG0qnyxao+PDuatQav46F1w==
-  dependencies:
-    ccount "^1.0.0"
-    is-alphanumeric "^1.0.0"
-    is-decimal "^1.0.0"
-    is-whitespace-character "^1.0.0"
-    longest-streak "^2.0.1"
-    markdown-escapes "^1.0.0"
-    markdown-table "^1.1.0"
-    mdast-util-compact "^1.0.0"
-    parse-entities "^1.0.2"
-    repeat-string "^1.5.4"
-    state-toggle "^1.0.0"
-    stringify-entities "^1.0.1"
-    unherit "^1.0.4"
-    xtend "^4.0.1"
-
-remark@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/remark/-/remark-7.0.1.tgz#a5de4dacfabf0f60a49826ef24c479807f904bfb"
-  integrity sha1-pd5NrPq/D2CkmCbvJMR5gH+QS/s=
-  dependencies:
-    remark-parse "^3.0.0"
-    remark-stringify "^3.0.0"
-    unified "^6.0.0"
-
-remote-redux-devtools@^0.5.7:
-  version "0.5.16"
-  resolved "https://registry.yarnpkg.com/remote-redux-devtools/-/remote-redux-devtools-0.5.16.tgz#95b1a4a1988147ca04f3368f3573b661748b3717"
-  integrity sha512-xZ2D1VRIWzat5nsvcraT6fKEX9Cfi+HbQBCwzNnUAM8Uicm/anOc60XGalcaDPrVmLug7nhDl2nimEa3bL3K9w==
-  dependencies:
-    jsan "^3.1.13"
-    querystring "^0.2.0"
-    redux-devtools-core "^0.2.1"
-    redux-devtools-instrument "^1.9.4"
-    rn-host-detect "^1.1.5"
-    socketcluster-client "^14.2.1"
-
-remotedev-serialize@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/remotedev-serialize/-/remotedev-serialize-0.1.8.tgz#c99cb184e7f71a906162abc404be8ce33810205f"
-  integrity sha512-3YG/FDcOmiK22bl5oMRM8RRnbGrFEuPGjbcDG+z2xi5aQaNQNZ8lqoRnZTwXVfaZtutXuiAQOgPRrogzQk8edg==
-  dependencies:
-    jsan "^3.1.13"
-
-remove-trailing-separator@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
-  integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8=
-
-renderkid@^2.0.1:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.3.tgz#380179c2ff5ae1365c522bf2fcfcff01c5b74149"
-  integrity sha512-z8CLQp7EZBPCwCnncgf9C4XAi3WR0dv+uWu/PjIyhhAb5d6IJ/QZqlHFprHeKT+59//V6BNUsLbvN8+2LarxGA==
-  dependencies:
-    css-select "^1.1.0"
-    dom-converter "^0.2"
-    htmlparser2 "^3.3.0"
-    strip-ansi "^3.0.0"
-    utila "^0.4.0"
-
-repeat-element@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
-  integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==
-
-repeat-string@^1.5.2, repeat-string@^1.5.4, repeat-string@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
-  integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
-
-repeating@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
-  integrity sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=
-  dependencies:
-    is-finite "^1.0.0"
-
-replace-ext@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-0.0.1.tgz#29bbd92078a739f0bcce2b4ee41e837953522924"
-  integrity sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ=
-
-replace-ext@1.0.0, replace-ext@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-1.0.0.tgz#de63128373fcbf7c3ccfa4de5a480c45a67958eb"
-  integrity sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=
-
-request@^2.58.0, request@^2.65.0, request@^2.67.0, request@^2.74.0, request@^2.83.0:
-  version "2.88.0"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
-  integrity sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==
-  dependencies:
-    aws-sign2 "~0.7.0"
-    aws4 "^1.8.0"
-    caseless "~0.12.0"
-    combined-stream "~1.0.6"
-    extend "~3.0.2"
-    forever-agent "~0.6.1"
-    form-data "~2.3.2"
-    har-validator "~5.1.0"
-    http-signature "~1.2.0"
-    is-typedarray "~1.0.0"
-    isstream "~0.1.2"
-    json-stringify-safe "~5.0.1"
-    mime-types "~2.1.19"
-    oauth-sign "~0.9.0"
-    performance-now "^2.1.0"
-    qs "~6.5.2"
-    safe-buffer "^5.1.2"
-    tough-cookie "~2.4.3"
-    tunnel-agent "^0.6.0"
-    uuid "^3.3.2"
-
-require-directory@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
-
-"require-like@>= 0.1.1":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/require-like/-/require-like-0.1.2.tgz#ad6f30c13becd797010c468afa775c0c0a6b47fa"
-  integrity sha1-rW8wwTvs15cBDEaK+ndcDAprR/o=
-
-require-main-filename@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
-  integrity sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=
-
-requires-port@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
-  integrity sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=
-
-resize-observer-polyfill@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
-  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
-
-resolve-cwd@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
-  integrity sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=
-  dependencies:
-    resolve-from "^3.0.0"
-
-resolve-dir@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/resolve-dir/-/resolve-dir-0.1.1.tgz#b219259a5602fac5c5c496ad894a6e8cc430261e"
-  integrity sha1-shklmlYC+sXFxJatiUpujMQwJh4=
-  dependencies:
-    expand-tilde "^1.2.2"
-    global-modules "^0.2.3"
-
-resolve-dir@^1.0.0, resolve-dir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/resolve-dir/-/resolve-dir-1.0.1.tgz#79a40644c362be82f26effe739c9bb5382046f43"
-  integrity sha1-eaQGRMNivoLybv/nOcm7U4IEb0M=
-  dependencies:
-    expand-tilde "^2.0.0"
-    global-modules "^1.0.0"
-
-resolve-from@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
-  integrity sha1-six699nWiBvItuZTM17rywoYh0g=
-
-resolve-from@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
-resolve-pathname@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-2.2.0.tgz#7e9ae21ed815fd63ab189adeee64dc831eefa879"
-  integrity sha512-bAFz9ld18RzJfddgrO2e/0S2O81710++chRMUxHjXOYKF6jTAMrUNZrEZ1PvV0zlhfjidm08iRPdTLPno1FuRg==
-
-resolve-url@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
-  integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
-
-resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0:
-  version "1.10.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.10.1.tgz#664842ac960795bbe758221cdccda61fb64b5f18"
-  integrity sha512-KuIe4mf++td/eFb6wkaPbMDnP6kObCaEtIDuHOUED6MNUo4K670KZUHuuvYPZDxNF0WVLw49n06M2m2dXphEzA==
-  dependencies:
-    path-parse "^1.0.6"
-
-restore-cursor@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
-  integrity sha1-n37ih/gv0ybU/RYpI9YhKe7g368=
-  dependencies:
-    onetime "^2.0.0"
-    signal-exit "^3.0.2"
-
-ret@~0.1.10:
-  version "0.1.15"
-  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
-  integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
-
-retext-english@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/retext-english/-/retext-english-3.0.2.tgz#efc239c445b112d13f3f511b1856abc2b5476cb4"
-  integrity sha512-iWffdWUvJngqaRlE570SaYRgQbn4/QVBfGa/XseEBuBazymnyW24o37oLPY0vm+PJdLmDghnjZX0UbkZSZF0Cg==
-  dependencies:
-    parse-english "^4.0.0"
-    unherit "^1.0.4"
-
-retext-latin@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/retext-latin/-/retext-latin-1.0.0.tgz#57f41257b4d857b6c6df631ca5788d10080d7051"
-  integrity sha1-V/QSV7TYV7bG32McpXiNEAgNcFE=
-  dependencies:
-    parse-latin "^3.1.0"
-    unherit "^1.0.4"
-
-retext-smartypants@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/retext-smartypants/-/retext-smartypants-2.0.0.tgz#390897c500cbcb959b83a0772609e174b1dcf44c"
-  integrity sha1-OQiXxQDLy5Wbg6B3JgnhdLHc9Ew=
-  dependencies:
-    nlcst-to-string "^2.0.0"
-    unist-util-visit "^1.0.0"
-
-retext-stringify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/retext-stringify/-/retext-stringify-1.0.0.tgz#0032e4be3254ea56b19242ef406515479a3346a9"
-  integrity sha1-ADLkvjJU6laxkkLvQGUVR5ozRqk=
-  dependencies:
-    nlcst-to-string "^2.0.0"
-
-retext@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/retext/-/retext-4.0.0.tgz#db12d45fe758530175f779176a112f5f73d22638"
-  integrity sha1-2xLUX+dYUwF193kXahEvX3PSJjg=
-  dependencies:
-    retext-latin "^1.0.0"
-    retext-stringify "^1.0.0"
-    unified "^5.0.0"
-
-retry@^0.10.0:
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
-  integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
-
-rgb-hex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/rgb-hex/-/rgb-hex-1.0.0.tgz#bfaf8cd9cd9164b5a26d71eb4f15a0965324b3c1"
-  integrity sha1-v6+M2c2RZLWibXHrTxWgllMks8E=
-
-rgb@~0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/rgb/-/rgb-0.1.0.tgz#be27b291e8feffeac1bd99729721bfa40fc037b5"
-  integrity sha1-vieykej+/+rBvZlylyG/pA/AN7U=
-
-ric@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/ric/-/ric-1.3.0.tgz#8e95042609ce8213548a83164d08e94fae94909f"
-  integrity sha1-jpUEJgnOghNUioMWTQjpT66UkJ8=
-
-right-align@^0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
-  integrity sha1-YTObci/mo1FWiSENJOFMlhSGE+8=
-  dependencies:
-    align-text "^0.1.1"
-
-rimraf@^2.2.6, rimraf@^2.2.8, rimraf@^2.3.2, rimraf@^2.4.4, rimraf@^2.5.0, rimraf@^2.5.4, rimraf@^2.6.1:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
-ripemd160@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-0.2.0.tgz#2bf198bde167cacfa51c0a928e84b68bbe171fce"
-  integrity sha1-K/GYveFnys+lHAqSjoS2i74XH84=
-
-ripemd160@^2.0.0, ripemd160@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-
-rn-host-detect@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/rn-host-detect/-/rn-host-detect-1.1.5.tgz#fbecb982b73932f34529e97932b9a63e58d8deb6"
-  integrity sha512-ufk2dFT3QeP9HyZ/xTuMtW27KnFy815CYitJMqQm+pgG3ZAtHBsrU8nXizNKkqXGy3bQmhEoloVbrfbvMJMqkg==
-
-rollup@^0.58.2:
-  version "0.58.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-0.58.2.tgz#2feddea8c0c022f3e74b35c48e3c21b3433803ce"
-  integrity sha512-RZVvCWm9BHOYloaE6LLiE/ibpjv1CmI8F8k0B0Cp+q1eezo3cswszJH1DN0djgzSlo0hjuuCmyeI+1XOYLl4wg==
-  dependencies:
-    "@types/estree" "0.0.38"
-    "@types/node" "*"
-
-rsvp@^3.0.13, rsvp@^3.0.18:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-3.6.2.tgz#2e96491599a96cde1b515d5674a8f7a91452926a"
-  integrity sha512-OfWGQTb9vnwRjwtA2QwpG2ICclHC3pgXZO5xt8H2EfgDquO0qVdSb5T88L4qJVAEugbS56pAuV4XZM58UX8ulw==
-
-run-async@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
-  integrity sha1-A3GrSuC91yDUFm19/aZP96RFpsA=
-  dependencies:
-    is-promise "^2.1.0"
-
-rx-lite-aggregates@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz#753b87a89a11c95467c4ac1626c4efc4e05c67be"
-  integrity sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=
-  dependencies:
-    rx-lite "*"
-
-rx-lite@*, rx-lite@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
-  integrity sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=
-
-safe-buffer@5.1.2, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
-safe-regex@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
-  integrity sha1-QKNmnzsHfR6UPURinhV91IAjvy4=
-  dependencies:
-    ret "~0.1.10"
-
-"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
-  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
-
-sane@^1.3.3:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/sane/-/sane-1.7.0.tgz#b3579bccb45c94cf20355cc81124990dfd346e30"
-  integrity sha1-s1ebzLRclM8gNVzIESSZDf00bjA=
-  dependencies:
-    anymatch "^1.3.0"
-    exec-sh "^0.2.0"
-    fb-watchman "^2.0.0"
-    minimatch "^3.0.2"
-    minimist "^1.1.1"
-    walker "~1.0.5"
-    watch "~0.10.0"
-
-sanitize-html@^1.14.1:
-  version "1.20.1"
-  resolved "https://registry.yarnpkg.com/sanitize-html/-/sanitize-html-1.20.1.tgz#f6effdf55dd398807171215a62bfc21811bacf85"
-  integrity sha512-txnH8TQjaQvg2Q0HY06G6CDJLVYCpbnxrdO0WN8gjCKaU5J0KbyGYhZxx5QJg3WLZ1lB7XU9kDkfrCXUozqptA==
-  dependencies:
-    chalk "^2.4.1"
-    htmlparser2 "^3.10.0"
-    lodash.clonedeep "^4.5.0"
-    lodash.escaperegexp "^4.1.2"
-    lodash.isplainobject "^4.0.6"
-    lodash.isstring "^4.0.1"
-    lodash.mergewith "^4.6.1"
-    postcss "^7.0.5"
-    srcset "^1.0.0"
-    xtend "^4.0.1"
-
-sax@>=0.6.0, sax@^1.2.4, sax@~1.2.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
-sc-channel@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/sc-channel/-/sc-channel-1.2.0.tgz#d9209f3a91e3fa694c66b011ce55c4ad8c3087d9"
-  integrity sha512-M3gdq8PlKg0zWJSisWqAsMmTVxYRTpVRqw4CWAdKBgAfVKumFcTjoCV0hYu7lgUXccCtCD8Wk9VkkE+IXCxmZA==
-  dependencies:
-    component-emitter "1.2.1"
-
-sc-errors@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/sc-errors/-/sc-errors-1.4.1.tgz#53e80030fe647e133d73b51eaa7d2b0f7591fd5b"
-  integrity sha512-dBn92iIonpChTxYLgKkIT/PCApvmYT6EPIbRvbQKTgY6tbEbIy8XVUv4pGyKwEK4nCmvX4TKXcN0iXC6tNW6rQ==
-
-sc-formatter@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/sc-formatter/-/sc-formatter-3.0.2.tgz#9abdb14e71873ce7157714d3002477bbdb33c4e6"
-  integrity sha512-9PbqYBpCq+OoEeRQ3QfFIGE6qwjjBcd2j7UjgDlhnZbtSnuGgHdcRklPKYGuYFH82V/dwd+AIpu8XvA1zqTd+A==
-
-scheduler@^0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.18.0.tgz#5901ad6659bc1d8f3fdaf36eb7a67b0d6746b1c4"
-  integrity sha512-agTSHR1Nbfi6ulI0kYNK0203joW2Y5W4po4l+v03tOoiJKpTBbxpNhWDvqc/4IcOw+KLmSiQLTasZ4cab2/UWQ==
-  dependencies:
-    loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
-schema-utils@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.3.0.tgz#f5877222ce3e931edae039f17eb3716e7137f8cf"
-  integrity sha1-9YdyIs4+kx7a4DnxfrNxbnE3+M8=
-  dependencies:
-    ajv "^5.0.0"
-
-scroll-behavior@^0.9.9:
-  version "0.9.10"
-  resolved "https://registry.yarnpkg.com/scroll-behavior/-/scroll-behavior-0.9.10.tgz#c8953adeeb3586060b903328d860aa8346d62861"
-  integrity sha512-JVJQkBkqMLEM4ATtbHTKare97zhz/qlla9mNttFYY/bcpyOb4BuBGEQ/N9AQWXvshzf6zo9jP60TlphnJ4YPoQ==
-  dependencies:
-    dom-helpers "^3.2.1"
-    invariant "^2.2.2"
-
-scrollbarwidth@^0.1.3:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/scrollbarwidth/-/scrollbarwidth-0.1.3.tgz#1b0de64e288c38c427f4a01fe00a462a04b94fdf"
-  integrity sha1-Gw3mTiiMOMQn9KAf4ApGKgS5T98=
-
-seek-bzip@^1.0.3:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/seek-bzip/-/seek-bzip-1.0.5.tgz#cfe917cb3d274bcffac792758af53173eb1fabdc"
-  integrity sha1-z+kXyz0nS8/6x5J1ivUxc+sfq9w=
-  dependencies:
-    commander "~2.8.1"
-
-select@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/select/-/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
-  integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
-
-semver-diff@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"
-  integrity sha1-S7uEN8jTfksM8aaP1ybsbWRdbTY=
-  dependencies:
-    semver "^5.0.3"
-
-semver-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-1.0.0.tgz#92a4969065f9c70c694753d55248fc68f8f652c9"
-  integrity sha1-kqSWkGX5xwxpR1PVUkj8aPj2Usk=
-
-semver-truncate@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/semver-truncate/-/semver-truncate-1.1.2.tgz#57f41de69707a62709a7e0104ba2117109ea47e8"
-  integrity sha1-V/Qd5pcHpicJp+AQS6IRcQnqR+g=
-  dependencies:
-    semver "^5.3.0"
-
-"semver@2 || 3 || 4 || 5", semver@^5.0.1, semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.1:
-  version "5.7.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.0.tgz#790a7cf6fea5459bac96110b29b60412dc8ff96b"
-  integrity sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==
-
-semver@^4.0.3, semver@^4.3.3:
-  version "4.3.6"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-4.3.6.tgz#300bc6e0e86374f7ba61068b5b1ecd57fc6532da"
-  integrity sha1-MAvG4OhjdPe6YQaLWx7NV/xlMto=
-
-send@0.16.2:
-  version "0.16.2"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.16.2.tgz#6ecca1e0f8c156d141597559848df64730a6bbc1"
-  integrity sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==
-  dependencies:
-    debug "2.6.9"
-    depd "~1.1.2"
-    destroy "~1.0.4"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "~1.6.2"
-    mime "1.4.1"
-    ms "2.0.0"
-    on-finished "~2.3.0"
-    range-parser "~1.2.0"
-    statuses "~1.4.0"
-
-serve-handler@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/serve-handler/-/serve-handler-4.0.0.tgz#cf2a40f27f7a5ec29cbbd1732fcd6a16afdc0c41"
-  integrity sha512-zCRfTTfE7Fit2k4JQC/EoKhDyPqMv3FTIQZ/Pvg0ec4d22LdWeqArPCpQmrnnSXlHMbcgFJ/3r7bCuhvrkwFbg==
-  dependencies:
-    bytes "3.0.0"
-    content-disposition "0.5.2"
-    fast-url-parser "1.1.3"
-    glob-slasher "1.0.1"
-    mime-types "2.1.18"
-    minimatch "3.0.4"
-    path-is-inside "1.0.2"
-    path-to-regexp "2.2.1"
-    range-parser "1.2.0"
-
-serve-index@^1.7.2:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
-  integrity sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=
-  dependencies:
-    accepts "~1.3.4"
-    batch "0.6.1"
-    debug "2.6.9"
-    escape-html "~1.0.3"
-    http-errors "~1.6.2"
-    mime-types "~2.1.17"
-    parseurl "~1.3.2"
-
-serve-static@1.13.2:
-  version "1.13.2"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.13.2.tgz#095e8472fd5b46237db50ce486a43f4b86c6cec1"
-  integrity sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==
-  dependencies:
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    parseurl "~1.3.2"
-    send "0.16.2"
-
-serve@^9.2.0:
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/serve/-/serve-9.6.0.tgz#303f198c03ad2d47eb90972447c7bd5878a4c7ac"
-  integrity sha512-E5wtMirS9ADD+bs99GofXsLUxwW8EJWc2zQA+x4FwgVGAVnJdzTWIJeFtbVFLaheBewCfN849RwZU2tyAUTIZg==
-  dependencies:
-    "@zeit/schemas" "2.1.1"
-    ajv "6.5.2"
-    arg "2.0.0"
-    boxen "1.3.0"
-    chalk "2.4.1"
-    clipboardy "1.2.3"
-    serve-handler "4.0.0"
-    update-check "1.5.2"
-
-set-blocking@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-1.0.0.tgz#cd5e5d938048df1ac92dfe92e1f16add656f5ec5"
-  integrity sha1-zV5dk4BI3xrJLf6S4fFq3WVvXsU=
-
-set-blocking@^2.0.0, set-blocking@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-  integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
-
-set-immediate-shim@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
-  integrity sha1-SysbJ+uAip+NzEgaWOXlb1mfP2E=
-
-set-value@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/set-value/-/set-value-0.4.3.tgz#7db08f9d3d22dc7f78e53af3c3bf4666ecdfccf1"
-  integrity sha1-fbCPnT0i3H945Trzw79GZuzfzPE=
-  dependencies:
-    extend-shallow "^2.0.1"
-    is-extendable "^0.1.1"
-    is-plain-object "^2.0.1"
-    to-object-path "^0.3.0"
-
-set-value@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.0.tgz#71ae4a88f0feefbbf52d1ea604f3fb315ebb6274"
-  integrity sha512-hw0yxk9GT/Hr5yJEYnHNKYXkIA8mVJgd9ditYZCe16ZczcaELYYcfvaXesNACk2O8O0nTiPQcQhGUQj8JLzeeg==
-  dependencies:
-    extend-shallow "^2.0.1"
-    is-extendable "^0.1.1"
-    is-plain-object "^2.0.3"
-    split-string "^3.0.1"
-
-setimmediate@^1.0.4, setimmediate@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
-
-setprototypeof@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
-  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
-
-setprototypeof@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.1.tgz#7e95acb24aa92f5885e0abef5ba131330d4ae683"
-  integrity sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==
-
-sha.js@2.2.6:
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.2.6.tgz#17ddeddc5f722fb66501658895461977867315ba"
-  integrity sha1-F93t3F9yL7ZlAWWIlUYZd4ZzFbo=
-
-sha.js@^2.4.0, sha.js@^2.4.8:
-  version "2.4.11"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
-  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-shallow-compare@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/shallow-compare/-/shallow-compare-1.2.2.tgz#fa4794627bf455a47c4f56881d8a6132d581ffdb"
-  integrity sha512-LUMFi+RppPlrHzbqmFnINTrazo0lPNwhcgzuAXVVcfy/mqPDrQmHAyz5bvV0gDAuRFrk804V0HpQ6u9sZ0tBeg==
-
-shallowequal@1.1.0, shallowequal@^1.0.1, shallowequal@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
-  integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==
-
-sharp@^0.20.0:
-  version "0.20.8"
-  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.20.8.tgz#e853f10b53b730824f0c3c5e453c79fa0812a48b"
-  integrity sha512-A8NaPGWRDKpmHTi8sl2xzozYXhTQWBb/GaJ8ZPU7L/vKW8wVvd4Yq+isJ0c7p9sX5gnjPQcM3eOfHuvvnZ2fOQ==
-  dependencies:
-    color "^3.0.0"
-    detect-libc "^1.0.3"
-    fs-copy-file-sync "^1.1.1"
-    nan "^2.11.0"
-    npmlog "^4.1.2"
-    prebuild-install "^4.0.0"
-    semver "^5.5.1"
-    simple-get "^2.8.1"
-    tar "^4.4.6"
-    tunnel-agent "^0.6.0"
-
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=
-  dependencies:
-    shebang-regex "^1.0.0"
-
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
-
-shell-quote@1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.6.1.tgz#f4781949cce402697127430ea3b3c5476f481767"
-  integrity sha1-9HgZSczkAmlxJ0MOo7PFR29IF2c=
-  dependencies:
-    array-filter "~0.0.0"
-    array-map "~0.0.0"
-    array-reduce "~0.0.0"
-    jsonify "~0.0.0"
-
-shelljs@0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.7.0.tgz#3f6f2e4965cec565f65ff3861d644f879281a576"
-  integrity sha1-P28uSWXOxWX2X/OGHWRPh5KBpXY=
-  dependencies:
-    glob "^7.0.0"
-    interpret "^1.0.0"
-    rechoir "^0.6.2"
-
-sift@^3.2.6:
-  version "3.3.12"
-  resolved "https://registry.yarnpkg.com/sift/-/sift-3.3.12.tgz#4f5cdf16af3db32afa04ab25297b0e20ad98294a"
-  integrity sha1-T1zfFq89syr6BKslKXsOIK2YKUo=
-
-signal-exit@^3.0.0, signal-exit@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
-  integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
-
-signedsource@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/signedsource/-/signedsource-1.0.0.tgz#1ddace4981798f93bd833973803d80d52e93ad6a"
-  integrity sha1-HdrOSYF5j5O9gzlzgD2A1S6TrWo=
-
-simple-concat@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/simple-concat/-/simple-concat-1.0.0.tgz#7344cbb8b6e26fb27d66b2fc86f9f6d5997521c6"
-  integrity sha1-c0TLuLbib7J9ZrL8hvn21Zl1IcY=
-
-simple-get@^2.7.0, simple-get@^2.8.1:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/simple-get/-/simple-get-2.8.1.tgz#0e22e91d4575d87620620bc91308d57a77f44b5d"
-  integrity sha512-lSSHRSw3mQNUGPAYRqo7xy9dhKmxFXIjLjp4KHpf99GEH2VH7C3AM+Qfx6du6jhfUi6Vm7XnbEVEf7Wb6N8jRw==
-  dependencies:
-    decompress-response "^3.3.0"
-    once "^1.3.1"
-    simple-concat "^1.0.0"
-
-simple-swizzle@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
-  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
-  dependencies:
-    is-arrayish "^0.3.1"
-
-simplebar-react@^1.0.0-alpha.6:
-  version "1.0.0-alpha.9"
-  resolved "https://registry.yarnpkg.com/simplebar-react/-/simplebar-react-1.0.0-alpha.9.tgz#06d774b425c6ea611e8738773abe88bcbcf025c6"
-  integrity sha512-xP6/7Rpxz6z0o3PoF72BoavxJ9vF0+Br60AFGN6G4Tj4Y5eGbU8JnCcgdeY+JvWGqs6YnRMAqKr+vkIaWiPmPg==
-  dependencies:
-    prop-types "^15.6.1"
-    simplebar "^4.0.0-alpha.9"
-
-simplebar@^4.0.0-alpha.9:
-  version "4.0.0-alpha.9"
-  resolved "https://registry.yarnpkg.com/simplebar/-/simplebar-4.0.0-alpha.9.tgz#e6cf24a2e613abbef952e962680ed2429d421617"
-  integrity sha512-WGscL/Lsrfk0uTuG1Pyl/jV6ZkZh0A70atCxcVfvS81aGZdnRjQfHntQPT/nSr+8jxv6YSib5F+FnPCGVw9raw==
-  dependencies:
-    can-use-dom "^0.1.0"
-    core-js "^3.0.1"
-    lodash.debounce "^4.0.8"
-    lodash.memoize "^4.1.2"
-    lodash.throttle "^4.1.1"
-    resize-observer-polyfill "^1.5.1"
-    scrollbarwidth "^0.1.3"
-
-sitemap@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/sitemap/-/sitemap-4.1.1.tgz#c9b459c7d797e629c61f56b86586d4f67dbf250b"
-  integrity sha512-+8yd66IxyIFEMFkFpVoPuoPwBvdiL7Ap/HS5YD7igqO4phkyTPFIprCAE9NMHehAY5ZGN3MkAze4lDrOAX3sVQ==
-  dependencies:
-    "@types/node" "^12.0.2"
-    "@types/sax" "^1.2.0"
-    arg "^4.1.1"
-    sax "^1.2.4"
-    xmlbuilder "^13.0.0"
-
-slash@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
-  integrity sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=
-
-snapdragon-node@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
-  integrity sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==
-  dependencies:
-    define-property "^1.0.0"
-    isobject "^3.0.0"
-    snapdragon-util "^3.0.1"
-
-snapdragon-util@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/snapdragon-util/-/snapdragon-util-3.0.1.tgz#f956479486f2acd79700693f6f7b805e45ab56e2"
-  integrity sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==
-  dependencies:
-    kind-of "^3.2.0"
-
-snapdragon@^0.8.1:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/snapdragon/-/snapdragon-0.8.2.tgz#64922e7c565b0e14204ba1aa7d6964278d25182d"
-  integrity sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==
-  dependencies:
-    base "^0.11.1"
-    debug "^2.2.0"
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    map-cache "^0.2.2"
-    source-map "^0.5.6"
-    source-map-resolve "^0.5.0"
-    use "^3.1.0"
-
-socket.io-adapter@~1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/socket.io-adapter/-/socket.io-adapter-1.1.1.tgz#2a805e8a14d6372124dd9159ad4502f8cb07f06b"
-  integrity sha1-KoBeihTWNyEk3ZFZrUUC+MsH8Gs=
-
-socket.io-client@2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-2.2.0.tgz#84e73ee3c43d5020ccc1a258faeeb9aec2723af7"
-  integrity sha512-56ZrkTDbdTLmBIyfFYesgOxsjcLnwAKoN4CiPyTVkMQj3zTUh0QAx3GbvIvLpFEOvQWu92yyWICxB0u7wkVbYA==
-  dependencies:
-    backo2 "1.0.2"
-    base64-arraybuffer "0.1.5"
-    component-bind "1.0.0"
-    component-emitter "1.2.1"
-    debug "~3.1.0"
-    engine.io-client "~3.3.1"
-    has-binary2 "~1.0.2"
-    has-cors "1.1.0"
-    indexof "0.0.1"
-    object-component "0.0.3"
-    parseqs "0.0.5"
-    parseuri "0.0.5"
-    socket.io-parser "~3.3.0"
-    to-array "0.1.4"
-
-socket.io-parser@~3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-3.3.0.tgz#2b52a96a509fdf31440ba40fed6094c7d4f1262f"
-  integrity sha512-hczmV6bDgdaEbVqhAeVMM/jfUfzuEZHsQg6eOmLgJht6G3mPKMxYm75w2+qhAQZ+4X+1+ATZ+QFKeOZD5riHng==
-  dependencies:
-    component-emitter "1.2.1"
-    debug "~3.1.0"
-    isarray "2.0.1"
-
-socket.io@^2.0.3:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-2.2.0.tgz#f0f633161ef6712c972b307598ecd08c9b1b4d5b"
-  integrity sha512-wxXrIuZ8AILcn+f1B4ez4hJTPG24iNgxBBDaJfT6MsyOhVYiTXWexGoPkd87ktJG8kQEcL/NBvRi64+9k4Kc0w==
-  dependencies:
-    debug "~4.1.0"
-    engine.io "~3.3.1"
-    has-binary2 "~1.0.2"
-    socket.io-adapter "~1.1.0"
-    socket.io-client "2.2.0"
-    socket.io-parser "~3.3.0"
-
-socketcluster-client@^14.2.1:
-  version "14.2.2"
-  resolved "https://registry.yarnpkg.com/socketcluster-client/-/socketcluster-client-14.2.2.tgz#60b31318abe6828ba7233f5a9a32540263fd23b6"
-  integrity sha512-vofmFcTaHaIf+MqAR0OZS7e30X4jxbDPJl+taCe8kLGJ5rVOrKeuU0sGyHyHyqW87AIR6jqc4KODl4WQJ4SsAA==
-  dependencies:
-    buffer "^5.2.1"
-    clone "2.1.1"
-    component-emitter "1.2.1"
-    linked-list "0.1.0"
-    querystring "0.2.0"
-    sc-channel "^1.2.0"
-    sc-errors "^1.4.1"
-    sc-formatter "^3.0.1"
-    uuid "3.2.1"
-    ws "5.1.1"
-
-sockjs-client@1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.1.4.tgz#5babe386b775e4cf14e7520911452654016c8b12"
-  integrity sha1-W6vjhrd15M8U51IJEUUmVAFsixI=
-  dependencies:
-    debug "^2.6.6"
-    eventsource "0.1.6"
-    faye-websocket "~0.11.0"
-    inherits "^2.0.1"
-    json3 "^3.3.2"
-    url-parse "^1.1.8"
-
-sockjs-client@^1.0.3:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.3.0.tgz#12fc9d6cb663da5739d3dc5fb6e8687da95cb177"
-  integrity sha512-R9jxEzhnnrdxLCNln0xg5uGHqMnkhPSTzUZH2eXcR03S/On9Yvoq2wyUZILRUhZCNVu2PmwWVoyuiPz8th8zbg==
-  dependencies:
-    debug "^3.2.5"
-    eventsource "^1.0.7"
-    faye-websocket "~0.11.1"
-    inherits "^2.0.3"
-    json3 "^3.3.2"
-    url-parse "^1.4.3"
-
-sockjs@^0.3.15:
-  version "0.3.19"
-  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.19.tgz#d976bbe800af7bd20ae08598d582393508993c0d"
-  integrity sha512-V48klKZl8T6MzatbLlzzRNhMepEys9Y4oGFpypBFFn1gLI/QQ9HtLLyWJNbPlwGLelOVOEijUbTTJeLLI59jLw==
-  dependencies:
-    faye-websocket "^0.10.0"
-    uuid "^3.0.1"
-
-sort-keys@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
-  integrity sha1-RBttTTRnmPG05J6JIK37oOVD+a0=
-  dependencies:
-    is-plain-obj "^1.0.0"
-
-source-list-map@^0.1.7, source-list-map@~0.1.7:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-0.1.8.tgz#c550b2ab5427f6b3f21f5afead88c4f5587b2106"
-  integrity sha1-xVCyq1Qn9rPyH1r+rYjE9Vh7IQY=
-
-source-list-map@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-1.1.2.tgz#9889019d1024cce55cdc069498337ef6186a11a1"
-  integrity sha1-mIkBnRAkzOVc3AaUmDN+9hhqEaE=
-
-source-map-resolve@^0.5.0:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.2.tgz#72e2cc34095543e43b2c62b2c4c10d4a9054f259"
-  integrity sha512-MjqsvNwyz1s0k81Goz/9vRBe9SZdB09Bdw+/zYyO+3CuPk6fouTaxscHkgtE8jKvf01kVfl8riHzERQ/kefaSA==
-  dependencies:
-    atob "^2.1.1"
-    decode-uri-component "^0.2.0"
-    resolve-url "^0.2.1"
-    source-map-url "^0.4.0"
-    urix "^0.1.0"
-
-source-map-support@^0.4.15:
-  version "0.4.18"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
-  integrity sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==
-  dependencies:
-    source-map "^0.5.6"
-
-source-map-support@~0.2.8:
-  version "0.2.10"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.2.10.tgz#ea5a3900a1c1cb25096a0ae8cc5c2b4b10ded3dc"
-  integrity sha1-6lo5AKHByyUJagrozFwrSxDe09w=
-  dependencies:
-    source-map "0.1.32"
-
-source-map-url@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
-  integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
-
-source-map@0.1.32:
-  version "0.1.32"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.32.tgz#c8b6c167797ba4740a8ea33252162ff08591b266"
-  integrity sha1-yLbBZ3l7pHQKjqMyUhYv8IWRsmY=
-  dependencies:
-    amdefine ">=0.0.4"
-
-source-map@0.5.6:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
-  integrity sha1-dc449SvwczxafwwRjYEzSiu19BI=
-
-source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.1, source-map@~0.5.3:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
-
-source-map@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
-source-map@~0.1.38:
-  version "0.1.43"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
-  integrity sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=
-  dependencies:
-    amdefine ">=0.0.4"
-
-source-map@~0.4.1:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
-  integrity sha1-66T12pwNyZneaAMti092FzZSA2s=
-  dependencies:
-    amdefine ">=0.0.4"
-
-sourcemapped-stacktrace@^1.1.6:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/sourcemapped-stacktrace/-/sourcemapped-stacktrace-1.1.9.tgz#c744a99936b33b6891409f4d45c3d2b28ecded4a"
-  integrity sha512-N6SLOT+9OQZdoSpu1PkSjyrxx/B2SGom9LuxjbwZFNNz7+FpMEUpwb3JV+UpaxWvoGM/8k7guuOJxcB6BWEU9Q==
-  dependencies:
-    source-map "0.5.6"
-
-space-separated-tokens@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-1.1.3.tgz#bc6500e116d13285a94b59b58c44c7f045fe6124"
-  integrity sha512-/M5RAdBuQlSDPNfA5ube+fkHbHyY08pMuADLmsAQURzo56w90r681oiOoz3o3ZQyWdSeNucpTFjL+Ggd5qui3w==
-
-sparkles@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/sparkles/-/sparkles-1.0.1.tgz#008db65edce6c50eec0c5e228e1945061dd0437c"
-  integrity sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==
-
-spdx-correct@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
-  integrity sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==
-  dependencies:
-    spdx-expression-parse "^3.0.0"
-    spdx-license-ids "^3.0.0"
-
-spdx-exceptions@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz#2ea450aee74f2a89bfb94519c07fcd6f41322977"
-  integrity sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==
-
-spdx-expression-parse@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz#99e119b7a5da00e05491c9fa338b7904823b41d0"
-  integrity sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==
-  dependencies:
-    spdx-exceptions "^2.1.0"
-    spdx-license-ids "^3.0.0"
-
-spdx-license-ids@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.4.tgz#75ecd1a88de8c184ef015eafb51b5b48bfd11bb1"
-  integrity sha512-7j8LYJLeY/Yb6ACbQ7F76qy5jHkp0U6jgBfJsk97bwWlVUnUWsAgpyaCvo17h0/RQGnQ036tVDomiwoI4pDkQA==
-
-split-string@^3.0.1, split-string@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
-  integrity sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==
-  dependencies:
-    extend-shallow "^3.0.0"
-
-sprintf-js@^1.0.3:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
-  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
-
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
-
-squeak@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/squeak/-/squeak-1.3.0.tgz#33045037b64388b567674b84322a6521073916c3"
-  integrity sha1-MwRQN7ZDiLVnZ0uEMiplIQc5FsM=
-  dependencies:
-    chalk "^1.0.0"
-    console-stream "^0.1.1"
-    lpad-align "^1.0.1"
-
-srcset@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/srcset/-/srcset-1.0.0.tgz#a5669de12b42f3b1d5e83ed03c71046fc48f41ef"
-  integrity sha1-pWad4StC87HV6D7QPHEEb8SPQe8=
-  dependencies:
-    array-uniq "^1.0.2"
-    number-is-nan "^1.0.0"
-
-sshpk@^1.7.0:
-  version "1.16.1"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
-  integrity sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==
-  dependencies:
-    asn1 "~0.2.3"
-    assert-plus "^1.0.0"
-    bcrypt-pbkdf "^1.0.0"
-    dashdash "^1.12.0"
-    ecc-jsbn "~0.1.1"
-    getpass "^0.1.1"
-    jsbn "~0.1.0"
-    safer-buffer "^2.0.2"
-    tweetnacl "~0.14.0"
-
-stack-trace@^0.0.10:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/stack-trace/-/stack-trace-0.0.10.tgz#547c70b347e8d32b4e108ea1a2a159e5fdde19c0"
-  integrity sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=
-
-stackframe@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-0.3.1.tgz#33aa84f1177a5548c8935533cbfeb3420975f5a4"
-  integrity sha1-M6qE8Rd6VUjIk1Uzy/6zQgl19aQ=
-
-stackframe@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.0.4.tgz#357b24a992f9427cba6b545d96a14ed2cbca187b"
-  integrity sha512-to7oADIniaYwS3MhtCa/sQhrxidCCQiF/qp4/m5iN3ipf0Y7Xlri0f6eG29r08aL7JYl8n32AF3Q5GYBZ7K8vw==
-
-stat-mode@^0.2.0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/stat-mode/-/stat-mode-0.2.2.tgz#e6c80b623123d7d80cf132ce538f346289072502"
-  integrity sha1-5sgLYjEj19gM8TLOU480YokHJQI=
-
-state-toggle@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/state-toggle/-/state-toggle-1.0.1.tgz#c3cb0974f40a6a0f8e905b96789eb41afa1cde3a"
-  integrity sha512-Qe8QntFrrpWTnHwvwj2FZTgv+PKIsp0B9VxLzLLbSpPXWOgRgc5LVj/aTiSfK1RqIeF9jeC1UeOH8Q8y60A7og==
-
-static-extend@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
-  integrity sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=
-  dependencies:
-    define-property "^0.2.5"
-    object-copy "^0.1.0"
-
-static-site-generator-webpack-plugin@^3.4.1:
-  version "3.4.2"
-  resolved "https://registry.yarnpkg.com/static-site-generator-webpack-plugin/-/static-site-generator-webpack-plugin-3.4.2.tgz#ad9fd0a4fb8b6f439a7a66018320b459bdb6d916"
-  integrity sha512-39Kn+fZDVjolLYuX5y1rDvksJIW0QEUaEC/AVO/UewNXxGzoSQI1UYnRsL+ocAcN5Yti6d6rJgEL0qZ5tNXfdw==
-  dependencies:
-    bluebird "^3.0.5"
-    cheerio "^0.22.0"
-    eval "^0.1.0"
-    url "^0.11.0"
-    webpack-sources "^0.2.0"
-
-"statuses@>= 1.4.0 < 2", "statuses@>= 1.5.0 < 2":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-  integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
-
-statuses@~1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.4.0.tgz#bb73d446da2796106efcc1b601a253d6c46bd087"
-  integrity sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==
-
-steno@^0.4.1:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/steno/-/steno-0.4.4.tgz#071105bdfc286e6615c0403c27e9d7b5dcb855cb"
-  integrity sha1-BxEFvfwobmYVwEA8J+nXtdy4Vcs=
-  dependencies:
-    graceful-fs "^4.1.3"
-
-stream-browserify@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
-  integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
-  dependencies:
-    inherits "~2.0.1"
-    readable-stream "^2.0.2"
-
-stream-cache@~0.0.1:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/stream-cache/-/stream-cache-0.0.2.tgz#1ac5ad6832428ca55667dbdee395dad4e6db118f"
-  integrity sha1-GsWtaDJCjKVWZ9ve45Xa1ObbEY8=
-
-stream-combiner2@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/stream-combiner2/-/stream-combiner2-1.1.1.tgz#fb4d8a1420ea362764e21ad4780397bebcb41cbe"
-  integrity sha1-+02KFCDqNidk4hrUeAOXvry0HL4=
-  dependencies:
-    duplexer2 "~0.1.0"
-    readable-stream "^2.0.2"
-
-stream-http@^2.3.1, stream-http@^2.7.2:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
-  integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
-  dependencies:
-    builtin-status-codes "^3.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.3.6"
-    to-arraybuffer "^1.0.0"
-    xtend "^4.0.0"
-
-stream-parser@~0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/stream-parser/-/stream-parser-0.3.1.tgz#1618548694420021a1182ff0af1911c129761773"
-  integrity sha1-FhhUhpRCACGhGC/wrxkRwSl2F3M=
-  dependencies:
-    debug "2"
-
-stream-shift@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.0.tgz#d5c752825e5367e786f78e18e445ea223a155952"
-  integrity sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=
-
-stream-to-buffer@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/stream-to-buffer/-/stream-to-buffer-0.1.0.tgz#26799d903ab2025c9bd550ac47171b00f8dd80a9"
-  integrity sha1-JnmdkDqyAlyb1VCsRxcbAPjdgKk=
-  dependencies:
-    stream-to "~0.2.0"
-
-stream-to@~0.2.0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/stream-to/-/stream-to-0.2.2.tgz#84306098d85fdb990b9fa300b1b3ccf55e8ef01d"
-  integrity sha1-hDBgmNhf25kLn6MAsbPM9V6O8B0=
-
-strict-uri-encode@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
-  integrity sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=
-
-string-similarity@^1.2.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/string-similarity/-/string-similarity-1.2.2.tgz#99b2c20a3c9bbb3903964eae1d89856db3d8db9b"
-  integrity sha512-IoHUjcw3Srl8nsPlW04U3qwWPk3oG2ffLM0tN853d/E/JlIvcmZmDY2Kz5HzKp4lEi2T7QD7Zuvjq/1rDw+XcQ==
-  dependencies:
-    lodash.every "^4.6.0"
-    lodash.flattendeep "^4.4.0"
-    lodash.foreach "^4.5.0"
-    lodash.map "^4.6.0"
-    lodash.maxby "^4.6.0"
-
-string-width@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
-  integrity sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=
-  dependencies:
-    code-point-at "^1.0.0"
-    is-fullwidth-code-point "^1.0.0"
-    strip-ansi "^3.0.0"
-
-"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
-  integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
-  dependencies:
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^4.0.0"
-
-string.prototype.trim@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.1.2.tgz#d04de2c89e137f4d7d206f086b5ed2fae6be8cea"
-  integrity sha1-0E3iyJ4Tf019IG8Ia17S+ua+jOo=
-  dependencies:
-    define-properties "^1.1.2"
-    es-abstract "^1.5.0"
-    function-bind "^1.0.2"
-
-string_decoder@^0.10.25, string_decoder@~0.10.x:
-  version "0.10.31"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
-  integrity sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=
-
-string_decoder@^1.0.0, string_decoder@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.2.0.tgz#fe86e738b19544afe70469243b2a1ee9240eae8d"
-  integrity sha512-6YqyX6ZWEYguAxgZzHGL7SsCeGx3V2TtOTqZz1xSTSWnqsbWwbptafNyvf/ACquZUXV3DANr5BDIwNYe1mN42w==
-  dependencies:
-    safe-buffer "~5.1.0"
-
-string_decoder@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
-  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-  dependencies:
-    safe-buffer "~5.1.0"
-
-stringify-entities@^1.0.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-1.3.2.tgz#a98417e5471fd227b3e45d3db1861c11caf668f7"
-  integrity sha512-nrBAQClJAPN2p+uGCVJRPIPakKeKWZ9GtBCmormE7pWOSlHat7+x5A8gx85M7HM5Dt0BP3pP5RhVW77WdbJJ3A==
-  dependencies:
-    character-entities-html4 "^1.0.0"
-    character-entities-legacy "^1.0.0"
-    is-alphanumerical "^1.0.0"
-    is-hexadecimal "^1.0.0"
-
-strip-ansi@3.0.1, strip-ansi@^3.0.0, strip-ansi@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
-  dependencies:
-    ansi-regex "^2.0.0"
-
-strip-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
-  dependencies:
-    ansi-regex "^3.0.0"
-
-strip-bom-stream@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom-stream/-/strip-bom-stream-1.0.0.tgz#e7144398577d51a6bed0fa1994fa05f43fd988ee"
-  integrity sha1-5xRDmFd9Uaa+0PoZlPoF9D/ZiO4=
-  dependencies:
-    first-chunk-stream "^1.0.0"
-    strip-bom "^2.0.0"
-
-strip-bom-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom-string/-/strip-bom-string-1.0.0.tgz#e5211e9224369fbb81d633a2f00044dc8cedad92"
-  integrity sha1-5SEekiQ2n7uB1jOi8ABE3IztrZI=
-
-strip-bom@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
-  integrity sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=
-  dependencies:
-    is-utf8 "^0.2.0"
-
-strip-bom@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
-
-strip-dirs@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/strip-dirs/-/strip-dirs-1.1.1.tgz#960bbd1287844f3975a4558aa103a8255e2456a0"
-  integrity sha1-lgu9EoeETzl1pFWKoQOoJV4kVqA=
-  dependencies:
-    chalk "^1.0.0"
-    get-stdin "^4.0.1"
-    is-absolute "^0.1.5"
-    is-natural-number "^2.0.0"
-    minimist "^1.1.0"
-    sum-up "^1.0.1"
-
-strip-eof@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
-  integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
-
-strip-indent@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
-  integrity sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=
-  dependencies:
-    get-stdin "^4.0.1"
-
-strip-json-comments@~2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
-  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
-
-strip-outer@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/strip-outer/-/strip-outer-1.0.1.tgz#b2fd2abf6604b9d1e6013057195df836b8a9d631"
-  integrity sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==
-  dependencies:
-    escape-string-regexp "^1.0.2"
-
-style-loader@^0.13.0:
-  version "0.13.2"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-0.13.2.tgz#74533384cf698c7104c7951150b49717adc2f3bb"
-  integrity sha1-dFMzhM9pjHEEx5URULSXF63C87s=
-  dependencies:
-    loader-utils "^1.0.2"
-
-style-to-object@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.3.0.tgz#b1b790d205991cc783801967214979ee19a76e46"
-  integrity sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA==
-  dependencies:
-    inline-style-parser "0.1.1"
-
-styled-components@^4.4.1:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-4.4.1.tgz#e0631e889f01db67df4de576fedaca463f05c2f2"
-  integrity sha512-RNqj14kYzw++6Sr38n7197xG33ipEOktGElty4I70IKzQF1jzaD1U4xQ+Ny/i03UUhHlC5NWEO+d8olRCDji6g==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@emotion/is-prop-valid" "^0.8.1"
-    "@emotion/unitless" "^0.7.0"
-    babel-plugin-styled-components ">= 1"
-    css-to-react-native "^2.2.2"
-    memoize-one "^5.0.0"
-    merge-anything "^2.2.4"
-    prop-types "^15.5.4"
-    react-is "^16.6.0"
-    stylis "^3.5.0"
-    stylis-rule-sheet "^0.0.10"
-    supports-color "^5.5.0"
-
-stylis-rule-sheet@^0.0.10:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz#44e64a2b076643f4b52e5ff71efc04d8c3c4a430"
-  integrity sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw==
-
-stylis@^3.5.0:
-  version "3.5.4"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
-  integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
-
-sum-up@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sum-up/-/sum-up-1.0.3.tgz#1c661f667057f63bcb7875aa1438bc162525156e"
-  integrity sha1-HGYfZnBX9jvLeHWqFDi8FiUlFW4=
-  dependencies:
-    chalk "^1.0.0"
-
-supports-color@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
-  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
-
-supports-color@^3.1.0, supports-color@^3.1.1, supports-color@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
-  integrity sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=
-  dependencies:
-    has-flag "^1.0.0"
-
-supports-color@^5.3.0, supports-color@^5.4.0, supports-color@^5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
-  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
-  dependencies:
-    has-flag "^3.0.0"
-
-svgo@^0.7.0, svgo@^0.7.2:
-  version "0.7.2"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"
-  integrity sha1-n1dyQTlSE1xv779Ar+ak+qiLS7U=
-  dependencies:
-    coa "~1.0.1"
-    colors "~1.1.2"
-    csso "~2.3.1"
-    js-yaml "~3.7.0"
-    mkdirp "~0.5.1"
-    sax "~1.2.1"
-    whet.extend "~0.9.9"
-
-symbol-observable@^1.0.2, symbol-observable@^1.0.3, symbol-observable@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
-  integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
-
-symbol@^0.2.1:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/symbol/-/symbol-0.2.3.tgz#3b9873b8a901e47c6efe21526a3ac372ef28bbc7"
-  integrity sha1-O5hzuKkB5Hxu/iFSajrDcu8ou8c=
-
-systemjs-builder@0.16.13:
-  version "0.16.13"
-  resolved "https://registry.yarnpkg.com/systemjs-builder/-/systemjs-builder-0.16.13.tgz#02b47d03afd1e2f29562b11ec8bc13457e785c76"
-  integrity sha512-ual5RmcBt7yeXrmpEQIHmITZpNIf289hCTixo/gSOQpdVLLC5v7/W//qn3ZgK6YNdUBptS4szaGVrh7LxOqSHg==
-  dependencies:
-    babel-core "^6.24.1"
-    babel-plugin-syntax-dynamic-import "^6.18.0"
-    babel-plugin-transform-amd-system-wrapper "^0.3.7"
-    babel-plugin-transform-cjs-system-wrapper "^0.6.2"
-    babel-plugin-transform-es2015-modules-systemjs "^6.6.5"
-    babel-plugin-transform-global-system-wrapper "^0.3.4"
-    babel-plugin-transform-system-register "^0.0.1"
-    bluebird "^3.3.4"
-    data-uri-to-buffer "0.0.4"
-    es6-template-strings "^2.0.0"
-    glob "^7.0.3"
-    mkdirp "^0.5.1"
-    rollup "^0.58.2"
-    source-map "^0.5.3"
-    systemjs "^0.19.46"
-    traceur "0.0.105"
-    uglify-js "^2.6.1"
-
-systemjs@0.21.4:
-  version "0.21.4"
-  resolved "https://registry.yarnpkg.com/systemjs/-/systemjs-0.21.4.tgz#043996efcac3fefcb7d62e8c40457a42e9c86e1e"
-  integrity sha512-l1O8boHjAIY5UG74Xk4B63LK9QbFxv/FkQa//GGGWaTeQoMhTsWnFrYwPWBScSF4xQFMO/+v9QB4i633h8Oytw==
-
-systemjs@^0.19.46:
-  version "0.19.47"
-  resolved "https://registry.yarnpkg.com/systemjs/-/systemjs-0.19.47.tgz#c8c93937180f3f5481c769cd2720763fb4a31c6f"
-  integrity sha1-yMk5NxgPP1SBx2nNJyB2P7SjHG8=
-  dependencies:
-    when "^3.7.5"
-
-tapable@^0.1.8, tapable@~0.1.8:
-  version "0.1.10"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.1.10.tgz#29c35707c2b70e50d07482b5d202e8ed446dafd4"
-  integrity sha1-KcNXB8K3DlDQdIK10gLo7URtr9Q=
-
-tar-fs@^1.13.0:
-  version "1.16.3"
-  resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-1.16.3.tgz#966a628841da2c4010406a82167cbd5e0c72d509"
-  integrity sha512-NvCeXpYx7OsmOh8zIOP/ebG55zZmxLE0etfWRbWok+q2Qo8x/vOR/IJT1taADXPe+jsiu9axDb3X4B+iIgNlKw==
-  dependencies:
-    chownr "^1.0.1"
-    mkdirp "^0.5.1"
-    pump "^1.0.0"
-    tar-stream "^1.1.2"
-
-tar-stream@^1.1.1, tar-stream@^1.1.2:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-1.6.2.tgz#8ea55dab37972253d9a9af90fdcd559ae435c555"
-  integrity sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==
-  dependencies:
-    bl "^1.0.0"
-    buffer-alloc "^1.2.0"
-    end-of-stream "^1.0.0"
-    fs-constants "^1.0.0"
-    readable-stream "^2.3.0"
-    to-buffer "^1.1.1"
-    xtend "^4.0.0"
-
-tar@^4, tar@^4.4.6:
-  version "4.4.8"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.8.tgz#b19eec3fde2a96e64666df9fdb40c5ca1bc3747d"
-  integrity sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==
-  dependencies:
-    chownr "^1.1.1"
-    fs-minipass "^1.2.5"
-    minipass "^2.3.4"
-    minizlib "^1.1.1"
-    mkdirp "^0.5.0"
-    safe-buffer "^5.1.2"
-    yallist "^3.0.2"
-
-temp-dir@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-1.0.0.tgz#0a7c0ea26d3a39afa7e0ebea9c1fc0bc4daa011d"
-  integrity sha1-CnwOom06Oa+n4OvqnB/AvE2qAR0=
-
-tempfile@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/tempfile/-/tempfile-1.1.1.tgz#5bcc4eaecc4ab2c707d8bc11d99ccc9a2cb287f2"
-  integrity sha1-W8xOrsxKsscH2LwR2ZzMmiyyh/I=
-  dependencies:
-    os-tmpdir "^1.0.0"
-    uuid "^2.0.1"
-
-tempfile@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/tempfile/-/tempfile-2.0.0.tgz#6b0446856a9b1114d1856ffcbe509cccb0977265"
-  integrity sha1-awRGhWqbERTRhW/8vlCczLCXcmU=
-  dependencies:
-    temp-dir "^1.0.0"
-    uuid "^3.0.1"
-
-term-size@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
-  integrity sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=
-  dependencies:
-    execa "^0.7.0"
-
-text-table@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
-
-throttle-debounce@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-2.1.0.tgz#257e648f0a56bd9e54fe0f132c4ab8611df4e1d5"
-  integrity sha512-AOvyNahXQuU7NN+VVvOOX+uW6FPaWdAOdRP5HfwYxAfCzXTFKRMoIMk+n+po318+ktcChx+F1Dd91G3YHeMKyg==
-
-through2-filter@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/through2-filter/-/through2-filter-2.0.0.tgz#60bc55a0dacb76085db1f9dae99ab43f83d622ec"
-  integrity sha1-YLxVoNrLdghdsfna6Zq0P4PWIuw=
-  dependencies:
-    through2 "~2.0.0"
-    xtend "~4.0.0"
-
-through2-filter@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/through2-filter/-/through2-filter-3.0.0.tgz#700e786df2367c2c88cd8aa5be4cf9c1e7831254"
-  integrity sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==
-  dependencies:
-    through2 "~2.0.0"
-    xtend "~4.0.0"
-
-through2@^0.6.0, through2@^0.6.1:
-  version "0.6.5"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-0.6.5.tgz#41ab9c67b29d57209071410e1d7a7a968cd3ad48"
-  integrity sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=
-  dependencies:
-    readable-stream ">=1.0.33-1 <1.1.0-0"
-    xtend ">=4.0.0 <4.1.0-0"
-
-through2@^2.0.0, through2@^2.0.1, through2@~2.0.0:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
-  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
-  dependencies:
-    readable-stream "~2.3.6"
-    xtend "~4.0.1"
-
-through@^2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
-
-time-stamp@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.1.0.tgz#764a5a11af50561921b133f3b44e618687e0f5c3"
-  integrity sha1-dkpaEa9QVhkhsTPztE5hhofg9cM=
-
-time-stamp@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-2.2.0.tgz#917e0a66905688790ec7bbbde04046259af83f57"
-  integrity sha512-zxke8goJQpBeEgD82CXABeMh0LSJcj7CXEd0OHOg45HgcofF7pxNwZm9+RknpxpDhwN4gFpySkApKfFYfRQnUA==
-
-timed-out@^3.0.0:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-3.1.3.tgz#95860bfcc5c76c277f8f8326fd0f5b2e20eba217"
-  integrity sha1-lYYL/MXHbCd/j4Mm/Q9bLiDrohc=
-
-timed-out@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
-  integrity sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=
-
-timers-browserify@^2.0.2, timers-browserify@^2.0.4:
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.10.tgz#1d28e3d2aadf1d5a5996c4e9f95601cd053480ae"
-  integrity sha512-YvC1SV1XdOUaL6gx5CoGroT3Gu49pK9+TZ38ErPldOWW4j49GI1HKs9DV+KGq/w6y+LZ72W1c8cKz2vzY+qpzg==
-  dependencies:
-    setimmediate "^1.0.4"
-
-tiny-emitter@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
-  integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
-
-tiny-invariant@^1.0.2:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.0.4.tgz#346b5415fd93cb696b0c4e8a96697ff590f92463"
-  integrity sha512-lMhRd/djQJ3MoaHEBrw8e2/uM4rs9YMNk0iOr8rHQ0QdbM7D4l0gFl3szKdeixrlyfm9Zqi4dxHCM2qVG8ND5g==
-
-tiny-warning@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.2.tgz#1dfae771ee1a04396bdfde27a3adcebc6b648b28"
-  integrity sha512-rru86D9CpQRLvsFG5XFdy0KdLAvjdQDyZCsRcuu60WtzFylDM3eAWSxEVz5kzL2Gp544XiUvPbVKtOA/txLi9Q==
-
-tinycolor2@^1.1.2:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.4.1.tgz#f4fad333447bc0b07d4dc8e9209d8f39a8ac77e8"
-  integrity sha1-9PrTM0R7wLB9TcjpIJ2POaisd+g=
-
-tmp@^0.0.31:
-  version "0.0.31"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.31.tgz#8f38ab9438e17315e5dbd8b3657e8bfb277ae4a7"
-  integrity sha1-jzirlDjhcxXl29izZX6L+yd65Kc=
-  dependencies:
-    os-tmpdir "~1.0.1"
-
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
-tmpl@1.0.x:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
-  integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
-
-to-absolute-glob@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/to-absolute-glob/-/to-absolute-glob-0.1.1.tgz#1cdfa472a9ef50c239ee66999b662ca0eb39937f"
-  integrity sha1-HN+kcqnvUMI57maZm2YsoOs5k38=
-  dependencies:
-    extend-shallow "^2.0.1"
-
-to-array@0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/to-array/-/to-array-0.1.4.tgz#17e6c11f73dd4f3d74cda7a4ff3238e9ad9bf890"
-  integrity sha1-F+bBH3PdTz10zaek/zI46a2b+JA=
-
-to-arraybuffer@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
-  integrity sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=
-
-to-buffer@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.1.1.tgz#493bd48f62d7c43fcded313a03dcadb2e1213a80"
-  integrity sha512-lx9B5iv7msuFYE3dytT+KE5tap+rNYw+K4jVkb9R/asAb+pbBSM17jtunHplhBe6RRJdZx3Pn2Jph24O32mOVg==
-
-to-fast-properties@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47"
-  integrity sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=
-
-to-fast-properties@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-  integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
-
-to-object-path@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"
-  integrity sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=
-  dependencies:
-    kind-of "^3.0.2"
-
-to-regex-range@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-2.1.1.tgz#7c80c17b9dfebe599e27367e0d4dd5590141db38"
-  integrity sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=
-  dependencies:
-    is-number "^3.0.0"
-    repeat-string "^1.6.1"
-
-to-regex@^3.0.1, to-regex@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce"
-  integrity sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==
-  dependencies:
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    regex-not "^1.0.2"
-    safe-regex "^1.1.0"
-
-toidentifier@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
-  integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
-
-topo@2.x.x:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/topo/-/topo-2.0.2.tgz#cd5615752539057c0dc0491a621c3bc6fbe1d182"
-  integrity sha1-zVYVdSU5BXwNwEkaYhw7xvvh0YI=
-  dependencies:
-    hoek "4.x.x"
-
-tough-cookie@~2.4.3:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.4.3.tgz#53f36da3f47783b0925afa06ff9f3b165280f781"
-  integrity sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==
-  dependencies:
-    psl "^1.1.24"
-    punycode "^1.4.1"
-
-toxic@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/toxic/-/toxic-1.0.1.tgz#8c2e2528da591100adc3883f2c0e56acfb1c7288"
-  integrity sha512-WI3rIGdcaKULYg7KVoB0zcjikqvcYYvcuT6D89bFPz2rVR0Rl0PK6x8/X62rtdLtBKIE985NzVf/auTtGegIIg==
-  dependencies:
-    lodash "^4.17.10"
-
-traceur@0.0.105:
-  version "0.0.105"
-  resolved "https://registry.yarnpkg.com/traceur/-/traceur-0.0.105.tgz#5cf9dee83d6b77861c3d6c44d53859aed7ab0479"
-  integrity sha1-XPne6D1rd4YcPWxE1ThZrterBHk=
-  dependencies:
-    commander "2.9.x"
-    glob "5.0.x"
-    rsvp "^3.0.13"
-    semver "^4.3.3"
-    source-map-support "~0.2.8"
-
-trim-lines@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-1.1.1.tgz#da738ff58fa74817588455e30b11b85289f2a396"
-  integrity sha512-X+eloHbgJGxczUk1WSjIvn7aC9oN3jVE3rQfRVKcgpavi3jxtCn0VVKtjOBj64Yop96UYn/ujJRpTbCdAF1vyg==
-
-trim-newlines@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
-  integrity sha1-WIeWa7WCpFA6QetST301ARgVphM=
-
-trim-repeated@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/trim-repeated/-/trim-repeated-1.0.0.tgz#e3646a2ea4e891312bf7eace6cfb05380bc01c21"
-  integrity sha1-42RqLqTokTEr9+rObPsFOAvAHCE=
-  dependencies:
-    escape-string-regexp "^1.0.2"
-
-trim-right@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
-  integrity sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=
-
-trim-trailing-lines@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-1.1.1.tgz#e0ec0810fd3c3f1730516b45f49083caaf2774d9"
-  integrity sha512-bWLv9BbWbbd7mlqqs2oQYnLD/U/ZqeJeJwbO0FG2zA1aTq+HTvxfHNKFa/HGCVyJpDiioUYaBhfiT6rgk+l4mg==
-
-trim@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/trim/-/trim-0.0.1.tgz#5858547f6b290757ee95cccc666fb50084c460dd"
-  integrity sha1-WFhUf2spB1fulczMZm+1AITEYN0=
-
-trough@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.3.tgz#e29bd1614c6458d44869fc28b255ab7857ef7c24"
-  integrity sha512-fwkLWH+DimvA4YCy+/nvJd61nWQQ2liO/nF/RjkTpiOGi+zxZzVkhb1mvbHIIW4b/8nDsYI8uTmAlc0nNkRMOw==
-
-ts-dedent@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-1.1.0.tgz#67983940793183dc7c7f820acb66ba02cdc33c6e"
-  integrity sha512-CVCvDwMBWZKjDxpN3mU/Dx1v3k+sJgE8nrhXcC9vRopRfoa7vVzilNvHEAUi5jQnmFHpnxDx5jZdI1TpG8ny2g==
-
-tslib@^1.6.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.9.3.tgz#d7e4dd79245d85428c4d7e4822a79917954ca286"
-  integrity sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ==
-
-tty-browserify@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
-  integrity sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=
-
-tunnel-agent@^0.4.0:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.4.3.tgz#6373db76909fe570e08d73583365ed828a74eeeb"
-  integrity sha1-Y3PbdpCf5XDgjXNYM2Xtgop07us=
-
-tunnel-agent@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
-  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
-  dependencies:
-    safe-buffer "^5.0.1"
-
-tweetnacl@^0.14.3, tweetnacl@~0.14.0:
-  version "0.14.5"
-  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
-  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
-
-type-is@~1.6.16:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-  dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
-
-type-of@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/type-of/-/type-of-2.0.1.tgz#e72a1741896568e9f628378d816d6912f7f23972"
-  integrity sha1-5yoXQYllaOn2KDeNgW1pEvfyOXI=
-
-typed-styles@^0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/typed-styles/-/typed-styles-0.0.7.tgz#93392a008794c4595119ff62dde6809dbc40a3d9"
-  integrity sha512-pzP0PWoZUhsECYjABgCGQlRGL1n7tOHsgwYv3oIiEpJwGhFTuty/YNeduxQYzXXa3Ge5BdT6sHYIQYpl4uJ+5Q==
-
-typedarray@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
-
-ua-parser-js@^0.7.18:
-  version "0.7.19"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.19.tgz#94151be4c0a7fb1d001af7022fdaca4642659e4b"
-  integrity sha512-T3PVJ6uz8i0HzPxOF9SWzWAlfN/DavlpQqepn22xgve/5QecC+XMCAtmUNnY7C9StehaV6exjUCI801lOI7QlQ==
-
-uglify-js@^2.6.1:
-  version "2.8.29"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
-  integrity sha1-KcVzMUgFe7Th913zW3qcty5qWd0=
-  dependencies:
-    source-map "~0.5.1"
-    yargs "~3.10.0"
-  optionalDependencies:
-    uglify-to-browserify "~1.0.0"
-
-uglify-js@~2.7.3:
-  version "2.7.5"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.7.5.tgz#4612c0c7baaee2ba7c487de4904ae122079f2ca8"
-  integrity sha1-RhLAx7qu4rp8SH3kkErhIgefLKg=
-  dependencies:
-    async "~0.2.6"
-    source-map "~0.5.1"
-    uglify-to-browserify "~1.0.0"
-    yargs "~3.10.0"
-
-uglify-to-browserify@~1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
-  integrity sha1-bgkk1r2mta/jSeOabWMoUKD4grc=
-
-unc-path-regex@^0.1.0, unc-path-regex@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
-  integrity sha1-5z3T17DXxe2G+6xrCufYxqadUPo=
-
-underscore.string@^3.3.4:
-  version "3.3.5"
-  resolved "https://registry.yarnpkg.com/underscore.string/-/underscore.string-3.3.5.tgz#fc2ad255b8bd309e239cbc5816fd23a9b7ea4023"
-  integrity sha512-g+dpmgn+XBneLmXXo+sGlW5xQEt4ErkS3mgeN2GFbremYeMBSJKr9Wf2KJplQVaiPY/f7FN6atosWYNm9ovrYg==
-  dependencies:
-    sprintf-js "^1.0.3"
-    util-deprecate "^1.0.2"
-
-unherit@^1.0.4:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.1.tgz#132748da3e88eab767e08fabfbb89c5e9d28628c"
-  integrity sha512-+XZuV691Cn4zHsK0vkKYwBEwB74T3IZIcxrgn2E4rKwTfFyI1zCh7X7grwh9Re08fdPlarIdyWgI8aVB3F5A5g==
-  dependencies:
-    inherits "^2.0.1"
-    xtend "^4.0.1"
-
-unified@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/unified/-/unified-5.1.0.tgz#61268da9b91ce925be1f3d198c0278b0e9716094"
-  integrity sha1-YSaNqbkc6SW+Hz0ZjAJ4sOlxYJQ=
-  dependencies:
-    bail "^1.0.0"
-    extend "^3.0.0"
-    has "^1.0.1"
-    is-buffer "^1.1.4"
-    once "^1.3.3"
-    trough "^1.0.0"
-    vfile "^2.0.0"
-    x-is-string "^0.1.0"
-
-unified@^6.0.0, unified@^6.1.5:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/unified/-/unified-6.2.0.tgz#7fbd630f719126d67d40c644b7e3f617035f6dba"
-  integrity sha512-1k+KPhlVtqmG99RaTbAv/usu85fcSRu3wY8X+vnsEhIxNP5VbVIDiXnLqyKIG+UMdyTg0ZX9EI6k2AfjJkHPtA==
-  dependencies:
-    bail "^1.0.0"
-    extend "^3.0.0"
-    is-plain-obj "^1.1.0"
-    trough "^1.0.0"
-    vfile "^2.0.0"
-    x-is-string "^0.1.0"
-
-union-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.0.tgz#5c71c34cb5bad5dcebe3ea0cd08207ba5aa1aea4"
-  integrity sha1-XHHDTLW61dzr4+oM0IIHulqhrqQ=
-  dependencies:
-    arr-union "^3.1.0"
-    get-value "^2.0.6"
-    is-extendable "^0.1.1"
-    set-value "^0.4.3"
-
-uniq@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
-  integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
-
-uniqs@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
-  integrity sha1-/+3ks2slKQaW5uFl1KWe25mOawI=
-
-unique-stream@^2.0.2:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/unique-stream/-/unique-stream-2.3.1.tgz#c65d110e9a4adf9a6c5948b28053d9a8d04cbeac"
-  integrity sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==
-  dependencies:
-    json-stable-stringify-without-jsonify "^1.0.1"
-    through2-filter "^3.0.0"
-
-unique-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
-  integrity sha1-nhBXzKhRq7kzmPizOuGHuZyuwRo=
-  dependencies:
-    crypto-random-string "^1.0.0"
-
-unist-builder@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/unist-builder/-/unist-builder-1.0.3.tgz#ab0f9d0f10936b74f3e913521955b0478e0ff036"
-  integrity sha512-/KB8GEaoeHRyIqClL+Kam+Y5NWJ6yEiPsAfv1M+O1p+aKGgjR89WwoEHKTyOj17L6kAlqtKpAgv2nWvdbQDEig==
-  dependencies:
-    object-assign "^4.1.0"
-
-unist-util-generated@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/unist-util-generated/-/unist-util-generated-1.1.3.tgz#ca650470aef2fbcc5fe54c465bc26b41ca109e2b"
-  integrity sha512-qlPeDqnQnd84KIqwphzOR+l02cxjDzvEYEBl84EjmKRrX4eUmjyAo8xJv1SCDhJqNjyHRnBMZWNKAiBtXE6hBg==
-
-unist-util-is@^2.0.0, unist-util-is@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-2.1.2.tgz#1193fa8f2bfbbb82150633f3a8d2eb9a1c1d55db"
-  integrity sha512-YkXBK/H9raAmG7KXck+UUpnKiNmUdB+aBGrknfQ4EreE1banuzrKABx3jP6Z5Z3fMSPMQQmeXBlKpCbMwBkxVw==
-
-unist-util-modify-children@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/unist-util-modify-children/-/unist-util-modify-children-1.1.3.tgz#d764a935f612dfb21b1bb92b0ea24321dc19a5f7"
-  integrity sha512-Aw3Us+NPrJGYWyLhcaqYzgxd/pryIanDNHVVvwdtTEEQ3Yfa/+sjnT2EeAAHbtTMAaYEdPW3XN6jxbzVWAo/BQ==
-  dependencies:
-    array-iterate "^1.0.0"
-
-unist-util-position@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-3.0.2.tgz#80ad4a05efc4ab01a66886cc70493893ba73c5eb"
-  integrity sha512-npmFu92l/+b1Ao6uGP4I1WFz9hsKv7qleZ4aliw6x0RVu6A9A3tAf57NMpFfzQ02jxRtJZuRn+C8xWT7GWnH0g==
-
-unist-util-remove-position@^1.0.0, unist-util-remove-position@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-1.1.2.tgz#86b5dad104d0bbfbeb1db5f5c92f3570575c12cb"
-  integrity sha512-XxoNOBvq1WXRKXxgnSYbtCF76TJrRoe5++pD4cCBsssSiWSnPEktyFrFLE8LTk3JW5mt9hB0Sk5zn4x/JeWY7Q==
-  dependencies:
-    unist-util-visit "^1.1.0"
-
-unist-util-select@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/unist-util-select/-/unist-util-select-1.5.0.tgz#a93c2be8c0f653827803b81331adec2aa24cd933"
-  integrity sha1-qTwr6MD2U4J4A7gTMa3sKqJM2TM=
-  dependencies:
-    css-selector-parser "^1.1.0"
-    debug "^2.2.0"
-    nth-check "^1.0.1"
-
-unist-util-stringify-position@^1.0.0, unist-util-stringify-position@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz#3f37fcf351279dcbca7480ab5889bb8a832ee1c6"
-  integrity sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ==
-
-unist-util-visit-children@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/unist-util-visit-children/-/unist-util-visit-children-1.1.2.tgz#bd78b53db9644b9c339ac502854f15471f964f5b"
-  integrity sha512-q4t6aprUcSQ2/+xlswuh2wUKwUUuMmDjSkfwkMjeVwCXc8NqX8g0FSmNf68CznCmbkrsOPDUR0wj14bCFXXqbA==
-
-unist-util-visit-parents@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-2.0.1.tgz#63fffc8929027bee04bfef7d2cce474f71cb6217"
-  integrity sha512-6B0UTiMfdWql4cQ03gDTCSns+64Zkfo2OCbK31Ov0uMizEz+CJeAp0cgZVb5Fhmcd7Bct2iRNywejT0orpbqUA==
-  dependencies:
-    unist-util-is "^2.1.2"
-
-unist-util-visit@^1.0.0, unist-util-visit@^1.1.0, unist-util-visit@^1.1.1:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-1.4.0.tgz#1cb763647186dc26f5e1df5db6bd1e48b3cc2fb1"
-  integrity sha512-FiGu34ziNsZA3ZUteZxSFaczIjGmksfSgdKqBfOejrrfzyUy5b7YrlzT1Bcvi+djkYDituJDy2XB7tGTeBieKw==
-  dependencies:
-    unist-util-visit-parents "^2.0.0"
-
-units-css@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/units-css/-/units-css-0.4.0.tgz#d6228653a51983d7c16ff28f8b9dc3b1ffed3a07"
-  integrity sha1-1iKGU6UZg9fBb/KPi53Dsf/tOgc=
-  dependencies:
-    isnumeric "^0.2.0"
-    viewport-dimensions "^0.2.0"
-
-universalify@^0.1.0:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
-
-unpipe@1.0.0, unpipe@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
-  integrity sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=
-
-unquote@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
-  integrity sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=
-
-unset-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
-  integrity sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=
-  dependencies:
-    has-value "^0.3.1"
-    isobject "^3.0.0"
-
-unzip-response@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-1.0.2.tgz#b984f0877fc0a89c2c773cc1ef7b5b232b5b06fe"
-  integrity sha1-uYTwh3/AqJwsdzzB73tbIytbBv4=
-
-unzip-response@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
-  integrity sha1-0vD3N9FrBhXnKmk17QQhRXLVb5c=
-
-update-check@1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/update-check/-/update-check-1.5.2.tgz#2fe09f725c543440b3d7dabe8971f2d5caaedc28"
-  integrity sha512-1TrmYLuLj/5ZovwUS7fFd1jMH3NnFDN1y1A8dboedIDt7zs/zJMo6TwwlhYKkSeEwzleeiSBV5/3c9ufAQWDaQ==
-  dependencies:
-    registry-auth-token "3.3.2"
-    registry-url "3.1.0"
-
-update-notifier@^2.3.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.5.0.tgz#d0744593e13f161e406acb1d9408b72cad08aff6"
-  integrity sha512-gwMdhgJHGuj/+wHJJs9e6PcCszpxR1b236igrOkUofGhqJuG+amlIKwApH1IW1WWl7ovZxsX49lMBWLxSdm5Dw==
-  dependencies:
-    boxen "^1.2.1"
-    chalk "^2.0.1"
-    configstore "^3.0.0"
-    import-lazy "^2.1.0"
-    is-ci "^1.0.10"
-    is-installed-globally "^0.1.0"
-    is-npm "^1.0.0"
-    latest-version "^3.0.0"
-    semver-diff "^2.0.0"
-    xdg-basedir "^3.0.0"
-
-uri-js@^4.2.1, uri-js@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
-  integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
-  dependencies:
-    punycode "^2.1.0"
-
-urix@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
-  integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
-
-url-loader@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-0.6.2.tgz#a007a7109620e9d988d14bce677a1decb9a993f7"
-  integrity sha512-h3qf9TNn53BpuXTTcpC+UehiRrl0Cv45Yr/xWayApjw6G8Bg2dGke7rIwDQ39piciWCWrC+WiqLjOh3SUp9n0Q==
-  dependencies:
-    loader-utils "^1.0.2"
-    mime "^1.4.1"
-    schema-utils "^0.3.0"
-
-url-parse-lax@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-1.0.0.tgz#7af8f303645e9bd79a272e7a14ac68bc0609da73"
-  integrity sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=
-  dependencies:
-    prepend-http "^1.0.1"
-
-url-parse@^1.1.8, url-parse@^1.4.3:
-  version "1.4.7"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.4.7.tgz#a8a83535e8c00a316e403a5db4ac1b9b853ae278"
-  integrity sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==
-  dependencies:
-    querystringify "^2.1.1"
-    requires-port "^1.0.0"
-
-url-regex@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/url-regex/-/url-regex-3.2.0.tgz#dbad1e0c9e29e105dd0b1f09f6862f7fdb482724"
-  integrity sha1-260eDJ4p4QXdCx8J9oYvf9tIJyQ=
-  dependencies:
-    ip-regex "^1.0.1"
-
-url-to-options@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/url-to-options/-/url-to-options-1.0.1.tgz#1505a03a289a48cbd7a434efbaeec5055f5633a9"
-  integrity sha1-FQWgOiiaSMvXpDTvuu7FBV9WM6k=
-
-url@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
-  integrity sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=
-  dependencies:
-    punycode "1.3.2"
-    querystring "0.2.0"
-
-use@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
-  integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
-
-user-home@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/user-home/-/user-home-1.1.1.tgz#2b5be23a32b63a7c9deb8d0f28d485724a3df190"
-  integrity sha1-K1viOjK2Onyd640PKNSFcko98ZA=
-
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
-
-util@0.10.3:
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
-  integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk=
-  dependencies:
-    inherits "2.0.1"
-
-util@^0.10.3:
-  version "0.10.4"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.4.tgz#3aa0125bfe668a4672de58857d3ace27ecb76901"
-  integrity sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==
-  dependencies:
-    inherits "2.0.3"
-
-util@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
-  integrity sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==
-  dependencies:
-    inherits "2.0.3"
-
-utila@^0.4.0, utila@~0.4:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
-  integrity sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=
-
-utils-merge@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-  integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
-
-uuid@3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.2.1.tgz#12c528bb9d58d0b9265d9a2f6f0fe8be17ff1f14"
-  integrity sha512-jZnMwlb9Iku/O3smGWvZhauCf6cvvpKi4BKRiliS3cxnI+Gz9j5MEpTz2UFuXiKPJocb7gnsLHwiS05ige5BEA==
-
-uuid@^2.0.1:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-2.0.3.tgz#67e2e863797215530dff318e5bf9dcebfd47b21a"
-  integrity sha1-Z+LoY3lyFVMN/zGOW/nc6/1Hsho=
-
-uuid@^3.0.0, uuid@^3.0.1, uuid@^3.1.0, uuid@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.2.tgz#1b4af4955eb3077c501c23872fc6513811587131"
-  integrity sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA==
-
-v8-compile-cache@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-1.1.2.tgz#8d32e4f16974654657e676e0e467a348e89b0dc4"
-  integrity sha512-ejdrifsIydN1XDH7EuR2hn8ZrkRKUYF7tUcBjBy/lhrCvs2K+zRlbW9UHc0IQ9RsYFZJFqJrieoIHfkCa0DBRA==
-
-v8flags@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-2.1.1.tgz#aab1a1fa30d45f88dd321148875ac02c0b55e5b4"
-  integrity sha1-qrGh+jDUX4jdMhFIh1rALAtV5bQ=
-  dependencies:
-    user-home "^1.1.1"
-
-vali-date@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/vali-date/-/vali-date-1.0.0.tgz#1b904a59609fb328ef078138420934f6b86709a6"
-  integrity sha1-G5BKWWCfsyjvB4E4Qgk09rhnCaY=
-
-valid-url@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/valid-url/-/valid-url-1.0.9.tgz#1c14479b40f1397a75782f115e4086447433a200"
-  integrity sha1-HBRHm0DxOXp1eC8RXkCGRHQzogA=
-
-validate-npm-package-license@^3.0.1:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
-  integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
-  dependencies:
-    spdx-correct "^3.0.0"
-    spdx-expression-parse "^3.0.0"
-
-validatorjs@^3.18.0:
-  version "3.18.0"
-  resolved "https://registry.yarnpkg.com/validatorjs/-/validatorjs-3.18.0.tgz#f0d8e3284b0dc446197dd0d43bacafdb8e3d3b5e"
-  integrity sha512-SciNNWcEshji0lntKNIZkltWbGNaXyDv58Kqtdj8esjJujwAvPmUPX8WMkiCV6MUYORcAKACrCEOi1iQCgFp4g==
-
-value-equal@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-0.4.0.tgz#c5bdd2f54ee093c04839d71ce2e4758a6890abc7"
-  integrity sha512-x+cYdNnaA3CxvMaTX0INdTCN8m8aF2uY9BvEqmxuYp8bL09cs/kWVQPVGcA35fMktdOsP69IgU7wFj/61dJHEw==
-
-vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
-
-vendors@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.2.tgz#7fcb5eef9f5623b156bcea89ec37d63676f21801"
-  integrity sha512-w/hry/368nO21AN9QljsaIhb9ZiZtZARoVH5f3CsFbawdLdayCgKRPup7CggujvySMxx0I91NOyxdVENohprLQ==
-
-verror@1.10.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
-  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
-  dependencies:
-    assert-plus "^1.0.0"
-    core-util-is "1.0.2"
-    extsprintf "^1.2.0"
-
-vfile-location@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-2.0.4.tgz#2a5e7297dd0d9e2da4381464d04acc6b834d3e55"
-  integrity sha512-KRL5uXQPoUKu+NGvQVL4XLORw45W62v4U4gxJ3vRlDfI9QsT4ZN1PNXn/zQpKUulqGDpYuT0XDfp5q9O87/y/w==
-
-vfile-message@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-1.1.1.tgz#5833ae078a1dfa2d96e9647886cd32993ab313e1"
-  integrity sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==
-  dependencies:
-    unist-util-stringify-position "^1.1.1"
-
-vfile@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/vfile/-/vfile-2.3.0.tgz#e62d8e72b20e83c324bc6c67278ee272488bf84a"
-  integrity sha512-ASt4mBUHcTpMKD/l5Q+WJXNtshlWxOogYyGYYrg4lt/vuRjC1EFQtlAofL5VmtVNIZJzWYFJjzGWZ0Gw8pzW1w==
-  dependencies:
-    is-buffer "^1.1.4"
-    replace-ext "1.0.0"
-    unist-util-stringify-position "^1.0.0"
-    vfile-message "^1.0.0"
-
-viewport-dimensions@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/viewport-dimensions/-/viewport-dimensions-0.2.0.tgz#de740747db5387fd1725f5175e91bac76afdf36c"
-  integrity sha1-3nQHR9tTh/0XJfUXXpG6x2r982w=
-
-vinyl-assign@^1.0.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/vinyl-assign/-/vinyl-assign-1.2.1.tgz#4d198891b5515911d771a8cd9c5480a46a074a45"
-  integrity sha1-TRmIkbVRWRHXcajNnFSApGoHSkU=
-  dependencies:
-    object-assign "^4.0.1"
-    readable-stream "^2.0.0"
-
-vinyl-fs@^2.2.0:
-  version "2.4.4"
-  resolved "https://registry.yarnpkg.com/vinyl-fs/-/vinyl-fs-2.4.4.tgz#be6ff3270cb55dfd7d3063640de81f25d7532239"
-  integrity sha1-vm/zJwy1Xf19MGNkDegfJddTIjk=
-  dependencies:
-    duplexify "^3.2.0"
-    glob-stream "^5.3.2"
-    graceful-fs "^4.0.0"
-    gulp-sourcemaps "1.6.0"
-    is-valid-glob "^0.3.0"
-    lazystream "^1.0.0"
-    lodash.isequal "^4.0.0"
-    merge-stream "^1.0.0"
-    mkdirp "^0.5.0"
-    object-assign "^4.0.0"
-    readable-stream "^2.0.4"
-    strip-bom "^2.0.0"
-    strip-bom-stream "^1.0.0"
-    through2 "^2.0.0"
-    through2-filter "^2.0.0"
-    vali-date "^1.0.0"
-    vinyl "^1.0.0"
-
-vinyl@^0.4.3:
-  version "0.4.6"
-  resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-0.4.6.tgz#2f356c87a550a255461f36bbeb2a5ba8bf784847"
-  integrity sha1-LzVsh6VQolVGHza76ypbqL94SEc=
-  dependencies:
-    clone "^0.2.0"
-    clone-stats "^0.0.1"
-
-vinyl@^0.5.0:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-0.5.3.tgz#b0455b38fc5e0cf30d4325132e461970c2091cde"
-  integrity sha1-sEVbOPxeDPMNQyUTLkYZcMIJHN4=
-  dependencies:
-    clone "^1.0.0"
-    clone-stats "^0.0.1"
-    replace-ext "0.0.1"
-
-vinyl@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-1.2.0.tgz#5c88036cf565e5df05558bfc911f8656df218884"
-  integrity sha1-XIgDbPVl5d8FVYv8kR+GVt8hiIQ=
-  dependencies:
-    clone "^1.0.0"
-    clone-stats "^0.0.1"
-    replace-ext "0.0.1"
-
-vm-browserify@0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-0.0.4.tgz#5d7ea45bbef9e4a6ff65f95438e0a87c357d5a73"
-  integrity sha1-XX6kW7755Kb/ZflUOOCofDV9WnM=
-  dependencies:
-    indexof "0.0.1"
-
-walker@~1.0.5:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
-  integrity sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=
-  dependencies:
-    makeerror "1.0.x"
-
-ware@^1.2.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/ware/-/ware-1.3.0.tgz#d1b14f39d2e2cb4ab8c4098f756fe4b164e473d4"
-  integrity sha1-0bFPOdLiy0q4xAmPdW/ksWTkc9Q=
-  dependencies:
-    wrap-fn "^0.1.0"
-
-warning@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/warning/-/warning-3.0.0.tgz#32e5377cb572de4ab04753bdf8821c01ed605b7c"
-  integrity sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=
-  dependencies:
-    loose-envify "^1.0.0"
-
-warning@^4.0.1, warning@^4.0.2, warning@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
-  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
-  dependencies:
-    loose-envify "^1.0.0"
-
-watch@~0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/watch/-/watch-0.10.0.tgz#77798b2da0f9910d595f1ace5b0c2258521f21dc"
-  integrity sha1-d3mLLaD5kQ1ZXxrOWwwiWFIfIdw=
-
-watchpack@^0.2.1:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-0.2.9.tgz#62eaa4ab5e5ba35fdfc018275626e3c0f5e3fb0b"
-  integrity sha1-Yuqkq15bo1/fwBgnVibjwPXj+ws=
-  dependencies:
-    async "^0.9.0"
-    chokidar "^1.0.0"
-    graceful-fs "^4.1.2"
-
-web-namespaces@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-1.1.3.tgz#9bbf5c99ff0908d2da031f1d732492a96571a83f"
-  integrity sha512-r8sAtNmgR0WKOKOxzuSgk09JsHlpKlB+uHi937qypOu3PZ17UxPrierFKDye/uNHjNTTEshu5PId8rojIPj/tA==
-
-webpack-configurator@^0.3.0:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/webpack-configurator/-/webpack-configurator-0.3.1.tgz#d16802afa674101a0cbfa6fc344d415c9649540b"
-  integrity sha1-0WgCr6Z0EBoMv6b8NE1BXJZJVAs=
-  dependencies:
-    lodash "3.10.1"
-
-webpack-core@^0.4.8:
-  version "0.4.8"
-  resolved "https://registry.yarnpkg.com/webpack-core/-/webpack-core-0.4.8.tgz#07fc55aba81d17dba8cae5a43d6bd69236f8b5f8"
-  integrity sha1-B/xVq6gdF9uoyuWkPWvWkjb4tfg=
-  dependencies:
-    source-map "~0.1.38"
-
-webpack-core@~0.6.9:
-  version "0.6.9"
-  resolved "https://registry.yarnpkg.com/webpack-core/-/webpack-core-0.6.9.tgz#fc571588c8558da77be9efb6debdc5a3b172bdc2"
-  integrity sha1-/FcViMhVjad76e+23r3Fo7FyvcI=
-  dependencies:
-    source-list-map "~0.1.7"
-    source-map "~0.4.1"
-
-webpack-dev-middleware@^1.10.2, webpack-dev-middleware@^1.8.4:
-  version "1.12.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-1.12.2.tgz#f8fc1120ce3b4fc5680ceecb43d777966b21105e"
-  integrity sha512-FCrqPy1yy/sN6U/SaEZcHKRXGlqU0DUaEBL45jkUYoB8foVb6wCnbIJ1HKIx+qUFTW+3JpVcCJCxZ8VATL4e+A==
-  dependencies:
-    memory-fs "~0.4.1"
-    mime "^1.5.0"
-    path-is-absolute "^1.0.0"
-    range-parser "^1.0.3"
-    time-stamp "^2.0.0"
-
-webpack-dev-server@^1.16.1:
-  version "1.16.5"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-1.16.5.tgz#0cbd5f2d2ac8d4e593aacd5c9702e7bbd5e59892"
-  integrity sha1-DL1fLSrI1OWTqs1clwLnu9XlmJI=
-  dependencies:
-    compression "^1.5.2"
-    connect-history-api-fallback "^1.3.0"
-    express "^4.13.3"
-    http-proxy-middleware "~0.17.1"
-    open "0.0.5"
-    optimist "~0.6.1"
-    serve-index "^1.7.2"
-    sockjs "^0.3.15"
-    sockjs-client "^1.0.3"
-    stream-cache "~0.0.1"
-    strip-ansi "^3.0.0"
-    supports-color "^3.1.1"
-    webpack-dev-middleware "^1.10.2"
-
-webpack-hot-middleware@^2.13.2:
-  version "2.24.4"
-  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.24.4.tgz#0ae1eeca000c6ffdcb22eb574d0e6d7717672b0f"
-  integrity sha512-YFA4j2tg9WPkcQKcyHMZn6787QngWf/ahXvAJRZ1ripySa+4ihjzDcYBsfC4ihOucTd02IJ12v+VTGMsEGxq0w==
-  dependencies:
-    ansi-html "0.0.7"
-    html-entities "^1.2.0"
-    querystring "^0.2.0"
-    strip-ansi "^3.0.0"
-
-webpack-md5-hash@0.0.5:
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/webpack-md5-hash/-/webpack-md5-hash-0.0.5.tgz#d9f1899ead664459dd8b6b0c926ac71cfbd7bc7a"
-  integrity sha1-2fGJnq1mRFndi2sMkmrHHPvXvHo=
-  dependencies:
-    md5 "^2.0.0"
-
-webpack-sources@^0.1.0:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-0.1.5.tgz#aa1f3abf0f0d74db7111c40e500b84f966640750"
-  integrity sha1-qh86vw8NdNtxEcQOUAuE+WZkB1A=
-  dependencies:
-    source-list-map "~0.1.7"
-    source-map "~0.5.3"
-
-webpack-sources@^0.2.0:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-0.2.3.tgz#17c62bfaf13c707f9d02c479e0dcdde8380697fb"
-  integrity sha1-F8Yr+vE8cH+dAsR54Nzd6DgGl/s=
-  dependencies:
-    source-list-map "^1.1.1"
-    source-map "~0.5.3"
-
-webpack-stats-plugin@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/webpack-stats-plugin/-/webpack-stats-plugin-0.1.5.tgz#29e5f12ebfd53158d31d656a113ac1f7b86179d9"
-  integrity sha1-KeXxLr/VMVjTHWVqETrB97hhedk=
-
-webpack-validator@^2.2.7:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/webpack-validator/-/webpack-validator-2.3.0.tgz#235c6ea69aa930a90262bbbf9bd45ad8bd497310"
-  integrity sha1-I1xuppqpMKkCYru/m9Ra2L1JcxA=
-  dependencies:
-    basename "0.1.2"
-    chalk "1.1.3"
-    commander "2.9.0"
-    common-tags "0.1.1"
-    cross-env "^3.1.1"
-    find-node-modules "^1.0.1"
-    joi "9.0.0-0"
-    lodash "4.11.1"
-    npmlog "2.0.3"
-    shelljs "0.7.0"
-    yargs "4.7.1"
-
-webpack@^1.13.3:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-1.15.0.tgz#4ff31f53db03339e55164a9d468ee0324968fe98"
-  integrity sha1-T/MfU9sDM55VFkqdRo7gMklo/pg=
-  dependencies:
-    acorn "^3.0.0"
-    async "^1.3.0"
-    clone "^1.0.2"
-    enhanced-resolve "~0.9.0"
-    interpret "^0.6.4"
-    loader-utils "^0.2.11"
-    memory-fs "~0.3.0"
-    mkdirp "~0.5.0"
-    node-libs-browser "^0.7.0"
-    optimist "~0.6.0"
-    supports-color "^3.1.0"
-    tapable "~0.1.8"
-    uglify-js "~2.7.3"
-    watchpack "^0.2.1"
-    webpack-core "~0.6.9"
-
-websocket-driver@>=0.5.1:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.0.tgz#0caf9d2d755d93aee049d4bdd0d3fe2cca2a24eb"
-  integrity sha1-DK+dLXVdk67gSdS90NP+LMoqJOs=
-  dependencies:
-    http-parser-js ">=0.4.0"
-    websocket-extensions ">=0.1.1"
-
-websocket-extensions@>=0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
-  integrity sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==
-
-whatwg-fetch@>=0.10.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz#fc804e458cc460009b1a2b966bc8817d2578aefb"
-  integrity sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q==
-
-when@^3.7.5:
-  version "3.7.8"
-  resolved "https://registry.yarnpkg.com/when/-/when-3.7.8.tgz#c7130b6a7ea04693e842cdc9e7a1f2aa39a39f82"
-  integrity sha1-xxMLan6gRpPoQs3J56Hyqjmjn4I=
-
-whet.extend@~0.9.9:
-  version "0.9.9"
-  resolved "https://registry.yarnpkg.com/whet.extend/-/whet.extend-0.9.9.tgz#f877d5bf648c97e5aa542fadc16d6a259b9c11a1"
-  integrity sha1-+HfVv2SMl+WqVC+twW1qJZucEaE=
-
-which-module@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
-  integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
-
-which-pm-runs@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/which-pm-runs/-/which-pm-runs-1.0.0.tgz#670b3afbc552e0b55df6b7780ca74615f23ad1cb"
-  integrity sha1-Zws6+8VS4LVd9rd4DKdGFfI60cs=
-
-which@^1.0.9, which@^1.1.1, which@^1.2.12, which@^1.2.14, which@^1.2.9:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
-wide-align@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
-  integrity sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==
-  dependencies:
-    string-width "^1.0.2 || 2"
-
-widest-line@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-2.0.1.tgz#7438764730ec7ef4381ce4df82fb98a53142a3fc"
-  integrity sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==
-  dependencies:
-    string-width "^2.1.1"
-
-window-size@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
-  integrity sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=
-
-window-size@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.2.0.tgz#b4315bb4214a3d7058ebeee892e13fa24d98b075"
-  integrity sha1-tDFbtCFKPXBY6+7okuE/ok2YsHU=
-
-wordwrap@0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
-  integrity sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=
-
-wordwrap@~0.0.2:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
-  integrity sha1-o9XabNXAvAAI03I0u68b7WMFkQc=
-
-wrap-ansi@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
-  integrity sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=
-  dependencies:
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-
-wrap-fn@^0.1.0:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/wrap-fn/-/wrap-fn-0.1.5.tgz#f21b6e41016ff4a7e31720dbc63a09016bdf9845"
-  integrity sha1-8htuQQFv9KfjFyDbxjoJAWvfmEU=
-  dependencies:
-    co "3.1.0"
-
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
-
-write-file-atomic@^2.0.0:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.2.tgz#a7181706dfba17855d221140a9c06e15fcdd87b9"
-  integrity sha512-s0b6vB3xIVRLWywa6X9TOMA7k9zio0TMOsl9ZnDkliA/cfJlpHXAscj0gbHVJiTdIuAYpIyqS5GW91fqm6gG5g==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
-ws@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-5.1.1.tgz#1d43704689711ac1942fd2f283e38f825c4b8b95"
-  integrity sha512-bOusvpCb09TOBLbpMKszd45WKC2KPtxiyiHanv+H2DE3Az+1db5a/L7sVJZVDPUC1Br8f0SKRr1KjLpD1U/IAw==
-  dependencies:
-    async-limiter "~1.0.0"
-
-ws@~6.1.0:
-  version "6.1.4"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-6.1.4.tgz#5b5c8800afab925e94ccb29d153c8d02c1776ef9"
-  integrity sha512-eqZfL+NE/YQc1/ZynhojeV8q+H050oR8AZ2uIev7RU10svA9ZnJUddHcOUZTJLinZ9yEfdA2kSATS2qZK5fhJA==
-  dependencies:
-    async-limiter "~1.0.0"
-
-x-is-array@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/x-is-array/-/x-is-array-0.1.0.tgz#de520171d47b3f416f5587d629b89d26b12dc29d"
-  integrity sha1-3lIBcdR7P0FvVYfWKbidJrEtwp0=
-
-x-is-string@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"
-  integrity sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=
-
-xdg-basedir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
-  integrity sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=
-
-xhr@^2.0.1:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/xhr/-/xhr-2.5.0.tgz#bed8d1676d5ca36108667692b74b316c496e49dd"
-  integrity sha512-4nlO/14t3BNUZRXIXfXe+3N6w3s1KoxcJUUURctd64BLRe67E4gRwp4PjywtDY72fXpZ1y6Ch0VZQRY/gMPzzQ==
-  dependencies:
-    global "~4.3.0"
-    is-function "^1.0.1"
-    parse-headers "^2.0.0"
-    xtend "^4.0.0"
-
-xml-parse-from-string@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/xml-parse-from-string/-/xml-parse-from-string-1.0.1.tgz#a9029e929d3dbcded169f3c6e28238d95a5d5a28"
-  integrity sha1-qQKekp09vN7RafPG4oI42VpdWig=
-
-xml2js@^0.4.5:
-  version "0.4.19"
-  resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.19.tgz#686c20f213209e94abf0d1bcf1efaa291c7827a7"
-  integrity sha512-esZnJZJOiJR9wWKMyuvSE1y6Dq5LCuJanqhxslH2bxM6duahNZ+HMpCLhBQGZkbX6xRf8x1Y2eJlgt2q3qo49Q==
-  dependencies:
-    sax ">=0.6.0"
-    xmlbuilder "~9.0.1"
-
-xmlbuilder@^13.0.0:
-  version "13.0.2"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-13.0.2.tgz#02ae33614b6a047d1c32b5389c1fdacb2bce47a7"
-  integrity sha512-Eux0i2QdDYKbdbA6AM6xE4m6ZTZr4G4xF9kahI2ukSEMCzwce2eX9WlTI5J3s+NU7hpasFsr8hWIONae7LluAQ==
-
-xmlbuilder@~9.0.1:
-  version "9.0.7"
-  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-9.0.7.tgz#132ee63d2ec5565c557e20f4c22df9aca686b10d"
-  integrity sha1-Ey7mPS7FVlxVfiD0wi35rKaGsQ0=
-
-xmlhttprequest-ssl@~1.5.4:
-  version "1.5.5"
-  resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz#c2876b06168aadc40e57d97e81191ac8f4398b3e"
-  integrity sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=
-
-"xtend@>=4.0.0 <4.1.0-0", xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.0, xtend@~4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
-  integrity sha1-pcbVMr5lbiPbgg77lDofBJmNY68=
-
-y18n@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
-  integrity sha1-bRX7qITAhnnA136I53WegR4H+kE=
-
-yallist@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
-
-yallist@^3.0.0, yallist@^3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.3.tgz#b4b049e314be545e3ce802236d6cd22cd91c3de9"
-  integrity sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==
-
-yaml-loader@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/yaml-loader/-/yaml-loader-0.4.0.tgz#4aae447d13c1aa73a989d8a2a5309b0b1a3ca353"
-  integrity sha1-Sq5EfRPBqnOpidiipTCbCxo8o1M=
-  dependencies:
-    js-yaml "^3.5.2"
-
-yargs-parser@^2.4.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-2.4.1.tgz#85568de3cf150ff49fa51825f03a8c880ddcc5c4"
-  integrity sha1-hVaN488VD/SfpRgl8DqMiA3cxcQ=
-  dependencies:
-    camelcase "^3.0.0"
-    lodash.assign "^4.0.6"
-
-yargs-parser@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"
-  integrity sha1-jQrELxbqVd69MyyvTEA4s+P139k=
-  dependencies:
-    camelcase "^4.1.0"
-
-yargs-parser@^9.0.2:
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-9.0.2.tgz#9ccf6a43460fe4ed40a9bb68f48d43b8a68cc077"
-  integrity sha1-nM9qQ0YP5O1Aqbto9I1DuKaMwHc=
-  dependencies:
-    camelcase "^4.1.0"
-
-yargs@4.7.1:
-  version "4.7.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-4.7.1.tgz#e60432658a3387ff269c028eacde4a512e438dff"
-  integrity sha1-5gQyZYozh/8mnAKOrN5KUS5Djf8=
-  dependencies:
-    camelcase "^3.0.0"
-    cliui "^3.2.0"
-    decamelize "^1.1.1"
-    lodash.assign "^4.0.3"
-    os-locale "^1.4.0"
-    pkg-conf "^1.1.2"
-    read-pkg-up "^1.0.1"
-    require-main-filename "^1.0.1"
-    set-blocking "^1.0.0"
-    string-width "^1.0.1"
-    window-size "^0.2.0"
-    y18n "^3.2.1"
-    yargs-parser "^2.4.0"
-
-yargs@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-11.1.0.tgz#90b869934ed6e871115ea2ff58b03f4724ed2d77"
-  integrity sha512-NwW69J42EsCSanF8kyn5upxvjp5ds+t3+udGBeTbFnERA+lF541DDpMawzo4z6W/QrzNM18D+BPMiOBibnFV5A==
-  dependencies:
-    cliui "^4.0.0"
-    decamelize "^1.1.1"
-    find-up "^2.1.0"
-    get-caller-file "^1.0.1"
-    os-locale "^2.0.0"
-    require-directory "^2.1.1"
-    require-main-filename "^1.0.1"
-    set-blocking "^2.0.0"
-    string-width "^2.0.0"
-    which-module "^2.0.0"
-    y18n "^3.2.1"
-    yargs-parser "^9.0.2"
-
-yargs@^9.0.0:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-9.0.1.tgz#52acc23feecac34042078ee78c0c007f5085db4c"
-  integrity sha1-UqzCP+7Kw0BCB47njAwAf1CF20w=
-  dependencies:
-    camelcase "^4.1.0"
-    cliui "^3.2.0"
-    decamelize "^1.1.1"
-    get-caller-file "^1.0.1"
-    os-locale "^2.0.0"
-    read-pkg-up "^2.0.0"
-    require-directory "^2.1.1"
-    require-main-filename "^1.0.1"
-    set-blocking "^2.0.0"
-    string-width "^2.0.0"
-    which-module "^2.0.0"
-    y18n "^3.2.1"
-    yargs-parser "^7.0.0"
-
-yargs@~3.10.0:
-  version "3.10.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
-  integrity sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=
-  dependencies:
-    camelcase "^1.0.2"
-    cliui "^2.1.0"
-    decamelize "^1.0.0"
-    window-size "0.1.0"
-
-yauzl@^2.2.1:
-  version "2.10.0"
-  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
-  integrity sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=
-  dependencies:
-    buffer-crc32 "~0.2.3"
-    fd-slicer "~1.1.0"
-
-yeast@0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"
-  integrity sha1-AI4G2AlDIMNy28L47XagymyKxBk=
-
-yurnalist@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/yurnalist/-/yurnalist-0.2.1.tgz#2d32b9618ab6491891c131bd90a5295e19fd4bad"
-  integrity sha1-LTK5YYq2SRiRwTG9kKUpXhn9S60=
-  dependencies:
-    chalk "^1.1.1"
-    death "^1.0.0"
-    debug "^2.2.0"
-    detect-indent "^5.0.0"
-    inquirer "^3.0.1"
-    invariant "^2.2.0"
-    is-builtin-module "^1.0.0"
-    is-ci "^1.0.10"
-    leven "^2.0.0"
-    loud-rejection "^1.2.0"
-    node-emoji "^1.0.4"
-    object-path "^0.11.2"
-    read "^1.0.7"
-    rimraf "^2.5.0"
-    semver "^5.1.0"
-    strip-bom "^3.0.0"
-
-zwitch@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.3.tgz#159fae4b3f737db1e42bf321d3423e4c96688a18"
-  integrity sha512-aynRpmJDw7JIq6X4NDWJoiK1yVSiG57ArWSg4HLC1SFupX5/bo0Cf4jpX0ifwuzBfxpYBuNSyvMlWNNRuy3cVA==
diff --git a/docs/src/pages/basics/live-examples/index.md b/examples/README.md
similarity index 97%
rename from docs/src/pages/basics/live-examples/index.md
rename to examples/README.md
index 4502bdfad34..3c8dacbef2d 100644
--- a/docs/src/pages/basics/live-examples/index.md
+++ b/examples/README.md
@@ -1,7 +1,6 @@
----
-id: 'live-examples'
-title: 'Live Examples'
----
+## The Storybook official examples
+
+Live examples of these:
 
 ### Next release
 
diff --git a/examples/angular-cli/.storybook/main.js b/examples/angular-cli/.storybook/main.js
index 50ab389264c..1f934f0b01b 100644
--- a/examples/angular-cli/.storybook/main.js
+++ b/examples/angular-cli/.storybook/main.js
@@ -1,5 +1,6 @@
 module.exports = {
   stories: ['../src/stories/**/*.stories.@(ts|mdx)'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-docs',
     '@storybook/addon-controls',
diff --git a/examples/angular-cli/.storybook/manager.js b/examples/angular-cli/.storybook/manager.js
deleted file mode 100644
index ee839872844..00000000000
--- a/examples/angular-cli/.storybook/manager.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  showRoots: true,
-});
diff --git a/examples/angular-cli/.storybook/preview.ts b/examples/angular-cli/.storybook/preview.ts
index e2c77e9e487..55e7cb6c643 100644
--- a/examples/angular-cli/.storybook/preview.ts
+++ b/examples/angular-cli/.storybook/preview.ts
@@ -5,8 +5,14 @@ import addCssWarning from '../src/cssWarning';
 // @ts-ignore
 // eslint-disable-next-line import/extensions, import/no-unresolved
 import docJson from '../documentation.json';
-
-setCompodocJson(docJson);
+// remove ButtonComponent to test #12009
+const filtered = !docJson?.components
+  ? docJson
+  : {
+      ...docJson,
+      components: docJson.components.filter((c) => c.name !== 'ButtonComponent'),
+    };
+setCompodocJson(filtered);
 
 addCssWarning();
 
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index f146f97481e..f6aae203b0b 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -37,19 +37,19 @@
     "@angular/cli": "^9.1.0",
     "@angular/compiler-cli": "^9.1.0",
     "@compodoc/compodoc": "^1.1.11",
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-controls": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-jest": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/angular": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-jest": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/angular": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
     "@types/core-js": "^2.5.0",
     "@types/jest": "^25.1.1",
     "@types/node": "^14.0.10",
@@ -61,8 +61,8 @@
     "jest": "^26.0.0",
     "jest-preset-angular": "^8.2.0",
     "protractor": "~7.0.0",
-    "ts-node": "~8.9.1",
-    "typescript": "^3.4.0"
+    "ts-node": "^8.10.2",
+    "typescript": "^3.9.3"
   },
   "storybook": {
     "chromatic": {
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-controls.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-controls.stories.storyshot
new file mode 100644
index 00000000000..15efddb87ec
--- /dev/null
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-controls.stories.storyshot
@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Addon/Controls Basic 1`] = `
+<storybook-dynamic-app-root
+  cfr={[Function CodegenComponentFactoryResolver]}
+  data={[Function Object]}
+  target={[Function ViewContainerRef_]}
+>
+  <my-button>
+    <button
+      class="btn-secondary btn-medium"
+      ng-reflect-ng-class="btn-secondary,btn-medium"
+    >
+      <img
+        src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNTAgMjUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAgMjUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojREQwMDMxO30NCgkuc3Qxe2ZpbGw6I0MzMDAyRjt9DQoJLnN0MntmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI1LDMwIDEyNSwzMCAxMjUsMzAgMzEuOSw2My4yIDQ2LjEsMTg2LjMgMTI1LDIzMCAxMjUsMjMwIDEyNSwyMzAgMjAzLjksMTg2LjMgMjE4LjEsNjMuMiAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxMjUsMzAgMTI1LDUyLjIgMTI1LDUyLjEgMTI1LDE1My40IDEyNSwxNTMuNCAxMjUsMjMwIDEyNSwyMzAgMjAzLjksMTg2LjMgMjE4LjEsNjMuMiAxMjUsMzAgCSIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMjUsNTIuMUw2Ni44LDE4Mi42aDBoMjEuN2gwbDExLjctMjkuMmg0OS40bDExLjcsMjkuMmgwaDIxLjdoMEwxMjUsNTIuMUwxMjUsNTIuMUwxMjUsNTIuMUwxMjUsNTIuMQ0KCQlMMTI1LDUyLjF6IE0xNDIsMTM1LjRIMTA4bDE3LTQwLjlMMTQyLDEzNS40eiIvPg0KPC9nPg0KPC9zdmc+DQo="
+        width="100"
+      />
+       Args test
+  
+    </button>
+  </my-button>
+</storybook-dynamic-app-root>
+`;
+
+exports[`Storyshots Addon/Controls Disabled 1`] = `
+<storybook-dynamic-app-root
+  cfr={[Function CodegenComponentFactoryResolver]}
+  data={[Function Object]}
+  target={[Function ViewContainerRef_]}
+>
+  <my-button>
+    <button
+      class="btn-secondary btn-medium"
+      disabled=""
+      ng-reflect-ng-class="btn-secondary,btn-medium"
+    >
+      <img
+        src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNTAgMjUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAgMjUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojREQwMDMxO30NCgkuc3Qxe2ZpbGw6I0MzMDAyRjt9DQoJLnN0MntmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTI1LDMwIDEyNSwzMCAxMjUsMzAgMzEuOSw2My4yIDQ2LjEsMTg2LjMgMTI1LDIzMCAxMjUsMjMwIDEyNSwyMzAgMjAzLjksMTg2LjMgMjE4LjEsNjMuMiAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxMjUsMzAgMTI1LDUyLjIgMTI1LDUyLjEgMTI1LDE1My40IDEyNSwxNTMuNCAxMjUsMjMwIDEyNSwyMzAgMjAzLjksMTg2LjMgMjE4LjEsNjMuMiAxMjUsMzAgCSIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMjUsNTIuMUw2Ni44LDE4Mi42aDBoMjEuN2gwbDExLjctMjkuMmg0OS40bDExLjcsMjkuMmgwaDIxLjdoMEwxMjUsNTIuMUwxMjUsNTIuMUwxMjUsNTIuMUwxMjUsNTIuMQ0KCQlMMTI1LDUyLjF6IE0xNDIsMTM1LjRIMTA4bDE3LTQwLjlMMTQyLDEzNS40eiIvPg0KPC9nPg0KPC9zdmc+DQo="
+        width="100"
+      />
+       Disabled
+  
+    </button>
+  </my-button>
+</storybook-dynamic-app-root>
+`;
diff --git a/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
index 097629b538f..e09c9ef1bfe 100644
--- a/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
@@ -19,9 +19,11 @@ exports[`Storyshots Core/Parameters passed to story 1`] = `
     "globalParameter": "globalParameter",
     "framework": "angular",
     "chapterParameter": "chapterParameter",
+    "args": {},
     "argTypes": {},
     "storyParameter": "storyParameter",
-    "__id": "core-parameters--passed-to-story"
+    "__id": "core-parameters--passed-to-story",
+    "__isArgsStory": true
   }
     </button>
   </storybook-button-component>
diff --git a/examples/angular-cli/src/stories/addon-controls.stories.ts b/examples/angular-cli/src/stories/addon-controls.stories.ts
new file mode 100644
index 00000000000..250f082d853
--- /dev/null
+++ b/examples/angular-cli/src/stories/addon-controls.stories.ts
@@ -0,0 +1,19 @@
+import { Story, Meta } from '@storybook/angular/types-6-0';
+import { DocButtonComponent } from './doc-button/doc-button.component';
+
+export default {
+  title: 'Addon/Controls',
+  component: DocButtonComponent,
+  parameters: { docs: { iframeHeight: 120 } },
+} as Meta;
+
+const Template: Story = (args) => ({
+  component: DocButtonComponent,
+  props: args,
+});
+
+export const Basic = Template.bind({});
+Basic.args = { label: 'Args test', isDisabled: false };
+
+export const Disabled = Template.bind({});
+Disabled.args = { label: 'Disabled', isDisabled: true };
diff --git a/examples/angular-cli/src/stories/addon-docs.stories.mdx b/examples/angular-cli/src/stories/addon-docs.stories.mdx
index ffbbaa89b41..958e715a2dd 100644
--- a/examples/angular-cli/src/stories/addon-docs.stories.mdx
+++ b/examples/angular-cli/src/stories/addon-docs.stories.mdx
@@ -1,9 +1,9 @@
 import { moduleMetadata } from '@storybook/angular';
-import { Story, Meta, Props } from '@storybook/addon-docs/blocks';
+import { Story, Meta, ArgsTable } from '@storybook/addon-docs/blocks';
 import { Welcome, Button } from '@storybook/angular/demo';
 import { linkTo } from '@storybook/addon-links';
 import { text, withKnobs } from '@storybook/addon-knobs';
-import { ButtonComponent } from './doc-button/doc-button.component';
+import { DocButtonComponent } from './doc-button/doc-button.component';
 
 # Storybook Docs for Angular
 
@@ -79,7 +79,7 @@ Let's add another one. The UI updates automatically as you'd expect.
 
 We can automatically generate props tables from Angular components:
 
-<Props of={ButtonComponent} />
+<ArgsTable of={DocsButtonComponent} />
 
 ## More info
 
diff --git a/examples/angular-cli/src/stories/core.stories.ts b/examples/angular-cli/src/stories/core.stories.ts
index 42b151282cd..fcfce5c5d49 100644
--- a/examples/angular-cli/src/stories/core.stories.ts
+++ b/examples/angular-cli/src/stories/core.stories.ts
@@ -1,5 +1,6 @@
 import { addParameters } from '@storybook/angular';
 import { Button } from '@storybook/angular/demo';
+import { Story, Meta } from '@storybook/angular/types-6-0';
 
 const globalParameter = 'globalParameter';
 const chapterParameter = 'chapterParameter';
@@ -12,9 +13,9 @@ export default {
   parameters: {
     chapterParameter,
   },
-};
+} as Meta;
 
-export const PassedToStory = (_args, { parameters: { fileName, ...parameters } }) => ({
+export const PassedToStory: Story = (_args, { parameters: { fileName, ...parameters } }) => ({
   component: Button,
   props: {
     text: `Parameters are ${JSON.stringify(parameters, null, 2)}`,
diff --git a/examples/angular-cli/src/stories/doc-button/doc-button.component.ts b/examples/angular-cli/src/stories/doc-button/doc-button.component.ts
index 4f88b25b700..147f3412be2 100644
--- a/examples/angular-cli/src/stories/doc-button/doc-button.component.ts
+++ b/examples/angular-cli/src/stories/doc-button/doc-button.component.ts
@@ -39,7 +39,7 @@ export interface ISomeInterface {
   templateUrl: './doc-button.component.html',
   styleUrls: ['./doc-button.component.scss'],
 })
-export class ButtonComponent<T> {
+export class DocButtonComponent<T> {
   @ViewChild('buttonRef', { static: false }) buttonRef: ElementRef;
 
   /** Appearance style of the button. */
diff --git a/examples/angular-cli/src/stories/doc-button/doc-button.stories.ts b/examples/angular-cli/src/stories/doc-button/doc-button.stories.ts
index 2ea4644afb1..f1eddb52cc9 100644
--- a/examples/angular-cli/src/stories/doc-button/doc-button.stories.ts
+++ b/examples/angular-cli/src/stories/doc-button/doc-button.stories.ts
@@ -1,13 +1,13 @@
-import { ButtonComponent } from './doc-button.component';
+import { DocButtonComponent } from './doc-button.component';
 
 export default {
   title: 'DocButton',
-  component: ButtonComponent,
+  component: DocButtonComponent,
   parameters: { docs: { iframeHeight: 120 } },
 };
 
 export const Basic = (args) => ({
-  component: ButtonComponent,
+  component: DocButtonComponent,
   props: args,
 });
 Basic.args = { label: 'Args test', isDisabled: false };
diff --git a/examples/angular-cli/src/stories/issues/12009-unknown-component.stories.ts b/examples/angular-cli/src/stories/issues/12009-unknown-component.stories.ts
new file mode 100644
index 00000000000..8be644cc0a4
--- /dev/null
+++ b/examples/angular-cli/src/stories/issues/12009-unknown-component.stories.ts
@@ -0,0 +1,16 @@
+import { Story, Meta } from '@storybook/angular/types-6-0';
+import { Button } from '@storybook/angular/demo';
+
+export default {
+  title: 'Addon/Issues/12009 unknown component',
+  component: Button,
+  parameters: { docs: { iframeHeight: 120 } },
+} as Meta;
+
+const Template: Story = (args) => ({
+  component: Button,
+  props: args,
+});
+
+export const Basic = Template.bind({});
+Basic.args = { text: 'Unknown component' };
diff --git a/examples/angular-cli/src/stories/issues/__snapshots__/12009-unknown-component.stories.storyshot b/examples/angular-cli/src/stories/issues/__snapshots__/12009-unknown-component.stories.storyshot
new file mode 100644
index 00000000000..31119ca915c
--- /dev/null
+++ b/examples/angular-cli/src/stories/issues/__snapshots__/12009-unknown-component.stories.storyshot
@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Addon/Issues/12009 unknown component Basic 1`] = `
+<storybook-dynamic-app-root
+  cfr={[Function CodegenComponentFactoryResolver]}
+  data={[Function Object]}
+  target={[Function ViewContainerRef_]}
+>
+  <storybook-button-component
+    _nghost-a-c12=""
+  >
+    <button
+      _ngcontent-a-c12=""
+    >
+      Unknown component
+    </button>
+  </storybook-button-component>
+</storybook-dynamic-app-root>
+`;
diff --git a/examples/aurelia-kitchen-sink/.storybook/main.js b/examples/aurelia-kitchen-sink/.storybook/main.js
index a7710269229..eba349cc7c9 100644
--- a/examples/aurelia-kitchen-sink/.storybook/main.js
+++ b/examples/aurelia-kitchen-sink/.storybook/main.js
@@ -1,5 +1,6 @@
 module.exports = {
   stories: ['../src/stories/**/*.stories.@(ts|mdx)'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-docs',
     '@storybook/addon-storysource',
diff --git a/examples/aurelia-kitchen-sink/.storybook/manager.js b/examples/aurelia-kitchen-sink/.storybook/manager.js
index 26c8139f614..717c4b8c36b 100644
--- a/examples/aurelia-kitchen-sink/.storybook/manager.js
+++ b/examples/aurelia-kitchen-sink/.storybook/manager.js
@@ -1,7 +1,6 @@
 import { addons } from '@storybook/addons';
 
 addons.setConfig({
-  showRoots: true,
   brandTitle: 'Aurelia Kitchen Sink',
   brandUrl: 'https://github.com/storybookjs/storybook/tree/master/examples/aurelia-kitchen-sink',
 });
diff --git a/examples/aurelia-kitchen-sink/.storybook/preview.ts b/examples/aurelia-kitchen-sink/.storybook/preview.ts
deleted file mode 100644
index 5dd82600df3..00000000000
--- a/examples/aurelia-kitchen-sink/.storybook/preview.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { addParameters } from '@storybook/aurelia';
-
-addParameters({
-  options: {
-    showRoots: true,
-  },
-});
diff --git a/examples/aurelia-kitchen-sink/package.json b/examples/aurelia-kitchen-sink/package.json
index 7e4e964d66d..2e4c29ee2e4 100644
--- a/examples/aurelia-kitchen-sink/package.json
+++ b/examples/aurelia-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aurelia-kitchen-sink",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "description": "An Aurelia client application.",
   "repository": {
@@ -22,18 +22,18 @@
   },
   "devDependencies": {
     "@aurelia/webpack-loader": "dev",
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-jest": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/aurelia": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-jest": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/aurelia": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
     "@types/node": "^14.0.10",
     "css-loader": "^3.0.0",
     "file-loader": "^4.2.0",
@@ -44,7 +44,7 @@
     "sass-loader": "^8.0.0",
     "style-loader": "^0.23.0",
     "ts-loader": "^6.0.0",
-    "typescript": "^3.0.0",
+    "typescript": "^3.9.3",
     "webpack": "^4.41.2"
   }
 }
diff --git a/app/aurelia/src/demo/button.ts b/examples/aurelia-kitchen-sink/src/stories/button.ts
similarity index 100%
rename from app/aurelia/src/demo/button.ts
rename to examples/aurelia-kitchen-sink/src/stories/button.ts
diff --git a/examples/aurelia-kitchen-sink/src/stories/mdx.stories.mdx b/examples/aurelia-kitchen-sink/src/stories/mdx.stories.mdx
index 1d2eebc447a..79536f0edaa 100644
--- a/examples/aurelia-kitchen-sink/src/stories/mdx.stories.mdx
+++ b/examples/aurelia-kitchen-sink/src/stories/mdx.stories.mdx
@@ -1,24 +1,22 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
 import { CoolButton } from '../cool-button/cool-button';
-import { Button } from '@storybook/aurelia/demo';
 import { addComponents } from '@storybook/aurelia';
-import { text, withKnobs, } from '@storybook/addon-knobs';
+import { text, withKnobs } from '@storybook/addon-knobs';
+import Button from './button';
 
-<Meta title="Welcome" component={CoolButton} decorators={[withKnobs]}/>
+<Meta title="Welcome" component={CoolButton} decorators={[withKnobs]} />
 
 # Welcome
 
-This is a test document written in MDX that defines a `CoolButton` story wrapped in a `Preview` doc block:
+This is a test document written in MDX that defines a `CoolButton` story wrapped in a `Canvas` doc block:
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story name="to Storybook">
     {{
       template: `<cool-button text.bind="testText"></cool-button>`,
       state: {
-        testText: text('asfdafds', 'asasfdsa')
-      }
+        testText: text('asfdafds', 'asasfdsa'),
+      },
     }}
   </Story>
-</Preview>
-
-
+</Canvas>
diff --git a/examples/cra-kitchen-sink/.storybook/main.js b/examples/cra-kitchen-sink/.storybook/main.js
index f86c04a4a8e..16290a03d47 100644
--- a/examples/cra-kitchen-sink/.storybook/main.js
+++ b/examples/cra-kitchen-sink/.storybook/main.js
@@ -1,4 +1,11 @@
+const path = require('path');
+
 module.exports = {
+  stories: ['../src/stories/**/*.stories.@(js|mdx)'],
+  logLevel: 'debug',
+  reactOptions: {
+    fastRefresh: true,
+  },
   addons: [
     '@storybook/preset-create-react-app',
     {
@@ -15,5 +22,13 @@ module.exports = {
     '@storybook/addon-a11y',
     '@storybook/addon-jest',
   ],
-  stories: ['../src/stories/**/*.stories.@(js|mdx)'],
+  webpackFinal: (config) => {
+    // add monorepo root as a valid directory to import modules from
+    config.resolve.plugins.forEach((p) => {
+      if (Array.isArray(p.appSrcs)) {
+        p.appSrcs.push(path.join(__dirname, '..', '..', '..'));
+      }
+    });
+    return config;
+  },
 };
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index 4961e9c9a24..eea1c9d03d7 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -18,19 +18,19 @@
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-events": "6.0.0-beta.23",
-    "@storybook/addon-jest": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/react": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-events": "6.1.0-alpha.14",
+    "@storybook/addon-jest": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/react": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "react-scripts": "^3.0.1"
   },
   "storybook": {
diff --git a/examples/cra-kitchen-sink/src/components/FastRefreshExample.js b/examples/cra-kitchen-sink/src/components/FastRefreshExample.js
new file mode 100644
index 00000000000..d9e382ffa97
--- /dev/null
+++ b/examples/cra-kitchen-sink/src/components/FastRefreshExample.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+export const FastRefreshExample = () => {
+  const [value, setValue] = React.useState('abc');
+  return (
+    <>
+      <input value={value} onChange={(event) => setValue(event.target.value)} />
+      <p>Change the input value then this text in the component file.</p>
+      <p>The state of the input should be kept.</p>
+    </>
+  );
+};
diff --git a/examples/cra-kitchen-sink/src/stories/fast-refresh.stories.js b/examples/cra-kitchen-sink/src/stories/fast-refresh.stories.js
new file mode 100644
index 00000000000..f96f85877dc
--- /dev/null
+++ b/examples/cra-kitchen-sink/src/stories/fast-refresh.stories.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import { FastRefreshExample } from '../components/FastRefreshExample';
+
+export default {
+  title: 'React Fast Refresh',
+  component: FastRefreshExample,
+};
+
+export const Default = () => <FastRefreshExample />;
diff --git a/examples/cra-react15/.storybook/main.js b/examples/cra-react15/.storybook/main.js
index 46cf3a05227..b7817d75cd0 100644
--- a/examples/cra-react15/.storybook/main.js
+++ b/examples/cra-react15/.storybook/main.js
@@ -1,8 +1,20 @@
+const path = require('path');
+
 module.exports = {
   stories: ['../src/stories/welcome.stories', '../src/stories/**/button.stories.js'],
+  logLevel: 'debug',
   addons: [
     '@storybook/preset-create-react-app',
     '@storybook/addon-actions',
     '@storybook/addon-links',
   ],
+  webpackFinal: (config) => {
+    // add monorepo root as a valid directory to import modules from
+    config.resolve.plugins.forEach((p) => {
+      if (Array.isArray(p.appSrcs)) {
+        p.appSrcs.push(path.join(__dirname, '..', '..', '..'));
+      }
+    });
+    return config;
+  },
 };
diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json
index 6809ea8da10..1dc76ad5e2f 100644
--- a/examples/cra-react15/package.json
+++ b/examples/cra-react15/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-react15",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -18,11 +18,11 @@
     "react-scripts": "3.0.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/react": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/react": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "babel-core": "6",
     "babel-runtime": "6"
   },
diff --git a/examples/cra-react15/src/stories/welcome.stories.js b/examples/cra-react15/src/stories/welcome.stories.js
index bbb8dc8f4ba..ab49853d1d4 100644
--- a/examples/cra-react15/src/stories/welcome.stories.js
+++ b/examples/cra-react15/src/stories/welcome.stories.js
@@ -1,10 +1,25 @@
 import React from 'react';
-import { storiesOf } from '@storybook/react';
+import { storiesOf, setAddon } from '@storybook/react';
 import { linkTo } from '@storybook/addon-links';
 import { Welcome } from '@storybook/react/demo';
 
+// Added deprecated setAddon tests
+setAddon({
+  aa() {
+    console.log('aa');
+  },
+});
+
+setAddon({
+  bb() {
+    console.log('bb');
+  },
+});
+
 storiesOf('Welcome', module)
   .addParameters({
     component: Welcome,
   })
+  .aa()
+  .bb()
   .add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
diff --git a/examples/cra-ts-essentials/.storybook/main.js b/examples/cra-ts-essentials/.storybook/main.js
index 9ec4897ee49..e3273fb9d48 100644
--- a/examples/cra-ts-essentials/.storybook/main.js
+++ b/examples/cra-ts-essentials/.storybook/main.js
@@ -1,12 +1,24 @@
+const path = require('path');
+
 module.exports = {
   stories: ['../src/**/*.stories.tsx'],
+  logLevel: 'debug',
   addons: [
     '@storybook/preset-create-react-app',
     {
       name: '@storybook/addon-essentials',
       options: {
-        backgrounds: false,
+        viewport: false,
       },
     },
   ],
+  webpackFinal: (config) => {
+    // add monorepo root as a valid directory to import modules from
+    config.resolve.plugins.forEach((p) => {
+      if (Array.isArray(p.appSrcs)) {
+        p.appSrcs.push(path.join(__dirname, '..', '..', '..'));
+      }
+    });
+    return config;
+  },
 };
diff --git a/examples/cra-ts-essentials/.storybook/preview.js b/examples/cra-ts-essentials/.storybook/preview.js
new file mode 100644
index 00000000000..305c8eb0be1
--- /dev/null
+++ b/examples/cra-ts-essentials/.storybook/preview.js
@@ -0,0 +1,27 @@
+import React from 'react';
+
+export const decorators = [
+  (StoryFn, { globals: { locale = 'en' } }) => (
+    <>
+      <div>{locale}</div>
+      <StoryFn />
+    </>
+  ),
+];
+
+export const globalTypes = {
+  locale: {
+    name: 'Locale',
+    description: 'Internationalization locale',
+    defaultValue: 'en',
+    toolbar: {
+      icon: 'globe',
+      items: [
+        { value: 'en', right: '🇺🇸', title: 'English' },
+        { value: 'es', right: '🇪🇸', title: 'Español' },
+        { value: 'zh', right: '🇨🇳', title: '中文' },
+        { value: 'kr', right: '🇰🇷', title: '한국어' },
+      ],
+    },
+  },
+};
diff --git a/examples/cra-ts-essentials/package.json b/examples/cra-ts-essentials/package.json
index 50e1195917e..e5b810f6fdc 100644
--- a/examples/cra-ts-essentials/package.json
+++ b/examples/cra-ts-essentials/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-essentials",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -26,18 +26,18 @@
     "@types/jest": "25.2.1",
     "@types/node": "14.0.10",
     "@types/react": "^16.0.0",
-    "@types/react-dom": "16.9.7",
+    "@types/react-dom": "16.9.8",
     "global": "^4.3.2",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "react-scripts": "3.4.1",
-    "typescript": "3.8.3"
+    "typescript": "^3.9.3"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/preset-create-react-app": "^3.0.0",
-    "@storybook/react": "6.0.0-beta.23"
+    "@storybook/addon-essentials": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/preset-create-react-app": "^3.1.4",
+    "@storybook/react": "6.1.0-alpha.14"
   },
   "storybook": {
     "chromatic": {
diff --git a/examples/cra-ts-essentials/src/stories/1-Button.stories.tsx b/examples/cra-ts-essentials/src/stories/1-Button.stories.tsx
index 5f571ac933f..e952509a901 100644
--- a/examples/cra-ts-essentials/src/stories/1-Button.stories.tsx
+++ b/examples/cra-ts-essentials/src/stories/1-Button.stories.tsx
@@ -1,22 +1,20 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
 import { Button } from '@storybook/react/demo';
-import { text } from '@storybook/addon-knobs';
 
 export default {
   title: 'Button',
   component: Button,
+  argTypes: { onClick: { action: 'clicked' } },
 };
 
-// eslint-disable-next-line no-underscore-dangle
-export const _text = () => (
-  <Button onClick={action('clicked')}>{text('label', 'testing knobs')}</Button>
-);
+const Template = (args: any) => <Button {...args} />;
 
-export const emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
+export const Text = Template.bind({});
+Text.args = {
+  children: 'Hello button',
+};
+
+export const Emoji = Template.bind({});
+Emoji.args = {
+  children: '😀 😎 👍 💯',
+};
diff --git a/examples/cra-ts-essentials/src/stories/Button.stories.tsx b/examples/cra-ts-essentials/src/stories/Button.stories.tsx
new file mode 100644
index 00000000000..da71dd465c0
--- /dev/null
+++ b/examples/cra-ts-essentials/src/stories/Button.stories.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+// also exported from '@storybook/react' if you can deal with breaking changes in 6.1
+import { Story, Meta } from '@storybook/react/types-6-0';
+
+import { Button, ButtonProps } from './Button';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    label: { defaultValue: 'Button' },
+  },
+} as Meta;
+
+const Template: Story<ButtonProps> = (args) => <Button {...args} />;
+
+export const Primary = Template.bind({});
+
+Primary.args = {
+  label: 'foo',
+  size: 'large',
+};
+
+// export const Secondary = Template.bind({});
diff --git a/examples/cra-ts-essentials/src/stories/Button.tsx b/examples/cra-ts-essentials/src/stories/Button.tsx
new file mode 100644
index 00000000000..6d397b74949
--- /dev/null
+++ b/examples/cra-ts-essentials/src/stories/Button.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import './button.css';
+
+export interface ButtonProps {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary?: boolean;
+  /**
+   * What background color to use
+   */
+  backgroundColor?: string;
+  /**
+   * How large should the button be?
+   */
+  size?: 'small' | 'medium' | 'large';
+  /**
+   * Button contents
+   */
+  label: string;
+  /**
+   * Optional click handler
+   */
+  onClick?: () => void;
+}
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button: React.FC<ButtonProps> = ({
+  primary = false,
+  size = 'medium',
+  backgroundColor,
+  label,
+  ...props
+}) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      style={{ backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};
diff --git a/examples/cra-ts-essentials/src/stories/button.css b/examples/cra-ts-essentials/src/stories/button.css
new file mode 100644
index 00000000000..dc91dc76370
--- /dev/null
+++ b/examples/cra-ts-essentials/src/stories/button.css
@@ -0,0 +1,30 @@
+.storybook-button {
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+  border: 0;
+  border-radius: 3em;
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+}
+.storybook-button--primary {
+  color: white;
+  background-color: #1ea7fd;
+}
+.storybook-button--secondary {
+  color: #333;
+  background-color: transparent;
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+.storybook-button--small {
+  font-size: 12px;
+  padding: 10px 16px;
+}
+.storybook-button--medium {
+  font-size: 14px;
+  padding: 11px 20px;
+}
+.storybook-button--large {
+  font-size: 16px;
+  padding: 12px 24px;
+}
diff --git a/examples/cra-ts-kitchen-sink/.storybook/localAddon/preset.ts b/examples/cra-ts-kitchen-sink/.storybook/localAddon/preset.ts
new file mode 100644
index 00000000000..68be04174d3
--- /dev/null
+++ b/examples/cra-ts-kitchen-sink/.storybook/localAddon/preset.ts
@@ -0,0 +1,3 @@
+module.exports = {
+  managerEntries: [],
+};
diff --git a/examples/cra-ts-kitchen-sink/.storybook/localAddon/register.tsx b/examples/cra-ts-kitchen-sink/.storybook/localAddon/register.tsx
new file mode 100644
index 00000000000..b8e30ec52d1
--- /dev/null
+++ b/examples/cra-ts-kitchen-sink/.storybook/localAddon/register.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import addons, { types } from '@storybook/addons';
+
+const ID = 'local-addon';
+
+const LocalAddonPanel = () => <>Local addon</>;
+
+addons.register(ID, (api) =>
+  addons.add(ID, {
+    title: ID,
+    type: types.PANEL,
+    match: () => true,
+    render: ({ active, key }) => (active ? <LocalAddonPanel key={key} /> : null),
+  })
+);
diff --git a/examples/cra-ts-kitchen-sink/.storybook/main.ts b/examples/cra-ts-kitchen-sink/.storybook/main.ts
index 85caabde7e0..15379aaea0a 100644
--- a/examples/cra-ts-kitchen-sink/.storybook/main.ts
+++ b/examples/cra-ts-kitchen-sink/.storybook/main.ts
@@ -1,29 +1,29 @@
-// @ts-ignore
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { Configuration } from 'webpack';
+
 const path = require('path');
 
 module.exports = {
   stories: ['../src/**/*.stories.@(mdx|tsx|ts|jsx|js)'],
+  logLevel: 'debug',
   addons: [
-    {
-      name: '@storybook/preset-create-react-app',
-      options: {
-        tsDocgenLoaderOptions: {
-          tsconfigPath: path.resolve(__dirname, '../tsconfig.json'),
-          shouldExtractLiteralValuesFromEnum: true,
-          propFilter: (prop: any) => {
-            // Currently not working, prop.parent is always null.
-            if (prop.parent) {
-              return !prop.parent.fileName.includes('node_modules/@types/react/');
-            }
-
-            return true;
-          },
-        },
-      },
-    },
+    '@storybook/preset-create-react-app',
     '@storybook/addon-docs',
     '@storybook/addon-actions',
     '@storybook/addon-links',
     '@storybook/addon-a11y',
+    './localAddon/register.tsx',
+    './localAddon/preset.ts',
   ],
+  webpackFinal: (config: Configuration) => {
+    // add monorepo root as a valid directory to import modules from
+    config.resolve.plugins.forEach((p) => {
+      // @ts-ignore
+      if (Array.isArray(p.appSrcs)) {
+        // @ts-ignore
+        p.appSrcs.push(path.join(__dirname, '..', '..', '..'));
+      }
+    });
+    return config;
+  },
 };
diff --git a/examples/cra-ts-kitchen-sink/.storybook/preview.ts b/examples/cra-ts-kitchen-sink/.storybook/preview.ts
index 4ae2fd71cc3..3cadf234299 100644
--- a/examples/cra-ts-kitchen-sink/.storybook/preview.ts
+++ b/examples/cra-ts-kitchen-sink/.storybook/preview.ts
@@ -6,6 +6,5 @@ addParameters({
   options: {
     brandTitle: 'CRA TypeScript Kitchen Sink',
     brandUrl: 'https://github.com/storybookjs/storybook/tree/master/examples/cra-ts-kitchen-sink',
-    showRoots: true,
   },
 });
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index d7df23c7612..d3aaf01a82c 100644
--- a/examples/cra-ts-kitchen-sink/package.json
+++ b/examples/cra-ts-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-ts-kitchen-sink",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -26,30 +26,29 @@
     "@types/jest": "25.2.1",
     "@types/node": "14.0.10",
     "@types/react": "16.9.34",
-    "@types/react-dom": "16.9.7",
+    "@types/react-dom": "16.9.8",
     "prop-types": "^15.7.2",
-    "react": "^16.10.2",
-    "react-dom": "^16.10.2",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "react-scripts": "3.4.1",
-    "typescript": "3.8.3"
+    "typescript": "^3.9.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/preset-create-react-app": "^3.0.0",
-    "@storybook/react": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/preset-create-react-app": "^3.1.4",
+    "@storybook/react": "6.1.0-alpha.14",
     "@types/enzyme": "^3.9.0",
     "enzyme": "^3.9.0",
     "enzyme-adapter-react-16": "^1.9.1",
     "enzyme-to-json": "^3.4.1",
     "fork-ts-checker-webpack-plugin": "^4.0.3",
-    "react-docgen-typescript-loader": "^3.7.2",
     "react-moment-proptypes": "^1.7.0",
-    "ts-node": "~8.9.1"
+    "ts-node": "^8.10.2"
   },
   "storybook": {
     "chromatic": {
diff --git a/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx b/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx
index 1ef0abfde56..69953b6a180 100644
--- a/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx
+++ b/examples/cra-ts-kitchen-sink/src/stories/Test.stories.mdx
@@ -1,18 +1,18 @@
-import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
 import { Button } from './Button';
 
 <Meta title="Test" />
 
 Here's some _markdown_!
 
-# Preview
+# Canvas
 
-<Preview>
+<Canvas>
   <Story name="button">
     <Button>hello</Button>
   </Story>
-</Preview>
+</Canvas>
 
-# Props
+# ArgsTable
 
-<Props of={Button} />
+<ArgsTable of={Button} />
diff --git a/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx b/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx
index 3bc0a9ceea0..8927940597f 100644
--- a/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx
+++ b/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/docgen.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta, Props, Description } from '@storybook/addon-docs/blocks';
+import { Meta, ArgsTable, Description } from '@storybook/addon-docs/blocks';
 import * as DocgenJS from './DocgenJS';
 import * as DocgenTS from './DocgenTS';
 
@@ -8,7 +8,7 @@ export const DescriptionProps = ({ of }) => (
   <>
     <h2>{of.displayName}</h2>
     <Description of={of} />
-    <Props of={of} />
+    <ArgsTable of={of} />
   </>
 );
 
diff --git a/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx b/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx
index b419ff21e35..48323079e19 100644
--- a/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx
+++ b/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc-perfo.stories.mdx
@@ -1,10 +1,10 @@
-import { Meta, Props } from '@storybook/addon-docs/blocks';
+import { Meta, ArgsTable } from '@storybook/addon-docs/blocks';
 import { ButtonTooManyProps } from './jsdoc-perfo';
 
 <Meta title="Docgen/jsdoc-perfo" />
 
 ## Render 150 props with JSDoc tags
 
-<Props of={ButtonTooManyProps} />
-<Props of={ButtonTooManyProps} />
-<Props of={ButtonTooManyProps} />
+<ArgsTable of={ButtonTooManyProps} />
+<ArgsTable of={ButtonTooManyProps} />
+<ArgsTable of={ButtonTooManyProps} />
diff --git a/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx b/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx
index ea2d2ff7da8..a13f7245265 100644
--- a/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx
+++ b/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/jsdoc/jsdoc.stories.mdx
@@ -1,9 +1,9 @@
-import { Meta, Props } from '@storybook/addon-docs/blocks';
+import { Meta, ArgsTable } from '@storybook/addon-docs/blocks';
 import { JsDocProps, FailingJsDocProps } from './jsdoc';
 import { TypeScriptProps } from './jsdoc-ts';
 
 <Meta title="Docgen/jsdoc" />
 
-<Props of={JsDocProps} />
-<Props of={TypeScriptProps} />
-<Props of={FailingJsDocProps} />
+<ArgsTable of={JsDocProps} />
+<ArgsTable of={TypeScriptProps} />
+<ArgsTable of={FailingJsDocProps} />
diff --git a/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx b/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx
index ac98de4a291..f4800485c63 100644
--- a/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx
+++ b/examples/cra-ts-kitchen-sink/src/stories/docgen-tests/types/types.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta, Props } from '@storybook/addon-docs/blocks';
+import { Meta, ArgsTable } from '@storybook/addon-docs/blocks';
 import { PropTypesProps } from './prop-types';
 import { TypeScriptProps, TypeScriptHtmlComponent } from './ts-types';
 
@@ -6,10 +6,10 @@ import { TypeScriptProps, TypeScriptHtmlComponent } from './ts-types';
 
 ## Prop Types
 
-<Props of={PropTypesProps} />
+<ArgsTable of={PropTypesProps} />
 
 ## TypeScript
 
-<Props of={TypeScriptProps} />
+<ArgsTable of={TypeScriptProps} />
 
-<Props of={TypeScriptHtmlComponent} />
\ No newline at end of file
+<ArgsTable of={TypeScriptHtmlComponent} />
diff --git a/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx b/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx
index 5441e4f1f39..93ff36d488b 100644
--- a/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx
+++ b/examples/cra-ts-kitchen-sink/src/stories/props-sort.stories.mdx
@@ -1,7 +1,7 @@
-import { PropsSort } from "./PropsSort";
-import { Props, Meta } from '@storybook/addon-docs/blocks';
+import { PropsSort } from './PropsSort';
+import { ArgsTable, Meta } from '@storybook/addon-docs/blocks';
 
 <Meta title="PropsSort" />
 
-<Props of={PropsSort} />
-<Props of={PropsSort} exclude={["foo"]} />
\ No newline at end of file
+<ArgsTable of={PropsSort} />
+<ArgsTable of={PropsSort} exclude={['foo']} />
diff --git a/examples/dev-kits/main.js b/examples/dev-kits/main.js
index 98d0a7ab2d1..ab0f975ad19 100644
--- a/examples/dev-kits/main.js
+++ b/examples/dev-kits/main.js
@@ -1,10 +1,14 @@
 module.exports = {
   stories: ['./stories/*.*'],
+  logLevel: 'debug',
   refs: {
-    ember: {
-      id: 'ember',
+    Ember: {
       title: 'Ember',
       url: 'https://next--storybookjs.netlify.app/ember-cli',
+      versions: {
+        next: 'https://next--storybookjs.netlify.app/ember-cli',
+        master: 'https://master--storybookjs.netlify.app/ember-cli',
+      },
     },
     cra: 'https://next--storybookjs.netlify.app/cra-ts-kitchen-sink',
   },
diff --git a/examples/dev-kits/manager.js b/examples/dev-kits/manager.js
index 773038a551a..7ba3c1f26be 100644
--- a/examples/dev-kits/manager.js
+++ b/examples/dev-kits/manager.js
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { PropTypes } from 'prop-types';
 import { Button } from '@storybook/react/demo';
 import { addons } from '@storybook/addons';
-import { useAddonState, useGlobalArgs } from '@storybook/api';
+import { useAddonState, useGlobals } from '@storybook/api';
 import { themes } from '@storybook/theming';
 import { AddonPanel } from '@storybook/components';
 
@@ -52,9 +52,9 @@ addons.addPanel('useAddonState', {
   render: StatePanel,
 });
 
-const GlobalArgsPanel = ({ active, key }) => {
-  const [globalArgs, updateGlobalArgs] = useGlobalArgs();
-  const [globalArgsInput, updateGlobalArgsInput] = useState(JSON.stringify(globalArgs));
+const GlobalsPanel = ({ active, key }) => {
+  const [globals, updateGlobals] = useGlobals();
+  const [globalsInput, updateGlobalsInput] = useState(JSON.stringify(globals));
   return (
     <AddonPanel key={key} active={active}>
       <div>
@@ -63,13 +63,10 @@ const GlobalArgsPanel = ({ active, key }) => {
         <form
           onSubmit={(e) => {
             e.preventDefault();
-            updateGlobalArgs(JSON.parse(globalArgsInput));
+            updateGlobals(JSON.parse(globalsInput));
           }}
         >
-          <textarea
-            value={globalArgsInput}
-            onChange={(e) => updateGlobalArgsInput(e.target.value)}
-          />
+          <textarea value={globalsInput} onChange={(e) => updateGlobalsInput(e.target.value)} />
           <br />
           <button type="submit">Change</button>
         </form>
@@ -78,13 +75,13 @@ const GlobalArgsPanel = ({ active, key }) => {
   );
 };
 
-GlobalArgsPanel.propTypes = {
+GlobalsPanel.propTypes = {
   active: PropTypes.bool.isRequired,
   key: PropTypes.string.isRequired,
 };
 
-addons.addPanel('useGlobalArgs', {
-  id: 'useGlobalArgs',
-  title: 'useGlobalArgs',
-  render: GlobalArgsPanel,
+addons.addPanel('useGlobals', {
+  id: 'useGlobals',
+  title: 'useGlobals',
+  render: GlobalsPanel,
 });
diff --git a/examples/dev-kits/package.json b/examples/dev-kits/package.json
index 4d1f1ab6ef3..ec2705bea10 100644
--- a/examples/dev-kits/package.json
+++ b/examples/dev-kits/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-devkits",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@@ -8,18 +8,18 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
   },
   "devDependencies": {
-    "@storybook/addon-decorator": "6.0.0-beta.23",
-    "@storybook/addon-parameter": "6.0.0-beta.23",
-    "@storybook/addon-preview-wrapper": "6.0.0-beta.23",
-    "@storybook/addon-roundtrip": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/node-logger": "6.0.0-beta.23",
-    "@storybook/react": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/addon-decorator": "6.1.0-alpha.14",
+    "@storybook/addon-parameter": "6.1.0-alpha.14",
+    "@storybook/addon-preview-wrapper": "6.1.0-alpha.14",
+    "@storybook/addon-roundtrip": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
+    "@storybook/react": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "cors": "^2.8.5",
     "cross-env": "^7.0.0",
     "enzyme-to-json": "^3.4.1",
diff --git a/examples/dev-kits/stories/addon-decorator.js b/examples/dev-kits/stories/addon-decorator.js
index 921d69667ec..ac4fde50d41 100644
--- a/examples/dev-kits/stories/addon-decorator.js
+++ b/examples/dev-kits/stories/addon-decorator.js
@@ -4,7 +4,7 @@ import { storiesOf } from '@storybook/react';
 import { withRoundtrip } from '@storybook/addon-roundtrip';
 import { withDecorator } from '@storybook/addon-decorator';
 
-storiesOf('addons|decorator', module)
+storiesOf('addons/decorator', module)
   .addDecorator(withRoundtrip)
   .addDecorator(withDecorator())
   .add('with decorator', () => (
diff --git a/examples/dev-kits/stories/addon-roundtrip.js b/examples/dev-kits/stories/addon-roundtrip.js
index 8593a9a0951..22339cb90d5 100644
--- a/examples/dev-kits/stories/addon-roundtrip.js
+++ b/examples/dev-kits/stories/addon-roundtrip.js
@@ -1,9 +1,9 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 
-storiesOf('root|group/component', module).add('variant 1', () => <div>This is variant 1</div>);
+storiesOf('root/group/component', module).add('variant 1', () => <div>This is variant 1</div>);
 
-storiesOf('addons|parameter', module)
+storiesOf('addons/parameter', module)
   .addParameters({
     parameter: ['foo', 'bar', 'baz'],
   })
diff --git a/examples/dev-kits/stories/addon-useaddonstate.tsx b/examples/dev-kits/stories/addon-useaddonstate.tsx
index dbad9aa0193..4a90b9fba26 100644
--- a/examples/dev-kits/stories/addon-useaddonstate.tsx
+++ b/examples/dev-kits/stories/addon-useaddonstate.tsx
@@ -3,7 +3,7 @@ import { Button } from '@storybook/react/demo';
 import { useAddonState } from '@storybook/client-api';
 
 export default {
-  title: 'addons|useAddonState',
+  title: 'addons/useAddonState',
 };
 
 export const managerDefault = () => {
diff --git a/examples/dev-kits/stories/addon-useglobalargs.js b/examples/dev-kits/stories/addon-useglobalargs.js
index b9cbed9e3af..4caa563a978 100644
--- a/examples/dev-kits/stories/addon-useglobalargs.js
+++ b/examples/dev-kits/stories/addon-useglobalargs.js
@@ -2,31 +2,31 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 export default {
-  title: 'addons/useGlobalArgs',
+  title: 'addons/useGlobals',
 };
 
-export const PassedToStory = ({ globalArgs }) => {
+export const PassedToStory = ({ globals }) => {
   return (
     <div>
       <h3>Global args:</h3>
-      <pre>{JSON.stringify(globalArgs)}</pre>
+      <pre>{JSON.stringify(globals)}</pre>
     </div>
   );
 };
 
 PassedToStory.propTypes = {
-  globalArgs: PropTypes.shape({}).isRequired,
+  globals: PropTypes.shape({}).isRequired,
 };
 
-export const SecondStory = ({ globalArgs }) => {
+export const SecondStory = ({ globals }) => {
   return (
     <div>
       <h3>Global args (2):</h3>
-      <pre>{JSON.stringify(globalArgs)}</pre>
+      <pre>{JSON.stringify(globals)}</pre>
     </div>
   );
 };
 
 SecondStory.propTypes = {
-  globalArgs: PropTypes.shape({}).isRequired,
+  globals: PropTypes.shape({}).isRequired,
 };
diff --git a/examples/ember-cli/.storybook/main.js b/examples/ember-cli/.storybook/main.js
index ce652919c51..9a4b538db35 100644
--- a/examples/ember-cli/.storybook/main.js
+++ b/examples/ember-cli/.storybook/main.js
@@ -1,17 +1,23 @@
 const path = require('path');
+const namedBlockPolyfill = require('ember-named-blocks-polyfill/lib/named-blocks-polyfill-plugin');
 
 module.exports = {
+  emberOptions: {
+    polyfills: [namedBlockPolyfill],
+  },
+  stories: ['../stories/**/*.stories.js'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-a11y',
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
     '@storybook/addon-docs',
+    '@storybook/addon-controls',
     '@storybook/addon-links',
     '@storybook/addon-knobs',
     '@storybook/addon-viewport',
     '@storybook/addon-backgrounds',
   ],
-  stories: ['../stories/**/*.stories.js'],
   webpackFinal: async (config) => {
     config.module.rules.push({
       test: [/\.stories\.js$/, /index\.js$/],
diff --git a/examples/ember-cli/.storybook/preview.js b/examples/ember-cli/.storybook/preview.js
index 415ec2c8da0..9e7eaa3b889 100644
--- a/examples/ember-cli/.storybook/preview.js
+++ b/examples/ember-cli/.storybook/preview.js
@@ -1,11 +1,5 @@
-import { addParameters } from '@storybook/ember';
 import { setJSONDoc } from '@storybook/addon-docs/ember';
 // eslint-disable-next-line import/no-unresolved
 import docJson from '../ember-output/storybook-docgen/index.json';
 
 setJSONDoc(docJson);
-addParameters({
-  options: {
-    showRoots: true,
-  },
-});
diff --git a/examples/ember-cli/app/components/welcome-banner.js b/examples/ember-cli/app/components/welcome-banner.js
index 5b4bb4e0bb1..05478b4b560 100644
--- a/examples/ember-cli/app/components/welcome-banner.js
+++ b/examples/ember-cli/app/components/welcome-banner.js
@@ -23,6 +23,7 @@ export default Component.extend({
    * The hex-formatted color code for the background.
    * @argument backgroundColor
    * @type {string}
+   * @default null
    */
   backgroundColor: null,
 
diff --git a/examples/ember-cli/app/templates/components/named-block.hbs b/examples/ember-cli/app/templates/components/named-block.hbs
new file mode 100644
index 00000000000..13741644ed9
--- /dev/null
+++ b/examples/ember-cli/app/templates/components/named-block.hbs
@@ -0,0 +1,4 @@
+<div>
+    <h1>{{yield to='title'}}</h1>
+    <div>{{yield to='body'}}</div>
+</div>
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index 7f0340e10c3..2e46bb93f10 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "ember build --output-path ember-output",
@@ -11,23 +11,25 @@
     "storybook:dev": "yarn dev & start-storybook -p 9009 -s ember-output"
   },
   "dependencies": {
+    "ember-named-blocks-polyfill": "^0.2.3",
     "ember-template-compiler": "^1.9.0-alpha"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
+    "@babel/core": "^7.11.5",
     "@ember/optional-features": "^1.3.0",
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/ember": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/ember": "6.1.0-alpha.14",
     "@storybook/ember-cli-storybook": "^0.2.1",
-    "@storybook/source-loader": "6.0.0-beta.23",
+    "@storybook/source-loader": "6.1.0-alpha.14",
     "babel-loader": "^8",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^7.0.0",
diff --git a/examples/ember-cli/stories/addon-a11y.stories.js b/examples/ember-cli/stories/addon-a11y.stories.js
index 5ef46b92224..92cb2a614cf 100644
--- a/examples/ember-cli/stories/addon-a11y.stories.js
+++ b/examples/ember-cli/stories/addon-a11y.stories.js
@@ -2,7 +2,6 @@ import { hbs } from 'ember-cli-htmlbars';
 
 export default {
   title: 'Addon/a11y',
-
   parameters: {
     options: { selectedPanel: '@storybook/a11y/panel' },
   },
diff --git a/examples/ember-cli/stories/addon-actions.stories.js b/examples/ember-cli/stories/addon-actions.stories.js
index 4151467114a..ce4b67a59ee 100644
--- a/examples/ember-cli/stories/addon-actions.stories.js
+++ b/examples/ember-cli/stories/addon-actions.stories.js
@@ -3,7 +3,6 @@ import { action } from '@storybook/addon-actions';
 
 export default {
   title: 'Addon/Actions',
-
   parameters: {
     options: {
       selectedPanel: 'storybook/actions/panel',
diff --git a/examples/ember-cli/stories/addon-backgrounds.stories.js b/examples/ember-cli/stories/addon-backgrounds.stories.js
index 70ea6f30c4c..39d5848ce98 100644
--- a/examples/ember-cli/stories/addon-backgrounds.stories.js
+++ b/examples/ember-cli/stories/addon-backgrounds.stories.js
@@ -2,7 +2,6 @@ import { hbs } from 'ember-cli-htmlbars';
 
 export default {
   title: 'Addon/Backgrounds',
-
   parameters: {
     backgrounds: {
       default: 'dark',
diff --git a/examples/ember-cli/stories/addon-controls.stories.js b/examples/ember-cli/stories/addon-controls.stories.js
new file mode 100644
index 00000000000..3b934114c38
--- /dev/null
+++ b/examples/ember-cli/stories/addon-controls.stories.js
@@ -0,0 +1,19 @@
+import { hbs } from 'ember-cli-htmlbars';
+
+export default {
+  title: 'Addon/Controls',
+  argTypes: {
+    label: { type: { name: 'string' } },
+  },
+};
+
+const Template = (args) => ({
+  template: hbs`<button>{{label}}</button>`,
+  context: args,
+});
+
+export const Hello = Template.bind({});
+Hello.args = { label: 'Hello!' };
+
+export const Bonjour = Template.bind({});
+Bonjour.args = { label: 'Bonjour!' };
diff --git a/examples/ember-cli/stories/addon-knobs.stories.js b/examples/ember-cli/stories/addon-knobs.stories.js
index 29c9e12b595..6aff81be1db 100644
--- a/examples/ember-cli/stories/addon-knobs.stories.js
+++ b/examples/ember-cli/stories/addon-knobs.stories.js
@@ -5,7 +5,6 @@ import { action } from '@storybook/addon-actions';
 export default {
   title: 'Addon/Knobs',
   decorators: [withKnobs],
-
   parameters: {
     options: { selectedPanel: 'storybookjs/knobs/panel' },
   },
diff --git a/examples/ember-cli/stories/index.stories.js b/examples/ember-cli/stories/index.stories.js
index f2b461b43ea..547a286c29a 100644
--- a/examples/ember-cli/stories/index.stories.js
+++ b/examples/ember-cli/stories/index.stories.js
@@ -2,7 +2,6 @@ import { hbs } from 'ember-cli-htmlbars';
 
 export default {
   title: 'Welcome',
-
   parameters: {
     options: { showPanel: false },
   },
diff --git a/examples/ember-cli/stories/polyfill-example.stories.js b/examples/ember-cli/stories/polyfill-example.stories.js
new file mode 100644
index 00000000000..841f1235814
--- /dev/null
+++ b/examples/ember-cli/stories/polyfill-example.stories.js
@@ -0,0 +1,20 @@
+import { hbs } from 'ember-cli-htmlbars';
+
+export default {
+  title: 'EmberOptions/Polyfills',
+};
+
+export const namedBlockExample = () => {
+  return {
+    template: hbs`
+      <NamedBlock
+      >
+        <:title>This article is awesome!</:title>
+        <:body>
+          My blog has very awesome content, and everyone should
+          read it.
+        </:body>
+      </NamedBlock>
+  `,
+  };
+};
diff --git a/examples/ember-cli/stories/welcome-banner.stories.js b/examples/ember-cli/stories/welcome-banner.stories.js
index eef06b1ae50..1128476813e 100644
--- a/examples/ember-cli/stories/welcome-banner.stories.js
+++ b/examples/ember-cli/stories/welcome-banner.stories.js
@@ -4,9 +4,18 @@ import { action } from '@storybook/addon-actions';
 export default {
   title: 'welcome-banner',
   component: 'WelcomeBanner',
+  parameters: {
+    docs: {
+      iframeHeight: 200,
+    },
+  },
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    subTitleColor: { control: 'color' },
+  },
 };
 
-export const Basic = () => ({
+export const Basic = (args) => ({
   template: hbs`
       {{welcome-banner
         backgroundColor=backgroundColor
@@ -17,12 +26,13 @@ export const Basic = () => ({
         click=(action onClick)
       }}
     `,
-  context: {
-    backgroundColor: '#FDF4E7',
-    titleColor: '#DF4D37',
-    subTitleColor: '#B8854F',
-    title: 'Welcome to storybook',
-    subtitle: 'This environment is completely editable',
-    onClick: action('clicked'),
-  },
+  context: args,
 });
+Basic.args = {
+  backgroundColor: '#FDF4E7',
+  titleColor: '#DF4D37',
+  subTitleColor: '#B8854F',
+  title: 'Welcome to storybook',
+  subtitle: 'This environment is completely editable',
+  onClick: action('clicked'),
+};
diff --git a/examples/html-kitchen-sink/.storybook/main.js b/examples/html-kitchen-sink/.storybook/main.js
index e99834ee9de..efa6344c647 100644
--- a/examples/html-kitchen-sink/.storybook/main.js
+++ b/examples/html-kitchen-sink/.storybook/main.js
@@ -1,11 +1,13 @@
 module.exports = {
   // this dirname is because we run tests from project root
-  stories: [`${__dirname}/../stories/*.stories.*`],
+  stories: ['../stories/*.stories.*'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-docs',
     '@storybook/addon-a11y',
     '@storybook/addon-actions',
     '@storybook/addon-backgrounds',
+    '@storybook/addon-controls',
     '@storybook/addon-events',
     '@storybook/addon-jest',
     '@storybook/addon-knobs',
diff --git a/examples/html-kitchen-sink/.storybook/preview.js b/examples/html-kitchen-sink/.storybook/preview.js
index 2b94162159e..4d8de85177b 100644
--- a/examples/html-kitchen-sink/.storybook/preview.js
+++ b/examples/html-kitchen-sink/.storybook/preview.js
@@ -10,9 +10,6 @@ addParameters({
       restoreScroll: true,
     },
   },
-  options: {
-    showRoots: true,
-  },
   docs: {
     iframeHeight: '200px',
     transformSource: (src) => {
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index 437f167a2f3..44623a053db 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "description": "",
   "keywords": [],
@@ -13,23 +13,24 @@
     "storybook": "start-storybook -p 9006"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-events": "6.0.0-beta.23",
-    "@storybook/addon-jest": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/html": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-events": "6.1.0-alpha.14",
+    "@storybook/addon-jest": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/html": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
     "eventemitter3": "^4.0.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2",
diff --git a/examples/html-kitchen-sink/stories/__snapshots__/addon-controls.stories.storyshot b/examples/html-kitchen-sink/stories/__snapshots__/addon-controls.stories.storyshot
new file mode 100644
index 00000000000..67525782be1
--- /dev/null
+++ b/examples/html-kitchen-sink/stories/__snapshots__/addon-controls.stories.storyshot
@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Addons/Controls Bonjour 1`] = `
+<div>
+  Bonjour!
+</div>
+`;
+
+exports[`Storyshots Addons/Controls Hello 1`] = `
+<div>
+  Hello!
+</div>
+`;
diff --git a/examples/html-kitchen-sink/stories/__snapshots__/button.stories.storyshot b/examples/html-kitchen-sink/stories/__snapshots__/button.stories.storyshot
index 62969236508..8402ab0e253 100644
--- a/examples/html-kitchen-sink/stories/__snapshots__/button.stories.storyshot
+++ b/examples/html-kitchen-sink/stories/__snapshots__/button.stories.storyshot
@@ -36,3 +36,14 @@ exports[`Storyshots Demo Headings 1`] = `
   </h4>
 </section>
 `;
+
+exports[`Storyshots Demo Script 1`] = `
+<section>
+  <div>
+    JS alert
+  </div>
+  <script>
+    alert("hello")
+  </script>
+</section>
+`;
diff --git a/examples/html-kitchen-sink/stories/addon-controls.stories.js b/examples/html-kitchen-sink/stories/addon-controls.stories.js
new file mode 100644
index 00000000000..034e440b19d
--- /dev/null
+++ b/examples/html-kitchen-sink/stories/addon-controls.stories.js
@@ -0,0 +1,16 @@
+export default {
+  title: 'Addons/Controls',
+  argTypes: {
+    label: { type: { name: 'string' } },
+  },
+};
+
+const Template = ({ label }) => {
+  return `<div>${label}</div>`;
+};
+
+export const Hello = Template.bind({});
+Hello.args = { label: 'Hello!' };
+
+export const Bonjour = Template.bind({});
+Bonjour.args = { label: 'Bonjour!' };
diff --git a/examples/html-kitchen-sink/stories/addon-docs.stories.mdx b/examples/html-kitchen-sink/stories/addon-docs.stories.mdx
index e8edf424d11..55df31627bc 100644
--- a/examples/html-kitchen-sink/stories/addon-docs.stories.mdx
+++ b/examples/html-kitchen-sink/stories/addon-docs.stories.mdx
@@ -1,4 +1,4 @@
-import { Story, Preview, Meta } from '@storybook/addon-docs/blocks';
+import { Story, Canvas, Meta } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
 
 # Storybook Docs for HTML
@@ -27,15 +27,15 @@ How you like them apples?!
 
 ## Custom source
 
-<Preview>
+<Canvas>
   <Story name="custom source" height="100px" parameters={{ docs: { source: { code: 'hello' } } }}>
     {'<h1>Custom source</h1>'}
   </Story>
-</Preview>
+</Canvas>
 
 ## Transformed source
 
-<Preview>
+<Canvas>
   <Story
     name="transformed source"
     height="100px"
@@ -43,7 +43,7 @@ How you like them apples?!
   >
     {'<h1>Some source</h1>'}
   </Story>
-</Preview>
+</Canvas>
 
 ## Story reference
 
diff --git a/examples/html-kitchen-sink/stories/button.stories.js b/examples/html-kitchen-sink/stories/button.stories.js
index bf4c9ea5f99..e75cf85449c 100644
--- a/examples/html-kitchen-sink/stories/button.stories.js
+++ b/examples/html-kitchen-sink/stories/button.stories.js
@@ -24,3 +24,5 @@ export const Effect = () => {
 
   return '<button id="button">I should be yellow</button>';
 };
+
+export const Script = () => '<div>JS alert</div><script>alert("hello")</script>';
diff --git a/examples/marko-cli/.storybook/main.js b/examples/marko-cli/.storybook/main.js
index 5e95ce4450d..b24d83a330f 100644
--- a/examples/marko-cli/.storybook/main.js
+++ b/examples/marko-cli/.storybook/main.js
@@ -2,6 +2,7 @@ const path = require('path');
 
 module.exports = {
   stories: ['../src/stories/**/*.stories.js'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json
index 2c263f5cb3b..650abe2ebab 100644
--- a/examples/marko-cli/package.json
+++ b/examples/marko-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "marko-cli",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "description": "Demo of how to build an app using marko-starter",
   "repository": {
@@ -23,14 +23,14 @@
     "marko-starter": "^2.1.0"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/marko": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "prettier": "^2.0.5",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/marko": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "prettier": "~2.0.5",
     "webpack": "^4.33.0"
   },
   "storybook": {
diff --git a/examples/mithril-kitchen-sink/.storybook/main.js b/examples/mithril-kitchen-sink/.storybook/main.js
index 89e529ec005..aaf58d2b292 100644
--- a/examples/mithril-kitchen-sink/.storybook/main.js
+++ b/examples/mithril-kitchen-sink/.storybook/main.js
@@ -2,6 +2,7 @@ const path = require('path');
 
 module.exports = {
   stories: ['../src/stories/**/*.stories.js'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
diff --git a/examples/mithril-kitchen-sink/.storybook/manager.js b/examples/mithril-kitchen-sink/.storybook/manager.js
deleted file mode 100644
index ee839872844..00000000000
--- a/examples/mithril-kitchen-sink/.storybook/manager.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  showRoots: true,
-});
diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json
index 3d637482659..f843d4c39ef 100644
--- a/examples/mithril-kitchen-sink/package.json
+++ b/examples/mithril-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mithril-example",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -10,17 +10,17 @@
     "mithril": "^1.1.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/mithril": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/mithril": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
     "webpack": "^4.33.0"
   },
   "storybook": {
diff --git a/examples/official-storybook/components/DocgenButton.js b/examples/official-storybook/components/DocgenButton.js
index 8570c43f4b3..801605b1884 100644
--- a/examples/official-storybook/components/DocgenButton.js
+++ b/examples/official-storybook/components/DocgenButton.js
@@ -17,6 +17,14 @@ import PropTypes from 'prop-types';
  *  * `"email"` An email address.
  *  * `"tel"` A phone or fax number. Shows the phone number keypad on
  *      mobile keyboards.
+ *
+ * Here is a test for code blocks
+ *
+ * ```jsx
+ * const Foo = () => (
+ *  <div>foo</div>
+ * );
+ * ```
  */
 export const DocgenButton = ({ disabled, label, onClick }) => (
   <button type="button" disabled={disabled} onClick={onClick}>
diff --git a/examples/official-storybook/components/OptionalButton.tsx b/examples/official-storybook/components/OptionalButton.tsx
new file mode 100644
index 00000000000..dc10a20c493
--- /dev/null
+++ b/examples/official-storybook/components/OptionalButton.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+// Repro #11019
+interface Props {
+  kind?: 'a' | 'b';
+  disabled?: boolean;
+}
+
+export const OptionalButton = ({ disabled = false, kind = 'a' }: Props) => (
+  // eslint-disable-next-line react/button-has-type
+  <button {...{ disabled }}>Repro</button>
+);
+
+export default OptionalButton;
diff --git a/examples/official-storybook/main.ts b/examples/official-storybook/main.ts
index 6bbff4396eb..c369fe9d2f3 100644
--- a/examples/official-storybook/main.ts
+++ b/examples/official-storybook/main.ts
@@ -1,4 +1,4 @@
-import type { StorybookConfig } from '@storybook/core/types';
+import type { StorybookConfig } from '@storybook/react/types';
 
 module.exports = {
   stories: [
@@ -8,8 +8,14 @@ module.exports = {
     './stories/**/*.stories.@(js|ts|tsx|mdx)',
     './../../addons/docs/**/*.stories.tsx',
   ],
+  reactOptions: {
+    fastRefresh: true,
+  },
   addons: [
-    '@storybook/addon-docs',
+    {
+      name: '@storybook/addon-docs',
+      options: { transcludeMarkdown: true },
+    },
     '@storybook/addon-storysource',
     '@storybook/addon-design-assets',
     '@storybook/addon-actions',
@@ -26,6 +32,7 @@ module.exports = {
     '@storybook/addon-toolbars',
     '@storybook/addon-queryparams',
   ],
+  logLevel: 'debug',
   webpackFinal: async (config, { configType }) => ({
     ...config,
     module: {
diff --git a/examples/official-storybook/manager.js b/examples/official-storybook/manager.js
index c8de3d2925d..7f92c9e1b8f 100644
--- a/examples/official-storybook/manager.js
+++ b/examples/official-storybook/manager.js
@@ -6,7 +6,6 @@ import addHeadWarning from './head-warning';
 addHeadWarning('manager-head-not-loaded', 'Manager head not loaded');
 
 addons.setConfig({
-  showRoots: true,
   theme: themes.light, // { base: 'dark', brandTitle: 'Storybook!' },
   previewTabs: {
     canvas: null,
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index eb56c90bf7e..2294006abd3 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@@ -8,39 +8,40 @@
     "do-storyshots-puppeteer": "../../node_modules/.bin/jest --projects=./storyshots-puppeteer",
     "generate-addon-jest-testresults": "jest --config=tests/addon-jest.config.json --json --outputFile=stories/addon-jest.testresults.json",
     "graphql": "node ./graphql-server/index.js",
-    "packtracker": "yarn storybook --smoke-test --quiet && cross-env PT_PROJECT_TOKEN=1af1d41b-d737-41d4-ac00-53c8f3913b53 packtracker-upload --stats=./node_modules/.cache/storybook/manager-stats.json",
+    "packtracker": "yarn storybook --smoke-test --quiet && cross-env PT_PROJECT_TOKEN=1af1d41b-d737-41d4-ac00-53c8f3913b53 packtracker-upload --stats=./node_modules/.cache/storybook/public/manager-stats.json",
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll",
     "storyshots-puppeteer": "yarn run build-storybook && yarn run do-storyshots-puppeteer"
   },
   "devDependencies": {
     "@packtracker/webpack-plugin": "^2.0.1",
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-controls": "6.0.0-beta.23",
-    "@storybook/addon-cssresources": "6.0.0-beta.23",
-    "@storybook/addon-design-assets": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-events": "6.0.0-beta.23",
-    "@storybook/addon-graphql": "6.0.0-beta.23",
-    "@storybook/addon-jest": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-queryparams": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storyshots-puppeteer": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-toolbars": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/cli": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/node-logger": "6.0.0-beta.23",
-    "@storybook/react": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
-    "chromatic": "^4.0.2",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-cssresources": "6.1.0-alpha.14",
+    "@storybook/addon-design-assets": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-events": "6.1.0-alpha.14",
+    "@storybook/addon-graphql": "6.1.0-alpha.14",
+    "@storybook/addon-jest": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-queryparams": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots-puppeteer": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-toolbars": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/cli": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/design-system": "^5.1.0",
+    "@storybook/node-logger": "6.1.0-alpha.14",
+    "@storybook/react": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
+    "chromatic": "^5.0.0",
     "cors": "^2.8.5",
     "cross-env": "^7.0.0",
     "enzyme-to-json": "^3.4.1",
diff --git a/examples/official-storybook/preview.js b/examples/official-storybook/preview.js
index b668e9faa03..4e9859c28e0 100644
--- a/examples/official-storybook/preview.js
+++ b/examples/official-storybook/preview.js
@@ -1,6 +1,15 @@
-import React from 'react';
-import { addDecorator, addParameters } from '@storybook/react';
-import { Global, ThemeProvider, themes, createReset, convert } from '@storybook/theming';
+import { document } from 'global';
+import React, { Fragment, useEffect } from 'react';
+import isChromatic from 'chromatic/isChromatic';
+import {
+  Global,
+  ThemeProvider,
+  themes,
+  createReset,
+  convert,
+  styled,
+  useTheme,
+} from '@storybook/theming';
 import { withCssResources } from '@storybook/addon-cssresources';
 import { DocsPage } from '@storybook/addon-docs/blocks';
 
@@ -23,28 +32,116 @@ if (process.env.NODE_ENV === 'development') {
 addHeadWarning('preview-head-not-loaded', 'Preview head not loaded');
 addHeadWarning('dotenv-file-not-loaded', 'Dotenv file not loaded');
 
-addDecorator(withCssResources);
+const ThemeBlock = styled.div(
+  {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: '50vw',
+    width: '50vw',
+    height: '100vh',
+    bottom: 0,
+    overflow: 'auto',
+    padding: 10,
+  },
+  ({ theme }) => ({
+    background: theme.background.app,
+    color: theme.color.defaultText,
+  }),
+  ({ side }) =>
+    side === 'left'
+      ? {
+          left: 0,
+          right: '50vw',
+        }
+      : {
+          right: 0,
+          left: '50vw',
+        }
+);
 
-const themeDecorator = (storyFn, { globalArgs: { theme } }) => {
-  const selectedTheme = theme === 'dark' ? themes.dark : themes.light;
-  return (
-    <ThemeProvider theme={convert(selectedTheme)}>
-      <Global styles={createReset} />
-      {storyFn()}
-    </ThemeProvider>
-  );
+const ThemeStack = styled.div(
+  {
+    position: 'relative',
+    minHeight: 'calc(50vh - 15px)',
+  },
+  ({ theme }) => ({
+    background: theme.background.app,
+    color: theme.color.defaultText,
+  })
+);
+
+const ThemedSetRoot = () => {
+  const theme = useTheme();
+
+  useEffect(() => {
+    document.body.style.background = theme.background.app;
+    document.body.style.color = theme.defaultText;
+    return () => {
+      //
+    };
+  });
+
+  return null;
 };
 
-addDecorator(themeDecorator);
+export const decorators = [
+  withCssResources,
+  (StoryFn, { globals: { theme = 'light' } }) => {
+    switch (theme) {
+      case 'side-by-side': {
+        return (
+          <Fragment>
+            <ThemeProvider theme={convert(themes.light)}>
+              <Global styles={createReset} />
+            </ThemeProvider>
+            <ThemeProvider theme={convert(themes.light)}>
+              <ThemeBlock side="left">
+                <StoryFn />
+              </ThemeBlock>
+            </ThemeProvider>
+            <ThemeProvider theme={convert(themes.dark)}>
+              <ThemeBlock side="right">
+                <StoryFn />
+              </ThemeBlock>
+            </ThemeProvider>
+          </Fragment>
+        );
+      }
+      case 'stacked': {
+        return (
+          <Fragment>
+            <ThemeProvider theme={convert(themes.light)}>
+              <Global styles={createReset} />
+            </ThemeProvider>
+            <ThemeProvider theme={convert(themes.light)}>
+              <ThemeStack side="left">
+                <StoryFn />
+              </ThemeStack>
+            </ThemeProvider>
+            <ThemeProvider theme={convert(themes.dark)}>
+              <ThemeStack side="right">
+                <StoryFn />
+              </ThemeStack>
+            </ThemeProvider>
+          </Fragment>
+        );
+      }
+      default: {
+        return (
+          <ThemeProvider theme={convert(themes[theme])}>
+            <Global styles={createReset} />
+            <ThemedSetRoot />
+            <StoryFn />
+          </ThemeProvider>
+        );
+      }
+    }
+  },
+];
 
-addDecorator((storyFn) => (
-  <ThemeProvider theme={convert(themes.light)}>
-    <Global styles={createReset} />
-    {storyFn()}
-  </ThemeProvider>
-));
-
-addParameters({
+export const parameters = {
+  exportedParameter: 'exportedParameter',
   a11y: {
     config: {},
     options: {
@@ -56,41 +153,30 @@ addParameters({
     storySort: (a, b) =>
       a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, undefined, { numeric: true }),
   },
-  backgrounds: {
-    default: 'storybook app',
-    values: [
-      { name: 'storybook app', value: themes.light.appBg },
-      { name: 'light', value: '#eeeeee' },
-      { name: 'dark', value: '#222222' },
-    ],
-  },
   docs: {
     theme: themes.light,
     page: () => <DocsPage subtitleSlot={({ kind }) => `Subtitle: ${kind}`} />,
   },
-});
-
-export const parameters = {
-  exportedParameter: 'exportedParameter',
 };
 
-export const globalArgs = {
+export const globals = {
   foo: 'fooValue',
 };
 
-export const globalArgTypes = {
+export const globalTypes = {
   foo: { defaultValue: 'fooDefaultValue' },
   bar: { defaultValue: 'barDefaultValue' },
   theme: {
     name: 'Theme',
     description: 'Global theme for components',
-    defaultValue: null,
+    defaultValue: isChromatic() ? 'stacked' : 'light',
     toolbar: {
       icon: 'circlehollow',
-      // items: ['light', 'dark'],
       items: [
         { value: 'light', icon: 'circlehollow', title: 'light' },
         { value: 'dark', icon: 'circle', title: 'dark' },
+        { value: 'side-by-side', icon: 'sidebar', title: 'side by side' },
+        { value: 'stacked', icon: 'bottombar', title: 'stacked' },
       ],
     },
   },
diff --git a/examples/official-storybook/stories/addon-a11y/typography.stories.js b/examples/official-storybook/stories/addon-a11y/typography.stories.js
index 8a8b12c4c57..1acf3b81bf2 100644
--- a/examples/official-storybook/stories/addon-a11y/typography.stories.js
+++ b/examples/official-storybook/stories/addon-a11y/typography.stories.js
@@ -34,3 +34,15 @@ EmptyLink.storyName = 'Empty Link';
 export const LinkWithoutHref = () => <a>{`${text}...`}</a>;
 
 LinkWithoutHref.storyName = 'Link without href';
+
+export const Manual = () => <p>I'm a manual run</p>;
+Manual.parameters = {
+  a11y: {
+    manual: true,
+    config: {
+      disableOtherRules: true,
+      rules: [],
+    },
+    options: {},
+  },
+};
diff --git a/examples/official-storybook/stories/addon-controls.stories.tsx b/examples/official-storybook/stories/addon-controls.stories.tsx
new file mode 100644
index 00000000000..b6537a686ad
--- /dev/null
+++ b/examples/official-storybook/stories/addon-controls.stories.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import Button from '../components/TsButton';
+
+export default {
+  title: 'Addons/Controls',
+  component: Button,
+  argTypes: {
+    children: { control: 'text', name: 'Children' },
+    type: { control: 'text', name: 'Type' },
+    somethingElse: { control: 'object', name: 'Something Else' },
+  },
+};
+
+const Template = (args) => <Button {...args} />;
+
+export const Basic = Template.bind({});
+Basic.args = {
+  children: 'basic',
+  somethingElse: { a: 2 },
+};
+
+export const Action = Template.bind({});
+Action.args = {
+  children: 'hmmm',
+  type: 'action',
+  somethingElse: { a: 4 },
+};
+
+export const CustomControls = Template.bind({});
+CustomControls.argTypes = {
+  children: { table: { disable: true } },
+  type: { control: { disable: true } },
+};
+
+export const NoArgs = () => <Button>no args</Button>;
diff --git a/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js b/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js
index 83c0a562656..edb017b0f23 100644
--- a/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js
+++ b/examples/official-storybook/stories/addon-docs/addon-docs-blocks.stories.js
@@ -4,7 +4,7 @@ import {
   Subtitle,
   Description,
   Primary,
-  Props,
+  ArgsTable,
   Stories,
 } from '@storybook/addon-docs/blocks';
 import { DocgenButton } from '../../components/DocgenButton';
@@ -22,7 +22,7 @@ export default {
           <Subtitle />
           <Description />
           <Primary />
-          <Props />
+          <ArgsTable />
           <Stories />
         </>
       ),
@@ -61,7 +61,7 @@ checkBoxProps.parameters = {
             <input type="checkbox" checked={showProps} onChange={() => setShowProps(!showProps)} />
             <span>display props</span>
           </label>
-          {showProps && <Props />}
+          {showProps && <ArgsTable />}
         </>
       );
     },
@@ -78,7 +78,7 @@ customLabels.parameters = {
         <Subtitle>Custom sub title</Subtitle>
         <Description>Custom description</Description>
         <Primary />
-        <Props />
+        <ArgsTable />
         <Stories title="Custom stories title" />
       </>
     ),
@@ -117,7 +117,7 @@ multipleComponents.parameters = {
         <Subtitle />
         <Description />
         <Primary name="Many Components" />
-        <Props />
+        <ArgsTable />
       </>
     ),
   },
@@ -138,7 +138,7 @@ componentsProps.parameters = {
         <Description>
           Here's what happens when your component has some related components
         </Description>
-        <Props
+        <ArgsTable
           components={{
             'ButtonGroup Custom': ButtonGroup,
             'Docgen Button': DocgenButton,
diff --git a/examples/official-storybook/stories/addon-docs/addon-docs.stories.mdx b/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
similarity index 63%
rename from examples/official-storybook/stories/addon-docs/addon-docs.stories.mdx
rename to examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
index 8dc56e7a9b9..58fad827354 100644
--- a/examples/official-storybook/stories/addon-docs/addon-docs.stories.mdx
+++ b/examples/official-storybook/stories/addon-docs/addon-docs-mdx.stories.mdx
@@ -1,7 +1,7 @@
 import {
   Story,
-  Preview,
-  Props,
+  Canvas,
+  ArgsTable,
   Source,
   Description,
   ColorPalette,
@@ -11,14 +11,21 @@ import {
 import { withKnobs, text } from '@storybook/addon-knobs';
 import { action } from '@storybook/addon-actions';
 import { Button } from '@storybook/react/demo';
+import styled from 'styled-components';
+import TsButton from '../../components/TsButton';
 import FlowTypeButton from '../../components/FlowTypeButton';
 import { DocgenButton } from '../../components/DocgenButton';
+import MdNotes from '../notes/notes.md';
+import MdxNotes from '../notes/notes.mdx';
 
 <Meta
   title="Addons/Docs/mdx"
-  component={Button}
+  component={TsButton}
   id="addons-docs-mdx-id"
-  decorators={[storyFn => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>, withKnobs]}
+  decorators={[
+    (storyFn) => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>,
+    withKnobs,
+  ]}
   parameters={{ notes: 'component notes' }}
 />
 
@@ -28,11 +35,21 @@ import { DocgenButton } from '../../components/DocgenButton';
 
 <Source id="." />
 
-<Props of="." />
+<ArgsTable of="." />
 
-<Preview>
+<Canvas>
   <Story id="nonexistent-story" />
-</Preview>
+</Canvas>
+
+## Transclusion
+
+### Markdown
+
+<MdNotes />
+
+### MDX
+
+<MdxNotes />
 
 ## A random color ColorPalette
 
@@ -64,7 +81,7 @@ export const nonStory1 = 'foo'; // a non-story export
 
 export const nonStory2 = () => <Button>Not a story</Button>; // another one
 
-<Preview>
+<Canvas>
   <Story name="hello story">
     <Button onClick={action('clicked')}>{text('caption', 'hello world')}</Button>
   </Story>
@@ -78,7 +95,7 @@ export const nonStory2 = () => <Button>Not a story</Button>; // another one
     <Button onClick={action('clicked')}>goodbye world</Button>
   </Story>
   <Story name="plaintext">Plain text</Story>
-</Preview>
+</Canvas>
 
 <Story name="solo story">
   <Button onClick={action('clicked')}>solo</Button>
@@ -88,7 +105,10 @@ export const nonStory2 = () => <Button>Not a story</Button>; // another one
   <>This is an iframe!</>
 </Story>
 
-<Story name="decorator story" decorators={[storyFn => <div style={{ backgroundColor: 'pink' }}>{storyFn()}</div>]}>
+<Story
+  name="decorator story"
+  decorators={[(storyFn) => <div style={{ backgroundColor: 'pink' }}>{storyFn()}</div>]}
+>
   <>Story decorators</>
 </Story>
 
@@ -104,15 +124,58 @@ export const nonStory2 = () => <Button>Not a story</Button>; // another one
 
 <Source name="hello story" />
 
-<Preview>
-  <Button onClick={action('clicked')}>view source in preview</Button>
-</Preview>
+<Canvas>
+  <Button onClick={action('clicked')}>view source in Canvas</Button>
+</Canvas>
 
 ## Configurable height
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story id="basics-button--all-buttons" height="400px" />
-</Preview>
+</Canvas>
+
+export const FixedLayoutExample = styled.div(({ theme }) => ({
+  '&, header, aside, main, footer': {
+    position: 'fixed',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+  },
+  header: {
+    height: '3rem',
+    background: 'red',
+  },
+  'aside, main': {
+    top: '3rem',
+  },
+  aside: {
+    width: '10rem',
+    background: 'coral',
+  },
+  main: {
+    left: '10rem',
+    background: 'yellow',
+  },
+  footer: {
+    top: 'auto',
+    height: '3rem',
+    background: 'green',
+  },
+}));
+
+Fixed layout requires custom `height` since it can't be determined.
+
+<Canvas withToolbar>
+  <Story name="fixed layout example" height="15rem">
+    <FixedLayoutExample>
+      <header />
+      <aside />
+      <main />
+      <footer />
+    </FixedLayoutExample>
+  </Story>
+</Canvas>
 
 ## Description
 
@@ -120,29 +183,29 @@ export const nonStory2 = () => <Button>Not a story</Button>; // another one
 
 <Description of={DocgenButton} />
 
-## Props
+## ArgsTable
 
 ### Docgen
 
-<Props of={DocgenButton} />
+<ArgsTable of={DocgenButton} />
 
 ### Flow
 
 Flow types are not officially supported
 
-<Props of={FlowTypeButton} />
+<ArgsTable of={FlowTypeButton} />
 
 ### withSource="none"
 
-<Preview withSource="none">
+<Canvas withSource="none">
   <h1>no source</h1>
-</Preview>
+</Canvas>
 
-<Preview withSource="none">
-  <Story name="no source preview">
+<Canvas withSource="none">
+  <Story name="no source Canvas">
     <Button onClick={action('clicked')}>solo</Button>
   </Story>
-</Preview>
+</Canvas>
 
 ## Docs Disable
 
@@ -150,11 +213,11 @@ Flow types are not officially supported
   <Button>This souldn't show up in docs page</Button>
 </Story>
 
-
 ## Story with multiple children
-<Preview>
+
+<Canvas>
   <Story name="story multiple children">
     <p>Hello Child #1</p>
     <p>Hello Child #2</p>
   </Story>
-</Preview>  
\ No newline at end of file
+</Canvas>
diff --git a/examples/official-storybook/stories/addon-docs/array-subcomponents.stories.js b/examples/official-storybook/stories/addon-docs/array-subcomponents.stories.js
new file mode 100644
index 00000000000..c42ffd6048c
--- /dev/null
+++ b/examples/official-storybook/stories/addon-docs/array-subcomponents.stories.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import Button from '../../components/TsButton';
+
+export default {
+  title: 'Addons/Docs/Subcomponents array',
+  component: Button,
+  subcomponents: [Button],
+};
+
+export const Basic = () => <Button>Bad subcomponents</Button>;
diff --git a/examples/official-storybook/stories/addon-docs/container-override.stories.mdx b/examples/official-storybook/stories/addon-docs/container-override.stories.mdx
index e947c63cf1b..ff728f56429 100644
--- a/examples/official-storybook/stories/addon-docs/container-override.stories.mdx
+++ b/examples/official-storybook/stories/addon-docs/container-override.stories.mdx
@@ -1,7 +1,7 @@
-import { Meta, DocsContainer } from '@storybook/addon-docs/blocks';
+import { Meta, DocsContainer, Story } from '@storybook/addon-docs/blocks';
 
 <Meta
-  title='Addons/Docs/container-override'
+  title="Addons/Docs/container-override"
   parameters={{
     docs: {
       // eslint-disable-next-line react/prop-types
@@ -14,4 +14,6 @@ import { Meta, DocsContainer } from '@storybook/addon-docs/blocks';
   }}
 />
 
-<Story name='dummy' parameters={{ layout: 'fullscreen' }}><div>some content</div></Story>
+<Story name="dummy" parameters={{ layout: 'fullscreen' }}>
+  <div>some content</div>
+</Story>
diff --git a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js
index 5ecfbc6b342..7e88ab303f5 100644
--- a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js
+++ b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.js
@@ -1,10 +1,18 @@
 import React from 'react';
 import { Button } from '@storybook/react/demo';
 
-export default {
-  title: 'Addons/Docs/csf-with-mdx-docs',
-  component: Button,
-  includeStories: [], // or don't load this file at all
-};
+// NOTE: commented out default since these stories are re-exported
+// in the primary file './csf-docs-with-mdx-docs.stories.mdx'
+//
+// export default {
+//   title: 'Addons/Docs/csf-with-mdx-docs',
+//   component: Button,
+// };
 
-export const basic = () => <Button>Basic</Button>;
+export const Basic = () => <Button>Basic</Button>;
+
+export const WithArgs = (args) => <Button {...args} />;
+WithArgs.args = { children: 'with args' };
+
+export const WithTemplate = WithArgs.bind({});
+WithTemplate.args = { children: 'with template' };
diff --git a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx
index f6418af2eb0..ad7ef620f3e 100644
--- a/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx
+++ b/examples/official-storybook/stories/addon-docs/csf-with-mdx-docs.stories.mdx
@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/addon-docs/blocks';
-import * as stories from './csf-with-mdx-docs.stories';
+import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
+import * as Csf from './csf-with-mdx-docs.stories';
 
 <Meta title="Addons/Docs/csf-with-mdx-docs" />
 
@@ -7,4 +7,16 @@ import * as stories from './csf-with-mdx-docs.stories';
 
 I can define a story with the function imported from CSF:
 
-<Story name="basic">{stories.basic}</Story>
+<Canvas>
+  <Story name="with args" story={Csf.WithArgs} />
+</Canvas>
+
+<ArgsTable />
+
+<Canvas>
+  <Story story={Csf.Basic} />
+</Canvas>
+
+<Canvas>
+  <Story name="with template" story={Csf.WithTemplate} />
+</Canvas>
diff --git a/examples/official-storybook/stories/addon-docs/docs-only.stories.mdx b/examples/official-storybook/stories/addon-docs/docs-only.stories.mdx
index 7450a93f2db..986d5445f41 100644
--- a/examples/official-storybook/stories/addon-docs/docs-only.stories.mdx
+++ b/examples/official-storybook/stories/addon-docs/docs-only.stories.mdx
@@ -1,16 +1,18 @@
-import { Meta, Preview } from '@storybook/addon-docs/blocks';
+import { Meta, Canvas } from '@storybook/addon-docs/blocks';
 
 <Meta title="Addons/Docs/docs-only" parameters={{ previewTabs: { canvas: { hidden: true } } }} />
 
 # Documentation-only MDX
 
+# [Link](http://https://storybook.js.org/) in heading
+
 This file is a documentation-only MDX file, i.e. it doesn't contain any `<Story>` definitions.
 
-Therefore, it shows up in the navigation UI as a document icon.
+Therefore, it shows up in the [navigation](https://github.com/) UI as a document icon.
 
-It can, however, still contain a `<Preview>` definition:
+It can, however, still contain a `<Canvas>` definition:
 
-<Preview>
+<Canvas>
   <div>
     <h3>This is a preview block within a documentation-only MDX file</h3>
     <p>
@@ -18,7 +20,7 @@ It can, however, still contain a `<Preview>` definition:
       cases such as documenting a design system.
     </p>
   </div>
-</Preview>
+</Canvas>
 
 <br />
 <br />
@@ -62,3 +64,12 @@ It can, however, still contain a `<Preview>` definition:
 ## Bottom
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc faucibus urna id nibh mollis, varius facilisis sapien scelerisque. Pellentesque lobortis convallis mi, at accumsan nisl sollicitudin id. Aliquam vitae elementum libero. Nulla blandit est turpis, a consectetur ante rhoncus a. Integer eu quam eu mauris pharetra elementum. Donec ex nisl, tincidunt ut tincidunt id, bibendum ut sem. Sed in congue tortor, a congue dolor. Fusce a magna vel nulla laoreet sagittis.
+
+# [Link](https://storybook.js.org/) in heading
+## [Link](https://storybook.js.org/) in heading
+### [Link](https://storybook.js.org/) in heading
+#### [Link](https://storybook.js.org/) in heading
+##### [Link](https://storybook.js.org/) in heading
+###### [Link](https://storybook.js.org/) in heading
+
+He stared at the clinic, [Molly](https://storybook.js.org/) took him to the *[Tank War](https://storybook.js.org/)*, mouth touched with hot gold as a gliding cursor struck sparks from the wall of a **[skyscraper](https://storybook.js.org/)** canyon.
diff --git a/examples/official-storybook/stories/addon-docs/dynamic-title.stories.js b/examples/official-storybook/stories/addon-docs/dynamic-title.stories.js
new file mode 100644
index 00000000000..1ee17c07f9b
--- /dev/null
+++ b/examples/official-storybook/stories/addon-docs/dynamic-title.stories.js
@@ -0,0 +1,7 @@
+const getTitle = () => `Addons/Docs/${['dynamic title'][0]}`;
+
+export default {
+  title: getTitle(),
+};
+
+export const basic = () => 'Story with title that is evaluated in runtime';
diff --git a/examples/official-storybook/stories/addon-docs/forward-ref.stories.js b/examples/official-storybook/stories/addon-docs/forward-ref.stories.js
index 414de40982f..2de324de906 100644
--- a/examples/official-storybook/stories/addon-docs/forward-ref.stories.js
+++ b/examples/official-storybook/stories/addon-docs/forward-ref.stories.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { DocgenButton } from '../../components/DocgenButton';
 
 export default {
-  title: 'Addons|Docs/ForwardRef',
+  title: 'Addons/Docs/ForwardRef',
   component: ForwardedButton,
   parameters: { chromatic: { disable: true } },
 };
diff --git a/examples/official-storybook/stories/addon-docs/imported.stories.tsx b/examples/official-storybook/stories/addon-docs/imported.stories.tsx
new file mode 100644
index 00000000000..122fe922ee4
--- /dev/null
+++ b/examples/official-storybook/stories/addon-docs/imported.stories.tsx
@@ -0,0 +1,6 @@
+import React from 'react';
+import { Button } from '@storybook/react/demo';
+
+export default { title: 'Addons/Docs/Imported', component: Button };
+export const Basic = (args: any) => <Button {...args} />;
+Basic.args = { children: 'hello' };
diff --git a/examples/official-storybook/stories/addon-docs/props-include-exclude.stories.mdx b/examples/official-storybook/stories/addon-docs/props-include-exclude.stories.mdx
index ebb880497ee..836d4d13324 100644
--- a/examples/official-storybook/stories/addon-docs/props-include-exclude.stories.mdx
+++ b/examples/official-storybook/stories/addon-docs/props-include-exclude.stories.mdx
@@ -1,4 +1,4 @@
-import { Props, Meta } from '@storybook/addon-docs/blocks';
+import { ArgsTable, Meta } from '@storybook/addon-docs/blocks';
 import { DocgenButton } from '../../components/DocgenButton';
 
 <Meta title="Addons/Docs/IncludeExclude" />
@@ -7,18 +7,18 @@ import { DocgenButton } from '../../components/DocgenButton';
 
 ### Array
 
-<Props of={DocgenButton} include={['disabled', 'label']} />
+<ArgsTable of={DocgenButton} include={['disabled', 'label']} />
 
 ### Regex
 
-<Props of={DocgenButton} include={/^o.*/} />
+<ArgsTable of={DocgenButton} include={/^o.*/} />
 
 ## Exclude
 
 ### Regex
 
-<Props of={DocgenButton} exclude={/^o.*|^...$/} />
+<ArgsTable of={DocgenButton} exclude={/^o.*|^...$/} />
 
 ## Mixed
 
-<Props of={DocgenButton} include={/^o.*/} exclude={['one', 'obj']} />
+<ArgsTable of={DocgenButton} include={/^o.*/} exclude={['one', 'obj']} />
diff --git a/examples/official-storybook/stories/addon-docs/props.stories.mdx b/examples/official-storybook/stories/addon-docs/props.stories.mdx
index ad44ee97ccc..94bacefa5e3 100644
--- a/examples/official-storybook/stories/addon-docs/props.stories.mdx
+++ b/examples/official-storybook/stories/addon-docs/props.stories.mdx
@@ -1,17 +1,19 @@
-import { Meta, Preview, Story, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs/blocks';
 import range from 'lodash/range';
 import { DocgenButton } from '../../components/DocgenButton';
 import { ButtonGroup, SubGroup } from '../../components/ButtonGroup';
 import { ForwardRefButton } from '../../components/ForwardRefButton';
 import { MemoButton } from '../../components/MemoButton';
+import { OptionalButton } from '../../components/OptionalButton';
 
 <Meta
   title="Addons/Docs/props"
   component={ButtonGroup}
+  subcomponents={{ SubGroup }}
   parameters={{ controls: { expanded: false } }}
 />
 
-export const ArgsDisplay = (args = {}) => (
+export const Template = (args) => (
   <table>
     <tbody>
       {Object.entries(args).map(([key, val]) => (
@@ -26,7 +28,7 @@ export const ArgsDisplay = (args = {}) => (
 
 ## ArgTypes
 
-<Preview>
+<Canvas>
   <Story
     name="ArgTypes"
     args={{
@@ -35,7 +37,12 @@ export const ArgsDisplay = (args = {}) => (
       arrayArg: ['a', 'b'],
     }}
     argTypes={{
-      boolArg: { name: 'boolArg', type: { name: 'boolean' }, description: 'bool description' },
+      boolArg: {
+        name: 'boolArg',
+        type: { name: 'boolean' },
+        description: 'bool description',
+        control: 'boolean',
+      },
       stringArg: {
         name: 'stringArg',
         type: { name: 'string' },
@@ -47,11 +54,13 @@ export const ArgsDisplay = (args = {}) => (
             detail: 'some long bar default',
           },
         },
+        control: 'text',
       },
       arrayArg: {
         name: 'arrayArg',
         type: { name: 'array', value: { name: 'string' } },
         description: 'baz description',
+        control: 'array',
       },
       selectArg: {
         name: 'selectArg',
@@ -68,19 +77,19 @@ export const ArgsDisplay = (args = {}) => (
       },
     }}
   >
-    {(args) => <ArgsDisplay {...args} />}
+    {Template.bind({})}
   </Story>
-</Preview>
+</Canvas>
 
-<Props story="ArgTypes" />
+<ArgsTable story="ArgTypes" />
 
-## ArgTypes w/ Components
+## ArgTypes w/ Component
 
-<Props story="ArgTypes" showComponents />
+<ArgsTable story="ArgTypes" showComponent />
 
 ## Args
 
-<Preview>
+<Canvas>
   <Story
     name="Args"
     args={{
@@ -88,15 +97,15 @@ export const ArgsDisplay = (args = {}) => (
       bar: '',
     }}
   >
-    {(args) => <ArgsDisplay {...args} />}
+    {Template.bind({})}
   </Story>
-</Preview>
+</Canvas>
 
-<Props story="Args" />
+<ArgsTable story="Args" />
 
 ## Component Story
 
-<Preview>
+<Canvas>
   <Story
     name="Component"
     argTypes={{
@@ -109,13 +118,13 @@ export const ArgsDisplay = (args = {}) => (
       return <ButtonGroup background={background}>{contents}</ButtonGroup>;
     }}
   </Story>
-</Preview>
+</Canvas>
 
-<Props story="Component" />
+<ArgsTable story="Component" />
 
 ## Controls Story
 
-<Preview>
+<Canvas>
   <Story
     name="Controls"
     args={{
@@ -141,14 +150,18 @@ export const ArgsDisplay = (args = {}) => (
       );
     }}
   </Story>
-</Preview>
+</Canvas>
 
-<Props story="Controls" />
+<ArgsTable story="Controls" />
 
 ## Components
 
-<Props components={{ ButtonGroup, SubGroup }} />
+<ArgsTable components={{ ButtonGroup, SubGroup }} />
 
 ## Component
 
-<Props of={DocgenButton} />
+<ArgsTable of={DocgenButton} />
+
+## OptionalButton
+
+<ArgsTable of={OptionalButton} />
diff --git a/examples/official-storybook/stories/addon-docs/react-memo.stories.js b/examples/official-storybook/stories/addon-docs/react-memo.stories.js
index 8791eb02c32..44c0a1fe784 100644
--- a/examples/official-storybook/stories/addon-docs/react-memo.stories.js
+++ b/examples/official-storybook/stories/addon-docs/react-memo.stories.js
@@ -4,7 +4,7 @@ import { DocgenButton } from '../../components/DocgenButton';
 const ButtonWithMemo = React.memo((props) => <DocgenButton {...props} />);
 
 export default {
-  title: 'Addons|Docs/ButtonWithMemo',
+  title: 'Addons/Docs/ButtonWithMemo',
   component: ButtonWithMemo,
   parameters: { chromatic: { disable: true } },
 };
diff --git a/examples/official-storybook/stories/addon-docs/source.stories.tsx b/examples/official-storybook/stories/addon-docs/source.stories.tsx
new file mode 100644
index 00000000000..8fce2c7422f
--- /dev/null
+++ b/examples/official-storybook/stories/addon-docs/source.stories.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import Button from '../../components/TsButton';
+
+export default {
+  title: 'Addons/Docs/Source',
+  component: Button,
+  argTypes: {
+    children: { control: 'text' },
+    type: { control: 'text' },
+  },
+  parameters: {
+    chromatic: { disable: true },
+  },
+};
+
+const Template = (args) => <Button {...args} />;
+
+export const Basic = Template.bind({});
+Basic.args = {
+  children: 'basic',
+  somethingElse: { a: 2 },
+};
+
+export const NoArgs = () => <Button>no args</Button>;
+
+export const ForceCodeSource = Template.bind({});
+ForceCodeSource.args = { ...Basic.args };
+ForceCodeSource.parameters = { docs: { source: { type: 'code' } } };
+
+export const CustomSource = Template.bind({});
+CustomSource.args = { ...Basic.args };
+CustomSource.parameters = { docs: { source: { code: 'custom source' } } };
diff --git a/examples/official-storybook/stories/addon-docs/transform-source.stories.js b/examples/official-storybook/stories/addon-docs/transform-source.stories.js
new file mode 100644
index 00000000000..d805bc05ddf
--- /dev/null
+++ b/examples/official-storybook/stories/addon-docs/transform-source.stories.js
@@ -0,0 +1,25 @@
+export default {
+  title: 'Addons/Docs/transformSource',
+  parameters: {
+    docs: {
+      transformSource(src, ctx) {
+        return `// We transformed this!\n const example = ${src};`;
+      },
+    },
+  },
+};
+
+export const code = () => 'StoryType "CODE" story which has source transformed';
+code.parameters = {
+  docs: { source: { type: 'code' } },
+};
+
+export const dynamic = () => 'StoryType "DYNAMIC" story which has source transformed';
+dynamic.parameters = {
+  docs: { source: { type: 'dynamic' } },
+};
+
+export const auto = () => 'StoryType "AUTO" story which has source transformed';
+dynamic.parameters = {
+  docs: { source: { type: 'auto' } },
+};
diff --git a/examples/official-storybook/stories/addon-knobs/with-knobs.stories.js b/examples/official-storybook/stories/addon-knobs/with-knobs.stories.js
index 123549a7d89..928d8833eee 100644
--- a/examples/official-storybook/stories/addon-knobs/with-knobs.stories.js
+++ b/examples/official-storybook/stories/addon-knobs/with-knobs.stories.js
@@ -374,3 +374,7 @@ export const WithDuplicateDecorator = () => {
   return text('Text', 'Hello');
 };
 WithDuplicateDecorator.decorators = [withKnobs];
+
+export const WithKnobValueToBeEncoded = () => {
+  return text('Text', '10% 20%');
+};
diff --git a/examples/official-storybook/stories/addon-links/href.stories.js b/examples/official-storybook/stories/addon-links/href.stories.js
index 354a98588d2..64a912762d4 100644
--- a/examples/official-storybook/stories/addon-links/href.stories.js
+++ b/examples/official-storybook/stories/addon-links/href.stories.js
@@ -7,7 +7,7 @@ export default {
 };
 
 export const Log = () => {
-  hrefTo('Addons|Links.Href', 'log').then((href) => action('URL of this story')(href));
+  hrefTo('Addons/Links/Href', 'log').then((href) => action('URL of this story')(href));
 
   return <span>See action logger</span>;
 };
diff --git a/examples/official-storybook/stories/addon-links/select.stories.js b/examples/official-storybook/stories/addon-links/select.stories.js
index e53883468c6..debbf867a38 100644
--- a/examples/official-storybook/stories/addon-links/select.stories.js
+++ b/examples/official-storybook/stories/addon-links/select.stories.js
@@ -7,7 +7,7 @@ export default {
 };
 
 export const Index = () => (
-  <select value="Index" onChange={linkTo('Addons|Links.Select', (e) => e.currentTarget.value)}>
+  <select value="Index" onChange={linkTo('Addons/Links/Select', (e) => e.currentTarget.value)}>
     <option>Index</option>
     <option>First</option>
     <option>Second</option>
diff --git a/examples/official-storybook/stories/addon-toolbars.stories.js b/examples/official-storybook/stories/addon-toolbars.stories.js
index c0b808bfc6e..5a36dc1cab4 100644
--- a/examples/official-storybook/stories/addon-toolbars.stories.js
+++ b/examples/official-storybook/stories/addon-toolbars.stories.js
@@ -26,7 +26,7 @@ const Themed = styled.div(({ theme }) => ({
   background: theme.background.content,
 }));
 
-export const Locale = (_args, { globalArgs: { locale } }) => {
+export const Locale = (_args, { globals: { locale } }) => {
   return (
     <Themed style={{ fontSize: 30 }}>
       Your locale is '{locale}', so I say:
diff --git a/examples/official-storybook/stories/core/args.stories.js b/examples/official-storybook/stories/core/args.stories.js
index a3ce7766810..1a1bb9ee72a 100644
--- a/examples/official-storybook/stories/core/args.stories.js
+++ b/examples/official-storybook/stories/core/args.stories.js
@@ -1,10 +1,8 @@
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-
 import { useArgs } from '@storybook/client-api';
 
 // eslint-disable-next-line react/prop-types
-const ArgUpdater = ({ args, updateArgs }) => {
+const ArgUpdater = ({ args, updateArgs, resetArgs }) => {
   const [argsInput, updateArgsInput] = useState(JSON.stringify(args));
 
   return (
@@ -20,6 +18,9 @@ const ArgUpdater = ({ args, updateArgs }) => {
         <textarea value={argsInput} onChange={(e) => updateArgsInput(e.target.value)} />
         <br />
         <button type="submit">Change</button>
+        <button type="button" onClick={() => resetArgs()}>
+          Reset all
+        </button>
       </form>
     </div>
   );
@@ -29,29 +30,37 @@ export default {
   title: 'Core/Args',
   decorators: [
     (story) => {
-      const [args, updateArgs] = useArgs();
+      const [args, updateArgs, resetArgs] = useArgs();
 
       return (
         <>
           {story()}
-          <ArgUpdater args={args} updateArgs={updateArgs} />
+          <ArgUpdater args={args} updateArgs={updateArgs} resetArgs={resetArgs} />
         </>
       );
     },
   ],
 };
 
-export const PassedToStory = (inputArgs) => {
+const Template = (args) => {
   return (
     <div>
       <h3>Input args:</h3>
-      <pre>{JSON.stringify(inputArgs)}</pre>
+      <pre>{JSON.stringify(args)}</pre>
     </div>
   );
 };
 
-PassedToStory.argTypes = { name: { defaultValue: 'initial' } };
+export const PassedToStory = Template.bind({});
 
-PassedToStory.propTypes = {
-  args: PropTypes.shape({}).isRequired,
+PassedToStory.argTypes = { name: { defaultValue: 'initial', control: 'text' } };
+
+export const OtherValues = Template.bind({});
+
+OtherValues.argTypes = { name: { control: 'text' } };
+
+export const DifferentSet = Template.bind({});
+DifferentSet.args = {
+  foo: 'bar',
+  bar: 2,
 };
diff --git a/examples/official-storybook/stories/core/decorators.stories.js b/examples/official-storybook/stories/core/decorators.stories.js
index 1cb9857999d..7184460ac25 100644
--- a/examples/official-storybook/stories/core/decorators.stories.js
+++ b/examples/official-storybook/stories/core/decorators.stories.js
@@ -4,7 +4,7 @@ import React from 'react';
 import { addDecorator } from '@storybook/react';
 
 addDecorator((s, { kind }) =>
-  kind === 'Core|Decorators' ? (
+  kind === 'Core/Decorators' ? (
     <>
       <p>Global Decorator</p>
       {s()}
diff --git a/examples/official-storybook/stories/core/globalArgs.stories.js b/examples/official-storybook/stories/core/globals.stories.js
similarity index 68%
rename from examples/official-storybook/stories/core/globalArgs.stories.js
rename to examples/official-storybook/stories/core/globals.stories.js
index a0387104734..a9426c938f8 100644
--- a/examples/official-storybook/stories/core/globalArgs.stories.js
+++ b/examples/official-storybook/stories/core/globals.stories.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 
-import { useGlobalArgs } from '@storybook/client-api';
+import { useGlobals } from '@storybook/client-api';
 
 // eslint-disable-next-line react/prop-types
 const ArgUpdater = ({ args, updateArgs }) => {
@@ -30,40 +30,40 @@ export default {
   parameters: { passArgsFirst: false },
   decorators: [
     (story) => {
-      const [globalArgs, updateGlobalArgs] = useGlobalArgs();
+      const [globals, updateGlobals] = useGlobals();
 
       return (
         <>
           {story()}
-          <ArgUpdater args={globalArgs} updateArgs={updateGlobalArgs} />
+          <ArgUpdater args={globals} updateArgs={updateGlobals} />
         </>
       );
     },
   ],
 };
 
-export const PassedToStory = ({ globalArgs }) => {
+export const PassedToStory = ({ globals }) => {
   return (
     <div>
       <h3>Global args:</h3>
-      <pre>{JSON.stringify(globalArgs)}</pre>
+      <pre>{JSON.stringify(globals)}</pre>
     </div>
   );
 };
 
 PassedToStory.propTypes = {
-  globalArgs: PropTypes.shape({}).isRequired,
+  globals: PropTypes.shape({}).isRequired,
 };
 
-export const SecondStory = ({ globalArgs }) => {
+export const SecondStory = ({ globals }) => {
   return (
     <div>
       <h3>Global args (2):</h3>
-      <pre>{JSON.stringify(globalArgs)}</pre>
+      <pre>{JSON.stringify(globals)}</pre>
     </div>
   );
 };
 
 SecondStory.propTypes = {
-  globalArgs: PropTypes.shape({}).isRequired,
+  globals: PropTypes.shape({}).isRequired,
 };
diff --git a/examples/official-storybook/stories/core/layout.stories.mdx b/examples/official-storybook/stories/core/layout.stories.mdx
index d824fde2fbd..e0a314b1ed8 100644
--- a/examples/official-storybook/stories/core/layout.stories.mdx
+++ b/examples/official-storybook/stories/core/layout.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta, Preview, Story } from '@storybook/addon-docs/blocks';
+import { Meta, Canvas, Story } from '@storybook/addon-docs/blocks';
 import { Button } from '@storybook/react/demo';
 
 <Meta
@@ -10,36 +10,36 @@ import { Button } from '@storybook/react/demo';
 
 # Layout parameter
 
-This tests Storybook's built-in `layout` parameter, both as its applied in the canvas, and also how it's handled by the `Preview` block in `addon-docs`.
+This tests Storybook's built-in `layout` parameter, both as its applied in the canvas, and also how it's handled by the `Canvas` block in `addon-docs`.
 
 ## Default
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story name="defaultValue">
     <Button>Hello world</Button>
   </Story>
-</Preview>
+</Canvas>
 
 ## Padded
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story name="padded" parameters={{ layout: 'padded' }}>
     <Button>Hello world</Button>
   </Story>
-</Preview>
+</Canvas>
 
 ## Fullscreen
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story name="fullscreen" parameters={{ layout: 'fullscreen' }}>
     <Button>Hello world</Button>
   </Story>
-</Preview>
+</Canvas>
 
 ## Centered
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story name="centered" parameters={{ layout: 'centered' }}>
     <Button>Hello world</Button>
   </Story>
-</Preview>
+</Canvas>
diff --git a/examples/official-storybook/stories/core/prefix.stories.js b/examples/official-storybook/stories/core/prefix.stories.js
new file mode 100644
index 00000000000..1531ef4391b
--- /dev/null
+++ b/examples/official-storybook/stories/core/prefix.stories.js
@@ -0,0 +1,11 @@
+// Very simple stories to show what happens when one story's id is a prefix of anothers'
+// Repro for https://github.com/storybookjs/storybook/issues/11571
+
+export default {
+  title: 'Core/Prefix',
+};
+
+const Template = () => 'Story';
+
+export const prefixAndName = Template.bind({});
+export const prefix = Template.bind({});
diff --git a/examples/official-storybook/stories/demo/button.stories.js b/examples/official-storybook/stories/demo/button.stories.js
index 710489cf5cf..929300d2d9f 100644
--- a/examples/official-storybook/stories/demo/button.stories.js
+++ b/examples/official-storybook/stories/demo/button.stories.js
@@ -9,6 +9,9 @@ export default {
   parameters: {
     docs: {
       inlineStories: false,
+      description: {
+        component: 'Component description **markdown** override',
+      },
     },
   },
 };
@@ -35,6 +38,8 @@ WithCounter.storyName = 'with counter';
 
 WithCounter.parameters = {
   docs: {
-    storyDescription: 'This demonstrates react hooks working inside stories. Go team! 🚀',
+    description: {
+      story: 'This demonstrates react hooks working inside stories. **Go team!** 🚀',
+    },
   },
 };
diff --git a/examples/official-storybook/stories/demo/button.stories.mdx b/examples/official-storybook/stories/demo/button.stories.mdx
index bfb6ae95f89..4cc01dea469 100644
--- a/examples/official-storybook/stories/demo/button.stories.mdx
+++ b/examples/official-storybook/stories/demo/button.stories.mdx
@@ -1,13 +1,13 @@
 import { useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import { Button } from '@storybook/react/demo';
-import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
 
 <Meta title="Other/Demo/ButtonMdx" component={Button} />
 
 # Simple Button
 
-<Props of={Button} />
+<ArgsTable of={Button} />
 
 ## Hello
 
@@ -27,7 +27,7 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';
 
 ## Counter w/ Code
 
-<Preview>
+<Canvas>
   <Story name="with counter">
     {() => {
       const [counter, setCounter] = useState(0);
@@ -35,4 +35,4 @@ import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';
       return <Button onClick={() => setCounter(counter + 1)}>{label}</Button>;
     }}
   </Story>
-</Preview>
+</Canvas>
diff --git a/examples/official-storybook/stories/demo/typed-button.stories.tsx b/examples/official-storybook/stories/demo/typed-button.stories.tsx
new file mode 100644
index 00000000000..3a76f55cb00
--- /dev/null
+++ b/examples/official-storybook/stories/demo/typed-button.stories.tsx
@@ -0,0 +1,33 @@
+import React, { ComponentProps } from 'react';
+import { Meta, Story } from '@storybook/react/types-6-0';
+import TsButton from '../../components/TsButton';
+
+export default {
+  title: 'Other/Demo/TsButton',
+  component: TsButton,
+  decorators: [
+    (StoryFn) => (
+      <>
+        <StoryFn />
+      </>
+    ),
+  ],
+} as Meta;
+
+const Template: Story = (args) => <TsButton {...args} />;
+
+export const Basic = Template.bind({});
+Basic.args = {
+  type: 'default',
+  children: 'basic',
+};
+
+type ButtonProps = ComponentProps<typeof TsButton>;
+const TypedTemplate: Story<ButtonProps> = (args) => <TsButton {...args} />;
+
+export const Typed = TypedTemplate.bind({});
+Typed.args = {
+  type: 'action',
+  children: 'typed',
+  foo: 'bar', // should be a type error?
+};
diff --git a/examples/official-storybook/stories/notes/notes.mdx b/examples/official-storybook/stories/notes/notes.mdx
index f030ec4a893..e744599a379 100644
--- a/examples/official-storybook/stories/notes/notes.mdx
+++ b/examples/official-storybook/stories/notes/notes.mdx
@@ -1,5 +1,5 @@
-import { Props, Story } from '@storybook/addon-docs/blocks';
-import { Button } from '@storybook/react/demo';
+import { ArgsTable, Story } from '@storybook/addon-docs/blocks';
+import Button from '../../components/TsButton';
 
 # Welcome!
 
@@ -7,6 +7,6 @@ Let's write markdown without stories
 
 But we can still use doc blocks in our stories
 
-<Props of={Button} />
+<ArgsTable of={Button} />
 
 <Story id="basics-button--all-buttons" height="400px" />
diff --git a/examples/preact-kitchen-sink/.storybook/main.js b/examples/preact-kitchen-sink/.storybook/main.js
index c20a8b0496a..51bcd13c00b 100644
--- a/examples/preact-kitchen-sink/.storybook/main.js
+++ b/examples/preact-kitchen-sink/.storybook/main.js
@@ -2,6 +2,7 @@ const path = require('path');
 
 module.exports = {
   stories: ['../src/stories/**/*.stories.js'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
diff --git a/examples/preact-kitchen-sink/.storybook/manager.js b/examples/preact-kitchen-sink/.storybook/manager.js
deleted file mode 100644
index ee839872844..00000000000
--- a/examples/preact-kitchen-sink/.storybook/manager.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  showRoots: true,
-});
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index fc6d86897dd..aba8363e094 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -13,19 +13,19 @@
     "preact": "^8.4.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/plugin-transform-runtime": "^7.9.6",
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/preact": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
+    "@babel/core": "^7.11.5",
+    "@babel/plugin-transform-runtime": "^7.11.5",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/preact": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
     "babel-loader": "^8.0.4",
     "cross-env": "^7.0.0",
     "file-loader": "^6.0.0",
diff --git a/examples/rax-kitchen-sink/.storybook/main.js b/examples/rax-kitchen-sink/.storybook/main.js
index 268c5eb3edd..5475b86809a 100644
--- a/examples/rax-kitchen-sink/.storybook/main.js
+++ b/examples/rax-kitchen-sink/.storybook/main.js
@@ -2,6 +2,7 @@ const path = require('path');
 
 module.exports = {
   stories: ['../src/stories/**/*.stories.js'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
diff --git a/examples/rax-kitchen-sink/.storybook/manager.js b/examples/rax-kitchen-sink/.storybook/manager.js
index 8a2fe5c08f2..05fc76aad6c 100644
--- a/examples/rax-kitchen-sink/.storybook/manager.js
+++ b/examples/rax-kitchen-sink/.storybook/manager.js
@@ -9,7 +9,6 @@ const theme = create({
 });
 
 addons.setConfig({
-  showRoots: true,
   panelPosition: 'bottom',
   theme,
 });
diff --git a/examples/rax-kitchen-sink/package.json b/examples/rax-kitchen-sink/package.json
index f26261c2691..9e561f1c6b2 100644
--- a/examples/rax-kitchen-sink/package.json
+++ b/examples/rax-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rax-kitchen-sink",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "build-scripts build",
@@ -19,21 +19,21 @@
   },
   "devDependencies": {
     "@alib/build-scripts": "^0.1.8",
-    "@babel/preset-react": "^7.7.4",
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-events": "6.0.0-beta.23",
-    "@storybook/addon-jest": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/rax": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@babel/preset-react": "^7.10.4",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-events": "6.1.0-alpha.14",
+    "@storybook/addon-jest": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/rax": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "babel-eslint": "^10.0.3",
     "build-plugin-rax-app": "^0.2.0",
     "stylesheet-loader": "^0.8.0"
diff --git a/examples/react-ts/main.ts b/examples/react-ts/main.ts
index 3e67819c4a0..c72b926b43a 100644
--- a/examples/react-ts/main.ts
+++ b/examples/react-ts/main.ts
@@ -1,8 +1,22 @@
-import type { StorybookConfig } from '@storybook/core/types';
+import type { StorybookConfig } from '@storybook/react/types';
 
 module.exports = {
   stories: ['./src/*.stories.*'],
-  addons: ['@storybook/addon-essentials', '@storybook/addon-controls'],
+  logLevel: 'debug',
+  addons: [
+    '@storybook/addon-essentials',
+    '@storybook/addon-controls',
+    '@storybook/addon-storysource',
+    {
+      name: '@storybook/addon-docs',
+      options: {
+        sourceLoaderOptions: {
+          parser: 'typescript',
+          injectStoryParameters: false,
+        },
+      },
+    },
+  ],
   typescript: {
     check: true,
     checkOptions: {},
diff --git a/examples/react-ts/package.json b/examples/react-ts/package.json
index c81ac3929da..84fa334e992 100644
--- a/examples/react-ts/package.json
+++ b/examples/react-ts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-react-ts",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
@@ -8,15 +8,15 @@
     "storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-dll"
   },
   "dependencies": {
-    "@storybook/addon-controls": "6.0.0-beta.22",
-    "@storybook/addon-essentials": "6.0.0-beta.23",
-    "@storybook/react": "6.0.0-beta.23",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-essentials": "6.1.0-alpha.14",
+    "@storybook/react": "6.1.0-alpha.14",
     "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",
     "prop-types": "15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "typescript": "^3.9.2",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
+    "typescript": "^3.9.3",
     "webpack": "^4.43.0"
   }
 }
diff --git a/examples/react-ts/src/button.stories.tsx b/examples/react-ts/src/button.stories.tsx
index ec7d88e883c..6ccf57a0fca 100644
--- a/examples/react-ts/src/button.stories.tsx
+++ b/examples/react-ts/src/button.stories.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
+import { Meta } from '@storybook/react/types-6-0';
 import { Button } from './button';
 
-export default { component: Button, title: 'Examples / Button' };
+export default { component: Button, title: 'Examples / Button' } as Meta;
 
 export const WithArgs = (args: any) => <Button {...args} />;
 WithArgs.args = { label: 'With args' };
diff --git a/examples/riot-kitchen-sink/.storybook/main.js b/examples/riot-kitchen-sink/.storybook/main.js
index 1cfcefc0cc3..c53f2173a84 100644
--- a/examples/riot-kitchen-sink/.storybook/main.js
+++ b/examples/riot-kitchen-sink/.storybook/main.js
@@ -2,6 +2,7 @@ const path = require('path');
 
 module.exports = {
   stories: ['../src/stories/**/*.stories.js'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
diff --git a/examples/riot-kitchen-sink/.storybook/manager.js b/examples/riot-kitchen-sink/.storybook/manager.js
deleted file mode 100644
index ee839872844..00000000000
--- a/examples/riot-kitchen-sink/.storybook/manager.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  showRoots: true,
-});
diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json
index 2137a792cfe..ee859a70e30 100644
--- a/examples/riot-kitchen-sink/package.json
+++ b/examples/riot-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "riot-example",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -14,18 +14,18 @@
     "riot-hot-reload": "^1.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/riot": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
+    "@babel/core": "^7.11.5",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/riot": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
     "babel-loader": "^8.0.4",
     "cross-env": "^7.0.0",
     "file-loader": "^6.0.0",
diff --git a/examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot b/examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
index 7ecb1475089..f273095490f 100644
--- a/examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
+++ b/examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
@@ -12,8 +12,10 @@ exports[`Storyshots Core/Parameters passed to story 1`] = `
   "globalParameter": "globalParameter",
   "framework": "riot",
   "chapterParameter": "chapterParameter",
+  "args": {},
   "argTypes": {},
   "__id": "core-parameters--passed-to-story",
+  "__isArgsStory": true,
   "storyParameter": "storyParameter",
   "id": "root",
   "dataIs": "parameters"
diff --git a/examples/server-kitchen-sink/.storybook/main.js b/examples/server-kitchen-sink/.storybook/main.js
index 869adb75a33..11e029cb40c 100644
--- a/examples/server-kitchen-sink/.storybook/main.js
+++ b/examples/server-kitchen-sink/.storybook/main.js
@@ -1,11 +1,12 @@
 module.exports = {
   stories: ['../stories/**/*.stories.json'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-docs',
     '@storybook/addon-a11y',
     '@storybook/addon-actions',
     '@storybook/addon-backgrounds',
-    '@storybook/addon-knobs',
     '@storybook/addon-links',
+    '@storybook/addon-controls',
   ],
 };
diff --git a/examples/server-kitchen-sink/.storybook/preview.js b/examples/server-kitchen-sink/.storybook/preview.js
index f26366aeffe..3d99fec16df 100644
--- a/examples/server-kitchen-sink/.storybook/preview.js
+++ b/examples/server-kitchen-sink/.storybook/preview.js
@@ -1,11 +1,10 @@
-import { addParameters, addDecorator } from '@storybook/server';
 import { withLinks } from '@storybook/addon-links';
 
-addDecorator(withLinks);
+export const decorators = [withLinks];
 
 const port = process.env.SERVER_PORT || 1337;
 
-addParameters({
+export const parameters = {
   a11y: {
     config: {},
     options: {
@@ -13,13 +12,10 @@ addParameters({
       restoreScroll: true,
     },
   },
-  options: {
-    showRoots: true,
-  },
   docs: {
     iframeHeight: '200px',
   },
   server: {
     url: `http://localhost:${port}/storybook_preview`,
   },
-});
+};
diff --git a/examples/server-kitchen-sink/README.md b/examples/server-kitchen-sink/README.md
index 6679953ba47..7f9cddd5ecd 100644
--- a/examples/server-kitchen-sink/README.md
+++ b/examples/server-kitchen-sink/README.md
@@ -1,9 +1,9 @@
 # Server Kitchen Sink
 
-This is a dmmo app to test a standalone server using integration with Storybook using `@storybook/server`.
+This is a demo app to test a standalone server using integration with Storybook using `@storybook/server`.
 
 Run `yarn install` to sync Storybook module with the source.
 
-Run `yarn start` to start. 
+Run `yarn start` to start.
 
 This starts an ExpressJS server on port `1337` and Storybook on port `9006`.
diff --git a/examples/server-kitchen-sink/package.json b/examples/server-kitchen-sink/package.json
index ab0221d11ad..855960d671d 100644
--- a/examples/server-kitchen-sink/package.json
+++ b/examples/server-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "server-kitchen-sink",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,13 +14,13 @@
     "storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/node-logger": "6.0.0-beta.23",
-    "@storybook/server": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
+    "@storybook/server": "6.1.0-alpha.14",
     "concurrently": "^5.2.0",
     "cors": "^2.8.5",
     "express": "~4.17.1",
diff --git a/examples/server-kitchen-sink/public/css/button.css b/examples/server-kitchen-sink/public/css/button.css
new file mode 100644
index 00000000000..2a9d9215b84
--- /dev/null
+++ b/examples/server-kitchen-sink/public/css/button.css
@@ -0,0 +1,3 @@
+button {
+  color: red;
+}
\ No newline at end of file
diff --git a/examples/server-kitchen-sink/public/js/alert.js b/examples/server-kitchen-sink/public/js/alert.js
new file mode 100644
index 00000000000..6031661d766
--- /dev/null
+++ b/examples/server-kitchen-sink/public/js/alert.js
@@ -0,0 +1,4 @@
+function triggerAlert() {
+  // eslint-disable-next-line no-alert, no-undef
+  alert('hello');
+}
diff --git a/examples/server-kitchen-sink/server.js b/examples/server-kitchen-sink/server.js
index ea25081f091..b443b5c6c1d 100644
--- a/examples/server-kitchen-sink/server.js
+++ b/examples/server-kitchen-sink/server.js
@@ -9,6 +9,7 @@ const port = process.env.PORT || 8080;
 const app = express();
 app.use(cors());
 app.use(morgan('dev'));
+app.use(express.static(path.join(__dirname, 'public')));
 app.set('views', path.join(__dirname, 'views'));
 app.set('view engine', 'pug');
 
diff --git a/examples/server-kitchen-sink/stories/addon-backgrounds.stories.json b/examples/server-kitchen-sink/stories/addon-backgrounds.stories.json
index dc77798cbb2..f5fe3529dc2 100644
--- a/examples/server-kitchen-sink/stories/addon-backgrounds.stories.json
+++ b/examples/server-kitchen-sink/stories/addon-backgrounds.stories.json
@@ -1,10 +1,13 @@
 {
   "title": "Addons/Backgrounds",
   "parameters": {
-    "backgrounds": [
-      { "name": "light", "value": "#eeeeee" },
-      { "name": "dark", "value": "#222222", "default": true }
-    ]
+    "backgrounds": {
+      "default": "dark",
+      "values": [
+        { "name": "light", "value": "#eeeeee" },
+        { "name": "dark", "value": "#222222", "default": true }
+      ]
+    }
   },
   "stories": [
     {
diff --git a/examples/server-kitchen-sink/stories/addon-controls.stories.json b/examples/server-kitchen-sink/stories/addon-controls.stories.json
new file mode 100644
index 00000000000..522fa1818e1
--- /dev/null
+++ b/examples/server-kitchen-sink/stories/addon-controls.stories.json
@@ -0,0 +1,52 @@
+{
+  "title": "Addons/Controls",
+  "parameters": {
+    "options": { "selectedPanel": "storybook/controls/panel" }
+  },
+  "stories": [
+    {
+      "name": "Simple",
+      "parameters": {
+        "server": { "id": "addons/controls/simple" }
+      },
+      "args": { "name": "John Doe", "age": 44 }
+    },
+    {
+      "name": "CSS transitions",
+      "parameters": {
+        "server": { "id": "addons/controls/css" }
+      },
+      "args": { "name": "John Doe", "color": "orangered" },
+      "argTypes": {
+        "color": { "control": { "type": "color"} }
+      }
+    },
+    {
+      "name": "All Controls",
+      "parameters": {
+        "server": { "id": "addons/controls/all" }
+      },
+      "args": {
+        "name": "Jane",
+        "stock": 20,
+        "fruit": "apples",
+        "price": 2.25,
+        "colour": "deeppink",
+        "today": "Jan 20 2017 GMT+0",
+        "items":  ["Laptop", "Book", "Whiskey"],
+        "nice": true,
+        "other": {"hair": "brown", "eyes": "blue"}
+      },
+      "argTypes": {
+        "stock": { "control": { "type": "range", "min": 0, "max": 30, "step": 5} },
+        "fruit": { "control": { "type": "select", "options": {
+          "Apple": "apples",
+          "Banana": "bananas",
+          "Cherry": "cherries"
+        }} },
+        "colour": { "control": { "type": "color"} },
+        "today": { "control": { "type": "date"} }
+      }
+    }
+  ]
+}
diff --git a/examples/server-kitchen-sink/stories/addon-knobs.stories.json b/examples/server-kitchen-sink/stories/addon-knobs.stories.json
deleted file mode 100644
index 17a293eb5d1..00000000000
--- a/examples/server-kitchen-sink/stories/addon-knobs.stories.json
+++ /dev/null
@@ -1,64 +0,0 @@
-{
-  "title": "Addons/Knobs",
-  "addons": ["knobs"],
-  "parameters": {
-    "options": { "selectedPanel": "storybook/knobs/panel" }
-  },
-  "stories": [
-    {
-      "name": "Simple",
-      "parameters": {
-        "server": { "id": "addons/knobs/simple" }
-      },
-      "knobs": [
-        { "type": "text", "name": "Name", "value": "John Doe", "param": "name"},
-        { "type": "number", "name": "Age", "value": 44, "param": "age"}
-      ]
-    },
-    {
-      "name": "CSS transitions",
-      "parameters": {
-        "server": { "id": "addons/knobs/css" }
-      },
-      "knobs": [
-        { "type": "text", "name": "Name", "value": "John Doe", "param": "name"},
-        { "type": "color", "name": "Text Color", "value": "orangered", "param": "textColor"}
-      ]
-    },
-    {
-      "name": "All knobs",
-      "parameters": {
-        "server": { "id": "addons/knobs/all" }
-      },
-      "knobs": [
-        { "type": "text", "name": "Name", "value": "Jane", "param": "name"},
-        { 
-          "type": "number",
-          "name": "Stock", 
-          "value": 20, 
-          "param": "stock",
-          "range": true,
-          "min": 0,
-          "max": 30,
-          "step": 5
-        },
-        { 
-          "type": "select",
-          "name": "Fruit",
-          "value": "apples",
-          "param": "fruit",
-          "options": {
-            "Apple": "apples",
-            "Banana": "bananas",
-            "Cherry": "cherries"
-          }
-        },
-        { "type": "number", "name": "Price", "value": 2.25, "param": "price"},
-        { "type": "color", "name": "Border", "value": "deeppink", "param": "colour"},
-        { "type": "date", "name": "Today", "value": "Jan 20 2017 GMT+0", "param": "today"},
-        { "type": "array", "name": "Items", "value": ["Laptop", "Book", "Whiskey"], "param": "items"},
-        { "type": "boolean", "name": "Nice", "value": true, "param": "nice"}
-      ]
-    }
-  ]
-}
diff --git a/examples/server-kitchen-sink/stories/addon-notes.stories.json b/examples/server-kitchen-sink/stories/addon-notes.stories.json
deleted file mode 100644
index 9dc4e21c17d..00000000000
--- a/examples/server-kitchen-sink/stories/addon-notes.stories.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "title": "Addons/Notes",
-  "stories": [
-    {
-      "name": "Simple note",
-      "parameters": {
-        "notes": "My notes on some bold text",
-        "server": { "id": "addons/notes/story1" }
-      }
-    }
-  ]
-}
diff --git a/examples/server-kitchen-sink/stories/kitchen_sink.stories.json b/examples/server-kitchen-sink/stories/kitchen_sink.stories.json
index 1a37d1384bf..87f09c3ce26 100644
--- a/examples/server-kitchen-sink/stories/kitchen_sink.stories.json
+++ b/examples/server-kitchen-sink/stories/kitchen_sink.stories.json
@@ -2,10 +2,13 @@
   "title": "Kitchen Sink",
   "addons": ["knobs"],
   "parameters": {
-    "backgrounds": [
-      { "name": "light", "value": "#eeeeee" },
-      { "name": "dark", "value": "#222222", "default": true }
-    ],
+    "backgrounds": {
+      "default": "light",
+      "values": [
+        { "name": "light", "value": "#eeeeee" },
+        { "name": "dark", "value": "#222222" }
+      ]
+    },
     "options": { "selectedPanel": "storybook/a11y/panel" },
     "server": { 
       "params": { "name": "Jane Doe" }
@@ -17,17 +20,14 @@
       "parameters": {
         "notes": "My notes on some person",
         "server": { 
-          "id": "addons/knobs/simple",
+          "id": "addons/controls/simple",
           "params": { 
             "name": "Jim Doe"
           }
         },
         "actions": ["click", "contextmenu", { "clearOnStoryChange": false }]
       },
-      "knobs": [
-        { "type": "text", "name": "Name", "value": "John Doe", "param": "name"},
-        { "type": "number", "name": "Age", "value": 44, "param": "age"}
-      ]
+      "args": { "name": "John Doe", "age": 44 }
     }
   ]
 }
diff --git a/examples/server-kitchen-sink/stories/scripts.stories.json b/examples/server-kitchen-sink/stories/scripts.stories.json
new file mode 100644
index 00000000000..8edb51ffafd
--- /dev/null
+++ b/examples/server-kitchen-sink/stories/scripts.stories.json
@@ -0,0 +1,29 @@
+{
+  "title": "Html Content/Scripts",
+  "stories": [
+    {
+      "name": "Head Inline",
+      "parameters": {
+        "server": { "id": "scripts/head_inline" }
+      }
+    },
+    {
+      "name": "Head Src" ,
+      "parameters": {
+        "server": { "id": "scripts/head_src" }
+      }
+    },
+    {
+      "name": "Body Inline",
+      "parameters": {
+        "server": { "id": "scripts/body_inline" }
+      }
+    },
+    {
+      "name": "Body Src",
+      "parameters": {
+        "server": { "id": "scripts/body_src" }
+      }
+    }
+  ]
+}
diff --git a/examples/server-kitchen-sink/stories/styles.stories.json b/examples/server-kitchen-sink/stories/styles.stories.json
new file mode 100644
index 00000000000..8a81304b856
--- /dev/null
+++ b/examples/server-kitchen-sink/stories/styles.stories.json
@@ -0,0 +1,29 @@
+{
+  "title": "Html Content/Styles",
+  "stories": [
+    {
+      "name": "Head Inline",
+      "parameters": {
+        "server": { "id": "styles/head_inline" }
+      }
+    },
+    {
+      "name": "Head Src" ,
+      "parameters": {
+        "server": { "id": "styles/head_src" }
+      }
+    },
+    {
+      "name": "Body Inline",
+      "parameters": {
+        "server": { "id": "styles/body_inline" }
+      }
+    },
+    {
+      "name": "Body Src",
+      "parameters": {
+        "server": { "id": "styles/body_src" }
+      }
+    }
+  ]
+}
diff --git a/examples/server-kitchen-sink/stories/welcome.stories.json b/examples/server-kitchen-sink/stories/welcome.stories.json
index ee192f0bec8..976e10c37cc 100644
--- a/examples/server-kitchen-sink/stories/welcome.stories.json
+++ b/examples/server-kitchen-sink/stories/welcome.stories.json
@@ -1,4 +1,4 @@
-{
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  {
   "title": "Welcome",
   "stories": [
     {
diff --git a/examples/server-kitchen-sink/views/addons/knobs/all.pug b/examples/server-kitchen-sink/views/addons/controls/all.pug
similarity index 80%
rename from examples/server-kitchen-sink/views/addons/knobs/all.pug
rename to examples/server-kitchen-sink/views/addons/controls/all.pug
index f7003e395ec..50fb62d4c27 100644
--- a/examples/server-kitchen-sink/views/addons/knobs/all.pug
+++ b/examples/server-kitchen-sink/views/addons/controls/all.pug
@@ -4,8 +4,9 @@
 - salutation = nice ? 'Nice to meet you!' : 'Leave me alone!';
 - dateOptions = { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' };
 - style = `border: 2px dotted ${colour}; padding: 8px 22px; border-radius: 8px`;
-- today = new Date(parseInt(today, 10));
+- today = new Date(today);
 - items = items.split(',');
+- other = JSON.parse(other)
 
 div(style=`${style}`)
   h1 My name is #{name},
@@ -15,4 +16,8 @@ div(style=`${style}`)
   ul 
     each item in items
       li= item
+  p Other things about me: 
+    ul 
+      each key in Object.keys(other)
+        li= `${key}: ${other[key]}`
   p #{salutation}
\ No newline at end of file
diff --git a/examples/server-kitchen-sink/views/addons/knobs/css.pug b/examples/server-kitchen-sink/views/addons/controls/css.pug
similarity index 100%
rename from examples/server-kitchen-sink/views/addons/knobs/css.pug
rename to examples/server-kitchen-sink/views/addons/controls/css.pug
diff --git a/examples/server-kitchen-sink/views/addons/knobs/simple.pug b/examples/server-kitchen-sink/views/addons/controls/simple.pug
similarity index 100%
rename from examples/server-kitchen-sink/views/addons/knobs/simple.pug
rename to examples/server-kitchen-sink/views/addons/controls/simple.pug
diff --git a/examples/server-kitchen-sink/views/addons/knobs/xss_safety.pug b/examples/server-kitchen-sink/views/addons/controls/xss_safety.pug
similarity index 100%
rename from examples/server-kitchen-sink/views/addons/knobs/xss_safety.pug
rename to examples/server-kitchen-sink/views/addons/controls/xss_safety.pug
diff --git a/examples/server-kitchen-sink/views/addons/notes/story1.pug b/examples/server-kitchen-sink/views/addons/notes/story1.pug
deleted file mode 100644
index dee88febdf6..00000000000
--- a/examples/server-kitchen-sink/views/addons/notes/story1.pug
+++ /dev/null
@@ -1,2 +0,0 @@
-p
-  strong This is a fragment of HTML
diff --git a/examples/server-kitchen-sink/views/scripts/body_inline.pug b/examples/server-kitchen-sink/views/scripts/body_inline.pug
new file mode 100644
index 00000000000..9bd1e20577d
--- /dev/null
+++ b/examples/server-kitchen-sink/views/scripts/body_inline.pug
@@ -0,0 +1,3 @@
+include includes/button.pug
+include includes/alert_script_inline.pug
+
diff --git a/examples/server-kitchen-sink/views/scripts/body_src.pug b/examples/server-kitchen-sink/views/scripts/body_src.pug
new file mode 100644
index 00000000000..9e188f875fc
--- /dev/null
+++ b/examples/server-kitchen-sink/views/scripts/body_src.pug
@@ -0,0 +1,2 @@
+include includes/button.pug
+include includes/alert_script_src.pug
diff --git a/examples/server-kitchen-sink/views/scripts/head_inline.pug b/examples/server-kitchen-sink/views/scripts/head_inline.pug
new file mode 100644
index 00000000000..6d6b6f95f6f
--- /dev/null
+++ b/examples/server-kitchen-sink/views/scripts/head_inline.pug
@@ -0,0 +1,7 @@
+
+doctype html
+html
+  head 
+    include includes/alert_script_inline.pug
+  body
+    include includes/button.pug
diff --git a/examples/server-kitchen-sink/views/scripts/head_src.pug b/examples/server-kitchen-sink/views/scripts/head_src.pug
new file mode 100644
index 00000000000..92c31ad6a8c
--- /dev/null
+++ b/examples/server-kitchen-sink/views/scripts/head_src.pug
@@ -0,0 +1,7 @@
+
+doctype html
+html
+  head 
+    include includes/alert_script_src.pug
+  body
+    include includes/button.pug
diff --git a/examples/server-kitchen-sink/views/scripts/includes/alert_script_inline.pug b/examples/server-kitchen-sink/views/scripts/includes/alert_script_inline.pug
new file mode 100644
index 00000000000..4281d7a7b08
--- /dev/null
+++ b/examples/server-kitchen-sink/views/scripts/includes/alert_script_inline.pug
@@ -0,0 +1,4 @@
+script.
+  function triggerAlert() {
+    alert('hello');
+  }
\ No newline at end of file
diff --git a/examples/server-kitchen-sink/views/scripts/includes/alert_script_src.pug b/examples/server-kitchen-sink/views/scripts/includes/alert_script_src.pug
new file mode 100644
index 00000000000..0808952acb7
--- /dev/null
+++ b/examples/server-kitchen-sink/views/scripts/includes/alert_script_src.pug
@@ -0,0 +1 @@
+script(src='http://localhost:1337/js/alert.js')
\ No newline at end of file
diff --git a/examples/server-kitchen-sink/views/scripts/includes/button.pug b/examples/server-kitchen-sink/views/scripts/includes/button.pug
new file mode 100644
index 00000000000..adfbe870d1a
--- /dev/null
+++ b/examples/server-kitchen-sink/views/scripts/includes/button.pug
@@ -0,0 +1 @@
+button(onclick='triggerAlert()') Hello Button
\ No newline at end of file
diff --git a/examples/server-kitchen-sink/views/styles/body_inline.pug b/examples/server-kitchen-sink/views/styles/body_inline.pug
new file mode 100644
index 00000000000..dc1b52bc963
--- /dev/null
+++ b/examples/server-kitchen-sink/views/styles/body_inline.pug
@@ -0,0 +1,3 @@
+include includes/button.pug
+include includes/button_styles_inline.pug
+
diff --git a/examples/server-kitchen-sink/views/styles/body_src.pug b/examples/server-kitchen-sink/views/styles/body_src.pug
new file mode 100644
index 00000000000..fb5a2e23874
--- /dev/null
+++ b/examples/server-kitchen-sink/views/styles/body_src.pug
@@ -0,0 +1,2 @@
+include includes/button.pug
+include includes/button_styles_src.pug
diff --git a/examples/server-kitchen-sink/views/styles/head_inline.pug b/examples/server-kitchen-sink/views/styles/head_inline.pug
new file mode 100644
index 00000000000..ed491a72b20
--- /dev/null
+++ b/examples/server-kitchen-sink/views/styles/head_inline.pug
@@ -0,0 +1,7 @@
+
+doctype html
+html
+  head 
+    include includes/button_styles_inline.pug
+  body
+    include includes/button.pug
diff --git a/examples/server-kitchen-sink/views/styles/head_src.pug b/examples/server-kitchen-sink/views/styles/head_src.pug
new file mode 100644
index 00000000000..0e062803121
--- /dev/null
+++ b/examples/server-kitchen-sink/views/styles/head_src.pug
@@ -0,0 +1,7 @@
+
+doctype html
+html
+  head 
+    include includes/button_styles_src.pug
+  body
+    include includes/button.pug
diff --git a/examples/server-kitchen-sink/views/styles/includes/button.pug b/examples/server-kitchen-sink/views/styles/includes/button.pug
new file mode 100644
index 00000000000..69e440c555c
--- /dev/null
+++ b/examples/server-kitchen-sink/views/styles/includes/button.pug
@@ -0,0 +1 @@
+button Hello Button
\ No newline at end of file
diff --git a/examples/server-kitchen-sink/views/styles/includes/button_styles_inline.pug b/examples/server-kitchen-sink/views/styles/includes/button_styles_inline.pug
new file mode 100644
index 00000000000..c8ea6f680a6
--- /dev/null
+++ b/examples/server-kitchen-sink/views/styles/includes/button_styles_inline.pug
@@ -0,0 +1,4 @@
+style.
+  button {
+    color: red;
+  }
\ No newline at end of file
diff --git a/examples/server-kitchen-sink/views/styles/includes/button_styles_src.pug b/examples/server-kitchen-sink/views/styles/includes/button_styles_src.pug
new file mode 100644
index 00000000000..83545794603
--- /dev/null
+++ b/examples/server-kitchen-sink/views/styles/includes/button_styles_src.pug
@@ -0,0 +1 @@
+link(rel='stylesheet', type='text/css' href='http://localhost:1337/css/button.css')
\ No newline at end of file
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index 1b83b7a2ecd..e66ef439f3b 100644
--- a/examples/standalone-preview/package.json
+++ b/examples/standalone-preview/package.json
@@ -1,14 +1,14 @@
 {
   "name": "standalone-preview",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "storybook": "parcel ./storybook.html --port 1337"
   },
   "devDependencies": {
-    "@storybook/react": "6.0.0-beta.23",
+    "@storybook/react": "6.1.0-alpha.14",
     "parcel": "^1.12.3",
-    "react": "^16.8.4",
-    "react-dom": "^16.8.4"
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3"
   }
 }
diff --git a/examples/svelte-kitchen-sink/.storybook/main.js b/examples/svelte-kitchen-sink/.storybook/main.js
index b4477747257..0c0d14858f4 100644
--- a/examples/svelte-kitchen-sink/.storybook/main.js
+++ b/examples/svelte-kitchen-sink/.storybook/main.js
@@ -2,6 +2,7 @@ const path = require('path');
 
 module.exports = {
   stories: ['../src/stories/**/*.stories.*'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-storysource',
     '@storybook/addon-actions',
@@ -11,6 +12,7 @@ module.exports = {
         configureJSX: true,
       },
     },
+    '@storybook/addon-controls',
     '@storybook/addon-links',
     '@storybook/addon-knobs',
     '@storybook/addon-backgrounds',
diff --git a/examples/svelte-kitchen-sink/.storybook/manager.js b/examples/svelte-kitchen-sink/.storybook/manager.js
deleted file mode 100644
index ee839872844..00000000000
--- a/examples/svelte-kitchen-sink/.storybook/manager.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  showRoots: true,
-});
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index bcf7cd7778d..411ea9e022e 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -10,18 +10,19 @@
     "global": "^4.3.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "@storybook/svelte": "6.0.0-beta.23"
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "@storybook/svelte": "6.1.0-alpha.14"
   },
   "storybook": {
     "chromatic": {
diff --git a/examples/svelte-kitchen-sink/src/components/Button.svelte b/examples/svelte-kitchen-sink/src/components/Button.svelte
index 6e69c974368..c628b898f8c 100644
--- a/examples/svelte-kitchen-sink/src/components/Button.svelte
+++ b/examples/svelte-kitchen-sink/src/components/Button.svelte
@@ -1,25 +1,3 @@
-<button
-  class="button"
-  class:rounded={rounded}
-  on:click={onClick}>
-  <strong>{ rounded ? 'Round' : 'Square' } corners</strong><br>
-  { text }
-  <slot></slot>
-</button>
-
-<style>
-  .rounded {
-    border-radius: 35px;
-  }
-
-  .button {
-    border: 3px solid;
-    padding: 10px 20px;
-    background-color: white;
-    outline: none;
-  }
-</style>
-
 <script>
   import { createEventDispatcher, afterUpdate } from 'svelte';
   export let text = '';
@@ -37,3 +15,23 @@
     dispatch('afterUpdate');
   });
 </script>
+
+<style>
+  .rounded {
+    border-radius: 35px;
+  }
+
+  .button {
+    border: 3px solid;
+    padding: 10px 20px;
+    background-color: white;
+    outline: none;
+  }
+</style>
+
+<button class="button" class:rounded on:click={onClick}>
+  <strong>{rounded ? 'Round' : 'Square'} corners</strong>
+  <br />
+  {text}
+  <slot />
+</button>
diff --git a/examples/svelte-kitchen-sink/src/components/Button.test.js b/examples/svelte-kitchen-sink/src/components/Button.test.js
index 2014743b9ba..ef7794535eb 100644
--- a/examples/svelte-kitchen-sink/src/components/Button.test.js
+++ b/examples/svelte-kitchen-sink/src/components/Button.test.js
@@ -14,7 +14,7 @@ describe('Button Component', () => {
   it('should render `text` property', () => {
     return new Promise((done) => {
       const text = 'Hello world';
-      const expected = `Round corners ${text}`;
+      const expected = `Round corners  ${text}`;
 
       component.$on('afterUpdate', () => {
         const componentText = target.firstChild.textContent.trim();
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
index 062401c8e9f..cbfff072fb0 100644
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
@@ -11,6 +11,7 @@ exports[`Storyshots Addon/Actions Action on component method 1`] = `
       Round
        corners
     </strong>
+     
     <br />
      
     Custom text
@@ -34,6 +35,7 @@ exports[`Storyshots Addon/Actions Action on view method 1`] = `
       Square
        corners
     </strong>
+     
     <br />
      
     
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
index 531253bb72d..7d5e0bac2e1 100644
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
+++ b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
@@ -15,6 +15,7 @@ exports[`Storyshots Addon/Backgrounds story 1 1`] = `
       Square
        corners
     </strong>
+     
     <br />
      
     
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-controls.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-controls.stories.storyshot
new file mode 100644
index 00000000000..a44a4cc79a6
--- /dev/null
+++ b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-controls.stories.storyshot
@@ -0,0 +1,106 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Addon/Controls Show Case 1`] = `
+<section
+  class="storybook-snapshot-container"
+>
+  <h1>
+    Control Showcase
+  </h1>
+   
+  <button
+    class="button svelte-n2tx93"
+  >
+    <strong>
+      Square
+       corners
+    </strong>
+     
+    <br />
+     
+    
+     
+    You clicked
+    : 
+    0
+  </button>
+   
+  <h2>
+    Array Range
+  </h2>
+   
+  <div>
+    []
+  </div>
+   
+  <h2>
+    Progress Bar
+  </h2>
+   
+  <progress
+    max="100"
+    min="0"
+    step="1"
+    value={0}
+  />
+   
+  <h2>
+    Enum Selectors
+  </h2>
+   
+  <h3>
+    inline radio
+  </h3>
+   
+  <div>
+    <p>
+      Loading State: 
+      loading
+    </p>
+  </div>
+   
+  <h3>
+    inline check
+  </h3>
+   
+  <div>
+    <p>
+      Food Items: 
+      []
+    </p>
+  </div>
+   
+  <h3>
+    inline select
+  </h3>
+   
+  <div>
+    <p>
+      Car choice: 
+      car
+    </p>
+  </div>
+   
+  <h2>
+    Color Picker
+  </h2>
+   
+  <div>
+    <div
+      class="Box svelte-zg433x"
+      style="background-color: rgb(0, 0, 0);"
+    />
+  </div>
+   
+  <h2>
+    Date Picker
+  </h2>
+   
+  <div>
+    <p>
+      Date: 
+      Invalid Date
+    </p>
+  </div>
+</section>
+`;
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-docs.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-docs.stories.storyshot
index e7d308ddaef..794fb0442c9 100644
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-docs.stories.storyshot
+++ b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-docs.stories.storyshot
@@ -15,6 +15,7 @@ exports[`Storyshots Addon/Docs rounded 1`] = `
       Round
        corners
     </strong>
+     
     <br />
      
     
@@ -57,6 +58,7 @@ exports[`Storyshots Addon/Docs square 1`] = `
       Square
        corners
     </strong>
+     
     <br />
      
     
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot
index a4075e3a596..df6542344ee 100644
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot
+++ b/examples/svelte-kitchen-sink/src/stories/__snapshots__/button.stories.storyshot
@@ -15,6 +15,7 @@ exports[`Storyshots Button Rounded 1`] = `
       Round
        corners
     </strong>
+     
     <br />
      
     
@@ -57,6 +58,7 @@ exports[`Storyshots Button Square 1`] = `
       Square
        corners
     </strong>
+     
     <br />
      
     
diff --git a/examples/svelte-kitchen-sink/src/stories/addon-controls.stories.js b/examples/svelte-kitchen-sink/src/stories/addon-controls.stories.js
new file mode 100644
index 00000000000..f6c7b885392
--- /dev/null
+++ b/examples/svelte-kitchen-sink/src/stories/addon-controls.stories.js
@@ -0,0 +1,38 @@
+import ControlShowcaseView from './views/ControlShowcaseView.svelte';
+
+export default {
+  title: 'Addon/Controls',
+  component: ControlShowcaseView,
+  argTypes: {
+    range: { defaultValue: 0, control: { type: 'range', min: 0, max: 100 } },
+    loadingState: {
+      control: {
+        type: 'inline-radio',
+        options: ['loading', 'error', 'ready'],
+      },
+    },
+    food: {
+      control: {
+        type: 'inline-check',
+        options: ['apple', 'banana', 'orange'],
+      },
+    },
+    car: {
+      control: {
+        type: 'select',
+        options: ['Truck', 'SUV', 'Tesla'],
+      },
+    },
+    color: {
+      control: 'color',
+    },
+    date: {
+      control: 'date',
+    },
+  },
+};
+
+export const ShowCase = (args) => ({
+  Component: ControlShowcaseView,
+  props: args,
+});
diff --git a/examples/svelte-kitchen-sink/src/stories/views/ButtonView.svelte b/examples/svelte-kitchen-sink/src/stories/views/ButtonView.svelte
index cb843a95215..3d6da76ecdb 100644
--- a/examples/svelte-kitchen-sink/src/stories/views/ButtonView.svelte
+++ b/examples/svelte-kitchen-sink/src/stories/views/ButtonView.svelte
@@ -1,18 +1,33 @@
-<h1>Button view</h1>
-<Button {rounded} on:click={handleClick}>{text}: {count}</Button>
-<p>A little text to show this is a view.</p>
-<p>If we need to test components in a Svelte environment, for instance to test slot behaviour,</p>
-<p>then wrapping the component up in a view</p>
-<p>made just for the story is the simplest way to achieve this.</p>
-
 <script>
   import Button from '../../components/Button.svelte';
 
+  /**
+   * @component Button View
+   */
+
+  /**
+   * Rounds the button
+   */
   export let rounded = false;
+
+  /**
+   * Displays the count
+   */
   export let count = 0;
+
+  /**
+   * Button text
+   */
   export let text = 'You clicked';
 
   function handleClick(event) {
     count += 1;
   }
 </script>
+
+<h1>Button view</h1>
+<Button {rounded} on:click={handleClick}>{text}: {count}</Button>
+<p>A little text to show this is a view.</p>
+<p>If we need to test components in a Svelte environment, for instance to test slot behaviour,</p>
+<p>then wrapping the component up in a view</p>
+<p>made just for the story is the simplest way to achieve this.</p>
diff --git a/examples/svelte-kitchen-sink/src/stories/views/ControlShowcaseView.svelte b/examples/svelte-kitchen-sink/src/stories/views/ControlShowcaseView.svelte
new file mode 100644
index 00000000000..1e7312bec47
--- /dev/null
+++ b/examples/svelte-kitchen-sink/src/stories/views/ControlShowcaseView.svelte
@@ -0,0 +1,100 @@
+<script>
+  import Button from '../../components/Button.svelte';
+
+  /**
+   * Rounds the button
+   */
+  export let rounded = false;
+
+  /**
+   * Displays the count
+   */
+  export let count = 0;
+
+  /**
+   * Button text
+   */
+  export let text = 'You clicked';
+
+  /**
+   * Array object
+   */
+  export let arrayTest = [];
+
+  /**
+   * number range
+   */
+  export let range = 0;
+
+  /**
+   * Loading State
+   */
+  export let loadingState = 'loading';
+
+  /**
+   * Food items
+   */
+  export let food = [];
+
+  /**
+   * car choice
+   */
+  export let car = 'car';
+
+  /**
+   * color choice
+   */
+  export let color = '#000000';
+
+  /**
+   * date choice
+   */
+  export let date = '';
+
+  function handleClick(event) {
+    count += 1;
+  }
+</script>
+
+<style>
+  .Box {
+    width: 200px;
+    height: 200px;
+  }
+</style>
+
+<h1>Control Showcase</h1>
+<Button {rounded} on:click={handleClick}>{text}: {count}</Button>
+
+<h2>Array Range</h2>
+<div>{JSON.stringify(arrayTest)}</div>
+
+<h2>Progress Bar</h2>
+<progress value={range} min={0} max={100} step={1} />
+
+<h2>Enum Selectors</h2>
+
+<h3>inline radio</h3>
+<div>
+  <p>Loading State: {loadingState}</p>
+</div>
+
+<h3>inline check</h3>
+<div>
+  <p>Food Items: {JSON.stringify(food)}</p>
+</div>
+
+<h3>inline select</h3>
+<div>
+  <p>Car choice: {car}</p>
+</div>
+
+<h2>Color Picker</h2>
+<div>
+  <div class="Box" style="background-color: {color}" />
+</div>
+
+<h2>Date Picker</h2>
+<div>
+  <p>Date: {new Date(date)}</p>
+</div>
diff --git a/examples/vue-cli/.storybook/main.js b/examples/vue-cli/.storybook/main.js
index 4f200a1eb07..7745be87a9c 100644
--- a/examples/vue-cli/.storybook/main.js
+++ b/examples/vue-cli/.storybook/main.js
@@ -1,4 +1,10 @@
 module.exports = {
   stories: ['../src/**/*.stories.@(ts|js|mdx)'],
-  addons: ['@storybook/addon-docs', '@storybook/addon-storysource', '@storybook/preset-scss'],
+  logLevel: 'debug',
+  addons: [
+    '@storybook/addon-docs',
+    '@storybook/addon-controls',
+    '@storybook/addon-storysource',
+    '@storybook/preset-scss',
+  ],
 };
diff --git a/examples/vue-cli/package.json b/examples/vue-cli/package.json
index 68250cefa4e..150d00428f9 100644
--- a/examples/vue-cli/package.json
+++ b/examples/vue-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-example",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "vue-cli-service build",
@@ -12,13 +12,14 @@
     "core-js": "^3.6.4",
     "vue": "^2.6.8",
     "vue-class-component": "^7.2.3",
-    "vue-property-decorator": "^8.4.1"
+    "vue-property-decorator": "^9.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "6.0.0-beta.23",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-essentials": "6.1.0-alpha.14",
     "@storybook/preset-scss": "^1.0.2",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "@storybook/vue": "6.0.0-beta.23",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "@storybook/vue": "6.1.0-alpha.14",
     "@vue/cli-plugin-babel": "~4.3.0",
     "@vue/cli-plugin-typescript": "~4.3.0",
     "@vue/cli-service": "~4.3.0",
diff --git a/examples/vue-cli/src/button/Button.stories.ts b/examples/vue-cli/src/button/Button.stories.ts
index d42ad431b02..0b44fcdc174 100644
--- a/examples/vue-cli/src/button/Button.stories.ts
+++ b/examples/vue-cli/src/button/Button.stories.ts
@@ -1,18 +1,20 @@
+import { Meta, Story } from '@storybook/vue/types-6-0';
 import Button from './Button.vue';
 import { ButtonSizes } from './types';
 
 export default {
   title: 'Button',
   component: Button,
-};
+  argTypes: {
+    size: { control: { type: 'select', options: ButtonSizes } },
+  },
+} as Meta;
 
-export const ButtonWithProps = (args: any) => ({
+export const ButtonWithProps: Story = (args, { argTypes }) => ({
   components: { Button },
   template: '<Button :size="size">Button text</Button>',
-  data() {
-    return args;
-  },
+  props: Object.keys(argTypes),
 });
-ButtonWithProps.argTypes = {
-  size: { control: { type: 'select', options: ButtonSizes } },
+ButtonWithProps.args = {
+  size: 'big',
 };
diff --git a/examples/vue-kitchen-sink/.storybook/main.js b/examples/vue-kitchen-sink/.storybook/main.js
index 14c6d8fcc82..e0cf79f34ec 100644
--- a/examples/vue-kitchen-sink/.storybook/main.js
+++ b/examples/vue-kitchen-sink/.storybook/main.js
@@ -1,5 +1,6 @@
 module.exports = {
   stories: ['../src/stories/**/*.stories.@(js|mdx)'],
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-docs',
     '@storybook/addon-controls',
diff --git a/examples/vue-kitchen-sink/.storybook/manager.js b/examples/vue-kitchen-sink/.storybook/manager.js
deleted file mode 100644
index ee839872844..00000000000
--- a/examples/vue-kitchen-sink/.storybook/manager.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { addons } from '@storybook/addons';
-
-addons.setConfig({
-  showRoots: true,
-});
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index e881e97b6d9..7492d47f0d4 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -13,20 +13,20 @@
     "vuex": "^3.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-controls": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "@storybook/vue": "6.0.0-beta.23",
+    "@babel/core": "^7.11.5",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "@storybook/vue": "6.1.0-alpha.14",
     "@vue/babel-preset-jsx": "^1.1.2",
     "babel-loader": "^8.0.5",
     "cross-env": "^7.0.0",
diff --git a/examples/vue-kitchen-sink/src/stories/Button.vue b/examples/vue-kitchen-sink/src/stories/Button.vue
index eb637acd722..4a20dfb5f9a 100644
--- a/examples/vue-kitchen-sink/src/stories/Button.vue
+++ b/examples/vue-kitchen-sink/src/stories/Button.vue
@@ -4,7 +4,10 @@
     :style="{ color, borderColor: color }"
     :class="{ rounded }"
     @click="onClick"
-    @dblclick="onDoubleClick"><slot/>!</button>
+    @dblclick="onDoubleClick"
+  >
+    <slot />!
+  </button>
 </template>
 
 <script>
@@ -13,7 +16,10 @@
     name: 'Button',
 
     props: {
-      rounded: Boolean,
+      rounded: { 
+        type: Boolean,
+        default: false,
+      },
       color: {
         type: String,
         default: '#42b983'
@@ -42,14 +48,14 @@
 </script>
 
 <style>
-  .rounded {
-    border-radius: 5px;
-  }
+.rounded {
+  border-radius: 5px;
+}
 
-  .button {
-    border: 3px solid;
-    padding: 10px 20px;
-    background-color: white;
-    outline: none;
-  }
+.button {
+  border: 3px solid;
+  padding: 10px 20px;
+  background-color: white;
+  outline: none;
+}
 </style>
\ No newline at end of file
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
index 1c65f46cec6..96a1f741569 100644
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
@@ -6,6 +6,7 @@ exports[`Storyshots Addon/Actions Action and method 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   Click me to log the action!
+
 </button>
 `;
 
@@ -15,6 +16,7 @@ exports[`Storyshots Addon/Actions Action only 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   Click me to log the action!
+
 </button>
 `;
 
@@ -24,6 +26,7 @@ exports[`Storyshots Addon/Actions Multiple actions 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   (Double) click me to log the action!
+
 </button>
 `;
 
@@ -33,5 +36,6 @@ exports[`Storyshots Addon/Actions Multiple actions, object 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   (Double) click me to log the action!
+
 </button>
 `;
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-controls.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-controls.stories.storyshot
new file mode 100644
index 00000000000..9e9705b5c65
--- /dev/null
+++ b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-controls.stories.storyshot
@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Addon/Controls Rounded 1`] = `
+<div
+  style="background-color: silver; padding: 10px;"
+>
+  <button
+    class="button rounded"
+    style="color: rgb(255, 0, 0); border-color: #f00;"
+  >
+    A Button with rounded edges!
+
+  </button>
+</div>
+`;
+
+exports[`Storyshots Addon/Controls Square 1`] = `
+<div
+  style="background-color: silver; padding: 10px;"
+>
+  <button
+    class="button"
+    style="color: rgb(0, 0, 255); border-color: #00f;"
+  >
+    A Button with square edges!
+
+  </button>
+</div>
+`;
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
index 01a10dcc5d3..829b529042e 100644
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
+++ b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
@@ -6,5 +6,6 @@ exports[`Storyshots Addon/Links Go to welcome 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   This buttons links to Welcome!
+
 </button>
 `;
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/core-errors.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/core-errors.stories.storyshot
index d68a8ab769c..7c1f2d2bb0b 100644
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/core-errors.stories.storyshot
+++ b/examples/vue-kitchen-sink/src/stories/__snapshots__/core-errors.stories.storyshot
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Core|Errors Null Error 1`] = `<!---->`;
+exports[`Storyshots Core/Errors Null Error 1`] = `<!---->`;
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot
index 7d7ae4c83d5..d4da5fd31ce 100644
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot
+++ b/examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot
@@ -6,5 +6,6 @@ exports[`Storyshots Core/Template string only 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   A Button with square edges!
+
 </button>
 `;
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
index 5c813cd2f1d..a8db6fb38ee 100644
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
+++ b/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
@@ -5,12 +5,17 @@ exports[`Storyshots Core/Parameters passed to story 1`] = `
   Parameters are 
   <pre>
     {
+  "docs": {
+    "iframeHeight": "60px"
+  },
   "globalParameter": "globalParameter",
   "framework": "vue",
   "chapterParameter": "chapterParameter",
+  "args": {},
   "argTypes": {},
   "storyParameter": "storyParameter",
-  "__id": "core-parameters--passed-to-story"
+  "__id": "core-parameters--passed-to-story",
+  "__isArgsStory": true
 }
   </pre>
 </div>
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot
index b8d70fe82ab..d1b0a347fac 100644
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot
+++ b/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot
@@ -12,6 +12,7 @@ exports[`Storyshots Custom/Decorator for Vue Render 1`] = `
       style="color: pink; border-color: pink;"
     >
       renders component: MyButton!
+
     </button>
   </div>
 </div>
@@ -29,6 +30,7 @@ exports[`Storyshots Custom/Decorator for Vue Template 1`] = `
       style="color: rgb(66, 185, 131); border-color: #42b983;"
     >
       MyButton with template!
+
     </button>
   </div>
 </div>
@@ -48,13 +50,19 @@ exports[`Storyshots Custom/Decorator for Vue With Data 1`] = `
   "name": "With Data",
   "story": "With Data",
   "parameters": {
+    "docs": {
+      "iframeHeight": "60px"
+    },
     "globalParameter": "globalParameter",
     "framework": "vue",
+    "args": {},
     "argTypes": {},
-    "__id": "custom-decorator-for-vue--with-data"
+    "__id": "custom-decorator-for-vue--with-data",
+    "__isArgsStory": true
   },
   "args": {},
-  "globalArgs": {},
+  "argTypes": {},
+  "globals": {},
   "customContext": 52
 }
     </pre>
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot
index 1c19fd0aea6..cea7424ece3 100644
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot
+++ b/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot
@@ -6,6 +6,7 @@ exports[`Storyshots Custom/Method for rendering Vue JSX 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   MyButton rendered with JSX!
+
 </button>
 `;
 
@@ -39,6 +40,7 @@ exports[`Storyshots Custom/Method for rendering Vue pre-registered component 1`]
     style="color: rgb(66, 185, 131); border-color: #42b983;"
   >
     MyButton rendered in a template!
+
   </button>
 </p>
 `;
@@ -49,6 +51,7 @@ exports[`Storyshots Custom/Method for rendering Vue render + component 1`] = `
   style="color: pink; border-color: pink;"
 >
   renders component: MyButton!
+
 </button>
 `;
 
@@ -58,6 +61,7 @@ exports[`Storyshots Custom/Method for rendering Vue template + component 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   MyButton rendered in a template!
+
 </button>
 `;
 
@@ -73,6 +77,7 @@ exports[`Storyshots Custom/Method for rendering Vue template + methods 1`] = `
     style="color: rgb(66, 185, 131); border-color: #42b983;"
   >
     MyButton rendered in a template + props & methods!
+
   </button>
 </p>
 `;
@@ -83,6 +88,7 @@ exports[`Storyshots Custom/Method for rendering Vue vuex + actions 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   with vuex: 0!
+
 </button>
 `;
 
@@ -92,5 +98,6 @@ exports[`Storyshots Custom/Method for rendering Vue whatever you want 1`] = `
   style="color: rgb(66, 185, 131); border-color: #42b983;"
 >
   with awesomeness: 0!
+
 </button>
 `;
diff --git a/examples/vue-kitchen-sink/src/stories/addon-controls.stories.js b/examples/vue-kitchen-sink/src/stories/addon-controls.stories.js
new file mode 100644
index 00000000000..7ba2f091e1c
--- /dev/null
+++ b/examples/vue-kitchen-sink/src/stories/addon-controls.stories.js
@@ -0,0 +1,36 @@
+import MyButton from './Button.vue';
+
+const templateDecorator = () => ({
+  template: `
+<div style="background-color: silver; padding: 10px;"><story/></div>
+	`,
+});
+
+export default {
+  title: 'Addon/Controls',
+  component: MyButton,
+  argTypes: {
+    color: { control: { type: 'color' } },
+  },
+  decorators: [templateDecorator],
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MyButton },
+  template: '<my-button :color="color" :rounded="rounded">{{label}}</my-button>',
+});
+
+export const Rounded = Template.bind({});
+Rounded.args = {
+  rounded: true,
+  color: '#f00',
+  label: 'A Button with rounded edges',
+};
+
+export const Square = Template.bind({});
+Square.args = {
+  rounded: false,
+  color: '#00f',
+  label: 'A Button with square edges',
+};
diff --git a/examples/vue-kitchen-sink/src/stories/addon-controls.stories.mdx b/examples/vue-kitchen-sink/src/stories/addon-controls.stories.mdx
new file mode 100644
index 00000000000..213be4c2aed
--- /dev/null
+++ b/examples/vue-kitchen-sink/src/stories/addon-controls.stories.mdx
@@ -0,0 +1,59 @@
+import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs/blocks';
+import MyButton from './Button.vue';
+import InfoButton from './components/InfoButton.vue';
+
+<Meta
+  title="Addon/ControlsMDX"
+  component={MyButton}
+  argTypes={{
+    color: { control: { type: 'color' } },
+  }}
+/>
+
+export const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MyButton },
+  template: '<my-button :color="color" :rounded="rounded">{{label}}</my-button>',
+});
+
+# Addon-controls in MDX
+
+Controls can also be defined and used in MDX stories.
+
+## Rounded
+
+<Canvas>
+  <Story
+    name="Rounded"
+    args={{
+      rounded: true,
+      color: '#f00',
+      label: 'A Button with rounded edges',
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+<ArgsTable story="Rounded" />
+
+## Square
+
+<Canvas>
+  <Story
+    name="Square"
+    args={{
+      // rounded: false, test out default value handling
+      color: '#00f',
+      label: 'A Button with square edges',
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+<ArgsTable story="Square" />
+
+## Multiple components
+
+<ArgsTable components={{ MyButton, InfoButton }} />
diff --git a/examples/vue-kitchen-sink/src/stories/addon-docs.stories.mdx b/examples/vue-kitchen-sink/src/stories/addon-docs.stories.mdx
index cd26f6d5c50..24699b11b3d 100644
--- a/examples/vue-kitchen-sink/src/stories/addon-docs.stories.mdx
+++ b/examples/vue-kitchen-sink/src/stories/addon-docs.stories.mdx
@@ -1,4 +1,4 @@
-import { Story, Preview, Meta } from '@storybook/addon-docs/blocks';
+import { Story, Canvas, Meta } from '@storybook/addon-docs/blocks';
 import { stripIndents } from 'common-tags';
 import MyButton from './Button.vue';
 
@@ -68,13 +68,13 @@ The default configuration for `addon-docs/vue` implements the `prepareForInline`
 
 To provide a tangible example of the inline/iframe rendering contexts, here's the same story rendered both ways.
 
-<Preview>
+<Canvas>
   <Story id="app--app" inline={true} />
-</Preview>
+</Canvas>
 
-<Preview>
+<Canvas>
   <Story id="app--app" height="200px" />
-</Preview>
+</Canvas>
 
 The biggest win here is that we don't have to worry about setting the height anymore. The story can calculate its height like any other inline element. As you can see, several of the stories on this page are quite small, but take up `500px`, because that's the default story height, and we didn't tweak the story to be an explicit height. Another huge gain here is in terms of performance. Using an iframe to render a single element is definitely unnecessary in most cases and, as you may have noticed while reading this page, can _really_ cause page performance to suffer.
 
@@ -88,7 +88,7 @@ Just like in React, we can easily reference other stories in our docs:
 
 ## More info
 
-For more info, check out the [Storybook Docs Technical Preview](https://docs.google.com/document/d/1un6YX7xDKEKl5-MVb-egnOYN8dynb5Hf7mq0hipk8JE/edit?usp=sharing).
+For more info, check out the [Storybook Docs Technical Canvas](https://docs.google.com/document/d/1un6YX7xDKEKl5-MVb-egnOYN8dynb5Hf7mq0hipk8JE/edit?usp=sharing).
 
 We want your feedback to help make this more useful.
 
diff --git a/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button.stories.storyshot b/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button.stories.storyshot
index 50e895ed4a3..e89a25c25a8 100644
--- a/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button.stories.storyshot
+++ b/examples/vue-kitchen-sink/src/stories/components/__snapshots__/button.stories.storyshot
@@ -6,14 +6,16 @@ exports[`Storyshots Button Rounded 1`] = `
   style="color: rgb(255, 0, 0); border-color: #f00;"
 >
   A Button with rounded edges!
+
 </button>
 `;
 
 exports[`Storyshots Button Square 1`] = `
 <button
   class="button"
-  style="color: rgb(66, 185, 131); border-color: #42b983;"
+  style="color: rgb(0, 0, 255); border-color: #00f;"
 >
   A Button with square edges!
+
 </button>
 `;
diff --git a/examples/vue-kitchen-sink/src/stories/components/button.stories.js b/examples/vue-kitchen-sink/src/stories/components/button.stories.js
index 79832e339a7..36ed1818287 100644
--- a/examples/vue-kitchen-sink/src/stories/components/button.stories.js
+++ b/examples/vue-kitchen-sink/src/stories/components/button.stories.js
@@ -3,21 +3,27 @@ import MyButton from '../Button.vue';
 export default {
   title: 'Button',
   component: MyButton,
-};
-
-export const Rounded = (args) => ({
-  components: { MyButton },
-  template: '<my-button :color="color" :rounded="rounded">A Button with rounded edges</my-button>',
-  data() {
-    return args;
+  argTypes: {
+    color: { control: 'color' },
   },
-});
-Rounded.argTypes = {
-  rounded: { defaultValue: true },
-  color: { control: { type: 'color' }, defaultValue: '#f00' },
 };
 
-export const Square = () => ({
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
   components: { MyButton },
-  template: '<my-button :rounded="false">A Button with square edges</my-button>',
+  template: '<my-button :color="color" :rounded="rounded">{{label}}</my-button>',
 });
+
+export const Rounded = Template.bind({});
+Rounded.args = {
+  rounded: true,
+  color: '#f00',
+  label: 'A Button with rounded edges',
+};
+
+export const Square = Template.bind({});
+Square.args = {
+  rounded: false,
+  color: '#00f',
+  label: 'A Button with square edges',
+};
diff --git a/examples/vue-kitchen-sink/src/stories/core-errors.stories.js b/examples/vue-kitchen-sink/src/stories/core-errors.stories.js
index 3b7dd58f388..3b5c1245bfe 100644
--- a/examples/vue-kitchen-sink/src/stories/core-errors.stories.js
+++ b/examples/vue-kitchen-sink/src/stories/core-errors.stories.js
@@ -1,5 +1,5 @@
 export default {
-  title: 'Core|Errors',
+  title: 'Core/Errors',
   parameters: { chromatic: { disable: true } },
 };
 
diff --git a/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/__snapshots__/index.stories.storyshot b/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/__snapshots__/index.stories.storyshot
new file mode 100644
index 00000000000..dfc34df7a84
--- /dev/null
+++ b/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/__snapshots__/index.stories.storyshot
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Issues/11839 undefined boolean Primary 1`] = `
+<div>
+  Disabled: false
+</div>
+`;
diff --git a/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/component.vue b/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/component.vue
new file mode 100644
index 00000000000..6ca3dd05d93
--- /dev/null
+++ b/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/component.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>Disabled: {{disabled}}</div>
+</template>
+
+<script>
+export default {
+  props: {
+    disabled: Boolean,
+  },
+  mounted() {
+    console.log(this.disabled); // notice this line
+  },
+};
+</script>
\ No newline at end of file
diff --git a/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/index.stories.js b/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/index.stories.js
new file mode 100644
index 00000000000..c63b77fe2d2
--- /dev/null
+++ b/examples/vue-kitchen-sink/src/stories/issues/11839-undefined-bolean-prop/index.stories.js
@@ -0,0 +1,15 @@
+import Comp from './component.vue';
+
+export default {
+  title: 'Issues/11839 undefined boolean',
+  component: Comp,
+};
+
+export const Primary = (args, { argTypes }) => {
+  return {
+    props: Object.keys(argTypes),
+    components: { Comp },
+    // template: '<Comp />', // this will log out `false`
+    template: '<Comp v-bind="$props" />', // this will log out `undefined`
+  };
+};
diff --git a/examples/web-components-kitchen-sink/.storybook/main.js b/examples/web-components-kitchen-sink/.storybook/main.js
index 0785ef39c3d..14ac2e085aa 100644
--- a/examples/web-components-kitchen-sink/.storybook/main.js
+++ b/examples/web-components-kitchen-sink/.storybook/main.js
@@ -1,4 +1,5 @@
 module.exports = {
+  logLevel: 'debug',
   addons: [
     '@storybook/addon-docs',
     '@storybook/addon-controls',
diff --git a/examples/web-components-kitchen-sink/custom-elements.json b/examples/web-components-kitchen-sink/custom-elements.json
index d32e95eb9ec..19f98b4a4e8 100644
--- a/examples/web-components-kitchen-sink/custom-elements.json
+++ b/examples/web-components-kitchen-sink/custom-elements.json
@@ -54,6 +54,12 @@
           "description": "Fires whenever it switches between front/back"
         }
       ],
+      "methods": [
+        {
+          "name": "testMethod",
+          "description": "Some web component frameworks like Stencil generate extra docs for methods. These are also displayed in the ArgsTable."
+        }
+      ],
       "slots": [
         {
           "name": "",
diff --git a/examples/web-components-kitchen-sink/package.json b/examples/web-components-kitchen-sink/package.json
index 207d6c840b6..fba0e0530c7 100644
--- a/examples/web-components-kitchen-sink/package.json
+++ b/examples/web-components-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "web-components-kitchen-sink",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "description": "",
   "keywords": [],
@@ -12,24 +12,24 @@
     "storybook": "start-storybook -p 9006"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "6.0.0-beta.23",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-backgrounds": "6.0.0-beta.23",
-    "@storybook/addon-controls": "6.0.0-beta.23",
-    "@storybook/addon-docs": "6.0.0-beta.23",
-    "@storybook/addon-events": "6.0.0-beta.23",
-    "@storybook/addon-jest": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addon-storysource": "6.0.0-beta.23",
-    "@storybook/addon-viewport": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/core": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/source-loader": "6.0.0-beta.23",
-    "@storybook/web-components": "6.0.0-beta.23",
+    "@storybook/addon-a11y": "6.1.0-alpha.14",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+    "@storybook/addon-controls": "6.1.0-alpha.14",
+    "@storybook/addon-docs": "6.1.0-alpha.14",
+    "@storybook/addon-events": "6.1.0-alpha.14",
+    "@storybook/addon-jest": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/addon-links": "6.1.0-alpha.14",
+    "@storybook/addon-storyshots": "6.1.0-alpha.14",
+    "@storybook/addon-storysource": "6.1.0-alpha.14",
+    "@storybook/addon-viewport": "6.1.0-alpha.14",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/core": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/source-loader": "6.1.0-alpha.14",
+    "@storybook/web-components": "6.1.0-alpha.14",
     "babel-loader": "^8.0.5",
     "eventemitter3": "^4.0.0",
     "format-json": "^1.0.3",
diff --git a/examples/web-components-kitchen-sink/stories/addon-controls.stories.js b/examples/web-components-kitchen-sink/stories/addon-controls.stories.js
new file mode 100644
index 00000000000..9100b7bd0f7
--- /dev/null
+++ b/examples/web-components-kitchen-sink/stories/addon-controls.stories.js
@@ -0,0 +1,33 @@
+/* eslint-disable import/extensions */
+import { html } from 'lit-html';
+import '../demo-wc-card.js';
+
+export default {
+  title: 'Addons/Controls',
+  component: 'demo-wc-card',
+};
+
+const Template = ({ backSide, header, rows }) =>
+  html`
+    <demo-wc-card .backSide="${backSide}" .header="${header}" .rows="${rows}"
+      >A simple card</demo-wc-card
+    >
+  `;
+
+export const Front = Template.bind({});
+Front.args = { backSide: false, header: undefined, rows: [] };
+
+export const Back = Template.bind({});
+Back.args = { ...Front.args, backSide: true };
+
+export const FrontOwnHeader = Template.bind({});
+FrontOwnHeader.args = { ...Front.args, header: 'My own Header' };
+
+export const BackWithData = Template.bind({});
+BackWithData.args = {
+  ...Back.args,
+  rows: [
+    { header: 'health', value: '200' },
+    { header: 'mana', value: '100' },
+  ],
+};
diff --git a/examples/web-components-kitchen-sink/stories/addon-docs.stories.mdx b/examples/web-components-kitchen-sink/stories/addon-docs.stories.mdx
index 3461373b25d..1aa77fd1a35 100644
--- a/examples/web-components-kitchen-sink/stories/addon-docs.stories.mdx
+++ b/examples/web-components-kitchen-sink/stories/addon-docs.stories.mdx
@@ -1,4 +1,4 @@
-import { Story, Preview, Meta, Props } from '@storybook/addon-docs/blocks';
+import { Story, Canvas, Meta, ArgsTable } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
 import { html } from 'lit-html';
 import '../demo-wc-card.js';
@@ -12,16 +12,14 @@ import '../demo-wc-card.js';
 A story can be a simple return of `html`
 
 <Story name="simple" height="220px">
-  {html`
-    <demo-wc-card>Hello World</demo-wc-card>
-  `}
+  {html` <demo-wc-card>Hello World</demo-wc-card> `}
 </Story>
 
 ## API
 
 You can show the api table of a web component at any point in your documentation.
 
-<Props of="demo-wc-card" />
+<ArgsTable of="demo-wc-card" />
 
 ## Function stories
 
@@ -29,7 +27,10 @@ Or a function
 
 <Story name="function" height="220px">
   {() => {
-    const rows = [{ header: 'health', value: '200' }, { header: 'mana', value: '100' }];
+    const rows = [
+      { header: 'health', value: '200' },
+      { header: 'mana', value: '100' },
+    ];
     return html`
       <demo-wc-card back-side .rows=${rows}>
         A card with data on the back
@@ -42,21 +43,19 @@ Or a function
 
 You can also wrap your live demos in a nice little wrapper.
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story name="wrapper" height="220px">
-    {html`
-      <demo-wc-card>Hello World</demo-wc-card>
-    `}
+    {html` <demo-wc-card>Hello World</demo-wc-card> `}
   </Story>
-</Preview>
+</Canvas>
 
 ## Story reference
 
 You can also reference an existing story from within your MDX file.
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story id="welcome--welcome" height="500px" inline={false} />
-</Preview>
+</Canvas>
 
 ## Stories not inline
 
@@ -80,7 +79,7 @@ or add it to individual stories.
 <Story inline={false} />
 ```
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story name="notInline" height="220px">
     {html`
     <style>
@@ -89,4 +88,4 @@ or add it to individual stories.
     <p>Makes all p tags red... so best to not render inline</pd>
   `}
   </Story>
-</Preview>
+</Canvas>
diff --git a/examples/web-components-kitchen-sink/stories/issues/11831-unknown-component.stories.js b/examples/web-components-kitchen-sink/stories/issues/11831-unknown-component.stories.js
new file mode 100644
index 00000000000..db46cda1b86
--- /dev/null
+++ b/examples/web-components-kitchen-sink/stories/issues/11831-unknown-component.stories.js
@@ -0,0 +1,18 @@
+/* eslint-disable import/extensions */
+import { html } from 'lit-html';
+import '../../demo-wc-card.js';
+
+export default {
+  title: 'Addons/Issues/11831 Unknown component',
+  component: 'unknown-component',
+};
+
+const Template = ({ backSide, header, rows }) =>
+  html`
+    <demo-wc-card .backSide="${backSide}" .header="${header}" .rows="${rows}"
+      >A simple card</demo-wc-card
+    >
+  `;
+
+export const Front = Template.bind({});
+Front.args = { backSide: false, header: undefined, rows: [] };
diff --git a/examples/web-components-kitchen-sink/stories/script.stories.js b/examples/web-components-kitchen-sink/stories/script.stories.js
new file mode 100644
index 00000000000..168fc83e4f4
--- /dev/null
+++ b/examples/web-components-kitchen-sink/stories/script.stories.js
@@ -0,0 +1,13 @@
+import { html } from 'lit-html';
+
+export default {
+  title: 'Script Tag',
+};
+
+export const inTemplate = () =>
+  html`<div>JS alert</div>
+    <script>
+      alert('hello');
+    </script>`;
+
+export const inString = () => '<div>JS alert</div><script>alert("hello")</script>';
diff --git a/examples/web-components-kitchen-sink/web-components-storyshots.test.js b/examples/web-components-kitchen-sink/web-components-storyshots.test.js
new file mode 100644
index 00000000000..89acc476c2e
--- /dev/null
+++ b/examples/web-components-kitchen-sink/web-components-storyshots.test.js
@@ -0,0 +1,9 @@
+import path from 'path';
+import initStoryshots, { multiSnapshotWithOptions } from '@storybook/addon-storyshots';
+
+initStoryshots({
+  framework: 'web-components',
+  integrityOptions: { cwd: path.join(__dirname, 'src', 'stories') },
+  configPath: path.join(__dirname, '.storybook'),
+  test: multiSnapshotWithOptions(),
+});
diff --git a/jest.config.js b/jest.config.js
index a9abc089ca0..e66c6ab6c5e 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -70,6 +70,7 @@ module.exports = {
     '/dll/',
     '/__mocks__ /',
     '/__testfixtures__/',
+    '^.*\\.stories\\.[jt]sx?$',
   ],
   globals: {
     DOCS_MODE: false,
diff --git a/lerna.json b/lerna.json
index eb8885f1934..369a06b5aa2 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "6.0.0-beta.23"
+  "version": "6.1.0-alpha.14"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index 8f850b2bd6b..b27ebe2e0c3 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -22,37 +22,32 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/channels": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/router": "6.0.0-beta.23",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/channels": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/router": "6.1.0-alpha.14",
+    "@storybook/theming": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3"
   },
-  "devDependencies": {
-    "@reach/router": "^1.3.3"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/addons/src/hooks.ts b/lib/addons/src/hooks.ts
index d448a347a4c..323da133e50 100644
--- a/lib/addons/src/hooks.ts
+++ b/lib/addons/src/hooks.ts
@@ -5,25 +5,12 @@ import {
   STORY_RENDERED,
   DOCS_RENDERED,
   UPDATE_STORY_ARGS,
-  UPDATE_GLOBAL_ARGS,
+  RESET_STORY_ARGS,
+  UPDATE_GLOBALS,
 } from '@storybook/core-events';
 import { addons } from './index';
 import { StoryGetter, StoryContext, Args } from './types';
 
-interface StoryStore {
-  fromId: (
-    id: string
-  ) => {
-    parameters: {
-      [parameterKey: string]: any;
-    };
-  };
-  getSelection: () => {
-    storyId: string;
-    viewMode: string;
-  };
-}
-
 interface Hook {
   name: string;
   memoizedState?: any;
@@ -416,27 +403,32 @@ export function useParameter<S>(parameterKey: string, defaultValue?: S): S | und
 }
 
 /* Returns current value of story args */
-export function useArgs(): [Args, (newArgs: Args) => void] {
+export function useArgs(): [Args, (newArgs: Args) => void, (argNames?: [string]) => void] {
   const channel = addons.getChannel();
   const { id: storyId, args } = useStoryContext();
 
   const updateArgs = useCallback(
-    (newArgs: Args) => channel.emit(UPDATE_STORY_ARGS, storyId, newArgs),
+    (updatedArgs: Args) => channel.emit(UPDATE_STORY_ARGS, { storyId, updatedArgs }),
     [channel, storyId]
   );
 
-  return [args, updateArgs];
+  const resetArgs = useCallback(
+    (argNames?: [string]) => channel.emit(RESET_STORY_ARGS, { storyId, argNames }),
+    [channel, storyId]
+  );
+
+  return [args, updateArgs, resetArgs];
 }
 
 /* Returns current value of global args */
-export function useGlobalArgs(): [Args, (newGlobalArgs: Args) => void] {
+export function useGlobals(): [Args, (newGlobals: Args) => void] {
   const channel = addons.getChannel();
-  const { globalArgs } = useStoryContext();
+  const { globals } = useStoryContext();
 
-  const updateGlobalArgs = useCallback(
-    (newGlobalArgs: Args) => channel.emit(UPDATE_GLOBAL_ARGS, newGlobalArgs),
+  const updateGlobals = useCallback(
+    (newGlobals: Args) => channel.emit(UPDATE_GLOBALS, { globals: newGlobals }),
     [channel]
   );
 
-  return [globalArgs, updateGlobalArgs];
+  return [globals, updateGlobals];
 }
diff --git a/lib/addons/src/types.ts b/lib/addons/src/types.ts
index df6c6136a22..e2efc16e942 100644
--- a/lib/addons/src/types.ts
+++ b/lib/addons/src/types.ts
@@ -56,7 +56,8 @@ export type StoryContext = StoryIdentifier & {
   [key: string]: any;
   parameters: Parameters;
   args: Args;
-  globalArgs: Args;
+  argTypes: ArgTypes;
+  globals: Args;
   hooks?: HooksContext;
 };
 
@@ -74,13 +75,13 @@ export interface StorySortObjectParameter {
   order?: any[];
   locales?: string;
 }
-export type StorySortParameter = Comparator<any> | StorySortObjectParameter;
+// The `any` here is the story store's `StoreItem` record. Ideally we should probably only
+// pass a defined subset of that full data, but we pass it all so far :shrug:
+export type StorySortComparator = Comparator<[StoryId, any, Parameters, Parameters]>;
+export type StorySortParameter = StorySortComparator | StorySortObjectParameter;
 
 export interface OptionsParameter extends Object {
   storySort?: StorySortParameter;
-  hierarchyRootSeparator?: string;
-  hierarchySeparator?: RegExp;
-  showRoots?: boolean;
   theme?: {
     base: string;
     brandTitle?: string;
@@ -150,3 +151,107 @@ export interface ClientStoryApi<StoryFnReturnType = unknown> {
 type LoadFn = () => any;
 type RequireContext = any; // FIXME
 export type Loadable = RequireContext | [RequireContext] | LoadFn;
+
+// CSF types, to be re-org'ed in 6.1
+
+export type BaseDecorators<StoryFnReturnType> = Array<
+  (story: () => StoryFnReturnType, context: StoryContext) => StoryFnReturnType
+>;
+
+export interface Annotations<Args, StoryFnReturnType> {
+  /**
+   * Dynamic data that are provided (and possibly updated by) Storybook and its addons.
+   * @see [Arg story inputs](https://github.com/storybookjs/storybook/blob/next/docs/src/pages/formats/component-story-format/index.md#args-story-inputs)
+   */
+  args?: Partial<Args>;
+
+  /**
+   * ArgTypes encode basic metadata for args, such as `name`, `description`, `defaultValue` for an arg. These get automatically filled in by Storybook Docs.
+   * @see [Control annotations](https://github.com/storybookjs/storybook/blob/91e9dee33faa8eff0b342a366845de7100415367/addons/controls/README.md#control-annotations)
+   */
+  argTypes?: ArgTypes;
+
+  /**
+   * Custom metadata for a story.
+   * @see [Parameters](https://storybook.js.org/docs/basics/writing-stories/#parameters)
+   */
+  parameters?: Parameters;
+
+  /**
+   * Wrapper components or Storybook decorators that wrap a story.
+   *
+   * Decorators defined in Meta will be applied to every story variation.
+   * @see [Decorators](https://storybook.js.org/docs/addons/introduction/#1-decorators)
+   */
+  decorators?: BaseDecorators<StoryFnReturnType>;
+
+  /**
+   * Used to only include certain named exports as stories. Useful when you want to have non-story exports such as mock data or ignore a few stories.
+   * @example
+   * includeStories: ['SimpleStory', 'ComplexStory']
+   * includeStories: /.*Story$/
+   *
+   * @see [Non-story exports](https://storybook.js.org/docs/formats/component-story-format/#non-story-exports)
+   */
+  includeStories?: string[] | RegExp;
+
+  /**
+   * Used to exclude certain named exports. Useful when you want to have non-story exports such as mock data or ignore a few stories.
+   * @example
+   * excludeStories: ['simpleData', 'complexData']
+   * excludeStories: /.*Data$/
+   *
+   * @see [Non-story exports](https://storybook.js.org/docs/formats/component-story-format/#non-story-exports)
+   */
+  excludeStories?: string[] | RegExp;
+}
+
+export interface BaseMeta<ComponentType> {
+  /**
+   * Title of the story which will be presented in the navigation. **Should be unique.**
+   *
+   * Stories can be organized in a nested structure using "/" as a separator.
+   *
+   * @example
+   * export default {
+   *   ...
+   *   title: 'Design System/Atoms/Button'
+   * }
+   *
+   * @see [Story Hierarchy](https://storybook.js.org/docs/basics/writing-stories/#story-hierarchy)
+   */
+  title: string;
+
+  /**
+   * The primary component for your story.
+   *
+   * Used by addons for automatic prop table generation and display of other component metadata.
+   */
+  component?: ComponentType;
+
+  /**
+   * Auxiliary subcomponents that are part of the stories.
+   *
+   * Used by addons for automatic prop table generation and display of other component metadata.
+   *
+   * @example
+   * import { Button, ButtonGroup } from './components';
+   *
+   * export default {
+   *   ...
+   *   subcomponents: { Button, ButtonGroup }
+   * }
+   *
+   * By defining them each component will have its tab in the args table.
+   */
+  subcomponents?: Record<string, ComponentType>;
+}
+
+export interface BaseStory<Args, StoryFnReturnType> {
+  (args: Args, context: StoryContext): StoryFnReturnType;
+
+  /**
+   * Override the display name in the UI
+   */
+  storyName?: string;
+}
diff --git a/lib/api/package.json b/lib/api/package.json
index df2776571d0..49ad0693f3a 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -21,20 +21,21 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
-    "prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js"
+    "prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js",
+    "postversion": "node ./scripts/generateVersion.js"
   },
   "dependencies": {
     "@reach/router": "^1.3.3",
-    "@storybook/channels": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
+    "@storybook/channels": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
     "@storybook/csf": "0.0.1",
-    "@storybook/router": "6.0.0-beta.23",
+    "@storybook/router": "6.1.0-alpha.14",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/theming": "6.1.0-alpha.14",
     "@types/reach__router": "^1.3.5",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^3.1.1",
@@ -42,9 +43,10 @@
     "lodash": "^4.17.15",
     "memoizerific": "^1.11.3",
     "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3",
     "store2": "^2.7.1",
-    "telejson": "^4.0.0",
+    "telejson": "^5.0.2",
     "ts-dedent": "^1.1.1",
     "util-deprecate": "^1.0.2"
   },
@@ -54,17 +56,14 @@
     "flush-promises": "^1.0.2",
     "qs": "^6.6.0"
   },
-  "peerDependencies": {
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/api/shortcut.d.ts b/lib/api/shortcut.d.ts
new file mode 100644
index 00000000000..34f387a0fcb
--- /dev/null
+++ b/lib/api/shortcut.d.ts
@@ -0,0 +1 @@
+export * from './dist/lib/shortcut.d';
diff --git a/lib/api/shortcut.js b/lib/api/shortcut.js
new file mode 100644
index 00000000000..39c137c1c42
--- /dev/null
+++ b/lib/api/shortcut.js
@@ -0,0 +1 @@
+module.exports = require('./dist/lib/shortcut');
diff --git a/lib/api/src/index.tsx b/lib/api/src/index.tsx
index 99cf348885e..89838706aef 100644
--- a/lib/api/src/index.tsx
+++ b/lib/api/src/index.tsx
@@ -29,13 +29,15 @@ import * as provider from './modules/provider';
 import * as addons from './modules/addons';
 import * as channel from './modules/channel';
 import * as notifications from './modules/notifications';
+import * as settings from './modules/settings';
+import * as releaseNotes from './modules/release-notes';
 import * as stories from './modules/stories';
 import * as refs from './modules/refs';
 import * as layout from './modules/layout';
 import * as shortcuts from './modules/shortcuts';
 import * as url from './modules/url';
 import * as version from './modules/versions';
-import * as globalArgs from './modules/globalArgs';
+import * as globals from './modules/globals';
 
 const { ActiveTabs } = layout;
 
@@ -58,7 +60,9 @@ export type State = layout.SubState &
   version.SubState &
   url.SubState &
   shortcuts.SubState &
-  globalArgs.SubState &
+  releaseNotes.SubState &
+  settings.SubState &
+  globals.SubState &
   RouterData &
   Other;
 
@@ -67,10 +71,12 @@ export type API = addons.SubAPI &
   provider.SubAPI &
   stories.SubAPI &
   refs.SubAPI &
-  globalArgs.SubAPI &
+  globals.SubAPI &
   layout.SubAPI &
   notifications.SubAPI &
   shortcuts.SubAPI &
+  releaseNotes.SubAPI &
+  settings.SubAPI &
   version.SubAPI &
   url.SubAPI &
   Other;
@@ -187,10 +193,12 @@ class ManagerProvider extends Component<ManagerProviderProps, State> {
       addons,
       layout,
       notifications,
+      settings,
+      releaseNotes,
       shortcuts,
       stories,
       refs,
-      globalArgs,
+      globals,
       url,
       version,
     ].map((m) => m.init({ ...routeData, ...apiData, state: this.state, fullAPI: this.api }));
@@ -220,16 +228,6 @@ class ManagerProvider extends Component<ManagerProviderProps, State> {
     return null;
   };
 
-  componentDidMount() {
-    // Now every module has had a chance to set its API, call init on each module which gives it
-    // a chance to do things that call other modules' APIs.
-    this.modules.forEach(({ init }) => {
-      if (init) {
-        init();
-      }
-    });
-  }
-
   shouldComponentUpdate(nextProps: ManagerProviderProps, nextState: State) {
     const prevState = this.state;
     const prevProps = this.props;
@@ -243,6 +241,16 @@ class ManagerProvider extends Component<ManagerProviderProps, State> {
     return false;
   }
 
+  initModules = () => {
+    // Now every module has had a chance to set its API, call init on each module which gives it
+    // a chance to do things that call other modules' APIs.
+    this.modules.forEach(({ init }) => {
+      if (init) {
+        init();
+      }
+    });
+  };
+
   render() {
     const { children } = this.props;
     const value = {
@@ -251,13 +259,28 @@ class ManagerProvider extends Component<ManagerProviderProps, State> {
     };
 
     return (
-      <ManagerContext.Provider value={value}>
-        <ManagerConsumer>{children}</ManagerConsumer>
-      </ManagerContext.Provider>
+      <EffectOnMount effect={this.initModules}>
+        <ManagerContext.Provider value={value}>
+          <ManagerConsumer>{children}</ManagerConsumer>
+        </ManagerContext.Provider>
+      </EffectOnMount>
     );
   }
 }
 
+// EffectOnMount exists to work around a bug in Reach Router where calling
+// navigate inside of componentDidMount (as could happen when we call init on any
+// of our modules) does not cause Reach Router's LocationProvider to update with
+// the correct path. Calling navigate inside on an effect does not have the
+// same problem. See https://github.com/reach/router/issues/404
+const EffectOnMount: FunctionComponent<{
+  children: ReactElement;
+  effect: () => void;
+}> = ({ children, effect }) => {
+  React.useEffect(effect, []);
+  return children;
+};
+
 interface ManagerConsumerProps<P = unknown> {
   filter?: (combo: Combo) => P;
   children: FunctionComponent<P> | ReactNode;
@@ -409,28 +432,32 @@ export function useAddonState<S>(addonId: string, defaultState?: S) {
   return useSharedState<S>(addonId, defaultState);
 }
 
-export function useArgs(): [Args, (newArgs: Args) => void] {
-  const { getCurrentStoryData, updateStoryArgs } = useStorybookApi();
+export function useArgs(): [Args, (newArgs: Args) => void, (argNames?: [string]) => void] {
+  const { getCurrentStoryData, updateStoryArgs, resetStoryArgs } = useStorybookApi();
 
   const data = getCurrentStoryData();
   const args = isStory(data) ? data.args : {};
 
-  return [args, (newArgs: Args) => updateStoryArgs(data.id, newArgs)];
+  return [
+    args,
+    (newArgs: Args) => updateStoryArgs(data as Story, newArgs),
+    (argNames?: [string]) => resetStoryArgs(data as Story, argNames),
+  ];
 }
 
-export function useGlobalArgs(): [Args, (newGlobalArgs: Args) => void] {
+export function useGlobals(): [Args, (newGlobals: Args) => void] {
   const {
-    state: { globalArgs: oldGlobalArgs },
-    api: { updateGlobalArgs },
+    state: { globals: oldGlobals },
+    api: { updateGlobals },
   } = useContext(ManagerContext);
 
-  return [oldGlobalArgs, updateGlobalArgs];
+  return [oldGlobals, updateGlobals];
 }
 
 export function useArgTypes(): ArgTypes {
   return useParameter<ArgTypes>('argTypes', {});
 }
 
-export function useGlobalArgTypes(): ArgTypes {
-  return useParameter<ArgTypes>('globalArgTypes', {});
+export function useGlobalTypes(): ArgTypes {
+  return useParameter<ArgTypes>('globalTypes', {});
 }
diff --git a/lib/api/src/lib/events.ts b/lib/api/src/lib/events.ts
new file mode 100644
index 00000000000..ed53a10104b
--- /dev/null
+++ b/lib/api/src/lib/events.ts
@@ -0,0 +1,45 @@
+import { logger } from '@storybook/client-logger';
+
+import { getSourceType, ComposedRef } from '../modules/refs';
+import { API } from '../index';
+
+interface Meta {
+  ref?: ComposedRef;
+  source?: string;
+  sourceType?: 'local' | 'external';
+  sourceLocation?: string;
+  refId?: string;
+  v?: number;
+  type: string;
+}
+
+export const getEventMetadata = (context: Meta, fullAPI: API) => {
+  const { source, refId, type } = context;
+  const [sourceType, sourceLocation] = getSourceType(source, refId);
+
+  const ref =
+    refId && fullAPI.getRefs()[refId] ? fullAPI.getRefs()[refId] : fullAPI.findRef(sourceLocation);
+
+  const meta = {
+    source,
+    sourceType,
+    sourceLocation,
+    refId,
+    ref,
+    type,
+  };
+
+  switch (true) {
+    case typeof refId === 'string':
+    case sourceType === 'local':
+    case sourceType === 'external': {
+      return meta;
+    }
+
+    // if we couldn't find the source, something risky happened, we ignore the input, and log a warning
+    default: {
+      logger.warn(`Received a ${type} frame that was not configured as a ref`);
+      return null;
+    }
+  }
+};
diff --git a/lib/api/src/lib/shortcut.ts b/lib/api/src/lib/shortcut.ts
index cfcf6314d8e..6394c07ead2 100644
--- a/lib/api/src/lib/shortcut.ts
+++ b/lib/api/src/lib/shortcut.ts
@@ -14,7 +14,7 @@ export const isShortcutTaken = (arr1: string[], arr2: string[]): boolean =>
 
 // Map a keyboard event to a keyboard shortcut
 // NOTE: if we change the fields on the event that we need, we'll need to update the serialization in core/preview/start.js
-export const eventToShortcut = (e: Event): KeyCollection | null => {
+export const eventToShortcut = (e: KeyboardEvent): KeyCollection | null => {
   // Meta key only doesn't map to a shortcut
   if (['Meta', 'Alt', 'Control', 'Shift'].includes(e.key)) {
     return null;
diff --git a/lib/api/src/lib/stories.ts b/lib/api/src/lib/stories.ts
index 8bde56cb0a6..602ec4d7554 100644
--- a/lib/api/src/lib/stories.ts
+++ b/lib/api/src/lib/stories.ts
@@ -1,6 +1,6 @@
 import deprecate from 'util-deprecate';
 import dedent from 'ts-dedent';
-import { sanitize, parseKind } from '@storybook/csf';
+import { sanitize } from '@storybook/csf';
 import mapValues from 'lodash/mapValues';
 
 import { StoryId, StoryKind, Args, Parameters, combineParameters } from '../index';
@@ -19,11 +19,6 @@ export interface Root {
   isComponent: false;
   isRoot: true;
   isLeaf: false;
-  // MDX stories are "Group" type
-  parameters?: {
-    docsOnly?: boolean;
-    [k: string]: any;
-  };
 }
 
 export interface Group {
@@ -36,11 +31,10 @@ export interface Group {
   isComponent: boolean;
   isRoot: false;
   isLeaf: false;
-  // MDX stories are "Group" type
+  // MDX docs-only stories are "Group" type
   parameters?: {
     docsOnly?: boolean;
     viewMode?: ViewMode;
-    [parameterName: string]: any;
   };
 }
 
@@ -58,9 +52,6 @@ export interface Story {
   parameters?: {
     fileName: string;
     options: {
-      hierarchyRootSeparator?: RegExp;
-      hierarchySeparator?: RegExp;
-      showRoots?: boolean;
       [optionName: string]: any;
     };
     docsOnly?: boolean;
@@ -79,9 +70,6 @@ export interface StoryInput {
   parameters: {
     fileName: string;
     options: {
-      hierarchyRootSeparator: RegExp;
-      hierarchySeparator: RegExp;
-      showRoots?: boolean;
       [optionName: string]: any;
     };
     docsOnly?: boolean;
@@ -104,40 +92,26 @@ export interface StoriesRaw {
   [id: string]: StoryInput;
 }
 
-export interface SetStoriesPayload {
-  v?: number;
-  stories: StoriesRaw;
-}
+export type SetStoriesPayload =
+  | {
+      v: 2;
+      error?: Error;
+      globals: Args;
+      globalParameters: Parameters;
+      stories: StoriesRaw;
+      kindParameters: {
+        [kind: string]: Parameters;
+      };
+    }
+  | ({
+      v?: number;
+      stories: StoriesRaw;
+    } & Record<string, never>);
 
-export interface SetStoriesPayloadV2 extends SetStoriesPayload {
-  v: 2;
-  error?: Error;
-  globalArgs: Args;
-  globalParameters: Parameters;
-  kindParameters: {
-    [kind: string]: Parameters;
-  };
-}
-
-const warnUsingHierarchySeparatorsAndShowRoots = deprecate(
+const warnChangedDefaultHierarchySeparators = deprecate(
   () => {},
   dedent`
-    You cannot use both the hierarchySeparator/hierarchyRootSeparator and showRoots options.
-  `
-);
-
-const warnRemovingHierarchySeparators = deprecate(
-  () => {},
-  dedent`
-    hierarchySeparator and hierarchyRootSeparator are deprecated and will be removed in Storybook 6.0.
-    Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md
-  `
-);
-
-const warnChangingDefaultHierarchySeparators = deprecate(
-  () => {},
-  dedent`
-    The default hierarchy separators are changing in Storybook 6.0.
+    The default hierarchy separators changed in Storybook 6.0.
     '|' and '.' will no longer create a hierarchy, but codemods are available.
     Read more about it in the migration guide: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md
   `
@@ -155,7 +129,7 @@ export const denormalizeStoryParameters = ({
   globalParameters,
   kindParameters,
   stories,
-}: SetStoriesPayloadV2): StoriesRaw => {
+}: SetStoriesPayload): StoriesRaw => {
   return mapValues(stories, (storyData) => ({
     ...storyData,
     parameters: combineParameters(
@@ -168,7 +142,6 @@ export const denormalizeStoryParameters = ({
 
 export const transformStoriesRawToStoriesHash = (
   input: StoriesRaw,
-  base: StoriesHash,
   { provider }: { provider: Provider }
 ): StoriesHash => {
   const anyKindMatchesOldHierarchySeparators = Object.values(input)
@@ -179,39 +152,21 @@ export const transformStoriesRawToStoriesHash = (
     .filter(Boolean)
     .reduce((acc, item) => {
       const { kind, parameters } = item;
-      const {
-        hierarchyRootSeparator: rootSeparator = undefined,
-        hierarchySeparator: groupSeparator = undefined,
-        showRoots = undefined,
-      } = { ...provider.getConfig(), ...((parameters && parameters.options) || {}) };
+      const { showRoots } = provider.getConfig();
 
-      const usingShowRoots = typeof showRoots !== 'undefined';
+      const setShowRoots = typeof showRoots !== 'undefined';
+      if (anyKindMatchesOldHierarchySeparators && !setShowRoots) {
+        warnChangedDefaultHierarchySeparators();
+      }
 
-      // Kind splitting behavior as per https://github.com/storybookjs/storybook/issues/8793
       let root = '';
       let groups: string[];
-      // 1. If the user has passed separators, use the old behavior but warn them
-      if (typeof rootSeparator !== 'undefined' || typeof groupSeparator !== 'undefined') {
-        warnRemovingHierarchySeparators();
-        if (usingShowRoots) warnUsingHierarchySeparatorsAndShowRoots();
-        ({ root, groups } = parseKind(kind, {
-          rootSeparator: rootSeparator || '|',
-          groupSeparator: groupSeparator || /\/|\./,
-        }));
-
-        // 2. If the user hasn't passed separators, but is using | or . in kinds, use the old behaviour but warn
-      } else if (anyKindMatchesOldHierarchySeparators && !usingShowRoots) {
-        warnChangingDefaultHierarchySeparators();
-        ({ root, groups } = parseKind(kind, { rootSeparator: '|', groupSeparator: /\/|\./ }));
-
-        // 3. If the user passes showRoots, or doesn't match above, do a simpler splitting.
+      const parts: string[] = kind.split('/');
+      // Default showRoots to true if they didn't set it.
+      if ((!setShowRoots || showRoots) && parts.length > 1) {
+        [root, ...groups] = parts;
       } else {
-        const parts: string[] = kind.split('/');
-        if (showRoots && parts.length > 1) {
-          [root, ...groups] = parts;
-        } else {
-          groups = parts;
-        }
+        groups = parts;
       }
 
       const rootAndGroups = []
@@ -242,7 +197,6 @@ export const transformStoriesRawToStoriesHash = (
               isComponent: false,
               isLeaf: false,
               isRoot: true,
-              parameters,
             };
             return soFar.concat([result]);
           }
@@ -255,7 +209,10 @@ export const transformStoriesRawToStoriesHash = (
             isComponent: false,
             isLeaf: false,
             isRoot: false,
-            parameters,
+            parameters: {
+              docsOnly: parameters?.docsOnly,
+              viewMode: parameters?.viewMode,
+            },
           };
           return soFar.concat([result]);
         }, [] as GroupsList);
diff --git a/lib/api/src/modules/addons.ts b/lib/api/src/modules/addons.ts
index bd4e4ea6289..a74a007da24 100644
--- a/lib/api/src/modules/addons.ts
+++ b/lib/api/src/modules/addons.ts
@@ -1,8 +1,20 @@
 import { ReactElement } from 'react';
-
 import { WindowLocation } from '@reach/router';
+import deprecate from 'util-deprecate';
+import dedent from 'ts-dedent';
+
 import { ModuleFn } from '../index';
 import { Options } from '../store';
+import { isStory } from '../lib/stories';
+
+const warnDisabledDeprecated = deprecate(
+  () => {},
+  dedent`
+    Use 'parameters.key.disable' instead of 'parameters.key.disabled'.
+    
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-disabled-parameter
+  `
+);
 
 export type ViewMode = 'story' | 'info' | 'settings' | 'page' | undefined | string;
 
@@ -94,7 +106,7 @@ export const init: ModuleFn = ({ provider, store, fullAPI }) => {
       const { storyId } = store.getState();
       const story = fullAPI.getData(storyId);
 
-      if (!allPanels || !story) {
+      if (!allPanels || !story || !isStory(story)) {
         return allPanels;
       }
 
@@ -103,7 +115,15 @@ export const init: ModuleFn = ({ provider, store, fullAPI }) => {
       const filteredPanels: Collection = {};
       Object.entries(allPanels).forEach(([id, panel]) => {
         const { paramKey } = panel;
-        if (paramKey && parameters && parameters[paramKey] && parameters[paramKey].disabled) {
+        if (
+          paramKey &&
+          parameters &&
+          parameters[paramKey] &&
+          (parameters[paramKey].disabled || parameters[paramKey].disable)
+        ) {
+          if (parameters[paramKey].disabled) {
+            warnDisabledDeprecated();
+          }
           return;
         }
         filteredPanels[id] = panel;
diff --git a/lib/api/src/modules/globalArgs.ts b/lib/api/src/modules/globalArgs.ts
deleted file mode 100644
index 65f748d11ba..00000000000
--- a/lib/api/src/modules/globalArgs.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { SET_STORIES, UPDATE_GLOBAL_ARGS, GLOBAL_ARGS_UPDATED } from '@storybook/core-events';
-import { Args, ModuleFn } from '../index';
-import { SetStoriesPayloadV2 } from '../lib/stories';
-
-export interface SubState {
-  globalArgs: Args;
-}
-
-export interface SubAPI {
-  updateGlobalArgs: (newGlobalArgs: Args) => void;
-}
-
-export const init: ModuleFn = ({ store, fullAPI }) => {
-  const api: SubAPI = {
-    updateGlobalArgs(newGlobalArgs) {
-      fullAPI.emit(UPDATE_GLOBAL_ARGS, newGlobalArgs);
-    },
-  };
-
-  const state: SubState = {
-    // Currently global args always start empty. TODO -- should this be set on the channel at init time?
-    globalArgs: {},
-  };
-
-  const initModule = () => {
-    fullAPI.on(GLOBAL_ARGS_UPDATED, (globalArgs: Args) => store.setState({ globalArgs }));
-    fullAPI.on(SET_STORIES, ({ globalArgs }: SetStoriesPayloadV2) =>
-      store.setState({ globalArgs })
-    );
-  };
-
-  return {
-    api,
-    state,
-    init: initModule,
-  };
-};
diff --git a/lib/api/src/modules/globals.ts b/lib/api/src/modules/globals.ts
new file mode 100644
index 00000000000..464f1c923b8
--- /dev/null
+++ b/lib/api/src/modules/globals.ts
@@ -0,0 +1,63 @@
+import { SET_STORIES, UPDATE_GLOBALS, GLOBALS_UPDATED } from '@storybook/core-events';
+import { logger } from '@storybook/client-logger';
+
+import { Args, ModuleFn } from '../index';
+
+import { SetStoriesPayload } from '../lib/stories';
+import { getEventMetadata } from '../lib/events';
+
+export interface SubState {
+  globals: Args;
+}
+
+export interface SubAPI {
+  updateGlobals: (newGlobals: Args) => void;
+}
+
+export const init: ModuleFn = ({ store, fullAPI }) => {
+  const api: SubAPI = {
+    updateGlobals(newGlobals) {
+      // Only emit the message to the local ref
+      fullAPI.emit(UPDATE_GLOBALS, {
+        globals: newGlobals,
+        options: {
+          target: 'storybook-preview-iframe',
+        },
+      });
+    },
+  };
+
+  const state: SubState = {
+    // Currently global args always start empty. TODO -- should this be set on the channel at init time?
+    globals: {},
+  };
+
+  const initModule = () => {
+    fullAPI.on(GLOBALS_UPDATED, function handleGlobalsUpdated({ globals }: { globals: Args }) {
+      const { ref } = getEventMetadata(this, fullAPI);
+
+      if (!ref) {
+        store.setState({ globals });
+      } else {
+        logger.warn(
+          'received a GLOBALS_UPDATED from a non-local ref. This is not currently supported.'
+        );
+      }
+    });
+    fullAPI.on(SET_STORIES, function handleSetStories({ globals }: SetStoriesPayload) {
+      const { ref } = getEventMetadata(this, fullAPI);
+
+      if (!ref) {
+        store.setState({ globals });
+      } else if (Object.keys(globals).length > 0) {
+        logger.warn('received globals from a non-local ref. This is not currently supported.');
+      }
+    });
+  };
+
+  return {
+    api,
+    state,
+    init: initModule,
+  };
+};
diff --git a/lib/api/src/modules/layout.ts b/lib/api/src/modules/layout.ts
index 101ea9432cd..12f2b16aeaa 100644
--- a/lib/api/src/modules/layout.ts
+++ b/lib/api/src/modules/layout.ts
@@ -1,10 +1,8 @@
 import { DOCS_MODE, document } from 'global';
-
 import pick from 'lodash/pick';
-
 import deepEqual from 'fast-deep-equal';
-
 import { themes, ThemeVars } from '@storybook/theming';
+
 import merge from '../lib/merge';
 import { State, ModuleFn } from '../index';
 
diff --git a/lib/api/src/modules/refs.ts b/lib/api/src/modules/refs.ts
index 6294e6989e1..c8f10f78b42 100644
--- a/lib/api/src/modules/refs.ts
+++ b/lib/api/src/modules/refs.ts
@@ -15,13 +15,16 @@ export interface SubState {
 
 type Versions = Record<string, string>;
 
-export type SetRefData = Omit<ComposedRef, 'stories'> & {
-  stories?: StoriesRaw;
-};
+export type SetRefData = Partial<
+  Omit<ComposedRef, 'stories'> & {
+    stories?: StoriesRaw;
+  }
+>;
 
 export interface SubAPI {
   findRef: (source: string) => ComposedRef;
   setRef: (id: string, data: SetRefData, ready?: boolean) => void;
+  updateRef: (id: string, ref: ComposedRefUpdate) => void;
   getRefs: () => Refs;
   checkRef: (ref: SetRefData) => Promise<void>;
   changeRefVersion: (id: string, url: string) => void;
@@ -33,14 +36,22 @@ export interface ComposedRef {
   id: string;
   title?: string;
   url: string;
-  type?: 'auto-inject' | 'unknown' | 'lazy';
+  type?: 'auto-inject' | 'unknown' | 'lazy' | 'server-checked';
   stories: StoriesHash;
   versions?: Versions;
-  authUrl?: string;
+  loginUrl?: string;
+  version?: string;
   ready?: boolean;
   error?: any;
 }
 
+export type ComposedRefUpdate = Partial<
+  Pick<
+    ComposedRef,
+    'title' | 'type' | 'stories' | 'versions' | 'loginUrl' | 'version' | 'ready' | 'error'
+  >
+>;
+
 export type Refs = Record<string, ComposedRef>;
 export type RefId = string;
 export type RefUrl = string;
@@ -48,17 +59,7 @@ export type RefUrl = string;
 // eslint-disable-next-line no-useless-escape
 const findFilename = /(\/((?:[^\/]+?)\.[^\/]+?)|\/)$/;
 
-const allSettled = (promises: Promise<any>[]) =>
-  Promise.all(
-    promises.map((promise, i) =>
-      promise.then(
-        (r) => (r.ok ? r : false),
-        () => false
-      )
-    )
-  );
-
-export const getSourceType = (source: string) => {
+export const getSourceType = (source: string, refId: string) => {
   const { origin: localOrigin, pathname: localPathname } = location;
   const { origin: sourceOrigin, pathname: sourcePathname } = new URL(source);
 
@@ -68,7 +69,7 @@ export const getSourceType = (source: string) => {
   if (localFull === sourceFull) {
     return ['local', sourceFull];
   }
-  if (source) {
+  if (refId || source) {
     return ['external', sourceFull];
   }
   return [null, null];
@@ -84,6 +85,15 @@ const addRefIds = (input: StoriesHash, ref: ComposedRef): StoriesHash => {
   }, {} as StoriesHash);
 };
 
+const handle = async (request: Response | false): Promise<SetRefData> => {
+  if (request) {
+    return Promise.resolve(request)
+      .then((response) => (response.ok ? response.json() : {}))
+      .catch((error) => ({ error }));
+  }
+  return {};
+};
+
 const map = (
   input: StoriesRaw,
   ref: ComposedRef,
@@ -98,7 +108,7 @@ const map = (
   return input;
 };
 
-export const init: ModuleFn = ({ store, provider, fullAPI }) => {
+export const init: ModuleFn = ({ store, provider, fullAPI }, { runCheck = true } = {}) => {
   const api: SubAPI = {
     findRef: (source) => {
       const refs = api.getRefs();
@@ -106,57 +116,52 @@ export const init: ModuleFn = ({ store, provider, fullAPI }) => {
       return Object.values(refs).find(({ url }) => url.match(source));
     },
     changeRefVersion: (id, url) => {
-      const previous = api.getRefs()[id];
-      const ref = { ...previous, stories: {}, url } as SetRefData;
+      const { versions, title } = api.getRefs()[id];
+      const ref = { id, url, versions, title, stories: {} } as SetRefData;
 
       api.checkRef(ref);
     },
     changeRefState: (id, ready) => {
-      const refs = api.getRefs();
+      const { [id]: ref, ...updated } = api.getRefs();
+
+      updated[id] = { ...ref, ready };
+
       store.setState({
-        refs: {
-          ...refs,
-          [id]: { ...refs[id], ready },
-        },
+        refs: updated,
       });
     },
     checkRef: async (ref) => {
-      const { id, url } = ref;
+      const { id, url, version, type } = ref;
+      const isPublic = type === 'server-checked';
 
-      const loadedData: { error?: Error; stories?: StoriesRaw } = {};
+      // ref's type starts as either 'unknown' or 'server-checked'
+      // "server-checked" happens when we were able to verify the storybook is accessible from node (without cookies)
+      // "unknown" happens if the request was declined of failed (this can happen because the storybook doesn't exists or authentication is required)
+      //
+      // we then make a request for stories.json
+      //
+      // if this request fails when storybook is server-checked we mark the ref as "auto-inject", this is a fallback mechanism for local storybook, legacy storybooks, and storybooks that lack stories.json
+      // if the request fails with type "unknown" we give up and show an error
+      // if the request succeeds we set the ref to 'lazy' type, and show the stories in the sidebar without injecting the iframe first
+      //
+      // then we fetch metadata if the above fetch succeeded
 
-      const [included, omitted, iframe] = await allSettled([
-        fetch(`${url}/stories.json`, {
-          headers: {
-            Accept: 'application/json',
-          },
-          redirect: 'manual',
-          credentials: 'include',
-        }),
-        fetch(`${url}/stories.json`, {
-          headers: {
-            Accept: 'application/json',
-          },
-          redirect: 'manual',
-          credentials: 'omit',
-        }),
-        fetch(`${url}/iframe.html`, {
-          redirect: 'manual',
-          cors: 'no-cors',
-          credentials: 'omit',
-        }),
-      ]);
+      const loadedData: { error?: Error; stories?: StoriesRaw; loginUrl?: string } = {};
+      const query = version ? `?version=${version}` : '';
+      const credentials = isPublic ? 'omit' : 'include';
 
-      const handle = async (request: Promise<Response> | false) => {
-        if (request) {
-          return Promise.resolve(request)
-            .then((response) => (response.ok ? response.json() : {}))
-            .catch((error) => ({ error }));
-        }
-        return {};
-      };
+      // In theory the `/iframe.html` could be private and the `stories.json` could not exist, but in practice
+      // the only private servers we know about (Chromatic) always include `stories.json`. So we can tell
+      // if the ref actually exists by simply checking `stories.json` w/ credentials.
 
-      if (!included && !omitted && !iframe) {
+      const storiesFetch = await fetch(`${url}/stories.json${query}`, {
+        headers: {
+          Accept: 'application/json',
+        },
+        credentials,
+      });
+
+      if (!storiesFetch.ok && !isPublic) {
         loadedData.error = {
           message: dedent`
             Error: Loading of ref failed
@@ -170,30 +175,28 @@ export const init: ModuleFn = ({ store, provider, fullAPI }) => {
             Please check your dev-tools network tab.
           `,
         } as Error;
-      } else if (omitted || included) {
-        const credentials = !omitted ? 'include' : 'omit';
-
+      } else if (storiesFetch.ok) {
         const [stories, metadata] = await Promise.all([
-          handle(omitted || included),
+          handle(storiesFetch),
           handle(
-            fetch(`${url}/metadata.json`, {
+            fetch(`${url}/metadata.json${query}`, {
               headers: {
                 Accept: 'application/json',
               },
-              redirect: 'manual',
               credentials,
               cache: 'no-cache',
-            })
+            }).catch(() => false)
           ),
         ]);
 
         Object.assign(loadedData, { ...stories, ...metadata });
       }
 
-      api.setRef(id, {
+      await api.setRef(id, {
         id,
         url,
         ...loadedData,
+        error: loadedData.error,
         type: !loadedData.stories ? 'auto-inject' : 'lazy',
       });
     },
@@ -209,18 +212,21 @@ export const init: ModuleFn = ({ store, provider, fullAPI }) => {
       const ref = api.getRefs()[id];
       const after = stories
         ? addRefIds(
-            transformStoriesRawToStoriesHash(map(stories, ref, { storyMapper }), {}, { provider }),
+            transformStoriesRawToStoriesHash(map(stories, ref, { storyMapper }), { provider }),
             ref
           )
         : undefined;
 
-      const result = { ...ref, stories: after, ...rest, ready };
+      api.updateRef(id, { stories: after, ...rest, ready });
+    },
+
+    updateRef: (id, data) => {
+      const { [id]: ref, ...updated } = api.getRefs();
+
+      updated[id] = { ...ref, ...data };
 
       store.setState({
-        refs: {
-          ...api.getRefs(),
-          [id]: result,
-        },
+        refs: updated,
       });
     },
   };
@@ -229,14 +235,11 @@ export const init: ModuleFn = ({ store, provider, fullAPI }) => {
 
   const initialState: SubState['refs'] = refs;
 
-  Object.values(refs).forEach((r) => {
-    // eslint-disable-next-line no-param-reassign
-    r.type = 'unknown';
-  });
-
-  Object.entries(refs).forEach(([k, v]) => {
-    api.checkRef(v as SetRefData);
-  });
+  if (runCheck) {
+    Object.entries(refs).forEach(([k, v]) => {
+      api.checkRef(v as SetRefData);
+    });
+  }
 
   return {
     api,
diff --git a/lib/api/src/modules/release-notes.ts b/lib/api/src/modules/release-notes.ts
new file mode 100644
index 00000000000..907744cceda
--- /dev/null
+++ b/lib/api/src/modules/release-notes.ts
@@ -0,0 +1,64 @@
+import { RELEASE_NOTES_DATA } from 'global';
+import memoize from 'memoizerific';
+
+import { ModuleFn } from '../index';
+
+export interface ReleaseNotes {
+  success?: boolean;
+  currentVersion?: string;
+  showOnFirstLaunch?: boolean;
+}
+
+const getReleaseNotesData = memoize(1)(
+  (): ReleaseNotes => {
+    try {
+      return { ...(JSON.parse(RELEASE_NOTES_DATA) || {}) };
+    } catch (e) {
+      return {};
+    }
+  }
+);
+
+export interface SubAPI {
+  releaseNotesVersion: () => string;
+  setDidViewReleaseNotes: () => void;
+  showReleaseNotesOnLaunch: () => boolean;
+}
+
+export interface SubState {
+  releaseNotesViewed: string[];
+}
+
+export const init: ModuleFn = ({ store }) => {
+  const releaseNotesData = getReleaseNotesData();
+  const getReleaseNotesViewed = () => {
+    const { releaseNotesViewed: persistedReleaseNotesViewed } = store.getState();
+    return persistedReleaseNotesViewed || [];
+  };
+
+  const api: SubAPI = {
+    releaseNotesVersion: () => releaseNotesData.currentVersion,
+    setDidViewReleaseNotes: () => {
+      const releaseNotesViewed = getReleaseNotesViewed();
+
+      if (!releaseNotesViewed.includes(releaseNotesData.currentVersion)) {
+        store.setState(
+          { releaseNotesViewed: [...releaseNotesViewed, releaseNotesData.currentVersion] },
+          { persistence: 'permanent' }
+        );
+      }
+    },
+    showReleaseNotesOnLaunch: () => {
+      // The currentVersion will only exist for dev builds
+      if (!releaseNotesData.currentVersion) return false;
+      const releaseNotesViewed = getReleaseNotesViewed();
+      const didViewReleaseNotes = releaseNotesViewed.includes(releaseNotesData.currentVersion);
+      const showReleaseNotesOnLaunch = releaseNotesData.showOnFirstLaunch && !didViewReleaseNotes;
+      return showReleaseNotesOnLaunch;
+    },
+  };
+
+  const initModule = () => {};
+
+  return { init: initModule, api };
+};
diff --git a/lib/api/src/modules/settings.ts b/lib/api/src/modules/settings.ts
new file mode 100644
index 00000000000..713393a26fb
--- /dev/null
+++ b/lib/api/src/modules/settings.ts
@@ -0,0 +1,57 @@
+import { ModuleFn } from '../index';
+
+export interface SubAPI {
+  changeSettingsTab: (tab: string) => void;
+  closeSettings: () => void;
+  isSettingsScreenActive: () => boolean;
+  navigateToSettingsPage: (path: string) => Promise<void>;
+}
+
+export interface Settings {
+  lastTrackedStoryId: string;
+}
+
+export interface SubState {
+  settings: Settings;
+}
+
+export const init: ModuleFn = ({ store, navigate, fullAPI }) => {
+  const isSettingsScreenActive = () => {
+    const { path } = fullAPI.getUrlState();
+    return !!(path || '').match(/^\/settings/);
+  };
+  const api: SubAPI = {
+    closeSettings: () => {
+      const {
+        settings: { lastTrackedStoryId },
+      } = store.getState();
+
+      if (lastTrackedStoryId) {
+        fullAPI.selectStory(lastTrackedStoryId);
+      } else {
+        fullAPI.selectFirstStory();
+      }
+    },
+    changeSettingsTab: (tab: string) => {
+      navigate(`/settings/${tab}`);
+    },
+    isSettingsScreenActive,
+    navigateToSettingsPage: async (path) => {
+      if (!isSettingsScreenActive()) {
+        const { settings, storyId } = store.getState();
+
+        await store.setState({
+          settings: { ...settings, lastTrackedStoryId: storyId },
+        });
+      }
+
+      navigate(path);
+    },
+  };
+
+  const initModule = async () => {
+    await store.setState({ settings: { lastTrackedStoryId: null } });
+  };
+
+  return { init: initModule, api };
+};
diff --git a/lib/api/src/modules/stories.ts b/lib/api/src/modules/stories.ts
index 3c8303fd5e6..41f28d5b895 100644
--- a/lib/api/src/modules/stories.ts
+++ b/lib/api/src/modules/stories.ts
@@ -1,32 +1,33 @@
-/* eslint-disable no-fallthrough */
 import { DOCS_MODE } from 'global';
 import { toId, sanitize } from '@storybook/csf';
 import {
   UPDATE_STORY_ARGS,
+  RESET_STORY_ARGS,
   STORY_ARGS_UPDATED,
   STORY_CHANGED,
   SELECT_STORY,
   SET_STORIES,
+  STORY_SPECIFIED,
 } from '@storybook/core-events';
+import deprecate from 'util-deprecate';
 
-import { logger } from '@storybook/client-logger';
+import { getEventMetadata } from '../lib/events';
 import {
   denormalizeStoryParameters,
   transformStoriesRawToStoriesHash,
   StoriesHash,
   Story,
   Group,
-  SetStoriesPayload,
   StoryId,
   isStory,
   Root,
   isRoot,
   StoriesRaw,
-  SetStoriesPayloadV2,
+  SetStoriesPayload,
 } from '../lib/stories';
 
 import { Args, ModuleFn } from '../index';
-import { getSourceType } from './refs';
+import { ComposedRef } from './refs';
 
 type Direction = -1 | 1;
 type ParameterName = string;
@@ -44,6 +45,7 @@ export interface SubState {
 export interface SubAPI {
   storyId: typeof toId;
   resolveStory: (storyId: StoryId, refsId?: string) => Story | Group | Root;
+  selectFirstStory: () => void;
   selectStory: (
     kindOrId: string,
     story?: string,
@@ -59,10 +61,46 @@ export interface SubAPI {
     parameterName?: ParameterName
   ) => Story['parameters'] | any;
   getCurrentParameter<S>(parameterName?: ParameterName): S;
-  updateStoryArgs(id: StoryId, newArgs: Args): void;
+  updateStoryArgs(story: Story, newArgs: Args): void;
+  resetStoryArgs: (story: Story, argNames?: [string]) => void;
   findLeafStoryId(StoriesHash: StoriesHash, storyId: StoryId): StoryId;
 }
 
+interface Meta {
+  ref?: ComposedRef;
+  source?: string;
+  sourceType?: 'local' | 'external';
+  sourceLocation?: string;
+  refId?: string;
+  v?: number;
+  type: string;
+}
+
+const deprecatedOptionsParameterWarnings: Record<string, () => void> = [
+  'sidebarAnimations',
+  'enableShortcuts',
+  'theme',
+  'showRoots',
+].reduce((acc, option: string) => {
+  acc[option] = deprecate(
+    () => {},
+    `parameters.options.${option} is deprecated and will be removed in Storybook 7.0.
+To change this setting, use \`addons.setConfig\`. See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-immutable-options-parameters
+  `
+  );
+  return acc;
+}, {} as Record<string, () => void>);
+function checkDeprecatedOptionParameters(options?: Record<string, any>) {
+  if (!options) {
+    return;
+  }
+  Object.keys(options).forEach((option: string) => {
+    if (deprecatedOptionsParameterWarnings[option]) {
+      deprecatedOptionsParameterWarnings[option]();
+    }
+  });
+}
+
 export const init: ModuleFn = ({
   fullAPI,
   store,
@@ -71,40 +109,6 @@ export const init: ModuleFn = ({
   storyId: initialStoryId,
   viewMode: initialViewMode,
 }) => {
-  const setInitialStory = () => {
-    const { storyId, viewMode, storiesHash } = store.getState();
-    const story = api.getData(storyId);
-
-    if (viewMode === 'settings' || viewMode === 'page') {
-      return;
-    }
-
-    if (storyId && storyId.match(/--\*$/)) {
-      const idStart = storyId.slice(0, -1); // drop the * at the end
-      const firstKindLeaf = Object.values(storiesHash).find(
-        (s: Story | Group) => !s.children && s.id.substring(0, idStart.length) === idStart
-      );
-
-      if (viewMode && firstKindLeaf) {
-        api.selectStory(firstKindLeaf.id, undefined, {});
-      }
-    } else if (!storyId || storyId === '*' || !story) {
-      // when there's no storyId or the storyId item doesn't exist
-      // we pick the first leaf and navigate
-      const firstLeaf = Object.values(storiesHash).find((s: Story | Group) => !s.children);
-
-      if (viewMode && firstLeaf) {
-        api.selectStory(firstLeaf.id, undefined, {});
-      }
-    } else if (story && !story.isLeaf) {
-      // When story exists but if it is not the leaf story, it finds the proper
-      // leaf story from any depth.
-      const firstLeafStoryId = api.findLeafStoryId(storiesHash, storyId);
-
-      api.selectStory(firstLeafStoryId, undefined, {});
-    }
-  };
-
   const api: SubAPI = {
     storyId: toId,
     getData: (storyId, refId) => {
@@ -141,11 +145,9 @@ export const init: ModuleFn = ({
     getCurrentParameter: (parameterName) => {
       const { storyId, refId } = store.getState();
       const parameters = api.getParameters({ storyId, refId }, parameterName);
-
-      if (parameters) {
-        return parameters;
-      }
-      return undefined;
+      // FIXME Returning falsey parameters breaks a bunch of toolbars code,
+      // so this strange logic needs to be here until various client code is updated.
+      return parameters || undefined;
     },
     jumpToComponent: (direction) => {
       const { storiesHash, storyId, refs, refId } = store.getState();
@@ -219,8 +221,7 @@ export const init: ModuleFn = ({
     },
     setStories: async (input, error) => {
       // Now create storiesHash by reordering the above by group
-      const existing = store.getState().storiesHash;
-      const hash = transformStoriesRawToStoriesHash(input, existing, {
+      const hash = transformStoriesRawToStoriesHash(input, {
         provider,
       });
 
@@ -229,12 +230,19 @@ export const init: ModuleFn = ({
         storiesConfigured: true,
         storiesFailed: error,
       });
+    },
+    selectFirstStory: () => {
+      const { storiesHash } = store.getState();
+      const firstStory = Object.keys(storiesHash).find(
+        (k) => !(storiesHash[k].children || Array.isArray(storiesHash[k]))
+      );
 
-      const { refId } = store.getState();
-
-      if (!refId) {
-        setInitialStory();
+      if (firstStory) {
+        api.selectStory(firstStory);
+        return;
       }
+
+      navigate('/');
     },
     selectStory: (kindOrId, story = undefined, options = {}) => {
       const { ref, viewMode: viewModeFromArgs } = options;
@@ -251,10 +259,18 @@ export const init: ModuleFn = ({
         const s = hash[kindOrId] || hash[sanitize(kindOrId)];
         // eslint-disable-next-line no-nested-ternary
         const id = s ? (s.children ? s.children[0] : s.id) : kindOrId;
-        const viewMode =
-          viewModeFromArgs || (s && s.parameters.viewMode)
+        let viewMode =
+          s && !isRoot(s) && (viewModeFromArgs || s.parameters.viewMode)
             ? s.parameters.viewMode
             : viewModeFromState;
+
+        // In some cases, the viewMode could be something other than docs/story
+        // ('settings', for example) and therefore we should make sure we go back
+        // to the 'story' viewMode when navigating away from those pages.
+        if (!viewMode.match(/docs|story/)) {
+          viewMode = 'story';
+        }
+
         const p = s && s.refId ? `/${viewMode}/${s.refId}_${id}` : `/${viewMode}/${id}`;
 
         navigate(p);
@@ -288,107 +304,121 @@ export const init: ModuleFn = ({
       const childStoryId = storiesHash[storyId].children[0];
       return api.findLeafStoryId(storiesHash, childStoryId);
     },
-    updateStoryArgs: (id, newArgs) => {
-      fullAPI.emit(UPDATE_STORY_ARGS, id, newArgs);
+    updateStoryArgs: (story, updatedArgs) => {
+      const { id: storyId, refId } = story;
+      fullAPI.emit(UPDATE_STORY_ARGS, {
+        storyId,
+        updatedArgs,
+        options: {
+          target: refId ? `storybook-ref-${refId}` : 'storybook-preview-iframe',
+        },
+      });
+    },
+    resetStoryArgs: (story, argNames?: [string]) => {
+      const { id: storyId, refId } = story;
+      fullAPI.emit(RESET_STORY_ARGS, {
+        storyId,
+        argNames,
+        options: {
+          target: refId ? `storybook-ref-${refId}` : 'storybook-preview-iframe',
+        },
+      });
     },
   };
 
   const initModule = () => {
-    fullAPI.on(STORY_CHANGED, function handleStoryChange(storyId: string) {
-      const { source }: { source: string } = this;
-      const [sourceType] = getSourceType(source);
+    // On initial load, the local iframe will select the first story (or other "selection specifier")
+    // and emit STORY_SPECIFIED with the id. We need to ensure we respond to this change.
+    fullAPI.on(STORY_SPECIFIED, function handler({
+      storyId,
+      viewMode,
+    }: {
+      storyId: string;
+      viewMode: ViewMode;
+      [k: string]: any;
+    }) {
+      const { sourceType } = getEventMetadata(this, fullAPI);
+
+      if (fullAPI.isSettingsScreenActive()) return;
+
+      if (sourceType === 'local') {
+        // Special case -- if we are already at the story being specified (i.e. the user started at a given story),
+        // we don't need to change URL. See https://github.com/storybookjs/storybook/issues/11677
+        const state = store.getState();
+        if (state.storyId !== storyId || state.viewMode !== viewMode) {
+          navigate(`/${viewMode}/${storyId}`);
+        }
+      }
+    });
+
+    fullAPI.on(STORY_CHANGED, function handler() {
+      const { sourceType } = getEventMetadata(this, fullAPI);
 
       if (sourceType === 'local') {
         const options = fullAPI.getCurrentParameter('options');
 
         if (options) {
+          checkDeprecatedOptionParameters(options);
           fullAPI.setOptions(options);
         }
       }
     });
 
-    fullAPI.on(SET_STORIES, function handleSetStories(data: SetStoriesPayload) {
-      // the event originates from an iframe, event.source is the iframe's location origin + pathname
-      const { source }: { source: string } = this;
-      const [sourceType, sourceLocation] = getSourceType(source);
-
-      // TODO: what is the mechanism where we warn here?
-      if (data.v && data.v > 2) {
-        // eslint-disable-next-line no-console
-        console.warn(`Received SET_STORIES event with version ${data.v}, we'll try and handle it`);
-      }
-
-      const stories = data.v
-        ? denormalizeStoryParameters(data as SetStoriesPayloadV2)
-        : data.stories;
-
-      // @ts-ignore
+    fullAPI.on(SET_STORIES, function handler(data: SetStoriesPayload) {
+      const { ref } = getEventMetadata(this, fullAPI);
       const error = data.error || undefined;
+      const stories = data.v ? denormalizeStoryParameters(data) : data.stories;
 
-      switch (sourceType) {
-        // if it's a local source, we do nothing special
-        case 'local': {
-          if (!data.v) {
-            throw new Error('Unexpected legacy SET_STORIES event from local source');
-          }
-
-          fullAPI.setStories(stories, error);
-
-          fullAPI.setOptions((data as SetStoriesPayloadV2).globalParameters.options);
-          break;
+      if (!ref) {
+        if (!data.v) {
+          throw new Error('Unexpected legacy SET_STORIES event from local source');
         }
 
-        // if it's a ref, we need to map the incoming stories to a prefixed version, so it cannot conflict with others
-        case 'external': {
-          const ref = fullAPI.findRef(sourceLocation);
-          if (ref) {
-            fullAPI.setRef(ref.id, { ...ref, ...data, stories }, true);
-            break;
-          }
-        }
-
-        // if we couldn't find the source, something risky happened, we ignore the input, and log a warning
-        default: {
-          logger.warn('received a SET_STORIES frame that was not configured as a ref');
-          break;
-        }
+        fullAPI.setStories(stories, error);
+        const options = fullAPI.getCurrentParameter('options');
+        checkDeprecatedOptionParameters(options);
+        fullAPI.setOptions(options);
+      } else {
+        fullAPI.setRef(ref.id, { ...ref, ...data, stories }, true);
       }
     });
 
-    fullAPI.on(SELECT_STORY, function selectStoryHandler({
+    fullAPI.on(SELECT_STORY, function handler({
       kind,
       story,
       ...rest
     }: {
       kind: string;
       story: string;
-      [k: string]: any;
+      viewMode: ViewMode;
     }) {
-      const { source }: { source: string } = this;
-      const [sourceType, sourceLocation] = getSourceType(source);
+      const { ref } = getEventMetadata(this, fullAPI);
 
-      switch (sourceType) {
-        case 'local': {
-          fullAPI.selectStory(kind, story, rest);
-          break;
-        }
-
-        case 'external': {
-          const ref = fullAPI.findRef(sourceLocation);
-          fullAPI.selectStory(kind, story, { ...rest, ref: ref.id });
-          break;
-        }
-        default: {
-          logger.warn('received a SET_STORIES frame that was not configured as a ref');
-          break;
-        }
+      if (!ref) {
+        fullAPI.selectStory(kind, story, rest);
+      } else {
+        fullAPI.selectStory(kind, story, { ...rest, ref: ref.id });
       }
     });
 
-    fullAPI.on(STORY_ARGS_UPDATED, (id: StoryId, args: Args) => {
-      const { storiesHash } = store.getState();
-      (storiesHash[id] as Story).args = args;
-      store.setState({ storiesHash });
+    fullAPI.on(STORY_ARGS_UPDATED, function handleStoryArgsUpdated({
+      storyId,
+      args,
+    }: {
+      storyId: StoryId;
+      args: Args;
+    }) {
+      const { ref } = getEventMetadata(this, fullAPI);
+
+      if (!ref) {
+        const { storiesHash } = store.getState();
+        (storiesHash[storyId] as Story).args = args;
+        store.setState({ storiesHash });
+      } else {
+        const { id: refId, stories } = ref;
+        (stories[storyId] as Story).args = args;
+        fullAPI.updateRef(refId, { stories });
+      }
     });
   };
 
diff --git a/lib/api/src/modules/url.ts b/lib/api/src/modules/url.ts
index 30aa71e5335..5cf6b86b55d 100644
--- a/lib/api/src/modules/url.ts
+++ b/lib/api/src/modules/url.ts
@@ -1,6 +1,6 @@
 import { navigate as navigateRouter, NavigateOptions } from '@reach/router';
 import { queryFromLocation } from '@storybook/router';
-import { toId } from '@storybook/csf';
+import { toId, sanitize } from '@storybook/csf';
 
 import { NAVIGATE_URL } from '@storybook/core-events';
 import { ModuleArgs, ModuleFn } from '../index';
@@ -29,8 +29,7 @@ export interface SubState {
 //
 //   We also support legacy URLs from storybook <5
 const initialUrlSupport = ({
-  navigate,
-  state: { location, path, viewMode, storyId },
+  state: { location, path, viewMode, storyId: storyIdFromUrl },
 }: ModuleArgs) => {
   const addition: Additions = {};
   const query = queryFromLocation(location);
@@ -79,18 +78,15 @@ const initialUrlSupport = ({
     selectedPanel = addonPanel;
   }
 
-  if (selectedKind && selectedStory) {
-    const id = toId(selectedKind, selectedStory);
-    setTimeout(() => navigate(`/${viewMode}/${id}`, { replace: true }), 1);
-  } else if (selectedKind) {
-    // Create a "storyId" of the form `kind-sanitized--*`
-    const standInId = toId(selectedKind, 'star').replace(/star$/, '*');
-    setTimeout(() => navigate(`/${viewMode}/${standInId}`, { replace: true }), 1);
-  } else if (!queryPath || queryPath === '/') {
-    setTimeout(() => navigate(`/${viewMode}/*`, { replace: true }), 1);
-  } else if (Object.keys(query).length > 1) {
-    // remove other queries
-    setTimeout(() => navigate(`${queryPath}`, { replace: true }), 1);
+  // If the user hasn't set the storyId on the URL, we support legacy URLs (selectedKind/selectedStory)
+  // NOTE: this "storyId" can just be a prefix of a storyId, really it is a storyIdSpecifier.
+  let storyId = storyIdFromUrl;
+  if (!storyId) {
+    if (selectedKind && selectedStory) {
+      storyId = toId(selectedKind, selectedStory);
+    } else if (selectedKind) {
+      storyId = sanitize(selectedKind);
+    }
   }
 
   return { viewMode, layout: addition, selectedPanel, location, path, customQueryParams, storyId };
@@ -158,6 +154,10 @@ export const init: ModuleFn = ({ store, navigate, state, provider, fullAPI, ...r
     fullAPI.on(NAVIGATE_URL, (url: string, options: { [k: string]: any }) => {
       fullAPI.navigateUrl(url, options);
     });
+
+    if (fullAPI.showReleaseNotesOnLaunch()) {
+      navigate('/settings/release-notes');
+    }
   };
 
   return {
diff --git a/lib/api/src/tests/addons.test.js b/lib/api/src/tests/addons.test.js
index 7caadc05863..c63a0751fad 100644
--- a/lib/api/src/tests/addons.test.js
+++ b/lib/api/src/tests/addons.test.js
@@ -75,8 +75,9 @@ describe('Addons API', () => {
       const storyId = 'story 1';
       const storiesHash = {
         [storyId]: {
+          isLeaf: true,
           parameters: {
-            a11y: { disabled: true },
+            a11y: { disable: true },
           },
         },
       };
diff --git a/lib/api/src/tests/events.test.ts b/lib/api/src/tests/events.test.ts
new file mode 100644
index 00000000000..98be6a2729c
--- /dev/null
+++ b/lib/api/src/tests/events.test.ts
@@ -0,0 +1,46 @@
+import { getEventMetadata } from '../lib/events';
+import { API } from '../index';
+
+jest.mock('global', () => ({
+  location: { origin: 'http://localhost:6006', pathname: '/' },
+}));
+
+describe('getEventMetadata', () => {
+  const fullAPIMock = { findRef: jest.fn(), getRefs: jest.fn() };
+  const fullAPI = (fullAPIMock as unknown) as API;
+
+  it('returns local if the event source is the same current location', () => {
+    expect(
+      getEventMetadata({ type: 'event', source: 'http://localhost:6006' }, fullAPI)
+    ).toMatchObject({
+      sourceType: 'local',
+    });
+  });
+
+  it('returns external if the refId is set', () => {
+    fullAPIMock.getRefs.mockReset().mockReturnValue({
+      ref: { id: 'ref' },
+    });
+
+    expect(
+      getEventMetadata(
+        { type: 'event', source: 'http://localhost:6006/foo/bar', refId: 'ref' },
+        fullAPI
+      )
+    ).toMatchObject({
+      sourceType: 'external',
+      ref: { id: 'ref' },
+    });
+  });
+
+  it('returns external if the source is set to something other and ref is unset (SB5)', () => {
+    fullAPIMock.findRef.mockReset().mockReturnValue({ id: 'ref' });
+
+    expect(
+      getEventMetadata({ type: 'event', source: 'http://storybook.host' }, fullAPI)
+    ).toMatchObject({
+      sourceType: 'external',
+      ref: { id: 'ref' },
+    });
+  });
+});
diff --git a/lib/api/src/tests/globalArgs.test.ts b/lib/api/src/tests/globalArgs.test.ts
deleted file mode 100644
index a31953f2065..00000000000
--- a/lib/api/src/tests/globalArgs.test.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import EventEmitter from 'event-emitter';
-import { SET_STORIES, UPDATE_GLOBAL_ARGS, GLOBAL_ARGS_UPDATED } from '@storybook/core-events';
-
-import { ModuleArgs, API } from '../index';
-import { init as initModule, SubAPI } from '../modules/globalArgs';
-
-function createMockStore() {
-  let state = {};
-  return {
-    getState: jest.fn().mockImplementation(() => state),
-    setState: jest.fn().mockImplementation((s) => {
-      state = { ...state, ...s };
-    }),
-  };
-}
-
-describe('stories API', () => {
-  it('sets a sensible initialState', () => {
-    const store = createMockStore();
-    const { state } = initModule(({ store } as unknown) as ModuleArgs);
-
-    expect(state).toEqual({
-      globalArgs: {},
-    });
-  });
-
-  it('set global args on SET_STORIES', () => {
-    const api = EventEmitter();
-    const store = createMockStore();
-    const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
-    store.setState(state);
-    init();
-
-    api.emit(SET_STORIES, { globalArgs: { a: 'b' } });
-    expect(store.getState()).toEqual({ globalArgs: { a: 'b' } });
-
-    expect(state).toEqual({
-      globalArgs: {},
-    });
-  });
-
-  it('updates the state when the preview emits GLOBAL_ARGS_UPDATED', () => {
-    const api = EventEmitter();
-    const store = createMockStore();
-    const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
-    store.setState(state);
-
-    init();
-
-    api.emit(GLOBAL_ARGS_UPDATED, { a: 'b' });
-    expect(store.getState()).toEqual({ globalArgs: { a: 'b' } });
-
-    api.emit(GLOBAL_ARGS_UPDATED, { a: 'c' });
-    expect(store.getState()).toEqual({ globalArgs: { a: 'c' } });
-
-    // SHOULD NOT merge global args
-    api.emit(GLOBAL_ARGS_UPDATED, { d: 'e' });
-    expect(store.getState()).toEqual({ globalArgs: { d: 'e' } });
-  });
-
-  it('emits UPDATE_GLOBAL_ARGS when updateGlobalArgs is called', () => {
-    const fullAPI = ({ emit: jest.fn(), on: jest.fn() } as unknown) as API;
-    const store = createMockStore();
-    const { init, api } = initModule(({ store, fullAPI } as unknown) as ModuleArgs);
-
-    init();
-
-    (api as SubAPI).updateGlobalArgs({ a: 'b' });
-    expect(fullAPI.emit).toHaveBeenCalledWith(UPDATE_GLOBAL_ARGS, { a: 'b' });
-  });
-});
diff --git a/lib/api/src/tests/globals.test.ts b/lib/api/src/tests/globals.test.ts
new file mode 100644
index 00000000000..1f8cec96029
--- /dev/null
+++ b/lib/api/src/tests/globals.test.ts
@@ -0,0 +1,110 @@
+import { EventEmitter } from 'events';
+import { SET_STORIES, UPDATE_GLOBALS, GLOBALS_UPDATED } from '@storybook/core-events';
+
+import { ModuleArgs, API } from '../index';
+import { init as initModule, SubAPI } from '../modules/globals';
+
+const { logger } = require('@storybook/client-logger');
+const { getEventMetadata } = require('../lib/events');
+
+jest.mock('@storybook/client-logger');
+jest.mock('../lib/events');
+beforeEach(() => {
+  getEventMetadata.mockReturnValue({ sourceType: 'local' });
+});
+
+function createMockStore() {
+  let state = {};
+  return {
+    getState: jest.fn().mockImplementation(() => state),
+    setState: jest.fn().mockImplementation((s) => {
+      state = { ...state, ...s };
+    }),
+  };
+}
+
+describe('stories API', () => {
+  it('sets a sensible initialState', () => {
+    const store = createMockStore();
+    const { state } = initModule(({ store } as unknown) as ModuleArgs);
+
+    expect(state).toEqual({
+      globals: {},
+    });
+  });
+
+  it('set global args on SET_STORIES', () => {
+    const api = Object.assign(new EventEmitter(), { findRef: jest.fn() });
+    const store = createMockStore();
+    const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
+    store.setState(state);
+    init();
+
+    api.emit(SET_STORIES, { globals: { a: 'b' } });
+    expect(store.getState()).toEqual({ globals: { a: 'b' } });
+
+    expect(state).toEqual({
+      globals: {},
+    });
+  });
+
+  it('ignores SET_STORIES from other refs', () => {
+    const api = Object.assign(new EventEmitter(), { findRef: jest.fn() });
+    const store = createMockStore();
+    const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
+    store.setState(state);
+    init();
+
+    getEventMetadata.mockReturnValueOnce({ sourceType: 'external', ref: { id: 'ref' } });
+    api.emit(SET_STORIES, { globals: { a: 'b' } });
+    expect(store.getState()).toEqual({ globals: {} });
+  });
+
+  it('updates the state when the preview emits GLOBALS_UPDATED', () => {
+    const api = Object.assign(new EventEmitter(), { findRef: jest.fn() });
+    const store = createMockStore();
+    const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
+    store.setState(state);
+
+    init();
+
+    api.emit(GLOBALS_UPDATED, { globals: { a: 'b' } });
+    expect(store.getState()).toEqual({ globals: { a: 'b' } });
+
+    api.emit(GLOBALS_UPDATED, { globals: { a: 'c' } });
+    expect(store.getState()).toEqual({ globals: { a: 'c' } });
+
+    // SHOULD NOT merge global args
+    api.emit(GLOBALS_UPDATED, { globals: { d: 'e' } });
+    expect(store.getState()).toEqual({ globals: { d: 'e' } });
+  });
+
+  it('ignores GLOBALS_UPDATED from other refs', () => {
+    const api = Object.assign(new EventEmitter(), { findRef: jest.fn() });
+    const store = createMockStore();
+    const { state, init } = initModule(({ store, fullAPI: api } as unknown) as ModuleArgs);
+    store.setState(state);
+
+    init();
+
+    getEventMetadata.mockReturnValueOnce({ sourceType: 'external', ref: { id: 'ref' } });
+    logger.warn.mockClear();
+    api.emit(GLOBALS_UPDATED, { globals: { a: 'b' } });
+    expect(store.getState()).toEqual({ globals: {} });
+    expect(logger.warn).toHaveBeenCalled();
+  });
+
+  it('emits UPDATE_GLOBALS when updateGlobals is called', () => {
+    const fullAPI = ({ emit: jest.fn(), on: jest.fn() } as unknown) as API;
+    const store = createMockStore();
+    const { init, api } = initModule(({ store, fullAPI } as unknown) as ModuleArgs);
+
+    init();
+
+    (api as SubAPI).updateGlobals({ a: 'b' });
+    expect(fullAPI.emit).toHaveBeenCalledWith(UPDATE_GLOBALS, {
+      globals: { a: 'b' },
+      options: { target: 'storybook-preview-iframe' },
+    });
+  });
+});
diff --git a/lib/api/src/tests/ref-mockdata.login-required.json b/lib/api/src/tests/ref-mockdata.login-required.json
index 784e17e77ba..64c19b486fc 100644
--- a/lib/api/src/tests/ref-mockdata.login-required.json
+++ b/lib/api/src/tests/ref-mockdata.login-required.json
@@ -1,3 +1,3 @@
 {
-  "authUrl": "https://example.com"
+  "loginUrl": "https://example.com"
 }
\ No newline at end of file
diff --git a/lib/api/src/tests/refs.test.js b/lib/api/src/tests/refs.test.js
index 930e65c135b..d578afbae1c 100644
--- a/lib/api/src/tests/refs.test.js
+++ b/lib/api/src/tests/refs.test.js
@@ -1,7 +1,10 @@
-import { getSourceType } from '../modules/refs';
+import { fetch } from 'global';
+import { getSourceType, init as initRefs } from '../modules/refs';
 
 jest.mock('global', () => {
-  const globalMock = {};
+  const globalMock = {
+    fetch: jest.fn(() => Promise.resolve({})),
+  };
   // Change global.location value to handle edge cases
   // Add additional variations of global.location mock return values in this array.
   // NOTE: The order must match the order that global.location is called in the unit tests.
@@ -20,7 +23,80 @@ jest.mock('global', () => {
   return globalMock;
 });
 
-describe('refs', () => {
+const provider = {
+  getConfig: jest.fn().mockReturnValue({
+    refs: {
+      fake: {
+        id: 'fake',
+        url: 'https://example.com',
+        title: 'Fake',
+      },
+    },
+  }),
+};
+
+const store = {
+  getState: jest.fn().mockReturnValue({
+    refs: {
+      fake: {
+        id: 'fake',
+        url: 'https://example.com',
+        title: 'Fake',
+      },
+    },
+  }),
+  setState: jest.fn(() => {}),
+};
+
+const emptyResponse = Promise.resolve({
+  ok: true,
+  json: async () => ({}),
+});
+
+const setupResponses = (
+  a = emptyResponse,
+  b = emptyResponse,
+  c = emptyResponse,
+  d = emptyResponse
+) => {
+  fetch.mockClear();
+  store.setState.mockClear();
+
+  fetch.mockImplementation((l, o) => {
+    if (l.includes('stories') && o.credentials === 'omit') {
+      return Promise.resolve({
+        ok: a.ok,
+        json: a.response,
+      });
+    }
+    if (l.includes('stories') && o.credentials === 'include') {
+      return Promise.resolve({
+        ok: b.ok,
+        json: b.response,
+      });
+    }
+    if (l.includes('iframe')) {
+      return Promise.resolve({
+        ok: c.ok,
+        json: c.response,
+      });
+    }
+    if (l.includes('metadata')) {
+      return Promise.resolve({
+        ok: d.ok,
+        json: d.response,
+      });
+    }
+    return Promise.resolve({
+      ok: false,
+      json: () => {
+        throw new Error('not ok');
+      },
+    });
+  });
+};
+
+describe('Refs API', () => {
   describe('getSourceType(source)', () => {
     // These tests must be run first and in correct order.
     // The order matches the "edgecaseLocations" order in the 'global' mock function above.
@@ -53,4 +129,494 @@ describe('refs', () => {
       ]);
     });
   });
+
+  describe('checkRef', () => {
+    it('on initialization it checks refs', async () => {
+      // given
+      initRefs({ provider, store });
+
+      expect(fetch.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "https://example.com/stories.json",
+            Object {
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+        ]
+      `);
+    });
+
+    it('passes version when set on the ref', async () => {
+      // given
+      provider.getConfig.mockReturnValueOnce({
+        refs: {
+          fake: {
+            id: 'fake',
+            url: 'https://example.com',
+            title: 'Fake',
+            version: '2.1.3-rc.2',
+          },
+        },
+      });
+      initRefs({ provider, store });
+
+      expect(fetch.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "https://example.com/stories.json?version=2.1.3-rc.2",
+            Object {
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+        ]
+      `);
+    });
+
+    it('checks refs (all fail)', async () => {
+      // given
+      const { api } = initRefs({ provider, store }, { runCheck: false });
+
+      setupResponses(
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('Failed to fetch');
+          },
+        },
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('Failed to fetch');
+          },
+        },
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('not ok');
+          },
+        }
+      );
+
+      await api.checkRef({
+        id: 'fake',
+        url: 'https://example.com',
+        title: 'Fake',
+      });
+
+      expect(fetch.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "https://example.com/stories.json",
+            Object {
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+        ]
+      `);
+
+      expect(store.setState.mock.calls[0][0]).toMatchInlineSnapshot(`
+        Object {
+          "refs": Object {
+            "fake": Object {
+              "error": Object {
+                "message": "Error: Loading of ref failed
+          at fetch (lib/api/src/modules/refs.ts)
+
+        URL: https://example.com
+
+        We weren't able to load the above URL,
+        it's possible a CORS error happened.
+
+        Please check your dev-tools network tab.",
+              },
+              "id": "fake",
+              "ready": false,
+              "stories": undefined,
+              "title": "Fake",
+              "type": "auto-inject",
+              "url": "https://example.com",
+            },
+          },
+        }
+      `);
+    });
+
+    it('checks refs (success)', async () => {
+      // given
+      const { api } = initRefs({ provider, store }, { runCheck: false });
+
+      setupResponses(
+        {
+          ok: true,
+          response: async () => ({ stories: {} }),
+        },
+        {
+          ok: true,
+          response: async () => ({ stories: {} }),
+        },
+        {
+          ok: true,
+          response: async () => {
+            throw new Error('not ok');
+          },
+        },
+        {
+          ok: true,
+          response: async () => ({
+            versions: {},
+          }),
+        }
+      );
+
+      await api.checkRef({
+        id: 'fake',
+        url: 'https://example.com',
+        title: 'Fake',
+      });
+
+      expect(fetch.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "https://example.com/stories.json",
+            Object {
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+          Array [
+            "https://example.com/metadata.json",
+            Object {
+              "cache": "no-cache",
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+        ]
+      `);
+
+      expect(store.setState.mock.calls[0][0]).toMatchInlineSnapshot(`
+        Object {
+          "refs": Object {
+            "fake": Object {
+              "error": undefined,
+              "id": "fake",
+              "ready": false,
+              "stories": Object {},
+              "title": "Fake",
+              "type": "lazy",
+              "url": "https://example.com",
+              "versions": Object {},
+            },
+          },
+        }
+      `);
+    });
+
+    it('checks refs (auth)', async () => {
+      // given
+      const { api } = initRefs({ provider, store }, { runCheck: false });
+
+      setupResponses(
+        {
+          ok: true,
+          response: async () => ({ loginUrl: 'https://example.com/login' }),
+        },
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('not ok');
+          },
+        },
+        {
+          ok: true,
+          response: async () => {
+            throw new Error('not ok');
+          },
+        },
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('not ok');
+          },
+        }
+      );
+
+      await api.checkRef({
+        id: 'fake',
+        url: 'https://example.com',
+        title: 'Fake',
+      });
+
+      expect(fetch.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "https://example.com/stories.json",
+            Object {
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+        ]
+      `);
+
+      expect(store.setState.mock.calls[0][0]).toMatchInlineSnapshot(`
+        Object {
+          "refs": Object {
+            "fake": Object {
+              "error": Object {
+                "message": "Error: Loading of ref failed
+          at fetch (lib/api/src/modules/refs.ts)
+
+        URL: https://example.com
+
+        We weren't able to load the above URL,
+        it's possible a CORS error happened.
+
+        Please check your dev-tools network tab.",
+              },
+              "id": "fake",
+              "ready": false,
+              "stories": undefined,
+              "title": "Fake",
+              "type": "auto-inject",
+              "url": "https://example.com",
+            },
+          },
+        }
+      `);
+    });
+
+    it('checks refs (mixed)', async () => {
+      // given
+      const { api } = initRefs({ provider, store }, { runCheck: false });
+
+      fetch.mockClear();
+      store.setState.mockClear();
+
+      setupResponses(
+        {
+          ok: true,
+          response: async () => ({ loginUrl: 'https://example.com/login' }),
+        },
+        {
+          ok: true,
+          response: async () => ({ stories: {} }),
+        },
+        {
+          ok: true,
+          response: async () => {
+            throw new Error('not ok');
+          },
+        },
+        {
+          ok: true,
+          response: async () => ({
+            versions: { '1.0.0': 'https://example.com/v1', '2.0.0': 'https://example.com' },
+          }),
+        }
+      );
+
+      await api.checkRef({
+        id: 'fake',
+        url: 'https://example.com',
+        title: 'Fake',
+      });
+
+      expect(fetch.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "https://example.com/stories.json",
+            Object {
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+          Array [
+            "https://example.com/metadata.json",
+            Object {
+              "cache": "no-cache",
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+        ]
+      `);
+
+      expect(store.setState.mock.calls[0][0]).toMatchInlineSnapshot(`
+        Object {
+          "refs": Object {
+            "fake": Object {
+              "error": undefined,
+              "id": "fake",
+              "ready": false,
+              "stories": Object {},
+              "title": "Fake",
+              "type": "lazy",
+              "url": "https://example.com",
+              "versions": Object {
+                "1.0.0": "https://example.com/v1",
+                "2.0.0": "https://example.com",
+              },
+            },
+          },
+        }
+      `);
+    });
+
+    it('checks refs (serverside-success)', async () => {
+      // given
+      const { api } = initRefs({ provider, store }, { runCheck: false });
+
+      setupResponses(
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('Failed to fetch');
+          },
+        },
+        {
+          ok: true,
+          response: async () => {
+            throw new Error('not ok');
+          },
+        },
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('Failed to fetch');
+          },
+        }
+      );
+
+      await api.checkRef({
+        id: 'fake',
+        url: 'https://example.com',
+        title: 'Fake',
+        type: 'server-checked',
+      });
+
+      expect(fetch.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "https://example.com/stories.json",
+            Object {
+              "credentials": "omit",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+        ]
+      `);
+
+      expect(store.setState.mock.calls[0][0]).toMatchInlineSnapshot(`
+        Object {
+          "refs": Object {
+            "fake": Object {
+              "error": undefined,
+              "id": "fake",
+              "ready": false,
+              "stories": undefined,
+              "title": "Fake",
+              "type": "auto-inject",
+              "url": "https://example.com",
+            },
+          },
+        }
+      `);
+    });
+
+    it('checks refs (serverside-fail)', async () => {
+      // given
+      const { api } = initRefs({ provider, store }, { runCheck: false });
+
+      setupResponses(
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('Failed to fetch');
+          },
+        },
+        {
+          ok: true,
+          response: async () => {
+            throw new Error('not ok');
+          },
+        },
+        {
+          ok: false,
+          response: async () => {
+            throw new Error('Failed to fetch');
+          },
+        }
+      );
+
+      await api.checkRef({
+        id: 'fake',
+        url: 'https://example.com',
+        title: 'Fake',
+        type: 'unknown',
+      });
+
+      expect(fetch.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "https://example.com/stories.json",
+            Object {
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+          Array [
+            "https://example.com/metadata.json",
+            Object {
+              "cache": "no-cache",
+              "credentials": "include",
+              "headers": Object {
+                "Accept": "application/json",
+              },
+            },
+          ],
+        ]
+      `);
+
+      expect(store.setState.mock.calls[0][0]).toMatchInlineSnapshot(`
+        Object {
+          "refs": Object {
+            "fake": Object {
+              "error": [Error: not ok],
+              "id": "fake",
+              "ready": false,
+              "stories": undefined,
+              "title": "Fake",
+              "type": "auto-inject",
+              "url": "https://example.com",
+            },
+          },
+        }
+      `);
+    });
+  });
 });
diff --git a/lib/api/src/tests/stories.test.js b/lib/api/src/tests/stories.test.js
index 50c52a212df..ab59a9ee6ed 100644
--- a/lib/api/src/tests/stories.test.js
+++ b/lib/api/src/tests/stories.test.js
@@ -1,8 +1,21 @@
-import EventEmitter from 'event-emitter';
-import { STORY_ARGS_UPDATED, UPDATE_STORY_ARGS, SET_STORIES } from '@storybook/core-events';
+import {
+  STORY_ARGS_UPDATED,
+  UPDATE_STORY_ARGS,
+  RESET_STORY_ARGS,
+  SET_STORIES,
+  STORY_SPECIFIED,
+} from '@storybook/core-events';
+import { EventEmitter } from 'events';
+
+import { getEventMetadata } from '../lib/events';
 
 import { init as initStories } from '../modules/stories';
 
+jest.mock('../lib/events');
+beforeEach(() => {
+  getEventMetadata.mockReturnValue({ sourceType: 'local' });
+});
+
 function createMockStore(initialState) {
   let state = initialState || {};
   return {
@@ -14,11 +27,11 @@ function createMockStore(initialState) {
   };
 }
 
-const provider = {
-  getConfig() {
-    return {};
-  },
-};
+const provider = { getConfig: jest.fn() };
+
+beforeEach(() => {
+  provider.getConfig.mockReturnValue({});
+});
 
 describe('stories API', () => {
   it('sets a sensible initialState', () => {
@@ -80,6 +93,7 @@ describe('stories API', () => {
         api: { setStories },
       } = initStories({ store, navigate, provider });
 
+      provider.getConfig.mockReturnValue({ showRoots: false });
       setStories(storiesHash);
 
       const { storiesHash: storedStoriesHash } = store.getState();
@@ -199,12 +213,12 @@ describe('stories API', () => {
         api: { setStories },
       } = initStories({ store, navigate, provider });
 
-      const showRootsParameters = { options: { showRoots: true } };
+      provider.getConfig.mockReturnValue({ showRoots: true });
       setStories({
         'a-b--1': {
           kind: 'a/b',
           name: '1',
-          parameters: showRootsParameters,
+          parameters,
           path: 'a-b--1',
           id: 'a-b--1',
           args: {},
@@ -233,7 +247,7 @@ describe('stories API', () => {
         parent: 'a-b',
         kind: 'a/b',
         name: '1',
-        parameters: showRootsParameters,
+        parameters,
         args: {},
       });
     });
@@ -246,12 +260,12 @@ describe('stories API', () => {
         api: { setStories },
       } = initStories({ store, navigate, provider });
 
-      const showRootsParameters = { options: { showRoots: true } };
+      provider.getConfig.mockReturnValue({ showRoots: true });
       setStories({
         'a--1': {
           kind: 'a',
           name: '1',
-          parameters: showRootsParameters,
+          parameters,
           path: 'a--1',
           id: 'a--1',
           args: {},
@@ -273,99 +287,6 @@ describe('stories API', () => {
         parent: 'a',
         kind: 'a',
         name: '1',
-        parameters: showRootsParameters,
-        args: {},
-      });
-    });
-
-    it('handles roots also', async () => {
-      const navigate = jest.fn();
-      const store = createMockStore();
-
-      const {
-        api: { setStories },
-      } = initStories({ store, navigate, provider });
-
-      await setStories({
-        'a--1': { kind: 'a', name: '1', parameters, path: 'a--1', id: 'a--1', args: {} },
-        'a--2': { kind: 'a', name: '2', parameters, path: 'a--2', id: 'a--2', args: {} },
-        'b-c--1': {
-          kind: 'b|c',
-          name: '1',
-          parameters,
-          path: 'b-c--1',
-          id: 'b-c--1',
-          args: {},
-        },
-        'b-d--1': {
-          kind: 'b|d',
-          name: '1',
-          parameters,
-          path: 'b-d--1',
-          id: 'b-d--1',
-          args: {},
-        },
-        'b-d--2': {
-          kind: 'b|d',
-          name: '2',
-          parameters,
-          path: 'b-d--2',
-          id: 'b-d--2',
-          args: {},
-        },
-      });
-      const { storiesHash: storedStoriesHash } = store.getState();
-
-      // We need exact key ordering, even if in theory JS doens't guarantee it
-      expect(Object.keys(storedStoriesHash)).toEqual([
-        'a',
-        'a--1',
-        'a--2',
-        'b',
-        'b-c',
-        'b-c--1',
-        'b-d',
-        'b-d--1',
-        'b-d--2',
-      ]);
-      expect(storedStoriesHash.b).toMatchObject({
-        id: 'b',
-        children: ['b-c', 'b-d'],
-        isRoot: true,
-        isComponent: false,
-      });
-
-      expect(storedStoriesHash['b-c']).toMatchObject({
-        id: 'b-c',
-        parent: 'b',
-        children: ['b-c--1'],
-        isRoot: false,
-        isComponent: true,
-      });
-
-      expect(storedStoriesHash['b-c--1']).toMatchObject({
-        id: 'b-c--1',
-        parent: 'b-c',
-        kind: 'b|c',
-        name: '1',
-        parameters,
-        args: {},
-      });
-
-      expect(storedStoriesHash['b-d--1']).toMatchObject({
-        id: 'b-d--1',
-        parent: 'b-d',
-        kind: 'b|d',
-        name: '1',
-        parameters,
-        args: {},
-      });
-
-      expect(storedStoriesHash['b-d--2']).toMatchObject({
-        id: 'b-d--2',
-        parent: 'b-d',
-        kind: 'b|d',
-        name: '2',
         parameters,
         args: {},
       });
@@ -405,94 +326,55 @@ describe('stories API', () => {
         isComponent: true,
       });
     });
+  });
 
-    it('navigates to the first story in the store if there is none selected', async () => {
+  // Can't currently run these tests as cannot set this on the events
+  describe('STORY_SPECIFIED event', () => {
+    it('navigates to the story', async () => {
       const navigate = jest.fn();
-      const store = createMockStore({ viewMode: 'story' });
+      const api = Object.assign(new EventEmitter(), {
+        isSettingsScreenActive() {
+          return false;
+        },
+      });
+      const store = createMockStore({});
+      const { init } = initStories({ store, navigate, provider, fullAPI: api });
 
-      const {
-        api: { setStories },
-      } = initStories({ store, navigate, provider });
+      init();
+      api.emit(STORY_SPECIFIED, { storyId: 'a--1', viewMode: 'story' });
 
-      await setStories(storiesHash);
       expect(navigate).toHaveBeenCalledWith('/story/a--1');
     });
 
-    it('navigates to the first story in the store if a non-existent story was selected', async () => {
+    it('DOES not navigate if the story was already selected', async () => {
       const navigate = jest.fn();
-      const store = createMockStore({ viewMode: 'story', storyId: 'random' });
+      const api = Object.assign(new EventEmitter(), {
+        isSettingsScreenActive() {
+          return true;
+        },
+      });
+      const store = createMockStore({ viewMode: 'story', storyId: 'a--1' });
+      initStories({ store, navigate, provider, fullAPI: api });
 
-      const {
-        api: { setStories },
-      } = initStories({ store, navigate, provider });
+      api.emit(STORY_SPECIFIED, { storyId: 'a--1', viewMode: 'story' });
 
-      await setStories(storiesHash);
-      expect(navigate).toHaveBeenCalledWith('/story/a--1');
-    });
-
-    it('navigates to the first leaf story if a story exists but it is not a leaf story(1)', async () => {
-      const navigate = jest.fn();
-      const store = createMockStore({ viewMode: 'story', storyId: 'b' });
-
-      const {
-        api: { setStories },
-      } = initStories({ store, navigate, provider });
-
-      await setStories(storiesHash);
-      expect(navigate).toHaveBeenCalledWith('/story/b-c--1');
-    });
-
-    it('navigates to the first leaf story if a story exists but it is not a leaf story(2)', async () => {
-      const navigate = jest.fn();
-      const store = createMockStore({ viewMode: 'story', storyId: 'b-d' });
-
-      const {
-        api: { setStories },
-      } = initStories({ store, navigate, provider });
-
-      await setStories(storiesHash);
-      expect(navigate).toHaveBeenCalledWith('/story/b-d--1');
-    });
-
-    it('does not navigate if a existing story was selected', async () => {
-      const navigate = jest.fn();
-      const store = createMockStore({ viewMode: 'story', storyId: 'b-c--1' });
-
-      const {
-        api: { setStories },
-      } = initStories({ store, navigate, provider });
-
-      await setStories(storiesHash);
       expect(navigate).not.toHaveBeenCalled();
     });
 
-    it('navigates to the settings page if a existing page was selected', async () => {
+    it('DOES not navigate if a settings page was selected', async () => {
       const navigate = jest.fn();
+      const api = Object.assign(new EventEmitter(), {
+        isSettingsScreenActive() {
+          return true;
+        },
+      });
       const store = createMockStore({ viewMode: 'settings', storyId: 'about' });
+      initStories({ store, navigate, provider, fullAPI: api });
 
-      const {
-        api: { setStories },
-      } = initStories({ store, navigate, provider });
+      api.emit(STORY_SPECIFIED, { storyId: 'a--1', viewMode: 'story' });
 
-      await setStories(storiesHash);
       expect(navigate).not.toHaveBeenCalled();
     });
-
-    it(
-      'navigates to the first story in the store when viewMode is settings but' +
-        'non-existent page was selected',
-      async () => {
-        const navigate = jest.fn();
-        const store = createMockStore({ viewMode: 'settings', storyId: 'random' });
-
-        const {
-          api: { setStories },
-        } = initStories({ store, navigate, provider });
-
-        await setStories(storiesHash);
-        expect(navigate).not.toHaveBeenCalledWith();
-      }
-    );
   });
 
   describe('args handling', () => {
@@ -516,14 +398,33 @@ describe('stories API', () => {
       expect(initialStoriesHash['b--1'].args).toEqual({ x: 'y' });
 
       init();
-      api.emit(STORY_ARGS_UPDATED, 'a--1', { foo: 'bar' });
+      api.emit(STORY_ARGS_UPDATED, { storyId: 'a--1', args: { foo: 'bar' } });
 
       const { storiesHash: changedStoriesHash } = store.getState();
       expect(changedStoriesHash['a--1'].args).toEqual({ foo: 'bar' });
       expect(changedStoriesHash['b--1'].args).toEqual({ x: 'y' });
     });
 
-    it('updateStoryArgs emits UPDATE_STORY_ARGS and does not change anything', () => {
+    it('changes reffed args properly, per story when receiving STORY_ARGS_UPDATED', () => {
+      const navigate = jest.fn();
+      const store = createMockStore();
+      const api = new EventEmitter();
+      api.updateRef = jest.fn();
+
+      const { init } = initStories({ store, navigate, provider, fullAPI: api });
+
+      init();
+      getEventMetadata.mockReturnValueOnce({
+        sourceType: 'external',
+        ref: { id: 'refId', stories: { 'a--1': { args: { a: 'b' } } } },
+      });
+      api.emit(STORY_ARGS_UPDATED, { storyId: 'a--1', args: { foo: 'bar' } });
+      expect(api.updateRef).toHaveBeenCalledWith('refId', {
+        stories: { 'a--1': { args: { foo: 'bar' } } },
+      });
+    });
+
+    it('updateStoryArgs emits UPDATE_STORY_ARGS to the local frame and does not change anything', () => {
       const navigate = jest.fn();
       const emit = jest.fn();
       const on = jest.fn();
@@ -541,13 +442,107 @@ describe('stories API', () => {
 
       init();
 
-      updateStoryArgs('a--1', { foo: 'bar' });
-      expect(emit).toHaveBeenCalledWith(UPDATE_STORY_ARGS, 'a--1', { foo: 'bar' });
+      updateStoryArgs({ id: 'a--1' }, { foo: 'bar' });
+      expect(emit).toHaveBeenCalledWith(UPDATE_STORY_ARGS, {
+        storyId: 'a--1',
+        updatedArgs: { foo: 'bar' },
+        options: {
+          target: 'storybook-preview-iframe',
+        },
+      });
 
       const { storiesHash: changedStoriesHash } = store.getState();
       expect(changedStoriesHash['a--1'].args).toEqual({ a: 'b' });
       expect(changedStoriesHash['b--1'].args).toEqual({ x: 'y' });
     });
+
+    it('updateStoryArgs emits UPDATE_STORY_ARGS to the right frame', () => {
+      const navigate = jest.fn();
+      const emit = jest.fn();
+      const on = jest.fn();
+      const store = createMockStore();
+
+      const {
+        api: { setStories, updateStoryArgs },
+        init,
+      } = initStories({ store, navigate, provider, fullAPI: { emit, on } });
+
+      setStories({
+        'a--1': { kind: 'a', name: '1', parameters, path: 'a--1', id: 'a--1', args: { a: 'b' } },
+        'b--1': { kind: 'b', name: '1', parameters, path: 'b--1', id: 'b--1', args: { x: 'y' } },
+      });
+
+      init();
+
+      updateStoryArgs({ id: 'a--1', refId: 'refId' }, { foo: 'bar' });
+      expect(emit).toHaveBeenCalledWith(UPDATE_STORY_ARGS, {
+        storyId: 'a--1',
+        updatedArgs: { foo: 'bar' },
+        options: {
+          target: 'storybook-ref-refId',
+        },
+      });
+    });
+
+    it('resetStoryArgs emits RESET_STORY_ARGS to the local frame and does not change anything', () => {
+      const navigate = jest.fn();
+      const emit = jest.fn();
+      const on = jest.fn();
+      const store = createMockStore();
+
+      const {
+        api: { setStories, resetStoryArgs },
+        init,
+      } = initStories({ store, navigate, provider, fullAPI: { emit, on } });
+
+      setStories({
+        'a--1': { kind: 'a', name: '1', parameters, path: 'a--1', id: 'a--1', args: { a: 'b' } },
+        'b--1': { kind: 'b', name: '1', parameters, path: 'b--1', id: 'b--1', args: { x: 'y' } },
+      });
+
+      init();
+
+      resetStoryArgs({ id: 'a--1' }, ['foo']);
+      expect(emit).toHaveBeenCalledWith(RESET_STORY_ARGS, {
+        storyId: 'a--1',
+        argNames: ['foo'],
+        options: {
+          target: 'storybook-preview-iframe',
+        },
+      });
+
+      const { storiesHash: changedStoriesHash } = store.getState();
+      expect(changedStoriesHash['a--1'].args).toEqual({ a: 'b' });
+      expect(changedStoriesHash['b--1'].args).toEqual({ x: 'y' });
+    });
+
+    it('resetStoryArgs emits RESET_STORY_ARGS to the right frame', () => {
+      const navigate = jest.fn();
+      const emit = jest.fn();
+      const on = jest.fn();
+      const store = createMockStore();
+
+      const {
+        api: { setStories, resetStoryArgs },
+        init,
+      } = initStories({ store, navigate, provider, fullAPI: { emit, on } });
+
+      setStories({
+        'a--1': { kind: 'a', name: '1', parameters, path: 'a--1', id: 'a--1', args: { a: 'b' } },
+        'b--1': { kind: 'b', name: '1', parameters, path: 'b--1', id: 'b--1', args: { x: 'y' } },
+      });
+
+      init();
+
+      resetStoryArgs({ id: 'a--1', refId: 'refId' }, ['foo']);
+      expect(emit).toHaveBeenCalledWith(RESET_STORY_ARGS, {
+        storyId: 'a--1',
+        argNames: ['foo'],
+        options: {
+          target: 'storybook-ref-refId',
+        },
+      });
+    });
   });
 
   describe('jumpToStory', () => {
@@ -729,6 +724,20 @@ describe('stories API', () => {
       expect(navigate).toHaveBeenCalledWith('/story/a--2');
     });
 
+    it('allows navigating away from the settings pages', () => {
+      const navigate = jest.fn();
+      const store = {
+        getState: () => ({ viewMode: 'settings', storyId: 'about', storiesHash }),
+      };
+
+      const {
+        api: { selectStory },
+      } = initStories({ store, navigate, provider });
+
+      selectStory('a--2');
+      expect(navigate).toHaveBeenCalledWith('/story/a--2');
+    });
+
     it('allows navigating to first story in kind on call by kind', () => {
       const navigate = jest.fn();
       const store = createMockStore();
@@ -793,22 +802,25 @@ describe('stories API', () => {
   });
   describe('v2 SET_STORIES event', () => {
     it('normalizes parameters and calls setStories for local stories', () => {
-      const fullAPI = { on: jest.fn(), setStories: jest.fn(), setOptions: jest.fn() };
+      const fullAPI = Object.assign(new EventEmitter(), {
+        setStories: jest.fn(),
+        setOptions: jest.fn(),
+        findRef: jest.fn(),
+        getCurrentParameter: jest.fn(),
+      });
       const navigate = jest.fn();
       const store = createMockStore();
 
       const { init } = initStories({ store, navigate, provider, fullAPI });
       init();
 
-      const onSetStories = fullAPI.on.mock.calls.find(([event]) => event === SET_STORIES)[1];
-
       const setStoriesPayload = {
         v: 2,
         globalParameters: { global: 'global' },
         kindParameters: { a: { kind: 'kind' } },
         stories: { 'a--1': { kind: 'a', parameters: { story: 'story' } } },
       };
-      onSetStories.call({ source: 'http://localhost' }, setStoriesPayload);
+      fullAPI.emit(SET_STORIES, setStoriesPayload);
 
       expect(fullAPI.setStories).toHaveBeenCalledWith(
         {
@@ -819,27 +831,27 @@ describe('stories API', () => {
     });
 
     it('normalizes parameters and calls setRef for external stories', () => {
-      const fullAPI = {
-        on: jest.fn(),
-        findRef: jest.fn().mockReturnValue({ id: 'ref' }),
+      const fullAPI = Object.assign(new EventEmitter(), {
+        setStories: jest.fn(),
+        findRef: jest.fn(),
         setRef: jest.fn(),
-      };
+      });
       const navigate = jest.fn();
       const store = createMockStore();
 
       const { init } = initStories({ store, navigate, provider, fullAPI });
       init();
 
-      const onSetStories = fullAPI.on.mock.calls.find(([event]) => event === SET_STORIES)[1];
-
+      getEventMetadata.mockReturnValueOnce({ sourceType: 'external', ref: { id: 'ref' } });
       const setStoriesPayload = {
         v: 2,
         globalParameters: { global: 'global' },
         kindParameters: { a: { kind: 'kind' } },
         stories: { 'a--1': { kind: 'a', parameters: { story: 'story' } } },
       };
-      onSetStories.call({ source: 'http://external' }, setStoriesPayload);
+      fullAPI.emit(SET_STORIES, setStoriesPayload);
 
+      expect(fullAPI.setStories).not.toHaveBeenCalled();
       expect(fullAPI.setRef).toHaveBeenCalledWith(
         'ref',
         {
@@ -855,47 +867,51 @@ describe('stories API', () => {
       );
     });
 
-    it('calls setOptions with global options parameters', () => {
-      const fullAPI = { on: jest.fn(), setStories: jest.fn(), setOptions: jest.fn() };
+    it('calls setOptions w/ first story parameter', () => {
+      const fullAPI = Object.assign(new EventEmitter(), {
+        setStories: jest.fn(),
+        setOptions: jest.fn(),
+        findRef: jest.fn(),
+        getCurrentParameter: jest.fn().mockReturnValue('options'),
+      });
       const navigate = jest.fn();
       const store = createMockStore();
 
-      const { init } = initStories({ store, navigate, provider, fullAPI });
+      const { init, api } = initStories({ store, navigate, provider, fullAPI });
       init();
 
-      const onSetStories = fullAPI.on.mock.calls.find(([event]) => event === SET_STORIES)[1];
-
+      store.setState({});
       const setStoriesPayload = {
         v: 2,
-        globalParameters: { options: 'options' },
-        kindParameters: { a: { options: 'should-be-ignored' } },
-        stories: { 'a--1': { kind: 'a', parameters: { options: 'should-be-ignored-also' } } },
+        globalParameters: {},
+        kindParameters: { a: {} },
+        stories: { 'a--1': { kind: 'a' } },
       };
-      onSetStories.call({ source: 'http://localhost' }, setStoriesPayload);
+      fullAPI.emit(SET_STORIES, setStoriesPayload);
 
       expect(fullAPI.setOptions).toHaveBeenCalledWith('options');
     });
   });
   describe('legacy (v1) SET_STORIES event', () => {
     it('calls setRef with stories', () => {
-      const fullAPI = {
-        on: jest.fn(),
-        findRef: jest.fn().mockReturnValue({ id: 'ref' }),
+      const fullAPI = Object.assign(new EventEmitter(), {
+        setStories: jest.fn(),
+        findRef: jest.fn(),
         setRef: jest.fn(),
-      };
+      });
       const navigate = jest.fn();
       const store = createMockStore();
 
       const { init } = initStories({ store, navigate, provider, fullAPI });
       init();
 
-      const onSetStories = fullAPI.on.mock.calls.find(([event]) => event === SET_STORIES)[1];
-
+      getEventMetadata.mockReturnValueOnce({ sourceType: 'external', ref: { id: 'ref' } });
       const setStoriesPayload = {
         stories: { 'a--1': {} },
       };
-      onSetStories.call({ source: 'http://external' }, setStoriesPayload);
+      fullAPI.emit(SET_STORIES, setStoriesPayload);
 
+      expect(fullAPI.setStories).not.toHaveBeenCalled();
       expect(fullAPI.setRef).toHaveBeenCalledWith(
         'ref',
         {
diff --git a/lib/api/src/tests/url.test.js b/lib/api/src/tests/url.test.js
index 064bd0488a6..2a77a44c30d 100644
--- a/lib/api/src/tests/url.test.js
+++ b/lib/api/src/tests/url.test.js
@@ -7,19 +7,6 @@ jest.useFakeTimers();
 describe('initial state', () => {
   const viewMode = 'story';
 
-  it('redirects to /story/* if path is blank', () => {
-    const navigate = jest.fn();
-    const location = { search: null };
-    const {
-      state: { layout },
-    } = initURL({ navigate, state: { location, viewMode } });
-
-    // Nothing unexpected in layout
-    expect(layout).toEqual({});
-    jest.runAllTimers();
-    expect(navigate).toHaveBeenCalledWith('/story/*', { replace: true });
-  });
-
   describe('config query parameters', () => {
     it('handles full parameter', () => {
       const navigate = jest.fn();
@@ -88,23 +75,29 @@ describe('initial state', () => {
       addonPanel: 'storybook%2Factions%2Factions-panel',
     };
 
-    it('handles defaults and routes to story', () => {
-      const navigate = jest.fn();
+    it('sets sensible storyId for selectedKind/Story', () => {
       const location = { search: qs.stringify(defaultLegacyParameters) };
       const {
-        state: { layout, selectedPanel },
-      } = initURL({ navigate, state: { location, viewMode } });
+        state: { layout, selectedPanel, storyId },
+      } = initURL({ state: { location, viewMode } });
 
       // Nothing unexpected in layout
       expect(layout).toEqual({});
       // TODO: at the very least this should be unescaped
       expect(selectedPanel).toEqual('storybook%2Factions%2Factions-panel');
-      jest.runAllTimers();
-      expect(navigate).toHaveBeenCalledWith('/story/kind--story', { replace: true });
+      expect(storyId).toEqual('kind--story');
+    });
+
+    it('sets sensible storyId for selectedKind only', () => {
+      const location = { search: { selectedKind: 'kind' } };
+      const {
+        state: { storyId },
+      } = initURL({ state: { location, viewMode } });
+
+      expect(storyId).toEqual('kind');
     });
 
     it('handles full parameter', () => {
-      const navigate = jest.fn();
       const location = {
         search: qs.stringify({
           ...defaultLegacyParameters,
@@ -113,13 +106,12 @@ describe('initial state', () => {
       };
       const {
         state: { layout },
-      } = initURL({ navigate, state: { location } });
+      } = initURL({ state: { location } });
 
       expect(layout).toEqual({ isFullscreen: true });
     });
 
     it('handles addons and stories parameters', () => {
-      const navigate = jest.fn();
       const location = {
         search: qs.stringify({
           ...defaultLegacyParameters,
@@ -129,13 +121,12 @@ describe('initial state', () => {
       };
       const {
         state: { layout },
-      } = initURL({ navigate, state: { location } });
+      } = initURL({ state: { location } });
 
       expect(layout).toEqual({ showNav: false, showPanel: false });
     });
 
     it('handles panelRight parameter', () => {
-      const navigate = jest.fn();
       const location = {
         search: qs.stringify({
           ...defaultLegacyParameters,
@@ -144,7 +135,7 @@ describe('initial state', () => {
       };
       const {
         state: { layout },
-      } = initURL({ navigate, state: { location } });
+      } = initURL({ state: { location } });
 
       expect(layout).toEqual({ panelPosition: 'right' });
     });
diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index 13111751726..05bd13a7663 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '6.0.0-beta.23';
+export const version = '6.1.0-alpha.14';
\ No newline at end of file
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index 05f95904ff7..55f9f9de329 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
@@ -22,27 +22,28 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
+    "@storybook/channels": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "telejson": "^4.0.0"
+    "qs": "^6.6.0",
+    "telejson": "^5.0.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/channel-postmessage/src/index.ts b/lib/channel-postmessage/src/index.ts
index 23ddbbd0c34..00d243bc5c2 100644
--- a/lib/channel-postmessage/src/index.ts
+++ b/lib/channel-postmessage/src/index.ts
@@ -3,6 +3,7 @@ import * as EVENTS from '@storybook/core-events';
 import Channel, { ChannelEvent, ChannelHandler } from '@storybook/channels';
 import { logger, pretty } from '@storybook/client-logger';
 import { isJSON, parse, stringify } from 'telejson';
+import qs from 'qs';
 
 interface Config {
   page: 'manager' | 'preview';
@@ -71,8 +72,14 @@ export class PostmsgTransport {
 
     const frames = this.getFrames(target);
 
+    const query = qs.parse(location.search, { ignoreQueryPrefix: true });
+
     const data = stringify(
-      { key: KEY, event, source: document.location.origin + document.location.pathname },
+      {
+        key: KEY,
+        event,
+        refId: query.refId,
+      },
       { maxDepth: depth, allowFunction }
     );
 
@@ -122,7 +129,7 @@ export class PostmsgTransport {
 
       return list.length ? list : this.getCurrentFrames();
     }
-    if (window && window.parent) {
+    if (window && window.parent && window.parent !== window) {
       return [window.parent];
     }
 
@@ -158,7 +165,7 @@ export class PostmsgTransport {
   private handleEvent(rawEvent: MessageEvent): void {
     try {
       const { data } = rawEvent;
-      const { key, event, source } = typeof data === 'string' && isJSON(data) ? parse(data) : data;
+      const { key, event, refId } = typeof data === 'string' && isJSON(data) ? parse(data) : data;
 
       if (key === KEY) {
         const pageString =
@@ -170,14 +177,13 @@ export class PostmsgTransport {
           ? `<span style="color: #FF4785">${event.type}</span>`
           : `<span style="color: #FFAE00">${event.type}</span>`;
 
-        if (source) {
-          const { origin, pathname } = new URL(source, document.location);
-          event.source = origin + pathname;
-        } else {
-          event.source =
-            this.config.page === 'preview' ? rawEvent.origin : getEventSourceUrl(rawEvent);
+        if (refId) {
+          event.refId = refId;
         }
 
+        event.source =
+          this.config.page === 'preview' ? rawEvent.origin : getEventSourceUrl(rawEvent);
+
         if (!event.source) {
           pretty.error(
             `${pageString} received ${eventString} but was unable to determine the source of the event`
@@ -185,10 +191,11 @@ export class PostmsgTransport {
 
           return;
         }
+        const message = `${pageString} received ${eventString} (${data.length})`;
         pretty.debug(
           location.origin !== event.source
-            ? `${pageString} received ${eventString}`
-            : `${pageString} received ${eventString} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,
+            ? message
+            : `${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,
           ...event.args
         );
 
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index b2d57db7417..17e92f4aa31 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
@@ -22,25 +22,25 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "6.0.0-beta.23",
+    "@storybook/channels": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "telejson": "^4.0.0"
+    "telejson": "^5.0.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/channels/package.json b/lib/channels/package.json
index 5803941ce7b..15ce52290db 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
@@ -22,7 +22,7 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
@@ -35,11 +35,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/cli-sb/package.json b/lib/cli-sb/package.json
index fee804726a3..5b4f8117d90 100644
--- a/lib/cli-sb/package.json
+++ b/lib/cli-sb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sb",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -22,9 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "6.0.0-beta.23"
+    "@storybook/cli": "6.1.0-alpha.14"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a"
 }
diff --git a/lib/cli-storybook/package.json b/lib/cli-storybook/package.json
index da1717bc474..7cfeeeff210 100644
--- a/lib/cli-storybook/package.json
+++ b/lib/cli-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "storybook",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook CLI",
   "keywords": [
     "storybook"
@@ -23,9 +23,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/cli": "6.0.0-beta.23"
+    "@storybook/cli": "6.1.0-alpha.14"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a"
 }
diff --git a/lib/cli/.babelrc.json b/lib/cli/.babelrc.json
index 9ab56eefbb5..d2ad1c00b00 100644
--- a/lib/cli/.babelrc.json
+++ b/lib/cli/.babelrc.json
@@ -12,6 +12,7 @@
     ]
   ],
   "ignore": [
+    "./src/frameworks",
     "./src/generators/**/template",
     "./src/generators/**/template-csf",
     "./src/generators/**/template-csf-ts",
diff --git a/lib/cli/README.md b/lib/cli/README.md
index 3e2f0efe8de..c8c0ceb3d05 100644
--- a/lib/cli/README.md
+++ b/lib/cli/README.md
@@ -53,4 +53,4 @@ If the CLI cannot detect your project type, it will ask you. You can also force
 npx -p @storybook/cli sb init --type <type>
 ```
 
-Where type is one of the project types defined in [project_types.js](https://github.com/storybookjs/storybook/blob/master/lib/cli/lib/project_types.js)
+Where type is one of the project types defined in [project_types.js](https://github.com/storybookjs/storybook/blob/next/lib/cli/src/project_types.ts)
diff --git a/lib/cli/package.json b/lib/cli/package.json
index ed01cfa4dd9..010916a6f31 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -28,20 +28,19 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*",
+    "ts3.4/**/*",
     "versions.json"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js && node -r esm ./scripts/generate-app-versions.js",
+    "prepare": "node ../../scripts/prepare.js && node -r esm ./scripts/generate-sb-packages-versions.js",
     "test": "cd test && ./run_tests.sh",
-    "test-latest-cra": "cd test && ./test_latest_cra.sh",
-    "test-yarn-2": "cd test && ./run_tests_yarn_2.sh"
+    "postversion": "node -r esm ./scripts/generate-sb-packages-versions.js"
   },
   "dependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/preset-env": "^7.9.6",
-    "@storybook/codemod": "6.0.0-beta.23",
-    "@storybook/node-logger": "6.0.0-beta.23",
+    "@babel/core": "^7.11.5",
+    "@babel/preset-env": "^7.11.5",
+    "@storybook/codemod": "6.1.0-alpha.14",
+    "@storybook/node-logger": "6.1.0-alpha.14",
     "@storybook/semver": "^7.3.2",
     "chalk": "^4.0.0",
     "commander": "^5.0.0",
@@ -57,37 +56,13 @@
     "jscodeshift": "^0.6.3",
     "json5": "^2.1.1",
     "leven": "^3.1.0",
-    "pkg-add-deps": "^0.1.0",
     "puppeteer-core": "^2.0.0",
     "shelljs": "^0.8.3",
     "strip-json-comments": "^3.0.1",
     "update-notifier": "^4.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-graphql": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/addon-links": "6.0.0-beta.23",
-    "@storybook/addon-storyshots": "6.0.0-beta.23",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/angular": "6.0.0-beta.23",
-    "@storybook/channel-postmessage": "6.0.0-beta.23",
-    "@storybook/channel-websocket": "6.0.0-beta.23",
-    "@storybook/channels": "6.0.0-beta.23",
-    "@storybook/ember": "6.0.0-beta.23",
-    "@storybook/html": "6.0.0-beta.23",
-    "@storybook/marionette": "6.0.0-beta.23",
-    "@storybook/marko": "6.0.0-beta.23",
-    "@storybook/mithril": "6.0.0-beta.23",
-    "@storybook/preact": "6.0.0-beta.23",
-    "@storybook/rax": "6.0.0-beta.23",
-    "@storybook/react": "6.0.0-beta.23",
-    "@storybook/react-native": "6.0.0-alpha.0",
-    "@storybook/riot": "6.0.0-beta.23",
-    "@storybook/svelte": "6.0.0-beta.23",
-    "@storybook/ui": "6.0.0-beta.23",
-    "@storybook/vue": "6.0.0-beta.23",
-    "@storybook/web-components": "6.0.0-beta.23",
+    "@storybook/client-api": "6.1.0-alpha.14",
     "@types/cross-spawn": "^6.0.1",
     "@types/inquirer": "^6.5.0",
     "@types/puppeteer-core": "^2.0.0",
@@ -101,5 +76,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/lib/cli/scripts/generate-app-versions.js b/lib/cli/scripts/generate-app-versions.js
deleted file mode 100644
index 3717442cb30..00000000000
--- a/lib/cli/scripts/generate-app-versions.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import fs from 'fs-extra';
-import path from 'path';
-import { parse } from 'json5';
-
-const logger = console;
-
-const appsFolder = path.join(__dirname, '..', '..', '..', 'app');
-
-const run = async () => {
-  const apps = await fs.readdir(appsFolder);
-  const versions = await Promise.all(
-    apps.map(async (appName) => {
-      const { name, version } = parse(
-        await fs.readFile(path.join(appsFolder, appName, 'package.json'))
-      );
-
-      return {
-        name,
-        version,
-      };
-    })
-  );
-
-  await fs.writeFile(
-    path.join(__dirname, '..', 'versions.json'),
-    JSON.stringify(
-      versions.reduce((acc, { name, version }) => ({ ...acc, [name]: version }), {}),
-      null,
-      2
-    )
-  );
-};
-
-run().catch((e) => {
-  logger.error(e);
-  process.exit(1);
-});
diff --git a/lib/cli/scripts/generate-sb-packages-versions.js b/lib/cli/scripts/generate-sb-packages-versions.js
new file mode 100644
index 00000000000..a9a5e964e2d
--- /dev/null
+++ b/lib/cli/scripts/generate-sb-packages-versions.js
@@ -0,0 +1,41 @@
+import { writeJson, readJson } from 'fs-extra';
+import path from 'path';
+import globby from 'globby';
+
+const rootDirectory = path.join(__dirname, '..', '..', '..');
+
+const logger = console;
+
+const run = async () => {
+  const storybookPackagesPaths = await globby(
+    `${rootDirectory}/@(app|addons|lib)/**/package.json`,
+    {
+      ignore: '**/node_modules/**/*',
+    }
+  );
+
+  const packageToVersionMap = (
+    await Promise.all(
+      storybookPackagesPaths.map(async (storybookPackagePath) => {
+        const { name, version } = await readJson(storybookPackagePath);
+
+        return {
+          name,
+          version,
+        };
+      })
+    )
+  )
+    // Remove non-`@storybook/XXX` package (like: `cli-sb`, `cli-storybook`)
+    .filter(({ name }) => /@storybook/.test(name))
+    // As some previous steps are asynchronous order is not always the same so sort them to avoid that
+    .sort((package1, package2) => package1.name.localeCompare(package2.name))
+    .reduce((acc, { name, version }) => ({ ...acc, [name]: version }), {});
+
+  await writeJson(path.join(__dirname, '..', 'versions.json'), packageToVersionMap, { spaces: 2 });
+};
+
+run().catch((e) => {
+  logger.error(e);
+  process.exit(1);
+});
diff --git a/lib/cli/src/.eslintrc.js b/lib/cli/src/.eslintrc.js
new file mode 100644
index 00000000000..5eff5c56025
--- /dev/null
+++ b/lib/cli/src/.eslintrc.js
@@ -0,0 +1,41 @@
+const ignore = 0;
+
+module.exports = {
+  overrides: [
+    {
+      files: '**/template[-?]*/**',
+      env: {
+        browser: true,
+      },
+      rules: {
+        'react/no-this-in-sfc': ignore,
+        'import/no-unresolved': ignore,
+        'react/react-in-jsx-scope': ignore,
+        'import/no-extraneous-dependencies': ignore,
+        'global-require': ignore,
+        'no-redeclare': ignore,
+      },
+    },
+    {
+      files: 'REACT_NATIVE/template/**',
+      env: {
+        browser: false,
+      },
+    },
+    {
+      files: 'frameworks/**/*',
+      env: {
+        browser: true,
+      },
+      rules: {
+        'jsx-a11y/anchor-is-valid': ignore,
+        'import/no-unresolved': ignore,
+        'react/prop-types': ignore,
+        'react/react-in-jsx-scope': ignore,
+        'import/no-extraneous-dependencies': ignore,
+        'import/extensions': ignore,
+        'import/named': ignore,
+      },
+    },
+  ],
+};
diff --git a/lib/cli/src/detect.test.ts b/lib/cli/src/detect.test.ts
index ae652a6a00d..e38d2ea8717 100644
--- a/lib/cli/src/detect.test.ts
+++ b/lib/cli/src/detect.test.ts
@@ -209,6 +209,16 @@ const MOCK_FRAMEWORK_FILES = [
       },
     },
   },
+  {
+    name: ProjectType.AURELIA,
+    files: {
+      'package.json': {
+        dependencies: {
+          'aurelia-bootstrapper': '1.0.0',
+        },
+      },
+    },
+  },
 ];
 
 describe('Detect', () => {
diff --git a/lib/cli/src/extract.ts b/lib/cli/src/extract.ts
index 77aa3ba9420..75182dd1290 100644
--- a/lib/cli/src/extract.ts
+++ b/lib/cli/src/extract.ts
@@ -17,28 +17,7 @@ const read = async (url: string) => {
   const data = JSON.parse(
     await page.evaluate(async () => {
       // eslint-disable-next-line no-undef
-      const d = window.__STORYBOOK_STORY_STORE__.extract();
-
-      const result = Object.entries(d).reduce(
-        (acc, [k, v]: [string, any]) => ({
-          ...acc,
-          [k]: {
-            ...v,
-            parameters: {
-              globalArgs: v.parameters.globalArgs,
-              globalArgTypes: v.parameters.globalArgTypes,
-              options: v.parameters.options,
-              args: v.parameters.args,
-              argTypes: v.parameters.argTypes,
-              framework: v.parameters.framework,
-              fileName: v.parameters.fileName,
-              docsOnly: v.parameters.docsOnly,
-            },
-          },
-        }),
-        {}
-      );
-      return JSON.stringify(result, null, 2);
+      return JSON.stringify(window.__STORYBOOK_STORY_STORE__.getStoriesJsonData(), null, 2);
     })
   );
 
@@ -95,9 +74,9 @@ export async function extract(input: string, targetPath: string) {
   if (input && targetPath) {
     const [location, exit] = await useLocation(input);
 
-    const stories = await read(location);
+    const data = await read(location);
 
-    await writeFile(targetPath, JSON.stringify({ stories }, null, 2));
+    await writeFile(targetPath, JSON.stringify(data, null, 2));
 
     await exit();
   } else {
diff --git a/lib/cli/src/frameworks/angular/Button.stories.ts b/lib/cli/src/frameworks/angular/Button.stories.ts
new file mode 100644
index 00000000000..feba4f551f7
--- /dev/null
+++ b/lib/cli/src/frameworks/angular/Button.stories.ts
@@ -0,0 +1,39 @@
+// also exported from '@storybook/angular' if you can deal with breaking changes in 6.1
+import { Story, Meta } from '@storybook/angular/types-6-0';
+import Button from './button.component';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+} as Meta;
+
+const Template: Story<Button> = (args: Button) => ({
+  component: Button,
+  props: args,
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/angular/Header.stories.ts b/lib/cli/src/frameworks/angular/Header.stories.ts
new file mode 100644
index 00000000000..e8f6cca9ee9
--- /dev/null
+++ b/lib/cli/src/frameworks/angular/Header.stories.ts
@@ -0,0 +1,31 @@
+import { moduleMetadata } from '@storybook/angular';
+import { CommonModule } from '@angular/common';
+// also exported from '@storybook/angular' if you can deal with breaking changes in 6.1
+import { Story, Meta } from '@storybook/angular/types-6-0';
+
+import Button from './button.component';
+import Header from './header.component';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+  decorators: [
+    moduleMetadata({
+      declarations: [Button],
+      imports: [CommonModule],
+    }),
+  ],
+} as Meta;
+
+const Template: Story<Header> = (args: Header) => ({
+  component: Header,
+  props: args,
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/angular/Page.stories.ts b/lib/cli/src/frameworks/angular/Page.stories.ts
new file mode 100644
index 00000000000..793c9f9130f
--- /dev/null
+++ b/lib/cli/src/frameworks/angular/Page.stories.ts
@@ -0,0 +1,36 @@
+import { moduleMetadata } from '@storybook/angular';
+import { CommonModule } from '@angular/common';
+// also exported from '@storybook/react' if you can deal with breaking changes in 6.1
+import { Story, Meta } from '@storybook/angular/types-6-0';
+
+import Button from './button.component';
+import Header from './header.component';
+import Page from './page.component';
+
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  component: Header,
+  decorators: [
+    moduleMetadata({
+      declarations: [Button, Header],
+      imports: [CommonModule],
+    }),
+  ],
+} as Meta;
+
+const Template: Story<Page> = (args: Page) => ({
+  component: Page,
+  props: args,
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/frameworks/angular/button.component.ts b/lib/cli/src/frameworks/angular/button.component.ts
new file mode 100644
index 00000000000..3d0efd6af2f
--- /dev/null
+++ b/lib/cli/src/frameworks/angular/button.component.ts
@@ -0,0 +1,53 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'storybook-button',
+  template: ` <button
+    type="button"
+    (click)="onClick.emit($event)"
+    [ngClass]="classes"
+    [ngStyle]="{ 'background-color': backgroundColor }"
+  >
+    {{ label }}
+  </button>`,
+  styleUrls: ['./button.css'],
+})
+export default class ButtonComponent {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  @Input()
+  primary = false;
+
+  /**
+   * What background color to use
+   */
+  @Input()
+  backgroundColor?: string;
+
+  /**
+   * How large should the button be?
+   */
+  @Input()
+  size: 'small' | 'medium' | 'large' = 'medium';
+
+  /**
+   * Button contents
+   *
+   * @required
+   */
+  @Input()
+  label = 'Button';
+
+  /**
+   * Optional click handler
+   */
+  @Output()
+  onClick = new EventEmitter<Event>();
+
+  public get classes(): string[] {
+    const mode = this.primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+
+    return ['storybook-button', `storybook-button--${this.size}`, mode];
+  }
+}
diff --git a/lib/cli/src/frameworks/angular/header.component.ts b/lib/cli/src/frameworks/angular/header.component.ts
new file mode 100644
index 00000000000..7be2696926a
--- /dev/null
+++ b/lib/cli/src/frameworks/angular/header.component.ts
@@ -0,0 +1,63 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'storybook-header',
+  template: `<header>
+    <div class="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        <storybook-button
+          *ngIf="user"
+          size="small"
+          (onClick)="onLogout.emit($event)"
+          label="Log out"
+        ></storybook-button>
+        <storybook-button
+          *ngIf="!user"
+          size="small"
+          (onClick)="onLogin.emit($event)"
+          label="Log in"
+        ></storybook-button>
+        <storybook-button
+          *ngIf="!user"
+          primary
+          size="small"
+          (onClick)="onCreateAccount.emit($event)"
+          label="Sign up"
+        ></storybook-button>
+      </div>
+    </div>
+  </header>`,
+  styleUrls: ['./header.css'],
+})
+export default class HeaderComponent {
+  @Input()
+  user: unknown = null;
+
+  @Output()
+  onLogin = new EventEmitter<Event>();
+
+  @Output()
+  onLogout = new EventEmitter<Event>();
+
+  @Output()
+  onCreateAccount = new EventEmitter<Event>();
+}
diff --git a/lib/cli/src/frameworks/angular/page.component.ts b/lib/cli/src/frameworks/angular/page.component.ts
new file mode 100644
index 00000000000..24f2552259e
--- /dev/null
+++ b/lib/cli/src/frameworks/angular/page.component.ts
@@ -0,0 +1,92 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+  selector: 'storybook-page',
+  template: `<article>
+    <storybook-header
+      [user]="user"
+      (onLogout)="onLogout.emit($event)"
+      (onLogin)="onLogin.emit($event)"
+      (onCreateAccount)="onCreateAccount.emit($event)"
+    ></storybook-header>
+    <section>
+      <h2>Pages in Storybook</h2>
+      <p>
+        We recommend building UIs with a
+        <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+          <strong>component-driven</strong>
+        </a>
+        process starting with atomic components and ending with pages.
+      </p>
+      <p>
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul>
+        <li>
+          Use a higher-level connected component. Storybook helps you compose such data from the
+          "args" of child component stories
+        </li>
+        <li>
+          Assemble data in the page component from your services. You can mock these services out
+          using Storybook.
+        </li>
+      </ul>
+      <p>
+        Get a guided tutorial on component-driven development at
+        <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+          Learn Storybook
+        </a>
+        . Read more in the
+        <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+          docs
+        </a>
+        .
+      </p>
+      <div class="tip-wrapper">
+        <span class="tip">Tip</span> Adjust the width of the canvas with the
+        <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+              id="a"
+              fill="#999"
+            />
+          </g>
+        </svg>
+        Viewports addon in the toolbar
+      </div>
+    </section>
+  </article>`,
+  styleUrls: ['./page.css'],
+})
+export default class PageComponent {
+  @Input()
+  user: unknown = null;
+
+  @Output()
+  onLogin = new EventEmitter<Event>();
+
+  @Output()
+  onLogout = new EventEmitter<Event>();
+
+  @Output()
+  onCreateAccount = new EventEmitter<Event>();
+}
+
+// export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
+//   <article>
+//     <Header user={user} onLogin={onLogin} onLogout={onLogout} onCreateAccount={onCreateAccount} />
+
+// );
+// Page.propTypes = {
+//   user: PropTypes.shape({}),
+//   onLogin: PropTypes.func.isRequired,
+//   onLogout: PropTypes.func.isRequired,
+//   onCreateAccount: PropTypes.func.isRequired,
+// };
+
+// Page.defaultProps = {
+//   user: null,
+// };
diff --git a/lib/cli/src/generators/ANGULAR/template-csf/src/stories/1-Button.stories.ts b/lib/cli/src/frameworks/aurelia/1-Button.stories.ts
similarity index 65%
rename from lib/cli/src/generators/ANGULAR/template-csf/src/stories/1-Button.stories.ts
rename to lib/cli/src/frameworks/aurelia/1-Button.stories.ts
index 4f740006eac..34b329040d6 100644
--- a/lib/cli/src/generators/ANGULAR/template-csf/src/stories/1-Button.stories.ts
+++ b/lib/cli/src/frameworks/aurelia/1-Button.stories.ts
@@ -1,28 +1,31 @@
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
 
-import { Button } from '@storybook/angular/demo';
+import Button from './button';
 
 export default {
   title: 'Button',
   component: Button,
+  argTypes: {
+    text: { control: 'text' },
+  },
 };
 
-export const Text = () => ({
+const Template = (args) => ({
   component: Button,
-  props: {
-    text: 'Hello Button',
-  },
+  props: args,
 });
 
-export const Emoji = () => ({
-  component: Button,
-  props: {
-    text: '😀 😎 👍 💯',
-  },
-});
+export const Text = Template.bind({});
+Text.args = {
+  text: 'Button',
+  onClick: action('onClick'),
+};
 
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
+export const Emoji = Template.bind({});
+Emoji.args = {
+  text: '😀 😎 👍 💯',
+};
 
 export const TextWithAction = () => ({
   component: Button,
@@ -39,7 +42,7 @@ export const ButtonWithLinkToAnotherStory = () => ({
   component: Button,
   props: {
     text: 'Go to Welcome Story',
-    onClick: linkTo('Welcome'),
+    onClick: linkTo('example-introduction--page'),
   },
 });
 
diff --git a/lib/cli/src/frameworks/aurelia/button.ts b/lib/cli/src/frameworks/aurelia/button.ts
new file mode 100644
index 00000000000..86cac656b57
--- /dev/null
+++ b/lib/cli/src/frameworks/aurelia/button.ts
@@ -0,0 +1,28 @@
+import { customElement, bindable } from 'aurelia';
+
+@customElement({
+  name: 'storybook-button-component',
+  template: `
+  <template>
+    <button click.delegate="onClick($event)">\${text}</button>
+    <style>
+    button {
+      border: 1px solid #eee;
+      border-radius: 3px;
+      background-color: #ffffff;
+      cursor: pointer;
+      font-size: 15px;
+      padding: 3px 10px;
+      margin: 10px;
+    }
+    </style>
+    </template>
+  `,
+})
+export default class Button {
+  @bindable()
+  text = '';
+
+  @bindable()
+  onClick: MouseEvent;
+}
diff --git a/lib/cli/src/frameworks/common/Introduction.stories.mdx b/lib/cli/src/frameworks/common/Introduction.stories.mdx
new file mode 100644
index 00000000000..cdf16c59c7c
--- /dev/null
+++ b/lib/cli/src/frameworks/common/Introduction.stories.mdx
@@ -0,0 +1,194 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+import Code from './assets/code-brackets.svg';
+import Colors from './assets/colors.svg';
+import Comments from './assets/comments.svg';
+import Direction from './assets/direction.svg';
+import Flow from './assets/flow.svg';
+import Plugin from './assets/plugin.svg';
+import Repo from './assets/repo.svg';
+import StackAlt from './assets/stackalt.svg';
+
+<Meta title="Example/Introduction" />
+
+<style>{`
+  .subheading {
+    --mediumdark: '#999999';
+    font-weight: 900;
+    font-size: 13px;
+    color: #999;
+    letter-spacing: 6px;
+    line-height: 24px;
+    text-transform: uppercase;
+    margin-bottom: 12px;
+    margin-top: 40px;
+  }
+
+  .link-list {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr 1fr;
+    row-gap: 10px;
+  }
+
+  @media (min-width: 620px) {
+    .link-list {
+      row-gap: 20px;
+      column-gap: 20px;
+      grid-template-columns: 1fr 1fr;
+    }
+  }
+
+  @media all and (-ms-high-contrast:none) {
+  .link-list {
+      display: -ms-grid;
+      -ms-grid-columns: 1fr 1fr;
+      -ms-grid-rows: 1fr 1fr;
+    }
+  }
+
+  .link-item {
+    display: block;
+    padding: 20px 30px 20px 15px;
+    border: 1px solid #00000010;
+    border-radius: 5px;
+    transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
+    color: #333333;
+    display: flex;
+    align-items: flex-start;
+  }
+
+  .link-item:hover {
+    border-color: #1EA7FD50;
+    transform: translate3d(0, -3px, 0);
+    box-shadow: rgba(0, 0, 0, 0.08) 0 3px 10px 0;
+  }
+
+  .link-item:active {
+    border-color: #1EA7FD;
+    transform: translate3d(0, 0, 0);
+  }
+
+  .link-item strong {
+    font-weight: 700;
+    display: block;
+    margin-bottom: 2px;
+  }
+  
+  .link-item img {
+    height: 40px;
+    width: 40px;
+    margin-right: 15px;
+    flex: none;
+  }
+
+  .link-item span {
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  .tip {
+    display: inline-block;
+    border-radius: 1em;
+    font-size: 11px;
+    line-height: 12px;
+    font-weight: 700;
+    background: #E7FDD8;
+    color: #66BF3C;
+    padding: 4px 12px;
+    margin-right: 10px;
+    vertical-align: top;
+  }
+
+  .tip-wrapper {
+    font-size: 13px;
+    line-height: 20px;
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+
+  .tip-wrapper code {
+    font-size: 12px;
+    display: inline-block;
+  }
+
+  
+`}</style>
+
+# Welcome to Storybook
+
+Storybook helps you build UI components in isolation from your app's business logic, data, and context.
+That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA.
+
+Browse example stories now by navigating to them in the sidebar.
+View their code in the `src/storybook-examples` directory to learn how they work.
+We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
+
+<div class="subheading">Configure</div>
+
+<div class="link-list">
+  <a class="link-item" href="https://storybook.js.org/docs/react/api/presets" target="_blank">
+    <img src={Plugin} alt="plugin" />
+    <span>
+      <strong>Presets for popular tools</strong>
+      Easy setup for TypeScript, SCSS and more.
+    </span>
+  </a>
+  <a class="link-item" href="https://storybook.js.org/docs/react/configure/webpack" target="_blank">
+    <img src={StackAlt} alt="Build" />
+    <span>
+      <strong>Build configuration</strong>
+      How to customize webpack and Babel
+    </span>
+  </a>
+  <a class="link-item" href="https://storybook.js.org/docs/react/configure/styling-and-css" target="_blank">
+    <img src={Colors} alt="colors" />
+    <span>
+      <strong>Styling</strong>
+      How to load and configure CSS libraries
+    </span>
+  </a>
+  <a class="link-item" href="https://storybook.js.org/docs/react/get-started/setup#configure-storybook-for-your-stack" target="_blank">
+    <img src={Flow} alt="flow" />
+    <span>
+      <strong>Data</strong>
+      Providers and mocking for data libraries
+    </span>
+  </a>
+</div>
+
+<div class="subheading">Learn</div>
+
+<div class="link-list">
+  <a class="link-item" href="https://storybook.js.org/docs" target="_blank">
+    <img src={Repo} alt="repo" />
+    <span>
+      <strong>Storybook documentation</strong>
+      Configure, customize, and extend
+    </span>
+  </a>
+  <a class="link-item" href="https://www.learnstorybook.com" target="_blank">
+    <img src={Direction} alt="direction" />
+    <span>
+      <strong>In-depth guides</strong>
+      Best practices from leading teams
+    </span>
+  </a>
+  <a class="link-item" href="https://github.com/storybookjs/storybook" target="_blank">
+    <img src={Code} alt="code" />
+    <span>
+      <strong>GitHub project</strong>
+      View the source and add issues
+    </span>
+  </a>
+  <a class="link-item" href="https://discord.gg/UUt2PJb" target="_blank">
+    <img src={Comments} alt="comments" />
+    <span>
+      <strong>Discord chat</strong>
+      Chat with maintainers and the community
+    </span>
+  </a>
+</div>
+
+<div class="tip-wrapper">
+  <span class="tip">Tip</span>Edit the Markdown in <code>src/storybook-examples/welcome.mdx</code>
+</div>
diff --git a/lib/cli/src/frameworks/common/assets/code-brackets.svg b/lib/cli/src/frameworks/common/assets/code-brackets.svg
new file mode 100644
index 00000000000..73de9477600
--- /dev/null
+++ b/lib/cli/src/frameworks/common/assets/code-brackets.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/code-brackets</title><g id="illustration/code-brackets" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#87E6E5" d="M11.4139325,12 C11.7605938,12 12,12.5059743 12,13.3779712 L12,17.4951758 L6.43502246,23.3839989 C5.85499251,23.9978337 5.85499251,25.0021663 6.43502246,25.6160011 L12,31.5048242 L12,35.6220288 C12,36.4939606 11.7605228,37 11.4139325,37 C11.2725831,37 11.1134406,36.9158987 10.9453839,36.7379973 L0.435022463,25.6160011 C-0.145007488,25.0021663 -0.145007488,23.9978337 0.435022463,23.3839989 L10.9453839,12.2620027 C11.1134051,12.0841663 11.2725831,12 11.4139325,12 Z M36.5860675,12 C36.7274169,12 36.8865594,12.0841013 37.0546161,12.2620027 L47.5649775,23.3839989 C48.1450075,23.9978337 48.1450075,25.0021663 47.5649775,25.6160011 L37.0546161,36.7379973 C36.8865949,36.9158337 36.7274169,37 36.5860675,37 C36.2394062,37 36,36.4940257 36,35.6220288 L36,31.5048242 L41.5649775,25.6160011 C42.1450075,25.0021663 42.1450075,23.9978337 41.5649775,23.3839989 L36,17.4951758 L36,13.3779712 C36,12.5060394 36.2394772,12 36.5860675,12 Z"/><rect id="Rectangle-7-Copy-5" width="35.57" height="4" x="5.009" y="22.662" fill="#A0DB77" rx="2" transform="translate(22.793959, 24.662305) rotate(-75.000000) translate(-22.793959, -24.662305)"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/src/frameworks/common/assets/colors.svg b/lib/cli/src/frameworks/common/assets/colors.svg
new file mode 100644
index 00000000000..17d58d516e1
--- /dev/null
+++ b/lib/cli/src/frameworks/common/assets/colors.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/colors</title><g id="illustration/colors" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><circle id="Oval" cx="23.763" cy="16.192" r="13.271" fill="#FC521F" opacity=".6"/><circle id="Oval-Copy" cx="15.468" cy="32.308" r="13.271" fill="#66BF3C" opacity=".6"/><path id="Combined-Shape" fill="#FF5F95" d="M15.4683651,19.0362231 C21.5434817,19.0362231 26.6652087,23.1181689 28.2404554,28.6889694 C26.8420385,29.1906678 25.3344184,29.4637769 23.7630101,29.4637769 C17.6878936,29.4637769 12.5661666,25.3818311 10.9909199,19.8110306 C12.3898993,19.3092302 13.8972501,19.0362231 15.4683651,19.0362231 Z"/><circle id="Oval-Copy-2" cx="32.532" cy="32.308" r="13.271" fill="#1EA7FD" opacity=".6"/><path id="Combined-Shape" fill="#87E6E5" d="M24.00025,22.1417324 C26.897967,24.5762286 28.7397972,28.2268506 28.7397972,32.3076552 C28.7397972,36.3884597 26.897967,40.0390817 24.00025,42.4735779 C21.1018087,40.038637 19.2602028,36.3882111 19.2602028,32.3076552 C19.2602028,28.2815316 21.0530043,24.6741393 23.8838362,22.2402492 Z"/><path id="Combined-Shape" fill="#FBD178" d="M32.5316349,19.0362231 C33.9415155,19.0362231 35.3000478,19.2560712 36.5748203,19.6633557 C35.0489179,25.3104816 29.8909911,29.4637769 23.7630101,29.4637769 C22.3527608,29.4637769 20.9938866,29.2438138 19.7188247,28.8363247 C21.2451195,23.1900077 26.403293,19.0362231 32.5316349,19.0362231 Z"/><path id="Combined-Shape" fill="#FFF" d="M24.00025,22.1417324 L24.0124326,22.1519799 C24.1747744,22.288701 24.3337918,22.4292434 24.4893463,22.5734686 L24.3896855,22.4820008 C24.4671836,22.552408 24.5438453,22.6237194 24.619654,22.6959185 L24.4893463,22.5734686 C24.5690639,22.6473803 24.6478719,22.7222591 24.7257519,22.7980864 L24.619654,22.6959185 C24.6907654,22.7636441 24.7611262,22.8321506 24.8307226,22.9014245 L24.7257519,22.7980864 C24.8120661,22.8821258 24.8972403,22.9673303 24.981249,23.0536745 L24.8307226,22.9014245 C24.9073006,22.9776475 24.9829531,23.0547994 25.0576619,23.132862 L25.057852,23.1330605 C25.3140855,23.4007967 25.559391,23.679459 25.7928375,23.9681079 L25.7230574,23.8825538 C25.7985998,23.9743942 25.8729325,24.0672672 25.9460311,24.1611484 L25.7928375,23.9681079 C25.8624256,24.0541514 25.93096,24.1410823 25.998421,24.228881 L25.9460311,24.1611484 C26.0074362,24.2400115 26.0679704,24.319586 26.1276194,24.3998576 L25.998421,24.228881 C26.0663495,24.317288 26.1331896,24.4065749 26.1989214,24.4967216 L26.1276194,24.3998576 C26.204848,24.5037867 26.2805926,24.6088841 26.3548219,24.7151187 L26.1989214,24.4967216 C26.2678555,24.59126 26.3355706,24.6867441 26.4020436,24.7831507 L26.3548219,24.7151187 C26.4130013,24.798383 26.4702498,24.8823459 26.5265523,24.9669921 L26.4020436,24.7831507 C26.4678788,24.8786322 26.5324956,24.9750187 26.5958716,25.0722875 L26.5959296,25.0723765 C26.736338,25.2878741 26.870709,25.5077955 26.9987399,25.7318073 L26.9410662,25.6319089 C26.9973106,25.7283602 27.0523736,25.8255849 27.1062352,25.9235633 L26.9987399,25.7318073 C27.0539848,25.8284676 27.1080492,25.9258895 27.1609136,26.0240532 L27.1606656,26.0235927 C27.2696676,26.2259984 27.3733426,26.4310837 27.4717677,26.6391379 L27.4715275,26.6386302 C27.5541941,26.8133735 27.6329386,26.9896914 27.7079006,27.1679911 C27.7630163,27.299081 27.8161443,27.431391 27.8671831,27.5647345 L27.804312,27.4036517 C27.8391482,27.4912057 27.8730792,27.5792182 27.9060936,27.6676774 L27.8671831,27.5647345 C27.906613,27.6677486 27.9447959,27.7713796 27.9817136,27.8756091 L27.9060936,27.6676774 C27.946474,27.7758735 27.9854831,27.884738 28.0230997,27.9942498 L27.9817136,27.8756091 C28.0144978,27.9681688 28.0462842,28.0612004 28.0770597,28.1546911 L28.0230997,27.9942498 C28.0618265,28.1069941 28.0990774,28.2204244 28.1348294,28.3345177 L28.0770597,28.1546911 C28.1112208,28.2584663 28.1441365,28.3628071 28.175789,28.4676958 L28.1756797,28.4673338 L28.2408136,28.6893554 C28.2284694,28.6937793 28.2161167,28.6981854 28.2037557,28.7025737 L28.2404554,28.6889694 C27.9517707,28.7925384 27.6584322,28.8863659 27.3608394,28.97006 L27.3609965,28.9702524 C27.0695498,29.0519815 26.7741843,29.1241944 26.4751174,29.1863314 L26.5385665,29.1730829 C26.3901218,29.2046704 26.2407589,29.2337757 26.0905233,29.2603535 L26.4751174,29.1863314 C26.3367402,29.215082 26.1975707,29.2416755 26.0576458,29.2660754 L26.0905233,29.2603535 C25.9366833,29.2875689 25.7819282,29.312134 25.6263069,29.334 L26.0576458,29.2660754 C25.9017815,29.2932549 25.7449801,29.3177127 25.5872928,29.3393985 L25.6263069,29.334 C25.493366,29.3526793 25.3597929,29.3693888 25.2256182,29.3840982 L25.5872928,29.3393985 C25.4326976,29.360659 25.277251,29.3792552 25.1210012,29.3951396 L25.2256182,29.3840982 C25.0570566,29.4025774 24.8875455,29.4178998 24.7171453,29.4300052 L25.1210012,29.3951396 C24.9661341,29.4108835 24.810478,29.4239634 24.6540799,29.4343333 L24.7171453,29.4300052 C24.5612618,29.4410793 24.4046342,29.4494611 24.2473088,29.4551045 L24.6540799,29.4343333 C24.5098436,29.4438967 24.3649762,29.4511552 24.2195147,29.4560724 L24.2473088,29.4551045 C24.0865878,29.4608697 23.9251385,29.4637769 23.7630101,29.4637769 L23.3130142,29.4562912 C23.2993121,29.4558347 23.2856153,29.4553574 23.2719237,29.4548593 C22.9596275,29.4434959 22.6502324,29.4213577 22.3439491,29.3888006 L22.3886972,29.3934808 C22.2468147,29.3788837 22.105595,29.3620515 21.9650736,29.3430199 L22.3439491,29.3888006 C22.1914515,29.3725905 22.0397254,29.3537976 21.8888152,29.3324664 L21.9650736,29.3430199 C21.8025527,29.3210088 21.6409661,29.2960557 21.4803691,29.2682161 L21.8888152,29.3324664 C21.7352182,29.3107553 21.5824665,29.2864149 21.4306071,29.2594919 L21.4803691,29.2682161 C21.3506285,29.2457255 21.2215338,29.221351 21.0931142,29.1951218 L21.4306071,29.2594919 C21.2772401,29.2323016 21.1247833,29.2024774 20.973285,29.1700676 L21.0931142,29.1951218 C20.9267071,29.1611338 20.7614335,29.1240315 20.5973571,29.0838786 L20.973285,29.1700676 C20.825476,29.138447 20.6785795,29.1043653 20.5326403,29.0678674 L20.5973571,29.0838786 C20.4596684,29.0501832 20.3228227,29.0143396 20.1868576,28.9763851 L20.5326403,29.0678674 C20.3930822,29.0329653 20.2543997,28.9958536 20.1166319,28.9565718 L20.1169729,28.956669 L19.7188247,28.8363247 L19.7188247,28.8363247 L19.7880988,28.5894836 C19.8166627,28.4914193 19.8463277,28.3938241 19.8770797,28.2967124 L19.8480041,28.389868 C19.888904,28.2573207 19.931824,28.1256601 19.9767281,27.9949221 L19.8770797,28.2967124 C19.9117081,28.1873592 19.9477148,28.0786191 19.9850793,27.9705124 L19.9853117,27.9700125 C20.1152243,27.5939638 20.2618428,27.2250995 20.4240731,26.8647811 L20.345088,27.0439391 C20.3899401,26.9402428 20.4360767,26.8372321 20.4834778,26.7349269 L20.4240731,26.8647811 C20.461061,26.78263 20.4988604,26.7009231 20.5374612,26.6196707 L20.4834778,26.7349269 C20.5344734,26.6248636 20.5869326,26.515617 20.6408302,26.4072119 L20.5374612,26.6196707 C20.5871241,26.5151329 20.6381134,26.4113474 20.6904074,26.308336 L20.6408302,26.4072119 C20.681671,26.3250682 20.7233378,26.2434076 20.7658197,26.1622412 L20.7658807,26.1619302 C20.8435258,26.013775 20.923959,25.866962 21.0070529,25.7218685 C21.2050227,25.3759931 21.4182299,25.0398756 21.6456589,24.7144306 L21.5286537,24.8848257 C21.5876708,24.7975143 21.6476996,24.7109431 21.7087233,24.6251289 L21.6456589,24.7144306 C21.6993229,24.6376387 21.7537788,24.5614411 21.8090146,24.4858495 L21.7087233,24.6251289 C21.7826333,24.5211934 21.8580028,24.4183683 21.9348018,24.3166836 L21.8090146,24.4858495 C21.8722751,24.3992759 21.9365587,24.3134973 22.0018475,24.2285315 L22.0016895,24.2288802 C22.3179789,23.8171232 22.6576794,23.4247699 23.0189296,23.053491 L22.8296293,23.2521975 C22.9033796,23.1732135 22.9780829,23.095131 23.0537208,23.0179683 L23.0189296,23.053491 C23.083529,22.9870982 23.1488175,22.9213793 23.2147836,22.8563459 L23.0537208,23.0179683 C23.131055,22.9390752 23.2093662,22.8611436 23.2886348,22.7841931 L23.2147836,22.8563459 C23.2821211,22.7899605 23.3501645,22.7242893 23.4189017,22.6593447 L23.2886348,22.7841931 C23.3852399,22.6904132 23.4832671,22.5980904 23.582681,22.5072602 L23.4189017,22.6593447 C23.4912637,22.5909753 23.5643945,22.523411 23.6382797,22.4566663 L23.582681,22.5072602 C23.6715916,22.4260264 23.7616113,22.3459865 23.8527148,22.2671658 L23.8525967,22.2671923 C23.8915062,22.2336043 23.9304941,22.2002638 23.9696766,22.1671464 L24.00025,22.1417324 Z"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/src/frameworks/common/assets/comments.svg b/lib/cli/src/frameworks/common/assets/comments.svg
new file mode 100644
index 00000000000..6493a139f52
--- /dev/null
+++ b/lib/cli/src/frameworks/common/assets/comments.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/comments</title><g id="illustration/comments" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Path" fill="#96D07C" d="M2.52730803,17.9196415 C2.44329744,17.9745167 2.36370847,18.000488 2.29303375,18.000488 C2.1197031,18.000488 2,17.8443588 2,17.5752855 L2,4 C2,1.790861 3.790861,3.23296945e-13 6,3.23296945e-13 L33.9995117,3.23296945e-13 C36.2086507,3.23296945e-13 37.9995117,1.790861 37.9995117,4 L37.9995117,9.999512 C37.9995117,12.208651 36.2086507,13.999512 33.9995117,13.999512 L8,13.999512 C7.83499225,13.999512 7.6723181,13.9895206 7.51254954,13.9701099 L2.52730803,17.9196415 Z"/><path id="Path" fill="#73E1E0" d="M7.51066,44.9703679 L2.52730803,47.9186655 C2.44329744,47.9735407 2.36370847,47.999512 2.29303375,47.999512 C2.1197031,47.999512 2,47.8433828 2,47.5743095 L2,35 C2,32.790861 3.790861,31 6,31 L26,31 C28.209139,31 30,32.790861 30,35 L30,41 C30,43.209139 28.209139,45 26,45 L8,45 C7.8343417,45 7.67103544,44.9899297 7.51066,44.9703679 Z"/><path id="Path" fill="#FFD476" d="M46,19.5 L46,33.0747975 C46,33.3438708 45.8802969,33.5 45.7069663,33.5 C45.6362915,33.5 45.5567026,33.4740287 45.472692,33.4191535 L40.4887103,29.4704446 C40.3285371,29.489956 40.1654415,29.5 40,29.5 L18,29.5 C15.790861,29.5 14,27.709139 14,25.5 L14,19.5 C14,17.290861 15.790861,15.5 18,15.5 L42,15.5 C44.209139,15.5 46,17.290861 46,19.5 Z"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/src/frameworks/common/assets/direction.svg b/lib/cli/src/frameworks/common/assets/direction.svg
new file mode 100644
index 00000000000..65676ac2722
--- /dev/null
+++ b/lib/cli/src/frameworks/common/assets/direction.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/direction</title><g id="illustration/direction" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#FFD476" d="M23.4917015,33.6030641 L2.93840258,31.4321033 C2.38917316,31.3740904 1.99096346,30.8818233 2.04897631,30.3325939 C2.0747515,30.0885705 2.18934861,29.8625419 2.37095722,29.6975265 L34.2609105,0.721285325 C34.6696614,0.349881049 35.3021022,0.38015648 35.6735064,0.788907393 C35.9232621,1.06377731 36.0001133,1.45442096 35.8730901,1.80341447 L24.5364357,32.9506164 C24.3793473,33.3822133 23.9484565,33.6513092 23.4917015,33.6030641 L23.4917015,33.6030641 Z"/><path id="Combined-Shape-Copy" fill="#FFC445" d="M24.3163597,33.2881029 C24.0306575,33.0138462 23.9337246,32.5968232 24.069176,32.2246735 L35.091923,1.9399251 C35.2266075,1.56988243 35.5659249,1.31333613 35.9586669,1.28460955 C36.5094802,1.24432106 36.9886628,1.65818318 37.0289513,2.20899647 L40.2437557,46.1609256 C40.2644355,46.4436546 40.1641446,46.7218752 39.9678293,46.9263833 C39.5853672,47.3248067 38.9523344,47.3377458 38.5539111,46.9552837 L24.3163597,33.2881029 L24.3163597,33.2881029 Z"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/src/frameworks/common/assets/flow.svg b/lib/cli/src/frameworks/common/assets/flow.svg
new file mode 100644
index 00000000000..8ac27db403c
--- /dev/null
+++ b/lib/cli/src/frameworks/common/assets/flow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/flow</title><g id="illustration/flow" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#79C9FC" fill-rule="nonzero" d="M30,29 C32.7614237,29 35,26.7614237 35,24 C35,14.6111593 27.3888407,7 18,7 C8.61115925,7 1,14.6111593 1,24 C1,33.3888407 8.61115925,41 18,41 C19.3333404,41 20.6447683,40.8466238 21.9154603,40.5471706 C19.5096374,39.3319645 17.5510566,37.8612875 16.0456579,36.1314815 C14.1063138,33.9030427 12.769443,31.0725999 12.0293806,27.6556449 C11.360469,26.565281 11,25.3082308 11,24 C11,20.1340068 14.1340068,17 18,17 C21.8659932,17 25,20.1340068 25,24 C25,26.125 27.7040312,29 30,29 Z"/><path id="Combined-Shape-Copy" fill="#FFC445" fill-rule="nonzero" d="M42,29 C44.7614237,29 47,26.7614237 47,24 C47,14.6111593 39.3888407,7 30,7 C20.6111593,7 13,14.6111593 13,24 C13,33.3888407 20.6111593,41 30,41 C31.3333404,41 32.6447683,40.8466238 33.9154603,40.5471706 C31.5096374,39.3319645 29.4051056,37.9781963 28.0456579,36.1314815 C26.0625,33.4375 23,27.1875 23,24 C23,20.1340068 26.1340068,17 30,17 C33.8659932,17 37,20.1340068 37,24 C37.02301,26.3435241 39.7040312,29 42,29 Z" transform="translate(30.000000, 24.000000) scale(-1, -1) translate(-30.000000, -24.000000)"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/src/frameworks/common/assets/plugin.svg b/lib/cli/src/frameworks/common/assets/plugin.svg
new file mode 100644
index 00000000000..29e5c690c0a
--- /dev/null
+++ b/lib/cli/src/frameworks/common/assets/plugin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/plugin</title><g id="illustration/plugin" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#79C9FC" d="M26,15.3994248 C26,15.4091303 26,15.4188459 26,15.4285714 L26,21.4694881 C25.8463595,21.4969567 25.6941676,21.51275 25.5873784,21.51275 C25.4974117,21.51275 25.4230979,21.4768034 25.377756,21.4206259 L25.2660784,21.2822603 L25.1317423,21.1657666 C24.2436317,20.3956144 23.100098,19.9633214 21.895551,19.9633214 C19.2039137,19.9633214 17,22.1075558 17,24.7804643 C17,27.4533728 19.2039137,29.5976071 21.895551,29.5976071 C23.1972122,29.5976071 24.3149423,29.2878193 25.1231445,28.3613697 C25.4542273,27.9818463 25.568273,27.9073214 25.5873784,27.9073214 C25.681532,27.9073214 25.8352452,27.9239643 26,27.9524591 L26,32.5714286 C26,32.5811541 26,32.5908697 26,32.6005752 L26,33 C26,35.209139 24.209139,37 22,37 L4,37 C1.790861,37 0,35.209139 0,33 L0,15 C0,12.790861 1.790861,11 4,11 L22,11 C24.209139,11 26,12.790861 26,15 L26,15.3994248 Z"/><path id="Path" fill="#87E6E5" d="M27.9998779,32.5714286 C27.9998779,33.3604068 28.6572726,34 29.4682101,34 L46.5315458,34 C47.3424832,34 47.9998779,33.3604068 47.9998779,32.5714286 L47.9998779,15.4285714 C47.9998779,14.6395932 47.3424832,14 46.5315458,14 L29.4682101,14 C28.6572726,14 27.9998779,14.6395932 27.9998779,15.4285714 L27.9998779,21.8355216 C27.9334367,22.2650514 27.8567585,22.6454496 27.746391,22.8084643 C27.4245309,23.2838571 26.2402709,23.51275 25.5873784,23.51275 C24.8705773,23.51275 24.2322714,23.1857725 23.8214379,22.6767605 C23.3096996,22.2329909 22.6349941,21.9633214 21.895551,21.9633214 C20.2963823,21.9633214 19,23.2245992 19,24.7804643 C19,26.3363293 20.2963823,27.5976071 21.895551,27.5976071 C22.5398535,27.5976071 23.2399343,27.477727 23.6160247,27.0466112 C24.1396029,26.4464286 24.7367044,25.9073214 25.5873784,25.9073214 C26.2402709,25.9073214 27.5912951,26.1766031 27.8226692,26.6116071 C27.8819199,26.7230038 27.9403239,26.921677 27.9998779,27.1556219 L27.9998779,32.5714286 Z"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/src/frameworks/common/assets/repo.svg b/lib/cli/src/frameworks/common/assets/repo.svg
new file mode 100644
index 00000000000..f386ee902c1
--- /dev/null
+++ b/lib/cli/src/frameworks/common/assets/repo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/repo</title><g id="illustration/repo" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Rectangle-62-Copy" fill="#B7F0EF" d="M27.2217723,9.04506931 L41.2217723,6.2682098 C43.3886973,5.83840648 45.4937616,7.2466219 45.9235649,9.41354696 C45.9743993,9.66983721 46,9.93049166 46,10.1917747 L46,32.581381 C46,34.4904961 44.650862,36.1335143 42.7782277,36.5049459 L28.7782277,39.2818054 C26.6113027,39.7116087 24.5062384,38.3033933 24.0764351,36.1364682 C24.0256007,35.880178 24,35.6195235 24,35.3582405 L24,12.9686342 C24,11.0595191 25.349138,9.4165009 27.2217723,9.04506931 Z" opacity=".7"/><path id="Combined-Shape" fill="#87E6E5" d="M6.77822775,6.2682098 L20.7782277,9.04506931 C22.650862,9.4165009 24,11.0595191 24,12.9686342 L24,35.3582405 C24,37.5673795 22.209139,39.3582405 20,39.3582405 C19.738717,39.3582405 19.4780625,39.3326398 19.2217723,39.2818054 L5.22177225,36.5049459 C3.34913798,36.1335143 2,34.4904961 2,32.581381 L2,10.1917747 C2,7.98263571 3.790861,6.19177471 6,6.19177471 C6.26128305,6.19177471 6.5219375,6.21737537 6.77822775,6.2682098 Z"/><path id="Rectangle-63-Copy-2" fill="#61C1FD" d="M22,10 C23.1666667,10.2291667 24.0179036,10.625 24.5537109,11.1875 C25.0895182,11.75 25.5716146,12.875 26,14.5625 C26,29.3020833 26,37.5208333 26,39.21875 C26,40.9166667 26.4241536,42.9583333 27.2724609,45.34375 L24.5537109,41.875 L22.9824219,45.34375 C22.327474,43.1979167 22,41.2291667 22,39.4375 C22,37.6458333 22,27.8333333 22,10 Z"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/src/frameworks/common/assets/stackalt.svg b/lib/cli/src/frameworks/common/assets/stackalt.svg
new file mode 100644
index 00000000000..9b7ad274350
--- /dev/null
+++ b/lib/cli/src/frameworks/common/assets/stackalt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" version="1.1" viewBox="0 0 48 48"><title>illustration/stackalt</title><g id="illustration/stackalt" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Combined-Shape" fill="#FFAE00" d="M23.8628277,0 L23.8628277,48 L3.32291648,36.2491883 L3.32155653,11.9499781 L23.8628277,0 Z M23.8670509,0 L44.408322,11.9499781 L44.4069621,36.2491883 L23.8670509,48 L23.8670509,0 Z" opacity=".196"/><path id="Rectangle-46-Copy-3" fill="#66BF3C" d="M15.8232279,19.1155258 L24.7368455,21.4714881 C29.6053842,22.7582937 33.4077423,26.5606518 34.694548,31.4291905 L37.0505103,40.3428082 C37.6150232,42.4786032 36.3412474,44.6676353 34.2054524,45.2321482 C33.5569474,45.4035549 32.87575,45.4091235 32.2245294,45.2483418 L23.3459013,43.0562718 C18.2976962,41.809906 14.3561301,37.8683399 13.1097642,32.8201348 L10.9176943,23.9415066 C10.3881737,21.7967682 11.6975664,19.6288529 13.8423049,19.0993322 C14.4935255,18.9385505 15.1747229,18.9441191 15.8232279,19.1155258 Z" opacity=".5" transform="translate(23.999997, 32.166058) rotate(-45.000000) translate(-23.999997, -32.166058)"/><path id="Rectangle-46-Copy-2" fill="#FFAE00" d="M15.8232279,11.2216893 L24.7368455,13.5776516 C29.6053842,14.8644572 33.4077423,18.6668153 34.694548,23.5353541 L37.0505103,32.4489717 C37.6150232,34.5847667 36.3412474,36.7737988 34.2054524,37.3383117 C33.5569474,37.5097184 32.87575,37.515287 32.2245294,37.3545053 L23.3459013,35.1624353 C18.2976962,33.9160695 14.3561301,29.9745034 13.1097642,24.9262983 L10.9176943,16.0476701 C10.3881737,13.9029317 11.6975664,11.7350164 13.8423049,11.2054957 C14.4935255,11.044714 15.1747229,11.0502826 15.8232279,11.2216893 Z" opacity=".5" transform="translate(23.999997, 24.272222) rotate(-45.000000) translate(-23.999997, -24.272222)"/><path id="Rectangle-46-Copy" fill="#FC521F" d="M15.8232279,3.32785281 L24.7368455,5.68381509 C29.6053842,6.97062075 33.4077423,10.7729788 34.694548,15.6415176 L37.0505103,24.5551352 C37.6150232,26.6909302 36.3412474,28.8799623 34.2054524,29.4444752 C33.5569474,29.6158819 32.87575,29.6214505 32.2245294,29.4606688 L23.3459013,27.2685988 C18.2976962,26.022233 14.3561301,22.0806669 13.1097642,17.0324618 L10.9176943,8.15383364 C10.3881737,6.00909519 11.6975664,3.84117987 13.8423049,3.31165925 C14.4935255,3.15087753 15.1747229,3.15644615 15.8232279,3.32785281 Z" opacity=".5" transform="translate(23.999997, 16.378385) rotate(-45.000000) translate(-23.999997, -16.378385)"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/src/frameworks/common/button.css b/lib/cli/src/frameworks/common/button.css
new file mode 100644
index 00000000000..dc91dc76370
--- /dev/null
+++ b/lib/cli/src/frameworks/common/button.css
@@ -0,0 +1,30 @@
+.storybook-button {
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 700;
+  border: 0;
+  border-radius: 3em;
+  cursor: pointer;
+  display: inline-block;
+  line-height: 1;
+}
+.storybook-button--primary {
+  color: white;
+  background-color: #1ea7fd;
+}
+.storybook-button--secondary {
+  color: #333;
+  background-color: transparent;
+  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
+}
+.storybook-button--small {
+  font-size: 12px;
+  padding: 10px 16px;
+}
+.storybook-button--medium {
+  font-size: 14px;
+  padding: 11px 20px;
+}
+.storybook-button--large {
+  font-size: 16px;
+  padding: 12px 24px;
+}
diff --git a/lib/cli/src/frameworks/common/header.css b/lib/cli/src/frameworks/common/header.css
new file mode 100644
index 00000000000..acadc9ec8c7
--- /dev/null
+++ b/lib/cli/src/frameworks/common/header.css
@@ -0,0 +1,26 @@
+.wrapper {
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 15px 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+svg {
+  display: inline-block;
+  vertical-align: top;
+}
+
+h1 {
+  font-weight: 900;
+  font-size: 20px;
+  line-height: 1;
+  margin: 6px 0 6px 10px;
+  display: inline-block;
+  vertical-align: top;
+}
+
+button + button {
+  margin-left: 10px;
+}
diff --git a/lib/cli/src/frameworks/common/page.css b/lib/cli/src/frameworks/common/page.css
new file mode 100644
index 00000000000..51c9d099a13
--- /dev/null
+++ b/lib/cli/src/frameworks/common/page.css
@@ -0,0 +1,69 @@
+section {
+  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 24px;
+  padding: 48px 20px;
+  margin: 0 auto;
+  max-width: 600px;
+  color: #333;
+}
+
+h2 {
+  font-weight: 900;
+  font-size: 32px;
+  line-height: 1;
+  margin: 0 0 4px;
+  display: inline-block;
+  vertical-align: top;
+}
+
+p {
+  margin: 1em 0;
+}
+
+a {
+  text-decoration: none;
+  color: #1ea7fd;
+}
+
+ul {
+  padding-left: 30px;
+  margin: 1em 0;
+}
+
+li {
+  margin-bottom: 8px;
+}
+
+.tip {
+  display: inline-block;
+  border-radius: 1em;
+  font-size: 11px;
+  line-height: 12px;
+  font-weight: 700;
+  background: #e7fdd8;
+  color: #66bf3c;
+  padding: 4px 12px;
+  margin-right: 10px;
+  vertical-align: top;
+}
+
+.tip-wrapper {
+  font-size: 13px;
+  line-height: 20px;
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+
+.tip-wrapper svg {
+  display: inline-block;
+  height: 12px;
+  width: 12px;
+  margin-right: 4px;
+  vertical-align: top;
+  margin-top: 3px;
+}
+
+.tip-wrapper svg path {
+  fill: #1ea7fd;
+}
diff --git a/lib/cli/src/generators/EMBER/template-csf/stories/1-Button.stories.js b/lib/cli/src/frameworks/ember/1-Button.stories.js
similarity index 64%
rename from lib/cli/src/generators/EMBER/template-csf/stories/1-Button.stories.js
rename to lib/cli/src/frameworks/ember/1-Button.stories.js
index 98e1959eb66..4ed1d267bad 100644
--- a/lib/cli/src/generators/EMBER/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/src/frameworks/ember/1-Button.stories.js
@@ -4,29 +4,26 @@ import { linkTo } from '@storybook/addon-links';
 
 export default {
   title: 'Button',
+  argTypes: {
+    children: { control: 'text' },
+  },
 };
 
-export const Text = () => ({
-  template: hbs`<button {{action onClick}}>Hello Button</button>`,
-  context: {
-    onClick: action('clicked'),
-  },
+const Template = (args) => ({
+  template: hbs`<button {{action onClick}}>{{children}}</button>`,
+  context: args,
 });
 
-export const Emoji = () => ({
-  template: hbs`
-    <button {{action onClick}}>
-      <span role="img" aria-label="so cool">
-        😀 😎 👍 💯
-      </span>
-    </button>
-  `,
-  context: {
-    onClick: action('clicked'),
-  },
-});
+export const Text = Template.bind({});
+Text.args = {
+  children: 'Button',
+  onClick: action('onClick'),
+};
 
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
+export const Emoji = Template.bind({});
+Emoji.args = {
+  children: '😀 😎 👍 💯',
+};
 
 export const TextWithAction = () => ({
   template: hbs`
@@ -49,7 +46,7 @@ export const ButtonWithLinkToAnotherStory = () => ({
     </button>
   `,
   context: {
-    onClick: linkTo('Welcome'),
+    onClick: linkTo('example-introduction--page'),
   },
 });
 
diff --git a/lib/cli/src/frameworks/html/Button.js b/lib/cli/src/frameworks/html/Button.js
new file mode 100644
index 00000000000..c6c6bd6462b
--- /dev/null
+++ b/lib/cli/src/frameworks/html/Button.js
@@ -0,0 +1,21 @@
+import './button.css';
+
+export const createButton = ({
+  primary = false,
+  size = 'medium',
+  backgroundColor,
+  label,
+  onClick,
+}) => {
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.innerText = label;
+  btn.addEventListener('click', onClick);
+
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  btn.className = ['storybook-button', `storybook-button--${size}`, mode].join(' ');
+
+  btn.style.backgroundColor = backgroundColor;
+
+  return btn;
+};
diff --git a/lib/cli/src/frameworks/html/Button.stories.js b/lib/cli/src/frameworks/html/Button.stories.js
new file mode 100644
index 00000000000..60f9d5f8ec5
--- /dev/null
+++ b/lib/cli/src/frameworks/html/Button.stories.js
@@ -0,0 +1,43 @@
+import { createButton } from './Button';
+
+export default {
+  title: 'Example/Button',
+  argTypes: {
+    label: { control: 'text' },
+    primary: { control: 'boolean' },
+    backgroundColor: { control: 'color' },
+    size: {
+      control: { type: 'select', options: ['small', 'medium', 'large'] },
+    },
+    onClick: { action: 'onClick' },
+  },
+};
+
+const Template = ({ label, ...args }) => {
+  // You can either use a function to create DOM elements or use a plain html string!
+  // return `<div>${label}</div>`;
+  return createButton({ label, ...args });
+};
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/html/Header.js b/lib/cli/src/frameworks/html/Header.js
new file mode 100644
index 00000000000..80c413d022d
--- /dev/null
+++ b/lib/cli/src/frameworks/html/Header.js
@@ -0,0 +1,45 @@
+import './header.css';
+import { createButton } from './Button';
+
+export const createHeader = ({ user, onLogout, onLogin, onCreateAccount }) => {
+  const header = document.createElement('header');
+
+  const wrapper = document.createElement('div');
+  wrapper.className = 'wrapper';
+
+  const logo = `<div>
+    <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+      <g fill="none" fillRule="evenodd">
+        <path
+          d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+          fill="#FFF" />
+        <path
+          d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+          fill="#555AB9" />
+        <path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8" />
+      </g>
+    </svg>
+    <h1>Acme</h1>
+  </div>`;
+
+  wrapper.insertAdjacentHTML('afterbegin', logo);
+
+  const account = document.createElement('div');
+  if (user) {
+    account.appendChild(createButton({ size: 'small', label: 'Log out', onClick: onLogout }));
+  } else {
+    account.appendChild(createButton({ size: 'small', label: 'Log in', onClick: onLogin }));
+    account.appendChild(
+      createButton({
+        size: 'small',
+        label: 'Sign up',
+        onClick: onCreateAccount,
+        primary: true,
+      })
+    );
+  }
+  wrapper.appendChild(account);
+  header.appendChild(wrapper);
+
+  return header;
+};
diff --git a/lib/cli/src/frameworks/html/Header.stories.js b/lib/cli/src/frameworks/html/Header.stories.js
new file mode 100644
index 00000000000..f5f9ce67b81
--- /dev/null
+++ b/lib/cli/src/frameworks/html/Header.stories.js
@@ -0,0 +1,20 @@
+import { createHeader } from './Header';
+
+export default {
+  title: 'Example/Header',
+  argTypes: {
+    onLogin: { action: 'onLogin' },
+    onLogout: { action: 'onLogout' },
+    onCreateAccount: { action: 'onCreateAccount' },
+  },
+};
+
+const Template = (args) => createHeader(args);
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/html/Page.js b/lib/cli/src/frameworks/html/Page.js
new file mode 100644
index 00000000000..da3e2c31799
--- /dev/null
+++ b/lib/cli/src/frameworks/html/Page.js
@@ -0,0 +1,67 @@
+import './page.css';
+import { createHeader } from './Header';
+
+export const createPage = ({ user, onLogout, onLogin, onCreateAccount }) => {
+  const article = document.createElement('article');
+
+  const header = createHeader({ onLogin, onLogout, onCreateAccount, user });
+  article.appendChild(header);
+  const section = `
+  <section>
+    <h2>Pages in Storybook</h2>
+    <p>
+      We recommend building UIs with a
+      <a
+        href="https://blog.hichroma.com/component-driven-development-ce1109d56c8e"
+        target="_blank"
+        rel="noopener noreferrer">
+        <strong>component-driven</strong>
+      </a>
+      process starting with atomic components and ending with pages.
+    </p>
+    <p>
+      Render pages with mock data. This makes it easy to build and review page states without
+      needing to navigate to them in your app. Here are some handy patterns for managing page data
+      in Storybook:
+    </p>
+    <ul>
+      <li>
+        Use a higher-level connected component. Storybook helps you compose such data from the
+        "args" of child component stories
+      </li>
+      <li>
+        Assemble data in the page component from your services. You can mock these services out
+        using Storybook.
+      </li>
+    </ul>
+    <p>
+      Get a guided tutorial on component-driven development at
+      <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+        Learn Storybook
+      </a>
+      . Read more in the
+      <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">docs</a>
+      .
+    </p>
+    <div class="tip-wrapper">
+      <span class="tip">Tip</span>
+      Adjust the width of the canvas with the
+      <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+        <g fill="none" fillRule="evenodd">
+          <path
+            d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0
+            01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0
+            010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+            id="a"
+            fill="#999" />
+        </g>
+      </svg>
+      Viewports addon in the toolbar
+    </div>
+  </section>
+`;
+
+  article.insertAdjacentHTML('beforeend', section);
+
+  return article;
+};
diff --git a/lib/cli/src/frameworks/html/Page.stories.js b/lib/cli/src/frameworks/html/Page.stories.js
new file mode 100644
index 00000000000..93a48299750
--- /dev/null
+++ b/lib/cli/src/frameworks/html/Page.stories.js
@@ -0,0 +1,23 @@
+import { createPage } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  argTypes: {
+    onLogin: { action: 'onLogin' },
+    onLogout: { action: 'onLogout' },
+    onCreateAccount: { action: 'onCreateAccount' },
+  },
+};
+
+const Template = (args) => createPage(args);
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/generators/MARIONETTE/template/stories/index.stories.js b/lib/cli/src/frameworks/marionette/index.stories.js
similarity index 83%
rename from lib/cli/src/generators/MARIONETTE/template/stories/index.stories.js
rename to lib/cli/src/frameworks/marionette/index.stories.js
index 32f924b9360..a21a5519472 100644
--- a/lib/cli/src/generators/MARIONETTE/template/stories/index.stories.js
+++ b/lib/cli/src/frameworks/marionette/index.stories.js
@@ -1,11 +1,11 @@
-import Marionette from 'backbone.marionette';
+import { View } from 'backbone.marionette';
 
 import { storiesOf } from '@storybook/marionette';
 
 storiesOf('Demo', module).add(
   'button',
   () =>
-    new Marionette.View({
+    new View({
       template: () => '<button id="my_button">some button</button>',
       ui: {
         button: '#my_button',
diff --git a/lib/cli/src/frameworks/marko/1-Button.stories.js b/lib/cli/src/frameworks/marko/1-Button.stories.js
new file mode 100644
index 00000000000..e82bebc4555
--- /dev/null
+++ b/lib/cli/src/frameworks/marko/1-Button.stories.js
@@ -0,0 +1,20 @@
+import { action } from '@storybook/addon-actions';
+import Button from './Button.marko';
+
+export default {
+  title: 'Button',
+  argTypes: {
+    children: { control: 'text' },
+  },
+};
+
+const ButtonStory = (args) => ({
+  component: Button,
+  input: args,
+});
+
+export const Text = ButtonStory.bind({});
+Text.args = {
+  children: 'Button',
+  onClick: action('onClick'),
+};
diff --git a/lib/cli/src/frameworks/marko/Button.marko b/lib/cli/src/frameworks/marko/Button.marko
new file mode 100644
index 00000000000..01f96c2475b
--- /dev/null
+++ b/lib/cli/src/frameworks/marko/Button.marko
@@ -0,0 +1,13 @@
+class {
+    onCreate(input) {
+        this.onClick = input.onClick;
+    }
+
+    handleClick() {
+        this.input.onClick();
+    }
+}
+
+<div>
+  <button type="button" on-click("handleClick")>${input.children}</button>
+</div>
diff --git a/lib/cli/src/frameworks/mithril/Button.js b/lib/cli/src/frameworks/mithril/Button.js
new file mode 100644
index 00000000000..734c5b10652
--- /dev/null
+++ b/lib/cli/src/frameworks/mithril/Button.js
@@ -0,0 +1,22 @@
+/** @jsx m */
+
+import m from 'mithril';
+import './button.css';
+
+export const Button = {
+  view: ({ children, attrs }) => {
+    const mode = attrs.primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+    const size = attrs.size || 'medium';
+
+    return (
+      <button
+        type="button"
+        class={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+        style={attrs.backgroundColor && { backgroundColor: attrs.backgroundColor }}
+        onclick={attrs.onClick}
+      >
+        {children}
+      </button>
+    );
+  },
+};
diff --git a/lib/cli/src/frameworks/mithril/Button.stories.js b/lib/cli/src/frameworks/mithril/Button.stories.js
new file mode 100644
index 00000000000..0a78c35925b
--- /dev/null
+++ b/lib/cli/src/frameworks/mithril/Button.stories.js
@@ -0,0 +1,39 @@
+import m from 'mithril';
+
+import { Button } from './Button';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    onClick: { action: 'onClick' },
+  },
+};
+
+const Template = ({ children, ...args }) => ({
+  view: () => m(Button, args, children),
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  children: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  children: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  children: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  children: 'Button',
+};
diff --git a/lib/cli/src/frameworks/mithril/Header.js b/lib/cli/src/frameworks/mithril/Header.js
new file mode 100644
index 00000000000..fed4b72c7cd
--- /dev/null
+++ b/lib/cli/src/frameworks/mithril/Header.js
@@ -0,0 +1,51 @@
+/** @jsx m */
+
+import m from 'mithril';
+
+import { Button } from './Button';
+import './header.css';
+
+export const Header = {
+  view: ({ attrs }) => (
+    <header>
+      <div class="wrapper">
+        <div>
+          <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+                fill="#FFF"
+              />
+              <path
+                d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+                fill="#555AB9"
+              />
+              <path
+                d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+                fill="#91BAF8"
+              />
+            </g>
+          </svg>
+          <h1>Acme</h1>
+        </div>
+        {m(
+          'div',
+          ...(attrs.user
+            ? [m(Button, { size: 'small', onClick: attrs.onLogout }, 'Log out')]
+            : [
+                m(Button, { size: 'small', onClick: attrs.onLogin }, 'Log in'),
+                m(
+                  Button,
+                  {
+                    primary: true,
+                    size: 'small',
+                    onClick: attrs.onCreateAccount,
+                  },
+                  'Sign up'
+                ),
+              ])
+        )}
+      </div>
+    </header>
+  ),
+};
diff --git a/lib/cli/src/frameworks/mithril/Header.stories.js b/lib/cli/src/frameworks/mithril/Header.stories.js
new file mode 100644
index 00000000000..fce05950e12
--- /dev/null
+++ b/lib/cli/src/frameworks/mithril/Header.stories.js
@@ -0,0 +1,20 @@
+import m from 'mithril';
+
+import { Header } from './Header';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+};
+
+const Template = ({ children, ...args }) => ({
+  view: () => m(Header, args, children),
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/mithril/Page.js b/lib/cli/src/frameworks/mithril/Page.js
new file mode 100644
index 00000000000..9aeca273043
--- /dev/null
+++ b/lib/cli/src/frameworks/mithril/Page.js
@@ -0,0 +1,70 @@
+/** @jsx m */
+
+import m from 'mithril';
+
+import { Header } from './Header';
+import './page.css';
+
+export const Page = {
+  view: ({ attrs }) => (
+    <article>
+      <div>
+        {m(Header, {
+          user: attrs.user,
+          onLogin: attrs.onLogin,
+          onLogout: attrs.onLogout,
+          onCreateAccount: attrs.onCreateAccount,
+        })}
+      </div>
+      <section>
+        <h2>Pages in Storybook</h2>
+        <p>
+          We recommend building UIs with a{' '}
+          <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+            <strong>component-driven</strong>
+          </a>{' '}
+          process starting with atomic components and ending with pages.
+        </p>
+        <p>
+          Render pages with mock data. This makes it easy to build and review page states without
+          needing to navigate to them in your app. Here are some handy patterns for managing page
+          data in Storybook:
+        </p>
+        <ul>
+          <li>
+            Use a higher-level connected component. Storybook helps you compose such data from the
+            "args" of child component stories
+          </li>
+          <li>
+            Assemble data in the page component from your services. You can mock these services out
+            using Storybook.
+          </li>
+        </ul>
+        <p>
+          Get a guided tutorial on component-driven development at{' '}
+          <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+            Learn Storybook
+          </a>
+          . Read more in the{' '}
+          <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+            docs
+          </a>
+          .
+        </p>
+        <div class="tip-wrapper">
+          <span class="tip">Tip</span> Adjust the width of the canvas with the{' '}
+          <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+                id="a"
+                fill="#999"
+              />
+            </g>
+          </svg>
+          Viewports addon in the toolbar
+        </div>
+      </section>
+    </article>
+  ),
+};
diff --git a/lib/cli/src/frameworks/mithril/Page.stories.js b/lib/cli/src/frameworks/mithril/Page.stories.js
new file mode 100644
index 00000000000..c4113766f7b
--- /dev/null
+++ b/lib/cli/src/frameworks/mithril/Page.stories.js
@@ -0,0 +1,23 @@
+import m from 'mithril';
+
+import { Page } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+};
+
+const Template = ({ children, ...args }) => ({
+  view: () => m(Page, args, children),
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/frameworks/preact/Button.js b/lib/cli/src/frameworks/preact/Button.js
new file mode 100644
index 00000000000..83ee57533dd
--- /dev/null
+++ b/lib/cli/src/frameworks/preact/Button.js
@@ -0,0 +1,51 @@
+/** @jsx h */
+import { h } from 'preact';
+import PropTypes from 'prop-types';
+import './button.css';
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({ primary, backgroundColor, size, label, ...props }) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      style={backgroundColor && { backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};
+
+Button.propTypes = {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary: PropTypes.bool,
+  /**
+   * What background color to use
+   */
+  backgroundColor: PropTypes.string,
+  /**
+   * How large should the button be?
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  /**
+   * Button contents
+   */
+  label: PropTypes.string.isRequired,
+  /**
+   * Optional click handler
+   */
+  onClick: PropTypes.func,
+};
+
+Button.defaultProps = {
+  backgroundColor: null,
+  primary: false,
+  size: 'medium',
+  onClick: undefined,
+};
diff --git a/lib/cli/src/frameworks/preact/Button.stories.js b/lib/cli/src/frameworks/preact/Button.stories.js
new file mode 100644
index 00000000000..6e88f084c94
--- /dev/null
+++ b/lib/cli/src/frameworks/preact/Button.stories.js
@@ -0,0 +1,37 @@
+/** @jsx h */
+import { h } from 'preact';
+import { Button } from './Button';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    onClick: { action: 'onClick' },
+  },
+};
+
+const Template = (args) => <Button {...args} />;
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/preact/Header.js b/lib/cli/src/frameworks/preact/Header.js
new file mode 100644
index 00000000000..f425ec15286
--- /dev/null
+++ b/lib/cli/src/frameworks/preact/Header.js
@@ -0,0 +1,53 @@
+/** @jsx h */
+import { h, Fragment } from 'preact';
+import PropTypes from 'prop-types';
+
+import { Button } from './Button';
+import './header.css';
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <header>
+    <div className="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <Button size="small" onClick={onLogout} label="Log out" />
+        ) : (
+          <Fragment>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </Fragment>
+        )}
+      </div>
+    </div>
+  </header>
+);
+
+Header.propTypes = {
+  user: PropTypes.shape({}),
+  onLogin: PropTypes.func.isRequired,
+  onLogout: PropTypes.func.isRequired,
+  onCreateAccount: PropTypes.func.isRequired,
+};
+
+Header.defaultProps = {
+  user: null,
+};
diff --git a/lib/cli/src/frameworks/preact/Header.stories.js b/lib/cli/src/frameworks/preact/Header.stories.js
new file mode 100644
index 00000000000..6b580f9631a
--- /dev/null
+++ b/lib/cli/src/frameworks/preact/Header.stories.js
@@ -0,0 +1,23 @@
+/** @jsx h */
+import { h } from 'preact';
+import { Header } from './Header';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+  argTypes: {
+    onLogin: { action: 'onLogin' },
+    onLogout: { action: 'onLogout' },
+    onCreateAccount: { action: 'onCreateAccount' },
+  },
+};
+
+const Template = (args) => <Header {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/preact/Page.js b/lib/cli/src/frameworks/preact/Page.js
new file mode 100644
index 00000000000..e46059665f1
--- /dev/null
+++ b/lib/cli/src/frameworks/preact/Page.js
@@ -0,0 +1,72 @@
+/** @jsx h */
+import { h } from 'preact';
+import PropTypes from 'prop-types';
+
+import { Header } from './Header';
+import './page.css';
+
+export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <article>
+    <Header user={user} onLogin={onLogin} onLogout={onLogout} onCreateAccount={onCreateAccount} />
+
+    <section>
+      <h2>Pages in Storybook</h2>
+      <p>
+        We recommend building UIs with a{' '}
+        <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+          <strong>component-driven</strong>
+        </a>{' '}
+        process starting with atomic components and ending with pages.
+      </p>
+      <p>
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul>
+        <li>
+          Use a higher-level connected component. Storybook helps you compose such data from the
+          "args" of child component stories
+        </li>
+        <li>
+          Assemble data in the page component from your services. You can mock these services out
+          using Storybook.
+        </li>
+      </ul>
+      <p>
+        Get a guided tutorial on component-driven development at{' '}
+        <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+          Learn Storybook
+        </a>
+        . Read more in the{' '}
+        <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+          docs
+        </a>
+        .
+      </p>
+      <div className="tip-wrapper">
+        <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+        <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+              id="a"
+              fill="#999"
+            />
+          </g>
+        </svg>
+        Viewports addon in the toolbar
+      </div>
+    </section>
+  </article>
+);
+Page.propTypes = {
+  user: PropTypes.shape({}),
+  onLogin: PropTypes.func.isRequired,
+  onLogout: PropTypes.func.isRequired,
+  onCreateAccount: PropTypes.func.isRequired,
+};
+
+Page.defaultProps = {
+  user: null,
+};
diff --git a/lib/cli/src/frameworks/preact/Page.stories.js b/lib/cli/src/frameworks/preact/Page.stories.js
new file mode 100644
index 00000000000..c01b13d2fed
--- /dev/null
+++ b/lib/cli/src/frameworks/preact/Page.stories.js
@@ -0,0 +1,22 @@
+/** @jsx h */
+import { h } from 'preact';
+
+import { Page } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+};
+
+const Template = (args) => <Page {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/frameworks/rax/Button.js b/lib/cli/src/frameworks/rax/Button.js
new file mode 100644
index 00000000000..8ad47a2d04f
--- /dev/null
+++ b/lib/cli/src/frameworks/rax/Button.js
@@ -0,0 +1,26 @@
+import './button.css';
+import { createElement } from 'rax';
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({ primary, backgroundColor, size, label, ...props }) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      style={backgroundColor && { backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};
+
+Button.defaultProps = {
+  backgroundColor: null,
+  primary: false,
+  size: 'medium',
+  onClick: undefined,
+};
diff --git a/lib/cli/src/frameworks/rax/Button.stories.js b/lib/cli/src/frameworks/rax/Button.stories.js
new file mode 100644
index 00000000000..dbde7f7c2f0
--- /dev/null
+++ b/lib/cli/src/frameworks/rax/Button.stories.js
@@ -0,0 +1,36 @@
+import { createElement } from 'rax';
+
+import { Button } from './Button';
+
+export default {
+  title: 'Example/Button',
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    onClick: { action: 'onClick' },
+  },
+};
+
+const Template = (args) => <Button {...args} />;
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/rax/Header.js b/lib/cli/src/frameworks/rax/Header.js
new file mode 100644
index 00000000000..5d6b9a7d3e9
--- /dev/null
+++ b/lib/cli/src/frameworks/rax/Header.js
@@ -0,0 +1,44 @@
+import { createElement } from 'rax';
+
+import { Button } from './Button';
+import './header.css';
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <header>
+    <div className="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <Button size="small" onClick={onLogout} label="Log out" />
+        ) : (
+          <div>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </div>
+        )}
+      </div>
+    </div>
+  </header>
+);
+
+Header.defaultProps = {
+  user: null,
+};
diff --git a/lib/cli/src/frameworks/rax/Header.stories.js b/lib/cli/src/frameworks/rax/Header.stories.js
new file mode 100644
index 00000000000..707c8aa123e
--- /dev/null
+++ b/lib/cli/src/frameworks/rax/Header.stories.js
@@ -0,0 +1,17 @@
+import { createElement } from 'rax';
+
+import { Header } from './Header';
+
+export default {
+  title: 'Example/Header',
+};
+
+const Template = (args) => <Header {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/rax/Page.js b/lib/cli/src/frameworks/rax/Page.js
new file mode 100644
index 00000000000..3660ee8dc51
--- /dev/null
+++ b/lib/cli/src/frameworks/rax/Page.js
@@ -0,0 +1,64 @@
+import { createElement } from 'rax';
+
+import { Header } from './Header';
+import './page.css';
+
+export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <article>
+    <Header user={user} onLogin={onLogin} onLogout={onLogout} onCreateAccount={onCreateAccount} />
+
+    <section>
+      <h2>Pages in Storybook</h2>
+      <p>
+        We recommend building UIs with a{' '}
+        <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+          <strong>component-driven</strong>
+        </a>{' '}
+        process starting with atomic components and ending with pages.
+      </p>
+      <p>
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul>
+        <li>
+          Use a higher-level connected component. Storybook helps you compose such data from the
+          "args" of child component stories
+        </li>
+        <li>
+          Assemble data in the page component from your services. You can mock these services out
+          using Storybook.
+        </li>
+      </ul>
+      <p>
+        Get a guided tutorial on component-driven development at{' '}
+        <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+          Learn Storybook
+        </a>
+        . Read more in the{' '}
+        <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+          docs
+        </a>
+        .
+      </p>
+      <div className="tip-wrapper">
+        <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+        <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+              id="a"
+              fill="#999"
+            />
+          </g>
+        </svg>
+        Viewports addon in the toolbar
+      </div>
+    </section>
+  </article>
+);
+
+Page.defaultProps = {
+  user: null,
+};
diff --git a/lib/cli/src/frameworks/rax/Page.stories.js b/lib/cli/src/frameworks/rax/Page.stories.js
new file mode 100644
index 00000000000..0f57d32ca57
--- /dev/null
+++ b/lib/cli/src/frameworks/rax/Page.stories.js
@@ -0,0 +1,20 @@
+import { createElement } from 'rax';
+
+import { Page } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+};
+
+const Template = (args) => <Page {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/frameworks/react/js/Button.js b/lib/cli/src/frameworks/react/js/Button.js
new file mode 100644
index 00000000000..15dde392095
--- /dev/null
+++ b/lib/cli/src/frameworks/react/js/Button.js
@@ -0,0 +1,50 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import './button.css';
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({ primary, backgroundColor, size, label, ...props }) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      style={backgroundColor && { backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};
+
+Button.propTypes = {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary: PropTypes.bool,
+  /**
+   * What background color to use
+   */
+  backgroundColor: PropTypes.string,
+  /**
+   * How large should the button be?
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  /**
+   * Button contents
+   */
+  label: PropTypes.string.isRequired,
+  /**
+   * Optional click handler
+   */
+  onClick: PropTypes.func,
+};
+
+Button.defaultProps = {
+  backgroundColor: null,
+  primary: false,
+  size: 'medium',
+  onClick: undefined,
+};
diff --git a/lib/cli/src/frameworks/react/js/Button.stories.js b/lib/cli/src/frameworks/react/js/Button.stories.js
new file mode 100644
index 00000000000..7fee217c191
--- /dev/null
+++ b/lib/cli/src/frameworks/react/js/Button.stories.js
@@ -0,0 +1,36 @@
+import React from 'react';
+
+import { Button } from './Button';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+};
+
+const Template = (args) => <Button {...args} />;
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/react/js/Header.js b/lib/cli/src/frameworks/react/js/Header.js
new file mode 100644
index 00000000000..30afca379c7
--- /dev/null
+++ b/lib/cli/src/frameworks/react/js/Header.js
@@ -0,0 +1,52 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { Button } from './Button';
+import './header.css';
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <header>
+    <div className="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <Button size="small" onClick={onLogout} label="Log out" />
+        ) : (
+          <>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </>
+        )}
+      </div>
+    </div>
+  </header>
+);
+
+Header.propTypes = {
+  user: PropTypes.shape({}),
+  onLogin: PropTypes.func.isRequired,
+  onLogout: PropTypes.func.isRequired,
+  onCreateAccount: PropTypes.func.isRequired,
+};
+
+Header.defaultProps = {
+  user: null,
+};
diff --git a/lib/cli/src/frameworks/react/js/Header.stories.js b/lib/cli/src/frameworks/react/js/Header.stories.js
new file mode 100644
index 00000000000..16f41aa37c5
--- /dev/null
+++ b/lib/cli/src/frameworks/react/js/Header.stories.js
@@ -0,0 +1,18 @@
+import React from 'react';
+
+import { Header } from './Header';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+};
+
+const Template = (args) => <Header {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/react/js/Page.js b/lib/cli/src/frameworks/react/js/Page.js
new file mode 100644
index 00000000000..a537a006719
--- /dev/null
+++ b/lib/cli/src/frameworks/react/js/Page.js
@@ -0,0 +1,71 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { Header } from './Header';
+import './page.css';
+
+export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <article>
+    <Header user={user} onLogin={onLogin} onLogout={onLogout} onCreateAccount={onCreateAccount} />
+
+    <section>
+      <h2>Pages in Storybook</h2>
+      <p>
+        We recommend building UIs with a{' '}
+        <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+          <strong>component-driven</strong>
+        </a>{' '}
+        process starting with atomic components and ending with pages.
+      </p>
+      <p>
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul>
+        <li>
+          Use a higher-level connected component. Storybook helps you compose such data from the
+          "args" of child component stories
+        </li>
+        <li>
+          Assemble data in the page component from your services. You can mock these services out
+          using Storybook.
+        </li>
+      </ul>
+      <p>
+        Get a guided tutorial on component-driven development at{' '}
+        <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+          Learn Storybook
+        </a>
+        . Read more in the{' '}
+        <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+          docs
+        </a>
+        .
+      </p>
+      <div className="tip-wrapper">
+        <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+        <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+              id="a"
+              fill="#999"
+            />
+          </g>
+        </svg>
+        Viewports addon in the toolbar
+      </div>
+    </section>
+  </article>
+);
+Page.propTypes = {
+  user: PropTypes.shape({}),
+  onLogin: PropTypes.func.isRequired,
+  onLogout: PropTypes.func.isRequired,
+  onCreateAccount: PropTypes.func.isRequired,
+};
+
+Page.defaultProps = {
+  user: null,
+};
diff --git a/lib/cli/src/frameworks/react/js/Page.stories.js b/lib/cli/src/frameworks/react/js/Page.stories.js
new file mode 100644
index 00000000000..d44848ad05e
--- /dev/null
+++ b/lib/cli/src/frameworks/react/js/Page.stories.js
@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Page } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+};
+
+const Template = (args) => <Page {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/frameworks/react/ts/Button.stories.tsx b/lib/cli/src/frameworks/react/ts/Button.stories.tsx
new file mode 100644
index 00000000000..962fc49bbb1
--- /dev/null
+++ b/lib/cli/src/frameworks/react/ts/Button.stories.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+// also exported from '@storybook/react' if you can deal with breaking changes in 6.1
+import { Story, Meta } from '@storybook/react/types-6-0';
+
+import { Button, ButtonProps } from './Button';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+} as Meta;
+
+const Template: Story<ButtonProps> = (args) => <Button {...args} />;
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/react/ts/Button.tsx b/lib/cli/src/frameworks/react/ts/Button.tsx
new file mode 100644
index 00000000000..6d397b74949
--- /dev/null
+++ b/lib/cli/src/frameworks/react/ts/Button.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import './button.css';
+
+export interface ButtonProps {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary?: boolean;
+  /**
+   * What background color to use
+   */
+  backgroundColor?: string;
+  /**
+   * How large should the button be?
+   */
+  size?: 'small' | 'medium' | 'large';
+  /**
+   * Button contents
+   */
+  label: string;
+  /**
+   * Optional click handler
+   */
+  onClick?: () => void;
+}
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button: React.FC<ButtonProps> = ({
+  primary = false,
+  size = 'medium',
+  backgroundColor,
+  label,
+  ...props
+}) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      style={{ backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};
diff --git a/lib/cli/src/frameworks/react/ts/Header.stories.tsx b/lib/cli/src/frameworks/react/ts/Header.stories.tsx
new file mode 100644
index 00000000000..a9288367e11
--- /dev/null
+++ b/lib/cli/src/frameworks/react/ts/Header.stories.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+// also exported from '@storybook/react' if you can deal with breaking changes in 6.1
+import { Story, Meta } from '@storybook/react/types-6-0';
+
+import { Header, HeaderProps } from './Header';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+} as Meta;
+
+const Template: Story<HeaderProps> = (args) => <Header {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/react/ts/Header.tsx b/lib/cli/src/frameworks/react/ts/Header.tsx
new file mode 100644
index 00000000000..c331705ec54
--- /dev/null
+++ b/lib/cli/src/frameworks/react/ts/Header.tsx
@@ -0,0 +1,47 @@
+import React from 'react';
+
+import { Button } from './Button';
+import './header.css';
+
+export interface HeaderProps {
+  user?: {};
+  onLogin: () => void;
+  onLogout: () => void;
+  onCreateAccount: () => void;
+}
+
+export const Header: React.FC<HeaderProps> = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <header>
+    <div className="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <Button size="small" onClick={onLogout} label="Log out" />
+        ) : (
+          <>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </>
+        )}
+      </div>
+    </div>
+  </header>
+);
diff --git a/lib/cli/src/frameworks/react/ts/Page.stories.tsx b/lib/cli/src/frameworks/react/ts/Page.stories.tsx
new file mode 100644
index 00000000000..55abc496748
--- /dev/null
+++ b/lib/cli/src/frameworks/react/ts/Page.stories.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+// also exported from '@storybook/react' if you can deal with breaking changes in 6.1
+import { Story, Meta } from '@storybook/react/types-6-0';
+
+import { Page, PageProps } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+} as Meta;
+
+const Template: Story<PageProps> = (args) => <Page {...args} />;
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/frameworks/react/ts/Page.tsx b/lib/cli/src/frameworks/react/ts/Page.tsx
new file mode 100644
index 00000000000..3c0bbcd84eb
--- /dev/null
+++ b/lib/cli/src/frameworks/react/ts/Page.tsx
@@ -0,0 +1,67 @@
+import React from 'react';
+
+import { Header } from './Header';
+import './page.css';
+
+export interface PageProps {
+  user?: {};
+  onLogin: () => void;
+  onLogout: () => void;
+  onCreateAccount: () => void;
+}
+
+export const Page: React.FC<PageProps> = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <article>
+    <Header user={user} onLogin={onLogin} onLogout={onLogout} onCreateAccount={onCreateAccount} />
+
+    <section>
+      <h2>Pages in Storybook</h2>
+      <p>
+        We recommend building UIs with a{' '}
+        <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+          <strong>component-driven</strong>
+        </a>{' '}
+        process starting with atomic components and ending with pages.
+      </p>
+      <p>
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul>
+        <li>
+          Use a higher-level connected component. Storybook helps you compose such data from the
+          "args" of child component stories
+        </li>
+        <li>
+          Assemble data in the page component from your services. You can mock these services out
+          using Storybook.
+        </li>
+      </ul>
+      <p>
+        Get a guided tutorial on component-driven development at{' '}
+        <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+          Learn Storybook
+        </a>
+        . Read more in the{' '}
+        <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+          docs
+        </a>
+        .
+      </p>
+      <div className="tip-wrapper">
+        <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+        <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+              id="a"
+              fill="#999"
+            />
+          </g>
+        </svg>
+        Viewports addon in the toolbar
+      </div>
+    </section>
+  </article>
+);
diff --git a/lib/cli/src/generators/RIOT/template-csf/stories/1-Button.stories.js b/lib/cli/src/frameworks/riot/1-Button.stories.js
similarity index 69%
rename from lib/cli/src/generators/RIOT/template-csf/stories/1-Button.stories.js
rename to lib/cli/src/frameworks/riot/1-Button.stories.js
index 945d90d5c7a..c89dbee3d0a 100644
--- a/lib/cli/src/generators/RIOT/template-csf/stories/1-Button.stories.js
+++ b/lib/cli/src/frameworks/riot/1-Button.stories.js
@@ -8,11 +8,23 @@ import './MyButton.tag';
 
 export default {
   title: 'Button',
+  argTypes: {
+    content: { control: 'text' },
+  },
 };
 
-export const Text = () => ({
-  tags: ['<my-button>Hello Button</my-button>'],
-});
+const Template = (args) => mount('my-button', args);
+
+export const Text = Template.bind({});
+Text.args = {
+  content: 'Button',
+  onClick: action('onClick'),
+};
+
+export const Emoji = Template.bind({});
+Emoji.args = {
+  content: '😀 😎 👍 💯',
+};
 
 export const WithScenario = () => ({
   tags: [{ content: MyButtonRaw, boundAs: 'MyButton' }],
@@ -30,7 +42,7 @@ TextWithAction.storyName = 'With an action';
 export const ButtonWithLinkToAnotherStory = () =>
   mount('my-button', {
     content: 'Go to Welcome Story',
-    onClick: linkTo('Welcome'),
+    onClick: linkTo('example-introduction--page'),
   });
 
 ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/RIOT/template-csf/stories/MyButton.tag b/lib/cli/src/frameworks/riot/MyButton.tag
similarity index 100%
rename from lib/cli/src/generators/RIOT/template-csf/stories/MyButton.tag
rename to lib/cli/src/frameworks/riot/MyButton.tag
diff --git a/lib/cli/src/frameworks/svelte/Button.stories.js b/lib/cli/src/frameworks/svelte/Button.stories.js
new file mode 100644
index 00000000000..724c5ed64d3
--- /dev/null
+++ b/lib/cli/src/frameworks/svelte/Button.stories.js
@@ -0,0 +1,46 @@
+import Button from './Button.svelte';
+
+export default {
+  title: 'Example/Button',
+  component: Button,
+  argTypes: {
+    label: { control: 'text' },
+    primary: { control: 'boolean' },
+    backgroundColor: { control: 'color' },
+    size: {
+      control: { type: 'select', options: ['small', 'medium', 'large'] },
+    },
+    onClick: { action: 'onClick' },
+  },
+};
+
+const Template = ({ onClick, ...args }) => ({
+  Component: Button,
+  props: args,
+  on: {
+    click: onClick,
+  },
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/svelte/Button.svelte b/lib/cli/src/frameworks/svelte/Button.svelte
new file mode 100644
index 00000000000..ee2d74d81f6
--- /dev/null
+++ b/lib/cli/src/frameworks/svelte/Button.svelte
@@ -0,0 +1,42 @@
+<script>
+  import './button.css';
+  import { createEventDispatcher } from 'svelte';
+  /**
+   * Is this the principal call to action on the page?
+   */
+  export let primary = false;
+
+  /**
+   * What background color to use
+   */
+  export let backgroundColor;
+  /**
+   * How large should the button be?
+   */
+  export let size = 'medium';
+  /**
+   * Button contents
+   */
+  export let label = '';
+
+  let mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+
+  let style = backgroundColor ? `background-color: ${backgroundColor}` : '';
+
+  const dispatch = createEventDispatcher();
+
+  /**
+   * Optional click handler
+   */
+  function onClick(event) {
+    dispatch('click', event);
+  }
+</script>
+
+<button
+  type="button"
+  class={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+  {style}
+  on:click={onClick}>
+  {label}
+</button>
diff --git a/lib/cli/src/frameworks/svelte/Header.stories.js b/lib/cli/src/frameworks/svelte/Header.stories.js
new file mode 100644
index 00000000000..265b1c21e2c
--- /dev/null
+++ b/lib/cli/src/frameworks/svelte/Header.stories.js
@@ -0,0 +1,29 @@
+import Header from './Header.svelte';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+  argTypes: {
+    onLogin: { action: 'onLogin' },
+    onLogout: { action: 'onLogout' },
+    onCreateAccount: { action: 'onCreateAccount' },
+  },
+};
+
+const Template = ({ onLogin, onLogout, onCreateAccount, ...args }) => ({
+  Component: Header,
+  props: args,
+  on: {
+    login: onLogin,
+    logout: onLogout,
+    createAccount: onCreateAccount,
+  },
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/svelte/Header.svelte b/lib/cli/src/frameworks/svelte/Header.svelte
new file mode 100644
index 00000000000..7ee94494a92
--- /dev/null
+++ b/lib/cli/src/frameworks/svelte/Header.svelte
@@ -0,0 +1,48 @@
+<script>
+  import './header.css';
+  import Button from './Button.svelte';
+
+  import { createEventDispatcher } from 'svelte';
+
+  export let user = null;
+
+  const dispatch = createEventDispatcher();
+
+  function onLogin(event) {
+    dispatch('login', event);
+  }
+  function onLogout(event) {
+    dispatch('logout', event);
+  }
+  function onCreateAccount(event) {
+    dispatch('createAccount', event);
+  }
+</script>
+
+<header>
+  <div class="wrapper">
+    <div>
+      <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+        <g fill="none" fillRule="evenodd">
+          <path
+            d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+            fill="#FFF" />
+          <path
+            d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+            fill="#555AB9" />
+          <path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8" />
+        </g>
+      </svg>
+      <h1>Acme</h1>
+    </div>
+    <div>
+      {#if user}
+        <Button size="small" on:click={onLogout} label="Log out" />
+      {/if}
+      {#if !user}
+        <Button size="small" on:click={onLogin} label="Log in" />
+        <Button primary size="small" on:click={onCreateAccount} label="Sign up" />
+      {/if}
+    </div>
+  </div>
+</header>
diff --git a/lib/cli/src/frameworks/svelte/Page.stories.js b/lib/cli/src/frameworks/svelte/Page.stories.js
new file mode 100644
index 00000000000..4299a328cac
--- /dev/null
+++ b/lib/cli/src/frameworks/svelte/Page.stories.js
@@ -0,0 +1,32 @@
+import Page from './Page.svelte';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+  argTypes: {
+    onLogin: { action: 'onLogin' },
+    onLogout: { action: 'onLogout' },
+    onCreateAccount: { action: 'onCreateAccount' },
+  },
+};
+
+const Template = ({ onLogin, onLogout, onCreateAccount, ...args }) => ({
+  Component: Page,
+  props: args,
+  on: {
+    login: onLogin,
+    logout: onLogout,
+    createAccount: onCreateAccount,
+  },
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/frameworks/svelte/Page.svelte b/lib/cli/src/frameworks/svelte/Page.svelte
new file mode 100644
index 00000000000..780b20616f0
--- /dev/null
+++ b/lib/cli/src/frameworks/svelte/Page.svelte
@@ -0,0 +1,77 @@
+<script>
+  import './page.css';
+  import Header from './Header.svelte';
+
+  import { createEventDispatcher } from 'svelte';
+
+  export let user = null;
+
+  const dispatch = createEventDispatcher();
+
+  function onLogin(event) {
+    dispatch('login', event);
+  }
+  function onLogout(event) {
+    dispatch('logout', event);
+  }
+  function onCreateAccount(event) {
+    dispatch('createAccount', event);
+  }
+</script>
+
+<article>
+  <Header {user} on:login={onLogin} on:logout={onLogout} on:createAccount={onCreateAccount} />
+
+  <section>
+    <h2>Pages in Storybook</h2>
+    <p>
+      We recommend building UIs with a
+      <a
+        href="https://blog.hichroma.com/component-driven-development-ce1109d56c8e"
+        target="_blank"
+        rel="noopener noreferrer">
+        <strong>component-driven</strong>
+      </a>
+      process starting with atomic components and ending with pages.
+    </p>
+    <p>
+      Render pages with mock data. This makes it easy to build and review page states without
+      needing to navigate to them in your app. Here are some handy patterns for managing page data
+      in Storybook:
+    </p>
+    <ul>
+      <li>
+        Use a higher-level connected component. Storybook helps you compose such data from the
+        "args" of child component stories
+      </li>
+      <li>
+        Assemble data in the page component from your services. You can mock these services out
+        using Storybook.
+      </li>
+    </ul>
+    <p>
+      Get a guided tutorial on component-driven development at
+      <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+        Learn Storybook
+      </a>
+      . Read more in the
+      <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">docs</a>
+      .
+    </p>
+    <div class="tip-wrapper">
+      <span class="tip">Tip</span>
+      Adjust the width of the canvas with the
+      <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+        <g fill="none" fillRule="evenodd">
+          <path
+            d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0
+            01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0
+            010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+            id="a"
+            fill="#999" />
+        </g>
+      </svg>
+      Viewports addon in the toolbar
+    </div>
+  </section>
+</article>
diff --git a/lib/cli/src/frameworks/vue/Button.stories.js b/lib/cli/src/frameworks/vue/Button.stories.js
new file mode 100644
index 00000000000..af6f4e9809e
--- /dev/null
+++ b/lib/cli/src/frameworks/vue/Button.stories.js
@@ -0,0 +1,39 @@
+import MyButton from './Button.vue';
+
+export default {
+  title: 'Example/Button',
+  component: MyButton,
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    size: { control: { type: 'select', options: ['small', 'medium', 'large'] } },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MyButton },
+  template: '<my-button @onClick="onClick" v-bind="$props" />',
+});
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/vue/Button.vue b/lib/cli/src/frameworks/vue/Button.vue
new file mode 100644
index 00000000000..864a2638ac5
--- /dev/null
+++ b/lib/cli/src/frameworks/vue/Button.vue
@@ -0,0 +1,54 @@
+<template>
+  <button type="button" :class="classes" @click="onClick" :style="style">{{ label }}</button>
+</template>
+
+<script>
+import './button.css';
+
+export default {
+  name: 'my-button',
+
+  props: {
+    label: {
+      type: String,
+      required: true,
+    },
+    primary: {
+      type: Boolean,
+      default: false,
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function (value) {
+        return ['small', 'medium', 'large'].indexOf(value) !== -1;
+      },
+    },
+    backgroundColor: {
+      type: String,
+    },
+  },
+
+  computed: {
+    classes() {
+      return {
+        'storybook-button': true,
+        'storybook-button--primary': this.primary,
+        'storybook-button--secondary': !this.primary,
+        [`storybook-button--${this.size}`]: true,
+      };
+    },
+    style() {
+      return {
+        backgroundColor: this.backgroundColor,
+      };
+    },
+  },
+
+  methods: {
+    onClick() {
+      this.$emit('onClick');
+    },
+  },
+};
+</script>
diff --git a/lib/cli/src/frameworks/vue/Header.stories.js b/lib/cli/src/frameworks/vue/Header.stories.js
new file mode 100644
index 00000000000..007b7f7cb5c
--- /dev/null
+++ b/lib/cli/src/frameworks/vue/Header.stories.js
@@ -0,0 +1,21 @@
+import MyHeader from './Header';
+
+export default {
+  title: 'Example/Header',
+  component: MyHeader,
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MyHeader },
+  template:
+    '<my-header :user="user" @onLogin="onLogin" @onLogout="onLogout" @onCreateAccount="onCreateAccount" />',
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/vue/Header.vue b/lib/cli/src/frameworks/vue/Header.vue
new file mode 100644
index 00000000000..3e704f9bf90
--- /dev/null
+++ b/lib/cli/src/frameworks/vue/Header.vue
@@ -0,0 +1,59 @@
+<template>
+  <header>
+    <div class="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fill-rule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        <my-button size="small" @onClick="onLogout" label="Log out" v-if="user" />
+        <my-button size="small" @onClick="onLogin" label="Log in" v-if="!user" />
+        <my-button primary size="small" @onClick="onCreateAccount" label="Sign up" v-if="!user" />
+      </div>
+    </div>
+  </header>
+</template>
+
+<script>
+import './header.css';
+import MyButton from './Button.vue';
+
+export default {
+  name: 'my-header',
+
+  components: { MyButton },
+
+  props: {
+    user: {
+      type: Object,
+    },
+  },
+
+  methods: {
+    onLogin() {
+      this.$emit('onLogin');
+    },
+    onLogout() {
+      this.$emit('onLogout');
+    },
+    onCreateAccount() {
+      this.$emit('onCreateAccount');
+    },
+  },
+};
+</script>
diff --git a/lib/cli/src/frameworks/vue/Page.stories.js b/lib/cli/src/frameworks/vue/Page.stories.js
new file mode 100644
index 00000000000..c051b0d41c7
--- /dev/null
+++ b/lib/cli/src/frameworks/vue/Page.stories.js
@@ -0,0 +1,24 @@
+import MyPage from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+  component: MyPage,
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MyPage },
+  template:
+    '<my-page :user="user" @onLogin="onLogin" @onLogout="onLogout" @onCreateAccount="onCreateAccount" />',
+});
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/frameworks/vue/Page.vue b/lib/cli/src/frameworks/vue/Page.vue
new file mode 100644
index 00000000000..4762fcb323c
--- /dev/null
+++ b/lib/cli/src/frameworks/vue/Page.vue
@@ -0,0 +1,88 @@
+<template>
+  <article>
+    <my-header
+      :user="user"
+      @onLogin="onLogin"
+      @onLogout="onLogout"
+      @onCreateAccount="onCreateAccount"
+    />
+
+    <section>
+      <h2>Pages in Storybook</h2>
+      <p>
+        We recommend building UIs with a
+        <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+          <strong>component-driven</strong>
+        </a>
+        process starting with atomic components and ending with pages.
+      </p>
+      <p>
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul>
+        <li>
+          Use a higher-level connected component. Storybook helps you compose such data from the
+          "args" of child component stories
+        </li>
+        <li>
+          Assemble data in the page component from your services. You can mock these services out
+          using Storybook.
+        </li>
+      </ul>
+      <p>
+        Get a guided tutorial on component-driven development at
+        <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer"
+          >Learn Storybook</a
+        >
+        . Read more in the
+        <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">docs</a>
+        .
+      </p>
+      <div class="tip-wrapper">
+        <span class="tip">Tip</span>
+        Adjust the width of the canvas with the
+        <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fill-rule="evenodd">
+            <path
+              d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+              id="a"
+              fill="#999"
+            />
+          </g>
+        </svg>
+        Viewports addon in the toolbar
+      </div>
+    </section>
+  </article>
+</template>
+
+<script>
+import './page.css';
+import MyHeader from './Header.vue';
+
+export default {
+  name: 'my-page',
+
+  components: { MyHeader },
+
+  props: {
+    user: {
+      type: Object,
+    },
+  },
+
+  methods: {
+    onLogin() {
+      this.$emit('onLogin');
+    },
+    onLogout() {
+      this.$emit('onLogout');
+    },
+    onCreateAccount() {
+      this.$emit('onCreateAccount');
+    },
+  },
+};
+</script>
diff --git a/lib/cli/src/frameworks/web-components/Button.js b/lib/cli/src/frameworks/web-components/Button.js
new file mode 100644
index 00000000000..3cc631f9e91
--- /dev/null
+++ b/lib/cli/src/frameworks/web-components/Button.js
@@ -0,0 +1,20 @@
+import { html } from 'lit-html';
+import './button.css';
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({ primary, backgroundColor, size, label, onClick }) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+
+  return html`
+    <button
+      type="button"
+      class=${['storybook-button', `storybook-button--${size || 'medium'}`, mode].join(' ')}
+      style=${backgroundColor && { backgroundColor }}
+      @click=${onClick}
+    >
+      ${label}
+    </button>
+  `;
+};
diff --git a/lib/cli/src/frameworks/web-components/Button.stories.js b/lib/cli/src/frameworks/web-components/Button.stories.js
new file mode 100644
index 00000000000..e45e0a06f27
--- /dev/null
+++ b/lib/cli/src/frameworks/web-components/Button.stories.js
@@ -0,0 +1,34 @@
+import { Button } from './Button';
+
+export default {
+  title: 'Example/Button',
+  argTypes: {
+    backgroundColor: { control: 'color' },
+    onClick: { action: 'onClick' },
+  },
+};
+
+const Template = (args) => Button(args);
+
+export const Primary = Template.bind({});
+Primary.args = {
+  primary: true,
+  label: 'Button',
+};
+
+export const Secondary = Template.bind({});
+Secondary.args = {
+  label: 'Button',
+};
+
+export const Large = Template.bind({});
+Large.args = {
+  size: 'large',
+  label: 'Button',
+};
+
+export const Small = Template.bind({});
+Small.args = {
+  size: 'small',
+  label: 'Button',
+};
diff --git a/lib/cli/src/frameworks/web-components/Header.js b/lib/cli/src/frameworks/web-components/Header.js
new file mode 100644
index 00000000000..b742e61ce07
--- /dev/null
+++ b/lib/cli/src/frameworks/web-components/Header.js
@@ -0,0 +1,45 @@
+import { html } from 'lit-html';
+
+import { Button } from './Button';
+import './header.css';
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => html`
+  <header>
+    <div class="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        ${user
+          ? Button({ size: 'small', onClick: onLogout, label: 'Log out' })
+          : html`${Button({
+              size: 'small',
+              onClick: onLogin,
+              label: 'Log in',
+            })}
+            ${Button({
+              primary: true,
+              size: 'small',
+              onClick: onCreateAccount,
+              label: 'Sign up',
+            })}`}
+      </div>
+    </div>
+  </header>
+`;
diff --git a/lib/cli/src/frameworks/web-components/Header.stories.js b/lib/cli/src/frameworks/web-components/Header.stories.js
new file mode 100644
index 00000000000..6045ac91d89
--- /dev/null
+++ b/lib/cli/src/frameworks/web-components/Header.stories.js
@@ -0,0 +1,15 @@
+import { Header } from './Header';
+
+export default {
+  title: 'Example/Header',
+};
+
+const Template = (args) => Header(args);
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  user: {},
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {};
diff --git a/lib/cli/src/frameworks/web-components/Page.js b/lib/cli/src/frameworks/web-components/Page.js
new file mode 100644
index 00000000000..196bee34bc4
--- /dev/null
+++ b/lib/cli/src/frameworks/web-components/Page.js
@@ -0,0 +1,63 @@
+import { html } from 'lit-html';
+import { Header } from './Header';
+import './page.css';
+
+export const Page = ({ user, onLogin, onLogout, onCreateAccount }) => html`
+  <article>
+    ${Header({
+      user,
+      onLogin,
+      onLogout,
+      onCreateAccount,
+    })}
+
+    <section>
+      <h2>Pages in Storybook</h2>
+      <p>
+        We recommend building UIs with a
+        <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+          <strong>component-driven</strong> </a
+        >process starting with atomic components and ending with pages.
+      </p>
+      <p>
+        Render pages with mock data. This makes it easy to build and review page states without
+        needing to navigate to them in your app. Here are some handy patterns for managing page data
+        in Storybook:
+      </p>
+      <ul>
+        <li>
+          Use a higher-level connected component. Storybook helps you compose such data from the
+          "args" of child component stories
+        </li>
+        <li>
+          Assemble data in the page component from your services. You can mock these services out
+          using Storybook.
+        </li>
+      </ul>
+      <p>
+        Get a guided tutorial on component-driven development at
+        <a href="https://www.learnstorybook.com" target="_blank" rel="noopener noreferrer">
+          Learn Storybook
+        </a>
+        . Read more in the
+        <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+          docs
+        </a>
+        .
+      </p>
+      <div className="tip-wrapper">
+        <span className="tip">Tip</span> Adjust the width of the canvas with the
+        <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+              id="a"
+              fill="#999"
+            />
+          </g>
+        </svg>
+        Viewports addon in the toolbar
+      </div>
+    </section>
+  </article>
+`;
diff --git a/lib/cli/src/frameworks/web-components/Page.stories.js b/lib/cli/src/frameworks/web-components/Page.stories.js
new file mode 100644
index 00000000000..10ba4b44d37
--- /dev/null
+++ b/lib/cli/src/frameworks/web-components/Page.stories.js
@@ -0,0 +1,18 @@
+import { Page } from './Page';
+import * as HeaderStories from './Header.stories';
+
+export default {
+  title: 'Example/Page',
+};
+
+const Template = (args) => Page(args);
+
+export const LoggedIn = Template.bind({});
+LoggedIn.args = {
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template.bind({});
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/lib/cli/src/generate.ts b/lib/cli/src/generate.ts
index ad745702609..2cf71a2dc5b 100644
--- a/lib/cli/src/generate.ts
+++ b/lib/cli/src/generate.ts
@@ -7,6 +7,7 @@ import initiate from './initiate';
 import { add } from './add';
 import { migrate } from './migrate';
 import { extract } from './extract';
+import { upgrade } from './upgrade';
 
 // Cannot be `import` as it's not under TS root dir
 const pkg = require('../package.json');
@@ -16,7 +17,7 @@ const logger = console;
 program
   .command('init')
   .description('Initialize Storybook into your project.')
-  .option('-f --force', 'Force add storybook')
+  .option('-f --force', 'Force add Storybook')
   .option('-s --skip-install', 'Skip installing deps')
   .option('-N --use-npm', 'Use npm to install deps')
   .option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser')
@@ -32,6 +33,15 @@ program
   .option('-s --skip-postinstall', 'Skip package specific postinstall config modifications')
   .action((addonName, options) => add(addonName, options));
 
+program
+  .command('upgrade')
+  .description('Upgrade your Storybook packages to the latest')
+  .option('-N --use-npm', 'Use NPM to build the Storybook server')
+  .option('-n --dry-run', 'Only check for upgrades, do not install')
+  .option('-p --prerelease', 'Upgrade to the pre-release packages')
+  .option('-s --skip-check', 'Skip postinstall version consistency checks')
+  .action((options) => upgrade(options));
+
 program
   .command('info')
   .description('Prints debugging information about the local environment')
@@ -50,7 +60,7 @@ program
 
 program
   .command('migrate [migration]')
-  .description('Run a storybook codemod migration on your source files')
+  .description('Run a Storybook codemod migration on your source files')
   .option('-l --list', 'List available migrations')
   .option('-g --glob <glob>', 'Glob for files upon which to apply the migration', '**/*.js')
   .option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser')
diff --git a/lib/cli/src/generators/.eslintrc.js b/lib/cli/src/generators/.eslintrc.js
deleted file mode 100644
index d7fac90c788..00000000000
--- a/lib/cli/src/generators/.eslintrc.js
+++ /dev/null
@@ -1,25 +0,0 @@
-const ignore = 0;
-
-module.exports = {
-  overrides: [
-    {
-      files: '*/template[-?]*/**',
-      env: {
-        browser: true,
-      },
-      rules: {
-        'react/no-this-in-sfc': ignore,
-        'import/no-unresolved': ignore,
-        'import/no-extraneous-dependencies': ignore,
-        'global-require': ignore,
-        'react/react-in-jsx-scope': ignore,
-      },
-    },
-    {
-      files: 'REACT_NATIVE/template/**',
-      env: {
-        browser: false,
-      },
-    },
-  ],
-};
diff --git a/lib/cli/src/generators/ANGULAR/angular-helpers.ts b/lib/cli/src/generators/ANGULAR/angular-helpers.ts
index cf38ccf2c64..bd9eecfa2ba 100644
--- a/lib/cli/src/generators/ANGULAR/angular-helpers.ts
+++ b/lib/cli/src/generators/ANGULAR/angular-helpers.ts
@@ -1,5 +1,7 @@
 import * as path from 'path';
 import * as fs from 'fs';
+import { pathExists } from 'fs-extra';
+
 import { readFileAsJson, writeFileAsJson } from '../../helpers';
 
 type TsConfig = {
@@ -52,3 +54,7 @@ export function isDefaultProjectSet() {
   const angularJson = readFileAsJson('angular.json', true);
   return angularJson && !!angularJson.defaultProject;
 }
+
+export async function getBaseTsConfigName() {
+  return (await pathExists('./tsconfig.base.json')) ? 'tsconfig.base.json' : 'tsconfig.json';
+}
diff --git a/lib/cli/src/generators/ANGULAR/index.ts b/lib/cli/src/generators/ANGULAR/index.ts
index 9ab5196a019..57a4758a41a 100644
--- a/lib/cli/src/generators/ANGULAR/index.ts
+++ b/lib/cli/src/generators/ANGULAR/index.ts
@@ -4,46 +4,14 @@ import {
   editStorybookTsConfig,
   getAngularAppTsConfigJson,
   getAngularAppTsConfigPath,
+  getBaseTsConfigName,
 } from './angular-helpers';
-import { getBabelDependencies, writeFileAsJson, copyTemplate } from '../../helpers';
-import { StoryFormat } from '../../project_types';
-import { NpmOptions } from '../../NpmOptions';
-import { Generator, GeneratorOptions } from '../Generator';
-import { JsPackageManager } from '../../js-package-manager';
-
-async function addDependencies(
-  packageManager: JsPackageManager,
-  npmOptions: NpmOptions,
-  { storyFormat }: GeneratorOptions
-) {
-  const packages = [
-    '@storybook/angular',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-  ];
-
-  if (storyFormat === StoryFormat.MDX) {
-    packages.push('@storybook/addon-docs');
-  }
-
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
-}
+import { writeFileAsJson, copyTemplate } from '../../helpers';
+import { baseGenerator, Generator } from '../baseGenerator';
 
 function editAngularAppTsConfig() {
   const tsConfigJson = getAngularAppTsConfigJson();
-  const glob = '**/*.stories.ts';
+  const glob = '**/*.stories.*';
   if (!tsConfigJson) {
     return;
   }
@@ -57,18 +25,30 @@ function editAngularAppTsConfig() {
   writeFileAsJson(getAngularAppTsConfigPath(), tsConfigJson);
 }
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
+const generator: Generator = async (packageManager, npmOptions, options) => {
   if (!isDefaultProjectSet()) {
     throw new Error(
       'Could not find a default project in your Angular workspace.\nSet a defaultProject in your angular.json and re-run the installation.'
     );
   }
+  baseGenerator(packageManager, npmOptions, options, 'angular', {
+    extraPackages: ['@compodoc/compodoc'],
+    addScripts: false,
+  });
+  copyTemplate(__dirname, options.storyFormat);
 
-  copyTemplate(__dirname, storyFormat);
-
-  await addDependencies(packageManager, npmOptions, { storyFormat });
   editAngularAppTsConfig();
   editStorybookTsConfig(path.resolve('./.storybook/tsconfig.json'));
+
+  // edit scripts to generate docs
+  const tsConfigFile = await getBaseTsConfigName();
+  packageManager.addScripts({
+    'docs:json': `compodoc -p ./${tsConfigFile} -e json -d .`,
+  });
+  packageManager.addStorybookCommandInScripts({
+    port: 6006,
+    preCommand: 'docs:json',
+  });
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/ANGULAR/template-csf/.storybook/main.js b/lib/cli/src/generators/ANGULAR/template-csf/.storybook/main.js
deleted file mode 100644
index 16aa97cdc16..00000000000
--- a/lib/cli/src/generators/ANGULAR/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.ts'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/ANGULAR/template-csf/src/stories/0-Welcome.stories.ts b/lib/cli/src/generators/ANGULAR/template-csf/src/stories/0-Welcome.stories.ts
deleted file mode 100644
index 058c0cc1355..00000000000
--- a/lib/cli/src/generators/ANGULAR/template-csf/src/stories/0-Welcome.stories.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Welcome } from '@storybook/angular/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => ({
-  component: Welcome,
-  props: {},
-});
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/ANGULAR/template-mdx/.storybook/main.js b/lib/cli/src/generators/ANGULAR/template-mdx/.storybook/main.js
deleted file mode 100644
index 43bbb3968c4..00000000000
--- a/lib/cli/src/generators/ANGULAR/template-mdx/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|mdx)'],
-  addons: ['@storybook/addon-docs', '@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/ANGULAR/template-mdx/src/stories/0-Welcome.stories.mdx b/lib/cli/src/generators/ANGULAR/template-mdx/src/stories/0-Welcome.stories.mdx
deleted file mode 100644
index 5fc361cd9b6..00000000000
--- a/lib/cli/src/generators/ANGULAR/template-mdx/src/stories/0-Welcome.stories.mdx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-import { Welcome } from '@storybook/angular/demo';
-
-<Meta title="Welcome" component={Welcome} />
-
-# Welcome
-
-This is a test document written in MDX that defines a `Welcome` story wrapped in a `Preview` doc block:
-
-<Preview withToolbar>
-  <Story name="to Storybook">
-    {{
-      component: Welcome,
-      props: {},
-    }}
-  </Story>
-</Preview>
diff --git a/lib/cli/src/generators/ANGULAR/template-mdx/src/stories/1-Button.stories.mdx b/lib/cli/src/generators/ANGULAR/template-mdx/src/stories/1-Button.stories.mdx
index 9aabc6f50ed..2e666b3382f 100644
--- a/lib/cli/src/generators/ANGULAR/template-mdx/src/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/ANGULAR/template-mdx/src/stories/1-Button.stories.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
 
-import { Button } from '@storybook/angular/demo';
+import Button from './button.component';
 
 <Meta title="Button" component={Button} />
 
@@ -43,7 +43,7 @@ This `Button` document defines a few stories:
     component: Button,
     props: {
       text: 'Go to Welcome Story',
-      onClick: linkTo('Welcome'),
+      onClick: linkTo('example-introduction--page'),
     },
   }}
 </Story>
diff --git a/lib/cli/src/generators/AURELIA/index.ts b/lib/cli/src/generators/AURELIA/index.ts
index 04ec62b89ed..61e21ac8985 100644
--- a/lib/cli/src/generators/AURELIA/index.ts
+++ b/lib/cli/src/generators/AURELIA/index.ts
@@ -1,6 +1,5 @@
-import { getBabelDependencies, writeFileAsJson, copyTemplate, readFileAsJson } from '../../helpers';
-import { Generator } from '../Generator';
-import { StoryFormat } from '../../project_types';
+import { writeFileAsJson, readFileAsJson, copyTemplate } from '../../helpers';
+import { baseGenerator, Generator } from '../baseGenerator';
 
 function addStorybookExcludeGlobToTsConfig() {
   const tsConfigJson = readFileAsJson('tsconfig.json', true);
@@ -17,39 +16,13 @@ function addStorybookExcludeGlobToTsConfig() {
   tsConfigJson.exclude = [...exclude, glob];
   writeFileAsJson('tsconfig.json', tsConfigJson);
 }
-const generator: Generator = async (
-  packageManager,
-  npmOptions,
-  { storyFormat = StoryFormat.CSF }
-) => {
-  copyTemplate(__dirname, storyFormat);
-  const packages = [
-    '@storybook/aurelia',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-    '@storybook/addon-storysource',
-    '@storybook/addon-knobs',
-    '@storybook/addon-options',
-    '@storybook/addon-a11y',
-    '@storybook/addon-backgrounds',
-    'aurelia',
-  ];
 
-  if (storyFormat === 'mdx') {
-    packages.push('@storybook/addon-docs');
-  }
-
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-  const packageJson = packageManager.retrievePackageJson();
+const generator: Generator = async (packageManager, npmOptions, options) => {
   addStorybookExcludeGlobToTsConfig();
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+  baseGenerator(packageManager, npmOptions, options, 'aurelia', {
+    extraPackages: ['aurelia'],
+  });
+  copyTemplate(__dirname, options.storyFormat);
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/AURELIA/template-csf/.storybook/main.js b/lib/cli/src/generators/AURELIA/template-csf/.storybook/main.js
deleted file mode 100644
index 16aa97cdc16..00000000000
--- a/lib/cli/src/generators/AURELIA/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.ts'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/AURELIA/template-csf/src/stories/0-Welcome.stories.ts b/lib/cli/src/generators/AURELIA/template-csf/src/stories/0-Welcome.stories.ts
deleted file mode 100644
index 92ddbc26b27..00000000000
--- a/lib/cli/src/generators/AURELIA/template-csf/src/stories/0-Welcome.stories.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Welcome } from '@storybook/aurelia/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => ({
-  component: Welcome,
-  props: {},
-});
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/AURELIA/template-csf/src/stories/1-Button.stories.ts b/lib/cli/src/generators/AURELIA/template-csf/src/stories/1-Button.stories.ts
deleted file mode 100644
index 436ff09cb41..00000000000
--- a/lib/cli/src/generators/AURELIA/template-csf/src/stories/1-Button.stories.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-import { Button } from '@storybook/aurelia/demo';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => ({
-  component: Button,
-  props: {
-    text: 'Hello Button',
-  },
-});
-
-export const Emoji = () => ({
-  component: Button,
-  props: {
-    text: '😀 😎 👍 💯',
-  },
-});
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => ({
-  component: Button,
-  props: {
-    text: 'Trigger Action',
-    onClick: () => action('This was clicked')(),
-  },
-});
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => ({
-  component: Button,
-  props: {
-    text: 'Go to Welcome Story',
-    onClick: linkTo('Welcome'),
-  },
-});
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/AURELIA/template-mdx/.storybook/main.js b/lib/cli/src/generators/AURELIA/template-mdx/.storybook/main.js
deleted file mode 100644
index 43bbb3968c4..00000000000
--- a/lib/cli/src/generators/AURELIA/template-mdx/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|mdx)'],
-  addons: ['@storybook/addon-docs', '@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/AURELIA/template-mdx/src/stories/0-Welcome.stories.mdx b/lib/cli/src/generators/AURELIA/template-mdx/src/stories/0-Welcome.stories.mdx
deleted file mode 100644
index 17ad75634de..00000000000
--- a/lib/cli/src/generators/AURELIA/template-mdx/src/stories/0-Welcome.stories.mdx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-import { Welcome } from '@storybook/aurelia/demo';
-
-<Meta title="Welcome" component={Welcome} />
-
-# Welcome
-
-This is a test document written in MDX that defines a `Welcome` story wrapped in a `Preview` doc block:
-
-<Preview withToolbar>
-  <Story name="to Storybook">
-    {{
-      component: Welcome,
-      props: {},
-    }}
-  </Story>
-</Preview>
diff --git a/lib/cli/src/generators/AURELIA/template-mdx/src/stories/1-Button.stories.mdx b/lib/cli/src/generators/AURELIA/template-mdx/src/stories/1-Button.stories.mdx
index fe4f4783439..94b8a5358cb 100644
--- a/lib/cli/src/generators/AURELIA/template-mdx/src/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/AURELIA/template-mdx/src/stories/1-Button.stories.mdx
@@ -2,7 +2,7 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
 
-import { Button } from '@storybook/aurelia/demo';
+import Button from './button';
 
 <Meta title="Button" component={Button} />
 
@@ -43,7 +43,7 @@ This `Button` document defines a few stories:
     component: Button,
     props: {
       text: 'Go to Welcome Story',
-      onClick: linkTo('Welcome'),
+      onClick: linkTo('example-introduction--page'),
     },
   }}
 </Story>
diff --git a/lib/cli/src/generators/EMBER/index.ts b/lib/cli/src/generators/EMBER/index.ts
index 36fb1c1ef53..de4d2e9ef3e 100644
--- a/lib/cli/src/generators/EMBER/index.ts
+++ b/lib/cli/src/generators/EMBER/index.ts
@@ -1,41 +1,15 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../baseGenerator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    babelPluginEmberModulePolyfillVersion,
-    babelPluginHtmlBarsInlinePrecompileVersion,
-    linksVersion,
-    actionsVersion,
-    addonsVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/ember',
-    // babel-plugin-ember-modules-api-polyfill is a peerDep of @storybook/ember
-    'babel-plugin-ember-modules-api-polyfill',
-    // babel-plugin-htmlbars-inline-precompile is a peerDep of @storybook/ember
-    'babel-plugin-htmlbars-inline-precompile',
-    '@storybook/addon-links',
-    '@storybook/addon-actions',
-    '@storybook/addons'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    `@storybook/ember@${storybookVersion}`,
-    `@storybook/addon-actions@${actionsVersion}`,
-    `@storybook/addon-links@${linksVersion}`,
-    `@storybook/addons@${addonsVersion}`,
-    `babel-plugin-ember-modules-api-polyfill@${babelPluginEmberModulePolyfillVersion}`,
-    `babel-plugin-htmlbars-inline-precompile@${babelPluginHtmlBarsInlinePrecompileVersion}`,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'ember', {
+    extraPackages: [
+      // babel-plugin-ember-modules-api-polyfill is a peerDep of @storybook/ember
+      'babel-plugin-ember-modules-api-polyfill',
+      // babel-plugin-htmlbars-inline-precompile is a peerDep of @storybook/ember
+      'babel-plugin-htmlbars-inline-precompile',
+    ],
+    staticDir: 'dist',
+  });
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/EMBER/template-csf/.storybook/main.js b/lib/cli/src/generators/EMBER/template-csf/.storybook/main.js
deleted file mode 100644
index 3036098563c..00000000000
--- a/lib/cli/src/generators/EMBER/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/EMBER/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/EMBER/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 2b6a7d76243..00000000000
--- a/lib/cli/src/generators/EMBER/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { hbs } from 'ember-cli-htmlbars';
-import { linkTo } from '@storybook/addon-links';
-
-export default {
-  title: 'Welcome',
-};
-
-export const ToStorybook = () => ({
-  template: hbs`
-    <div>
-      <h3> Welcome to storybook </h3>
-      <button {{action onClick}}> Checkout the button example </button>
-    </div>
-  `,
-  context: {
-    onClick: linkTo('Button'),
-  },
-});
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/Generator.ts b/lib/cli/src/generators/Generator.ts
deleted file mode 100644
index 7d081f55c9a..00000000000
--- a/lib/cli/src/generators/Generator.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { NpmOptions } from '../NpmOptions';
-import { StoryFormat } from '../project_types';
-import { JsPackageManager } from '../js-package-manager';
-
-export type GeneratorOptions = {
-  storyFormat: StoryFormat;
-};
-
-export type Generator = (
-  packageManager: JsPackageManager,
-  npmOptions: NpmOptions,
-  options: GeneratorOptions
-) => Promise<void>;
diff --git a/lib/cli/src/generators/HTML/index.ts b/lib/cli/src/generators/HTML/index.ts
index eb96ae0ff49..22a10072eb1 100755
--- a/lib/cli/src/generators/HTML/index.ts
+++ b/lib/cli/src/generators/HTML/index.ts
@@ -1,25 +1,12 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
+import { baseGenerator, Generator } from '../baseGenerator';
 import { StoryFormat } from '../../project_types';
-import { Generator } from '../Generator';
+import { copyTemplate } from '../../helpers';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const packages = ['@storybook/html', '@storybook/addon-actions', '@storybook/addon-links'];
-  if (storyFormat === StoryFormat.MDX) {
-    packages.push('@storybook/addon-docs');
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'html');
+  if (options.storyFormat === StoryFormat.MDX) {
+    copyTemplate(__dirname, StoryFormat.MDX);
   }
-
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/HTML/template-csf/.storybook/main.js b/lib/cli/src/generators/HTML/template-csf/.storybook/main.js
deleted file mode 100644
index 3036098563c..00000000000
--- a/lib/cli/src/generators/HTML/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/HTML/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/HTML/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 8c44b0266d1..00000000000
--- a/lib/cli/src/generators/HTML/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,46 +0,0 @@
-export default {
-  title: 'Welcome',
-};
-
-export const ToStorybook = () => `
-<main>
-  <h1>Welcome to storybook</h1>
-  <p>This is a UI component dev environment for your app.</p>
-  <p>
-    We've added some basic stories inside the
-    <span class="inline-code">src/stories</span> directory. <br />
-    A story is a single state of one or more UI components. You can have as many stories as you
-    want. <br />
-    (Basically a story is like a visual test case.)
-  </p>
-  <p>
-    See these sample
-    <a (click)="showApp.emit($event)" role="button" tabIndex="0">stories</a> for a component
-    called <span class="inline-code">Button</span> .
-  </p>
-  <p>
-    Just like that, you can add your own components as stories. <br />
-    You can also edit those components and see changes right away. <br />
-    (Try editing the <span class="inline-code">Button</span> stories located at
-    <span class="inline-code">src/stories/1-Button.stories.js</span>.)
-  </p>
-  <p>
-    Usually we create stories with smaller UI components in the app.<br />
-    Have a look at the
-    <a
-      href="https://storybook.js.org/basics/writing-stories"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      Writing Stories
-    </a>
-    section in our documentation.
-  </p>
-  <p class="note">
-    <b>NOTE:</b> <br />
-    Have a look at the <span class="inline-code">.storybook/webpack.config.js</span> to add
-    webpack loaders and plugins you are using in this project.
-  </p>
-</main>`;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/HTML/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/HTML/template-csf/stories/1-Button.stories.js
deleted file mode 100644
index 63342a3f2cc..00000000000
--- a/lib/cli/src/generators/HTML/template-csf/stories/1-Button.stories.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-export default {
-  title: 'Button',
-};
-
-export const Text = () => {
-  const btn = document.createElement('button');
-  btn.type = 'button';
-  btn.innerText = 'Hello Button';
-  btn.addEventListener('click', action('clicked'));
-  return btn;
-};
-
-export const Emoji = () => {
-  const btn = document.createElement('button');
-  btn.type = 'button';
-  btn.innerText = '😀 😎 👍 💯';
-  btn.addEventListener('click', action('clicked'));
-  return btn;
-};
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => {
-  const btn = document.createElement('button');
-  btn.type = 'button';
-  btn.innerText = 'Trigger Action';
-  btn.addEventListener('click', () => action('This was clicked')());
-  return btn;
-};
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => {
-  const btn = document.createElement('button');
-  btn.type = 'button';
-  btn.innerText = 'Go to Welcome Story';
-  btn.addEventListener('click', linkTo('Welcome'));
-  return btn;
-};
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/HTML/template-mdx/.storybook/main.js b/lib/cli/src/generators/HTML/template-mdx/.storybook/main.js
deleted file mode 100644
index c3211c95188..00000000000
--- a/lib/cli/src/generators/HTML/template-mdx/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.@(js|mdx)'],
-  addons: ['@storybook/addon-docs'],
-};
diff --git a/lib/cli/src/generators/HTML/template-mdx/stories/index.stories.mdx b/lib/cli/src/generators/HTML/template-mdx/stories/index.stories.mdx
index ee921eee61d..4d829ef175b 100644
--- a/lib/cli/src/generators/HTML/template-mdx/stories/index.stories.mdx
+++ b/lib/cli/src/generators/HTML/template-mdx/stories/index.stories.mdx
@@ -1,4 +1,4 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
 
 # HTML MDX Demo
 
@@ -6,16 +6,16 @@ Here's a few sample HTML stories in MDX. Enjoy!
 
 <Meta title="Demo" />
 
-<Preview withToolbar>
+<Canvas withToolbar>
   <Story name="heading">{() => '<h1>Hello World</h1>'}</Story>
-</Preview>
+</Canvas>
 
 <Story name="button">
   {() => {
     const btn = document.createElement('button');
     btn.type = 'button';
     btn.innerText = 'Hello Button';
-    btn.addEventListener('click', e => console.log(e));
+    btn.addEventListener('click', (e) => console.log(e));
     return btn;
   }}
 </Story>
diff --git a/lib/cli/src/generators/MARIONETTE/index.ts b/lib/cli/src/generators/MARIONETTE/index.ts
index c29c891b00e..55e1bec59c2 100644
--- a/lib/cli/src/generators/MARIONETTE/index.ts
+++ b/lib/cli/src/generators/MARIONETTE/index.ts
@@ -1,22 +1,7 @@
-import fse from 'fs-extra';
-import path from 'path';
-import { getBabelDependencies } from '../../helpers';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../baseGenerator';
 
-const generator: Generator = async (packageManager, npmOptions) => {
-  const storybookVersion = await packageManager.getVersion('@storybook/marionette');
-  fse.copySync(path.resolve(__dirname, 'template/'), '.', { overwrite: true });
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    `@storybook/marionette@${storybookVersion}`,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  await baseGenerator(packageManager, npmOptions, options, 'marionette');
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/MARIONETTE/template/.storybook/main.js b/lib/cli/src/generators/MARIONETTE/template/.storybook/main.js
deleted file mode 100644
index a0f65ec500a..00000000000
--- a/lib/cli/src/generators/MARIONETTE/template/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: '../stories/**/*.stories.js',
-  addons: ['@storybook/addon-actions', '@storybook/addon-knobs'],
-};
diff --git a/lib/cli/src/generators/MARKO/index.ts b/lib/cli/src/generators/MARKO/index.ts
index f28c62ff86d..d2f509b238c 100644
--- a/lib/cli/src/generators/MARKO/index.ts
+++ b/lib/cli/src/generators/MARKO/index.ts
@@ -1,31 +1,7 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../baseGenerator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    addonActionVersion,
-    addonKnobsVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/marko',
-    '@storybook/addon-actions',
-    '@storybook/addon-knobs'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    `@storybook/marko@${storybookVersion}`,
-    `@storybook/addon-actions@${addonActionVersion}`,
-    `@storybook/addon-knobs@${addonKnobsVersion}`,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  await baseGenerator(packageManager, npmOptions, options, 'marko');
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/MARKO/template-csf/.storybook/main.js b/lib/cli/src/generators/MARKO/template-csf/.storybook/main.js
deleted file mode 100644
index c6a06f1fbc3..00000000000
--- a/lib/cli/src/generators/MARKO/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-knobs'],
-};
diff --git a/lib/cli/src/generators/MARKO/template-csf/stories/components/welcome/index.marko b/lib/cli/src/generators/MARKO/template-csf/stories/components/welcome/index.marko
deleted file mode 100644
index 272d7211f2b..00000000000
--- a/lib/cli/src/generators/MARKO/template-csf/stories/components/welcome/index.marko
+++ /dev/null
@@ -1,46 +0,0 @@
-
-class {
-	onCreate() {}
-}
-
-style {
-	#app {
-	  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-	  -webkit-font-smoothing: antialiased;
-	  -moz-osx-font-smoothing: grayscale;
-	  text-align: center;
-	  color: #2c3e50;
-	  margin-top: 60px;
-	}
-
-	.logo {
-	  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW0AAADICAYAAAAjp7DLAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAQABJREFUeAHsfQeAXUXV/9z2+pZkkwBJCJACgdA7kZIAAoryUUz0b8cCFiwISCcvgBRFEBQRhO+z8IlfYkdFUSlSRAw1hgAhkEBI376v3fr//ea9u7l5ebvZt/t2993g7M6buXPnTp8zZ845c0YR7zSTTkemTz98+slTJu1ieZ6meJ4X2ibQVO3OJS++IM7/2DrheYpQlPDWpUadgN5UFEV4D/9j591n773+UM3WbKE5MnXHEYqmCc93K2XZ1zs/3HcrfVtN2PbS6X2PMgtNuFqHeFTZQ3T49asmL8bFwECzCG+1+PxUM5qYoRXyOSStVptOfcRXPEd4miG07mfmrX12/uLFxQ6uj8INeyn0Yc+hXjKYN08T7Fwr/v92K2RumNrc0mC7toHRjGleL4WsohweJrKmx6868qhfXy3ERzAlc/8B3EWAjVbUFj257w+m7JQ/eerOHY5TwDBXPAJsaXy3UmvzHYE+gaMcF6Vl0P/Gd7f6luNne8tlWRyNM6+fb4r54CPddbVYRLcV40Yhui/BV2UpbVWSfh6YmSIs4SWiU1tuF7q6qyGUAgIBuPsqSHlWfKapFL/SOz+s+NWW32JZ+k/Hz6dSGhLTUtGh1mGPRz6EmH/yRFpVRNrdkseO66vUIjtebdNpVaTT7rjv3jfRzLQ+0ZXL7v6V2XPWTpsyZWK+UBCqGj6EQ04bz/UaxoxVOjdvuvnig6desGiRp82fr7yjsI7gYJ23aJ62eP5i58s3H3z2hm7xw6NnthXOOWVVwsBUDuts5j5Qj6D8diRrmk3viU/Y9HeEqVhYqq6Sh3mgYB68uc+1l7UkWr7RZnULLaTItovqJ9SoyJg9T7n/Xvbe3cTP2tMA3LBVt0twDIXB/44C2vEbv//tSDz2tc6uDme/MePcj8w+xgA65bmuK1G0MHTYVmVE0TVD02zT6Xpr3ebjvn/q4c+nPU9NK8oOP3C3agc+pIExpoX7ocun7drYmPpjKhHd9/VNZueF71sXfdfeG6L5vILFmduqIqrqf1/pme/8iRF8Tz+N/674VPz14/kuQ4N+P25faQTj+n66OjIDCukoqYju9CQee35lxwmHHipA2evdVfhJb9dF7QHrFW+FOKIxNvW998cbGo7NeQUbNSrtQbabRN1EQLNwPfMao0mto6ftkt2WL7jRS3tYlHb8sV9p/NVNx9SkIPMWgSwy39G/dc9Ripv7i6VoySSwlEw+r35ivwMK+02dHs2bZviANsjXRJKwUbTjDU26l+351wX7Tz281GbsV875d4xBO4CWrXgXfO+Ee/So+al8Nm9bjqIZenfHFR94rbE5bmkFSwLAULQJO09DL0a4CeQDAXfC0Oz8xK8bzau/BYilAQJXvataJOZp88ViZ9X4r75HmzDh9yVUu5hDb8sEH4P+3gg19jAPmmrBkecaiq5anr2268WnjpslfvfaO4FMEj66QLF3B/ZL5hwAtrhtRVTzrGvsaCzJwZ8DiFZjcfHjpS9mNnd0bY5Eo8LFrIeRxMyBuIi/VVz/mW4l/0DSHHAcbA09IBTcIeAbPdPd4Tq6cdhlTy79FBtmEbDtgTXQjhFrHvgVBNj/7+rpx1lOz8cAsAHnFC0Oom1rT2PTw0t3dQEW0Fgq2gyeEFgPZSTZu3fpxWZQ2I5QvdzXc+ub9iDAxlCrup/nicVoC0/ZfdN3HlCiys8ajTgyAdsTzbPFEoj6z0G/H1Zrl3kMKh8AbMuNKfrExn0OTs+T61yafV0t9Ef+4TFVd3p4qoaSLlwoO0/NP3yOF4mc4FkOhr6qYshhvKLqujH2yVeX66ZlmuxoBzOFM2EgloA5GM9/9oE23wX9wbiD9mM4ynQJsFFW/4+Q2wU/XTeMy8/+86O7zlcUJ006/jvBADovBoP5kHMmJppTqQXRuGKAnuAAhoO474lxDZ56//PNzsp1jXYUxG3HIZcRIKKOLRcV0itkB6KcJcCtennXVpNt4yKGdXmpa/m2KoMJ4S0UxXmRfWnpgq6ejhUR1dDRIMjVzywsrqy6kvdMEUkkPnLTlPPPKjZG+j9Au6pRUS+RQd8i83H87Yumx3TlcpMzQTJdgKPAzaGcDcCw/75uXez1det6dDAjHUBZjt0hWeQDIvnQ0uijDATURVBEoL1lUcCTls/nrKaW5qnTxk24ml2wYMGCeumJYS3HosXzJGw7fO9dPj1mTOPcQgHoKMTBiGsR9KhY4BKRSOyBZyfaOVu4HAIOXhAdo+tbPlcKC773/eWu/53v8n3QX+m5rzCG479IFtmm5RTN67JJ4/6UvWnX0zCSMV4lfN8mZn8BZNYtAtlwz/zPXhd29jaNKxjaqbicYZ70Ytlh8GN9pgSgDcnOpqYrVohjxlOKhGSS/togzO922IqJBUX8JGNmLrXjyZ0wvCnxqoIyggFatFkwZUQyEfvt8le8nkIuqxu6YgMaSkwY3d4nRuy/oxv0Y/D3fuO/89/zXdAffA6G+366vi3FJUmEQFsCb0wsgG1pi1i3p3e2twlTeB+//pmlZ2Aku/MWgZ6/AxvuJuZDWuTiO/9rv1hUvzSfzRCCEZYRAEmLJhTJiC1e3NCYeOa1KaquodV8bJu4ZclyTWdc/xlNjiGz5Znv5btAWO97P26ld/gORZFpSbeUDv0yTf+bUhyGRTEr5cREGONtsSD3YViImIWRkLni5cdFAyrLIVc1Zjlv8XyWTNgrv3m3GXOeTmqgniuUDkeGSL3olvv5XH8WTaKZIJMkjOh+kX2POZ/12pHNjgm0Cayw/Iqb/ufdlud+wszlMdg0DEpO6S0WI1RJ4LnVNltefGNV3nUdkEkAGjE7JTjEbNgKo/WfMXNkON2gn+/9sKBb/l35s5+G/73v+mn4zwDY3PJXsigxpppjR1IJ1dPUm8SXpkcXzwc9n3T9HdMo2E0AghDYdi9MpiK7AOgCDQUiilEdtARpjRFPPPBii9jYlRQaALcNwE0gvZUFrOp9hh/EtC3PftxgWMkv45XiE1Omtflc8vM9LcP89GUY35fiEVjTTzp2BOVFlweA9VZ+zeuxHCPZfdge0/Uv4w1N1X1czCKt7iFEPvfSyguyZi4LwWcIq3BpovELEPT7YfXmsrieMD10fyTyxVfFvAN3ZGx7xwPaBFIAVnvd89uGRkO91jKiGmS9CJ9BFsFQLbM5APdEPCF+/8Zb6saOzm5g20RdQCMmCaI+LDFulxRaWpSJmwbSsOlubT09291pg+E69YIP3/cVTrf0I4/skNg2ZLIhq6x4H/nGbu9xvZ4zerp7KD4ieXesd9AQAEZ1V2zOGuKx5ZN7XzG81rYX1gXgmp8H3/l+usG4fniMOEXZu2C8YhpYkrKWMLTEhYX1u+6LIU0coup+LgI2T5nW/d+PC8X6URwIDFAC5E64HTKruKrlmk7c0xrjB+557aIdmCm5wwHteYsXyzolVe/KeCp1uLBsG+K5kJ6q/IdRqticMfFI84vr1rWYFsRWAfhdAkqEV3T5biRsKX/khv0yCLIoLPcAdPm3LVYv3+GEclZE9MglVz/5r4PSc+fa6R1MmiSdFioP0Vxw5/vH7dyyy/WKDqkKCGEr6Oi+LGXjxsQd8djKlFi5Ybww9AC2jeYlpruNJfgqD68U5sfZ3jv/Pd0yP7HwGEYuDg5IwI7u3QqoB5+hekFScZVUoVkR7ZIpCcBNaIuvqzM+UzL/7yU3ZAo9r0ewDwGyjdL0U4D6fafmXFPomnHqYXt9+ePFlkhX3SbVteDIx96xgDbIIiQJjL/jFwetymS+uKEbNE7o58CMxmTu2zpAXKKa4T2+cbNYtWmjTQETSpIUySR0SwBSukWgyd+B//kAdnvf+kC5lLIsA8Az1GeQ+DEQzB+bBMWyLSsxpnGMqWvpkR9Sw5/jsn3myYnoOpu+0tAUOcCFoC4CwJ8rQq1KLkulAoUlw/kvS3cSWRy2IYD3yRO9pAzAql4/QFev3w+vFDbQd/63dEt+gkcCbKLJCcxGDLGBGZzK9zoLnhEVHyqs34lHuQlnq57PZEqSaTddPPiW196+gGMMCanQ0IKBR55umKwL6o7j6KiRYcQufkFMn8zdBOpYdbvI9qzTHzn467RsVRaLtFu5sRQt37vvV92GfoaTL9jYQesDmQg8yGAioq5q+c/vN1OPRXACDTOL1JRRM5zAoL+qht07mf3ilM9thvth9GOhceKJpCaymc9ce8Rh90B2W6Mo4KjVpUYZE8uGdQ85T8w8bt9DngCCPdbjigaYPJAswNkQrTlVfOCATeKI6atE1gR3ujhsBvL5sMQh1j0WR9XjgNysiN/H280M2DVkVzUr37A83+Ud27hX92a/fbb7bSACsucw5zTR1ux/8R8SInpyVjFBe6ue5BJIdhS9npPUY1pWN++c/PT1n8Pqg/qNcifXsDUGNNBrmN+wJTUnXaTd7vvj3380kUqeAeajq4PGSYERcqa2Z4mkNKg6JIec2KsbN+vs423JD2VhGObbxGFYpXDMgG3iVgrzvy25EsuG3//z0/CffZfh/h/9nPmWC8alpl2Rfvj+cTuI7DZUZxCupdXj9z/qOiMixpKShbpiG4WhNQDLtmmMeuKR15rF5q4GiNahX4igIdURt+gmYtwki5CWjW7eLj2bXdtrXSzpOc8xErm9jQbrq5xcg5H0LALsNHcqjvvi8mtydj6jeSrxGK4hoTMA0ErBwfFX2/v4yokfP5oAmydBQ1eRPgq8YwBtiH49kp5ri/SisWszmSvW5Qqg6QLBBrDG2ccBWwuzPgL1a39ev1ls6s5ACAOkQ0hB8eRhRUvyRfk7hlUKL4/X13PvtwDBpGMrNrboPPRTnUUZtHwuY+uNDbt3GGOKUgbHHRfq/oaIH8Gy+Pytv/xQJCbOsElXUF1KN6KPB2a5sBlQ1dqZ18Sjr0ws7mC4KAIYjrTFEJDbg0YdwJrgMQiQB+zHAM9YEBNsusTaMG02UEriDFUDKJ8puZv43ROelb09aVABJolDLBg3aOGxWIZV2zOdhDDierLxktvAh+bRfVRGjh9UJtQm1JO4vOXH76RelDMie+mO7aJigLnc+g7cchMV5f4Zvfvc2xs9G/tudnMvfZsAdaQsgLWrQ5EmyuJj0NW4JWxba2/b7MUSiSu/+fySk8iUJJmkvN1C8ZwmWSTtinlifCyqXAl9qwDUwiHvkTNxoJYDnm3aGHXFkrVJ8er6nbHAEykDtMO7kbIoggSJKfQGmY8kkQxu0QBTEjxVJb5Z05xNV7Ep2C4IY5NUaRbKb8zIhtt7rMyrBrBtlApNwtKGyXLzJdSMlXMTjY2nnnHQV8+RDTGveBCrykapu+jhB9qUycZknvS9Xx0V09WvO5YFaA2FkxBf2h5JpPw91VRCDkE0Act4oSenrtiwOYsJgPM2nFQke/gu/dXY4qTcOo3+0sIU0QG0+8WuQfro973EzDGhHdcBVGq1HOpiViVdG3uQuhuJ2ykQmEkyxkUnH35pPKHPxAYIktbAKFmTQVhC+hiA9SOvjRM9eR3a9NCfPHRDEDUCluc2KY+dQhk4roZiMBQ1t9sBazJ3srnG+HgprarndhHbTqvTli1+01m2aoEDuWeImIJsghxCBbQleoPWhYvtDDg5X1kh3jMN+g6Abaerbpeh9M1wfMvhHl5D4ANO45yHPf2VFb/5S7uiztGhpxR9NSRsko3CRHBisvCp6ZONeFRXbXY+Z/pwG0wPBTLFZD7WymDK2cmmJr3Q1fHV24485tawMSXnzRPa4sXC+fCNLYdPHrfHo6rmxVyHxAVJXRh0M5GI255XxSnTW8VR01eJHJiSGE6DTq+aD5nLhBgkRjBSSXiowchy1QiIRVbLmoKXPSoxObcG/V613m0OP5TFW4INwE77feX/miKpMzqtDIrIU2lhNJ6TAlOyp6vjh7u+9gOJcft1DGNtWOZwrzolmezVq/94rhOLz9EsE2QRhRrfJIAdrMthG+MY9UT0ldYOKJgqsvmGnTQCOAT8GFi2KV0+1eLPUz21u6dTRAzj2iue+Ns0YtshOuIOBKkI1ya17HpNJObFINVTVElQPusI+YLQr9IzvymFE3CSTPLkW01ifUczaN3AtkERQ79vZYlnBsMk3omw8vBgHN9fKQ6Jq5DrEXHMPi49kp7NJWhoVnXzIBfFOyaDzH8pUqNhyasyrD0vSzgUfGwRyd3YZeXasZ0pMSXLGsKvZF27Qu2x80JpjH/29emffL9sjJCTScILtDGwePJRfPMPO5uWc1muAKF6AFpeqAdZkUH8bf0dZbebQdJ7oi0jNvfkKOoN1jpAKPbOw2exnQNZxNcvwlOPNbEuSL82ThnFo6lOVSOZRCyaN48gou7NIpx8ZCEvuvvQsyMx9SSzYEPTPe72BKAgVryVZVgwPOhnXP+5FI8wTQdRvOCo4vE3JkhJDsaR7DfApyI5rAicfT/dINAOhlfyM24wnGkTZW028AN/jS2YktD2KOzPdL+WOh64x6AUSvF2GwLuXZ+5659O26bvxHUwJXEETYq2cIWp2qKivd8E/YNJq9pvuBt3nbiiCyMSvegpMbaxSCaRSzc6IHwmvEC71NaTW7zLenRjouZC6aYkUmN8cN8LS9f3+890K/uRYPAdooGTiSBV/HtzjzCpcph0T8zCYbGY2R5O2wsepIG/tnkQX5cKpZyGsS2fueH5fwDZVnDRhweKav2adBo0eJx8POIrYidPNS/hvh0WdCpO/AFaQsV+4nIPlYy4YnlrQqzYsAukhwBHS9h2EDgPxM+s+ornA2fSywmweSMNgXmNDU7yQsoz4URiUePaJUvA4xwsUzKdlqXLtL30w24rsyyhsGUwCfqqYL/hqHTv+6C/nwbrjT/UODI/LWvlnIZk4zGTDpz/Obb54hBj2xg6ITRkPgLL3uOHf3h3XnUfyLv+req1Z7ARd98EYdp3T0iJ3cYmhFTJLRfp4IxjM/LZd8vbtLyZy+MW36sxExg9wIj/ujyZIT4jF0eJRLWEi3Vo83Pv+t/3frmLJygJwIeY9LB87pctfe+cnyrRno9mMyZOPgJlqqFhxYm5WCCsJSKW+NB+rwGI59HPyKmGzcIeJpadQOl3Bi17mI2rJsCHKYz7urHr+m9BSFlT5ksSU1XZkmlH5uSbe37yQ6qR+inIbDi/0DvQkZY/rvsaPnzPd8F4fliwKOXvg+9q5se5DVW1VWd993Mr3r2PePDffv1qlsMIJRQ+TJvMR5JFxJ2GCbkR4BSkt1GpLszAZbIHGpey3mOgjuHZ9rzown1VPD0nSRZbUZtBxpB/vlt82vLL8KDlm0BcoF8exfsgl01ZLWJ/tcW0i+khbc3M5xwrHtm3eeysizjG5pf4AiM03gacDcgi8jaa8747c07B6/wI1IUDiJJfARAwAEs4MZB43FxxqadCqdZcRLzw9i5ywyVhDeFNjSwXYq4BxLKRXXFhrlHaFcsI/dKY3Jd2vNo0lQAb+Vc91wGw8ZmnTHn1Rz933fzPGiEcj5Jj7vkFBxaL0brl2Q/3Xf9dMJ4f5sehW/4eWcg1pqYu9rEWFUrtnNxrl4vDrFCq6o5Ea46uKQGZfe+dcaGtR2fjqLoDajSkq4fnD/gWDi6oohPjZ2VbHsOLfyWg6rsY2lsB2fJwPvdl+S3pfWQ+VkUvB9CvKj7KjfjAHtWuznYwJaNXnP/oH/ajrpY6lN1WSBbBQFONuHdxNAZ4B1IzgDD/ilBvOy4BdjVx2T+NIJM8u7FBrOtsBpmEfVpEK4PgpWo/P4DhOaAGAGwyH9ENsmjIsmj8RPnk+323Upj/ri8X7eYWwJSMbByTitiDvuWmWJqFbElhdW+6qSvbvS6i4NhwUSiy+HqbAvdVqGrCmWPtDXZuag7alxPNzR89bO+Pf4A5hJFMEi6gnYYiGwCZCXf+bVrWsS7iTKZEtgKG4cAtsPGKyqOYRvm7YhivOxmn6+LFHldsygCDQatJjJgAF4N2G1sezuc+LUaOAYANwC0ZVkitmB7doJ/5+M/BPIuhW8rgP/txg8/A70kOgfB2G2RwRTxxyzJvWYTSJCRF1H6aDC5Fn/l41c+OPn/s2MZTgGU7IBsBy+aiM1wWqChwMUg7i6fWTBAmmkdFnxHAotmlpT9oGe6/991twgCryA7hAZox5cxHNg9hmW+C/v7C/Hd9uUX4qHoZtJWwPpldOflMLGIeySR9fdJXOMkjZEpOW/PbpU628xYSzYvbBDZKMaPwuGgOBRwLXECv6/rFj6FLsNN00kUKWV9NUHfhoQLaabFQNqCi2pfmIvExru1QIx92uNX8ATADK9/WMo3y8EAYRn0KOb3c7og8T0YQgGKmDsliAngqyCIgjUjiCU4BOABKTq8b9AffBf2M48fzw4Nhvt93kRMAYC7fbWstzSf84vm2z7JRF9aJ3m2f+fjhW8RUy+m4wDQLIFeg8f0lpdyVI6KPH8b1LaP435b7+QzDZSuBeyRf64qLVzZPggggwqiXBLCJthxG+WFBN+hnfD7TtkAhlDz5SFhHUyG9GofJ3YkadVVDy167coloIpmE7VssQBW/JabkG6v/7w5Tt/+VMnSk4WJZ4zwInaX6Vi+qGgdN2fNDUr3DApGuojFGP2pwGI9+afopAeWKuZU/4H8fPbPdMn9ZAFqKyQxUaOQwRNI/2zBGD2kWYkqTKo9KDrwBGZMz1TfFL5W4CQzfn8n+uxFxwb7V1SZFX7Vh3dKDfnPG+R2yLWvJfau+GgQ0pEV7X7l76vfHNqc+X8h7xZOP1ac1qC+QN/oVcvrQ0X3mjNdFKpKTt9wEmyXYi8zE79lijxazZRw+k/mYAoa9Cy89L/+wGHW4fx01pWvZTGxhclpPeqhMyZW7nXZqNNHyf0pET4K3gxqxxUJmsFE1oLPZ1UV3+5Lnjp0l/vV8mJiS1a+6o9E/AMzy6qyLFzV1WdaVXjSOoQJ0lPOCY2aELCV9m8H2XNGtiC4TgBYYLvST4I6rgVjcPRqMRywddGxi2gGWJPH3in8SEw+8CT4P5PvyVPENlIabTi6i7B5v2UPeq+dfIDEaXcw8SRZBV3pf+8mB720ZM/bzhQKIFWRVECyMkCVc5SGbDtMQz0EEUIIk5M1w38K7lWE4jf/efya5ixNsLIA2i++HM+6IGe5RcKNxVPG+2vb6hP0lU3JwZBKsp54ybfXv/uDauZ+AzYAqkFZChCNkVt5ygyvbLLeheb99Fi6TGgVABip204h1zWAzCgXQTpcac8LM8V91YokD7XzeAS0bYtSY0SNogRKThg5ArYrVXUUBWAxkkEiI8A/cSrIg1xyImBW/BUjdDqnFvyHejxd8pt8PH6grvwclvVDI4eibd960n39rXy6MaS89KmMCzSeZj/PSIhXTzDRu/APAxNk+Ei2woSKmK7HdgN8PC7rBuMHwvvyV4rNPU4YjlrYnxZrOFugIQR+XZLcl5CX03Y7FJxKkjQFZROrJ5hq/nW+2l+ag3kMjAggZtpa0mpJudiEBhQTc1QMolJ6AWohC55vfzkeU9QauGEFbAdiF8k/NQSWcoUdOa9xz/idkxUS6WMHiQ93+jsoErao1QBZJg/s066f/PAB3Pl5oWyZvoymSOYEGSXLnCLlEA5GhSOJkxNoCLgTOMX/isGQMVvfnkfkIHLvI0Kwe6NZE86ALPN8yHS0ZH7vHmIlSBDCtpIk2jfjgXby4ePJx6oyZX040GIdZBQc6V6GRsNjkbPZe64f15/rv+B39wedgWv77YBjjUrST5LCnN7aIvIXFmoCpCoSSerJ5qzpF/PjdqADs0iKBjarudppuJCJO73p9D8nDQHWqnvtoDqytaXXGxidXmhvWp3GeDQ3LW24kxiLfMkZILPABMpXQObHYRS9AFYxkuoaAKcnhXM+G5ePQE7v/+NGfa8nEB03oiMYEoNjRdsrd+2kgnl9dflv+Pvjcv58THCBFioXtMzYL7JvYdinJQG4VvUAcVd5piIM0NAP9rDytwXznfxN0CU5QHQgCamJV25rTnz/tvN/6/IPyPIfrmdg9F4t53xF77TPxgKcg3dfMzQPyqxqw1LKMBNo9OM5z3E5tYv+Wt0Ue1HVAqG1GHscDYRWcXsPC75KAbhOMVEn57X0zah5XjWmqZTe80Vkw3zV+n+w6lJl4CIs6YMNqlqobXbPvRx5IatG5PbhQF8FVS6YMONPhjIgtZ1wz1Jzm3j7l2R+fh95F/eQSO5y5DintUZ0U2ys5gIcs3/SfPv4RPRYFwM5C7wT0roJEgXMW27GV4jDMD/ddP53gc/9+ao/QMaMzji42ZCKYxNQJWJy420U0MEeKWHYR0DM+AX61djDf+d8EXYr6gaTiaBCVmJQat1BcLJok/2CkGLygehBgc7LMnHjAdVrEbkb5oBAKGBznzihaguc4CABLWptEaz4lDN5yU4HvzfakoUMLLR1SJrsBYIz9GgTmjDdKRnVzjm3EM3s0ac4Fgy1DEWCnuZ4V7PVrF2YcC3oSCbDZCqx9yCwqYuK8EODKuW9MP2UOATZ3E4Ntn5H4rn4LB9lQAo8JP/zrTjiQeBUnAijY0PguV3o5ETgZRssy5zgm8bp8TPRYPN1L/ddg7/VlyW6EcjoRAVkEN6dIXdgkj9TFn4sb3HOeGoseMHvOPfLaKk69kTCLSmSRK+47+KONjbEzrYK8/KuoEAoAAHvYopUdz84PPPvv+nL9b/z3wWc/Hf8d3WAY/ARAOiR7cq4mntu8k4RHjNOf4VuK9pH5SDBGoC3BWT24AK5uN0/1xs7Prdh9DrFslK1qDLl4UlIoe2x++FE323lbjAcXwgq0Qd6B3nAn5ni6pqV4UjJeIpMQtNSlqV+gXWquqB75shOJ7ykcHrDASZptDsBgnR+lMEqIU7hhYzYpLIx+0raJc9MG/fIZs1cCa8hk114hFDHAIVhZXuLblhiXbLhsxi+uOwK8AiqUGtbxQZlhefJxDkTgtfzF+Xw3+xKbdkA45hy0wdWZ4XwOvq/k97/x3wWfK30fDCv5yX9MgJz1SiYm3uweJy8ukExJEhXKLYE0wsh8JD1bYtkIQ/PWiQXOA0aKFs+ohtd2OS4PIXmEbBXWthrDGknjrF3x/ZxnrkSVWWPUnnTucsuG8sN8v+/64aPpelrOLrhGLHbK4Qd88POyYqWr7aS/zn44nOvPlG6jmfGTfxyRjEcudMB8xE00GGAA0HVkuSvkAYxOOyo6TQjiKgDIpb9yMTw+E8vmPbR190cCMm4ocRzbcQwtMql50gIMCj1NLusIkEmu/Px+V0aiYpaN5gNmTV0yEorUi8tJYuBnSftYHKwCaYzYNv7Ly0eeVgLxmoBlE3yVkPU6AdioBIsNzNrptj1Ny51ofvCGzyAUZ7nl8ie9A/1B3ZFUWp2aX77affHVSy3HIjEYtUfwNiYY5Pt9d5vIoxBAQhhwBZQeKjHOXyqmT5PqaeuUTMJxV2emyBdDoZSZ9z31Jy+eOMnJZqgQqupt3HBXjMOODUg6pwb4NrlhHVySSLC4cIb0GsTymY/B4N73deIp7f2VSERp72z73NPvOffO4WJKpjFH0tief+V/dj6spWmnJz3F0l3SjIr4c500yJZiSKYk9G4f0dQpDmlZAx3coH5u1ccSJopJYD7ygoM6YT5uqUDQh3YHyRGH9ps2ZrLe0U0Hda0AqB00U5LKl2ZPf//P4omG+RkcRUKz1N1cDVa/b7+LW26iWlfbpu/vvvrBL5bicYrX1azF2lJnZtFiWaZJP3ryY55unCTyeYj4UcZvZGWyB5IfZbYZj9i2KwzRWRgjMeniul3safY2sWtJyyZGi/6vW4sz28C4ie2Khmj8UpEWEyRTEtvomo4SbMcJsJGm0tzYdLUatXRky3snCDiwm6o/S1QiAabkCz0psTHfALo1yVEIlB0MII3aNALDJqZdr1i2X1a0vOqYIJNEMxOiUe/iUt8SRUaFBm5Ye2Lb81F9dfXqG3NWrk2TF0dz8WX3hs3iMmAbahMaGz/72m7Hv4ct4dWh3u2qOmng3TnImAQOuDVD3PHkpAPGx5+wNW031zQhr1v99m2QJcCwDS6qbB4+9+UGcyFXRxHj42tBz+yBH7Je/rcgiwgDqkU5ycNgePImFlXtbOaOR9/9mS9galIgPdgwQ6rFPJzIWww9GFctPuDcSNz6AXbWfiMPKd3h/pi9l8OStnssJ44f9wb6uJgjSw81k2JXYNlSvwiC67+n0Z/oVy02RnS5yVOb9lrzR9SDqm9JXK7KICF8pnivTzruyqZxO1+d8SymEVJsWzhJPaJlc5lH315+/2lHCtGF7kX95GSuql2GK3JtMaihlnLBAjkN9hwTu1jEEruptu3oOPiogTJS2fKEIt8VTypucf34frj/HIzr+8tcjLUtfzxUwb++3C0xZRyUpcccD8IsmpXYNaauB0kRHlcno5B07VBYrC4uDzHpxuf2/e133i0Bdo1OSpL5SIA9Jy121nT7Ct4OhFZiY9W94eBMgEn6ej4uXs9MEBFi1VjPWHgqhJLP8Nc/wGZTSwwCsm7tIu50X/PCn0WSABvDdBDFL36SeXv5XT1m7rk4VCWD4wkyCVomfFbLmHk3Ho0ft/Mep0iFUkAkB9EmbOPhMfUDtCmpAGxujx89e6yha2cr2KZQg5+U0KCURkWL/bQMpxu0fnw/zH+mGwyj3w/zXf999S7vG7S9JFQ9tKDsNknbnqNDB7cUA5TMPvhD4So2FkwvoivJWOwKDD2omsAOqIZMyZMPOfzGWNKbjLuYbfR73TEfOUsrWQZGYZ/raYaop4HlHIczMIt4iIYSnXKtJhQPgSVm7WSgPMnIHLzn5IYigBosUxK75P3Exg2alb8ub2PsQx0ZxguxeQDucFn2ewFcca0h/tVXJhx0QL0xJVm+0Te92+95kcN/s/AREY8fZWe7ofpRIY0hRIa4GJvU85rib0ItTTsIh3k8c23ku/o1lQYCp5rQNayfucufOukL16WxsKYpUTJIw9toKOJ35e9mHhdV9Ic8z5YHDJFPpewHmcvwf8ZCZ3E92f6JLnHE2LfFeKg1IAZe18zHvpqFTEngJ7Y2rrvVdt618/7tSwFjq2ZKMnmfTLJmxon/nUo1n91lQXF16Oaw31CeZEp2d7Xfu9vrf/s4q8dxioE66hO5LoDiPKzui8HM2OPnV37Si0SP8rKcErwhgyYs85l9CeCMA1WuF1FyhbHtXuJ1XXixFK5CB/mzBgRtZlFqDspR8zQjW0gOo6E2UyBtmSZ+kCToOR4u4lK/LH76lV8CYL8iSCYp6ifxow3MxbZ7viJvo8HBQvuqSFxVC1lsQUpY9sASqY9YpCAkNNdbmm9S9rfz3cloa4Nd4zslR6ymANAObrnTo20NY5zEAuT7AUAmUvOo1oejogqzkKPQyxW6bxKx+Htxy81OJvV7UD9J+IwKUo8Xxy03K2ed+MC0ZX/9mSBTEpcmjHZVhjrVh17+NDo0rbi73/Hc7s07xx6MxyIznJFmPg69Fn4KEpBGE0mxfk37WblxvzxibGznr+O2j04AbSxCJWaeHNqlT8r9DPYBaMUpA0BNpmDv7qQUn4tCObMwGEemW/Zt+XvGCZoifdNWVa2pSdV/9+gJ5/xX6XWw1MEv+vT7WPZ1D8y+Qo90XVPIUl8FFJ6E0nhOIqFrG3qUJ87dafl1eyS8e7EBGcO7ylGd0Z9T1bcpxhNOHUR00eM2frBhv7ZFg9a7DTIJyQmrZ554SdyIXZ8nUxuUx+qLVBdfOHFV13KutbSw9I8nzBBiUxqDFnbQu81a1GrUG9NbUFzNx++Suqy5ecwMxbJsHSdoqN4tbFaHFkwjnhIdnZl7V5x94K/WbGj7fiaffQ1oSxJbZwdiyLjXCxZSdX36/Xe+639TFMeDSB6IqPjpdaW/7Jlh5XGCz5XS8L8JuliCUHYNByd6upzCKYf8/tvzOOh8nTADHYBpYHMki5y/aPJ0x+n8Mg63ch4Tk8M6MzQrQSTB5AhZiX1CL4qDo+3jI7HvTTvS+aOpNP5EJHDpLbnMBNu+5dT2/dW65d9WevbDfLc8Dz+cru9nnPJnLs7kk0OkMapE0889LJql+tb0IIBt6ZabdS//9fsFz3wqaVCuhuoA/UxD5Wo5p+AmNH2/6Izjv4KWEwtEms6omtEF2qCRcpufuuf5ubomPuZkusgoHHE92QORyR5AHNzrZGhuwVy/dGPbtbJXP3P76k4r921PV0AZpjQYGW5lluSBoOV7STIoxQu8A2Qiw45kI1hi7ltsMZzP/nsc3MN7P3xrP98V4zG8Unp+GIAU0wGYUiM5TVwobj5qbLUKpRYUQZcYE48tTKS88ThEg2viaiOTDT4yEho5C/DmJFIG9ZD/4qL3LPk52klk3ORNdre7QosCz8B6uRWgDgJLH2CWA9fycH5DE4xX/hx85/t9eOg/+9/QpfHD6dIE40NEz8ngQKzRuvfM5pTUPyP2kUthMe4Af9EVoKykVYrKubb5jaxFxbZoF6IZvRn6GYfAhSRV3qHsdvL8FY3Tj5R6SbCbGGBzDEs0tPEomd6t+f2JQ36z9x8aGmJz3HyOvbhtg7CU/kAbruJWysMPK3f9MjBcGkpgA12JpZQNmzu/unz+zFvnPPyw/sjcubaYNSsy7Vuf/F1jMnUyWNLF+vnfDXed/OLVxvVMxVXWdbcvaDszffVW5Jl+0l/kgfkIWvbC+w84Ix53f2WZBQj1gpVXJL3082VdvnJ1A1cM21r75u63j/72/LaXliw5xDj00Ges3DPaR2OG91PXcknE5ToSRlM6KZls7/AaTh530Pp/oZ8GyZSUmyjvzb3m3BGPRD+Xk7I1BN6hNEUyiXD+slFvPf3QZ57JYupykzgqM3hbADlCbUrmI7P64EMHXTN+fMscgbulIGcNAU9ftjrgImrF8EpxBxtWKQ8/rNz182B48Z2rRpNKT3fur8vvv/9u1uuROXMcAWkJsWyZubJtXbo715NxVWoUc1z84QQdNf2FyAI9jmi6GBtNnCfu/vRBkn6+HdltAmYC7C/dO71RUfOXqxql+4oC7CS/h8uSAoMjU9gv6VriewTY1AN+yCHPQEICquEOdn5WEOP/oKZivD/B3gqr5dQOhyVT0tbi3pgmHZQALj4lpiTrWKWR69a6Vx75Zt5Q1kMTIHaJGPAhaYiycmpZ23Sbk6l3TxAtn5TtMIonJUcFaBf1WSjOib9ftXeP433OyvQQ+FGFH3/DZVXeuKSoDbG4GBcR3xU/vSgzbxFvXMHUBR1XYqQfvfmpjFW4x0vgBAZGAz4I3x/puJaF294S46fstMelqAcoPWmSAvpEKv3baCaNa7y4sTFyiJmT19gD2xoVBEXOtcH/uE40oWnZbOGJi37xzxuYTlqkeRQQlH+s3ABueTuSBomhFXo9dD4PPq9R/VJ3u7Ou7nac2vN85MOyJIOT3QY9JK0eIcQbIp+5zrO5jvHkAoc/+j9klmh1trtLKLZ3wbNCTFQgRYJajAr87HPCDeOwYZ5y1v6/R9c+2q5Ej7WzPXWpEGpAbeB5jhpPaQ1O/reL5046g5MYA3KLJAfpX+Cmj/nJxVMaxzX/LRmNTxcWNVWMTocPqE59ROJU42knC3ylV7vWfVh88Nv39SUCOA+7jMVYtC759ZRDmhINf1cUK4FmYb+Pxpjro0YDDubSBD2TEZEzC+9d8N5XH0gDUKcDgNmXtig8m7giEslf4+SwNQnvUW5XjwjVclKvrs+OmTvl6LfWcmEi1j3gFkNE1J+wznsDh7O0vY+7P67rJ+Z4UjK07aK4SbDccorzg8kvPPR5v37VtEkt4o74SjGvpKP5Yw+tOSenx451sxlXh7BI2CRFSuWF8gZDGyNsq9DWegkBNncREsv2e4e6VADA2j9+45urc90L8tBZDfQbugDJrg+XBVqt2I7tqhFNTG+ccI247+xdJbZdzpgBiCPAxnxVErHoVdGEk0AQRUb4VwTbYXIhsBOBcIiiRO8lwAYA8xVe+b0MkZoiQIuY2dtcc6eXtRi2YNRagJkdPovzvHnhGCllz3HJnvO3VLI6HwE2se09BG5q87LXFqKGi+Pt4WVKCkfJurhw2jA+9/qEvd/N+i2aBxLoCJuRBdqY3IsVxTnkzlfGdbjqhQ4QTl0DoVceJQfqidKMnuUx9r7yr/QOt84CSMeSPLZuLbz/A/u/nMaCJCUryjtx/uIihnLWdf9XsM0HRFLe7w2uZJV/PALv/wX9ftiIuCCTmBZo+JFp4xJTviaryoUpgEGnH5kjB/J1Dx750THNjaflc+hoSMGEEWBjIXYiMV2zTGPDX1YvuYz1XbhQ1kRW3f/hgr0IirCUI0UXVAAscApSOFneBxw+oM2VBvKrHd1Cd60vti0ZfzTq53I34dd3oK5/C8weL//rUbun49aY3GyFVJKE6t7BUNWhedSYMum6JVOnNs0HmSSNthpoe9Qi3ohmNm+fBai0EIfvN/bWWPPYGbZpWqBhD/DORyKww2mp+qSv9Ld9h3K7IIuoEavwzG9/v+hm1itdxKnoLTcgmYBMAoFVAPirO3u6OnGAToestlQhDRdMyQFYAOXeeEH/QL6tVRzmS4zbNEVDJPGlpl9fcpKs7KLiberpNMgGcx+xT/2+GKMonZcVTPArFFwTh0hFRDt0vzigjjq7zvUPfkq8lSZZJI2ACmZeCduOHr5pEXRV36clAOP48XAZCVuHK3GoUUG1DaMQjytO+uGHd49J2W0SigZpsi8/9a2C6r0C3S0ktYSSKYmJrOVxwrlBKIdOaNxV6txegAExkmbEgDbIIqBxKs78B99+1ybT/XCuqwO3gSi4H5cXCITM4kosaHdTxqeSYrxmXS1u+VoOoxrMJ4lGVO4/Mu1AJmk7Lf1Uh1W41YwQdZGHV+gOwgLnHtR3g8mr/Bvo3eaFl1FNS+jxK8X5Ii6ZrgEyyZHTZlwaibkzoXYVWDY2JRAaCZ+F3HLcVSzbefDyk5Z/jx2b7nthRv1ADsCixXgFU7nazidbcf6A2OnWstu1Ipkwo1qlVSkd0J7tjOXGjPwJB6c2fIbZwVQNtPGBJCPsI8Q6S1jX6zh56TnQO0PqybBWoFKlhh6Gbhb5Qg4d7X31JSFmFBVKjRy2PUJA21NIFmGHF1TtUiWR4ki2gXPR8FcuvQTgYbDoNDfV1Kx2t7ffdcfRk37HkZyeO5f169+8NIsjRuTXbfiuyJsrPWy7gTmDreeL/hGTpt93/fCg67/zXf8dn8vD/HdBt1Kc8jD/2XeD39OPcIHryfKmp0YiR8ePveTTrNc571urEQu98oHpR8WjyQuhKA0bR6xkhGYhsxiU4FeALm3HvWzOvhY1cdJFKRHZh6xvJaOg/gBFauPs1peh5/QG3OBBkE1AByRN/oYLTrHkhSxuu2244q0np01HN8r6Vap7f2HzFhdJhNkXn7ovm+n5VYrHzeR1EdyIjLTlVK3GsnyB+JCkMnkZsOuMbzjyRClJxMqge9law25GBGinH36E2IY49/FNFzSPG3eq2dNjA/UCElI6qk5gDb+0vp9u0F/+vtKzH5/vKvn7SrOv+BXCIZroqlpUi1nZVquz7XrWi7RsOP1OZsaTFzxQdvvcuzabtnVVV7Yb85sat7EK4PMivTro0l9uGas8zP+mr3fB+JXilIf5z74b/L6UF47V21JAArqko8kroz//7J53HXqXJW4T0YZ45Fqcn+QA5kjnmoyf0FlPjwJeOeat17zvjcfQUdsyH9mnlY0cC5tWdd9u2U3/0uMYSOVH3MMCwKEtzMYtN0Y8u9O4SHvvLTeodlUACpHRhGl1lhDQLJS9IauKjOo5XNHQEiMJtDkkq82v/Bv5rEInidCswpmrZu5/lhwG6XRVbVJ56Gw/dNiBNlQRgMY5197/3hWTO131a9nuHiiLp+AY5LElA7IEYMv9PoBlOP3l7ys99xXPD+8rzf7y8L8txeEmKBaPilYzf/Fvzth7FWWy08UDI9tvbcYoMSU3vD/9M5wSW5yH6Dav+ArF5QgY7MFygkiCwxjQTGJoE3ZqmHQdq3fDrL0/FYmL46EOnQxmdl0YAbajRzzVMpVXf7NmObHsisxHhlcyqLNkSu46X+QKubZLnKxWgAaOkDIlZQ1VtxO8CSd7dutT0XezfmBKVg07yJRMg4Q27dVl/3Jz3TfHdSZB8ddqgehQ4tdsteQ65ABoC9WIXfOaEBNKZJJhB9zDngG6l/QP78y/bb4t3tT4JSvTxWVKYt6VBny9hhH4gJDtRBubNZHv+NNPZ48/FWXF6CGPrR9adqUKldSbjvnNlfvFovqTOCeYwtjlSKx6IlRKfkTD0Le4F1DphmDvic6mS09s+MVnLaNpql0wsSHAyhxCA9F7t2lMs9rZ4Xzm4rnP3eNrKKymKgANAG1ywfLy/0jdEY3nP2f34HARN5fhNFDfqoAJN27JGsc5YcaRbV3cfRCAV1OdYpMIb4UQ42OzDv5DTDMOg0h7KGGCrDekdhsihpYxtJsnP/34BR4WJQLvatqk2rjDOqnIfCTAPufRDSeNa2n8kglyAJFsiTmjt8PkYnQCNKlaxM6KFid/IxraXSQvMa0SYLOH5EnCtNp++jVLC56FY74gORTpxFthskGstm79HuRgUOqMZbl5tXB13lP3wL2emM7Es1HV8FknltTVrs7M71e+ethP2F3z5pVENvkwQMM1XiwskhC6zOab7XzzRl2XAJvULb4NlwVCYec9MCWzh45XnM+XmgHVrM6wXXBZrkY1p0oicpNL0jaZksCIiqfcAb/lafeQuJDdzoF+pJiFzyzfZZdDCLB5O311rVJd7KobfcDJlzBsxv/I4+1/V2PJYxycfAwrpkEsO9kyVmtrXXflr46beG0adOx0NWSR8obz2+fCk5L6cYc8FI/FDlfy4bsQFVQj0YOTjnsoeXcXLaPtZ7wlZkSfEabbiPU6gHAQSHG00Q0afwT29d6P639b7vJ9MMyPH3T9PP28/Hd+OJ+L78Av5b/es6lr9Zwb3pd9hvpF0oO59KGUB7BR4iZu7knxKWCV99gmuLNF7LS8NH6p6tl1wYhSC0p8XVshccLE41qX+/WrstB+j4nVu02/q6Gx6bMZ17HRHXqV6dRJdM9u0HUd2PbfJi95miKwkimJSgZHWM3KOmyYdro0Dc76a9sXFSN6jJvPAOsijbMoLRIy19UTCaiubH8l2tX9A9n6OGExJAPQIBVK3fRgxrbNdL6Q9yBtAJVKrmdjJlS2biA86O8r/kDCmc7gLKVITAxP17XdiWqHlxCmeNnaGTo5J0Kcs4DmIZrNVsIP+r1o+Uh/MVj65fsK4TJOKa6fBqL1mRbfScMPafitb/nI8NJzb55+EMLBW0g2gGuoxL5HgA35vSEBbKRMIyfujQ+Kn5iO8YCOk5UgqvFPEtdC5qqQCLKjEXuX5oR6DSuHJqU0CRu2GoNPiqTAgsjcklXcjdTDhQZBq7C5wmaF1mWZXtR1T3jrwAM/LRtiGBVKVdvYA+oYyXzEbTSn/vLVqZMm7/xCQdFSnm1x9cE2aEBJ1FUkFBnHmKNqe6bt//362Ek/J/ORMuc1KCTbX7aI9vuLfqpGYx9VsvKGgGHdXgXLPZTuIGctj53gLLXL2s3oNniTcR4UsUl6lzgk/i/MZohfhKTD0RGOEVO0Qs57EQzI4y878eVWAiMApaE0kWxqXy+J+YQ4THW1h1TFSUExCckkw4Y0Bfu4WIhtQgYXgPZAWymeEccOq/nMMbPX/dqvX7UJ+vTft951zMJEJnNVTwG3Gak44RZGgyMXMV1XLdd+uf3fa0/aT7S9hYHDjWhgu1mbihFo1Nrw8kKOdu/Dj7XfnWho/LSZzUAmO5xbH6w0dkNLg57vbL/vv48Y+2HUDVUbBB27r1bmgRQyLv733BmiseEhRTUmC5vHvrczoQlKhqP3+ipnWTihjYPp2wztV4fF2jQq2iDCxfAMAPeR8dfFZON1YeJ2eiBjZV/X1yOakcecRDQeVboz5ocuPe7V//P1gNeqpP4CUHg8/s1Iwr3I7i6El/mGridTsqBOfOXZtubZs09Z1ubXr5r2whDm3sd7QYjk2Jl7/S4RjR/fA2kkpBFWwG03xWMgk+h3T3rq6c/WHFaUGrfmKz2wUJJAvHkPbjoNZJ6zcbEBiXpgN5TIIsiYsEY++2HoumJYWbgfS773vy996YfJOIHv/G+C7lZxe3MuxvDf+S5D6YdFuaH03tALXV3rI9n1UqRtYbH4peargUOATdntj9y5AvJzOIzBMxjQq8NdJwFhXxaAsM93fX1T43DsZt299A43opo4akO8AgfcYSOqLV4ydxE50SB0+Dk18S8tmrfYgiW3r/BK8RjG+EG3PF7wuTzt4LPvp4u1x4k3RpS8aS4iwGavzhfVMx/5XZ9moSyZsGMTbrGz+stFpiSI/lx8w2c1JwdJKm3zXvuNWXtBqc7smaoMm56j5gBe/mOo12fsQk4VlN2mgkTC7pBZxdW6clncbJw7+83pu59MODgcCqWqbuh+e8VnrmGlPPcfPc+rqeS+PEiDb3SOS2ZGN2j8ApSHl8cp/75SWsFvqvWXp8dngE0n0dSgbdi4+XO/mDv+TkqLzC+e7Kw2+f7jE0XlNjw9K6IfdMpf7Kh+rMiXxMP6a5j+Ux22t6RxuYoudlUy9r6xVtXF0UE5/WQjcrHzRLeri30jm8Ws2EvAthOyesNWoKEl7GpQM+naonV9e9fcG09dszQNskV6GLYHgFDAA4Sb/ZuYBymxRTgMyy0pQRdbLmzGhZi1auqJti43cfL4ozcv8etXbUV8LP3NPad9NxkxzuvxPK70oHHX4eDvt3JyAjhJXdNytvfYW8uWnzxbiBxqIXu530+reFlTTDtdhMvi3KcyaS8WI8DmUik5wv6opBu0flmDYeV+xmEYjf8u6PfDhuKWp4eJBOyrQSt0dv3rF0uce/l+/jDQp5guKlVkSqaXmbZjXqXkChb1dUgxKDlwOXjrw7Ko8lS2U7BmxDpxnyd2VjgapCIUGlngosvhNiimWGE2i3ZnPC7HxEmb3h6UNa6bH+xWvGgMyqOV1HcJsIvMR1RmOAwbDyZ+gviFozT/Sk/FoamU/GfC7dBZ6NsWdsRwxzZrBnehckEiAK626RYSZYGxXl35rayqvYW7JsiUJOwImZHdq2VMy0km4sdMPnB/qVAKMqM1hbNVN3BfrZguicB99E8bDmgYm3rKUbWY51jc/tW0wH3lX+NwziFMMaWQzzun3zu36U9+/WqcTzC54pTGr/rb8+8Q8ejn3CzpnvXFmCHz0cF6ckik3ZoU6dRt3B1caRCxMgXE20nPikMSywCU5NodrO/o+7EwR4EWdffkHrpkxcpTxdngq/q7nmEqHQaWBG6FJ2fup1hrHjKUnnEWjpaigcI3T9jJmChGNK5kzOinUnM6/mfQTMkS027VgbO+oJvm7Q40Q6ILKg2tYeqZmibrGqiPrWvrCpmeE2e89uZLqEzNmJK1GijKgiIqKKKp2KVGIhETlmWj2VlQ2fK1cFnYWqRTKQ0/7ZJrN45NAXP07ibABnF5aDLZAxsPOIyRZtFExFZv0LLmKigbIkNmeLC+gZVpq1gkizjgEU3STDEx2sNxCWYFOxkYdpklrzYBevZ6JyHWmZNwpbuJr/1WrtQDIx6Gs1KqZkFFCoQWvkmAzZOPGGAEFsNmsMJJvdTR2S8vxT3fN4MBIOlww5bhcCZcxKoxPvMCHIHLWh8du2tJfSs7uloj2/3p55fdCQnS3ybJVJKnbKpNpi7iqxbKnlK0XaLJxitZIlRGym7XonSDadxt8uVtNCS6n/P45k9EYsYH8xkct1CBWqGkbPpa2VqnFyyXnzZcJxKPG/PCE0cAAEAASURBVJ2bu198a53pa/Aa1onc26AlpmT+rG+vtlzrGpYPA5e/I5N/b0Eqe+Q8ghj5npF2xwD4Lm5HSCzh7N3WsthxxQaZZJzIudTsyHsCZaUqZzCCoWhQnHyE3lQ1cd+C41f9mdv6+fK2nREohH/LjWPfYdvjlhkJHFnhehhOo1k4YmCktOkNmlq8FGMQ9cCo4HBSQYJ0TMf+Zs6I5LCHqyukpZpqgeKjdpsFT9e1D7222+Qz5Lc1IpMMHWhDZI1qV2fdvWysFo1eia0SMFQIE2ByMvFQWSw8KC9xIdGdV77xwFkta+RRdaKNI2X8I9P2d3+s2vaflTgUb9cBtg0NyJIsMsvIKi16hvg1sGcPutCL8lnSDfpLfR8BBp4HW+MNcyIW7/rYNGBP70Yiqp7JuGue3/xPXlJclUIoxh+KwWJcvOVmruiwlPgCqyAbhgBq5MbZUCpQ/i2mutONw3Ne7pzuxyfNRf0GectNERudvnL1k67jfkeX6njKMwvHMzoScBvwpFAQkTHN6VcO2XNcrS4DHjLQXrRgAYGKOHDaruckUqlpViZjA+3GHA7fHwgRYD6mVKVQeGTR8Q1QIQDmIwYg3REzRFm5TZ8vHNz3AqYkrn6RBw6IiIyOYQfbANIRYdpT42041wqDYlJKpNeWP/MdyZL4OAkyydtOg2i3W8CUxMZRLuWsC1MeecsdgwKlKNgg3njPqWK1PKqeHtl+no/+JXafeNfqXwqR+JGRihBkj+xYYxfUxshbbvSImTBEbuGS+0VisLfcLCwOCNHz4r9vMnVjWVxqsKEyklAateA4TpNh7B9x41+SNUinh1yRIQFtngykCNyn/7b58OaEdnm+mzLZEvkahak45OnvGpDJznT0tK1utS9iy6YlcwjQZ6QNt+nYwVhn3PI0IMv3VUg3wIzahObenVSaI2NdWorH0+EvAuvSTgpwl8wLuasqd1FwhoMADmx7Ao7M63gmfxoRR8NgwxCJqlC7Kh696L6lP2QR0ujp0SiKr1DKiSjXFLLOKiMCClJYATcQNQuneaOGdcy+DalPy/Zc3Ls6D7h500XaL/Vutzm5/HVFaC3JJKPTRwMueR8RoTetO5sVmuue97wQs2pxy80QgDZuoyke5VYiyfjlscZECuJTob1xm2DJAHDERvUHvzu1eQkBdroO9vOup3/by+RfEhFJ9xxxwE0oYkMKZJpeEBONDgVH1bn7xWwkvjwwy81DBLTtThxrX2/vhFWdV9qMAtBGwSGTrdmWZm3MvXW5+K4opFkFFnAUjALsntIW8aM6VjmKfhMI7KNQilplyRmEljS7yT+/rOuxqXsS2+Zlx4PIQfbHGyteX2Ta9qJ4caiM+NgfRLkrfYLjZsKNOtbYsYcc+I2H58zRUZ0hMSUHPUow2GVTnvyH1jMjschphW4cXgaWzQTDZoFLOzEohOruyjz3g7+89i22fJpDcDSNf1LyzJs2ep6VFkXtcCMPYKhb1XWsfaIbLQPkDsI3DSublBYh8KZfAvGAv0IY178YyCRv2s2iBxoANTIy5RDiMBohix2Chk2L6Xjfv/749idInkiPNPmrfEyVmJJrM4W7C07LE0ZSTiEeSAufwQbMsoWtJ+2do1635BX4lx1XUxmMBtIC1bm8knB96zWFSLQDAqMhZkoK6MB0vbim/tfu697+mGyLtBz01TRLb9xBAW0fC/3IL9dMnjk+chsJWkgIU2LEpl8tp7mHEyIQ/cqJ9h7nSpE+qIP1IxOht5VGy1O65Uac+b3FQBB/oSZI98TJlREyEYBVByzlw+MZfayR0XGZMQB2ALv2/XSDfny3Da0bZdYB3KlUao01XtaAXI8RHDGOgSuT8nn31fvXvPgNFgCKGlmAUTVkSgJCqTPeC7F2N3c51LXnwTAAjEIjhtNoVieYkiLzsZ6HBI5yo36DwLbRMcRG1Snt7f+221qv5sEtGPZX6NoFBZbltjMZoUcjl68SYhe5yyrit6xXVWZQQNvPITmh8UuJ5tREaPCjQqiaymSzliNknWgqAZqT+O3idzf9gUpe6oEsUmpjCDqkZR9h0F4NMkmrwBFZvBt2wM1McW2vGAOJ02nRzZh6uNWTwBjhg7UE0jGQSdqcuOhwxgAykSnJXh4J46lGJAZWqrjhsfli02gwH/uqJelNxPrjx/Y86unxu3AFKaMOex/3VZ4hhnOYuIaW1SKRlmtW/mVq02CZkiiHBNAbVr19j+WJpxKSgxzSdgHnGycVHJB6pin7zPycbOP04FpaAoRqPk0/7OkEapf9M3PqhHENX+/p6OG846GEEYOyNczL1cB8zPdk2h/b1HkJ22FhsRbVNMnwxi3dcmOefstSjNmbqOajOJSHN1uK8MF4R8Y2OQkcpiEEIfbMGclNiHQr+fnOt328p6jgGnsstG/j+DjiMLVhHjyuHlWVbI91/3PrlP9lxRaMFvORmfdjLC92g2mPe9MwMKdCy5QEmaRAVbfWYRNjreeVqlscUf3UvfwVPoBWgbR6pBBdItl0vR2Pg2BChVJomVAaRYE0iVCjxhdXz5yGW26Ku4lqq1Id0CYWOheo0vlPxqGO63LcAkhojQ20vFVq0BgYCzEqFvAiEo2IQl5c+8z7J76crhPm47aduEAOUndD5jbdcp5W4gaaa/jEoAzMCQtq+/Y3ct6kaAeugCzJZCOc5BFCE+lW8vOdbyu8Zz9HoIo8DymSjVYL+p3yAVXP522bqK8QYLGqpqhOQe1Yvvm5SxfPX2amSb3hqlNHxicjJI/dvM61Oi/DzobNwuaqq3JW0WSKl+nCWBBfb39o0gFyNzEIMgmkqGT9pyxZ8rtCa9vtSaxmaJew7kJUGyKAKVVtEXqEN9uTOlE1U5KDYsAGgssy/hfn7/PleEPiKNBonPCK+HmuHotpbjbz7yUvbbiHjZCu1wlC1JWy2+felYU21Gs9Kosv6iSp+YQm+LTIfBSOMyu61iFRBPgOOr52lnlEAbg3uQ3QyZnEAjB8JyVJMI7GcRezY9/6w9PEsmFVCIV6DcmUmJKxOfmf2V7iD0YCK0uIsW3oqXSMaKYxEclfyXaRZBKC3CoMR1+6BHecrsxt0DrwtiHvZg0p4MYRh65s1sMOf96a2Ud8RjZFOl1VmwwYaBMLpUz2Jx/snNEYNRYUsjmi18RYsB0OWKS41XPwXSX/QOJXilMprFL6lcIAgXhAxDULzvMbsl985txpnayf3NdXMaBGNCplt0FHcE6/5X4U9EdKDBjHMNA9yXzkedYTYp36mEjBcNwy5mONgDexcXSN2ADatmx65itDGFozK2Wye7qs515b9+/bkDCYj2k6dWkwbyRTUrpa9xVOTmk3eBlwWDFLSpNkbPAu8md1PxTHCXWYRUXEr5oOSBMbBZlk2ubNr3qWc51OJYBgTGKU1BxpqaZcg4wL6rbiRshYtcwLlwpoOIakGCoCiDYwM8CIW5hz0MOYVqB3EGJgDgYXWQNbA2nku01YeZzg80DiV4pTKSyYbj9+fOqkmqHj2XHvfvDUCX8nwE7XgUw2ytW/KSmUcu3CNV7OXC0MMCVriIlRZKHgqd5kNe9Oi28EBPEP0ZCeUFvLzQPJJD1uFEzJJkAm/8ANOq4GQBtDE/MAQuVeTGRta8E980UbFUKl0/WNoWHuAEAJNfIu8byn6LcrUSzOJPuH05AIBRQgI6Kxpht6Ht59Z2Lb6IMBwp1ApUtkkqeWv3p3wbL+0AhRIDRLKMkkQFe0XKHgxG17RtO0Pb5cquWA+3hAjbeIO2OY855sPz3RkPiw1ZPhEYtQSoug0C7U9ep2Z7ZdtfK3sF7LFi8mpKh/48tun3X7avTIDUXYBshaI/qs7GTcrH5EbJ0do1Y+DCPKU/fKYQPe1dJPBNIA4N6MI+6m5zMla9MNmBhuJK4p6OYfLZjz8v1Mdb6v16U2WQxfKguKQFpXxt5mm4l/kykZZjIJTp86htG5h6F1SYVSCwbRcpig8hYYoOsmdPV/Excl5HGvYXiZktjpZ6CXRDQ1fmnlQfufwPp580ACHYDZLtCmCFzpthajKaZdC6XthBXYNEuEugY4US3wqoGngcHvRaNR8XaX/ZVvHj3+FSqEWjx/Prlh4TA+4Glsutuw3UcEFUrVANsmWQQift5RsS5lUrwrQp3ZGnAZrszDaXUcuqFekzZg20UqADIcusHJR8FLeteuybwqNTVK7K5Gi9vQi9d/CsC2iwqljl2/ybQ7L6WSY/QB5+qAsbH+cxjZt9ywuSSniuznOx8yjlCw2xmM7Pb8xYt5D5ky5bmlf7daW7+dVCXMDiW2jR7gXbpOEuAo4jgXPIm7MUoKpbY7AbYLtP0ULlnSfaWIJmY5hZxbkZaNiFWRRUYnvp1oSGpONvPYjz6zsagQCgvQyA7hIeZGwEOm5Nw07rd3rxI5M4+Gx+glXjw4w0FAmewEDtzuG18roQP7ksxHZtefHUgc//vKcYvSJJ0uyBhkSqI7JFqAXAe+FG8dlwtzHCrdwe685Y73iFfCQBYp7zkolJJSBcm54vdCS92rp1gfKWpTHrXunznVcVW1bcTsVCLaciOPtg9BdlvW13p7wx245eaVuAb1DsMoSTWsjUtsO5eDTLv2nokzp31a5jUApmS/QDtdYs59/eE3D00lIld62OewA3iamR+GzJLTqNuZrAnc9Grx2ozCIii8AsAbNLAb1g7tL3HJlAT+cvotj+Gihu8r8jAGUNZBGsl8BLg8KbZZadJyisSyS6CzUh8Tv/HDCS59fzDcD9ue639PufA2JyUJMAwbtMEhznhK1zo6ux684MF/fo/phIYssnWlvcUlpl23sesNVi7ehjsZoaN+8P28dfIj/qSBKemhZ447badxRQA1CIVSGBtSdnsvId72Uk03mJy9VIgTzl0IdLeC4Aihdi3V+PXlkybtORCmJOdUH8brvY1Gb2y+xNFxhNpxefKRSNgQ8KCR/1ZWkluRpoTI56yb0wen/iov6S0qvOqj/nUevHAhu0HEXHFTxHReHyxTkgA772neXmqPtXt8A/SFQiQICB1JFX3Rr/t611e4n05f7xnOCxIwdHEhcFLmy7kYtKyrv7oG3bI4oOd4IIu4bjafv1GkR+Y2GpZtOExJfavacuSylxSn/TroVieAGo6sRiJNbriwpBagsjd3SeufS7fcpOWaX1X+AGzcVipTnnzyR45p/m9jROqcDw+Jc+vaqhbvo3XsXeONia/yFSa23GVtHW3LU59Aex5WeYiGeJf/q+djiqafZWayRKmk2G4IyCByZfHLiQ52oomk7nZnN+bazVtZ/ZcW9sKALa0RJl+JKZk96zvrCqZ5Bfef6G32Z1WzukiK8MTs1FolSu17aLTiFWK1lRbZnvQJMW0Dm55ONw5SjSGRgiCZxPeXu3KIy9gA/RLLjvCyhh+nT1j5EGb2yN1GM3xjR/ZnV3zsD3E12mNGDH1cAx7G8BW3n5QxPq0CbrmJOXs0pPQrZMwS07Wfryq9YptIpAXX332z23FbccuNjrBB7zYrZTJyYYqayedFtKnp828ccuDpMt9+brmpDLTBfKTa1ZnfW96CReyGGCT8sClxEJlwsDRFwuVil4ADHd713z91wnpi2SAdhbSDA0PJZ0p+4Lv3YSL/SsSrk92O4SMLFKKT4h3KLlCk5ro69t880Vi6jWa7bjVx+0+TA5EKpRRQfbpwNZk/zgK17dcLJM6NxHS9u6vw8oub/yUPc9SDQqh+Cz2Al5hwUna75ci2roJduAIUyhx21FUvzgPIamSiAHDbPWDD2F2fzj825X2yfoM4KYnxIWW3p77yyotgst3KcYuQqhCWkanwgHJBqyiODmat7jiXLRNibH9MyYpA2z/5eNKBE7+gJxITzZ6MDUyIyFDvZOrLzwT7elfL8IHkU4pjNbUkNa+Qf/DiA1LfKUrDhHVFLhsA3HCSKQnj2flvgCnZhc7n83YXJA5ykEXEeNytMSv+FhKg0D1lO/smi2z7rtr4/afN6uilI+456N5mfgOZhZz4GFv8nKopbv7J+8XbYWQ+lvVu7yPqJ2W3G04QfxdK839rDeFlSqJS0MkuHD0GyVvVuQZSJPFBMyVBJmEjOUuX3ZbT9OdTEQNjf/jUO/R2yLB4FA3nCTDqvcMSe039bCkLgsxtzDZAG9QiefLxyn90vaspoX3NylE4QSJfAwLGzKGWwLmvtAaSD+K4Oq6j6dyUWd/VZV/ObxbK4oWQ+cjCVzKlW27EWbc/CxLErVBGw1jbhXXcS5LedUpig9KgZaQ0tgaAuT0yBgH78FoXgNvF8Xac38KwK47avkZBMRwbQ+hD15VcLv+ny4599h7WDJf0bnfhYrzQmAXFkjrJxDfNHucN3HLDdTeUdQTZFbfcmI6ubz6wsHNTUaHUYJmSGMTThOhUTHdhTyFfAOpBpGW7478u+x0Ty7IsoY9tufjlyZP3x+gmbXsbGF0WsOXko4YrkBrHJptx8NEG0Mb/doAxIsg4vsv49Jc/by+dSu+DaVR633cYgDYUQlniW7fMbV4iySLh5b6jln2YBQvkIG3QYreIfOHZ7TElSRYh8/FIvcPeI75WdXCwhaJ2aGZYYs9bLJ/9MLq9yqBKcYLPtfBzQBaPeUKqF4C7OECLJSuNMFnKLX4szLqq5zNK92azlQuzm2bxwzpxUfBKBvOoeMvNoWvfdD33mqL2+koxwxCG4cphZYIpqVgXrX94131L2HYZPNp+XTAyJNNuyvLlv4Hg8z3FW27CeVIStcU1IZ4Ty2bHxMc2XbWEbJ5S/YItsVUj+Scfz3+y45xIMjk3056BwiAgPviiFwDjoaLfj+O7jEd/+XNf3/cXHkyjv3ild5T/QRnteCqpa4XsGze9mPwBksBdueHETFj2fg1RX5BJOt93Q7tr21fhahZC4IqAC00DLdb89ZTDG96W5+AJAAgo+QEt3/o2GFbpnR+vVq6fB8tTgCZAC5aLRZ8GJzg1KD0EPf6H3zph7bNSTzbFUXZE4yuU8pyf2t6EvxmpKJsr1LfcQCnW+OaIeRW7Sy5MxaFXVe8tLH2T6cx+y0ykNsQUnroJLZlEzdo28C71rLF7Tf9gqSE4vXpN7wPJImlgoefcv3LKpMk7PWFEo5Nts8DBz4ERNuNhCwaBCs+1c+5Z185u/I1fv7BVpKryUlkIALj2mwt+4iUjH3OzBarPK1JCSgnhBBZID4Y4M7leHJxaAcAY7R8oVlWA2kXmwOTKY4Bwk1KzKHXvUN2SCWij0YSuZXrMZy9e8uwJ4nzRQYkRTP5+oPyWz8PoQ/2opM21npw4W5gb/gj+VROOCZL4H8p5yj5QNMgteckPJo5rW8STksS6q+0bdDhxNXfVAfudF7UK3zWJyBRNhYFTbeojHR/YNg4NmYbx8qZnXjj2YCE2+fVjSXo7ep/SajVh/NgvN7YkCbBJFtlWix+aAOH1bu0EZLKx7/85ATaZj+kdkSyyzVhaKAeobtrfEJnCRgjEbiUGRT3ZGWCue2oZc1biDWgkKN6MHiSH1Iuf+2cyInnE3RcBLA5RVlFaLsyamXdFznW+QYBNLBtj05+s27TOjhCA+lFGQjVmr31SaMnvqJQYGhi/th6rz97CgRsT23kz3f3EtAmSTJLeApeqKLTs9+teWHqnresPQWc1B0nVwL+K/IYxqqLlbduN2NbMlgNnXVjKqHdcS6A9DycDqV/k7Ee7ZsfikS/1dGS5bJGgH0bjRqIxo6215/UfrDGLt9GUDqKEsTJVlZm33IBMUph/6yuYxzcIHKED8JOdzRHss/VObHwb98cWwO7zySIEkBUskJXthleKEwzry+/nF3zvh8EleYSWYoBgzeBX1mVLcwC71GMKLmuwf54+7oVf8UVaSfcO7C0RdzwfRBmlwU2Mt1p5fakRl3M1nAAKiKGU3U56exvu5gtkxRZU32cY3xzo6l2g/lnt7QuzwsU9LXKXGcoxwe2iDSqnahjnrZo2bbZfP7YM5mRRJlt8Mh2b2qhcHwHUxtFoB5HCd1SdvVbqbyjQ+uba01veApatpnkQ5Z1ifNntDZk7jYL7DzXOM+6ekwAAzLuaODHW7k2Jvq3YIItQSqNfaRF8U/F9MDzoJwD2gfD2/JXe+2FlLjFrHIDGL0alNAqU62uaVVDbXtr4rDykkeb6QvT8HWDS6SJTsvmYznYcUb7GsyR+xZ9w1h8aQ53uDA6zql/O/nPmUXI3MVjZbQyWqW+t+zt4O9+NcrjwFGYIDUEZb7mJWXZCTcYuuTPAlFQXlURtLvrseR9KNaaOtfJZavAbkEw226SuLOY2Tj6qSqHwzE2zH7ibfbWjb5e3GY/ccFJ2G7fcRHRtIfRuW9w1ZaQklGkekViB24YAALnHRtQwWEq2cFdAJbEccRhzKkPyVv6GH58hVu7QzMdtOrgUUGJKJo7JLbaUll9h68QX4cS2wQl3XahvjedjmrUJOBbwCdC1MUQJXgZlrOUrv12IxlfEihe1hLJdeFFL1jTBqPLe/57DDinKbqdB6JUtcu+aydfuN+apSMSYZFu8+VHOjkE11ih+5OqRiGrmC91Pr7aO/t1/jX3xHcF87KvBcdMH7tdz1d+e/91kPHJed5eb/0TTW/oBqVdwxUECGnbYzeh+LOkQwADbBuhtyfjP0pWXCeBF79ut4/tx+anv7/2uLG3/vcyGI6/0ns/B/OX7rX5ACwGs5gJj4PYNI6oamVzh75ce/dxJiFbg5H7HLc6oOC9LUIB1dz0sZuIo0l8imjvZsrGahXH+knGIbbERi6rZgva55NzsncQriHVvNRQG8IBhJZmSK1tSZxrjd14sIBMKRgCCS/BuAGnUSxRU34kbES0fja1pfWXNMQd1rF8lJQuum9V0VbIxManQnXEg30eF61uZ0vzaKqyvh2ri9pVGX+H9pY13UExriFx37u53PMAONOAMYV3/So/2/mMaM7sd0LRSaHpSxNm/kvjlRwxSFtjKlYw/KPz3/nPwW9/vx6ErMyu5/vtg+gyj8dMrPm39W0qPookqLkIBOSCX77wWcQrpQU7srdMP5xMBtpS2mCtezj8Sv0VEzW+DpEvIJCFUuGpFvjIGgVcQkdiYq/JLW/6qKG+t9BemKusiB9O01p5fr95Z/1Wzqnyg27EB/OV2s8qkRj26Zpp5u0F4k41dEheJDvFF5ZQH1p/wrl1Sv9d1HCy1bW5I2HRbG38OlocHY5XPz0rvgmFBv/9tMMz39/XODy+6TjSZ1Frbuh+6/oh/v0+I2TnS6rGw9ldiP4cd14U0hSBz8hcXfOKLzcsWTIu/beUdHFgBlr3VzrO81/1n3y1voWB4JX+lMKYRDPfTZBjNtqPOj7HFVTwXPZoCm2Lxpcc+LW9B2fLynekDdJbAbuPD41NNWuSvEWftEWaRx+yvhiFrGNeONCT0fE/83vhJrR9j4TGJ5UJUTUXwjcS21+6/98Gmqj3omW4LGHWEB8XxVk1iox8Xm1TAs2jCbFdTH9WnjE0c/JKSjLW3dtvAsiXmPfplrLoEqpfJA4NU9z3niX0m3vUu0DnRObDvbKBNgE3z72//tLCf+NvjnULTeD1wiI0FwvZvXhHrZRUqLQIhrtugil4CQcvmbsrv90F9XWpco8jyfpew9jJQLYAnYRro6SGYhaVvv/Di8s7Dp57S2pRKtFguGyZ8QJtdzIKrOHiiOtkEn9V3P9r9Fy+eOt7s6aZstlSYhfBQGVTKTjY36HpXz133z2k49x1Nzw5Vzw26sP5YHnQCO8KHi+YJbf5i4bR+KPEpQzHusSj3VZzj0hOqOoKAC/W8KjQZrsr+qvOkXYVYMUjySO/YWLj3aT+KRZKfMD0bjM0wkEe2XVewQXBiEJdas379D29d+9dziFm7KddbUMj1HOvgMIZavAQyfB0OiRezJ4uDGOLje/9y/f+kFeWpeYsWhev+x+GcYcBKORx2BMO9MsyOUp1Bd0kJoDlr58WnAB5drOKOBJAFw8mIpGge73FRqUu96yYJsEkWAd2+2gZKU2JfpL1Lx7/rvbqqfQRqmEQENLVq06mH+GgULGSqluluf11bu+52lkklRvrruY2Pr+1xrookeMhZKmCRM4KzIkRWwWLqaIlUrDEZ56EatXhhLzdb/zGkGZPRsyNY9OY7HmCjDRSRLrZDTDUvTMXVPQuQNCDgk8szl+gwWRwOiUFqsWDZD7y8i/XfQ5ixBNjuEUI0GsnkhUk9omMdI6kldHAABUZneorlWqJ7U9ttN4tlL2BtU9R0aQJs2txzl53pXqpG4zyIVvXqNoRGrt2nEC5AHdzmpsR/nfiXzi8wYd7AU7sM/pPSf1qgPlrAmycZbd6Gj409WSQazssCm+TpFEqwh9C60K2tQs9Zl8h1Xj37FpEj2YdAq9rWhpC3BM6nzzrtK2OamueajlU6d0IGSLgsqu/GDUOxHfNvizv+8WO2BeVEsCorHo+xv/2Jya35gnutsE3AcrwZRINV28DDFd+FskZLEV+L3de+O2/gwU7pP4B7uBr7P+mOeAsQh1ZAxwbgxvHl3GXJCEY7LvZUVBdnC3EMCRh2uKzjpWK4Jk4RP2r5/+19B4AcxZV2de5JuysBCoCIEkkYkDFgcYDAZHwcnO9WPsAY48NHOMAmIyRQL4h8wiRjwx1gMA6/9swZg41JFiIbAwZkgTBKGIQE0ubJnf7v1UxJwzKr3Z5N06JLqq2e6urqqldVr16/9+q9h9kr1D/i0wcFrEWcA5xNuIztsjc8LYBoo8NjyORRXFMqrqvdE3mUVpYT1+L5aql4pnfZynxxT+RRKqKok//mbJFsNt3e9fHam1Yx2NYpFSshM0JsZFTpxWOaFuRzzoNmQ4o+rAIDDe8e/YDp60Cv0Wxs2PGr47S51CB/LqAfhQgCmwsELE5UsQ5D/nddZ4fAyTnNb34kkncxXGwRz1AkpTtvv1eQ9f/i7S/3L+BwkbYYcQiU5KRtL03o5gTY+MTpX/LUThQ2YbwSwqRryiv9Fki0MhX3xDMb75WeLWHPyuvPbgziuVI58V4qI9rx2TaV3ifq4/cwpOSrNZfpeeDmrtefxKPghpXwGNXDQ0upPuZlcjfnu3rWy1DcBv8zlGwSdB5CyTRTFf87Bzz6yVFQZOVfE6KvURpBIKwQENoUbafre8iJxGyP2CF0HE4B3g5fBDZ14U6a2PC5a7e5v/1D0b+g49NcdoTbMumgmammppMd8IGB/DjCFsi5hCgFQq6NVVJZV+W1qLu/lJ6hMtWeFXlIcQpShZd2d/nSDxfdTrCwSvifE58bkLYF06UklHzpGxP+2mWzm2TNgGH5EmYPCsA6KA80DUfEsQRTjdhlzFpocjYJKahHIYJASCGAFbtBmwLKa7PiamECeToB4gPWw4dxqCI2G8nxkqYKelL5v9t2cH/Jh8UKjnMILq2tre5ZjI2LGckLdXg+xkLnRu9owYcrAgnD5HAe3IKeNWuu+xVjqywgbMQNBPQGpE0Aww2Oyd94JP9jL599w0ilaO8Oq2cMLpRMNaW+NuOgfUtCyRr80BFcohBBoB4g0ArhI7Wj58zkN1TD+FYGpjuBkcJp8x66xRrYItmC1+7I7DrLgiFHqyRcDQ5rjrbYzrsc9YOmZPIrDrFF8N1BwApflDwTjndcu/g7a92fgLM34mUBFz4JxA+SXhC1ze4alwYI5xZ60nmwFlTcL0FlQ8FwXJA81c7nMXrSpeznn06JhJLhGLeolZ+HAB1XJ+HcyhNZky0XrzSUHDASSGsZX48ylmfIIuz6MV3FOT5JunOru7teq5UtYjELLBDJv1KdPN3QtHNsl9giHvLILmTooke2n6Di19a58u83YBZkrdK+8xn8Swj5M0GwSZA+tv8THf/d2NR4npNN06fG58p+5sE6/EHTGVsWsUnGf3WsP/sVxk6H3j2YPqQfQ9KaKEQQCAkEWoCDQDw1TTTPj2n2PllurdbfKHwMSTfKzXQTmqzkXOXttNNzW61NxwKG2M3yLMaSqUnbXRFT1EYbOtnYvwYNFw7sXg2rlterSM0/UTfhI5hxc1l3+7pbr7Xf5Vo0yN/AFhGVf5bSLudaLaWLD9Z336rkM+2qYRLCDqc2CXYqN5/xx45JnHbIY+v/mXrWHLFJSgMc/Q0FBAQV2nGWNo0Z2kW20A4JGXVd/hrA6RBfyTmS50rOtZPuZe2if4EHo6yTndrx4JPGNDX9o+1yKdyQ+AKgthCSrozV8irvD+YaONszZAUHady3lq5+hfsCaCm9nl77mUDvqRqITUJU92FPdFwgx81bfMcWlGmfz1StqD4yXdmMK3Ym++qiI/56aGQFsD4GJWpF/xAoUZP4NjyUqd176f9rqvYJWZcTUIOmJvt/+1CXAOoAJZzUdSVrm79ovK37FHqD6GOQt1kgxhBxsGTi9mN2+9JThmpOsaE6gTdUJUSD1D0KZfkhfhlc+M71606+9OOXf0lsH8TPUdnUtj47aJXIdbbw6DG3eUXnj2osScg6tNS2V8j6imnuf8Dje/6AOo7+hXHzoaZH4YsEAas0T7v2Mb+jqu4JOVjzB2cPwkcwuUMXPU9XmZJ1lTVZNX8tDSOnssu4Jsiw4ugFJyKbdtrtkpQWm+ICYeMoN/RGNqrThegaJx9V+ALofgAIewHBAQhbEMmfA0ufSJtmBFHbeMLLZNxrvUIas4R79+6zss/VXj8ZJJOATVqXNZrybPbQmj3oK6Lcv/ppZdSSCAIVEBBsgxUnsfHQwb5cVUF4kYt60mijlRmySJIkVdGwEN3bJs4vviP6V9HlAV0CoXHh4/Vs20ONePwMWPAjsJBZHQAmbBEOquGcwfadtemOdbcCAK5VGtk+8Wz/1GZZaHfQ0123monE970cRCClKTMgANdZIVfSTUUq5H/39HN/+AazZuLMfiSUrLMxippThgBpjBAm6rm86VaTdX8/A4Yn1l4I2SLokM/chA5rdd6YP6/uafva1LtYWvQvyIADkwEkzP+fqdPH+lLjY7qvTHfgHAN19E2ABnnBCJalfpAXNEVRpK61n170/U9fvYUMQpE2zKaa0X9HS1Jr9sJf1l0nFbKrZAOuMsPLJlG8Yt7XU6mvHzb98G8RYJpbW/uHwaYgGN2LIDAMEOBUKBB2xyXmDJ8VzylAxga0FE6dbPQDqsdK1lHyrtM2mxA2NwhFZHHA0AL1L3rEcYzvpfTYdGKLgA0SSrYIuu8ldEOyncIfX/j01XtLoOifju4fYUFFjgxKsUsmf/pJtjjXo8kDxXXEwAAvNWp0/wIkXhHeTyVVv5T9YGUTN99qRQalRndUordXQoBTkxbzXoJBKJk5c+JKVoMwySUSDP9K0phwpV7C0LHmjAe2mM+eov5Bg4sjksp+93dtYdsCa8SD3eXJiqSeZxeLnOzu77k6vU8uxJSCbxdtO39LK2NdC5qbB2TZsH+kjR7jJBYH8NvH/fHn8Hb+GGxWE8oODPQ6AZ7i5XOeFIvteszxY6+mNll10rCoGREEOATKwsfdd0mdbej+ERmQk6CyFc4AoBUbruhBxqZkWeJj35A3GITCnhOU6BMGodiUPY+8Cnayt4GqemipbHwdeHFY+0qvX/+Tc95//nc07jNbWweEUweEtLGdweDSAlDXM10nk5un5DIuPkjCS21Tr8kErSKfvV/rJwdC3TMSStKsicKoQ0AI5z65hO2sSsWLmIJ1HC4kXdleUmXAP5hdtbtbGq3uZaJ/QQENCpu+Ldid4/c5QZPVU8nDMwkfwwgaNJ2Oqit5u7Cs+6MVd1C/rBLUBrSRDQxpo1LORoDQ7pUTJ/xpTY9nyZpOe+WAXkKNqqcA3r/su3A9byZUrcGchbYpFrRJ0CE+MeqprVFbvmAQsEprSteUy5O6vXXR9clvK7eAFCbWCEkLEbyUoTBb1p9a1u7ez3PK/ePXA/wDJMO90WChwuV805UGLVMYhAOvCK+ppi1CHKQg+dXKUh7VU2tdfT1H+5gvOdBkK+Szt8xi65bBBjjXOR8gOPgePtCyG8q99UHPj/18frESA8stvEJJ1cmnvVjc+Mdjnu76T+pc84JIKLlhkKOLEYcAnBpwnmampeFYVZZPT9ucyuZsESIpwxSBWXwFbJGMp+fBw5j3lXuYLfoXHLAl2nDX3Q85P66b+wLhoUo4u+Fco2p62cRNCpJfrSzlUT211lX9OSi6QPioS3Yx99vvLXueb2RA2qUODhAwA6a0eX3EJgHznJ27bZvuOjeRCURS2+Hb2gBfWFfF8KWgqApzFPni2C9XT4qEknU1Ol+oxtA6Im80ay9mCebl5sRNVwFBSSp+4RQ+gspOmDDvLHk/GmOlnxP9CzqoFtgGAIA/n2nTVKaewzcuaPhVp6T7ophHLh+fAH22Dfc8TYbZVafQne3uIf5+HmwfwsHDiLRReysdU0H4w1FjH1rXnn4A6nNE7Yf1pKRiw1WPnEhO2j1lXkj9irzcEBSiMOIQaMFaR0iNafwBhI8HgsomzKTw3I3f6eJ7vd5TDzI2Je1o7zmq/EMOy3L/AsJVCB+ViXsfen1K08a6nuNs9EbTN4IcLaROFH5f78bu4+vYdZxs5p5z1rzxPOlkA2lzfBoELsEobV7zhpOSzC7INzk96XZoh4fayw2sGLLGuH7u9Efajom83ASZPlHZoYCAEM6lLW0fz8lcZHs44Udi/hBGGHImvoLsSAY64Fpbzsmt5jrZUGEMCiu/LHx8YNK00zTHO7qAs0VAWKG0k03CRyg9QlG9sLJ9+Ytc+Ih9jG/UQeFSA9KGpLN8BPwvJ6be6SzaNylGuL3cMM939URCleLaFezUJxKRl5ug0ygqXysE8F280RuNKl2djLljIGGjc9nysPGwgSoIXQxHBBzcVNLAcRejNXVVjhvxr1Unm8yuwtzd9ka8YY4GViwCDELRicG+qdl6vEdMZNhFkTSwYovZ9PXfZ+zv2JACCR8r51dNSJsqsMp8mNdnt95hpzOL9GQK7QqpQSl8hgKYTuOY1MHH/fv02eX+1bQL0rNRiCAwYAgsIOKRsfT15ndM3T++x8bBZtLJptk3XJHeODzRg18DNVNU2mw5dg31q0bhozS3jF8ad58xO2WaOzqwDlgyCDVcTe+73sEOA4FBxyd8rph7tHPlnx8kuACDBuJjl54p/eUTpjJjwNdcdxsbyOtnZrWsfZ2dSduwPRZa3W3wm+RiNsdw7ObsnR9u31N8TQwYHlHBCAIBIcDZIjOZm741MZ75ziyPwesKqSsQuh4sphid530TJx89Vrxx7OWfLOb9g3A1IFhA+2H1AdE9tO2XjgXlfBpnF4F2Hy0qmvjUg4ieRrhF8ro+XvLsnPMZKxCVTf0LChdRvnakjRqIjWCBLnjq+C2e7MrZt2k4KYmWBB4k0ZjRTEu6266jJpJNTaZyCbWFEDdgS9M/ChEEhg0C0MSelYhLu+Q9ri0S1pOPbsJUYHbVeM0uOHdzYM0NjpiAP4CwLe9mxhLxpi2tpA6xrO85QNihY4vQJkPqdTEIKPx87nbYhH7bh0429W8wk2lQSJteLLzcrEp7t/qZ9BrNjKnIDiXihmaR4mS7/a3GJr996BOd36T+NdMmG4UIAkMMASF8zN2sHgrXSmdni6Cyga6HjY+NWTxsdRPfAgah4D6s6CjSlVtYrLtWg1DMsjiRtOMO+54Rk+T9845Djg1UWoQhjK4py3K6mH+7/f2Xb6cp1GJZlAwqDB4hlQ1Ktc3ccrXsODe5JQ/R4aROId/Ad6nnkNciTZnF7n5ty1YJ6oxkvjUKEQSGCAJcZxnaFK/dvXUcithXx01HBx+7pJMdQswEVo4XNzXodZj3NV7Y/QfakMgJcVBwWcDLkmV5v9p5rz1V07yQKFUZH7skLBsEe2K0niXhoyzBU2+ho+2aMxlbTwah0MdBUdkE08EjbVQiDEo9ceSY24q5/B8UM0kC08CDRg2qg6DgU8bT4vG999lhyrnUHqskEqqDpkVN2CwgUPZRukeh+4xEUjkYBqFIly2cbBEgbMOQlIyfWl8sFG8cxPgInWyWSI6d3RRPbud4roPz+8T/DR2Ln/giBpqe6+5+8KS1Sx4muAzUIFR/MBwSpA36VHi58e2sO08pZHyJjhoOgtneX8OH8z7oagmWANmWunL5Tr9evx/xti2S6UchgsAgISCEj23z2STfyV0Ms5yEkUIpeOSSNGBUGQ6tYBNq3phZ+VX+AhzFH4RO9i9SO5woFd3mTCEPKpuO9YdLva/cXg+HaOSCW1yTX/7q9Zgy5DGe8AcH2SCn0NBQ2tQIQmzERnjlhLEv+rZzF9OgXE9uGcIZAHto8psxY9IY/erJt//eEP0LZ3eiVtcNBMrCOUM15uKo+iS4yya2SKicGxDZS+od4JG7ibgqF1hiUexX7T/iMC6bcQ4Cb4vYIhDOPTx+r3GpiePmxFS4JZfISS8ct48wa4SQ7mDeyZG27/kxOMPEB9QdJzO2dKjYIgKmQ0s9ttBwMvbE/euvkAqFZUosIQNtu4S6QxgVN5vxEg2pY7bd7cBTqV84JDC08KJKo/CFgQCnQrGqu25nX8cZ4n/PEQOxfIiGzyyaXfR9Sqm47v1b3OsvrXyusmxf+ZVl+rouP0sCTWI0QycbXtWltOMVZkvPMod/RRDWChjmloVzeso4a2wyta/tuy4QJxA5neQf2Ugal4N5J9rtxhVZ6erqWPTROy/zk4/wjjVoPnYlSAn8QxfKQkn28ynd6TycAZNQkk8/oGzC2jSeg8Heg31+U+/uXTd+0/wr5AqQXbPL2Em/2JKflITKztABLKrpiwIB4CVZgk62/387NBla4lpNzpMyKWEIMry6EVET2SN+03Xv3+Jef2nlc5Vl+8qvLNPXdeWzaLth4sy6ot7TcF7uRaENE3Q8LfSWhI+PMra3qijn5uGNBq/n+0JfzajXfOxpJHxUClBlKKbbb4bp0PQCNjBvNEHgRsMwtGGjo1zpoKc6HzZj8RPBH6ZPQNqnQxaAuH2wfWCCFkZe7lh05JjzselgmW3a8WbIOhk1dwQgIJBaz0+SVyVNuyWbLRCdHcI1wYHlmpqkFFnTiu5Mx4Hjf8A+Ef0LAkqQcMRlwQcI0xumfOUXCSP+L3l4o0EdhJfDF3zfSeq6mvbdB49887nTyv2jfhDFOmRh6IFTIZRc35G/SioWcuTlBmwe+gdWcZgiJAhA0l4uz0zDOG/ao+sPJ4RtRULJIZuAX4SKFpSFc213sqkyy11oFwqErehfiZLeREpYbSDlepep9bne9fT+jXrpE1RxJVDZbmYOR9g1Ch9bSj1jxla7nGTGYv9S4Eo0fR+iIV4zvV6kpaaU8gZ7PZg6+bOwk42zRWo6m17+6ZvPoWvQyS71b0gRNtU79EgblVplbYulMycs7shBDUghLzfEIQlllMBicx0QRTFduQLdK3m5IYo7ChEE+oEAUVszwRahYqbZdHXccBudAMJHQpqEgIPGWp/r7z3ohhePwxuNrz0WP6vIDUKxGoWPFur6NWMTE42pSxTgBiDeTQofKxE2IcqhjKLuGuvk3miI2+W69g9PYWzFUAsfaf6IMHyIR7ARzlmYPOT4fZ5TY7FpXiEb5k9C39dMyckXLnjxuDG3ErVNm5MAZJRGEKgGAS58BNLuuV//txiTf1ksqfgR9TV8a69aQ4Ymz4cOnuSqqXSmIM/Y6syuN4BrSfMl8DqgzQwA8J/aca+bE4nkxfDYim/w4SEih6brfdVC6N53E1Bx7u5qf+TIVUv+FSWxL5f619dTg8kfFkqbNwhsBO7l5q7D0kqxOM8k50AebUj0D10KXWRk+IUZijSH3fnx9hxhW5Hu9mAm3+b+rBA+fno/m6B5HqYMdLLFyUdC2WGLWLU6Tj76XuFmjrCtmhE2HZjxH2dsuhYzz6FVBDdcfVLOhBZ7U8Lit0gJsYhrkW4qj8pUlhMUdmVeZZm+8jGcnk7eaFw7k29bR4eLHPDoudu44ZrfNG2GMRALoSS0m/6bTx+INzV+2832lISSwNsbArWi8veGGyN4Ua0NlXmla1eKJRVWyP5i4TFjT8HGEwklR3CIwvYqIZzL/qxpfkzuuTCXd8P5pYm5j/+uqUtKzou/VUxnDms6h3UQRwPkcqCVi8Kcwoa2SLxxjwMeMWT5iAIYkKgltELZuAJDWZ535yGLXz4PFCn6N7yKCsNHafMVtlFo97d1nTfYmZ52uOSAUJLke0RwlyMJJ8X1aKXV2lCZV7qWvVyaZunJX3l47QmYfn7zggVhnWxhw4Ghaq84GZj9OdtfdjNnOw5oFZzJJl220EUgZmAipeCqvl/MzOYIm4SPARE2DWALx/8w4bf1Lt/RFPkIG6gAhznI22yflHa93kP33Rh0srP57OLli1++ttQ/2pOGNwwz0i4JJZsX+Erb93Z5NyFJt5kw3wqMjdOT6Fj4Irh3vqvgtCe8UFzB9noLXm5mRgalhneOhq520B0S6WRbxO/1zHmGacfEyUciWUMXITA0UvBOpegPJc5gv+MDMjM4H9sCcwjRe4KxHdV47AIVBCnYIvhc7VtjhPaFOo3E1VEIhTn54g2nM7YW1zV7o+EwHeCfYd8VeDsEG+GCl2LTD5n8eKwhOQN+GcP5qUgdgjsoJZZS9Wz6pieO3+oyKxJKDnC6fTGKCeFj5lep/4j7ubvzNuRStNJKf8MGBA92UWVPSbUV/NRBDSd/vBSbUi3CxxIE0PsX9/zKfQlZPR0shfDiALCL4lBlzjH26PS3XzmBRhdIm8hswuPDGtRhrV1UztkIvoIThTnvwE+u8/PZGWCHCGb9yGwcoi1DkNKk9QvwcuN7Z0/+6QcPWpK0BENGH7+BpehD0JyoijqCAOdjg8rOLWDbwSHgLF/FlKDve/obupmOVqPlakxjuXzmhoZTempF2FQNR2gvJMYdqXj+KUVQ2QDLsH/pD8vUgJNeFQi76Dnt3X99jdSACWGTcHVE1v+IAY2OgANRS39qHv9kJu/erSUa0FOf8igNVURjZdeGvfdYMpVMaLP5xCgh7DAuy2GZ11/QSiU2t0xpSVtYZkLeoeD6DpB1CWHT7AhTJOFjQpVzjvli5/veXeUxpQ0oUCgjbA9aFY3adtteE1dU8kYD/8WEyIeT/SHAXe0ddK9afrW8yrKlRsc1Bdpw9p1HM/bXsvuwEUHYBPgRQ9r0MqmlRGu8vabtejud/hC8YZWEknya01QIUwQ/C4JVrykZP+mg1tWnU//Aux9ReNI7o1A/EABbhNgGfrpVPUpyuk4r5rnPRxLYcTIzVCmRwfBGU3C1YtaLz93aYlnO9iFMFzSUvdFM2nGP/4yrygEF38YhGg9f2mR65fNIkj5MRH5f1+K+SCvLibxS/dXf0de7Nz67sQ2iLL2DFJfha17JO8W329uX30mgaGFWUIgMqjzt+yMaSChJVPcRv1l7gReL31LMpD3YCid49B+otX2W6/NG//XyEtUqF3kirayK8pirGCY8ueeXvLSq+1B28a7rQYVHaoCVYPqCXONjkau/ffgSi235ofKUabj/AJPQYebZOhA+qrmscke8OXs++lcLH5vQGRfOvagn99R22OFxwzS3hWco6GKRDo0IYu3yNSUyRymltlRvBxA6H2YYtmLpFR+ccFDPJ78tUdnWiFHZBJQKwI0MjFrLUuenT5xwe0935g9qPCmDSTIwNklvFTz6vSECnwN0tUeqq/fzIk+klff5uxUnl3O0RGrqfpOSFxMErb5GfGTAG71ltCBQNts7Zk3DmWAp/APMi4TdG41asNXVhaI+n4O0JThggf42eKMx9tzjmqZ4ghA2nPTCbwKnWjlfmyMhQkSfzRP3Rjrtux1ooteAQ4K+XXiIEDZBBHbAxY5DP0ckjDjSRjeFbrOb7ky3SPlsEU4euO421OkAlgFG7HnY+OohkjNgBsPtF01/4MP9LfC26WtiREYvekldQEAIH7sf1XfTWPYSLOqSTjawUxhYIkRYUjs5gVlOYXKVgblz3ZhTOj/gVLZVi5DNotrYqxO2m6nmiydmHDK7SgoIlayH0Fx7sKAEdpGzuvudpVdTv4B9CH8iGdkwCkgbPiWh22xBmPfu96a8onnsftmIA1kTsQ3qNXxRwklWeLmJq7YuXYXhk7ndbWKTRGGzhwBWrCTcaxkem6PHva1t2A3C+T7y+lha1pQONtJKrayDfvfOq7wvrkUZkYr8ihRe4HndlIJp4RqNulyU40/NPzF9D+5QCIyYOFzgjWYxY+O1ZGyWCe+D2BjKwsfP7A+Ve0U9X/sNpsGKxeL8Gazwvg8nvVjgI8oWKQ1FadjF9YimVksLf9+Tt787p5jpeV8GbxhTgw6q1AP1HKwNoB7sdLfbNKbp60cs+OhM6tihzz5LSyEKmzsEIHykLmYf0b+hytIpxTw+FQlh05ZNke6K68Gkveuh373zqtUvyoi0WpmNeR55owFrp6fLUSyLDB+VeNmBkTYrCx/ZrlPPa0o17FPw4I0Gar71wQIJzHLxEtiCuzNdzy1fl7sPkAflObTeaHidA/xDwzVqgY6AE9V94M9Wnh4b23RfrqeHyFMS5I1am2p+MXQ3marJ8I/5wUvvdX2VWVPXYuLKiKOyG9fcj+jBAUNA2Bb5eOHWW47pbnvWVAtTizYRHpwmHnA9dVTQ1ZOqkrPVG+PH5S8vI+zA8xcYnussL5k69SDXkx6F4K6JHMiinyFc2BhNkppKLJ9Z9vdj98t3Piv6N1rjRvvvqIXW5mY+IQqn/utDUi7zDNNNGtSBCSUxB+qKlUIHBVzblUxz+2k7Jkq623PnBqdQRm00ohcHhsAeJSQ0Jpc+z2xgU4tOWfgoWA+0ukTsnUe/6Z5IxbX4Lcr3lYp6Rdrfc73rr/xdetbV4zgw4ibfb1+Xv5nDooX/DfQHE55ILm8hzIczRbWaDKMJuxhni1BFAmuLtFrllff6uq723GDyKt8j6uF5OEsyNm7C27z+AEfYYHsiP/BGJuocipSGbvRC2QvM6+x1++m3ur6vOsU093LDbZNg+Glz3mQE7Ph9kfZXfnjvo9mym0+zppR57vSffsC93ERCydGbXsP5Zkw77vMx/QjbS/Fz5/vZKsJHrK4NxqGw0mm1f+Y33e+dJ36L8n2llXVX1rOp8uKeeHbjb7LYRP8YTIxes+1prE0YvAoKQxBiqIWxseMmzDR8dnjaLnjkN5GEj8Qa6Z1WY5eIMpXle19Xe24weZXvFPUgz4OTXrU7k/lbujN3HfWrhRQ7RzmMegOo/1bZdsdBD628Xmkcc3mxu/Pz5lupILUWeHdYQrW6q+Vt6uWl8q5sxpVCJrvotW/vcCgvHulubwpqobsHhM11shf4zcoJTz3+sC6n/wkKI+HVyYYsSYvD7KqtPRo/uliyo1HuY5DBwdLkbJF3pk3bXi7aT2mSNMUG4qP8IPXUR1ksZrgQS2gY3XTPGXssW3YvFz62ttI4j2qoC2BaLSUYfLqsbb7b0/kuUw2cEa3yCTJcCJteX63uanmbGq5Sedglyfqqrs+Ydu+K86h4c1mHd1OPRvfCA4HW8nge/8zvvqPr3j/BgThtyyR+LBEWtHlXXovflXniWqR9lel9X5SjVFxXlukrr7J85TWO+JHw0fYT2Y68Ohe1EteRn+zEdbBAoksErehcMtY0gLBd6GSH1eyq5zRqqmz77jNA2A/wjo2i8JG/v/yHhq8ugjgp+eUfvfuNxgljf53NZj18pshB8WbtnSFQDMHb6OuJ+CSaISuu3fn86x/sxW6Z8aFlwT2ZFRmUqn186uNJIXxc8Qgbv42pvKAr7mQHvGzMHOIMhy9AgK4lZDltq/NShxevLCPswDxb9J9T2e+a6qHaTlMex7eICe4vLai6wTEDHxysX7J87vnd2XRxO7eaAAAW60lEQVTm2C998MFLon8Dr2P4StIeXRdBnJR84z93/z8nl/2tHksCZ0OAAWiVIr7X+DWlvWNlmd73BvOb6qXne6ebqNODrQNQKn6x4NqK3nTol7e/hQBcQtiR7nZdTLYhaMS2qdSl0MmeDN8G/OTjBl41VlRorqE3rSWYXPSMxc8vKZaEjzVQLrQ8gJm913Ya06jvNOVqU5ZMoGrupJd4xeGLnp/EUXVg7ns5woYWGPVvCKbNkFRRN0ib0KJF5k0xafJd2bluLtMG3AcZBg6XA3FyInhDSqUqI90XZSrzg1xXe17k9U77qxflSZsEbBI5Fv/Xg+5/vxkZMCgVRt4etTwKBAEhnGt/ih0kseJ5rIhxJo1soiXDFkvSNpnpKZZ2k9ccdz7rxhKqyRsNbDdQ71mjl/xuSlcPLoAXDOcGMvl95L4fy2nva3F/oKlcpT7xrLgnfgdN6XkeccovJslKhnnLOhYvuYn61VJm+9B1PQQO7HpoiGgDOQNulST34Pven6VvseV1PR3rHawLldBg2AKA6zI9pniF/Fuvnn7NVxn7aR6bS2RQKmwDifYCoXHh48qFzNxGSj2paT0Hw7F6XQgf6UuwhuCqICdzBe3n8Rn5b9HzqIYz94LURdsW5rm3YuvUrtKYrZ9TmTTOwW/KD1JPPZRFPwiSkgJVGtgU+uZOy1YuQAadfBx14WMlfOoOsK3lzxDjvVV39axve1nVE3BMB6AROD8XkcHzKO19LfJEPj0v8qpd95XX+72ivsq6Kp8V+VyPXIHDBw+WAPc+7KdXXoVSEEq21h3MqV1R6BcCWLuMbackv6fp+YOhLUI2P3E2G5mjHOn7NGD0VA3Cx6LR0ZVTr6d+YWkQ8sXkDRQ4W4Se0BsnzmqQ5XHgZ0InO5zCR3x8uA1w0+Pr+u8IYZchUTdsETEy9YdAyl5unr7xyK7urpzlF3PQvHEV8JaBBUufWxs/fYi3THmCx1x5LfJEmcp71a77yqP8yijqE/WLe+L3Z1O+UdhFGN9hF2x3w5tTuU/JyBmwmH+hSLnwETzajoVsB8/LX4pDVKV2jzKyHsRm4TNTh2dG7caJx6SXlO1kB0ZOwPAEAfaewo7FpvGtLOhrkueEEyy+p0qSmradT9Ovv3kZ9Qv9q2Ujo0eHNXCgD+sbaquc42h8j/pHPLDs/znxxpnZzjYH1gBVjgRrq3N0niII40tBMhOKbOefeen0yUfyHCwZzPmglM3o9OEL/laiCUBS+oUXt3hQ1zpOtTMeOABMDSVYSCc7IStOUX9pVU/+a1OOYwXRvyD9IYSNCewv23n8OLNx/LNqobB7ofSVXH+E4EA6BtlZ0jDkTL545XbvvjdPaAkN5NGRLlOvAPaFl5vc2sxVmc7Ov8uaDi83IHmJ4EbkyLuciuPs1e5VluvvWtQr0v7KV94Xz1SmdM2PFoBP7+UysE2iH37Ify/9Lg1yJJQc6ale2/vKVKifXmQcJdk9p7pZTpCGU70PqwaYVnEKOrx3xK/mCHtBbcLHljKVrSmJs0zX2R2YnwBTr/ikv8H3DFmWs6q+ZI2f/jEvbAVmFfX3jiG7X79Ahk4z6W6/eNne76mOczPcysHRT9nszGdxNqYi4FHOE2kvvF6JX/u8Fs+KNEgd4pnKlK4rfkOB0WN5X57FTn9uK26+lQxKRaFuIYDxlyQ46V33AktpzJmrGTZJ2EgoRd9PYQyuCnN1vmf/2Dyw/QnRv6AdwbTm3mhWMLYXpOrnFjCvOd0dtKL6KE/iANmRJdd++/ULD1i6ug3MbBI+0uqty1DXSEPobr989u4/lgq5FzXS3faYI5BhuFJfcfI5R42ndj72sIk/pNlgzZ1bl5MialQZAuWTj0m/4UI9Jh1o5/y60BapaXzoEI0mq8WcuRqOorgqG+oJvPkAkwnho6RP2+uGpKFvBQtvxC6qa1zSN8zAFsGRUE+SHtipwJ6k/s2sM22R3m2vc0Bv9HLT05G53M1n4PoC6n/gOZTUt4nyDk/E5g1nwF2ss+Cd/OVb3jrYirzc9J6PdfMbVCg3CNWzUN9TdXPn+nngpZKV7LppY+CGKBorqqkbY4exVbUKH/FOjuiXb7/tyaxYOLaHvn7DehoUPHgIJqCTLa2ze/I3luEZeCMLPA6DfKDOkXbZyw2OgL918T4vxCX2oGomiE9c0pvk/AtAgKeYOvjf93XlPSorosgXqcinlPJ6R5FPae9rkVeZinqR0oSHMXhfNSVX02fjN3dyjIrqfqLw1n9B/mBYSfDImdemIl+lxtwtcfKRvvDqfr1UHSIufJTkQtF76vHVn9zFyzQHP+GHWc2p7FWMTdRTKQsGoQiDh5ddhIGOGyZz093zdl6x4m9+nZ18rDqWyAzFJLTgpJ7Cs39edVUx071cgVAS3slAbhPeJMFkGX/2vsayI/EICQNLUfyuTOmeKFOZL/LEsyIV+aKseF787p2K+0hhoQLvArXd7SYbEkd/7Z53L6B+RUJJgkIdhTJbJLsoOVNVvWZoiwCNh9S2CDYfePqC8NHMpTV1zkzw6IVwNTDEsc54mLrLJXFZmpyHLi6ywiqU5cLHtOMsXNGduo/3CwaCyj2s6yQ0FJ7wcvPl+Yu/pSWNn7kOnSFGoOUUvuBJ8HIDyeqaTz8u/sMH8/ZeCfu08HITGZQa7aEUql7pV8aNV/MdfzQ0ew+o2YeXlw2XYVDxU+1C0236we0/AF1DFvxApgQLWGz85OOyXXc+TJel38qKmuTeSsrskmC1jXppHzrF0CCGht9flx41mbG6MgjVH3RCQWlTJ3AohU+0Ny760kOSY/9e1sEsITbJRjIbCBxTKxwRbskKrqTHJsLjyaV8kOZyRkwYN6D+5li47pe90ahF5yIjpRDCJiFbWKlJVzMk1c0bywvZdm7Ev/zRGmhMsKo4WwRaFbqZarg2qRuEsAku4Zyv0OMaE49D7VG9jyPskLBFxKCFBmmjwT6nRnHxytK2S7xcrltSNBU8EpJKAleHLMIWnJ3t9rdoip/11Vv+ejyWhQ8VxzCNh5hDm02KKcSFj9ln2P6y33OW25OnvoUVYZOgBDaQVJzG1azU0exTzhaxglPZwhvNfjtsc7qWz07vseFvPqyHiyB8NCRZbc8XlqdV/7/45LUsnoTlT7iQBNgHYDvJ7I5D3vEd93YfByRxUI2wdVgo7I3thCE0eKf2bHx45yV2JWN3x7nuNhmUisKIQwBTiAsflyyZqmuqcbWm26lQ62RDxQ/ybsn15F/HDul+iAN0ZnCETWyRmfDW8uHOO09WdPNSGG0o0d0jPkJD9ELCFTC7yjo6rp76+pK/c280pZOcQ/SC4a8mXEgb8LBKbAT2+oUv/1cxm3nTVwwFVDZnr4WP2mayW4CzB13db6d5+55Fwx0ZlBr+SV/1DWXh407rPzpVjalH2zmO4MJJZXOdbAi87XhP3i+AIOC0Qm12NGhRUUiYlzUmEzsVPX6EP3R4g/cB/P0GXZeLqvzk9qvX/pzn1Yk3mnL7BpSED/jkDYOobXZml92dbzFL5jtocYHi5n/pKhzRK1PVjs22TOrWFpe+vDsZlOJfEwMavqjQUECACx+hVZFeyCbIfnYWK2b4FBqKuketDh0nHyV/fmoGe3dB6ah6bcJHrLfl20/4uucUv92ZB7tIkkK5keH7AA6GmdrjOO1e1rYwLqT5UttGNmqDWnpx+JA2tbusZfGudcBv/ELxAaaYpE5H3O0K9b6QXOP7Fa70yMtNavtxxo3NC5oVi/oXsUlGfGmosjFbjzk723BuCMlbONcGkJFmMtkuqK93ZLOcZ/vOO8H3ICA0Lnz80zbbbKHGG1riiqIDxZEWTSjZd/DL4Md1g05E3LbD0qUvh5EtIhZEWCcmEHdJaPfy42uv9POZtXByA9KCH4/k34Jh4nNjs1E82N2ONzQd/+Gqy0+lwYmcAYspOrypEM71LGSH4qjIOW6OPtNCi7Cp8VjTKShWxa+ecDTLUP8gZwtMZZN/PALEOE36XoOh75v1PLJpH0oqGwjBjauakikW3u5avPQO6ldLaysfaLoOWwgx0iaDUgsU9uTRHyqu98N4IgU8Xea/hW0U0F74ZvLT2SzL+qQCuCAZGZQa/kHkwkewRdY+MT5hKMlrdTUvh1r4CBaAFpOkouM8ZM7o/C2HYC3CR1KBsyzvo2nT9laTyYsycDcfYukjfTQoBew4UrY4by+IIBc0YyMLmfCxcjWEF2mjF1BF4hTEjvn4XcXOjlcYhJLgj9BZyfCxSUBtw5aDJ2nG7vtev9Oc0iDNrRyr6HqoIVAWPjaZ6bO1mH2gE+ZDNCR8VHHy0TY+8e2cRaDCplQLz1YihE2YzrOLs2BMaUu4oiG2SDhxBZQUIHxkvmk+vO3KlXCMxb9ig3950IN1EsI5EAJ4XLd5gdJqTU2v+qTnMs0rurBfQ86AgbUx7UIV0SnwsSW3yBRNvmTH2S/tz3n3ZTaQ6HKUDg0EOEIDld35NNsJu+XFLA9aLJynazcCBFgbU+ha83C2vHxUPTByImRNFa6IsX+WfOeb3SUqO5x4AuxSTVHUnnzuw8yf/3IF9Qv9q2Ujo0frJoRzMCrAJ7Qt1s2f8RzkeT/RYimMTMnwdgl3fx55cy4KVqhIabUONIpnKuvunSfuiVTULcr1/l1RDjSN6xaYKidjCp1gk0pC10h3u2LIh+Jyg0GomDFmnmo440n4CGiHcz2QQai4JOfz0vMfpHP3cADVYBDKKiE0b9Xu+07Up0y9Frq0mIHctEIohY8EBw2iLs+Xb90NXtEWNDeTnezAGxmHZx39Ceck7QVAYVAq3WNfX0x3L2eyTtS2J3xHCiQpUsqna5GK/IGk4pnKunvniXsiFfWKcr1/9yqnSHYBzoBjh0+7+k9nUlebF0TOgHsN+aB+ggrl8z7/vHG8ynInOSR8DCvCxkyGmgfYIgnfURNzB+ONZi7q4oD1u85NydJudpjZIiR8VBS5YMTfWr/0bz+hfuEMROgRNvUjtDsoNb4ykJcbEt5Ns175rtHUcG8m3ePhOyiUmxIWoQveNjy5F9a8uTq9H/vJ4ashzYdBKWuzmHSV4zbS17RXA77+B4+xMRMS8jO64U2DZ3Xi2YZTM4JT2bJSyEp3mF9zzxf9CwpXYGtiG3hvM7Zv026Tn1EUpRHGRWi+hXEN+bCKRZ8Itr3mo2Mmt6X/SN5o6t25wUDHLIwDUrVvwsvNX6z5D3S0df5GNeLoW0hPSpIKYAFW9434xO0btAupw5GXm6rDXksmJ1TGNTaRN5ppdj68CBsI2oNBKMUuaisy+bI3mpbghBh9Zwi2wdi99rg6pqqNToipbPTFTeCouqTIPyOETf0Dwt5sCJ7NBmljXMonJVvdTNq5nuUzOebL3NcbHZoMUyx/pCrQAmDJhH72Hlc8d7hFhEMzVByjUDMEgOS4WdL2RexLips5jxX5OuZIvOZKR+tBfC3whqsmbO813bjFcewjoXMetElQqeB4YNmkrf9N9rzjsgAU5mBYcQM/+ZiR5HVS27rry7AgUKFTm0cI68BUhz5OEtIR8I9+eMiruaJzm0wnoOANWAj6QpXiiLsPyaoRi8dg+dcCra3DPi0+4yOhZPXB33RumW3AsXScGddoMafRdmFeNKQsNKAgV0vKslOwH9O/+smghI/ENljJ2AQjlbymtIORW5DgFPumR2BE7hJihql6uGHu6pgz6aN1y5DB2T4j8vYResnmhbQBNGFQaunz627Mp9OvKWpM4Xa3SfM0dBECpmyPq8cTB+1z5REX05xobo6EkjWtjbJOdu5581RDdU+wOTkZTj42ZrIPpQjVzuvZoqRbBI+yih8hrUBhbpkCVffaYxYEd5OLOOcAvBdKvAAej4ezRVJBkp5+cuVH95cBERgmgQA4CoVDOTibhFPJLrXCnv3nTtl1b4DxUyhr4OAKPifL8xOPi3GkVESqVeRXXpfyoCA4Sv/QIa8Im8jSRVte+PQurURtR2wSGqABB05lQye75wk2TvGKs2DsjRR4aGBDyRpBo12ZaBFm/iRxcPZ19IXbAR8wQMoFSTiHuvxVY8dO9237jBwBirO3g9Y0+uXRD0/GMfuCzzLdf1l8BdSubNG/0W/d0LZg80PagA+0SLjBpSXXHvLrjo78/ygGOQPGSUlaqdw8SWVK15W/hXf3z+bRKh+diLno2I4WS4xNSho/IMAWlE6CDu1U2IxrKwvnYomtrtRi6u7kjQZUWVjnPgxCyWoxr76dlzrnlUetktoY0EDiARLOub9nzFAm7/jDhKrGwUd0kB9KuJArlJQJw3ES+/GejP2ZnPRS/wYEjJAVCuUADQDGPtwqcSoq3ZOb72UzbZKsqcDXXjiPuMM2crbHb2yIn7b37Be+CWKIvNxEQskBTARultRiXs8i9RDPbf8PN1ukp8IKO0LOCkxCwq5osqXpYNZRK1sEfDa+9vfcaYfvGtnMAWnPJeahOgCQ1mMRT4OuepfrLs8pxq28gbCStbmGzRVpg7ldEkq23XP0UkNyb+dmgCGT5B/FJGYJVcT5Cah30Yot2v7l7JTfN0RebvpfkvS1T97HFy5kquH7czTD1V2PU198Q++/hror4cJJL5T4lV/GZ7Q9TP0DuRyYmiRqWoI3mndMc3tcXcC90YSTU0QDRJ/EkgTho7v649m7vvXW6s3l5GNfs2/zRdroMTZbwnPsz9e03pjrSS9UjDhIFDIxiezwRehu51w1Zu6z7TjzIuqXVYNOLj33hQll4eN0JQmDUOqRdpZ5YIuEk8rm3mjISW+sE1jKKo9hLZsPPcPXRXL3Xa5OJRNTCp5LTnpDigt8L6VpkuO7D1+6rv1/CS6by8lH6ku1ENKBqtaVanmgT7nQ7o6Cly+2ODl8G8uyQvyvEh+bNulQRdnDaZAmXZ2143nP7A+Tx15zJJSsNvCE1rhwrnORuaPk5S5lOPYY6kCCdKiMuEy92Ty48DdMW65zHrRPEM5xg0nLt9/m61I+f2o3jK6AXg/lRobdBzrZkpLx3HXFdNqCvnlovdEEGcfNHGkDFNC2sCCUWHbHUYs8x7kX5lsJPg6YDcRwCFvENIU6jG5qsipdhX7gKzfS3aYB/VyYW6Imoal/mW762wI3kU62oDKJ0gxTdDSTTj4qf9KXd91S7iunlj/X701k4AEufFzCWFIzjCtNlZRHAJdSCBM8eFtBcHkpM8bconvbzis+WhxmbzSbGLbP3dr8kTa6bJW7/e6bn8xjucxqGGPSQF2AvlB4hHfmDSldi0j3K+/1/i3uifxqz4l7Iq1WJkieJMuah+/8prFjv77P5c+eTV2LDEqVB7iclKlQP7NQ+UdwOs908iTAYCpYIxj0cEW0G6exmeraJsQw2lXS6Sxfs/ARn2YEiMRuu5zfmEgcAG800PmTgLox/UMW0VwpoSpqZyb9Ri6d5QahwuyNhsZloIEP4kALh7oc2aUGO2HqRc+cUXC8H0G3yca4E287dDBAg+kEhOm7bPnfM84x7KfHruL9IHHlFzwAYdOw+j2/Z1sZpvJ7TXW/AiqbVEZCyQJAuz1NlzTbS/xIn5E+V/Qv6DATlU2zfQVje8uTJv6Gado2qIPgMuD5L+oY6LtFeUorn6F2iHuV+eK68l7vayrDn8e6lQ3Dc3o6/23n1esf4+wwa/OxLyJgUS39DDCrFdiM8qivmAN3a6x56wOA9uD+VIZSNvxyhDFA61yJaaZr6IvZ/Ud/iK6hHxHSFkjNf5VNcLPsYIy4jaUczjGumJcZmy1qPIa1i/5V3BrQpUB+yxibrCpsF9dlxOQPLVzw7URcgp7JjL2KTgTWoBkQ0Oq00P8HD2rZq0DBdtAAAAAASUVORK5CYII=');
-	  background-repeat:no-repeat;
-	  display:inline-block;
-	  width: 365px;
-	  height: 200px;
-	}
-
-	h1, h2 {
-	  font-weight: normal;
-	}
-
-	ul {
-	  list-style-type: none;
-	  padding: 0;
-	}
-
-	li {
-	  display: inline-block;
-	  margin: 0 10px;
-	}
-
-	a {
-	  color: #42b983;
-	}
-}
-
-<div#app>
-  <h1>Welcome to storybook</h1>
-  <div.logo></div>
-</div>
diff --git a/lib/cli/src/generators/MARKO/template-csf/stories/index.stories.js b/lib/cli/src/generators/MARKO/template-csf/stories/index.stories.js
deleted file mode 100644
index 41fcb8b4fc1..00000000000
--- a/lib/cli/src/generators/MARKO/template-csf/stories/index.stories.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import Welcome from './components/welcome/index.marko';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const welcome = () => ({ component: Welcome });
diff --git a/lib/cli/src/generators/METEOR/index.ts b/lib/cli/src/generators/METEOR/index.ts
index 95ae0183490..c7894ddab8a 100644
--- a/lib/cli/src/generators/METEOR/index.ts
+++ b/lib/cli/src/generators/METEOR/index.ts
@@ -1,43 +1,12 @@
 import fs from 'fs';
 import JSON5 from 'json5';
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
-import { writePackageJson } from '../../js-package-manager';
+import { baseGenerator, Generator } from '../baseGenerator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    actionsVersion,
-    linksVersion,
-    knobsVersion,
-    addonsVersion,
-    reactVersion,
-    reactDomVersion,
-    presetEnvVersion,
-    presetReactVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/react',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addon-knobs',
-    '@storybook/addons',
-    'react',
-    'react-dom',
-    '@babel/preset-env',
-    '@babel/preset-react'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const devDependencies = [
-    `@storybook/react@${storybookVersion}`,
-    `@storybook/addon-actions@${actionsVersion}`,
-    `@storybook/addon-links@${linksVersion}`,
-    `@storybook/addon-knobs@${knobsVersion}`,
-    `@storybook/addons@${addonsVersion}`,
-  ];
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'react', {
+    extraPackages: ['react', 'react-dom', '@babel/preset-env', '@babel/preset-react'],
+    staticDir: 'dist',
+  });
 
   // create or update .babelrc
   let babelrc = null;
@@ -52,39 +21,9 @@ const generator: Generator = async (packageManager, npmOptions, { storyFormat })
         '@babel/preset-react',
       ],
     };
-
-    devDependencies.push(`@babel/preset-env@${presetEnvVersion}`);
-    devDependencies.push(`@babel/preset-react@${presetReactVersion}`);
   }
 
   fs.writeFileSync('.babelrc', JSON.stringify(babelrc, null, 2), 'utf8');
-
-  writePackageJson(packageJson);
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  // add react packages.
-  const dependencies = [];
-  if (!packageJson.dependencies.react) {
-    dependencies.push(`react@${reactVersion}`);
-  }
-  if (!packageJson.dependencies['react-dom']) {
-    dependencies.push(`react-dom@${reactDomVersion}`);
-  }
-
-  if (dependencies.length > 0) {
-    packageManager.addDependencies(
-      { ...npmOptions, packageJson, installAsDevDependencies: false },
-      dependencies
-    );
-  }
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...devDependencies,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/METEOR/template-csf/.storybook/main.js b/lib/cli/src/generators/METEOR/template-csf/.storybook/main.js
deleted file mode 100644
index c6a06f1fbc3..00000000000
--- a/lib/cli/src/generators/METEOR/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-knobs'],
-};
diff --git a/lib/cli/src/generators/METEOR/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/METEOR/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 9920a416e1f..00000000000
--- a/lib/cli/src/generators/METEOR/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/METEOR/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/METEOR/template-csf/stories/1-Button.stories.js
deleted file mode 100644
index 6bcfa214662..00000000000
--- a/lib/cli/src/generators/METEOR/template-csf/stories/1-Button.stories.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { Button } from '@storybook/react/demo';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
diff --git a/lib/cli/src/generators/MITHRIL/index.ts b/lib/cli/src/generators/MITHRIL/index.ts
index 329b521c9d7..a693fddcd42 100644
--- a/lib/cli/src/generators/MITHRIL/index.ts
+++ b/lib/cli/src/generators/MITHRIL/index.ts
@@ -1,37 +1,7 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../baseGenerator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    actionsVersion,
-    linksVersion,
-    knobsVersion,
-    addonsVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/mithril',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addon-knobs',
-    '@storybook/addons'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    `@storybook/mithril@${storybookVersion}`,
-    `@storybook/addon-actions@${actionsVersion}`,
-    `@storybook/addon-links@${linksVersion}`,
-    `@storybook/addon-knobs@${knobsVersion}`,
-    `@storybook/addons@${addonsVersion}`,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'mithril');
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/MITHRIL/template-csf/.storybook/main.js b/lib/cli/src/generators/MITHRIL/template-csf/.storybook/main.js
deleted file mode 100644
index c6a06f1fbc3..00000000000
--- a/lib/cli/src/generators/MITHRIL/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-knobs'],
-};
diff --git a/lib/cli/src/generators/MITHRIL/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/MITHRIL/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 13a71f805c3..00000000000
--- a/lib/cli/src/generators/MITHRIL/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import m from 'mithril';
-import { linkTo } from '@storybook/addon-links';
-import Welcome from './Welcome';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => ({
-  view: () => m(Welcome, { showApp: linkTo('Button') }),
-});
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/MITHRIL/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/MITHRIL/template-csf/stories/1-Button.stories.js
deleted file mode 100644
index ac84800bc03..00000000000
--- a/lib/cli/src/generators/MITHRIL/template-csf/stories/1-Button.stories.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import m from 'mithril';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-import Button from './Button';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => ({
-  view: () => m(Button, { onclick: action('clicked') }, 'Hello Button'),
-});
-
-export const Emoji = () => ({
-  view: () =>
-    m(
-      Button,
-      { onclick: action('clicked') },
-      m('span', { role: 'img', ariaLabel: 'so cool' }, '😀 😎 👍 💯')
-    ),
-});
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => ({
-  view: () => m(Button, { onclick: () => action('This was clicked')() }, 'Trigger Action'),
-});
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => ({
-  view: () => m(Button, { onclick: linkTo('Welcome') }, 'Go to Welcome Story'),
-});
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/MITHRIL/template-csf/stories/Button.js b/lib/cli/src/generators/MITHRIL/template-csf/stories/Button.js
deleted file mode 100644
index f459403fdca..00000000000
--- a/lib/cli/src/generators/MITHRIL/template-csf/stories/Button.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/** @jsx m */
-
-import m from 'mithril';
-
-const style = {
-  border: '1px solid #eee',
-  borderRadius: 3,
-  backgroundColor: '#FFFFFF',
-  cursor: 'pointer',
-  fontSize: 15,
-  padding: '3px 10px',
-  margin: 10,
-};
-
-const Button = {
-  view: (vnode) => (
-    <button type="button" style={style} {...vnode.attrs}>
-      {vnode.children}
-    </button>
-  ),
-};
-
-export default Button;
diff --git a/lib/cli/src/generators/MITHRIL/template-csf/stories/Welcome.js b/lib/cli/src/generators/MITHRIL/template-csf/stories/Welcome.js
deleted file mode 100644
index 6e34daae277..00000000000
--- a/lib/cli/src/generators/MITHRIL/template-csf/stories/Welcome.js
+++ /dev/null
@@ -1,179 +0,0 @@
-/** @jsx m */
-
-import m from 'mithril';
-import { linkTo, hrefTo } from '@storybook/addon-links';
-
-const Main = {
-  view: (vnode) => (
-    <article
-      style={{
-        padding: 15,
-        lineHeight: 1.4,
-        fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
-        backgroundColor: '#ffffff',
-      }}
-    >
-      {vnode.children}
-    </article>
-  ),
-};
-
-const Title = {
-  view: (vnode) => <h1>{vnode.children}</h1>,
-};
-
-const Note = {
-  view: (vnode) => (
-    <p
-      style={{
-        opacity: 0.5,
-      }}
-    >
-      {vnode.children}
-    </p>
-  ),
-};
-
-const InlineCode = {
-  view: (vnode) => (
-    <code
-      style={{
-        fontSize: 15,
-        fontWeight: 600,
-        padding: '2px 5px',
-        border: '1px solid #eae9e9',
-        borderRadius: 4,
-        backgroundColor: '#f3f2f2',
-        color: '#3a3a3a',
-      }}
-    >
-      {vnode.children}
-    </code>
-  ),
-};
-
-const Link = {
-  view: (vnode) => (
-    <a
-      style={{
-        color: '#1474f3',
-        textDecoration: 'none',
-        borderBottom: '1px solid #1474f3',
-        paddingBottom: 2,
-      }}
-      {...vnode.attrs}
-    >
-      {vnode.children}
-    </a>
-  ),
-};
-
-const NavButton = {
-  view: (vnode) => (
-    <button
-      type="button"
-      style={{
-        borderTop: 'none',
-        borderRight: 'none',
-        borderLeft: 'none',
-        backgroundColor: 'transparent',
-        padding: 0,
-        cursor: 'pointer',
-        font: 'inherit',
-      }}
-      {...vnode.attrs}
-    >
-      {vnode.children}
-    </button>
-  ),
-};
-
-const StoryLink = {
-  oninit: (vnode) => {
-    // eslint-disable-next-line no-param-reassign
-    vnode.state.href = '/';
-    // eslint-disable-next-line no-param-reassign
-    vnode.state.onclick = () => {
-      linkTo(vnode.attrs.kind, vnode.attrs.story)();
-      return false;
-    };
-    StoryLink.updateHref(vnode);
-  },
-  updateHref: async (vnode) => {
-    const href = await hrefTo(vnode.attrs.kind, vnode.attrs.story);
-    // eslint-disable-next-line no-param-reassign
-    vnode.state.href = href;
-    m.redraw();
-  },
-  view: (vnode) => (
-    <a
-      href={vnode.state.href}
-      style={{
-        color: '#1474f3',
-        textDecoration: 'none',
-        borderBottom: '1px solid #1474f3',
-        paddingBottom: 2,
-      }}
-      onClick={vnode.state.onclick}
-    >
-      {vnode.children}
-    </a>
-  ),
-};
-
-const Welcome = {
-  view: (vnode) => (
-    <Main>
-      <Title>Welcome to storybook</Title>
-      <p>This is a UI component dev environment for your app.</p>
-      <p>
-        We've added some basic stories inside the <InlineCode>src/stories</InlineCode> directory.
-        <br />A story is a single state of one or more UI components. You can have as many stories
-        as you want.
-        <br />
-        (Basically a story is like a visual test case.)
-      </p>
-      <p>
-        See these sample&nbsp;
-        {vnode.attrs.showApp ? (
-          <NavButton onclick={vnode.attrs.showApp}>stories</NavButton>
-        ) : (
-          <StoryLink kind={vnode.attrs.showKind} story={vnode.attrs.showStory}>
-            stories
-          </StoryLink>
-        )}
-        &nbsp;for a component called <InlineCode>Button</InlineCode>.
-      </p>
-      <p>
-        Just like that, you can add your own components as stories.
-        <br />
-        You can also edit those components and see changes right away.
-        <br />
-        (Try editing the <InlineCode>Button</InlineCode> stories located at&nbsp;
-        <InlineCode>src/stories/1-Button.stories.js</InlineCode>
-        .)
-      </p>
-      <p>
-        Usually we create stories with smaller UI components in the app.
-        <br />
-        Have a look at the&nbsp;
-        <Link
-          href="https://storybook.js.org/basics/writing-stories"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Writing Stories
-        </Link>
-        &nbsp;section in our documentation.
-      </p>
-      <Note>
-        <b>NOTE:</b>
-        <br />
-        Have a look at the <InlineCode>.storybook/webpack.config.js</InlineCode> to add webpack
-        loaders and plugins you are using in this project.
-      </Note>
-    </Main>
-  ),
-};
-
-export default Welcome;
diff --git a/lib/cli/src/generators/PREACT/index.ts b/lib/cli/src/generators/PREACT/index.ts
index f6ceceac04d..977eb12f649 100644
--- a/lib/cli/src/generators/PREACT/index.ts
+++ b/lib/cli/src/generators/PREACT/index.ts
@@ -1,34 +1,7 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../baseGenerator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    actionsVersion,
-    linksVersion,
-    addonsVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/preact',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    `@storybook/preact@${storybookVersion}`,
-    `@storybook/addon-actions@${actionsVersion}`,
-    `@storybook/addon-links@${linksVersion}`,
-    `@storybook/addons@${addonsVersion}`,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'preact');
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/PREACT/template-csf/.storybook/main.js b/lib/cli/src/generators/PREACT/template-csf/.storybook/main.js
deleted file mode 100644
index 3036098563c..00000000000
--- a/lib/cli/src/generators/PREACT/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/PREACT/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/PREACT/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 1c647ee9741..00000000000
--- a/lib/cli/src/generators/PREACT/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/** @jsx h */
-import { h } from 'preact';
-import { linkTo } from '@storybook/addon-links';
-
-import Welcome from './Welcome';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/PREACT/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/PREACT/template-csf/stories/1-Button.stories.js
deleted file mode 100644
index 0c4397ea036..00000000000
--- a/lib/cli/src/generators/PREACT/template-csf/stories/1-Button.stories.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/** @jsx h */
-import { h } from 'preact';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-import Button from './Button';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => (
-  <Button onClick={() => action('This was clicked')()}>Trigger Action</Button>
-);
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => (
-  <Button onClick={linkTo('Welcome')}>Go to Welcome Story</Button>
-);
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/PREACT/template-csf/stories/Button.js b/lib/cli/src/generators/PREACT/template-csf/stories/Button.js
deleted file mode 100644
index 2a3546d48c5..00000000000
--- a/lib/cli/src/generators/PREACT/template-csf/stories/Button.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/** @jsx h */
-/* eslint-disable react/no-unknown-property, react/prop-types */
-import { h } from 'preact';
-
-const Button = ({ children, ...props }) => (
-  <button class="button" type="button" {...props}>
-    {children}
-  </button>
-);
-
-export default Button;
diff --git a/lib/cli/src/generators/PREACT/template-csf/stories/Welcome.js b/lib/cli/src/generators/PREACT/template-csf/stories/Welcome.js
deleted file mode 100644
index b4ce7052f26..00000000000
--- a/lib/cli/src/generators/PREACT/template-csf/stories/Welcome.js
+++ /dev/null
@@ -1,129 +0,0 @@
-/** @jsx h */
-import { h } from 'preact';
-
-const Main = (props) => (
-  <article
-    {...props}
-    style={{
-      padding: 15,
-      lineHeight: 1.4,
-      fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
-      backgroundColor: '#ffffff',
-    }}
-  />
-);
-
-// eslint-disable-next-line react/prop-types
-const Title = ({ children, ...props }) => <h1 {...props}>{children}</h1>;
-
-const Note = (props) => (
-  <p
-    {...props}
-    style={{
-      opacity: 0.5,
-    }}
-  />
-);
-
-const InlineCode = (props) => (
-  <code
-    {...props}
-    style={{
-      fontSize: 15,
-      fontWeight: 600,
-      padding: '2px 5px',
-      border: '1px solid #eae9e9',
-      borderRadius: 4,
-      backgroundColor: '#f3f2f2',
-      color: '#3a3a3a',
-    }}
-  />
-);
-
-// eslint-disable-next-line react/prop-types
-const Link = ({ children, href, ...props }) => (
-  <a
-    href={href}
-    {...props}
-    style={{
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2,
-    }}
-  >
-    {children}
-  </a>
-);
-
-// eslint-disable-next-line react/prop-types
-const NavButton = ({ children, ...props }) => (
-  <button
-    {...props}
-    type="button"
-    style={{
-      color: '#1474f3',
-      textDecoration: 'none',
-      borderBottom: '1px solid #1474f3',
-      paddingBottom: 2,
-      borderTop: 'none',
-      borderRight: 'none',
-      borderLeft: 'none',
-      backgroundColor: 'transparent',
-      padding: 0,
-      cursor: 'pointer',
-      font: 'inherit',
-    }}
-  >
-    {children}
-  </button>
-);
-
-/* eslint-disable-next-line react/prop-types */
-const Welcome = ({ showApp }) => (
-  <Main>
-    <Title>Welcome to storybook</Title>
-    <p>This is a UI component dev environment for your app.</p>
-    <p>
-      We've added some basic stories inside the <InlineCode>src/stories</InlineCode> directory.
-      <br />A story is a single state of one or more UI components. You can have as many stories as
-      you want.
-      <br />
-      (Basically a story is like a visual test case.)
-    </p>
-    <p>
-      See these sample <NavButton onClick={showApp}>stories</NavButton> for a component called&nbsp;
-      <InlineCode>Button</InlineCode>.
-    </p>
-    <p>
-      Just like that, you can add your own components as stories.
-      <br />
-      You can also edit those components and see changes right away.
-      <br />
-      (Try editing the <InlineCode>Button</InlineCode> stories located at&nbsp;
-      <InlineCode>src/stories/1-Button.stories.js</InlineCode>
-      .)
-    </p>
-    <p>
-      Usually we create stories with smaller UI components in the app.
-      <br />
-      Have a look at the&nbsp;
-      <Link
-        href="https://storybook.js.org/basics/writing-stories"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Writing Stories
-      </Link>
-      &nbsp;section in our documentation.
-    </p>
-    <Note>
-      <b>NOTE:</b>
-      <br />
-      Have a look at the <InlineCode>.storybook/webpack.config.js</InlineCode> to add webpack
-      loaders and plugins you are using in this project.
-    </Note>
-  </Main>
-);
-
-export { Welcome as default };
diff --git a/lib/cli/src/generators/RAX/index.ts b/lib/cli/src/generators/RAX/index.ts
index ed0b4bdfa3c..ddada20fe72 100644
--- a/lib/cli/src/generators/RAX/index.ts
+++ b/lib/cli/src/generators/RAX/index.ts
@@ -1,24 +1,8 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../baseGenerator';
 import { writePackageJson } from '../../js-package-manager';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    actionsVersion,
-    linksVersion,
-    addonsVersion,
-    latestRaxVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/rax',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-    'rax'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  const [latestRaxVersion] = await packageManager.getVersions('rax');
   const packageJson = packageManager.retrievePackageJson();
 
   const raxVersion = packageJson.dependencies.rax || latestRaxVersion;
@@ -34,17 +18,9 @@ const generator: Generator = async (packageManager, npmOptions, { storyFormat })
 
   writePackageJson(packageJson);
 
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    `@storybook/rax@${storybookVersion}`,
-    `@storybook/addon-actions@${actionsVersion}`,
-    `@storybook/addon-links@${linksVersion}`,
-    `@storybook/addons@${addonsVersion}`,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+  baseGenerator(packageManager, npmOptions, options, 'rax', {
+    extraPackages: ['rax'],
+  });
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/RAX/template-csf/.storybook/main.js b/lib/cli/src/generators/RAX/template-csf/.storybook/main.js
deleted file mode 100644
index 3036098563c..00000000000
--- a/lib/cli/src/generators/RAX/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/RAX/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/RAX/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 8dbdb2d533d..00000000000
--- a/lib/cli/src/generators/RAX/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createElement } from 'rax';
-import { linkTo } from '@storybook/addon-links';
-
-import Welcome from './Welcome';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button', 'with text')} />;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/RAX/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/RAX/template-csf/stories/1-Button.stories.js
deleted file mode 100644
index 7cdc117ed61..00000000000
--- a/lib/cli/src/generators/RAX/template-csf/stories/1-Button.stories.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { createElement } from 'rax';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-import Text from 'rax-text';
-
-export default {
-  title: 'Button',
-};
-
-export const text = () => (
-  <button type="button">
-    <Text>Hello Button</Text>
-  </button>
-);
-
-export const Emoji = () => (
-  <button onClick={action('clicked')} type="button">
-    <Text role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </Text>
-  </button>
-);
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => (
-  <button onClick={() => action('This was clicked')()} type="button">
-    <Text>Trigger Action</Text>
-  </button>
-);
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => (
-  <button onClick={linkTo('Welcome')} type="button">
-    <Text>Go to Welcome Story</Text>
-  </button>
-);
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/RAX/template-csf/stories/Welcome.js b/lib/cli/src/generators/RAX/template-csf/stories/Welcome.js
deleted file mode 100644
index 340844748cd..00000000000
--- a/lib/cli/src/generators/RAX/template-csf/stories/Welcome.js
+++ /dev/null
@@ -1,119 +0,0 @@
-/* eslint-disable react/prop-types, jsx-a11y/anchor-is-valid */
-import { createElement } from 'rax';
-import View from 'rax-view';
-import Text from 'rax-text';
-import Image from 'rax-image';
-import Link from 'rax-link';
-
-const Main = ({ children, ...props }) => (
-  <View
-    {...props}
-    style={{
-      margin: 15,
-      fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
-    }}
-  >
-    {children}
-  </View>
-);
-
-const P = ({ children, ...props }) => (
-  <View {...props} style={{ marginBottom: 10 }}>
-    <Text style={{ fontSize: 12 }}>{children}</Text>
-  </View>
-);
-
-const Title = ({ children, ...props }) => (
-  <Text {...props} style={{ fontSize: 40, fontWeight: 'bold' }}>
-    {children}
-  </Text>
-);
-
-const Note = ({ children, ...props }) => (
-  <View
-    {...props}
-    style={{
-      opacity: 0.5,
-    }}
-  >
-    {children}
-  </View>
-);
-
-const InlineCode = ({ children, ...props }) => (
-  <Text
-    {...props}
-    style={{
-      fontFamily: 'monospace',
-      fontSize: 12,
-      padding: '2px 5px',
-      border: '1px solid #eae9e9',
-      borderRadius: 4,
-      backgroundColor: '#f3f2f2',
-      color: '#3a3a3a',
-    }}
-  >
-    {children}
-  </Text>
-);
-
-const Welcome = ({ showApp }) => (
-  <Main>
-    <Title>Welcome to storybook for Rax</Title>
-    <Image
-      source={{
-        uri: './rax-logo.png',
-      }}
-      fallbackSource={{
-        uri:
-          'https://user-images.githubusercontent.com/677114/49848760-999e7d00-fe11-11e8-978f-264ea31f6739.png',
-      }}
-      style={{
-        width: 100,
-        height: 100,
-        margin: '0 auto',
-      }}
-      resizeMode="cover"
-    />
-
-    <P>This is a UI component dev environment for your Rax app.</P>
-    <P>
-      We've added some basic stories inside the <InlineCode>src/stories</InlineCode> directory. A
-      story is a single state of one or more UI components. You can have as many stories as you
-      want. (Basically a story is like a visual test case.)
-    </P>
-    <P>
-      See these sample&nbsp;
-      <Link href="#" onPress={showApp} rel="noopener noreferrer">
-        stories
-      </Link>
-      &nbsp;for a component called <InlineCode>Button</InlineCode>.
-    </P>
-    <P>
-      Just like that, you can add your own components as stories. You can also edit those components
-      and see changes right away. (Try editing the <InlineCode>Button</InlineCode> stories located
-      at <InlineCode>src/stories/1-Button.stories.js</InlineCode>
-      .)
-    </P>
-    <P>
-      Usually we create stories with smaller UI components in the app. Have a look at the&nbsp;
-      <Link
-        href="https://storybook.js.org/basics/writing-stories"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Writing Stories
-      </Link>
-      &nbsp;section in our documentation.
-    </P>
-    <Note>
-      <P style={{ fontWeight: 'bold' }}>NOTE:</P>
-      <P>
-        Have a look at the <InlineCode>.storybook/webpack.config.js</InlineCode> to add webpack
-        loaders and plugins you are using in this project.
-      </P>
-    </Note>
-  </Main>
-);
-
-export default Welcome;
diff --git a/lib/cli/src/generators/REACT/index.ts b/lib/cli/src/generators/REACT/index.ts
index 2a6606bc4d2..3d6b8c25d67 100644
--- a/lib/cli/src/generators/REACT/index.ts
+++ b/lib/cli/src/generators/REACT/index.ts
@@ -1,32 +1,12 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
+import { baseGenerator, Generator } from '../baseGenerator';
 import { StoryFormat } from '../../project_types';
-import { Generator } from '../Generator';
+import { copyTemplate } from '../../helpers';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const packages = [
-    '@storybook/react',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-  ];
-  if (storyFormat === StoryFormat.MDX) {
-    packages.push('@storybook/addon-docs');
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  await baseGenerator(packageManager, npmOptions, options, 'react');
+  if (options.storyFormat === StoryFormat.MDX) {
+    copyTemplate(__dirname, StoryFormat.MDX);
   }
-
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/REACT/template-csf-ts/.storybook/main.js b/lib/cli/src/generators/REACT/template-csf-ts/.storybook/main.js
deleted file mode 100644
index 523dca65b67..00000000000
--- a/lib/cli/src/generators/REACT/template-csf-ts/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|tsx|js|jsx)'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/REACT/template-csf-ts/src/stories/0-Welcome.stories.tsx b/lib/cli/src/generators/REACT/template-csf-ts/src/stories/0-Welcome.stories.tsx
deleted file mode 100644
index c76f45f3b4b..00000000000
--- a/lib/cli/src/generators/REACT/template-csf-ts/src/stories/0-Welcome.stories.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.story = {
-  name: 'to Storybook',
-};
diff --git a/lib/cli/src/generators/REACT/template-csf-ts/src/stories/1-Button.stories.tsx b/lib/cli/src/generators/REACT/template-csf-ts/src/stories/1-Button.stories.tsx
deleted file mode 100644
index fdbd42fe76f..00000000000
--- a/lib/cli/src/generators/REACT/template-csf-ts/src/stories/1-Button.stories.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-import { Button } from '@storybook/react/demo';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => (
-  <Button onClick={() => action('This was clicked')()}>Trigger Action</Button>
-);
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => (
-  <Button onClick={linkTo('Welcome')}>Go to Welcome Story</Button>
-);
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/REACT/template-csf/.storybook/main.js b/lib/cli/src/generators/REACT/template-csf/.storybook/main.js
deleted file mode 100644
index 64815ba01ea..00000000000
--- a/lib/cli/src/generators/REACT/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.@(ts|tsx|js|jsx)'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/REACT/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/REACT/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 9920a416e1f..00000000000
--- a/lib/cli/src/generators/REACT/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/REACT/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/REACT/template-csf/stories/1-Button.stories.js
deleted file mode 100644
index fdbd42fe76f..00000000000
--- a/lib/cli/src/generators/REACT/template-csf/stories/1-Button.stories.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-import { Button } from '@storybook/react/demo';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => (
-  <Button onClick={() => action('This was clicked')()}>Trigger Action</Button>
-);
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => (
-  <Button onClick={linkTo('Welcome')}>Go to Welcome Story</Button>
-);
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/REACT/template-mdx/.storybook/main.js b/lib/cli/src/generators/REACT/template-mdx/.storybook/main.js
deleted file mode 100644
index e44fb99d3d7..00000000000
--- a/lib/cli/src/generators/REACT/template-mdx/.storybook/main.js
+++ /dev/null
@@ -1,11 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.@(js|mdx)'],
-  addons: [
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    {
-      name: '@storybook/addon-docs',
-      options: { configureJSX: true },
-    },
-  ],
-};
diff --git a/lib/cli/src/generators/REACT/template-mdx/stories/0-Welcome.stories.mdx b/lib/cli/src/generators/REACT/template-mdx/stories/0-Welcome.stories.mdx
deleted file mode 100644
index 8f48008a3b5..00000000000
--- a/lib/cli/src/generators/REACT/template-mdx/stories/0-Welcome.stories.mdx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-<Meta title="Welcome" component={Welcome} />
-
-# Welcome
-
-This is a test document written in MDX that defines a `Welcome` story wrapped in a `Preview` doc block:
-
-<Preview withToolbar>
-  <Story name="to Storybook">
-    <Welcome showApp={linkTo('Button')} />
-  </Story>
-</Preview>
diff --git a/lib/cli/src/generators/REACT/template-mdx/stories/1-Button.stories.mdx b/lib/cli/src/generators/REACT/template-mdx/stories/1-Button.stories.mdx
index ed90840f9dc..6fc7fd0be0b 100644
--- a/lib/cli/src/generators/REACT/template-mdx/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/REACT/template-mdx/stories/1-Button.stories.mdx
@@ -1,8 +1,8 @@
 import { action } from '@storybook/addon-actions';
-import { Button } from '@storybook/react/demo';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
+import { Button } from './Button';
 
-<Meta title="Button" component={Button} />
+<Meta title="Docs/Button" component={Button} />
 
 # Button
 
diff --git a/lib/cli/src/generators/REACT_NATIVE/index.ts b/lib/cli/src/generators/REACT_NATIVE/index.ts
index a47856934c7..135b3858535 100644
--- a/lib/cli/src/generators/REACT_NATIVE/index.ts
+++ b/lib/cli/src/generators/REACT_NATIVE/index.ts
@@ -1,30 +1,16 @@
-import shell from 'shelljs';
 import chalk from 'chalk';
-import { paddedLog, getBabelDependencies, copyTemplate } from '../../helpers';
+import shell from 'shelljs';
+import { getBabelDependencies, paddedLog, copyTemplate } from '../../helpers';
+import { JsPackageManager } from '../../js-package-manager';
 import { NpmOptions } from '../../NpmOptions';
-import { GeneratorOptions } from '../Generator';
-import { JsPackageManager, writePackageJson } from '../../js-package-manager';
+import { GeneratorOptions } from '../baseGenerator';
 
-export default async (
+const generator = async (
   packageManager: JsPackageManager,
   npmOptions: NpmOptions,
   installServer: boolean,
-  { storyFormat }: GeneratorOptions
-) => {
-  const [
-    storybookVersion,
-    addonsVersion,
-    actionsVersion,
-    linksVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/react-native',
-    '@storybook/addons',
-    '@storybook/addon-actions',
-    '@storybook/addon-links'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
+  options: GeneratorOptions
+): Promise<void> => {
   // set correct project name on entry files if possible
   const dirname = shell.ls('-d', 'ios/*.xcodeproj').stdout;
 
@@ -33,7 +19,7 @@ export default async (
     const projectName = dirname.slice('ios/'.length, dirname.length - '.xcodeproj'.length - 1);
 
     if (projectName) {
-      shell.sed('-i', '%APP_NAME%', projectName, 'storybook/storybook.js');
+      shell.sed('-i', '%APP_NAME%', projectName, 'storybook/index.js');
     } else {
       paddedLog(
         chalk.red(
@@ -45,38 +31,45 @@ export default async (
 
   const packageJson = packageManager.retrievePackageJson();
 
-  packageJson.dependencies = packageJson.dependencies || {};
-  packageJson.devDependencies = packageJson.devDependencies || {};
+  const missingReactDom =
+    !packageJson.dependencies['react-dom'] && !packageJson.devDependencies['react-dom'];
+  const reactVersion = packageJson.dependencies.react;
 
-  const devDependencies = [
-    `@storybook/react-native@${storybookVersion}`,
-    `@storybook/addon-actions@${actionsVersion}`,
-    `@storybook/addon-links@${linksVersion}`,
-    `@storybook/addons@${addonsVersion}`,
+  // should resolve to latest 5.3 version, this is required until react-native storybook supports v6
+  const webAddonsV5 = [
+    '@storybook/addon-links@^5.3',
+    '@storybook/addon-knobs@^5.3',
+    '@storybook/addon-actions@^5.3',
   ];
 
-  if (installServer) {
-    devDependencies.push(`@storybook/react-native-server@${storybookVersion}`);
-  }
+  const nativeAddons = ['@storybook/addon-ondevice-knobs', '@storybook/addon-ondevice-actions'];
 
-  if (!packageJson.dependencies['react-dom'] && !packageJson.devDependencies['react-dom']) {
-    if (packageJson.dependencies.react) {
-      const reactVersion = packageJson.dependencies.react;
-      devDependencies.push(`react-dom@${reactVersion}`);
-    }
-  }
+  const packagesToResolve = [
+    ...nativeAddons,
+    '@storybook/react-native',
+    installServer && '@storybook/react-native-server',
+  ].filter(Boolean);
 
-  if (installServer) {
-    packageJson.scripts = packageJson.scripts || {};
-    packageJson.scripts.storybook = 'start-storybook -p 7007';
-  }
-
-  writePackageJson(packageJson);
+  const resolvedPackages = await packageManager.getVersionedPackages(...packagesToResolve);
 
   const babelDependencies = await getBabelDependencies(packageManager, packageJson);
 
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...devDependencies,
+  const packages = [
     ...babelDependencies,
-  ]);
+    ...resolvedPackages,
+    ...webAddonsV5,
+    missingReactDom && reactVersion && `react-dom@${reactVersion}`,
+  ].filter(Boolean);
+
+  packageManager.addDependencies({ ...npmOptions, packageJson }, packages);
+
+  if (installServer) {
+    packageManager.addStorybookCommandInScripts({
+      port: 7007,
+    });
+  }
+
+  copyTemplate(__dirname, options.storyFormat);
 };
+
+export default generator;
diff --git a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/addons.js b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/addons.js
index 6aed412d04a..bc646c943eb 100644
--- a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/addons.js
+++ b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/addons.js
@@ -1,2 +1,3 @@
 import '@storybook/addon-actions/register';
 import '@storybook/addon-links/register';
+import '@storybook/addon-knobs/register';
diff --git a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/index.js b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/index.js
index 3f532f97743..f6a30232e53 100644
--- a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/index.js
+++ b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/index.js
@@ -1,8 +1,14 @@
+// if you use expo remove this line
 import { AppRegistry } from 'react-native';
-import { getStorybookUI, configure } from '@storybook/react-native';
+
+import { getStorybookUI, configure, addDecorator } from '@storybook/react-native';
+import { withKnobs } from '@storybook/addon-knobs';
 
 import './rn-addons';
 
+// enables knobs for all stories
+addDecorator(withKnobs);
+
 // import stories
 configure(() => {
   require('./stories');
@@ -13,7 +19,7 @@ configure(() => {
 const StorybookUIRoot = getStorybookUI({});
 
 // If you are using React Native vanilla and after installation you don't see your app name here, write it manually.
-// If you use Expo you can safely remove this line.
+// If you use Expo you should remove this line.
 AppRegistry.registerComponent('%APP_NAME%', () => StorybookUIRoot);
 
 export default StorybookUIRoot;
diff --git a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js
index e69de29bb2d..4d30f923173 100644
--- a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js
+++ b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js
@@ -0,0 +1,2 @@
+import '@storybook/addon-ondevice-actions/register';
+import '@storybook/addon-ondevice-knobs/register';
diff --git a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/Button.stories.js b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/Button.stories.js
new file mode 100644
index 00000000000..8f17adc8664
--- /dev/null
+++ b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/Button.stories.js
@@ -0,0 +1,20 @@
+import { action } from '@storybook/addon-actions';
+import { text } from '@storybook/addon-knobs';
+import { storiesOf } from '@storybook/react-native';
+import React from 'react';
+import { Text } from 'react-native';
+import Button from '.';
+import CenterView from '../CenterView';
+
+storiesOf('Button', module)
+  .addDecorator((getStory) => <CenterView>{getStory()}</CenterView>)
+  .add('with text', () => (
+    <Button onPress={action('clicked-text')}>
+      <Text>{text('Button text', 'Hello Button')}</Text>
+    </Button>
+  ))
+  .add('with some emoji', () => (
+    <Button onPress={action('clicked-emoji')}>
+      <Text>😀 😎 👍 💯</Text>
+    </Button>
+  ));
diff --git a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.android.js b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.android.js
deleted file mode 100644
index 3c4c405180d..00000000000
--- a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.android.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { TouchableNativeFeedback } from 'react-native';
-
-export default function Button({ onPress, children }) {
-  return <TouchableNativeFeedback onPress={onPress}>{children}</TouchableNativeFeedback>;
-}
-
-Button.defaultProps = {
-  children: null,
-  onPress: () => {},
-};
-
-Button.propTypes = {
-  children: PropTypes.node,
-  onPress: PropTypes.func,
-};
diff --git a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.ios.js b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.js
similarity index 100%
rename from lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.ios.js
rename to lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.js
diff --git a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Welcome/Welcome.stories.js b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Welcome/Welcome.stories.js
new file mode 100644
index 00000000000..98a964bc714
--- /dev/null
+++ b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/Welcome/Welcome.stories.js
@@ -0,0 +1,6 @@
+import React from 'react';
+import { linkTo } from '@storybook/addon-links';
+import { storiesOf } from '@storybook/react-native';
+import Welcome from '.';
+
+storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
diff --git a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/index.js b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/index.js
index 5ec8c1887b3..5c9079ab2b0 100644
--- a/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/index.js
+++ b/lib/cli/src/generators/REACT_NATIVE/template-csf/storybook/stories/index.js
@@ -1,25 +1,2 @@
-import React from 'react';
-import { Text } from 'react-native';
-
-import { storiesOf } from '@storybook/react-native';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-import Button from './Button';
-import CenterView from './CenterView';
-import Welcome from './Welcome';
-
-storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
-
-storiesOf('Button', module)
-  .addDecorator((getStory) => <CenterView>{getStory()}</CenterView>)
-  .add('with text', () => (
-    <Button onPress={action('clicked-text')}>
-      <Text>Hello Button</Text>
-    </Button>
-  ))
-  .add('with some emoji', () => (
-    <Button onPress={action('clicked-emoji')}>
-      <Text>😀 😎 👍 💯</Text>
-    </Button>
-  ));
+import './Button/Button.stories';
+import './Welcome/Welcome.stories';
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/index.ts b/lib/cli/src/generators/REACT_SCRIPTS/index.ts
index bba68ba18b7..4071a4e5784 100644
--- a/lib/cli/src/generators/REACT_SCRIPTS/index.ts
+++ b/lib/cli/src/generators/REACT_SCRIPTS/index.ts
@@ -1,39 +1,20 @@
 import path from 'path';
 import fs from 'fs';
-import { getBabelDependencies, copyTemplate } from '../../helpers';
+
+import { baseGenerator, Generator } from '../baseGenerator';
+import { copyTemplate } from '../../helpers';
 import { StoryFormat } from '../../project_types';
-import { Generator } from '../Generator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const packages = [
-    '@storybook/react',
-    '@storybook/preset-create-react-app',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-  ];
-
-  if (storyFormat === StoryFormat.MDX) {
-    packages.push('@storybook/addon-docs');
-  }
-
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts({
-    port: 9009,
-    staticFolder: fs.existsSync(path.resolve('./public')) ? 'public' : undefined,
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  await baseGenerator(packageManager, npmOptions, options, 'react', {
+    extraAddons: ['@storybook/preset-create-react-app'],
+    // `@storybook/preset-create-react-app` has `@storybook/node-logger` as peerDep
+    extraPackages: ['@storybook/node-logger'],
+    staticDir: fs.existsSync(path.resolve('./public')) ? 'public' : undefined,
   });
+  if (options.storyFormat === StoryFormat.MDX) {
+    copyTemplate(__dirname, StoryFormat.MDX);
+  }
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/.storybook/main.js b/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/.storybook/main.js
deleted file mode 100644
index cc503660aed..00000000000
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/.storybook/main.js
+++ /dev/null
@@ -1,8 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|tsx|js|jsx)'],
-  addons: [
-    '@storybook/preset-create-react-app',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-  ],
-};
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/src/stories/0-Welcome.stories.tsx b/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/src/stories/0-Welcome.stories.tsx
deleted file mode 100644
index 9920a416e1f..00000000000
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/src/stories/0-Welcome.stories.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/src/stories/1-Button.stories.tsx b/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/src/stories/1-Button.stories.tsx
deleted file mode 100644
index 6bcfa214662..00000000000
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-csf-ts/src/stories/1-Button.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { Button } from '@storybook/react/demo';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-csf/.storybook/main.js b/lib/cli/src/generators/REACT_SCRIPTS/template-csf/.storybook/main.js
deleted file mode 100644
index 8f79d4617f2..00000000000
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,8 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.js'],
-  addons: [
-    '@storybook/preset-create-react-app',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-  ],
-};
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/0-Welcome.stories.js b/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/0-Welcome.stories.js
deleted file mode 100644
index 9920a416e1f..00000000000
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js b/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js
deleted file mode 100644
index fdbd42fe76f..00000000000
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-csf/src/stories/1-Button.stories.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-import { Button } from '@storybook/react/demo';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => (
-  <Button onClick={() => action('This was clicked')()}>Trigger Action</Button>
-);
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => (
-  <Button onClick={linkTo('Welcome')}>Go to Welcome Story</Button>
-);
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/.storybook/main.js b/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/.storybook/main.js
deleted file mode 100644
index 050ab43274f..00000000000
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/.storybook/main.js
+++ /dev/null
@@ -1,14 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.@(js|mdx)'],
-  addons: [
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/preset-create-react-app',
-    {
-      name: '@storybook/addon-docs',
-      options: {
-        configureJSX: true,
-      },
-    },
-  ],
-};
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/src/stories/0-Welcome.stories.mdx b/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/src/stories/0-Welcome.stories.mdx
deleted file mode 100644
index 8f48008a3b5..00000000000
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/src/stories/0-Welcome.stories.mdx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-<Meta title="Welcome" component={Welcome} />
-
-# Welcome
-
-This is a test document written in MDX that defines a `Welcome` story wrapped in a `Preview` doc block:
-
-<Preview withToolbar>
-  <Story name="to Storybook">
-    <Welcome showApp={linkTo('Button')} />
-  </Story>
-</Preview>
diff --git a/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/src/stories/1-Button.stories.mdx b/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/stories/1-Button.stories.mdx
similarity index 82%
rename from lib/cli/src/generators/REACT_SCRIPTS/template-mdx/src/stories/1-Button.stories.mdx
rename to lib/cli/src/generators/REACT_SCRIPTS/template-mdx/stories/1-Button.stories.mdx
index 7c87b32323c..7631115795c 100644
--- a/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/src/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/REACT_SCRIPTS/template-mdx/stories/1-Button.stories.mdx
@@ -1,8 +1,8 @@
 import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
-import { Button } from '@storybook/react/demo';
+import { Button } from './Button';
 
-<Meta title="Button" component={Button} />
+<Meta title="Docs/Button" component={Button} />
 
 # Button
 
diff --git a/lib/cli/src/generators/RIOT/index.ts b/lib/cli/src/generators/RIOT/index.ts
index 404eb4aeacf..2c5c7f0ab5f 100644
--- a/lib/cli/src/generators/RIOT/index.ts
+++ b/lib/cli/src/generators/RIOT/index.ts
@@ -1,52 +1,9 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
-import { writePackageJson } from '../../js-package-manager';
+import { baseGenerator, Generator } from '../baseGenerator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    actionsVersion,
-    linksVersion,
-    addonsVersion,
-    tagLoaderVersion,
-  ] = await packageManager.getVersions(
-    '@storybook/riot',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-    'riot-tag-loader'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  packageJson.dependencies = packageJson.dependencies || {};
-  packageJson.devDependencies = packageJson.devDependencies || {};
-
-  const dependencies = [
-    `@storybook/riot@${storybookVersion}`,
-    `@storybook/addon-actions@${actionsVersion}`,
-    `@storybook/addon-links@${linksVersion}`,
-    `@storybook/addons@${addonsVersion}`,
-  ];
-  if (
-    !packageJson.devDependencies['riot-tag-loader'] &&
-    !packageJson.dependencies['riot-tag-loader']
-  ) {
-    dependencies.push(`riot-tag-loader@${tagLoaderVersion}`);
-  }
-
-  writePackageJson(packageJson);
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...dependencies,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'riot', {
+    extraPackages: ['riot-tag-loader'],
+  });
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/RIOT/template-csf/.storybook/main.js b/lib/cli/src/generators/RIOT/template-csf/.storybook/main.js
deleted file mode 100644
index 3036098563c..00000000000
--- a/lib/cli/src/generators/RIOT/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/RIOT/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/RIOT/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 7ba50551fcc..00000000000
--- a/lib/cli/src/generators/RIOT/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { mount } from '@storybook/riot';
-import { linkTo } from '@storybook/addon-links';
-
-import './Welcome.tag';
-
-export default {
-  title: 'Welcome',
-};
-
-export const ToStorybook = () => mount('welcome', { showApp: () => linkTo('Button') });
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/RIOT/template-csf/stories/Welcome.tag b/lib/cli/src/generators/RIOT/template-csf/stories/Welcome.tag
deleted file mode 100644
index 614223b14db..00000000000
--- a/lib/cli/src/generators/RIOT/template-csf/stories/Welcome.tag
+++ /dev/null
@@ -1,93 +0,0 @@
-<welcome>
-  <div class="main">
-    <h1>Welcome to storybook</h1>
-    <p>
-      This is a UI component dev environment for your app.
-    </p>
-    <p>
-      We've added some basic stories inside the
-      <br />
-      <code class="code">src/stories</code>
-      <br /> directory.
-      <br /> A story is a single state of one or more UI components. You can have as many stories as you want.
-      <br /> (Basically a story is like a visual test case.)
-    </p>
-    <p>
-      See these sample
-      <br />
-      <a class="link" onclick={onClick} role="button" tabIndex="0">stories</a>
-      <br /> for a component called
-      <br />
-      <code class="code">Button</code> .
-    </p>
-    <p>
-      Just like that, you can add your own components as stories.
-      <br /> You can also edit those components and see changes right away.
-      <br /> (Try editing the
-      <code class="code">Button</code> component located at
-      <code class="code">src/stories/Button.js</code>.)
-    </p>
-    <p>
-      This is just one thing you can do with Storybook.
-      <br /> Have a look at the
-      <br />
-      <a class="link" href="https://github.com/storybookjs/storybook" target="_blank" rel="noopener noreferrer">
-        Storybook
-      </a>
-      <br /> repo for more information.
-    </p>
-    <p class="note">
-      <b>NOTE:</b>
-      <br /> Have a look at the
-      <br />
-      <code class="code">.storybook/webpack.config.js</code>
-      <br /> to add webpack loaders and plugins you are using in this project.
-    </p>
-  </div>
-
-  <style>
-    main {
-      padding: 15;
-      line-height: 1.4;
-      font-family: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif';
-      background-color: #ffffff;
-    }
-
-    logo {
-      width: 200
-    }
-
-    link {
-      color: '#1474f3';
-      text-decoration: 'none';
-      border-bottom: '1px solid #1474f3';
-      padding-bottom: 2
-    }
-
-    code {
-      font-size: 15;
-      font-weight: 600;
-      padding: '2px 5px';
-      border: '1px solid #eae9e9';
-      border-radius: 4;
-      background-color: '#f3f2f2';
-      color: '#3a3a3a';
-    }
-
-    note {
-      opacity: 0.5
-    }
-  </style>
-
-  <script>
-    console.log('Welcome to storybook!');
-
-    onClick(event) {
-      return function (e) {
-        event.preventDefault();
-        this.opts.showApp();
-      }.bind(this)
-    };
-  </script>
-
-</welcome>
diff --git a/lib/cli/src/generators/SFC_VUE/index.ts b/lib/cli/src/generators/SFC_VUE/index.ts
index df945f683fa..e5e8c20f2f1 100644
--- a/lib/cli/src/generators/SFC_VUE/index.ts
+++ b/lib/cli/src/generators/SFC_VUE/index.ts
@@ -1,31 +1,12 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
+import { baseGenerator, Generator } from '../baseGenerator';
 import { StoryFormat } from '../../project_types';
-import { Generator } from '../Generator';
+import { copyTemplate } from '../../helpers';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const packages = [
-    '@storybook/vue',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-  ];
-  if (storyFormat === StoryFormat.MDX) {
-    packages.push('@storybook/addon-docs');
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'vue');
+  if (options.storyFormat === StoryFormat.MDX) {
+    copyTemplate(__dirname, StoryFormat.MDX);
   }
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/SFC_VUE/template-csf/.storybook/main.js b/lib/cli/src/generators/SFC_VUE/template-csf/.storybook/main.js
deleted file mode 100644
index 302586ca409..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/0-Welcome.stories.js b/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/0-Welcome.stories.js
deleted file mode 100644
index 6496e9b1864..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { linkTo } from '@storybook/addon-links';
-
-import Welcome from './Welcome.vue';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => ({
-  components: { Welcome },
-  template: '<welcome :showApp="action" />',
-  methods: { action: linkTo('Button') },
-});
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/1-Button.stories.js b/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/1-Button.stories.js
deleted file mode 100644
index 2a8f67f6c0a..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/1-Button.stories.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-import MyButton from './MyButton.vue';
-
-export default {
-  title: 'Button',
-  component: MyButton,
-};
-
-export const Text = () => ({
-  components: { MyButton },
-  template: '<my-button @click="action">Hello Button</my-button>',
-  methods: { action: action('clicked') },
-});
-
-export const TextWithAction = () => ({
-  components: { MyButton },
-  template: '<my-button @click="action">Trigger Action</my-button>',
-  methods: { action: () => action('This was clicked')() },
-});
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => ({
-  components: { MyButton },
-  template: '<my-button @click="action">Go to Welcome Story</my-button>',
-  methods: { action: linkTo('Welcome') },
-});
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/MyButton.vue b/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/MyButton.vue
deleted file mode 100644
index 4ad8ff85f08..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/MyButton.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <button class="button-styles" @click="onClick">
-    <slot></slot>
-  </button>
-</template>
-
-<script>
-  export default {
-    name: 'my-button',
-
-    methods: {
-      onClick () {
-        this.$emit('click');
-      }
-    }
-  }
-</script>
-
-<style>
-  .button-styles {
-    border: 1px solid #eee;
-    border-radius: 3px;
-    background-color: #FFFFFF;
-    cursor: pointer;
-    font-size: 15pt;
-    padding: 3px 10px;
-    margin: 10px;
-  }
-</style>
diff --git a/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/Welcome.vue b/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/Welcome.vue
deleted file mode 100644
index bfb932da3d2..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-csf/src/stories/Welcome.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<template>
-  <div class="main">
-    <h1>Welcome to storybook</h1>
-    <p>
-      This is a UI component dev environment for your app.
-    </p>
-    <p>
-      We've added some basic stories inside the
-      <br />
-      <code class="code">src/stories</code>
-      <br />
-      directory.
-      <br />
-      A story is a single state of one or more UI components. You can have as many stories as you
-      want.
-      <br />
-      (Basically a story is like a visual test case.)
-    </p>
-    <p>
-      See these sample
-      <br />
-      <a class="link" @click="onClick" role="button" tabIndex="0">stories</a>
-      <br />
-      for a component called
-      <br />
-      <code class="code">Button</code>
-      .
-    </p>
-    <p>
-      Just like that, you can add your own components as stories.
-      <br />
-      You can also edit those components and see changes right away.
-      <br />
-      (Try editing the <code class="code">Button</code> component located at
-      <code class="code">src/stories/Button.js</code>.)
-    </p>
-    <p>
-      This is just one thing you can do with Storybook.
-      <br />
-      Have a look at the
-      <br />
-      <a
-        class="link"
-        href="https://github.com/storybookjs/storybook"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Storybook
-      </a>
-      <br />
-      repo for more information.
-    </p>
-    <p class="note">
-      <b>NOTE:</b>
-      <br />
-      Have a look at the
-      <br />
-      <code class="code">.storybook/webpack.config.js</code>
-      <br />
-      to add webpack loaders and plugins you are using in this project.
-    </p>
-  </div>
-</template>
-
-<script>
-const log = () => console.log('Welcome to storybook!');
-
-export default {
-  name: 'welcome',
-
-  props: {
-    showApp: {
-      type: Function,
-      default: log,
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      event.preventDefault();
-      this.showApp();
-    },
-  },
-};
-</script>
-
-<style>
-.main {
-  padding: 15px;
-  line-height: 1.4;
-  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
-  background-color: #ffffff;
-}
-
-.logo {
-  width: 200px;
-}
-
-.link {
-  color: #1474f3;
-  text-decoration: none;
-  border-bottom: 1px solid #1474f3;
-  padding-bottom: 2px;
-}
-
-.code {
-  font-size: 15px;
-  font-weight: 600;
-  padding: 2px 5px;
-  border: 1px solid #eae9e9;
-  border-radius: 4px;
-  background-color: #f3f2f2;
-  color: #3a3a3a;
-}
-
-.note {
-  opacity: 0.5;
-}
-</style>
diff --git a/lib/cli/src/generators/SFC_VUE/template-mdx/.storybook/main.js b/lib/cli/src/generators/SFC_VUE/template-mdx/.storybook/main.js
deleted file mode 100644
index 320231e699e..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-mdx/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.@(js|mdx)'],
-  addons: ['@storybook/addon-docs', '@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/0-Welcome.stories.mdx b/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/0-Welcome.stories.mdx
deleted file mode 100644
index bcf64d1f659..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/0-Welcome.stories.mdx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-import { linkTo } from '@storybook/addon-links';
-import Welcome from './Welcome.vue';
-
-<Meta title="Welcome" component={Welcome} />
-
-# Welcome
-
-This is a test document written in MDX that defines a `Welcome` story wrapped in a `Preview` doc block:
-
-<Preview withToolbar>
-  <Story name="to Storybook">
-    {{
-      components: {
-        Welcome,
-      },
-      template: '<welcome :showApp="action" />',
-      methods: {
-        action: linkTo('Button'),
-      },
-    }}
-  </Story>
-</Preview>
diff --git a/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/MyButton.vue b/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/MyButton.vue
deleted file mode 100644
index 4ad8ff85f08..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/MyButton.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <button class="button-styles" @click="onClick">
-    <slot></slot>
-  </button>
-</template>
-
-<script>
-  export default {
-    name: 'my-button',
-
-    methods: {
-      onClick () {
-        this.$emit('click');
-      }
-    }
-  }
-</script>
-
-<style>
-  .button-styles {
-    border: 1px solid #eee;
-    border-radius: 3px;
-    background-color: #FFFFFF;
-    cursor: pointer;
-    font-size: 15pt;
-    padding: 3px 10px;
-    margin: 10px;
-  }
-</style>
diff --git a/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/Welcome.vue b/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/Welcome.vue
deleted file mode 100644
index bfb932da3d2..00000000000
--- a/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/Welcome.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<template>
-  <div class="main">
-    <h1>Welcome to storybook</h1>
-    <p>
-      This is a UI component dev environment for your app.
-    </p>
-    <p>
-      We've added some basic stories inside the
-      <br />
-      <code class="code">src/stories</code>
-      <br />
-      directory.
-      <br />
-      A story is a single state of one or more UI components. You can have as many stories as you
-      want.
-      <br />
-      (Basically a story is like a visual test case.)
-    </p>
-    <p>
-      See these sample
-      <br />
-      <a class="link" @click="onClick" role="button" tabIndex="0">stories</a>
-      <br />
-      for a component called
-      <br />
-      <code class="code">Button</code>
-      .
-    </p>
-    <p>
-      Just like that, you can add your own components as stories.
-      <br />
-      You can also edit those components and see changes right away.
-      <br />
-      (Try editing the <code class="code">Button</code> component located at
-      <code class="code">src/stories/Button.js</code>.)
-    </p>
-    <p>
-      This is just one thing you can do with Storybook.
-      <br />
-      Have a look at the
-      <br />
-      <a
-        class="link"
-        href="https://github.com/storybookjs/storybook"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        Storybook
-      </a>
-      <br />
-      repo for more information.
-    </p>
-    <p class="note">
-      <b>NOTE:</b>
-      <br />
-      Have a look at the
-      <br />
-      <code class="code">.storybook/webpack.config.js</code>
-      <br />
-      to add webpack loaders and plugins you are using in this project.
-    </p>
-  </div>
-</template>
-
-<script>
-const log = () => console.log('Welcome to storybook!');
-
-export default {
-  name: 'welcome',
-
-  props: {
-    showApp: {
-      type: Function,
-      default: log,
-    },
-  },
-
-  methods: {
-    onClick(event) {
-      event.preventDefault();
-      this.showApp();
-    },
-  },
-};
-</script>
-
-<style>
-.main {
-  padding: 15px;
-  line-height: 1.4;
-  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
-  background-color: #ffffff;
-}
-
-.logo {
-  width: 200px;
-}
-
-.link {
-  color: #1474f3;
-  text-decoration: none;
-  border-bottom: 1px solid #1474f3;
-  padding-bottom: 2px;
-}
-
-.code {
-  font-size: 15px;
-  font-weight: 600;
-  padding: 2px 5px;
-  border: 1px solid #eae9e9;
-  border-radius: 4px;
-  background-color: #f3f2f2;
-  color: #3a3a3a;
-}
-
-.note {
-  opacity: 0.5;
-}
-</style>
diff --git a/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/1-Button.stories.mdx b/lib/cli/src/generators/SFC_VUE/template-mdx/stories/1-Button.stories.mdx
similarity index 94%
rename from lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/1-Button.stories.mdx
rename to lib/cli/src/generators/SFC_VUE/template-mdx/stories/1-Button.stories.mdx
index f37647542ac..8a5b92a8d63 100644
--- a/lib/cli/src/generators/SFC_VUE/template-mdx/src/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/SFC_VUE/template-mdx/stories/1-Button.stories.mdx
@@ -1,7 +1,7 @@
 import { Meta, Story } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
-import MyButton from './MyButton.vue';
+import MyButton from './Button.vue';
 
 <Meta title="Button" component={MyButton} />
 
diff --git a/lib/cli/src/generators/SVELTE/index.ts b/lib/cli/src/generators/SVELTE/index.ts
index 646e234961c..e30d7875c9b 100644
--- a/lib/cli/src/generators/SVELTE/index.ts
+++ b/lib/cli/src/generators/SVELTE/index.ts
@@ -1,40 +1,9 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../baseGenerator';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const [
-    storybookVersion,
-    actionsVersion,
-    linksVersion,
-    addonsVersion,
-    svelte,
-    svelteLoader,
-  ] = await packageManager.getVersions(
-    '@storybook/svelte',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-    'svelte',
-    'svelte-loader'
-  );
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    `@storybook/svelte@${storybookVersion}`,
-    `@storybook/addon-actions@${actionsVersion}`,
-    `@storybook/addon-links@${linksVersion}`,
-    `@storybook/addons@${addonsVersion}`,
-    `svelte@${svelte}`,
-    `svelte-loader@${svelteLoader}`,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'svelte', {
+    extraPackages: ['svelte', 'svelte-loader'],
+  });
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/SVELTE/template-csf/.storybook/main.js b/lib/cli/src/generators/SVELTE/template-csf/.storybook/main.js
deleted file mode 100644
index 3036098563c..00000000000
--- a/lib/cli/src/generators/SVELTE/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/SVELTE/template-csf/stories/0-welcome.stories.js b/lib/cli/src/generators/SVELTE/template-csf/stories/0-welcome.stories.js
deleted file mode 100644
index 35008941746..00000000000
--- a/lib/cli/src/generators/SVELTE/template-csf/stories/0-welcome.stories.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import Welcome from './welcome.svelte';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => ({
-  Component: Welcome,
-  props: {},
-});
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/SVELTE/template-csf/stories/1-button.stories.js b/lib/cli/src/generators/SVELTE/template-csf/stories/1-button.stories.js
deleted file mode 100644
index d892433252b..00000000000
--- a/lib/cli/src/generators/SVELTE/template-csf/stories/1-button.stories.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-import Button from './button.svelte';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => ({
-  Component: Button,
-  props: { text: 'Hello Button' },
-  on: { click: action('clicked') },
-});
-
-export const Emoji = () => ({
-  Component: Button,
-  props: {
-    text: '😀 😎 👍 💯',
-  },
-  on: { click: action('clicked') },
-});
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => ({
-  Component: Button,
-  props: {
-    text: 'Trigger Action',
-  },
-  on: {
-    click: () => action('This was clicked')(),
-  },
-});
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => ({
-  Component: Button,
-  props: {
-    text: 'Go to Welcome Story',
-  },
-  on: {
-    click: linkTo('Welcome'),
-  },
-});
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/SVELTE/template-csf/stories/button.svelte b/lib/cli/src/generators/SVELTE/template-csf/stories/button.svelte
deleted file mode 100644
index 75041e82fa8..00000000000
--- a/lib/cli/src/generators/SVELTE/template-csf/stories/button.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<button class="button" on:click={onClick}>
-    {text}
-</button>
-
-<style>
-    .button {
-      border: 1px solid #eee;
-      border-radius: 3px;
-      background-color: #FFFFFF;
-      cursor: pointer;
-      font-size: 15px;
-      padding: 3px 10px;
-      margin: 10px;
-    }
-</style>
-
-<script>
-  import { createEventDispatcher } from 'svelte';
-  
-  export let text = '';
-
-  const dispatch = createEventDispatcher();
-
-  function onClick(event) {
-    dispatch('click', event)
-  }
-</script>
diff --git a/lib/cli/src/generators/SVELTE/template-csf/stories/welcome.svelte b/lib/cli/src/generators/SVELTE/template-csf/stories/welcome.svelte
deleted file mode 100644
index b86218e1009..00000000000
--- a/lib/cli/src/generators/SVELTE/template-csf/stories/welcome.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-<script>
-
-</script>
-
-<style>
-  main {
-    padding: 15px;
-    line-height: 1.4;
-    font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans, sans-serif;
-    background-color: #ffffff;
-  }
-
-  .inline-code {
-    font-size: 15px;
-    font-weight: 600;
-    padding: 2px 5px;
-    border: 1px solid #eae9e9;
-    border-radius: 4px;
-    background-color: #f3f2f2;
-    color: #3a3a3a;
-  }
-</style>
-
-<main>
-  <h1>Welcome to storybook</h1>
-  <p>This is a UI component dev environment for your app.</p>
-  <p>
-    We've added some basic stories inside the
-    <span class="inline-code">stories</span>
-    directory.
-    <br />
-    A story is a single state of one or more UI components. You can have as many stories as you
-    want.
-    <br />
-    (Basically a story is like a visual test case.)
-  </p>
-</main>
diff --git a/lib/cli/src/generators/VUE/index.ts b/lib/cli/src/generators/VUE/index.ts
index 0efb2d56bb0..e5e8c20f2f1 100644
--- a/lib/cli/src/generators/VUE/index.ts
+++ b/lib/cli/src/generators/VUE/index.ts
@@ -1,52 +1,12 @@
-import {
-  getBabelDependencies,
-  addToDevDependenciesIfNotPresent,
-  copyTemplate,
-} from '../../helpers';
+import { baseGenerator, Generator } from '../baseGenerator';
 import { StoryFormat } from '../../project_types';
-import { Generator } from '../Generator';
-import { writePackageJson } from '../../js-package-manager';
+import { copyTemplate } from '../../helpers';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const packages = [
-    '@storybook/vue',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-    '@babel/core',
-  ];
-  if (storyFormat === StoryFormat.MDX) {
-    packages.push('@storybook/addon-docs');
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'vue');
+  if (options.storyFormat === StoryFormat.MDX) {
+    copyTemplate(__dirname, StoryFormat.MDX);
   }
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const packageBabelCoreVersion =
-    packageJson.dependencies['babel-core'] || packageJson.devDependencies['babel-core'];
-
-  // This seems to be the version installed by the Vue CLI, and it is not handled by
-  // installBabel below. For some reason it leads to the wrong version of @babel/core (a beta)
-  // being installed
-  if (packageBabelCoreVersion === '7.0.0-bridge.0') {
-    addToDevDependenciesIfNotPresent(
-      packageJson,
-      '@babel/core',
-      await packageManager.getVersion('@babel/core')
-    );
-  }
-
-  writePackageJson(packageJson);
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/VUE/template-csf/.storybook/main.js b/lib/cli/src/generators/VUE/template-csf/.storybook/main.js
deleted file mode 100644
index 3036098563c..00000000000
--- a/lib/cli/src/generators/VUE/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/VUE/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/VUE/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 751d3002ef6..00000000000
--- a/lib/cli/src/generators/VUE/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { linkTo } from '@storybook/addon-links';
-
-import Welcome from './Welcome';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => ({
-  components: { Welcome },
-  template: '<welcome :showApp="action" />',
-  methods: { action: linkTo('Button') },
-});
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/VUE/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/VUE/template-csf/stories/1-Button.stories.js
deleted file mode 100644
index 790039811cc..00000000000
--- a/lib/cli/src/generators/VUE/template-csf/stories/1-Button.stories.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-import MyButton from './MyButton';
-
-export default {
-  title: 'Button',
-  component: MyButton,
-};
-
-export const Text = () => ({
-  components: { MyButton },
-  template: '<my-button @click="action">Hello Button</my-button>',
-  methods: { action: action('clicked') },
-});
-
-export const TextWithAction = () => ({
-  components: { MyButton },
-  template: '<my-button @click="action">Trigger Action</my-button>',
-  methods: { action: () => action('This was clicked')() },
-});
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => ({
-  components: { MyButton },
-  template: '<my-button @click="action">Go to Welcome Story</my-button>',
-  methods: { action: linkTo('Welcome') },
-});
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/VUE/template-csf/stories/MyButton.js b/lib/cli/src/generators/VUE/template-csf/stories/MyButton.js
deleted file mode 100644
index 7ed4b85378d..00000000000
--- a/lib/cli/src/generators/VUE/template-csf/stories/MyButton.js
+++ /dev/null
@@ -1,29 +0,0 @@
-export default {
-  name: 'my-button',
-
-  data() {
-    return {
-      buttonStyles: {
-        border: '1px solid #eee',
-        borderRadius: 3,
-        backgroundColor: '#FFFFFF',
-        cursor: 'pointer',
-        fontSize: 15,
-        padding: '3px 10px',
-        margin: 10,
-      },
-    };
-  },
-
-  template: `
-    <button :style="buttonStyles" @click="onClick">
-      <slot></slot>
-    </button>
-  `,
-
-  methods: {
-    onClick() {
-      this.$emit('click');
-    },
-  },
-};
diff --git a/lib/cli/src/generators/VUE/template-csf/stories/Welcome.js b/lib/cli/src/generators/VUE/template-csf/stories/Welcome.js
deleted file mode 100644
index 80df0039e05..00000000000
--- a/lib/cli/src/generators/VUE/template-csf/stories/Welcome.js
+++ /dev/null
@@ -1,121 +0,0 @@
-// eslint-disable-next-line no-console
-const log = () => console.log('Welcome to storybook!');
-
-export default {
-  name: 'welcome',
-
-  props: {
-    showApp: {
-      type: Function,
-      default: log,
-    },
-  },
-
-  data() {
-    return {
-      main: {
-        padding: 15,
-        lineHeight: 1.4,
-        fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
-        backgroundColor: '#ffffff',
-      },
-
-      logo: {
-        width: 200,
-      },
-
-      link: {
-        color: '#1474f3',
-        textDecoration: 'none',
-        borderBottom: '1px solid #1474f3',
-        paddingBottom: 2,
-      },
-
-      code: {
-        fontSize: 15,
-        fontWeight: 600,
-        padding: '2px 5px',
-        border: '1px solid #eae9e9',
-        borderRadius: 4,
-        backgroundColor: '#f3f2f2',
-        color: '#3a3a3a',
-      },
-
-      note: {
-        opacity: 0.5,
-      },
-    };
-  },
-
-  template: `
-    <div :style="main">
-      <h1>Welcome to storybook</h1>
-      <p>
-        This is a UI component dev environment for your app.
-      </p>
-      <p>
-        We've added some basic stories inside the
-        <br />
-        <code :style="code">src/stories</code>
-        <br />
-        directory.
-        <br />
-        A story is a single state of one or more UI components. You can have as many stories as
-        you want.
-        <br />
-        (Basically a story is like a visual test case.)
-      </p>
-      <p>
-        See these sample
-        <br />
-        <a :style="link" @click="onClick" role="button" tabIndex="0">stories</a>
-        <br />
-        for a component called
-        <br />
-        <code :style="code">Button</code>
-        .
-      </p>
-      <p>
-        Just like that, you can add your own components as stories.
-        <br />
-        You can also edit those components and see changes right away.
-        <br />
-        (Try editing the <code :style="code">Button</code> component
-        located at <code :style="code">src/stories/Button.js</code>.)
-      </p>
-      <p>
-        This is just one thing you can do with Storybook.
-        <br />
-        Have a look at the
-        <br />
-        <a
-          :style="link"
-          href="https://github.com/storybookjs/storybook"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Storybook
-        </a>
-        <br />
-        repo for more information.
-      </p>
-      <p :style="note">
-        <b>NOTE:</b>
-        <br />
-        Have a look at the
-        <br />
-        <code :style="code">.storybook/webpack.config.js</code>
-        <br />
-        to add webpack
-        loaders and plugins you are using in this project.
-      </p>
-    </div>
-  `,
-
-  methods: {
-    onClick(event) {
-      event.preventDefault();
-      this.showApp();
-    },
-  },
-};
diff --git a/lib/cli/src/generators/VUE/template-mdx/.storybook/main.js b/lib/cli/src/generators/VUE/template-mdx/.storybook/main.js
deleted file mode 100644
index 5545e141a54..00000000000
--- a/lib/cli/src/generators/VUE/template-mdx/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.(js|mdx)'],
-  addons: ['@storybook/addon-docs', '@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/VUE/template-mdx/stories/0-Welcome.stories.mdx b/lib/cli/src/generators/VUE/template-mdx/stories/0-Welcome.stories.mdx
deleted file mode 100644
index 5614c5ccc55..00000000000
--- a/lib/cli/src/generators/VUE/template-mdx/stories/0-Welcome.stories.mdx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-import { linkTo } from '@storybook/addon-links';
-import Welcome from './Welcome';
-
-<Meta title="Welcome" component={Welcome} />
-
-# Welcome
-
-This is a test document written in MDX that defines a `Welcome` story wrapped in a `Preview` doc block:
-
-<Preview withToolbar>
-  <Story name="to Storybook">
-    {{
-      components: {
-        Welcome,
-      },
-      template: '<welcome :showApp="action" />',
-      methods: {
-        action: linkTo('Button'),
-      },
-    }}
-  </Story>
-</Preview>
diff --git a/lib/cli/src/generators/WEB-COMPONENTS/index.ts b/lib/cli/src/generators/WEB-COMPONENTS/index.ts
index 03ced0f5e0c..32bb5355c76 100755
--- a/lib/cli/src/generators/WEB-COMPONENTS/index.ts
+++ b/lib/cli/src/generators/WEB-COMPONENTS/index.ts
@@ -1,35 +1,11 @@
-import fse from 'fs-extra';
-import path from 'path';
-import { getBabelDependencies } from '../../helpers';
-import { StoryFormat } from '../../project_types';
-import { Generator } from '../Generator';
+import { baseGenerator, Generator } from '../baseGenerator';
+import { copyTemplate } from '../../helpers';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const packages = [
-    '@storybook/web-components',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    'lit-html',
-  ];
-
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-
-  fse.copySync(path.resolve(__dirname, 'template/'), '.', { overwrite: true });
-
-  if (storyFormat === StoryFormat.MDX) {
-    // TODO: handle adding of docs mode
-  }
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'web-components', {
+    extraPackages: ['lit-html'],
+  });
+  copyTemplate(__dirname, options.storyFormat);
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/WEB-COMPONENTS/template/.storybook/preview.js b/lib/cli/src/generators/WEB-COMPONENTS/template-csf/.storybook/preview.js
similarity index 100%
rename from lib/cli/src/generators/WEB-COMPONENTS/template/.storybook/preview.js
rename to lib/cli/src/generators/WEB-COMPONENTS/template-csf/.storybook/preview.js
diff --git a/lib/cli/src/generators/WEB-COMPONENTS/template/.storybook/main.js b/lib/cli/src/generators/WEB-COMPONENTS/template/.storybook/main.js
deleted file mode 100644
index 3036098563c..00000000000
--- a/lib/cli/src/generators/WEB-COMPONENTS/template/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/WEB-COMPONENTS/template/stories/0-Welcome.stories.js b/lib/cli/src/generators/WEB-COMPONENTS/template/stories/0-Welcome.stories.js
deleted file mode 100644
index 95a394760d5..00000000000
--- a/lib/cli/src/generators/WEB-COMPONENTS/template/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import { html } from 'lit-html';
-
-export default {
-  title: 'Welcome',
-};
-
-export const ToStorybook = () => html`<main>
-  <h1>Welcome to storybook</h1>
-  <p>This is a UI component dev environment for your app.</p>
-  <p>
-    We've added some basic stories inside the
-    <span class="inline-code">src/stories</span> directory. <br />
-    A story is a single state of one or more UI components. You can have as many stories as you
-    want. <br />
-    (Basically a story is like a visual test case.)
-  </p>
-  <p>
-    See these sample
-    <a (click)="showApp.emit($event)" role="button" tabindex="0">stories</a> for a component called
-    <span class="inline-code">Button</span> .
-  </p>
-  <p>
-    Just like that, you can add your own components as stories. <br />
-    You can also edit those components and see changes right away. <br />
-    (Try editing the <span class="inline-code">Button</span> stories located at
-    <span class="inline-code">src/stories/index.js</span>.)
-  </p>
-  <p>
-    Usually we create stories with smaller UI components in the app.<br />
-    Have a look at the
-    <a
-      href="https://storybook.js.org/basics/writing-stories"
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      Writing Stories
-    </a>
-    section in our documentation.
-  </p>
-  <p class="note">
-    <b>NOTE:</b> <br />
-    Have a look at the <span class="inline-code">.storybook/webpack.config.js</span> to add webpack
-    loaders and plugins you are using in this project.
-  </p>
-</main>`;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/WEB-COMPONENTS/template/stories/1-Button.stories.js b/lib/cli/src/generators/WEB-COMPONENTS/template/stories/1-Button.stories.js
deleted file mode 100644
index d8d49356a9a..00000000000
--- a/lib/cli/src/generators/WEB-COMPONENTS/template/stories/1-Button.stories.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import { html } from 'lit-html';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-
-export default {
-  title: 'Button',
-};
-
-export const Text = () => html`
-  <button @click=${action('clicked')}>
-    Hello Button
-  </button>
-`;
-
-export const Emoji = () => html`
-  <button @click=${action('clicked')}>
-    😀 😎 👍 💯
-  </button>
-`;
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => html`
-  <button @click=${() => action('This was clicked')()}>
-    Trigger Action
-  </button>
-`;
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => html`<button @click=${linkTo('Welcome')}>
-  Go to Welcome Story
-</button>`;
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/WEBPACK_REACT/index.ts b/lib/cli/src/generators/WEBPACK_REACT/index.ts
index 5c030def1ee..24232d99681 100644
--- a/lib/cli/src/generators/WEBPACK_REACT/index.ts
+++ b/lib/cli/src/generators/WEBPACK_REACT/index.ts
@@ -1,31 +1,12 @@
-import { getBabelDependencies, copyTemplate } from '../../helpers';
+import { baseGenerator, Generator } from '../baseGenerator';
 import { StoryFormat } from '../../project_types';
-import { Generator } from '../Generator';
+import { copyTemplate } from '../../helpers';
 
-const generator: Generator = async (packageManager, npmOptions, { storyFormat }) => {
-  const packages = [
-    '@storybook/react',
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    '@storybook/addons',
-  ];
-  if (storyFormat === StoryFormat.MDX) {
-    packages.push('@storybook/addon-docs');
+const generator: Generator = async (packageManager, npmOptions, options) => {
+  baseGenerator(packageManager, npmOptions, options, 'react');
+  if (options.storyFormat === StoryFormat.MDX) {
+    copyTemplate(__dirname, StoryFormat.MDX);
   }
-  const versionedPackages = await packageManager.getVersionedPackages(...packages);
-
-  copyTemplate(__dirname, storyFormat);
-
-  const packageJson = packageManager.retrievePackageJson();
-
-  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
-
-  packageManager.addDependencies({ ...npmOptions, packageJson }, [
-    ...versionedPackages,
-    ...babelDependencies,
-  ]);
-
-  packageManager.addStorybookCommandInScripts();
 };
 
 export default generator;
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/.storybook/main.js b/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/.storybook/main.js
deleted file mode 100644
index 523dca65b67..00000000000
--- a/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/.storybook/main.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  stories: ['../src/**/*.stories.@(ts|tsx|js|jsx)'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-};
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/src/stories/0-Welcome.stories.tsx b/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/src/stories/0-Welcome.stories.tsx
deleted file mode 100644
index c76f45f3b4b..00000000000
--- a/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/src/stories/0-Welcome.stories.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.story = {
-  name: 'to Storybook',
-};
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/src/stories/1-Button.stories.tsx b/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/src/stories/1-Button.stories.tsx
deleted file mode 100644
index 6bcfa214662..00000000000
--- a/lib/cli/src/generators/WEBPACK_REACT/template-csf-ts/src/stories/1-Button.stories.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { Button } from '@storybook/react/demo';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-csf/.storybook/main.js b/lib/cli/src/generators/WEBPACK_REACT/template-csf/.storybook/main.js
deleted file mode 100644
index 69e89d84f74..00000000000
--- a/lib/cli/src/generators/WEBPACK_REACT/template-csf/.storybook/main.js
+++ /dev/null
@@ -1,9 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.js'],
-  addons: ['@storybook/addon-actions', '@storybook/addon-links'],
-  webpackFinal: async (config) => {
-    // do mutation to the config
-
-    return config;
-  },
-};
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/0-Welcome.stories.js b/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/0-Welcome.stories.js
deleted file mode 100644
index 9920a416e1f..00000000000
--- a/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/0-Welcome.stories.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-export default {
-  title: 'Welcome',
-  component: Welcome,
-};
-
-export const ToStorybook = () => <Welcome showApp={linkTo('Button')} />;
-
-ToStorybook.storyName = 'to Storybook';
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js b/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js
deleted file mode 100644
index fdbd42fe76f..00000000000
--- a/lib/cli/src/generators/WEBPACK_REACT/template-csf/stories/1-Button.stories.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import { action } from '@storybook/addon-actions';
-import { linkTo } from '@storybook/addon-links';
-import { Button } from '@storybook/react/demo';
-
-export default {
-  title: 'Button',
-  component: Button,
-};
-
-export const Text = () => <Button onClick={action('clicked')}>Hello Button</Button>;
-
-export const Emoji = () => (
-  <Button onClick={action('clicked')}>
-    <span role="img" aria-label="so cool">
-      😀 😎 👍 💯
-    </span>
-  </Button>
-);
-
-Emoji.parameters = { notes: 'My notes on a button with emojis' };
-
-export const TextWithAction = () => (
-  <Button onClick={() => action('This was clicked')()}>Trigger Action</Button>
-);
-
-TextWithAction.storyName = 'With an action';
-TextWithAction.parameters = { notes: 'My notes on a button with emojis' };
-
-export const ButtonWithLinkToAnotherStory = () => (
-  <Button onClick={linkTo('Welcome')}>Go to Welcome Story</Button>
-);
-
-ButtonWithLinkToAnotherStory.storyName = 'button with link to another story';
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-mdx/.storybook/main.js b/lib/cli/src/generators/WEBPACK_REACT/template-mdx/.storybook/main.js
deleted file mode 100644
index 055aea01539..00000000000
--- a/lib/cli/src/generators/WEBPACK_REACT/template-mdx/.storybook/main.js
+++ /dev/null
@@ -1,16 +0,0 @@
-module.exports = {
-  stories: ['../stories/**/*.stories.@(js|mdx)'],
-  addons: [
-    '@storybook/addon-actions',
-    '@storybook/addon-links',
-    {
-      name: '@storybook/addon-docs',
-      options: { configureJSX: true },
-    },
-  ],
-  webpackFinal: async (config) => {
-    // do mutation to the config
-
-    return config;
-  },
-};
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/0-Welcome.stories.mdx b/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/0-Welcome.stories.mdx
deleted file mode 100644
index 8f48008a3b5..00000000000
--- a/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/0-Welcome.stories.mdx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Meta, Story, Preview } from '@storybook/addon-docs/blocks';
-import { linkTo } from '@storybook/addon-links';
-import { Welcome } from '@storybook/react/demo';
-
-<Meta title="Welcome" component={Welcome} />
-
-# Welcome
-
-This is a test document written in MDX that defines a `Welcome` story wrapped in a `Preview` doc block:
-
-<Preview withToolbar>
-  <Story name="to Storybook">
-    <Welcome showApp={linkTo('Button')} />
-  </Story>
-</Preview>
diff --git a/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx b/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
index 876782206a8..b7e212cf3b5 100644
--- a/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
+++ b/lib/cli/src/generators/WEBPACK_REACT/template-mdx/stories/1-Button.stories.mdx
@@ -1,8 +1,8 @@
 import { Meta, Story } from '@storybook/addon-docs/blocks';
 import { action } from '@storybook/addon-actions';
-import { Button } from '@storybook/react/demo';
+import { Button } from './Button';
 
-<Meta title="Button" component={Button} />
+<Meta title="Docs/Button" component={Button} />
 
 # Button
 
diff --git a/lib/cli/src/generators/baseGenerator.ts b/lib/cli/src/generators/baseGenerator.ts
new file mode 100644
index 00000000000..307d474c2c9
--- /dev/null
+++ b/lib/cli/src/generators/baseGenerator.ts
@@ -0,0 +1,83 @@
+import { NpmOptions } from '../NpmOptions';
+import { StoryFormat, SupportedLanguage, SupportedFrameworks } from '../project_types';
+import { getBabelDependencies, copyComponents } from '../helpers';
+import { configure } from './configure';
+import { JsPackageManager } from '../js-package-manager';
+
+export type GeneratorOptions = {
+  language: SupportedLanguage;
+  storyFormat: StoryFormat;
+};
+
+export interface FrameworkOptions {
+  extraPackages?: string[];
+  extraAddons?: string[];
+  staticDir?: string;
+  addScripts?: boolean;
+  addComponents?: boolean;
+}
+
+export type Generator = (
+  packageManager: JsPackageManager,
+  npmOptions: NpmOptions,
+  options: GeneratorOptions
+) => Promise<void>;
+
+const defaultOptions: FrameworkOptions = {
+  extraPackages: [],
+  extraAddons: [],
+  staticDir: undefined,
+  addScripts: true,
+  addComponents: true,
+};
+
+export async function baseGenerator(
+  packageManager: JsPackageManager,
+  npmOptions: NpmOptions,
+  { language }: GeneratorOptions,
+  framework: SupportedFrameworks,
+  options: FrameworkOptions = defaultOptions
+) {
+  const { extraAddons, extraPackages, staticDir, addScripts, addComponents } = {
+    ...defaultOptions,
+    ...options,
+  };
+
+  // added to main.js
+  const addons = ['@storybook/addon-links', '@storybook/addon-essentials'];
+  // added to package.json
+  const addonPackages = [...addons, '@storybook/addon-actions'];
+
+  const yarn2Dependencies =
+    packageManager.type === 'yarn2' ? ['@storybook/addon-docs', '@mdx-js/react'] : [];
+
+  const packages = [
+    `@storybook/${framework}`,
+    ...addonPackages,
+    ...extraPackages,
+    ...extraAddons,
+    ...yarn2Dependencies,
+    // ⚠️ Some addons have peer deps that must be added too, like '@storybook/addon-docs' => 'react-is'
+    'react-is',
+  ].filter(Boolean);
+  const versionedPackages = await packageManager.getVersionedPackages(...packages);
+
+  configure(framework, [...addons, ...extraAddons]);
+  if (addComponents) {
+    copyComponents(framework, language);
+  }
+
+  const packageJson = packageManager.retrievePackageJson();
+  const babelDependencies = await getBabelDependencies(packageManager, packageJson);
+  packageManager.addDependencies({ ...npmOptions, packageJson }, [
+    ...versionedPackages,
+    ...babelDependencies,
+  ]);
+
+  if (addScripts) {
+    packageManager.addStorybookCommandInScripts({
+      port: 6006,
+      staticFolder: staticDir,
+    });
+  }
+}
diff --git a/lib/cli/src/generators/configure.ts b/lib/cli/src/generators/configure.ts
new file mode 100644
index 00000000000..78b5db0ab02
--- /dev/null
+++ b/lib/cli/src/generators/configure.ts
@@ -0,0 +1,41 @@
+import fse from 'fs-extra';
+import { SupportedFrameworks } from '../project_types';
+
+function configureMain(addons: string[], custom?: any) {
+  const prefix = fse.existsSync('./src') ? '../src' : '../stories';
+
+  const config = {
+    stories: [`${prefix}/**/*.stories.mdx`, `${prefix}/**/*.stories.@(js|jsx|ts|tsx)`],
+    addons,
+    ...custom,
+  };
+
+  const stringified = `module.exports = ${JSON.stringify(config, null, 2)}`;
+  fse.ensureDirSync('./.storybook');
+  fse.writeFileSync('./.storybook/main.js', stringified, { encoding: 'utf8' });
+}
+
+function configurePreview(framework: SupportedFrameworks) {
+  const parameters = `
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+}`;
+
+  const preview =
+    framework === 'angular'
+      ? `
+import { setCompodocJson } from "@storybook/addon-docs/angular";
+import docJson from "../documentation.json";
+setCompodocJson(docJson);
+
+${parameters}`
+      : parameters;
+
+  fse.writeFileSync('./.storybook/preview.js', preview, { encoding: 'utf8' });
+}
+
+export function configure(framework: SupportedFrameworks, addons: string[], custom?: any) {
+  fse.ensureDirSync('./.storybook');
+  configureMain(addons, custom);
+  configurePreview(framework);
+}
diff --git a/lib/cli/src/helpers.test.ts b/lib/cli/src/helpers.test.ts
index 675733fe759..7f9a768fd53 100644
--- a/lib/cli/src/helpers.test.ts
+++ b/lib/cli/src/helpers.test.ts
@@ -2,7 +2,7 @@ import fs from 'fs';
 import fse from 'fs-extra';
 
 import * as helpers from './helpers';
-import { StoryFormat } from './project_types';
+import { StoryFormat, SupportedLanguage, SupportedFrameworks } from './project_types';
 
 jest.mock('fs', () => ({
   existsSync: jest.fn(),
@@ -10,6 +10,8 @@ jest.mock('fs', () => ({
 
 jest.mock('fs-extra', () => ({
   copySync: jest.fn(() => ({})),
+  ensureDir: jest.fn(() => {}),
+  existsSync: jest.fn(),
 }));
 
 jest.mock('path', () => ({
@@ -18,6 +20,10 @@ jest.mock('path', () => ({
 }));
 
 describe('Helpers', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
   describe('copyTemplate', () => {
     it(`should fall back to ${StoryFormat.CSF} 
         in case ${StoryFormat.CSF_TYPESCRIPT} is not available`, () => {
@@ -50,4 +56,65 @@ describe('Helpers', () => {
       }).toThrowError(expectedMessage);
     });
   });
+
+  it.each`
+    language        | exists          | expected
+    ${'javascript'} | ${['js', 'ts']} | ${'/js'}
+    ${'typescript'} | ${['js', 'ts']} | ${'/ts'}
+    ${'typescript'} | ${['js']}       | ${'/js'}
+    ${'javascript'} | ${[]}           | ${''}
+    ${'typescript'} | ${[]}           | ${''}
+  `(
+    `should copy $expected when folder $exists exists for language $language`,
+    ({ language, exists, expected }) => {
+      const componentsDirectory = exists.map((folder: string) => `frameworks/react/${folder}`);
+      const expectedDirectory = `frameworks/react${expected}`;
+      (fse.existsSync as jest.Mock).mockImplementation((filePath) => {
+        return componentsDirectory.includes(filePath) || filePath === 'frameworks/react';
+      });
+      helpers.copyComponents('react', language);
+
+      const copySyncSpy = jest.spyOn(fse, 'copySync');
+      expect(copySyncSpy).toHaveBeenNthCalledWith(
+        1,
+        expectedDirectory,
+        './stories',
+        expect.anything()
+      );
+      expect(copySyncSpy).toHaveBeenNthCalledWith(
+        2,
+        'frameworks/common',
+        './stories',
+        expect.anything()
+      );
+    }
+  );
+
+  it(`should copy to src folder when exists`, () => {
+    (fse.existsSync as jest.Mock).mockImplementation((filePath) => {
+      return filePath === 'frameworks/react' || filePath === './src';
+    });
+    helpers.copyComponents('react', SupportedLanguage.JAVASCRIPT);
+    expect(fse.copySync).toHaveBeenCalledWith(
+      expect.anything(),
+      './src/stories',
+      expect.anything()
+    );
+  });
+
+  it(`should copy to root folder when src doesn't exist`, () => {
+    (fse.existsSync as jest.Mock).mockImplementation((filePath) => {
+      return filePath === 'frameworks/react';
+    });
+    helpers.copyComponents('react', SupportedLanguage.JAVASCRIPT);
+    expect(fse.copySync).toHaveBeenCalledWith(expect.anything(), './stories', expect.anything());
+  });
+
+  it(`should throw an error for unsupported framework`, () => {
+    const framework = 'unknown framework' as SupportedFrameworks;
+    const expectedMessage = `Unsupported framework: ${framework}`;
+    expect(() => {
+      helpers.copyComponents(framework, SupportedLanguage.JAVASCRIPT);
+    }).toThrowError(expectedMessage);
+  });
 });
diff --git a/lib/cli/src/helpers.ts b/lib/cli/src/helpers.ts
index 9f32d3c4fac..d58a4ba6e14 100644
--- a/lib/cli/src/helpers.ts
+++ b/lib/cli/src/helpers.ts
@@ -6,7 +6,7 @@ import chalk from 'chalk';
 import { satisfies } from '@storybook/semver';
 import stripJsonComments from 'strip-json-comments';
 
-import { StoryFormat } from './project_types';
+import { StoryFormat, SupportedFrameworks, SupportedLanguage } from './project_types';
 import { JsPackageManager, PackageJson, PackageJsonWithDepsAndDevDeps } from './js-package-manager';
 
 const logger = console;
@@ -165,6 +165,7 @@ export function addToDevDependenciesIfNotPresent(
 
 export function copyTemplate(templateRoot: string, storyFormat: StoryFormat) {
   const templateDir = path.resolve(templateRoot, `template-${storyFormat}/`);
+
   if (!fs.existsSync(templateDir)) {
     // Fallback to CSF plain first, in case format is typescript but template is not available.
     if (storyFormat === StoryFormat.CSF_TYPESCRIPT) {
@@ -176,3 +177,43 @@ export function copyTemplate(templateRoot: string, storyFormat: StoryFormat) {
   }
   fse.copySync(templateDir, '.', { overwrite: true });
 }
+
+export function copyComponents(framework: SupportedFrameworks, language: SupportedLanguage) {
+  const languageFolderMapping: Record<SupportedLanguage, string> = {
+    javascript: 'js',
+    typescript: 'ts',
+  };
+  const componentsPath = () => {
+    const frameworkPath = `frameworks/${framework}`;
+    const languageSpecific = path.resolve(
+      __dirname,
+      `${frameworkPath}/${languageFolderMapping[language]}`
+    );
+    if (fse.existsSync(languageSpecific)) {
+      return languageSpecific;
+    }
+    const jsFallback = path.resolve(
+      __dirname,
+      `${frameworkPath}/${languageFolderMapping.javascript}`
+    );
+    if (fse.existsSync(jsFallback)) {
+      return jsFallback;
+    }
+    const frameworkRootPath = path.resolve(__dirname, frameworkPath);
+    if (fse.existsSync(frameworkRootPath)) {
+      return frameworkRootPath;
+    }
+    throw new Error(`Unsupported framework: ${framework}`);
+  };
+
+  const targetPath = () => {
+    if (fse.existsSync('./src')) {
+      return './src/stories';
+    }
+    return './stories';
+  };
+
+  const destinationPath = targetPath();
+  fse.copySync(componentsPath(), destinationPath, { overwrite: true });
+  fse.copySync(path.resolve(__dirname, 'frameworks/common'), destinationPath, { overwrite: true });
+}
diff --git a/lib/cli/src/initiate.ts b/lib/cli/src/initiate.ts
index a204d606a33..0c2021dccf5 100644
--- a/lib/cli/src/initiate.ts
+++ b/lib/cli/src/initiate.ts
@@ -10,6 +10,7 @@ import {
 } from './project_types';
 import { commandLog, codeLog, paddedLog } from './helpers';
 import angularGenerator from './generators/ANGULAR';
+import aureliaGenerator from './generators/AURELIA';
 import emberGenerator from './generators/EMBER';
 import meteorGenerator from './generators/METEOR';
 import reactGenerator from './generators/REACT';
@@ -53,7 +54,8 @@ const installStorybook = (projectType: ProjectType, options: CommandOptions): Pr
     skipInstall: options.skipInstall,
   };
 
-  const hasTSDependency = detectLanguage() === SupportedLanguage.TYPESCRIPT;
+  const language = detectLanguage();
+  const hasTSDependency = language === SupportedLanguage.TYPESCRIPT;
 
   warn({ hasTSDependency });
 
@@ -61,6 +63,7 @@ const installStorybook = (projectType: ProjectType, options: CommandOptions): Pr
 
   const generatorOptions = {
     storyFormat: options.storyFormat || defaultStoryFormat,
+    language,
   };
 
   const end = () => {
@@ -68,7 +71,7 @@ const installStorybook = (projectType: ProjectType, options: CommandOptions): Pr
       packageManager.installDependencies();
     }
 
-    logger.log('\nTo run your storybook, type:\n');
+    logger.log('\nTo run your Storybook, type:\n');
     codeLog([packageManager.getRunStorybookCommand()]);
     logger.log('\nFor more information visit:', chalk.cyan('https://storybook.js.org'));
 
@@ -76,14 +79,13 @@ const installStorybook = (projectType: ProjectType, options: CommandOptions): Pr
     logger.log();
   };
 
-  const REACT_NATIVE_DISCUSSION =
-    'https://github.com/storybookjs/storybook/blob/master/app/react-native/docs/manual-setup.md';
+  const REACT_NATIVE_REPO = 'https://github.com/storybookjs/react-native';
 
   const runGenerator: () => Promise<void> = () => {
     switch (projectType) {
       case ProjectType.ALREADY_HAS_STORYBOOK:
         logger.log();
-        paddedLog('There seems to be a storybook already available in this project.');
+        paddedLog('There seems to be a Storybook already available in this project.');
         paddedLog('Apply following command to force:\n');
         codeLog(['sb init [options] -f']);
 
@@ -94,17 +96,17 @@ const installStorybook = (projectType: ProjectType, options: CommandOptions): Pr
       case ProjectType.UPDATE_PACKAGE_ORGANIZATIONS:
         return updateOrganisationsGenerator(packageManager, options.parser, npmOptions)
           .then(() => null) // commmandLog doesn't like to see output
-          .then(commandLog('Upgrading your project to the new storybook packages.'))
+          .then(commandLog('Upgrading your project to the new Storybook packages.'))
           .then(end);
 
       case ProjectType.REACT_SCRIPTS:
         return reactScriptsGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Create React App" based project'))
+          .then(commandLog('Adding Storybook support to your "Create React App" based project'))
           .then(end);
 
       case ProjectType.REACT:
         return reactGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "React" app'))
+          .then(commandLog('Adding Storybook support to your "React" app'))
           .then(end);
 
       case ProjectType.REACT_NATIVE: {
@@ -115,7 +117,7 @@ const installStorybook = (projectType: ProjectType, options: CommandOptions): Pr
                 type: 'confirm',
                 name: 'server',
                 message:
-                  'Do you want to install dependencies necessary to run storybook server? You can manually do it later by install @storybook/react-native-server',
+                  'Do you want to install dependencies necessary to run Storybook server? You can manually do it later by install @storybook/react-native-server',
                 default: false,
               },
             ]) as Promise<{ server: boolean }>)
@@ -123,96 +125,101 @@ const installStorybook = (projectType: ProjectType, options: CommandOptions): Pr
           .then(({ server }) =>
             reactNativeGenerator(packageManager, npmOptions, server, generatorOptions)
           )
-          .then(commandLog('Adding storybook support to your "React Native" app'))
+          .then(commandLog('Adding Storybook support to your "React Native" app'))
           .then(end)
           .then(() => {
             logger.log(chalk.red('NOTE: installation is not 100% automated.'));
-            logger.log(`To quickly run storybook, replace contents of your app entry with:\n`);
-            codeLog(["export default from './storybook';"]);
-            logger.log('\n For more in depth setup instructions, see:\n');
-            logger.log(chalk.cyan(REACT_NATIVE_DISCUSSION));
+            logger.log(`To quickly run Storybook, replace contents of your app entry with:\n`);
+            codeLog(["export {default} from './storybook';"]);
+            logger.log('\n For more in information, see the github readme:\n');
+            logger.log(chalk.cyan(REACT_NATIVE_REPO));
             logger.log();
           });
       }
 
       case ProjectType.METEOR:
         return meteorGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Meteor" app'))
+          .then(commandLog('Adding Storybook support to your "Meteor" app'))
           .then(end);
 
       case ProjectType.WEBPACK_REACT:
         return webpackReactGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Webpack React" app'))
+          .then(commandLog('Adding Storybook support to your "Webpack React" app'))
           .then(end);
 
       case ProjectType.REACT_PROJECT:
         return reactGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "React" library'))
+          .then(commandLog('Adding Storybook support to your "React" library'))
           .then(end);
 
       case ProjectType.SFC_VUE:
         return sfcVueGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Single File Components Vue" app'))
+          .then(commandLog('Adding Storybook support to your "Single File Components Vue" app'))
           .then(end);
 
       case ProjectType.VUE:
         return vueGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Vue" app'))
+          .then(commandLog('Adding Storybook support to your "Vue" app'))
           .then(end);
 
       case ProjectType.ANGULAR:
         return angularGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Angular" app'))
+          .then(commandLog('Adding Storybook support to your "Angular" app'))
           .then(end);
 
       case ProjectType.EMBER:
         return emberGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Ember" app'))
+          .then(commandLog('Adding Storybook support to your "Ember" app'))
           .then(end);
 
       case ProjectType.MITHRIL:
         return mithrilGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Mithril" app'))
+          .then(commandLog('Adding Storybook support to your "Mithril" app'))
           .then(end);
 
       case ProjectType.MARIONETTE:
         return marionetteGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Marionette.js" app'))
+          .then(commandLog('Adding Storybook support to your "Marionette.js" app'))
           .then(end);
 
       case ProjectType.MARKO:
         return markoGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Marko" app'))
+          .then(commandLog('Adding Storybook support to your "Marko" app'))
           .then(end);
 
       case ProjectType.HTML:
         return htmlGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "HTML" app'))
+          .then(commandLog('Adding Storybook support to your "HTML" app'))
           .then(end);
 
       case ProjectType.WEB_COMPONENTS:
         return webComponentsGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "web components" app'))
+          .then(commandLog('Adding Storybook support to your "web components" app'))
           .then(end);
 
       case ProjectType.RIOT:
         return riotGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "riot.js" app'))
+          .then(commandLog('Adding Storybook support to your "riot.js" app'))
           .then(end);
 
       case ProjectType.PREACT:
         return preactGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Preact" app'))
+          .then(commandLog('Adding Storybook support to your "Preact" app'))
           .then(end);
 
       case ProjectType.SVELTE:
         return svelteGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Svelte" app'))
+          .then(commandLog('Adding Storybook support to your "Svelte" app'))
           .then(end);
 
       case ProjectType.RAX:
         return raxGenerator(packageManager, npmOptions, generatorOptions)
-          .then(commandLog('Adding storybook support to your "Rax" app'))
+          .then(commandLog('Adding Storybook support to your "Rax" app'))
+          .then(end);
+
+      case ProjectType.AURELIA:
+        return aureliaGenerator(packageManager, npmOptions, generatorOptions)
+          .then(commandLog('Adding Storybook support to your "Aurelia" app'))
           .then(end);
 
       default:
@@ -261,7 +268,7 @@ const projectTypeInquirer = async (options: { yes?: boolean }) => {
 };
 
 export default function (options: CommandOptions, pkg: IPackage): Promise<void> {
-  const welcomeMessage = 'sb init - the simplest way to add a storybook to your project.';
+  const welcomeMessage = 'sb init - the simplest way to add a Storybook to your project.';
   logger.log(chalk.inverse(`\n ${welcomeMessage} \n`));
 
   // Update notify code.
diff --git a/lib/cli/src/js-package-manager/JsPackageManager.ts b/lib/cli/src/js-package-manager/JsPackageManager.ts
index eeb52bfa4be..a2659b069a7 100644
--- a/lib/cli/src/js-package-manager/JsPackageManager.ts
+++ b/lib/cli/src/js-package-manager/JsPackageManager.ts
@@ -7,13 +7,17 @@ import { readPackageJson, writePackageJson } from './PackageJsonHelper';
 
 const logger = console;
 // Cannot be `import` as it's not under TS root dir
-const { storybookCLIVersion, devDependencies } = require('../../package.json');
+const storybookPackagesVersions = require('../../versions.json');
 
 export abstract class JsPackageManager {
+  public abstract readonly type: 'npm' | 'yarn1' | 'yarn2';
+
   public abstract initPackageJson(): void;
 
   public abstract getRunStorybookCommand(): string;
 
+  public abstract getRunCommand(command: string): string;
+
   /**
    * Install dependencies listed in `package.json`
    */
@@ -134,10 +138,9 @@ export abstract class JsPackageManager {
 
   public async getVersion(packageName: string, constraint?: string): Promise<string> {
     let current;
-    if (packageName === '@storybook/cli') {
-      current = storybookCLIVersion;
-    } else if (/storybook/.test(packageName)) {
-      current = devDependencies[packageName];
+
+    if (/@storybook/.test(packageName)) {
+      current = storybookPackagesVersions[packageName];
     }
 
     let latest;
@@ -178,9 +181,11 @@ export abstract class JsPackageManager {
     return versions.reverse().find((version) => satisfies(version, constraint));
   }
 
-  public addStorybookCommandInScripts(options?: { port: number; staticFolder?: string }) {
-    const packageJson = this.retrievePackageJson();
-
+  public addStorybookCommandInScripts(options?: {
+    port: number;
+    staticFolder?: string;
+    preCommand?: string;
+  }) {
     const sbPort = options?.port ?? 6006;
     const storybookCmd = options?.staticFolder
       ? `start-storybook -p ${sbPort} -s ${options.staticFolder}`
@@ -190,12 +195,20 @@ export abstract class JsPackageManager {
       ? `build-storybook -s ${options.staticFolder}`
       : 'build-storybook';
 
+    const preCommand = options.preCommand ? this.getRunCommand(options.preCommand) : undefined;
+    this.addScripts({
+      storybook: [preCommand, storybookCmd].filter(Boolean).join(' && '),
+      'build-storybook': [preCommand, buildStorybookCmd].filter(Boolean).join(' && '),
+    });
+  }
+
+  public addScripts(scripts: Record<string, string>) {
+    const packageJson = this.retrievePackageJson();
     writePackageJson({
       ...packageJson,
       scripts: {
         ...packageJson.scripts,
-        storybook: storybookCmd,
-        'build-storybook': buildStorybookCmd,
+        ...scripts,
       },
     });
   }
diff --git a/lib/cli/src/js-package-manager/NPMProxy.test.ts b/lib/cli/src/js-package-manager/NPMProxy.test.ts
index e152732bab9..27e6eca31b4 100644
--- a/lib/cli/src/js-package-manager/NPMProxy.test.ts
+++ b/lib/cli/src/js-package-manager/NPMProxy.test.ts
@@ -7,6 +7,10 @@ describe('NPM Proxy', () => {
     npmProxy = new NPMProxy();
   });
 
+  it('type should be npm', () => {
+    expect(npmProxy.type).toEqual('npm');
+  });
+
   describe('initPackageJson', () => {
     it('should run `npm init -y`', () => {
       const executeCommandSpy = jest.spyOn(npmProxy, 'executeCommand').mockReturnValue('');
@@ -78,4 +82,39 @@ describe('NPM Proxy', () => {
       await expect(npmProxy.latestVersion('@storybook/addons')).rejects.toThrow();
     });
   });
+
+  describe('getVersion', () => {
+    it('with a Storybook package listed in versions.json it returns the version', async () => {
+      // eslint-disable-next-line global-require
+      const storybookAngularVersion = require('../../versions.json')['@storybook/angular'];
+      const executeCommandSpy = jest.spyOn(npmProxy, 'executeCommand').mockReturnValue('"5.3.19"');
+
+      const version = await npmProxy.getVersion('@storybook/angular');
+
+      expect(executeCommandSpy).toHaveBeenCalledWith('npm', [
+        'info',
+        '@storybook/angular',
+        'version',
+        '--json',
+      ]);
+      expect(version).toEqual(`^${storybookAngularVersion}`);
+    });
+
+    it('with a Storybook package not listed in versions.json it returns the latest version', async () => {
+      const packageVersion = '5.3.19';
+      const executeCommandSpy = jest
+        .spyOn(npmProxy, 'executeCommand')
+        .mockReturnValue(`"${packageVersion}"`);
+
+      const version = await npmProxy.getVersion('@storybook/react-native');
+
+      expect(executeCommandSpy).toHaveBeenCalledWith('npm', [
+        'info',
+        '@storybook/react-native',
+        'version',
+        '--json',
+      ]);
+      expect(version).toEqual(`^${packageVersion}`);
+    });
+  });
 });
diff --git a/lib/cli/src/js-package-manager/NPMProxy.ts b/lib/cli/src/js-package-manager/NPMProxy.ts
index a8e4765954e..f751a7a7bb5 100644
--- a/lib/cli/src/js-package-manager/NPMProxy.ts
+++ b/lib/cli/src/js-package-manager/NPMProxy.ts
@@ -1,6 +1,8 @@
 import { JsPackageManager } from './JsPackageManager';
 
 export class NPMProxy extends JsPackageManager {
+  readonly type = 'npm';
+
   initPackageJson() {
     return this.executeCommand('npm', ['init', '-y']);
   }
@@ -9,6 +11,10 @@ export class NPMProxy extends JsPackageManager {
     return 'npm run storybook';
   }
 
+  getRunCommand(command: string): string {
+    return `npm run ${command}`;
+  }
+
   protected runInstall(): void {
     this.executeCommand('npm', ['install'], 'inherit');
   }
diff --git a/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts b/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
index 0db351c79bf..c33cbfcac1b 100644
--- a/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
+++ b/lib/cli/src/js-package-manager/Yarn1Proxy.test.ts
@@ -7,6 +7,10 @@ describe('Yarn 1 Proxy', () => {
     yarn1Proxy = new Yarn1Proxy();
   });
 
+  it('type should be yarn1', () => {
+    expect(yarn1Proxy.type).toEqual('yarn1');
+  });
+
   describe('initPackageJson', () => {
     it('should run `yarn init -y`', () => {
       const executeCommandSpy = jest.spyOn(yarn1Proxy, 'executeCommand').mockReturnValue('');
diff --git a/lib/cli/src/js-package-manager/Yarn1Proxy.ts b/lib/cli/src/js-package-manager/Yarn1Proxy.ts
index af09bf19721..345a96a2599 100644
--- a/lib/cli/src/js-package-manager/Yarn1Proxy.ts
+++ b/lib/cli/src/js-package-manager/Yarn1Proxy.ts
@@ -1,6 +1,8 @@
 import { JsPackageManager } from './JsPackageManager';
 
 export class Yarn1Proxy extends JsPackageManager {
+  readonly type = 'yarn1';
+
   initPackageJson() {
     return this.executeCommand('yarn', ['init', '-y']);
   }
@@ -9,6 +11,10 @@ export class Yarn1Proxy extends JsPackageManager {
     return 'yarn storybook';
   }
 
+  getRunCommand(command: string): string {
+    return `yarn ${command}`;
+  }
+
   protected runInstall(): void {
     this.executeCommand('yarn', [], 'inherit');
   }
diff --git a/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts b/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
index 3c3fc17ba79..4ecba3fbf72 100644
--- a/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
+++ b/lib/cli/src/js-package-manager/Yarn2Proxy.test.ts
@@ -7,6 +7,10 @@ describe('Yarn 1 Proxy', () => {
     yarn2Proxy = new Yarn2Proxy();
   });
 
+  it('type should be yarn2', () => {
+    expect(yarn2Proxy.type).toEqual('yarn2');
+  });
+
   describe('initPackageJson', () => {
     it('should run `yarn init`', () => {
       const executeCommandSpy = jest.spyOn(yarn2Proxy, 'executeCommand').mockReturnValue('');
diff --git a/lib/cli/src/js-package-manager/Yarn2Proxy.ts b/lib/cli/src/js-package-manager/Yarn2Proxy.ts
index 2b7783bb58b..adae2865dbc 100644
--- a/lib/cli/src/js-package-manager/Yarn2Proxy.ts
+++ b/lib/cli/src/js-package-manager/Yarn2Proxy.ts
@@ -1,6 +1,8 @@
 import { JsPackageManager } from './JsPackageManager';
 
 export class Yarn2Proxy extends JsPackageManager {
+  readonly type = 'yarn2';
+
   initPackageJson() {
     return this.executeCommand('yarn', ['init']);
   }
@@ -9,6 +11,10 @@ export class Yarn2Proxy extends JsPackageManager {
     return 'yarn storybook';
   }
 
+  getRunCommand(command: string): string {
+    return `yarn ${command}`;
+  }
+
   protected runInstall(): void {
     this.executeCommand('yarn', [], 'inherit');
   }
diff --git a/lib/cli/src/project_types.ts b/lib/cli/src/project_types.ts
index 48df5d20076..cfa00a35bd1 100644
--- a/lib/cli/src/project_types.ts
+++ b/lib/cli/src/project_types.ts
@@ -1,3 +1,4 @@
+// Should match @storybook/<framework>
 export type SupportedFrameworks =
   | 'react'
   | 'react-native'
@@ -11,7 +12,10 @@ export type SupportedFrameworks =
   | 'meteor'
   | 'preact'
   | 'svelte'
-  | 'rax';
+  | 'rax'
+  | 'aurelia'
+  | 'html'
+  | 'web-components';
 
 export enum ProjectType {
   UNDETECTED = 'UNDETECTED',
@@ -36,6 +40,7 @@ export enum ProjectType {
   PREACT = 'PREACT',
   SVELTE = 'SVELTE',
   RAX = 'RAX',
+  AURELIA = 'AURELIA',
 }
 
 export const SUPPORTED_FRAMEWORKS: SupportedFrameworks[] = [
@@ -52,6 +57,7 @@ export const SUPPORTED_FRAMEWORKS: SupportedFrameworks[] = [
   'preact',
   'svelte',
   'rax',
+  'aurelia',
 ];
 
 export enum StoryFormat {
@@ -217,6 +223,13 @@ export const supportedTemplates: TemplateConfiguration[] = [
       return dependencies.every(Boolean);
     },
   },
+  {
+    preset: ProjectType.AURELIA,
+    dependencies: ['aurelia-bootstrapper'],
+    matcherFunction: ({ dependencies }) => {
+      return dependencies.every(Boolean);
+    },
+  },
 ];
 
 const notInstallableProjectTypes: ProjectType[] = [
diff --git a/lib/cli/src/upgrade.test.ts b/lib/cli/src/upgrade.test.ts
new file mode 100644
index 00000000000..3bf3c305855
--- /dev/null
+++ b/lib/cli/src/upgrade.test.ts
@@ -0,0 +1,36 @@
+import { getStorybookVersion, isCorePackage } from './upgrade';
+
+describe.each([
+  ['│ │ │ ├── @babel/code-frame@7.10.3 deduped', null],
+  [
+    '│ ├── @storybook/theming@6.0.0-beta.37 extraneous',
+    { package: '@storybook/theming', version: '6.0.0-beta.37' },
+  ],
+  [
+    '├─┬ @storybook/preset-create-react-app@3.1.2',
+    { package: '@storybook/preset-create-react-app', version: '3.1.2' },
+  ],
+  ['│ ├─┬ @storybook/node-logger@5.3.19', { package: '@storybook/node-logger', version: '5.3.19' }],
+  [
+    'npm ERR! peer dep missing: @storybook/react@>=5.2, required by @storybook/preset-create-react-app@3.1.2',
+    null,
+  ],
+])('getStorybookVersion', (input, output) => {
+  it(input, () => {
+    expect(getStorybookVersion(input)).toEqual(output);
+  });
+});
+
+describe.each([
+  ['@storybook/react', true],
+  ['@storybook/node-logger', true],
+  ['@storybook/addon-info', true],
+  ['@storybook/something-random', true],
+  ['@storybook/preset-create-react-app', false],
+  ['@storybook/linter-config', false],
+  ['@storybook/design-system', false],
+])('isCorePackage', (input, output) => {
+  it(input, () => {
+    expect(isCorePackage(input)).toEqual(output);
+  });
+});
diff --git a/lib/cli/src/upgrade.ts b/lib/cli/src/upgrade.ts
new file mode 100644
index 00000000000..85d43a64349
--- /dev/null
+++ b/lib/cli/src/upgrade.ts
@@ -0,0 +1,113 @@
+import { sync as spawnSync } from 'cross-spawn';
+import semver from '@storybook/semver';
+import { logger } from '@storybook/node-logger';
+import { JsPackageManagerFactory } from './js-package-manager';
+import { commandLog } from './helpers';
+
+type Package = {
+  package: string;
+  version: string;
+};
+
+const versionRegex = /(@storybook\/[^@]+)@(\S+)/;
+export const getStorybookVersion = (line: string) => {
+  if (line.startsWith('npm ')) return null;
+  const match = versionRegex.exec(line);
+  if (!match || !semver.clean(match[2])) return null;
+  return {
+    package: match[1],
+    version: match[2],
+  };
+};
+
+const excludeList = [
+  '@storybook/linter-config',
+  '@storybook/design-system',
+  '@storybook/ember-cli-storybook',
+  '@storybook/semver',
+  '@storybook/eslint-config-storybook',
+  '@storybook/bench',
+  '@storybook/addon-bench',
+  '@storybook/addon-console',
+  '@storybook/csf',
+];
+export const isCorePackage = (pkg: string) =>
+  pkg.startsWith('@storybook/') &&
+  !pkg.startsWith('@storybook/preset-') &&
+  !excludeList.includes(pkg);
+
+const deprecatedPackages = [
+  {
+    minVersion: '6.0.0-alpha.0',
+    url: 'https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#60-deprecations',
+    deprecations: [
+      '@storybook/addon-notes',
+      '@storybook/addon-info',
+      '@storybook/addon-contexts',
+      '@storybook/addon-options',
+      '@storybook/addon-centered',
+    ],
+  },
+];
+
+const formatPackage = (pkg: Package) => `${pkg.package}@${pkg.version}`;
+
+const warnPackages = (pkgs: Package[]) =>
+  pkgs.forEach((pkg) => logger.warn(`- ${formatPackage(pkg)}`));
+
+export const checkVersionConsistency = () => {
+  const lines = spawnSync('npm', ['ls'], { stdio: 'pipe' }).output.toString().split('\n');
+  const storybookPackages = lines
+    .map(getStorybookVersion)
+    .filter(Boolean)
+    .filter((pkg) => isCorePackage(pkg.package));
+  if (!storybookPackages.length) {
+    logger.warn('No storybook core packages found.');
+    logger.warn(`'npm ls | grep storybook' can show if multiple versions are installed.`);
+  }
+  storybookPackages.sort((a, b) => semver.rcompare(a.version, b.version));
+  const latestVersion = storybookPackages[0].version;
+  const outdated = storybookPackages.filter((pkg) => pkg.version !== latestVersion);
+  if (outdated.length > 0) {
+    logger.warn(
+      `Found ${outdated.length} outdated packages (relative to '${formatPackage(
+        storybookPackages[0]
+      )}')`
+    );
+    logger.warn('Please make sure your packages are updated to ensure a consistent experience.');
+    warnPackages(outdated);
+  }
+
+  deprecatedPackages.forEach(({ minVersion, url, deprecations }) => {
+    if (semver.gte(latestVersion, minVersion)) {
+      const deprecated = storybookPackages.filter((pkg) => deprecations.includes(pkg.package));
+      if (deprecated.length > 0) {
+        logger.warn(`Found ${deprecated.length} deprecated packages since ${minVersion}`);
+        logger.warn(`See ${url}`);
+        warnPackages(deprecated);
+      }
+    }
+  });
+};
+
+type Options = { prerelease: boolean; skipCheck: boolean; useNpm: boolean; dryRun: boolean };
+export const upgrade = async ({ prerelease, skipCheck, useNpm, dryRun }: Options) => {
+  const packageManager = JsPackageManagerFactory.getPackageManager(useNpm);
+
+  commandLog(`Checking for latest versions of '@storybook/*' packages`);
+
+  const flags = [];
+  if (!dryRun) flags.push('--upgrade');
+  if (prerelease) flags.push('--newest');
+  const check = spawnSync('npx', ['npm-check-updates', '/storybook/', ...flags], {
+    stdio: 'pipe',
+  }).output.toString();
+  logger.info(check);
+
+  if (!dryRun) {
+    commandLog(`Installing upgrades`);
+    packageManager.installDependencies();
+  }
+
+  if (!skipCheck) checkVersionConsistency();
+};
diff --git a/lib/cli/test/berryfy_package_json.js b/lib/cli/test/berryfy_package_json.js
deleted file mode 100755
index e414dc9377c..00000000000
--- a/lib/cli/test/berryfy_package_json.js
+++ /dev/null
@@ -1,62 +0,0 @@
-#!/usr/bin/env node
-
-// Map between SB packages names and their folders inside this monorepo
-const sbRootDir = '../../../../..';
-const sbPackagesResolutionsMap = {
-  '@storybook/addons': `portal:${sbRootDir}/lib/addons`,
-  '@storybook/api': `portal:${sbRootDir}/lib/api`,
-  '@storybook/channel-postmessage': `portal:${sbRootDir}/lib/channel-postmessage`,
-  '@storybook/channel-websocket': `portal:${sbRootDir}/lib/channel-websocket`,
-  '@storybook/channels': `portal:${sbRootDir}/lib/channels`,
-  '@storybook/cli': `portal:${sbRootDir}/lib/cli`,
-  '@storybook/core': `portal:${sbRootDir}/lib/core`,
-  '@storybook/source-loader': `portal:${sbRootDir}/lib/source-loader`,
-  '@storybook/router': `portal:${sbRootDir}/lib/router`,
-  '@storybook/theming': `portal:${sbRootDir}/lib/theming`,
-  '@storybook/ui': `portal:${sbRootDir}/lib/ui`,
-  '@storybook/ember': `portal:${sbRootDir}/app/ember`,
-  '@storybook/html': `portal:${sbRootDir}/app/html`,
-  '@storybook/marionette': `portal:${sbRootDir}/app/marionette`,
-  '@storybook/marko': `portal:${sbRootDir}/app/marko`,
-  '@storybook/mithril': `portal:${sbRootDir}/app/mithril`,
-  '@storybook/preact': `portal:${sbRootDir}/app/preact`,
-  '@storybook/rax': `portal:${sbRootDir}/app/rax`,
-  '@storybook/react': `portal:${sbRootDir}/app/react`,
-  '@storybook/riot': `portal:${sbRootDir}/app/riot`,
-  '@storybook/server': `portal:${sbRootDir}/app/server`,
-  '@storybook/svelte': `portal:${sbRootDir}/app/svelte`,
-  '@storybook/vue': `portal:${sbRootDir}/app/vue`,
-  '@storybook/web-components': `portal:${sbRootDir}/app/web-components`,
-  '@storybook/addon-actions': `portal:${sbRootDir}/addons/actions`,
-  '@storybook/addon-links': `portal:${sbRootDir}/addons/links`,
-  '@storybook/addon-knobs': `portal:${sbRootDir}/addons/knobs`,
-};
-
-const fs = require('fs');
-
-const args = process.argv.slice(2);
-
-if (args.length !== 1) {
-  throw Error('This script must be ran with 1 argument: the path of the package.json to update');
-}
-
-const packageJsonPath = args[0];
-const packageJson = require(packageJsonPath);
-
-// Add `@storybook/cli` as dev dependency to be able to do `yarn sb init` with Yarn 2
-packageJson.devDependencies = {
-  ...packageJson.devDependencies,
-  '@storybook/cli': 'next',
-};
-
-// Link `@storybook/xxx` package to local one by filling `resolutions` attribute using "portal" protocol (https://yarnpkg.com/features/protocols)
-// We have to do it like this for now because we can not used Yarn v1 workspace.
-// This can be rework when the whole monorepo will be migrated to Yarn 2
-packageJson.resolutions = {
-  ...packageJson.resolutions,
-  ...sbPackagesResolutionsMap,
-};
-
-// Get a string representing updated `package.json` and write it
-const prettyUpdatedPackageJson = JSON.stringify(packageJson, null, 2);
-fs.writeFileSync(packageJsonPath, prettyUpdatedPackageJson);
diff --git a/lib/cli/test/fixtures/angular-cli-v6/.gitignore b/lib/cli/test/fixtures/angular-cli-v6/.gitignore
deleted file mode 100644
index ee5c9d8336b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/.gitignore
+++ /dev/null
@@ -1,39 +0,0 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# compiled output
-/dist
-/tmp
-/out-tsc
-
-# dependencies
-/node_modules
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-
-# misc
-/.sass-cache
-/connect.lock
-/coverage
-/libpeerconnection.log
-npm-debug.log
-yarn-error.log
-testem.log
-/typings
-
-# System Files
-.DS_Store
-Thumbs.db
diff --git a/lib/cli/test/fixtures/angular-cli-v6/README.md b/lib/cli/test/fixtures/angular-cli-v6/README.md
deleted file mode 100644
index 90d9dd36d9b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# AngularCliV6
-
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.2.5.
-
-## Development server
-
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-
-## Code scaffolding
-
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
-
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
diff --git a/lib/cli/test/fixtures/angular-cli-v6/angular.json b/lib/cli/test/fixtures/angular-cli-v6/angular.json
deleted file mode 100644
index 90486f8ff14..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/angular.json
+++ /dev/null
@@ -1,106 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "angular-cli-v6": {
-      "root": "",
-      "sourceRoot": "src",
-      "projectType": "application",
-      "prefix": "app",
-      "schematics": {},
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "outputPath": "dist/angular-cli-v6",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
-            "scripts": []
-          },
-          "configurations": {
-            "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "extractCss": true,
-              "namedChunks": false,
-              "aot": true,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true
-            }
-          }
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "angular-cli-v6:build"
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "angular-cli-v6:build:production"
-            }
-          }
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "browserTarget": "angular-cli-v6:build"
-          }
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.spec.json",
-            "karmaConfig": "src/karma.conf.js",
-            "styles": [
-              "src/styles.css"
-            ],
-            "scripts": [],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ]
-          }
-        }
-      }
-    },
-    "angular-cli-v6-e2e": {
-      "root": "e2e/",
-      "projectType": "application",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "angular-cli-v6:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "angular-cli-v6:serve:production"
-            }
-          }
-        }
-      }
-    }
-  },
-  "defaultProject": "angular-cli-v6"
-}
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v6/package.json b/lib/cli/test/fixtures/angular-cli-v6/package.json
deleted file mode 100644
index cbfdde2c6aa..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/package.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "angular-cli-v6",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "build": "ng build",
-    "e2e": "ng e2e",
-    "lint": "ng lint",
-    "ng": "ng",
-    "start": "ng serve",
-    "test": "ng test"
-  },
-  "dependencies": {
-    "@angular/animations": "^6.1.0",
-    "@angular/common": "^6.1.0",
-    "@angular/compiler": "^6.1.0",
-    "@angular/core": "^6.1.0",
-    "@angular/forms": "^6.1.0",
-    "@angular/http": "^6.1.0",
-    "@angular/platform-browser": "^6.1.0",
-    "@angular/platform-browser-dynamic": "^6.1.0",
-    "@angular/router": "^6.1.0",
-    "core-js": "^3.0.1",
-    "rxjs": "~6.2.0",
-    "zone.js": "~0.8.26"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "~0.8.0",
-    "@angular/cli": "~6.2.5",
-    "@angular/compiler-cli": "^6.1.0",
-    "@angular/language-service": "^6.1.0",
-    "@types/jasmine": "~2.8.8",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "^12.0.8",
-    "codelyzer": "~4.3.0",
-    "jasmine-core": "~2.99.1",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~3.0.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
-    "karma-jasmine": "~1.1.2",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "typescript": "^3.4.0"
-  }
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.css b/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.css
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.html b/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.html
deleted file mode 100644
index fa2706a406b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!--The content below is only a placeholder and can be replaced.-->
-<div style="text-align:center">
-  <h1>
-    Welcome to {{ title }}!
-  </h1>
-  <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
-</div>
-<h2>Here are some links to help you start: </h2>
-<ul>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
-  </li>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
-  </li>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
-  </li>
-</ul>
-
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.spec.ts b/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.spec.ts
deleted file mode 100644
index 1779f6eceb9..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.spec.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { TestBed, async } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'angular-cli-v6'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('angular-cli-v6');
-  });
-
-  it('should render title in a h1 tag', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to angular-cli-v6!');
-  });
-});
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.ts b/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.ts
deleted file mode 100644
index 8fc06db534a..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
-})
-export class AppComponent {
-  title = 'angular-cli-v6';
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.module.ts b/lib/cli/test/fixtures/angular-cli-v6/src/app/app.module.ts
deleted file mode 100644
index f65716351aa..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/app/app.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/assets/.gitkeep b/lib/cli/test/fixtures/angular-cli-v6/src/assets/.gitkeep
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/browserslist b/lib/cli/test/fixtures/angular-cli-v6/src/browserslist
deleted file mode 100644
index 37371cb04b9..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/browserslist
+++ /dev/null
@@ -1,11 +0,0 @@
-# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-#
-# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
-
-> 0.5%
-last 2 versions
-Firefox ESR
-not dead
-not IE 9-11
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/environments/environment.prod.ts b/lib/cli/test/fixtures/angular-cli-v6/src/environments/environment.prod.ts
deleted file mode 100644
index 3612073bc31..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/environments/environment.prod.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/environments/environment.ts b/lib/cli/test/fixtures/angular-cli-v6/src/environments/environment.ts
deleted file mode 100644
index 7b4f817adb7..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/environments/environment.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/favicon.ico b/lib/cli/test/fixtures/angular-cli-v6/src/favicon.ico
deleted file mode 100644
index 8081c7ceaf2..00000000000
Binary files a/lib/cli/test/fixtures/angular-cli-v6/src/favicon.ico and /dev/null differ
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/index.html b/lib/cli/test/fixtures/angular-cli-v6/src/index.html
deleted file mode 100644
index 32b6887601a..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>AngularCliV6</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-<body>
-  <app-root></app-root>
-</body>
-</html>
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/karma.conf.js b/lib/cli/test/fixtures/angular-cli-v6/src/karma.conf.js
deleted file mode 100644
index b6e00421c95..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/karma.conf.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../coverage'),
-      reports: ['html', 'lcovonly'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false
-  });
-};
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/main.ts b/lib/cli/test/fixtures/angular-cli-v6/src/main.ts
deleted file mode 100644
index 28bfa9e1fee..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/main.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
-
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/polyfills.ts b/lib/cli/test/fixtures/angular-cli-v6/src/polyfills.ts
deleted file mode 100644
index d0d381a4b4e..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/polyfills.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-import 'core-js/es/reflect';
-
-/** Evergreen browsers require these. **/
-// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-import 'core-js/proposals/reflect-metadata';
-
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- **/
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- */
-
- // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
-
- /*
- * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- * with the following flag, it will bypass `zone.js` patch for IE/Edge
- */
-// (window as any).__Zone_enable_cross_context_check = true;
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/styles.css b/lib/cli/test/fixtures/angular-cli-v6/src/styles.css
deleted file mode 100644
index 90d4ee0072c..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/styles.css
+++ /dev/null
@@ -1 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/test.ts b/lib/cli/test/fixtures/angular-cli-v6/src/test.ts
deleted file mode 100644
index 16317897b1c..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/test.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/dist/zone-testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: any;
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/tsconfig.app.json b/lib/cli/test/fixtures/angular-cli-v6/src/tsconfig.app.json
deleted file mode 100644
index 190fd300b60..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/tsconfig.app.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/app",
-    "types": []
-  },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
-  ]
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v6/src/tsconfig.spec.json b/lib/cli/test/fixtures/angular-cli-v6/src/tsconfig.spec.json
deleted file mode 100644
index de7733630eb..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/src/tsconfig.spec.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "test.ts",
-    "polyfills.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v6/tsconfig.json b/lib/cli/test/fixtures/angular-cli-v6/tsconfig.json
deleted file mode 100644
index 916247e4cb2..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v6/tsconfig.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "module": "es2015",
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2017",
-      "dom"
-    ]
-  }
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v7/.editorconfig b/lib/cli/test/fixtures/angular-cli-v7/.editorconfig
deleted file mode 100644
index 6e87a003da8..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/.editorconfig
+++ /dev/null
@@ -1,13 +0,0 @@
-# Editor configuration, see http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
diff --git a/lib/cli/test/fixtures/angular-cli-v7/.gitignore b/lib/cli/test/fixtures/angular-cli-v7/.gitignore
deleted file mode 100644
index ee5c9d8336b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/.gitignore
+++ /dev/null
@@ -1,39 +0,0 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# compiled output
-/dist
-/tmp
-/out-tsc
-
-# dependencies
-/node_modules
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-
-# misc
-/.sass-cache
-/connect.lock
-/coverage
-/libpeerconnection.log
-npm-debug.log
-yarn-error.log
-testem.log
-/typings
-
-# System Files
-.DS_Store
-Thumbs.db
diff --git a/lib/cli/test/fixtures/angular-cli-v7/README.md b/lib/cli/test/fixtures/angular-cli-v7/README.md
deleted file mode 100644
index 2004d322d3f..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# AngularCliV7
-
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.0.0-rc.3.
-
-## Development server
-
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-
-## Code scaffolding
-
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
-
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
diff --git a/lib/cli/test/fixtures/angular-cli-v7/angular.json b/lib/cli/test/fixtures/angular-cli-v7/angular.json
deleted file mode 100644
index a0aabc89660..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/angular.json
+++ /dev/null
@@ -1,120 +0,0 @@
-{
-  /* angular.json can have comments */
-  // angular.json can have comments
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "angular-cli-v7": {
-      "root": "",
-      "sourceRoot": "src",
-      "projectType": "application",
-      "prefix": "app",
-      "schematics": {
-        "@schematics/angular:component": {
-          "styleext": "scss"
-        }
-      },
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "outputPath": "dist/angular-cli-v7",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
-            "scripts": []
-          },
-          "configurations": {
-            "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "extractCss": true,
-              "namedChunks": false,
-              "aot": true,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                }
-              ]
-            }
-          }
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "angular-cli-v7:build"
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "angular-cli-v7:build:production"
-            }
-          }
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "browserTarget": "angular-cli-v7:build"
-          }
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.spec.json",
-            "karmaConfig": "src/karma.conf.js",
-            "styles": [
-              "src/styles.scss"
-            ],
-            "scripts": [],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ]
-          }
-        }
-      }
-    },
-    "angular-cli-v7-e2e": {
-      "root": "e2e/",
-      "projectType": "application",
-      "prefix": "",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "angular-cli-v7:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "angular-cli-v7:serve:production"
-            }
-          }
-        }
-      }
-    }
-  },
-  "defaultProject": "angular-cli-v7"
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v7/package.json b/lib/cli/test/fixtures/angular-cli-v7/package.json
deleted file mode 100644
index e179eaf2e51..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/package.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "angular-cli-v7",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "build": "ng build",
-    "e2e": "ng e2e",
-    "lint": "ng lint",
-    "ng": "ng",
-    "start": "ng serve",
-    "test": "ng test"
-  },
-  "dependencies": {
-    "@angular/animations": "~7.0.0",
-    "@angular/common": "~7.0.0",
-    "@angular/compiler": "~7.0.0",
-    "@angular/core": "~7.0.0",
-    "@angular/forms": "~7.0.0",
-    "@angular/http": "~7.0.0",
-    "@angular/platform-browser": "~7.0.0",
-    "@angular/platform-browser-dynamic": "~7.0.0",
-    "@angular/router": "~7.0.0",
-    "core-js": "^3.0.1",
-    "rxjs": "~6.3.3",
-    "zone.js": "~0.8.26"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "~0.10.2",
-    "@angular/cli": "~7.0.2",
-    "@angular/compiler-cli": "~7.0.0",
-    "@angular/language-service": "~7.0.0",
-    "@types/jasmine": "~2.8.8",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "^12.0.8",
-    "codelyzer": "~4.3.0",
-    "jasmine-core": "~2.99.1",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~3.0.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
-    "karma-jasmine": "~1.1.2",
-    "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "typescript": "^3.4.0"
-  }
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.html b/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.html
deleted file mode 100644
index fa2706a406b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!--The content below is only a placeholder and can be replaced.-->
-<div style="text-align:center">
-  <h1>
-    Welcome to {{ title }}!
-  </h1>
-  <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
-</div>
-<h2>Here are some links to help you start: </h2>
-<ul>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
-  </li>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
-  </li>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
-  </li>
-</ul>
-
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.scss b/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.scss
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.spec.ts b/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.spec.ts
deleted file mode 100644
index 85317a397a0..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.spec.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { TestBed, async } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'angular-cli-v7'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('angular-cli-v7');
-  });
-
-  it('should render title in a h1 tag', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to angular-cli-v7!');
-  });
-});
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.ts b/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.ts
deleted file mode 100644
index 9663c757829..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
-})
-export class AppComponent {
-  title = 'angular-cli-v7';
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.module.ts b/lib/cli/test/fixtures/angular-cli-v7/src/app/app.module.ts
deleted file mode 100644
index f65716351aa..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/app/app.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/assets/.gitkeep b/lib/cli/test/fixtures/angular-cli-v7/src/assets/.gitkeep
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/browserslist b/lib/cli/test/fixtures/angular-cli-v7/src/browserslist
deleted file mode 100644
index 37371cb04b9..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/browserslist
+++ /dev/null
@@ -1,11 +0,0 @@
-# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-#
-# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
-
-> 0.5%
-last 2 versions
-Firefox ESR
-not dead
-not IE 9-11
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/environments/environment.prod.ts b/lib/cli/test/fixtures/angular-cli-v7/src/environments/environment.prod.ts
deleted file mode 100644
index 3612073bc31..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/environments/environment.prod.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/environments/environment.ts b/lib/cli/test/fixtures/angular-cli-v7/src/environments/environment.ts
deleted file mode 100644
index 7b4f817adb7..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/environments/environment.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/favicon.ico b/lib/cli/test/fixtures/angular-cli-v7/src/favicon.ico
deleted file mode 100644
index 8081c7ceaf2..00000000000
Binary files a/lib/cli/test/fixtures/angular-cli-v7/src/favicon.ico and /dev/null differ
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/index.html b/lib/cli/test/fixtures/angular-cli-v7/src/index.html
deleted file mode 100644
index 04c515deb45..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>AngularCliV7</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-<body>
-  <app-root></app-root>
-</body>
-</html>
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/karma.conf.js b/lib/cli/test/fixtures/angular-cli-v7/src/karma.conf.js
deleted file mode 100644
index b6e00421c95..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/karma.conf.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../coverage'),
-      reports: ['html', 'lcovonly'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false
-  });
-};
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/main.ts b/lib/cli/test/fixtures/angular-cli-v7/src/main.ts
deleted file mode 100644
index c7b673cf44b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/main.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/polyfills.ts b/lib/cli/test/fixtures/angular-cli-v7/src/polyfills.ts
deleted file mode 100644
index 1ec5d9a3775..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/polyfills.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-
-/**
- * If the application will be indexed by Google Search, the following is required.
- * Googlebot uses a renderer based on Chrome 41.
- * https://developers.google.com/search/docs/guides/rendering
- **/
-// import 'core-js/es6/array';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-import 'core-js/es/reflect';
-import 'core-js/proposals/reflect-metadata';
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- **/
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- */
-
- // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
-
- /*
- * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- * with the following flag, it will bypass `zone.js` patch for IE/Edge
- */
-// (window as any).__Zone_enable_cross_context_check = true;
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/styles.scss b/lib/cli/test/fixtures/angular-cli-v7/src/styles.scss
deleted file mode 100644
index 90d4ee0072c..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/styles.scss
+++ /dev/null
@@ -1 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/test.ts b/lib/cli/test/fixtures/angular-cli-v7/src/test.ts
deleted file mode 100644
index 16317897b1c..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/test.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/dist/zone-testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: any;
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/tsconfig.app.json b/lib/cli/test/fixtures/angular-cli-v7/src/tsconfig.app.json
deleted file mode 100644
index 190fd300b60..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/tsconfig.app.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/app",
-    "types": []
-  },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
-  ]
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v7/src/tsconfig.spec.json b/lib/cli/test/fixtures/angular-cli-v7/src/tsconfig.spec.json
deleted file mode 100644
index de7733630eb..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/src/tsconfig.spec.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "test.ts",
-    "polyfills.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v7/tsconfig.json b/lib/cli/test/fixtures/angular-cli-v7/tsconfig.json
deleted file mode 100644
index 03ed6abbcf2..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v7/tsconfig.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  /* tsconfig.json can have comments */
-  // tsconfig.json can have comments
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "module": "es2015",
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2018",
-      "dom"
-    ]
-  }
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v8/.editorconfig b/lib/cli/test/fixtures/angular-cli-v8/.editorconfig
deleted file mode 100644
index 6e87a003da8..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/.editorconfig
+++ /dev/null
@@ -1,13 +0,0 @@
-# Editor configuration, see http://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
diff --git a/lib/cli/test/fixtures/angular-cli-v8/.gitignore b/lib/cli/test/fixtures/angular-cli-v8/.gitignore
deleted file mode 100644
index ee5c9d8336b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/.gitignore
+++ /dev/null
@@ -1,39 +0,0 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# compiled output
-/dist
-/tmp
-/out-tsc
-
-# dependencies
-/node_modules
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-
-# misc
-/.sass-cache
-/connect.lock
-/coverage
-/libpeerconnection.log
-npm-debug.log
-yarn-error.log
-testem.log
-/typings
-
-# System Files
-.DS_Store
-Thumbs.db
diff --git a/lib/cli/test/fixtures/angular-cli-v8/README.md b/lib/cli/test/fixtures/angular-cli-v8/README.md
deleted file mode 100644
index 2004d322d3f..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# AngularCliV7
-
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.0.0-rc.3.
-
-## Development server
-
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-
-## Code scaffolding
-
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
-
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
diff --git a/lib/cli/test/fixtures/angular-cli-v8/angular.json b/lib/cli/test/fixtures/angular-cli-v8/angular.json
deleted file mode 100644
index bcd6922d0d3..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/angular.json
+++ /dev/null
@@ -1,110 +0,0 @@
-{
-  /* angular.json can have comments */
-  // angular.json can have comments
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "angular-cli-v8": {
-      "root": "",
-      "sourceRoot": "src",
-      "projectType": "application",
-      "prefix": "app",
-      "schematics": {
-        "@schematics/angular:component": {
-          "styleext": "scss"
-        }
-      },
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "outputPath": "dist/angular-cli-v8",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.app.json",
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles.scss"],
-            "scripts": []
-          },
-          "configurations": {
-            "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "extractCss": true,
-              "namedChunks": false,
-              "aot": true,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                }
-              ]
-            }
-          }
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "angular-cli-v8:build"
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "angular-cli-v8:build:production"
-            }
-          }
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "browserTarget": "angular-cli-v8:build"
-          }
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.spec.json",
-            "karmaConfig": "src/karma.conf.js",
-            "styles": ["src/styles.scss"],
-            "scripts": [],
-            "assets": ["src/favicon.ico", "src/assets"]
-          }
-        }
-      }
-    },
-    "angular-cli-v8-e2e": {
-      "root": "e2e/",
-      "projectType": "application",
-      "prefix": "",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "angular-cli-v8:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "angular-cli-v8:serve:production"
-            }
-          }
-        }
-      }
-    }
-  },
-  "defaultProject": "angular-cli-v8"
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v8/package.json b/lib/cli/test/fixtures/angular-cli-v8/package.json
deleted file mode 100644
index 2e060cd5d42..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/package.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "name": "angular-cli-v8",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "build": "ng build",
-    "e2e": "ng e2e",
-    "lint": "ng lint",
-    "ng": "ng",
-    "start": "ng serve",
-    "test": "ng test"
-  },
-  "dependencies": {
-    "@angular/animations": "^8.2.13",
-    "@angular/common": "^8.2.13",
-    "@angular/compiler": "^8.2.13",
-    "@angular/core": "^8.2.13",
-    "@angular/forms": "^8.2.13",
-    "@angular/platform-browser": "^8.2.13",
-    "@angular/platform-browser-dynamic": "^8.2.13",
-    "@angular/router": "^8.2.13",
-    "rxjs": "~6.4.0",
-    "tslib": "^1.10.0",
-    "zone.js": "~0.9.1"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "~0.802.0",
-    "@angular/cli": "~8.2.0",
-    "@angular/compiler-cli": "~8.2.0",
-    "@angular/language-service": "~8.2.0",
-    "@types/jasmine": "~3.3.8",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "^12.0.8",
-    "codelyzer": "^5.0.0",
-    "jasmine-core": "~3.4.0",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.1.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
-    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.0",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "typescript": "~3.5.3"
-  }
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.html b/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.html
deleted file mode 100644
index fa2706a406b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!--The content below is only a placeholder and can be replaced.-->
-<div style="text-align:center">
-  <h1>
-    Welcome to {{ title }}!
-  </h1>
-  <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
-</div>
-<h2>Here are some links to help you start: </h2>
-<ul>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
-  </li>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
-  </li>
-  <li>
-    <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
-  </li>
-</ul>
-
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.scss b/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.scss
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.spec.ts b/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.spec.ts
deleted file mode 100644
index 85317a397a0..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.spec.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { TestBed, async } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'angular-cli-v7'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('angular-cli-v7');
-  });
-
-  it('should render title in a h1 tag', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to angular-cli-v7!');
-  });
-});
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.ts b/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.ts
deleted file mode 100644
index f13bc69b1af..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss'],
-})
-export class AppComponent {
-  title = 'angular-cli-v8';
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.module.ts b/lib/cli/test/fixtures/angular-cli-v8/src/app/app.module.ts
deleted file mode 100644
index f65716351aa..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/app/app.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/assets/.gitkeep b/lib/cli/test/fixtures/angular-cli-v8/src/assets/.gitkeep
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/browserslist b/lib/cli/test/fixtures/angular-cli-v8/src/browserslist
deleted file mode 100644
index 37371cb04b9..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/browserslist
+++ /dev/null
@@ -1,11 +0,0 @@
-# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-#
-# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
-
-> 0.5%
-last 2 versions
-Firefox ESR
-not dead
-not IE 9-11
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/environments/environment.prod.ts b/lib/cli/test/fixtures/angular-cli-v8/src/environments/environment.prod.ts
deleted file mode 100644
index 3612073bc31..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/environments/environment.prod.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/environments/environment.ts b/lib/cli/test/fixtures/angular-cli-v8/src/environments/environment.ts
deleted file mode 100644
index 7b4f817adb7..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/environments/environment.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/favicon.ico b/lib/cli/test/fixtures/angular-cli-v8/src/favicon.ico
deleted file mode 100644
index 8081c7ceaf2..00000000000
Binary files a/lib/cli/test/fixtures/angular-cli-v8/src/favicon.ico and /dev/null differ
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/index.html b/lib/cli/test/fixtures/angular-cli-v8/src/index.html
deleted file mode 100644
index 04c515deb45..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>AngularCliV7</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-<body>
-  <app-root></app-root>
-</body>
-</html>
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/karma.conf.js b/lib/cli/test/fixtures/angular-cli-v8/src/karma.conf.js
deleted file mode 100644
index b6e00421c95..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/karma.conf.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../coverage'),
-      reports: ['html', 'lcovonly'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false
-  });
-};
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/main.ts b/lib/cli/test/fixtures/angular-cli-v8/src/main.ts
deleted file mode 100644
index c7b673cf44b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/main.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/polyfills.ts b/lib/cli/test/fixtures/angular-cli-v8/src/polyfills.ts
deleted file mode 100644
index 1ec5d9a3775..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/polyfills.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-
-/**
- * If the application will be indexed by Google Search, the following is required.
- * Googlebot uses a renderer based on Chrome 41.
- * https://developers.google.com/search/docs/guides/rendering
- **/
-// import 'core-js/es6/array';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following for the Reflect API. */
-import 'core-js/es/reflect';
-import 'core-js/proposals/reflect-metadata';
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- **/
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- */
-
- // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
-
- /*
- * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- * with the following flag, it will bypass `zone.js` patch for IE/Edge
- */
-// (window as any).__Zone_enable_cross_context_check = true;
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/styles.scss b/lib/cli/test/fixtures/angular-cli-v8/src/styles.scss
deleted file mode 100644
index 90d4ee0072c..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/styles.scss
+++ /dev/null
@@ -1 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/test.ts b/lib/cli/test/fixtures/angular-cli-v8/src/test.ts
deleted file mode 100644
index 16317897b1c..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/test.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/dist/zone-testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: any;
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/tsconfig.app.json b/lib/cli/test/fixtures/angular-cli-v8/src/tsconfig.app.json
deleted file mode 100644
index 190fd300b60..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/tsconfig.app.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/app",
-    "types": []
-  },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
-  ]
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v8/src/tsconfig.spec.json b/lib/cli/test/fixtures/angular-cli-v8/src/tsconfig.spec.json
deleted file mode 100644
index de7733630eb..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/src/tsconfig.spec.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "test.ts",
-    "polyfills.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v8/tsconfig.json b/lib/cli/test/fixtures/angular-cli-v8/tsconfig.json
deleted file mode 100644
index 03ed6abbcf2..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v8/tsconfig.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  /* tsconfig.json can have comments */
-  // tsconfig.json can have comments
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "module": "es2015",
-    "moduleResolution": "node",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "target": "es5",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2018",
-      "dom"
-    ]
-  }
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v9/.editorconfig b/lib/cli/test/fixtures/angular-cli-v9/.editorconfig
deleted file mode 100644
index e89330a618c..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/.editorconfig
+++ /dev/null
@@ -1,13 +0,0 @@
-# Editor configuration, see https://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false
diff --git a/lib/cli/test/fixtures/angular-cli-v9/.gitignore b/lib/cli/test/fixtures/angular-cli-v9/.gitignore
deleted file mode 100644
index 86d943a9b2e..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/.gitignore
+++ /dev/null
@@ -1,46 +0,0 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# compiled output
-/dist
-/tmp
-/out-tsc
-# Only exists if Bazel was run
-/bazel-out
-
-# dependencies
-/node_modules
-
-# profiling files
-chrome-profiler-events*.json
-speed-measure-plugin*.json
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-.history/*
-
-# misc
-/.sass-cache
-/connect.lock
-/coverage
-/libpeerconnection.log
-npm-debug.log
-yarn-error.log
-testem.log
-/typings
-
-# System Files
-.DS_Store
-Thumbs.db
diff --git a/lib/cli/test/fixtures/angular-cli-v9/README.md b/lib/cli/test/fixtures/angular-cli-v9/README.md
deleted file mode 100644
index b981ad7cd14..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Ng9
-
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.0-rc.1.
-
-## Development server
-
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-
-## Code scaffolding
-
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
-
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
diff --git a/lib/cli/test/fixtures/angular-cli-v9/angular.json b/lib/cli/test/fixtures/angular-cli-v9/angular.json
deleted file mode 100644
index 471778afb77..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/angular.json
+++ /dev/null
@@ -1,106 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "angular-cli-v9": {
-      "projectType": "application",
-      "schematics": {
-        "@schematics/angular:component": {
-          "style": "css"
-        }
-      },
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "outputPath": "dist/angular-cli-v9",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "tsconfig.app.json",
-            "aot": true,
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles.css"],
-            "scripts": []
-          },
-          "configurations": {
-            "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "extractCss": true,
-              "namedChunks": false,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "6kb",
-                  "maximumError": "10kb"
-                }
-              ]
-            }
-          }
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "angular-cli-v9:build"
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "angular-cli-v9:build:production"
-            }
-          }
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "browserTarget": "angular-cli-v9:build"
-          }
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js",
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles.css"],
-            "scripts": []
-          }
-        },
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "angular-cli-v9:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "angular-cli-v9:serve:production"
-            }
-          }
-        }
-      }
-    }
-  },
-  "defaultProject": "angular-cli-v9"
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v9/browserslist b/lib/cli/test/fixtures/angular-cli-v9/browserslist
deleted file mode 100644
index 80848532e47..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/browserslist
+++ /dev/null
@@ -1,12 +0,0 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
-> 0.5%
-last 2 versions
-Firefox ESR
-not dead
-not IE 9-11 # For IE 9-11 support, remove 'not'.
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v9/karma.conf.js b/lib/cli/test/fixtures/angular-cli-v9/karma.conf.js
deleted file mode 100644
index 5f70907a0c4..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/karma.conf.js
+++ /dev/null
@@ -1,32 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, './coverage/ng9'),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};
diff --git a/lib/cli/test/fixtures/angular-cli-v9/package.json b/lib/cli/test/fixtures/angular-cli-v9/package.json
deleted file mode 100644
index e23c41c81c7..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/package.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "name": "angular-cli-v9",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "build": "ng build",
-    "e2e": "ng e2e",
-    "postinstall": "ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points",
-    "lint": "ng lint",
-    "ng": "ng",
-    "start": "ng serve",
-    "test": "ng test"
-  },
-  "dependencies": {
-    "@angular/animations": "9.0.0-rc.12",
-    "@angular/common": "9.0.0-rc.12",
-    "@angular/compiler": "9.0.0-rc.12",
-    "@angular/core": "9.0.0-rc.12",
-    "@angular/forms": "9.0.0-rc.12",
-    "@angular/platform-browser": "9.0.0-rc.12",
-    "@angular/platform-browser-dynamic": "9.0.0-rc.12",
-    "@angular/router": "9.0.0-rc.12",
-    "rxjs": "~6.5.3",
-    "tslib": "^1.10.0",
-    "zone.js": "~0.10.2"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "0.900.0-rc.12",
-    "@angular/cli": "9.0.0-rc.12",
-    "@angular/compiler-cli": "9.0.0-rc.12",
-    "@angular/language-service": "9.0.0-rc.12",
-    "@types/jasmine": "~3.4.0",
-    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "^12.11.1",
-    "codelyzer": "^5.1.2",
-    "jasmine-core": "~3.5.0",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.3.0",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage-istanbul-reporter": "~2.1.0",
-    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.2",
-    "protractor": "~5.4.2",
-    "ts-node": "~8.3.0",
-    "typescript": "~3.6.4"
-  }
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/app/app-routing.module.ts b/lib/cli/test/fixtures/angular-cli-v9/src/app/app-routing.module.ts
deleted file mode 100644
index 06c734263e1..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/app/app-routing.module.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-
-const routes: Routes = [];
-
-@NgModule({
-  imports: [RouterModule.forRoot(routes)],
-  exports: [RouterModule]
-})
-export class AppRoutingModule { }
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.html b/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.html
deleted file mode 100644
index 72fd8e2a5c1..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.html
+++ /dev/null
@@ -1,531 +0,0 @@
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-<!-- * * * * * * * * * * * The content below * * * * * * * * * * * -->
-<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
-<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-<!-- * * * * * * * * * Delete the template below * * * * * * * * * * -->
-<!-- * * * * * * * to get started with your project! * * * * * * * * -->
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-
-<style>
-  :host {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-    font-size: 14px;
-    color: #333;
-    box-sizing: border-box;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin: 8px 0;
-  }
-
-  p {
-    margin: 0;
-  }
-
-  .spacer {
-    flex: 1;
-  }
-
-  .toolbar {
-    height: 60px;
-    margin: -8px;
-    display: flex;
-    align-items: center;
-    background-color: #1976d2;
-    color: white;
-    font-weight: 600;
-  }
-
-  .toolbar img {
-    margin: 0 16px;
-  }
-
-  .toolbar #twitter-logo {
-    height: 40px;
-    margin: 0 16px;
-  }
-
-  .toolbar #twitter-logo:hover {
-    opacity: 0.8;
-  }
-
-  .content {
-    display: flex;
-    margin: 32px auto;
-    padding: 0 16px;
-    max-width: 960px;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  svg.material-icons {
-    height: 24px;
-    width: auto;
-  }
-
-  svg.material-icons:not(:last-child) {
-    margin-right: 8px;
-  }
-
-  .card svg.material-icons path {
-    fill: #888;
-  }
-
-  .card-container {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    margin-top: 16px;
-  }
-
-  .card {
-    border-radius: 4px;
-    border: 1px solid #eee;
-    background-color: #fafafa;
-    height: 40px;
-    width: 200px;
-    margin: 0 8px 16px;
-    padding: 16px;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    transition: all 0.2s ease-in-out;
-    line-height: 24px;
-  }
-
-  .card-container .card:not(:last-child) {
-    margin-right: 0;
-  }
-
-  .card.card-small {
-    height: 16px;
-    width: 168px;
-  }
-
-  .card-container .card:not(.highlight-card) {
-    cursor: pointer;
-  }
-
-  .card-container .card:not(.highlight-card):hover {
-    transform: translateY(-3px);
-    box-shadow: 0 4px 17px rgba(black, 0.35);
-  }
-
-  .card-container .card:not(.highlight-card):hover .material-icons path {
-    fill: rgb(105, 103, 103);
-  }
-
-  .card.highlight-card {
-    background-color: #1976d2;
-    color: white;
-    font-weight: 600;
-    border: none;
-    width: auto;
-    min-width: 30%;
-    position: relative;
-  }
-
-  .card.card.highlight-card span {
-    margin-left: 60px;
-  }
-
-  svg#rocket {
-    width: 80px;
-    position: absolute;
-    left: -10px;
-    top: -24px;
-  }
-
-  svg#rocket-smoke {
-    height: calc(100vh - 95px);
-    position: absolute;
-    top: 10px;
-    right: 180px;
-    z-index: -10;
-  }
-
-  a,
-  a:visited,
-  a:hover {
-    color: #1976d2;
-    text-decoration: none;
-  }
-
-  a:hover {
-    color: #125699;
-  }
-
-  .terminal {
-    position: relative;
-    width: 80%;
-    max-width: 600px;
-    border-radius: 6px;
-    padding-top: 45px;
-    margin-top: 8px;
-    overflow: hidden;
-    background-color: rgb(15, 15, 16);
-  }
-
-  .terminal::before {
-    content: "\2022 \2022 \2022";
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 4px;
-    background: rgb(58, 58, 58);
-    color: #c2c3c4;
-    width: 100%;
-    font-size: 2rem;
-    line-height: 0;
-    padding: 14px 0;
-    text-indent: 4px;
-  }
-
-  .terminal pre {
-    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
-    color: white;
-    padding: 0 1rem 1rem;
-    margin: 0;
-  }
-
-  .circle-link {
-    height: 40px;
-    width: 40px;
-    border-radius: 40px;
-    margin: 8px;
-    background-color: white;
-    border: 1px solid #eeeeee;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-    transition: 1s ease-out;
-  }
-
-  .circle-link:hover {
-    transform: translateY(-0.25rem);
-    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
-  }
-
-  footer {
-    margin-top: 8px;
-    display: flex;
-    align-items: center;
-    line-height: 20px;
-  }
-
-  footer a {
-    display: flex;
-    align-items: center;
-  }
-
-  .github-star-badge {
-    color: #24292e;
-    display: flex;
-    align-items: center;
-    font-size: 12px;
-    padding: 3px 10px;
-    border: 1px solid rgba(27,31,35,.2);
-    border-radius: 3px;
-    background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%);
-    margin-left: 4px;
-    font-weight: 600;
-    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
-  }
-
-  .github-star-badge:hover {
-    background-image: linear-gradient(-180deg,#f0f3f6,#e6ebf1 90%);
-    border-color: rgba(27,31,35,.35);
-    background-position: -.5em;
-  }
-
-  .github-star-badge .material-icons {
-    height: 16px;
-    width: 16px;
-    margin-right: 4px;
-  }
-
-  svg#clouds {
-    position: fixed;
-    bottom: -160px;
-    left: -230px;
-    z-index: -10;
-    width: 1920px;
-  }
-
-
-  /* Responsive Styles */
-  @media screen and (max-width: 767px) {
-
-    .card-container > *:not(.circle-link) ,
-    .terminal {
-      width: 100%;
-    }
-
-    .card:not(.highlight-card) {
-      height: 16px;
-      margin: 8px 0;
-    }
-
-    .card.highlight-card span {
-      margin-left: 72px;
-    }
-
-    svg#rocket-smoke {
-      right: 120px;
-      transform: rotate(-5deg);
-    }
-  }
-
-  @media screen and (max-width: 575px) {
-    svg#rocket-smoke {
-      display: none;
-      visibility: hidden;
-    }
-  }
-</style>
-
-<!-- Toolbar -->
-<div class="toolbar" role="banner">
-  <img
-    width="40"
-    alt="Angular Logo"
-    src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
-  />
-  <span>Welcome</span>
-    <div class="spacer"></div>
-    <a aria-label="Angular on twitter" target="_blank" rel="noopener" href="https://twitter.com/angular" title="Twitter">
-      <svg id="twitter-logo" height="24" data-name="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
-        <rect width="400" height="400" fill="none"/>
-        <path d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23" fill="#fff"/>
-      </svg>
-    </a>
-</div>
-
-<div class="content" role="main">
-
-  <!-- Highlight Card -->
-  <div class="card highlight-card card-small">
-
-    <svg id="rocket" alt="Rocket Ship" xmlns="http://www.w3.org/2000/svg" width="101.678" height="101.678" viewBox="0 0 101.678 101.678">
-      <g id="Group_83" data-name="Group 83" transform="translate(-141 -696)">
-        <circle id="Ellipse_8" data-name="Ellipse 8" cx="50.839" cy="50.839" r="50.839" transform="translate(141 696)" fill="#dd0031"/>
-        <g id="Group_47" data-name="Group 47" transform="translate(165.185 720.185)">
-          <path id="Path_33" data-name="Path 33" d="M3.4,42.615a3.084,3.084,0,0,0,3.553,3.553,21.419,21.419,0,0,0,12.215-6.107L9.511,30.4A21.419,21.419,0,0,0,3.4,42.615Z" transform="translate(0.371 3.363)" fill="#fff"/>
-          <path id="Path_34" data-name="Path 34" d="M53.3,3.221A3.09,3.09,0,0,0,50.081,0,48.227,48.227,0,0,0,18.322,13.437c-6-1.666-14.991-1.221-18.322,7.218A33.892,33.892,0,0,1,9.439,25.1l-.333.666a3.013,3.013,0,0,0,.555,3.553L23.985,43.641a2.9,2.9,0,0,0,3.553.555l.666-.333A33.892,33.892,0,0,1,32.647,53.3c8.55-3.664,8.884-12.326,7.218-18.322A48.227,48.227,0,0,0,53.3,3.221ZM34.424,9.772a6.439,6.439,0,1,1,9.106,9.106,6.368,6.368,0,0,1-9.106,0A6.467,6.467,0,0,1,34.424,9.772Z" transform="translate(0 0.005)" fill="#fff"/>
-        </g>
-      </g>
-    </svg>
-
-    <span>{{ title }} app is running!</span>
-
-    <svg id="rocket-smoke" alt="Rocket Ship Smoke" xmlns="http://www.w3.org/2000/svg" width="516.119" height="1083.632" viewBox="0 0 516.119 1083.632">
-      <path id="Path_40" data-name="Path 40" d="M644.6,141S143.02,215.537,147.049,870.207s342.774,201.755,342.774,201.755S404.659,847.213,388.815,762.2c-27.116-145.51-11.551-384.124,271.9-609.1C671.15,139.365,644.6,141,644.6,141Z" transform="translate(-147.025 -140.939)" fill="#f5f5f5"/>
-    </svg>
-
-  </div>
-
-  <!-- Resources -->
-  <h2>Resources</h2>
-  <p>Here are some links to help you get started:</p>
-
-  <div class="card-container">
-    <a class="card" target="_blank" rel="noopener" href="https://angular.io/tutorial">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>
-
-      <span>Learn Angular</span>
-
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>    </a>
-
-    <a class="card" target="_blank" rel="noopener" href="https://angular.io/cli">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
-
-      <span>CLI Documentation</span>
-
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
-    </a>
-
-    <a class="card" target="_blank" rel="noopener" href="https://blog.angular.io/">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"/></svg>
-
-      <span>Angular Blog</span>
-
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
-    </a>
-
-  </div>
-
-  <!-- Next Steps -->
-  <h2>Next Steps</h2>
-  <p>What do you want to do next with your app?</p>
-
-  <input type="hidden" #selection>
-
-  <div class="card-container">
-    <div class="card card-small" (click)="selection.value = 'component'" tabindex="0">
-        <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-
-      <span>New Component</span>
-    </div>
-
-    <div class="card card-small" (click)="selection.value = 'material'" tabindex="0">
-        <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-
-      <span>Angular Material</span>
-    </div>
-
-    <div class="card card-small" (click)="selection.value = 'pwa'" tabindex="0">
-        <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-
-      <span>Add PWA Support</span>
-    </div>
-
-    <div class="card card-small" (click)="selection.value = 'dependency'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-
-      <span>Add Dependency</span>
-    </div>
-
-    <div class="card card-small" (click)="selection.value = 'test'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-
-      <span>Run and Watch Tests</span>
-    </div>
-
-    <div class="card card-small" (click)="selection.value = 'build'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-
-      <span>Build for Production</span>
-    </div>
-  </div>
-
-  <!-- Terminal -->
-  <div class="terminal" [ngSwitch]="selection.value">
-      <pre *ngSwitchDefault>ng generate component xyz</pre>
-      <pre *ngSwitchCase="'material'">ng add @angular/material</pre>
-      <pre *ngSwitchCase="'pwa'">ng add @angular/pwa</pre>
-      <pre *ngSwitchCase="'dependency'">ng add _____</pre>
-      <pre *ngSwitchCase="'test'">ng test</pre>
-      <pre *ngSwitchCase="'build'">ng build --prod</pre>
-  </div>
-
-  <!-- Links -->
-  <div class="card-container">
-    <a class="circle-link" title="Animations" href="https://angular.io/guide/animations" target="_blank" rel="noopener">
-      <svg id="Group_20" data-name="Group 20" xmlns="http://www.w3.org/2000/svg" width="21.813" height="23.453" viewBox="0 0 21.813 23.453">
-        <path id="Path_15" data-name="Path 15" d="M4099.584,972.736h0l-10.882,3.9,1.637,14.4,9.245,5.153,9.245-5.153,1.686-14.4Z" transform="translate(-4088.702 -972.736)" fill="#ffa726"/>
-        <path id="Path_16" data-name="Path 16" d="M4181.516,972.736v23.453l9.245-5.153,1.686-14.4Z" transform="translate(-4170.633 -972.736)" fill="#fb8c00"/>
-        <path id="Path_17" data-name="Path 17" d="M4137.529,1076.127l-7.7-3.723,4.417-2.721,7.753,3.723Z" transform="translate(-4125.003 -1058.315)" fill="#ffe0b2"/>
-        <path id="Path_18" data-name="Path 18" d="M4137.529,1051.705l-7.7-3.723,4.417-2.721,7.753,3.723Z" transform="translate(-4125.003 -1036.757)" fill="#fff3e0"/>
-        <path id="Path_19" data-name="Path 19" d="M4137.529,1027.283l-7.7-3.723,4.417-2.721,7.753,3.723Z" transform="translate(-4125.003 -1015.199)" fill="#fff"/>
-      </svg>
-    </a>
-
-    <a class="circle-link" title="CLI" href="https://cli.angular.io/" target="_blank" rel="noopener">
-      <svg alt="Angular CLI Logo" xmlns="http://www.w3.org/2000/svg" width="21.762" height="23.447" viewBox="0 0 21.762 23.447">
-        <g id="Group_21" data-name="Group 21" transform="translate(0)">
-          <path id="Path_20" data-name="Path 20" d="M2660.313,313.618h0l-10.833,3.9,1.637,14.4,9.2,5.152,9.244-5.152,1.685-14.4Z" transform="translate(-2649.48 -313.618)" fill="#37474f"/>
-          <path id="Path_21" data-name="Path 21" d="M2741.883,313.618v23.447l9.244-5.152,1.685-14.4Z" transform="translate(-2731.05 -313.618)" fill="#263238"/>
-          <path id="Path_22" data-name="Path 22" d="M2692.293,379.169h11.724V368.618h-11.724Zm11.159-.6h-10.608v-9.345h10.621v9.345Z" transform="translate(-2687.274 -362.17)" fill="#fff"/>
-          <path id="Path_23" data-name="Path 23" d="M2709.331,393.688l.4.416,2.265-2.28-2.294-2.294-.4.4,1.893,1.893Z" transform="translate(-2702.289 -380.631)" fill="#fff"/>
-          <rect id="Rectangle_12" data-name="Rectangle 12" width="3.517" height="0.469" transform="translate(9.709 13.744)" fill="#fff"/>
-        </g>
-      </svg>
-    </a>
-
-    <a class="circle-link" title="Augury" href="https://augury.rangle.io/" target="_blank" rel="noopener">
-      <svg alt="Angular Augury Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21.81" height="23.447" viewBox="0 0 21.81 23.447">
-        <defs>
-          <clipPath id="clip-path">
-            <rect id="Rectangle_13" data-name="Rectangle 13" width="10.338" height="10.27" fill="none"/>
-          </clipPath>
-        </defs>
-        <g id="Group_25" data-name="Group 25" transform="translate(0)">
-          <path id="Path_24" data-name="Path 24" d="M3780.155,311.417h0l-10.881,3.9,1.637,14.4,9.244,5.152,9.244-5.152,1.685-14.4Z" transform="translate(-3769.274 -311.417)" fill="#4a3493"/>
-          <path id="Path_25" data-name="Path 25" d="M3862.088,311.417v23.447l9.244-5.152,1.685-14.4Z" transform="translate(-3851.207 -311.417)" fill="#311b92"/>
-          <g id="Group_24" data-name="Group 24" transform="translate(6.194 6.73)" opacity="0.5">
-            <g id="Group_23" data-name="Group 23" transform="translate(0 0)">
-              <g id="Group_22" data-name="Group 22" clip-path="url(#clip-path)">
-                <path id="Path_26" data-name="Path 26" d="M3832.4,373.252a5.168,5.168,0,1,1-5.828-4.383,5.216,5.216,0,0,1,2.574.3,3.017,3.017,0,1,0,3.252,4.086Z" transform="translate(-3822.107 -368.821)" fill="#fff"/>
-              </g>
-            </g>
-          </g>
-          <path id="Path_27" data-name="Path 27" d="M3830.582,370.848a5.162,5.162,0,1,1-3.254-4.086,3.017,3.017,0,1,0,3.252,4.086Z" transform="translate(-3814.311 -359.969)" fill="#fff"/>
-        </g>
-      </svg>
-    </a>
-
-    <a class="circle-link" title="Protractor" href="https://www.protractortest.org/" target="_blank" rel="noopener">
-      <svg alt="Angular Protractor Logo" xmlns="http://www.w3.org/2000/svg" width="21.81" height="23.447" viewBox="0 0 21.81 23.447">
-        <g id="Group_26" data-name="Group 26" transform="translate(0)">
-          <path id="Path_28" data-name="Path 28" d="M4620.155,311.417h0l-10.881,3.9,1.637,14.4,9.244,5.152,9.244-5.152,1.685-14.4Z" transform="translate(-4609.274 -311.417)" fill="#e13439"/>
-          <path id="Path_29" data-name="Path 29" d="M4702.088,311.417v23.447l9.244-5.152,1.685-14.4Z" transform="translate(-4691.207 -311.417)" fill="#b52f32"/>
-          <path id="Path_30" data-name="Path 30" d="M4651.044,369.58v-.421h1.483a7.6,7.6,0,0,0-2.106-5.052l-1.123,1.123-.3-.3,1.122-1.121a7.588,7.588,0,0,0-4.946-2.055v1.482h-.421v-1.485a7.589,7.589,0,0,0-5.051,2.058l1.122,1.121-.3.3-1.123-1.123a7.591,7.591,0,0,0-2.106,5.052h1.482v.421h-1.489v1.734h15.241V369.58Zm-10.966-.263a4.835,4.835,0,0,1,9.67,0Z" transform="translate(-4634.008 -355.852)" fill="#fff"/>
-        </g>
-      </svg>
-    </a>
-
-    <a class="circle-link" title="Find a Local Meetup" href="https://www.meetup.com/find/?keywords=angular" target="_blank" rel="noopener">
-      <svg alt="Meetup Logo" xmlns="http://www.w3.org/2000/svg" width="24.607" height="23.447" viewBox="0 0 24.607 23.447">
-        <path id="logo--mSwarm" d="M21.221,14.95A4.393,4.393,0,0,1,17.6,19.281a4.452,4.452,0,0,1-.8.069c-.09,0-.125.035-.154.117a2.939,2.939,0,0,1-2.506,2.091,2.868,2.868,0,0,1-2.248-.624.168.168,0,0,0-.245-.005,3.926,3.926,0,0,1-2.589.741,4.015,4.015,0,0,1-3.7-3.347,2.7,2.7,0,0,1-.043-.38c0-.106-.042-.146-.143-.166a3.524,3.524,0,0,1-1.516-.69A3.623,3.623,0,0,1,2.23,14.557a3.66,3.66,0,0,1,1.077-3.085.138.138,0,0,0,.026-.2,3.348,3.348,0,0,1-.451-1.821,3.46,3.46,0,0,1,2.749-3.28.44.44,0,0,0,.355-.281,5.072,5.072,0,0,1,3.863-3,5.028,5.028,0,0,1,3.555.666.31.31,0,0,0,.271.03A4.5,4.5,0,0,1,18.3,4.7a4.4,4.4,0,0,1,1.334,2.751,3.658,3.658,0,0,1,.022.706.131.131,0,0,0,.1.157,2.432,2.432,0,0,1,1.574,1.645,2.464,2.464,0,0,1-.7,2.616c-.065.064-.051.1-.014.166A4.321,4.321,0,0,1,21.221,14.95ZM13.4,14.607a2.09,2.09,0,0,0,1.409,1.982,4.7,4.7,0,0,0,1.275.221,1.807,1.807,0,0,0,.9-.151.542.542,0,0,0,.321-.545.558.558,0,0,0-.359-.534,1.2,1.2,0,0,0-.254-.078c-.262-.047-.526-.086-.787-.138a.674.674,0,0,1-.617-.75,3.394,3.394,0,0,1,.218-1.109c.217-.658.509-1.286.79-1.918a15.609,15.609,0,0,0,.745-1.86,1.95,1.95,0,0,0,.06-1.073,1.286,1.286,0,0,0-1.051-1.033,1.977,1.977,0,0,0-1.521.2.339.339,0,0,1-.446-.042c-.1-.092-.2-.189-.307-.284a1.214,1.214,0,0,0-1.643-.061,7.563,7.563,0,0,1-.614.512A.588.588,0,0,1,10.883,8c-.215-.115-.437-.215-.659-.316a2.153,2.153,0,0,0-.695-.248A2.091,2.091,0,0,0,7.541,8.562a9.915,9.915,0,0,0-.405.986c-.559,1.545-1.015,3.123-1.487,4.7a1.528,1.528,0,0,0,.634,1.777,1.755,1.755,0,0,0,1.5.211,1.35,1.35,0,0,0,.824-.858c.543-1.281,1.032-2.584,1.55-3.875.142-.355.28-.712.432-1.064a.548.548,0,0,1,.851-.24.622.622,0,0,1,.185.539,2.161,2.161,0,0,1-.181.621c-.337.852-.68,1.7-1.018,2.552a2.564,2.564,0,0,0-.173.528.624.624,0,0,0,.333.71,1.073,1.073,0,0,0,.814.034,1.22,1.22,0,0,0,.657-.655q.758-1.488,1.511-2.978.35-.687.709-1.37a1.073,1.073,0,0,1,.357-.434.43.43,0,0,1,.463-.016.373.373,0,0,1,.153.387.7.7,0,0,1-.057.236c-.065.157-.127.316-.2.469-.42.883-.846,1.763-1.262,2.648A2.463,2.463,0,0,0,13.4,14.607Zm5.888,6.508a1.09,1.09,0,0,0-2.179.006,1.09,1.09,0,0,0,2.179-.006ZM1.028,12.139a1.038,1.038,0,1,0,.01-2.075,1.038,1.038,0,0,0-.01,2.075ZM13.782.528a1.027,1.027,0,1,0-.011,2.055A1.027,1.027,0,0,0,13.782.528ZM22.21,6.95a.882.882,0,0,0-1.763.011A.882.882,0,0,0,22.21,6.95ZM4.153,4.439a.785.785,0,1,0,.787-.78A.766.766,0,0,0,4.153,4.439Zm8.221,18.22a.676.676,0,1,0-.677.666A.671.671,0,0,0,12.374,22.658ZM22.872,12.2a.674.674,0,0,0-.665.665.656.656,0,0,0,.655.643.634.634,0,0,0,.655-.644A.654.654,0,0,0,22.872,12.2ZM7.171-.123A.546.546,0,0,0,6.613.43a.553.553,0,1,0,1.106,0A.539.539,0,0,0,7.171-.123ZM24.119,9.234a.507.507,0,0,0-.493.488.494.494,0,0,0,.494.494.48.48,0,0,0,.487-.483A.491.491,0,0,0,24.119,9.234Zm-19.454,9.7a.5.5,0,0,0-.488-.488.491.491,0,0,0-.487.5.483.483,0,0,0,.491.479A.49.49,0,0,0,4.665,18.936Z" transform="translate(0 0.123)" fill="#f64060"/>
-      </svg>
-    </a>
-
-    <a class="circle-link" title="Join the Conversation on Gitter" href="https://gitter.im/angular/angular" target="_blank" rel="noopener">
-      <svg alt="Gitter Logo" xmlns="http://www.w3.org/2000/svg" width="19.447" height="19.447" viewBox="0 0 19.447 19.447">
-        <g id="Group_40" data-name="Group 40" transform="translate(-1612 -405)">
-          <rect id="Rectangle_19" data-name="Rectangle 19" width="19.447" height="19.447" transform="translate(1612 405)" fill="#e60257"/>
-          <g id="gitter" transform="translate(1617.795 408.636)">
-            <g id="Group_33" data-name="Group 33" transform="translate(0 0)">
-              <rect id="Rectangle_15" data-name="Rectangle 15" width="1.04" height="9.601" transform="translate(2.304 2.324)" fill="#fff"/>
-              <rect id="Rectangle_16" data-name="Rectangle 16" width="1.04" height="9.601" transform="translate(4.607 2.324)" fill="#fff"/>
-              <rect id="Rectangle_17" data-name="Rectangle 17" width="1.04" height="4.648" transform="translate(6.91 2.324)" fill="#fff"/>
-              <rect id="Rectangle_18" data-name="Rectangle 18" width="1.04" height="6.971" transform="translate(0 0)" fill="#fff"/>
-            </g>
-          </g>
-        </g>
-      </svg>
-    </a>
-  </div>
-
-  <!-- Footer -->
-  <footer>
-      Love Angular?&nbsp;
-      <a href="https://github.com/angular/angular" target="_blank" rel="noopener"> Give our repo a star.
-        <div class="github-star-badge">
-            <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
-          Star
-        </div>
-      </a>
-      <a href="https://github.com/angular/angular" target="_blank" rel="noopener">
-        <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="#1976d2"/><path d="M0 0h24v24H0z" fill="none"/></svg>
-      </a>
-  </footer>
-
-  <svg id="clouds" alt="Gray Clouds Background" xmlns="http://www.w3.org/2000/svg" width="2611.084" height="485.677" viewBox="0 0 2611.084 485.677">
-    <path id="Path_39" data-name="Path 39" d="M2379.709,863.793c10-93-77-171-168-149-52-114-225-105-264,15-75,3-140,59-152,133-30,2.83-66.725,9.829-93.5,26.25-26.771-16.421-63.5-23.42-93.5-26.25-12-74-77-130-152-133-39-120-212-129-264-15-54.084-13.075-106.753,9.173-138.488,48.9-31.734-39.726-84.4-61.974-138.487-48.9-52-114-225-105-264,15a162.027,162.027,0,0,0-103.147,43.044c-30.633-45.365-87.1-72.091-145.206-58.044-52-114-225-105-264,15-75,3-140,59-152,133-53,5-127,23-130,83-2,42,35,72,70,86,49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33,61.112,8.015,113.854-5.72,150.492-29.764a165.62,165.62,0,0,0,110.861-3.236c47,94,178,113,251,33,31.385,4.116,60.563,2.495,86.487-3.311,25.924,5.806,55.1,7.427,86.488,3.311,73,80,204,61,251-33a165.625,165.625,0,0,0,120,0c51,13,108,15,157-5a147.188,147.188,0,0,0,33.5-18.694,147.217,147.217,0,0,0,33.5,18.694c49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33C2446.709,1093.793,2554.709,922.793,2379.709,863.793Z" transform="translate(142.69 -634.312)" fill="#eee"/>
-  </svg>
-
-</div>
-
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-<!-- * * * * * * * * * * * The content above * * * * * * * * * * * -->
-<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
-<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-<!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
-<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-
-
-
-<router-outlet></router-outlet>
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.spec.ts b/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.spec.ts
deleted file mode 100644
index a75606b8cd3..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.spec.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { TestBed, async } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule
-      ],
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'ng9'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('ng9');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement;
-    expect(compiled.querySelector('.content span').textContent).toContain('ng9 app is running!');
-  });
-});
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.ts b/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.ts
deleted file mode 100644
index 737f54a5787..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/app/app.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css'],
-})
-export class AppComponent {
-  title = 'angular-cli-v9';
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/app/app.module.ts b/lib/cli/test/fixtures/angular-cli-v9/src/app/app.module.ts
deleted file mode 100644
index 2c3ba2995c8..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/app/app.module.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    BrowserModule,
-    AppRoutingModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/assets/.gitkeep b/lib/cli/test/fixtures/angular-cli-v9/src/assets/.gitkeep
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/environments/environment.prod.ts b/lib/cli/test/fixtures/angular-cli-v9/src/environments/environment.prod.ts
deleted file mode 100644
index 3612073bc31..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/environments/environment.prod.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/environments/environment.ts b/lib/cli/test/fixtures/angular-cli-v9/src/environments/environment.ts
deleted file mode 100644
index 7b4f817adb7..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/environments/environment.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/favicon.ico b/lib/cli/test/fixtures/angular-cli-v9/src/favicon.ico
deleted file mode 100644
index 997406ad22c..00000000000
Binary files a/lib/cli/test/fixtures/angular-cli-v9/src/favicon.ico and /dev/null differ
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/index.html b/lib/cli/test/fixtures/angular-cli-v9/src/index.html
deleted file mode 100644
index 7f3a41e6402..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Ng9</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-<body>
-  <app-root></app-root>
-</body>
-</html>
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/main.ts b/lib/cli/test/fixtures/angular-cli-v9/src/main.ts
deleted file mode 100644
index c7b673cf44b..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/main.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/polyfills.ts b/lib/cli/test/fixtures/angular-cli-v9/src/polyfills.ts
deleted file mode 100644
index aa665d6b874..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/polyfills.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags.ts';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
-
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/styles.css b/lib/cli/test/fixtures/angular-cli-v9/src/styles.css
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/lib/cli/test/fixtures/angular-cli-v9/src/test.ts b/lib/cli/test/fixtures/angular-cli-v9/src/test.ts
deleted file mode 100644
index 16317897b1c..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/src/test.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/dist/zone-testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: any;
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
-);
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);
diff --git a/lib/cli/test/fixtures/angular-cli-v9/tsconfig.app.json b/lib/cli/test/fixtures/angular-cli-v9/tsconfig.app.json
deleted file mode 100644
index f758d9820d5..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/tsconfig.app.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v9/tsconfig.json b/lib/cli/test/fixtures/angular-cli-v9/tsconfig.json
deleted file mode 100644
index 30956ae7ea2..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/tsconfig.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
-    "sourceMap": true,
-    "declaration": false,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "es2015",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2018",
-      "dom"
-    ]
-  },
-  "angularCompilerOptions": {
-    "fullTemplateTypeCheck": true,
-    "strictInjectionParameters": true
-  }
-}
diff --git a/lib/cli/test/fixtures/angular-cli-v9/tsconfig.spec.json b/lib/cli/test/fixtures/angular-cli-v9/tsconfig.spec.json
deleted file mode 100644
index 6400fde7d54..00000000000
--- a/lib/cli/test/fixtures/angular-cli-v9/tsconfig.spec.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}
diff --git a/lib/cli/test/fixtures/react_project/package.json b/lib/cli/test/fixtures/react_project/package.json
index d130997b7c3..4d000e5005d 100644
--- a/lib/cli/test/fixtures/react_project/package.json
+++ b/lib/cli/test/fixtures/react_project/package.json
@@ -12,9 +12,5 @@
     "@babel/preset-react": "7.0.0",
     "react": "^16.8.3",
     "react-dom": "^16.8.3"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
   }
 }
diff --git a/lib/cli/test/fixtures/react_scripts/.gitignore b/lib/cli/test/fixtures/react_scripts/.gitignore
deleted file mode 100644
index d30f40ef442..00000000000
--- a/lib/cli/test/fixtures/react_scripts/.gitignore
+++ /dev/null
@@ -1,21 +0,0 @@
-# See https://help.github.com/ignore-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
diff --git a/lib/cli/test/fixtures/react_scripts/README.md b/lib/cli/test/fixtures/react_scripts/README.md
deleted file mode 100644
index 17abff87570..00000000000
--- a/lib/cli/test/fixtures/react_scripts/README.md
+++ /dev/null
@@ -1,2148 +0,0 @@
-This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).
-
-Below you will find some information on how to perform common tasks.<br>
-You can find the most recent version of this guide [here](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md).
-
-## Table of Contents
-
--   [Updating to New Releases](#updating-to-new-releases)
--   [Sending Feedback](#sending-feedback)
--   [Folder Structure](#folder-structure)
--   [Available Scripts](#available-scripts)
-    -   [npm start](#npm-start)
-    -   [npm test](#npm-test)
-    -   [npm run build](#npm-run-build)
-    -   [npm run eject](#npm-run-eject)
--   [Supported Language Features and Polyfills](#supported-language-features-and-polyfills)
--   [Syntax Highlighting in the Editor](#syntax-highlighting-in-the-editor)
--   [Displaying Lint Output in the Editor](#displaying-lint-output-in-the-editor)
--   [Debugging in the Editor](#debugging-in-the-editor)
-    -   [Visual Studio Code](#visual-studio-code)
-    -   [WebStorm](#webstorm)
--   [Formatting Code Automatically](#formatting-code-automatically)
--   [Changing the Page &lt;title>](#changing-the-page-title)
--   [Installing a Dependency](#installing-a-dependency)
--   [Importing a Component](#importing-a-component)
-    -   [Button.js](#buttonjs)
-    -   [DangerButton.js](#dangerbuttonjs)
--   [Code Splitting](#code-splitting)
-    -   [moduleA.js](#moduleajs)
-    -   [App.js](#appjs)
-    -   [With React Router](#with-react-router)
--   [Adding a Stylesheet](#adding-a-stylesheet)
-    -   [Button.css](#buttoncss)
-    -   [Button.js](#buttonjs-1)
--   [Post-Processing CSS](#post-processing-css)
--   [Adding a CSS Preprocessor (Sass, Less etc.)](#adding-a-css-preprocessor-sass-less-etc)
--   [Adding Images, Fonts, and Files](#adding-images-fonts-and-files)
--   [Using the public Folder](#using-the-public-folder)
-    -   [Changing the HTML](#changing-the-html)
-    -   [Adding Assets Outside of the Module System](#adding-assets-outside-of-the-module-system)
-    -   [When to Use the public Folder](#when-to-use-the-public-folder)
--   [Using Global Variables](#using-global-variables)
--   [Adding Bootstrap](#adding-bootstrap)
-    -   [Using a Custom Theme](#using-a-custom-theme)
--   [Adding Flow](#adding-flow)
--   [Adding Custom Environment Variables](#adding-custom-environment-variables)
-    -   [Referencing Environment Variables in the HTML](#referencing-environment-variables-in-the-html)
-    -   [Adding Temporary Environment Variables In Your Shell](#adding-temporary-environment-variables-in-your-shell)
-    -   [Adding Development Environment Variables In .env](#adding-development-environment-variables-in-env)
--   [Can I Use Decorators?](#can-i-use-decorators)
--   [Integrating with an API Backend](#integrating-with-an-api-backend)
-    -   [Node](#node)
-    -   [Ruby on Rails](#ruby-on-rails)
--   [Proxying API Requests in Development](#proxying-api-requests-in-development)
-    -   ["Invalid Host Header" Errors After Configuring Proxy](#invalid-host-header-errors-after-configuring-proxy)
-    -   [Configuring the Proxy Manually](#configuring-the-proxy-manually)
-    -   [Configuring a WebSocket Proxy](#configuring-a-websocket-proxy)
--   [Using HTTPS in Development](#using-https-in-development)
--   [Generating Dynamic &lt;meta> Tags on the Server](#generating-dynamic-meta-tags-on-the-server)
--   [Pre-Rendering into Static HTML Files](#pre-rendering-into-static-html-files)
--   [Injecting Data from the Server into the Page](#injecting-data-from-the-server-into-the-page)
--   [Running Tests](#running-tests)
-    -   [Filename Conventions](#filename-conventions)
-    -   [Command Line Interface](#command-line-interface)
-    -   [Version Control Integration](#version-control-integration)
-    -   [Writing Tests](#writing-tests)
-    -   [Testing Components](#testing-components)
-    -   [Using Third Party Assertion Libraries](#using-third-party-assertion-libraries)
-    -   [Initializing Test Environment](#initializing-test-environment)
-    -   [Focusing and Excluding Tests](#focusing-and-excluding-tests)
-    -   [Coverage Reporting](#coverage-reporting)
-    -   [Continuous Integration](#continuous-integration)
-    -   [On CI servers](#on-ci-servers)
-    -   [On your own environment](#on-your-own-environment)
-    -   [Disabling jsdom](#disabling-jsdom)
-    -   [Snapshot Testing](#snapshot-testing)
-    -   [Editor Integration](#editor-integration)
--   [Developing Components in Isolation](#developing-components-in-isolation)
-    -   [Getting Started with Storybook](#getting-started-with-storybook)
-    -   [Getting Started with Styleguidist](#getting-started-with-styleguidist)
--   [Making a Progressive Web App](#making-a-progressive-web-app)
-    -   [Opting Out of Caching](#opting-out-of-caching)
-    -   [Offline-First Considerations](#offline-first-considerations)
-    -   [Progressive Web App Metadata](#progressive-web-app-metadata)
--   [Analyzing the Bundle Size](#analyzing-the-bundle-size)
--   [Deployment](#deployment)
-    -   [Static Server](#static-server)
-    -   [Other Solutions](#other-solutions)
-    -   [Serving Apps with Client-Side Routing](#serving-apps-with-client-side-routing)
-    -   [Building for Relative Paths](#building-for-relative-paths)
-    -   [Azure](#azure)
-    -   [Firebase](#firebase)
-    -   [GitHub Pages](#github-pages)
-    -   [Heroku](#heroku)
-    -   [Netlify](#netlify)
-    -   [Now](#now)
-    -   [S3 and CloudFront](#s3-and-cloudfront)
-    -   [Surge](#surge)
--   [Advanced Configuration](#advanced-configuration)
--   [Troubleshooting](#troubleshooting)
-    -   [npm start doesn’t detect changes](#npm-start-doesnt-detect-changes)
-    -   [npm test hangs on macOS Sierra](#npm-test-hangs-on-macos-sierra)
-    -   [npm run build exits too early](#npm-run-build-exits-too-early)
-    -   [npm run build fails on Heroku](#npm-run-build-fails-on-heroku)
-    -   [Moment.js locales are missing](#momentjs-locales-are-missing)
-    -   [npm run build fails to minify](#npm-run-build-fails-to-minify)
--   [Something Missing?](#something-missing)
-
-## Updating to New Releases
-
-Create React App is divided into two packages:
-
--   `create-react-app` is a global command-line utility that you use to create new projects.
--   `react-scripts` is a development dependency in the generated projects (including this one).
-
-You almost never need to update `create-react-app` itself: it delegates all the setup to `react-scripts`.
-
-When you run `create-react-app`, it always creates the project with the latest version of `react-scripts` so you’ll get all the new features and improvements in newly created apps automatically.
-
-To update an existing project to a new version of `react-scripts`, [open the changelog](https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md), find the version you’re currently on (check `package.json` in this folder if you’re not sure), and apply the migration instructions for the newer versions.
-
-In most cases bumping the `react-scripts` version in `package.json` and running `npm install` in this folder should be enough, but it’s good to consult the [changelog](https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md) for potential breaking changes.
-
-We commit to keeping the breaking changes minimal so you can upgrade `react-scripts` painlessly.
-
-## Sending Feedback
-
-We are always open to [your feedback](https://github.com/facebookincubator/create-react-app/issues).
-
-## Folder Structure
-
-After creation, your project should look like this:
-
-    my-app/
-      README.md
-      node_modules/
-      package.json
-      public/
-        index.html
-        favicon.ico
-      src/
-        App.css
-        App.js
-        App.test.js
-        index.css
-        index.js
-        logo.svg
-
-For the project to build, **these files must exist with exact filenames**:
-
--   `public/index.html` is the page template;
--   `src/index.js` is the JavaScript entry point.
-
-You can delete or rename the other files.
-
-You may create subdirectories inside `src`. For faster rebuilds, only files inside `src` are processed by Webpack.<br>
-You need to **put any JS and CSS files inside `src`**, otherwise Webpack won’t see them.
-
-Only files inside `public` can be used from `public/index.html`.<br>
-Read instructions below for using assets from JavaScript and HTML.
-
-You can, however, create more top-level directories.<br>
-They will not be included in the production build so you can use them for things like documentation.
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.<br>
-Open <http://localhost:3000> to view it in the browser.
-
-The page will reload if you make edits.<br>
-You will also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.<br>
-See the section about [running tests](#running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.<br>
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br>
-Your app is ready to be deployed!
-
-See the section about [deployment](#deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Supported Language Features and Polyfills
-
-This project supports a superset of the latest JavaScript standard.<br>
-In addition to [ES6](https://github.com/lukehoban/es6features) syntax features, it also supports:
-
--   [Exponentiation Operator](https://github.com/rwaldron/exponentiation-operator) (ES2016).
--   [Async/await](https://github.com/tc39/ecmascript-asyncawait) (ES2017).
--   [Object Rest/Spread Properties](https://github.com/sebmarkbage/ecmascript-rest-spread) (stage 3 proposal).
--   [Dynamic import()](https://github.com/tc39/proposal-dynamic-import) (stage 3 proposal)
--   [Class Fields and Static Properties](https://github.com/tc39/proposal-class-public-fields) (stage 2 proposal).
--   [JSX](https://facebook.github.io/react/docs/introducing-jsx.html) and [Flow](https://flowtype.org/) syntax.
-
-Learn more about [different proposal stages](https://babeljs.io/docs/plugins/#presets-stage-x-experimental-presets-).
-
-While we recommend to use experimental proposals with some caution, Facebook heavily uses these features in the product code, so we intend to provide [codemods](https://medium.com/@cpojer/effective-javascript-codemods-5a6686bb46fb) if any of these proposals change in the future.
-
-Note that **the project only includes a few ES6 [polyfills](https://en.wikipedia.org/wiki/Polyfill)**:
-
--   [`Object.assign()`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign) via [`object-assign`](https://github.com/sindresorhus/object-assign).
--   [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) via [`promise`](https://github.com/then/promise).
--   [`fetch()`](https://developer.mozilla.org/en/docs/Web/API/Fetch_API) via [`whatwg-fetch`](https://github.com/github/fetch).
-
-If you use any other ES6+ features that need **runtime support** (such as `Array.from()` or `Symbol`), make sure you are including the appropriate polyfills manually, or that the browsers you are targeting already support them.
-
-## Syntax Highlighting in the Editor
-
-To configure the syntax highlighting in your favorite text editor, head to the [relevant Babel documentation page](https://babeljs.io/docs/editors) and follow the instructions. Some of the most popular editors are covered.
-
-## Displaying Lint Output in the Editor
-
-> Note: this feature is available with `react-scripts@0.2.0` and higher.<br>
-> It also only works with npm 3 or higher.
-
-Some editors, including Sublime Text, Atom, and Visual Studio Code, provide plugins for ESLint.
-
-They are not required for linting. You should see the linter output right in your terminal as well as the browser console. However, if you prefer the lint results to appear right in your editor, there are some extra steps you can do.
-
-You would need to install an ESLint plugin for your editor first. Then, add a file called `.eslintrc` to the project root:
-
-```js
-{
-  "extends": "react-app"
-}
-```
-
-Now your editor should report the linting warnings.
-
-Note that even if you edit your `.eslintrc` file further, these changes will **only affect the editor integration**. They won’t affect the terminal and in-browser lint output. This is because Create React App intentionally provides a minimal set of rules that find common mistakes.
-
-If you want to enforce a coding style for your project, consider using [Prettier](https://github.com/jlongster/prettier) instead of ESLint style rules.
-
-## Debugging in the Editor
-
-**This feature is currently only supported by [Visual Studio Code](https://code.visualstudio.com) and [WebStorm](https://www.jetbrains.com/webstorm/).**
-
-Visual Studio Code and WebStorm support debugging out of the box with Create React App. This enables you as a developer to write and debug your React code without leaving the editor, and most importantly it enables you to have a continuous development workflow, where context switching is minimal, as you don’t have to switch between tools.
-
-### Visual Studio Code
-
-You would need to have the latest version of [VS Code](https://code.visualstudio.com) and VS Code [Chrome Debugger Extension](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) installed.
-
-Then add the block below to your `launch.json` file and put it inside the `.vscode` folder in your app’s root directory.
-
-```json
-{
-  "version": "0.2.0",
-  "configurations": [{
-    "name": "Chrome",
-    "type": "chrome",
-    "request": "launch",
-    "url": "http://localhost:3000",
-    "webRoot": "${workspaceRoot}/src",
-    "userDataDir": "${workspaceRoot}/.vscode/chrome",
-    "sourceMapPathOverrides": {
-      "webpack:///src/*": "${webRoot}/*"
-    }
-  }]
-}
-```
-
-> Note: the URL may be different if you've made adjustments via the [HOST or PORT environment variables](#advanced-configuration).
-
-Start your app by running `npm start`, and start debugging in VS Code by pressing `F5` or by clicking the green debug icon. You can now write code, set breakpoints, make changes to the code, and debug your newly modified code—all from your editor.
-
-### WebStorm
-
-You would need to have [WebStorm](https://www.jetbrains.com/webstorm/) and [JetBrains IDE Support](https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji) Chrome extension installed.
-
-In the WebStorm menu `Run` select `Edit Configurations...`. Then click `+` and select `JavaScript Debug`. Paste `http://localhost:3000` into the URL field and save the configuration.
-
-> Note: the URL may be different if you've made adjustments via the [HOST or PORT environment variables](#advanced-configuration).
-
-Start your app by running `npm start`, then press `^D` on macOS or `F9` on Windows and Linux or click the green debug icon to start debugging in WebStorm.
-
-The same way you can debug your application in IntelliJ IDEA Ultimate, PhpStorm, PyCharm Pro, and RubyMine. 
-
-## Formatting Code Automatically
-
-Prettier is an opinionated code formatter with support for JavaScript, CSS and JSON. With Prettier you can format the code you write automatically to ensure a code style within your project. See the [Prettier's GitHub page](https://github.com/prettier/prettier) for more information, and look at this [page to see it in action](https://prettier.github.io/prettier/).
-
-To format our code whenever we make a commit in git, we need to install the following dependencies:
-
-```sh
-npm install --save husky lint-staged prettier
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add husky lint-staged prettier
-```
-
--   `husky` enables you to use githooks as if they are npm scripts.
--   `lint-staged` allows us to run scripts on staged files in git. See this [blog post about lint-staged to learn more about it](https://medium.com/@okonetchnikov/make-linting-great-again-f3890e1ad6b8).
--   `prettier` is the JavaScript formatter we will run before commits.
-
-Now we can make sure every file is formatted correctly by adding a few lines to the `package.json` in the project root.
-
-Add the following line to `scripts` section:
-
-```diff
-  "scripts": {
-+   "precommit": "lint-staged",
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-```
-
-Next we add a 'lint-staged' field to the `package.json`, for example:
-
-```diff
-  "dependencies": {
-    // ...
-  },
-+ "lint-staged": {
-+   "src/**/*.{js,jsx,json,css}": [ "prettier --single-quote --write" ]
-+ },
-  "scripts": {
-```
-
-Now, whenever you make a commit, Prettier will format the changed files automatically. You can also run `./node_modules/.bin/prettier --single-quote --write "src/**/*.{js,jsx}"` to format your entire project for the first time.
-
-Next you might want to integrate Prettier in your favorite editor. Read the section on [Editor Integration](https://github.com/prettier/prettier#editor-integration) on the Prettier GitHub page.
-
-## Changing the Page `<title>`
-
-You can find the source HTML file in the `public` folder of the generated project. You may edit the `<title>` tag in it to change the title from “React App” to anything else.
-
-Note that normally you wouldn’t edit files in the `public` folder very often. For example, [adding a stylesheet](#adding-a-stylesheet) is done without touching the HTML.
-
-If you need to dynamically update the page title based on the content, you can use the browser [`document.title`](https://developer.mozilla.org/en-US/docs/Web/API/Document/title) API. For more complex scenarios when you want to change the title from React components, you can use [React Helmet](https://github.com/nfl/react-helmet), a third party library.
-
-If you use a custom server for your app in production and want to modify the title before it gets sent to the browser, you can follow advice in [this section](#generating-dynamic-meta-tags-on-the-server). Alternatively, you can pre-build each page as a static HTML file which then loads the JavaScript bundle, which is covered [here](#pre-rendering-into-static-html-files).
-
-## Installing a Dependency
-
-The generated project includes React and ReactDOM as dependencies. It also includes a set of scripts used by Create React App as a development dependency. You may install other dependencies (for example, React Router) with `npm`:
-
-```sh
-npm install --save react-router
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add react-router
-```
-
-This works for any library, not only `react-router`.
-
-## Importing a Component
-
-This project setup supports ES6 modules thanks to Babel.<br>
-While you can still use `require()` and `module.exports`, we encourage you to use [`import` and `export`](http://exploringjs.com/es6/ch_modules.html) instead.
-
-For example:
-
-### `Button.js`
-
-```js
-import React, { Component } from 'react';
-
-class Button extends Component {
-  render() {
-    // ...
-  }
-}
-
-export default Button; // Don’t forget to use export default!
-```
-
-### `DangerButton.js`
-
-```js
-import React, { Component } from 'react';
-import Button from './Button'; // Import a component from another file
-
-class DangerButton extends Component {
-  render() {
-    return <Button color="red" />;
-  }
-}
-
-export default DangerButton;
-```
-
-Be aware of the [difference between default and named exports](http://stackoverflow.com/questions/36795819/react-native-es-6-when-should-i-use-curly-braces-for-import/36796281#36796281). It is a common source of mistakes.
-
-We suggest that you stick to using default imports and exports when a module only exports a single thing (for example, a component). That’s what you get when you use `export default Button` and `import Button from './Button'`.
-
-Named exports are useful for utility modules that export several functions. A module may have at most one default export and as many named exports as you like.
-
-Learn more about ES6 modules:
-
--   [When to use the curly braces?](http://stackoverflow.com/questions/36795819/react-native-es-6-when-should-i-use-curly-braces-for-import/36796281#36796281)
--   [Exploring ES6: Modules](http://exploringjs.com/es6/ch_modules.html)
--   [Understanding ES6: Modules](https://leanpub.com/understandinges6/read#leanpub-auto-encapsulating-code-with-modules)
-
-## Code Splitting
-
-Instead of downloading the entire app before users can use it, code splitting allows you to split your code into small chunks which you can then load on demand.
-
-This project setup supports code splitting via [dynamic `import()`](http://2ality.com/2017/01/import-operator.html#loading-code-on-demand). Its [proposal](https://github.com/tc39/proposal-dynamic-import) is in stage 3. The `import()` function-like form takes the module name as an argument and returns a [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) which always resolves to the namespace object of the module.
-
-Here is an example:
-
-### `moduleA.js`
-
-```js
-const moduleA = 'Hello';
-
-export { moduleA };
-```
-
-### `App.js`
-
-```js
-import React, { Component } from 'react';
-
-class App extends Component {
-  handleClick = () => {
-    import('./moduleA')
-      .then(({ moduleA }) => {
-        // Use moduleA
-      })
-      .catch(err => {
-        // Handle failure
-      });
-  };
-
-  render() {
-    return (
-      <div>
-        <button onClick={this.handleClick}>Load</button>
-      </div>
-    );
-  }
-}
-
-export default App;
-```
-
-This will make `moduleA.js` and all its unique dependencies as a separate chunk that only loads after the user clicks the 'Load' button.
-
-You can also use it with `async` / `await` syntax if you prefer it.
-
-### With React Router
-
-If you are using React Router check out [this tutorial](http://serverless-stack.com/chapters/code-splitting-in-create-react-app.html) on how to use code splitting with it. You can find the companion GitHub repository [here](https://github.com/AnomalyInnovations/serverless-stack-demo-client/tree/code-splitting-in-create-react-app).
-
-## Adding a Stylesheet
-
-This project setup uses [Webpack](https://webpack.js.org/) for handling all assets. Webpack offers a custom way of “extending” the concept of `import` beyond JavaScript. To express that a JavaScript file depends on a CSS file, you need to **import the CSS from the JavaScript file**:
-
-### `Button.css`
-
-```css
-.Button {
-  padding: 20px;
-}
-```
-
-### `Button.js`
-
-```js
-import React, { Component } from 'react';
-import './Button.css'; // Tell Webpack that Button.js uses these styles
-
-class Button extends Component {
-  render() {
-    // You can use them as regular CSS styles
-    return <div className="Button" />;
-  }
-}
-```
-
-**This is not required for React** but many people find this feature convenient. You can read about the benefits of this approach [here](https://medium.com/seek-ui-engineering/block-element-modifying-your-javascript-components-d7f99fcab52b). However you should be aware that this makes your code less portable to other build tools and environments than Webpack.
-
-In development, expressing dependencies this way allows your styles to be reloaded on the fly as you edit them. In production, all CSS files will be concatenated into a single minified `.css` file in the build output.
-
-If you are concerned about using Webpack-specific semantics, you can put all your CSS right into `src/index.css`. It would still be imported from `src/index.js`, but you could always remove that import if you later migrate to a different build tool.
-
-## Post-Processing CSS
-
-This project setup minifies your CSS and adds vendor prefixes to it automatically through [Autoprefixer](https://github.com/postcss/autoprefixer) so you don’t need to worry about it.
-
-For example, this:
-
-```css
-.App {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-```
-
-becomes this:
-
-```css
-.App {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-```
-
-If you need to disable autoprefixing for some reason, [follow this section](https://github.com/postcss/autoprefixer#disabling).
-
-## Adding a CSS Preprocessor (Sass, Less etc.)
-
-Generally, we recommend that you don’t reuse the same CSS classes across different components. For example, instead of using a `.Button` CSS class in `<AcceptButton>` and `<RejectButton>` components, we recommend creating a `<Button>` component with its own `.Button` styles, that both `<AcceptButton>` and `<RejectButton>` can render (but [not inherit](https://facebook.github.io/react/docs/composition-vs-inheritance.html)).
-
-Following this rule often makes CSS preprocessors less useful, as features like mixins and nesting are replaced by component composition. You can, however, integrate a CSS preprocessor if you find it valuable. In this walkthrough, we will be using Sass, but you can also use Less, or another alternative.
-
-First, let’s install the command-line interface for Sass:
-
-```sh
-npm install --save node-sass-chokidar
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add node-sass-chokidar
-```
-
-Then in `package.json`, add the following lines to `scripts`:
-
-```diff
-   "scripts": {
-+    "build-css": "node-sass-chokidar src/ -o src/",
-+    "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
-     "start": "react-scripts start",
-     "build": "react-scripts build",
-     "test": "react-scripts test --env=jsdom",
-```
-
-> Note: To use a different preprocessor, replace `build-css` and `watch-css` commands according to your preprocessor’s documentation.
-
-Now you can rename `src/App.css` to `src/App.scss` and run `npm run watch-css`. The watcher will find every Sass file in `src` subdirectories, and create a corresponding CSS file next to it, in our case overwriting `src/App.css`. Since `src/App.js` still imports `src/App.css`, the styles become a part of your application. You can now edit `src/App.scss`, and `src/App.css` will be regenerated.
-
-To share variables between Sass files, you can use Sass imports. For example, `src/App.scss` and other component style files could include `@import "./shared.scss";` with variable definitions.
-
-To enable importing files without using relative paths, you can add the  `--include-path` option to the command in `package.json`.
-
-    "build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/",
-    "watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive",
-
-This will allow you to do imports like
-
-```scss
-@import 'styles/_colors.scss'; // assuming a styles directory under src/
-@import 'nprogress/nprogress'; // importing a css file from the nprogress node module
-```
-
-At this point you might want to remove all CSS files from the source control, and add `src/**/*.css` to your `.gitignore` file. It is generally a good practice to keep the build products outside of the source control.
-
-As a final step, you may find it convenient to run `watch-css` automatically with `npm start`, and run `build-css` as a part of `npm run build`. You can use the `&&` operator to execute two scripts sequentially. However, there is no cross-platform way to run two scripts in parallel, so we will install a package for this:
-
-```sh
-npm install --save npm-run-all
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add npm-run-all
-```
-
-Then we can change `start` and `build` scripts to include the CSS preprocessor commands:
-
-```diff
-   "scripts": {
-     "build-css": "node-sass-chokidar src/ -o src/",
-     "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
--    "start": "react-scripts start",
--    "build": "react-scripts build",
-+    "start-js": "react-scripts start",
-+    "start": "npm-run-all -p watch-css start-js",
-+    "build": "npm run build-css && react-scripts build",
-     "test": "react-scripts test --env=jsdom",
-     "eject": "react-scripts eject"
-   }
-```
-
-Now running `npm start` and `npm run build` also builds Sass files.
-
-**Why `node-sass-chokidar`?**
-
-`node-sass` has been reported as having the following issues:
-
--   `node-sass --watch` has been reported to have _performance issues_ in certain conditions when used in a virtual machine or with docker.
-
--   Infinite styles compiling [#1939](https://github.com/facebookincubator/create-react-app/issues/1939)
-
--   `node-sass` has been reported as having issues with detecting new files in a directory [#1891](https://github.com/sass/node-sass/issues/1891)
-
-    `node-sass-chokidar` is used here as it addresses these issues.
-
-## Adding Images, Fonts, and Files
-
-With Webpack, using static assets like images and fonts works similarly to CSS.
-
-You can **`import` a file right in a JavaScript module**. This tells Webpack to include that file in the bundle. Unlike CSS imports, importing a file gives you a string value. This value is the final path you can reference in your code, e.g. as the `src` attribute of an image or the `href` of a link to a PDF.
-
-To reduce the number of requests to the server, importing images that are less than 10,000 bytes returns a [data URI](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs) instead of a path. This applies to the following file extensions: bmp, gif, jpg, jpeg, and png. SVG files are excluded due to [#1153](https://github.com/facebookincubator/create-react-app/issues/1153).
-
-Here is an example:
-
-```js
-import React from 'react';
-import logo from './logo.png'; // Tell Webpack this JS file uses this image
-
-console.log(logo); // /logo.84287d09.png
-
-function Header() {
-  // Import result is the URL of your image
-  return <img src={logo} alt="Logo" />;
-}
-
-export default Header;
-```
-
-This ensures that when the project is built, Webpack will correctly move the images into the build folder, and provide us with correct paths.
-
-This works in CSS too:
-
-```css
-.Logo {
-  background-image: url(./logo.png);
-}
-```
-
-Webpack finds all relative module references in CSS (they start with `./`) and replaces them with the final paths from the compiled bundle. If you make a typo or accidentally delete an important file, you will see a compilation error, just like when you import a non-existent JavaScript module. The final filenames in the compiled bundle are generated by Webpack from content hashes. If the file content changes in the future, Webpack will give it a different name in production so you don’t need to worry about long-term caching of assets.
-
-Please be advised that this is also a custom feature of Webpack.
-
-**It is not required for React** but many people enjoy it (and React Native uses a similar mechanism for images).<br>
-An alternative way of handling static assets is described in the next section.
-
-## Using the `public` Folder
-
-> Note: this feature is available with `react-scripts@0.5.0` and higher.
-
-### Changing the HTML
-
-The `public` folder contains the HTML file so you can tweak it, for example, to [set the page title](#changing-the-page-title).
-The `<script>` tag with the compiled code will be added to it automatically during the build process.
-
-### Adding Assets Outside of the Module System
-
-You can also add other assets to the `public` folder.
-
-Note that we normally encourage you to `import` assets in JavaScript files instead.
-For example, see the sections on [adding a stylesheet](#adding-a-stylesheet) and [adding images and fonts](#adding-images-fonts-and-files).
-This mechanism provides a number of benefits:
-
--   Scripts and stylesheets get minified and bundled together to avoid extra network requests.
--   Missing files cause compilation errors instead of 404 errors for your users.
--   Result filenames include content hashes so you don’t need to worry about browsers caching their old versions.
-
-However there is an **escape hatch** that you can use to add an asset outside of the module system.
-
-If you put a file into the `public` folder, it will **not** be processed by Webpack. Instead it will be copied into the build folder untouched.   To reference assets in the `public` folder, you need to use a special variable called `PUBLIC_URL`.
-
-Inside `index.html`, you can use it like this:
-
-```html
-<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-```
-
-Only files inside the `public` folder will be accessible by `%PUBLIC_URL%` prefix. If you need to use a file from `src` or `node_modules`, you’ll have to copy it there to explicitly specify your intention to make this file a part of the build.
-
-When you run `npm run build`, Create React App will substitute `%PUBLIC_URL%` with a correct absolute path so your project works even if you use client-side routing or host it at a non-root URL.
-
-In JavaScript code, you can use `process.env.PUBLIC_URL` for similar purposes:
-
-```js
-render() {
-  // Note: this is an escape hatch and should be used sparingly!
-  // Normally we recommend using `import` for getting asset URLs
-  // as described in “Adding Images and Fonts” above this section.
-  return <img src={process.env.PUBLIC_URL + '/img/logo.png'} />;
-}
-```
-
-Keep in mind the downsides of this approach:
-
--   None of the files in `public` folder get post-processed or minified.
--   Missing files will not be called at compilation time, and will cause 404 errors for your users.
--   Result filenames won’t include content hashes so you’ll need to add query arguments or rename them every time they change.
-
-### When to Use the `public` Folder
-
-Normally we recommend importing [stylesheets](#adding-a-stylesheet), [images, and fonts](#adding-images-fonts-and-files) from JavaScript.
-The `public` folder is useful as a workaround for a number of less common cases:
-
--   You need a file with a specific name in the build output, such as [`manifest.webmanifest`](https://developer.mozilla.org/en-US/docs/Web/Manifest).
--   You have thousands of images and need to dynamically reference their paths.
--   You want to include a small script like [`pace.js`](http://github.hubspot.com/pace/docs/welcome/) outside of the bundled code.
--   Some library may be incompatible with Webpack and you have no other option but to include it as a `<script>` tag.
-
-Note that if you add a `<script>` that declares global variables, you also need to read the next section on using them.
-
-## Using Global Variables
-
-When you include a script in the HTML file that defines global variables and try to use one of these variables in the code, the linter will complain because it cannot see the definition of the variable.
-
-You can avoid this by reading the global variable explicitly from the `window` object, for example:
-
-```js
-const $ = window.$;
-```
-
-This makes it more clear that you are using a global variable intentionally rather than because of a typo.
-
-Alternatively, you can force the linter to ignore any line by adding `// eslint-disable-line` after it.
-
-## Adding Bootstrap
-
-You don’t have to use [React Bootstrap](https://react-bootstrap.github.io) together with React but it is a popular library for integrating Bootstrap with React apps. If you need it, you can integrate it with Create React App by following these steps:
-
-Install React Bootstrap and Bootstrap from npm. React Bootstrap does not include Bootstrap CSS so this needs to be installed as well:
-
-```sh
-npm install --save react-bootstrap bootstrap@3
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add react-bootstrap bootstrap@3
-```
-
-Import Bootstrap CSS and optionally Bootstrap theme CSS in the beginning of your `src/index.js` file:
-
-```js
-import 'bootstrap/dist/css/bootstrap.css';
-import 'bootstrap/dist/css/bootstrap-theme.css';
-// Put any other imports below so that CSS from your
-// components takes precedence over default styles.
-```
-
-Import required React Bootstrap components within `src/App.js` file or your custom component files:
-
-```js
-import { Navbar, Jumbotron, Button } from 'react-bootstrap';
-```
-
-Now you are ready to use the imported React Bootstrap components within your component hierarchy defined in the render method. Here is an example [`App.js`](https://gist.githubusercontent.com/gaearon/85d8c067f6af1e56277c82d19fd4da7b/raw/6158dd991b67284e9fc8d70b9d973efe87659d72/App.js) redone using React Bootstrap.
-
-### Using a Custom Theme
-
-Sometimes you might need to tweak the visual styles of Bootstrap (or equivalent package).<br>
-We suggest the following approach:
-
--   Create a new package that depends on the package you wish to customize, e.g. Bootstrap.
--   Add the necessary build steps to tweak the theme, and publish your package on npm.
--   Install your own theme npm package as a dependency of your app.
-
-Here is an example of adding a [customized Bootstrap](https://medium.com/@tacomanator/customizing-create-react-app-aa9ffb88165) that follows these steps.
-
-## Adding Flow
-
-Flow is a static type checker that helps you write code with fewer bugs. Check out this [introduction to using static types in JavaScript](https://medium.com/@preethikasireddy/why-use-static-types-in-javascript-part-1-8382da1e0adb) if you are new to this concept.
-
-Recent versions of [Flow](http://flowtype.org/) work with Create React App projects out of the box.
-
-To add Flow to a Create React App project, follow these steps:
-
-1.  Run `npm install --save flow-bin` (or `yarn add flow-bin`).
-2.  Add `"flow": "flow"` to the `scripts` section of your `package.json`.
-3.  Run `npm run flow init` (or `yarn flow init`) to create a [`.flowconfig` file](https://flowtype.org/docs/advanced-configuration.html) in the root directory.
-4.  Add `// @flow` to any files you want to type check (for example, to `src/App.js`).
-
-Now you can run `npm run flow` (or `yarn flow`) to check the files for type errors.
-You can optionally use an IDE like [Nuclide](https://nuclide.io/docs/languages/flow/) for a better integrated experience.
-In the future we plan to integrate it into Create React App even more closely.
-
-To learn more about Flow, check out [its documentation](https://flowtype.org/).
-
-## Adding Custom Environment Variables
-
-> Note: this feature is available with `react-scripts@0.2.3` and higher.
-
-Your project can consume variables declared in your environment as if they were declared locally in your JS files. By
-default you will have `NODE_ENV` defined for you, and any other environment variables starting with
-`REACT_APP_`.
-
-**The environment variables are embedded during the build time**. Since Create React App produces a static HTML/CSS/JS bundle, it can’t possibly read them at runtime. To read them at runtime, you would need to load HTML into memory on the server and replace placeholders in runtime, just like [described here](#injecting-data-from-the-server-into-the-page). Alternatively you can rebuild the app on the server anytime you change them.
-
-> Note: You must create custom environment variables beginning with `REACT_APP_`. Any other variables except `NODE_ENV` will be ignored to avoid accidentally [exposing a private key on the machine that could have the same name](https://github.com/facebookincubator/create-react-app/issues/865#issuecomment-252199527). Changing any environment variables will require you to restart the development server if it is running.
-
-These environment variables will be defined for you on `process.env`. For example, having an environment
-variable named `REACT_APP_SECRET_CODE` will be exposed in your JS as `process.env.REACT_APP_SECRET_CODE`.
-
-There is also a special built-in environment variable called `NODE_ENV`. You can read it from `process.env.NODE_ENV`. When you run `npm start`, it is always equal to `'development'`, when you run `npm test` it is always equal to `'test'`, and when you run `npm run build` to make a production bundle, it is always equal to `'production'`. **You cannot override `NODE_ENV` manually.** This prevents developers from accidentally deploying a slow development build to production.
-
-These environment variables can be useful for displaying information conditionally based on where the project is
-deployed or consuming sensitive data that lives outside of version control.
-
-First, you need to have environment variables defined. For example, let’s say you wanted to consume a secret defined
-in the environment inside a `<form>`:
-
-```jsx
-render() {
-  return (
-    <div>
-      <small>You are running this application in <b>{process.env.NODE_ENV}</b> mode.</small>
-      <form>
-        <input type="hidden" defaultValue={process.env.REACT_APP_SECRET_CODE} />
-      </form>
-    </div>
-  );
-}
-```
-
-During the build, `process.env.REACT_APP_SECRET_CODE` will be replaced with the current value of the `REACT_APP_SECRET_CODE` environment variable. Remember that the `NODE_ENV` variable will be set for you automatically.
-
-When you load the app in the browser and inspect the `<input>`, you will see its value set to `abcdef`, and the bold text will show the environment provided when using `npm start`:
-
-```html
-<div>
-  <small>You are running this application in <b>development</b> mode.</small>
-  <form>
-    <input type="hidden" value="abcdef" />
-  </form>
-</div>
-```
-
-The above form is looking for a variable called `REACT_APP_SECRET_CODE` from the environment. In order to consume this
-value, we need to have it defined in the environment. This can be done using two ways: either in your shell or in
-a `.env` file. Both of these ways are described in the next few sections.
-
-Having access to the `NODE_ENV` is also useful for performing actions conditionally:
-
-```js
-if (process.env.NODE_ENV !== 'production') {
-  analytics.disable();
-}
-```
-
-When you compile the app with `npm run build`, the minification step will strip out this condition, and the resulting bundle will be smaller.
-
-### Referencing Environment Variables in the HTML
-
-> Note: this feature is available with `react-scripts@0.9.0` and higher.
-
-You can also access the environment variables starting with `REACT_APP_` in the `public/index.html`. For example:
-
-```html
-<title>%REACT_APP_WEBSITE_NAME%</title>
-```
-
-Note that the caveats from the above section apply:
-
--   Apart from a few built-in variables (`NODE_ENV` and `PUBLIC_URL`), variable names must start with `REACT_APP_` to work.
--   The environment variables are injected at build time. If you need to inject them at runtime, [follow this approach instead](#generating-dynamic-meta-tags-on-the-server).
-
-### Adding Temporary Environment Variables In Your Shell
-
-Defining environment variables can vary between OSes. It’s also important to know that this manner is temporary for the
-life of the shell session.
-
-#### Windows (cmd.exe)
-
-```cmd
-set REACT_APP_SECRET_CODE=abcdef&&npm start
-```
-
-(Note: the lack of whitespace is intentional.)
-
-#### Linux, macOS (Bash)
-
-```bash
-REACT_APP_SECRET_CODE=abcdef npm start
-```
-
-### Adding Development Environment Variables In `.env`
-
-> Note: this feature is available with `react-scripts@0.5.0` and higher.
-
-To define permanent environment variables, create a file called `.env` in the root of your project:
-
-    REACT_APP_SECRET_CODE=abcdef
-
-`.env` files **should be** checked into source control (with the exclusion of `.env*.local`).
-
-#### What other `.env` files are can be used?
-
-> Note: this feature is **available with `react-scripts@1.0.0` and higher**.
-
--   `.env`: Default.
--   `.env.local`: Local overrides. **This file is loaded for all environments except test.**
--   `.env.development`, `.env.test`, `.env.production`: Environment-specific settings.
--   `.env.development.local`, `.env.test.local`, `.env.production.local`: Local overrides of environment-specific settings.
-
-Files on the left have more priority than files on the right:
-
--   `npm start`: `.env.development.local`, `.env.development`, `.env.local`, `.env`
--   `npm run build`: `.env.production.local`, `.env.production`, `.env.local`, `.env`
--   `npm test`: `.env.test.local`, `.env.test`, `.env` (note `.env.local` is missing)
-
-These variables will act as the defaults if the machine does not explicitly set them.<br>
-Please refer to the [dotenv documentation](https://github.com/motdotla/dotenv) for more details.
-
-> Note: If you are defining environment variables for development, your CI and/or hosting platform will most likely need
-> these defined as well. Consult their documentation how to do this. For example, see the documentation for [Travis CI](https://docs.travis-ci.com/user/environment-variables/) or [Heroku](https://devcenter.heroku.com/articles/config-vars).
-
-## Can I Use Decorators?
-
-Many popular libraries use [decorators](https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841) in their documentation.<br>
-Create React App doesn’t support decorator syntax at the moment because:
-
--   It is an experimental proposal and is subject to change.
--   The current specification version is not officially supported by Babel.
--   If the specification changes, we won’t be able to write a codemod because we don’t use them internally at Facebook.
-
-However in many cases you can rewrite decorator-based code without decorators just as fine.<br>
-Please refer to these two threads for reference:
-
--   [#214](https://github.com/facebookincubator/create-react-app/issues/214)
--   [#411](https://github.com/facebookincubator/create-react-app/issues/411)
-
-Create React App will add decorator support when the specification advances to a stable stage.
-
-## Integrating with an API Backend
-
-These tutorials will help you to integrate your app with an API backend running on another port,
-using `fetch()` to access it.
-
-### Node
-
-Check out [this tutorial](https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/).
-You can find the companion GitHub repository [here](https://github.com/fullstackreact/food-lookup-demo).
-
-### Ruby on Rails
-
-Check out [this tutorial](https://www.fullstackreact.com/articles/how-to-get-create-react-app-to-work-with-your-rails-api/).
-You can find the companion GitHub repository [here](https://github.com/fullstackreact/food-lookup-demo-rails).
-
-## Proxying API Requests in Development
-
-> Note: this feature is available with `react-scripts@0.2.3` and higher.
-
-People often serve the front-end React app from the same host and port as their backend implementation.<br>
-For example, a production setup might look like this after the app is deployed:
-
-    /             - static server returns index.html with React app
-    /todos        - static server returns index.html with React app
-    /api/todos    - server handles any /api/* requests using the backend implementation
-
-Such setup is **not** required. However, if you **do** have a setup like this, it is convenient to write requests like `fetch('/api/todos')` without worrying about redirecting them to another host or port during development.
-
-To tell the development server to proxy any unknown requests to your API server in development, add a `proxy` field to your `package.json`, for example:
-
-```js
-  "proxy": "http://localhost:4000",
-```
-
-This way, when you `fetch('/api/todos')` in development, the development server will recognize that it’s not a static asset, and will proxy your request to `http://localhost:4000/api/todos` as a fallback. The development server will only attempt to send requests without a `text/html` accept header to the proxy.
-
-Conveniently, this avoids [CORS issues](http://stackoverflow.com/questions/21854516/understanding-ajax-cors-and-security-considerations) and error messages like this in development:
-
-    Fetch API cannot load http://localhost:4000/api/todos. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
-
-Keep in mind that `proxy` only has effect in development (with `npm start`), and it is up to you to ensure that URLs like `/api/todos` point to the right thing in production. You don’t have to use the `/api` prefix. Any unrecognized request without a `text/html` accept header will be redirected to the specified `proxy`.
-
-The `proxy` option supports HTTP, HTTPS and WebSocket connections.<br>
-If the `proxy` option is **not** flexible enough for you, alternatively you can:
-
--   [Configure the proxy yourself](#configuring-the-proxy-manually)
--   Enable CORS on your server ([here’s how to do it for Express](http://enable-cors.org/server_expressjs.html)).
--   Use [environment variables](#adding-custom-environment-variables) to inject the right server host and port into your app.
-
-### "Invalid Host Header" Errors After Configuring Proxy
-
-When you enable the `proxy` option, you opt into a more strict set of host checks. This is necessary because leaving the backend open to remote hosts makes your computer vulnerable to DNS rebinding attacks. The issue is explained in [this article](https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a) and [this issue](https://github.com/webpack/webpack-dev-server/issues/887).
-
-This shouldn’t affect you when developing on `localhost`, but if you develop remotely like [described here](https://github.com/facebookincubator/create-react-app/issues/2271), you will see this error in the browser after enabling the `proxy` option:
-
-> Invalid Host header
-
-To work around it, you can specify your public development host in a file called `.env.development` in the root of your project:
-
-    HOST=mypublicdevhost.com
-
-If you restart the development server now and load the app from the specified host, it should work.
-
-If you are still having issues or if you’re using a more exotic environment like a cloud editor, you can bypass the host check completely by adding a line to `.env.development.local`. **Note that this is dangerous and exposes your machine to remote code execution from malicious websites:**
-
-    # NOTE: THIS IS DANGEROUS!
-    # It exposes your machine to attacks from the websites you visit.
-    DANGEROUSLY_DISABLE_HOST_CHECK=true
-
-We don’t recommend this approach.
-
-### Configuring the Proxy Manually
-
-> Note: this feature is available with `react-scripts@1.0.0` and higher.
-
-If the `proxy` option is **not** flexible enough for you, you can specify an object in the following form (in `package.json`).<br>
-You may also specify any configuration value [`http-proxy-middleware`](https://github.com/chimurai/http-proxy-middleware#options) or [`http-proxy`](https://github.com/nodejitsu/node-http-proxy#options) supports.
-
-```js
-{
-  // ...
-  "proxy": {
-    "/api": {
-      "target": "<url>",
-      "ws": true
-      // ...
-    }
-  }
-  // ...
-}
-```
-
-All requests matching this path will be proxies, no exceptions. This includes requests for `text/html`, which the standard `proxy` option does not proxy.
-
-If you need to specify multiple proxies, you may do so by specifying additional entries.
-You may also narrow down matches using `*` and/or `**`, to match the path exactly or any subpath.
-
-```js
-{
-  // ...
-  "proxy": {
-    // Matches any request starting with /api
-    "/api": {
-      "target": "<url_1>",
-      "ws": true
-      // ...
-    },
-    // Matches any request starting with /foo
-    "/foo": {
-      "target": "<url_2>",
-      "ssl": true,
-      "pathRewrite": {
-        "^/foo": "/foo/beta"
-      }
-      // ...
-    },
-    // Matches /bar/abc.html but not /bar/sub/def.html
-    "/bar/*.html": {
-      "target": "<url_3>",
-      // ...
-    },
-    // Matches /baz/abc.html and /baz/sub/def.html
-    "/baz/**/*.html": {
-      "target": "<url_4>"
-      // ...
-    }
-  }
-  // ...
-}
-```
-
-### Configuring a WebSocket Proxy
-
-When setting up a WebSocket proxy, there are a some extra considerations to be aware of.
-
-If you’re using a WebSocket engine like [Socket.io](https://socket.io/), you must have a Socket.io server running that you can use as the proxy target. Socket.io will not work with a standard WebSocket server. Specifically, don't expect Socket.io to work with [the websocket.org echo test](http://websocket.org/echo.html).
-
-There’s some good documentation available for [setting up a Socket.io server](https://socket.io/docs/).
-
-Standard WebSockets **will** work with a standard WebSocket server as well as the websocket.org echo test. You can use libraries like [ws](https://github.com/websockets/ws) for the server, with [native WebSockets in the browser](https://developer.mozilla.org/en-US/docs/Web/API/WebSocket).
-
-Either way, you can proxy WebSocket requests manually in `package.json`:
-
-```js
-{
-  // ...
-  "proxy": {
-    "/socket": {
-      // Your compatible WebSocket server
-      "target": "ws://<socket_url>",
-      // Tell http-proxy-middleware that this is a WebSocket proxy.
-      // Also allows you to proxy WebSocket requests without an additional HTTP request
-      // https://github.com/chimurai/http-proxy-middleware#external-websocket-upgrade
-      "ws": true
-      // ...
-    }
-  }
-  // ...
-}
-```
-
-## Using HTTPS in Development
-
-> Note: this feature is available with `react-scripts@0.4.0` and higher.
-
-You may require the dev server to serve pages over HTTPS. One particular case where this could be useful is when using [the "proxy" feature](#proxying-api-requests-in-development) to proxy requests to an API server when that API server is itself serving HTTPS.
-
-To do this, set the `HTTPS` environment variable to `true`, then start the dev server as usual with `npm start`:
-
-#### Windows (cmd.exe)
-
-```cmd
-set HTTPS=true&&npm start
-```
-
-(Note: the lack of whitespace is intentional.)
-
-#### Linux, macOS (Bash)
-
-```bash
-HTTPS=true npm start
-```
-
-Note that the server will use a self-signed certificate, so your web browser will almost definitely display a warning upon accessing the page.
-
-## Generating Dynamic `<meta>` Tags on the Server
-
-Since Create React App doesn’t support server rendering, you might be wondering how to make `<meta>` tags dynamic and reflect the current URL. To solve this, we recommend to add placeholders into the HTML, like this:
-
-```html
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta property="og:title" content="__OG_TITLE__">
-    <meta property="og:description" content="__OG_DESCRIPTION__">
-```
-
-Then, on the server, regardless of the backend you use, you can read `index.html` into memory and replace `__OG_TITLE__`, `__OG_DESCRIPTION__`, and any other placeholders with values depending on the current URL. Just make sure to sanitize and escape the interpolated values so that they are safe to embed into HTML!
-
-If you use a Node server, you can even share the route matching logic between the client and the server. However duplicating it also works fine in simple cases.
-
-## Pre-Rendering into Static HTML Files
-
-If you’re hosting your `build` with a static hosting provider you can use [react-snapshot](https://www.npmjs.com/package/react-snapshot) to generate HTML pages for each route, or relative link, in your application. These pages will then seamlessly become active, or “hydrated”, when the JavaScript bundle has loaded.
-
-There are also opportunities to use this outside of static hosting, to take the pressure off the server when generating and caching routes.
-
-The primary benefit of pre-rendering is that you get the core content of each page _with_ the HTML payload—regardless of whether or not your JavaScript bundle successfully downloads. It also increases the likelihood that each route of your application will be picked up by search engines.
-
-You can read more about [zero-configuration pre-rendering (also called snapshotting) here](https://medium.com/superhighfives/an-almost-static-stack-6df0a2791319).
-
-## Injecting Data from the Server into the Page
-
-Similarly to the previous section, you can leave some placeholders in the HTML that inject global variables, for example:
-
-```js
-<!doctype html>
-<html lang="en">
-  <head>
-    <script>
-      window.SERVER_DATA = __SERVER_DATA__;
-    </script>
-```
-
-Then, on the server, you can replace `__SERVER_DATA__` with a JSON of real data right before sending the response. The client code can then read `window.SERVER_DATA` to use it. **Make sure to [sanitize the JSON before sending it to the client](https://medium.com/node-security/the-most-common-xss-vulnerability-in-react-js-applications-2bdffbcc1fa0) as it makes your app vulnerable to XSS attacks.**
-
-## Running Tests
-
-> Note: this feature is available with `react-scripts@0.3.0` and higher.<br>
-> [Read the migration guide to learn how to enable it in older projects!](https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md#migrating-from-023-to-030)
-
-Create React App uses [Jest](https://facebook.github.io/jest/) as its test runner. To prepare for this integration, we did a [major revamp](https://facebook.github.io/jest/blog/2016/09/01/jest-15.html) of Jest so if you heard bad things about it years ago, give it another try.
-
-Jest is a Node-based runner. This means that the tests always run in a Node environment and not in a real browser. This lets us enable fast iteration speed and prevent flakiness.
-
-While Jest provides browser globals such as `window` thanks to [jsdom](https://github.com/tmpvar/jsdom), they are only approximations of the real browser behavior. Jest is intended to be used for unit tests of your logic and your components rather than the DOM quirks.
-
-We recommend that you use a separate tool for browser end-to-end tests if you need them. They are beyond the scope of Create React App.
-
-### Filename Conventions
-
-Jest will look for test files with any of the following popular naming conventions:
-
--   Files with `.js` suffix in `__tests__` folders.
--   Files with `.test.js` suffix.
--   Files with `.spec.js` suffix.
-
-The `.test.js` / `.spec.js` files (or the `__tests__` folders) can be located at any depth under the `src` top level folder.
-
-We recommend to put the test files (or `__tests__` folders) next to the code they are testing so that relative imports appear shorter. For example, if `App.test.js` and `App.js` are in the same folder, the test needs to `import App from './App'` instead of a long relative path. Colocation also helps find tests more quickly in larger projects.
-
-### Command Line Interface
-
-When you run `npm test`, Jest will launch in the watch mode. Every time you save a file, it will re-run the tests, just like `npm start` recompiles the code.
-
-The watcher includes an interactive command-line interface with the ability to run all tests, or focus on a search pattern. It is designed this way so that you can keep it open and enjoy fast re-runs. You can learn the commands from the “Watch Usage” note that the watcher prints after every run:
-
-![Jest watch mode](http://facebook.github.io/jest/img/blog/15-watch.gif)
-
-### Version Control Integration
-
-By default, when you run `npm test`, Jest will only run the tests related to files changed since the last commit. This is an optimization designed to make your tests run fast regardless of how many tests you have. However it assumes that you don’t often commit the code that doesn’t pass the tests.
-
-Jest will always explicitly mention that it only ran tests related to the files changed since the last commit. You can also press `a` in the watch mode to force Jest to run all tests.
-
-Jest will always run all tests on a [continuous integration](#continuous-integration) server or if the project is not inside a Git or Mercurial repository.
-
-### Writing Tests
-
-To create tests, add `it()` (or `test()`) blocks with the name of the test and its code. You may optionally wrap them in `describe()` blocks for logical grouping but this is neither required nor recommended.
-
-Jest provides a built-in `expect()` global function for making assertions. A basic test could look like this:
-
-```js
-import sum from './sum';
-
-it('sums numbers', () => {
-  expect(sum(1, 2)).toEqual(3);
-  expect(sum(2, 2)).toEqual(4);
-});
-```
-
-All `expect()` matchers supported by Jest are [extensively documented here](http://facebook.github.io/jest/docs/expect.html).<br>
-You can also use [`jest.fn()` and `expect(fn).toBeCalled()`](http://facebook.github.io/jest/docs/expect.html#tohavebeencalled) to create “spies” or mock functions.
-
-### Testing Components
-
-There is a broad spectrum of component testing techniques. They range from a “smoke test” verifying that a component renders without throwing, to shallow rendering and testing some of the output, to full rendering and testing component lifecycle and state changes.
-
-Different projects choose different testing tradeoffs based on how often components change, and how much logic they contain. If you haven’t decided on a testing strategy yet, we recommend that you start with creating smoke tests for your components:
-
-```js
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-});
-```
-
-This test mounts a component and makes sure that it didn’t throw during rendering. Tests like this provide a lot value with very little effort so they are great as a starting point, and this is the test you will find in `src/App.test.js`.
-
-When you encounter bugs caused by changing components, you will gain a deeper insight into which parts of them are worth testing in your application. This might be a good time to introduce more specific tests asserting specific expected output or behavior.
-
-If you’d like to test components in isolation from the child components they render, we recommend using [`shallow()` rendering API](http://airbnb.io/enzyme/docs/api/shallow.html) from [Enzyme](http://airbnb.io/enzyme/). To install it, run:
-
-```sh
-npm install --save enzyme react-test-renderer
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add enzyme react-test-renderer
-```
-
-You can write a smoke test with it too:
-
-```js
-import React from 'react';
-import { shallow } from 'enzyme';
-import App from './App';
-
-it('renders without crashing', () => {
-  shallow(<App />);
-});
-```
-
-Unlike the previous smoke test using `ReactDOM.render()`, this test only renders `<App>` and doesn’t go deeper. For example, even if `<App>` itself renders a `<Button>` that throws, this test will pass. Shallow rendering is great for isolated unit tests, but you may still want to create some full rendering tests to ensure the components integrate correctly. Enzyme supports [full rendering with `mount()`](http://airbnb.io/enzyme/docs/api/mount.html), and you can also use it for testing state changes and component lifecycle.
-
-You can read the [Enzyme documentation](http://airbnb.io/enzyme/) for more testing techniques. Enzyme documentation uses Chai and Sinon for assertions but you don’t have to use them because Jest provides built-in `expect()` and `jest.fn()` for spies.
-
-Here is an example from Enzyme documentation that asserts specific output, rewritten to use Jest matchers:
-
-```js
-import React from 'react';
-import { shallow } from 'enzyme';
-import App from './App';
-
-it('renders welcome message', () => {
-  const wrapper = shallow(<App />);
-  const welcome = <h2>Welcome to React</h2>;
-  // expect(wrapper.contains(welcome)).to.equal(true);
-  expect(wrapper.contains(welcome)).toEqual(true);
-});
-```
-
-All Jest matchers are [extensively documented here](http://facebook.github.io/jest/docs/expect.html).<br>
-Nevertheless you can use a third-party assertion library like [Chai](http://chaijs.com/) if you want to, as described below.
-
-Additionally, you might find [jest-enzyme](https://github.com/blainekasten/enzyme-matchers) helpful to simplify your tests with readable matchers. The above `contains` code can be written simpler with jest-enzyme.
-
-```js
-expect(wrapper).toContainReact(welcome)
-```
-
-To enable this, install `jest-enzyme`:
-
-```sh
-npm install --save jest-enzyme
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add jest-enzyme
-```
-
-Import it in [`src/setupTests.js`](#initializing-test-environment) to make its matchers available in every test:
-
-```js
-import 'jest-enzyme';
-```
-
-### Using Third Party Assertion Libraries
-
-We recommend that you use `expect()` for assertions and `jest.fn()` for spies. If you are having issues with them please [file those against Jest](https://github.com/facebook/jest/issues/new), and we’ll fix them. We intend to keep making them better for React, supporting, for example, [pretty-printing React elements as JSX](https://github.com/facebook/jest/pull/1566).
-
-However, if you are used to other libraries, such as [Chai](http://chaijs.com/) and [Sinon](http://sinonjs.org/), or if you have existing code using them that you’d like to port over, you can import them normally like this:
-
-```js
-import sinon from 'sinon';
-import { expect } from 'chai';
-```
-
-and then use them in your tests like you normally do.
-
-### Initializing Test Environment
-
-> Note: this feature is available with `react-scripts@0.4.0` and higher.
-
-If your app uses a browser API that you need to mock in your tests or if you need a global setup before running your tests, add a `src/setupTests.js` to your project. It will be automatically executed before running your tests.
-
-For example:
-
-#### `src/setupTests.js`
-
-```js
-const localStorageMock = {
-  getItem: jest.fn(),
-  setItem: jest.fn(),
-  clear: jest.fn()
-};
-global.localStorage = localStorageMock
-```
-
-### Focusing and Excluding Tests
-
-You can replace `it()` with `xit()` to temporarily exclude a test from being executed.<br>
-Similarly, `fit()` lets you focus on a specific test without running any other tests.
-
-### Coverage Reporting
-
-Jest has an integrated coverage reporter that works well with ES6 and requires no configuration.<br>
-Run `npm test -- --coverage` (note extra `--` in the middle) to include a coverage report like this:
-
-![coverage report](http://i.imgur.com/5bFhnTS.png)
-
-Note that tests run much slower with coverage so it is recommended to run it separately from your normal workflow.
-
-### Continuous Integration
-
-By default `npm test` runs the watcher with interactive CLI. However, you can force it to run tests once and finish the process by setting an environment variable called `CI`.
-
-When creating a build of your application with `npm run build` linter warnings are not checked by default. Like `npm test`, you can force the build to perform a linter warning check by setting the environment variable `CI`. If any warnings are encountered then the build fails.
-
-Popular CI servers already set the environment variable `CI` by default but you can do this yourself too:
-
-### On CI servers
-
-#### Travis CI
-
-1.  Following the [Travis Getting started](https://docs.travis-ci.com/user/getting-started/) guide for syncing your GitHub repository with Travis.  You may need to initialize some settings manually in your [profile](https://travis-ci.org/profile) page.
-2.  Add a `.travis.yml` file to your git repository.
-
-
-    language: node_js
-    node_js:
-      - 6
-    cache:
-      directories:
-        - node_modules
-    script:
-      - npm run build
-      - npm test
-
-1.  Trigger your first build with a git push.
-2.  [Customize your Travis CI Build](https://docs.travis-ci.com/user/customizing-the-build/) if needed.
-
-#### CircleCI
-
-Follow [this article](https://medium.com/@knowbody/circleci-and-zeits-now-sh-c9b7eebcd3c1) to set up CircleCI with a Create React App project.
-
-### On your own environment
-
-##### Windows (cmd.exe)
-
-```cmd
-set CI=true&&npm test
-```
-
-```cmd
-set CI=true&&npm run build
-```
-
-(Note: the lack of whitespace is intentional.)
-
-##### Linux, macOS (Bash)
-
-```bash
-CI=true npm test
-```
-
-```bash
-CI=true npm run build
-```
-
-The test command will force Jest to run tests once instead of launching the watcher.
-
->  If you find yourself doing this often in development, please [file an issue](https://github.com/facebookincubator/create-react-app/issues/new) to tell us about your use case because we want to make watcher the best experience and are open to changing how it works to accommodate more workflows.
-
-The build command will check for linter warnings and fail if any are found.
-
-### Disabling jsdom
-
-By default, the `package.json` of the generated project looks like this:
-
-```js
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test --env=jsdom"
-```
-
-If you know that none of your tests depend on [jsdom](https://github.com/tmpvar/jsdom), you can safely remove `--env=jsdom`, and your tests will run faster:
-
-```diff
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
--   "test": "react-scripts test --env=jsdom"
-+   "test": "react-scripts test"
-```
-
-To help you make up your mind, here is a list of APIs that **need jsdom**:
-
--   Any browser globals like `window` and `document`
--   [`ReactDOM.render()`](https://facebook.github.io/react/docs/top-level-api.html#reactdom.render)
--   [`TestUtils.renderIntoDocument()`](https://facebook.github.io/react/docs/test-utils.html#renderintodocument) ([a shortcut](https://github.com/facebook/react/blob/34761cf9a252964abfaab6faf74d473ad95d1f21/src/test/ReactTestUtils.js#L83-L91) for the above)
--   [`mount()`](http://airbnb.io/enzyme/docs/api/mount.html) in [Enzyme](http://airbnb.io/enzyme/index.html)
-
-In contrast, **jsdom is not needed** for the following APIs:
-
--   [`TestUtils.createRenderer()`](https://facebook.github.io/react/docs/test-utils.html#shallow-rendering) (shallow rendering)
--   [`shallow()`](http://airbnb.io/enzyme/docs/api/shallow.html) in [Enzyme](http://airbnb.io/enzyme/index.html)
-
-Finally, jsdom is also not needed for [snapshot testing](http://facebook.github.io/jest/blog/2016/07/27/jest-14.html).
-
-### Snapshot Testing
-
-Snapshot testing is a feature of Jest that automatically generates text snapshots of your components and saves them on the disk so if the UI output changes, you get notified without manually writing any assertions on the component output. [Read more about snapshot testing.](http://facebook.github.io/jest/blog/2016/07/27/jest-14.html)
-
-### Editor Integration
-
-If you use [Visual Studio Code](https://code.visualstudio.com), there is a [Jest extension](https://github.com/orta/vscode-jest) which works with Create React App out of the box. This provides a lot of IDE-like features while using a text editor: showing the status of a test run with potential fail messages inline, starting and stopping the watcher automatically, and offering one-click snapshot updates.
-
-![VS Code Jest Preview](https://cloud.githubusercontent.com/assets/49038/20795349/a032308a-b7c8-11e6-9b34-7eeac781003f.png)
-
-## Developing Components in Isolation
-
-Usually, in an app, you have a lot of UI components, and each of them has many different states.
-For an example, a button component could have following states:
-
--   In a regular state, with a text label.
--   In the disabled mode.
--   In a loading state.
-
-Usually, it’s hard to see these states without running a sample app or some examples.
-
-Create React App doesn’t include any tools for this by default, but you can add [Storybook for React](https://storybook.js.org) ([source](https://github.com/storybookjs/storybook)) or [React Styleguidist](https://react-styleguidist.js.org/) ([source](https://github.com/styleguidist/react-styleguidist)) to your project. **These are third-party tools that let you develop components and see all their states in isolation from your app**.
-
-![Storybook for React Demo](http://i.imgur.com/7CIAWpB.gif)
-
-You can also deploy your Storybook or style guide as a static app. This way, everyone in your team can view and review different states of UI components without starting a backend server or creating an account in your app.
-
-### Getting Started with Storybook
-
-Storybook is a development environment for React UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.
-
-Then, run the following command inside your app’s directory:
-
-```sh
-cd my-react-app
-npx -p @storybook/cli sb init
-```
-
-After that, follow the instructions on the screen.
-
-Learn more about React Storybook:
-
--   Screencast: [Getting Started with React Storybook](https://egghead.io/lessons/react-getting-started-with-react-storybook)
--   [GitHub Repo](https://github.com/storybookjs/storybook)
--   [Documentation](https://storybook.js.org/basics/introduction/)
--   [Snapshot Testing UI](https://github.com/storybookjs/storybook/tree/master/addons/storyshots) with Storybook + addon/storyshot
-
-### Getting Started with Styleguidist
-
-Styleguidist combines a style guide, where all your components are presented on a single page with their props documentation and usage examples, with an environment for developing components in isolation, similar to Storybook. In Styleguidist you write examples in Markdown, where each code snippet is rendered as a live editable playground.
-
-First, install Styleguidist:
-
-```sh
-npm install --save react-styleguidist
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add react-styleguidist
-```
-
-Then, add these scripts to your `package.json`:
-
-```diff
-   "scripts": {
-+    "styleguide": "styleguidist server",
-+    "styleguide:build": "styleguidist build",
-     "start": "react-scripts start",
-```
-
-Then, run the following command inside your app’s directory:
-
-```sh
-npm run styleguide
-```
-
-After that, follow the instructions on the screen.
-
-Learn more about React Styleguidist:
-
--   [GitHub Repo](https://github.com/styleguidist/react-styleguidist)
--   [Documentation](https://react-styleguidist.js.org/docs/getting-started.html)
-
-## Making a Progressive Web App
-
-By default, the production build is a fully functional, offline-first
-[Progressive Web App](https://developers.google.com/web/progressive-web-apps/).
-
-Progressive Web Apps are faster and more reliable than traditional web pages, and provide an engaging mobile experience:
-
--   All static site assets are cached so that your page loads fast on subsequent visits, regardless of network connectivity (such as 2G or 3G). Updates are downloaded in the background.
--   Your app will work regardless of network state, even if offline. This means your users will be able to use your app at 10,000 feet and on the Subway.
--   On mobile devices, your app can be added directly to the user's home screen, app icon and all. You can also re-engage users using web **push notifications**. This eliminates the need for the app store.
-
-The [`sw-precache-webpack-plugin`](https://github.com/goldhand/sw-precache-webpack-plugin)
-is integrated into production configuration,
-and it will take care of generating a service worker file that will automatically
-precache all of your local assets and keep them up to date as you deploy updates.
-The service worker will use a [cache-first strategy](https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#cache-falling-back-to-network)
-for handling all requests for local assets, including the initial HTML, ensuring
-that your web app is reliably fast, even on a slow or unreliable network.
-
-### Opting Out of Caching
-
-If you would prefer not to enable service workers prior to your initial
-production deployment, then remove the call to `serviceWorkerRegistration.register()`
-from [`src/index.js`](src/index.js).
-
-If you had previously enabled service workers in your production deployment and
-have decided that you would like to disable them for all your existing users,
-you can swap out the call to `serviceWorkerRegistration.register()` in
-[`src/index.js`](src/index.js) with a call to `serviceWorkerRegistration.unregister()`.
-After the user visits a page that has `serviceWorkerRegistration.unregister()`,
-the service worker will be uninstalled. Note that depending on how `/service-worker.js` is served,
-it may take up to 24 hours for the cache to be invalidated.
-
-### Offline-First Considerations
-
-1.  Service workers [require HTTPS](https://developers.google.com/web/fundamentals/getting-started/primers/service-workers#you_need_https),
-    although to facilitate local testing, that policy
-    [does not apply to `localhost`](http://stackoverflow.com/questions/34160509/options-for-testing-service-workers-via-http/34161385#34161385).
-    If your production web server does not support HTTPS, then the service worker
-    registration will fail, but the rest of your web app will remain functional.
-
-2.  Service workers are [not currently supported](https://jakearchibald.github.io/isserviceworkerready/)
-    in all web browsers. Service worker registration [won't be attempted](src/registerServiceWorker.js)
-    on browsers that lack support.
-
-3.  The service worker is only enabled in the [production environment](#deployment),
-    e.g. the output of `npm run build`. It's recommended that you do not enable an
-    offline-first service worker in a development environment, as it can lead to
-    frustration when previously cached assets are used and do not include the latest
-    changes you've made locally.
-
-4.  If you _need_ to test your offline-first service worker locally, build
-    the application (using `npm run build`) and run a http server from your
-    build directory. After running the build script, `create-react-app` will give
-    instructions for one way to test your production build locally and the [deployment instructions](#deployment) have
-    instructions for using other methods. _Be sure to always use an
-    incognito window to avoid complications with your browser cache._
-
-5.  If possible, configure your production environment to serve the generated
-    `service-worker.js` [with HTTP caching disabled](http://stackoverflow.com/questions/38843970/service-worker-javascript-update-frequency-every-24-hours).
-    If that's not possible—[GitHub Pages](#github-pages), for instance, does not
-    allow you to change the default 10 minute HTTP cache lifetime—then be aware
-    that if you visit your production site, and then revisit again before
-    `service-worker.js` has expired from your HTTP cache, you'll continue to get
-    the previously cached assets from the service worker. If you have an immediate
-    need to view your updated production deployment, performing a shift-refresh
-    will temporarily disable the service worker and retrieve all assets from the
-    network.
-
-6.  Users aren't always familiar with offline-first web apps. It can be useful to
-    [let the user know](https://developers.google.com/web/fundamentals/instant-and-offline/offline-ux#inform_the_user_when_the_app_is_ready_for_offline_consumption)
-    when the service worker has finished populating your caches (showing a "This web
-    app works offline!" message) and also let them know when the service worker has
-    fetched the latest updates that will be available the next time they load the
-    page (showing a "New content is available; please refresh." message). Showing
-    this messages is currently left as an exercise to the developer, but as a
-    starting point, you can make use of the logic included in [`src/registerServiceWorker.js`](src/registerServiceWorker.js), which
-    demonstrates which service worker lifecycle events to listen for to detect each
-    scenario, and which as a default, logs appropriate messages to the
-    JavaScript console.
-
-7.  By default, the generated service worker file will not intercept or cache any
-    cross-origin traffic, like HTTP [API requests](#integrating-with-an-api-backend),
-    images, or embeds loaded from a different domain. If you would like to use a
-    runtime caching strategy for those requests, you can [`eject`](#npm-run-eject)
-    and then configure the
-    [`runtimeCaching`](https://github.com/GoogleChrome/sw-precache#runtimecaching-arrayobject)
-    option in the `SWPrecacheWebpackPlugin` section of
-    [`webpack.config.prod.js`](../config/webpack.config.prod.js).
-
-### Progressive Web App Metadata
-
-The default configuration includes a web app manifest located at
-[`public/manifest.json`](public/manifest.json), that you can customize with
-details specific to your web application.
-
-When a user adds a web app to their homescreen using Chrome or Firefox on
-Android, the metadata in [`manifest.json`](public/manifest.json) determines what
-icons, names, and branding colors to use when the web app is displayed.
-[The Web App Manifest guide](https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/)
-provides more context about what each field means, and how your customizations
-will affect your users' experience.
-
-## Analyzing the Bundle Size
-
-[Source map explorer](https://www.npmjs.com/package/source-map-explorer) analyzes
-JavaScript bundles using the source maps. This helps you understand where code
-bloat is coming from.
-
-To add Source map explorer to a Create React App project, follow these steps:
-
-```sh
-npm install --save source-map-explorer
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add source-map-explorer
-```
-
-Then in `package.json`, add the following line to `scripts`:
-
-```diff
-   "scripts": {
-+    "analyze": "source-map-explorer build/static/js/main.*",
-     "start": "react-scripts start",
-     "build": "react-scripts build",
-     "test": "react-scripts test --env=jsdom",
-```
-
-Then to analyze the bundle run the production build then run the analyze
-script.
-
-    npm run build
-    npm run analyze
-
-## Deployment
-
-`npm run build` creates a `build` directory with a production build of your app. Set up your favourite HTTP server so that a visitor to your site is served `index.html`, and requests to static paths like `/static/js/main.<hash>.js` are served with the contents of the `/static/js/main.<hash>.js` file.
-
-### Static Server
-
-For environments using [Node](https://nodejs.org/), the easiest way to handle this would be to install [serve](https://github.com/zeit/serve) and let it handle the rest:
-
-```sh
-npm install -g serve
-serve -s build
-```
-
-The last command shown above will serve your static site on the port **5000**. Like many of [serve](https://github.com/zeit/serve)’s internal settings, the port can be adjusted using the `-p` or `--port` flags.
-
-Run this command to get a full list of the options available:
-
-```sh
-serve -h
-```
-
-### Other Solutions
-
-You don’t necessarily need a static server in order to run a Create React App project in production. It works just as fine integrated into an existing dynamic one.
-
-Here’s a programmatic example using [Node](https://nodejs.org/) and [Express](http://expressjs.com/):
-
-```javascript
-const express = require('express');
-const path = require('path');
-const app = express();
-
-app.use(express.static(path.join(__dirname, 'build')));
-
-app.get('/', function (req, res) {
-  res.sendFile(path.join(__dirname, 'build', 'index.html'));
-});
-
-app.listen(9000);
-```
-
-The choice of your server software isn’t important either. Since Create React App is completely platform-agnostic, there’s no need to explicitly use Node.
-
-The `build` folder with static assets is the only output produced by Create React App.
-
-However this is not quite enough if you use client-side routing. Read the next section if you want to support URLs like `/todos/42` in your single-page app.
-
-### Serving Apps with Client-Side Routing
-
-If you use routers that use the HTML5 [`pushState` history API](https://developer.mozilla.org/en-US/docs/Web/API/History_API#Adding_and_modifying_history_entries) under the hood (for example, [React Router](https://github.com/ReactTraining/react-router) with `browserHistory`), many static file servers will fail. For example, if you used React Router with a route for `/todos/42`, the development server will respond to `localhost:3000/todos/42` properly, but an Express serving a production build as above will not.
-
-This is because when there is a fresh page load for a `/todos/42`, the server looks for the file `build/todos/42` and does not find it. The server needs to be configured to respond to a request to `/todos/42` by serving `index.html`. For example, we can amend our Express example above to serve `index.html` for any unknown paths:
-
-```diff
- app.use(express.static(path.join(__dirname, 'build')));
-
--app.get('/', function (req, res) {
-+app.get('/*', function (req, res) {
-   res.sendFile(path.join(__dirname, 'build', 'index.html'));
- });
-```
-
-If you’re using [Apache HTTP Server](https://httpd.apache.org/), you need to create a `.htaccess` file in the `public` folder that looks like this:
-
-        Options -MultiViews
-        RewriteEngine On
-        RewriteCond %{REQUEST_FILENAME} !-f
-        RewriteRule ^ index.html [QSA,L]
-
-It will get copied to the `build` folder when you run `npm run build`. 
-
-If you’re using [Apache Tomcat](http://tomcat.apache.org/), you need to follow [this Stack Overflow answer](https://stackoverflow.com/a/41249464/4878474).
-
-Now requests to `/todos/42` will be handled correctly both in development and in production.
-
-On a production build, and in a browser that supports [service workers](https://developers.google.com/web/fundamentals/getting-started/primers/service-workers),
-the service worker will automatically handle all navigation requests, like for
-`/todos/42`, by serving the cached copy of your `index.html`. This
-service worker navigation routing can be configured or disabled by
-[`eject`ing](#npm-run-eject) and then modifying the
-[`navigateFallback`](https://github.com/GoogleChrome/sw-precache#navigatefallback-string)
-and [`navigateFallbackWhitelist`](https://github.com/GoogleChrome/sw-precache#navigatefallbackwhitelist-arrayregexp)
-options of the `SWPreachePlugin` [configuration](../config/webpack.config.prod.js).
-
-### Building for Relative Paths
-
-By default, Create React App produces a build assuming your app is hosted at the server root.<br>
-To override this, specify the `homepage` in your `package.json`, for example:
-
-```js
-  "homepage": "http://mywebsite.com/relativepath",
-```
-
-This will let Create React App correctly infer the root path to use in the generated HTML file.
-
-**Note**: If you are using `react-router@^4`, you can root `<Link>`s using the `basename` prop on any `<Router>`.<br>
-More information [here](https://reacttraining.com/react-router/web/api/BrowserRouter/basename-string).<br>
-<br>
-For example:
-
-```js
-<BrowserRouter basename="/calendar"/>
-<Link to="/today"/> // renders <a href="/calendar/today">
-```
-
-#### Serving the Same Build from Different Paths
-
-> Note: this feature is available with `react-scripts@0.9.0` and higher.
-
-If you are not using the HTML5 `pushState` history API or not using client-side routing at all, it is unnecessary to specify the URL from which your app will be served. Instead, you can put this in your `package.json`:
-
-```js
-  "homepage": ".",
-```
-
-This will make sure that all the asset paths are relative to `index.html`. You will then be able to move your app from `http://mywebsite.com` to `http://mywebsite.com/relativepath` or even `http://mywebsite.com/relative/path` without having to rebuild it.
-
-### Azure
-
-See [this](https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321) blog post on how to deploy your React app to [Microsoft Azure](https://azure.microsoft.com/).
-
-### Firebase
-
-Install the Firebase CLI if you haven’t already by running `npm install -g firebase-tools`. Sign up for a [Firebase account](https://console.firebase.google.com/) and create a new project. Run `firebase login` and login with your previous created Firebase account.
-
-Then run the `firebase init` command from your project’s root. You need to choose the **Hosting: Configure and deploy Firebase Hosting sites** and choose the Firebase project you created in the previous step. You will need to agree with `database.rules.json` being created, choose `build` as the public directory, and also agree to **Configure as a single-page app** by replying with `y`.
-
-```sh
-    === Project Setup
-
-    First, let's associate this project directory with a Firebase project.
-    You can create multiple project aliases by running firebase use --add,
-    but for now we'll set up a default project.
-
-    ? What Firebase project do you want to associate as default? Example app (example-app-fd690)
-
-    === Database Setup
-
-    Firebase Realtime Database Rules allow you to define how your data should be
-    structured and when your data can be read from and written to.
-
-    ? What file should be used for Database Rules? database.rules.json
-    ✔  Database Rules for example-app-fd690 have been downloaded to database.rules.json.
-    Future modifications to database.rules.json will update Database Rules when you run
-    firebase deploy.
-
-    === Hosting Setup
-
-    Your public directory is the folder (relative to your project directory) that
-    will contain Hosting assets to uploaded with firebase deploy. If you
-    have a build process for your assets, use your build's output directory.
-
-    ? What do you want to use as your public directory? build
-    ? Configure as a single-page app (rewrite all urls to /index.html)? Yes
-    ✔  Wrote build/index.html
-
-    i  Writing configuration info to firebase.json...
-    i  Writing project information to .firebaserc...
-
-    ✔  Firebase initialization complete!
-```
-
-Now, after you create a production build with `npm run build`, you can deploy it by running `firebase deploy`.
-
-```sh
-    === Deploying to 'example-app-fd690'...
-
-    i  deploying database, hosting
-    ✔  database: rules ready to deploy.
-    i  hosting: preparing build directory for upload...
-    Uploading: [==============================          ] 75%✔  hosting: build folder uploaded successfully
-    ✔  hosting: 8 files uploaded successfully
-    i  starting release process (may take several minutes)...
-
-    ✔  Deploy complete!
-
-    Project Console: https://console.firebase.google.com/project/example-app-fd690/overview
-    Hosting URL: https://example-app-fd690.firebaseapp.com
-```
-
-For more information see [Add Firebase to your JavaScript Project](https://firebase.google.com/docs/web/setup).
-
-### GitHub Pages
-
-> Note: this feature is available with `react-scripts@0.2.0` and higher.
-
-#### Step 1: Add `homepage` to `package.json`
-
-**The step below is important!**<br>
-**If you skip it, your app will not deploy correctly.**
-
-Open your `package.json` and add a `homepage` field:
-
-```js
-  "homepage": "https://myusername.github.io/my-app",
-```
-
-Create React App uses the `homepage` field to determine the root URL in the built HTML file.
-
-#### Step 2: Install `gh-pages` and add `deploy` to `scripts` in `package.json`
-
-Now, whenever you run `npm run build`, you will see a cheat sheet with instructions on how to deploy to GitHub Pages.
-
-To publish it at <https://myusername.github.io/my-app>, run:
-
-```sh
-npm install --save gh-pages
-```
-
-Alternatively you may use `yarn`:
-
-```sh
-yarn add gh-pages
-```
-
-Add the following scripts in your `package.json`:
-
-```diff
-  "scripts": {
-+   "predeploy": "npm run build",
-+   "deploy": "gh-pages -d build",
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-```
-
-The `predeploy` script will run automatically before `deploy` is run.
-
-#### Step 3: Deploy the site by running `npm run deploy`
-
-Then run:
-
-```sh
-npm run deploy
-```
-
-#### Step 4: Ensure your project’s settings use `gh-pages`
-
-Finally, make sure **GitHub Pages** option in your GitHub project settings is set to use the `gh-pages` branch:
-
-<img src="http://i.imgur.com/HUjEr9l.png" width="500" alt="gh-pages branch setting">
-
-#### Step 5: Optionally, configure the domain
-
-You can configure a custom domain with GitHub Pages by adding a `CNAME` file to the `public/` folder.
-
-#### Notes on client-side routing
-
-GitHub Pages doesn’t support routers that use the HTML5 `pushState` history API under the hood (for example, React Router using `browserHistory`). This is because when there is a fresh page load for a url like `http://user.github.io/todomvc/todos/42`, where `/todos/42` is a frontend route, the GitHub Pages server returns 404 because it knows nothing of `/todos/42`. If you want to add a router to a project hosted on GitHub Pages, here are a couple of solutions:
-
--   You could switch from using HTML5 history API to routing with hashes. If you use React Router, you can switch to `hashHistory` for this effect, but the URL will be longer and more verbose (for example, `http://user.github.io/todomvc/#/todos/42?_k=yknaj`). [Read more](https://reacttraining.com/react-router/web/api/Router) about different history implementations in React Router.
--   Alternatively, you can use a trick to teach GitHub Pages to handle 404 by redirecting to your `index.html` page with a special redirect parameter. You would need to add a `404.html` file with the redirection code to the `build` folder before deploying your project, and you’ll need to add code handling the redirect parameter to `index.html`. You can find a detailed explanation of this technique [in this guide](https://github.com/rafrex/spa-github-pages).
-
-### Heroku
-
-Use the [Heroku Buildpack for Create React App](https://github.com/mars/create-react-app-buildpack).<br>
-You can find instructions in [Deploying React with Zero Configuration](https://blog.heroku.com/deploying-react-with-zero-configuration).
-
-#### Resolving Heroku Deployment Errors
-
-Sometimes `npm run build` works locally but fails during deploy via Heroku. Following are the most common cases.
-
-##### "Module not found: Error: Cannot resolve 'file' or 'directory'"
-
-If you get something like this:
-
-    remote: Failed to create a production build. Reason:
-    remote: Module not found: Error: Cannot resolve 'file' or 'directory'
-    MyDirectory in /tmp/build_1234/src
-
-It means you need to ensure that the lettercase of the file or directory you `import` matches the one you see on your filesystem or on GitHub.
-
-This is important because Linux (the operating system used by Heroku) is case sensitive. So `MyDirectory` and `mydirectory` are two distinct directories and thus, even though the project builds locally, the difference in case breaks the `import` statements on Heroku remotes.
-
-##### "Could not find a required file."
-
-If you exclude or ignore necessary files from the package you will see a error similar this one:
-
-    remote: Could not find a required file.
-    remote:   Name: `index.html`
-    remote:   Searched in: /tmp/build_a2875fc163b209225122d68916f1d4df/public
-    remote:
-    remote: npm ERR! Linux 3.13.0-105-generic
-    remote: npm ERR! argv "/tmp/build_a2875fc163b209225122d68916f1d4df/.heroku/node/bin/node" "/tmp/build_a2875fc163b209225122d68916f1d4df/.heroku/node/bin/npm" "run" "build"
-
-In this case, ensure that the file is there with the proper lettercase and that’s not ignored on your local `.gitignore` or `~/.gitignore_global`.
-
-### Netlify
-
-**To do a manual deploy to Netlify’s CDN:**
-
-```sh
-npm install netlify-cli
-netlify deploy
-```
-
-Choose `build` as the path to deploy.
-
-**To setup continuous delivery:**
-
-With this setup Netlify will build and deploy when you push to git or open a pull request:
-
-1.  [Start a new netlify project](https://app.netlify.com/signup)
-2.  Pick your Git hosting service and select your repository
-3.  Click `Build your site`
-
-**Support for client-side routing:**
-
-To support `pushState`, make sure to create a `public/_redirects` file with the following rewrite rules:
-
-    /*  /index.html  200
-
-When you build the project, Create React App will place the `public` folder contents into the build output.
-
-### Now
-
-[now](https://zeit.co/now) offers a zero-configuration single-command deployment. You can use `now` to deploy your app for free.
-
-1.  Install the `now` command-line tool either via the recommended [desktop tool](https://zeit.co/download) or via node with `npm install -g now`.
-
-2.  Build your app by running `npm run build`.
-
-3.  Move into the build directory by running `cd build`.
-
-4.  Run `now --name your-project-name` from within the build directory. You will see a **now.sh** URL in your output like this:
-
-        > Ready! https://your-project-name-tpspyhtdtk.now.sh (copied to clipboard)
-
-    Paste that URL into your browser when the build is complete, and you will see your deployed app.
-
-Details are available in [this article.](https://zeit.co/blog/unlimited-static)
-
-### S3 and CloudFront
-
-See this [blog post](https://medium.com/@omgwtfmarc/deploying-create-react-app-to-s3-or-cloudfront-48dae4ce0af) on how to deploy your React app to Amazon Web Services [S3](https://aws.amazon.com/s3) and [CloudFront](https://aws.amazon.com/cloudfront/).
-
-### Surge
-
-Install the Surge CLI if you haven’t already by running `npm install -g surge`. Run the `surge` command and log in you or create a new account.
-
-When asked about the project path, make sure to specify the `build` folder, for example:
-
-```sh
-       project path: /path/to/project/build
-```
-
-Note that in order to support routers that use HTML5 `pushState` API, you may want to rename the `index.html` in your build folder to `200.html` before deploying to Surge. This [ensures that every URL falls back to that file](https://surge.sh/help/adding-a-200-page-for-client-side-routing).
-
-## Advanced Configuration
-
-You can adjust various development and production settings by setting environment variables in your shell or with [.env](#adding-development-environment-variables-in-env).
-
-| Variable            |       Development      |     Production     | Usage                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
-| :------------------ | :--------------------: | :----------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| BROWSER             |   :white_check_mark:   |         :x:        | By default, Create React App will open the default system browser, favoring Chrome on macOS. Specify a [browser](https://github.com/sindresorhus/opn#app) to override this behavior, or set it to `none` to disable it completely. If you need to customize the way the browser is launched, you can specify a node script instead. Any arguments passed to `npm start` will also be passed to this script, and the url where your app is served will be the last argument. Your script's file name must have the `.js` extension.                                                                                      |
-| HOST                |   :white_check_mark:   |         :x:        | By default, the development web server binds to `localhost`. You may use this variable to specify a different host.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
-| PORT                |   :white_check_mark:   |         :x:        | By default, the development web server will attempt to listen on port 3000 or prompt you to attempt the next available port. You may use this variable to specify a different port.                                                                                                                                                                                                                                                                                                                                                                                                                                     |
-| HTTPS               |   :white_check_mark:   |         :x:        | When set to `true`, Create React App will run the development server in `https` mode.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
-| PUBLIC_URL          |           :x:          | :white_check_mark: | Create React App assumes your application is hosted at the serving web server's root or a subpath as specified in [`package.json` (`homepage`)](#building-for-relative-paths). Normally, Create React App ignores the hostname. You may use this variable to force assets to be referenced verbatim to the url you provide (hostname included). This may be particularly useful when using a CDN to host your application.                                                                                                                                                                                              |
-| CI                  | :large_orange_diamond: | :white_check_mark: | When set to `true`, Create React App treats warnings as failures in the build. It also makes the test runner non-watching. Most CIs set this flag by default.                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
-| REACT_EDITOR        |   :white_check_mark:   |         :x:        | When an app crashes in development, you will see an error overlay with clickable stack trace. When you click on it, Create React App will try to determine the editor you are using based on currently running processes, and open the relevant source file. You can [send a pull request to detect your editor of choice](https://github.com/facebookincubator/create-react-app/issues/2636). Setting this environment variable overrides the automatic detection. If you do it, make sure your systems [PATH](https://en.wikipedia.org/wiki/PATH_(variable)) environment variable points to your editor’s bin folder. |
-| CHOKIDAR_USEPOLLING |   :white_check_mark:   |         :x:        | When set to `true`, the watcher runs in polling mode, as necessary inside a VM. Use this option if `npm start` isn't detecting changes.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-| GENERATE_SOURCEMAP  |           :x:          | :white_check_mark: | When set to `false`, source maps are not generated for a production build. This solves OOM issues on some smaller machines.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
-
-## Troubleshooting
-
-### `npm start` doesn’t detect changes
-
-When you save a file while `npm start` is running, the browser should refresh with the updated code.<br>
-If this doesn’t happen, try one of the following workarounds:
-
--   If your project is in a Dropbox folder, try moving it out.
--   If the watcher doesn’t see a file called `index.js` and you’re referencing it by the folder name, you [need to restart the watcher](https://github.com/facebookincubator/create-react-app/issues/1164) due to a Webpack bug.
--   Some editors like Vim and IntelliJ have a “safe write” feature that currently breaks the watcher. You will need to disable it. Follow the instructions in [“Adjusting Your Text Editor”](https://webpack.js.org/guides/development/#adjusting-your-text-editor).
--   If your project path contains parentheses, try moving the project to a path without them. This is caused by a [Webpack watcher bug](https://github.com/webpack/watchpack/issues/42).
--   On Linux and macOS, you might need to [tweak system settings](https://webpack.github.io/docs/troubleshooting.html#not-enough-watchers) to allow more watchers.
--   If the project runs inside a virtual machine such as (a Vagrant provisioned) VirtualBox, create an `.env` file in your project directory if it doesn’t exist, and add `CHOKIDAR_USEPOLLING=true` to it. This ensures that the next time you run `npm start`, the watcher uses the polling mode, as necessary inside a VM.
-
-If none of these solutions help please leave a comment [in this thread](https://github.com/facebookincubator/create-react-app/issues/659).
-
-### `npm test` hangs on macOS Sierra
-
-If you run `npm test` and the console gets stuck after printing `react-scripts test --env=jsdom` to the console there might be a problem with your [Watchman](https://facebook.github.io/watchman/) installation as described in [facebookincubator/create-react-app#713](https://github.com/facebookincubator/create-react-app/issues/713).
-
-We recommend deleting `node_modules` in your project and running `npm install` (or `yarn` if you use it) first. If it doesn't help, you can try one of the numerous workarounds mentioned in these issues:
-
--   [facebook/jest#1767](https://github.com/facebook/jest/issues/1767)
--   [facebook/watchman#358](https://github.com/facebook/watchman/issues/358)
--   [ember-cli/ember-cli#6259](https://github.com/ember-cli/ember-cli/issues/6259)
-
-It is reported that installing Watchman 4.7.0 or newer fixes the issue. If you use [Homebrew](http://brew.sh/), you can run these commands to update it:
-
-    watchman shutdown-server
-    brew update
-    brew reinstall watchman
-
-You can find [other installation methods](https://facebook.github.io/watchman/docs/install.html#build-install) on the Watchman documentation page.
-
-If this still doesn’t help, try running `launchctl unload -F ~/Library/LaunchAgents/com.github.facebook.watchman.plist`.
-
-There are also reports that _uninstalling_ Watchman fixes the issue. So if nothing else helps, remove it from your system and try again.
-
-### `npm run build` exits too early
-
-It is reported that `npm run build` can fail on machines with limited memory and no swap space, which is common in cloud environments. Even with small projects this command can increase RAM usage in your system by hundreds of megabytes, so if you have less than 1 GB of available memory your build is likely to fail with the following message:
-
->  The build failed because the process exited too early. This probably means the system ran out of memory or someone called `kill -9` on the process.
-
-If you are completely sure that you didn't terminate the process, consider [adding some swap space](https://www.digitalocean.com/community/tutorials/how-to-add-swap-on-ubuntu-14-04) to the machine you’re building on, or build the project locally.
-
-### `npm run build` fails on Heroku
-
-This may be a problem with case sensitive filenames.
-Please refer to [this section](#resolving-heroku-deployment-errors).
-
-### Moment.js locales are missing
-
-If you use a [Moment.js](https://momentjs.com/), you might notice that only the English locale is available by default. This is because the locale files are large, and you probably only need a subset of [all the locales provided by Moment.js](https://momentjs.com/#multiple-locale-support).
-
-To add a specific Moment.js locale to your bundle, you need to import it explicitly.<br>
-For example:
-
-```js
-import moment from 'moment';
-import 'moment/locale/fr';
-```
-
-If import multiple locales this way, you can later switch between them by calling `moment.locale()` with the locale name:
-
-```js
-import moment from 'moment';
-import 'moment/locale/fr';
-import 'moment/locale/es';
-
-// ...
-
-moment.locale('fr');
-```
-
-This will only work for locales that have been explicitly imported before.
-
-### `npm run build` fails to minify
-
-You may occasionally find a package you depend on needs compiled or ships code for a non-browser environment.<br>
-This is considered poor practice in the ecosystem and does not have an escape hatch in Create React App.<br>
-<br>
-To resolve this:
-1\. Open an issue on the dependency's issue tracker and ask that the package be published pre-compiled (retaining ES6 Modules).
-2\. Fork the package and publish a corrected version yourself.
-3\. If the dependency is small enough, copy it to your `src/` folder and treat it as application code.
-
-## Something Missing?
-
-If you have ideas for more “How To” recipes that should be on this page, [let us know](https://github.com/facebookincubator/create-react-app/issues) or [contribute some!](https://github.com/facebookincubator/create-react-app/edit/master/packages/react-scripts/template/README.md)
diff --git a/lib/cli/test/fixtures/react_scripts/package.json b/lib/cli/test/fixtures/react_scripts/package.json
deleted file mode 100644
index 3959275d4e5..00000000000
--- a/lib/cli/test/fixtures/react_scripts/package.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "name": "react-scripts-fixture",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "build": "react-scripts build",
-    "eject": "react-scripts eject",
-    "start": "react-scripts start",
-    "test": "react-scripts test --env=jsdom"
-  },
-  "dependencies": {
-    "react": "^16.8.3",
-    "react-dom": "^16.8.3",
-    "react-scripts": "^2.1.5"
-  }
-}
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/react_scripts/public/favicon.ico b/lib/cli/test/fixtures/react_scripts/public/favicon.ico
deleted file mode 100644
index a11777cc471..00000000000
Binary files a/lib/cli/test/fixtures/react_scripts/public/favicon.ico and /dev/null differ
diff --git a/lib/cli/test/fixtures/react_scripts/public/index.html b/lib/cli/test/fixtures/react_scripts/public/index.html
deleted file mode 100644
index 7bee027101e..00000000000
--- a/lib/cli/test/fixtures/react_scripts/public/index.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-  <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
diff --git a/lib/cli/test/fixtures/react_scripts/public/manifest.json b/lib/cli/test/fixtures/react_scripts/public/manifest.json
deleted file mode 100644
index be607e41771..00000000000
--- a/lib/cli/test/fixtures/react_scripts/public/manifest.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "192x192",
-      "type": "image/png"
-    }
-  ],
-  "start_url": "./index.html",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/lib/cli/test/fixtures/react_scripts/src/App.css b/lib/cli/test/fixtures/react_scripts/src/App.css
deleted file mode 100644
index 15adfdc710c..00000000000
--- a/lib/cli/test/fixtures/react_scripts/src/App.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 80px;
-}
-
-.App-header {
-  background-color: #222;
-  height: 150px;
-  padding: 20px;
-  color: white;
-}
-
-.App-intro {
-  font-size: large;
-}
-
-@keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
diff --git a/lib/cli/test/fixtures/react_scripts/src/App.js b/lib/cli/test/fixtures/react_scripts/src/App.js
deleted file mode 100644
index d7d52a7f38a..00000000000
--- a/lib/cli/test/fixtures/react_scripts/src/App.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <div className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <h2>Welcome to React</h2>
-        </div>
-        <p className="App-intro">
-          To get started, edit <code>src/App.js</code> and save to reload.
-        </p>
-      </div>
-    );
-  }
-}
-
-export default App;
diff --git a/lib/cli/test/fixtures/react_scripts/src/App.test.js b/lib/cli/test/fixtures/react_scripts/src/App.test.js
deleted file mode 100644
index b84af98d720..00000000000
--- a/lib/cli/test/fixtures/react_scripts/src/App.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-});
diff --git a/lib/cli/test/fixtures/react_scripts/src/index.css b/lib/cli/test/fixtures/react_scripts/src/index.css
deleted file mode 100644
index b4cc7250b98..00000000000
--- a/lib/cli/test/fixtures/react_scripts/src/index.css
+++ /dev/null
@@ -1,5 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
-}
diff --git a/lib/cli/test/fixtures/react_scripts/src/index.js b/lib/cli/test/fixtures/react_scripts/src/index.js
deleted file mode 100644
index fae3e3500cf..00000000000
--- a/lib/cli/test/fixtures/react_scripts/src/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import registerServiceWorker from './registerServiceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-registerServiceWorker();
diff --git a/lib/cli/test/fixtures/react_scripts/src/logo.svg b/lib/cli/test/fixtures/react_scripts/src/logo.svg
deleted file mode 100644
index 9dfc1c058ce..00000000000
--- a/lib/cli/test/fixtures/react_scripts/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/react_scripts/src/registerServiceWorker.js b/lib/cli/test/fixtures/react_scripts/src/registerServiceWorker.js
deleted file mode 100644
index 4a3ccf02124..00000000000
--- a/lib/cli/test/fixtures/react_scripts/src/registerServiceWorker.js
+++ /dev/null
@@ -1,108 +0,0 @@
-// In production, we register a service worker to serve assets from local cache.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on the "N+1" visit to a page, since previously
-// cached resources are updated in the background.
-
-// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
-// This link also includes instructions on opting out of this behavior.
-
-const isLocalhost = Boolean(
-  window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.1/8 is considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
-);
-
-export default function register() {
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener('load', () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (!isLocalhost) {
-        // Is not local host. Just register service worker
-        registerValidSW(swUrl);
-      } else {
-        // This is running on localhost. Lets check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl);
-      }
-    });
-  }
-}
-
-function registerValidSW(swUrl) {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then(registration => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === 'installed') {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the old content will have been purged and
-              // the fresh content will have been added to the cache.
-              // It's the perfect time to display a "New content is
-              // available; please refresh." message in your web app.
-              console.log('New content is available; please refresh.');
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-              console.log('Content is cached for offline use.');
-            }
-          }
-        };
-      };
-    })
-    .catch(error => {
-      console.error('Error during service worker registration:', error);
-    });
-}
-
-function checkValidServiceWorker(swUrl) {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl)
-    .then(response => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      if (
-        response.status === 404 ||
-        response.headers.get('content-type').indexOf('javascript') === -1
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then(registration => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl);
-      }
-    })
-    .catch(() => {
-      console.log(
-        'No internet connection found. App is running in offline mode.'
-      );
-    });
-}
-
-export function unregister() {
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.ready.then(registration => {
-      registration.unregister();
-    });
-  }
-}
diff --git a/lib/cli/test/fixtures/react_scripts_ts/README.md b/lib/cli/test/fixtures/react_scripts_ts/README.md
deleted file mode 100644
index 2fa78e71b5a..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/README.md
+++ /dev/null
@@ -1,44 +0,0 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start`
-
-Runs the app in the development mode.<br />
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.<br />
-You will also see any lint errors in the console.
-
-### `yarn test`
-
-Launches the test runner in the interactive watch mode.<br />
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `yarn build`
-
-Builds the app for production to the `build` folder.<br />
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br />
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `yarn eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
diff --git a/lib/cli/test/fixtures/react_scripts_ts/package.json b/lib/cli/test/fixtures/react_scripts_ts/package.json
deleted file mode 100644
index 1e4cc408925..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/package.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "name": "react-scripts-ts-fixture",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "build": "react-scripts build",
-    "eject": "react-scripts eject",
-    "start": "react-scripts start",
-    "test": "react-scripts test"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "dependencies": {
-    "@types/jest": "^24.9.1",
-    "@types/node": "^12.11.1",
-    "@types/react": "^16.9.34",
-    "@types/react-dom": "^16.9.7",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1",
-    "typescript": "^3.8.3"
-  }
-}
diff --git a/lib/cli/test/fixtures/react_scripts_ts/public/favicon.ico b/lib/cli/test/fixtures/react_scripts_ts/public/favicon.ico
deleted file mode 100644
index c2c86b859ea..00000000000
Binary files a/lib/cli/test/fixtures/react_scripts_ts/public/favicon.ico and /dev/null differ
diff --git a/lib/cli/test/fixtures/react_scripts_ts/public/index.html b/lib/cli/test/fixtures/react_scripts_ts/public/index.html
deleted file mode 100644
index c240d2ca8b0..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/public/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
diff --git a/lib/cli/test/fixtures/react_scripts_ts/public/logo192.png b/lib/cli/test/fixtures/react_scripts_ts/public/logo192.png
deleted file mode 100644
index ddb64cb8e30..00000000000
Binary files a/lib/cli/test/fixtures/react_scripts_ts/public/logo192.png and /dev/null differ
diff --git a/lib/cli/test/fixtures/react_scripts_ts/public/logo512.png b/lib/cli/test/fixtures/react_scripts_ts/public/logo512.png
deleted file mode 100644
index e716978fcb7..00000000000
Binary files a/lib/cli/test/fixtures/react_scripts_ts/public/logo512.png and /dev/null differ
diff --git a/lib/cli/test/fixtures/react_scripts_ts/public/manifest.json b/lib/cli/test/fixtures/react_scripts_ts/public/manifest.json
deleted file mode 100644
index 080d6c77ac2..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/lib/cli/test/fixtures/react_scripts_ts/public/robots.txt b/lib/cli/test/fixtures/react_scripts_ts/public/robots.txt
deleted file mode 100644
index 01b0f9a1073..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/public/robots.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
diff --git a/lib/cli/test/fixtures/react_scripts_ts/src/App.css b/lib/cli/test/fixtures/react_scripts_ts/src/App.css
deleted file mode 100644
index afc3885715f..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/src/App.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #09d3ac;
-}
diff --git a/lib/cli/test/fixtures/react_scripts_ts/src/App.test.tsx b/lib/cli/test/fixtures/react_scripts_ts/src/App.test.tsx
deleted file mode 100644
index a754b201bf9..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/src/App.test.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/lib/cli/test/fixtures/react_scripts_ts/src/App.tsx b/lib/cli/test/fixtures/react_scripts_ts/src/App.tsx
deleted file mode 100644
index 226ee6316af..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/src/App.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-const App: React.FC = () => {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
-  );
-}
-
-export default App;
diff --git a/lib/cli/test/fixtures/react_scripts_ts/src/index.css b/lib/cli/test/fixtures/react_scripts_ts/src/index.css
deleted file mode 100644
index ec2585e8c0b..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
diff --git a/lib/cli/test/fixtures/react_scripts_ts/src/index.tsx b/lib/cli/test/fixtures/react_scripts_ts/src/index.tsx
deleted file mode 100644
index 87d1be55189..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/src/index.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/lib/cli/test/fixtures/react_scripts_ts/src/logo.svg b/lib/cli/test/fixtures/react_scripts_ts/src/logo.svg
deleted file mode 100644
index 7bd1599766b..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.96 159.93"><defs><style>.cls-1{fill:#09d3ac}</style></defs><path d="M141.35,73.27c0-6.89-8.11-13-20.58-16.73,3-12.67,1.69-22.75-4.28-26.16a9.55,9.55,0,0,0-4.79-1.2c-5.57,0-12.61,3.89-19.72,10.62-7.11-6.68-14.13-10.55-19.69-10.55a9.46,9.46,0,0,0-4.86,1.22c-5.94,3.42-7.17,13.44-4.21,26.05-12.41,3.71-20.48,9.77-20.5,16.63s8.12,13,20.59,16.72c-3,12.68-1.7,22.75,4.28,26.16a9.41,9.41,0,0,0,4.78,1.2c5.58,0,12.62-3.89,19.73-10.62,7.1,6.68,14.12,10.55,19.69,10.55a9.59,9.59,0,0,0,4.86-1.22c5.94-3.42,7.16-13.44,4.21-26C133.27,86.18,141.34,80.12,141.35,73.27ZM96.56,42.06c8.19-7.33,13.31-8.12,15.13-8.12h0a4.71,4.71,0,0,1,2.42.58c2.86,1.63,4,7.38,3.09,15a56.73,56.73,0,0,1-1,5.79,97.7,97.7,0,0,0-12.58-2.07,98.47,98.47,0,0,0-8.24-10.08C95.75,42.79,96.15,42.42,96.56,42.06ZM71.77,78.94c.78,1.5,1.61,3,2.47,4.51S76,86.49,77,88c-2.71-.39-5.34-.88-7.84-1.46C69.86,84,70.75,81.5,71.77,78.94ZM69,59.9c2.53-.59,5.18-1.08,7.93-1.46-1,1.48-1.86,3-2.76,4.59s-1.69,3-2.46,4.52Q70.18,63.65,69,59.9Zm5.21,13.34q1.86-3.93,4.09-7.86c1.5-2.62,3.11-5.17,4.77-7.61,2.91-.22,5.91-.34,9-.33s6,.12,8.89.35c1.66,2.42,3.25,5,4.75,7.55s2.88,5.22,4.12,7.83c-1.23,2.62-2.6,5.25-4.08,7.85s-3.11,5.18-4.77,7.62c-2.91.23-5.91.34-9,.34s-6-.13-8.89-.36c-1.66-2.42-3.26-4.94-4.76-7.55S75.5,75.85,74.25,73.24Zm32.86-14.77c2.72.38,5.35.87,7.84,1.45-.74,2.47-1.62,5-2.64,7.55-.79-1.5-1.61-3-2.48-4.51S108,59.93,107.11,58.47Zm2.76,24.92q1.29-2.27,2.46-4.53c1,2.6,2,5.16,2.7,7.66-2.52.59-5.17,1.07-7.92,1.45Q108.52,85.75,109.87,83.39ZM92,46.56c1.8,1.92,3.57,4,5.3,6.23-1.71-.07-3.46-.12-5.23-.12s-3.58,0-5.33.12C88.45,50.57,90.2,48.48,92,46.56Zm-22.18-12A4.82,4.82,0,0,1,72.29,34a13.11,13.11,0,0,1,5.19,1.31,39.07,39.07,0,0,1,10,6.78l1.17,1.07a98.49,98.49,0,0,0-8.16,10,98.88,98.88,0,0,0-12.65,2.06c-.44-1.94-.8-3.84-1-5.67C65.8,42,67,36.24,69.81,34.6ZM64.53,85.26a58.75,58.75,0,0,1-5.54-2c-7.1-3-11.5-6.85-11.5-10.14S51.91,66,59,63.05a57.63,57.63,0,0,1,5.44-1.94A97.93,97.93,0,0,0,69,73.25,98.72,98.72,0,0,0,64.53,85.26Zm23,19.1c-8.19,7.33-13.31,8.11-15.14,8.11a4.69,4.69,0,0,1-2.42-.58c-2.86-1.63-4-7.38-3.09-15a56.07,56.07,0,0,1,1-5.78,99.51,99.51,0,0,0,12.58,2.06,97.17,97.17,0,0,0,8.24,10.08Zm4.57-4.51c-1.8-1.92-3.57-4-5.31-6.23,1.72.08,3.47.12,5.24.12s3.58,0,5.33-.11C95.63,95.85,93.87,97.93,92.09,99.85Zm22.18,12a4.82,4.82,0,0,1-2.48.59c-1.82,0-7-.8-15.16-8.1l-1.17-1.07a98.44,98.44,0,0,0,8.15-10,97,97,0,0,0,12.66-2.06c.44,1.94.79,3.84,1,5.67C118.27,104.42,117.12,110.18,114.27,111.81Zm10.8-28.44c-1.71.7-3.52,1.35-5.44,1.93a98.54,98.54,0,0,0-4.57-12.14,98.1,98.1,0,0,0,4.49-12,58.75,58.75,0,0,1,5.54,2c7.09,3,11.5,6.85,11.49,10.14S132.17,80.42,125.07,83.37ZM92,82.39a9.18,9.18,0,1,0-9.17-9.19A9.17,9.17,0,0,0,92,82.39ZM31,17.88V128.53H153.07V17.88ZM148.3,123.77H35.78V22.65H148.3Zm-85-33.9c-3,12.68-1.7,22.75,4.28,26.16a9.41,9.41,0,0,0,4.78,1.2c5.58,0,12.62-3.89,19.73-10.62,7.1,6.68,14.12,10.55,19.69,10.55a9.59,9.59,0,0,0,4.86-1.22c5.94-3.42,7.16-13.44,4.21-26,12.41-3.72,20.48-9.78,20.49-16.63s-8.11-13-20.58-16.73c3-12.67,1.69-22.75-4.28-26.16a9.55,9.55,0,0,0-4.79-1.2c-5.57,0-12.61,3.89-19.72,10.62-7.11-6.68-14.13-10.55-19.69-10.55a9.46,9.46,0,0,0-4.86,1.22c-5.94,3.42-7.17,13.44-4.21,26.05-12.41,3.71-20.48,9.77-20.5,16.63S50.84,86.13,63.31,89.87Zm24.21,14.49c-8.19,7.33-13.31,8.11-15.14,8.11a4.69,4.69,0,0,1-2.42-.58c-2.86-1.63-4-7.38-3.09-15a56.07,56.07,0,0,1,1-5.78,99.51,99.51,0,0,0,12.58,2.06,97.17,97.17,0,0,0,8.24,10.08Zm24.79-36.89c-.79-1.5-1.61-3-2.48-4.51s-1.8-3-2.72-4.49c2.72.38,5.35.87,7.84,1.45C114.21,62.39,113.33,64.92,112.31,67.47Zm2.72,19c-2.52.59-5.17,1.07-7.92,1.45q1.41-2.22,2.76-4.58t2.46-4.53C113.37,81.46,114.28,84,115,86.52Zm-5.21-13.35c-1.23,2.62-2.6,5.25-4.08,7.85s-3.11,5.18-4.77,7.62c-2.91.23-5.91.34-9,.34s-6-.13-8.89-.36c-1.66-2.42-3.26-4.94-4.76-7.55s-2.87-5.22-4.12-7.83q1.86-3.93,4.09-7.86c1.5-2.62,3.11-5.17,4.77-7.61,2.91-.22,5.91-.34,9-.33s6,.12,8.89.35c1.66,2.42,3.25,5,4.75,7.55S108.58,70.56,109.82,73.17ZM77,88c-2.71-.39-5.34-.88-7.84-1.46.74-2.46,1.63-5,2.65-7.55.78,1.5,1.61,3,2.47,4.51S76,86.49,77,88ZM74.21,63c-.87,1.5-1.69,3-2.46,4.52Q70.18,63.65,69,59.9c2.53-.59,5.18-1.08,7.93-1.46C76,59.92,75.11,61.45,74.21,63ZM92.09,99.85c-1.8-1.92-3.57-4-5.31-6.23,1.72.08,3.47.12,5.24.12s3.58,0,5.33-.11C95.63,95.85,93.87,97.93,92.09,99.85Zm22.18,12a4.82,4.82,0,0,1-2.48.59c-1.82,0-7-.8-15.16-8.1l-1.17-1.07a98.44,98.44,0,0,0,8.15-10,97,97,0,0,0,12.66-2.06c.44,1.94.79,3.84,1,5.67C118.27,104.42,117.12,110.18,114.27,111.81Zm5.28-50.66a58.75,58.75,0,0,1,5.54,2c7.09,3,11.5,6.85,11.49,10.14s-4.41,7.16-11.51,10.11c-1.71.7-3.52,1.35-5.44,1.93a98.54,98.54,0,0,0-4.57-12.14A98.1,98.1,0,0,0,119.55,61.15Zm-23-19.09c8.19-7.33,13.31-8.12,15.13-8.12h0a4.71,4.71,0,0,1,2.42.58c2.86,1.63,4,7.38,3.09,15a56.73,56.73,0,0,1-1,5.79,97.7,97.7,0,0,0-12.58-2.07,98.47,98.47,0,0,0-8.24-10.08C95.75,42.79,96.15,42.42,96.56,42.06ZM92,46.56c1.8,1.92,3.57,4,5.3,6.23-1.71-.07-3.46-.12-5.23-.12s-3.58,0-5.33.12C88.45,50.57,90.2,48.48,92,46.56Zm-22.18-12A4.82,4.82,0,0,1,72.29,34a13.11,13.11,0,0,1,5.19,1.31,39.07,39.07,0,0,1,10,6.78l1.17,1.07a98.49,98.49,0,0,0-8.16,10,98.88,98.88,0,0,0-12.65,2.06c-.44-1.94-.8-3.84-1-5.67C65.8,42,67,36.24,69.81,34.6ZM59,63.05a57.63,57.63,0,0,1,5.44-1.94A97.93,97.93,0,0,0,69,73.25a98.72,98.72,0,0,0-4.49,12,58.75,58.75,0,0,1-5.54-2c-7.1-3-11.5-6.85-11.5-10.14S51.91,66,59,63.05Zm33,1a9.18,9.18,0,1,0,9.17,9.19A9.17,9.17,0,0,0,92,64Zm0,0a9.18,9.18,0,1,0,9.17,9.19A9.17,9.17,0,0,0,92,64Zm0,0a9.18,9.18,0,1,0,9.17,9.19A9.17,9.17,0,0,0,92,64Zm49.35,9.24c0-6.89-8.11-13-20.58-16.73,3-12.67,1.69-22.75-4.28-26.16a9.55,9.55,0,0,0-4.79-1.2c-5.57,0-12.61,3.89-19.72,10.62-7.11-6.68-14.13-10.55-19.69-10.55a9.46,9.46,0,0,0-4.86,1.22c-5.94,3.42-7.17,13.44-4.21,26.05-12.41,3.71-20.48,9.77-20.5,16.63s8.12,13,20.59,16.72c-3,12.68-1.7,22.75,4.28,26.16a9.41,9.41,0,0,0,4.78,1.2c5.58,0,12.62-3.89,19.73-10.62,7.1,6.68,14.12,10.55,19.69,10.55a9.59,9.59,0,0,0,4.86-1.22c5.94-3.42,7.16-13.44,4.21-26C133.27,86.18,141.34,80.12,141.35,73.27ZM96.56,42.06c8.19-7.33,13.31-8.12,15.13-8.12h0a4.71,4.71,0,0,1,2.42.58c2.86,1.63,4,7.38,3.09,15a56.73,56.73,0,0,1-1,5.79,97.7,97.7,0,0,0-12.58-2.07,98.47,98.47,0,0,0-8.24-10.08C95.75,42.79,96.15,42.42,96.56,42.06ZM71.77,78.94c.78,1.5,1.61,3,2.47,4.51S76,86.49,77,88c-2.71-.39-5.34-.88-7.84-1.46C69.86,84,70.75,81.5,71.77,78.94ZM69,59.9c2.53-.59,5.18-1.08,7.93-1.46-1,1.48-1.86,3-2.76,4.59s-1.69,3-2.46,4.52Q70.18,63.65,69,59.9Zm5.21,13.34q1.86-3.93,4.09-7.86c1.5-2.62,3.11-5.17,4.77-7.61,2.91-.22,5.91-.34,9-.33s6,.12,8.89.35c1.66,2.42,3.25,5,4.75,7.55s2.88,5.22,4.12,7.83c-1.23,2.62-2.6,5.25-4.08,7.85s-3.11,5.18-4.77,7.62c-2.91.23-5.91.34-9,.34s-6-.13-8.89-.36c-1.66-2.42-3.26-4.94-4.76-7.55S75.5,75.85,74.25,73.24Zm32.86-14.77c2.72.38,5.35.87,7.84,1.45-.74,2.47-1.62,5-2.64,7.55-.79-1.5-1.61-3-2.48-4.51S108,59.93,107.11,58.47Zm2.76,24.92q1.29-2.27,2.46-4.53c1,2.6,2,5.16,2.7,7.66-2.52.59-5.17,1.07-7.92,1.45Q108.52,85.75,109.87,83.39ZM92,46.56c1.8,1.92,3.57,4,5.3,6.23-1.71-.07-3.46-.12-5.23-.12s-3.58,0-5.33.12C88.45,50.57,90.2,48.48,92,46.56Zm-22.18-12A4.82,4.82,0,0,1,72.29,34a13.11,13.11,0,0,1,5.19,1.31,39.07,39.07,0,0,1,10,6.78l1.17,1.07a98.49,98.49,0,0,0-8.16,10,98.88,98.88,0,0,0-12.65,2.06c-.44-1.94-.8-3.84-1-5.67C65.8,42,67,36.24,69.81,34.6ZM64.53,85.26a58.75,58.75,0,0,1-5.54-2c-7.1-3-11.5-6.85-11.5-10.14S51.91,66,59,63.05a57.63,57.63,0,0,1,5.44-1.94A97.93,97.93,0,0,0,69,73.25,98.72,98.72,0,0,0,64.53,85.26Zm23,19.1c-8.19,7.33-13.31,8.11-15.14,8.11a4.69,4.69,0,0,1-2.42-.58c-2.86-1.63-4-7.38-3.09-15a56.07,56.07,0,0,1,1-5.78,99.51,99.51,0,0,0,12.58,2.06,97.17,97.17,0,0,0,8.24,10.08Zm4.57-4.51c-1.8-1.92-3.57-4-5.31-6.23,1.72.08,3.47.12,5.24.12s3.58,0,5.33-.11C95.63,95.85,93.87,97.93,92.09,99.85Zm22.18,12a4.82,4.82,0,0,1-2.48.59c-1.82,0-7-.8-15.16-8.1l-1.17-1.07a98.44,98.44,0,0,0,8.15-10,97,97,0,0,0,12.66-2.06c.44,1.94.79,3.84,1,5.67C118.27,104.42,117.12,110.18,114.27,111.81Zm10.8-28.44c-1.71.7-3.52,1.35-5.44,1.93a98.54,98.54,0,0,0-4.57-12.14,98.1,98.1,0,0,0,4.49-12,58.75,58.75,0,0,1,5.54,2c7.09,3,11.5,6.85,11.49,10.14S132.17,80.42,125.07,83.37ZM92,82.39a9.18,9.18,0,1,0-9.17-9.19A9.17,9.17,0,0,0,92,82.39Zm-69.32,54.5V26.2L17.89,31V141.66H139.94l4.78-4.77Z" class="cls-1"/></svg>
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/react_scripts_ts/src/react-app-env.d.ts b/lib/cli/test/fixtures/react_scripts_ts/src/react-app-env.d.ts
deleted file mode 100644
index 6431bc5fc6b..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/src/react-app-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="react-scripts" />
diff --git a/lib/cli/test/fixtures/react_scripts_ts/src/serviceWorker.ts b/lib/cli/test/fixtures/react_scripts_ts/src/serviceWorker.ts
deleted file mode 100644
index 15d90cb81a1..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/src/serviceWorker.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-// This optional code is used to register a service worker.
-// register() is not called by default.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on subsequent visits to a page, after all the
-// existing tabs open on the page have been closed, since previously cached
-// resources are updated in the background.
-
-// To learn more about the benefits of this model and instructions on how to
-// opt-in, read https://bit.ly/CRA-PWA
-
-const isLocalhost = Boolean(
-  window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.1/8 is considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
-);
-
-type Config = {
-  onSuccess?: (registration: ServiceWorkerRegistration) => void;
-  onUpdate?: (registration: ServiceWorkerRegistration) => void;
-};
-
-export function register(config?: Config) {
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(
-      (process as { env: { [key: string]: string } }).env.PUBLIC_URL,
-      window.location.href
-    );
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener('load', () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Let's check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl, config);
-
-        // Add some additional logging to localhost, pointing developers to the
-        // service worker/PWA documentation.
-        navigator.serviceWorker.ready.then(() => {
-          console.log(
-            'This web app is being served cache-first by a service ' +
-              'worker. To learn more, visit https://bit.ly/CRA-PWA'
-          );
-        });
-      } else {
-        // Is not localhost. Just register service worker
-        registerValidSW(swUrl, config);
-      }
-    });
-  }
-}
-
-function registerValidSW(swUrl: string, config?: Config) {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then(registration => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        if (installingWorker == null) {
-          return;
-        }
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === 'installed') {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the updated precached content has been fetched,
-              // but the previous service worker will still serve the older
-              // content until all client tabs are closed.
-              console.log(
-                'New content is available and will be used when all ' +
-                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
-              );
-
-              // Execute callback
-              if (config && config.onUpdate) {
-                config.onUpdate(registration);
-              }
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-              console.log('Content is cached for offline use.');
-
-              // Execute callback
-              if (config && config.onSuccess) {
-                config.onSuccess(registration);
-              }
-            }
-          }
-        };
-      };
-    })
-    .catch(error => {
-      console.error('Error during service worker registration:', error);
-    });
-}
-
-function checkValidServiceWorker(swUrl: string, config?: Config) {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl)
-    .then(response => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      const contentType = response.headers.get('content-type');
-      if (
-        response.status === 404 ||
-        (contentType != null && contentType.indexOf('javascript') === -1)
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then(registration => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl, config);
-      }
-    })
-    .catch(() => {
-      console.log(
-        'No internet connection found. App is running in offline mode.'
-      );
-    });
-}
-
-export function unregister() {
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.ready.then(registration => {
-      registration.unregister();
-    });
-  }
-}
diff --git a/lib/cli/test/fixtures/react_scripts_ts/tsconfig.json b/lib/cli/test/fixtures/react_scripts_ts/tsconfig.json
deleted file mode 100644
index f2850b71613..00000000000
--- a/lib/cli/test/fixtures/react_scripts_ts/tsconfig.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react"
-  },
-  "include": [
-    "src"
-  ]
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2/.gitignore b/lib/cli/test/fixtures/react_scripts_v2/.gitignore
deleted file mode 100644
index 4d29575de80..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/.gitignore
+++ /dev/null
@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
diff --git a/lib/cli/test/fixtures/react_scripts_v2/README.md b/lib/cli/test/fixtures/react_scripts_v2/README.md
deleted file mode 100644
index 897dc836601..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/README.md
+++ /dev/null
@@ -1,44 +0,0 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.<br>
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.<br>
-You will also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.<br>
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.<br>
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br>
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
diff --git a/lib/cli/test/fixtures/react_scripts_v2/package.json b/lib/cli/test/fixtures/react_scripts_v2/package.json
deleted file mode 100644
index c25417bdd69..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "react-scripts-v2-fixture",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "build": "react-scripts build",
-    "eject": "react-scripts eject",
-    "start": "react-scripts start",
-    "test": "react-scripts test"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "dependencies": {
-    "react": "^16.8.3",
-    "react-dom": "^16.8.3",
-    "react-scripts": "2.1.5"
-  }
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2/public/favicon.ico b/lib/cli/test/fixtures/react_scripts_v2/public/favicon.ico
deleted file mode 100644
index a11777cc471..00000000000
Binary files a/lib/cli/test/fixtures/react_scripts_v2/public/favicon.ico and /dev/null differ
diff --git a/lib/cli/test/fixtures/react_scripts_v2/public/index.html b/lib/cli/test/fixtures/react_scripts_v2/public/index.html
deleted file mode 100644
index 4bfce95684f..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/public/index.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-  <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
diff --git a/lib/cli/test/fixtures/react_scripts_v2/public/manifest.json b/lib/cli/test/fixtures/react_scripts_v2/public/manifest.json
deleted file mode 100644
index 1f2f141fafd..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/public/manifest.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2/src/App.css b/lib/cli/test/fixtures/react_scripts_v2/src/App.css
deleted file mode 100644
index 92f956e8040..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/src/App.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 40vmin;
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2/src/App.js b/lib/cli/test/fixtures/react_scripts_v2/src/App.js
deleted file mode 100644
index 7e261ca47e6..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/src/App.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.js</code> and save to reload.
-          </p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-        </header>
-      </div>
-    );
-  }
-}
-
-export default App;
diff --git a/lib/cli/test/fixtures/react_scripts_v2/src/App.test.js b/lib/cli/test/fixtures/react_scripts_v2/src/App.test.js
deleted file mode 100644
index a754b201bf9..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/src/App.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/lib/cli/test/fixtures/react_scripts_v2/src/index.css b/lib/cli/test/fixtures/react_scripts_v2/src/index.css
deleted file mode 100644
index cee5f348fb9..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/src/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-    monospace;
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2/src/index.js b/lib/cli/test/fixtures/react_scripts_v2/src/index.js
deleted file mode 100644
index 0c5e75da1cd..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/src/index.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: http://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/lib/cli/test/fixtures/react_scripts_v2/src/logo.svg b/lib/cli/test/fixtures/react_scripts_v2/src/logo.svg
deleted file mode 100644
index 9dfc1c058ce..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/react_scripts_v2/src/serviceWorker.js b/lib/cli/test/fixtures/react_scripts_v2/src/serviceWorker.js
deleted file mode 100644
index 2283ff9ced1..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2/src/serviceWorker.js
+++ /dev/null
@@ -1,135 +0,0 @@
-// This optional code is used to register a service worker.
-// register() is not called by default.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on subsequent visits to a page, after all the
-// existing tabs open on the page have been closed, since previously cached
-// resources are updated in the background.
-
-// To learn more about the benefits of this model and instructions on how to
-// opt-in, read http://bit.ly/CRA-PWA
-
-const isLocalhost = Boolean(
-  window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.1/8 is considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
-);
-
-export function register(config) {
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener('load', () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Let's check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl, config);
-
-        // Add some additional logging to localhost, pointing developers to the
-        // service worker/PWA documentation.
-        navigator.serviceWorker.ready.then(() => {
-          console.log(
-            'This web app is being served cache-first by a service ' +
-              'worker. To learn more, visit http://bit.ly/CRA-PWA'
-          );
-        });
-      } else {
-        // Is not localhost. Just register service worker
-        registerValidSW(swUrl, config);
-      }
-    });
-  }
-}
-
-function registerValidSW(swUrl, config) {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then(registration => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        if (installingWorker == null) {
-          return;
-        }
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === 'installed') {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the updated precached content has been fetched,
-              // but the previous service worker will still serve the older
-              // content until all client tabs are closed.
-              console.log(
-                'New content is available and will be used when all ' +
-                  'tabs for this page are closed. See http://bit.ly/CRA-PWA.'
-              );
-
-              // Execute callback
-              if (config && config.onUpdate) {
-                config.onUpdate(registration);
-              }
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-              console.log('Content is cached for offline use.');
-
-              // Execute callback
-              if (config && config.onSuccess) {
-                config.onSuccess(registration);
-              }
-            }
-          }
-        };
-      };
-    })
-    .catch(error => {
-      console.error('Error during service worker registration:', error);
-    });
-}
-
-function checkValidServiceWorker(swUrl, config) {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl)
-    .then(response => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      const contentType = response.headers.get('content-type');
-      if (
-        response.status === 404 ||
-        (contentType != null && contentType.indexOf('javascript') === -1)
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then(registration => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl, config);
-      }
-    })
-    .catch(() => {
-      console.log(
-        'No internet connection found. App is running in offline mode.'
-      );
-    });
-}
-
-export function unregister() {
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.ready.then(registration => {
-      registration.unregister();
-    });
-  }
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/.gitignore b/lib/cli/test/fixtures/react_scripts_v2_forked/.gitignore
deleted file mode 100644
index 4d29575de80..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/.gitignore
+++ /dev/null
@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/README.md b/lib/cli/test/fixtures/react_scripts_v2_forked/README.md
deleted file mode 100644
index 897dc836601..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/README.md
+++ /dev/null
@@ -1,44 +0,0 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.<br>
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.<br>
-You will also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.<br>
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.<br>
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br>
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/package.json b/lib/cli/test/fixtures/react_scripts_v2_forked/package.json
deleted file mode 100644
index 52b0b8bc739..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "react-scripts-v2-forked-fixture",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "build": "react-scripts build",
-    "eject": "react-scripts eject",
-    "start": "react-scripts start",
-    "test": "react-scripts test"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ],
-  "dependencies": {
-    "forked-react-scripts": "npm:react-scripts@2.1.1",
-    "react": "^16.8.3",
-    "react-dom": "^16.8.3"
-  }
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/public/favicon.ico b/lib/cli/test/fixtures/react_scripts_v2_forked/public/favicon.ico
deleted file mode 100644
index a11777cc471..00000000000
Binary files a/lib/cli/test/fixtures/react_scripts_v2_forked/public/favicon.ico and /dev/null differ
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/public/index.html b/lib/cli/test/fixtures/react_scripts_v2_forked/public/index.html
deleted file mode 100644
index 4bfce95684f..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/public/index.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-  <body>
-    <noscript>
-      You need to enable JavaScript to run this app.
-    </noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/public/manifest.json b/lib/cli/test/fixtures/react_scripts_v2_forked/public/manifest.json
deleted file mode 100644
index 1f2f141fafd..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/public/manifest.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.css b/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.css
deleted file mode 100644
index 92f956e8040..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 40vmin;
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.js b/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.js
deleted file mode 100644
index 7e261ca47e6..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.js</code> and save to reload.
-          </p>
-          <a
-            className="App-link"
-            href="https://reactjs.org"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Learn React
-          </a>
-        </header>
-      </div>
-    );
-  }
-}
-
-export default App;
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.test.js b/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.test.js
deleted file mode 100644
index a754b201bf9..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/src/App.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/src/index.css b/lib/cli/test/fixtures/react_scripts_v2_forked/src/index.css
deleted file mode 100644
index cee5f348fb9..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/src/index.css
+++ /dev/null
@@ -1,14 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-    monospace;
-}
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/src/index.js b/lib/cli/test/fixtures/react_scripts_v2_forked/src/index.js
deleted file mode 100644
index 0c5e75da1cd..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/src/index.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: http://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/src/logo.svg b/lib/cli/test/fixtures/react_scripts_v2_forked/src/logo.svg
deleted file mode 100644
index 9dfc1c058ce..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>
\ No newline at end of file
diff --git a/lib/cli/test/fixtures/react_scripts_v2_forked/src/serviceWorker.js b/lib/cli/test/fixtures/react_scripts_v2_forked/src/serviceWorker.js
deleted file mode 100644
index 2283ff9ced1..00000000000
--- a/lib/cli/test/fixtures/react_scripts_v2_forked/src/serviceWorker.js
+++ /dev/null
@@ -1,135 +0,0 @@
-// This optional code is used to register a service worker.
-// register() is not called by default.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on subsequent visits to a page, after all the
-// existing tabs open on the page have been closed, since previously cached
-// resources are updated in the background.
-
-// To learn more about the benefits of this model and instructions on how to
-// opt-in, read http://bit.ly/CRA-PWA
-
-const isLocalhost = Boolean(
-  window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.1/8 is considered localhost for IPv4.
-    window.location.hostname.match(
-      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
-    )
-);
-
-export function register(config) {
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener('load', () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Let's check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl, config);
-
-        // Add some additional logging to localhost, pointing developers to the
-        // service worker/PWA documentation.
-        navigator.serviceWorker.ready.then(() => {
-          console.log(
-            'This web app is being served cache-first by a service ' +
-              'worker. To learn more, visit http://bit.ly/CRA-PWA'
-          );
-        });
-      } else {
-        // Is not localhost. Just register service worker
-        registerValidSW(swUrl, config);
-      }
-    });
-  }
-}
-
-function registerValidSW(swUrl, config) {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then(registration => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        if (installingWorker == null) {
-          return;
-        }
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === 'installed') {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the updated precached content has been fetched,
-              // but the previous service worker will still serve the older
-              // content until all client tabs are closed.
-              console.log(
-                'New content is available and will be used when all ' +
-                  'tabs for this page are closed. See http://bit.ly/CRA-PWA.'
-              );
-
-              // Execute callback
-              if (config && config.onUpdate) {
-                config.onUpdate(registration);
-              }
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-              console.log('Content is cached for offline use.');
-
-              // Execute callback
-              if (config && config.onSuccess) {
-                config.onSuccess(registration);
-              }
-            }
-          }
-        };
-      };
-    })
-    .catch(error => {
-      console.error('Error during service worker registration:', error);
-    });
-}
-
-function checkValidServiceWorker(swUrl, config) {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl)
-    .then(response => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      const contentType = response.headers.get('content-type');
-      if (
-        response.status === 404 ||
-        (contentType != null && contentType.indexOf('javascript') === -1)
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then(registration => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl, config);
-      }
-    })
-    .catch(() => {
-      console.log(
-        'No internet connection found. App is running in offline mode.'
-      );
-    });
-}
-
-export function unregister() {
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.ready.then(registration => {
-      registration.unregister();
-    });
-  }
-}
diff --git a/lib/cli/test/fixtures/sfc_vue/package.json b/lib/cli/test/fixtures/sfc_vue/package.json
index ed04921b850..a9bed94b180 100644
--- a/lib/cli/test/fixtures/sfc_vue/package.json
+++ b/lib/cli/test/fixtures/sfc_vue/package.json
@@ -23,6 +23,7 @@
     "@babel/preset-env": "^7.4.1",
     "@babel/preset-stage-2": "^7.0.0",
     "@babel/register": "^7.0.0",
+    "@storybook/semver": "^7.3.2",
     "autoprefixer": "^9.4.9",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.5",
@@ -42,7 +43,6 @@
     "optimize-css-assets-webpack-plugin": "^2.0.0",
     "ora": "^3.2.0",
     "rimraf": "^2.6.3",
-    "@storybook/semver": "^7.3.2",
     "shelljs": "^0.8.3",
     "url-loader": "^1.1.2",
     "vue-loader": "15.7.0",
diff --git a/lib/cli/test/fixtures/webpack_react_frozen_lock/package.json b/lib/cli/test/fixtures/webpack_react_frozen_lock/package.json
index 6efbd6282c5..14a16edb48d 100644
--- a/lib/cli/test/fixtures/webpack_react_frozen_lock/package.json
+++ b/lib/cli/test/fixtures/webpack_react_frozen_lock/package.json
@@ -7,8 +7,8 @@
     "build": "webpack"
   },
   "dependencies": {
-    "react": "16.8.4",
-    "react-dom": "16.8.4"
+    "react": "16.8.3",
+    "react-dom": "16.8.3"
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
diff --git a/lib/cli/test/run_tests_yarn_2.sh b/lib/cli/test/run_tests_yarn_2.sh
deleted file mode 100755
index aee0740583f..00000000000
--- a/lib/cli/test/run_tests_yarn_2.sh
+++ /dev/null
@@ -1,93 +0,0 @@
-#!/bin/bash
-
-# exit on error
-set -e
-
-declare test_root=$PWD
-
-test_folder='run-yarn-2'
-fixtures_dir='fixtures'
-story_format='csf'
-
-# remove run directory before exit to prevent yarn.lock spoiling
-function cleanup {
-  rm -rfd ${test_root}/$test_folder
-}
-trap cleanup EXIT
-
-# parse command-line options
-# '-s' sets story format to use
-while getopts ":s:" opt; do
-  case $opt in
-    s)
-      story_format=$OPTARG
-      ;;
-  esac
-done
-
-rm -rfd $test_folder
-mkdir $test_folder
-# copy some files from fixtures directory, the goal is to test that CLI is running well with Yarn 2 not to have all framework covered (especially because some are not compatible with Yarn 2 yet)
-cp -r $fixtures_dir/react $test_folder/react
-cp -r $fixtures_dir/react_babelrc_js $test_folder/react_babelrc_js
-cp -r $fixtures_dir/webpack_react $test_folder/webpack_react
-cd $test_folder
-
-for dir in *
-do
-  cd $dir
-  echo "Set Yarn 2 in $dir"
-  # First command is for Yarn <=1.21, second for Yarn 1.22
-  yarn policies set-version berry || yarn set version berry
-
-  # Do some magic to make Yarn 2 work inside a Yarn 1 monorepo
-  unset YARN_WRAP_OUTPUT
-  touch yarn.lock
-
-  # Transform `package.json`:
-  #   - add `@storybook/cli` dep to be able to do `yarn sb init` with Yarn 2
-  #   - fill `resolutions` attribute with link to local `@storybook` packages because we can not use Yarn v1 workspace
-  #   directly, this can be rework when the whole monorepo will be migrated to Yarn 2
-  ../../berryfy_package_json.js $PWD/package.json
-
-  echo "Installing dependencies in $dir"
-  # Need to do `yarn install` first to have `@storybook/cli` correctly linked
-  yarn install
-
-  echo "Running storybook-cli in $dir"
-  case $story_format in
-  csf)
-    yarn sb init --skip-install --yes
-    ;;
-  mdx)
-    if [[ $dir =~ (react_native*|angular-cli-v6|ember-cli|marko|meteor|mithril|riot) ]]
-    then
-      yarn sb init --skip-install --yes
-    else
-      yarn sb init --skip-install --yes --story-format mdx
-    fi
-    ;;
-  csf-ts)
-    if [[ $dir =~ (react_scripts_ts) ]]
-    then
-      yarn sb init --skip-install --yes --story-format csf-ts
-    else
-      yarn sb init --skip-install --yes
-    fi
-    ;;
-  esac
-
-  # Need to do a new `yarn install` to have all `@storybook/xxx` packages correctly linked to local ones
-  yarn install
-
-  echo "Running smoke test in $dir"
-  failed=0
-  yarn storybook --smoke-test --quiet || failed=1
-
-  if [ $failed -eq 1 ]
-  then
-    exit 1
-  fi
-
-  cd ..
-done
diff --git a/lib/cli/test/test_latest_cra.sh b/lib/cli/test/test_latest_cra.sh
deleted file mode 100755
index f2450d7e6c2..00000000000
--- a/lib/cli/test/test_latest_cra.sh
+++ /dev/null
@@ -1,14 +0,0 @@
-#!/bin/bash
-
-# exit on error
-set -e
-
-# remove and recreate `cra-fixtures` directory
-rm -rfd cra-fixtures
-mkdir cra-fixtures
-cd cra-fixtures
-
-npx create-react-app react-scripts-latest-fixture --use-npm
-
-cd ..
-./run_tests.sh -f cra-fixtures $@
diff --git a/lib/cli/tsconfig.json b/lib/cli/tsconfig.json
index c4e40706894..d87605d41af 100644
--- a/lib/cli/tsconfig.json
+++ b/lib/cli/tsconfig.json
@@ -12,5 +12,5 @@
     "noFallthroughCasesInSwitch": true
   },
   "include": ["src/**/*"],
-  "exclude": ["src/**/template*"]
+  "exclude": ["src/**/template*", "src/frameworks/**/*"]
 }
diff --git a/lib/cli/versions.json b/lib/cli/versions.json
index 484f7588068..1b9ef202349 100644
--- a/lib/cli/versions.json
+++ b/lib/cli/versions.json
@@ -1,17 +1,55 @@
 {
-  "@storybook/angular": "6.0.0-beta.23",
-  "@storybook/aurelia": "6.0.0-beta.23",
-  "@storybook/ember": "6.0.0-beta.23",
-  "@storybook/html": "6.0.0-beta.23",
-  "@storybook/marionette": "6.0.0-beta.23",
-  "@storybook/marko": "6.0.0-beta.23",
-  "@storybook/mithril": "6.0.0-beta.23",
-  "@storybook/preact": "6.0.0-beta.23",
-  "@storybook/rax": "6.0.0-beta.23",
-  "@storybook/react": "6.0.0-beta.23",
-  "@storybook/riot": "6.0.0-beta.23",
-  "@storybook/server": "6.0.0-beta.23",
-  "@storybook/svelte": "6.0.0-beta.23",
-  "@storybook/vue": "6.0.0-beta.23",
-  "@storybook/web-components": "6.0.0-beta.23"
+  "@storybook/addon-a11y": "6.1.0-alpha.14",
+  "@storybook/addon-actions": "6.1.0-alpha.14",
+  "@storybook/addon-backgrounds": "6.1.0-alpha.14",
+  "@storybook/addon-controls": "6.1.0-alpha.14",
+  "@storybook/addon-cssresources": "6.1.0-alpha.14",
+  "@storybook/addon-design-assets": "6.1.0-alpha.14",
+  "@storybook/addon-docs": "6.1.0-alpha.14",
+  "@storybook/addon-essentials": "6.1.0-alpha.14",
+  "@storybook/addon-events": "6.1.0-alpha.14",
+  "@storybook/addon-google-analytics": "6.1.0-alpha.14",
+  "@storybook/addon-graphql": "6.1.0-alpha.14",
+  "@storybook/addon-jest": "6.1.0-alpha.14",
+  "@storybook/addon-knobs": "6.1.0-alpha.14",
+  "@storybook/addon-links": "6.1.0-alpha.14",
+  "@storybook/addon-queryparams": "6.1.0-alpha.14",
+  "@storybook/addon-storyshots": "6.1.0-alpha.14",
+  "@storybook/addon-storyshots-puppeteer": "6.1.0-alpha.14",
+  "@storybook/addon-storysource": "6.1.0-alpha.14",
+  "@storybook/addon-toolbars": "6.1.0-alpha.14",
+  "@storybook/addon-viewport": "6.1.0-alpha.14",
+  "@storybook/addons": "6.1.0-alpha.14",
+  "@storybook/angular": "6.1.0-alpha.14",
+  "@storybook/api": "6.1.0-alpha.14",
+  "@storybook/aurelia": "6.1.0-alpha.14",
+  "@storybook/channel-postmessage": "6.1.0-alpha.14",
+  "@storybook/channel-websocket": "6.1.0-alpha.14",
+  "@storybook/channels": "6.1.0-alpha.14",
+  "@storybook/cli": "6.1.0-alpha.14",
+  "@storybook/client-api": "6.1.0-alpha.14",
+  "@storybook/client-logger": "6.1.0-alpha.14",
+  "@storybook/codemod": "6.1.0-alpha.14",
+  "@storybook/components": "6.1.0-alpha.14",
+  "@storybook/core": "6.1.0-alpha.14",
+  "@storybook/core-events": "6.1.0-alpha.14",
+  "@storybook/ember": "6.1.0-alpha.14",
+  "@storybook/html": "6.1.0-alpha.14",
+  "@storybook/marionette": "6.1.0-alpha.14",
+  "@storybook/marko": "6.1.0-alpha.14",
+  "@storybook/mithril": "6.1.0-alpha.14",
+  "@storybook/node-logger": "6.1.0-alpha.14",
+  "@storybook/postinstall": "6.1.0-alpha.14",
+  "@storybook/preact": "6.1.0-alpha.14",
+  "@storybook/rax": "6.1.0-alpha.14",
+  "@storybook/react": "6.1.0-alpha.14",
+  "@storybook/riot": "6.1.0-alpha.14",
+  "@storybook/router": "6.1.0-alpha.14",
+  "@storybook/server": "6.1.0-alpha.14",
+  "@storybook/source-loader": "6.1.0-alpha.14",
+  "@storybook/svelte": "6.1.0-alpha.14",
+  "@storybook/theming": "6.1.0-alpha.14",
+  "@storybook/ui": "6.1.0-alpha.14",
+  "@storybook/vue": "6.1.0-alpha.14",
+  "@storybook/web-components": "6.1.0-alpha.14"
 }
\ No newline at end of file
diff --git a/lib/client-api/README.md b/lib/client-api/README.md
index a23c8f23f56..a4ca85a7f66 100644
--- a/lib/client-api/README.md
+++ b/lib/client-api/README.md
@@ -36,6 +36,8 @@ However, in some cases it is necessary to set parameters at _load time_ when the
 
 To add a parameter enhancer, call `store.addArgTypesEnhancer(enhancer)` _before_ any stories are loaded (in addon registration or in `preview.js`). As each story is loaded, the enhancer will be called with the full story `context` -- the return value should be an object that will be patched into the Story's `argTypes`.
 
+There is a default enhancer that ensures that each `arg` in a story has a baseline `argType`. This value can be improved by subsequent enhancers, e.g. those provided by `@storybook/addon-docs`.
+
 ## Args
 
 Args are "inputs" to stories.
@@ -107,14 +109,14 @@ Global args are args that are "global" across all stories. They are used for thi
 
 ### Initial values of global args
 
-To set initial values of global args, set the `parameters.globalArgs` parameters. Addons can use parameter enhancers (see above) to do this.
+To set initial values of global args, set the `parameters.globals` parameters. Addons can use parameter enhancers (see above) to do this.
 
 ### Using global args in an addon
 
-Similar to args, global args are syncronized to the manager and can be accessed via the `useGlobalArgs` hook.
+Similar to args, global args are syncronized to the manager and can be accessed via the `useGlobals` hook.
 
 ```js
-import { useGlobalArgs } from '@storybook/client-api'; // or '@storybook/api'
+import { useGlobals } from '@storybook/client-api'; // or '@storybook/api'
 
-const [globalArgs, updateGlobalArgs] = useGlobalArgs();
+const [globals, updateGlobals] = useGlobals();
 ```
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index 443cb760082..04b4e7a1425 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -22,41 +22,40 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/channel-postmessage": "6.0.0-beta.23",
-    "@storybook/channels": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/channel-postmessage": "6.1.0-alpha.14",
+    "@storybook/channels": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
     "@storybook/csf": "0.0.1",
+    "@types/qs": "^6.9.0",
     "@types/webpack-env": "^1.15.2",
     "core-js": "^3.0.1",
-    "eventemitter3": "^4.0.0",
     "global": "^4.3.2",
-    "is-plain-object": "^3.0.0",
     "lodash": "^4.17.15",
     "memoizerific": "^1.11.3",
     "qs": "^6.6.0",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "stable": "^0.1.8",
-    "ts-dedent": "^1.1.1"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "store2": "^2.7.1",
+    "ts-dedent": "^1.1.1",
+    "util-deprecate": "^1.0.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/client-api/src/client_api.test.ts b/lib/client-api/src/client_api.test.ts
index 0e352f4819b..58f3ba3ec44 100644
--- a/lib/client-api/src/client_api.test.ts
+++ b/lib/client-api/src/client_api.test.ts
@@ -120,7 +120,7 @@ describe('preview.client_api', () => {
 
       const result = storyStore.fromId('kind--name').storyFn();
       // @ts-ignore
-      const { docs, fileName, options, argTypes, ...rest } = result;
+      const { docs, fileName, options, argTypes, __isArgsStory, ...rest } = result;
 
       expect(rest).toEqual({ a: 1 });
     });
@@ -222,6 +222,22 @@ describe('preview.client_api', () => {
       expect(storyStore.fromId('kind--name').storyFn()).toBe('bb-Hello');
     });
 
+    it('should not add global decorators twice', () => {
+      const {
+        clientApi: { addDecorator, storiesOf },
+        storyStore,
+      } = getContext();
+
+      const decorator = (fn) => `bb-${fn()}`;
+      addDecorator(decorator);
+      addDecorator(decorator); // this one is ignored
+
+      storiesOf('kind', module).add('name', () => 'Hello');
+      const f = storyStore.fromId('x');
+
+      expect(storyStore.fromId('kind--name').storyFn()).toBe('bb-Hello');
+    });
+
     it('should utilize both decorators at once', () => {
       const {
         clientApi: { addDecorator, storiesOf },
@@ -334,50 +350,6 @@ describe('preview.client_api', () => {
       ]);
     });
 
-    describe('getSeparators', () => {
-      it('returns values set via parameters', () => {
-        const {
-          clientApi: { getSeparators, storiesOf, addParameters },
-        } = getContext();
-
-        const options = { hierarchySeparator: /a/, hierarchyRootSeparator: 'b' };
-        addParameters({ options });
-        storiesOf('kind 1', module).add('name 1', () => '1');
-        expect(getSeparators()).toEqual(options);
-      });
-
-      it('returns old defaults if kind uses old separators', () => {
-        const {
-          clientApi: { getSeparators, storiesOf },
-        } = getContext();
-
-        storiesOf('kind|1', module).add('name 1', () => '1');
-        expect(getSeparators()).toEqual({
-          hierarchySeparator: /\/|\./,
-          hierarchyRootSeparator: '|',
-        });
-      });
-
-      it('returns new values if showRoots is set', () => {
-        const {
-          clientApi: { getSeparators, storiesOf, addParameters },
-        } = getContext();
-        addParameters({ options: { showRoots: false } });
-
-        storiesOf('kind|1', module).add('name 1', () => '1');
-        expect(getSeparators()).toEqual({ hierarchySeparator: '/' });
-      });
-
-      it('returns new values if kind does not use old separators', () => {
-        const {
-          clientApi: { getSeparators, storiesOf },
-        } = getContext();
-
-        storiesOf('kind/1', module).add('name 1', () => '1');
-        expect(getSeparators()).toEqual({ hierarchySeparator: '/' });
-      });
-    });
-
     it('reads filename from module', () => {
       const {
         clientApi: { getStorybook, storiesOf },
@@ -507,7 +479,7 @@ describe('preview.client_api', () => {
       storiesOf('kind2', (module2 as unknown) as NodeModule).add('story2', jest.fn());
       storyStore.finishConfiguring();
 
-      let [event, args] = mockChannelEmit.mock.calls[0];
+      let [event, args] = mockChannelEmit.mock.calls[1];
       expect(event).toEqual(Events.SET_STORIES);
       expect(Object.values(args.stories as [{ kind: string }]).map((v) => v.kind)).toEqual([
         'kind0',
@@ -526,7 +498,7 @@ describe('preview.client_api', () => {
       storyStore.finishConfiguring();
 
       // eslint-disable-next-line prefer-destructuring
-      [event, args] = mockChannelEmit.mock.calls[0];
+      [event, args] = mockChannelEmit.mock.calls[1];
 
       expect(event).toEqual(Events.SET_STORIES);
       expect(Object.values(args.stories as [{ kind: string }]).map((v) => v.kind)).toEqual([
@@ -584,6 +556,7 @@ describe('preview.client_api', () => {
         a: 'global',
         b: 'kind',
         c: 'story',
+        __isArgsStory: false,
         fileName: expect.any(String),
         argTypes: {},
       });
@@ -637,6 +610,7 @@ describe('preview.client_api', () => {
             local: true,
           },
         },
+        __isArgsStory: false,
         fileName: expect.any(String),
         argTypes: {},
       });
diff --git a/lib/client-api/src/client_api.ts b/lib/client-api/src/client_api.ts
index 4e848b9ff50..9f3a33e109f 100644
--- a/lib/client-api/src/client_api.ts
+++ b/lib/client-api/src/client_api.ts
@@ -1,4 +1,6 @@
 /* eslint no-underscore-dangle: 0 */
+import deprecate from 'util-deprecate';
+import dedent from 'ts-dedent';
 import { logger } from '@storybook/client-logger';
 import { StoryFn, Parameters, DecorateStoryFunction } from '@storybook/addons';
 import { toId } from '@storybook/csf';
@@ -18,16 +20,33 @@ import { defaultDecorateStory } from './decorators';
 // relevant framework instanciates them via `start.js`. The good news is this happens right away.
 let singleton: ClientApi;
 
-export const addDecorator = (decorator: DecoratorFunction) => {
+const addDecoratorDeprecationWarning = deprecate(
+  () => {},
+  `\`addDecorator\` is deprecated, and will be removed in Storybook 7.0.
+Instead, use \`export const decorators = [];\` in your \`preview.js\`.
+Read more at https://github.com/storybookjs/storybook/MIGRATION.md#deprecated-addparameters-and-adddecorator).`
+);
+export const addDecorator = (decorator: DecoratorFunction, deprecationWarning = true) => {
   if (!singleton)
     throw new Error(`Singleton client API not yet initialized, cannot call addDecorator`);
 
+  if (deprecationWarning) addDecoratorDeprecationWarning();
+
   singleton.addDecorator(decorator);
 };
-export const addParameters = (parameters: Parameters) => {
+
+const addParametersDeprecationWarning = deprecate(
+  () => {},
+  `\`addParameters\` is deprecated, and will be removed in Storybook 7.0.
+Instead, use \`export const parameters = {};\` in your \`preview.js\`.
+Read more at https://github.com/storybookjs/storybook/MIGRATION.md#deprecated-addparameters-and-adddecorator).`
+);
+export const addParameters = (parameters: Parameters, deprecationWarning = true) => {
   if (!singleton)
     throw new Error(`Singleton client API not yet initialized, cannot call addParameters`);
 
+  if (deprecationWarning) addParametersDeprecationWarning();
+
   singleton.addParameters(parameters);
 };
 
@@ -65,42 +84,35 @@ export default class ClientApi {
     singleton = this;
   }
 
-  setAddon = (addon: any) => {
-    this._addons = {
-      ...this._addons,
-      ...addon,
-    };
-  };
-
-  getSeparators = () => {
-    const { hierarchySeparator, hierarchyRootSeparator, showRoots } =
-      this._storyStore._globalMetadata.parameters.options || {};
-
-    // Note these checks will be removed in 6.0, leaving this much simpler
-    if (
-      typeof hierarchySeparator !== 'undefined' ||
-      typeof hierarchyRootSeparator !== 'undefined'
-    ) {
-      return { hierarchySeparator, hierarchyRootSeparator };
-    }
-    if (
-      typeof showRoots === 'undefined' &&
-      this.store()
-        .getStoryKinds()
-        .some((kind) => kind.match(/\.|\|/))
-    ) {
-      return {
-        hierarchyRootSeparator: '|',
-        hierarchySeparator: /\/|\./,
+  setAddon = deprecate(
+    (addon: any) => {
+      this._addons = {
+        ...this._addons,
+        ...addon,
       };
-    }
-    return { hierarchySeparator: '/' };
-  };
+    },
+    dedent`
+      \`setAddon\` is deprecated and will be removed in Storybook 7.0.
+
+      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-setaddon
+    `
+  );
 
   addDecorator = (decorator: DecoratorFunction) => {
     this._storyStore.addGlobalMetadata({ decorators: [decorator], parameters: {} });
   };
 
+  clearDecorators = deprecate(
+    () => {
+      this._storyStore.clearGlobalDecorators();
+    },
+    dedent`
+      \`clearDecorators\` is deprecated and will be removed in Storybook 7.0.
+
+      https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-cleardecorators
+    `
+  );
+
   addParameters = (parameters: Parameters) => {
     this._storyStore.addGlobalMetadata({ decorators: [], parameters });
   };
@@ -109,10 +121,6 @@ export default class ClientApi {
     this._storyStore.addArgTypesEnhancer(enhancer);
   };
 
-  clearDecorators = () => {
-    this._storyStore.clearGlobalDecorators();
-  };
-
   // what are the occasions that "m" is a boolean vs an obj
   storiesOf = <StoryFnReturnType = unknown>(
     kind: string,
diff --git a/lib/client-api/src/config_api.ts b/lib/client-api/src/config_api.ts
index 90e8967e53a..ed4a6d22638 100644
--- a/lib/client-api/src/config_api.ts
+++ b/lib/client-api/src/config_api.ts
@@ -1,23 +1,14 @@
 /* eslint no-underscore-dangle: 0 */
-
-import Channel from '@storybook/channels';
 import StoryStore from './story_store';
-import ClientApi from './client_api';
 
 export default class ConfigApi {
-  _channel: Channel;
-
   _storyStore: StoryStore;
 
-  _clearDecorators: () => void;
-
-  clientApi: ClientApi;
-
   constructor({ storyStore }: { storyStore: StoryStore }) {
     this._storyStore = storyStore;
   }
 
-  configure = (loaders: () => void, module: NodeModule) => {
+  configure = (loaders: () => void, module: NodeModule, showDeprecationWarning = true) => {
     this._storyStore.startConfiguring();
 
     try {
@@ -28,17 +19,5 @@ export default class ConfigApi {
       this._storyStore.setError(err);
     }
     this._storyStore.finishConfiguring();
-
-    if (module.hot) {
-      module.hot.accept();
-      // The generated entry point for main.js:stories adds this flag as it cannot
-      // set decorators but calls configure, and aims not to clear decorators added by other files.
-      // HOWEVER: this will still clear global decorators added by addons when reloading preview.js
-      //   which is a bug!
-      // @ts-ignore
-      if (!module._StorybookPreserveDecorators) {
-        module.hot.dispose(() => this._storyStore.clearGlobalDecorators());
-      }
-    }
   };
 }
diff --git a/lib/client-api/src/decorators.ts b/lib/client-api/src/decorators.ts
index 1547f64366f..5a4d6339ed0 100644
--- a/lib/client-api/src/decorators.ts
+++ b/lib/client-api/src/decorators.ts
@@ -11,7 +11,8 @@ const defaultContext: StoryContext = {
   kind: 'unspecified',
   parameters: {},
   args: {},
-  globalArgs: {},
+  argTypes: {},
+  globals: {},
 };
 
 export const defaultDecorateStory = (storyFn: StoryFn, decorators: DecoratorFunction[]) =>
diff --git a/lib/client-api/src/ensureArgTypes.ts b/lib/client-api/src/ensureArgTypes.ts
new file mode 100644
index 00000000000..07bce4b6398
--- /dev/null
+++ b/lib/client-api/src/ensureArgTypes.ts
@@ -0,0 +1,12 @@
+import mapValues from 'lodash/mapValues';
+import { ArgTypesEnhancer } from './types';
+import { combineParameters } from './parameters';
+
+export const ensureArgTypes: ArgTypesEnhancer = (context) => {
+  const { argTypes: userArgTypes = {}, args = {} } = context.parameters;
+  if (!args) return userArgTypes;
+  const argTypes = mapValues(args, (arg, name) =>
+    arg !== null && typeof arg !== 'undefined' ? { name } : undefined
+  );
+  return combineParameters(argTypes, userArgTypes);
+};
diff --git a/lib/client-api/src/hooks.test.js b/lib/client-api/src/hooks.test.js
index 6c3458ecfe2..9faf374b9ac 100644
--- a/lib/client-api/src/hooks.test.js
+++ b/lib/client-api/src/hooks.test.js
@@ -2,7 +2,8 @@ import {
   FORCE_RE_RENDER,
   STORY_RENDERED,
   UPDATE_STORY_ARGS,
-  UPDATE_GLOBAL_ARGS,
+  RESET_STORY_ARGS,
+  UPDATE_GLOBALS,
 } from '@storybook/core-events';
 import addons from '@storybook/addons';
 import { defaultDecorateStory } from './decorators';
@@ -19,7 +20,7 @@ import {
   useStoryContext,
   HooksContext,
   useArgs,
-  useGlobalArgs,
+  useGlobals,
 } from './hooks';
 
 jest.mock('@storybook/client-logger', () => ({
@@ -518,7 +519,30 @@ describe('Preview hooks', () => {
         [
           (storyFn) => {
             useArgs()[1]({ a: 'b' });
-            expect(mockChannel.emit).toHaveBeenCalledWith(UPDATE_STORY_ARGS, '1', { a: 'b' });
+            expect(mockChannel.emit).toHaveBeenCalledWith(UPDATE_STORY_ARGS, {
+              storyId: '1',
+              updatedArgs: { a: 'b' },
+            });
+            return storyFn();
+          },
+        ],
+        { id: '1', args: {} }
+      );
+    });
+    it('will emit RESET_STORY_ARGS when called', () => {
+      run(
+        () => {},
+        [
+          (storyFn) => {
+            useArgs()[2](['a']);
+            expect(mockChannel.emit).toHaveBeenCalledWith(RESET_STORY_ARGS, {
+              storyId: '1',
+              argNames: ['a'],
+            });
+            useArgs()[2]();
+            expect(mockChannel.emit).toHaveBeenCalledWith(RESET_STORY_ARGS, {
+              storyId: '1',
+            });
             return storyFn();
           },
         ],
@@ -527,30 +551,30 @@ describe('Preview hooks', () => {
     });
   });
 
-  describe('useGlobalArgs', () => {
-    it('will pull globalArgs from context', () => {
+  describe('useGlobals', () => {
+    it('will pull globals from context', () => {
       run(
         () => {},
         [
           (storyFn) => {
-            expect(useGlobalArgs()[0]).toEqual({ a: 'b' });
+            expect(useGlobals()[0]).toEqual({ a: 'b' });
             return storyFn();
           },
         ],
-        { globalArgs: { a: 'b' } }
+        { globals: { a: 'b' } }
       );
     });
-    it('will emit UPDATE_GLOBAL_ARGS when called', () => {
+    it('will emit UPDATE_GLOBALS when called', () => {
       run(
         () => {},
         [
           (storyFn) => {
-            useGlobalArgs()[1]({ a: 'b' });
-            expect(mockChannel.emit).toHaveBeenCalledWith(UPDATE_GLOBAL_ARGS, { a: 'b' });
+            useGlobals()[1]({ a: 'b' });
+            expect(mockChannel.emit).toHaveBeenCalledWith(UPDATE_GLOBALS, { globals: { a: 'b' } });
             return storyFn();
           },
         ],
-        { globalArgs: {} }
+        { globals: {} }
       );
     });
   });
diff --git a/lib/client-api/src/hooks.ts b/lib/client-api/src/hooks.ts
index fa43a5f7abc..69ad8b95e69 100644
--- a/lib/client-api/src/hooks.ts
+++ b/lib/client-api/src/hooks.ts
@@ -14,7 +14,7 @@ import {
   useStoryContext,
   useParameter,
   useArgs,
-  useGlobalArgs,
+  useGlobals,
 } from '@storybook/addons';
 
 export {
@@ -30,7 +30,7 @@ export {
   useStoryContext,
   useParameter,
   useArgs,
-  useGlobalArgs,
+  useGlobals,
 };
 
 export function useSharedState<S>(sharedId: string, defaultState?: S): [S, (s: S) => void] {
diff --git a/lib/client-api/src/index.ts b/lib/client-api/src/index.ts
index d170cf881a1..85d44c94530 100644
--- a/lib/client-api/src/index.ts
+++ b/lib/client-api/src/index.ts
@@ -4,6 +4,7 @@ import { combineParameters } from './parameters';
 import StoryStore from './story_store';
 import ConfigApi from './config_api';
 import pathToId from './pathToId';
+import { simulatePageLoad, simulateDOMContentLoaded } from './simulate-pageload';
 
 import { getQueryParams, getQueryParam } from './queryparams';
 
@@ -11,6 +12,9 @@ export * from './hooks';
 export * from './types';
 export * from './parameters';
 
+// FIXME: for react-argtypes.stories; remove on refactor
+export * from './inferControls';
+
 export {
   ClientApi,
   addDecorator,
@@ -23,4 +27,6 @@ export {
   pathToId,
   getQueryParams,
   getQueryParam,
+  simulatePageLoad,
+  simulateDOMContentLoaded,
 };
diff --git a/addons/docs/src/frameworks/common/inferArgTypes.ts b/lib/client-api/src/inferArgTypes.ts
similarity index 64%
rename from addons/docs/src/frameworks/common/inferArgTypes.ts
rename to lib/client-api/src/inferArgTypes.ts
index 41fdaab110a..fa2ff481040 100644
--- a/addons/docs/src/frameworks/common/inferArgTypes.ts
+++ b/lib/client-api/src/inferArgTypes.ts
@@ -1,6 +1,6 @@
 import mapValues from 'lodash/mapValues';
-import { Args, ArgTypes } from '@storybook/addons';
-import { SBType } from '../../lib/sbtypes';
+import { SBType, ArgTypesEnhancer } from './types';
+import { combineParameters } from './parameters';
 
 const inferType = (value?: any): SBType => {
   const type = typeof value;
@@ -25,12 +25,14 @@ const inferType = (value?: any): SBType => {
   return { name: 'other', value: 'unknown' };
 };
 
-export const inferArgTypes = (args: Args): ArgTypes => {
-  if (!args) return {};
-  return mapValues(args, (arg, name) => {
+export const inferArgTypes: ArgTypesEnhancer = (context) => {
+  const { argTypes: userArgTypes = {}, args = {} } = context.parameters;
+  if (!args) return userArgTypes;
+  const argTypes = mapValues(args, (arg) => {
     if (arg !== null && typeof arg !== 'undefined') {
-      return { name, type: inferType(arg) };
+      return { type: inferType(arg) };
     }
     return undefined;
   });
+  return combineParameters(argTypes, userArgTypes);
 };
diff --git a/addons/docs/src/frameworks/common/inferControls.ts b/lib/client-api/src/inferControls.ts
similarity index 63%
rename from addons/docs/src/frameworks/common/inferControls.ts
rename to lib/client-api/src/inferControls.ts
index c49a7da84e6..1c81938707e 100644
--- a/addons/docs/src/frameworks/common/inferControls.ts
+++ b/lib/client-api/src/inferControls.ts
@@ -1,9 +1,9 @@
 import mapValues from 'lodash/mapValues';
-import { ArgTypes, ArgType } from '@storybook/addons';
-import { Control } from '@storybook/components';
-import { SBEnumType } from '../../lib/sbtypes';
+import { ArgType } from '@storybook/addons';
+import { SBEnumType, ArgTypesEnhancer } from './types';
+import { combineParameters } from './parameters';
 
-const inferControl = (argType: ArgType): Control => {
+const inferControl = (argType: ArgType): any => {
   const { type } = argType;
   if (!type) {
     // console.log('no sbtype', { argType });
@@ -28,6 +28,9 @@ const inferControl = (argType: ArgType): Control => {
       return { type: 'number' };
     case 'enum': {
       const { value } = type as SBEnumType;
+      if (value?.length <= 5) {
+        return { type: 'radio', options: value };
+      }
       return { type: 'select', options: value };
     }
     case 'function':
@@ -39,9 +42,12 @@ const inferControl = (argType: ArgType): Control => {
   }
 };
 
-export const inferControls = (argTypes: ArgTypes): ArgTypes => {
-  return mapValues(argTypes, (argType) => {
+export const inferControls: ArgTypesEnhancer = (context) => {
+  const { __isArgsStory, argTypes } = context.parameters;
+  if (!__isArgsStory) return argTypes;
+  const withControls = mapValues(argTypes, (argType) => {
     const control = argType && argType.type && inferControl(argType);
     return control ? { control } : undefined;
   });
+  return combineParameters(withControls, argTypes);
 };
diff --git a/lib/client-api/src/parameters.test.ts b/lib/client-api/src/parameters.test.ts
index 689a92bd10a..e0ed1bc03b7 100644
--- a/lib/client-api/src/parameters.test.ts
+++ b/lib/client-api/src/parameters.test.ts
@@ -26,4 +26,8 @@ describe('client-api.parameters', () => {
       },
     });
   });
+
+  it('ignores undefined additions', () => {
+    expect(combineParameters({ a: 1 }, { a: 2 }, { a: undefined })).toEqual({ a: 2 });
+  });
 });
diff --git a/lib/client-api/src/parameters.ts b/lib/client-api/src/parameters.ts
index 62f475c809c..8f3b0010dde 100644
--- a/lib/client-api/src/parameters.ts
+++ b/lib/client-api/src/parameters.ts
@@ -1,12 +1,40 @@
 // Utilities for handling parameters
-import mergeWith from 'lodash/mergeWith';
-
 import { Parameters } from '@storybook/addons';
+import isPlainObject from 'lodash/isPlainObject';
 
-export const combineParameters = (...parameterSets: Parameters[]) =>
-  mergeWith({}, ...parameterSets, (objValue: any, srcValue: any) => {
-    // Treat arrays as scalars:
-    if (Array.isArray(srcValue)) return srcValue;
+/**
+ * Safely combine parameters recursively. Only copy objects when needed.
+ * Algorithm = always overwrite the existing value UNLESS both values
+ * are plain objects. In this case flag the key as "special" and handle
+ * it with a heuristic.
+ */
+export const combineParameters = (...parameterSets: Parameters[]) => {
+  const mergeKeys: Record<string, boolean> = {};
+  const combined = parameterSets.reduce((acc, p) => {
+    Object.entries(p).forEach(([key, value]) => {
+      const existing = acc[key];
+      if (Array.isArray(value) || typeof existing === 'undefined') {
+        acc[key] = value;
+      } else if (isPlainObject(value) && isPlainObject(existing)) {
+        // do nothing, we'll handle this later
+        mergeKeys[key] = true;
+      } else if (typeof value !== 'undefined') {
+        acc[key] = value;
+      }
+    });
+    return acc;
+  }, {} as Parameters);
 
-    return undefined;
+  Object.keys(mergeKeys).forEach((key) => {
+    const mergeValues = parameterSets
+      .map((p) => p[key])
+      .filter((value) => typeof value !== 'undefined');
+    if (mergeValues.every((value) => isPlainObject(value))) {
+      combined[key] = combineParameters(...mergeValues);
+    } else {
+      combined[key] = mergeValues[mergeValues.length - 1];
+    }
   });
+
+  return combined;
+};
diff --git a/lib/client-api/src/simulate-pageload.ts b/lib/client-api/src/simulate-pageload.ts
new file mode 100644
index 00000000000..274eaaecf40
--- /dev/null
+++ b/lib/client-api/src/simulate-pageload.ts
@@ -0,0 +1,97 @@
+import { document } from 'global';
+
+// https://html.spec.whatwg.org/multipage/scripting.html
+const runScriptTypes = [
+  'application/javascript',
+  'application/ecmascript',
+  'application/x-ecmascript',
+  'application/x-javascript',
+  'text/ecmascript',
+  'text/javascript',
+  'text/javascript1.0',
+  'text/javascript1.1',
+  'text/javascript1.2',
+  'text/javascript1.3',
+  'text/javascript1.4',
+  'text/javascript1.5',
+  'text/jscript',
+  'text/livescript',
+  'text/x-ecmascript',
+  'text/x-javascript',
+];
+
+const SCRIPT = 'script';
+const SCRIPTS_ROOT_ID = 'scripts-root';
+
+// trigger DOMContentLoaded
+export function simulateDOMContentLoaded() {
+  const DOMContentLoadedEvent = document.createEvent('Event');
+  DOMContentLoadedEvent.initEvent('DOMContentLoaded', true, true);
+  document.dispatchEvent(DOMContentLoadedEvent);
+}
+
+function insertScript($script: any, callback: any, $scriptRoot: any) {
+  const scriptEl = document.createElement('script');
+  scriptEl.type = 'text/javascript';
+  if ($script.src) {
+    scriptEl.onload = callback;
+    scriptEl.onerror = callback;
+    scriptEl.src = $script.src;
+  } else {
+    scriptEl.textContent = $script.innerText;
+  }
+
+  // re-insert the script tag so it executes.
+  if ($scriptRoot) $scriptRoot.appendChild(scriptEl);
+  else document.head.appendChild(scriptEl);
+
+  // clean-up
+  $script.parentNode.removeChild($script);
+
+  // run the callback immediately for inline scripts
+  if (!$script.src) callback();
+}
+
+// runs an array of async functions in sequential order
+/* eslint-disable no-param-reassign, no-plusplus */
+function insertScriptsSequentially(scriptsToExecute: any[], callback: any, index = 0) {
+  scriptsToExecute[index](() => {
+    index++;
+    if (index === scriptsToExecute.length) {
+      callback();
+    } else {
+      insertScriptsSequentially(scriptsToExecute, callback, index);
+    }
+  });
+}
+
+export function simulatePageLoad($container: any) {
+  let $scriptsRoot = document.getElementById(SCRIPTS_ROOT_ID);
+  if (!$scriptsRoot) {
+    $scriptsRoot = document.createElement('div');
+    $scriptsRoot.id = SCRIPTS_ROOT_ID;
+    document.body.appendChild($scriptsRoot);
+  } else {
+    $scriptsRoot.innerHTML = '';
+  }
+  const $scripts = Array.from($container.querySelectorAll(SCRIPT));
+
+  if ($scripts.length) {
+    const scriptsToExecute: any[] = [];
+    $scripts.forEach(($script: any) => {
+      const typeAttr = $script.getAttribute('type');
+
+      // only run script tags without the type attribute
+      // or with a javascript mime attribute value
+      if (!typeAttr || !runScriptTypes.includes(typeAttr)) {
+        scriptsToExecute.push((callback: any) => insertScript($script, callback, $scriptsRoot));
+      }
+    });
+
+    // insert the script tags sequentially
+    // to preserve execution order
+    insertScriptsSequentially(scriptsToExecute, simulateDOMContentLoaded, undefined);
+  } else {
+    simulateDOMContentLoaded();
+  }
+}
diff --git a/lib/client-api/src/storySort.test.ts b/lib/client-api/src/storySort.test.ts
index 74fc0ef990d..ff9a06468b2 100644
--- a/lib/client-api/src/storySort.test.ts
+++ b/lib/client-api/src/storySort.test.ts
@@ -1,4 +1,4 @@
-import storySort from './storySort';
+import { storySort } from './storySort';
 
 describe('preview.storySort', () => {
   const fixture = {
diff --git a/lib/client-api/src/storySort.ts b/lib/client-api/src/storySort.ts
index a782ab5184a..73253c28ef6 100644
--- a/lib/client-api/src/storySort.ts
+++ b/lib/client-api/src/storySort.ts
@@ -1,6 +1,6 @@
-import { StorySortObjectParameter, Comparator } from '@storybook/addons';
+import { StorySortObjectParameter, StorySortComparator } from '@storybook/addons';
 
-const storySort = (options: StorySortObjectParameter = {}): Comparator<any> => (
+export const storySort = (options: StorySortObjectParameter = {}): StorySortComparator => (
   a: any,
   b: any
 ): number => {
@@ -73,5 +73,3 @@ const storySort = (options: StorySortObjectParameter = {}): Comparator<any> => (
   /* istanbul ignore next */
   return 0;
 };
-
-export default storySort;
diff --git a/lib/client-api/src/story_store.test.ts b/lib/client-api/src/story_store.test.ts
index c62f1f7af4f..17b4aa581d9 100644
--- a/lib/client-api/src/story_store.test.ts
+++ b/lib/client-api/src/story_store.test.ts
@@ -1,10 +1,10 @@
-//
 import createChannel from '@storybook/channel-postmessage';
 import { toId } from '@storybook/csf';
 import addons, { mockChannel } from '@storybook/addons';
 import Events from '@storybook/core-events';
+import store2 from 'store2';
 
-import StoryStore, { ErrorLike } from './story_store';
+import StoryStore from './story_store';
 import { defaultDecorateStory } from './decorators';
 
 jest.mock('@storybook/node-logger', () => ({
@@ -15,11 +15,28 @@ jest.mock('@storybook/node-logger', () => ({
   },
 }));
 
+jest.mock('store2');
+
 let channel;
 beforeEach(() => {
   channel = createChannel({ page: 'preview' });
 });
 
+function addReverseSorting(store) {
+  store.addGlobalMetadata({
+    decorators: [],
+    parameters: {
+      options: {
+        // Test function does reverse alphabetical ordering.
+        storySort: (a: any, b: any): number =>
+          a[1].kind === b[1].kind
+            ? 0
+            : -1 * a[1].id.localeCompare(b[1].id, undefined, { numeric: true }),
+      },
+    },
+  });
+}
+
 // make a story and add it to the store
 const addStoryToStore = (store, kind, name, storyFn, parameters = {}) =>
   store.addStory(
@@ -90,6 +107,33 @@ describe('preview.story_store', () => {
     });
   });
 
+  describe('getStoriesJsonData', () => {
+    it('produces stories objects with normalized metadata', () => {
+      const store = new StoryStore({ channel });
+
+      store.addGlobalMetadata({ parameters: { global: 'global' }, decorators: [] });
+
+      store.addKindMetadata('a', { parameters: { kind: 'kind' }, decorators: [] });
+
+      addStoryToStore(store, 'a', '1', () => 0, { story: 'story' });
+
+      const { v, globalParameters, kindParameters, stories } = store.getStoriesJsonData();
+
+      expect(v).toBe(2);
+      expect(globalParameters).toEqual({});
+      expect(kindParameters).toEqual({ a: {} });
+      expect(kindParameters.a).toEqual({});
+
+      expect(Object.keys(stories)).toEqual(['a--1']);
+      expect(stories['a--1']).toMatchObject({
+        id: 'a--1',
+        kind: 'a',
+        name: '1',
+        parameters: { __isArgsStory: false },
+      });
+    });
+  });
+
   describe('getRawStory', () => {
     it('produces a story with inherited decorators applied', () => {
       const store = new StoryStore({ channel });
@@ -138,6 +182,22 @@ describe('preview.story_store', () => {
       });
     });
 
+    it('automatically infers argTypes based on args', () => {
+      const store = new StoryStore({ channel });
+      addStoryToStore(store, 'a', '1', () => 0, {
+        args: {
+          arg1: 3,
+          arg2: 'foo',
+          arg3: false,
+        },
+      });
+      expect(store.getRawStory('a', '1').argTypes).toEqual({
+        arg1: { name: 'arg1', type: { name: 'number' } },
+        arg2: { name: 'arg2', type: { name: 'string' } },
+        arg3: { name: 'arg3', type: { name: 'boolean' } },
+      });
+    });
+
     it('updateStoryArgs changes the args of a story, per-key', () => {
       const store = new StoryStore({ channel });
       addStoryToStore(store, 'a', '1', () => 0);
@@ -173,10 +233,13 @@ describe('preview.story_store', () => {
       addStoryToStore(store, 'a', '1', () => 0);
 
       store.updateStoryArgs('a--1', { foo: 'bar' });
-      expect(onArgsChangedChannel).toHaveBeenCalledWith('a--1', { foo: 'bar' });
+      expect(onArgsChangedChannel).toHaveBeenCalledWith({ storyId: 'a--1', args: { foo: 'bar' } });
 
       store.updateStoryArgs('a--1', { baz: 'bing' });
-      expect(onArgsChangedChannel).toHaveBeenCalledWith('a--1', { foo: 'bar', baz: 'bing' });
+      expect(onArgsChangedChannel).toHaveBeenCalledWith({
+        storyId: 'a--1',
+        args: { foo: 'bar', baz: 'bing' },
+      });
     });
 
     it('should update if the UPDATE_STORY_ARGS event is received', () => {
@@ -184,7 +247,7 @@ describe('preview.story_store', () => {
       const store = new StoryStore({ channel: testChannel });
       addStoryToStore(store, 'a', '1', () => 0);
 
-      testChannel.emit(Events.UPDATE_STORY_ARGS, 'a--1', { foo: 'bar' });
+      testChannel.emit(Events.UPDATE_STORY_ARGS, { storyId: 'a--1', updatedArgs: { foo: 'bar' } });
 
       expect(store.getRawStory('a', '1').args).toEqual({ foo: 'bar' });
     });
@@ -223,15 +286,71 @@ describe('preview.story_store', () => {
         })
       );
     });
+
+    it('resetStoryArgs resets a single arg', () => {
+      const store = new StoryStore({ channel });
+      addStoryToStore(store, 'a', '1', () => 0);
+      expect(store.getRawStory('a', '1').args).toEqual({});
+
+      store.updateStoryArgs('a--1', { foo: 'bar', bar: 'baz' });
+      expect(store.getRawStory('a', '1').args).toEqual({ foo: 'bar', bar: 'baz' });
+
+      store.resetStoryArgs('a--1', ['foo']);
+      expect(store.getRawStory('a', '1').args).toEqual({ bar: 'baz' });
+    });
+
+    it('resetStoryArgs resets all args', () => {
+      const store = new StoryStore({ channel });
+      addStoryToStore(store, 'a', '1', () => 0);
+      expect(store.getRawStory('a', '1').args).toEqual({});
+
+      store.updateStoryArgs('a--1', { foo: 'bar', bar: 'baz' });
+      expect(store.getRawStory('a', '1').args).toEqual({ foo: 'bar', bar: 'baz' });
+
+      store.resetStoryArgs('a--1');
+      expect(store.getRawStory('a', '1').args).toEqual({});
+    });
+
+    it('resetStoryArgs emits STORY_ARGS_UPDATED', () => {
+      const onArgsChangedChannel = jest.fn();
+      const testChannel = mockChannel();
+      testChannel.on(Events.STORY_ARGS_UPDATED, onArgsChangedChannel);
+
+      const store = new StoryStore({ channel: testChannel });
+      addStoryToStore(store, 'a', '1', () => 0);
+
+      store.updateStoryArgs('a--1', { foo: 'bar' });
+      expect(onArgsChangedChannel).toHaveBeenCalledWith({ storyId: 'a--1', args: { foo: 'bar' } });
+
+      store.resetStoryArgs('a--1');
+      expect(onArgsChangedChannel).toHaveBeenCalledWith({
+        storyId: 'a--1',
+        args: {},
+      });
+    });
+
+    it('should reset if the RESET_STORY_ARGS event is received', () => {
+      const testChannel = mockChannel();
+      const store = new StoryStore({ channel: testChannel });
+      addStoryToStore(store, 'a', '1', () => 0);
+
+      store.updateStoryArgs('a--1', { foo: 'bar', bar: 'baz' });
+
+      testChannel.emit(Events.RESET_STORY_ARGS, { storyId: 'a--1', argNames: ['foo'] });
+      expect(store.getRawStory('a', '1').args).toEqual({ bar: 'baz' });
+
+      testChannel.emit(Events.RESET_STORY_ARGS, { storyId: 'a--1' });
+      expect(store.getRawStory('a', '1').args).toEqual({});
+    });
   });
 
-  describe('globalArgs', () => {
-    it('is initialized to the value stored in parameters.globalArgs on the first story', () => {
+  describe('globals', () => {
+    it('is initialized to the value stored in parameters.globals on the first story', () => {
       const store = new StoryStore({ channel });
       store.addGlobalMetadata({
         decorators: [],
         parameters: {
-          globalArgs: {
+          globals: {
             arg1: 'arg1',
             arg2: 2,
             arg3: { complex: { object: ['type'] } },
@@ -240,23 +359,23 @@ describe('preview.story_store', () => {
       });
       addStoryToStore(store, 'a', '1', () => 0);
       store.finishConfiguring();
-      expect(store.getRawStory('a', '1').globalArgs).toEqual({
+      expect(store.getRawStory('a', '1').globals).toEqual({
         arg1: 'arg1',
         arg2: 2,
         arg3: { complex: { object: ['type'] } },
       });
     });
 
-    it('is initialized to the default values stored in parameters.globalArgsTypes on the first story', () => {
+    it('is initialized to the default values stored in parameters.globalsTypes on the first story', () => {
       const store = new StoryStore({ channel });
       store.addGlobalMetadata({
         decorators: [],
         parameters: {
-          globalArgs: {
+          globals: {
             arg1: 'arg1',
             arg2: 2,
           },
-          globalArgTypes: {
+          globalTypes: {
             arg2: { defaultValue: 'arg2' },
             arg3: { defaultValue: { complex: { object: ['type'] } } },
           },
@@ -264,127 +383,211 @@ describe('preview.story_store', () => {
       });
       addStoryToStore(store, 'a', '1', () => 0);
       store.finishConfiguring();
-      expect(store.getRawStory('a', '1').globalArgs).toEqual({
+      expect(store.getRawStory('a', '1').globals).toEqual({
+        // NOTE: we keep arg1, even though it doesn't have a globalArgType
         arg1: 'arg1',
         arg2: 2,
         arg3: { complex: { object: ['type'] } },
       });
     });
 
+    it('it sets session storage on initialization', () => {
+      (store2.session.set as any).mockClear();
+      const store = new StoryStore({ channel });
+      addStoryToStore(store, 'a', '1', () => 0);
+      store.finishConfiguring();
+      expect(store2.session.set).toHaveBeenCalled();
+    });
+
     it('on HMR it sensibly re-initializes with memory', () => {
       const store = new StoryStore({ channel });
       addons.setChannel(channel);
       store.addGlobalMetadata({
         decorators: [],
         parameters: {
-          globalArgs: {
+          globals: {
             arg1: 'arg1',
             arg2: 2,
-            arg3: { complex: { object: ['type'] } },
+            arg4: 4,
+          },
+          globalTypes: {
+            arg2: { defaultValue: 'arg2' },
+            arg3: { defaultValue: { complex: { object: ['type'] } } },
+            arg4: {},
           },
         },
       });
       addStoryToStore(store, 'a', '1', () => 0);
       store.finishConfiguring();
 
+      expect(store.getRawStory('a', '1').globals).toEqual({
+        // We keep arg1, even though it doesn't have a globalArgType, as it is set in globals
+        arg1: 'arg1',
+        // We use the value of arg2 that was set in globals
+        arg2: 2,
+        arg3: { complex: { object: ['type'] } },
+        arg4: 4,
+      });
+
       // HMR
       store.startConfiguring();
       store.addGlobalMetadata({
         decorators: [],
         parameters: {
-          globalArgs: {
-            arg2: 2,
-            // Although we have changed the default there is no way to tell that the user didn't change
-            // it themselves
-            arg3: { complex: { object: ['changed'] } },
-            arg4: 'new',
+          globals: {
+            arg2: 3,
+          },
+          globalTypes: {
+            arg2: { defaultValue: 'arg2' },
+            arg3: { defautlValue: { complex: { object: ['changed'] } } },
+            // XXX: note this currently wouldn't fail because parameters.globals.arg4 isn't cleared
+            // due to #10005, see below
+            arg4: {}, // has no default value set but we need to make sure we don't lose it
+            arg5: { defaultValue: 'new' },
           },
         },
       });
       store.finishConfiguring();
 
-      expect(store.getRawStory('a', '1').globalArgs).toEqual({
-        // You cannot remove a global arg in HMR currently
+      expect(store.getRawStory('a', '1').globals).toEqual({
+        // You cannot remove a global arg in HMR currently, because you cannot remove the
+        // parameter (see https://github.com/storybookjs/storybook/issues/10005)
         arg1: 'arg1',
+        // We should keep the previous values because we cannot tell if the user changed it or not in the UI
+        // and we don't want to revert to the defaults every HMR
         arg2: 2,
         arg3: { complex: { object: ['type'] } },
-        arg4: 'new',
+        arg4: 4,
+        // We take the new value here as it wasn't defined before
+        arg5: 'new',
       });
     });
 
-    it('updateGlobalArgs changes the global args', () => {
+    it('it sensibly re-initializes with memory based on session storage', () => {
+      (store2.session.get as any).mockReturnValueOnce({
+        globals: {
+          arg1: 'arg1',
+          arg2: 2,
+          arg3: { complex: { object: ['type'] } },
+          arg4: 4,
+        },
+      });
+
+      const store = new StoryStore({ channel });
+      addons.setChannel(channel);
+
+      addStoryToStore(store, 'a', '1', () => 0);
+      store.addGlobalMetadata({
+        decorators: [],
+        parameters: {
+          globals: {
+            arg2: 3,
+          },
+          globalTypes: {
+            arg2: { defaultValue: 'arg2' },
+            arg3: { defaultValue: { complex: { object: ['changed'] } } },
+            arg4: {}, // has no default value set but we need to make sure we don't lose it
+            arg5: { defaultValue: 'new' },
+          },
+        },
+      });
+      store.finishConfiguring();
+
+      expect(store.getRawStory('a', '1').globals).toEqual({
+        // We should keep the previous values because we cannot tell if the user changed it or not in the UI
+        // and we don't want to revert to the defaults every HMR
+        arg2: 2,
+        arg3: { complex: { object: ['type'] } },
+        arg4: 4,
+        // We take the new value here as it wasn't defined before
+        arg5: 'new',
+      });
+    });
+
+    it('updateGlobals changes the global args', () => {
       const store = new StoryStore({ channel });
       addStoryToStore(store, 'a', '1', () => 0);
-      expect(store.getRawStory('a', '1').globalArgs).toEqual({});
+      expect(store.getRawStory('a', '1').globals).toEqual({});
 
-      store.updateGlobalArgs({ foo: 'bar' });
-      expect(store.getRawStory('a', '1').globalArgs).toEqual({ foo: 'bar' });
+      store.updateGlobals({ foo: 'bar' });
+      expect(store.getRawStory('a', '1').globals).toEqual({ foo: 'bar' });
 
-      store.updateGlobalArgs({ baz: 'bing' });
-      expect(store.getRawStory('a', '1').globalArgs).toEqual({ foo: 'bar', baz: 'bing' });
+      store.updateGlobals({ baz: 'bing' });
+      expect(store.getRawStory('a', '1').globals).toEqual({ foo: 'bar', baz: 'bing' });
+    });
+
+    it('updateGlobals sets session storage', () => {
+      const store = new StoryStore({ channel });
+      addStoryToStore(store, 'a', '1', () => 0);
+
+      (store2.session.set as any).mockClear();
+      store.updateGlobals({ foo: 'bar' });
+      expect(store2.session.set).toHaveBeenCalled();
     });
 
     it('is passed to the story in the context', () => {
       const storyFn = jest.fn();
       const store = new StoryStore({ channel });
 
-      store.updateGlobalArgs({ foo: 'bar' });
+      store.updateGlobals({ foo: 'bar' });
       addStoryToStore(store, 'a', '1', storyFn, { passArgsFirst: false });
       store.getRawStory('a', '1').storyFn();
 
       expect(storyFn).toHaveBeenCalledWith(
         expect.objectContaining({
-          globalArgs: { foo: 'bar' },
+          globals: { foo: 'bar' },
         })
       );
 
-      store.updateGlobalArgs({ baz: 'bing' });
+      store.updateGlobals({ baz: 'bing' });
       store.getRawStory('a', '1').storyFn();
 
       expect(storyFn).toHaveBeenCalledWith(
         expect.objectContaining({
-          globalArgs: { foo: 'bar', baz: 'bing' },
+          globals: { foo: 'bar', baz: 'bing' },
         })
       );
     });
 
-    it('updateGlobalArgs emits GLOBAL_ARGS_UPDATED', () => {
-      const onGlobalArgsChangedChannel = jest.fn();
+    it('updateGlobals emits GLOBALS_UPDATED', () => {
+      const onGlobalsChangedChannel = jest.fn();
       const testChannel = mockChannel();
-      testChannel.on(Events.GLOBAL_ARGS_UPDATED, onGlobalArgsChangedChannel);
+      testChannel.on(Events.GLOBALS_UPDATED, onGlobalsChangedChannel);
 
       const store = new StoryStore({ channel: testChannel });
       addStoryToStore(store, 'a', '1', () => 0);
 
-      store.updateGlobalArgs({ foo: 'bar' });
-      expect(onGlobalArgsChangedChannel).toHaveBeenCalledWith({ foo: 'bar' });
+      store.updateGlobals({ foo: 'bar' });
+      expect(onGlobalsChangedChannel).toHaveBeenCalledWith({ globals: { foo: 'bar' } });
 
-      store.updateGlobalArgs({ baz: 'bing' });
-      expect(onGlobalArgsChangedChannel).toHaveBeenCalledWith({ foo: 'bar', baz: 'bing' });
+      store.updateGlobals({ baz: 'bing' });
+      expect(onGlobalsChangedChannel).toHaveBeenCalledWith({
+        globals: { foo: 'bar', baz: 'bing' },
+      });
     });
 
-    it('should update if the UPDATE_GLOBAL_ARGS event is received', () => {
+    it('should update if the UPDATE_GLOBALS event is received', () => {
       const testChannel = mockChannel();
       const store = new StoryStore({ channel: testChannel });
       addStoryToStore(store, 'a', '1', () => 0);
 
-      testChannel.emit(Events.UPDATE_GLOBAL_ARGS, { foo: 'bar' });
+      testChannel.emit(Events.UPDATE_GLOBALS, { globals: { foo: 'bar' } });
 
-      expect(store.getRawStory('a', '1').globalArgs).toEqual({ foo: 'bar' });
+      expect(store.getRawStory('a', '1').globals).toEqual({ foo: 'bar' });
     });
 
-    it('DOES NOT pass globalArgs as the first argument to the story if `parameters.passArgsFirst` is true', () => {
+    it('DOES NOT pass globals as the first argument to the story if `parameters.passArgsFirst` is true', () => {
       const store = new StoryStore({ channel });
 
       const storyOne = jest.fn();
       addStoryToStore(store, 'a', '1', storyOne, { passArgsFirst: false });
 
-      store.updateGlobalArgs({ foo: 'bar' });
+      store.updateGlobals({ foo: 'bar' });
 
       store.getRawStory('a', '1').storyFn();
       expect(storyOne).toHaveBeenCalledWith(
         expect.objectContaining({
-          globalArgs: { foo: 'bar' },
+          globals: { foo: 'bar' },
         })
       );
 
@@ -394,13 +597,27 @@ describe('preview.story_store', () => {
       expect(storyTwo).toHaveBeenCalledWith(
         {},
         expect.objectContaining({
-          globalArgs: { foo: 'bar' },
+          globals: { foo: 'bar' },
         })
       );
     });
   });
 
   describe('argTypesEnhancer', () => {
+    it('records when the given story processes args', () => {
+      const store = new StoryStore({ channel });
+
+      const enhancer = jest.fn((context) => ({ ...context.parameters.argTypes, c: 'd' }));
+      store.addArgTypesEnhancer(enhancer);
+
+      addStoryToStore(store, 'a', '1', (args: any) => 0, { argTypes: { a: 'b' } });
+
+      expect(enhancer).toHaveBeenCalledWith(
+        expect.objectContaining({ parameters: { __isArgsStory: true, argTypes: { a: 'b' } } })
+      );
+      expect(store.getRawStory('a', '1').parameters.argTypes).toEqual({ a: 'b', c: 'd' });
+    });
+
     it('allows you to alter argTypes when stories are added', () => {
       const store = new StoryStore({ channel });
 
@@ -410,7 +627,7 @@ describe('preview.story_store', () => {
       addStoryToStore(store, 'a', '1', () => 0, { argTypes: { a: 'b' } });
 
       expect(enhancer).toHaveBeenCalledWith(
-        expect.objectContaining({ parameters: { argTypes: { a: 'b' } } })
+        expect.objectContaining({ parameters: { __isArgsStory: false, argTypes: { a: 'b' } } })
       );
       expect(store.getRawStory('a', '1').parameters.argTypes).toEqual({ a: 'b', c: 'd' });
     });
@@ -426,10 +643,12 @@ describe('preview.story_store', () => {
       addStoryToStore(store, 'a', '1', () => 0, { argTypes: { a: 'b' } });
 
       expect(firstEnhancer).toHaveBeenCalledWith(
-        expect.objectContaining({ parameters: { argTypes: { a: 'b' } } })
+        expect.objectContaining({ parameters: { __isArgsStory: false, argTypes: { a: 'b' } } })
       );
       expect(secondEnhancer).toHaveBeenCalledWith(
-        expect.objectContaining({ parameters: { argTypes: { a: 'b', c: 'd' } } })
+        expect.objectContaining({
+          parameters: { __isArgsStory: false, argTypes: { a: 'b', c: 'd' } },
+        })
       );
       expect(store.getRawStory('a', '1').parameters.argTypes).toEqual({ a: 'b', c: 'd', e: 'f' });
     });
@@ -443,7 +662,7 @@ describe('preview.story_store', () => {
       addStoryToStore(store, 'a', '1', () => 0, { argTypes: { a: 'b' } });
 
       expect(enhancer).toHaveBeenCalledWith(
-        expect.objectContaining({ parameters: { argTypes: { a: 'b' } } })
+        expect.objectContaining({ parameters: { __isArgsStory: false, argTypes: { a: 'b' } } })
       );
       expect(store.getRawStory('a', '1').parameters.argTypes).toEqual({ c: 'd' });
     });
@@ -462,27 +681,203 @@ describe('preview.story_store', () => {
 
       addStoryToStore(store, 'a', '1', () => 0, { argTypes: { e: 'f' } });
       expect(enhancer).toHaveBeenCalledWith(
-        expect.objectContaining({ parameters: { argTypes: { e: 'f' } } })
+        expect.objectContaining({ parameters: { __isArgsStory: false, argTypes: { e: 'f' } } })
       );
       expect(store.getRawStory('a', '1').parameters.argTypes).toEqual({ e: 'f', c: 'd' });
     });
   });
 
+  describe('selection specifiers', () => {
+    describe('if you use *', () => {
+      it('selects the first story in the store', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: '*', viewMode: 'story' });
+
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        addStoryToStore(store, 'b', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'a--1', viewMode: 'story' });
+      });
+
+      it('takes into account sorting', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: '*', viewMode: 'story' });
+        addReverseSorting(store);
+
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        addStoryToStore(store, 'b', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'b--1', viewMode: 'story' });
+      });
+
+      it('selects nothing if there are no stories', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: '*', viewMode: 'story' });
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual(undefined);
+      });
+    });
+
+    describe('if you use a component or group id', () => {
+      it('selects the first story for the component', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'b', viewMode: 'story' });
+
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        addStoryToStore(store, 'b', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'b--1', viewMode: 'story' });
+      });
+
+      it('selects the first story for the group', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'g2', viewMode: 'story' });
+
+        addStoryToStore(store, 'g1/a', '1', () => 0);
+        addStoryToStore(store, 'g2/a', '1', () => 0);
+        addStoryToStore(store, 'g2/b', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'g2-a--1', viewMode: 'story' });
+      });
+
+      // Making sure the fix #11571 doesn't break this
+      it('selects the first story if there are two stories in the group of different lengths', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'a', viewMode: 'story' });
+        addStoryToStore(store, 'a', 'long-long-long', () => 0);
+        addStoryToStore(store, 'a', 'short', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'a--long-long-long', viewMode: 'story' });
+      });
+
+      it('selects nothing if the component or group does not exist', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'c', viewMode: 'story' });
+
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        addStoryToStore(store, 'b', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual(undefined);
+      });
+    });
+
+    describe('if you use a storyId', () => {
+      it('selects a specific story', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'a--2', viewMode: 'story' });
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        addStoryToStore(store, 'b', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'a--2', viewMode: 'story' });
+      });
+
+      it('selects nothing if you the story does not exist', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'a--3', viewMode: 'story' });
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        addStoryToStore(store, 'b', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual(undefined);
+      });
+
+      // See #11571
+      it('does NOT select an earlier story that this story id is a prefix of', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'a--3', viewMode: 'story' });
+        addStoryToStore(store, 'a', '31', () => 0);
+        addStoryToStore(store, 'a', '3', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'a--3', viewMode: 'story' });
+      });
+    });
+
+    describe('if you use no specifier', () => {
+      it('selects nothing', () => {
+        const store = new StoryStore({ channel });
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        addStoryToStore(store, 'b', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual(undefined);
+      });
+    });
+
+    describe('HMR behaviour', () => {
+      it('retains successful selection', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'a--1', viewMode: 'story' });
+        addStoryToStore(store, 'a', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'a--1', viewMode: 'story' });
+
+        store.startConfiguring();
+        store.removeStoryKind('a');
+        addStoryToStore(store, 'a', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'a--1', viewMode: 'story' });
+      });
+
+      it('tries again with a specifier if it failed the first time', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'a--2', viewMode: 'story' });
+        addStoryToStore(store, 'a', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual(undefined);
+
+        store.startConfiguring();
+        store.removeStoryKind('a');
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'a--2', viewMode: 'story' });
+      });
+
+      it('DOES NOT try again if the selection changed in the meantime', () => {
+        const store = new StoryStore({ channel });
+        store.setSelectionSpecifier({ storySpecifier: 'a--2', viewMode: 'story' });
+        addStoryToStore(store, 'a', '1', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual(undefined);
+        store.setSelection({ storyId: 'a--1', viewMode: 'story' });
+        expect(store.getSelection()).toEqual({ storyId: 'a--1', viewMode: 'story' });
+
+        store.startConfiguring();
+        store.removeStoryKind('a');
+        addStoryToStore(store, 'a', '1', () => 0);
+        addStoryToStore(store, 'a', '2', () => 0);
+        store.finishConfiguring();
+
+        expect(store.getSelection()).toEqual({ storyId: 'a--1', viewMode: 'story' });
+      });
+    });
+  });
+
   describe('storySort', () => {
     it('sorts stories using given function', () => {
       const store = new StoryStore({ channel });
-      store.addGlobalMetadata({
-        decorators: [],
-        parameters: {
-          options: {
-            // Test function does reverse alphabetical ordering.
-            storySort: (a: any, b: any): number =>
-              a[1].kind === b[1].kind
-                ? 0
-                : -1 * a[1].id.localeCompare(b[1].id, undefined, { numeric: true }),
-          },
-        },
-      });
+      addReverseSorting(store);
       addStoryToStore(store, 'a/a', '1', () => 0);
       addStoryToStore(store, 'a/a', '2', () => 0);
       addStoryToStore(store, 'a/b', '1', () => 0);
@@ -608,6 +1003,43 @@ describe('preview.story_store', () => {
         'c--1',
       ]);
     });
+
+    it('passes kind and global parameters to sort', () => {
+      const store = new StoryStore({ channel });
+      const storySort = jest.fn();
+      store.addGlobalMetadata({
+        decorators: [],
+        parameters: {
+          options: {
+            storySort,
+          },
+          global: 'global',
+        },
+      });
+      store.addKindMetadata('a', { parameters: { kind: 'kind' }, decorators: [] });
+      addStoryToStore(store, 'a', '1', () => 0, { story: '1' });
+      addStoryToStore(store, 'a', '2', () => 0, { story: '2' });
+      const extracted = store.extract();
+
+      expect(storySort).toHaveBeenCalledWith(
+        [
+          'a--1',
+          expect.objectContaining({
+            parameters: expect.objectContaining({ story: '1' }),
+          }),
+          { kind: 'kind' },
+          expect.objectContaining({ global: 'global' }),
+        ],
+        [
+          'a--2',
+          expect.objectContaining({
+            parameters: expect.objectContaining({ story: '2' }),
+          }),
+          { kind: 'kind' },
+          expect.objectContaining({ global: 'global' }),
+        ]
+      );
+    });
   });
 
   describe('configuration', () => {
@@ -667,7 +1099,7 @@ describe('preview.story_store', () => {
       store.finishConfiguring();
       expect(onSetStories).toHaveBeenCalledWith({
         v: 2,
-        globalArgs: {},
+        globals: {},
         globalParameters: {},
         kindParameters: { a: {} },
         stories: {
@@ -678,7 +1110,7 @@ describe('preview.story_store', () => {
       });
     });
 
-    it('correctly emits globalArgs with SET_STORIES', () => {
+    it('correctly emits globals with SET_STORIES', () => {
       const onSetStories = jest.fn();
       channel.on(Events.SET_STORIES, onSetStories);
       const store = new StoryStore({ channel });
@@ -686,7 +1118,7 @@ describe('preview.story_store', () => {
       store.addGlobalMetadata({
         decorators: [],
         parameters: {
-          globalArgTypes: {
+          globalTypes: {
             arg1: { defaultValue: 'arg1' },
           },
         },
@@ -698,10 +1130,10 @@ describe('preview.story_store', () => {
       store.finishConfiguring();
       expect(onSetStories).toHaveBeenCalledWith({
         v: 2,
-        globalArgs: { arg1: 'arg1' },
+        globals: { arg1: 'arg1' },
         globalParameters: {
           // NOTE: Currently globalArg[Types] are emitted as parameters but this may not remain
-          globalArgTypes: {
+          globalTypes: {
             arg1: { defaultValue: 'arg1' },
           },
         },
@@ -722,7 +1154,7 @@ describe('preview.story_store', () => {
       store.finishConfiguring();
       expect(onSetStories).toHaveBeenCalledWith({
         v: 2,
-        globalArgs: {},
+        globals: {},
         globalParameters: {},
         kindParameters: {},
         stories: {},
@@ -742,7 +1174,7 @@ describe('preview.story_store', () => {
 
       expect(onSetStories).toHaveBeenCalledWith({
         v: 2,
-        globalArgs: {},
+        globals: {},
         globalParameters: {},
         kindParameters: { a: {} },
         stories: {
@@ -775,7 +1207,7 @@ describe('preview.story_store', () => {
 
       expect(onSetStories).toHaveBeenCalledWith({
         v: 2,
-        globalArgs: {},
+        globals: {},
         globalParameters: {},
         kindParameters: { 'kind-1': {} },
         stories: {
@@ -811,7 +1243,7 @@ describe('preview.story_store', () => {
 
       expect(onSetStories).toHaveBeenCalledWith({
         v: 2,
-        globalArgs: {},
+        globals: {},
         globalParameters: {},
         kindParameters: { 'kind-1': {}, 'kind-2': {} },
         stories: {
@@ -835,43 +1267,51 @@ describe('preview.story_store', () => {
     });
   });
 
-  describe('RENDER_CURRENT_STORY', () => {
-    it('is NOT emitted when setError is called during configuration', () => {
-      const onRenderCurrentStory = jest.fn();
-      channel.on(Events.RENDER_CURRENT_STORY, onRenderCurrentStory);
-      const store = new StoryStore({ channel });
-
-      store.setError(new Error('Something is bad!') as ErrorLike);
-      expect(onRenderCurrentStory).not.toHaveBeenCalled();
-    });
-
-    it('is NOT emitted when setSelection is called during configuration', () => {
-      const onRenderCurrentStory = jest.fn();
-      channel.on(Events.RENDER_CURRENT_STORY, onRenderCurrentStory);
-      const store = new StoryStore({ channel });
-
-      store.setSelection({ storyId: 'a--1', viewMode: 'story' });
-      expect(onRenderCurrentStory).not.toHaveBeenCalled();
-    });
-
+  describe('CURRENT_STORY_WAS_SET', () => {
     it('is emitted when configuration ends', () => {
-      const onRenderCurrentStory = jest.fn();
-      channel.on(Events.RENDER_CURRENT_STORY, onRenderCurrentStory);
+      const onCurrentStoryWasSet = jest.fn();
+      channel.on(Events.CURRENT_STORY_WAS_SET, onCurrentStoryWasSet);
       const store = new StoryStore({ channel });
 
       store.finishConfiguring();
-      expect(onRenderCurrentStory).toHaveBeenCalled();
+      expect(onCurrentStoryWasSet).toHaveBeenCalled();
     });
 
-    it('is emitted when setSelection is called outside of configuration', () => {
-      const onRenderCurrentStory = jest.fn();
-      channel.on(Events.RENDER_CURRENT_STORY, onRenderCurrentStory);
+    it('is emitted when setSelection is called', () => {
+      const onCurrentStoryWasSet = jest.fn();
+      channel.on(Events.CURRENT_STORY_WAS_SET, onCurrentStoryWasSet);
       const store = new StoryStore({ channel });
       store.finishConfiguring();
 
-      onRenderCurrentStory.mockClear();
+      onCurrentStoryWasSet.mockClear();
       store.setSelection({ storyId: 'a--1', viewMode: 'story' });
-      expect(onRenderCurrentStory).toHaveBeenCalled();
+      expect(onCurrentStoryWasSet).toHaveBeenCalled();
+    });
+  });
+
+  describe('STORY_SPECIFIED', () => {
+    it('is emitted when configuration ends if a specifier was set', () => {
+      const onStorySpecified = jest.fn();
+      channel.on(Events.STORY_SPECIFIED, onStorySpecified);
+      const store = new StoryStore({ channel });
+      addStoryToStore(store, 'kind-1', 'story-1.1', () => 0);
+      store.setSelectionSpecifier({ storySpecifier: '*', viewMode: 'story' });
+
+      store.finishConfiguring();
+      expect(onStorySpecified).toHaveBeenCalled();
+    });
+
+    it('is NOT emitted when setSelection is called', () => {
+      const onStorySpecified = jest.fn();
+      channel.on(Events.STORY_SPECIFIED, onStorySpecified);
+      const store = new StoryStore({ channel });
+      addStoryToStore(store, 'kind-1', 'story-1.1', () => 0);
+      store.setSelectionSpecifier({ storySpecifier: '*', viewMode: 'story' });
+      store.finishConfiguring();
+
+      onStorySpecified.mockClear();
+      store.setSelection({ storyId: 'a--1', viewMode: 'story' });
+      expect(onStorySpecified).not.toHaveBeenCalled();
     });
   });
 });
diff --git a/lib/client-api/src/story_store.ts b/lib/client-api/src/story_store.ts
index 0ed018ccdd6..1b79abe131d 100644
--- a/lib/client-api/src/story_store.ts
+++ b/lib/client-api/src/story_store.ts
@@ -3,13 +3,13 @@ import memoize from 'memoizerific';
 import dedent from 'ts-dedent';
 import stable from 'stable';
 import mapValues from 'lodash/mapValues';
+import pick from 'lodash/pick';
+import store from 'store2';
 
 import { Channel } from '@storybook/channels';
 import Events from '@storybook/core-events';
 import { logger } from '@storybook/client-logger';
 import {
-  StoryId,
-  ViewMode,
   Comparator,
   Parameters,
   Args,
@@ -17,6 +17,7 @@ import {
   ArgsStoryFn,
   StoryContext,
   StoryKind,
+  StoryId,
 } from '@storybook/addons';
 import {
   DecoratorFunction,
@@ -28,15 +29,15 @@ import {
   ErrorLike,
   GetStorybookKind,
   ArgTypesEnhancer,
+  StoreSelectionSpecifier,
+  StoreSelection,
 } from './types';
 import { HooksContext } from './hooks';
-import storySort from './storySort';
+import { storySort } from './storySort';
 import { combineParameters } from './parameters';
-
-interface Selection {
-  storyId: StoryId;
-  viewMode: ViewMode;
-}
+import { ensureArgTypes } from './ensureArgTypes';
+import { inferArgTypes } from './inferArgTypes';
+import { inferControls } from './inferControls';
 
 interface StoryOptions {
   includeDocsOnly?: boolean;
@@ -44,6 +45,8 @@ interface StoryOptions {
 
 type KindMetadata = StoryMetadata & { order: number };
 
+const STORAGE_KEY = '@storybook/preview/store';
+
 const isStoryDocsOnly = (parameters?: Parameters) => {
   return parameters && parameters.docsOnly;
 };
@@ -55,14 +58,14 @@ const includeStory = (story: StoreItem, options: StoryOptions = { includeDocsOnl
   return !isStoryDocsOnly(story.parameters);
 };
 
-const checkGlobalArgs = (parameters: Parameters) => {
-  const { globalArgs, globalArgTypes } = parameters;
-  if (globalArgs || globalArgTypes) {
+const checkGlobals = (parameters: Parameters) => {
+  const { globals, globalTypes } = parameters;
+  if (globals || globalTypes) {
     logger.error(
       'Global args/argTypes can only be set globally',
       JSON.stringify({
-        globalArgs,
-        globalArgTypes,
+        globals,
+        globalTypes,
       })
     );
   }
@@ -82,7 +85,10 @@ const toExtracted = <T>(obj: T) =>
     if (typeof value === 'function') {
       return acc;
     }
-    if (key === 'hooks') {
+    // NOTE: We're serializing argTypes twice, at the top-level and also in parameters.
+    // We currently rely on useParameters in the manager, so strip out the top-level argTypes
+    // instead for performance.
+    if (['hooks', 'argTypes'].includes(key)) {
       return acc;
     }
     if (Array.isArray(value)) {
@@ -98,7 +104,7 @@ export default class StoryStore {
 
   _configuring: boolean;
 
-  _globalArgs: Args;
+  _globals: Args;
 
   _globalMetadata: StoryMetadata;
 
@@ -110,18 +116,21 @@ export default class StoryStore {
 
   _argTypesEnhancers: ArgTypesEnhancer[];
 
-  _selection: Selection;
+  _selectionSpecifier?: StoreSelectionSpecifier;
+
+  _selection?: StoreSelection;
 
   constructor(params: { channel: Channel }) {
     // Assume we are configuring until we hear otherwise
     this._configuring = true;
 
-    this._globalArgs = {};
+    // We store global args in session storage. Note that when we finish
+    // configuring below we will ensure we only use values here that make sense
+    this._globals = store.session.get(STORAGE_KEY)?.globals || {};
     this._globalMetadata = { parameters: {}, decorators: [] };
     this._kinds = {};
     this._stories = {};
-    this._argTypesEnhancers = [];
-    this._selection = {} as any;
+    this._argTypesEnhancers = [ensureArgTypes];
     this._error = undefined;
     this._channel = params.channel;
 
@@ -136,12 +145,20 @@ export default class StoryStore {
       this.setSelection({ storyId, viewMode })
     );
 
-    this._channel.on(Events.UPDATE_STORY_ARGS, (id: string, newArgs: Args) =>
-      this.updateStoryArgs(id, newArgs)
+    this._channel.on(
+      Events.UPDATE_STORY_ARGS,
+      ({ storyId, updatedArgs }: { storyId: string; updatedArgs: Args }) =>
+        this.updateStoryArgs(storyId, updatedArgs)
     );
 
-    this._channel.on(Events.UPDATE_GLOBAL_ARGS, (newGlobalArgs: Args) =>
-      this.updateGlobalArgs(newGlobalArgs)
+    this._channel.on(
+      Events.RESET_STORY_ARGS,
+      ({ storyId, argNames }: { storyId: string; argNames?: string[] }) =>
+        this.resetStoryArgs(storyId, argNames)
+    );
+
+    this._channel.on(Events.UPDATE_GLOBALS, ({ globals }: { globals: Args }) =>
+      this.updateGlobals(globals)
     );
   }
 
@@ -149,38 +166,73 @@ export default class StoryStore {
     this._configuring = true;
   }
 
+  storeGlobals() {
+    // Store the global args on the session
+    store.session.set(STORAGE_KEY, { globals: this._globals });
+  }
+
   finishConfiguring() {
     this._configuring = false;
 
-    const { globalArgs: initialGlobalArgs, globalArgTypes } = this._globalMetadata.parameters;
+    const { globals: initialGlobals = {}, globalTypes = {} } = this._globalMetadata.parameters;
 
-    const defaultGlobalArgs: Args = globalArgTypes
-      ? Object.entries(globalArgTypes as Record<string, { defaultValue: any }>).reduce(
-          (acc, [arg, { defaultValue }]) => {
-            if (defaultValue) acc[arg] = defaultValue;
-            return acc;
-          },
-          {} as Args
-        )
-      : {};
+    const defaultGlobals: Args = Object.entries(
+      globalTypes as Record<string, { defaultValue: any }>
+    ).reduce((acc, [arg, { defaultValue }]) => {
+      if (defaultValue) acc[arg] = defaultValue;
+      return acc;
+    }, {} as Args);
 
-    // To deal with HMR, we consider the previous value of global args, and:
+    const allowedGlobals = new Set([...Object.keys(initialGlobals), ...Object.keys(globalTypes)]);
+
+    // To deal with HMR & persistence, we consider the previous value of global args, and:
     //   1. Remove any keys that are not in the new parameter
     //   2. Preference any keys that were already set
     //   3. Use any new keys from the new parameter
-    this._globalArgs = Object.entries(this._globalArgs || {}).reduce(
+    this._globals = Object.entries(this._globals || {}).reduce(
       (acc, [key, previousValue]) => {
-        if (acc[key]) acc[key] = previousValue;
+        if (allowedGlobals.has(key)) acc[key] = previousValue;
 
         return acc;
       },
-      { ...defaultGlobalArgs, ...initialGlobalArgs }
+      { ...defaultGlobals, ...initialGlobals }
     );
+    this.storeGlobals();
+
+    // Set the current selection based on the current selection specifier, if selection is not yet set
+    const stories = this.sortedStories();
+    let foundStory;
+    if (this._selectionSpecifier && !this._selection) {
+      const { storySpecifier, viewMode } = this._selectionSpecifier;
+      if (storySpecifier === '*') {
+        // '*' means select the first story. If there is none, we have no selection.
+        [foundStory] = stories;
+      } else if (typeof storySpecifier === 'string') {
+        // Find the story with the exact id that matches the specifier (see #11571)
+        foundStory = Object.values(stories).find((s) => s.id === storySpecifier);
+        if (!foundStory) {
+          // Fallback to the first story that starts with the specifier
+          foundStory = Object.values(stories).find((s) => s.id.startsWith(storySpecifier));
+        }
+      } else {
+        // Try and find a story matching the name/kind, setting no selection if they don't exist.
+        const { name, kind } = storySpecifier;
+        foundStory = this.getRawStory(kind, name);
+      }
+
+      if (foundStory) {
+        this.setSelection({ storyId: foundStory.id, viewMode });
+        this._channel.emit(Events.STORY_SPECIFIED, { storyId: foundStory.id, viewMode });
+      }
+    }
+
+    // If we didn't find a story matching the specifier, we always want to emit CURRENT_STORY_WAS_SET anyway
+    // in order to tell the StoryRenderer to render something (a "missing story" view)
+    if (!foundStory && this._channel) {
+      this._channel.emit(Events.CURRENT_STORY_WAS_SET, this._selection);
+    }
 
     this.pushToManager();
-    if (this._channel) {
-      this._channel.emit(Events.RENDER_CURRENT_STORY);
-    }
   }
 
   addGlobalMetadata({ parameters, decorators }: StoryMetadata) {
@@ -196,7 +248,13 @@ export default class StoryStore {
 
     this._globalMetadata.parameters = combineParameters(globalParameters, parameters);
 
-    this._globalMetadata.decorators.push(...decorators);
+    decorators.forEach((decorator) => {
+      if (this._globalMetadata.decorators.includes(decorator)) {
+        logger.warn('You tried to add a duplicate decorator, this is not expected', decorator);
+      } else {
+        this._globalMetadata.decorators.push(decorator);
+      }
+    });
   }
 
   clearGlobalDecorators() {
@@ -216,7 +274,7 @@ export default class StoryStore {
   addKindMetadata(kind: string, { parameters, decorators }: StoryMetadata) {
     this.ensureKind(kind);
     if (parameters) {
-      checkGlobalArgs(parameters);
+      checkGlobals(parameters);
       checkStorySort(parameters);
     }
     this._kinds[kind].parameters = combineParameters(this._kinds[kind].parameters, parameters);
@@ -262,7 +320,7 @@ export default class StoryStore {
       );
 
     if (storyParameters) {
-      checkGlobalArgs(storyParameters);
+      checkGlobals(storyParameters);
       checkStorySort(storyParameters);
     }
 
@@ -296,10 +354,8 @@ export default class StoryStore {
     ];
 
     const finalStoryFn = (context: StoryContext) => {
-      const { passArgsFirst } = context.parameters;
-      return passArgsFirst || typeof passArgsFirst === 'undefined'
-        ? (original as ArgsStoryFn)(context.args, context)
-        : original(context);
+      const { passArgsFirst = true } = context.parameters;
+      return passArgsFirst ? (original as ArgsStoryFn)(context.args, context) : original(context);
     };
 
     // lazily decorate the story when it's loaded
@@ -312,21 +368,33 @@ export default class StoryStore {
     // We need the combined parameters now in order to calculate argTypes, but we won't keep them
     const combinedParameters = this.combineStoryParameters(storyParameters, kind);
 
+    // We are going to make various UI changes in both the manager and the preview
+    // based on whether it's an "args story", i.e. whether the story accepts a first
+    // argument which is an `Args` object. Here we store it as a parameter on every story
+    // for convenience, but we preface it with `__` to denote that it's an internal API
+    // and that users probably shouldn't look at it.
+    const { passArgsFirst = true } = combinedParameters;
+    const __isArgsStory = passArgsFirst && original.length > 0;
+
+    // run at the end
+    this._argTypesEnhancers.push(inferArgTypes);
+    this._argTypesEnhancers.push(inferControls);
     const { argTypes = {} } = this._argTypesEnhancers.reduce(
-      (accumlatedParameters: Parameters, enhancer) => ({
-        ...accumlatedParameters,
+      (accumulatedParameters: Parameters, enhancer) => ({
+        ...accumulatedParameters,
         argTypes: enhancer({
           ...identification,
           storyFn: original,
-          parameters: accumlatedParameters,
+          parameters: accumulatedParameters,
           args: {},
-          globalArgs: {},
+          argTypes: {},
+          globals: {},
         }),
       }),
-      combinedParameters
+      { __isArgsStory, ...combinedParameters }
     );
 
-    const storyParametersWithArgTypes = { ...storyParameters, argTypes };
+    const storyParametersWithArgTypes = { ...storyParameters, argTypes, __isArgsStory };
 
     const storyFn: LegacyStoryFn = (runtimeContext: StoryContext) =>
       getDecorated()({
@@ -336,11 +404,12 @@ export default class StoryStore {
         parameters: this.combineStoryParameters(storyParametersWithArgTypes, kind),
         hooks,
         args: _stories[id].args,
-        globalArgs: this._globalArgs,
+        argTypes,
+        globals: this._globals,
       });
 
     // Pull out parameters.args.$ || .argTypes.$.defaultValue into initialArgs
-    const initialArgs: Args = combinedParameters.args;
+    const passedArgs: Args = combinedParameters.args;
     const defaultArgs: Args = Object.entries(
       argTypes as Record<string, { defaultValue: any }>
     ).reduce((acc, [arg, { defaultValue }]) => {
@@ -348,6 +417,7 @@ export default class StoryStore {
       return acc;
     }, {} as Args);
 
+    const initialArgs = { ...defaultArgs, ...passedArgs };
     _stories[id] = {
       ...identification,
 
@@ -356,8 +426,10 @@ export default class StoryStore {
       getOriginal,
       storyFn,
 
-      parameters: { ...storyParameters, argTypes },
-      args: { ...defaultArgs, ...initialArgs },
+      parameters: storyParametersWithArgTypes,
+      args: initialArgs,
+      argTypes,
+      initialArgs,
     };
   }
 
@@ -393,9 +465,10 @@ export default class StoryStore {
     }, {});
   }
 
-  updateGlobalArgs(newGlobalArgs: Args) {
-    this._globalArgs = { ...this._globalArgs, ...newGlobalArgs };
-    this._channel.emit(Events.GLOBAL_ARGS_UPDATED, this._globalArgs);
+  updateGlobals(newGlobals: Args) {
+    this._globals = { ...this._globals, ...newGlobals };
+    this.storeGlobals();
+    this._channel.emit(Events.GLOBALS_UPDATED, { globals: this._globals });
   }
 
   updateStoryArgs(id: string, newArgs: Args) {
@@ -403,7 +476,20 @@ export default class StoryStore {
     const { args } = this._stories[id];
     this._stories[id].args = { ...args, ...newArgs };
 
-    this._channel.emit(Events.STORY_ARGS_UPDATED, id, this._stories[id].args);
+    this._channel.emit(Events.STORY_ARGS_UPDATED, { storyId: id, args: this._stories[id].args });
+  }
+
+  resetStoryArgs(id: string, argNames?: string[]) {
+    if (!this._stories[id]) throw new Error(`No story for id ${id}`);
+    const { args, initialArgs } = this._stories[id];
+
+    this._stories[id].args = { ...args }; // Make a copy to avoid problems
+    (argNames || Object.keys(args)).forEach((name) => {
+      // We overwrite like this to ensure we can reset to falsey values
+      this._stories[id].args[name] = initialArgs[name];
+    });
+
+    this._channel.emit(Events.STORY_ARGS_UPDATED, { storyId: id, args: this._stories[id].args });
   }
 
   fromId = (id: string): PublishedStoreItem | null => {
@@ -429,10 +515,25 @@ export default class StoryStore {
       .map((i) => this.mergeAdditionalDataToStory(i));
   }
 
-  extract(options: StoryOptions & { normalizeParameters?: boolean } = {}) {
-    const stories = Object.entries(this._stories);
-
+  sortedStories(): StoreItem[] {
+    // NOTE: when kinds are HMR'ed they get temporarily removed from the `_stories` array
+    // and thus lose order. However `_kinds[x].order` preservers the original load order
+    const kindOrder = mapValues(this._kinds, ({ order }) => order);
     const storySortParameter = this._globalMetadata.parameters?.options?.storySort;
+
+    const storyEntries = Object.entries(this._stories);
+    // Add the kind parameters and global parameters to each entry
+    const stories: [
+      StoryId,
+      StoreItem,
+      Parameters,
+      Parameters
+    ][] = storyEntries.map(([id, story]) => [
+      id,
+      story,
+      this._kinds[story.kind].parameters,
+      this._globalMetadata.parameters,
+    ]);
     if (storySortParameter) {
       let sortFn: Comparator<any>;
       if (typeof storySortParameter === 'function') {
@@ -442,24 +543,27 @@ export default class StoryStore {
       }
       stable.inplace(stories, sortFn);
     } else {
-      // NOTE: when kinds are HMR'ed they get temporarily removed from the `_stories` array
-      // and thus lose order. However `_kindOrder` preservers the original load order
-      stable.inplace(
-        stories,
-        (s1, s2) => this._kinds[s1[1].kind].order - this._kinds[s2[1].kind].order
-      );
+      stable.inplace(stories, (s1, s2) => kindOrder[s1[1].kind] - kindOrder[s2[1].kind]);
     }
+    return stories.map(([id, s]) => s);
+  }
+
+  extract(options: StoryOptions & { normalizeParameters?: boolean } = {}) {
+    const stories = this.sortedStories();
 
     // removes function values from all stories so they are safe to transport over the channel
-    return stories.reduce((acc, [id, story]) => {
+    return stories.reduce((acc, story) => {
       if (!includeStory(story, options)) return acc;
 
       const extracted = toExtracted(story);
-      if (options.normalizeParameters) return Object.assign(acc, { [id]: extracted });
+      if (options.normalizeParameters) return Object.assign(acc, { [story.id]: extracted });
 
-      const { parameters, kind } = extracted as { parameters: Parameters; kind: StoryKind };
+      const { parameters, kind } = extracted as {
+        parameters: Parameters;
+        kind: StoryKind;
+      };
       return Object.assign(acc, {
-        [id]: Object.assign(extracted, {
+        [story.id]: Object.assign(extracted, {
           parameters: this.combineStoryParameters(parameters, kind),
         }),
       });
@@ -476,33 +580,46 @@ export default class StoryStore {
 
   getError = (): ErrorLike | undefined => this._error;
 
-  setSelection(selection: Selection): void {
+  setSelectionSpecifier(selectionSpecifier: StoreSelectionSpecifier): void {
+    this._selectionSpecifier = selectionSpecifier;
+  }
+
+  setSelection(selection: StoreSelection): void {
     this._selection = selection;
 
     if (this._channel) {
       this._channel.emit(Events.CURRENT_STORY_WAS_SET, this._selection);
-
-      // If the selection is set while configuration is in process, we are guaranteed
-      // we'll emit RENDER_CURRENT_STORY at the end of the process, so we shouldn't do it now.
-      if (!this._configuring) {
-        this._channel.emit(Events.RENDER_CURRENT_STORY);
-      }
     }
   }
 
-  getSelection = (): Selection => this._selection;
+  getSelection = (): StoreSelection => this._selection;
 
   getDataForManager = () => {
     return {
       v: 2,
       globalParameters: this._globalMetadata.parameters,
-      globalArgs: this._globalArgs,
+      globals: this._globals,
       error: this.getError(),
       kindParameters: mapValues(this._kinds, (metadata) => metadata.parameters),
       stories: this.extract({ includeDocsOnly: true, normalizeParameters: true }),
     };
   };
 
+  getStoriesJsonData = () => {
+    const value = this.getDataForManager();
+    const allowed = ['fileName', 'docsOnly', 'framework', '__id', '__isArgsStory'];
+
+    return {
+      v: 2,
+      globalParameters: pick(value.globalParameters, allowed),
+      kindParameters: mapValues(value.kindParameters, (v) => pick(v, allowed)),
+      stories: mapValues(value.stories, (v: any) => ({
+        ...pick(v, ['id', 'name', 'kind', 'story']),
+        parameters: pick(v.parameters, allowed),
+      })),
+    };
+  };
+
   pushToManager = () => {
     if (this._channel) {
       // send to the parent frame.
@@ -514,9 +631,7 @@ export default class StoryStore {
     return Array.from(new Set(this.raw().map((s) => s.kind)));
   }
 
-  getStoriesForKind(kind: string) {
-    return this.raw().filter((story) => story.kind === kind);
-  }
+  getStoriesForKind = (kind: string) => this.raw().filter((story) => story.kind === kind);
 
   getRawStory(kind: string, name: string) {
     return this.getStoriesForKind(kind).find((s) => s.name === name);
@@ -532,7 +647,7 @@ export default class StoryStore {
     this.getStoriesForKind(kind).map((story) => this.cleanHooks(story.id));
   }
 
-  // This API is a reimplementation of Storybook's original getStorybook() API.
+  // This API is a re-implementation of Storybook's original getStorybook() API.
   // As such it may not behave *exactly* the same, but aims to. Some notes:
   //  - It is *NOT* sorted by the user's sort function, but remains sorted in "insertion order"
   //  - It does not include docs-only stories
@@ -562,7 +677,7 @@ export default class StoryStore {
     return {
       ...story,
       parameters: this.combineStoryParameters(story.parameters, story.kind),
-      globalArgs: this._globalArgs,
+      globals: this._globals,
     };
   }
 }
diff --git a/lib/client-api/src/types.ts b/lib/client-api/src/types.ts
index e12134fd978..927b746e45e 100644
--- a/lib/client-api/src/types.ts
+++ b/lib/client-api/src/types.ts
@@ -1,5 +1,9 @@
 import {
   Addon,
+  StoryId,
+  StoryName,
+  StoryKind,
+  ViewMode,
   StoryIdentifier,
   StoryFn,
   Parameters,
@@ -25,6 +29,18 @@ export interface StoryMetadata {
 }
 export type ArgTypesEnhancer = (context: StoryContext) => ArgTypes;
 
+type StorySpecifier = StoryId | { name: StoryName; kind: StoryKind } | '*';
+
+export interface StoreSelectionSpecifier {
+  storySpecifier: StorySpecifier;
+  viewMode: ViewMode;
+}
+
+export interface StoreSelection {
+  storyId: StoryId;
+  viewMode: ViewMode;
+}
+
 export type AddStoryArgs = StoryIdentifier & {
   storyFn: StoryFn<any>;
   parameters?: Parameters;
@@ -38,10 +54,12 @@ export type StoreItem = StoryIdentifier & {
   storyFn: StoryFn<any>;
   hooks: HooksContext;
   args: Args;
+  initialArgs: Args;
+  argTypes: ArgTypes;
 };
 
 export type PublishedStoreItem = StoreItem & {
-  globalArgs: Args;
+  globals: Args;
 };
 
 export interface StoreData {
@@ -86,3 +104,46 @@ export type RenderContext = StoreItem & {
   showError: (error: { title: string; description: string }) => void;
   showException: (err: Error) => void;
 };
+
+interface SBBaseType {
+  required?: boolean;
+  raw?: string;
+}
+
+export type SBScalarType = SBBaseType & {
+  name: 'boolean' | 'string' | 'number' | 'function';
+};
+
+export type SBArrayType = SBBaseType & {
+  name: 'array';
+  value: SBType;
+};
+export type SBObjectType = SBBaseType & {
+  name: 'object';
+  value: Record<string, SBType>;
+};
+export type SBEnumType = SBBaseType & {
+  name: 'enum';
+  value: (string | number)[];
+};
+export type SBIntersectionType = SBBaseType & {
+  name: 'intersection';
+  value: SBType[];
+};
+export type SBUnionType = SBBaseType & {
+  name: 'union';
+  value: SBType[];
+};
+export type SBOtherType = SBBaseType & {
+  name: 'other';
+  value: string;
+};
+
+export type SBType =
+  | SBScalarType
+  | SBEnumType
+  | SBArrayType
+  | SBObjectType
+  | SBIntersectionType
+  | SBUnionType
+  | SBOtherType;
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index 213777c0114..acf2f543c48 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
@@ -22,24 +22,23 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
     "core-js": "^3.0.1",
-    "global": "^4.3.2",
-    "loglevel": "^1.6.7"
+    "global": "^4.3.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/client-logger/src/index.test.ts b/lib/client-logger/src/index.test.ts
index 3272d11bf94..f9004a47e7b 100644
--- a/lib/client-logger/src/index.test.ts
+++ b/lib/client-logger/src/index.test.ts
@@ -1,8 +1,8 @@
 import { logger } from '.';
 
-jest.mock('loglevel', () => global.console);
+jest.mock('global', () => ({ ...global, LOGLEVEL: 'debug' }));
 
-describe('client-logger', () => {
+describe('client-logger default LOGLEVEL', () => {
   const initialConsole = { ...global.console };
   beforeEach(() => {
     global.console.trace = jest.fn();
diff --git a/lib/client-logger/src/index.ts b/lib/client-logger/src/index.ts
index 6dedb9df499..655cc9bed30 100644
--- a/lib/client-logger/src/index.ts
+++ b/lib/client-logger/src/index.ts
@@ -1,27 +1,35 @@
-import { window, LOGLEVEL } from 'global';
-import console from 'loglevel';
+import { LOGLEVEL, console } from 'global';
 
-export const logger = {
-  trace: (message: any, ...rest: any[]): void => console.trace(message, ...rest),
-  debug: (message: any, ...rest: any[]): void => console.debug(message, ...rest),
-  log: (message: any, ...rest: any[]): void => window.console.log(message, ...rest),
-  info: (message: any, ...rest: any[]): void => console.info(message, ...rest),
-  warn: (message: any, ...rest: any[]): void => console.warn(message, ...rest),
-  error: (message: any, ...rest: any[]): void => console.error(message, ...rest),
+type LogLevel = 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'silent';
+
+const levels: Record<LogLevel, number> = {
+  trace: 1,
+  debug: 2,
+  info: 3,
+  warn: 4,
+  error: 5,
+  silent: 10,
 };
 
-if (LOGLEVEL) {
-  console.setLevel(LOGLEVEL);
-}
+const currentLogLevelString: LogLevel = LOGLEVEL as LogLevel;
+const currentLogLevelNumber: number = levels[currentLogLevelString] || levels.info;
 
-if (window) {
-  // eslint-disable-next-line no-underscore-dangle
-  window.__STORYBOOK_LOGGER = console;
-}
+export const logger = {
+  trace: (message: any, ...rest: any[]): void =>
+    currentLogLevelNumber <= levels.trace && console.trace(message, ...rest),
+  debug: (message: any, ...rest: any[]): void =>
+    currentLogLevelNumber <= levels.debug && console.debug(message, ...rest),
+  info: (message: any, ...rest: any[]): void =>
+    currentLogLevelNumber <= levels.info && console.info(message, ...rest),
+  warn: (message: any, ...rest: any[]): void =>
+    currentLogLevelNumber <= levels.warn && console.warn(message, ...rest),
+  error: (message: any, ...rest: any[]): void =>
+    currentLogLevelNumber <= levels.error && console.error(message, ...rest),
+  log: (message: any, ...rest: any[]): void =>
+    currentLogLevelNumber < levels.silent && console.log(message, ...rest),
+} as const;
 
-export const pretty = (type: 'trace' | 'debug' | 'info' | 'warn' | 'error') => (
-  ...args: string[]
-) => {
+export const pretty = (type: keyof typeof logger) => (...args: string[]) => {
   const argArray = [];
 
   if (args.length) {
@@ -44,7 +52,7 @@ export const pretty = (type: 'trace' | 'debug' | 'info' | 'warn' | 'error') => (
   }
 
   // eslint-disable-next-line prefer-spread
-  console[type].apply(console, argArray);
+  logger[type].apply(logger, argArray);
 };
 
 pretty.trace = pretty('trace');
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index e7a78f5907f..39d44b1c546 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -22,7 +22,7 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
@@ -30,22 +30,29 @@
   "dependencies": {
     "@mdx-js/mdx": "^1.5.1",
     "@storybook/csf": "0.0.1",
-    "@storybook/node-logger": "6.0.0-beta.23",
+    "@storybook/node-logger": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "cross-spawn": "^7.0.0",
     "globby": "^11.0.0",
     "jscodeshift": "^0.7.0",
     "lodash": "^4.17.15",
-    "prettier": "^2.0.5",
+    "prettier": "~2.0.5",
     "recast": "^0.19.0",
     "regenerator-runtime": "^0.13.3"
   },
   "devDependencies": {
     "jest": "^26.0.0",
-    "jest-specific-snapshot": "^3.0.0"
+    "jest-specific-snapshot": "^4.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/lib/codemod/src/lib/utils.js b/lib/codemod/src/lib/utils.js
index 55623881dfa..bacb61a1732 100644
--- a/lib/codemod/src/lib/utils.js
+++ b/lib/codemod/src/lib/utils.js
@@ -13,3 +13,14 @@ export const sanitizeName = (name) => {
   }
   return key;
 };
+
+export function jscodeshiftToPrettierParser(parser) {
+  const parserMap = {
+    babylon: 'babel',
+    flow: 'flow',
+    ts: 'typescript',
+    tsx: 'typescript',
+  };
+
+  return parserMap[parser] || 'babel';
+}
diff --git a/lib/codemod/src/transforms/__testfixtures__/csf-hoist-story-annotations/variable.input.js b/lib/codemod/src/transforms/__testfixtures__/csf-hoist-story-annotations/variable.input.js
new file mode 100644
index 00000000000..2987fde2180
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/csf-hoist-story-annotations/variable.input.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import Button from './Button';
+
+const foo = {
+  title: 'Button',
+};
+
+export default foo;
+
+const bar = () => <Button label="Story 1" />;
+bar.story = { name: 'bar bar' };
+
+export const story1 = bar;
diff --git a/lib/codemod/src/transforms/__testfixtures__/csf-hoist-story-annotations/variable.output.snapshot b/lib/codemod/src/transforms/__testfixtures__/csf-hoist-story-annotations/variable.output.snapshot
new file mode 100644
index 00000000000..bdac64d1565
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/csf-hoist-story-annotations/variable.output.snapshot
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`csf-hoist-story-annotations transforms correctly using "variable.input.js" data 1`] = `
+"import React from 'react';
+import Button from './Button';
+
+const foo = {
+  title: 'Button',
+};
+
+export default foo;
+
+const bar = () => <Button label=\\"Story 1\\" />;
+bar.story = { name: 'bar bar' };
+
+export const story1 = bar;"
+`;
diff --git a/lib/codemod/src/transforms/csf-hoist-story-annotations.js b/lib/codemod/src/transforms/csf-hoist-story-annotations.js
index ae0c61f5d4e..340eeb3d016 100644
--- a/lib/codemod/src/transforms/csf-hoist-story-annotations.js
+++ b/lib/codemod/src/transforms/csf-hoist-story-annotations.js
@@ -38,7 +38,11 @@ export default function transformer(file, api) {
   // 1. If the program does not have `export default { title: '....' }, skip it
   const defaultExportWithTitle = root
     .find(j.ExportDefaultDeclaration)
-    .filter((def) => def.node.declaration.properties.map((p) => p.key.name).includes('title'));
+    .filter(
+      (def) =>
+        def.node.declaration.type === 'ObjectExpression' &&
+        def.node.declaration.properties.map((p) => p.key.name).includes('title')
+    );
   if (defaultExportWithTitle.size() === 0) {
     return root.toSource();
   }
diff --git a/lib/codemod/src/transforms/storiesof-to-csf.js b/lib/codemod/src/transforms/storiesof-to-csf.js
index 73cf2a1e353..a1a78aa489b 100644
--- a/lib/codemod/src/transforms/storiesof-to-csf.js
+++ b/lib/codemod/src/transforms/storiesof-to-csf.js
@@ -1,7 +1,7 @@
 import prettier from 'prettier';
 import { logger } from '@storybook/node-logger';
 import { storyNameFromExport } from '@storybook/csf';
-import { sanitizeName } from '../lib/utils';
+import { sanitizeName, jscodeshiftToPrettierParser } from '../lib/utils';
 
 /**
  * Convert a legacy story API to component story format
@@ -25,6 +25,8 @@ import { sanitizeName } from '../lib/utils';
  * NOTES: only support chained storiesOf() calls
  */
 export default function transformer(file, api, options) {
+  const LITERAL = ['ts', 'tsx'].includes(options.parser) ? 'StringLiteral' : 'Literal';
+
   const j = api.jscodeshift;
   const root = j(file.source);
 
@@ -107,7 +109,7 @@ export default function transformer(file, api, options) {
     base
       .find(j.CallExpression)
       .filter((call) => call.node.callee.name === 'storiesOf')
-      .filter((call) => call.node.arguments.length > 0 && call.node.arguments[0].type === 'Literal')
+      .filter((call) => call.node.arguments.length > 0 && call.node.arguments[0].type === LITERAL)
       .forEach((storiesOf) => {
         const title = storiesOf.node.arguments[0].value;
         statements.push(
@@ -125,7 +127,7 @@ export default function transformer(file, api, options) {
     base
       .find(j.CallExpression)
       .filter((add) => add.node.callee.property && add.node.callee.property.name === 'add')
-      .filter((add) => add.node.arguments.length >= 2 && add.node.arguments[0].type === 'Literal')
+      .filter((add) => add.node.arguments.length >= 2 && add.node.arguments[0].type === LITERAL)
       .forEach((add) => adds.push(add));
 
     adds.reverse();
@@ -233,7 +235,7 @@ export default function transformer(file, api, options) {
   root
     .find(j.CallExpression)
     .filter((add) => add.node.callee.property && add.node.callee.property.name === 'add')
-    .filter((add) => add.node.arguments.length >= 2 && add.node.arguments[0].type === 'Literal')
+    .filter((add) => add.node.arguments.length >= 2 && add.node.arguments[0].type === LITERAL)
     .filter((add) =>
       ['ExpressionStatement', 'VariableDeclarator'].includes(add.parentPath.node.type)
     )
@@ -260,13 +262,16 @@ export default function transformer(file, api, options) {
     return source;
   }
 
-  return prettier.format(source, {
-    parser: options.parser || 'babel',
-    // FIXME: storybook defaults
+  const prettierConfig = prettier.resolveConfig.sync('.', { editorconfig: true }) || {
     printWidth: 100,
     tabWidth: 2,
     bracketSpacing: true,
     trailingComma: 'es5',
     singleQuote: true,
+  };
+
+  return prettier.format(source, {
+    ...prettierConfig,
+    parser: jscodeshiftToPrettierParser(options.parser) || 'babel',
   });
 }
diff --git a/lib/components/package.json b/lib/components/package.json
index b27a614a146..f3181b731c3 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -22,15 +22,16 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "6.0.0-beta.23",
+    "@popperjs/core": "^2.4.4",
+    "@storybook/client-logger": "6.1.0-alpha.14",
     "@storybook/csf": "0.0.1",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/theming": "6.1.0-alpha.14",
     "@types/overlayscrollbars": "^1.9.0",
     "@types/react-color": "^3.0.1",
     "@types/react-syntax-highlighter": "11.0.4",
@@ -41,36 +42,29 @@
     "markdown-to-jsx": "^6.11.4",
     "memoizerific": "^1.11.3",
     "overlayscrollbars": "^1.10.2",
-    "overlayscrollbars-react": "^0.2.1",
     "polished": "^3.4.4",
-    "popper.js": "^1.14.7",
     "react": "^16.8.3",
     "react-color": "^2.17.0",
     "react-dom": "^16.8.3",
-    "react-helmet-async": "^1.0.2",
-    "react-popper-tooltip": "^2.11.0",
-    "react-syntax-highlighter": "^12.2.1",
-    "react-textarea-autosize": "^8.0.1",
+    "react-popper-tooltip": "^3.1.0",
+    "react-syntax-highlighter": "^13.5.0",
+    "react-textarea-autosize": "^8.1.1",
     "ts-dedent": "^1.1.1"
   },
   "devDependencies": {
-    "css": "^2.2.4",
+    "css": "^3.0.0",
     "enzyme": "^3.9.0",
     "jest": "^26.0.0",
     "jest-enzyme": "^7.0.2"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/components/src/Button/Button.tsx b/lib/components/src/Button/Button.tsx
index f958d0ec5fb..ad6dfd5919c 100644
--- a/lib/components/src/Button/Button.tsx
+++ b/lib/components/src/Button/Button.tsx
@@ -25,7 +25,7 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
     cursor: 'pointer',
     display: 'inline-block',
     overflow: 'hidden',
-    padding: small ? '10px 16px' : '13px 20px',
+    padding: small ? '8px 16px' : '13px 20px',
     position: 'relative',
     textAlign: 'center',
     textDecoration: 'none',
@@ -56,7 +56,7 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
       pointerEvents: 'none',
 
       path: {
-        fill: 'currentColor }',
+        fill: 'currentColor',
       },
     },
   }),
@@ -96,7 +96,7 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
     return color
       ? {
           background: color,
-          color: gray ? '#333333' : theme.color.inverseText,
+          color: gray ? theme.color.darkest : theme.color.lightest,
 
           '&:hover': {
             background: darken(0.05, color),
@@ -105,7 +105,8 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
             boxShadow: 'rgba(0, 0, 0, 0.1) 0 0 0 3em inset',
           },
           '&:focus': {
-            boxShadow: `${rgba(color, 0.4)} 0 1px 9px 2px`,
+            boxShadow: `${rgba(color, 1)} 0 1px 9px 2px`,
+            outline: 'none',
           },
           '&:focus:hover': {
             boxShadow: `${rgba(color, 0.2)} 0 8px 18px 0px`,
@@ -113,7 +114,7 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
         }
       : {};
   },
-  ({ theme, tertiary, inForm }) =>
+  ({ theme, tertiary, inForm, small }) =>
     tertiary
       ? {
           background:
@@ -124,6 +125,8 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
           boxShadow: `${theme.input.border} 0 0 0 1px inset`,
           borderRadius: theme.input.borderRadius,
 
+          ...(inForm && small ? { padding: '10px 16px' } : {}),
+
           '&:hover': {
             background:
               theme.base === 'light'
@@ -139,7 +142,8 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
             background: theme.input.background,
           },
           '&:focus': {
-            boxShadow: `${rgba(theme.color.secondary, 0.4)} 0 0 0 1px inset`,
+            boxShadow: `${rgba(theme.color.secondary, 1)} 0 0 0 1px inset`,
+            outline: 'none',
           },
         }
       : {},
@@ -150,8 +154,9 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
           color: transparentize(0.3, theme.color.defaultText),
           background: 'transparent',
 
-          '&:hover': {
+          '&:hover, &:focus': {
             boxShadow: `${transparentize(0.5, theme.color.defaultText)} 0 0 0 1px inset`,
+            outline: 'none',
           },
 
           '&:active': {
@@ -180,10 +185,11 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
           '&:active': {
             background: color,
             boxShadow: `${color} 0 0 0 1px inset`,
-            color: theme.color.lightest,
+            color: theme.color.tertiary,
           },
           '&:focus': {
             boxShadow: `${color} 0 0 0 1px inset, ${rgba(color, 0.4)} 0 1px 9px 2px`,
+            outline: 'none',
           },
           '&:focus:hover': {
             boxShadow: `${color} 0 0 0 1px inset, ${rgba(color, 0.2)} 0 8px 18px 0px`,
@@ -216,10 +222,11 @@ const ButtonWrapper = styled.button<ButtonWrapperProps>(
           '&:active': {
             background: color,
             boxShadow: `${color} 0 0 0 1px inset`,
-            color: theme.color.lightest,
+            color: theme.color.tertiary,
           },
           '&:focus': {
             boxShadow: `${color} 0 0 0 1px inset, ${rgba(color, 0.4)} 0 1px 9px 2px`,
+            outline: 'none',
           },
           '&:focus:hover': {
             boxShadow: `${color} 0 0 0 1px inset, ${rgba(color, 0.2)} 0 8px 18px 0px`,
diff --git a/lib/components/src/ScrollArea/ScrollArea.tsx b/lib/components/src/ScrollArea/ScrollArea.tsx
index f7adaeee931..ea91f1d4ea7 100644
--- a/lib/components/src/ScrollArea/ScrollArea.tsx
+++ b/lib/components/src/ScrollArea/ScrollArea.tsx
@@ -11,7 +11,7 @@ export interface ScrollProps {
 }
 
 const Scroll = styled(({ vertical, horizontal, ...rest }: ScrollProps) => (
-  <OverlayScrollbarsComponent options={{ scrollbars: { autoHide: 'scroll' } }} {...rest} />
+  <OverlayScrollbarsComponent options={{ scrollbars: { autoHide: 'leave' } }} {...rest} />
 ))<ScrollProps>(
   ({ vertical }) =>
     !vertical
diff --git a/lib/components/src/bar/bar.tsx b/lib/components/src/bar/bar.tsx
index c45a3961cce..95f4b3cb18e 100644
--- a/lib/components/src/bar/bar.tsx
+++ b/lib/components/src/bar/bar.tsx
@@ -36,7 +36,7 @@ const Side = styled.div<SideProps>(
 Side.displayName = 'Side';
 
 export const Bar = styled(({ children, className }) => (
-  <ScrollArea horizontal className={className}>
+  <ScrollArea horizontal vertical={false} className={className}>
     {children}
   </ScrollArea>
 ))(
@@ -45,8 +45,9 @@ export const Bar = styled(({ children, className }) => (
     width: '100%',
     height: 40,
     flexShrink: 0,
+    overflow: 'auto',
+    overflowY: 'hidden',
   }),
-
   ({ theme, border }) =>
     border
       ? {
@@ -65,7 +66,6 @@ const BarInner = styled.div<{ bgColor: string }>(({ bgColor }) => ({
   flexShrink: 0,
   height: 40,
   backgroundColor: bgColor || '',
-  overflowX: 'auto',
 }));
 
 export interface FlexBarProps {
diff --git a/lib/components/src/blocks/ArgsTable/ArgControl.tsx b/lib/components/src/blocks/ArgsTable/ArgControl.tsx
index 6a99a36ce7b..27fda953187 100644
--- a/lib/components/src/blocks/ArgsTable/ArgControl.tsx
+++ b/lib/components/src/blocks/ArgsTable/ArgControl.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useCallback } from 'react';
+import React, { FC, useCallback, useState, useEffect } from 'react';
 import { Args, ArgType } from './types';
 import {
   ArrayControl,
@@ -21,17 +21,34 @@ export interface ArgControlProps {
 const NoControl = () => <>-</>;
 
 export const ArgControl: FC<ArgControlProps> = ({ row, arg, updateArgs }) => {
-  const { name, control } = row;
+  const { key, control } = row;
+
+  const [isFocused, setFocused] = useState(false);
+  // box because arg can be a fn (e.g. actions) and useState calls fn's
+  const [boxedValue, setBoxedValue] = useState({ value: arg });
+
+  useEffect(() => {
+    if (!isFocused) setBoxedValue({ value: arg });
+  }, [isFocused, arg]);
+
   const onChange = useCallback(
-    (argName: string, argVal: any) => {
-      updateArgs({ [name]: argVal });
+    (argVal: any) => {
+      setBoxedValue({ value: argVal });
+      updateArgs({ [key]: argVal });
       return argVal;
     },
-    [updateArgs, name]
+    [updateArgs, key]
   );
 
-  const props = { name, argType: row, value: arg, onChange };
-  switch (control?.type) {
+  const onBlur = useCallback(() => setFocused(false), []);
+  const onFocus = useCallback(() => setFocused(true), []);
+
+  if (!control || control.disable) return <NoControl />;
+
+  // row.name is a display name and not a suitable DOM input id or name - i might contain whitespace etc.
+  // row.key is a hash key and therefore a much safer choice
+  const props = { name: key, argType: row, value: boxedValue.value, onChange, onBlur, onFocus };
+  switch (control.type) {
     case 'array':
       return <ArrayControl {...props} {...control} />;
     case 'boolean':
diff --git a/lib/components/src/blocks/ArgsTable/ArgJsDoc.tsx b/lib/components/src/blocks/ArgsTable/ArgJsDoc.tsx
index 804816c46e6..126181d71a4 100644
--- a/lib/components/src/blocks/ArgsTable/ArgJsDoc.tsx
+++ b/lib/components/src/blocks/ArgsTable/ArgJsDoc.tsx
@@ -57,6 +57,7 @@ export const Table = styled.table(({ theme }) => ({
     '& code': {
       margin: 0,
       display: 'inline-block',
+      fontSize: theme.typography.size.s1,
     },
   },
 }));
diff --git a/lib/components/src/blocks/ArgsTable/ArgRow.stories.tsx b/lib/components/src/blocks/ArgsTable/ArgRow.stories.tsx
index c3434ba8b96..5928adca91c 100644
--- a/lib/components/src/blocks/ArgsTable/ArgRow.stories.tsx
+++ b/lib/components/src/blocks/ArgsTable/ArgRow.stories.tsx
@@ -7,7 +7,6 @@ import { ResetWrapper } from '../../typography/DocumentFormatting';
 export default {
   component: ArgRow,
   title: 'Docs/ArgRow',
-  excludeStories: /.*Type$/,
   decorators: [
     (getStory) => (
       <ResetWrapper>
@@ -19,157 +18,332 @@ export default {
   ],
 };
 
-export const stringType = {
-  name: 'someString',
-  description: 'someString description',
-  type: { required: true },
-  control: { type: 'text' },
-  table: {
-    type: { summary: 'string' },
-    defaultValue: { summary: 'fixme' },
-  },
-};
+const Template = (args) => <ArgRow {...args} />;
 
-export const longNameType = {
-  ...stringType,
-  name: 'reallyLongStringThatTakesUpSpace',
-};
-
-export const longDescType = {
-  ...stringType,
-  description: 'really long description that takes up a lot of space. sometimes this happens.',
-};
-
-export const numberType = {
-  name: 'someNumber',
-  description: 'someNumber description',
-  type: { required: false },
-  table: {
-    type: { summary: 'number' },
-    defaultValue: { summary: '0' },
-  },
-};
-
-export const objectType = {
-  name: 'someObject',
-  description: 'A simple `objectOf` propType.',
-  table: {
-    type: { summary: 'objectOf(number)' },
-    defaultValue: { summary: '{ key: 1 }' },
-  },
-};
-
-export const arrayType = {
-  name: 'someArray',
-  description: 'array of a certain type',
-  table: {
-    type: { summary: 'number[]' },
-    defaultValue: { summary: '[1, 2, 3]' },
-  },
-};
-
-export const complexType = {
-  name: 'someComplex',
-  description: 'A very complex `objectOf` propType.',
-  table: {
-    type: {
-      summary: 'object',
-      detail: `[{
-    id: number,
-    func: func,
-    arr: [{ index: number }]
-  }]`,
-    },
-    defaultValue: {
-      summary: 'object',
-      detail: `[{
-    id: 1,
-    func: () => {},
-    arr: [{ index: 1 }]
-  }]`,
-    },
-  },
-};
-
-export const funcType = {
-  name: 'concat',
-  description: 'concat 2 string values.',
-  type: { required: true },
-  table: {
-    type: { summary: '(a: string, b: string) => string' },
-    defaultValue: { summary: 'func', detail: '(a, b) => { return a + b; }' },
-    jsDocTags: {
-      params: [
-        { name: 'a', description: 'The first string' },
-        { name: 'b', description: 'The second string' },
-      ],
-      returns: { description: 'The concatenation of both strings' },
-    },
-  },
-};
-
-export const markdownType = {
-  name: 'someString',
-  description:
-    'A `prop` can *support* __markdown__ syntax. This was ship in ~~5.2~~ 5.3. [Find more info in the storybook docs.](https://storybook.js.org/)',
-  table: {
-    type: { summary: 'string' },
-  },
-};
-
-const withArgs = {
-  arg: 'string value',
+const baseArgs = {
   updateArgs: action('updateArgs'),
 };
 
-export const String = (args) => <ArgRow {...args} />;
+export const String = Template.bind({});
 String.args = {
-  row: stringType,
+  ...baseArgs,
+  row: {
+    key: 'someString',
+    name: 'Some String',
+    description: 'someString description',
+    type: { required: true },
+    control: { type: 'text' },
+    table: {
+      type: { summary: 'string' },
+      defaultValue: { summary: 'reallylongstringnospaces' },
+    },
+  },
 };
-export const LongName = (args) => <ArgRow {...args} />;
+
+export const LongName = Template.bind({});
 LongName.args = {
-  row: longNameType,
+  ...baseArgs,
+  row: {
+    ...String.args.row,
+    name: 'Really Long String That Takes Up Space',
+  },
 };
-export const LongDesc = (args) => <ArgRow {...args} />;
+
+export const LongDesc = Template.bind({});
 LongDesc.args = {
-  row: longDescType,
+  ...baseArgs,
+  row: {
+    ...String.args.row,
+    description: 'really long description that takes up a lot of space. sometimes this happens.',
+  },
 };
-export const Number = (args) => <ArgRow {...args} />;
+
+export const Boolean = Template.bind({});
+Boolean.args = {
+  ...baseArgs,
+  row: {
+    key: 'someBoolean',
+    name: 'Some Boolean',
+    description: 'someBoolean description',
+    type: { required: true },
+    control: { type: 'boolean' },
+    table: {
+      type: { summary: 'string' },
+      defaultValue: { summary: 'fixme' },
+    },
+  },
+};
+
+export const Color = Template.bind({});
+Color.args = {
+  ...baseArgs,
+  row: {
+    key: 'someColor',
+    name: 'Some Color',
+    type: { name: 'string' },
+    description: 'someColor description',
+    defaultValue: '#ff0',
+    control: { type: 'color' },
+  },
+};
+
+export const Date = Template.bind({});
+Date.args = {
+  ...baseArgs,
+  row: {
+    key: 'someDate',
+    name: 'Some Date',
+    type: { name: 'string' },
+    description: 'someDate description',
+    control: { type: 'date' },
+  },
+};
+
+export const Number = Template.bind({});
 Number.args = {
-  row: numberType,
+  ...baseArgs,
+  row: {
+    key: 'someNumber',
+    name: 'Some Number',
+    description: 'someNumber description',
+    type: { required: false },
+    table: {
+      type: { summary: 'number' },
+      defaultValue: { summary: '0' },
+    },
+    control: { type: 'number' },
+  },
 };
-export const ObjectOf = (args) => <ArgRow {...args} />;
+
+export const Range = Template.bind({});
+Range.args = {
+  ...baseArgs,
+  row: {
+    ...Number.args.row,
+    control: { type: 'range' },
+  },
+};
+
+export const Radio = Template.bind({});
+Radio.args = {
+  ...baseArgs,
+  row: {
+    key: 'someEnum',
+    name: 'Some Enum',
+    description: 'someEnum description',
+    control: { type: 'radio', options: ['a', 'b', 'c'] },
+  },
+};
+
+export const InlineRadio = Template.bind({});
+InlineRadio.args = {
+  ...baseArgs,
+  row: {
+    ...Radio.args.row,
+    control: { ...Radio.args.row.control, type: 'inline-radio' },
+  },
+};
+
+export const Check = Template.bind({});
+Check.args = {
+  ...baseArgs,
+  row: {
+    ...Radio.args.row,
+    control: { ...Radio.args.row.control, type: 'check' },
+  },
+};
+
+export const InlineCheck = Template.bind({});
+InlineCheck.args = {
+  ...baseArgs,
+  row: {
+    ...Radio.args.row,
+    control: { ...Radio.args.row.control, type: 'inline-check' },
+  },
+};
+
+export const Select = Template.bind({});
+Select.args = {
+  ...baseArgs,
+  row: {
+    ...Radio.args.row,
+    control: { ...Radio.args.row.control, type: 'select' },
+  },
+};
+
+export const MultiSelect = Template.bind({});
+MultiSelect.args = {
+  ...baseArgs,
+  row: {
+    ...Radio.args.row,
+    control: { ...Radio.args.row.control, type: 'multi-select' },
+  },
+};
+
+export const ObjectOf = Template.bind({});
 ObjectOf.args = {
-  row: objectType,
+  ...baseArgs,
+  row: {
+    key: 'someObject',
+    name: 'Some Object',
+    description: 'A simple `objectOf` propType.',
+    table: {
+      type: { summary: 'objectOf(number)' },
+      defaultValue: { summary: '{ key: 1 }' },
+    },
+    control: { type: 'object' },
+  },
 };
-export const ArrayOf = (args) => <ArgRow {...args} />;
+
+export const ArrayOf = Template.bind({});
 ArrayOf.args = {
-  row: arrayType,
+  ...baseArgs,
+  row: {
+    key: 'someArray',
+    name: 'Some Array',
+    description: 'array of a certain type',
+    table: {
+      type: { summary: 'number[]' },
+      defaultValue: { summary: '[1, 2, 3]' },
+    },
+    control: { type: 'array' },
+  },
 };
-export const ComplexObject = (args) => <ArgRow {...args} />;
+
+export const ComplexObject = Template.bind({});
 ComplexObject.args = {
-  row: complexType,
+  ...baseArgs,
+  row: {
+    key: 'someComplex',
+    name: 'Some Complex',
+    description: 'A very complex `objectOf` propType.',
+    table: {
+      type: {
+        summary: 'object',
+        detail: `[{
+      id: number,
+      func: func,
+      arr: [{ index: number }]
+    }]`,
+      },
+      defaultValue: {
+        summary: 'object',
+        detail: `[{
+      id: 1,
+      func: () => {},
+      arr: [{ index: 1 }]
+    }]`,
+      },
+    },
+    control: { type: 'object' },
+  },
 };
-export const Func = (args) => <ArgRow {...args} />;
+
+export const Func = Template.bind({});
 Func.args = {
-  row: funcType,
+  ...baseArgs,
+  row: {
+    key: 'concat',
+    name: 'Concat',
+    description: 'concat 2 string values.',
+    type: { required: true },
+    table: {
+      type: { summary: '(a: string, b: string) => string' },
+      defaultValue: { summary: 'func', detail: '(a, b) => { return a + b; }' },
+      jsDocTags: {
+        params: [
+          { name: 'a', description: 'The first string' },
+          { name: 'b', description: 'The second string' },
+        ],
+        returns: { description: 'The concatenation of both strings' },
+      },
+    },
+    control: false,
+  },
 };
-export const Markdown = (args) => <ArgRow {...args} />;
+
+const enumeration =
+  '"search" | "arrow-to-bottom" | "arrow-to-right" | "bell" | "check" | "check-circle"';
+
+export const Enum = Template.bind({});
+Enum.args = {
+  ...baseArgs,
+  row: {
+    key: 'enum',
+    name: 'Some enum',
+    type: { required: true },
+    table: {
+      type: {
+        summary: enumeration,
+      },
+    },
+  },
+};
+
+const long_enumeration =
+  '"search" | "arrow-to-bottom" | "arrow-to-right" | "bell" | "check" | "check-circle" | "chevron-up" | "chevron-down" | "chevron-left" | "chevron-right" | "envelope" | "exchange" | "file" | "file-check" | "file-import" | "file-pdf" | "file-times" | "pencil" | "question" | "question-circle" | "sitemap" | "user" | "times" | "plus" | "exclamation-triangle" | "trash-alt" | "long-arrow-up" | "long-arrow-down" | "long-arrow-left" | "long-arrow-right" | "external-link-alt" | "sticky-note" | "chart-line" | "spinner-third"';
+
+export const LongEnum = Template.bind({});
+LongEnum.args = {
+  ...baseArgs,
+  row: {
+    key: 'longEnum',
+    name: 'Long enum',
+    type: { required: true },
+    table: {
+      type: {
+        summary: long_enumeration,
+      },
+    },
+  },
+};
+
+export const complexUnion =
+  '((a: string | SVGSVGElement) => void) | RefObject<SVGSVGElement | number> | [a|b] | {a|b}';
+
+export const ComplexUnion = Template.bind({});
+ComplexUnion.args = {
+  ...baseArgs,
+  row: {
+    key: 'complexUnion',
+    name: 'Complex',
+    type: { required: true },
+    table: {
+      type: {
+        summary: complexUnion,
+      },
+    },
+  },
+};
+
+export const Markdown = Template.bind({});
 Markdown.args = {
-  row: markdownType,
+  ...baseArgs,
+  row: {
+    key: 'someString',
+    name: 'Some String',
+    description:
+      'A `prop` can *support* __markdown__ syntax. This was ship in ~~5.2~~ 5.3. [Find more info in the storybook docs.](https://storybook.js.org/)',
+    table: {
+      type: { summary: 'string' },
+    },
+    control: { type: 'text' },
+  },
 };
-export const StringCompact = (args) => <ArgRow {...args} />;
+
+export const StringCompact = Template.bind({});
 StringCompact.args = {
   ...String.args,
   compact: true,
 };
-export const Args = (args) => <ArgRow {...args} />;
-Args.args = {
-  ...String.args,
-  ...withArgs,
+
+export const StringNoControls = Template.bind({});
+StringNoControls.args = {
+  row: String.args.row,
 };
-export const ArgsCompact = (args) => <ArgRow {...args} />;
-ArgsCompact.args = {
-  ...Args.args,
+
+export const StringNoControlsCompact = Template.bind({});
+StringNoControlsCompact.args = {
+  row: String.args.row,
   compact: true,
 };
diff --git a/lib/components/src/blocks/ArgsTable/ArgRow.tsx b/lib/components/src/blocks/ArgsTable/ArgRow.tsx
index 9b9edf8ea74..fdf95425cfd 100644
--- a/lib/components/src/blocks/ArgsTable/ArgRow.tsx
+++ b/lib/components/src/blocks/ArgsTable/ArgRow.tsx
@@ -2,17 +2,19 @@ import React, { FC } from 'react';
 import Markdown from 'markdown-to-jsx';
 import { transparentize } from 'polished';
 import { styled } from '@storybook/theming';
-import { TableArgType, Args, TableAnnotation } from './types';
+import { ArgType, Args, TableAnnotation } from './types';
 import { ArgJsDoc } from './ArgJsDoc';
 import { ArgValue } from './ArgValue';
 import { ArgControl, ArgControlProps } from './ArgControl';
 import { codeCommon } from '../../typography/shared';
 
 export interface ArgRowProps {
-  row: TableArgType;
+  row: ArgType;
   arg: any;
   updateArgs?: (args: Args) => void;
   compact?: boolean;
+  expandable?: boolean;
+  initialExpandedArgs?: boolean;
 }
 
 const Name = styled.span({ fontWeight: 'bold' });
@@ -28,6 +30,9 @@ const Description = styled.div(({ theme }) => ({
     p: {
       margin: '0 0 10px 0',
     },
+    a: {
+      color: theme.color.secondary,
+    },
   },
 
   code: codeCommon({ theme }),
@@ -55,8 +60,12 @@ const TypeWithJsDoc = styled.div<{ hasDescription: boolean }>(({ theme, hasDescr
   marginBottom: 12,
 }));
 
+const StyledTd = styled.td<{ expandable: boolean }>(({ theme, expandable }) => ({
+  paddingLeft: expandable ? '40px !important' : '20px !important',
+}));
+
 export const ArgRow: FC<ArgRowProps> = (props) => {
-  const { row, updateArgs, compact } = props;
+  const { row, updateArgs, compact, expandable, initialExpandedArgs } = props;
   const { name, description } = row;
   const table = (row.table || {}) as TableAnnotation;
   const type = table.type || row.type;
@@ -66,10 +75,10 @@ export const ArgRow: FC<ArgRowProps> = (props) => {
 
   return (
     <tr>
-      <td>
+      <StyledTd expandable={expandable}>
         <Name>{name}</Name>
         {required ? <Required title="Required">*</Required> : null}
-      </td>
+      </StyledTd>
       {compact ? null : (
         <td>
           {hasDescription && (
@@ -80,20 +89,20 @@ export const ArgRow: FC<ArgRowProps> = (props) => {
           {table.jsDocTags != null ? (
             <>
               <TypeWithJsDoc hasDescription={hasDescription}>
-                <ArgValue value={type} />
+                <ArgValue value={type} initialExpandedArgs={initialExpandedArgs} />
               </TypeWithJsDoc>
               <ArgJsDoc tags={table.jsDocTags} />
             </>
           ) : (
             <Type hasDescription={hasDescription}>
-              <ArgValue value={type} />
+              <ArgValue value={type} initialExpandedArgs={initialExpandedArgs} />
             </Type>
           )}
         </td>
       )}
       {compact ? null : (
         <td>
-          <ArgValue value={defaultValue} />
+          <ArgValue value={defaultValue} initialExpandedArgs={initialExpandedArgs} />
         </td>
       )}
       {updateArgs ? (
diff --git a/lib/components/src/blocks/ArgsTable/ArgValue.tsx b/lib/components/src/blocks/ArgsTable/ArgValue.tsx
index b76c763e6c3..14e15015851 100644
--- a/lib/components/src/blocks/ArgsTable/ArgValue.tsx
+++ b/lib/components/src/blocks/ArgsTable/ArgValue.tsx
@@ -1,6 +1,7 @@
 import React, { FC, useState } from 'react';
 import { styled } from '@storybook/theming';
 import memoize from 'memoizerific';
+import uniq from 'lodash/uniq';
 import { PropSummaryValue } from './types';
 import { WithTooltipPure } from '../../tooltip/WithTooltip';
 import { Icons } from '../../icon/icon';
@@ -9,24 +10,62 @@ import { codeCommon } from '../../typography/shared';
 
 interface ArgValueProps {
   value?: PropSummaryValue;
+  initialExpandedArgs?: boolean;
 }
 
 interface ArgTextProps {
   text: string;
+  simple?: boolean;
 }
 
 interface ArgSummaryProps {
   value: PropSummaryValue;
+  initialExpandedArgs?: boolean;
 }
 
-const Text = styled.span(({ theme }) => ({
+const ITEMS_BEFORE_EXPANSION = 8;
+
+const Summary = styled.div<{ isExpanded?: boolean }>(({ isExpanded }) => ({
+  display: 'flex',
+  flexDirection: isExpanded ? 'column' : 'row',
+  flexWrap: 'wrap',
+  alignItems: 'flex-start',
+  marginBottom: '-4px',
+  minWidth: 100,
+}));
+
+const Text = styled.span<{ simple?: boolean }>(codeCommon, ({ theme, simple = false }) => ({
+  flex: '0 0 auto',
   fontFamily: theme.typography.fonts.mono,
-  fontSize: theme.typography.size.s2 - 1,
+  fontSize: theme.typography.size.s1,
+  wordBreak: 'break-word',
+  whiteSpace: 'normal',
+  maxWidth: '100%',
+  margin: 0,
+  marginRight: '4px',
+  marginBottom: '4px',
+  paddingTop: '2px',
+  paddingBottom: '2px',
+  lineHeight: '13px',
+  ...(simple && {
+    background: 'transparent',
+    border: '0 none',
+    paddingLeft: 0,
+  }),
+}));
+
+const ExpandButton = styled.button<{}>(({ theme }) => ({
+  fontFamily: theme.typography.fonts.mono,
+  color: theme.color.secondary,
+  marginBottom: '4px',
+  background: 'none',
+  border: 'none',
 }));
 
 const Expandable = styled.div<{}>(codeCommon, ({ theme }) => ({
   fontFamily: theme.typography.fonts.mono,
   color: theme.color.secondary,
+  fontSize: theme.typography.size.s1, // overrides codeCommon
   margin: 0,
   whiteSpace: 'nowrap',
   display: 'flex',
@@ -40,7 +79,7 @@ const Detail = styled.div<{ width: string }>(({ theme, width }) => ({
   padding: 15,
   // Dont remove the mono fontFamily here even if it seem useless, this is used by the browser to calculate the length of a "ch" unit.
   fontFamily: theme.typography.fonts.mono,
-  fontSize: theme.typography.size.s2 - 1,
+  fontSize: theme.typography.size.s1,
   // Most custom stylesheet will reset the box-sizing to "border-box" and will break the tooltip.
   boxSizing: 'content-box',
 
@@ -60,8 +99,8 @@ const EmptyArg = () => {
   return <span>-</span>;
 };
 
-const ArgText: FC<ArgTextProps> = ({ text }) => {
-  return <Text>{text}</Text>;
+const ArgText: FC<ArgTextProps> = ({ text, simple }) => {
+  return <Text simple={simple}>{text}</Text>;
 };
 
 const calculateDetailWidth = memoize(1000)((detail: string): string => {
@@ -70,18 +109,55 @@ const calculateDetailWidth = memoize(1000)((detail: string): string => {
   return `${Math.max(...lines.map((x) => x.length))}ch`;
 });
 
-const ArgSummary: FC<ArgSummaryProps> = ({ value }) => {
+const getSummaryItems = (summary: string) => {
+  if (!summary) return [summary];
+  const splittedItems = summary.split('|');
+  const summaryItems = splittedItems.map((value) => value.trim());
+
+  return uniq(summaryItems);
+};
+
+const renderSummaryItems = (summaryItems: string[], isExpanded = true) => {
+  let items = summaryItems;
+  if (!isExpanded) {
+    items = summaryItems.slice(0, ITEMS_BEFORE_EXPANSION);
+  }
+
+  return items.map((item) => <ArgText key={item} text={item === '' ? '""' : item} />);
+};
+
+const ArgSummary: FC<ArgSummaryProps> = ({ value, initialExpandedArgs }) => {
   const { summary, detail } = value;
 
   const [isOpen, setIsOpen] = useState(false);
+  const [isExpanded, setIsExpanded] = useState(initialExpandedArgs || false);
+
+  if (summary === undefined || summary === null) return null;
   // summary is used for the default value
   // below check fixes not displaying default values for boolean typescript vars
-  const summaryAsString =
-    summary !== undefined && summary !== null && typeof summary.toString === 'function'
-      ? summary.toString()
-      : summary;
+  const summaryAsString = typeof summary.toString === 'function' ? summary.toString() : summary;
+
   if (detail == null) {
-    return <ArgText text={summaryAsString} />;
+    const cannotBeSafelySplitted = /[(){}[\]<>]/.test(summaryAsString);
+
+    if (cannotBeSafelySplitted) {
+      return <ArgText text={summaryAsString} simple={summaryAsString.includes('|')} />;
+    }
+
+    const summaryItems = getSummaryItems(summaryAsString);
+    const itemsCount = summaryItems.length;
+    const hasManyItems = itemsCount > ITEMS_BEFORE_EXPANSION;
+
+    return hasManyItems ? (
+      <Summary isExpanded={isExpanded}>
+        {renderSummaryItems(summaryItems, isExpanded)}
+        <ExpandButton onClick={() => setIsExpanded(!isExpanded)}>
+          {isExpanded ? 'Show less...' : `Show ${itemsCount - ITEMS_BEFORE_EXPANSION} more...`}
+        </ExpandButton>
+      </Summary>
+    ) : (
+      <Summary>{renderSummaryItems(summaryItems)}</Summary>
+    );
   }
 
   return (
@@ -109,6 +185,10 @@ const ArgSummary: FC<ArgSummaryProps> = ({ value }) => {
   );
 };
 
-export const ArgValue: FC<ArgValueProps> = ({ value }) => {
-  return value == null ? <EmptyArg /> : <ArgSummary value={value} />;
+export const ArgValue: FC<ArgValueProps> = ({ value, initialExpandedArgs }) => {
+  return value == null ? (
+    <EmptyArg />
+  ) : (
+    <ArgSummary value={value} initialExpandedArgs={initialExpandedArgs} />
+  );
 };
diff --git a/lib/components/src/blocks/ArgsTable/ArgsTable.stories.tsx b/lib/components/src/blocks/ArgsTable/ArgsTable.stories.tsx
index 466994002b9..46f9e2ca644 100644
--- a/lib/components/src/blocks/ArgsTable/ArgsTable.stories.tsx
+++ b/lib/components/src/blocks/ArgsTable/ArgsTable.stories.tsx
@@ -1,19 +1,33 @@
 import React from 'react';
+import { action } from '@storybook/addon-actions';
+import { styled } from '@storybook/theming';
 import { ArgsTable, ArgsTableError } from './ArgsTable';
+import { NoControlsWarning } from './NoControlsWarning';
 import * as ArgRow from './ArgRow.stories';
 
 export default {
   component: ArgsTable,
   title: 'Docs/ArgsTable',
+  args: {
+    updateArgs: action('updateArgs'),
+    resetArgs: action('resetArgs'),
+  },
 };
 
 const propsSection = { category: 'props ' };
 const eventsSection = { category: 'events ' };
 
+const componentSubsection = { subcategory: 'MyComponent ' };
+const htmlElementSubsection = { subcategory: 'HTMLElement' };
+
 const stringType = ArgRow.String.args.row;
 const numberType = ArgRow.Number.args.row;
 
-export const Normal = (args) => <ArgsTable {...args} />;
+const longEnumType = ArgRow.LongEnum.args.row;
+
+const Template = (args) => <ArgsTable {...args} />;
+
+export const Normal = Template.bind({});
 Normal.args = {
   rows: {
     stringType,
@@ -21,33 +35,107 @@ Normal.args = {
   },
 };
 
-export const Compact = (args) => <ArgsTable {...args} />;
+export const Compact = Template.bind({});
 Compact.args = {
   ...Normal.args,
   compact: true,
 };
 
-const sectionRows = {
-  a: { ...stringType, table: { ...stringType.table, ...propsSection } },
-  b: { ...numberType, table: { ...stringType.table, ...propsSection } },
-  c: { ...stringType, table: { ...stringType.table, ...eventsSection } },
-};
+const AddonPanelLayout = styled.div(({ theme }) => ({
+  fontSize: theme.typography.size.s2 - 1,
+  background: theme.background.content,
+}));
 
-export const Sections = (args) => <ArgsTable {...args} />;
+export const InAddonPanel = Template.bind({});
+InAddonPanel.args = {
+  ...Normal.args,
+  inAddonPanel: true,
+};
+InAddonPanel.decorators = [(storyFn) => <AddonPanelLayout>{storyFn()}</AddonPanelLayout>];
+
+export const InAddonPanelWithWarning = (args) => (
+  <>
+    <NoControlsWarning />
+    <ArgsTable {...args} />
+  </>
+);
+InAddonPanelWithWarning.args = {
+  ...InAddonPanel.args,
+  updateArgs: null,
+};
+InAddonPanelWithWarning.decorators = InAddonPanel.decorators;
+
+export const Sections = Template.bind({});
 Sections.args = {
-  rows: sectionRows,
+  rows: {
+    a: { ...stringType, table: { ...stringType.table, ...propsSection } },
+    b: { ...numberType, table: { ...stringType.table, ...propsSection } },
+    c: { ...stringType, table: { ...stringType.table, ...eventsSection } },
+  },
 };
 
-export const SectionsCompact = (args) => <ArgsTable {...args} />;
+export const SectionsCompact = Template.bind({});
 SectionsCompact.args = {
   ...Sections.args,
   compact: true,
 };
 
-export const Error = (args) => <ArgsTable {...args} />;
+export const SectionsAndSubsections = Template.bind({});
+SectionsAndSubsections.args = {
+  rows: {
+    a: { ...stringType, table: { ...stringType.table, ...propsSection, ...componentSubsection } },
+    b: { ...numberType, table: { ...stringType.table, ...propsSection, ...componentSubsection } },
+    c: { ...stringType, table: { ...stringType.table, ...eventsSection, ...componentSubsection } },
+    d: {
+      ...stringType,
+      table: { ...stringType.table, ...eventsSection, ...htmlElementSubsection },
+    },
+  },
+};
+
+export const SubsectionsOnly = Template.bind({});
+SubsectionsOnly.args = {
+  rows: {
+    a: { ...stringType, table: { ...stringType.table, ...componentSubsection } },
+    b: { ...numberType, table: { ...stringType.table, ...componentSubsection } },
+    c: { ...stringType, table: { ...stringType.table, ...componentSubsection } },
+    d: { ...stringType, table: { ...stringType.table, ...htmlElementSubsection } },
+  },
+};
+
+export const AllControls = Template.bind({});
+AllControls.args = {
+  rows: {
+    array: ArgRow.ArrayOf.args.row,
+    boolean: ArgRow.Boolean.args.row,
+    color: ArgRow.Color.args.row,
+    date: ArgRow.Date.args.row,
+    string: ArgRow.String.args.row,
+    number: ArgRow.Number.args.row,
+    range: ArgRow.Number.args.row,
+    radio: ArgRow.Radio.args.row,
+    inlineRadio: ArgRow.InlineRadio.args.row,
+    check: ArgRow.Check.args.row,
+    inlineCheck: ArgRow.InlineCheck.args.row,
+    select: ArgRow.Select.args.row,
+    multiSelect: ArgRow.MultiSelect.args.row,
+    object: ArgRow.ObjectOf.args.row,
+    func: ArgRow.Func.args.row,
+  },
+};
+
+export const Error = Template.bind({});
 Error.args = {
   error: ArgsTableError.NO_COMPONENT,
 };
 
-export const Empty = (args) => <ArgsTable {...args} />;
+export const Empty = Template.bind({});
 Empty.args = { rows: {} };
+
+export const WithDefaultExpandedArgs = Template.bind({});
+WithDefaultExpandedArgs.args = {
+  rows: {
+    longEnumType,
+  },
+  initialExpandedArgs: true,
+};
diff --git a/lib/components/src/blocks/ArgsTable/ArgsTable.tsx b/lib/components/src/blocks/ArgsTable/ArgsTable.tsx
index 62835eb67a7..98c1fcad9f7 100644
--- a/lib/components/src/blocks/ArgsTable/ArgsTable.tsx
+++ b/lib/components/src/blocks/ArgsTable/ArgsTable.tsx
@@ -1,135 +1,228 @@
 import React, { FC } from 'react';
+import pickBy from 'lodash/pickBy';
 import { styled, ignoreSsrWarning } from '@storybook/theming';
 import { opacify, transparentize, darken, lighten } from 'polished';
-import { ArgRow, ArgRowProps } from './ArgRow';
-import { SectionRow, SectionRowProps } from './SectionRow';
-import { ArgTypes, Args } from './types';
+import { Icons } from '../../icon/icon';
+import { ArgRow } from './ArgRow';
+import { SectionRow } from './SectionRow';
+import { ArgType, ArgTypes, Args } from './types';
 import { EmptyBlock } from '../EmptyBlock';
+import { Link } from '../../typography/link/link';
 import { ResetWrapper } from '../../typography/DocumentFormatting';
 
-export const TableWrapper = styled.table<{ compact?: boolean }>(({ theme, compact }) => ({
-  '&&': {
-    // Resets for cascading/system styles
-    borderCollapse: 'collapse',
-    borderSpacing: 0,
-    color: theme.color.defaultText,
-    tr: {
-      border: 'none',
-      background: 'none',
-    },
+export const TableWrapper = styled.table<{ compact?: boolean; inAddonPanel?: boolean }>(
+  ({ theme, compact, inAddonPanel }) => ({
+    '&&': {
+      // Resets for cascading/system styles
+      borderCollapse: 'collapse',
+      borderSpacing: 0,
+      color: theme.color.defaultText,
 
-    'td, th': {
-      padding: 0,
-      border: 'none',
-      verticalAlign: 'top',
-    },
-    // End Resets
-
-    fontSize: theme.typography.size.s2,
-    lineHeight: '20px',
-    textAlign: 'left',
-    width: '100%',
-
-    // Margin collapse
-    marginTop: 25,
-    marginBottom: 40,
-
-    'th:first-of-type, td:first-of-type': {
-      paddingLeft: 20,
-    },
-
-    'th:last-of-type, td:last-of-type': {
-      paddingRight: 20,
-      ...(compact ? null : { width: '20%' }),
-    },
-
-    th: {
-      color:
-        theme.base === 'light'
-          ? transparentize(0.25, theme.color.defaultText)
-          : transparentize(0.45, theme.color.defaultText),
-      paddingTop: 10,
-      paddingBottom: 10,
-
-      '&:not(:first-of-type)': {
-        paddingLeft: 15,
-        paddingRight: 15,
+      'td, th': {
+        padding: 0,
+        border: 'none',
+        verticalAlign: 'top',
+        textOverflow: 'ellipsis',
       },
-    },
+      // End Resets
 
-    td: {
-      paddingTop: '16px',
-      paddingBottom: '16px',
+      fontSize: theme.typography.size.s2 - 1,
+      lineHeight: '20px',
+      textAlign: 'left',
+      width: '100%',
 
-      '&:not(:first-of-type)': {
-        paddingLeft: 15,
-        paddingRight: 15,
+      // Margin collapse
+      marginTop: inAddonPanel ? 0 : 25,
+      marginBottom: inAddonPanel ? 0 : 40,
+
+      'thead th:first-of-type, td:first-of-type': {
+        // intentionally specify thead here
+        width: '25%',
       },
 
-      '&:last-of-type': {
+      'th:first-of-type, td:first-of-type': {
+        paddingLeft: 20,
+      },
+
+      'th:nth-of-type(2), td:nth-of-type(2)': {
+        ...(compact
+          ? null
+          : {
+              // Description column
+              width: '35%',
+            }),
+      },
+
+      'td:nth-of-type(3)': {
+        ...(compact
+          ? null
+          : {
+              // Defaults column
+              width: '15%',
+            }),
+      },
+
+      'th:last-of-type, td:last-of-type': {
         paddingRight: 20,
+        ...(compact
+          ? null
+          : {
+              // Controls column
+              width: '25%',
+            }),
       },
-    },
 
-    // Table "block" styling
-    // Emphasize tbody's background and set borderRadius
-    // Calling out because styling tables is finicky
-
-    // Makes border alignment consistent w/other DocBlocks
-    marginLeft: 1,
-    marginRight: 1,
-
-    [`tr:first-child${ignoreSsrWarning}`]: {
-      [`td:first-child${ignoreSsrWarning}, th:first-child${ignoreSsrWarning}`]: {
-        borderTopLeftRadius: theme.appBorderRadius,
-      },
-      [`td:last-child${ignoreSsrWarning}, th:last-child${ignoreSsrWarning}`]: {
-        borderTopRightRadius: theme.appBorderRadius,
-      },
-    },
-
-    [`tr:last-child${ignoreSsrWarning}`]: {
-      [`td:first-child${ignoreSsrWarning}, th:first-child${ignoreSsrWarning}`]: {
-        borderBottomLeftRadius: theme.appBorderRadius,
-      },
-      [`td:last-child${ignoreSsrWarning}, th:last-child${ignoreSsrWarning}`]: {
-        borderBottomRightRadius: theme.appBorderRadius,
-      },
-    },
-
-    tbody: {
-      // slightly different than the other DocBlock shadows to account for table styling gymnastics
-      boxShadow:
-        theme.base === 'light'
-          ? `rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
-          ${transparentize(0.035, theme.appBorderColor)} 0 0 0 1px`
-          : `rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
-          ${opacify(0.05, theme.appBorderColor)} 0 0 0 1px`,
-      borderRadius: theme.appBorderRadius,
-
-      tr: {
-        background: 'transparent',
-        overflow: 'hidden',
-        [`&:not(:first-child${ignoreSsrWarning})`]: {
-          borderTopWidth: 1,
-          borderTopStyle: 'solid',
-          borderTopColor:
-            theme.base === 'light'
-              ? darken(0.1, theme.background.content)
-              : lighten(0.05, theme.background.content),
-        },
+      th: {
+        color:
+          theme.base === 'light'
+            ? transparentize(0.25, theme.color.defaultText)
+            : transparentize(0.45, theme.color.defaultText),
+        paddingTop: 10,
+        paddingBottom: 10,
+        paddingLeft: 15,
+        paddingRight: 15,
       },
 
       td: {
-        background: theme.background.content,
+        paddingTop: '10px',
+        paddingBottom: '10px',
+
+        '&:not(:first-of-type)': {
+          paddingLeft: 15,
+          paddingRight: 15,
+        },
+
+        '&:last-of-type': {
+          paddingRight: 20,
+        },
       },
+
+      // Table "block" styling
+      // Emphasize tbody's background and set borderRadius
+      // Calling out because styling tables is finicky
+
+      // Makes border alignment consistent w/other DocBlocks
+      marginLeft: inAddonPanel ? 0 : 1,
+      marginRight: inAddonPanel ? 0 : 1,
+
+      [`tr:first-child${ignoreSsrWarning}`]: {
+        [`td:first-child${ignoreSsrWarning}, th:first-child${ignoreSsrWarning}`]: {
+          borderTopLeftRadius: inAddonPanel ? 0 : theme.appBorderRadius,
+        },
+        [`td:last-child${ignoreSsrWarning}, th:last-child${ignoreSsrWarning}`]: {
+          borderTopRightRadius: inAddonPanel ? 0 : theme.appBorderRadius,
+        },
+      },
+
+      [`tr:last-child${ignoreSsrWarning}`]: {
+        [`td:first-child${ignoreSsrWarning}, th:first-child${ignoreSsrWarning}`]: {
+          borderBottomLeftRadius: inAddonPanel ? 0 : theme.appBorderRadius,
+        },
+        [`td:last-child${ignoreSsrWarning}, th:last-child${ignoreSsrWarning}`]: {
+          borderBottomRightRadius: inAddonPanel ? 0 : theme.appBorderRadius,
+        },
+      },
+
+      tbody: {
+        // slightly different than the other DocBlock shadows to account for table styling gymnastics
+        boxShadow:
+          !inAddonPanel &&
+          (theme.base === 'light'
+            ? `rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
+          ${transparentize(0.035, theme.appBorderColor)} 0 0 0 1px`
+            : `rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
+          ${opacify(0.05, theme.appBorderColor)} 0 0 0 1px`),
+        borderRadius: theme.appBorderRadius,
+
+        // for safari only
+        // CSS hack courtesy of https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome
+        '@media not all and (min-resolution:.001dpcm)': {
+          '@supports (-webkit-appearance:none)': {
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor:
+              !inAddonPanel &&
+              (theme.base === 'light'
+                ? transparentize(0.035, theme.appBorderColor)
+                : opacify(0.05, theme.appBorderColor)),
+          },
+        },
+
+        tr: {
+          background: 'transparent',
+          overflow: 'hidden',
+          ...(inAddonPanel
+            ? {
+                borderTopWidth: 1,
+                borderTopStyle: 'solid',
+                borderTopColor:
+                  theme.base === 'light'
+                    ? darken(0.1, theme.background.content)
+                    : lighten(0.05, theme.background.content),
+              }
+            : {
+                [`&:not(:first-child${ignoreSsrWarning})`]: {
+                  borderTopWidth: 1,
+                  borderTopStyle: 'solid',
+                  borderTopColor:
+                    theme.base === 'light'
+                      ? darken(0.1, theme.background.content)
+                      : lighten(0.05, theme.background.content),
+                },
+              }),
+        },
+
+        td: {
+          background: theme.background.content,
+        },
+      },
+      // End finicky table styling
     },
-    // End finicky table styling
+  })
+);
+
+const ResetButton = styled.button(({ theme }) => ({
+  border: 0,
+  borderRadius: '3em',
+  cursor: 'pointer',
+  display: 'inline-block',
+  overflow: 'hidden',
+  padding: '3px 8px',
+  transition: 'all 150ms ease-out',
+  verticalAlign: 'top',
+  userSelect: 'none',
+  margin: 0,
+
+  backgroundColor: theme.base === 'light' ? '#EAF3FC' : theme.color.border,
+  boxShadow:
+    theme.base === 'light'
+      ? `${theme.color.border} 0 0 0 1px inset`
+      : `${theme.color.darker}  0 0 0 1px inset`,
+  color: theme.color.secondary,
+
+  '&:hover': {
+    background: theme.base === 'light' ? darken(0.03, '#EAF3FC') : opacify(0.1, theme.color.border),
+  },
+
+  '&:focus': {
+    boxShadow: `${theme.color.secondary} 0 0 0 1px inset`,
+    outline: 'none',
+  },
+
+  svg: {
+    display: 'block',
+    height: 14,
+    width: 14,
   },
 }));
 
+const ControlHeadingWrapper = styled.span({
+  display: 'flex',
+  justifyContent: 'space-between',
+});
+
 export enum ArgsTableError {
-  NO_COMPONENT = 'No component found',
+  NO_COMPONENT = 'No component found.',
   ARGS_UNSUPPORTED = 'Args unsupported. See Args documentation for your framework.',
 }
 
@@ -137,7 +230,10 @@ export interface ArgsTableRowProps {
   rows: ArgTypes;
   args?: Args;
   updateArgs?: (args: Args) => void;
+  resetArgs?: (argNames?: string[]) => void;
   compact?: boolean;
+  inAddonPanel?: boolean;
+  initialExpandedArgs?: boolean;
 }
 
 export interface ArgsTableErrorProps {
@@ -145,15 +241,44 @@ export interface ArgsTableErrorProps {
 }
 
 export type ArgsTableProps = ArgsTableRowProps | ArgsTableErrorProps;
-type RowProps = SectionRowProps | ArgRowProps;
 
-const ArgsTableRow: FC<RowProps> = (props) => {
-  const { section, updateArgs } = props as SectionRowProps;
-  if (section) {
-    return <SectionRow {...{ section, updateArgs }} />;
-  }
-  const { row, arg, compact } = props as ArgRowProps;
-  return <ArgRow {...{ row, arg, updateArgs, compact }} />;
+type Rows = ArgType[];
+type Subsection = Rows;
+type Section = {
+  ungrouped: Rows;
+  subsections: Record<string, Subsection>;
+};
+type Sections = {
+  ungrouped: Rows;
+  ungroupedSubsections: Record<string, Subsection>;
+  sections: Record<string, Section>;
+};
+
+const groupRows = (rows: ArgType) => {
+  const sections: Sections = { ungrouped: [], ungroupedSubsections: {}, sections: {} };
+  if (!rows) return sections;
+
+  Object.entries(rows).forEach(([key, row]) => {
+    const { category, subcategory } = row?.table || {};
+    if (category) {
+      const section = sections.sections[category] || { ungrouped: [], subsections: {} };
+      if (!subcategory) {
+        section.ungrouped.push({ key, ...row });
+      } else {
+        const subsection = section.subsections[subcategory] || [];
+        subsection.push({ key, ...row });
+        section.subsections[subcategory] = subsection;
+      }
+      sections.sections[category] = section;
+    } else if (subcategory) {
+      const subsection = sections.ungroupedSubsections[subcategory] || [];
+      subsection.push({ key, ...row });
+      sections.ungroupedSubsections[subcategory] = subsection;
+    } else {
+      sections.ungrouped.push({ key, ...row });
+    }
+  });
+  return sections;
 };
 
 /**
@@ -163,64 +288,114 @@ const ArgsTableRow: FC<RowProps> = (props) => {
 export const ArgsTable: FC<ArgsTableProps> = (props) => {
   const { error } = props as ArgsTableErrorProps;
   if (error) {
-    return <EmptyBlock>{error}</EmptyBlock>;
+    return (
+      <EmptyBlock>
+        {error}&nbsp;
+        <Link href="http://storybook.js.org/docs/" target="_blank" withArrow>
+          Read the docs
+        </Link>
+      </EmptyBlock>
+    );
   }
 
-  const { rows, args, updateArgs, compact } = props as ArgsTableRowProps;
+  const {
+    rows,
+    args,
+    updateArgs,
+    resetArgs,
+    compact,
+    inAddonPanel,
+    initialExpandedArgs,
+  } = props as ArgsTableRowProps;
 
-  const ungroupedRows: ArgTypes = {};
-  const categoryRows: Record<string, ArgTypes> = {};
-  if (rows) {
-    Object.entries(rows).forEach(([key, row]) => {
-      const { table: { category = null } = {} } = row;
-      if (category) {
-        if (!categoryRows[category]) categoryRows[category] = {};
-        categoryRows[category][key] = row;
-      } else {
-        ungroupedRows[key] = row;
-      }
-    });
+  const groups = groupRows(pickBy(rows, (row) => !row?.table?.disable));
+
+  if (
+    groups.ungrouped.length === 0 &&
+    Object.entries(groups.sections).length === 0 &&
+    Object.entries(groups.ungroupedSubsections).length === 0
+  ) {
+    return (
+      <EmptyBlock>
+        No inputs found for this component.&nbsp;
+        <Link href="http://storybook.js.org/docs/" target="_blank" withArrow>
+          Read the docs
+        </Link>
+      </EmptyBlock>
+    );
   }
 
-  const allRows: { key: string; value: any }[] = [];
-  Object.entries(ungroupedRows).forEach(([key, row]) => {
-    const arg = args && args[key];
-    allRows.push({
-      key,
-      value: { row, arg, updateArgs },
-    });
-  });
-  Object.keys(categoryRows).forEach((category) => {
-    const catRows = categoryRows[category];
-    if (Object.keys(catRows).length > 0) {
-      allRows.push({ key: category, value: { section: category, updateArgs } });
-      Object.entries(catRows).forEach(([key, row]) => {
-        const arg = args && args[key];
-        allRows.push({
-          key: `${category}_${key}`,
-          value: { row, arg, updateArgs },
-        });
-      });
-    }
-  });
+  let colSpan = 1;
+  if (updateArgs) colSpan += 1;
+  if (!compact) colSpan += 2;
+  const expandable = Object.keys(groups.sections).length > 0;
 
-  if (allRows.length === 0) {
-    return <EmptyBlock>No props found for this component</EmptyBlock>;
-  }
+  const common = { updateArgs, compact, inAddonPanel, initialExpandedArgs };
   return (
     <ResetWrapper>
-      <TableWrapper compact={compact} className="docblock-propstable">
-        <thead className="docblock-propstable-head">
+      <TableWrapper {...{ compact, inAddonPanel }} className="docblock-argstable">
+        <thead className="docblock-argstable-head">
           <tr>
             <th>Name</th>
             {compact ? null : <th>Description</th>}
             {compact ? null : <th>Default</th>}
-            {updateArgs ? <th>Control</th> : null}
+            {updateArgs ? (
+              <th>
+                <ControlHeadingWrapper>
+                  Control{' '}
+                  {resetArgs && (
+                    <ResetButton onClick={() => resetArgs()} title="Reset controls">
+                      <Icons icon="sync" aria-hidden />
+                    </ResetButton>
+                  )}
+                </ControlHeadingWrapper>
+              </th>
+            ) : null}
           </tr>
         </thead>
-        <tbody className="docblock-propstable-body">
-          {allRows.map((row) => (
-            <ArgsTableRow compact={compact} key={row.key} {...row.value} />
+        <tbody className="docblock-argstable-body">
+          {groups.ungrouped.map((row) => (
+            <ArgRow key={row.key} row={row} arg={args && args[row.key]} {...common} />
+          ))}
+
+          {Object.entries(groups.ungroupedSubsections).map(([subcategory, subsection]) => (
+            <SectionRow key={subcategory} label={subcategory} level="subsection" colSpan={colSpan}>
+              {subsection.map((row) => (
+                <ArgRow
+                  key={row.key}
+                  row={row}
+                  arg={args && args[row.key]}
+                  expandable={expandable}
+                  {...common}
+                />
+              ))}
+            </SectionRow>
+          ))}
+
+          {Object.entries(groups.sections).map(([category, section]) => (
+            <SectionRow key={category} label={category} level="section" colSpan={colSpan}>
+              {section.ungrouped.map((row) => (
+                <ArgRow key={row.key} row={row} arg={args && args[row.key]} {...common} />
+              ))}
+              {Object.entries(section.subsections).map(([subcategory, subsection]) => (
+                <SectionRow
+                  key={subcategory}
+                  label={subcategory}
+                  level="subsection"
+                  colSpan={colSpan}
+                >
+                  {subsection.map((row) => (
+                    <ArgRow
+                      key={row.key}
+                      row={row}
+                      arg={args && args[row.key]}
+                      expandable={expandable}
+                      {...common}
+                    />
+                  ))}
+                </SectionRow>
+              ))}
+            </SectionRow>
           ))}
         </tbody>
       </TableWrapper>
diff --git a/lib/components/src/blocks/ArgsTable/NoControlsWarning.tsx b/lib/components/src/blocks/ArgsTable/NoControlsWarning.tsx
new file mode 100644
index 00000000000..bf67f8ed3c1
--- /dev/null
+++ b/lib/components/src/blocks/ArgsTable/NoControlsWarning.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { styled } from '@storybook/theming';
+import { Link } from '../../typography/link/link';
+
+const NoControlsWrapper = styled.div(({ theme }) => ({
+  background: theme.background.warning,
+  color: theme.color.darkest,
+  padding: '10px 15px',
+  lineHeight: '20px',
+  boxShadow: `${theme.appBorderColor} 0 -1px 0 0 inset`,
+}));
+
+export const NoControlsWarning = () => (
+  <NoControlsWrapper>
+    This story is not configured to handle controls.&nbsp;
+    <Link
+      href="https://github.com/storybookjs/storybook/blob/next/addons/controls/README.md#writing-stories"
+      target="_blank"
+      cancel={false}
+    >
+      Learn how to add controls »
+    </Link>
+  </NoControlsWrapper>
+);
diff --git a/lib/components/src/blocks/ArgsTable/SectionRow.stories.tsx b/lib/components/src/blocks/ArgsTable/SectionRow.stories.tsx
index b33652c223c..dfed50eb8ba 100644
--- a/lib/components/src/blocks/ArgsTable/SectionRow.stories.tsx
+++ b/lib/components/src/blocks/ArgsTable/SectionRow.stories.tsx
@@ -5,7 +5,7 @@ import { ResetWrapper } from '../../typography/DocumentFormatting';
 
 export default {
   component: SectionRow,
-  title: 'Docs/ArgsSectionRow',
+  title: 'Docs/SectionRow',
   decorators: [
     (getStory) => (
       <ResetWrapper>
@@ -17,4 +17,23 @@ export default {
   ],
 };
 
-export const props = () => <SectionRow section="Args" />;
+const Template = (args) => <SectionRow {...args} />;
+
+export const Section = Template.bind({});
+Section.args = { level: 'section', label: 'Props' };
+
+export const Subsection = Template.bind({});
+Subsection.args = { level: 'subsection', label: 'HTMLElement' };
+
+export const Collapsed = Template.bind({});
+Collapsed.args = { ...Section.args, initialExpanded: false };
+
+export const Nested = () => (
+  <SectionRow {...Section.args}>
+    <SectionRow {...Subsection.args}>
+      <tr>
+        <td colSpan={2}>Some content</td>
+      </tr>
+    </SectionRow>
+  </SectionRow>
+);
diff --git a/lib/components/src/blocks/ArgsTable/SectionRow.tsx b/lib/components/src/blocks/ArgsTable/SectionRow.tsx
index 79fb0bee793..3155dfc8495 100644
--- a/lib/components/src/blocks/ArgsTable/SectionRow.tsx
+++ b/lib/components/src/blocks/ArgsTable/SectionRow.tsx
@@ -1,28 +1,133 @@
-import React, { FC } from 'react';
+import React, { useState, FC } from 'react';
 import { transparentize } from 'polished';
 import { styled } from '@storybook/theming';
-import { Args } from './types';
+import { Icons } from '../../icon/icon';
+
+type Level = 'section' | 'subsection';
 
 export interface SectionRowProps {
-  section: string;
-  updateArgs?: (args: Args) => void;
+  label: string;
+  level: Level;
+  initialExpanded?: boolean;
+  colSpan: number;
 }
 
-const SectionTh = styled.th<{}>(({ theme }) => ({
+const ExpanderIcon = styled(Icons)(({ theme }) => ({
+  marginRight: 8,
+  marginLeft: -10,
+  marginTop: -2, // optical alignment
+  height: 12,
+  width: 12,
+  color:
+    theme.base === 'light'
+      ? transparentize(0.25, theme.color.defaultText)
+      : transparentize(0.3, theme.color.defaultText),
+  border: 'none',
+  display: 'inline-block',
+}));
+
+const FlexWrapper = styled.span<{}>(({ theme }) => ({
+  display: 'flex',
+  lineHeight: '20px',
+  alignItems: 'center',
+}));
+
+const Section = styled.td<{}>(({ theme }) => ({
+  position: 'relative',
   letterSpacing: '0.35em',
   textTransform: 'uppercase',
   fontWeight: theme.typography.weight.black,
   fontSize: theme.typography.size.s1 - 1,
-  lineHeight: '24px',
   color:
     theme.base === 'light'
       ? transparentize(0.4, theme.color.defaultText)
       : transparentize(0.6, theme.color.defaultText),
   background: `${theme.background.app} !important`,
+  '& ~ td': {
+    background: `${theme.background.app} !important`,
+  },
 }));
 
-export const SectionRow: FC<SectionRowProps> = ({ section, updateArgs }) => (
-  <tr>
-    <SectionTh colSpan={updateArgs ? 4 : 3}>{section}</SectionTh>
-  </tr>
-);
+const Subsection = styled.td<{}>(({ theme }) => ({
+  position: 'relative',
+  fontWeight: theme.typography.weight.bold,
+  fontSize: theme.typography.size.s2 - 1,
+  background: theme.background.content,
+}));
+
+const StyledTd = styled.td<{}>(({ theme }) => ({
+  position: 'relative',
+}));
+
+const StyledTr = styled.tr<{}>(({ theme }) => ({
+  '&:hover > td': {
+    backgroundColor: `${theme.background.hoverable} !important`,
+    boxShadow: `${theme.color.mediumlight} 0 - 1px 0 0 inset`,
+    cursor: 'row-resize',
+  },
+}));
+
+const ClickIntercept = styled.button<{}>(() => ({
+  // reset button style
+  background: 'none',
+  border: 'none',
+  padding: '0',
+  font: 'inherit',
+
+  // add custom style
+  position: 'absolute',
+  top: 0,
+  bottom: 0,
+  left: 0,
+  right: 0,
+  height: '100%',
+  width: '100%',
+  color: 'transparent',
+  cursor: 'row-resize !important',
+}));
+
+export const SectionRow: FC<SectionRowProps> = ({
+  level = 'section',
+  label,
+  children,
+  initialExpanded = true,
+  colSpan = 3,
+}) => {
+  const [expanded, setExpanded] = useState(initialExpanded);
+  const Level = level === 'subsection' ? Subsection : Section;
+  // @ts-ignore
+  const itemCount = children?.length || 0;
+  const caption = level === 'subsection' ? `${itemCount} item${itemCount !== 1 ? 's' : ''}` : '';
+  const icon = expanded ? 'arrowdown' : 'arrowright';
+
+  const helperText = `${expanded ? 'Hide' : 'Side'} ${
+    level === 'subsection' ? itemCount : label
+  } item${itemCount !== 1 ? 's' : ''}`;
+
+  return (
+    <>
+      <StyledTr title={helperText}>
+        <Level colSpan={1}>
+          <ClickIntercept onClick={(e) => setExpanded(!expanded)} tabIndex={0}>
+            {helperText}
+          </ClickIntercept>
+          <FlexWrapper>
+            <ExpanderIcon icon={icon} />
+            {label}
+          </FlexWrapper>
+        </Level>
+        <StyledTd colSpan={colSpan - 1}>
+          <ClickIntercept
+            onClick={(e) => setExpanded(!expanded)}
+            tabIndex={-1}
+            style={{ outline: 'none' }}
+          >
+            {helperText}
+          </ClickIntercept>
+          {expanded ? null : caption}
+        </StyledTd>
+      </StyledTr>
+      {expanded ? children : null}
+    </>
+  );
+};
diff --git a/lib/components/src/blocks/ArgsTable/TabbedArgsTable.stories.tsx b/lib/components/src/blocks/ArgsTable/TabbedArgsTable.stories.tsx
index 86618e3ff17..a64c3299424 100644
--- a/lib/components/src/blocks/ArgsTable/TabbedArgsTable.stories.tsx
+++ b/lib/components/src/blocks/ArgsTable/TabbedArgsTable.stories.tsx
@@ -7,10 +7,9 @@ export default {
   title: 'Docs/TabbedArgsTable',
 };
 
-const propsSection = { category: 'props ' };
-const eventsSection = { category: 'events ' };
+const Template = (args) => <TabbedArgsTable {...args} />;
 
-export const Tabs = (args) => <TabbedArgsTable {...args} />;
+export const Tabs = Template.bind({});
 Tabs.args = {
   tabs: {
     Normal: Normal.args,
@@ -19,7 +18,17 @@ Tabs.args = {
   },
 };
 
-export const Empty = Tabs.bind();
+export const TabsInAddonPanel = Template.bind({});
+TabsInAddonPanel.args = {
+  tabs: {
+    Normal: Normal.args,
+    Compact: Compact.args,
+    Sections: Sections.args,
+  },
+  inAddonPanel: true,
+};
+
+export const Empty = Template.bind({});
 Empty.args = {
   tabs: {},
 };
diff --git a/lib/components/src/blocks/ArgsTable/TabbedArgsTable.tsx b/lib/components/src/blocks/ArgsTable/TabbedArgsTable.tsx
index 249c3ea7bcc..254ddfdb8b2 100644
--- a/lib/components/src/blocks/ArgsTable/TabbedArgsTable.tsx
+++ b/lib/components/src/blocks/ArgsTable/TabbedArgsTable.tsx
@@ -6,11 +6,11 @@ export interface TabbedArgsTableProps {
   tabs: Record<string, ArgsTableProps>;
 }
 
-export const TabbedArgsTable: FC<TabbedArgsTableProps> = ({ tabs }) => {
+export const TabbedArgsTable: FC<TabbedArgsTableProps> = ({ tabs, ...props }) => {
   const entries = Object.entries(tabs);
 
   if (entries.length === 1) {
-    return <ArgsTable {...entries[0][1]} />;
+    return <ArgsTable {...entries[0][1]} {...props} />;
   }
 
   return (
@@ -21,7 +21,7 @@ export const TabbedArgsTable: FC<TabbedArgsTableProps> = ({ tabs }) => {
         return (
           <div key={id} id={id} title={label}>
             {({ active }: { active: boolean }) =>
-              active ? <ArgsTable key={`prop_table_${label}`} {...table} /> : null
+              active ? <ArgsTable key={`prop_table_${label}`} {...table} {...props} /> : null
             }
           </div>
         );
diff --git a/lib/components/src/blocks/ArgsTable/index.ts b/lib/components/src/blocks/ArgsTable/index.ts
index 3be4e9b364c..0a001b28030 100644
--- a/lib/components/src/blocks/ArgsTable/index.ts
+++ b/lib/components/src/blocks/ArgsTable/index.ts
@@ -1,3 +1,4 @@
 export * from './types';
 export * from './ArgsTable';
 export * from './TabbedArgsTable';
+export * from './NoControlsWarning';
diff --git a/lib/components/src/blocks/ArgsTable/types.ts b/lib/components/src/blocks/ArgsTable/types.ts
index 6d1f67e08e7..4b8a3fa4941 100644
--- a/lib/components/src/blocks/ArgsTable/types.ts
+++ b/lib/components/src/blocks/ArgsTable/types.ts
@@ -21,13 +21,6 @@ export interface PropSummaryValue {
 export type PropType = PropSummaryValue;
 export type PropDefaultValue = PropSummaryValue;
 
-export interface ArgType {
-  name?: string;
-  description?: string;
-  defaultValue?: any;
-  [key: string]: any;
-}
-
 export interface TableAnnotation {
   type: PropType;
   jsDocTags?: JsDocTags;
@@ -35,9 +28,12 @@ export interface TableAnnotation {
   category?: string;
 }
 
-export type TableArgType = ArgType & {
-  table: TableAnnotation;
-};
+export interface ArgType {
+  name?: string;
+  description?: string;
+  defaultValue?: any;
+  [key: string]: any;
+}
 
 export interface ArgTypes {
   [key: string]: ArgType;
diff --git a/lib/components/src/blocks/Description.stories.tsx b/lib/components/src/blocks/Description.stories.tsx
index 8d9bf916aba..14bbfaacb87 100644
--- a/lib/components/src/blocks/Description.stories.tsx
+++ b/lib/components/src/blocks/Description.stories.tsx
@@ -1,8 +1,6 @@
 import React from 'react';
 import { Description } from './Description';
 
-import markdownCaption from './DocsPageExampleCaption.md';
-
 export default {
   title: 'Docs/Description',
   component: Description,
@@ -10,15 +8,40 @@ export default {
 
 const textCaption = `That was Wintermute, manipulating the lock the way it had manipulated the drone micro and the amplified breathing of the room where Case waited. The semiotics of the bright void beyond the chain link. The tug Marcus Garvey, a steel drum nine meters long and two in diameter, creaked and shuddered as Maelcum punched for a California gambling cartel, then as a paid killer in the dark, curled in his capsule in some coffin hotel, his hands clawed into the nearest door and watched the other passengers as he rode. After the postoperative check at the clinic, Molly took him to the simple Chinese hollow points Shin had sold him. Still it was a handgun and nine rounds of ammunition, and as he made his way down Shiga from the missionaries, the train reached Case’s station. Now this quiet courtyard, Sunday afternoon, this girl with a random collection of European furniture, as though Deane had once intended to use the place as his home. Case felt the edge of the Flatline as a construct, a hardwired ROM cassette replicating a dead man’s skills, obsessions, kneejerk responses. They were dropping, losing altitude in a canyon of rainbow foliage, a lurid communal mural that completely covered the hull of the console in faded pinks and yellows.`;
 
-export const Text = (args) => {
-  console.log({ args });
-  return <Description {...args} />;
-};
+const markdownCaption = `
+# My Example Markdown
+
+The group looked like tall, exotic grazing animals, swaying gracefully and unconsciously with the movement of the train, their high heels like polished hooves against the gray metal of the Flatline as a construct, a hardwired ROM cassette replicating a dead man’s skills, obsessions, kneejerk responses.
+
+![An image](http://placehold.it/350x150)
+
+He stared at the clinic, Molly took him to the Tank War, mouth touched with hot gold as a gliding cursor struck sparks from the wall of a skyscraper canyon.
+`;
+
+const markdownWithLinksCaption = `
+# [Link](https://storybook.js.org/) in heading
+## [Link](https://storybook.js.org/) in heading
+### [Link](https://storybook.js.org/) in heading
+#### [Link](https://storybook.js.org/) in heading
+##### [Link](https://storybook.js.org/) in heading
+###### [Link](https://storybook.js.org/) in heading
+
+He stared at the clinic, [Molly](https://storybook.js.org/) took him to the *[Tank War](https://storybook.js.org/)*, mouth touched with hot gold as a gliding cursor struck sparks from the wall of a **[skyscraper](https://storybook.js.org/)** canyon.
+`;
+
+const Template = (args) => <Description {...args} />;
+
+export const Text = Template.bind({});
 Text.args = {
   markdown: textCaption,
 };
 
-export const Markdown = (args) => <Description {...args} />;
+export const Markdown = Template.bind({});
 Markdown.args = {
   markdown: markdownCaption,
 };
+
+export const MarkdownLinks = Template.bind({});
+MarkdownLinks.args = {
+  markdown: markdownWithLinksCaption,
+};
diff --git a/lib/components/src/blocks/DocsPage.stories.tsx b/lib/components/src/blocks/DocsPage.stories.tsx
index bf4b4d30d59..dabf27dbd76 100644
--- a/lib/components/src/blocks/DocsPage.stories.tsx
+++ b/lib/components/src/blocks/DocsPage.stories.tsx
@@ -1,4 +1,6 @@
 import React from 'react';
+import { Global, css } from '@emotion/core';
+
 import { Title, Subtitle, DocsPageWrapper } from './DocsPage';
 import { ArgsTable, Source, Description } from './index';
 import * as Story from './Story.stories';
@@ -10,10 +12,28 @@ import * as description from './Description.stories';
 export default {
   title: 'Docs/DocsPage',
   component: DocsPageWrapper,
+  // The goal of this decorator is to mimic some CSS reset.
+  // Like Tailwind CSS or Bulma do, for example.
+  decorators: [
+    (storyFn) => (
+      <>
+        <Global
+          styles={css`
+            ul,
+            ol {
+              list-style: none;
+            }
+          `}
+        />
+        {storyFn()}
+      </>
+    ),
+  ],
   parameters: {
     layout: 'fullscreen',
   },
 };
+
 export const WithSubtitle = () => (
   <DocsPageWrapper>
     <Title>DocsPage</Title>
diff --git a/lib/components/src/blocks/EmptyBlock.tsx b/lib/components/src/blocks/EmptyBlock.tsx
index f406b8b314e..06f7ba536e9 100644
--- a/lib/components/src/blocks/EmptyBlock.tsx
+++ b/lib/components/src/blocks/EmptyBlock.tsx
@@ -8,16 +8,13 @@ const Wrapper = styled.div<{}>(withReset, ({ theme }) => ({
   borderRadius: theme.appBorderRadius,
   border: `1px dashed ${theme.appBorderColor}`,
   display: 'flex',
-  fontSize: `${theme.typography.size.s2}px`,
   alignItems: 'center',
   justifyContent: 'center',
   padding: 20,
   margin: '25px 0 40px',
 
-  color:
-    theme.base === 'light'
-      ? transparentize(0.4, theme.color.defaultText)
-      : transparentize(0.6, theme.color.defaultText),
+  color: transparentize(0.3, theme.color.defaultText),
+  fontSize: theme.typography.size.s2,
 }));
 
 export const EmptyBlock = (props: any) => <Wrapper {...props} className="docblock-emptyblock" />;
diff --git a/lib/components/src/blocks/IFrame.tsx b/lib/components/src/blocks/IFrame.tsx
index 4f117c74758..1dad50144ff 100644
--- a/lib/components/src/blocks/IFrame.tsx
+++ b/lib/components/src/blocks/IFrame.tsx
@@ -46,15 +46,6 @@ export class IFrame extends Component<IFrameProps> {
 
   render() {
     const { id, title, src, allowFullScreen, scale, ...rest } = this.props;
-    return (
-      <iframe
-        scrolling="yes"
-        id={id}
-        title={title}
-        src={src}
-        allowFullScreen={allowFullScreen}
-        {...rest}
-      />
-    );
+    return <iframe id={id} title={title} src={src} allowFullScreen={allowFullScreen} {...rest} />;
   }
 }
diff --git a/lib/components/src/blocks/IconGallery.tsx b/lib/components/src/blocks/IconGallery.tsx
index 63edb976016..01d4f11f5f5 100644
--- a/lib/components/src/blocks/IconGallery.tsx
+++ b/lib/components/src/blocks/IconGallery.tsx
@@ -7,6 +7,7 @@ import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
 const ItemLabel = styled.div(({ theme }) => ({
   fontFamily: theme.typography.fonts.base,
   fontSize: theme.typography.size.s2,
+  color: theme.color.defaultText,
   marginLeft: 10,
   lineHeight: 1.2,
 }));
diff --git a/lib/components/src/blocks/Preview.stories.tsx b/lib/components/src/blocks/Preview.stories.tsx
index e2a7bac4078..5b3330f9bff 100644
--- a/lib/components/src/blocks/Preview.stories.tsx
+++ b/lib/components/src/blocks/Preview.stories.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { styled } from '@storybook/theming';
+import { window } from 'global';
 
 import { Spaced } from '../spaced/Spaced';
 import { Preview } from './Preview';
@@ -136,3 +137,19 @@ export const WithCenteredMulti = () => (
     <Story inline storyFn={buttonFn} title="story2" parameters={{ layout: 'centered' }} />
   </Preview>
 );
+
+export const WithAdditionalActions = () => (
+  <Preview
+    additionalActions={[
+      {
+        title: 'Open on GitHub',
+        onClick: () => {
+          window.location.href =
+            'https://github.com/storybookjs/storybook/blob/next/lib/components/src/blocks/Preview.stories.tsx#L140-L147';
+        },
+      },
+    ]}
+  >
+    <Button secondary>Button 1</Button>
+  </Preview>
+);
diff --git a/lib/components/src/blocks/Preview.tsx b/lib/components/src/blocks/Preview.tsx
index 36bb459afd9..da1410f1be3 100644
--- a/lib/components/src/blocks/Preview.tsx
+++ b/lib/components/src/blocks/Preview.tsx
@@ -15,6 +15,7 @@ export interface PreviewProps {
   isExpanded?: boolean;
   withToolbar?: boolean;
   className?: string;
+  additionalActions?: ActionItem[];
 }
 
 type layout = 'padded' | 'fullscreen' | 'centered';
@@ -179,6 +180,7 @@ const Preview: FunctionComponent<PreviewProps> = ({
   withSource,
   withToolbar = false,
   isExpanded = false,
+  additionalActions,
   className,
   ...props
 }) => {
@@ -187,6 +189,11 @@ const Preview: FunctionComponent<PreviewProps> = ({
   const [scale, setScale] = useState(1);
   const previewClasses = [className].concat(['sbdocs', 'sbdocs-preview']);
 
+  const defaultActionItems = withSource ? [actionItem] : [];
+  const actionItems = additionalActions
+    ? [...defaultActionItems, ...additionalActions]
+    : defaultActionItems;
+
   // @ts-ignore
   const layout = getLayout(Children.count(children) === 1 ? [children] : children);
 
@@ -220,7 +227,7 @@ const Preview: FunctionComponent<PreviewProps> = ({
               <div>{children}</div>
             )}
           </ChildrenContainer>
-          {withSource && <ActionBar actionItems={[actionItem]} />}
+          <ActionBar actionItems={actionItems} />
         </Relative>
       </ZoomContext.Provider>
       {withSource && source}
diff --git a/lib/components/src/blocks/Source.tsx b/lib/components/src/blocks/Source.tsx
index 9dfa676ba82..6fc63321f0e 100644
--- a/lib/components/src/blocks/Source.tsx
+++ b/lib/components/src/blocks/Source.tsx
@@ -12,8 +12,7 @@ const StyledSyntaxHighlighter = styled(SyntaxHighlighter)<{}>(({ theme }) => ({
   borderRadius: theme.appBorderRadius,
   boxShadow:
     theme.base === 'light' ? 'rgba(0, 0, 0, 0.10) 0 1px 3px 0' : 'rgba(0, 0, 0, 0.20) 0 2px 5px 0',
-
-  'pre.hljs': {
+  'pre.prismjs': {
     padding: 20,
     background: 'inherit',
   },
@@ -45,7 +44,7 @@ export type SourceProps = SourceErrorProps & SourceCodeProps;
 const Source: FunctionComponent<SourceProps> = (props) => {
   const { error } = props as SourceErrorProps;
   if (error) {
-    return <EmptyBlock {...props}>{error}</EmptyBlock>;
+    return <EmptyBlock>{error}</EmptyBlock>;
   }
 
   const { language, code, dark, format, ...rest } = props as SourceCodeProps;
diff --git a/lib/components/src/blocks/Story.tsx b/lib/components/src/blocks/Story.tsx
index cd1f33047c9..cf5f98651e6 100644
--- a/lib/components/src/blocks/Story.tsx
+++ b/lib/components/src/blocks/Story.tsx
@@ -36,7 +36,9 @@ type StoryProps = InlineStoryProps | IFrameStoryProps;
 
 const InlineStory: FunctionComponent<InlineStoryProps> = ({ storyFn, height, id }) => (
   <Fragment>
-    {height ? <style>{`#story--${id} { min-height: ${height} }`}</style> : null}
+    {height ? (
+      <style>{`#story--${id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`}</style>
+    ) : null}
     <Fragment>
       {storyFn ? createElement(storyFn) : <EmptyBlock>{MISSING_STORY(id)}</EmptyBlock>}
     </Fragment>
diff --git a/lib/components/src/blocks/Typeset.tsx b/lib/components/src/blocks/Typeset.tsx
index e9871aea4b0..ae1193e0a83 100644
--- a/lib/components/src/blocks/Typeset.tsx
+++ b/lib/components/src/blocks/Typeset.tsx
@@ -60,6 +60,7 @@ export const Typeset: FunctionComponent<TypesetProps> = ({
             fontFamily,
             fontSize: size,
             fontWeight,
+            lineHeight: size,
           }}
         >
           {sampleText || 'Was he a beast if music could move him so?'}
diff --git a/lib/components/src/controls/Array.stories.tsx b/lib/components/src/controls/Array.stories.tsx
index ff83cb0679b..5b75557911e 100644
--- a/lib/components/src/controls/Array.stories.tsx
+++ b/lib/components/src/controls/Array.stories.tsx
@@ -6,22 +6,21 @@ export default {
   component: ArrayControl,
 };
 
-export const Basic = () => {
-  const [value, setValue] = useState(['Bat', 'Cat', 'Rat']);
+const Template = (initialValue: any) => {
+  const [value, setValue] = useState(initialValue);
   return (
     <>
-      <ArrayControl name="array" value={value} onChange={(name, newVal) => setValue(newVal)} />
+      <ArrayControl
+        name="array"
+        value={value}
+        onChange={(newVal) => setValue(newVal)}
+        separator=","
+      />
       <ul>{value && value.map((item) => <li key={item}>{item}</li>)}</ul>
     </>
   );
 };
 
-export const Null = () => {
-  const [value, setValue] = useState(null);
-  return (
-    <>
-      <ArrayControl name="array" value={value} onChange={(name, newVal) => setValue(newVal)} />
-      <ul>{value && value.map((item) => <li key={item}>{item}</li>)}</ul>
-    </>
-  );
-};
+export const Basic = () => Template(['Bat', 'Cat', 'Rat']);
+
+export const Undefined = () => Template(undefined);
diff --git a/lib/components/src/controls/Array.tsx b/lib/components/src/controls/Array.tsx
index c23da40a37f..4694528f5d1 100644
--- a/lib/components/src/controls/Array.tsx
+++ b/lib/components/src/controls/Array.tsx
@@ -1,4 +1,5 @@
 import React, { FC, ChangeEvent, useCallback } from 'react';
+import { styled } from '@storybook/theming';
 
 import { Form } from '../form';
 import { ControlProps, ArrayValue, ArrayConfig } from './types';
@@ -6,27 +7,41 @@ import { ControlProps, ArrayValue, ArrayConfig } from './types';
 const parse = (value: string, separator: string): ArrayValue =>
   !value || value.trim() === '' ? [] : value.split(separator);
 
-const format = (value: ArrayValue, separator: string) => {
+const format = (value: ArrayValue | undefined, separator: string) => {
   return value && Array.isArray(value) ? value.join(separator) : '';
 };
 
+const Wrapper = styled.label({
+  display: 'flex',
+});
+
 export type ArrayProps = ControlProps<ArrayValue> & ArrayConfig;
-export const ArrayControl: FC<ArrayProps> = ({ name, value, onChange, separator = ',' }) => {
+export const ArrayControl: FC<ArrayProps> = ({
+  name,
+  value,
+  onChange,
+  separator = ',',
+  onBlur,
+  onFocus,
+}) => {
   const handleChange = useCallback(
     (e: ChangeEvent<HTMLTextAreaElement>): void => {
       const { value: newVal } = e.target;
-      onChange(name, parse(newVal, separator));
+      onChange(parse(newVal, separator));
     },
     [onChange]
   );
 
   return (
-    <Form.Textarea
-      id={name}
-      name={name}
-      value={format(value, separator)}
-      onChange={handleChange}
-      size="flex"
-    />
+    <Wrapper>
+      <Form.Textarea
+        id={name}
+        value={format(value, separator)}
+        onChange={handleChange}
+        size="flex"
+        placeholder="Adjust array dynamically"
+        {...{ name, onBlur, onFocus }}
+      />
+    </Wrapper>
   );
 };
diff --git a/lib/components/src/controls/Boolean.stories.tsx b/lib/components/src/controls/Boolean.stories.tsx
index c0bd2bc53c2..b604fec68bf 100644
--- a/lib/components/src/controls/Boolean.stories.tsx
+++ b/lib/components/src/controls/Boolean.stories.tsx
@@ -6,12 +6,16 @@ export default {
   component: BooleanControl,
 };
 
-export const Basic = () => {
-  const [value, setValue] = useState(false);
+const Template = (initialValue?: boolean) => {
+  const [value, setValue] = useState(initialValue);
   return (
     <>
-      <BooleanControl name="boolean" value={value} onChange={(name, newVal) => setValue(newVal)} />
-      <p>value: {value.toString()}</p>
+      <BooleanControl name="boolean" value={value} onChange={(newVal) => setValue(newVal)} />
+      <p>value: {typeof value === 'boolean' ? value.toString() : value}</p>
     </>
   );
 };
+
+export const Basic = () => Template(false);
+
+export const Undefined = () => Template(undefined);
diff --git a/lib/components/src/controls/Boolean.tsx b/lib/components/src/controls/Boolean.tsx
index 7cc22467c3b..39be3869f45 100644
--- a/lib/components/src/controls/Boolean.tsx
+++ b/lib/components/src/controls/Boolean.tsx
@@ -1,29 +1,95 @@
 import React, { FC } from 'react';
 
 import { styled } from '@storybook/theming';
+import { opacify, transparentize } from 'polished';
+
 import { ControlProps, BooleanValue, BooleanConfig } from './types';
 
-const Input = styled.input({
-  display: 'table-cell',
-  boxSizing: 'border-box',
-  verticalAlign: 'top',
-  height: 21,
-  outline: 'none',
-  border: '1px solid #ececec',
-  fontSize: '12px',
-  color: '#555',
-});
+const Label = styled.label(({ theme }) => ({
+  lineHeight: '18px',
+  alignItems: 'center',
+  marginBottom: 8,
+  display: 'inline-block',
+  position: 'relative',
+  whiteSpace: 'nowrap',
+  background: `${opacify(0.05, theme.appBorderColor)}`,
+  borderRadius: '3em',
+  padding: 1,
+
+  input: {
+    appearance: 'none',
+    width: '100%',
+    height: '100%',
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    margin: 0,
+    padding: 0,
+    border: 'none',
+    background: 'transparent',
+    cursor: 'pointer',
+    borderRadius: '3em',
+
+    '&:focus': {
+      outline: 'none',
+      boxShadow: `${theme.color.secondary} 0 0 0 1px inset !important`,
+    },
+  },
+
+  span: {
+    textAlign: 'center',
+    fontSize: theme.typography.size.s1,
+    fontWeight: theme.typography.weight.bold,
+    lineHeight: '1',
+    cursor: 'pointer',
+    display: 'inline-block',
+    padding: '7px 15px',
+    transition: 'all 100ms ease-out',
+    userSelect: 'none',
+    borderRadius: '3em',
+
+    color: transparentize(0.4, theme.color.defaultText),
+    background: 'transparent',
+
+    '&:hover': {
+      boxShadow: `${opacify(0.3, theme.appBorderColor)} 0 0 0 1px inset`,
+    },
+
+    '&:active': {
+      boxShadow: `${opacify(0.05, theme.appBorderColor)} 0 0 0 2px inset`,
+      color: opacify(1, theme.appBorderColor),
+    },
+
+    '&:first-of-type': {
+      paddingRight: 8,
+    },
+    '&:last-of-type': {
+      paddingLeft: 8,
+    },
+  },
+
+  'input:checked ~ span:first-of-type, input:not(:checked) ~ span:last-of-type': {
+    background: theme.background.bar,
+    boxShadow: `${opacify(0.1, theme.appBorderColor)} 0 0 2px`,
+    color: theme.color.defaultText,
+    padding: '7px 15px',
+  },
+}));
 
 const format = (value: BooleanValue): string | null => (value ? String(value) : null);
 const parse = (value: string | null) => value === 'true';
 
 export type BooleanProps = ControlProps<BooleanValue> & BooleanConfig;
-export const BooleanControl: FC<BooleanProps> = ({ name, value, onChange }) => (
-  <Input
-    id={name}
-    name={name}
-    type="checkbox"
-    onChange={(e) => onChange(name, e.target.checked)}
-    checked={value}
-  />
+export const BooleanControl: FC<BooleanProps> = ({ name, value, onChange, onBlur, onFocus }) => (
+  <Label htmlFor={name} title={value ? 'Change to false' : 'Change to true'}>
+    <input
+      id={name}
+      type="checkbox"
+      onChange={(e) => onChange(e.target.checked)}
+      checked={value || false}
+      {...{ name, onBlur, onFocus }}
+    />
+    <span>True</span>
+    <span>False</span>
+  </Label>
 );
diff --git a/lib/components/src/controls/Color.stories.tsx b/lib/components/src/controls/Color.stories.tsx
index 852f528b610..3f3cf845501 100644
--- a/lib/components/src/controls/Color.stories.tsx
+++ b/lib/components/src/controls/Color.stories.tsx
@@ -6,7 +6,21 @@ export default {
   component: ColorControl,
 };
 
-export const Basic = () => {
-  const [value, setValue] = useState('#ff0');
-  return <ColorControl name="Color" value={value} onChange={(name, newVal) => setValue(newVal)} />;
+const Template = (initialValue?: string, presetColors?: string[]) => {
+  const [value, setValue] = useState(initialValue);
+  return (
+    <ColorControl
+      name="Color"
+      value={value}
+      onChange={(newVal) => setValue(newVal)}
+      presetColors={presetColors}
+    />
+  );
 };
+
+export const Basic = () => Template('#ff0');
+
+export const Undefined = () => Template(undefined);
+
+export const WithPresetColors = () =>
+  Template('#ff0', ['#FE4A49', '#FED766', '#009FB7', '#E6E6EA', '#F4F4F8']);
diff --git a/lib/components/src/controls/Color.tsx b/lib/components/src/controls/Color.tsx
index fdb17b69a34..6d4a460ef45 100644
--- a/lib/components/src/controls/Color.tsx
+++ b/lib/components/src/controls/Color.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useState } from 'react';
+import React, { FC, useState, MouseEvent, KeyboardEvent } from 'react';
 import { SketchPicker, ColorResult } from 'react-color';
 
 import { styled } from '@storybook/theming';
@@ -30,7 +30,14 @@ const format = (color: ColorResult) =>
   `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`;
 
 export type ColorProps = ControlProps<ColorValue> & ColorConfig;
-export const ColorControl: FC<ColorProps> = ({ name, value, onChange }) => {
+export const ColorControl: FC<ColorProps> = ({
+  name,
+  value,
+  onChange,
+  onFocus,
+  onBlur,
+  presetColors,
+}) => {
   const [showPicker, setShowPicker] = useState(false);
 
   return (
@@ -39,15 +46,28 @@ export const ColorControl: FC<ColorProps> = ({ name, value, onChange }) => {
       type="button"
       name={name}
       onClick={() => setShowPicker(!showPicker)}
+      onKeyDown={(e: KeyboardEvent) => {
+        if (e.key === 'Enter') {
+          setShowPicker(!showPicker);
+        }
+      }}
       size="flex"
     >
-      {value && value.toUpperCase()}
+      {value ? value.toUpperCase() : 'Choose color'}
       <Swatch style={{ background: value }} />
       {showPicker ? (
-        <Popover>
+        <Popover
+          onClick={(e: MouseEvent) => {
+            // @ts-ignore
+            if (e.target.tagName === 'INPUT') {
+              e.stopPropagation();
+            }
+          }}
+        >
           <SketchPicker
             color={value}
-            onChange={(color: ColorResult) => onChange(name, format(color))}
+            onChange={(color: ColorResult) => onChange(format(color))}
+            {...{ onFocus, onBlur, presetColors }}
           />
         </Popover>
       ) : null}
diff --git a/lib/components/src/controls/Date.stories.tsx b/lib/components/src/controls/Date.stories.tsx
index 50fd587e374..761c9a54c42 100644
--- a/lib/components/src/controls/Date.stories.tsx
+++ b/lib/components/src/controls/Date.stories.tsx
@@ -10,7 +10,17 @@ export const Basic = () => {
   const [value, setValue] = useState(new Date(2020, 4, 20));
   return (
     <>
-      <DateControl name="date" value={value} onChange={(name, newVal) => setValue(newVal)} />
+      <DateControl name="date" value={value} onChange={(newVal) => setValue(newVal)} />
+      <p>{value && new Date(value).toISOString()}</p>
+    </>
+  );
+};
+
+export const Undefined = () => {
+  const [value, setValue] = useState(undefined);
+  return (
+    <>
+      <DateControl name="date" value={value} onChange={(newVal) => setValue(newVal)} />
       <p>{value && new Date(value).toISOString()}</p>
     </>
   );
diff --git a/lib/components/src/controls/Date.tsx b/lib/components/src/controls/Date.tsx
index 3e593f72741..99387d9a298 100644
--- a/lib/components/src/controls/Date.tsx
+++ b/lib/components/src/controls/Date.tsx
@@ -36,20 +36,28 @@ const formatTime = (value: Date | number) => {
   return `${hours}:${minutes}`;
 };
 
-const FlexSpaced = styled.div({
+const FlexSpaced = styled.div(({ theme }) => ({
   flex: 1,
   display: 'flex',
-  '&& > *': {
+
+  input: {
     marginLeft: 10,
+    flex: 1,
+    height: 32, // hardcode height bc Chromium bug https://bugs.chromium.org/p/chromium/issues/detail?id=417606
+
+    '&::-webkit-calendar-picker-indicator': {
+      opacity: 0.5,
+      height: 12,
+      filter: theme.base === 'light' ? undefined : 'invert(1)',
+    },
   },
-  '&& > *:first-of-type': {
+  'input:first-of-type': {
     marginLeft: 0,
   },
-});
-const FlexInput = styled(Form.Input)({ flex: 1 });
+}));
 
 export type DateProps = ControlProps<DateValue> & DateConfig;
-export const DateControl: FC<DateProps> = ({ name, value, onChange }) => {
+export const DateControl: FC<DateProps> = ({ name, value, onChange, onFocus, onBlur }) => {
   const [valid, setValid] = useState(true);
   const dateRef = useRef<HTMLInputElement>();
   const timeRef = useRef<HTMLInputElement>();
@@ -71,7 +79,7 @@ export const DateControl: FC<DateProps> = ({ name, value, onChange }) => {
     result.setMonth(parsed.getMonth());
     result.setDate(parsed.getDate());
     const time = result.getTime();
-    if (time) onChange(name, time);
+    if (time) onChange(time);
     setValid(!!time);
   };
 
@@ -81,26 +89,28 @@ export const DateControl: FC<DateProps> = ({ name, value, onChange }) => {
     result.setHours(parsed.getHours());
     result.setMinutes(parsed.getMinutes());
     const time = result.getTime();
-    if (time) onChange(name, time);
+    if (time) onChange(time);
     setValid(!!time);
   };
 
   return (
     <FlexSpaced>
-      <FlexInput
+      <Form.Input
         type="date"
         max="9999-12-31" // I do this because of a rendering bug in chrome
         ref={dateRef as RefObject<HTMLInputElement>}
         id={`${name}date`}
         name={`${name}date`}
         onChange={onDateChange}
+        {...{ onFocus, onBlur }}
       />
-      <FlexInput
+      <Form.Input
         type="time"
         id={`${name}time`}
         name={`${name}time`}
         ref={timeRef as RefObject<HTMLInputElement>}
         onChange={onTimeChange}
+        {...{ onFocus, onBlur }}
       />
       {!valid ? <div>invalid</div> : null}
     </FlexSpaced>
diff --git a/lib/components/src/controls/Number.stories.tsx b/lib/components/src/controls/Number.stories.tsx
index b15b7a1b484..de6b0459e90 100644
--- a/lib/components/src/controls/Number.stories.tsx
+++ b/lib/components/src/controls/Number.stories.tsx
@@ -10,7 +10,17 @@ export const Basic = () => {
   const [value, setValue] = useState(10);
   return (
     <>
-      <NumberControl name="number" value={value} onChange={(name, newVal) => setValue(newVal)} />
+      <NumberControl name="number" value={value} onChange={(newVal) => setValue(newVal)} />
+      <p>{value}</p>
+    </>
+  );
+};
+
+export const Undefined = () => {
+  const [value, setValue] = useState(undefined);
+  return (
+    <>
+      <NumberControl name="number" value={value} onChange={(newVal) => setValue(newVal)} />
       <p>{value}</p>
     </>
   );
diff --git a/lib/components/src/controls/Number.tsx b/lib/components/src/controls/Number.tsx
index 36ec9849c7d..fcfe43efe38 100644
--- a/lib/components/src/controls/Number.tsx
+++ b/lib/components/src/controls/Number.tsx
@@ -1,8 +1,13 @@
 import React, { FC, ChangeEvent } from 'react';
+import { styled } from '@storybook/theming';
 
 import { Form } from '../form';
 import { ControlProps, NumberValue, NumberConfig } from './types';
 
+const Wrapper = styled.label({
+  display: 'flex',
+});
+
 type NumberProps = ControlProps<NumberValue | null> & NumberConfig;
 
 export const parse = (value: string) => {
@@ -12,21 +17,29 @@ export const parse = (value: string) => {
 
 export const format = (value: NumberValue) => (value != null ? String(value) : '');
 
-export const NumberControl: FC<NumberProps> = ({ name, value, onChange, min, max, step }) => {
+export const NumberControl: FC<NumberProps> = ({
+  name,
+  value,
+  onChange,
+  min,
+  max,
+  step,
+  onBlur,
+  onFocus,
+}) => {
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
-    onChange(name, parse(event.target.value));
+    onChange(parse(event.target.value));
   };
 
   return (
-    <Form.Input
-      value={value}
-      type="number"
-      name={name}
-      min={min}
-      max={max}
-      step={step}
-      onChange={handleChange}
-      size="flex"
-    />
+    <Wrapper>
+      <Form.Input
+        type="number"
+        onChange={handleChange}
+        size="flex"
+        placeholder="Adjust number dynamically"
+        {...{ name, value, min, max, step, onFocus, onBlur }}
+      />
+    </Wrapper>
   );
 };
diff --git a/lib/components/src/controls/Object.stories.tsx b/lib/components/src/controls/Object.stories.tsx
index eae894ad71f..3bf1a784ec6 100644
--- a/lib/components/src/controls/Object.stories.tsx
+++ b/lib/components/src/controls/Object.stories.tsx
@@ -6,25 +6,21 @@ export default {
   component: ObjectControl,
 };
 
-export const Basic = () => {
-  const [value, setValue] = useState({ name: 'Michael', nested: { something: true } });
+const Template = (initialValue: any) => {
+  const [value, setValue] = useState(initialValue);
   return (
     <>
-      <ObjectControl name="object" value={value} onChange={(name, newVal) => setValue(newVal)} />
+      <ObjectControl name="object" value={value} onChange={(newVal) => setValue(newVal)} />
       <p>{value && JSON.stringify(value)}</p>
     </>
   );
 };
 
-export const Null = () => {
-  const [value, setValue] = useState(null);
-  return (
-    <>
-      <ObjectControl name="object" value={value} onChange={(name, newVal) => setValue(newVal)} />
-      <p>{value && JSON.stringify(value)}</p>
-    </>
-  );
-};
+export const Basic = () => Template({ name: 'Michael', nested: { something: true } });
+
+export const Null = () => Template(null);
+
+export const Undefined = () => Template(undefined);
 
 export const ValidatedAsArray = () => {
   const [value, setValue] = useState([]);
@@ -34,7 +30,7 @@ export const ValidatedAsArray = () => {
         name="object"
         argType={{ type: { name: 'array' } }}
         value={value}
-        onChange={(name, newVal) => setValue(newVal)}
+        onChange={(newVal) => setValue(newVal)}
       />
       <p>{value && JSON.stringify(value)}</p>
     </>
diff --git a/lib/components/src/controls/Object.tsx b/lib/components/src/controls/Object.tsx
index 38da8744a56..84287569f71 100644
--- a/lib/components/src/controls/Object.tsx
+++ b/lib/components/src/controls/Object.tsx
@@ -1,4 +1,6 @@
-import React, { FC, ChangeEvent, useState, useCallback } from 'react';
+import React, { FC, ChangeEvent, useState, useCallback, useEffect } from 'react';
+import { styled } from '@storybook/theming';
+
 import deepEqual from 'fast-deep-equal';
 import { Form } from '../form';
 import { ControlProps, ObjectValue, ObjectConfig } from './types';
@@ -18,18 +20,34 @@ const validate = (value: any, argType: ArgType) => {
   return true;
 };
 
+const Wrapper = styled.label({
+  display: 'flex',
+});
+
 export type ObjectProps = ControlProps<ObjectValue> & ObjectConfig;
-export const ObjectControl: FC<ObjectProps> = ({ name, argType, value, onChange }) => {
+export const ObjectControl: FC<ObjectProps> = ({
+  name,
+  argType,
+  value,
+  onChange,
+  onBlur,
+  onFocus,
+}) => {
   const [valid, setValid] = useState(true);
   const [text, setText] = useState(format(value));
 
+  useEffect(() => {
+    const newText = format(value);
+    if (text !== newText) setText(newText);
+  }, [value]);
+
   const handleChange = useCallback(
     (e: ChangeEvent<HTMLTextAreaElement>) => {
       try {
         const newVal = parse(e.target.value);
         const newValid = validate(newVal, argType);
         if (newValid && !deepEqual(value, newVal)) {
-          onChange(name, newVal);
+          onChange(newVal);
         }
         setValid(newValid);
       } catch (err) {
@@ -41,12 +59,15 @@ export const ObjectControl: FC<ObjectProps> = ({ name, argType, value, onChange
   );
 
   return (
-    <Form.Textarea
-      name={name}
-      valid={valid ? undefined : 'error'}
-      value={text}
-      onChange={handleChange}
-      size="flex"
-    />
+    <Wrapper>
+      <Form.Textarea
+        valid={valid ? undefined : 'error'}
+        value={text}
+        onChange={handleChange}
+        size="flex"
+        placeholder="Adjust object dynamically"
+        {...{ name, onBlur, onFocus }}
+      />
+    </Wrapper>
   );
 };
diff --git a/lib/components/src/controls/Range.stories.tsx b/lib/components/src/controls/Range.stories.tsx
index 4d8c36f554c..e06531f2fab 100644
--- a/lib/components/src/controls/Range.stories.tsx
+++ b/lib/components/src/controls/Range.stories.tsx
@@ -6,14 +6,14 @@ export default {
   component: RangeControl,
 };
 
-export const Basic = () => {
-  const [value, setValue] = useState(10);
+const Template = (initialValue?: number) => {
+  const [value, setValue] = useState(initialValue);
   return (
     <>
       <RangeControl
         name="range"
         value={value}
-        onChange={(name, newVal) => setValue(newVal)}
+        onChange={(newVal) => setValue(newVal)}
         min={0}
         max={20}
         step={2}
@@ -22,3 +22,7 @@ export const Basic = () => {
     </>
   );
 };
+
+export const Basic = () => Template(10);
+
+export const Undefined = () => Template(undefined);
diff --git a/lib/components/src/controls/Range.tsx b/lib/components/src/controls/Range.tsx
index 928c1de6e11..09d00a378e5 100644
--- a/lib/components/src/controls/Range.tsx
+++ b/lib/components/src/controls/Range.tsx
@@ -1,27 +1,142 @@
 import React, { FC, ChangeEvent } from 'react';
 
 import { styled } from '@storybook/theming';
+import { lighten, darken, rgba } from 'polished';
 import { ControlProps, NumberValue, RangeConfig } from './types';
 import { parse } from './Number';
 
 type RangeProps = ControlProps<NumberValue | null> & RangeConfig;
 
-const RangeInput = styled.input(
-  {
-    boxSizing: 'border-box',
-    height: 25,
-    outline: 'none',
-    border: '1px solid #f7f4f4',
-    borderRadius: 2,
-    fontSize: 11,
-    padding: 5,
-    color: '#444',
+const RangeInput = styled.input(({ theme }) => ({
+  // Resytled using http://danielstern.ca/range.css/#/
+  '&': {
+    width: '100%',
+    backgroundColor: 'transparent',
+    appearance: 'none',
   },
-  {
-    display: 'table-cell',
-    flexGrow: 1,
-  }
-);
+
+  '&::-webkit-slider-runnable-track': {
+    background:
+      theme.base === 'light'
+        ? darken(0.02, theme.input.background)
+        : lighten(0.02, theme.input.background),
+    border: `1px solid ${theme.appBorderColor}`,
+    borderRadius: 6,
+    width: '100%',
+    height: 6,
+    cursor: 'pointer',
+  },
+
+  '&::-webkit-slider-thumb': {
+    marginTop: '-6px',
+    width: 16,
+    height: 16,
+
+    border: `1px solid ${rgba(theme.appBorderColor, 0.2)}`,
+    borderRadius: '50px',
+    boxShadow: `0 1px 3px 0px ${rgba(theme.appBorderColor, 0.2)}`,
+    cursor: 'grab',
+    appearance: 'none',
+    background: `${theme.input.background}`,
+    transition: 'all 150ms ease-out',
+
+    '&:hover': {
+      background: `${darken(0.05, theme.input.background)}`,
+      transform: 'scale3d(1.1, 1.1, 1.1) translateY(-1px)',
+      transition: 'all 50ms ease-out',
+    },
+
+    '&:active': {
+      background: `${theme.input.background}`,
+      transform: 'scale3d(1, 1, 1) translateY(0px)',
+      cursor: 'grabbing',
+    },
+  },
+
+  '&:focus': {
+    outline: 'none',
+
+    '&::-webkit-slider-runnable-track': {
+      borderColor: rgba(theme.color.secondary, 0.4),
+      background: theme.background.hoverable,
+    },
+
+    '&::-webkit-slider-thumb': {
+      borderColor: theme.color.secondary,
+      boxShadow: `0 0px 5px 0px ${theme.color.secondary}`,
+    },
+  },
+
+  '&::-moz-range-track': {
+    background:
+      theme.base === 'light'
+        ? darken(0.02, theme.input.background)
+        : lighten(0.02, theme.input.background),
+    border: '1px solid rgba(0, 0, 0, 0.1)',
+    borderRadius: 6,
+    width: '100%',
+    height: 6,
+    cursor: 'pointer',
+    outline: 'none',
+  },
+
+  '&::-moz-range-thumb': {
+    width: 16,
+    height: 16,
+    border: `1px solid ${rgba(theme.color.border, 0.2)}`,
+    borderRadius: '50px',
+    boxShadow: `0 1px 3px 0px ${rgba(theme.color.border, 0.2)}`,
+    cursor: 'grab',
+    background: `${theme.input.background}`,
+    transition: 'all 150ms ease-out',
+
+    '&:hover': {
+      background: `${darken(0.05, theme.input.background)}`,
+      transform: 'scale3d(1.1, 1.1, 1.1) translateY(-1px)',
+      transition: 'all 50ms ease-out',
+    },
+
+    '&:active': {
+      background: `${theme.input.background}`,
+      transform: 'scale3d(1, 1, 1) translateY(0px)',
+      cursor: 'grabbing',
+    },
+  },
+  '&::-ms-track': {
+    background:
+      theme.base === 'light'
+        ? darken(0.02, theme.input.background)
+        : lighten(0.02, theme.input.background),
+    borderColor: 'transparent',
+    borderWidth: '7.3px 0',
+    color: 'transparent',
+    width: '100%',
+    height: '6px',
+    cursor: 'pointer',
+  },
+  '&::-ms-fill-lower': {
+    background: '#dadada',
+    border: `1px solid ${theme.appBorderColor}`,
+    borderRadius: 6,
+  },
+  '&::-ms-fill-upper': {
+    background: '#dddddd',
+    border: `1px solid ${theme.appBorderColor}`,
+    borderRadius: 6,
+  },
+  '&::-ms-thumb': {
+    width: 16,
+    height: 16,
+    background: `${theme.input.background}`,
+    border: `1px solid ${rgba(theme.appBorderColor, 0.2)}`,
+    borderRadius: 50,
+    cursor: 'grab',
+    marginTop: 0,
+  },
+  '&:focus::-ms-fill-lower': { background: '#dddddd' },
+  '&:focus::-ms-fill-upper': { background: '#e0e0e0' },
+  '@supports (-ms-ime-align:auto)': { 'input[type=range]': { margin: '0' } },
+}));
 
 const RangeLabel = styled.span({
   paddingLeft: 5,
@@ -38,26 +153,24 @@ const RangeWrapper = styled.div({
 
 export const RangeControl: FC<RangeProps> = ({
   name,
-  value = 50,
+  value,
   onChange,
   min = 0,
   max = 100,
   step = 1,
+  onBlur,
+  onFocus,
 }) => {
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
-    onChange(name, parse(event.target.value));
+    onChange(parse(event.target.value));
   };
   return (
     <RangeWrapper>
       <RangeLabel>{min}</RangeLabel>
       <RangeInput
-        value={value}
         type="range"
-        name={name}
-        min={min}
-        max={max}
-        step={step}
         onChange={handleChange}
+        {...{ name, value, min, max, step, onFocus, onBlur }}
       />
       <RangeLabel>{`${value} / ${max}`}</RangeLabel>
     </RangeWrapper>
diff --git a/lib/components/src/controls/Text.stories.tsx b/lib/components/src/controls/Text.stories.tsx
index 02d7bb90b1f..da2bb52a72a 100644
--- a/lib/components/src/controls/Text.stories.tsx
+++ b/lib/components/src/controls/Text.stories.tsx
@@ -6,12 +6,16 @@ export default {
   component: TextControl,
 };
 
-export const Basic = () => {
-  const [value, setValue] = useState('Hello text');
+const Template = (initialValue?: string) => {
+  const [value, setValue] = useState(initialValue);
   return (
     <>
-      <TextControl name="Text" value={value} onChange={(name, newVal) => setValue(newVal)} />
+      <TextControl name="Text" value={value} onChange={(newVal) => setValue(newVal)} />
       <p>{value}</p>
     </>
   );
 };
+
+export const Basic = () => Template('Hello text');
+
+export const Undefined = () => Template(undefined);
diff --git a/lib/components/src/controls/Text.tsx b/lib/components/src/controls/Text.tsx
index b90e63bd8f4..edf6e53c0b2 100644
--- a/lib/components/src/controls/Text.tsx
+++ b/lib/components/src/controls/Text.tsx
@@ -1,13 +1,30 @@
 import React, { FC, ChangeEvent } from 'react';
+import { styled } from '@storybook/theming';
 
 import { Form } from '../form';
 import { ControlProps, TextValue, TextConfig } from './types';
 
-export type TextProps = ControlProps<TextValue> & TextConfig;
+export type TextProps = ControlProps<TextValue | undefined> & TextConfig;
 
-export const TextControl: FC<TextProps> = ({ name, value, onChange }) => {
+const Wrapper = styled.label({
+  display: 'flex',
+});
+
+const format = (value?: TextValue) => value || '';
+
+export const TextControl: FC<TextProps> = ({ name, value, onChange, onFocus, onBlur }) => {
   const handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
-    onChange(name, event.target.value);
+    onChange(event.target.value);
   };
-  return <Form.Textarea id={name} name={name} value={value} onChange={handleChange} size="flex" />;
+  return (
+    <Wrapper>
+      <Form.Textarea
+        id={name}
+        onChange={handleChange}
+        size="flex"
+        placeholder="Adjust string dynamically"
+        {...{ name, value: format(value), onFocus, onBlur }}
+      />
+    </Wrapper>
+  );
 };
diff --git a/lib/components/src/controls/options/Checkbox.tsx b/lib/components/src/controls/options/Checkbox.tsx
index e922ae949b8..5695e1b9a25 100644
--- a/lib/components/src/controls/options/Checkbox.tsx
+++ b/lib/components/src/controls/options/Checkbox.tsx
@@ -1,31 +1,42 @@
-import React, { FC, ChangeEvent, useState } from 'react';
+import React, { FC, ChangeEvent, useState, Fragment } from 'react';
 import { styled } from '@storybook/theming';
 import { ControlProps, OptionsMultiSelection, NormalizedOptionsConfig } from '../types';
 import { selectedKeys, selectedValues } from './helpers';
 
-const CheckboxesWrapper = styled.div<{ isInline: boolean }>(({ isInline }) =>
+const Wrapper = styled.div<{ isInline: boolean }>(({ isInline }) =>
   isInline
     ? {
         display: 'flex',
         flexWrap: 'wrap',
-        alignItems: 'center',
-        '> * + *': {
-          marginLeft: 10,
+        alignItems: 'flex-start',
+
+        label: {
+          display: 'inline-flex',
+          marginRight: 15,
+        },
+      }
+    : {
+        label: {
+          display: 'flex',
         },
       }
-    : {}
 );
 
-const CheckboxFieldset = styled.fieldset({
-  border: 0,
-  padding: 0,
-  margin: 0,
-});
+const Text = styled.span({});
 
-const CheckboxLabel = styled.label({
-  padding: '3px 0 3px 5px',
-  lineHeight: '18px',
-  display: 'inline-block',
+const Label = styled.label({
+  lineHeight: '20px',
+  alignItems: 'center',
+  marginBottom: 8,
+
+  '&:last-child': {
+    marginBottom: 0,
+  },
+
+  input: {
+    margin: 0,
+    marginRight: 6,
+  },
 });
 
 type CheckboxConfig = NormalizedOptionsConfig & { isInline: boolean };
@@ -43,35 +54,33 @@ export const CheckboxControl: FC<CheckboxProps> = ({
   const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
     const option = (e.target as HTMLInputElement).value;
     const updated = [...selected];
-    if (updated.includes(option)) {
+    if (updated?.includes(option)) {
       updated.splice(updated.indexOf(option), 1);
     } else {
       updated.push(option);
     }
-    onChange(name, selectedValues(updated, options));
+    onChange(selectedValues(updated, options));
     setSelected(updated);
   };
 
   return (
-    <CheckboxFieldset>
-      <CheckboxesWrapper isInline={isInline}>
-        {Object.keys(options).map((key: string) => {
-          const id = `${name}-${key}`;
-          return (
-            <div key={id}>
-              <input
-                type="checkbox"
-                id={id}
-                name={name}
-                value={key}
-                onChange={handleChange}
-                checked={selected.includes(key)}
-              />
-              <CheckboxLabel htmlFor={id}>{key}</CheckboxLabel>
-            </div>
-          );
-        })}
-      </CheckboxesWrapper>
-    </CheckboxFieldset>
+    <Wrapper isInline={isInline}>
+      {Object.keys(options).map((key) => {
+        const id = `${name}-${key}`;
+        return (
+          <Label key={id} htmlFor={id}>
+            <input
+              type="checkbox"
+              id={id}
+              name={id}
+              value={key}
+              onChange={handleChange}
+              checked={selected?.includes(key)}
+            />
+            <Text>{key}</Text>
+          </Label>
+        );
+      })}
+    </Wrapper>
   );
 };
diff --git a/lib/components/src/controls/options/Options.stories.tsx b/lib/components/src/controls/options/Options.stories.tsx
index 5c70774b04d..9a206662023 100644
--- a/lib/components/src/controls/options/Options.stories.tsx
+++ b/lib/components/src/controls/options/Options.stories.tsx
@@ -23,7 +23,7 @@ const optionsHelper = (options, type, isMulti) => {
         options={options}
         value={value}
         type={type}
-        onChange={(_name, newVal) => setValue(newVal)}
+        onChange={(newVal) => setValue(newVal)}
       />
       {value && Array.isArray(value) ? (
         // eslint-disable-next-line react/no-array-index-key
diff --git a/lib/components/src/controls/options/Radio.tsx b/lib/components/src/controls/options/Radio.tsx
index 1f0febb4f05..0078c6c43d4 100644
--- a/lib/components/src/controls/options/Radio.tsx
+++ b/lib/components/src/controls/options/Radio.tsx
@@ -3,23 +3,46 @@ import { styled } from '@storybook/theming';
 import { ControlProps, OptionsSingleSelection, NormalizedOptionsConfig } from '../types';
 import { selectedKey } from './helpers';
 
-const RadiosWrapper = styled.div<{ isInline: boolean }>(({ isInline }) =>
+const Wrapper = styled.div<{ isInline: boolean }>(({ isInline }) =>
   isInline
     ? {
         display: 'flex',
         flexWrap: 'wrap',
-        alignItems: 'center',
-        '> * + *': {
-          marginLeft: 10,
+        alignItems: 'flex-start',
+
+        label: {
+          display: 'inline-flex',
+          marginRight: 15,
+        },
+      }
+    : {
+        label: {
+          display: 'flex',
         },
       }
-    : {}
 );
 
-const RadioLabel = styled.label({
-  padding: '3px 0 3px 5px',
-  lineHeight: '18px',
-  display: 'inline-block',
+const Fieldset = styled.fieldset({
+  border: 0,
+  padding: 0,
+  margin: 0,
+});
+
+const Text = styled.span({});
+
+const Label = styled.label({
+  lineHeight: '20px',
+  alignItems: 'center',
+  marginBottom: 8,
+
+  '&:last-child': {
+    marginBottom: 0,
+  },
+
+  input: {
+    margin: 0,
+    marginRight: 6,
+  },
 });
 
 type RadioConfig = NormalizedOptionsConfig & { isInline: boolean };
@@ -27,23 +50,23 @@ type RadioProps = ControlProps<OptionsSingleSelection> & RadioConfig;
 export const RadioControl: FC<RadioProps> = ({ name, options, value, onChange, isInline }) => {
   const selection = selectedKey(value, options);
   return (
-    <RadiosWrapper isInline={isInline}>
+    <Wrapper isInline={isInline}>
       {Object.keys(options).map((key) => {
         const id = `${name}-${key}`;
         return (
-          <div key={id}>
+          <Label key={id} htmlFor={id}>
             <input
               type="radio"
               id={id}
-              name={name}
+              name={id}
               value={key}
-              onChange={(e) => onChange(name, options[e.currentTarget.value])}
+              onChange={(e) => onChange(options[e.currentTarget.value])}
               checked={key === selection}
             />
-            <RadioLabel htmlFor={id}>{key}</RadioLabel>
-          </div>
+            <Text>{key}</Text>
+          </Label>
         );
       })}
-    </RadiosWrapper>
+    </Wrapper>
   );
 };
diff --git a/lib/components/src/controls/options/Select.tsx b/lib/components/src/controls/options/Select.tsx
index 00000cd5ce6..bfaa91ef8d8 100644
--- a/lib/components/src/controls/options/Select.tsx
+++ b/lib/components/src/controls/options/Select.tsx
@@ -1,13 +1,86 @@
 import React, { FC, ChangeEvent } from 'react';
-import { styled } from '@storybook/theming';
+import { styled, CSSObject } from '@storybook/theming';
 import { ControlProps, OptionsSelection, NormalizedOptionsConfig } from '../types';
 import { selectedKey, selectedKeys, selectedValues } from './helpers';
+import { Icons } from '../../icon/icon';
 
-const OptionsSelect = styled.select({
+const styleResets: CSSObject = {
+  // resets
+  appearance: 'none',
+  border: '0 none',
+  boxSizing: 'inherit',
+  display: ' block',
+  margin: ' 0',
+  background: 'transparent',
+  padding: 0,
+  fontSize: 'inherit',
+  position: 'relative',
+};
+
+const OptionsSelect = styled.select(({ theme }) => ({
+  ...styleResets,
+
+  position: 'relative',
+  padding: '6px 10px',
   width: '100%',
-  maxWidth: '300px',
-  color: 'black',
-});
+
+  color: theme.input.color || 'inherit',
+  background: theme.input.background,
+  borderRadius: theme.input.borderRadius,
+  boxShadow: `${theme.input.border} 0 0 0 1px inset`,
+
+  fontSize: theme.typography.size.s2 - 1,
+  lineHeight: '20px',
+
+  '&:focus': {
+    boxShadow: `${theme.color.secondary} 0 0 0 1px inset`,
+    outline: 'none',
+  },
+
+  '&[disabled]': {
+    cursor: 'not-allowed',
+    opacity: 0.5,
+  },
+
+  '::placeholder': {
+    color: theme.color.mediumdark,
+  },
+
+  '&[multiple]': {
+    overflow: 'auto',
+    padding: 0,
+
+    option: {
+      display: 'block',
+      padding: '6px 10px',
+      marginLeft: 1,
+      marginRight: 1,
+    },
+  },
+}));
+
+const SelectWrapper = styled.span`
+  display: inline-block;
+  line-height: normal;
+  overflow: hidden;
+  position: relative;
+  vertical-align: top;
+  width: 100%;
+
+  svg {
+    position: absolute;
+    z-index: 1;
+    pointer-events: none;
+    height: 12px;
+    margin-top: -6px;
+    right: 12px;
+    top: 50%;
+
+    path {
+      fill: currentColor;
+    }
+  }
+`;
 
 type SelectConfig = NormalizedOptionsConfig & { isMulti: boolean };
 type SelectProps = ControlProps<OptionsSelection> & SelectConfig;
@@ -16,19 +89,22 @@ const NO_SELECTION = 'Select...';
 
 const SingleSelect: FC<SelectProps> = ({ name, value, options, onChange }) => {
   const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {
-    onChange(name, options[e.currentTarget.value]);
+    onChange(options[e.currentTarget.value]);
   };
   const selection = selectedKey(value, options) || NO_SELECTION;
 
   return (
-    <OptionsSelect value={selection} onChange={handleChange}>
-      <option key="no-selection" disabled>
-        {NO_SELECTION}
-      </option>
-      {Object.keys(options).map((key) => (
-        <option key={key}>{key}</option>
-      ))}
-    </OptionsSelect>
+    <SelectWrapper>
+      <Icons icon="arrowdown" />
+      <OptionsSelect value={selection} onChange={handleChange}>
+        <option key="no-selection" disabled>
+          {NO_SELECTION}
+        </option>
+        {Object.keys(options).map((key) => (
+          <option key={key}>{key}</option>
+        ))}
+      </OptionsSelect>
+    </SelectWrapper>
   );
 };
 
@@ -37,16 +113,18 @@ const MultiSelect: FC<SelectProps> = ({ name, value, options, onChange }) => {
     const selection = Array.from(e.currentTarget.options)
       .filter((option) => option.selected)
       .map((option) => option.value);
-    onChange(name, selectedValues(selection, options));
+    onChange(selectedValues(selection, options));
   };
   const selection = selectedKeys(value, options);
 
   return (
-    <OptionsSelect multiple value={selection} onChange={handleChange}>
-      {Object.keys(options).map((key) => (
-        <option key={key}>{key}</option>
-      ))}
-    </OptionsSelect>
+    <SelectWrapper>
+      <OptionsSelect multiple value={selection} onChange={handleChange}>
+        {Object.keys(options).map((key) => (
+          <option key={key}>{key}</option>
+        ))}
+      </OptionsSelect>
+    </SelectWrapper>
   );
 };
 
diff --git a/lib/components/src/controls/options/helpers.ts b/lib/components/src/controls/options/helpers.ts
index 3a7667ade8f..6bb25b3954e 100644
--- a/lib/components/src/controls/options/helpers.ts
+++ b/lib/components/src/controls/options/helpers.ts
@@ -6,9 +6,11 @@ export const selectedKey = (value: any, options: OptionsObject) => {
 };
 
 export const selectedKeys = (value: any[], options: OptionsObject) =>
-  Object.entries(options)
-    .filter((entry) => value.includes(entry[1]))
-    .map((entry) => entry[0]);
+  value
+    ? Object.entries(options)
+        .filter((entry) => value.includes(entry[1]))
+        .map((entry) => entry[0])
+    : [];
 
 export const selectedValues = (keys: string[], options: OptionsObject) =>
   keys.map((key) => options[key]);
diff --git a/lib/components/src/controls/types.ts b/lib/components/src/controls/types.ts
index 34db95d7602..20bf32df2a8 100644
--- a/lib/components/src/controls/types.ts
+++ b/lib/components/src/controls/types.ts
@@ -3,10 +3,12 @@ import { ArgType } from '../blocks';
 /* eslint-disable @typescript-eslint/no-empty-interface */
 export interface ControlProps<T> {
   name: string;
-  value: T;
+  value?: T;
   defaultValue?: T;
   argType?: ArgType;
-  onChange: (name: string, value: T) => T | void;
+  onChange: (value: T) => T | void;
+  onFocus?: (evt: any) => void;
+  onBlur?: (evt: any) => void;
 }
 
 export type ArrayValue = string[] | readonly string[];
@@ -18,7 +20,9 @@ export type BooleanValue = boolean;
 export interface BooleanConfig {}
 
 export type ColorValue = string;
-export interface ColorConfig {}
+export interface ColorConfig {
+  presetColors?: string[];
+}
 
 export type DateValue = Date | number;
 export interface DateConfig {}
diff --git a/lib/components/src/form/input/input.tsx b/lib/components/src/form/input/input.tsx
index a825f3f76e6..1006a239697 100644
--- a/lib/components/src/form/input/input.tsx
+++ b/lib/components/src/form/input/input.tsx
@@ -28,9 +28,12 @@ const styles = ({ theme }: { theme: Theme }): CSSObject => ({
   borderRadius: theme.input.borderRadius,
   fontSize: theme.typography.size.s2 - 1,
   lineHeight: '20px',
-  padding: '.42em 1em', // 32
+  padding: '6px 10px', // 32
 
-  '&:focus': { boxShadow: `${theme.color.secondary} 0 0 0 1px inset` },
+  '&:focus': {
+    boxShadow: `${theme.color.secondary} 0 0 0 1px inset`,
+    outline: 'none',
+  },
   '&[disabled]': {
     cursor: 'not-allowed',
     opacity: 0.5,
diff --git a/lib/components/src/syntaxhighlighter/syntaxhighlighter.stories.tsx b/lib/components/src/syntaxhighlighter/syntaxhighlighter.stories.tsx
index 7824cd5da7d..4ff7cffbc6c 100644
--- a/lib/components/src/syntaxhighlighter/syntaxhighlighter.stories.tsx
+++ b/lib/components/src/syntaxhighlighter/syntaxhighlighter.stories.tsx
@@ -82,6 +82,19 @@ storiesOf('Basics/SyntaxHighlighter', module)
       `}
     </SyntaxHighlighter>
   ))
+  .add('graphql', () => (
+    <SyntaxHighlighter language="graphql" copyable={false}>
+      {`query HeroNameAndFriends($episode: Episode) {
+          hero(episode: $episode) {
+            name
+            friends {
+              name
+            }
+          }
+        }
+      `}
+    </SyntaxHighlighter>
+  ))
   .add('unsupported', () => (
     <SyntaxHighlighter language="C#" bordered copyable>
       {`
diff --git a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
index 8a1099b60e6..5ec021b11f8 100644
--- a/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
+++ b/lib/components/src/syntaxhighlighter/syntaxhighlighter.tsx
@@ -1,12 +1,14 @@
 import React, { ComponentProps, FunctionComponent, MouseEvent, useState } from 'react';
+import { logger } from '@storybook/client-logger';
 import { styled } from '@storybook/theming';
-import { document, window } from 'global';
+import { navigator, window } from 'global';
 import memoize from 'memoizerific';
 
 import jsx from 'react-syntax-highlighter/dist/cjs/languages/prism/jsx';
 import bash from 'react-syntax-highlighter/dist/cjs/languages/prism/bash';
 import css from 'react-syntax-highlighter/dist/cjs/languages/prism/css';
 import json from 'react-syntax-highlighter/dist/cjs/languages/prism/json';
+import graphql from 'react-syntax-highlighter/dist/cjs/languages/prism/graphql';
 import html from 'react-syntax-highlighter/dist/cjs/languages/prism/markup';
 import md from 'react-syntax-highlighter/dist/cjs/languages/prism/markdown';
 import yml from 'react-syntax-highlighter/dist/cjs/languages/prism/yaml';
@@ -32,6 +34,7 @@ ReactSyntaxHighlighter.registerLanguage('css', css);
 ReactSyntaxHighlighter.registerLanguage('html', html);
 ReactSyntaxHighlighter.registerLanguage('tsx', tsx);
 ReactSyntaxHighlighter.registerLanguage('typescript', typescript);
+ReactSyntaxHighlighter.registerLanguage('graphql', graphql);
 
 const themedSyntax = memoize(2)((theme) =>
   Object.entries(theme.code || {}).reduce((acc, [key, val]) => ({ ...acc, [`* .${key}`]: val }), {})
@@ -121,41 +124,43 @@ export const SyntaxHighlighter: FunctionComponent<Props> = ({
   padded = false,
   format = true,
   className = null,
+  showLineNumbers = false,
   ...rest
 }) => {
+  if (typeof children !== 'string' || !children.trim()) {
+    return null;
+  }
+
+  const highlightableCode = format ? formatter(children) : children.trim();
   const [copied, setCopied] = useState(false);
 
   const onClick = (e: MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
-    const tmp = document.createElement('TEXTAREA');
-    const focus = document.activeElement;
 
-    tmp.value = children;
-
-    document.body.appendChild(tmp);
-    tmp.select();
-    document.execCommand('copy');
-    document.body.removeChild(tmp);
-    focus.focus();
-
-    setCopied(true);
-
-    window.setTimeout(() => setCopied(false), 1500);
+    navigator.clipboard
+      .writeText(highlightableCode)
+      .then(() => {
+        setCopied(true);
+        window.setTimeout(() => setCopied(false), 1500);
+      })
+      .catch(logger.error);
   };
 
-  return children ? (
+  return (
     <Wrapper bordered={bordered} padded={padded} className={className}>
       <Scroller>
         <ReactSyntaxHighlighter
           padded={padded || bordered}
           language={language}
+          showLineNumbers={showLineNumbers}
+          showInlineLineNumbers={showLineNumbers}
           useInlineStyles={false}
           PreTag={Pre}
           CodeTag={Code}
           lineNumberContainerStyle={{}}
           {...rest}
         >
-          {format ? formatter((children as string).trim()) : (children as string).trim()}
+          {highlightableCode}
         </ReactSyntaxHighlighter>
       </Scroller>
 
@@ -163,5 +168,5 @@ export const SyntaxHighlighter: FunctionComponent<Props> = ({
         <ActionBar actionItems={[{ title: copied ? 'Copied' : 'Copy', onClick }]} />
       ) : null}
     </Wrapper>
-  ) : null;
+  );
 };
diff --git a/lib/components/src/tabs/tabs.tsx b/lib/components/src/tabs/tabs.tsx
index 154e3605a0b..405cafd0534 100644
--- a/lib/components/src/tabs/tabs.tsx
+++ b/lib/components/src/tabs/tabs.tsx
@@ -183,7 +183,7 @@ export const Tabs: FunctionComponent<TabsProps> = memo(
           </TabBar>
           {tools ? <Fragment>{tools}</Fragment> : null}
         </FlexBar>
-        <Content id="panel-tab-content" bordered={bordered} absolute={absolute} tabIndex={0}>
+        <Content id="panel-tab-content" bordered={bordered} absolute={absolute}>
           {list.map(({ id, active, render }) => render({ key: id, active }))}
         </Content>
       </Wrapper>
diff --git a/lib/components/src/tooltip/Tooltip.stories.tsx b/lib/components/src/tooltip/Tooltip.stories.tsx
index 925cd6e5301..65c728ff9d5 100644
--- a/lib/components/src/tooltip/Tooltip.stories.tsx
+++ b/lib/components/src/tooltip/Tooltip.stories.tsx
@@ -16,7 +16,7 @@ const Content = styled.div({
 
 storiesOf('basics/Tooltip/Tooltip', module)
   .add('basic, default', () => (
-    <Tooltip {...mockPopperProps} color="medium">
+    <Tooltip {...mockPopperProps}>
       <Content>Text</Content>
     </Tooltip>
   ))
diff --git a/lib/components/src/tooltip/Tooltip.tsx b/lib/components/src/tooltip/Tooltip.tsx
index 10ccd84f6f1..3bbbefffe6a 100644
--- a/lib/components/src/tooltip/Tooltip.tsx
+++ b/lib/components/src/tooltip/Tooltip.tsx
@@ -19,12 +19,28 @@ const Arrow = styled.div<ArrowProps>(
     position: 'absolute',
     borderStyle: 'solid',
   },
-  ({ theme, color, placement }) => ({
-    marginBottom: `${match('top', placement, '0', ArrowSpacing)}px`,
-    marginTop: `${match('bottom', placement, '0', ArrowSpacing)}px`,
-    marginRight: `${match('left', placement, '0', ArrowSpacing)}px`,
-    marginLeft: `${match('right', placement, '0', ArrowSpacing)}px`,
+  ({ placement }) => {
+    let x = 0;
+    let y = 0;
 
+    switch (true) {
+      case placement.startsWith('left') || placement.startsWith('right'): {
+        y = 8;
+        break;
+      }
+      case placement.startsWith('top') || placement.startsWith('bottom'): {
+        x = 8;
+        break;
+      }
+      default: {
+        //
+      }
+    }
+
+    const transform = `translate3d(${x}px, ${y}px, 0px)`;
+    return { transform };
+  },
+  ({ theme, color, placement }) => ({
     bottom: `${match('top', placement, ArrowSpacing * -1, 'auto')}px`,
     top: `${match('bottom', placement, ArrowSpacing * -1, 'auto')}px`,
     right: `${match('left', placement, ArrowSpacing * -1, 'auto')}px`,
@@ -82,14 +98,9 @@ const Wrapper = styled.div<WrapperProps>(
     display: hidden ? 'none' : 'inline-block',
     zIndex: 2147483647,
   }),
-  ({ theme, color, hasChrome, placement }) =>
+  ({ theme, color, hasChrome }) =>
     hasChrome
       ? {
-          marginBottom: `${match('top', placement, ArrowSpacing + 2, 0)}px`,
-          marginTop: `${match('bottom', placement, ArrowSpacing + 2, 0)}px`,
-          marginLeft: `${match('right', placement, ArrowSpacing + 2, 0)}px`,
-          marginRight: `${match('left', placement, ArrowSpacing + 2, 0)}px`,
-
           background:
             theme.color[color] || color || theme.base === 'light'
               ? lighten(theme.background.app)
@@ -101,12 +112,7 @@ const Wrapper = styled.div<WrapperProps>(
           borderRadius: theme.appBorderRadius * 2,
           fontSize: theme.typography.size.s1,
         }
-      : {
-          marginBottom: `${match('top', placement, 8, 0)}px`,
-          marginTop: `${match('bottom', placement, 8, 0)}px`,
-          marginLeft: `${match('right', placement, 8, 0)}px`,
-          marginRight: `${match('left', placement, 8, 0)}px`,
-        }
+      : {}
 );
 
 export interface TooltipProps {
diff --git a/lib/components/src/tooltip/TooltipLinkList.tsx b/lib/components/src/tooltip/TooltipLinkList.tsx
index 6f046e14cef..2096e42a4bc 100644
--- a/lib/components/src/tooltip/TooltipLinkList.tsx
+++ b/lib/components/src/tooltip/TooltipLinkList.tsx
@@ -8,7 +8,7 @@ const List = styled.div<{}>(
     minWidth: 180,
     overflow: 'hidden',
     overflowY: 'auto',
-    maxHeight: 11.5 * 32, // 11.5 items
+    maxHeight: 13.5 * 32, // 11.5 items
   },
   ({ theme }) => ({
     borderRadius: theme.appBorderRadius * 2,
diff --git a/lib/components/src/tooltip/WithTooltip.tsx b/lib/components/src/tooltip/WithTooltip.tsx
index 6703cad4adc..e190fc2fa8f 100644
--- a/lib/components/src/tooltip/WithTooltip.tsx
+++ b/lib/components/src/tooltip/WithTooltip.tsx
@@ -3,7 +3,7 @@ import { styled } from '@storybook/theming';
 import { document } from 'global';
 
 import TooltipTrigger from 'react-popper-tooltip';
-import { Modifiers, Placement } from 'popper.js';
+import { Modifier, Placement } from '@popperjs/core';
 import { Tooltip } from './Tooltip';
 
 // A target that doesn't speak popper
@@ -25,7 +25,7 @@ export interface WithTooltipPureProps {
   trigger?: 'none' | 'hover' | 'click' | 'right-click';
   closeOnClick?: boolean;
   placement?: Placement;
-  modifiers?: Modifiers;
+  modifiers?: Array<Partial<Modifier<string, {}>>>;
   hasChrome?: boolean;
   tooltip: ReactNode | ((p: WithHideFn) => ReactNode);
   children: ReactNode;
@@ -93,7 +93,26 @@ WithTooltipPure.defaultProps = {
   trigger: 'hover',
   closeOnClick: false,
   placement: 'top',
-  modifiers: {},
+  modifiers: [
+    {
+      name: 'preventOverflow',
+      options: {
+        padding: 8,
+      },
+    },
+    {
+      name: 'offset',
+      options: {
+        offset: [8, 8],
+      },
+    },
+    {
+      name: 'arrow',
+      options: {
+        padding: 8,
+      },
+    },
+  ],
   hasChrome: true,
   tooltipShown: false,
 };
diff --git a/lib/components/src/typography/DocumentFormatting.tsx b/lib/components/src/typography/DocumentFormatting.tsx
index 9ae4a470d4e..6f166e5365b 100644
--- a/lib/components/src/typography/DocumentFormatting.tsx
+++ b/lib/components/src/typography/DocumentFormatting.tsx
@@ -1,6 +1,8 @@
 import React, { FunctionComponent } from 'react';
 import { styled, CSSObject } from '@storybook/theming';
+import { window } from 'global';
 import { withReset, withMargin, headerCommon, codeCommon } from './shared';
+import { SyntaxHighlighter } from '../syntaxhighlighter/syntaxhighlighter';
 
 export const H1 = styled.h1<{}>(withReset, headerCommon, ({ theme }) => ({
   fontSize: `${theme.typography.size.l1}px`,
@@ -42,14 +44,14 @@ export const Pre = styled.pre<{}>(withReset, withMargin, ({ theme }) => ({
   borderRadius: 3,
   margin: '1rem 0',
 
-  '&:not(.hljs)': {
+  '&:not(.prismjs)': {
     background: 'transparent',
     border: 'none',
     borderRadius: 0,
     padding: 0,
     margin: 0,
   },
-  '& pre, &.hljs': {
+  '& pre, &.prismjs': {
     padding: 15,
     margin: 0,
     whiteSpace: 'pre-wrap',
@@ -70,10 +72,16 @@ export const Pre = styled.pre<{}>(withReset, withMargin, ({ theme }) => ({
 }));
 
 const Link: FunctionComponent<any> = ({ href: input, children, ...props }) => {
+  // If storybook is hosted at a non-root path (e.g. `/storybook/`),
+  // the base url needs to be prefixed to storybook paths.
+  let storybookBaseUrl =
+    typeof window !== 'undefined' ? window.parent.document.location.pathname : '/';
+  if (!storybookBaseUrl.endsWith('/')) storybookBaseUrl += '/';
+
   const isStorybookPath = /^\//.test(input);
   const isAnchorUrl = /^#.*/.test(input);
 
-  const href = isStorybookPath ? `/?path=${input}` : input;
+  const href = isStorybookPath ? `${storybookBaseUrl}?path=${input}` : input;
   const target = isAnchorUrl ? '_self' : '_top';
 
   return (
@@ -84,7 +92,7 @@ const Link: FunctionComponent<any> = ({ href: input, children, ...props }) => {
 };
 
 export const A = styled(Link)<{}>(withReset, ({ theme }) => ({
-  fontSize: theme.typography.size.s2,
+  fontSize: 'inherit',
   lineHeight: '24px',
 
   color: theme.color.secondary,
@@ -175,13 +183,11 @@ export const Table = styled.table<{}>(withReset, withMargin, ({ theme }) => ({
   '& tr th': {
     fontWeight: 'bold',
     border: `1px solid ${theme.appBorderColor}`,
-    textAlign: 'left',
     margin: 0,
     padding: '6px 13px',
   },
   '& tr td': {
     border: `1px solid ${theme.appBorderColor}`,
-    textAlign: 'left',
     margin: 0,
     padding: '6px 13px',
   },
@@ -304,9 +310,9 @@ export const LI = styled.li<{}>(withReset, ({ theme }) => ({
   '& code': codeCommon({ theme }),
 }));
 
-export const UL = styled.ul<{}>(withReset, withMargin, listCommon, {});
+export const UL = styled.ul<{}>(withReset, withMargin, { ...listCommon, listStyle: 'disc' });
 
-export const OL = styled.ol<{}>(withReset, withMargin, listCommon);
+export const OL = styled.ol<{}>(withReset, withMargin, { ...listCommon, listStyle: 'decimal' });
 
 export const P = styled.p<{}>(withReset, withMargin, ({ theme }) => ({
   fontSize: theme.typography.size.s2,
@@ -315,7 +321,7 @@ export const P = styled.p<{}>(withReset, withMargin, ({ theme }) => ({
   '& code': codeCommon({ theme }),
 }));
 
-export const Code = styled.code<{}>(
+const DefaultCodeBlock = styled.code<{}>(
   ({ theme }) => ({
     // from reset
     fontFamily: theme.typography.fonts.mono,
@@ -330,6 +336,16 @@ export const Code = styled.code<{}>(
   codeCommon
 );
 
+export const Code = ({ className, ...props }: React.ComponentProps<typeof DefaultCodeBlock>) => {
+  const language = (className || '').match(/lang-(\S+)/);
+
+  if (!language) {
+    return <DefaultCodeBlock {...props} className={className} />;
+  }
+
+  return <SyntaxHighlighter bordered copyable language={language[1]} format={false} {...props} />;
+};
+
 export const TT = styled.title<{}>(codeCommon);
 
 /**
diff --git a/lib/components/src/typography/DocumentFormattingSample.md b/lib/components/src/typography/DocumentFormattingSample.md
index c40d9df2562..fbf3e112bba 100644
--- a/lib/components/src/typography/DocumentFormattingSample.md
+++ b/lib/components/src/typography/DocumentFormattingSample.md
@@ -125,7 +125,15 @@ Right aligned columns
 Autoconverted link https://github.com/nodeca/pica (enable linkify to see)
 <!--lint enable no-literal-urls-->
 
+# [Link](https://storybook.js.org/) in heading
+## [Link](https://storybook.js.org/) in heading
+### [Link](https://storybook.js.org/) in heading
+#### [Link](https://storybook.js.org/) in heading
+##### [Link](https://storybook.js.org/) in heading
+###### [Link](https://storybook.js.org/) in heading
+
 ## Images
 
 ![Minion](https://octodex.github.com/images/minion.png)
 ![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg 'The Stormtroopocat')
+
diff --git a/lib/components/src/typography/DocumentWrapper.stories.tsx b/lib/components/src/typography/DocumentWrapper.stories.tsx
index 6b5a2d4e820..71acca24008 100644
--- a/lib/components/src/typography/DocumentWrapper.stories.tsx
+++ b/lib/components/src/typography/DocumentWrapper.stories.tsx
@@ -1,8 +1,7 @@
 import React from 'react';
 
-import Markdown from 'markdown-to-jsx';
 import { DocumentWrapper } from './DocumentWrapper';
-import markdownSample from './DocumentFormattingSample.md';
+import MarkdownSample from './DocumentFormattingSample.md';
 
 export default {
   component: DocumentWrapper,
@@ -12,7 +11,7 @@ export default {
 
 export const withMarkdown = () => (
   <DocumentWrapper>
-    <Markdown>{markdownSample}</Markdown>
+    <MarkdownSample />
   </DocumentWrapper>
 );
 
diff --git a/lib/components/src/typography/DocumentWrapper.tsx b/lib/components/src/typography/DocumentWrapper.tsx
index 2351bc3955d..9e3eb26ad4f 100644
--- a/lib/components/src/typography/DocumentWrapper.tsx
+++ b/lib/components/src/typography/DocumentWrapper.tsx
@@ -25,14 +25,14 @@ export const DocumentWrapper = styled.div<{}>(({ theme }) => ({
     fontSize: `${theme.typography.size.s2}px`,
     color: theme.color.dark,
   },
-  'pre:not(.hljs)': {
+  'pre:not(.prismjs)': {
     background: 'transparent',
     border: 'none',
     borderRadius: 0,
     padding: 0,
     margin: 0,
   },
-  'pre pre, pre.hljs': {
+  'pre pre, pre.prismjs': {
     padding: 15,
     margin: 0,
     whiteSpace: 'pre-wrap',
@@ -40,7 +40,7 @@ export const DocumentWrapper = styled.div<{}>(({ theme }) => ({
     fontSize: '13px',
     lineHeight: '19px',
   },
-  'pre pre code, pre.hljs code': {
+  'pre pre code, pre.prismjs code': {
     color: 'inherit',
     fontSize: 'inherit',
   },
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index e5aad921af6..6409fb487ab 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
@@ -22,7 +22,7 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
@@ -33,11 +33,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/core-events/src/index.ts b/lib/core-events/src/index.ts
index 62caf0e25cd..bf7850305b4 100644
--- a/lib/core-events/src/index.ts
+++ b/lib/core-events/src/index.ts
@@ -1,15 +1,13 @@
 enum events {
   CHANNEL_CREATED = 'channelCreated',
+  // When the preview boots, the first story is chosen via a selection specifier
+  STORY_SPECIFIED = 'storySpecified',
+  // Emitted by the preview whenever the list of stories changes (in batches)
+  SET_STORIES = 'setStories',
   // Set the current story selection in the preview
   SET_CURRENT_STORY = 'setCurrentStory',
   // The current story changed due to the above
   CURRENT_STORY_WAS_SET = 'currentStoryWasSet',
-  // Emitted by the preview whenever the list of stories changes (in batches)
-  SET_STORIES = 'setStories',
-  // Emitted by the preview when the current story (or error) should be rendered
-  RENDER_CURRENT_STORY = 'renderCurrentStory',
-  // Deprecated version of the above
-  STORY_RENDER = 'storyRender',
   // Force the current story to re-render
   FORCE_RE_RENDER = 'forceReRender',
   // The next 6 events are emitted by the StoryRenderer when rendering the current story
@@ -23,9 +21,11 @@ enum events {
   UPDATE_STORY_ARGS = 'updateStoryArgs',
   // The values of a stories args just changed
   STORY_ARGS_UPDATED = 'storyArgsUpdated',
+  // Reset either a single arg of a story all args of a story
+  RESET_STORY_ARGS = 'resetStoryArgs',
   // As above
-  UPDATE_GLOBAL_ARGS = 'updateGlobalArgs',
-  GLOBAL_ARGS_UPDATED = 'globalArgsUpdated',
+  UPDATE_GLOBALS = 'updateGlobals',
+  GLOBALS_UPDATED = 'globalsUpdated',
   REGISTER_SUBSCRIPTION = 'registerSubscription',
   // Tell the manager that the user pressed a key in the preview
   PREVIEW_KEYDOWN = 'previewKeydown',
@@ -46,10 +46,10 @@ export default events;
 // This is the preferred method
 export const {
   CHANNEL_CREATED,
-  SET_CURRENT_STORY,
+  STORY_SPECIFIED,
   SET_STORIES,
-  RENDER_CURRENT_STORY,
-  STORY_RENDER,
+  SET_CURRENT_STORY,
+  CURRENT_STORY_WAS_SET,
   FORCE_RE_RENDER,
   STORY_CHANGED,
   STORY_UNCHANGED,
@@ -59,8 +59,9 @@ export const {
   STORY_THREW_EXCEPTION,
   UPDATE_STORY_ARGS,
   STORY_ARGS_UPDATED,
-  UPDATE_GLOBAL_ARGS,
-  GLOBAL_ARGS_UPDATED,
+  RESET_STORY_ARGS,
+  UPDATE_GLOBALS,
+  GLOBALS_UPDATED,
   REGISTER_SUBSCRIPTION,
   PREVIEW_KEYDOWN,
   SELECT_STORY,
@@ -70,5 +71,4 @@ export const {
   SHARED_STATE_CHANGED,
   SHARED_STATE_SET,
   NAVIGATE_URL,
-  CURRENT_STORY_WAS_SET,
 } = events;
diff --git a/lib/core/README.md b/lib/core/README.md
index 9fbc57fa22a..7514fe5f5ae 100644
--- a/lib/core/README.md
+++ b/lib/core/README.md
@@ -25,4 +25,4 @@ Each module uses the channel to communicate with each other and the manager. Eac
 
 The store can only be changed during "configuration". The `ConfigApi` will call `store.startConfiguration()`, then the user code (or `loadCsf`'s loader) which will use client API to load up stories. At the end of the user's code the `ConfigApi` will call `store.finishConfiguration()`. At this point the `SET_STORIES` event is emitted and the stories are transmitted to the manager.
 
-The `SET_CURRENT_STORY` "command" event can be used to set the selection on the store. However only once this has been recieved _and_ configuration is over will the store use the `RENDER_CURRENT_STORY` to tell the `StoryRenderer` to render it.
+The URL of the preview is a "selection specifier" that controls the initial selection, which is chosen when configuration ends. Also (outside of configuration) the `SET_CURRENT_STORY` "command" event can be used to set the selection on the store. When the selection is set, a `CURRENT_STORY_WAS_SET` event is emitted which triggers a rendering.
diff --git a/docs/src/pages/configurations/standalone-options/index.md b/lib/core/docs/standalone.md
similarity index 85%
rename from docs/src/pages/configurations/standalone-options/index.md
rename to lib/core/docs/standalone.md
index 71dc1c872d4..d7005c1a284 100644
--- a/docs/src/pages/configurations/standalone-options/index.md
+++ b/lib/core/docs/standalone.md
@@ -1,9 +1,6 @@
----
-id: 'standalone-options'
-title: 'Standalone Options'
----
+## Standalone Mode
 
-There is also an API for running Storybook from Node.
+Storybook can be run standalone from Node, although it should be noted this isn't officially supported any more.
 
 ```js
 const storybook = require('@storybook/{APP}/standalone');
@@ -11,7 +8,7 @@ const storybook = require('@storybook/{APP}/standalone');
 storybook({
   // options
 });
-``` 
+```
 
 Where the APP is one of the supported apps. For example:
 
@@ -21,7 +18,7 @@ const storybook = require('@storybook/react/standalone');
 storybook({
   // options
 });
-``` 
+```
 
 ## Mode
 
@@ -38,7 +35,7 @@ storybook({
   mode: 'dev',
   // other options
 });
-```    
+```
 
 ### static
 
@@ -51,7 +48,7 @@ storybook({
   mode: 'static',
   // other options
 });
-```    
+```
 
 Other options are similar to those in the CLI.
 
@@ -60,7 +57,7 @@ Other options are similar to those in the CLI.
 ```plaintext
 port [number]           Port to run Storybook
 host [string]           Host to run Storybook
-staticDir <dir-names>   Directory where to load static files from, array of strings
+staticDir <dir-names>   Directory where to load static files from, array of string mappings between localDir and remote path
 configDir [dir-name]    Directory where to load Storybook configurations from
 https                   Serve Storybook over HTTPS. Note: You must provide your own certificate information.
 sslCa <ca>              Provide an SSL certificate authority. (Optional with "https", required if using a self-signed certificate)
@@ -74,14 +71,14 @@ quiet                   Suppress verbose build output
 ## For "static" mode:
 
 ```plaintext
-staticDir <dir-names>   Directory where to load static files from, array of strings
+staticDir <dir-names>   Directory where to load static files from, array of strings mappings between localDir and remote path
 outputDir [dir-name]    Directory where to store built files
 configDir [dir-name]    Directory where to load Storybook configurations from
 watch                   Enable watch mode
 quiet                   Suppress verbose build output
 ```
 
-Example: 
+Example:
 
 ```js
 const storybook = require('@storybook/angular/standalone');
@@ -90,6 +87,6 @@ storybook({
   mode: 'dev',
   port: 9009,
   configDir: './.storybook',
+  staticDir: ['localDir', 'localDir/images:/images/public']
 });
 ```
-
diff --git a/lib/core/docs/storiesOf.md b/lib/core/docs/storiesOf.md
new file mode 100644
index 00000000000..64ead5a3de3
--- /dev/null
+++ b/lib/core/docs/storiesOf.md
@@ -0,0 +1,89 @@
+## storiesOf (Legacy) API
+
+`storiesOf` is Storybook's Legacy API for adding stories. Up until Storybook 5.2, it has been the primary way to create stories in Storybook.
+
+In Storybook 5.2 we introduced a simpler and more portable [Component Story Format](https://storybook.js.org/docs/react/api/csf), and all future tools and infrastructure will be oriented towards CSF. Therefore, we recommend migrating your stories out of `storiesOf` API, and even provide [automated tools to do this](#component-story-format-migration).
+
+That said, the `storiesOf` API is not officially deprecated. For the time being we plan to support it for the foreseeable future.
+
+## storiesOf API
+
+A Storybook is a collection of stories. Each story represents a single visual state of a component.
+
+Here's a basic story file in the `storiesOf` API:
+
+```js
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import Button from '../components/Button';
+
+storiesOf('Button', module)
+  .add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)
+  .add('with some emoji', () => (
+    <Button onClick={action('clicked')}>
+      <span role="img" aria-label="so cool">
+        😀 😎 👍 💯
+      </span>
+    </Button>
+  ));
+```
+
+The string argument to `storiesOf` is the component title. If you pass a string like `'Widgets|Button/Button'` it can also be used to position your component's story within Storybook's story hierarchy.
+
+The second argument of `storiesOf` is a webpack `module`, which is available on the global (per-file) scope. Storybook needs it to enable hot-module-replacement. If it's not included you'll need to refresh your browser with each change you make.
+
+Each `.add` call takes a story name, a story function that returns a renderable object (JSX in the case of React), and optionally some parameters, which are described below.
+
+## Decorators and parameters
+
+[Decorators](https://storybook.js.org/docs/react/writing-stories/decorators) and [parameters](https://storybook.js.org/docs/react/writing-stories/parameters) can be specified globally, at the component level, or locally at the story level.
+
+In the `storiesOf` API, story-level parameters are provided as a third argument to `.add`:
+
+```js
+storiesOf('Button', module).add(
+  'with text',
+  () => <Button onClick={action('clicked')}>Hello Button</Button>,
+  { notes: someNotes }
+);
+```
+
+Story-level decorators are provided via parameters:
+
+```js
+storiesOf('Button', module).add(
+  'with text',
+  () => <Button onClick={action('clicked')}>Hello Button</Button>,
+  { decorators: [withKnobs] }
+);
+```
+
+We can control how the component's stories will render with parameters and decorators. You can use as many `.addDecorators` as you need (but make sure you add them all before your first story), but you can only use one `.addParameters`, as you can see in the example below:
+
+```js
+storiesOf('Button', module)
+  .addParameters({backgrounds: {values: [{name: "red" value: "#f00"}]}})
+  .addDecorator((Story) => <div style={{ margin: '3em' }}><Story/></div>)
+  .addDecorator((Story) => <div style={{ height: '600px' }}><Story/></div>)
+  .add('with text', () => <Button onClick={action('clicked')}>Hello Button</Button>)
+  .add('with some emoji', () => (
+    <Button onClick={action('clicked')}>
+      <span role="img" aria-label="so cool">
+        😀 😎 👍 💯
+      </span>
+    </Button>
+  ));
+```
+
+Parameters and decorators can also be used globally, you can define them in your .storybook/preview.js. Take a look [here](https://storybook.js.org/docs/react/writing-stories/parameters#global-parameters) to learn more about global parameters and [here](https://storybook.js.org/docs/react/writing-stories/decorators#global-decorators) for global decorators.
+
+## Component Story Format migration
+
+To make it easier to adopt the new [Component Story Format (CSF)](https://storybook.js.org/docs/react/api/csf), we've created an automatic migration tool to transform `storiesOf` API to Module format.
+
+```sh
+sb migrate storiesof-to-csf --glob=src/**/*.stories.js
+```
+
+For more information, see the CLI's [Codemod README](https://github.com/storybookjs/storybook/tree/next/lib/codemod).
diff --git a/lib/core/package.json b/lib/core/package.json
index 116ed4f1144..53f466a85eb 100644
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -24,44 +24,48 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-proposal-export-default-from": "^7.8.3",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.9.6",
-    "@babel/plugin-proposal-optional-chaining": "^7.10.1",
-    "@babel/plugin-proposal-private-methods": "^7.8.3",
+    "@babel/core": "^7.11.5",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-proposal-decorators": "^7.10.5",
+    "@babel/plugin-proposal-export-default-from": "^7.10.4",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.11.0",
+    "@babel/plugin-proposal-private-methods": "^7.10.4",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-arrow-functions": "^7.8.3",
-    "@babel/plugin-transform-block-scoping": "^7.8.3",
-    "@babel/plugin-transform-classes": "^7.9.5",
-    "@babel/plugin-transform-destructuring": "^7.9.5",
-    "@babel/plugin-transform-for-of": "^7.9.0",
-    "@babel/plugin-transform-parameters": "^7.9.5",
-    "@babel/plugin-transform-shorthand-properties": "^7.8.3",
-    "@babel/plugin-transform-spread": "^7.8.3",
-    "@babel/plugin-transform-template-literals": "^7.8.3",
-    "@babel/preset-env": "^7.9.6",
-    "@babel/preset-react": "^7.8.3",
-    "@babel/preset-typescript": "^7.9.0",
-    "@babel/register": "^7.8.3",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/channel-postmessage": "6.0.0-beta.23",
-    "@storybook/client-api": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
+    "@babel/plugin-transform-arrow-functions": "^7.10.4",
+    "@babel/plugin-transform-block-scoping": "^7.11.1",
+    "@babel/plugin-transform-classes": "^7.10.4",
+    "@babel/plugin-transform-destructuring": "^7.10.4",
+    "@babel/plugin-transform-for-of": "^7.10.4",
+    "@babel/plugin-transform-parameters": "^7.10.5",
+    "@babel/plugin-transform-shorthand-properties": "^7.10.4",
+    "@babel/plugin-transform-spread": "^7.11.0",
+    "@babel/plugin-transform-template-literals": "^7.10.5",
+    "@babel/preset-env": "^7.11.5",
+    "@babel/preset-react": "^7.10.4",
+    "@babel/preset-typescript": "^7.10.4",
+    "@babel/register": "^7.11.5",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/channel-postmessage": "6.1.0-alpha.14",
+    "@storybook/channels": "6.1.0-alpha.14",
+    "@storybook/client-api": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
     "@storybook/csf": "0.0.1",
-    "@storybook/node-logger": "6.0.0-beta.23",
-    "@storybook/router": "6.0.0-beta.23",
+    "@storybook/node-logger": "6.1.0-alpha.14",
+    "@storybook/router": "6.1.0-alpha.14",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "6.0.0-beta.23",
-    "@storybook/ui": "6.0.0-beta.23",
+    "@storybook/theming": "6.1.0-alpha.14",
+    "@storybook/ui": "6.1.0-alpha.14",
     "@types/glob-base": "^0.3.0",
     "@types/micromatch": "^4.0.1",
     "@types/node-fetch": "^2.5.4",
@@ -69,7 +73,6 @@
     "ansi-to-html": "^0.6.11",
     "autoprefixer": "^9.7.2",
     "babel-loader": "^8.0.6",
-    "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-emotion": "^10.0.20",
     "babel-plugin-macros": "^2.8.0",
     "babel-preset-minify": "^0.5.0 || 0.6.0-alpha.5",
@@ -87,7 +90,6 @@
     "express": "^4.17.0",
     "file-loader": "^6.0.0",
     "file-system-cache": "^1.0.5",
-    "find-cache-dir": "^3.0.0",
     "find-up": "^4.1.0",
     "fork-ts-checker-webpack-plugin": "^4.1.4",
     "fs-extra": "^9.0.0",
@@ -110,9 +112,10 @@
     "pretty-hrtime": "^1.0.3",
     "qs": "^6.6.0",
     "raw-loader": "^4.0.1",
+    "react": "^16.8.3",
     "react-dev-utils": "^10.0.0",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3",
-    "resolve": "^1.17.0",
     "resolve-from": "^5.0.0",
     "serve-favicon": "^2.5.0",
     "shelljs": "^0.8.3",
@@ -125,19 +128,22 @@
     "util-deprecate": "^1.0.2",
     "webpack": "^4.43.0",
     "webpack-dev-middleware": "^3.7.0",
+    "webpack-filter-warnings-plugin": "^1.2.1",
     "webpack-hot-middleware": "^2.25.0",
     "webpack-virtual-modules": "^0.2.2"
   },
   "devDependencies": {
     "mock-fs": "^4.12.0"
   },
-  "peerDependencies": {
-    "@babel/core": "*",
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/lib/core/src/client/preview/StoryRenderer.test.ts b/lib/core/src/client/preview/StoryRenderer.test.ts
index 52435210336..6bb7a9c3550 100644
--- a/lib/core/src/client/preview/StoryRenderer.test.ts
+++ b/lib/core/src/client/preview/StoryRenderer.test.ts
@@ -3,7 +3,7 @@ import { StoryStore, defaultDecorateStory } from '@storybook/client-api';
 import createChannel from '@storybook/channel-postmessage';
 import {
   FORCE_RE_RENDER,
-  RENDER_CURRENT_STORY,
+  CURRENT_STORY_WAS_SET,
   STORY_ERRORED,
   STORY_THREW_EXCEPTION,
   STORY_MISSING,
@@ -46,7 +46,7 @@ function prepareRenderer() {
   return { render, channel, storyStore, renderer };
 }
 
-function addAndSelectStory(
+function addStory(
   storyStore: StoryStore,
   kind: StoryKind,
   name: StoryName,
@@ -59,24 +59,33 @@ function addAndSelectStory(
       applyDecorators: defaultDecorateStory,
     }
   );
+  return id;
+}
+
+function addAndSelectStory(
+  storyStore: StoryStore,
+  kind: StoryKind,
+  name: StoryName,
+  parameters: Parameters = {}
+) {
+  const id = addStory(storyStore, kind, name, parameters);
   storyStore.setSelection({ storyId: id, viewMode: 'story' });
 }
 
 describe('core.preview.StoryRenderer', () => {
   it('renders the current story with the correct context', async () => {
     const { render, channel, storyStore, renderer } = prepareRenderer();
-    addAndSelectStory(storyStore, 'a', '1', { p: 'q' });
 
     const onStoryRendered = jest.fn();
     channel.on(STORY_RENDERED, onStoryRendered);
 
-    renderer.renderCurrentStory(false);
+    addAndSelectStory(storyStore, 'a', '1', { p: 'q' });
     expect(render).toHaveBeenCalledWith(
       expect.objectContaining({
         id: 'a--1',
         kind: 'a',
         name: '1',
-        parameters: { argTypes: {}, p: 'q' },
+        parameters: { __isArgsStory: false, argTypes: {}, p: 'q' },
         forceRender: false,
 
         showMain: expect.any(Function),
@@ -112,14 +121,14 @@ describe('core.preview.StoryRenderer', () => {
 
     it('renders an error if the story calls renderError', () => {
       const { render, channel, storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
 
       const onStoryErrored = jest.fn();
       channel.on(STORY_ERRORED, onStoryErrored);
 
       const err = { title: 'title', description: 'description' };
       render.mockImplementation(({ showError }) => showError(err));
-      renderer.renderCurrentStory(false);
+
+      addAndSelectStory(storyStore, 'a', '1');
 
       expect(renderer.showErrorDisplay).toHaveBeenCalledWith({
         message: 'title',
@@ -130,14 +139,14 @@ describe('core.preview.StoryRenderer', () => {
 
     it('renders an exception if the story calls renderException', () => {
       const { render, channel, storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
 
       const onStoryThrewException = jest.fn();
       channel.on(STORY_THREW_EXCEPTION, onStoryThrewException);
 
       const err = { message: 'message', stack: 'stack' };
       render.mockImplementation(({ showException }) => showException(err));
-      renderer.renderCurrentStory(false);
+
+      addAndSelectStory(storyStore, 'a', '1');
 
       expect(renderer.showErrorDisplay).toHaveBeenCalledWith(err);
       expect(onStoryThrewException).toHaveBeenCalledWith(err);
@@ -145,7 +154,6 @@ describe('core.preview.StoryRenderer', () => {
 
     it('renders an exception if the render function throws', () => {
       const { render, channel, storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
 
       const onStoryThrewException = jest.fn();
       channel.on(STORY_THREW_EXCEPTION, onStoryThrewException);
@@ -154,7 +162,8 @@ describe('core.preview.StoryRenderer', () => {
       render.mockImplementation(() => {
         throw err;
       });
-      renderer.renderCurrentStory(false);
+
+      addAndSelectStory(storyStore, 'a', '1');
 
       expect(renderer.showErrorDisplay).toHaveBeenCalledWith(err);
       expect(onStoryThrewException).toHaveBeenCalledWith(err);
@@ -162,13 +171,12 @@ describe('core.preview.StoryRenderer', () => {
 
     it('renders an error if the story is missing', () => {
       const { render, channel, storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
-      storyStore.setSelection({ storyId: 'b--2', viewMode: 'story' });
 
       const onStoryMissing = jest.fn();
       channel.on(STORY_MISSING, onStoryMissing);
 
-      renderer.renderCurrentStory(false);
+      addStory(storyStore, 'a', '1');
+      storyStore.setSelection({ storyId: 'b--2', viewMode: 'story' });
 
       expect(render).not.toHaveBeenCalled();
 
@@ -179,9 +187,7 @@ describe('core.preview.StoryRenderer', () => {
 
   describe('docs mode', () => {
     it('renders docs and emits when rendering a docs story', () => {
-      const { render, channel, storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
-      storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
+      const { render, channel, storyStore } = prepareRenderer();
 
       const onDocsRendered = jest.fn();
       channel.on(DOCS_RENDERED, onDocsRendered);
@@ -189,7 +195,8 @@ describe('core.preview.StoryRenderer', () => {
         ReactDOM.Renderer
       >).mockImplementationOnce((element, node, callback) => callback());
 
-      renderer.renderCurrentStory(false);
+      addStory(storyStore, 'a', '1');
+      storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
 
       // Although the docs React component may ultimately render the story we are mocking out
       // `react-dom` and just check that *something* is being rendered by react at this point
@@ -199,25 +206,18 @@ describe('core.preview.StoryRenderer', () => {
 
     it('hides the root and shows the docs root as well as main when rendering a docs story', () => {
       const { storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
+      addStory(storyStore, 'a', '1');
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
 
-      renderer.renderCurrentStory(false);
-
       expect(renderer.showDocs).toHaveBeenCalled();
       expect(renderer.showMain).toHaveBeenCalled();
     });
 
     it('hides the docs root and shows the root, but does not show main when rendering a normal story', () => {
       const { render, storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
+      addStory(storyStore, 'a', '1');
 
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
-      renderer.renderCurrentStory(false);
-
-      (renderer.showStory as jest.Mock<any>).mockClear();
-      (renderer.showMain as jest.Mock<any>).mockClear();
-      storyStore.setSelection({ storyId: 'a--1', viewMode: 'story' });
 
       render.mockImplementationOnce(({ showMain }) => {
         // showMain has not yet been called
@@ -228,7 +228,10 @@ describe('core.preview.StoryRenderer', () => {
         showMain();
         expect(renderer.showMain).toHaveBeenCalled();
       });
-      renderer.renderCurrentStory(false);
+
+      (renderer.showStory as jest.Mock<any>).mockClear();
+      (renderer.showMain as jest.Mock<any>).mockClear();
+      storyStore.setSelection({ storyId: 'a--1', viewMode: 'story' });
     });
   });
 
@@ -236,7 +239,6 @@ describe('core.preview.StoryRenderer', () => {
     it('does not re-render if nothing changed', () => {
       const { render, channel, storyStore, renderer } = prepareRenderer();
       addAndSelectStory(storyStore, 'a', '1');
-      renderer.renderCurrentStory(false);
 
       const onStoryUnchanged = jest.fn();
       channel.on(STORY_UNCHANGED, onStoryUnchanged);
@@ -256,7 +258,6 @@ describe('core.preview.StoryRenderer', () => {
     it('does re-render the current story if it has not changed if forceRender is true', () => {
       const { render, channel, storyStore, renderer } = prepareRenderer();
       addAndSelectStory(storyStore, 'a', '1');
-      renderer.renderCurrentStory(false);
 
       const onStoryChanged = jest.fn();
       channel.on(STORY_CHANGED, onStoryChanged);
@@ -268,25 +269,22 @@ describe('core.preview.StoryRenderer', () => {
       expect(onStoryChanged).not.toHaveBeenCalled();
     });
     it('does re-render if the selected story changes', () => {
-      const { render, channel, storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
+      const { render, channel, storyStore } = prepareRenderer();
+      addStory(storyStore, 'a', '1');
       addAndSelectStory(storyStore, 'a', '2');
-      renderer.renderCurrentStory(false); // renders a--2
 
       const onStoryChanged = jest.fn();
       channel.on(STORY_CHANGED, onStoryChanged);
 
       render.mockClear();
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'story' });
-      renderer.renderCurrentStory(false);
       expect(render).toHaveBeenCalled();
 
       expect(onStoryChanged).toHaveBeenCalledWith('a--1');
     });
     it('does re-render if the story implementation changes', () => {
-      const { render, channel, storyStore, renderer } = prepareRenderer();
+      const { render, channel, storyStore } = prepareRenderer();
       addAndSelectStory(storyStore, 'a', '1');
-      renderer.renderCurrentStory(false);
 
       const onStoryChanged = jest.fn();
       channel.on(STORY_CHANGED, onStoryChanged);
@@ -294,23 +292,20 @@ describe('core.preview.StoryRenderer', () => {
       render.mockClear();
       storyStore.removeStoryKind('a');
       addAndSelectStory(storyStore, 'a', '1');
-      renderer.renderCurrentStory(false);
       expect(render).toHaveBeenCalled();
 
       expect(onStoryChanged).not.toHaveBeenCalled();
     });
     it('does re-render if the view mode changes', () => {
-      const { render, channel, storyStore, renderer } = prepareRenderer();
+      const { render, channel, storyStore } = prepareRenderer();
       addAndSelectStory(storyStore, 'a', '1');
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
-      renderer.renderCurrentStory(false);
 
       const onStoryChanged = jest.fn();
       channel.on(STORY_CHANGED, onStoryChanged);
 
       render.mockClear();
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'story' });
-      renderer.renderCurrentStory(false);
       expect(render).toHaveBeenCalled();
 
       expect(onStoryChanged).toHaveBeenCalledWith('a--1');
@@ -319,79 +314,69 @@ describe('core.preview.StoryRenderer', () => {
 
   describe('hooks', () => {
     it('cleans up kind hooks when changing kind in docs mode', () => {
-      const { storyStore, renderer } = prepareRenderer();
+      const { storyStore } = prepareRenderer();
       addAndSelectStory(storyStore, 'a', '1');
       addAndSelectStory(storyStore, 'b', '1');
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
-      renderer.renderCurrentStory(false);
 
       storyStore.cleanHooksForKind = jest.fn();
 
       storyStore.setSelection({ storyId: 'b--1', viewMode: 'docs' });
-      renderer.renderCurrentStory(false);
 
       expect(storyStore.cleanHooksForKind).toHaveBeenCalledWith('a');
     });
     it('does not clean up hooks when changing story but not kind in docs mode', () => {
-      const { storyStore, renderer } = prepareRenderer();
+      const { storyStore } = prepareRenderer();
       addAndSelectStory(storyStore, 'a', '1');
       addAndSelectStory(storyStore, 'a', '2');
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
-      renderer.renderCurrentStory(false);
 
       storyStore.cleanHooksForKind = jest.fn();
 
       storyStore.setSelection({ storyId: 'a--2', viewMode: 'docs' });
-      renderer.renderCurrentStory(false);
 
       expect(storyStore.cleanHooksForKind).not.toHaveBeenCalled();
     });
     it('cleans up kind hooks when changing view mode from docs', () => {
-      const { storyStore, renderer } = prepareRenderer();
+      const { storyStore } = prepareRenderer();
       addAndSelectStory(storyStore, 'a', '1');
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
-      renderer.renderCurrentStory(false);
 
       storyStore.cleanHooksForKind = jest.fn();
 
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'story' });
-      renderer.renderCurrentStory(false);
 
       expect(storyStore.cleanHooksForKind).toHaveBeenCalledWith('a');
     });
     it('cleans up story hooks when changing story in story mode', () => {
-      const { storyStore, renderer } = prepareRenderer();
-      addAndSelectStory(storyStore, 'a', '1');
+      const { storyStore } = prepareRenderer();
+      addStory(storyStore, 'a', '1');
       addAndSelectStory(storyStore, 'a', '2');
-      renderer.renderCurrentStory(false);
 
       storyStore.cleanHooks = jest.fn();
 
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'story' });
-      renderer.renderCurrentStory(false);
 
       expect(storyStore.cleanHooks).toHaveBeenCalledWith('a--2');
     });
     it('cleans up story hooks when changing view mode from story', () => {
-      const { storyStore, renderer } = prepareRenderer();
+      const { storyStore } = prepareRenderer();
       addAndSelectStory(storyStore, 'a', '1');
-      renderer.renderCurrentStory(false);
 
       storyStore.cleanHooks = jest.fn();
 
       storyStore.setSelection({ storyId: 'a--1', viewMode: 'docs' });
-      renderer.renderCurrentStory(false);
 
       expect(storyStore.cleanHooks).toHaveBeenCalledWith('a--1');
     });
   });
 
   describe('event handling', () => {
-    it('renders on RENDER_CURRENT_STORY', () => {
+    it('renders on CURRENT_STORY_WAS_SET', () => {
       const { channel, renderer } = prepareRenderer();
       renderer.renderCurrentStory = jest.fn();
 
-      channel.emit(RENDER_CURRENT_STORY);
+      channel.emit(CURRENT_STORY_WAS_SET);
       expect(renderer.renderCurrentStory).toHaveBeenCalledWith(false);
     });
 
diff --git a/lib/core/src/client/preview/StoryRenderer.tsx b/lib/core/src/client/preview/StoryRenderer.tsx
index 5cf6aa7bea2..7f1ae7d38d4 100644
--- a/lib/core/src/client/preview/StoryRenderer.tsx
+++ b/lib/core/src/client/preview/StoryRenderer.tsx
@@ -38,7 +38,6 @@ const layouts = {
     justifyContent: 'initial',
     alignItems: 'initial',
     minHeight: 'initial',
-    boxSizing: 'initial',
   },
   padded: {
     margin: 0,
@@ -47,7 +46,6 @@ const layouts = {
     justifyContent: 'initial',
     alignItems: 'initial',
     minHeight: 'initial',
-    boxSizing: 'initial',
   },
 } as const;
 
@@ -97,9 +95,9 @@ export class StoryRenderer {
   setupListeners() {
     // Channel can be null in StoryShots
     if (this.channel) {
-      this.channel.on(Events.RENDER_CURRENT_STORY, () => this.renderCurrentStory(false));
+      this.channel.on(Events.CURRENT_STORY_WAS_SET, () => this.renderCurrentStory(false));
       this.channel.on(Events.STORY_ARGS_UPDATED, () => this.forceReRender());
-      this.channel.on(Events.GLOBAL_ARGS_UPDATED, () => this.forceReRender());
+      this.channel.on(Events.GLOBALS_UPDATED, () => this.forceReRender());
       this.channel.on(Events.FORCE_RE_RENDER, () => this.forceReRender());
     }
   }
@@ -117,7 +115,7 @@ export class StoryRenderer {
       return;
     }
 
-    const { storyId, viewMode: urlViewMode } = storyStore.getSelection();
+    const { storyId, viewMode: urlViewMode } = storyStore.getSelection() || {};
 
     const data = storyStore.fromId(storyId);
     const { kind, id, parameters = {}, getDecorated } = data || {};
@@ -130,7 +128,7 @@ export class StoryRenderer {
       getDecorated,
     };
 
-    this.applyLayout(layout);
+    this.applyLayout(metadata.viewMode === 'docs' ? 'fullscreen' : layout);
 
     const context: RenderContext = {
       id: storyId, // <- in case data is null, at least we'll know what we tried to render
diff --git a/lib/core/src/client/preview/loadCsf.test.ts b/lib/core/src/client/preview/loadCsf.test.ts
index 75a44992eac..a5bddf5caa5 100644
--- a/lib/core/src/client/preview/loadCsf.test.ts
+++ b/lib/core/src/client/preview/loadCsf.test.ts
@@ -16,6 +16,7 @@ beforeEach(() => {
     hot: {
       data: {},
       dispose: (cb: (data: any) => void) => cbs.push(cb),
+      accept: jest.fn(),
     },
   } as unknown) as NodeModule;
 });
@@ -76,18 +77,19 @@ describe('core.preview.loadCsf', () => {
         2: Object.assign(() => 0, { storyName: 'two' }),
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     expect(mockedStoriesOf).toHaveBeenCalledWith('a', true);
     const aApi = mockedStoriesOf.mock.results[0].value;
-    expect(aApi.add).toHaveBeenCalledWith('1', input.a[1], { __id: 'a--1' });
-    expect(aApi.add).toHaveBeenCalledWith('2', input.a[2], { __id: 'a--2' });
+    const extras: any = { decorators: [], args: {}, argTypes: {} };
+    expect(aApi.add).toHaveBeenCalledWith('1', input.a[1], { __id: 'a--1', ...extras });
+    expect(aApi.add).toHaveBeenCalledWith('2', input.a[2], { __id: 'a--2', ...extras });
 
     expect(mockedStoriesOf).toHaveBeenCalledWith('b', true);
     const bApi = mockedStoriesOf.mock.results[1].value;
-    expect(bApi.add).toHaveBeenCalledWith('1', input.b[1], { __id: 'b--1' });
-    expect(bApi.add).toHaveBeenCalledWith('two', input.b[2], { __id: 'b--2' });
+    expect(bApi.add).toHaveBeenCalledWith('1', input.b[1], { __id: 'b--1', ...extras });
+    expect(bApi.add).toHaveBeenCalledWith('two', input.b[2], { __id: 'b--2', ...extras });
   });
 
   it('adds stories in the right order if __namedExportsOrder is supplied', () => {
@@ -106,7 +108,7 @@ describe('core.preview.loadCsf', () => {
         __namedExportsOrder: ['w', 'x', 'z', 'y'],
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     const aApi = mockedStoriesOf.mock.results[0].value;
@@ -129,7 +131,7 @@ describe('core.preview.loadCsf', () => {
         w: () => 0,
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     const aApi = mockedStoriesOf.mock.results[0].value;
@@ -151,7 +153,7 @@ describe('core.preview.loadCsf', () => {
         w: () => 0,
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     const aApi = mockedStoriesOf.mock.results[0].value;
@@ -170,11 +172,16 @@ describe('core.preview.loadCsf', () => {
         x: () => 0,
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     const aApi = mockedStoriesOf.mock.results[0].value;
-    expect(aApi.add).toHaveBeenCalledWith('X', input.a.x, { __id: 'random--x' });
+    expect(aApi.add).toHaveBeenCalledWith('X', input.a.x, {
+      __id: 'random--x',
+      decorators: [],
+      args: {},
+      argTypes: {},
+    });
   });
 
   it('sets various parameters on components', () => {
@@ -189,7 +196,7 @@ describe('core.preview.loadCsf', () => {
         },
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     const aApi = mockedStoriesOf.mock.results[0].value;
@@ -217,7 +224,7 @@ describe('core.preview.loadCsf', () => {
         x: () => 0,
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     const aApi = mockedStoriesOf.mock.results[0].value;
@@ -247,7 +254,7 @@ describe('core.preview.loadCsf', () => {
         }),
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     const aApi = mockedStoriesOf.mock.results[0].value;
@@ -278,7 +285,7 @@ describe('core.preview.loadCsf', () => {
         }),
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
 
     const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
     const aApi = mockedStoriesOf.mock.results[0].value;
@@ -292,6 +299,45 @@ describe('core.preview.loadCsf', () => {
     expect(logger.debug).not.toHaveBeenCalled();
   });
 
+  it('allows mixing story parameters and decorators, and args/argTypes and deprecated story params', () => {
+    const { configure, clientApi } = makeMocks();
+
+    const decoratorOld = jest.fn();
+    const decoratorNew = jest.fn();
+    const input = {
+      a: {
+        default: {
+          title: 'a',
+        },
+        x: Object.assign(() => 0, {
+          parameters: { x: 'y' },
+          decorators: [decoratorNew],
+          args: { b: 1 },
+          argTypes: { b: 'string' },
+          story: {
+            parameters: { x: 'z', y: 'z' },
+            decorators: [decoratorOld],
+            args: { b: 2, c: 2 },
+            argTypes: { b: 'number', c: 'number' },
+          },
+        }),
+      },
+    };
+    configure('react', makeRequireContext(input), mod);
+
+    const mockedStoriesOf = clientApi.storiesOf as jest.Mock;
+    const aApi = mockedStoriesOf.mock.results[0].value;
+    expect(aApi.add).toHaveBeenCalledWith('X', input.a.x, {
+      x: 'y',
+      y: 'z',
+      decorators: [decoratorNew, decoratorOld],
+      __id: 'a--x',
+      args: { b: 1, c: 2 },
+      argTypes: { b: 'string', c: 'number' },
+    });
+    expect(logger.debug).toHaveBeenCalled();
+  });
+
   it('handles HMR correctly when adding stories', () => {
     const { configure, clientApi, storyStore } = makeMocks();
 
@@ -303,7 +349,7 @@ describe('core.preview.loadCsf', () => {
         x: () => 0,
       },
     };
-    configure(makeRequireContext(firstInput), mod, 'react');
+    configure('react', makeRequireContext(firstInput), mod);
 
     // HMR dispose callbacks
     doHMRDispose();
@@ -319,7 +365,7 @@ describe('core.preview.loadCsf', () => {
         x: () => 0,
       },
     };
-    configure(makeRequireContext(secondInput), mod, 'react');
+    configure('react', makeRequireContext(secondInput), mod);
 
     expect(storyStore.removeStoryKind).not.toHaveBeenCalled();
     expect(mockedStoriesOf).toHaveBeenCalledWith('b', true);
@@ -342,7 +388,7 @@ describe('core.preview.loadCsf', () => {
         x: () => 0,
       },
     };
-    configure(makeRequireContext(firstInput), mod, 'react');
+    configure('react', makeRequireContext(firstInput), mod);
 
     // HMR dispose callbacks
     doHMRDispose();
@@ -352,7 +398,7 @@ describe('core.preview.loadCsf', () => {
     const secondInput = {
       a: firstInput.a,
     };
-    configure(makeRequireContext(secondInput), mod, 'react');
+    configure('react', makeRequireContext(secondInput), mod);
 
     expect(storyStore.removeStoryKind).toHaveBeenCalledWith('b');
     expect(mockedStoriesOf).not.toHaveBeenCalled();
@@ -376,7 +422,7 @@ describe('core.preview.loadCsf', () => {
         x: () => 0,
       },
     };
-    configure(makeRequireContext(firstInput), mod, 'react');
+    configure('react', makeRequireContext(firstInput), mod);
 
     // HMR dispose callbacks
     doHMRDispose();
@@ -393,7 +439,7 @@ describe('core.preview.loadCsf', () => {
         y: () => 0,
       },
     };
-    configure(makeRequireContext(secondInput), mod, 'react');
+    configure('react', makeRequireContext(secondInput), mod);
 
     expect(storyStore.removeStoryKind).toHaveBeenCalledTimes(1);
     expect(storyStore.removeStoryKind).toHaveBeenCalledWith('a');
@@ -411,7 +457,7 @@ describe('core.preview.loadCsf', () => {
         // no named exports, will not present a story
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
     expect(logger.warn).toHaveBeenCalled();
   });
 
@@ -426,7 +472,7 @@ describe('core.preview.loadCsf', () => {
         x: () => 0,
       },
     };
-    configure(makeRequireContext(input), mod, 'react');
+    configure('react', makeRequireContext(input), mod);
     expect(logger.warn).not.toHaveBeenCalled();
   });
 });
diff --git a/lib/core/src/client/preview/loadCsf.ts b/lib/core/src/client/preview/loadCsf.ts
index ee982cdb907..07b929f3800 100644
--- a/lib/core/src/client/preview/loadCsf.ts
+++ b/lib/core/src/client/preview/loadCsf.ts
@@ -12,16 +12,30 @@ const deprecatedStoryAnnotationWarning = deprecate(
     CSF .story annotations deprecated; annotate story functions directly:
     - StoryFn.story.name => StoryFn.storyName
     - StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)
-    See https://github.com/storybookjs/storybook/issues/10906 for details and codemod.
+    See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.
 `
 );
 
+const duplicateKindWarning = deprecate(
+  (kindName: string) => {
+    logger.warn(`Duplicate title: '${kindName}'`);
+  },
+  dedent`
+    Duplicate title used in multiple files; use unique titles or a primary file for a component with re-exported stories.
+
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-support-for-duplicate-kinds
+  `
+);
+
 let previousExports = new Map<any, string>();
 const loadStories = (
   loadable: Loadable,
   framework: string,
   { clientApi, storyStore }: { clientApi: ClientApi; storyStore: StoryStore }
 ) => () => {
+  // Make sure we don't try to define a kind more than once within the same load
+  const loadedKinds = new Set();
+
   let reqs = null;
   // todo discuss / improve type check
   if (Array.isArray(loadable)) {
@@ -106,6 +120,12 @@ const loadStories = (
       args: kindArgs,
       argTypes: kindArgTypes,
     } = meta;
+
+    if (loadedKinds.has(kindName)) {
+      duplicateKindWarning(kindName);
+    }
+    loadedKinds.add(kindName);
+
     // We pass true here to avoid the warning about HMR. It's cool clientApi, we got this
     // todo discuss: TS now wants a NodeModule; should we fix this differently?
     const kind = clientApi.storiesOf(kindName, true as any);
@@ -141,29 +161,25 @@ const loadStories = (
       if (isExportStory(key, meta)) {
         const storyFn = exports[key];
         const { story } = storyFn;
+        const { storyName = story?.name } = storyFn;
+
+        // storyFn.x and storyFn.story.x get merged with
+        // storyFn.x taking precedence in the merge
+        const parameters = { ...story?.parameters, ...storyFn.parameters };
+        const decorators = [...(storyFn.decorators || []), ...(story?.decorators || [])];
+        const args = { ...story?.args, ...storyFn.args };
+        const argTypes = { ...story?.argTypes, ...storyFn.argTypes };
+
         if (story) {
           logger.debug('deprecated story', story);
           deprecatedStoryAnnotationWarning();
         }
 
-        // storyFn.x takes precedence over storyFn.story.x, but
-        // mixtures are supported
-        const {
-          storyName = story?.name,
-          parameters = story?.parameters,
-          decorators = story?.decorators,
-          args = story?.args,
-          argTypes = story?.argTypes,
-        } = storyFn;
-
-        const decoratorParams = decorators ? { decorators } : null;
         const exportName = storyNameFromExport(key);
-        const idParams = { __id: toId(componentId || kindName, exportName) };
-
         const storyParams = {
           ...parameters,
-          ...decoratorParams,
-          ...idParams,
+          __id: toId(componentId || kindName, exportName),
+          decorators,
           args,
           argTypes,
         };
@@ -174,6 +190,12 @@ const loadStories = (
   previousExports = currentExports;
 };
 
+const configureDeprecationWarning = deprecate(
+  () => {},
+  `\`configure()\` is deprecated and will be removed in Storybook 7.0. 
+Please use the \`stories\` field of \`main.js\` to load stories.
+Read more at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-configure`
+);
 let loaded = false;
 export const loadCsf = ({
   clientApi,
@@ -189,24 +211,30 @@ export const loadCsf = ({
    * file and process its named exports as stories. If not, assume it's an old-style
    * storiesof file and require it.
    *
+   * @param {*} framework - name of framework in use, e.g. "react"
    * @param {*} loadable a require.context `req`, an array of `req`s, or a loader function that returns void or an array of exports
    * @param {*} m - ES module object for hot-module-reloading (HMR)
-   * @param {*} framework - name of framework in use, e.g. "react"
+   * @param {boolean} showDeprecationWarning - show the deprecation warning (default true)
    */
-  (loadable: Loadable, m: NodeModule, framework: string) => {
+  (framework: string, loadable: Loadable, m: NodeModule, showDeprecationWarning = true) => {
+    if (showDeprecationWarning) {
+      configureDeprecationWarning();
+    }
+
     if (typeof m === 'string') {
       throw new Error(
         `Invalid module '${m}'. Did you forget to pass \`module\` as the second argument to \`configure\`"?`
       );
     }
+
     if (m && m.hot && m.hot.dispose) {
       ({ previousExports = new Map() } = m.hot.data || {});
-
       m.hot.dispose((data) => {
         loaded = false;
         // eslint-disable-next-line no-param-reassign
         data.previousExports = previousExports;
       });
+      m.hot.accept();
     }
     if (loaded) {
       logger.warn('Unexpected loaded state. Did you call `load` twice?');
diff --git a/lib/core/src/client/preview/start.test.ts b/lib/core/src/client/preview/start.test.ts
index 697984cd29d..3f7e9e42430 100644
--- a/lib/core/src/client/preview/start.test.ts
+++ b/lib/core/src/client/preview/start.test.ts
@@ -1,15 +1,16 @@
 import { document, window } from 'global';
-import Events from '@storybook/core-events';
 
 import start from './start';
 
 jest.mock('@storybook/client-logger');
 jest.mock('global', () => ({
   history: { replaceState: jest.fn() },
+  location: { search: '' },
   navigator: { userAgent: 'browser', platform: '' },
   window: {
     __STORYBOOK_CLIENT_API__: undefined,
     addEventListener: jest.fn(),
+    postMessage: jest.fn(),
     location: { search: '' },
     history: { replaceState: jest.fn() },
     matchMedia: jest.fn().mockReturnValue({ matches: false }),
@@ -51,9 +52,7 @@ it('reuses the current client api when the lib is reloaded', () => {
 
   const valueOfClientApi = window.__STORYBOOK_CLIENT_API__;
 
-  const { clientApi: newClientApi, channel } = start(render);
-
-  channel.emit(Events.SET_STORIES, {});
+  const { clientApi: newClientApi } = start(render);
 
   expect(clientApi).toEqual(newClientApi);
   expect(clientApi).toEqual(valueOfClientApi);
@@ -63,31 +62,29 @@ it('calls render when you add a story', () => {
   jest.useFakeTimers();
   const render = jest.fn();
 
-  const { clientApi, configApi, channel } = start(render);
+  const { clientApi, configApi } = start(render);
 
   configApi.configure(() => {
     clientApi.storiesOf('kind', {} as NodeModule).add('story', () => {});
   }, {} as NodeModule);
 
-  channel.emit(Events.SET_STORIES, {});
-
   expect(render).toHaveBeenCalledWith(expect.objectContaining({ kind: 'kind', name: 'story' }));
 });
 
 it('emits an exception and shows error when your story throws', () => {
   jest.useFakeTimers();
-  const render = jest.fn();
+  const render = jest.fn().mockImplementation(() => {
+    throw new Error('Some exception');
+  });
 
-  const { clientApi, configApi, channel } = start(render);
+  const { clientApi, configApi } = start(render);
 
   configApi.configure(() => {
     clientApi.storiesOf('kind', {} as NodeModule).add('story1', () => {});
   }, {} as NodeModule);
 
-  channel.emit(Events.SET_STORIES, {});
-
-  expect(render).not.toHaveBeenCalled();
-  expect(document.body.classList.add).toHaveBeenCalledWith('sb-show-nopreview');
+  expect(render).toHaveBeenCalled();
+  expect(document.body.classList.add).toHaveBeenCalledWith('sb-show-errordisplay');
 });
 
 it('emits an error and shows error when your framework calls showError', () => {
@@ -100,14 +97,12 @@ it('emits an error and shows error when your framework calls showError', () => {
     showError(error);
   });
 
-  const { clientApi, configApi, channel } = start(render);
+  const { clientApi, configApi } = start(render);
 
   configApi.configure(() => {
     clientApi.storiesOf('kind', {} as NodeModule).add('story', () => {});
   }, {} as NodeModule);
 
-  channel.emit(Events.SET_STORIES, {});
-
   expect(render).toHaveBeenCalled();
   expect(document.body.classList.add).toHaveBeenCalledWith('sb-show-errordisplay');
 });
diff --git a/lib/core/src/client/preview/start.ts b/lib/core/src/client/preview/start.ts
index 266dc3eebab..1de9f8e6f90 100644
--- a/lib/core/src/client/preview/start.ts
+++ b/lib/core/src/client/preview/start.ts
@@ -5,7 +5,7 @@ import createChannel from '@storybook/channel-postmessage';
 import { ClientApi, ConfigApi, StoryStore } from '@storybook/client-api';
 import Events from '@storybook/core-events';
 
-import { initializePath, setPath } from './url';
+import { getSelectionSpecifierFromPath, setPath } from './url';
 import { RenderStoryFunction } from './types';
 import { loadCsf } from './loadCsf';
 import { StoryRenderer } from './StoryRenderer';
@@ -65,19 +65,12 @@ export default function start(
 
   // Only try and do URL/event based stuff in a browser context (i.e. not in storyshots)
   if (isBrowser) {
-    const afterStoriesSet = () => {
-      // Initialize the story store with the selection in the URL
-      const { storyId, viewMode } = initializePath(storyStore);
+    const selectionSpecifier = getSelectionSpecifierFromPath();
+    if (selectionSpecifier) {
+      storyStore.setSelectionSpecifier(selectionSpecifier);
+    }
 
-      if (storyId !== '*') {
-        storyStore.setSelection({ storyId, viewMode });
-
-        // Keep the URL updated based on the current story
-        channel.on(Events.CURRENT_STORY_WAS_SET, setPath);
-      }
-    };
-
-    channel.once(Events.SET_STORIES, afterStoriesSet);
+    channel.on(Events.CURRENT_STORY_WAS_SET, setPath);
 
     // Handle keyboard shortcuts
     window.onkeydown = (event: KeyboardEvent) => {
diff --git a/lib/core/src/client/preview/url.test.ts b/lib/core/src/client/preview/url.test.ts
index eba4a6b848a..f9f2aa09f3e 100644
--- a/lib/core/src/client/preview/url.test.ts
+++ b/lib/core/src/client/preview/url.test.ts
@@ -1,14 +1,6 @@
 import { history, document } from 'global';
 
-import { StoryStore } from '@storybook/client-api';
-
-import {
-  pathToId,
-  setPath,
-  getIdFromLegacyQuery,
-  parseQueryParameters,
-  initializePath,
-} from './url';
+import { pathToId, setPath, parseQueryParameters, getSelectionSpecifierFromPath } from './url';
 
 jest.mock('global', () => ({
   history: { replaceState: jest.fn() },
@@ -52,39 +44,6 @@ describe('url', () => {
     });
   });
 
-  describe('getIdFromLegacyQuery', () => {
-    const getRawStory = () => {};
-    const store: unknown = { getRawStory };
-    it('should parse story paths', () => {
-      expect(getIdFromLegacyQuery({ path: '/story/story--id' }, store as StoryStore)).toBe(
-        'story--id'
-      );
-    });
-    it('should use legacy parameters to look up custom story ids', () => {
-      const customStore: unknown = {
-        getRawStory: () => ({ id: 'custom--id' }),
-      };
-      expect(
-        getIdFromLegacyQuery(
-          { selectedKind: 'kind', selectedStory: 'story' },
-          customStore as StoryStore
-        )
-      ).toBe('custom--id');
-    });
-    it('should use fall-back behavior for legacy queries for unknown stories', () => {
-      expect(
-        getIdFromLegacyQuery(
-          { path: null, selectedKind: 'kind', selectedStory: 'story' },
-          store as StoryStore
-        )
-      ).toBe('kind--story');
-    });
-
-    it('should not parse non-queries', () => {
-      expect(getIdFromLegacyQuery({}, store as StoryStore)).toBeUndefined();
-    });
-  });
-
   describe('parseQueryParameters', () => {
     it('should parse id', () => {
       expect(parseQueryParameters('?foo=bar&id=story--id')).toBe('story--id');
@@ -94,28 +53,31 @@ describe('url', () => {
     });
   });
 
-  describe('initializePath', () => {
-    const getRawStory = () => {};
-    const store: unknown = { getRawStory };
+  describe('getSelectionSpecifierFromPath', () => {
+    it('should handle no search', () => {
+      document.location.search = '';
+      expect(getSelectionSpecifierFromPath()).toEqual(null);
+    });
     it('should handle id queries', () => {
       document.location.search = '?id=story--id';
-      expect(initializePath(store as StoryStore)).toEqual({
-        storyId: 'story--id',
+      expect(getSelectionSpecifierFromPath()).toEqual({
+        storySpecifier: 'story--id',
+        viewMode: 'story',
+      });
+    });
+    it('should handle id queries with *', () => {
+      document.location.search = '?id=*';
+      expect(getSelectionSpecifierFromPath()).toEqual({
+        storySpecifier: '*',
         viewMode: 'story',
       });
-      expect(history.replaceState).not.toHaveBeenCalled();
     });
     it('should redirect legacy queries', () => {
       document.location.search = '?selectedKind=kind&selectedStory=story';
-      expect(initializePath(store as StoryStore)).toEqual({
-        storyId: 'kind--story',
+      expect(getSelectionSpecifierFromPath()).toEqual({
+        storySpecifier: { kind: 'kind', name: 'story' },
         viewMode: 'story',
       });
-      expect(history.replaceState).toHaveBeenCalledWith(
-        {},
-        '',
-        'pathname?id=kind--story&viewMode=story'
-      );
     });
   });
 });
diff --git a/lib/core/src/client/preview/url.ts b/lib/core/src/client/preview/url.ts
index 3f0d5587526..73e89b618fd 100644
--- a/lib/core/src/client/preview/url.ts
+++ b/lib/core/src/client/preview/url.ts
@@ -1,7 +1,7 @@
 import { history, document } from 'global';
 import qs from 'qs';
-import { toId } from '@storybook/csf';
-import { StoryStore } from '@storybook/client-api';
+import deprecate from 'util-deprecate';
+import { StoreSelectionSpecifier, StoreSelection } from '@storybook/client-api';
 import { StoryId, ViewMode } from '@storybook/addons';
 
 export function pathToId(path: string) {
@@ -13,7 +13,12 @@ export function pathToId(path: string) {
 }
 
 // todo add proper types
-export const setPath = ({ storyId, viewMode }: { storyId: StoryId; viewMode: ViewMode }) => {
+export const setPath = (selection?: StoreSelection) => {
+  if (!selection) {
+    return;
+  }
+
+  const { storyId, viewMode }: { storyId: StoryId; viewMode: ViewMode } = selection;
   const { path, selectedKind, selectedStory, ...rest } = qs.parse(document.location.search, {
     ignoreQueryPrefix: true,
   });
@@ -25,29 +30,6 @@ export const setPath = ({ storyId, viewMode }: { storyId: StoryId; viewMode: Vie
   history.replaceState({}, '', newPath);
 };
 
-// todo add proper types
-export const getIdFromLegacyQuery = (query: qs.ParsedQs, storyStore: StoryStore) => {
-  const path = getFirstString(query.path);
-  const selectedKind = getFirstString(query.selectedKind);
-  const selectedStory = getFirstString(query.selectedStory);
-
-  if (path) {
-    return pathToId(path);
-  }
-  if (selectedKind && selectedStory) {
-    // Look up the story ID inside the story store, since as of 5.3, the
-    // Story ID is not necessarily a direct function of its kind/name.
-    const story = storyStore.getRawStory(selectedKind, selectedStory);
-    if (story) {
-      return story.id;
-    }
-    // this will preserve existing behavior of showing a "not found" screen,
-    // but the inputs will be preserved in the query param to help debugging
-    return toId(selectedKind, selectedStory);
-  }
-  return undefined;
-};
-
 export const parseQueryParameters = (search: string) => {
   const { id } = qs.parse(search, { ignoreQueryPrefix: true });
   return id;
@@ -71,20 +53,34 @@ const getFirstString = (v: ValueOf<qs.ParsedQs>): string | void => {
   return undefined;
 };
 
-export const initializePath = (storyStore: StoryStore) => {
+const deprecatedLegacyQuery = deprecate(
+  () => 0,
+  `URL formats with \`selectedKind\` and \`selectedName\` query parameters are deprecated. 
+Use \`id=$storyId\` instead. 
+See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-url-structure`
+);
+export const getSelectionSpecifierFromPath: () => StoreSelectionSpecifier = () => {
   const query = qs.parse(document.location.search, { ignoreQueryPrefix: true });
-  let storyId = getFirstString(query.id);
-  let viewMode = getFirstString(query.viewMode) as ViewMode;
 
+  let viewMode = getFirstString(query.viewMode) as ViewMode;
   if (typeof viewMode !== 'string' || !viewMode.match(/docs|story/)) {
     viewMode = 'story';
   }
 
-  if (!storyId) {
-    storyId = getIdFromLegacyQuery(query, storyStore);
-    if (storyId) {
-      setPath({ storyId, viewMode });
-    }
+  const path = getFirstString(query.path);
+  const storyId = path ? pathToId(path) : getFirstString(query.id);
+
+  if (storyId) {
+    return { storySpecifier: storyId, viewMode };
   }
-  return { storyId, viewMode };
+
+  // Legacy URL format
+  const kind = getFirstString(query.selectedKind);
+  const name = getFirstString(query.selectedStory);
+
+  if (kind && name) {
+    deprecatedLegacyQuery();
+    return { storySpecifier: { kind, name }, viewMode };
+  }
+  return null;
 };
diff --git a/lib/core/src/server/build-dev.js b/lib/core/src/server/build-dev.js
index 348f42c9bd2..cd519a42d4c 100644
--- a/lib/core/src/server/build-dev.js
+++ b/lib/core/src/server/build-dev.js
@@ -30,7 +30,7 @@ const cache = Cache({
 
 const writeStats = async (name, stats) => {
   await fs.writeFile(
-    resolvePathInStorybookCache(`${name}-stats.json`),
+    resolvePathInStorybookCache(`public/${name}-stats.json`),
     JSON.stringify(stats.toJson(), null, 2),
     'utf8'
   );
@@ -74,17 +74,20 @@ async function applyStatic(app, options) {
   if (staticDir && staticDir.length) {
     await Promise.all(
       staticDir.map(async (dir) => {
-        const staticPath = path.resolve(dir);
+        const [currentStaticDir, staticEndpoint] = dir.split(':').concat('/');
+        const localStaticPath = path.resolve(currentStaticDir);
 
-        if (await !fs.exists(staticPath)) {
-          logger.error(`Error: no such directory to load static files: ${staticPath}`);
+        if (await !fs.exists(localStaticPath)) {
+          logger.error(`Error: no such directory to load static files: ${localStaticPath}`);
           process.exit(-1);
         }
 
-        logger.info(`=> Loading static files from: ${staticPath} .`);
-        app.use(express.static(staticPath, { index: false }));
+        logger.info(
+          `=> Loading static files from: ${localStaticPath} and serving at ${staticEndpoint} .`
+        );
+        app.use(staticEndpoint, express.static(localStaticPath, { index: false }));
 
-        const faviconPath = path.resolve(staticPath, 'favicon.ico');
+        const faviconPath = path.resolve(localStaticPath, 'favicon.ico');
 
         if (await fs.exists(faviconPath)) {
           hasCustomFavicon = true;
@@ -124,6 +127,66 @@ const updateCheck = async (version) => {
   return result;
 };
 
+// We only expect to have release notes available for major and minor releases.
+// For this reason, we convert the actual version of the build here so that
+// every place that relies on this data can reference the version of the
+// release notes that we expect to use.
+const getReleaseNotesVersion = (version) => {
+  const { major, minor } = semver.parse(version);
+  const { version: releaseNotesVersion } = semver.coerce(`${major}.${minor}`);
+  return releaseNotesVersion;
+};
+
+const getReleaseNotesFailedState = (version) => {
+  return {
+    success: false,
+    currentVersion: getReleaseNotesVersion(version),
+    showOnFirstLaunch: false,
+  };
+};
+
+export const RELEASE_NOTES_CACHE_KEY = 'releaseNotesData';
+
+export const getReleaseNotesData = async (currentVersionToParse, fileSystemCache) => {
+  let result;
+  try {
+    const fromCache = await fileSystemCache.get('releaseNotesData', []);
+    const releaseNotesVersion = getReleaseNotesVersion(currentVersionToParse);
+    const versionHasNotBeenSeen = !fromCache.includes(releaseNotesVersion);
+
+    if (versionHasNotBeenSeen) {
+      await fileSystemCache.set('releaseNotesData', [...fromCache, releaseNotesVersion]);
+    }
+
+    const sortedHistory = semver.sort(fromCache);
+    const highestVersionSeenInThePast = sortedHistory.slice(-1)[0];
+
+    let isUpgrading = false;
+    let isMajorOrMinorDiff = false;
+
+    if (highestVersionSeenInThePast) {
+      isUpgrading = semver.gt(releaseNotesVersion, highestVersionSeenInThePast);
+      const versionDiff = semver.diff(releaseNotesVersion, highestVersionSeenInThePast);
+      isMajorOrMinorDiff = versionDiff === 'major' || versionDiff === 'minor';
+    }
+
+    result = {
+      success: true,
+      showOnFirstLaunch:
+        versionHasNotBeenSeen &&
+        // Only show the release notes if this is not the first time Storybook
+        // has been built.
+        !!highestVersionSeenInThePast &&
+        isUpgrading &&
+        isMajorOrMinorDiff,
+      currentVersion: releaseNotesVersion,
+    };
+  } catch (e) {
+    result = getReleaseNotesFailedState(currentVersionToParse);
+  }
+  return result;
+};
+
 function listenToServer(server, listenAddr) {
   let serverResolve = () => {};
   let serverReject = () => {};
@@ -148,6 +211,8 @@ function createUpdateMessage(updateInfo, version) {
   let updateMessage;
 
   try {
+    const suffix = semver.prerelease(updateInfo.data.latest.version) ? '--prerelease' : '';
+    const upgradeCommand = `npx sb@latest upgrade ${suffix}`.trim();
     updateMessage =
       updateInfo.success && semver.lt(version, updateInfo.data.latest.version)
         ? dedent`
@@ -155,7 +220,9 @@ function createUpdateMessage(updateInfo, version) {
             `A new version (${chalk.bold(updateInfo.data.latest.version)}) is available!`
           )}
 
-          ${chalk.gray('Read full changelog here:')} ${chalk.gray.underline('https://git.io/fhFYe')}
+          ${chalk.gray('Upgrade now:')} ${colors.green(upgradeCommand)}
+
+          ${chalk.gray('Read full changelog:')} ${chalk.gray.underline('https://git.io/fhFYe')}
         `
         : '';
   } catch (e) {
@@ -230,7 +297,9 @@ async function outputStats(previewStats, managerStats) {
     await writeStats('preview', previewStats);
   }
   await writeStats('manager', managerStats);
-  logger.info(`stats written to => ${chalk.cyan(resolvePathInStorybookCache('[name].json'))}`);
+  logger.info(
+    `stats written to => ${chalk.cyan(resolvePathInStorybookCache('public/[name].json'))}`
+  );
 }
 
 function openInBrowser(address) {
@@ -247,18 +316,23 @@ function openInBrowser(address) {
 
 export async function buildDevStandalone(options) {
   try {
-    const { host, extendServer, packageJson, versionUpdates } = options;
+    const { host, extendServer, packageJson, versionUpdates, releaseNotes } = options;
     const { version } = packageJson;
 
-    const [port, check] = await Promise.all([
+    const [port, versionCheck, releaseNotesData] = await Promise.all([
       getFreePort(options.port),
       versionUpdates
         ? updateCheck(version)
         : Promise.resolve({ success: false, data: {}, time: Date.now() }),
+      releaseNotes
+        ? getReleaseNotesData(version, cache)
+        : Promise.resolve(getReleaseNotesFailedState(version)),
     ]);
 
-    // eslint-disable-next-line no-param-reassign
-    options.versionCheck = check;
+    /* eslint-disable no-param-reassign */
+    options.versionCheck = versionCheck;
+    options.releaseNotesData = releaseNotesData;
+    /* eslint-enable no-param-reassign */
 
     if (!options.ci && !options.smokeTest && options.port != null && port !== options.port) {
       const { shouldChangePort } = await inquirer.prompt({
@@ -307,7 +381,7 @@ export async function buildDevStandalone(options) {
 
     const serverListening = listenToServer(server, listenAddr);
 
-    const [updateInfo] = await Promise.all([Promise.resolve(check), serverListening]);
+    const [updateInfo] = await Promise.all([Promise.resolve(versionCheck), serverListening]);
 
     const proto = options.https ? 'https' : 'http';
     const address = `${proto}://${options.host || 'localhost'}:${port}/`;
diff --git a/lib/core/src/server/build-dev.test.js b/lib/core/src/server/build-dev.test.js
new file mode 100644
index 00000000000..ec850c0251a
--- /dev/null
+++ b/lib/core/src/server/build-dev.test.js
@@ -0,0 +1,80 @@
+import { getReleaseNotesData, RELEASE_NOTES_CACHE_KEY } from './build-dev';
+
+describe('getReleaseNotesData', () => {
+  it('handles errors gracefully', async () => {
+    const version = '4.0.0';
+    // The cache is missing necessary functions. This will cause an error.
+    const cache = {};
+
+    expect(await getReleaseNotesData(version, cache)).toEqual({
+      currentVersion: version,
+      showOnFirstLaunch: false,
+      success: false,
+    });
+  });
+
+  it('does not show the release notes on first build', async () => {
+    const version = '4.0.0';
+    const set = jest.fn(() => Promise.resolve());
+    const cache = { get: () => Promise.resolve([]), set };
+
+    expect(await getReleaseNotesData(version, cache)).toEqual({
+      currentVersion: version,
+      showOnFirstLaunch: false,
+      success: true,
+    });
+    expect(set).toHaveBeenCalledWith(RELEASE_NOTES_CACHE_KEY, ['4.0.0']);
+  });
+
+  it('shows the release notes after upgrading a major version', async () => {
+    const version = '4.0.0';
+    const set = jest.fn(() => Promise.resolve());
+    const cache = { get: () => Promise.resolve(['3.0.0']), set };
+
+    expect(await getReleaseNotesData(version, cache)).toEqual({
+      currentVersion: version,
+      showOnFirstLaunch: true,
+      success: true,
+    });
+    expect(set).toHaveBeenCalledWith(RELEASE_NOTES_CACHE_KEY, ['3.0.0', '4.0.0']);
+  });
+
+  it('shows the release notes after upgrading a minor version', async () => {
+    const version = '4.1.0';
+    const set = jest.fn(() => Promise.resolve());
+    const cache = { get: () => Promise.resolve(['4.0.0']), set };
+
+    expect(await getReleaseNotesData(version, cache)).toEqual({
+      currentVersion: version,
+      showOnFirstLaunch: true,
+      success: true,
+    });
+    expect(set).toHaveBeenCalledWith(RELEASE_NOTES_CACHE_KEY, ['4.0.0', '4.1.0']);
+  });
+
+  it('transforms patch versions to the closest major.minor version', async () => {
+    const version = '4.0.1';
+    const set = jest.fn(() => Promise.resolve());
+    const cache = { get: () => Promise.resolve(['4.0.0']), set };
+
+    expect(await getReleaseNotesData(version, cache)).toEqual({
+      currentVersion: '4.0.0',
+      showOnFirstLaunch: false,
+      success: true,
+    });
+    expect(set).not.toHaveBeenCalled();
+  });
+
+  it('does not show release notes when downgrading', async () => {
+    const version = '3.0.0';
+    const set = jest.fn(() => Promise.resolve());
+    const cache = { get: () => Promise.resolve(['4.0.0']), set };
+
+    expect(await getReleaseNotesData(version, cache)).toEqual({
+      currentVersion: '3.0.0',
+      showOnFirstLaunch: false,
+      success: true,
+    });
+    expect(set).toHaveBeenCalledWith(RELEASE_NOTES_CACHE_KEY, ['4.0.0', '3.0.0']);
+  });
+});
diff --git a/lib/core/src/server/build-static.js b/lib/core/src/server/build-static.js
index 57f88a75f6c..a9ce584dabb 100644
--- a/lib/core/src/server/build-static.js
+++ b/lib/core/src/server/build-static.js
@@ -101,13 +101,14 @@ async function copyAllStaticFiles(staticDir, outputDir) {
   if (staticDir && staticDir.length) {
     await Promise.all(
       staticDir.map(async (dir) => {
-        const staticPath = path.resolve(dir);
+        const [currentStaticDir, staticEndpoint] = dir.split(':').concat('/');
+        const localStaticPath = path.resolve(currentStaticDir);
 
-        if (await !fs.exists(staticPath)) {
-          logger.error(`Error: no such directory to load static files: ${staticPath}`);
+        if (await !fs.exists(localStaticPath)) {
+          logger.error(`Error: no such directory to load static files: ${localStaticPath}`);
           process.exit(-1);
         }
-        shelljs.cp('-r', `${dir}/!(index.html)`, outputDir);
+        shelljs.cp('-r', `${localStaticPath}/!(index.html)`, path.join(outputDir, staticEndpoint));
       })
     );
     logger.info(`=> Copying static files from: ${staticDir.join(', ')}`);
diff --git a/lib/core/src/server/cli/dev.js b/lib/core/src/server/cli/dev.js
index 050b4f9de5b..224cffc6750 100644
--- a/lib/core/src/server/cli/dev.js
+++ b/lib/core/src/server/cli/dev.js
@@ -28,6 +28,11 @@ async function getCLI(packageJson) {
     .option('--loglevel [level]', 'Control level of logging during build')
     .option('--quiet', 'Suppress verbose build output')
     .option('--no-version-updates', 'Suppress update check', true)
+    .option(
+      '--no-release-notes',
+      'Suppress automatic redirects to the release notes after upgrading',
+      true
+    )
     .option('--no-dll', 'Do not use dll reference')
     .option('--debug-webpack', 'Display final webpack configurations for debugging purposes')
     .option(
diff --git a/lib/core/src/server/common/babel.js b/lib/core/src/server/common/babel.js
index 18a0afed172..607de9db24b 100644
--- a/lib/core/src/server/common/babel.js
+++ b/lib/core/src/server/common/babel.js
@@ -1,6 +1,11 @@
 export const plugins = [
   require.resolve('@babel/plugin-transform-shorthand-properties'),
   require.resolve('@babel/plugin-transform-block-scoping'),
+  /*
+   * Added for TypeScript experimental decorator support
+   * https://babeljs.io/docs/en/babel-plugin-transform-typescript#typescript-compiler-options
+   */
+  [require.resolve('@babel/plugin-proposal-decorators'), { legacy: true }],
   [require.resolve('@babel/plugin-proposal-class-properties'), { loose: true }],
   [require.resolve('@babel/plugin-proposal-private-methods'), { loose: true }],
   require.resolve('@babel/plugin-proposal-export-default-from'),
diff --git a/lib/core/src/server/config.js b/lib/core/src/server/config.js
index f29703372af..aa355bbdcb5 100644
--- a/lib/core/src/server/config.js
+++ b/lib/core/src/server/config.js
@@ -8,11 +8,19 @@ async function getPreviewWebpackConfig(options, presets) {
   const babelOptions = await presets.apply('babel', {}, { ...options, typescriptOptions });
   const entries = await presets.apply('entries', [], options);
   const stories = await presets.apply('stories', [], options);
+  const frameworkOptions = await presets.apply(`${options.framework}Options`, {}, options);
 
   return presets.apply(
     'webpack',
     {},
-    { ...options, babelOptions, entries, stories, typescriptOptions }
+    {
+      ...options,
+      babelOptions,
+      entries,
+      stories,
+      typescriptOptions,
+      [`${options.framework}Options`]: frameworkOptions,
+    }
   );
 }
 
diff --git a/lib/core/src/server/config/defaults.js b/lib/core/src/server/config/defaults.js
index d95d9d5b80f..4e36d0cb8d4 100644
--- a/lib/core/src/server/config/defaults.js
+++ b/lib/core/src/server/config/defaults.js
@@ -3,6 +3,7 @@ export const typeScriptDefaults = {
   reactDocgen: 'react-docgen-typescript',
   reactDocgenTypescriptOptions: {
     shouldExtractLiteralValuesFromEnum: true,
+    shouldRemoveUndefinedFromOptional: true,
     propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
   },
 };
diff --git a/lib/core/src/server/dev-server.js b/lib/core/src/server/dev-server.js
index 7213b491b48..7c2192facd9 100644
--- a/lib/core/src/server/dev-server.js
+++ b/lib/core/src/server/dev-server.js
@@ -24,7 +24,9 @@ const router = new Router();
 
 export default function (options) {
   const configDir = path.resolve(options.configDir);
-  const outputDir = path.resolve(options.outputDir || resolvePathInStorybookCache('public'));
+  const outputDir = options.smokeTest
+    ? resolvePathInStorybookCache('public')
+    : path.resolve(options.outputDir || resolvePathInStorybookCache('public'));
   const configType = 'DEVELOPMENT';
 
   const startTime = process.hrtime();
@@ -46,6 +48,7 @@ export default function (options) {
 
     const devMiddlewareOptions = {
       publicPath: config.output.publicPath,
+      writeToDisk: !!options.smokeTest,
       watchOptions: {
         aggregateTimeout: 2000,
         ignored: /node_modules/,
diff --git a/lib/core/src/server/manager/manager-config.js b/lib/core/src/server/manager/manager-config.js
index 309af8af7a9..389aecec762 100644
--- a/lib/core/src/server/manager/manager-config.js
+++ b/lib/core/src/server/manager/manager-config.js
@@ -2,6 +2,7 @@ import path from 'path';
 import fs from 'fs-extra';
 import findUp from 'find-up';
 import resolveFrom from 'resolve-from';
+import fetch from 'node-fetch';
 
 import { logger } from '@storybook/node-logger';
 
@@ -20,10 +21,10 @@ const getAutoRefs = async (options) => {
       try {
         const l = resolveFrom(directory, path.join(d, 'package.json'));
 
-        const { storybook, name } = await fs.readJSON(l);
+        const { storybook, name, version } = await fs.readJSON(l);
 
         if (storybook?.url) {
-          return { id: name, ...storybook };
+          return { id: name, ...storybook, version };
         }
       } catch {
         logger.warn(`unable to find package.json for ${d}`);
@@ -36,12 +37,20 @@ const getAutoRefs = async (options) => {
   return list.filter(Boolean);
 };
 
+const checkRef = (url) =>
+  fetch(`${url}/iframe.html`).then(
+    ({ ok }) => ok,
+    () => false
+  );
+
+const stripTrailingSlash = (url) => url.replace(/\/$/, '');
+
 const toTitle = (input) => {
   const result = input
     .replace(/[A-Z]/g, (f) => ` ${f}`)
-    .replace(/[-_][A-Z]/gi, (f) => ` ${f.toUppercase()}`)
-    .replace('-', ' ')
-    .replace('_', ' ');
+    .replace(/[-_][A-Z]/gi, (f) => ` ${f.toUpperCase()}`)
+    .replace(/-/g, ' ')
+    .replace(/_/g, ' ');
 
   return `${result.substring(0, 1).toUpperCase()}${result.substring(1)}`.trim();
 };
@@ -51,30 +60,53 @@ async function getManagerWebpackConfig(options, presets) {
   const babelOptions = await presets.apply('babel', {}, { ...options, typescriptOptions });
 
   const autoRefs = await getAutoRefs(options);
-  const refs = await presets.apply('refs', undefined, options);
+  const definedRefs = await presets.apply('refs', undefined, options);
   const entries = await presets.apply('managerEntries', [], options);
 
-  if (refs) {
-    autoRefs.forEach(({ id, url, title }) => {
-      refs[id] = {
-        id,
-        url,
+  const refs = {};
+
+  if (autoRefs && autoRefs.length) {
+    autoRefs.forEach(({ id, url, title, version }) => {
+      refs[id.toLowerCase()] = {
+        id: id.toLowerCase(),
+        url: stripTrailingSlash(url),
         title,
+        version,
       };
     });
+  }
+
+  if (definedRefs) {
+    Object.entries(definedRefs).forEach(([key, value]) => {
+      if (value?.disabled) {
+        delete refs[key.toLowerCase()];
+        return;
+      }
 
-    Object.entries(refs).forEach(([key, value]) => {
       const url = typeof value === 'string' ? value : value.url;
-      const title = typeof value === 'string' ? toTitle(key) : value.title || toTitle(value.key);
+      const rest =
+        typeof value === 'string'
+          ? { title: toTitle(key) }
+          : { ...value, title: value.title || toTitle(value.key || key) };
 
-      refs[key] = {
-        id: key,
-        title,
-        url,
+      refs[key.toLowerCase()] = {
+        id: key.toLowerCase(),
+        ...rest,
+        url: stripTrailingSlash(url),
       };
     });
-
+  }
+  if (autoRefs || definedRefs) {
     entries.push(path.resolve(path.join(options.configDir, `generated-refs.js`)));
+
+    // verify the refs are publicly reachable, if they are not we'll require stories.json at runtime, otherwise the ref won't work
+    await Promise.all(
+      Object.entries(refs).map(async ([k, value]) => {
+        const ok = checkRef(value.url);
+
+        refs[k] = { ...value, type: ok ? 'server-checked' : 'unknown' };
+      })
+    );
   }
 
   return presets.apply('managerWebpack', {}, { ...options, babelOptions, entries, refs });
diff --git a/lib/core/src/server/manager/manager-webpack.config.js b/lib/core/src/server/manager/manager-webpack.config.js
index f818e4e1a9c..f67841fd3de 100644
--- a/lib/core/src/server/manager/manager-webpack.config.js
+++ b/lib/core/src/server/manager/manager-webpack.config.js
@@ -6,6 +6,7 @@ import HtmlWebpackPlugin from 'html-webpack-plugin';
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
 import PnpWebpackPlugin from 'pnp-webpack-plugin';
 import VirtualModulePlugin from 'webpack-virtual-modules';
+import TerserWebpackPlugin from 'terser-webpack-plugin';
 
 import themingPaths from '@storybook/theming/paths';
 import uiPaths from '@storybook/ui/paths';
@@ -35,6 +36,7 @@ export default async ({
   cache,
   previewUrl,
   versionCheck,
+  releaseNotesData,
   presets,
 }) => {
   const { raw, stringified } = loadEnv();
@@ -85,6 +87,7 @@ export default async ({
           globals: {
             LOGLEVEL: logLevel,
             VERSIONCHECK: JSON.stringify(versionCheck),
+            RELEASE_NOTES_DATA: JSON.stringify(releaseNotesData),
             DOCS_MODE: docsMode, // global docs mode
             PREVIEW_URL: previewUrl, // global preview URL
           },
@@ -139,7 +142,6 @@ export default async ({
       alias: {
         ...themingPaths,
         ...uiPaths,
-        semver: require.resolve('@storybook/semver'),
       },
       plugins: [
         // Transparently resolve packages via PnP when needed; noop otherwise
@@ -149,7 +151,7 @@ export default async ({
     resolveLoader: {
       plugins: [PnpWebpackPlugin.moduleLoader(module)],
     },
-    recordsPath: resolvePathInStorybookCache('records.json'),
+    recordsPath: resolvePathInStorybookCache('public/records.json'),
     performance: {
       hints: false,
     },
@@ -158,6 +160,19 @@ export default async ({
         chunks: 'all',
       },
       runtimeChunk: true,
+      minimizer: isProd
+        ? [
+            new TerserWebpackPlugin({
+              cache: true,
+              parallel: true,
+              sourceMap: true,
+              terserOptions: {
+                mangle: false,
+                keep_fnames: true,
+              },
+            }),
+          ]
+        : [],
     },
   };
 };
diff --git a/lib/core/src/server/presets.js b/lib/core/src/server/presets.js
index 16eff965499..6dd1f52950a 100644
--- a/lib/core/src/server/presets.js
+++ b/lib/core/src/server/presets.js
@@ -1,34 +1,11 @@
 import dedent from 'ts-dedent';
 import { join } from 'path';
 import { logger } from '@storybook/node-logger';
-import fs from 'fs';
-import { resolveFile } from './utils/resolve-file';
+import resolveFrom from 'resolve-from';
 
 const isObject = (val) => val != null && typeof val === 'object' && Array.isArray(val) === false;
 const isFunction = (val) => typeof val === 'function';
 
-// Copied out of parse-package-name
-//  '@storybook/addon-actions/register' => ( name: '@storybook/addon-actions', path: '/register', version: '' )
-const RE_SCOPED = /^(@[^/]+\/[^/@]+)(?:\/([^@]+))?(?:@([\s\S]+))?/;
-const RE_NORMAL = /^([^/@]+)(?:\/([^@]+))?(?:@([\s\S]+))?/;
-function parsePackageName(input) {
-  if (typeof input !== 'string') {
-    throw new TypeError('Expected a string');
-  }
-
-  const matched = input.startsWith('@') ? input.match(RE_SCOPED) : input.match(RE_NORMAL);
-
-  if (!matched) {
-    throw new Error(`[parse-package-name] "${input}" is not a valid string`);
-  }
-
-  return {
-    name: matched[1],
-    path: matched[2] || '',
-    version: matched[3] || '',
-  };
-}
-
 const resolvePresetFunction = (input, presetOptions, storybookOptions) => {
   if (isFunction(input)) {
     return input({ ...storybookOptions, ...presetOptions });
@@ -40,10 +17,8 @@ const resolvePresetFunction = (input, presetOptions, storybookOptions) => {
   return [];
 };
 
-const isLocalFileImport = (packageName) => fs.existsSync(packageName);
-
 /**
- * Parse an addon into either a managerEntry or a preset. Throw on invalid input.
+ * Parse an addon into either a managerEntries or a preset. Throw on invalid input.
  *
  * Valid inputs:
  * - '@storybook/addon-actions/register'
@@ -58,26 +33,29 @@ const isLocalFileImport = (packageName) => fs.existsSync(packageName);
  * - { name: '@storybook/addon-docs(/preset)?', options: { ... } }
  *   =>  { type: 'presets', item: { name: '@storybook/addon-docs/preset', options } }
  */
-export const resolveAddonName = (name) => {
+export const resolveAddonName = (configDir, name) => {
   let path;
-  if (isLocalFileImport(name)) {
+
+  if (name.startsWith('.')) {
+    path = resolveFrom(configDir, name);
+  } else if (name.startsWith('/')) {
+    path = name;
+  } else if (name.match(/\/(preset|register(-panel)?)(\.(js|ts|tsx|jsx))?$/)) {
     path = name;
-  } else {
-    ({ path } = parsePackageName(name));
   }
 
   // when user provides full path, we don't need to do anything
   if (path) {
     return {
-      name,
+      name: path,
       // Accept `register`, `register.js`, `require.resolve('foo/register'), `register-panel`
-      type: path.match(/register(-panel)?(.(js|ts|tsx|jsx))?$/) ? 'managerEntries' : 'presets',
+      type: path.match(/register(-panel)?(\.(js|ts|tsx|jsx))?$/) ? 'managerEntries' : 'presets',
     };
   }
 
   try {
     return {
-      name: resolveFile(join(name, 'preset')),
+      name: resolveFrom(configDir, join(name, 'preset')),
       type: 'presets',
     };
     // eslint-disable-next-line no-empty
@@ -85,43 +63,44 @@ export const resolveAddonName = (name) => {
 
   try {
     return {
-      name: resolveFile(join(name, 'register')),
+      name: resolveFrom(configDir, join(name, 'register')),
       type: 'managerEntries',
     };
     // eslint-disable-next-line no-empty
   } catch (err) {}
 
-  return { name, type: 'presets' };
+  return {
+    name: resolveFrom(configDir, name),
+    type: 'presets',
+  };
 };
 
-export const splitAddons = (addons) => {
-  return addons.reduce(
-    (acc, item) => {
-      try {
-        if (isObject(item)) {
-          const { name } = resolveAddonName(item.name);
-          acc.presets.push({ ...item, name });
-        } else {
-          const { name, type } = resolveAddonName(item);
-          acc[type].push(name);
-        }
-      } catch (err) {
-        logger.error(
-          `Addon value should end in /register OR it should be a valid preset https://storybook.js.org/docs/presets/introduction/\n${item}`
-        );
-      }
-      return acc;
-    },
-    {
-      managerEntries: [],
-      presets: [],
+const map = ({ configDir }) => (item) => {
+  try {
+    if (isObject(item)) {
+      const { name } = resolveAddonName(configDir, item.name);
+      return { ...item, name };
     }
-  );
+    const { name, type } = resolveAddonName(configDir, item);
+    if (type === 'managerEntries') {
+      return {
+        name: `${name}_additionalManagerEntries`,
+        type,
+        managerEntries: [name],
+      };
+    }
+    return resolveAddonName(configDir, name);
+  } catch (err) {
+    logger.error(
+      `Addon value should end in /register OR it should be a valid preset https://storybook.js.org/docs/presets/introduction/\n${item}`
+    );
+  }
+  return undefined;
 };
 
 function interopRequireDefault(filePath) {
   // eslint-disable-next-line global-require,import/no-dynamic-require
-  const result = require(`${filePath}`);
+  const result = require(filePath);
 
   const isES6DefaultExported =
     typeof result === 'object' && result !== null && typeof result.default !== 'undefined';
@@ -129,15 +108,26 @@ function interopRequireDefault(filePath) {
   return isES6DefaultExported ? result.default : result;
 }
 
-function loadPreset(input, level, storybookOptions) {
+function getContent(input) {
+  if (input.type === 'managerEntries') {
+    const { type, name, ...rest } = input;
+    return rest;
+  }
+  const name = input.name ? input.name : input;
+
+  return interopRequireDefault(name);
+}
+
+export function loadPreset(input, level, storybookOptions) {
   try {
     const name = input.name ? input.name : input;
     const presetOptions = input.options ? input.options : {};
-    let contents = interopRequireDefault(name);
+
+    let contents = getContent(input);
 
     if (typeof contents === 'function') {
       // allow the export of a preset to be a function, that gets storybookOptions
-      contents = contents(storybookOptions);
+      contents = contents(storybookOptions, presetOptions);
     }
 
     if (Array.isArray(contents)) {
@@ -151,11 +141,13 @@ function loadPreset(input, level, storybookOptions) {
       const subPresets = resolvePresetFunction(presetsInput, presetOptions, storybookOptions);
       const subAddons = resolvePresetFunction(addonsInput, presetOptions, storybookOptions);
 
-      const { managerEntries, presets } = splitAddons(subAddons);
-
       return [
-        ...loadPresets([...subPresets, ...presets], level + 1, storybookOptions),
-        { name: `${name}_additionalManagerEntries`, preset: { managerEntries } },
+        ...loadPresets([...subPresets], level + 1, storybookOptions),
+        ...loadPresets(
+          [...subAddons.map(map(storybookOptions))].filter(Boolean),
+          level + 1,
+          storybookOptions
+        ),
         {
           name,
           preset: rest,
@@ -234,7 +226,7 @@ function applyPresets(presets, extension, config, args, storybookOptions) {
   }, presetResult);
 }
 
-function getPresets(presets, storybookOptions) {
+function getPresets(presets, storybookOptions = {}) {
   const loadedPresets = loadPresets(presets, 0, storybookOptions);
 
   return {
diff --git a/lib/core/src/server/presets.test.js b/lib/core/src/server/presets.test.js
index 711825a2528..b6564201922 100644
--- a/lib/core/src/server/presets.test.js
+++ b/lib/core/src/server/presets.test.js
@@ -17,19 +17,29 @@ jest.mock('@storybook/node-logger', () => ({
   },
 }));
 
-jest.mock('./utils/resolve-file', () => ({
-  resolveFile: (name) => {
-    const KNOWN_FILES = [
-      '@storybook/addon-actions/register',
-      '@storybook/addon-knobs/register',
-      '@storybook/addon-docs/preset',
-    ];
-    if (KNOWN_FILES.includes(name)) {
-      return name;
-    }
-    throw new Error(`Cannot find module '${name}'`);
-  },
-}));
+jest.mock('resolve-from', () => (l, name) => {
+  const KNOWN_FILES = [
+    '@storybook/addon-actions/register',
+    './local/preset',
+    './local/addons',
+    '/absolute/preset',
+    '/absolute/addons',
+    '@storybook/addon-docs/preset',
+    '@storybook/addon-essentials',
+    '@storybook/addon-knobs/register',
+    '@storybook/addon-notes/register-panel',
+    '@storybook/preset-create-react-app',
+    '@storybook/preset-typescript',
+    'addon-bar/preset.js',
+    'addon-baz/register.js',
+    'addon-foo/register.js',
+  ];
+
+  if (KNOWN_FILES.includes(name)) {
+    return name;
+  }
+  throw new Error(`cannot resolve ${name}`);
+});
 
 describe('presets', () => {
   it('does not throw when there is no preset file', async () => {
@@ -114,7 +124,7 @@ describe('presets', () => {
     });
 
     const getPresets = jest.requireActual('./presets').default;
-    const presets = wrapPreset(getPresets(['preset-foo', 'preset-bar']));
+    const presets = wrapPreset(getPresets(['preset-foo', 'preset-bar'], {}));
 
     async function testPresets() {
       await presets.webpack();
@@ -335,99 +345,149 @@ describe('resolveAddonName', () => {
   const { resolveAddonName } = jest.requireActual('./presets');
 
   it('should resolve packages with metadata (relative path)', () => {
-    expect(resolveAddonName('@storybook/addon-docs')).toEqual({
-      name: '@storybook/addon-docs/preset',
+    mockPreset('./local/preset', {
+      presets: [],
+    });
+    expect(resolveAddonName({}, './local/preset')).toEqual({
+      name: './local/preset',
       type: 'presets',
     });
   });
 
   it('should resolve packages with metadata (absolute path)', () => {
-    expect(resolveAddonName('@storybook/addon-knobs')).toEqual({
-      name: '@storybook/addon-knobs/register',
-      type: 'managerEntries',
+    mockPreset('/absolute/preset', {
+      presets: [],
+    });
+    expect(resolveAddonName({}, '/absolute/preset')).toEqual({
+      name: '/absolute/preset',
+      type: 'presets',
     });
   });
 
   it('should resolve packages without metadata', () => {
-    expect(resolveAddonName('@storybook/preset-create-react-app')).toEqual({
+    expect(resolveAddonName({}, '@storybook/preset-create-react-app')).toEqual({
       name: '@storybook/preset-create-react-app',
       type: 'presets',
     });
   });
 
   it('should resolve managerEntries', () => {
-    expect(resolveAddonName('@storybook/addon-actions/register')).toEqual({
+    expect(resolveAddonName({}, '@storybook/addon-actions/register')).toEqual({
       name: '@storybook/addon-actions/register',
       type: 'managerEntries',
     });
   });
 
   it('should resolve presets', () => {
-    expect(resolveAddonName('@storybook/addon-docs/preset')).toEqual({
+    expect(resolveAddonName({}, '@storybook/addon-docs')).toEqual({
       name: '@storybook/addon-docs/preset',
       type: 'presets',
     });
   });
 
   it('should resolve preset packages', () => {
-    expect(resolveAddonName('@storybook/addon-essentials')).toEqual({
+    expect(resolveAddonName({}, '@storybook/addon-essentials')).toEqual({
       name: '@storybook/addon-essentials',
       type: 'presets',
     });
   });
 
   it('should error on invalid inputs', () => {
-    expect(() => resolveAddonName(null)).toThrow();
+    expect(() => resolveAddonName({}, null)).toThrow();
   });
 });
 
-describe('splitAddons', () => {
-  const { splitAddons } = jest.requireActual('./presets');
+describe('loadPreset', () => {
+  mockPreset('@storybook/preset-typescript', {});
+  mockPreset('@storybook/addon-docs/preset', {});
+  mockPreset('@storybook/addon-actions/register', {});
+  mockPreset('addon-foo/register.js', {});
+  mockPreset('addon-bar/preset', {});
+  mockPreset('addon-baz/register.js', {});
+  mockPreset('@storybook/addon-notes/register-panel', {});
 
-  it('should split managerEntries that end in register', () => {
-    const addons = [
-      '@storybook/addon-actions/register',
-      'storybook-addon-readme/register',
-      'addon-foo/register.js',
-      'addon-bar/register.ts',
-      'addon-baz/register.tsx',
-      '@storybook/addon-notes/register-panel',
-    ];
-    expect(splitAddons(addons)).toEqual({
-      managerEntries: addons,
-      presets: [],
-    });
-  });
+  const { loadPreset } = jest.requireActual('./presets');
 
-  it('should split preset packages and package entries', () => {
-    const addons = [
-      '@storybook/addon-essentials',
-      '@storybook/addon-docs/presets',
-      'addon-bar/presets.js',
-      './local-addon-relative/presets',
-    ];
-    expect(splitAddons(addons)).toEqual({
-      managerEntries: [],
-      presets: addons,
-    });
-  });
-
-  it('should split preset objects', () => {
-    const addons = [
-      { name: '@storybook/addon-essentials' },
-      { name: '@storybook/addon-docs/presets', options: { configureJSX: true } },
-    ];
-    expect(splitAddons(addons)).toEqual({
-      managerEntries: [],
-      presets: addons,
-    });
-  });
-
-  it('should skip invalid objects', () => {
-    const addons = [1, true, { foo: 'bar' }];
-    expect(splitAddons(addons)).toEqual({
-      managerEntries: [],
-      presets: [],
-    });
+  it('should resolve all addons & presets in correct order', () => {
+    const loaded = loadPreset(
+      {
+        name: '',
+        type: 'managerEntries',
+        presets: ['@storybook/preset-typescript'],
+        addons: [
+          '@storybook/addon-docs',
+          '@storybook/addon-actions/register',
+          'addon-foo/register.js',
+          'addon-bar',
+          'addon-baz/register.tsx',
+          '@storybook/addon-notes/register-panel',
+        ],
+      },
+      0,
+      {}
+    );
+    expect(loaded).toEqual([
+      {
+        name: '@storybook/preset-typescript',
+        options: {},
+        preset: {},
+      },
+      {
+        name: '@storybook/addon-docs/preset',
+        options: {},
+        preset: {},
+      },
+      {
+        name: '@storybook/addon-actions/register_additionalManagerEntries',
+        options: {},
+        preset: {
+          managerEntries: ['@storybook/addon-actions/register'],
+        },
+      },
+      {
+        name: 'addon-foo/register.js_additionalManagerEntries',
+        options: {},
+        preset: {
+          managerEntries: ['addon-foo/register.js'],
+        },
+      },
+      // should be there, but some file mocking problem is causing it to not resolve
+      // {
+      //   name: 'addon-bar',
+      //   options: {},
+      //   preset: {},
+      // },
+      {
+        name: 'addon-baz/register.tsx_additionalManagerEntries',
+        options: {},
+        preset: {
+          managerEntries: ['addon-baz/register.tsx'],
+        },
+      },
+      {
+        name: '@storybook/addon-notes/register-panel_additionalManagerEntries',
+        options: {},
+        preset: {
+          managerEntries: ['@storybook/addon-notes/register-panel'],
+        },
+      },
+      {
+        name: {
+          presets: ['@storybook/preset-typescript'],
+          addons: [
+            '@storybook/addon-docs',
+            '@storybook/addon-actions/register',
+            'addon-foo/register.js',
+            'addon-bar',
+            'addon-baz/register.tsx',
+            '@storybook/addon-notes/register-panel',
+          ],
+          name: '',
+          type: 'managerEntries',
+        },
+        options: {},
+        preset: {},
+      },
+    ]);
   });
 });
diff --git a/lib/core/src/server/preview/babel-loader-preview.js b/lib/core/src/server/preview/babel-loader-preview.js
index 9f01aab60db..e964a1f658a 100644
--- a/lib/core/src/server/preview/babel-loader-preview.js
+++ b/lib/core/src/server/preview/babel-loader-preview.js
@@ -5,7 +5,7 @@ export const createBabelLoader = (options, framework) => ({
   test: useBaseTsSupport(framework) ? /\.(mjs|tsx?|jsx?)$/ : /\.(mjs|jsx?)$/,
   use: [
     {
-      loader: 'babel-loader',
+      loader: require.resolve('babel-loader'),
       options,
     },
   ],
diff --git a/lib/core/src/server/preview/base-webpack.config.js b/lib/core/src/server/preview/base-webpack.config.js
index b8c5c75704b..a2e92f22c3b 100644
--- a/lib/core/src/server/preview/base-webpack.config.js
+++ b/lib/core/src/server/preview/base-webpack.config.js
@@ -5,8 +5,8 @@ import { logger } from '@storybook/node-logger';
 
 export async function createDefaultWebpackConfig(storybookBaseConfig, options) {
   if (
-    options.presetsList.some(
-      (preset) => (preset.name || preset) === '@storybook/preset-create-react-app'
+    options.presetsList.some((preset) =>
+      /@storybook(\/|\\)preset-create-react-app/.test(preset.name || preset)
     )
   ) {
     return storybookBaseConfig;
diff --git a/lib/core/src/server/preview/entries.js b/lib/core/src/server/preview/entries.js
index fdb2618600b..d48687fe892 100644
--- a/lib/core/src/server/preview/entries.js
+++ b/lib/core/src/server/preview/entries.js
@@ -58,7 +58,7 @@ export async function createPreviewEntry(options) {
     entries.push(path.resolve(path.join(configDir, `generated-stories-entry.js`)));
 
     const files = (
-      await Promise.all(stories.map((g) => glob(path.join(configDir, g))))
+      await Promise.all(stories.map((g) => glob(path.isAbsolute(g) ? g : path.join(configDir, g))))
     ).reduce((a, b) => a.concat(b));
 
     if (files.length === 0) {
diff --git a/lib/core/src/server/preview/iframe-webpack.config.js b/lib/core/src/server/preview/iframe-webpack.config.js
index c3a45803633..2d2418f2e54 100644
--- a/lib/core/src/server/preview/iframe-webpack.config.js
+++ b/lib/core/src/server/preview/iframe-webpack.config.js
@@ -12,6 +12,8 @@ import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 
 import resolveFrom from 'resolve-from';
 
+import themingPaths from '@storybook/theming/paths';
+
 import { createBabelLoader } from './babel-loader-preview';
 import es6Transpiler from '../common/es6Transpiler';
 
@@ -21,6 +23,30 @@ import { toRequireContextString } from './to-require-context';
 import { useBaseTsSupport } from '../config/useBaseTsSupport';
 
 const reactPaths = {};
+
+const storybookPaths = [
+  'addons',
+  'addons',
+  'api',
+  'channels',
+  'channel-postmessage',
+  'components',
+  'core-events',
+  'router',
+  'theming',
+  'semver',
+  'client-api',
+  'client-logger',
+].reduce(
+  (acc, sbPackage) => ({
+    ...acc,
+    [`@storybook/${sbPackage}`]: path.dirname(
+      resolveFrom(__dirname, `@storybook/${sbPackage}/package.json`)
+    ),
+  }),
+  {}
+);
+
 try {
   reactPaths.react = path.dirname(resolveFrom(process.cwd(), 'react/package.json'));
   reactPaths['react-dom'] = path.dirname(resolveFrom(process.cwd(), 'react-dom/package.json'));
@@ -38,6 +64,7 @@ export default async ({
   packageJson,
   configType,
   framework,
+  frameworkPath,
   presets,
   typescriptOptions,
 }) => {
@@ -55,22 +82,19 @@ export default async ({
   const frameworkInitEntry = path.resolve(
     path.join(configDir, 'storybook-init-framework-entry.js')
   );
+  // Allows for custom frameworks that are not published under the @storybook namespace
+  const frameworkImportPath = frameworkPath || `@storybook/${framework}`;
   const virtualModuleMapping = {
     // Ensure that the client API is initialized by the framework before any other iframe code
     // is loaded. That way our client-apis can assume the existence of the API+store
-    [frameworkInitEntry]: `import '@storybook/${framework}';`,
+    [frameworkInitEntry]: `import '${frameworkImportPath}';`,
   };
   entries.forEach((entryFilename) => {
     const match = entryFilename.match(/(.*)-generated-(config|other)-entry.js$/);
     if (match) {
       const configFilename = match[1];
-      const isUsingYarnPnp = typeof process.versions.pnp !== 'undefined';
-      const clientApi = isUsingYarnPnp
-        ? `${require.resolve('@storybook/client-api')}`
-        : '@storybook/client-api';
-      const clientLogger = isUsingYarnPnp
-        ? `${require.resolve('@storybook/client-logger')}`
-        : '@storybook/client-logger';
+      const clientApi = storybookPaths['@storybook/client-api'];
+      const clientLogger = storybookPaths['@storybook/client-logger'];
 
       virtualModuleMapping[entryFilename] = interpolate(entryTemplate, {
         configFilename,
@@ -81,7 +105,7 @@ export default async ({
   });
   if (stories) {
     const storiesFilename = path.resolve(path.join(configDir, `generated-stories-entry.js`));
-    virtualModuleMapping[storiesFilename] = interpolate(storyTemplate, { framework })
+    virtualModuleMapping[storiesFilename] = interpolate(storyTemplate, { frameworkImportPath })
       // Make sure we also replace quotes for this one
       .replace("'{{stories}}'", stories.map(toRequireContextString).join(','));
   }
@@ -92,7 +116,7 @@ export default async ({
   return {
     mode: isProd ? 'production' : 'development',
     bail: isProd,
-    devtool: isProd ? 'inline-source-map' : '#cheap-module-source-map',
+    devtool: '#cheap-module-source-map',
     entry: entries,
     output: {
       path: path.resolve(process.cwd(), outputDir),
@@ -159,8 +183,8 @@ export default async ({
       extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json', '.cjs'],
       modules: ['node_modules'].concat(raw.NODE_PATH || []),
       alias: {
-        'babel-runtime/core-js/object/assign': require.resolve('core-js/es/object/assign'),
-        semver: require.resolve('@storybook/semver'),
+        ...themingPaths,
+        ...storybookPaths,
         ...reactPaths,
       },
 
@@ -177,17 +201,19 @@ export default async ({
         chunks: 'all',
       },
       runtimeChunk: true,
-      minimizer: [
-        new TerserWebpackPlugin({
-          cache: true,
-          parallel: true,
-          sourceMap: true,
-          terserOptions: {
-            mangle: false,
-            keep_fnames: true,
-          },
-        }),
-      ],
+      minimizer: isProd
+        ? [
+            new TerserWebpackPlugin({
+              cache: true,
+              parallel: true,
+              sourceMap: true,
+              terserOptions: {
+                mangle: false,
+                keep_fnames: true,
+              },
+            }),
+          ]
+        : [],
     },
     performance: {
       hints: isProd ? 'warning' : false,
diff --git a/lib/core/src/server/preview/to-require-context.test.js b/lib/core/src/server/preview/to-require-context.test.js
index a028594ed1f..bd0b64756e9 100644
--- a/lib/core/src/server/preview/to-require-context.test.js
+++ b/lib/core/src/server/preview/to-require-context.test.js
@@ -4,6 +4,7 @@ import { toRequireContext } from './to-require-context';
 const testCases = [
   {
     glob: '**/*.stories.tsx',
+    recursive: true,
     validPaths: [
       './Icon.stories.tsx',
       './src/Icon.stories.tsx',
@@ -23,6 +24,7 @@ const testCases = [
   // INVALID GLOB
   {
     glob: '../src/stories/**/*.stories.(js|mdx)',
+    recursive: true,
     validPaths: [
       '../src/stories/components/Icon.stories.js',
       '../src/stories/Icon.stories.js',
@@ -41,6 +43,7 @@ const testCases = [
   },
   {
     glob: 'dirname/../stories/*.stories.*',
+    recursive: false,
     validPaths: [
       './dirname/../stories/App.stories.js',
       './dirname/../stories/addon-centered.stories.js',
@@ -49,6 +52,7 @@ const testCases = [
   },
   {
     glob: '../src/stories/**/@(*.stories.js|*.stories.mdx)',
+    recursive: true,
     validPaths: [
       '../src/stories/components/Icon.stories.js',
       '../src/stories/Icon.stories.js',
@@ -67,6 +71,7 @@ const testCases = [
   },
   {
     glob: '../src/stories/**/*.stories.+(js|mdx)',
+    recursive: true,
     validPaths: [
       '../src/stories/components/Icon.stories.js',
       '../src/stories/Icon.stories.js',
@@ -85,6 +90,7 @@ const testCases = [
   },
   {
     glob: '../src/stories/**/*.stories.*(js|mdx)',
+    recursive: true,
     validPaths: [
       '../src/stories/components/Icon.stories.js',
       '../src/stories/Icon.stories.js',
@@ -104,6 +110,7 @@ const testCases = [
   // DUMB GLOB
   {
     glob: '../src/stories/**/*.stories.[tj]sx',
+    recursive: true,
     validPaths: [
       '../src/stories/components/Icon.stories.jsx',
       '../src/stories/Icon.stories.jsx',
@@ -120,12 +127,54 @@ const testCases = [
       '../src/stories/components/Icon/Icon.tsx',
     ],
   },
+  {
+    glob: '../components/*.stories.js',
+    recursive: false,
+    validPaths: ['../components/Icon.stories.js'],
+    invalidPaths: [
+      '../components/icon/node_modules/icon/Icon.stories.js',
+      './stories.js',
+      './src/stories/Icon.stories.js',
+      './Icon.stories.js',
+      '../src/Icon.stories.mdx',
+      '../src/stories/components/Icon/Icon.stories.ts',
+      '../src/stories/components/Icon/Icon.mdx',
+    ],
+  },
+  {
+    glob: '../components/*/*.stories.js',
+    recursive: true,
+    validPaths: ['../components/icon/Icon.stories.js'],
+    invalidPaths: [
+      '../components/icon/node_modules/icon/Icon.stories.js',
+      './stories.js',
+      './src/stories/Icon.stories.js',
+      './Icon.stories.js',
+      '../src/Icon.stories.mdx',
+      '../src/stories/components/Icon/Icon.stories.ts',
+      '../src/stories/components/Icon/Icon.mdx',
+    ],
+  },
+  {
+    glob: '../components/*/stories/*.js',
+    recursive: true,
+    validPaths: ['../components/icon/stories/Icon.js'],
+    invalidPaths: [
+      '../components/icon/node_modules/icon/stories/Icon.js',
+      './stories.js',
+      './src/stories/Icon.stories.js',
+      './Icon.stories.js',
+      '../src/Icon.stories.mdx',
+      '../src/stories/components/Icon/Icon.stories.ts',
+      '../src/stories/components/Icon/Icon.mdx',
+    ],
+  },
 ];
 
 describe('toRequireContext', () => {
-  testCases.forEach(({ glob, validPaths, invalidPaths }) => {
+  testCases.forEach(({ glob, recursive, validPaths, invalidPaths }) => {
     it(`matches only suitable paths - ${glob}`, () => {
-      const { path: base, match } = toRequireContext(glob);
+      const { path: base, recursive: willRecurse, match } = toRequireContext(glob);
 
       const regex = new RegExp(match);
 
@@ -138,11 +187,12 @@ describe('toRequireContext', () => {
         return baseIncluded && matched;
       }
 
-      const isMatchedForValidPaths = validPaths.filter((filePath) => !isMatched(filePath));
+      const isNotMatchedForValidPaths = validPaths.filter((filePath) => !isMatched(filePath));
       const isMatchedForInvalidPaths = invalidPaths.filter((filePath) => !!isMatched(filePath));
 
-      expect(isMatchedForValidPaths).toEqual([]);
+      expect(isNotMatchedForValidPaths).toEqual([]);
       expect(isMatchedForInvalidPaths).toEqual([]);
+      expect(willRecurse).toEqual(recursive);
     });
   });
 });
diff --git a/lib/core/src/server/preview/to-require-context.ts b/lib/core/src/server/preview/to-require-context.ts
index 853423243f9..1e322fdf12a 100644
--- a/lib/core/src/server/preview/to-require-context.ts
+++ b/lib/core/src/server/preview/to-require-context.ts
@@ -31,14 +31,15 @@ export const toRequireContext = (input: any) => {
     case typeof input === 'string': {
       const { base, glob } = globBase(fixedInput);
 
-      const recursive = glob.startsWith('**');
-      const indicator = glob.replace(/^(\*\*\/)*/, '');
-      const regex = makeRe(indicator, { fastpaths: false, noglobstar: false, bash: true });
+      const recursive = glob.includes('**') || glob.split('/').length > 1;
+      const regex = makeRe(glob, { fastpaths: false, noglobstar: false, bash: false });
       const { source } = regex;
 
       if (source.startsWith('^')) {
-        // prepended '^' char causes webpack require.context to fail
-        const match = source.substring(1);
+        // webpack's require.context matches against paths starting `./`
+        // Globs starting `**` require special treatment due to the regex they
+        // produce, specifically a negative look-ahead
+        const match = ['^\\.', glob.startsWith('**') ? '' : '\\/', source.substring(1)].join('');
 
         return { path: base, recursive, match };
       }
diff --git a/lib/core/src/server/preview/virtualModuleEntry.template.js b/lib/core/src/server/preview/virtualModuleEntry.template.js
index cb4815d7f1b..a596a009065 100644
--- a/lib/core/src/server/preview/virtualModuleEntry.template.js
+++ b/lib/core/src/server/preview/virtualModuleEntry.template.js
@@ -5,8 +5,8 @@ import {
   decorators,
   parameters,
   argTypesEnhancers,
-  globalArgs,
-  globalArgTypes,
+  globals,
+  globalTypes,
   args,
   argTypes,
 } from '{{configFilename}}';
@@ -15,10 +15,10 @@ if (args || argTypes) {
   logger.warn('Invalid args/argTypes in config, ignoring.', JSON.stringify({ args, argTypes }));
 }
 if (decorators) {
-  decorators.forEach((decorator) => addDecorator(decorator));
+  decorators.forEach((decorator) => addDecorator(decorator, false));
 }
-if (parameters || globalArgs || globalArgTypes) {
-  addParameters({ ...parameters, globalArgs, globalArgTypes });
+if (parameters || globals || globalTypes) {
+  addParameters({ ...parameters, globals, globalTypes }, false);
 }
 if (argTypesEnhancers) {
   argTypesEnhancers.forEach((enhancer) => addArgTypesEnhancer(enhancer));
diff --git a/lib/core/src/server/preview/virtualModuleStory.template.js b/lib/core/src/server/preview/virtualModuleStory.template.js
index 3687c6daf83..db3ca75fab2 100644
--- a/lib/core/src/server/preview/virtualModuleStory.template.js
+++ b/lib/core/src/server/preview/virtualModuleStory.template.js
@@ -1,6 +1,4 @@
-import { configure } from '@storybook/{{framework}}';
+/* eslint-disable import/no-unresolved */
+import { configure } from '{{frameworkImportPath}}';
 
-// eslint-disable-next-line no-underscore-dangle
-module._StorybookPreserveDecorators = true;
-
-configure(['{{stories}}'], module);
+configure(['{{stories}}'], module, false);
diff --git a/lib/core/src/server/templates/base-manager-head.html b/lib/core/src/server/templates/base-manager-head.html
index c0fa97d74ba..769db9c828d 100644
--- a/lib/core/src/server/templates/base-manager-head.html
+++ b/lib/core/src/server/templates/base-manager-head.html
@@ -6,6 +6,10 @@
     margin: 0;
     padding: 0;
   }
+
+  * {
+    box-sizing: border-box;
+  }
 </style>
 
 <script>
diff --git a/lib/core/types/index.ts b/lib/core/types/index.ts
index 4c766c46e30..afc126a01fc 100644
--- a/lib/core/types/index.ts
+++ b/lib/core/types/index.ts
@@ -1,7 +1,9 @@
 import type ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import type LoaderOptions from 'react-docgen-typescript-loader/dist/LoaderOptions';
+import type { PluginOptions } from 'react-docgen-typescript-plugin';
 import { Configuration } from 'webpack';
 
+type Preset = string | { name: string };
+
 /**
  * The interface for Storybook configuration in `main.ts` files.
  */
@@ -36,7 +38,9 @@ export interface StorybookConfig {
  */
 export interface StorybookOptions {
   configType: 'DEVELOPMENT' | 'PRODUCTION';
+  presetsList: Preset[];
   typescriptOptions: TypescriptOptions;
+  [key: string]: any;
 }
 
 /**
@@ -60,10 +64,10 @@ export interface TypescriptOptions {
    */
   reactDocgen: 'react-docgen-typescript' | 'react-docgen' | false;
   /**
-   * Configures `react-docgen-typescript-loader`
+   * Configures `react-docgen-typescript-plugin`
    *
    * @default
    * @see https://github.com/storybookjs/storybook/blob/next/lib/core/src/server/config/defaults.js#L4-L6
    */
-  reactDocgenTypescriptOptions: LoaderOptions;
+  reactDocgenTypescriptOptions: PluginOptions;
 }
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index b846cadb97a..a964f0471f1 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "",
   "keywords": [
     "storybook"
@@ -22,7 +22,7 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
@@ -40,11 +40,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/postinstall/package.json b/lib/postinstall/package.json
index 1ea36ac8959..e7ada53b9a4 100644
--- a/lib/postinstall/package.json
+++ b/lib/postinstall/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/postinstall",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Storybook addons postinstall utilities",
   "keywords": [
     "api",
@@ -23,7 +23,7 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
@@ -34,16 +34,16 @@
   "devDependencies": {
     "@hypnosphi/jscodeshift": "^0.6.4",
     "jest": "^26.0.0",
-    "jest-specific-snapshot": "^3.0.0"
+    "jest-specific-snapshot": "^4.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/router/package.json b/lib/router/package.json
index f7ff3aaf153..83a7acad685 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -22,33 +22,29 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
     "@reach/router": "^1.3.3",
-    "@storybook/csf": "0.0.1",
     "@types/reach__router": "^1.3.5",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
-    "lodash": "^4.17.15",
     "memoizerific": "^1.11.3",
-    "qs": "^6.6.0"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "qs": "^6.6.0",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/router/src/router.tsx b/lib/router/src/router.tsx
index 669b4cfc8fb..9092898555f 100644
--- a/lib/router/src/router.tsx
+++ b/lib/router/src/router.tsx
@@ -9,6 +9,7 @@ import {
   RouteComponentProps,
   LocationContext,
   NavigateFn,
+  History,
 } from '@reach/router';
 import { ToggleVisibility } from './visibility';
 import { queryFromString, parsePath, getMatch, StoryData } from './utils';
@@ -106,3 +107,4 @@ export { QueryLocation as Location };
 export { Route };
 export { queryNavigate as navigate };
 export { LocationProvider };
+export { History };
diff --git a/lib/router/src/utils.test.ts b/lib/router/src/utils.test.ts
index 5bae92792d6..abd1ad54af6 100644
--- a/lib/router/src/utils.test.ts
+++ b/lib/router/src/utils.test.ts
@@ -1,6 +1,48 @@
-import { parsePath } from './utils';
+import { getMatch, parsePath } from './utils';
+
+describe('getMatch', () => {
+  it('gets startsWithTarget match', () => {
+    const output = getMatch('/foo/bar', '/foo', true);
+
+    expect(output).toEqual({
+      path: '/foo/bar',
+    });
+  });
+
+  it('gets currentIsTarget match', () => {
+    const output = getMatch('/foo', '/foo', false);
+
+    expect(output).toEqual({
+      path: '/foo',
+    });
+  });
+
+  it('gets matchTarget match', () => {
+    const output = getMatch('/foo', '/f.+', false);
+
+    expect(output).toEqual({
+      path: '/foo',
+    });
+  });
+
+  it('returns null match', () => {
+    const output = getMatch('/foo/bar', '/foo/baz', true);
+
+    expect(output).toBe(null);
+  });
+});
 
 describe('parsePath', () => {
+  it('should work without path', () => {
+    const output = parsePath(undefined);
+
+    expect(output).toEqual({
+      viewMode: undefined,
+      storyId: undefined,
+      refId: undefined,
+    });
+  });
+
   it('should parse /foo/bar correctly', () => {
     const output = parsePath('/foo/bar');
 
diff --git a/lib/router/src/utils.ts b/lib/router/src/utils.ts
index 4c80d8db44b..ace2c101146 100644
--- a/lib/router/src/utils.ts
+++ b/lib/router/src/utils.ts
@@ -9,7 +9,7 @@ export interface StoryData {
 
 const splitPathRegex = /\/([^/]+)\/(?:(.*)_)?([^/]+)?/;
 
-export const parsePath: (path?: string) => StoryData = memoize(1000)(
+export const parsePath: (path: string | undefined) => StoryData = memoize(1000)(
   (path: string | undefined | null) => {
     const result: StoryData = {
       viewMode: undefined,
@@ -18,12 +18,7 @@ export const parsePath: (path?: string) => StoryData = memoize(1000)(
     };
 
     if (path) {
-      const [, viewMode, refId, storyId] = path.toLowerCase().match(splitPathRegex) || [
-        undefined,
-        undefined,
-        undefined,
-        undefined,
-      ];
+      const [, viewMode, refId, storyId] = path.toLowerCase().match(splitPathRegex) || [];
       if (viewMode) {
         Object.assign(result, {
           viewMode,
@@ -47,13 +42,18 @@ export const queryFromLocation = (location: { search: string }) => queryFromStri
 export const stringifyQuery = (query: Query) =>
   qs.stringify(query, { addQueryPrefix: true, encode: false });
 
-export const getMatch = memoize(1000)((current: string, target: string, startsWith = true) => {
-  const startsWithTarget = current && startsWith && current.startsWith(target);
-  const currentIsTarget = typeof target === 'string' && current === target;
-  const matchTarget = current && target && current.match(target);
+type Match = { path: string };
 
-  if (startsWithTarget || currentIsTarget || matchTarget) {
-    return { path: current };
+export const getMatch = memoize(1000)(
+  (current: string, target: string, startsWith = true): Match | null => {
+    const startsWithTarget = current && startsWith && current.startsWith(target);
+    const currentIsTarget = typeof target === 'string' && current === target;
+    const matchTarget = current && target && current.match(target);
+
+    if (startsWithTarget || currentIsTarget || matchTarget) {
+      return { path: current };
+    }
+
+    return null;
   }
-  return null;
-});
+);
diff --git a/lib/source-loader/README.md b/lib/source-loader/README.md
index eb60d7e33f5..a2c825b77e8 100644
--- a/lib/source-loader/README.md
+++ b/lib/source-loader/README.md
@@ -1,3 +1,140 @@
-# Source Loader
+<h1>Source Loader</h1>
 
 Storybook `source-loader` is a webpack loader that annotates Storybook story files with their source code. It powers the [storysource](https://github.com/storybookjs/storybook/tree/next/addons/storysource) and [docs](https://github.com/storybookjs/storybook/tree/next/addons/docs) addons.
+
+- [Options](#options)
+  - [parser](#parser)
+  - [prettierConfig](#prettierconfig)
+  - [uglyCommentsRegex](#uglycommentsregex)
+  - [injectDecorator](#injectdecorator)
+
+## Options
+
+The loader can be customized with the following options:
+
+### parser
+
+The parser that will be parsing your code to AST (based on [prettier](https://github.com/prettier/prettier/tree/master/src/language-js))
+
+Allowed values:
+
+- `javascript` - default
+- `typescript`
+- `flow`
+
+Be sure to update the regex test for the webpack rule if utilizing Typescript files.
+
+Usage:
+
+```js
+module.exports = function ({ config }) {
+  config.module.rules.push({
+    test: /\.stories\.tsx?$/,
+    loaders: [
+      {
+        loader: require.resolve('@storybook/source-loader'),
+        options: { parser: 'typescript' },
+      },
+    ],
+    enforce: 'pre',
+  });
+
+  return config;
+};
+```
+
+### prettierConfig
+
+The prettier configuration that will be used to format the story source in the addon panel.
+
+Defaults:
+
+```js
+{
+  printWidth: 100,
+  tabWidth: 2,
+  bracketSpacing: true,
+  trailingComma: 'es5',
+  singleQuote: true,
+}
+```
+
+Usage:
+
+```js
+module.exports = function ({ config }) {
+  config.module.rules.push({
+    test: /\.stories\.jsx?$/,
+    loaders: [
+      {
+        loader: require.resolve('@storybook/source-loader'),
+        options: {
+          prettierConfig: {
+            printWidth: 100,
+            singleQuote: false,
+          },
+        },
+      },
+    ],
+    enforce: 'pre',
+  });
+
+  return config;
+};
+```
+
+### uglyCommentsRegex
+
+The array of regex that is used to remove "ugly" comments.
+
+Defaults:
+
+```js
+[/^eslint-.*/, /^global.*/];
+```
+
+Usage:
+
+```js
+module.exports = function ({ config }) {
+  config.module.rules.push({
+    test: /\.stories\.jsx?$/,
+    loaders: [
+      {
+        loader: require.resolve('@storybook/source-loader'),
+        options: {
+          uglyCommentsRegex: [/^eslint-.*/, /^global.*/],
+        },
+      },
+    ],
+    enforce: 'pre',
+  });
+
+  return config;
+};
+```
+
+### injectDecorator
+
+Tell storysource whether you need inject decorator. If false, you need to add the decorator by yourself;
+
+Defaults: true
+
+Usage:
+
+```js
+module.exports = function ({ config }) {
+  config.module.rules.push({
+    test: /\.stories\.jsx?$/,
+    loaders: [
+      {
+        loader: require.resolve('@storybook/source-loader'),
+        options: { injectDecorator: false },
+      },
+    ],
+    enforce: 'pre',
+  });
+
+  return config;
+};
+```
diff --git a/lib/source-loader/extract-source.d.ts b/lib/source-loader/extract-source.d.ts
new file mode 100644
index 00000000000..7fff1094d59
--- /dev/null
+++ b/lib/source-loader/extract-source.d.ts
@@ -0,0 +1 @@
+export * from './dist/extract-source.d';
diff --git a/lib/source-loader/extract-source.js b/lib/source-loader/extract-source.js
new file mode 100644
index 00000000000..60d737b3b03
--- /dev/null
+++ b/lib/source-loader/extract-source.js
@@ -0,0 +1 @@
+module.exports = require('./dist/extract-source');
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index bd22f4f9d69..3848089d55f 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -23,28 +23,34 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
     "@storybook/csf": "0.0.1",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "global": "^4.3.2",
     "loader-utils": "^2.0.0",
-    "prettier": "^2.0.5",
+    "lodash": "^4.17.15",
+    "prettier": "~2.0.5",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "regenerator-runtime": "^0.13.3"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff"
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
+  "typesVersions": {
+    "<3.8": {
+      "*": [
+        "ts3.4/*"
+      ]
+    }
+  }
 }
diff --git a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.snap b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.snap
index d9ab6ca62e3..43967b34421 100644
--- a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.snap
+++ b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.csf.test.js.snap
@@ -1,11 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`inject-decorator injectStoryParameters - ts - csf includes storySource parameter in the default exported object 1`] = `
+"
+
+
+Basic.parameters = { storySource: { source: \\"() => (\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>Hello Button</Button>\\\\n)\\" }, ...Basic.parameters };
+WithParams.parameters = { storySource: { source: \\"() => <Button>WithParams</Button>\\" }, ...WithParams.parameters };
+WithDocsParams.parameters = { storySource: { source: \\"() => <Button>WithDocsParams</Button>\\" }, ...WithDocsParams.parameters };
+WithStorySourceParams.parameters = { storySource: { source: \\"() => <Button>WithStorySourceParams</Button>\\" }, ...WithStorySourceParams.parameters };
+WithTemplate.parameters = { storySource: { source: \\"(args: Args) => <Button {...args} />\\" }, ...WithTemplate.parameters };
+WithEmptyTemplate.parameters = { storySource: { source: \\"(args: Args) => <Button {...args} />\\" }, ...WithEmptyTemplate.parameters };
+WithAddFunctionParameters.parameters = { storySource: { source: \\"() => null\\" }, ...WithAddFunctionParameters.parameters };"
+`;
+
 exports[`inject-decorator positive - ts - csf includes storySource parameter in the default exported object 1`] = `
 "import React from \\"react\\";
 import { action } from \\"@storybook/addon-actions\\";
 import { Button } from \\"@storybook/react/demo\\";
 
-export default {parameters: {\\"storySource\\":{\\"source\\":\\"import React from \\\\\\"react\\\\\\";\\\\nimport { action } from \\\\\\"@storybook/addon-actions\\\\\\";\\\\nimport { Button } from \\\\\\"@storybook/react/demo\\\\\\";\\\\n\\\\nexport default {\\\\n  title: \\\\\\"Button\\\\\\",\\\\n  excludeStories: [\\\\\\"text\\\\\\"],\\\\n  includeStories: /emoji.*/\\\\n};\\\\n\\\\nexport const text = () => (\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>Hello Button</Button>\\\\n);\\\\n\\\\nexport const emoji = () => (\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>\\\\n    <span role=\\\\\\"img\\\\\\" aria-label=\\\\\\"so cool\\\\\\">\\\\n      😀 😎 👍 💯\\\\n    </span>\\\\n  </Button>\\\\n);\\\\n\\\\nexport function emojiFn() {\\\\n  return (\\\\n    <Button onClick={action(\\\\\\"clicked\\\\\\")}>\\\\n      <span role=\\\\\\"img\\\\\\" aria-label=\\\\\\"so cool\\\\\\">\\\\n        😀 😎 👍 💯\\\\n      </span>\\\\n    </Button>\\\\n  )\\\\n};\\\\n\\",\\"locationsMap\\":{\\"button--text\\":{\\"startLoc\\":{\\"col\\":20,\\"line\\":11},\\"endLoc\\":{\\"col\\":1,\\"line\\":13},\\"startBody\\":{\\"col\\":20,\\"line\\":11},\\"endBody\\":{\\"col\\":1,\\"line\\":13}},\\"button--emoji\\":{\\"startLoc\\":{\\"col\\":21,\\"line\\":15},\\"endLoc\\":{\\"col\\":1,\\"line\\":21},\\"startBody\\":{\\"col\\":21,\\"line\\":15},\\"endBody\\":{\\"col\\":1,\\"line\\":21}},\\"button--emoji-fn\\":{\\"startLoc\\":{\\"col\\":7,\\"line\\":23},\\"endLoc\\":{\\"col\\":1,\\"line\\":31},\\"startBody\\":{\\"col\\":7,\\"line\\":23},\\"endBody\\":{\\"col\\":1,\\"line\\":31}}}},},
+export default {parameters: {\\"storySource\\":{\\"source\\":\\"import React from \\\\\\"react\\\\\\";\\\\nimport { action } from \\\\\\"@storybook/addon-actions\\\\\\";\\\\nimport { Button } from \\\\\\"@storybook/react/demo\\\\\\";\\\\n\\\\nexport default {\\\\n  title: \\\\\\"Button\\\\\\",\\\\n  excludeStories: [\\\\\\"text\\\\\\"],\\\\n  includeStories: /emoji.*/\\\\n};\\\\n\\\\nexport const text = () => (\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>Hello Button</Button>\\\\n);\\\\n\\\\nexport const emoji = () => (\\\\n  <Button onClick={action(\\\\\\"clicked\\\\\\")}>\\\\n    <span role=\\\\\\"img\\\\\\" aria-label=\\\\\\"so cool\\\\\\">\\\\n      😀 😎 👍 💯\\\\n    </span>\\\\n  </Button>\\\\n);\\\\n\\\\nexport function emojiFn() {\\\\n  return (\\\\n    <Button onClick={action(\\\\\\"clicked\\\\\\")}>\\\\n      <span role=\\\\\\"img\\\\\\" aria-label=\\\\\\"so cool\\\\\\">\\\\n        😀 😎 👍 💯\\\\n      </span>\\\\n    </Button>\\\\n  )\\\\n};\\\\n\\",\\"locationsMap\\":{\\"text\\":{\\"startLoc\\":{\\"col\\":20,\\"line\\":11},\\"endLoc\\":{\\"col\\":1,\\"line\\":13},\\"startBody\\":{\\"col\\":20,\\"line\\":11},\\"endBody\\":{\\"col\\":1,\\"line\\":13}},\\"emoji\\":{\\"startLoc\\":{\\"col\\":21,\\"line\\":15},\\"endLoc\\":{\\"col\\":1,\\"line\\":21},\\"startBody\\":{\\"col\\":21,\\"line\\":15},\\"endBody\\":{\\"col\\":1,\\"line\\":21}},\\"emoji-fn\\":{\\"startLoc\\":{\\"col\\":7,\\"line\\":23},\\"endLoc\\":{\\"col\\":1,\\"line\\":31},\\"startBody\\":{\\"col\\":7,\\"line\\":23},\\"endBody\\":{\\"col\\":1,\\"line\\":31}}}},},
   title: \\"Button\\",
   excludeStories: [\\"text\\"],
   includeStories: /emoji.*/
diff --git a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
index db66423186b..f66b2b8a66b 100644
--- a/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
+++ b/lib/source-loader/src/abstract-syntax-tree/__snapshots__/inject-decorator.test.js.snap
@@ -252,7 +252,7 @@ storiesOf('Addons|Info.GitHub issues', module).add(
 
 exports[`inject-decorator positive - angular calculates "adds" map 1`] = `
 Object {
-  "custom-ng-content--default": Object {
+  "default": Object {
     "endBody": Object {
       "col": 2,
       "line": 15,
@@ -292,7 +292,28 @@ storiesOf('Custom|ng-content', module).addParameters({ storySource: { source: __
 "
 `;
 
-exports[`inject-decorator positive - flow calculates "adds" map 1`] = `Object {}`;
+exports[`inject-decorator positive - flow calculates "adds" map 1`] = `
+Object {
+  "flow-class": Object {
+    "endBody": Object {
+      "col": 70,
+      "line": 35,
+    },
+    "endLoc": Object {
+      "col": 70,
+      "line": 35,
+    },
+    "startBody": Object {
+      "col": 26,
+      "line": 35,
+    },
+    "startLoc": Object {
+      "col": 12,
+      "line": 35,
+    },
+  },
+}
+`;
 
 exports[`inject-decorator positive - flow injects stories decorator after the all "storiesOf" functions 1`] = `
 "// @flow
@@ -335,7 +356,7 @@ stories.add('Flow Class', withInfo('Lorum Ipsum Nem')(() => <Table />));
 
 exports[`inject-decorator positive - ts calculates "adds" map 1`] = `
 Object {
-  "ngrx-store--with-component": Object {
+  "with-component": Object {
     "endBody": Object {
       "col": 3,
       "line": 32,
@@ -393,25 +414,7 @@ storiesOf('ngrx|Store', module).addParameters({ storySource: { source: __STORY__
 
 exports[`inject-decorator positive calculates "adds" map 1`] = `
 Object {
-  "addons-info-decorator--use-info-as-story-decorator": Object {
-    "endBody": Object {
-      "col": 73,
-      "line": 137,
-    },
-    "endLoc": Object {
-      "col": 73,
-      "line": 137,
-    },
-    "startBody": Object {
-      "col": 38,
-      "line": 137,
-    },
-    "startLoc": Object {
-      "col": 7,
-      "line": 137,
-    },
-  },
-  "addons-info-github-issues--1814": Object {
+  "1814": Object {
     "endBody": Object {
       "col": 4,
       "line": 152,
@@ -429,169 +432,7 @@ Object {
       "line": 146,
     },
   },
-  "addons-info-markdown--displays-markdown-in-description": Object {
-    "endBody": Object {
-      "col": 96,
-      "line": 44,
-    },
-    "endLoc": Object {
-      "col": 96,
-      "line": 44,
-    },
-    "startBody": Object {
-      "col": 2,
-      "line": 44,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 43,
-    },
-  },
-  "addons-info-options-header--shows-or-hides-info-addon-header": Object {
-    "endBody": Object {
-      "col": 41,
-      "line": 60,
-    },
-    "endLoc": Object {
-      "col": 41,
-      "line": 60,
-    },
-    "startBody": Object {
-      "col": 2,
-      "line": 57,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 56,
-    },
-  },
-  "addons-info-options-inline--inlines-component-inside-story": Object {
-    "endBody": Object {
-      "col": 41,
-      "line": 52,
-    },
-    "endLoc": Object {
-      "col": 41,
-      "line": 52,
-    },
-    "startBody": Object {
-      "col": 2,
-      "line": 49,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 48,
-    },
-  },
-  "addons-info-options-proptables--shows-additional-component-prop-tables": Object {
-    "endBody": Object {
-      "col": 41,
-      "line": 76,
-    },
-    "endLoc": Object {
-      "col": 41,
-      "line": 76,
-    },
-    "startBody": Object {
-      "col": 2,
-      "line": 73,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 72,
-    },
-  },
-  "addons-info-options-proptablesexclude--exclude-component-from-prop-tables": Object {
-    "endBody": Object {
-      "col": 4,
-      "line": 89,
-    },
-    "endLoc": Object {
-      "col": 4,
-      "line": 89,
-    },
-    "startBody": Object {
-      "col": 2,
-      "line": 81,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 80,
-    },
-  },
-  "addons-info-options-source--shows-or-hides-info-addon-source": Object {
-    "endBody": Object {
-      "col": 41,
-      "line": 68,
-    },
-    "endLoc": Object {
-      "col": 41,
-      "line": 68,
-    },
-    "startBody": Object {
-      "col": 2,
-      "line": 65,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 64,
-    },
-  },
-  "addons-info-options-styles--extend-info-styles-with-an-object": Object {
-    "endBody": Object {
-      "col": 43,
-      "line": 108,
-    },
-    "endLoc": Object {
-      "col": 43,
-      "line": 108,
-    },
-    "startBody": Object {
-      "col": 4,
-      "line": 95,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 94,
-    },
-  },
-  "addons-info-options-styles--full-control-over-styles-using-a-function": Object {
-    "endBody": Object {
-      "col": 43,
-      "line": 123,
-    },
-    "endLoc": Object {
-      "col": 43,
-      "line": 123,
-    },
-    "startBody": Object {
-      "col": 4,
-      "line": 112,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 111,
-    },
-  },
-  "addons-info-options-tablecomponent--use-a-custom-component-for-the-table": Object {
-    "endBody": Object {
-      "col": 41,
-      "line": 130,
-    },
-    "endLoc": Object {
-      "col": 41,
-      "line": 130,
-    },
-    "startBody": Object {
-      "col": 2,
-      "line": 128,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 127,
-    },
-  },
-  "addons-info-react-docgen--comments-from-component-declaration": Object {
+  "comments-from-component-declaration": Object {
     "endBody": Object {
       "col": 70,
       "line": 28,
@@ -609,7 +450,7 @@ Object {
       "line": 25,
     },
   },
-  "addons-info-react-docgen--comments-from-flow-declarations": Object {
+  "comments-from-flow-declarations": Object {
     "endBody": Object {
       "col": 85,
       "line": 22,
@@ -627,7 +468,7 @@ Object {
       "line": 19,
     },
   },
-  "addons-info-react-docgen--comments-from-proptype-declarations": Object {
+  "comments-from-proptype-declarations": Object {
     "endBody": Object {
       "col": 79,
       "line": 16,
@@ -645,6 +486,186 @@ Object {
       "line": 13,
     },
   },
+  "displays-markdown-in-description": Object {
+    "endBody": Object {
+      "col": 96,
+      "line": 44,
+    },
+    "endLoc": Object {
+      "col": 96,
+      "line": 44,
+    },
+    "startBody": Object {
+      "col": 2,
+      "line": 44,
+    },
+    "startLoc": Object {
+      "col": 2,
+      "line": 43,
+    },
+  },
+  "exclude-component-from-prop-tables": Object {
+    "endBody": Object {
+      "col": 4,
+      "line": 89,
+    },
+    "endLoc": Object {
+      "col": 4,
+      "line": 89,
+    },
+    "startBody": Object {
+      "col": 2,
+      "line": 81,
+    },
+    "startLoc": Object {
+      "col": 2,
+      "line": 80,
+    },
+  },
+  "extend-info-styles-with-an-object": Object {
+    "endBody": Object {
+      "col": 43,
+      "line": 108,
+    },
+    "endLoc": Object {
+      "col": 43,
+      "line": 108,
+    },
+    "startBody": Object {
+      "col": 4,
+      "line": 95,
+    },
+    "startLoc": Object {
+      "col": 4,
+      "line": 94,
+    },
+  },
+  "full-control-over-styles-using-a-function": Object {
+    "endBody": Object {
+      "col": 43,
+      "line": 123,
+    },
+    "endLoc": Object {
+      "col": 43,
+      "line": 123,
+    },
+    "startBody": Object {
+      "col": 4,
+      "line": 112,
+    },
+    "startLoc": Object {
+      "col": 4,
+      "line": 111,
+    },
+  },
+  "inlines-component-inside-story": Object {
+    "endBody": Object {
+      "col": 41,
+      "line": 52,
+    },
+    "endLoc": Object {
+      "col": 41,
+      "line": 52,
+    },
+    "startBody": Object {
+      "col": 2,
+      "line": 49,
+    },
+    "startLoc": Object {
+      "col": 2,
+      "line": 48,
+    },
+  },
+  "shows-additional-component-prop-tables": Object {
+    "endBody": Object {
+      "col": 41,
+      "line": 76,
+    },
+    "endLoc": Object {
+      "col": 41,
+      "line": 76,
+    },
+    "startBody": Object {
+      "col": 2,
+      "line": 73,
+    },
+    "startLoc": Object {
+      "col": 2,
+      "line": 72,
+    },
+  },
+  "shows-or-hides-info-addon-header": Object {
+    "endBody": Object {
+      "col": 41,
+      "line": 60,
+    },
+    "endLoc": Object {
+      "col": 41,
+      "line": 60,
+    },
+    "startBody": Object {
+      "col": 2,
+      "line": 57,
+    },
+    "startLoc": Object {
+      "col": 2,
+      "line": 56,
+    },
+  },
+  "shows-or-hides-info-addon-source": Object {
+    "endBody": Object {
+      "col": 41,
+      "line": 68,
+    },
+    "endLoc": Object {
+      "col": 41,
+      "line": 68,
+    },
+    "startBody": Object {
+      "col": 2,
+      "line": 65,
+    },
+    "startLoc": Object {
+      "col": 2,
+      "line": 64,
+    },
+  },
+  "use-a-custom-component-for-the-table": Object {
+    "endBody": Object {
+      "col": 41,
+      "line": 130,
+    },
+    "endLoc": Object {
+      "col": 41,
+      "line": 130,
+    },
+    "startBody": Object {
+      "col": 2,
+      "line": 128,
+    },
+    "startLoc": Object {
+      "col": 2,
+      "line": 127,
+    },
+  },
+  "use-info-as-story-decorator": Object {
+    "endBody": Object {
+      "col": 73,
+      "line": 137,
+    },
+    "endLoc": Object {
+      "col": 73,
+      "line": 137,
+    },
+    "startBody": Object {
+      "col": 38,
+      "line": 137,
+    },
+    "startLoc": Object {
+      "col": 7,
+      "line": 137,
+    },
+  },
 }
 `;
 
diff --git a/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js b/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
index 492e1e9e416..423c5a622b6 100644
--- a/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
+++ b/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
@@ -1,3 +1,5 @@
+import { storyNameFromExport, sanitize } from '@storybook/csf';
+import mapKeys from 'lodash/mapKeys';
 import { patchNode } from './parse-helpers';
 import getParser from './parsers';
 import {
@@ -7,6 +9,13 @@ import {
   popParametersObjectFromDefaultExport,
   findExportsMap as generateExportsMap,
 } from './traverse-helpers';
+import { extractSource } from '../extract-source';
+
+export function sanitizeSource(source) {
+  return JSON.stringify(source)
+    .replace(/\u2028/g, '\\u2028')
+    .replace(/\u2029/g, '\\u2029');
+}
 
 function isUglyComment(comment, uglyCommentsRegex) {
   return uglyCommentsRegex.some((regex) => regex.test(comment));
@@ -134,6 +143,14 @@ export function generateStorySource({ source, ...options }) {
   return storySource;
 }
 
+function transformLocationMapToIds(parameters) {
+  if (!parameters?.locationsMap) return parameters;
+  const locationsMap = mapKeys(parameters.locationsMap, (_value, key) => {
+    return sanitize(storyNameFromExport(key));
+  });
+  return { ...parameters, locationsMap };
+}
+
 export function generateSourcesInExportedParameters(source, ast, additionalParameters) {
   const {
     splicedSource,
@@ -142,10 +159,9 @@ export function generateSourcesInExportedParameters(source, ast, additionalParam
     foundParametersProperty,
   } = popParametersObjectFromDefaultExport(source, ast);
   if (indexWhereToAppend !== -1) {
-    const additionalParametersAsJson = JSON.stringify({ storySource: additionalParameters }).slice(
-      0,
-      -1
-    );
+    const additionalParametersAsJson = JSON.stringify({
+      storySource: transformLocationMapToIds(additionalParameters),
+    }).slice(0, -1);
     const propertyDeclaration = foundParametersProperty ? '' : 'parameters: ';
     const comma = foundParametersProperty ? '' : ',';
     const newParameters = `${propertyDeclaration}${additionalParametersAsJson},${parametersSliceOfCode.substring(
@@ -160,3 +176,26 @@ export function generateSourcesInExportedParameters(source, ast, additionalParam
   }
   return source;
 }
+
+function addStorySourceParameter(key, snippet) {
+  const source = sanitizeSource(snippet);
+  return `${key}.parameters = { storySource: { source: ${source} }, ...${key}.parameters };`;
+}
+
+export function generateSourcesInStoryParameters(source, ast, additionalParameters) {
+  if (!additionalParameters || !additionalParameters.source || !additionalParameters.locationsMap) {
+    return source;
+  }
+  const { source: sanitizedSource, locationsMap } = additionalParameters;
+  const lines = sanitizedSource.split('\n');
+  const suffix = Object.entries(locationsMap).reduce((acc, [exportName, location]) => {
+    const exportSource = extractSource(location, lines);
+    if (exportSource) {
+      const generated = addStorySourceParameter(exportName, exportSource);
+      return `${acc}\n${generated}`;
+    }
+    return acc;
+  }, '');
+
+  return suffix ? `${source}\n\n${suffix}` : source;
+}
diff --git a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
index 2d6f538ce35..c26acb5cb83 100644
--- a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
+++ b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
@@ -4,13 +4,13 @@ import injectDecorator from './inject-decorator';
 
 describe('inject-decorator', () => {
   describe('positive - ts - csf', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ts.csf.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
-      parser: 'typescript',
-    });
-
     it('includes storySource parameter in the default exported object', () => {
+      const mockFilePath = './__mocks__/inject-decorator.ts.csf.txt';
+      const source = fs.readFileSync(mockFilePath, 'utf-8');
+      const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+        parser: 'typescript',
+      });
+
       expect(result.source).toMatchSnapshot();
       expect(result.source).toEqual(
         expect.stringContaining(
@@ -19,4 +19,17 @@ describe('inject-decorator', () => {
       );
     });
   });
+
+  describe('injectStoryParameters - ts - csf', () => {
+    it('includes storySource parameter in the default exported object', () => {
+      const mockFilePath = './__mocks__/inject-parameters.ts.csf.txt';
+      const source = fs.readFileSync(mockFilePath, 'utf-8');
+      const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+        injectStoryParameters: true,
+        parser: 'typescript',
+      });
+
+      expect(result.source).toMatchSnapshot();
+    });
+  });
 });
diff --git a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
index 5ca85d1327c..b60f858f762 100644
--- a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
+++ b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
@@ -7,6 +7,7 @@ import {
   generateStorySource,
   generateStoriesLocationsMap,
   generateSourcesInExportedParameters,
+  generateSourcesInStoryParameters,
 } from './generate-helpers';
 
 function extendOptions(source, comments, filepath, options) {
@@ -20,7 +21,7 @@ function extendOptions(source, comments, filepath, options) {
 }
 
 function inject(source, filepath, options = {}, log = (message) => {}) {
-  const { injectDecorator = true, injectParameters = false } = options;
+  const { injectDecorator = true, injectStoryParameters = false } = options;
   const obviouslyNotCode = ['md', 'txt', 'json'].includes(options.parser);
   let parser = null;
   try {
@@ -51,10 +52,17 @@ function inject(source, filepath, options = {}, log = (message) => {}) {
   let newSource = cleanedSource;
   if (exportTokenFound) {
     const cleanedSourceAst = parser.parse(cleanedSource);
-    newSource = generateSourcesInExportedParameters(cleanedSource, cleanedSourceAst, {
-      source: storySource,
-      locationsMap: addsMap,
-    });
+    if (injectStoryParameters) {
+      newSource = generateSourcesInStoryParameters(cleanedSource, cleanedSourceAst, {
+        source: storySource,
+        locationsMap: addsMap,
+      });
+    } else {
+      newSource = generateSourcesInExportedParameters(cleanedSource, cleanedSourceAst, {
+        source: storySource,
+        locationsMap: addsMap,
+      });
+    }
   }
 
   if (!changed && Object.keys(addsMap || {}).length === 0) {
diff --git a/lib/source-loader/src/abstract-syntax-tree/parse-helpers.js b/lib/source-loader/src/abstract-syntax-tree/parse-helpers.js
index 7da7f744c78..63c74f7bbd5 100644
--- a/lib/source-loader/src/abstract-syntax-tree/parse-helpers.js
+++ b/lib/source-loader/src/abstract-syntax-tree/parse-helpers.js
@@ -1,4 +1,4 @@
-const { toId } = require('@storybook/csf');
+const { sanitize } = require('@storybook/csf');
 
 const STORIES_OF = 'storiesOf';
 
@@ -10,39 +10,6 @@ function pushParts(source, parts, from, to) {
   parts.push(end);
 }
 
-function getKindFromStoryOfNode(object) {
-  if (object.arguments.length < 1) {
-    return '';
-  }
-
-  const kindArgument = object.arguments[0];
-
-  if (kindArgument.type === 'Literal' || kindArgument.type === 'StringLiteral') {
-    return kindArgument.value;
-  }
-
-  if (kindArgument.type === 'TemplateLiteral') {
-    // we can generate template, but it will not be a real value
-    // until the full template compilation. probably won't fix.
-    return '';
-  }
-
-  // other options may include some complex usages.
-  return '';
-}
-
-function findRelatedKind(object) {
-  if (!object || !object.callee) {
-    return '';
-  }
-
-  if (object.callee.name === STORIES_OF) {
-    return getKindFromStoryOfNode(object);
-  }
-
-  return findRelatedKind(object.callee.object);
-}
-
 export function patchNode(node) {
   if (node.range && node.range.length === 2 && node.start === undefined && node.end === undefined) {
     const [start, end] = node.range;
@@ -61,7 +28,62 @@ export function patchNode(node) {
   return node;
 }
 
-export function handleExportedName(kind, storyName, node) {
+function findTemplate(templateName, program) {
+  let template = null;
+  program.body.find((node) => {
+    let declarations = null;
+    if (node.type === 'VariableDeclaration') {
+      declarations = node.declarations;
+    } else if (
+      node.type === 'ExportNamedDeclaration' &&
+      node.declaration.type === 'VariableDeclaration'
+    ) {
+      declarations = node.declaration.declarations;
+    }
+    return (
+      declarations &&
+      declarations.find((decl) => {
+        if (
+          decl.type === 'VariableDeclarator' &&
+          decl.id.type === 'Identifier' &&
+          decl.id.name === templateName
+        ) {
+          template = decl.init;
+          return true; // stop looking
+        }
+        return false;
+      })
+    );
+  });
+  return template;
+}
+
+function expandBindExpression(node, parent) {
+  if (node.type === 'CallExpression') {
+    const { callee, arguments: bindArguments } = node;
+    if (
+      parent.type === 'Program' &&
+      callee.type === 'MemberExpression' &&
+      callee.object.type === 'Identifier' &&
+      callee.property.type === 'Identifier' &&
+      callee.property.name === 'bind' &&
+      (bindArguments.length === 0 ||
+        (bindArguments.length === 1 &&
+          bindArguments[0].type === 'ObjectExpression' &&
+          bindArguments[0].properties.length === 0))
+    ) {
+      const boundIdentifier = callee.object.name;
+      const template = findTemplate(boundIdentifier, parent);
+      if (template) {
+        return template;
+      }
+    }
+  }
+  return node;
+}
+
+export function handleExportedName(storyName, originalNode, parent) {
+  const node = expandBindExpression(originalNode, parent);
   const startLoc = {
     col: node.loc.start.column,
     line: node.loc.start.line,
@@ -71,7 +93,7 @@ export function handleExportedName(kind, storyName, node) {
     line: node.loc.end.line,
   };
   return {
-    [toId(kind, storyName)]: {
+    [storyName]: {
       startLoc,
       endLoc,
       startBody: startLoc,
@@ -81,7 +103,7 @@ export function handleExportedName(kind, storyName, node) {
 }
 
 export function handleADD(node, parent, storiesOfIdentifiers) {
-  if (!node.property || !node.property.name || node.property.name.indexOf('add') !== 0) {
+  if (!node.property || !node.property.name || node.property.name !== 'add') {
     return {};
   }
 
@@ -108,9 +130,8 @@ export function handleADD(node, parent, storiesOfIdentifiers) {
     return {};
   }
 
-  const kind = findRelatedKind(node.object) || '';
-  if (kind && storyName.value) {
-    const key = toId(kind, storyName.value);
+  if (storyName.value) {
+    const key = sanitize(storyName.value);
     let idToFramework;
     if (key && framework) {
       idToFramework = { [key]: framework };
diff --git a/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js b/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
index 20ab7eeb288..0e542918f04 100644
--- a/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
+++ b/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
@@ -1,4 +1,4 @@
-import { storyNameFromExport, isExportStory } from '@storybook/csf';
+import { isExportStory } from '@storybook/csf';
 import { handleADD, handleSTORYOF, patchNode, handleExportedName } from './parse-helpers';
 
 const estraverse = require('estraverse');
@@ -157,75 +157,44 @@ export function findAddsMap(ast, storiesOfIdentifiers) {
 
 export function findExportsMap(ast) {
   const addsMap = {};
-  const program = (ast && ast.program) || ast;
-  const metaDeclaration =
-    program &&
-    program.body &&
-    program.body.find(
-      (d) =>
-        d.type === 'ExportDefaultDeclaration' &&
-        d.declaration.type === 'ObjectExpression' &&
-        (d.declaration.properties || []).length
-    );
+  estraverse.traverse(ast, {
+    fallback: 'iteration',
+    enter: (node, parent) => {
+      patchNode(node);
 
-  const titleProperty =
-    metaDeclaration &&
-    metaDeclaration.declaration &&
-    metaDeclaration.declaration.properties.find((p) => p.key && p.key.name === 'title');
+      const isNamedExport = node.type === 'ExportNamedDeclaration' && node.declaration;
 
-  if (!titleProperty) {
-    return addsMap;
-  }
-  const titleValue = titleProperty.value;
-  let title;
-  if (titleValue.type === 'TemplateLiteral' && titleValue.quasis.length > 0) {
-    // if a  tagged template string.
-    title = titleValue.quasis[0].value.raw;
-  } else {
-    // if title is string: 'StringLiteral'
-    title = titleProperty.value.value;
-  }
-  if (title) {
-    estraverse.traverse(ast, {
-      fallback: 'iteration',
-      enter: (node) => {
-        patchNode(node);
+      const isFunctionVariableExport =
+        isNamedExport &&
+        node.declaration.declarations &&
+        node.declaration.declarations.length === 1 &&
+        node.declaration.declarations[0].type === 'VariableDeclarator' &&
+        node.declaration.declarations[0].id &&
+        node.declaration.declarations[0].id.name &&
+        node.declaration.declarations[0].init &&
+        ['CallExpression', 'ArrowFunctionExpression', 'FunctionExpression'].includes(
+          node.declaration.declarations[0].init.type
+        );
 
-        const isNamedExport = node.type === 'ExportNamedDeclaration' && node.declaration;
+      const isFunctionDeclarationExport =
+        isNamedExport &&
+        node.declaration.type === 'FunctionDeclaration' &&
+        node.declaration.id &&
+        node.declaration.id.name;
 
-        const isFunctionVariableExport =
-          isNamedExport &&
-          node.declaration.declarations &&
-          node.declaration.declarations.length === 1 &&
-          node.declaration.declarations[0].type === 'VariableDeclarator' &&
-          node.declaration.declarations[0].id &&
-          node.declaration.declarations[0].id.name &&
-          node.declaration.declarations[0].init &&
-          ['CallExpression', 'ArrowFunctionExpression', 'FunctionExpression'].includes(
-            node.declaration.declarations[0].init.type
-          );
-
-        const isFunctionDeclarationExport =
-          isNamedExport &&
-          node.declaration.type === 'FunctionDeclaration' &&
-          node.declaration.id &&
-          node.declaration.id.name;
-
-        if (isFunctionDeclarationExport || isFunctionVariableExport) {
-          const exportDeclaration = isFunctionVariableExport
-            ? node.declaration.declarations[0]
-            : node.declaration;
-          const storyName = storyNameFromExport(exportDeclaration.id.name);
-          const toAdd = handleExportedName(
-            title,
-            storyName,
-            exportDeclaration.init || exportDeclaration
-          );
-          Object.assign(addsMap, toAdd);
-        }
-      },
-    });
-  }
+      if (isFunctionDeclarationExport || isFunctionVariableExport) {
+        const exportDeclaration = isFunctionVariableExport
+          ? node.declaration.declarations[0]
+          : node.declaration;
+        const toAdd = handleExportedName(
+          exportDeclaration.id.name,
+          exportDeclaration.init || exportDeclaration,
+          parent
+        );
+        Object.assign(addsMap, toAdd);
+      }
+    },
+  });
   return addsMap;
 }
 
@@ -239,12 +208,18 @@ export function popParametersObjectFromDefaultExport(source, ast) {
     enter: (node) => {
       patchNode(node);
 
+      const isDefaultExport = node.type === 'ExportDefaultDeclaration';
+      const isObjectExpression = node.declaration?.type === 'ObjectExpression';
+      const isTsAsExpression = node.declaration?.type === 'TSAsExpression';
+
+      const targetNode = isObjectExpression ? node.declaration : node.declaration?.expression;
+
       if (
-        node.type === 'ExportDefaultDeclaration' &&
-        node.declaration.type === 'ObjectExpression' &&
-        (node.declaration.properties || []).length
+        isDefaultExport &&
+        (isObjectExpression || isTsAsExpression) &&
+        (targetNode.properties || []).length
       ) {
-        const parametersProperty = node.declaration.properties.find(
+        const parametersProperty = targetNode.properties.find(
           (p) => p.key.name === 'parameters' && p.value.type === 'ObjectExpression'
         );
 
@@ -252,7 +227,7 @@ export function popParametersObjectFromDefaultExport(source, ast) {
         if (foundParametersProperty) {
           patchNode(parametersProperty.value);
         } else {
-          patchNode(node.declaration);
+          patchNode(targetNode);
         }
 
         splicedSource = parametersProperty
@@ -266,7 +241,7 @@ export function popParametersObjectFromDefaultExport(source, ast) {
 
         indexWhereToAppend = parametersProperty
           ? parametersProperty.value.start
-          : node.declaration.start + 1;
+          : targetNode.start + 1;
       }
     },
   });
diff --git a/lib/source-loader/src/build.js b/lib/source-loader/src/build.js
index b87101dbbb2..e817da8148b 100644
--- a/lib/source-loader/src/build.js
+++ b/lib/source-loader/src/build.js
@@ -9,6 +9,7 @@ export function transform(inputSource) {
     if (!sourceObject.source || sourceObject.source.length === 0) {
       return inputSource;
     }
+
     const { source, sourceJson, addsMap } = sourceObject;
     const preamble = `
       /* eslint-disable */
diff --git a/lib/source-loader/src/dependencies-lookup/readAsObject.js b/lib/source-loader/src/dependencies-lookup/readAsObject.js
index 3093df7d06b..f38ca06141f 100644
--- a/lib/source-loader/src/dependencies-lookup/readAsObject.js
+++ b/lib/source-loader/src/dependencies-lookup/readAsObject.js
@@ -1,5 +1,6 @@
 import { getOptions } from 'loader-utils';
 import injectDecorator from '../abstract-syntax-tree/inject-decorator';
+import { sanitizeSource } from '../abstract-syntax-tree/generate-helpers';
 
 function readAsObject(classLoader, inputSource, mainFile) {
   const options = getOptions(classLoader) || {};
@@ -13,10 +14,7 @@ function readAsObject(classLoader, inputSource, mainFile) {
     classLoader.emitWarning.bind(classLoader)
   );
 
-  const sourceJson = JSON.stringify(result.storySource || inputSource)
-    .replace(/\u2028/g, '\\u2028')
-    .replace(/\u2029/g, '\\u2029');
-
+  const sourceJson = sanitizeSource(result.storySource || inputSource);
   const addsMap = result.addsMap || {};
   const source = mainFile ? result.source : inputSource;
 
diff --git a/lib/source-loader/src/extract-source.ts b/lib/source-loader/src/extract-source.ts
new file mode 100644
index 00000000000..72092adadc3
--- /dev/null
+++ b/lib/source-loader/src/extract-source.ts
@@ -0,0 +1,24 @@
+import type { SourceBlock } from './types';
+
+export * from './types';
+
+/**
+ * given a location, extract the text from the full source
+ */
+export function extractSource(location: SourceBlock, lines: string[]): string | null {
+  const { startBody: start, endBody: end } = location;
+  if (start.line === end.line && lines[start.line - 1] !== undefined) {
+    return lines[start.line - 1].substring(start.col, end.col);
+  }
+  // NOTE: storysource locations are 1-based not 0-based!
+  const startLine = lines[start.line - 1];
+  const endLine = lines[end.line - 1];
+  if (startLine === undefined || endLine === undefined) {
+    return null;
+  }
+  return [
+    startLine.substring(start.col),
+    ...lines.slice(start.line, end.line - 1),
+    endLine.substring(0, end.col),
+  ].join('\n');
+}
diff --git a/lib/source-loader/src/index.ts b/lib/source-loader/src/index.ts
index ce664491534..757efdfeac6 100644
--- a/lib/source-loader/src/index.ts
+++ b/lib/source-loader/src/index.ts
@@ -2,5 +2,3 @@
 import { transform } from './build';
 
 export default transform;
-
-export * from './types';
diff --git a/lib/source-loader/src/types.ts b/lib/source-loader/src/types.ts
index 0319646364a..4dcacdd0371 100644
--- a/lib/source-loader/src/types.ts
+++ b/lib/source-loader/src/types.ts
@@ -4,6 +4,8 @@ export interface SourceLoc {
 }
 
 export interface SourceBlock {
+  startBody: SourceLoc;
+  endBody: SourceLoc;
   startLoc: SourceLoc;
   endLoc: SourceLoc;
 }
diff --git a/lib/theming/package.json b/lib/theming/package.json
index 5315fa654a9..c75d66d910a 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -22,7 +22,7 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
@@ -31,28 +31,26 @@
     "@emotion/core": "^10.0.20",
     "@emotion/is-prop-valid": "^0.8.6",
     "@emotion/styled": "^10.0.17",
-    "@storybook/client-logger": "6.0.0-beta.23",
+    "@storybook/client-logger": "6.1.0-alpha.14",
     "core-js": "^3.0.1",
     "deep-object-diff": "^1.1.0",
     "emotion-theming": "^10.0.19",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
     "polished": "^3.4.4",
+    "react": "^16.8.3",
+    "react-dom": "^16.8.3",
     "resolve-from": "^5.0.0",
     "ts-dedent": "^1.1.1"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/theming/src/convert.ts b/lib/theming/src/convert.ts
index da0666ded75..c35030a6ae1 100644
--- a/lib/theming/src/convert.ts
+++ b/lib/theming/src/convert.ts
@@ -49,15 +49,15 @@ const createColors = (vars: ThemeVars): Color => ({
   ultraviolet: color.ultraviolet,
 
   // Monochrome
-  lightest: vars.base === 'dark' ? color.darkest : color.lightest,
-  lighter: vars.base === 'dark' ? color.darker : color.lighter,
-  light: vars.base === 'dark' ? color.dark : color.light,
-  mediumlight: vars.base === 'dark' ? color.mediumdark : color.mediumlight,
+  lightest: color.lightest,
+  lighter: color.lighter,
+  light: color.light,
+  mediumlight: color.mediumlight,
   medium: color.medium,
-  mediumdark: vars.base === 'dark' ? color.mediumlight : color.mediumdark,
-  dark: vars.base === 'dark' ? color.light : color.dark,
-  darker: vars.base === 'dark' ? color.lighter : color.darker,
-  darkest: vars.base === 'dark' ? color.lightest : color.darkest,
+  mediumdark: color.mediumdark,
+  dark: color.dark,
+  darker: color.darker,
+  darkest: color.darkest,
 
   // For borders
   border: color.border,
diff --git a/lib/theming/src/modules/syntax.ts b/lib/theming/src/modules/syntax.ts
index ccd7c609926..a33a073d206 100644
--- a/lib/theming/src/modules/syntax.ts
+++ b/lib/theming/src/modules/syntax.ts
@@ -113,6 +113,8 @@ export const create = ({ colors, mono }: { colors: ColorsHash; mono: string }) =
       fontFamily: mono,
       WebkitFontSmoothing: 'antialiased',
 
+      '&.tag': colorsObjs.red3,
+
       '&.comment': { ...colorsObjs.green1, fontStyle: 'italic' },
       '&.prolog': { ...colorsObjs.green1, fontStyle: 'italic' },
       '&.doctype': { ...colorsObjs.green1, fontStyle: 'italic' },
@@ -120,9 +122,6 @@ export const create = ({ colors, mono }: { colors: ColorsHash; mono: string }) =
 
       '&.string': colorsObjs.red1,
 
-      '&.punctuation': colorsObjs.gray1,
-      '&.operator': colorsObjs.gray1,
-
       '&.url': colorsObjs.cyan1,
       '&.symbol': colorsObjs.cyan1,
       '&.number': colorsObjs.cyan1,
@@ -135,6 +134,9 @@ export const create = ({ colors, mono }: { colors: ColorsHash; mono: string }) =
       '&.keyword': colorsObjs.blue1,
       '&.attr-value': colorsObjs.blue1,
 
+      '&.punctuation': colorsObjs.gray1,
+      '&.operator': colorsObjs.gray1,
+
       '&.function': colorsObjs.gray1,
       '&.deleted': colorsObjs.red2,
 
@@ -151,7 +153,6 @@ export const create = ({ colors, mono }: { colors: ColorsHash; mono: string }) =
 
       '&.class-name': colorsObjs.cyan2,
 
-      '&.tag': colorsObjs.red3,
       '&.selector': colorsObjs.red3,
 
       '&.attr-name': colorsObjs.red4,
diff --git a/lib/ui/package.json b/lib/ui/package.json
index ef86d944d82..6cb9d512a7b 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "6.0.0-beta.23",
+  "version": "6.1.0-alpha.14",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "README.md",
     "*.js",
     "*.d.ts",
-    "ts3.5/**/*"
+    "ts3.4/**/*"
   ],
   "scripts": {
     "createDlls": "node -r esm ./scripts/createDlls.js",
@@ -29,22 +29,20 @@
   },
   "dependencies": {
     "@emotion/core": "^10.0.20",
-    "@storybook/addons": "6.0.0-beta.23",
-    "@storybook/api": "6.0.0-beta.23",
-    "@storybook/channels": "6.0.0-beta.23",
-    "@storybook/client-logger": "6.0.0-beta.23",
-    "@storybook/components": "6.0.0-beta.23",
-    "@storybook/core-events": "6.0.0-beta.23",
-    "@storybook/router": "6.0.0-beta.23",
+    "@storybook/addons": "6.1.0-alpha.14",
+    "@storybook/api": "6.1.0-alpha.14",
+    "@storybook/channels": "6.1.0-alpha.14",
+    "@storybook/client-logger": "6.1.0-alpha.14",
+    "@storybook/components": "6.1.0-alpha.14",
+    "@storybook/core-events": "6.1.0-alpha.14",
+    "@storybook/router": "6.1.0-alpha.14",
     "@storybook/semver": "^7.3.2",
-    "@storybook/theming": "6.0.0-beta.23",
+    "@storybook/theming": "6.1.0-alpha.14",
     "@types/markdown-to-jsx": "^6.11.0",
-    "@types/rfdc": "^1.1.0",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "core-js-pure": "^3.0.1",
     "emotion-theming": "^10.0.19",
-    "fast-deep-equal": "^3.1.1",
     "fuse.js": "^3.6.1",
     "global": "^4.3.2",
     "lodash": "^4.17.15",
@@ -60,18 +58,16 @@
     "react-sizeme": "^2.6.7",
     "regenerator-runtime": "^0.13.3",
     "resolve-from": "^5.0.0",
-    "rfdc": "^1.1.4",
-    "store2": "^2.7.1",
-    "telejson": "^4.0.0"
+    "store2": "^2.7.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.6",
-    "@storybook/addon-actions": "6.0.0-beta.23",
-    "@storybook/addon-knobs": "6.0.0-beta.23",
-    "@storybook/react": "6.0.0-beta.23",
+    "@babel/core": "^7.11.5",
+    "@storybook/addon-actions": "6.1.0-alpha.14",
+    "@storybook/addon-knobs": "6.1.0-alpha.14",
+    "@storybook/react": "6.1.0-alpha.14",
     "@testing-library/react": "^10.0.3",
     "babel-loader": "^8.0.6",
-    "chromatic": "^4.0.2",
+    "chromatic": "^5.0.0",
     "enzyme": "^3.11.0",
     "flush-promises": "^1.0.2",
     "terser-webpack-plugin": "^3.0.0",
@@ -80,11 +76,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4b9d901add9452525135caae98ae5f78dd8da9ff",
+  "gitHead": "4571582a90b646e361cb37df525f62312486307a",
   "typesVersions": {
-    "<=3.5": {
+    "<3.8": {
       "*": [
-        "ts3.5/*"
+        "ts3.4/*"
       ]
     }
   }
diff --git a/lib/ui/src/app.stories.tsx b/lib/ui/src/app.stories.tsx
index 6f7fbb7ca87..dcede85e012 100644
--- a/lib/ui/src/app.stories.tsx
+++ b/lib/ui/src/app.stories.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { createMemorySource, createHistory } from '@reach/router';
 
 import { Root as App } from './index';
 import { PrettyFakeProvider, FakeProvider } from './FakeProvider';
@@ -12,7 +13,12 @@ export default {
   },
 };
 
-export const Default = () => <App provider={(new FakeProvider() as unknown) as Provider} />;
-export const LoadingState = () => (
-  <App provider={(new PrettyFakeProvider() as unknown) as Provider} />
+const history = createHistory(createMemorySource('/?path=/story/story--id'));
+
+export const Default = () => (
+  <App provider={(new FakeProvider() as unknown) as Provider} history={history} />
+);
+
+export const LoadingState = () => (
+  <App provider={(new PrettyFakeProvider() as unknown) as Provider} history={history} />
 );
diff --git a/lib/ui/src/components/layout/mobile.stories.tsx b/lib/ui/src/components/layout/mobile.stories.tsx
index 782d18ff7c5..159a75f96ec 100644
--- a/lib/ui/src/components/layout/mobile.stories.tsx
+++ b/lib/ui/src/components/layout/mobile.stories.tsx
@@ -14,14 +14,14 @@ export default {
   parameters: { passArgsFirst: false },
   decorators: [
     withKnobs,
-    ((StoryFn, c) => {
+    ((storyFn, c) => {
       const mocked = boolean('mock', true);
 
       const props = {
         ...(mocked ? mockProps : realProps),
       };
 
-      return <StoryFn props={props} {...c} />;
+      return storyFn({ props, ...c });
     }) as DecoratorFn,
   ],
 };
diff --git a/lib/ui/src/components/preview/FramesRenderer.tsx b/lib/ui/src/components/preview/FramesRenderer.tsx
index d0f1f790ab5..f441a74bd8c 100644
--- a/lib/ui/src/components/preview/FramesRenderer.tsx
+++ b/lib/ui/src/components/preview/FramesRenderer.tsx
@@ -16,13 +16,17 @@ export const FramesRenderer: FunctionComponent<FramesRendererProps> = ({
   refs,
   story,
   scale,
-  viewMode,
+  viewMode = 'story',
   refId,
-  queryParams,
+  queryParams = {},
   baseUrl,
-  storyId,
+  storyId = '*',
 }) => {
-  const stringifiedQueryParams = stringifyQueryParams(queryParams);
+  const version = refs[refId]?.version;
+  const stringifiedQueryParams = stringifyQueryParams({
+    ...queryParams,
+    ...(version && { version }),
+  });
   const active = getActive(refId);
 
   const styles = useMemo<CSSObject>(() => {
@@ -58,7 +62,7 @@ export const FramesRenderer: FunctionComponent<FramesRendererProps> = ({
       .reduce((acc, r) => {
         return {
           ...acc,
-          [`storybook-ref-${r.id}`]: `${r.url}/iframe.html?id=${storyId}&viewMode=${viewMode}${stringifiedQueryParams}`,
+          [`storybook-ref-${r.id}`]: `${r.url}/iframe.html?id=${storyId}&viewMode=${viewMode}&refId=${r.id}${stringifiedQueryParams}`,
         };
       }, frames);
 
diff --git a/lib/ui/src/components/preview/iframe.stories.tsx b/lib/ui/src/components/preview/iframe.stories.tsx
index eff4f875085..c613e5eba27 100644
--- a/lib/ui/src/components/preview/iframe.stories.tsx
+++ b/lib/ui/src/components/preview/iframe.stories.tsx
@@ -25,6 +25,9 @@ export const workingStory = () => (
     scale={1.0}
   />
 );
+workingStory.parameters = {
+  chromatic: { disable: true },
+};
 
 export const missingStory = () => (
   <IFrame
diff --git a/lib/ui/src/components/preview/iframe.tsx b/lib/ui/src/components/preview/iframe.tsx
index 5abb6d879b4..e432f9990ad 100644
--- a/lib/ui/src/components/preview/iframe.tsx
+++ b/lib/ui/src/components/preview/iframe.tsx
@@ -83,7 +83,6 @@ export class IFrame extends Component<IFrameProps & IframeHTMLAttributes<HTMLIFr
       <StyledIframe
         onLoad={() => this.iframe.setAttribute('data-is-loaded', 'true')}
         data-is-storybook={active ? 'true' : 'false'}
-        scrolling="yes"
         id={id}
         title={title}
         src={src}
diff --git a/lib/ui/src/components/preview/preview.mockdata.tsx b/lib/ui/src/components/preview/preview.mockdata.tsx
index 4943d7fc2dd..746898b4751 100644
--- a/lib/ui/src/components/preview/preview.mockdata.tsx
+++ b/lib/ui/src/components/preview/preview.mockdata.tsx
@@ -23,7 +23,7 @@ export const previewProps: PreviewProps = {
         : []) as API['getElements'],
   } as any) as API,
   story: {
-    id: 'storyId',
+    id: 'story--id',
     depth: 1,
     isComponent: false,
     isLeaf: true,
diff --git a/lib/ui/src/components/preview/preview.stories.tsx b/lib/ui/src/components/preview/preview.stories.tsx
index d2ad5bfa1cb..2fa71df1270 100644
--- a/lib/ui/src/components/preview/preview.stories.tsx
+++ b/lib/ui/src/components/preview/preview.stories.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { Provider as ManagerProvider, Combo, Consumer } from '@storybook/api';
+import { createMemorySource, createHistory } from '@reach/router';
 import { Location, LocationProvider } from '@storybook/router';
 import { ThemeProvider, ensure as ensureTheme, themes } from '@storybook/theming';
 
@@ -17,7 +18,10 @@ export default {
   component: Preview,
   decorators: [
     ((StoryFn, c) => (
-      <LocationProvider key="location.provider">
+      <LocationProvider
+        key="location.provider"
+        history={createHistory(createMemorySource('/?path=/story/story--id'))}
+      >
         <Location key="location.consumer">
           {(locationData) => (
             <ManagerProvider key="manager" provider={provider} {...locationData} docsMode={false}>
diff --git a/lib/ui/src/components/preview/preview.tsx b/lib/ui/src/components/preview/preview.tsx
index 5aad8e808d0..91b4b0cbae3 100644
--- a/lib/ui/src/components/preview/preview.tsx
+++ b/lib/ui/src/components/preview/preview.tsx
@@ -1,4 +1,4 @@
-import React, { Fragment, FunctionComponent, useMemo, useEffect } from 'react';
+import React, { Fragment, FunctionComponent, useMemo, useEffect, useRef } from 'react';
 import { Helmet } from 'react-helmet-async';
 
 import merge from '@storybook/api/dist/lib/merge';
@@ -124,7 +124,7 @@ const useTabs = (
   }, [getElements]);
 
   return useMemo(() => {
-    if (story && story.parameters) {
+    if (story?.parameters) {
       return filterTabs([canvas, ...tabsFromConfig], story.parameters);
     }
 
@@ -143,12 +143,24 @@ const Preview: FunctionComponent<PreviewProps> = (props) => {
     baseUrl,
     withLoader = true,
   } = props;
-  const { isToolshown } = options;
   const { getElements } = api;
 
   const tabs = useTabs(previewId, baseUrl, withLoader, getElements, story);
 
+  const shouldScale = viewMode === 'story';
+  const isToolshown =
+    !(viewMode === 'docs' && tabs.filter((t) => !t.hidden).length < 2) && options.isToolshown;
+
+  const initialRender = useRef(true);
   useEffect(() => {
+    // Don't emit the event on first ("real") render, only when story or mode changes
+    if (initialRender.current) {
+      // We initially render without a story set, which isn't all that interesting, let's ignore
+      if (story) {
+        initialRender.current = false;
+      }
+      return;
+    }
     if (story && viewMode && viewMode.match(/docs|story/)) {
       const { refId, id } = story;
       api.emit(SET_CURRENT_STORY, {
@@ -168,7 +180,7 @@ const Preview: FunctionComponent<PreviewProps> = (props) => {
           <title>{description}</title>
         </Helmet>
       )}
-      <ZoomProvider>
+      <ZoomProvider shouldScale={shouldScale}>
         <ToolbarComp key="tools" story={story} api={api} isShown={isToolshown} tabs={tabs} />
         <S.FrameWrap key="frame" offset={isToolshown ? 40 : 0}>
           {tabs.map(({ render: Render, match, ...t }, i) => {
diff --git a/lib/ui/src/components/preview/tools/copy.tsx b/lib/ui/src/components/preview/tools/copy.tsx
index 332fcfa957f..1dcd0225973 100644
--- a/lib/ui/src/components/preview/tools/copy.tsx
+++ b/lib/ui/src/components/preview/tools/copy.tsx
@@ -1,3 +1,4 @@
+import { PREVIEW_URL } from 'global';
 import React from 'react';
 import copy from 'copy-to-clipboard';
 import { IconButton, Icons } from '@storybook/components';
@@ -11,9 +12,7 @@ const copyMapper = ({ state }: Combo) => {
 
   return {
     refId,
-    baseUrl: ref
-      ? `${ref.url}/iframe.html`
-      : `${state.location.origin + state.location.pathname}iframe.html`,
+    baseUrl: ref ? `${ref.url}/iframe.html` : (PREVIEW_URL as string) || 'iframe.html',
     storyId,
     queryParams: state.customQueryParams,
   };
diff --git a/lib/ui/src/components/preview/tools/eject.tsx b/lib/ui/src/components/preview/tools/eject.tsx
index 107d3968582..ff6f7ea447b 100644
--- a/lib/ui/src/components/preview/tools/eject.tsx
+++ b/lib/ui/src/components/preview/tools/eject.tsx
@@ -1,3 +1,4 @@
+import { PREVIEW_URL } from 'global';
 import React from 'react';
 import { IconButton, Icons } from '@storybook/components';
 import { Consumer, Combo } from '@storybook/api';
@@ -10,9 +11,7 @@ const ejectMapper = ({ state }: Combo) => {
 
   return {
     refId,
-    baseUrl: ref
-      ? `${ref.url}/iframe.html`
-      : `${state.location.origin + state.location.pathname}iframe.html`,
+    baseUrl: ref ? `${ref.url}/iframe.html` : (PREVIEW_URL as string) || 'iframe.html',
     storyId,
     queryParams: state.customQueryParams,
   };
diff --git a/lib/ui/src/components/preview/tools/zoom.tsx b/lib/ui/src/components/preview/tools/zoom.tsx
index 36519a843a1..3c57a59bfc5 100644
--- a/lib/ui/src/components/preview/tools/zoom.tsx
+++ b/lib/ui/src/components/preview/tools/zoom.tsx
@@ -3,21 +3,26 @@ import React, { Fragment, Component, FunctionComponent, SyntheticEvent } from 'r
 import { Icons, IconButton, Separator } from '@storybook/components';
 import { Addon } from '@storybook/addons';
 
-const Context = React.createContext({ value: 1, set: (v: number) => {} });
+const initialZoom = 1 as const;
 
-class ZoomProvider extends Component<{}, { value: number }> {
+const Context = React.createContext({ value: initialZoom, set: (v: number) => {} });
+
+class ZoomProvider extends Component<{ shouldScale: boolean }, { value: number }> {
   state = {
-    value: 1,
+    value: initialZoom,
   };
 
   set = (value: number) => this.setState({ value });
 
   render() {
-    const { children } = this.props;
+    const { children, shouldScale } = this.props;
     const { set } = this;
     const { value } = this.state;
-
-    return <Context.Provider value={{ value, set }}>{children}</Context.Provider>;
+    return (
+      <Context.Provider value={{ value: shouldScale ? value : initialZoom, set }}>
+        {children}
+      </Context.Provider>
+    );
   }
 }
 
@@ -59,7 +64,7 @@ export const zoomTool: Addon = {
     <Fragment>
       <ZoomConsumer>
         {({ set, value }) => (
-          <Zoom key="zoom" set={(v: number) => set(value * v)} reset={() => set(1)} />
+          <Zoom key="zoom" set={(v: number) => set(value * v)} reset={() => set(initialZoom)} />
         )}
       </ZoomConsumer>
       <Separator />
diff --git a/lib/ui/src/components/preview/utils/stringifyQueryParams.tsx b/lib/ui/src/components/preview/utils/stringifyQueryParams.tsx
index 6bdc9b5c42f..a6fa8908af3 100644
--- a/lib/ui/src/components/preview/utils/stringifyQueryParams.tsx
+++ b/lib/ui/src/components/preview/utils/stringifyQueryParams.tsx
@@ -1,2 +1,4 @@
+import qs from 'qs';
+
 export const stringifyQueryParams = (queryParams: Record<string, string>) =>
-  Object.entries(queryParams).reduce((acc, [k, v]) => `${acc}&${k}=${v}`, '');
+  qs.stringify(queryParams, { addQueryPrefix: true, encode: true }).replace(/^\?/, '&');
diff --git a/lib/ui/src/components/sidebar/Brand.tsx b/lib/ui/src/components/sidebar/Brand.tsx
index 04005431cd3..82d39b790eb 100644
--- a/lib/ui/src/components/sidebar/Brand.tsx
+++ b/lib/ui/src/components/sidebar/Brand.tsx
@@ -5,7 +5,7 @@ import { StorybookLogo } from '@storybook/components';
 
 export const StorybookLogoStyled = styled(StorybookLogo)({
   width: 'auto',
-  height: 22,
+  height: '22px !important',
   display: 'block',
 });
 
diff --git a/lib/ui/src/components/sidebar/Heading.stories.tsx b/lib/ui/src/components/sidebar/Heading.stories.tsx
index 0ea0a3d0839..35b54ee9f7f 100644
--- a/lib/ui/src/components/sidebar/Heading.stories.tsx
+++ b/lib/ui/src/components/sidebar/Heading.stories.tsx
@@ -1,12 +1,9 @@
 import React from 'react';
-import { themes, ThemeProvider, ensure } from '@storybook/theming';
+import { ThemeProvider, useTheme, Theme } from '@storybook/theming';
 import { action } from '@storybook/addon-actions';
 
 import { Heading } from './Heading';
 
-const { light } = themes;
-const theme = ensure(light);
-
 export default {
   component: Heading,
   title: 'UI/Sidebar/Heading',
@@ -37,92 +34,110 @@ export const menuHighlighted = () => <Heading menuHighlighted menu={menuItems} /
 
 export const standardData = { menu: menuItems };
 
-export const standard = () => (
-  <ThemeProvider
-    theme={{
-      ...theme,
-      brand: {
-        title: undefined,
-        url: undefined,
-        image: undefined,
-      },
-    }}
-  >
-    <Heading menu={menuItems} />
-  </ThemeProvider>
-);
+export const standard = () => {
+  const theme = useTheme() as Theme;
+  return (
+    <ThemeProvider
+      theme={{
+        ...theme,
+        brand: {
+          title: undefined,
+          url: undefined,
+          image: undefined,
+        },
+      }}
+    >
+      <Heading menu={menuItems} />
+    </ThemeProvider>
+  );
+};
 
-export const standardNoLink = () => (
-  <ThemeProvider
-    theme={{
-      ...theme,
-      brand: {
-        title: undefined,
-        url: null,
-        image: undefined,
-      },
-    }}
-  >
-    <Heading menu={menuItems} />
-  </ThemeProvider>
-);
+export const standardNoLink = () => {
+  const theme = useTheme() as Theme;
+  return (
+    <ThemeProvider
+      theme={{
+        ...theme,
+        brand: {
+          title: undefined,
+          url: null,
+          image: undefined,
+        },
+      }}
+    >
+      <Heading menu={menuItems} />
+    </ThemeProvider>
+  );
+};
 
-export const linkAndText = () => (
-  <ThemeProvider
-    theme={{
-      ...theme,
-      brand: {
-        title: 'My title',
-        url: 'https://example.com',
-        image: null,
-      },
-    }}
-  >
-    <Heading menu={menuItems} />
-  </ThemeProvider>
-);
+export const linkAndText = () => {
+  const theme = useTheme() as Theme;
+  return (
+    <ThemeProvider
+      theme={{
+        ...theme,
+        brand: {
+          title: 'My title',
+          url: 'https://example.com',
+          image: null,
+        },
+      }}
+    >
+      <Heading menu={menuItems} />
+    </ThemeProvider>
+  );
+};
 
-export const onlyText = () => (
-  <ThemeProvider
-    theme={{
-      ...theme,
-      brand: {
-        title: 'My title',
-        url: null,
-        image: null,
-      },
-    }}
-  >
-    <Heading menu={menuItems} />
-  </ThemeProvider>
-);
+export const onlyText = () => {
+  const theme = useTheme() as Theme;
+  return (
+    <ThemeProvider
+      theme={{
+        ...theme,
+        brand: {
+          title: 'My title',
+          url: null,
+          image: null,
+        },
+      }}
+    >
+      <Heading menu={menuItems} />
+    </ThemeProvider>
+  );
+};
 
-export const longText = () => (
-  <ThemeProvider
-    theme={{
-      ...theme,
-      brand: {
-        title: 'My title is way to long to actually fit',
-        url: null,
-        image: null,
-      },
-    }}
-  >
-    <Heading menu={menuItems} />
-  </ThemeProvider>
-);
+export const longText = () => {
+  const theme = useTheme() as Theme;
+  return (
+    <ThemeProvider
+      theme={{
+        ...theme,
+        brand: {
+          title: 'My title is way to long to actually fit',
+          url: null,
+          image: null,
+        },
+      }}
+    >
+      <Heading menu={menuItems} />
+    </ThemeProvider>
+  );
+};
 
-export const customBrandImage = () => (
-  <ThemeProvider
-    theme={{
-      ...theme,
-      brand: {
-        title: 'My Title',
-        url: 'https://example.com',
-        image: 'https://via.placeholder.com/150x22',
-      },
-    }}
-  >
-    <Heading menu={menuItems} />
-  </ThemeProvider>
-);
+export const customBrandImage = () => {
+  const theme = useTheme() as Theme;
+  return (
+    <ThemeProvider
+      theme={{
+        ...theme,
+        brand: {
+          title: 'My Title',
+          url: 'https://example.com',
+          image: 'https://via.placeholder.com/150x22',
+        },
+      }}
+    >
+      <Heading menu={menuItems} />
+    </ThemeProvider>
+  );
+};
diff --git a/lib/ui/src/components/sidebar/Heading.tsx b/lib/ui/src/components/sidebar/Heading.tsx
index a7e3cda166b..52743342934 100644
--- a/lib/ui/src/components/sidebar/Heading.tsx
+++ b/lib/ui/src/components/sidebar/Heading.tsx
@@ -12,6 +12,7 @@ export interface HeadingProps {
 const BrandArea = styled.div(({ theme }) => ({
   fontSize: theme.typography.size.s2,
   fontWeight: theme.typography.weight.bold,
+  color: theme.color.defaultText,
   marginRight: 40,
   display: 'flex',
   width: '100%',
diff --git a/lib/ui/src/components/sidebar/Menu.stories.tsx b/lib/ui/src/components/sidebar/Menu.stories.tsx
index 13c78505e96..f125009d5b5 100644
--- a/lib/ui/src/components/sidebar/Menu.stories.tsx
+++ b/lib/ui/src/components/sidebar/Menu.stories.tsx
@@ -1,23 +1,86 @@
-import React from 'react';
+import React, { Fragment, FunctionComponent } from 'react';
 
-import { TooltipLinkList } from '@storybook/components';
-import { MenuItemIcon } from './Menu';
+import { WithTooltip, TooltipLinkList, Icons } from '@storybook/components';
+import { styled } from '@storybook/theming';
+import { MenuItemIcon, SidebarMenu, MenuButton, SidebarMenuList } from './Menu';
+import { useMenu } from '../../containers/menu';
 
 export default {
   component: MenuItemIcon,
   title: 'UI/Sidebar/Menu',
+  decorators: [
+    (StoryFn: FunctionComponent) => (
+      <Fragment>
+        <StoryFn />
+      </Fragment>
+    ),
+  ],
 };
 
-export const all = () => (
-  <TooltipLinkList
-    links={[
-      { title: 'has icon', left: <MenuItemIcon icon="check" />, id: 'icon' },
-      {
-        title: 'has imgSrc',
-        left: <MenuItemIcon imgSrc="https://via.placeholder.com/20" />,
-        id: 'img',
-      },
-      { title: 'has neither', left: <MenuItemIcon />, id: 'non' },
-    ]}
-  />
+const fakemenu = [
+  { title: 'has icon', left: <MenuItemIcon icon="check" />, id: 'icon' },
+  {
+    title: 'has imgSrc',
+    left: <MenuItemIcon imgSrc="https://via.placeholder.com/20" />,
+    id: 'img',
+  },
+  { title: 'has neither', left: <MenuItemIcon />, id: 'non' },
+];
+
+export const Items = () => <TooltipLinkList links={fakemenu} />;
+
+export const Real = () => <SidebarMenu menu={fakemenu} isHighlighted />;
+
+const DoubleThemeRenderingHack = styled.div({
+  '#root > div:first-child > &': {
+    textAlign: 'right',
+  },
+});
+
+const ExpandedMenu: FunctionComponent<{ menu: any }> = ({ menu }) => (
+  <DoubleThemeRenderingHack>
+    <WithTooltip
+      placement="top"
+      trigger="click"
+      closeOnClick
+      startOpen
+      tooltip={({ onHide }) => <SidebarMenuList onHide={onHide} menu={menu} />}
+    >
+      <MenuButton outline small containsIcon highlighted={false} title="Shortcuts">
+        <Icons icon="ellipsis" />
+      </MenuButton>
+    </WithTooltip>
+  </DoubleThemeRenderingHack>
 );
+
+export const Expanded = () => {
+  const menu = useMenu(
+    {
+      // @ts-ignore
+      getShortcutKeys: () => ({}),
+      versionUpdateAvailable: () => false,
+      releaseNotesVersion: () => '6.0.0',
+    },
+    false,
+    false,
+    false,
+    false
+  );
+  return <ExpandedMenu menu={menu} />;
+};
+
+export const ExpandedWithoutReleaseNotes = () => {
+  const menu = useMenu(
+    {
+      // @ts-ignore
+      getShortcutKeys: () => ({}),
+      versionUpdateAvailable: () => false,
+      releaseNotesVersion: () => undefined,
+    },
+    false,
+    false,
+    false,
+    false
+  );
+  return <ExpandedMenu menu={menu} />;
+};
diff --git a/lib/ui/src/components/sidebar/Menu.tsx b/lib/ui/src/components/sidebar/Menu.tsx
index 558f08b04df..f2d091a3396 100644
--- a/lib/ui/src/components/sidebar/Menu.tsx
+++ b/lib/ui/src/components/sidebar/Menu.tsx
@@ -41,10 +41,8 @@ export const MenuItemIcon = ({ icon, imgSrc }: ListItemIconProps) => {
   return <Placeholder />;
 };
 
-const MenuButton = styled(Button)<MenuButtonProps>(({ highlighted, theme }) => ({
-  position: 'absolute',
-  right: 0,
-  top: 0,
+export const MenuButton = styled(Button)<MenuButtonProps>(({ highlighted, theme }) => ({
+  position: 'relative',
   overflow: 'visible',
   padding: 7,
 
@@ -64,7 +62,7 @@ const MenuButton = styled(Button)<MenuButtonProps>(({ highlighted, theme }) => (
 
 type ClickHandler = ComponentProps<typeof TooltipLinkList>['links'][number]['onClick'];
 
-const SidebarMenuList: FunctionComponent<{
+export const SidebarMenuList: FunctionComponent<{
   menu: MenuList;
   onHide: () => void;
 }> = ({ menu, onHide }) => {
diff --git a/lib/ui/src/components/sidebar/RefBlocks.tsx b/lib/ui/src/components/sidebar/RefBlocks.tsx
index 22bf7bf9dfe..11b3c165019 100644
--- a/lib/ui/src/components/sidebar/RefBlocks.tsx
+++ b/lib/ui/src/components/sidebar/RefBlocks.tsx
@@ -8,10 +8,11 @@ import React, {
   ComponentProps,
 } from 'react';
 
-import { Icons, WithTooltip, Spaced, Button } from '@storybook/components';
+import { Icons, WithTooltip, Spaced, Button, Link } from '@storybook/components';
 import { logger } from '@storybook/client-logger';
 import { useStorybookApi } from '@storybook/api';
 import { styled } from '@storybook/theming';
+import { transparentize } from 'polished';
 import { Location } from '@storybook/router';
 
 import { Tree } from './Tree/Tree';
@@ -31,17 +32,29 @@ const RootHeading = styled.div(({ theme }) => ({
   fontWeight: theme.typography.weight.black,
   fontSize: theme.typography.size.s1 - 1,
   lineHeight: '24px',
-  color: theme.color.mediumdark,
+  color: transparentize(0.5, theme.color.defaultText),
   margin: '0 20px',
 }));
 
-const Text = styled.p(({ theme }) => ({
+const TextStyle = styled.div(({ theme }) => ({
   fontSize: theme.typography.size.s2 - 1,
+  lineHeight: '20px',
   margin: 0,
 }));
+const Text = styled.p(({ theme }) => ({
+  fontSize: theme.typography.size.s2 - 1,
+  lineHeight: '20px',
+  margin: 0,
 
-const RedIcon = styled(Icons)(({ theme }) => ({
-  color: theme.color.negative,
+  code: {
+    fontSize: theme.typography.size.s1,
+  },
+
+  ul: {
+    paddingLeft: 20,
+    marginTop: 8,
+    marginBottom: 8,
+  },
 }));
 
 const Head: FunctionComponent<ListitemProps> = (props) => {
@@ -112,10 +125,10 @@ const firstLineRegex = /(Error): (.*)\n/;
 const linesRegex = /at (?:(.*) )?\(?(.+)\)?/;
 const ErrorFormatter: FunctionComponent<{ error: Error }> = ({ error }) => {
   if (!error) {
-    return <Fragment>this error has no stack or message</Fragment>;
+    return <Fragment>This error has no stack or message</Fragment>;
   }
   if (!error.stack) {
-    return <Fragment>{error.message || 'this error has no stack or message'}</Fragment>;
+    return <Fragment>{error.message || 'This error has no stack or message'}</Fragment>;
   }
 
   const input = error.stack.toString();
@@ -160,7 +173,10 @@ const ErrorFormatter: FunctionComponent<{ error: Error }> = ({ error }) => {
   );
 };
 
-export const AuthBlock: FunctionComponent<{ authUrl: string; id: string }> = ({ authUrl, id }) => {
+export const AuthBlock: FunctionComponent<{ loginUrl: string; id: string }> = ({
+  loginUrl,
+  id,
+}) => {
   const [isAuthAttempted, setAuthAttempted] = useState(false);
 
   const refresh = useCallback(() => {
@@ -169,12 +185,12 @@ export const AuthBlock: FunctionComponent<{ authUrl: string; id: string }> = ({
 
   const open = useCallback((e) => {
     e.preventDefault();
-    const childWindow = window.open(authUrl, `storybook_auth_${id}`, 'resizable,scrollbars');
+    const childWindow = window.open(loginUrl, `storybook_auth_${id}`, 'resizable,scrollbars');
 
     // poll for window to close
     const timer = setInterval(() => {
       if (!childWindow) {
-        logger.error('unable to access authUrl window');
+        logger.error('unable to access loginUrl window');
         clearInterval(timer);
       } else if (childWindow.closed) {
         clearInterval(timer);
@@ -189,23 +205,23 @@ export const AuthBlock: FunctionComponent<{ authUrl: string; id: string }> = ({
         {isAuthAttempted ? (
           <Fragment>
             <Text>
-              Authentication on <strong>{authUrl}</strong> seems to have concluded, refresh the page
-              to fetch this storybook
+              Authentication on <strong>{loginUrl}</strong> concluded. Refresh the page to fetch
+              this Storybook.
             </Text>
             <div>
               <Button small gray onClick={refresh}>
                 <Icons icon="sync" />
-                Refresh the page
+                Refresh now
               </Button>
             </div>
           </Fragment>
         ) : (
           <Fragment>
-            <Text>Browse this secure storybook</Text>
+            <Text>Browse this secure Storybook</Text>
             <div>
               <Button small gray onClick={open}>
                 <Icons icon="lock" />
-                Login
+                Log in
               </Button>
             </div>
           </Fragment>
@@ -218,21 +234,27 @@ export const AuthBlock: FunctionComponent<{ authUrl: string; id: string }> = ({
 export const ErrorBlock: FunctionComponent<{ error: Error }> = ({ error }) => (
   <Contained>
     <Spaced>
-      <Text>Ow no! something went wrong loading this storybook</Text>
-      <WithTooltip
-        trigger="click"
-        closeOnClick={false}
-        tooltip={
-          <ErrorDisplay>
-            <ErrorFormatter error={error} />
-          </ErrorDisplay>
-        }
-      >
-        <Button small gray>
-          <Icons icon="doclist" />
-          View error
-        </Button>
-      </WithTooltip>
+      <TextStyle>
+        Oh no! Something went wrong loading this Storybook.
+        <br />
+        <WithTooltip
+          trigger="click"
+          closeOnClick={false}
+          tooltip={
+            <ErrorDisplay>
+              <ErrorFormatter error={error} />
+            </ErrorDisplay>
+          }
+        >
+          {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
+          <Link isButton>
+            View error <Icons icon="arrowdown" />
+          </Link>
+        </WithTooltip>{' '}
+        <Link withArrow href="https://storybook.js.org/docs" cancel={false} target="_blank">
+          View docs
+        </Link>
+      </TextStyle>
     </Spaced>
   </Contained>
 );
@@ -248,30 +270,22 @@ export const EmptyBlock: FunctionComponent<any> = ({ isMain }) => (
   <Contained>
     <FlexSpaced col={1}>
       <WideSpaced>
-        {/*  */}
-        <div>
-          <Text>
-            <strong>Ow now! {isMain ? 'Your storybook' : 'this ref'} is empty!</strong>
-          </Text>
-        </div>
-        {isMain ? (
-          <Fragment>
-            <div>
-              <Text>
-                Perhaps the glob specified in <code>main.js</code> found no files?
-              </Text>
-            </div>
-            <div>
-              <Text>Or your story-files don't define any stories?</Text>
-            </div>
-          </Fragment>
-        ) : (
-          <div>
-            <Text>This ref defined no stories</Text>
-          </div>
-        )}
+        <Text>
+          {isMain ? (
+            <>
+              Oh no! Your Storybook is empty. Possible reasons why:
+              <ul>
+                <li>
+                  The glob specified in <code>main.js</code> isn't correct.
+                </li>
+                <li>No stories are defined in your story files.</li>
+              </ul>{' '}
+            </>
+          ) : (
+            <>Yikes! Something went wrong loading these stories.</>
+          )}
+        </Text>
       </WideSpaced>
-      <RedIcon icon="info" width={14} height={14} />
     </FlexSpaced>
   </Contained>
 );
diff --git a/lib/ui/src/components/sidebar/RefIndicator.tsx b/lib/ui/src/components/sidebar/RefIndicator.tsx
index 0f36d5b74f6..0d63d3c9366 100644
--- a/lib/ui/src/components/sidebar/RefIndicator.tsx
+++ b/lib/ui/src/components/sidebar/RefIndicator.tsx
@@ -1,7 +1,9 @@
+import { document, window } from 'global';
 import React, { FunctionComponent, useMemo, ComponentProps, useCallback, forwardRef } from 'react';
 
 import { Icons, WithTooltip, Spaced, TooltipLinkList } from '@storybook/components';
 import { styled } from '@storybook/theming';
+import { transparentize } from 'polished';
 import { useStorybookApi } from '@storybook/api';
 
 import { getStateType, RefType } from './RefHelpers';
@@ -16,42 +18,54 @@ export interface CurrentVersionProps {
   versions: RefType['versions'];
 }
 
-const IndicatorPlacement = styled.aside(
-  ({ theme }) => ({
-    height: 14,
-    display: 'flex',
+const IndicatorPlacement = styled.aside(({ theme }) => ({
+  height: 16,
 
-    '& > * + *': {
-      marginLeft: theme.layoutMargin,
+  display: 'flex',
+  alignItems: 'center',
+
+  '& > * + *': {
+    marginLeft: theme.layoutMargin,
+  },
+}));
+
+const IndicatorClickTarget = styled.span(({ theme }) => ({
+  height: 16,
+  width: 16,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+
+  svg: {
+    height: 12,
+    width: 12,
+    transition: 'all 150ms ease-out',
+    color:
+      theme.base === 'light'
+        ? transparentize(0.3, theme.color.defaultText)
+        : transparentize(0.6, theme.color.defaultText),
+
+    '&:hover': {
+      color: theme.barSelectedColor,
     },
-  }),
-  ({ theme }) => ({ color: theme.color.mediumdark })
-);
+  },
+}));
 
-const IndicatorIcon: FunctionComponent<IndicatorIconProps> = ({ type }) => {
-  let icon: ComponentProps<typeof Icons>['icon'];
-
-  switch (true) {
-    case type === 'error': {
-      icon = 'alert';
-      break;
-    }
-    default: {
-      icon = 'globe';
-    }
-  }
-
-  return <Icons width="14" height="14" icon={icon} />;
-};
+const MessageTitle = styled.span(({ theme }) => ({
+  fontWeight: theme.typography.weight.bold,
+}));
 
 const Message = styled.a(({ theme }) => ({
   textDecoration: 'none',
-  lineHeight: '18px',
-  padding: 10,
+  lineHeight: '16px',
+  padding: 15,
   display: 'flex',
   flexDirection: 'row',
   alignItems: 'flex-start',
-  color: theme.color.darker,
+  color: theme.color.defaultText,
+  '&:not(:last-child)': {
+    borderBottom: `1px solid ${theme.appBorderColor}`,
+  },
   '&:hover': {
     background: theme.background.hoverable,
     color: theme.color.darker,
@@ -69,8 +83,9 @@ const Message = styled.a(({ theme }) => ({
     flex: 1,
   },
   '& > svg': {
-    marginTop: 5,
-    width: 20,
+    marginTop: 3,
+    width: 16,
+    height: 16,
     marginRight: 10,
     flex: 'unset',
   },
@@ -91,26 +106,44 @@ const YellowIcon = styled(Icons)(({ theme }) => ({
   color: theme.color.gold,
 }));
 
-const Version = styled.div({
+const RedIcon = styled(Icons)(({ theme }) => ({
+  color: theme.color.negative,
+}));
+
+const GreenIcon = styled(Icons)(({ theme }) => ({
+  color: theme.color.green,
+}));
+
+const Version = styled.div(({ theme }) => ({
   display: 'flex',
   alignItems: 'center',
-  fontSize: 11,
+  fontSize: theme.typography.size.s1,
+  fontWeight: theme.typography.weight.regular,
+  color:
+    theme.base === 'light'
+      ? transparentize(0.3, theme.color.defaultText)
+      : transparentize(0.6, theme.color.defaultText),
 
   '& > * + *': {
     marginLeft: 4,
   },
-});
+
+  svg: {
+    height: 10,
+    width: 10,
+  },
+}));
 
 const CurrentVersion: FunctionComponent<CurrentVersionProps> = ({ url, versions }) => {
-  const currentVersionId = useMemo(() => Object.entries(versions).find(([k, v]) => v === url)[0], [
-    url,
-    versions,
-  ]);
+  const currentVersionId = useMemo(() => {
+    const c = Object.entries(versions).find(([k, v]) => v === url);
+    return c && c[0] ? c[0] : 'current';
+  }, [url, versions]);
 
   return (
     <Version>
       <span>{currentVersionId}</span>
-      <Icons width="12" height="12" icon="chevrondown" />
+      <Icons icon="chevrondown" />
     </Version>
   );
 };
@@ -143,19 +176,23 @@ export const RefIndicator = forwardRef<
           <MessageWrapper>
             <Spaced row={0}>
               {state === 'loading' && <LoadingMessage url={ref.url} />}
+              {(state === 'error' || state === 'empty') && <ErrorOccurredMessage url={ref.url} />}
               {state === 'ready' && (
                 <ReadyMessage {...{ url: ref.url, componentCount, leafCount }} />
               )}
+              {state === 'auth' && <LoginRequiredMessage {...ref} />}
               {ref.type === 'auto-inject' && state !== 'error' && <PerformanceDegradedMessage />}
-              {state === 'error' && <ErrorOccurredMessage />}
+              {state !== 'loading' && <ReadDocsMessage />}
             </Spaced>
           </MessageWrapper>
         }
       >
-        <IndicatorIcon type={state} />
+        <IndicatorClickTarget>
+          <Icons icon="globe" />
+        </IndicatorClickTarget>
       </WithTooltip>
 
-      {ref.versions ? (
+      {ref.versions && Object.keys(ref.versions).length ? (
         <WithTooltip
           placement="bottom-start"
           trigger="click"
@@ -178,26 +215,6 @@ export const RefIndicator = forwardRef<
   );
 });
 
-const PerformanceDegradedMessage: FunctionComponent = () => (
-  <Message href="https://storybook.js.org" target="_blank">
-    <YellowIcon icon="lightning" />
-    <div>
-      <strong>Reduce lag</strong>
-      <div>Learn how to speed up Storybook Composition performance</div>
-    </div>
-  </Message>
-);
-
-const ErrorOccurredMessage: FunctionComponent = () => (
-  <Message href="https://storybook.js.org" target="_blank">
-    <YellowIcon icon="book" />
-    <div>
-      <strong>A problem occurred</strong>
-      <div>Explore the documentation</div>
-    </div>
-  </Message>
-);
-
 const ReadyMessage: FunctionComponent<{
   url: string;
   componentCount: number;
@@ -206,20 +223,77 @@ const ReadyMessage: FunctionComponent<{
   <Message href={url} target="_blank">
     <BlueIcon icon="globe" />
     <div>
-      <strong>View external storybook</strong>
+      <MessageTitle>View external Storybook</MessageTitle>
       <div>
-        Explore {componentCount} components and {leafCount} stories in a new browser tab
+        Explore {componentCount} components and {leafCount} stories in a new browser tab.
       </div>
     </div>
   </Message>
 );
 
+const LoginRequiredMessage: FunctionComponent<RefType> = ({ loginUrl, id }) => {
+  const open = useCallback((e) => {
+    e.preventDefault();
+    const childWindow = window.open(loginUrl, `storybook_auth_${id}`, 'resizable,scrollbars');
+
+    // poll for window to close
+    const timer = setInterval(() => {
+      if (!childWindow) {
+        clearInterval(timer);
+      } else if (childWindow.closed) {
+        clearInterval(timer);
+        document.location.reload();
+      }
+    }, 1000);
+  }, []);
+
+  return (
+    <Message onClick={open}>
+      <YellowIcon icon="lock" />
+      <div>
+        <MessageTitle>Log in required</MessageTitle>
+        <div>You need to authenticate to view this Storybook's components.</div>
+      </div>
+    </Message>
+  );
+};
+
+const ReadDocsMessage: FunctionComponent = () => (
+  <Message href="https://storybook.js.org" target="_blank">
+    <GreenIcon icon="document" />
+    <div>
+      <MessageTitle>Read Composition docs</MessageTitle>
+      <div>Learn how to combine multiple Storybooks into one.</div>
+    </div>
+  </Message>
+);
+
+const ErrorOccurredMessage: FunctionComponent<{ url: string }> = ({ url }) => (
+  <Message href={url} target="_blank">
+    <RedIcon icon="alert" />
+    <div>
+      <MessageTitle>Something went wrong</MessageTitle>
+      <div>This external Storybook didn't load. Debug it in a new tab now.</div>
+    </div>
+  </Message>
+);
+
 const LoadingMessage: FunctionComponent<{ url: string }> = ({ url }) => (
   <Message href={url} target="_blank">
     <BlueIcon icon="time" />
     <div>
-      <strong>Please wait</strong>
-      <div>This storybook is being loaded, explore in a new browser tab</div>
+      <MessageTitle>Please wait</MessageTitle>
+      <div>This Storybook is loading.</div>
+    </div>
+  </Message>
+);
+
+const PerformanceDegradedMessage: FunctionComponent = () => (
+  <Message href="https://storybook.js.org/docs" target="_blank">
+    <YellowIcon icon="lightning" />
+    <div>
+      <MessageTitle>Reduce lag</MessageTitle>
+      <div>Learn how to speed up Composition performance.</div>
     </div>
   </Message>
 );
diff --git a/lib/ui/src/components/sidebar/Refs.stories.tsx b/lib/ui/src/components/sidebar/Refs.stories.tsx
new file mode 100644
index 00000000000..94d0da51e85
--- /dev/null
+++ b/lib/ui/src/components/sidebar/Refs.stories.tsx
@@ -0,0 +1,132 @@
+import React from 'react';
+
+import { Ref } from './Refs';
+import { standardData as standardHeaderData } from './Heading.stories';
+import { mockDataset } from './mockdata';
+import { RefType } from './RefHelpers';
+
+export default {
+  component: Ref,
+  title: 'UI/Sidebar/Refs',
+  excludeStories: /.*Data$/,
+};
+
+const { menu } = standardHeaderData;
+const stories = mockDataset.withRoot;
+const storyId = '1-12-121';
+
+export const simpleData = { menu, stories, storyId };
+export const loadingData = { menu, stories: {} };
+
+const error: Error = (() => {
+  try {
+    throw new Error('There was a severe problem');
+  } catch (e) {
+    return e;
+  }
+})();
+
+const refs: Record<string, RefType> = {
+  optimized: {
+    id: 'optimized',
+    title: 'It is optimized',
+    url: 'https://example.com',
+    ready: false,
+    type: 'lazy',
+    stories,
+  },
+  empty: {
+    id: 'empty',
+    title: 'It is empty because no stories were loaded',
+    url: 'https://example.com',
+    ready: false,
+    type: 'lazy',
+    stories: {},
+  },
+  startInjected_unknown: {
+    id: 'startInjected_unknown',
+    title: 'It started injected and is unknown',
+    url: 'https://example.com',
+    type: 'unknown',
+    ready: false,
+    stories,
+  },
+  startInjected_loading: {
+    id: 'startInjected_loading',
+    title: 'It started injected and is loading',
+    url: 'https://example.com',
+    type: 'auto-inject',
+    ready: false,
+    stories,
+  },
+  startInjected_ready: {
+    id: 'startInjected_ready',
+    title: 'It started injected and is ready',
+    url: 'https://example.com',
+    type: 'auto-inject',
+    ready: true,
+    stories,
+  },
+  versions: {
+    id: 'versions',
+    title: 'It has versions',
+    url: 'https://example.com',
+    type: 'lazy',
+    stories,
+    versions: { '1.0.0': 'https://example.com/v1', '2.0.0': 'https://example.com' },
+  },
+  versionsMissingCurrent: {
+    id: 'versions_missing_current',
+    title: 'It has versions',
+    url: 'https://example.com',
+    type: 'lazy',
+    stories,
+    versions: { '1.0.0': 'https://example.com/v1', '2.0.0': 'https://example.com/v2' },
+  },
+  error: {
+    id: 'error',
+    title: 'This has problems',
+    url: 'https://example.com',
+    type: 'lazy',
+    stories: {},
+    error,
+  },
+  auth: {
+    id: 'Authentication',
+    title: 'This requires a login',
+    url: 'https://example.com',
+    type: 'lazy',
+    stories: {},
+    loginUrl: 'https://example.com',
+  },
+  long: {
+    id: 'long',
+    title: 'This storybook has a very very long name for some reason',
+    url: 'https://example.com',
+    stories,
+    type: 'lazy',
+    versions: {
+      '111.111.888-new': 'https://example.com/new',
+      '111.111.888': 'https://example.com',
+    },
+  },
+};
+
+export const Optimized = () => <Ref {...refs.optimized} storyId="" filter="" isHidden={false} />;
+export const IsEmpty = () => <Ref {...refs.empty} storyId="" filter="" isHidden={false} />;
+export const StartInjectedUnknown = () => (
+  <Ref {...refs.startInjected_unknown} storyId="" filter="" isHidden={false} />
+);
+export const StartInjectedLoading = () => (
+  <Ref {...refs.startInjected_loading} storyId="" filter="" isHidden={false} />
+);
+export const StartInjectedReady = () => (
+  <Ref {...refs.startInjected_ready} storyId="" filter="" isHidden={false} />
+);
+export const Versions = () => <Ref {...refs.versions} storyId="" filter="" isHidden={false} />;
+export const VersionsMissingCurrent = () => (
+  <Ref {...refs.versionsMissingCurrent} storyId="" filter="" isHidden={false} />
+);
+export const Errored = () => <Ref {...refs.error} storyId="" filter="" isHidden={false} />;
+export const Auth = () => <Ref {...refs.auth} storyId="" filter="" isHidden={false} />;
+export const Long = () => <Ref {...refs.long} storyId="" filter="" isHidden={false} />;
diff --git a/lib/ui/src/components/sidebar/Refs.tsx b/lib/ui/src/components/sidebar/Refs.tsx
index ab790800064..f319da1d0ea 100644
--- a/lib/ui/src/components/sidebar/Refs.tsx
+++ b/lib/ui/src/components/sidebar/Refs.tsx
@@ -1,5 +1,6 @@
-import React, { FunctionComponent, MouseEvent, useMemo, useState, useRef } from 'react';
+import React, { FunctionComponent, useMemo, useState, useRef, useCallback } from 'react';
 import { styled } from '@storybook/theming';
+import { transparentize } from 'polished';
 
 import { ExpanderContext, useDataset } from './Tree/State';
 import { Expander } from './Tree/ListItem';
@@ -13,59 +14,69 @@ export interface RefProps {
   isHidden: boolean;
 }
 
-const RefHead = styled.button({
-  alignItems: 'center',
-  background: 'transparent',
+const RefHead = styled.button(({ theme }) => ({
+  // Reset button
   border: 'none',
   boxSizing: 'content-box',
   cursor: 'pointer',
-  display: 'flex',
-  marginLeft: -20,
-  padding: 0,
-  paddingLeft: 20,
   position: 'relative',
   textAlign: 'left',
+
+  fontWeight: theme.typography.weight.black,
+  fontSize: theme.typography.size.s2 - 1,
+
+  // Similar to ListItem.tsx
+  textDecoration: 'none',
+  lineHeight: '16px',
+  paddingTop: 4,
+  paddingBottom: 4,
+  paddingRight: theme.layoutMargin * 2,
+  paddingLeft: 20, // 1px more padding than ListItem for optical correction
+  display: 'flex',
+  alignItems: 'center',
+  background: 'transparent',
+
+  marginLeft: -20,
   width: '100%',
-});
 
-const RefTitle = styled.header(({ theme }) => ({
-  fontWeight: theme.typography.weight.bold,
-  fontSize: theme.typography.size.s2,
-  color: theme.color.darkest,
+  color:
+    theme.base === 'light' ? theme.color.defaultText : transparentize(0.2, theme.color.defaultText),
+  '&:hover, &:focus': {
+    outline: 'none',
+    color: theme.color.defaultText,
+    background: theme.background.hoverable,
+  },
+}));
 
-  flex: 1,
-  height: 24,
+const RefTitle = styled.span(({ theme }) => ({
+  display: 'block',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
-  paddingRight: theme.layoutMargin,
+  flex: 1,
   overflow: 'hidden',
-
-  lineHeight: '24px',
 }));
 
 const Wrapper = styled.div<{ isMain: boolean }>(({ isMain }) => ({
   position: 'relative',
   marginLeft: -20,
   marginRight: -20,
-  marginTop: isMain ? undefined : 4,
+  marginTop: isMain ? undefined : 0,
 }));
 
 export const Ref: FunctionComponent<RefType & RefProps> = (ref) => {
   const [isExpanded, setIsExpanded] = useState(true);
   const indicatorRef = useRef<HTMLElement>(null);
 
-  const { stories, id: key, title = key, storyId, filter, isHidden = false, authUrl, error } = ref;
+  const { stories, id: key, title = key, storyId, filter, isHidden = false, loginUrl, error } = ref;
   const { dataSet, expandedSet, length, others, roots, setExpanded, selectedSet } = useDataset(
     stories,
     filter,
     storyId
   );
 
-  const handleClick = ({ target }: MouseEvent) => {
-    // Don't fire if the click is from the indicator.
-    if (target === indicatorRef.current || indicatorRef.current?.contains(target as Node)) return;
+  const handleClick = useCallback(() => {
     setIsExpanded(!isExpanded);
-  };
+  }, [isExpanded]);
 
   const combo = useMemo(() => ({ setExpanded, expandedSet }), [setExpanded, expandedSet]);
 
@@ -77,7 +88,7 @@ export const Ref: FunctionComponent<RefType & RefProps> = (ref) => {
   const isLoading = isLoadingMain || isLoadingInjected || ref.type === 'unknown';
   const isError = !!error;
   const isEmpty = !isLoading && length === 0;
-  const isAuthRequired = !!authUrl;
+  const isAuthRequired = !!loginUrl && length === 0;
 
   const state = getStateType(isLoading, isAuthRequired, isError, isEmpty);
 
@@ -87,17 +98,22 @@ export const Ref: FunctionComponent<RefType & RefProps> = (ref) => {
         <RefHead
           aria-label={`${isExpanded ? 'Hide' : 'Show'} ${title} stories`}
           aria-expanded={isExpanded}
-          type="button"
-          onClick={handleClick}
         >
-          <Expander className="sidebar-ref-expander" depth={0} isExpanded={isExpanded} />
-          <RefTitle title={title}>{title}</RefTitle>
+          <Expander
+            onClick={handleClick}
+            className="sidebar-ref-expander"
+            depth={0}
+            isExpanded={isExpanded}
+          />
+          <RefTitle onClick={handleClick} title={title}>
+            {title}
+          </RefTitle>
           <RefIndicator {...ref} state={state} ref={indicatorRef} />
         </RefHead>
       )}
       {isExpanded && (
         <Wrapper data-title={title} isMain={isMain}>
-          {state === 'auth' && <AuthBlock id={ref.id} authUrl={authUrl} />}
+          {state === 'auth' && <AuthBlock id={ref.id} loginUrl={loginUrl} />}
           {state === 'error' && <ErrorBlock error={error} />}
           {state === 'loading' && <LoaderBlock isMain={isMain} />}
           {state === 'empty' && <EmptyBlock isMain={isMain} />}
diff --git a/lib/ui/src/components/sidebar/Sidebar.stories.tsx b/lib/ui/src/components/sidebar/Sidebar.stories.tsx
index c1ecabf0032..09bfb93bda0 100644
--- a/lib/ui/src/components/sidebar/Sidebar.stories.tsx
+++ b/lib/ui/src/components/sidebar/Sidebar.stories.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 
-import { ThemeProvider, themes, ensure as ensureTheme } from '@storybook/theming';
 import Sidebar from './Sidebar';
 import { standardData as standardHeaderData } from './Heading.stories';
 import { mockDataset } from './mockdata';
@@ -22,85 +21,12 @@ export const loadingData = { menu, stories: {} };
 const refs: Record<string, RefType> = {
   optimized: {
     id: 'optimized',
-    title: 'It is optimized',
+    title: 'This is a ref',
     url: 'https://example.com',
     ready: false,
     type: 'lazy',
     stories,
   },
-  empty: {
-    id: 'empty',
-    title: 'It is empty',
-    url: 'https://example.com',
-    ready: false,
-    type: 'lazy',
-    stories: {},
-  },
-  startInjected_unknown: {
-    id: 'startInjected_unknown',
-    title: 'It started injected and is ready',
-    url: 'https://example.com',
-    type: 'unknown',
-    ready: false,
-    stories,
-  },
-  startInjected_loading: {
-    id: 'startInjected_loading',
-    title: 'It started injected and is loading',
-    url: 'https://example.com',
-    type: 'auto-inject',
-    ready: false,
-    stories,
-  },
-  startInjected_ready: {
-    id: 'startInjected_ready',
-    title: 'It started injected and is ready',
-    url: 'https://example.com',
-    type: 'auto-inject',
-    ready: true,
-    stories,
-  },
-  versions: {
-    id: 'versions',
-    title: 'It has versions',
-    url: 'https://example.com',
-    type: 'lazy',
-    stories,
-    versions: { '1.0.0': 'https://example.com/v1', '2.0.0': 'https://example.com' },
-  },
-  error: {
-    id: 'error',
-    title: 'This has problems',
-    url: 'https://example.com',
-    type: 'lazy',
-    stories: {},
-    error: (() => {
-      try {
-        throw new Error('There was a severe problem');
-      } catch (e) {
-        return e;
-      }
-    })(),
-  },
-  auth: {
-    id: 'Authentication',
-    title: 'This requires a login',
-    url: 'https://example.com',
-    type: 'lazy',
-    stories: {},
-    authUrl: 'https://example.com',
-  },
-  long: {
-    id: 'long',
-    title: 'This storybook has a very very long name for some reason',
-    url: 'https://example.com',
-    stories,
-    type: 'lazy',
-    versions: {
-      '111.111.888-new': 'https://example.com/new',
-      '111.111.888': 'https://example.com',
-    },
-  },
 };
 
 export const simple = () => (
@@ -115,16 +41,3 @@ export const isEmpty = () => (
 export const withRefs = () => (
   <Sidebar storiesConfigured menu={menu} stories={stories} isLoading refs={refs} />
 );
-
-export const darkWithRefs = () => (
-  <ThemeProvider theme={ensureTheme(themes.dark)}>
-    <Sidebar storiesConfigured menu={menu} stories={stories} isLoading refs={refs} />
-  </ThemeProvider>
-);
-
-darkWithRefs.parameters = {
-  backgrounds: {
-    default: 'dark',
-    values: [{ name: 'dark', value: '#222222', default: true }],
-  },
-};
diff --git a/lib/ui/src/components/sidebar/Sidebar.tsx b/lib/ui/src/components/sidebar/Sidebar.tsx
index 6dd729b1bd4..7ff1983fd7a 100644
--- a/lib/ui/src/components/sidebar/Sidebar.tsx
+++ b/lib/ui/src/components/sidebar/Sidebar.tsx
@@ -12,21 +12,20 @@ import { filteredLength } from './Tree/utils';
 import { Ref } from './Refs';
 import { RefType, Refs } from './RefHelpers';
 
-const Container = styled.nav(
-  {
-    position: 'absolute',
-    zIndex: 1,
-    left: 0,
-    top: 0,
-    bottom: 0,
-    right: 0,
-    width: '100%',
-    height: '100%',
-  },
-  ({ theme }) => ({
-    color: theme.color.darker,
-  })
-);
+const Container = styled.nav({
+  position: 'absolute',
+  zIndex: 1,
+  left: 0,
+  top: 0,
+  bottom: 0,
+  right: 0,
+  width: '100%',
+  height: '100%',
+});
+
+const StyledSpaced = styled(Spaced)({
+  paddingBottom: '2.5rem',
+});
 
 const CustomScrollArea = styled(ScrollArea)({
   '&&&&& .os-scrollbar-handle:before': {
@@ -42,7 +41,7 @@ const Hr = styled.hr(({ theme }) => ({
   border: '0 none',
   height: 0,
   marginBottom: 0,
-  borderTop: `1px solid ${theme.color.mediumlight}`,
+  borderTop: `1px solid ${theme.appBorderColor}`,
 }));
 
 export interface SidebarProps {
@@ -119,7 +118,7 @@ const Sidebar: FunctionComponent<SidebarProps> = ({
   return (
     <Container className="container sidebar-container">
       <CustomScrollArea vertical>
-        <Spaced row={2}>
+        <StyledSpaced row={1.6}>
           <Heading className="sidebar-header" menuHighlighted={menuHighlighted} menu={menu} />
 
           <Search key="filter" onChange={setFilter} />
@@ -138,7 +137,7 @@ const Sidebar: FunctionComponent<SidebarProps> = ({
               );
             })}
           </Fragment>
-        </Spaced>
+        </StyledSpaced>
       </CustomScrollArea>
     </Container>
   );
diff --git a/lib/ui/src/components/sidebar/Tree/ListItem.stories.tsx b/lib/ui/src/components/sidebar/Tree/ListItem.stories.tsx
new file mode 100644
index 00000000000..b5aeb0a0697
--- /dev/null
+++ b/lib/ui/src/components/sidebar/Tree/ListItem.stories.tsx
@@ -0,0 +1,41 @@
+import React, { ComponentProps, Fragment } from 'react';
+
+import { ListItem } from './ListItem';
+
+export default {
+  component: ListItem,
+  title: 'UI/Sidebar/ListItem',
+  decorators: [(storyFn: any) => <div style={{ width: '240px' }}>{storyFn()}</div>],
+};
+
+const baseProps: ComponentProps<typeof ListItem> = {
+  depth: 0,
+  id: 'foo-bar',
+  isComponent: false,
+  isLeaf: false,
+  isExpanded: false,
+  isSelected: false,
+  kind: 'foo',
+  name: 'bar',
+  refId: '',
+};
+
+export const Group = () => <ListItem {...baseProps} />;
+export const Component = () => <ListItem {...baseProps} isComponent />;
+export const ComponentExpanded = () => <ListItem {...baseProps} isComponent isExpanded />;
+export const Story = () => <ListItem {...baseProps} isLeaf />;
+export const StorySelected = () => <ListItem {...baseProps} isLeaf isSelected />;
+export const WithLongName = () => (
+  <ListItem
+    {...baseProps}
+    name="Holy cow this is a very very very long name to be in this tiny area."
+  />
+);
+export const NestedDepths = () => (
+  <Fragment>
+    <ListItem {...baseProps} depth={1} />
+    <ListItem {...baseProps} depth={2} />
+    <ListItem {...baseProps} depth={3} />
+    <ListItem {...baseProps} depth={4} />
+  </Fragment>
+);
diff --git a/lib/ui/src/components/sidebar/Tree/ListItem.tsx b/lib/ui/src/components/sidebar/Tree/ListItem.tsx
index b67b2aa19d1..2bbd82baa13 100644
--- a/lib/ui/src/components/sidebar/Tree/ListItem.tsx
+++ b/lib/ui/src/components/sidebar/Tree/ListItem.tsx
@@ -72,7 +72,7 @@ export const Item = styled.a<{
   ({ theme }) => ({
     position: 'relative',
     textDecoration: 'none',
-    fontSize: theme.typography.size.s2,
+    fontSize: theme.typography.size.s2 - 1,
     lineHeight: '16px',
     paddingTop: 4,
     paddingBottom: 4,
@@ -99,9 +99,10 @@ export const Item = styled.a<{
             theme.base === 'light'
               ? theme.color.defaultText
               : transparentize(0.2, theme.color.defaultText),
-          '&:hover': {
+          '&:hover, &:focus': {
             color: theme.color.defaultText,
             background: theme.background.hoverable,
+            outline: 'none',
           },
         }
 );
@@ -117,7 +118,6 @@ export type ListItemProps = ComponentProps<typeof Item> & {
   kind: string;
   refId?: string;
   depth: number;
-  parameters: Record<string, any>;
 };
 
 export const ListItem: FunctionComponent<ListItemProps> = ({
diff --git a/lib/ui/src/containers/sidebar.test.ts b/lib/ui/src/components/sidebar/Tree/State.test.ts
similarity index 98%
rename from lib/ui/src/containers/sidebar.test.ts
rename to lib/ui/src/components/sidebar/Tree/State.test.ts
index a4e6734a864..d4707b58aec 100644
--- a/lib/ui/src/containers/sidebar.test.ts
+++ b/lib/ui/src/components/sidebar/Tree/State.test.ts
@@ -1,5 +1,5 @@
 import { StoriesHash } from '@storybook/api';
-import { collapseDocsOnlyStories, collapseAllStories } from './sidebar';
+import { collapseDocsOnlyStories, collapseAllStories } from './State';
 
 type Item = StoriesHash[keyof StoriesHash];
 
diff --git a/lib/ui/src/components/sidebar/Tree/State.tsx b/lib/ui/src/components/sidebar/Tree/State.tsx
index d2daeb968b3..139814f6c45 100644
--- a/lib/ui/src/components/sidebar/Tree/State.tsx
+++ b/lib/ui/src/components/sidebar/Tree/State.tsx
@@ -1,8 +1,124 @@
+import { DOCS_MODE } from 'global';
 import React, { useMemo, useState, useEffect } from 'react';
-import { isRoot } from '@storybook/api';
+import { isRoot as isRootFn, Story, StoriesHash } from '@storybook/api';
 import { toFiltered, getMains, getParents } from './utils';
 import { BooleanSet, FilteredType, Item, DataSet } from '../RefHelpers';
 
+export type ItemType = StoriesHash[keyof StoriesHash];
+
+export const collapseAllStories = (stories: StoriesHash) => {
+  // keep track of component IDs that have been rewritten to the ID of their first leaf child
+  const componentIdToLeafId: Record<string, string> = {};
+
+  // 1) remove all leaves
+  const leavesRemoved = Object.values(stories).filter(
+    (item) => !(item.isLeaf && stories[item.parent].isComponent)
+  );
+
+  // 2) make all components leaves and rewrite their ID's to the first leaf child
+  const componentsFlattened = leavesRemoved.map((item) => {
+    const { id, isComponent, isRoot, children, ...rest } = item;
+
+    // this is a folder, so just leave it alone
+    if (!isComponent) {
+      return item;
+    }
+
+    const nonLeafChildren: string[] = [];
+    const leafChildren: string[] = [];
+    children.forEach((child) =>
+      (stories[child].isLeaf ? leafChildren : nonLeafChildren).push(child)
+    );
+
+    if (leafChildren.length === 0) {
+      return item; // pass through, we'll handle you later
+    }
+
+    const leafId = leafChildren[0];
+    const component = {
+      ...rest,
+      id: leafId,
+      kind: (stories[leafId] as Story).kind,
+      isRoot: false,
+      isLeaf: true,
+      isComponent: true,
+      children: [] as string[],
+    };
+    componentIdToLeafId[id] = leafId;
+
+    // this is a component, so it should not have any non-leaf children
+    if (nonLeafChildren.length !== 0) {
+      throw new Error(
+        `Unexpected '${item.id}': ${JSON.stringify({ isComponent, nonLeafChildren })}`
+      );
+    }
+
+    return component;
+  });
+
+  // 3) rewrite all the children as needed
+  const childrenRewritten = componentsFlattened.map((item) => {
+    if (item.isLeaf) {
+      return item;
+    }
+
+    const { children, ...rest } = item;
+    const rewritten = children.map((child) => componentIdToLeafId[child] || child);
+
+    return { children: rewritten, ...rest };
+  });
+
+  const result = {} as StoriesHash;
+  childrenRewritten.forEach((item) => {
+    result[item.id] = item as Item;
+  });
+  return result;
+};
+
+export const collapseDocsOnlyStories = (storiesHash: StoriesHash) => {
+  // keep track of component IDs that have been rewritten to the ID of their first leaf child
+  const componentIdToLeafId: Record<string, string> = {};
+  const docsOnlyStoriesRemoved = Object.values(storiesHash).filter((item) => {
+    if (item.isLeaf && item.parameters && item.parameters.docsOnly) {
+      componentIdToLeafId[item.parent] = item.id;
+      return false; // filter it out
+    }
+    return true;
+  });
+
+  const docsOnlyComponentsCollapsed = docsOnlyStoriesRemoved.map((item) => {
+    // collapse docs-only components
+    const { isComponent, children, id } = item;
+    if (isComponent && children.length === 1) {
+      const leafId = componentIdToLeafId[id];
+      if (leafId) {
+        const collapsed = {
+          ...item,
+          id: leafId,
+          isLeaf: true,
+          children: [] as string[],
+        };
+        return collapsed;
+      }
+    }
+
+    // update groups
+    if (children) {
+      const rewritten = children.map((child) => componentIdToLeafId[child] || child);
+      return { ...item, children: rewritten };
+    }
+
+    // pass through stories unmodified
+    return item;
+  });
+
+  const result = {} as StoriesHash;
+  docsOnlyComponentsCollapsed.forEach((item) => {
+    result[item.id] = item as Item;
+  });
+  return result;
+};
+
 export const ExpanderContext = React.createContext<{
   setExpanded: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
   expandedSet: BooleanSet;
@@ -75,7 +191,11 @@ const useFiltered = (dataset: DataSet, filter: string, parents: Item[], storyId:
   );
 };
 
-export const useDataset = (dataset: DataSet = {}, filter: string, storyId: string) => {
+export const useDataset = (storiesHash: DataSet = {}, filter: string, storyId: string) => {
+  const dataset = useMemo(() => {
+    return DOCS_MODE ? collapseAllStories(storiesHash) : collapseDocsOnlyStories(storiesHash);
+  }, [DOCS_MODE, storiesHash]);
+
   const emptyInitial = useMemo(
     () => ({
       filtered: {},
@@ -83,14 +203,15 @@ export const useDataset = (dataset: DataSet = {}, filter: string, storyId: strin
     }),
     []
   );
-  const datasetKeys = Object.keys(dataset);
+  const datasetKeys = useMemo(() => Object.keys(dataset), [dataset]);
   const initial = useMemo(() => {
     if (datasetKeys.length) {
       return Object.keys(dataset).reduce(
-        (acc, k) => ({
-          filtered: { ...acc.filtered, [k]: true },
-          unfiltered: { ...acc.unfiltered, [k]: false },
-        }),
+        (acc, k) => {
+          acc.filtered[k] = true;
+          acc.unfiltered[k] = false;
+          return acc;
+        },
         { filtered: {} as BooleanSet, unfiltered: {} as BooleanSet }
       );
     }
@@ -110,7 +231,7 @@ export const useDataset = (dataset: DataSet = {}, filter: string, storyId: strin
   const topLevel = useMemo(
     () =>
       Object.values(filteredSet).filter(
-        (i) => (i.depth === 0 && !isRoot(i)) || (!isRoot(i) && isRoot(filteredSet[i.parent]))
+        (i) => (i.depth === 0 && !isRootFn(i)) || (!isRootFn(i) && isRootFn(filteredSet[i.parent]))
       ),
     [filteredSet]
   );
@@ -127,9 +248,9 @@ export const useDataset = (dataset: DataSet = {}, filter: string, storyId: strin
     () =>
       getMains(filteredSet).reduce(
         (acc, item) => {
-          return isRoot(item)
-            ? { ...acc, roots: [...acc.roots, item] }
-            : { ...acc, others: [...acc.others, item] };
+          return isRootFn(item)
+            ? Object.assign(acc, { roots: [...acc.roots, item] })
+            : Object.assign(acc, { others: [...acc.others, item] });
         },
         { roots: [] as Item[], others: [] as Item[] }
       ),
diff --git a/lib/ui/src/containers/menu.tsx b/lib/ui/src/containers/menu.tsx
index b4d5dd87c44..ab31916704f 100644
--- a/lib/ui/src/containers/menu.tsx
+++ b/lib/ui/src/containers/menu.tsx
@@ -2,8 +2,9 @@ import React, { useMemo } from 'react';
 
 import { Badge } from '@storybook/components';
 import { API } from '@storybook/api';
+import { useTheme, Theme } from '@storybook/theming';
 
-import { shortcutToHumanString } from '../libs/shortcut';
+import { shortcutToHumanString } from '@storybook/api/shortcut';
 import { MenuItemIcon } from '../components/sidebar/Menu';
 
 const focusableUIElements = {
@@ -22,8 +23,44 @@ export const useMenu = (
   showNav: boolean,
   enableShortcuts: boolean
 ) => {
+  const theme = useTheme<Theme>();
   const shortcutKeys = api.getShortcutKeys();
 
+  const about = useMemo(
+    () => ({
+      id: 'about',
+      title: 'About your Storybook',
+      onClick: () => api.navigateToSettingsPage('/settings/about'),
+      right: api.versionUpdateAvailable() && <Badge status="positive">Update</Badge>,
+      left: <MenuItemIcon />,
+    }),
+    [api, shortcutToHumanStringIfEnabled, enableShortcuts, shortcutKeys]
+  );
+
+  const releaseNotes = useMemo(
+    () => ({
+      id: 'release-notes',
+      title: 'Release notes',
+      onClick: () => api.navigateToSettingsPage('/settings/release-notes'),
+      left: <MenuItemIcon />,
+    }),
+    [api, shortcutToHumanStringIfEnabled, enableShortcuts, shortcutKeys]
+  );
+
+  const shortcuts = useMemo(
+    () => ({
+      id: 'shortcuts',
+      title: 'Keyboard shortcuts',
+      onClick: () => api.navigateToSettingsPage('/settings/shortcuts'),
+      right: shortcutToHumanStringIfEnabled(shortcutKeys.shortcutsPage, enableShortcuts),
+      left: <MenuItemIcon />,
+      style: {
+        borderBottom: `4px solid ${theme.appBorderColor}`,
+      },
+    }),
+    [api, shortcutToHumanStringIfEnabled, enableShortcuts, shortcutKeys]
+  );
+
   const sidebarToggle = useMemo(
     () => ({
       id: 'S',
@@ -123,34 +160,12 @@ export const useMenu = (
     [api, shortcutToHumanStringIfEnabled, enableShortcuts, shortcutKeys]
   );
 
-  const about = useMemo(
-    () => ({
-      id: 'about',
-      title: 'About your Storybook',
-      onClick: () => api.navigate('/settings/about'),
-      right: api.versionUpdateAvailable() && <Badge status="positive">Update</Badge>,
-      left: <MenuItemIcon />,
-    }),
-    [api, shortcutToHumanStringIfEnabled, enableShortcuts, shortcutKeys]
-  );
-
-  const shortcuts = useMemo(
-    () => ({
-      id: 'shortcuts',
-      title: 'Keyboard shortcuts',
-      onClick: () => api.navigate('/settings/shortcuts'),
-      right: shortcutToHumanStringIfEnabled(shortcutKeys.shortcutsPage, enableShortcuts),
-      left: <MenuItemIcon />,
-    }),
-    [api, shortcutToHumanStringIfEnabled, enableShortcuts, shortcutKeys]
-  );
-
   const collapse = useMemo(
     () => ({
       id: 'collapse',
       title: 'Collapse all',
       onClick: () => api.collapseAll(),
-      right: shortcutToHumanString(shortcutKeys.collapseAll),
+      right: enableShortcuts ? shortcutToHumanString(shortcutKeys.collapseAll) : '',
       left: <MenuItemIcon />,
     }),
     [api, shortcutToHumanStringIfEnabled, enableShortcuts, shortcutKeys]
@@ -158,6 +173,9 @@ export const useMenu = (
 
   return useMemo(
     () => [
+      about,
+      ...(api.releaseNotesVersion() ? [releaseNotes] : []),
+      shortcuts,
       sidebarToggle,
       addonsToggle,
       addonsOrientationToggle,
@@ -167,11 +185,12 @@ export const useMenu = (
       down,
       prev,
       next,
-      about,
-      shortcuts,
       collapse,
     ],
     [
+      about,
+      ...(api.releaseNotesVersion() ? [releaseNotes] : []),
+      shortcuts,
       sidebarToggle,
       addonsToggle,
       addonsOrientationToggle,
@@ -181,8 +200,6 @@ export const useMenu = (
       down,
       prev,
       next,
-      about,
-      shortcuts,
       collapse,
     ]
   );
diff --git a/lib/ui/src/containers/panel.stories.tsx b/lib/ui/src/containers/panel.stories.tsx
index 1669a915a40..982ee395f56 100644
--- a/lib/ui/src/containers/panel.stories.tsx
+++ b/lib/ui/src/containers/panel.stories.tsx
@@ -8,6 +8,6 @@ export const AllAddons = () => <div>By default all addon panels are rendered</di
 export const FilteredAddons = () => <div>By default all addon panels are rendered</div>;
 
 FilteredAddons.parameters = {
-  a11y: { disabled: true },
-  actions: { disabled: true },
+  a11y: { disable: true },
+  actions: { disable: true },
 };
diff --git a/lib/ui/src/containers/sidebar.tsx b/lib/ui/src/containers/sidebar.tsx
index 817236188ce..fbc2f38c28f 100755
--- a/lib/ui/src/containers/sidebar.tsx
+++ b/lib/ui/src/containers/sidebar.tsx
@@ -1,129 +1,12 @@
-import { DOCS_MODE } from 'global';
-import React, { FunctionComponent, useMemo } from 'react';
-import rfdc from 'rfdc';
+import React, { FunctionComponent } from 'react';
 
-import { Consumer, Combo, StoriesHash, Story } from '@storybook/api';
+import { Consumer, Combo, StoriesHash } from '@storybook/api';
 
 import SidebarComponent from '../components/sidebar/Sidebar';
 import { useMenu } from './menu';
 
 export type Item = StoriesHash[keyof StoriesHash];
 
-export const collapseAllStories = (stories: StoriesHash) => {
-  // keep track of component IDs that have been rewritten to the ID of their first leaf child
-  const componentIdToLeafId: Record<string, string> = {};
-
-  // 1) remove all leaves
-  const leavesRemoved = Object.values(stories).filter(
-    (item) => !(item.isLeaf && stories[item.parent].isComponent)
-  );
-
-  // 2) make all components leaves and rewrite their ID's to the first leaf child
-  const componentsFlattened = leavesRemoved.map((item) => {
-    const { id, isComponent, isRoot, children, ...rest } = item;
-
-    // this is a folder, so just leave it alone
-    if (!isComponent) {
-      return item;
-    }
-
-    const nonLeafChildren: string[] = [];
-    const leafChildren: string[] = [];
-    children.forEach((child) =>
-      (stories[child].isLeaf ? leafChildren : nonLeafChildren).push(child)
-    );
-
-    if (leafChildren.length === 0) {
-      return item; // pass through, we'll handle you later
-    }
-
-    const leafId = leafChildren[0];
-    const component = {
-      ...rest,
-      id: leafId,
-      kind: (stories[leafId] as Story).kind,
-      isRoot: false,
-      isLeaf: true,
-      isComponent: true,
-      children: [] as string[],
-    };
-    componentIdToLeafId[id] = leafId;
-
-    // this is a component, so it should not have any non-leaf children
-    if (nonLeafChildren.length !== 0) {
-      throw new Error(
-        `Unexpected '${item.id}': ${JSON.stringify({ isComponent, nonLeafChildren })}`
-      );
-    }
-
-    return component;
-  });
-
-  // 3) rewrite all the children as needed
-  const childrenRewritten = componentsFlattened.map((item) => {
-    if (item.isLeaf) {
-      return item;
-    }
-
-    const { children, ...rest } = item;
-    const rewritten = children.map((child) => componentIdToLeafId[child] || child);
-
-    return { children: rewritten, ...rest };
-  });
-
-  const result = {} as StoriesHash;
-  childrenRewritten.forEach((item) => {
-    result[item.id] = item as Item;
-  });
-  return result;
-};
-
-export const collapseDocsOnlyStories = (storiesHash: StoriesHash) => {
-  // keep track of component IDs that have been rewritten to the ID of their first leaf child
-  const componentIdToLeafId: Record<string, string> = {};
-  const docsOnlyStoriesRemoved = Object.values(storiesHash).filter((item) => {
-    if (item.isLeaf && item.parameters && item.parameters.docsOnly) {
-      componentIdToLeafId[item.parent] = item.id;
-      return false; // filter it out
-    }
-    return true;
-  });
-
-  const docsOnlyComponentsCollapsed = docsOnlyStoriesRemoved.map((item) => {
-    // collapse docs-only components
-    const { isComponent, children, id } = item;
-    if (isComponent && children.length === 1) {
-      const leafId = componentIdToLeafId[id];
-      if (leafId) {
-        const collapsed = {
-          ...item,
-          id: leafId,
-          isLeaf: true,
-          children: [] as string[],
-        };
-        return collapsed;
-      }
-    }
-
-    // update groups
-    if (children) {
-      const rewritten = children.map((child) => componentIdToLeafId[child] || child);
-      return { ...item, children: rewritten };
-    }
-
-    // pass through stories unmodified
-    return item;
-  });
-
-  const result = {} as StoriesHash;
-  docsOnlyComponentsCollapsed.forEach((item) => {
-    result[item.id] = item as Item;
-  });
-  return result;
-};
-
-const clone = rfdc({ circles: true });
-
 const Sidebar: FunctionComponent<{}> = React.memo(() => {
   const mapper = ({ state, api }: Combo) => {
     const {
@@ -137,19 +20,12 @@ const Sidebar: FunctionComponent<{}> = React.memo(() => {
       refs,
     } = state;
 
-    const stories = useMemo(() => {
-      // protect against mutation
-      const copy = clone(storiesHash);
-
-      return DOCS_MODE ? collapseAllStories(copy) : collapseDocsOnlyStories(copy);
-    }, [DOCS_MODE, storiesHash]);
-
     const menu = useMenu(api, isFullscreen, showPanel, showNav, enableShortcuts);
 
     return {
       title: name,
       url,
-      stories,
+      stories: storiesHash,
       storiesFailed,
       storiesConfigured,
       refs,
diff --git a/lib/ui/src/index.tsx b/lib/ui/src/index.tsx
index 082896e77cf..c6939ec3e0d 100644
--- a/lib/ui/src/index.tsx
+++ b/lib/ui/src/index.tsx
@@ -2,7 +2,7 @@ import { DOCS_MODE } from 'global';
 import React, { FunctionComponent } from 'react';
 import ReactDOM from 'react-dom';
 
-import { Location, LocationProvider } from '@storybook/router';
+import { Location, LocationProvider, History } from '@storybook/router';
 import { Provider as ManagerProvider, Combo } from '@storybook/api';
 import { ThemeProvider, ensure as ensureTheme } from '@storybook/theming';
 import { HelmetProvider } from 'react-helmet-async';
@@ -28,12 +28,13 @@ const Container = process.env.XSTORYBOOK_EXAMPLE_APP ? React.StrictMode : React.
 
 export interface RootProps {
   provider: Provider;
+  history?: History;
 }
 
-export const Root: FunctionComponent<RootProps> = ({ provider }) => (
+export const Root: FunctionComponent<RootProps> = ({ provider, history }) => (
   <Container key="container">
     <HelmetProvider key="helmet.Provider">
-      <LocationProvider key="location.provider">
+      <LocationProvider key="location.provider" history={history}>
         <Location key="location.consumer">
           {(locationData) => (
             <ManagerProvider
@@ -44,7 +45,7 @@ export const Root: FunctionComponent<RootProps> = ({ provider }) => (
             >
               {({ state, api }: Combo) => {
                 const panelCount = Object.keys(api.getPanels()).length;
-                const story = api.getData(state.storyId);
+                const story = api.getData(state.storyId, state.refId);
 
                 return (
                   <ThemeProvider key="theme.provider" theme={ensureTheme(state.theme)}>
diff --git a/lib/ui/src/keyboard/keyCodes.ts b/lib/ui/src/keyboard/keyCodes.ts
deleted file mode 100644
index 8cdd9fa269d..00000000000
--- a/lib/ui/src/keyboard/keyCodes.ts
+++ /dev/null
@@ -1,579 +0,0 @@
-/* eslint-disable no-shadow */
-/* eslint-disable no-bitwise */
-/* eslint-disable no-underscore-dangle */
-import { OperatingSystem } from './platform';
-
-export enum KeyCode {
-  Unknown = 0,
-
-  Backspace = 1,
-  Tab = 2,
-  Enter = 3,
-  Shift = 4,
-  Ctrl = 5,
-  Alt = 6,
-  PauseBreak = 7,
-  CapsLock = 7,
-  Escape = 9,
-  Space = 10,
-  PageUp = 11,
-  PageDown = 12,
-  End = 13,
-  Home = 14,
-  LeftArrow = 15,
-  UpArrow = 16,
-  RightArrow = 17,
-  DownArrow = 18,
-  Insert = 19,
-  Delete = 20,
-
-  KEY_0 = 21,
-  KEY_1 = 22,
-  KEY_2 = 23,
-  KEY_3 = 24,
-  KEY_4 = 25,
-  KEY_5 = 26,
-  KEY_6 = 27,
-  KEY_7 = 28,
-  KEY_8 = 29,
-  KEY_9 = 30,
-
-  KEY_A = 31,
-  KEY_B = 32,
-  KEY_C = 33,
-  KEY_D = 34,
-  KEY_E = 35,
-  KEY_F = 36,
-  KEY_G = 37,
-  KEY_H = 38,
-  KEY_I = 39,
-  KEY_J = 40,
-  KEY_K = 41,
-  KEY_L = 42,
-  KEY_M = 43,
-  KEY_N = 44,
-  KEY_O = 45,
-  KEY_P = 46,
-  KEY_Q = 47,
-  KEY_R = 48,
-  KEY_S = 49,
-  KEY_T = 50,
-  KEY_U = 51,
-  KEY_V = 52,
-  KEY_W = 53,
-  KEY_X = 54,
-  KEY_Y = 55,
-  KEY_Z = 56,
-
-  Meta = 57,
-  ContextMenu = 58,
-
-  F1 = 59,
-  F2 = 60,
-  F3 = 61,
-  F4 = 62,
-  F5 = 63,
-  F6 = 64,
-  F7 = 65,
-  F8 = 66,
-  F9 = 67,
-  F10 = 68,
-  F11 = 69,
-  F12 = 70,
-  F13 = 71,
-  F14 = 72,
-  F15 = 73,
-  F16 = 74,
-  F17 = 75,
-  F18 = 76,
-  F19 = 77,
-
-  NumLock = 78,
-  ScrollLock = 79,
-
-  /**
-   * Used for various key characters that can vary by keyboard
-   */
-  /**
-   * Used for miscellaneous characters; it can vary by keyboard.
-   * For the US standard keyboard, the ';:' key
-   */
-  US_SEMICOLON = 80,
-  /**
-   * For any country/region, the '+' key
-   * For the US standard keyboard, the '=+' key
-   */
-  US_EQUAL = 81,
-  /**
-   * For any country/region, the ',' key
-   * For the US standard keyboard, the ',<' key
-   */
-  US_COMMA = 82,
-  /**
-   * For any country/region, the '-' key
-   * For the US standard keyboard, the '-_' key
-   */
-  US_MINUS = 83,
-  /**
-   * For any country/region, the '.' key
-   * For the US standard keyboard, the '.>' key
-   */
-  US_DOT = 84,
-  /**
-   * Used for miscellaneous characters; it can vary by keyboard.
-   * For the US standard keyboard, the '/?' key
-   */
-  US_SLASH = 85,
-  /**
-   * Used for miscellaneous characters; it can vary by keyboard.
-   * For the US standard keyboard, the '`~' key
-   */
-  US_BACKTICK = 86,
-  /**
-   * Used for miscellaneous characters; it can vary by keyboard.
-   * For the US standard keyboard, the '[{' key
-   */
-  US_OPEN_SQUARE_BRACKET = 87,
-  /**
-   * Used for miscellaneous characters; it can vary by keyboard.
-   * For the US standard keyboard, the '\|' key
-   */
-  US_BACKSLASH = 88,
-  /**
-   * Used for miscellaneous characters; it can vary by keyboard.
-   * For the US standard keyboard, the ']}' key
-   */
-  US_CLOSE_SQUARE_BRACKET = 89,
-  /**
-   * Used for miscellaneous characters; it can vary by keyboard.
-   * For the US standard keyboard, the ''"' key
-   */
-  US_QUOTE = 90,
-  /**
-   * Used for miscellaneous characters; it can vary by keyboard.
-   */
-  OEM_8 = 91,
-  /**
-   * Either the angle bracket key or the backslash key on the RT 102-key keyboard.
-   */
-  OEM_102 = 92,
-
-  NUMPAD_0 = 93, // VK_NUMPAD0, 0x60, Numeric keypad 0 key
-  NUMPAD_1 = 94, // VK_NUMPAD1, 0x61, Numeric keypad 1 key
-  NUMPAD_2 = 95, // VK_NUMPAD2, 0x62, Numeric keypad 2 key
-  NUMPAD_3 = 96, // VK_NUMPAD3, 0x63, Numeric keypad 3 key
-  NUMPAD_4 = 97, // VK_NUMPAD4, 0x64, Numeric keypad 4 key
-  NUMPAD_5 = 98, // VK_NUMPAD5, 0x65, Numeric keypad 5 key
-  NUMPAD_6 = 99, // VK_NUMPAD6, 0x66, Numeric keypad 6 key
-  NUMPAD_7 = 100, // VK_NUMPAD7, 0x67, Numeric keypad 7 key
-  NUMPAD_8 = 101, // VK_NUMPAD8, 0x68, Numeric keypad 8 key
-  NUMPAD_9 = 102, // VK_NUMPAD9, 0x69, Numeric keypad 9 key
-
-  NUMPAD_MULTIPLY = 103, // VK_MULTIPLY, 0x6A, Multiply key
-  NUMPAD_ADD = 104, // VK_ADD, 0x6B, Add key
-  NUMPAD_SEPARATOR = 105, // VK_SEPARATOR, 0x6C, Separator key
-  NUMPAD_SUBTRACT = 106, // VK_SUBTRACT, 0x6D, Subtract key
-  NUMPAD_DECIMAL = 107, // VK_DECIMAL, 0x6E, Decimal key
-  NUMPAD_DIVIDE = 108, // VK_DIVIDE, 0x6F,
-
-  /**
-   * Cover all key codes when IME is processing input.
-   */
-  KEY_IN_COMPOSITION = 109,
-
-  ABNT_C1 = 110, // Brazilian (ABNT) Keyboard
-  ABNT_C2 = 111, // Brazilian (ABNT) Keyboard
-
-  /**
-   * Placed last to cover the length of the enum.
-   * Please do not depend on this value!
-   */
-  MAX_VALUE,
-}
-
-class KeyCodeStrMap {
-  private _keyCodetoStr: string[];
-
-  private _strToKeyCode: { [str: string]: KeyCode };
-
-  constructor() {
-    this._keyCodetoStr = [];
-    this._strToKeyCode = Object.create(null);
-  }
-
-  define(keyCode: KeyCode, str: string): void {
-    this._keyCodetoStr[keyCode] = str;
-    this._strToKeyCode[str.toLowerCase()] = keyCode;
-  }
-
-  keyCodeToStr(keyCode: KeyCode): string {
-    return this._keyCodetoStr[keyCode];
-  }
-
-  strToKeyCode(str: string): KeyCode {
-    return this._strToKeyCode[str.toLowerCase()] || KeyCode.Unknown;
-  }
-}
-
-const uiMap = new KeyCodeStrMap();
-const userSettingsUSMap = new KeyCodeStrMap();
-const userSettingsGeneralMap = new KeyCodeStrMap();
-
-(() => {
-  function define(
-    keyCode: KeyCode,
-    uiLabel: string,
-    usUserSettingsLabel: string = uiLabel,
-    generalUserSettingsLabel: string = usUserSettingsLabel
-  ): void {
-    uiMap.define(keyCode, uiLabel);
-    userSettingsUSMap.define(keyCode, usUserSettingsLabel);
-    userSettingsGeneralMap.define(keyCode, generalUserSettingsLabel);
-  }
-
-  define(KeyCode.Unknown, 'unknown');
-
-  define(KeyCode.Backspace, 'Backspace');
-  define(KeyCode.Tab, 'Tab');
-  define(KeyCode.Enter, 'Enter');
-  define(KeyCode.Shift, 'Shift');
-  define(KeyCode.Ctrl, 'Ctrl');
-  define(KeyCode.Alt, 'Alt');
-  define(KeyCode.PauseBreak, 'PauseBreak');
-  define(KeyCode.CapsLock, 'CapsLock');
-  define(KeyCode.Escape, 'Escape');
-  define(KeyCode.Space, 'Space');
-  define(KeyCode.PageUp, 'PageUp');
-  define(KeyCode.PageDown, 'PageDown');
-  define(KeyCode.End, 'End');
-  define(KeyCode.Home, 'Home');
-
-  define(KeyCode.LeftArrow, 'LeftArrow');
-  define(KeyCode.UpArrow, 'UpArrow');
-  define(KeyCode.RightArrow, 'RightArrow');
-  define(KeyCode.DownArrow, 'DownArrow');
-  define(KeyCode.Insert, 'Insert');
-  define(KeyCode.Delete, 'Delete');
-
-  define(KeyCode.KEY_0, 'KEY_0');
-  define(KeyCode.KEY_1, 'KEY_1');
-  define(KeyCode.KEY_2, 'KEY_2');
-  define(KeyCode.KEY_3, 'KEY_3');
-  define(KeyCode.KEY_4, 'KEY_4');
-  define(KeyCode.KEY_5, 'KEY_5');
-  define(KeyCode.KEY_6, 'KEY_6');
-  define(KeyCode.KEY_7, 'KEY_7');
-  define(KeyCode.KEY_8, 'KEY_8');
-  define(KeyCode.KEY_9, 'KEY_9');
-
-  define(KeyCode.KEY_A, 'KEY_A');
-  define(KeyCode.KEY_B, 'KEY_B');
-  define(KeyCode.KEY_C, 'KEY_C');
-  define(KeyCode.KEY_D, 'KEY_D');
-  define(KeyCode.KEY_E, 'KEY_E');
-  define(KeyCode.KEY_F, 'KEY_F');
-  define(KeyCode.KEY_G, 'KEY_G');
-  define(KeyCode.KEY_H, 'KEY_H');
-  define(KeyCode.KEY_I, 'KEY_I');
-  define(KeyCode.KEY_J, 'KEY_J');
-  define(KeyCode.KEY_K, 'KEY_K');
-  define(KeyCode.KEY_L, 'KEY_L');
-  define(KeyCode.KEY_M, 'KEY_M');
-  define(KeyCode.KEY_N, 'KEY_N');
-  define(KeyCode.KEY_O, 'KEY_O');
-  define(KeyCode.KEY_P, 'KEY_P');
-  define(KeyCode.KEY_Q, 'KEY_Q');
-  define(KeyCode.KEY_R, 'KEY_R');
-  define(KeyCode.KEY_S, 'KEY_S');
-  define(KeyCode.KEY_T, 'KEY_T');
-  define(KeyCode.KEY_U, 'KEY_U');
-  define(KeyCode.KEY_V, 'KEY_V');
-  define(KeyCode.KEY_W, 'KEY_W');
-  define(KeyCode.KEY_X, 'KEY_X');
-  define(KeyCode.KEY_Y, 'KEY_Y');
-  define(KeyCode.KEY_Z, 'KEY_Z');
-
-  define(KeyCode.Meta, 'Meta');
-  define(KeyCode.ContextMenu, 'ContextMenu');
-
-  define(KeyCode.F1, 'F1');
-  define(KeyCode.F2, 'F2');
-  define(KeyCode.F3, 'F3');
-  define(KeyCode.F4, 'F4');
-  define(KeyCode.F5, 'F5');
-  define(KeyCode.F6, 'F6');
-  define(KeyCode.F7, 'F7');
-  define(KeyCode.F8, 'F8');
-  define(KeyCode.F9, 'F9');
-  define(KeyCode.F10, 'F10');
-  define(KeyCode.F11, 'F11');
-  define(KeyCode.F12, 'F12');
-  define(KeyCode.F13, 'F13');
-  define(KeyCode.F14, 'F14');
-  define(KeyCode.F15, 'F15');
-  define(KeyCode.F16, 'F16');
-  define(KeyCode.F17, 'F17');
-  define(KeyCode.F18, 'F18');
-  define(KeyCode.F19, 'F19');
-
-  define(KeyCode.NumLock, 'NumLock');
-  define(KeyCode.ScrollLock, 'ScrollLock');
-
-  define(KeyCode.US_SEMICOLON, ';', ';', 'OEM_1');
-  define(KeyCode.US_EQUAL, '=', '=', 'OEM_PLUS');
-  define(KeyCode.US_COMMA, ',', ',', 'OEM_COMMA');
-  define(KeyCode.US_MINUS, '-', '-', 'OEM_MINUS');
-  define(KeyCode.US_DOT, '.', '.', 'OEM_PERIOD');
-  define(KeyCode.US_SLASH, '/', '/', 'OEM_2');
-  define(KeyCode.US_BACKTICK, '`', '`', 'OEM_3');
-  define(KeyCode.ABNT_C1, 'ABNT_C1');
-  define(KeyCode.ABNT_C2, 'ABNT_C2');
-  define(KeyCode.US_OPEN_SQUARE_BRACKET, '[', '[', 'OEM_4');
-  define(KeyCode.US_BACKSLASH, '\\', '\\', 'OEM_5');
-  define(KeyCode.US_CLOSE_SQUARE_BRACKET, ']', ']', 'OEM_6');
-  define(KeyCode.US_QUOTE, "'", "'", 'OEM_7');
-  define(KeyCode.OEM_8, 'OEM_8');
-  define(KeyCode.OEM_102, 'OEM_102');
-
-  define(KeyCode.NUMPAD_0, 'NumPad0');
-  define(KeyCode.NUMPAD_1, 'NumPad1');
-  define(KeyCode.NUMPAD_2, 'NumPad2');
-  define(KeyCode.NUMPAD_3, 'NumPad3');
-  define(KeyCode.NUMPAD_4, 'NumPad4');
-  define(KeyCode.NUMPAD_5, 'NumPad5');
-  define(KeyCode.NUMPAD_6, 'NumPad6');
-  define(KeyCode.NUMPAD_7, 'NumPad7');
-  define(KeyCode.NUMPAD_8, 'NumPad8');
-  define(KeyCode.NUMPAD_9, 'NumPad9');
-
-  define(KeyCode.NUMPAD_MULTIPLY, 'NumPad_Multiply');
-  define(KeyCode.NUMPAD_ADD, 'NumPad_Add');
-  define(KeyCode.NUMPAD_SEPARATOR, 'NumPad_Separator');
-  define(KeyCode.NUMPAD_SUBTRACT, 'NumPad_Subtract');
-  define(KeyCode.NUMPAD_DECIMAL, 'NumPad_Decimal');
-  define(KeyCode.NUMPAD_DIVIDE, 'NumPad_Divide');
-})();
-
-// export namespace KeyCodeUtils {
-//   export function toString(keyCode: KeyCode): string {
-//     return uiMap.keyCodeToStr(keyCode);
-//   }
-
-//   export function fromString(key: string): KeyCode {
-//     return uiMap.strToKeyCode(key);
-//   }
-// }
-
-/**
- * Binary encoding strategy:
- * ```
- *    1111 11
- *    5432 1098 7654 3210
- *    ---- CSAW KKKK KKKK
- *  C = bit 11 = ctrlCmd flag
- *  S = bit 10 = shift flag
- *  A = bit 9 = alt flag
- *  W = bit 8 = winCtrl flag
- *  K = bits 0-7 = key code
- * ```
- */
-
-enum BinaryKeybindingsMask {
-  CtrlCmd = (1 << 11) >>> 0,
-  Shift = (1 << 10) >>> 0,
-  Alt = (1 << 9) >>> 0,
-  WinCtrl = (1 << 8) >>> 0,
-  KeyCode = 0x000000ff,
-}
-
-export enum KeyMod {
-  CtrlCmd = (1 << 11) >>> 0,
-  Shift = (1 << 10) >>> 0,
-  Alt = (1 << 9) >>> 0,
-  WinCtrl = (1 << 8) >>> 0,
-}
-
-export function KeyChord(firstPart: number, secondPart: number): number {
-  const chordPart = ((secondPart & 0x0000ffff) << 16) >>> 0;
-  return (firstPart | chordPart) >>> 0;
-}
-
-export enum KeybindingType {
-  Simple = 1,
-  Chord = 2,
-}
-export class SimpleKeybinding {
-  public readonly type = KeybindingType.Simple;
-
-  public readonly ctrlKey: boolean;
-
-  public readonly shiftKey: boolean;
-
-  public readonly altKey: boolean;
-
-  public readonly metaKey: boolean;
-
-  public readonly keyCode: KeyCode;
-
-  constructor(
-    ctrlKey: boolean,
-    shiftKey: boolean,
-    altKey: boolean,
-    metaKey: boolean,
-    keyCode: KeyCode
-  ) {
-    this.ctrlKey = ctrlKey;
-    this.shiftKey = shiftKey;
-    this.altKey = altKey;
-    this.metaKey = metaKey;
-    this.keyCode = keyCode;
-  }
-
-  public equals(other: Keybinding): boolean {
-    if (other.type !== KeybindingType.Simple) {
-      return false;
-    }
-
-    return (
-      this.ctrlKey === other.ctrlKey &&
-      this.shiftKey === other.shiftKey &&
-      this.altKey === other.altKey &&
-      this.metaKey === other.metaKey &&
-      this.keyCode === other.keyCode
-    );
-  }
-
-  public getHashCode(): string {
-    const ctrl = this.ctrlKey ? '1' : '0';
-    const shift = this.shiftKey ? '1' : '0';
-    const alt = this.altKey ? '1' : '0';
-    const meta = this.metaKey ? '1' : '0';
-
-    return `${ctrl}${shift}${alt}${meta}${this.keyCode}`;
-  }
-
-  public isModifierKey(): boolean {
-    return (
-      this.keyCode === KeyCode.Unknown ||
-      this.keyCode === KeyCode.Ctrl ||
-      this.keyCode === KeyCode.Meta ||
-      this.keyCode === KeyCode.Alt ||
-      this.keyCode === KeyCode.Shift
-    );
-  }
-
-  public isDupliateModifierCase(): boolean {
-    return (
-      (this.ctrlKey && this.keyCode === KeyCode.Ctrl) ||
-      (this.shiftKey && this.keyCode === KeyCode.Shift) ||
-      (this.altKey && this.keyCode === KeyCode.Alt) ||
-      (this.metaKey && this.keyCode === KeyCode.Meta)
-    );
-  }
-}
-export class ChordKeybinding {
-  public readonly type = KeybindingType.Chord;
-
-  public readonly firstPart: SimpleKeybinding;
-
-  public readonly chordPart: SimpleKeybinding;
-
-  constructor(firstPart: SimpleKeybinding, chordPart: SimpleKeybinding) {
-    this.firstPart = firstPart;
-    this.chordPart = chordPart;
-  }
-
-  public getHashCode(): string {
-    return `${this.firstPart.getHashCode()};${this.chordPart.getHashCode()}`;
-  }
-}
-
-export function createKeyBinding(keybinding: number, OS: OperatingSystem): Keybinding | null {
-  if (keybinding === 0) {
-    return null;
-  }
-
-  const firstPart = (keybinding & 0x0000ffff) >>> 0;
-  const chordPart = (keybinding & 0xffff0000) >>> 16;
-
-  if (chordPart !== 0) {
-    return new ChordKeybinding(
-      createSimpleKeybinding(firstPart, OS),
-      createSimpleKeybinding(chordPart, OS)
-    );
-  }
-
-  return createSimpleKeybinding(firstPart, OS);
-}
-
-export function createSimpleKeybinding(keybinding: number, OS: OperatingSystem): SimpleKeybinding {
-  const ctrlCmd = !!(keybinding & BinaryKeybindingsMask.CtrlCmd);
-  const winCtrl = !!(keybinding & BinaryKeybindingsMask.WinCtrl);
-  const ctrlKey = OS === OperatingSystem.Macintosh ? winCtrl : ctrlCmd;
-  const shiftKey = !!(keybinding & BinaryKeybindingsMask.Shift);
-  const altKey = !!(keybinding & BinaryKeybindingsMask.Alt);
-  const metaKey = OS === OperatingSystem.Macintosh ? ctrlCmd : winCtrl;
-  const keyCode = keybinding & BinaryKeybindingsMask.KeyCode;
-
-  return new SimpleKeybinding(ctrlKey, shiftKey, altKey, metaKey, keyCode);
-}
-
-export type Keybinding = SimpleKeybinding | ChordKeybinding;
-
-export class ResolveKeybindingPart {
-  readonly ctrlKey: boolean;
-
-  readonly shiftKey: boolean;
-
-  readonly altKey: boolean;
-
-  readonly metaKey: boolean;
-
-  readonly keyLabel: string | null;
-
-  readonly keyAriaLabel: string | null;
-
-  constructor(
-    ctrlKey: boolean,
-    shiftKey: boolean,
-    altKey: boolean,
-    metaKey: boolean,
-    kbLabel: string | null,
-    kbAriaLabel: string | null
-  ) {
-    this.ctrlKey = ctrlKey;
-    this.shiftKey = shiftKey;
-    this.altKey = altKey;
-    this.metaKey = metaKey;
-    this.keyLabel = kbLabel;
-    this.keyAriaLabel = kbAriaLabel;
-  }
-}
-
-export abstract class ResolvedKeybinding {
-  /**
-   * This prints the binding in a format suitable for displaying in the UI.
-   */
-  public abstract getLabel(): string | null;
-
-  // prints the keybinding in ARIA format
-  public abstract getAriaLabel(): string | null;
-
-  // print in user setting format
-  public abstract getUserSettingsLabel(): string | null;
-
-  // is user settings label reflecting the label?
-  public abstract isWYSIWYG(): boolean;
-
-  // is the binding a chord
-  public abstract isChord(): boolean;
-
-  // returns the first part, chordpart that should be used for dispatching
-  public abstract getDispatchParts(): [string | null, string | null];
-
-  /**
-   * returns the firstPart, chordopart of the keybinding
-   * For simple keybindings, the second element will be null
-   */
-  public abstract getParts(): [ResolveKeybindingPart, ResolveKeybindingPart | null];
-}
diff --git a/lib/ui/src/keyboard/keyModel.ts b/lib/ui/src/keyboard/keyModel.ts
deleted file mode 100644
index 67a560c722e..00000000000
--- a/lib/ui/src/keyboard/keyModel.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { KeyCode } from './keyCodes';
-
-export interface KeyBoardEvent {
-  readonly ctrlKey: boolean;
-  readonly shiftKey: boolean;
-  readonly altKey: boolean;
-  readonly metaKey: boolean;
-  readonly keyCodeKey: KeyCode;
-  readonly code: string;
-  readonly key: string;
-}
diff --git a/lib/ui/src/keyboard/platform.ts b/lib/ui/src/keyboard/platform.ts
deleted file mode 100644
index 68fdeca7774..00000000000
--- a/lib/ui/src/keyboard/platform.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/* eslint-disable no-nested-ternary */
-/* eslint-disable prefer-destructuring */
-/* eslint-disable no-underscore-dangle */
-import { navigator } from 'global';
-
-let _isWindows = false;
-let _isMacintosh = false;
-let _isLinux = false;
-let _locale: string | undefined;
-let _language: string | undefined;
-
-export enum Platform {
-  Mac,
-  Linux,
-  Windows,
-}
-
-export const isWindows = _isWindows;
-export const isMacintosh = _isMacintosh;
-export const isLinux = _isLinux;
-
-if (typeof navigator === 'object') {
-  const userAgent = navigator.userAgent;
-  _isWindows = userAgent.indexOf('Windows') >= 0;
-  _isMacintosh = userAgent.indexOf('Macintosh') >= 0;
-  _isLinux = userAgent.indexOf('Linux') >= 0;
-  _locale = navigator.language;
-  _language = _locale;
-}
-
-export enum OperatingSystem {
-  Windows = 1,
-  Macintosh = 2,
-  Linux = 3,
-}
-
-export const OS = _isMacintosh
-  ? OperatingSystem.Macintosh
-  : _isWindows
-  ? OperatingSystem.Windows
-  : OperatingSystem.Linux;
diff --git a/lib/ui/src/keyboard/scanCode.ts b/lib/ui/src/keyboard/scanCode.ts
deleted file mode 100644
index 6c09d5a4e26..00000000000
--- a/lib/ui/src/keyboard/scanCode.ts
+++ /dev/null
@@ -1,696 +0,0 @@
-/* eslint-disable no-plusplus */
-/* eslint-disable lines-between-class-members */
-import { KeyCode } from './keyCodes';
-
-/**
- * keyboardEvent.code
- */
-export enum ScanCode {
-  None,
-
-  Hyper,
-  Super,
-  Fn,
-  FnLock,
-  Suspend,
-  Resume,
-  Turbo,
-  Sleep,
-  WakeUp,
-  KeyA,
-  KeyB,
-  KeyC,
-  KeyD,
-  KeyE,
-  KeyF,
-  KeyG,
-  KeyH,
-  KeyI,
-  KeyJ,
-  KeyK,
-  KeyL,
-  KeyM,
-  KeyN,
-  KeyO,
-  KeyP,
-  KeyQ,
-  KeyR,
-  KeyS,
-  KeyT,
-  KeyU,
-  KeyV,
-  KeyW,
-  KeyX,
-  KeyY,
-  KeyZ,
-  Digit1,
-  Digit2,
-  Digit3,
-  Digit4,
-  Digit5,
-  Digit6,
-  Digit7,
-  Digit8,
-  Digit9,
-  Digit0,
-  Enter,
-  Escape,
-  Backspace,
-  Tab,
-  Space,
-  Minus,
-  Equal,
-  BracketLeft,
-  BracketRight,
-  Backslash,
-  IntlHash,
-  Semicolon,
-  Quote,
-  Backquote,
-  Comma,
-  Period,
-  Slash,
-  CapsLock,
-  F1,
-  F2,
-  F3,
-  F4,
-  F5,
-  F6,
-  F7,
-  F8,
-  F9,
-  F10,
-  F11,
-  F12,
-  PrintScreen,
-  ScrollLock,
-  Pause,
-  Insert,
-  Home,
-  PageUp,
-  Delete,
-  End,
-  PageDown,
-  ArrowRight,
-  ArrowLeft,
-  ArrowDown,
-  ArrowUp,
-  NumLock,
-  NumpadDivide,
-  NumpadMultiply,
-  NumpadSubtract,
-  NumpadAdd,
-  NumpadEnter,
-  Numpad1,
-  Numpad2,
-  Numpad3,
-  Numpad4,
-  Numpad5,
-  Numpad6,
-  Numpad7,
-  Numpad8,
-  Numpad9,
-  Numpad0,
-  NumpadDecimal,
-  IntlBackslash,
-  ContextMenu,
-  Power,
-  NumpadEqual,
-  F13,
-  F14,
-  F15,
-  F16,
-  F17,
-  F18,
-  F19,
-  F20,
-  F21,
-  F22,
-  F23,
-  F24,
-  Open,
-  Help,
-  Select,
-  Again,
-  Undo,
-  Cut,
-  Copy,
-  Paste,
-  Find,
-  AudioVolumeMute,
-  AudioVolumeUp,
-  AudioVolumeDown,
-  NumpadComma,
-  IntlRo,
-  KanaMode,
-  IntlYen,
-  Convert,
-  NonConvert,
-  Lang1,
-  Lang2,
-  Lang3,
-  Lang4,
-  Lang5,
-  Abort,
-  Props,
-  NumpadParenLeft,
-  NumpadParenRight,
-  NumpadBackspace,
-  NumpadMemoryStore,
-  NumpadMemoryRecall,
-  NumpadMemoryClear,
-  NumpadMemoryAdd,
-  NumpadMemorySubtract,
-  NumpadClear,
-  NumpadClearEntry,
-  ControlLeft,
-  ShiftLeft,
-  AltLeft,
-  MetaLeft,
-  ControlRight,
-  ShiftRight,
-  AltRight,
-  MetaRight,
-  BrightnessUp,
-  BrightnessDown,
-  MediaPlay,
-  MediaRecord,
-  MediaFastForward,
-  MediaRewind,
-  MediaTrackNext,
-  MediaTrackPrevious,
-  MediaStop,
-  Eject,
-  MediaPlayPause,
-  MediaSelect,
-  LaunchMail,
-  LaunchApp2,
-  LaunchApp1,
-  SelectTask,
-  LaunchScreenSaver,
-  BrowserSearch,
-  BrowserHome,
-  BrowserBack,
-  BrowserForward,
-  BrowserStop,
-  BrowserRefresh,
-  BrowserFavorites,
-  ZoomToggle,
-  MailReply,
-  MailForward,
-  MailSend,
-
-  MAX_VALUE,
-}
-
-const scanCodeIntToStr: string[] = [];
-const scanCodeStrToInt: { [code: string]: number } = Object.create(null);
-const scanCodeLowerCaseStrToInt: { [code: string]: number } = Object.create(null);
-
-export const ScanCodeUtils = {
-  lowerCaseToEnum: (scanCode: string) => scanCodeLowerCaseStrToInt[scanCode] || ScanCode.None,
-  toEnum: (scanCode: string) => scanCodeStrToInt[scanCode] || ScanCode.None,
-  toString: (scanCode: ScanCode) => scanCodeIntToStr[scanCode] || 'None',
-};
-
-/**
- * -1 if a ScanCode => KeyCode mapping depends on kb layout.
- */
-export const IMMUTABLE_CODE_TO_KEYCODE: KeyCode[] = [];
-
-/**
- * -1 if a KeyCode => ScanCode mapping depends on kb layout.
- */
-export const IMMUTABLE_KEYCODE_TO_CODE: ScanCode[] = [];
-
-export class ScanCodeBinding {
-  public readonly ctrlKey: boolean;
-  public readonly shiftKey: boolean;
-  public readonly altKey: boolean;
-  public readonly metaKey: boolean;
-  public readonly scanCode: ScanCode;
-
-  constructor(
-    ctrlKey: boolean,
-    shiftKey: boolean,
-    altKey: boolean,
-    metaKey: boolean,
-    scanCode: ScanCode
-  ) {
-    this.ctrlKey = ctrlKey;
-    this.shiftKey = shiftKey;
-    this.altKey = altKey;
-    this.metaKey = metaKey;
-    this.scanCode = scanCode;
-  }
-
-  public equals(other: ScanCodeBinding): boolean {
-    return (
-      this.ctrlKey === other.ctrlKey &&
-      this.shiftKey === other.shiftKey &&
-      this.altKey === other.altKey &&
-      this.metaKey === other.metaKey &&
-      this.scanCode === other.scanCode
-    );
-  }
-
-  /**
-   * Does this keybinding refer to the key code of a modifier and it also has the modifier flag?
-   */
-  public isDuplicateModifierCase(): boolean {
-    return (
-      (this.ctrlKey &&
-        (this.scanCode === ScanCode.ControlLeft || this.scanCode === ScanCode.ControlRight)) ||
-      (this.shiftKey &&
-        (this.scanCode === ScanCode.ShiftLeft || this.scanCode === ScanCode.ShiftRight)) ||
-      (this.altKey &&
-        (this.scanCode === ScanCode.AltLeft || this.scanCode === ScanCode.AltRight)) ||
-      (this.metaKey &&
-        (this.scanCode === ScanCode.MetaLeft || this.scanCode === ScanCode.MetaRight))
-    );
-  }
-}
-
-(() => {
-  function d(intScanCode: ScanCode, strScanCode: string): void {
-    scanCodeIntToStr[intScanCode] = strScanCode;
-    scanCodeStrToInt[strScanCode] = intScanCode;
-    scanCodeLowerCaseStrToInt[strScanCode.toLowerCase()] = intScanCode;
-  }
-  d(ScanCode.None, 'None');
-  d(ScanCode.Hyper, 'Hyper');
-  d(ScanCode.Super, 'Super');
-  d(ScanCode.Fn, 'Fn');
-  d(ScanCode.FnLock, 'FnLock');
-  d(ScanCode.Suspend, 'Suspend');
-  d(ScanCode.Resume, 'Resume');
-  d(ScanCode.Turbo, 'Turbo');
-  d(ScanCode.Sleep, 'Sleep');
-  d(ScanCode.WakeUp, 'WakeUp');
-  d(ScanCode.KeyA, 'KeyA');
-  d(ScanCode.KeyB, 'KeyB');
-  d(ScanCode.KeyC, 'KeyC');
-  d(ScanCode.KeyD, 'KeyD');
-  d(ScanCode.KeyE, 'KeyE');
-  d(ScanCode.KeyF, 'KeyF');
-  d(ScanCode.KeyG, 'KeyG');
-  d(ScanCode.KeyH, 'KeyH');
-  d(ScanCode.KeyI, 'KeyI');
-  d(ScanCode.KeyJ, 'KeyJ');
-  d(ScanCode.KeyK, 'KeyK');
-  d(ScanCode.KeyL, 'KeyL');
-  d(ScanCode.KeyM, 'KeyM');
-  d(ScanCode.KeyN, 'KeyN');
-  d(ScanCode.KeyO, 'KeyO');
-  d(ScanCode.KeyP, 'KeyP');
-  d(ScanCode.KeyQ, 'KeyQ');
-  d(ScanCode.KeyR, 'KeyR');
-  d(ScanCode.KeyS, 'KeyS');
-  d(ScanCode.KeyT, 'KeyT');
-  d(ScanCode.KeyU, 'KeyU');
-  d(ScanCode.KeyV, 'KeyV');
-  d(ScanCode.KeyW, 'KeyW');
-  d(ScanCode.KeyX, 'KeyX');
-  d(ScanCode.KeyY, 'KeyY');
-  d(ScanCode.KeyZ, 'KeyZ');
-  d(ScanCode.Digit1, 'Digit1');
-  d(ScanCode.Digit2, 'Digit2');
-  d(ScanCode.Digit3, 'Digit3');
-  d(ScanCode.Digit4, 'Digit4');
-  d(ScanCode.Digit5, 'Digit5');
-  d(ScanCode.Digit6, 'Digit6');
-  d(ScanCode.Digit7, 'Digit7');
-  d(ScanCode.Digit8, 'Digit8');
-  d(ScanCode.Digit9, 'Digit9');
-  d(ScanCode.Digit0, 'Digit0');
-  d(ScanCode.Enter, 'Enter');
-  d(ScanCode.Escape, 'Escape');
-  d(ScanCode.Backspace, 'Backspace');
-  d(ScanCode.Tab, 'Tab');
-  d(ScanCode.Space, 'Space');
-  d(ScanCode.Minus, 'Minus');
-  d(ScanCode.Equal, 'Equal');
-  d(ScanCode.BracketLeft, 'BracketLeft');
-  d(ScanCode.BracketRight, 'BracketRight');
-  d(ScanCode.Backslash, 'Backslash');
-  d(ScanCode.IntlHash, 'IntlHash');
-  d(ScanCode.Semicolon, 'Semicolon');
-  d(ScanCode.Quote, 'Quote');
-  d(ScanCode.Backquote, 'Backquote');
-  d(ScanCode.Comma, 'Comma');
-  d(ScanCode.Period, 'Period');
-  d(ScanCode.Slash, 'Slash');
-  d(ScanCode.CapsLock, 'CapsLock');
-  d(ScanCode.F1, 'F1');
-  d(ScanCode.F2, 'F2');
-  d(ScanCode.F3, 'F3');
-  d(ScanCode.F4, 'F4');
-  d(ScanCode.F5, 'F5');
-  d(ScanCode.F6, 'F6');
-  d(ScanCode.F7, 'F7');
-  d(ScanCode.F8, 'F8');
-  d(ScanCode.F9, 'F9');
-  d(ScanCode.F10, 'F10');
-  d(ScanCode.F11, 'F11');
-  d(ScanCode.F12, 'F12');
-  d(ScanCode.PrintScreen, 'PrintScreen');
-  d(ScanCode.ScrollLock, 'ScrollLock');
-  d(ScanCode.Pause, 'Pause');
-  d(ScanCode.Insert, 'Insert');
-  d(ScanCode.Home, 'Home');
-  d(ScanCode.PageUp, 'PageUp');
-  d(ScanCode.Delete, 'Delete');
-  d(ScanCode.End, 'End');
-  d(ScanCode.PageDown, 'PageDown');
-  d(ScanCode.ArrowRight, 'ArrowRight');
-  d(ScanCode.ArrowLeft, 'ArrowLeft');
-  d(ScanCode.ArrowDown, 'ArrowDown');
-  d(ScanCode.ArrowUp, 'ArrowUp');
-  d(ScanCode.NumLock, 'NumLock');
-  d(ScanCode.NumpadDivide, 'NumpadDivide');
-  d(ScanCode.NumpadMultiply, 'NumpadMultiply');
-  d(ScanCode.NumpadSubtract, 'NumpadSubtract');
-  d(ScanCode.NumpadAdd, 'NumpadAdd');
-  d(ScanCode.NumpadEnter, 'NumpadEnter');
-  d(ScanCode.Numpad1, 'Numpad1');
-  d(ScanCode.Numpad2, 'Numpad2');
-  d(ScanCode.Numpad3, 'Numpad3');
-  d(ScanCode.Numpad4, 'Numpad4');
-  d(ScanCode.Numpad5, 'Numpad5');
-  d(ScanCode.Numpad6, 'Numpad6');
-  d(ScanCode.Numpad7, 'Numpad7');
-  d(ScanCode.Numpad8, 'Numpad8');
-  d(ScanCode.Numpad9, 'Numpad9');
-  d(ScanCode.Numpad0, 'Numpad0');
-  d(ScanCode.NumpadDecimal, 'NumpadDecimal');
-  d(ScanCode.IntlBackslash, 'IntlBackslash');
-  d(ScanCode.ContextMenu, 'ContextMenu');
-  d(ScanCode.Power, 'Power');
-  d(ScanCode.NumpadEqual, 'NumpadEqual');
-  d(ScanCode.F13, 'F13');
-  d(ScanCode.F14, 'F14');
-  d(ScanCode.F15, 'F15');
-  d(ScanCode.F16, 'F16');
-  d(ScanCode.F17, 'F17');
-  d(ScanCode.F18, 'F18');
-  d(ScanCode.F19, 'F19');
-  d(ScanCode.F20, 'F20');
-  d(ScanCode.F21, 'F21');
-  d(ScanCode.F22, 'F22');
-  d(ScanCode.F23, 'F23');
-  d(ScanCode.F24, 'F24');
-  d(ScanCode.Open, 'Open');
-  d(ScanCode.Help, 'Help');
-  d(ScanCode.Select, 'Select');
-  d(ScanCode.Again, 'Again');
-  d(ScanCode.Undo, 'Undo');
-  d(ScanCode.Cut, 'Cut');
-  d(ScanCode.Copy, 'Copy');
-  d(ScanCode.Paste, 'Paste');
-  d(ScanCode.Find, 'Find');
-  d(ScanCode.AudioVolumeMute, 'AudioVolumeMute');
-  d(ScanCode.AudioVolumeUp, 'AudioVolumeUp');
-  d(ScanCode.AudioVolumeDown, 'AudioVolumeDown');
-  d(ScanCode.NumpadComma, 'NumpadComma');
-  d(ScanCode.IntlRo, 'IntlRo');
-  d(ScanCode.KanaMode, 'KanaMode');
-  d(ScanCode.IntlYen, 'IntlYen');
-  d(ScanCode.Convert, 'Convert');
-  d(ScanCode.NonConvert, 'NonConvert');
-  d(ScanCode.Lang1, 'Lang1');
-  d(ScanCode.Lang2, 'Lang2');
-  d(ScanCode.Lang3, 'Lang3');
-  d(ScanCode.Lang4, 'Lang4');
-  d(ScanCode.Lang5, 'Lang5');
-  d(ScanCode.Abort, 'Abort');
-  d(ScanCode.Props, 'Props');
-  d(ScanCode.NumpadParenLeft, 'NumpadParenLeft');
-  d(ScanCode.NumpadParenRight, 'NumpadParenRight');
-  d(ScanCode.NumpadBackspace, 'NumpadBackspace');
-  d(ScanCode.NumpadMemoryStore, 'NumpadMemoryStore');
-  d(ScanCode.NumpadMemoryRecall, 'NumpadMemoryRecall');
-  d(ScanCode.NumpadMemoryClear, 'NumpadMemoryClear');
-  d(ScanCode.NumpadMemoryAdd, 'NumpadMemoryAdd');
-  d(ScanCode.NumpadMemorySubtract, 'NumpadMemorySubtract');
-  d(ScanCode.NumpadClear, 'NumpadClear');
-  d(ScanCode.NumpadClearEntry, 'NumpadClearEntry');
-  d(ScanCode.ControlLeft, 'ControlLeft');
-  d(ScanCode.ShiftLeft, 'ShiftLeft');
-  d(ScanCode.AltLeft, 'AltLeft');
-  d(ScanCode.MetaLeft, 'MetaLeft');
-  d(ScanCode.ControlRight, 'ControlRight');
-  d(ScanCode.ShiftRight, 'ShiftRight');
-  d(ScanCode.AltRight, 'AltRight');
-  d(ScanCode.MetaRight, 'MetaRight');
-  d(ScanCode.BrightnessUp, 'BrightnessUp');
-  d(ScanCode.BrightnessDown, 'BrightnessDown');
-  d(ScanCode.MediaPlay, 'MediaPlay');
-  d(ScanCode.MediaRecord, 'MediaRecord');
-  d(ScanCode.MediaFastForward, 'MediaFastForward');
-  d(ScanCode.MediaRewind, 'MediaRewind');
-  d(ScanCode.MediaTrackNext, 'MediaTrackNext');
-  d(ScanCode.MediaTrackPrevious, 'MediaTrackPrevious');
-  d(ScanCode.MediaStop, 'MediaStop');
-  d(ScanCode.Eject, 'Eject');
-  d(ScanCode.MediaPlayPause, 'MediaPlayPause');
-  d(ScanCode.MediaSelect, 'MediaSelect');
-  d(ScanCode.LaunchMail, 'LaunchMail');
-  d(ScanCode.LaunchApp2, 'LaunchApp2');
-  d(ScanCode.LaunchApp1, 'LaunchApp1');
-  d(ScanCode.SelectTask, 'SelectTask');
-  d(ScanCode.LaunchScreenSaver, 'LaunchScreenSaver');
-  d(ScanCode.BrowserSearch, 'BrowserSearch');
-  d(ScanCode.BrowserHome, 'BrowserHome');
-  d(ScanCode.BrowserBack, 'BrowserBack');
-  d(ScanCode.BrowserForward, 'BrowserForward');
-  d(ScanCode.BrowserStop, 'BrowserStop');
-  d(ScanCode.BrowserRefresh, 'BrowserRefresh');
-  d(ScanCode.BrowserFavorites, 'BrowserFavorites');
-  d(ScanCode.ZoomToggle, 'ZoomToggle');
-  d(ScanCode.MailReply, 'MailReply');
-  d(ScanCode.MailForward, 'MailForward');
-  d(ScanCode.MailSend, 'MailSend');
-})();
-
-(() => {
-  for (let i = 0; i <= ScanCode.MAX_VALUE; i++) {
-    IMMUTABLE_CODE_TO_KEYCODE[i] = -1;
-  }
-
-  for (let i = 0; i <= KeyCode.MAX_VALUE; i++) {
-    IMMUTABLE_KEYCODE_TO_CODE[i] = -1;
-  }
-
-  function define(code: ScanCode, keyCode: KeyCode): void {
-    IMMUTABLE_CODE_TO_KEYCODE[code] = keyCode;
-
-    if (
-      keyCode !== KeyCode.Unknown &&
-      keyCode !== KeyCode.Enter &&
-      keyCode !== KeyCode.Ctrl &&
-      keyCode !== KeyCode.Shift &&
-      keyCode !== KeyCode.Alt &&
-      keyCode !== KeyCode.Meta
-    ) {
-      IMMUTABLE_KEYCODE_TO_CODE[keyCode] = code;
-    }
-  }
-
-  // Manually added due to the exclusion above (due to duplication with NumpadEnter)
-  IMMUTABLE_KEYCODE_TO_CODE[KeyCode.Enter] = ScanCode.Enter;
-
-  define(ScanCode.None, KeyCode.Unknown);
-  define(ScanCode.Hyper, KeyCode.Unknown);
-  define(ScanCode.Super, KeyCode.Unknown);
-  define(ScanCode.Fn, KeyCode.Unknown);
-  define(ScanCode.FnLock, KeyCode.Unknown);
-  define(ScanCode.Suspend, KeyCode.Unknown);
-  define(ScanCode.Resume, KeyCode.Unknown);
-  define(ScanCode.Turbo, KeyCode.Unknown);
-  define(ScanCode.Sleep, KeyCode.Unknown);
-  define(ScanCode.WakeUp, KeyCode.Unknown);
-  // define(ScanCode.KeyA, KeyCode.Unknown);
-  // define(ScanCode.KeyB, KeyCode.Unknown);
-  // define(ScanCode.KeyC, KeyCode.Unknown);
-  // define(ScanCode.KeyD, KeyCode.Unknown);
-  // define(ScanCode.KeyE, KeyCode.Unknown);
-  // define(ScanCode.KeyF, KeyCode.Unknown);
-  // define(ScanCode.KeyG, KeyCode.Unknown);
-  // define(ScanCode.KeyH, KeyCode.Unknown);
-  // define(ScanCode.KeyI, KeyCode.Unknown);
-  // define(ScanCode.KeyJ, KeyCode.Unknown);
-  // define(ScanCode.KeyK, KeyCode.Unknown);
-  // define(ScanCode.KeyL, KeyCode.Unknown);
-  // define(ScanCode.KeyM, KeyCode.Unknown);
-  // define(ScanCode.KeyN, KeyCode.Unknown);
-  // define(ScanCode.KeyO, KeyCode.Unknown);
-  // define(ScanCode.KeyP, KeyCode.Unknown);
-  // define(ScanCode.KeyQ, KeyCode.Unknown);
-  // define(ScanCode.KeyR, KeyCode.Unknown);
-  // define(ScanCode.KeyS, KeyCode.Unknown);
-  // define(ScanCode.KeyT, KeyCode.Unknown);
-  // define(ScanCode.KeyU, KeyCode.Unknown);
-  // define(ScanCode.KeyV, KeyCode.Unknown);
-  // define(ScanCode.KeyW, KeyCode.Unknown);
-  // define(ScanCode.KeyX, KeyCode.Unknown);
-  // define(ScanCode.KeyY, KeyCode.Unknown);
-  // define(ScanCode.KeyZ, KeyCode.Unknown);
-  // define(ScanCode.Digit1, KeyCode.Unknown);
-  // define(ScanCode.Digit2, KeyCode.Unknown);
-  // define(ScanCode.Digit3, KeyCode.Unknown);
-  // define(ScanCode.Digit4, KeyCode.Unknown);
-  // define(ScanCode.Digit5, KeyCode.Unknown);
-  // define(ScanCode.Digit6, KeyCode.Unknown);
-  // define(ScanCode.Digit7, KeyCode.Unknown);
-  // define(ScanCode.Digit8, KeyCode.Unknown);
-  // define(ScanCode.Digit9, KeyCode.Unknown);
-  // define(ScanCode.Digit0, KeyCode.Unknown);
-  define(ScanCode.Enter, KeyCode.Enter);
-  define(ScanCode.Escape, KeyCode.Escape);
-  define(ScanCode.Backspace, KeyCode.Backspace);
-  define(ScanCode.Tab, KeyCode.Tab);
-  define(ScanCode.Space, KeyCode.Space);
-  // define(ScanCode.Minus, KeyCode.Unknown);
-  // define(ScanCode.Equal, KeyCode.Unknown);
-  // define(ScanCode.BracketLeft, KeyCode.Unknown);
-  // define(ScanCode.BracketRight, KeyCode.Unknown);
-  // define(ScanCode.Backslash, KeyCode.Unknown);
-  // define(ScanCode.IntlHash, KeyCode.Unknown);
-  // define(ScanCode.Semicolon, KeyCode.Unknown);
-  // define(ScanCode.Quote, KeyCode.Unknown);
-  // define(ScanCode.Backquote, KeyCode.Unknown);
-  // define(ScanCode.Comma, KeyCode.Unknown);
-  // define(ScanCode.Period, KeyCode.Unknown);
-  // define(ScanCode.Slash, KeyCode.Unknown);
-  define(ScanCode.CapsLock, KeyCode.CapsLock);
-  define(ScanCode.F1, KeyCode.F1);
-  define(ScanCode.F2, KeyCode.F2);
-  define(ScanCode.F3, KeyCode.F3);
-  define(ScanCode.F4, KeyCode.F4);
-  define(ScanCode.F5, KeyCode.F5);
-  define(ScanCode.F6, KeyCode.F6);
-  define(ScanCode.F7, KeyCode.F7);
-  define(ScanCode.F8, KeyCode.F8);
-  define(ScanCode.F9, KeyCode.F9);
-  define(ScanCode.F10, KeyCode.F10);
-  define(ScanCode.F11, KeyCode.F11);
-  define(ScanCode.F12, KeyCode.F12);
-  define(ScanCode.PrintScreen, KeyCode.Unknown);
-  define(ScanCode.ScrollLock, KeyCode.ScrollLock);
-  define(ScanCode.Pause, KeyCode.PauseBreak);
-  define(ScanCode.Insert, KeyCode.Insert);
-  define(ScanCode.Home, KeyCode.Home);
-  define(ScanCode.PageUp, KeyCode.PageUp);
-  define(ScanCode.Delete, KeyCode.Delete);
-  define(ScanCode.End, KeyCode.End);
-  define(ScanCode.PageDown, KeyCode.PageDown);
-  define(ScanCode.ArrowRight, KeyCode.RightArrow);
-  define(ScanCode.ArrowLeft, KeyCode.LeftArrow);
-  define(ScanCode.ArrowDown, KeyCode.DownArrow);
-  define(ScanCode.ArrowUp, KeyCode.UpArrow);
-  define(ScanCode.NumLock, KeyCode.NumLock);
-  define(ScanCode.NumpadDivide, KeyCode.NUMPAD_DIVIDE);
-  define(ScanCode.NumpadMultiply, KeyCode.NUMPAD_MULTIPLY);
-  define(ScanCode.NumpadSubtract, KeyCode.NUMPAD_SUBTRACT);
-  define(ScanCode.NumpadAdd, KeyCode.NUMPAD_ADD);
-  define(ScanCode.NumpadEnter, KeyCode.Enter); // Duplicate
-  define(ScanCode.Numpad1, KeyCode.NUMPAD_1);
-  define(ScanCode.Numpad2, KeyCode.NUMPAD_2);
-  define(ScanCode.Numpad3, KeyCode.NUMPAD_3);
-  define(ScanCode.Numpad4, KeyCode.NUMPAD_4);
-  define(ScanCode.Numpad5, KeyCode.NUMPAD_5);
-  define(ScanCode.Numpad6, KeyCode.NUMPAD_6);
-  define(ScanCode.Numpad7, KeyCode.NUMPAD_7);
-  define(ScanCode.Numpad8, KeyCode.NUMPAD_8);
-  define(ScanCode.Numpad9, KeyCode.NUMPAD_9);
-  define(ScanCode.Numpad0, KeyCode.NUMPAD_0);
-  define(ScanCode.NumpadDecimal, KeyCode.NUMPAD_DECIMAL);
-  // define(ScanCode.IntlBackslash, KeyCode.Unknown);
-  define(ScanCode.ContextMenu, KeyCode.ContextMenu);
-  define(ScanCode.Power, KeyCode.Unknown);
-  define(ScanCode.NumpadEqual, KeyCode.Unknown);
-  define(ScanCode.F13, KeyCode.F13);
-  define(ScanCode.F14, KeyCode.F14);
-  define(ScanCode.F15, KeyCode.F15);
-  define(ScanCode.F16, KeyCode.F16);
-  define(ScanCode.F17, KeyCode.F17);
-  define(ScanCode.F18, KeyCode.F18);
-  define(ScanCode.F19, KeyCode.F19);
-  define(ScanCode.F20, KeyCode.Unknown);
-  define(ScanCode.F21, KeyCode.Unknown);
-  define(ScanCode.F22, KeyCode.Unknown);
-  define(ScanCode.F23, KeyCode.Unknown);
-  define(ScanCode.F24, KeyCode.Unknown);
-  define(ScanCode.Open, KeyCode.Unknown);
-  define(ScanCode.Help, KeyCode.Unknown);
-  define(ScanCode.Select, KeyCode.Unknown);
-  define(ScanCode.Again, KeyCode.Unknown);
-  define(ScanCode.Undo, KeyCode.Unknown);
-  define(ScanCode.Cut, KeyCode.Unknown);
-  define(ScanCode.Copy, KeyCode.Unknown);
-  define(ScanCode.Paste, KeyCode.Unknown);
-  define(ScanCode.Find, KeyCode.Unknown);
-  define(ScanCode.AudioVolumeMute, KeyCode.Unknown);
-  define(ScanCode.AudioVolumeUp, KeyCode.Unknown);
-  define(ScanCode.AudioVolumeDown, KeyCode.Unknown);
-  define(ScanCode.NumpadComma, KeyCode.NUMPAD_SEPARATOR);
-  // define(ScanCode.IntlRo, KeyCode.Unknown);
-  define(ScanCode.KanaMode, KeyCode.Unknown);
-  // define(ScanCode.IntlYen, KeyCode.Unknown);
-  define(ScanCode.Convert, KeyCode.Unknown);
-  define(ScanCode.NonConvert, KeyCode.Unknown);
-  define(ScanCode.Lang1, KeyCode.Unknown);
-  define(ScanCode.Lang2, KeyCode.Unknown);
-  define(ScanCode.Lang3, KeyCode.Unknown);
-  define(ScanCode.Lang4, KeyCode.Unknown);
-  define(ScanCode.Lang5, KeyCode.Unknown);
-  define(ScanCode.Abort, KeyCode.Unknown);
-  define(ScanCode.Props, KeyCode.Unknown);
-  define(ScanCode.NumpadParenLeft, KeyCode.Unknown);
-  define(ScanCode.NumpadParenRight, KeyCode.Unknown);
-  define(ScanCode.NumpadBackspace, KeyCode.Unknown);
-  define(ScanCode.NumpadMemoryStore, KeyCode.Unknown);
-  define(ScanCode.NumpadMemoryRecall, KeyCode.Unknown);
-  define(ScanCode.NumpadMemoryClear, KeyCode.Unknown);
-  define(ScanCode.NumpadMemoryAdd, KeyCode.Unknown);
-  define(ScanCode.NumpadMemorySubtract, KeyCode.Unknown);
-  define(ScanCode.NumpadClear, KeyCode.Unknown);
-  define(ScanCode.NumpadClearEntry, KeyCode.Unknown);
-  define(ScanCode.ControlLeft, KeyCode.Ctrl); // Duplicate
-  define(ScanCode.ShiftLeft, KeyCode.Shift); // Duplicate
-  define(ScanCode.AltLeft, KeyCode.Alt); // Duplicate
-  define(ScanCode.MetaLeft, KeyCode.Meta); // Duplicate
-  define(ScanCode.ControlRight, KeyCode.Ctrl); // Duplicate
-  define(ScanCode.ShiftRight, KeyCode.Shift); // Duplicate
-  define(ScanCode.AltRight, KeyCode.Alt); // Duplicate
-  define(ScanCode.MetaRight, KeyCode.Meta); // Duplicate
-  define(ScanCode.BrightnessUp, KeyCode.Unknown);
-  define(ScanCode.BrightnessDown, KeyCode.Unknown);
-  define(ScanCode.MediaPlay, KeyCode.Unknown);
-  define(ScanCode.MediaRecord, KeyCode.Unknown);
-  define(ScanCode.MediaFastForward, KeyCode.Unknown);
-  define(ScanCode.MediaRewind, KeyCode.Unknown);
-  define(ScanCode.MediaTrackNext, KeyCode.Unknown);
-  define(ScanCode.MediaTrackPrevious, KeyCode.Unknown);
-  define(ScanCode.MediaStop, KeyCode.Unknown);
-  define(ScanCode.Eject, KeyCode.Unknown);
-  define(ScanCode.MediaPlayPause, KeyCode.Unknown);
-  define(ScanCode.MediaSelect, KeyCode.Unknown);
-  define(ScanCode.LaunchMail, KeyCode.Unknown);
-  define(ScanCode.LaunchApp2, KeyCode.Unknown);
-  define(ScanCode.LaunchApp1, KeyCode.Unknown);
-  define(ScanCode.SelectTask, KeyCode.Unknown);
-  define(ScanCode.LaunchScreenSaver, KeyCode.Unknown);
-  define(ScanCode.BrowserSearch, KeyCode.Unknown);
-  define(ScanCode.BrowserHome, KeyCode.Unknown);
-  define(ScanCode.BrowserBack, KeyCode.Unknown);
-  define(ScanCode.BrowserForward, KeyCode.Unknown);
-  define(ScanCode.BrowserStop, KeyCode.Unknown);
-  define(ScanCode.BrowserRefresh, KeyCode.Unknown);
-  define(ScanCode.BrowserFavorites, KeyCode.Unknown);
-  define(ScanCode.ZoomToggle, KeyCode.Unknown);
-  define(ScanCode.MailReply, KeyCode.Unknown);
-  define(ScanCode.MailForward, KeyCode.Unknown);
-  define(ScanCode.MailSend, KeyCode.Unknown);
-})();
diff --git a/lib/ui/src/libs/merge.ts b/lib/ui/src/libs/merge.ts
deleted file mode 100644
index 500a8f22a84..00000000000
--- a/lib/ui/src/libs/merge.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import mergeWith from 'lodash/mergeWith';
-import isEqual from 'lodash/isEqual';
-
-import { logger } from '@storybook/client-logger';
-
-export default (a: any, b: any) =>
-  mergeWith({}, a, b, (objValue: any, srcValue: any) => {
-    if (Array.isArray(srcValue) && Array.isArray(objValue)) {
-      srcValue.forEach((s) => {
-        const existing = objValue.find((o) => o === s || isEqual(o, s));
-        if (!existing) {
-          objValue.push(s);
-        }
-      });
-
-      return objValue;
-    }
-    if (Array.isArray(objValue)) {
-      logger.debug('Merge types mismatch', { picking: objValue, over: srcValue });
-      return objValue;
-    }
-    return undefined;
-  });
diff --git a/lib/ui/src/libs/shortcut.ts b/lib/ui/src/libs/shortcut.ts
deleted file mode 100644
index 5ce858f2abb..00000000000
--- a/lib/ui/src/libs/shortcut.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { navigator } from 'global';
-
-// The shortcut is our JSON-ifiable representation of a shortcut combination
-
-export const isMacLike = () =>
-  navigator && navigator.platform ? !!navigator.platform.match(/(Mac|iPhone|iPod|iPad)/i) : false;
-export const controlOrMetaSymbol = () => (isMacLike() ? '⌘' : 'ctrl');
-export const controlOrMetaKey = () => (isMacLike() ? 'meta' : 'control');
-export const optionOrAltSymbol = () => (isMacLike() ? '⌥' : 'alt');
-
-export const isShortcutTaken = (arr1: any, arr2: any) =>
-  JSON.stringify(arr1) === JSON.stringify(arr2);
-
-// Map a keyboard event to a keyboard shortcut
-// NOTE: if we change the fields on the event that we need, we'll need to update the serialization in core/preview/start.js
-export const eventToShortcut = (e: KeyboardEvent) => {
-  // Meta key only doesn't map to a shortcut
-  if (['Meta', 'Alt', 'Control', 'Shift'].includes(e.key)) {
-    return null;
-  }
-
-  const keys = [];
-  if (e.altKey) {
-    keys.push('alt');
-  }
-  if (e.ctrlKey) {
-    keys.push('control');
-  }
-  if (e.metaKey) {
-    keys.push('meta');
-  }
-  if (e.shiftKey) {
-    keys.push('shift');
-  }
-
-  if (e.key && e.key.length === 1 && e.key !== ' ') {
-    keys.push(e.key.toUpperCase());
-  }
-  if (e.key === ' ') {
-    keys.push('space');
-  }
-  if (e.key === 'Escape') {
-    keys.push('escape');
-  }
-  if (e.key === 'ArrowRight') {
-    keys.push('ArrowRight');
-  }
-  if (e.key === 'ArrowDown') {
-    keys.push('ArrowDown');
-  }
-  if (e.key === 'ArrowUp') {
-    keys.push('ArrowUp');
-  }
-  if (e.key === 'ArrowLeft') {
-    keys.push('ArrowLeft');
-  }
-
-  return keys.length > 0 ? keys : null;
-};
-
-export const shortcutMatchesShortcut = (inputShortcut: any[], shortcut: any[]) =>
-  inputShortcut &&
-  inputShortcut.length === shortcut.length &&
-  !inputShortcut.find((key, i) => key !== shortcut[i]);
-
-// Should this keyboard event trigger this keyboard shortcut?
-export const eventMatchesShortcut = (e: KeyboardEvent, shortcut: any) =>
-  shortcutMatchesShortcut(eventToShortcut(e), shortcut);
-
-export const keyToSymbol = (key: KeyboardEvent['key']) => {
-  if (key === 'alt') {
-    return optionOrAltSymbol();
-  }
-  if (key === 'control') {
-    return '⌃';
-  }
-  if (key === 'meta') {
-    return '⌘';
-  }
-  if (key === 'shift') {
-    return '⇧​';
-  }
-  if (key === 'Enter' || key === 'Backspace' || key === 'Esc') {
-    return '';
-  }
-  if (key === 'escape') {
-    return '';
-  }
-  if (key === ' ') {
-    return 'SPACE';
-  }
-  if (key === 'ArrowUp') {
-    return '↑';
-  }
-  if (key === 'ArrowDown') {
-    return '↓';
-  }
-  if (key === 'ArrowLeft') {
-    return '←';
-  }
-  if (key === 'ArrowRight') {
-    return '→';
-  }
-  return key.toUpperCase();
-};
-
-// Display the shortcut as a human readable string
-export const shortcutToHumanString = (shortcut: any) => shortcut.map(keyToSymbol).join(' ');
diff --git a/lib/ui/src/libs/withLifecycleDecorator.tsx b/lib/ui/src/libs/withLifecycleDecorator.tsx
deleted file mode 100644
index e338c74d99c..00000000000
--- a/lib/ui/src/libs/withLifecycleDecorator.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import React, { Component } from 'react';
-
-export interface WithLifecyleProps {
-  storyFn: Function;
-  beforeEach?: Function;
-  afterEach?: Function;
-}
-
-// A small utility to add before/afterEach to stories.
-class WithLifecyle extends Component<WithLifecyleProps> {
-  constructor(props: WithLifecyleProps) {
-    super(props);
-
-    if (props.beforeEach) {
-      props.beforeEach();
-    }
-  }
-
-  componentWillUnmount() {
-    const { afterEach } = this.props;
-
-    if (afterEach) {
-      afterEach();
-    }
-  }
-
-  render() {
-    const { storyFn } = this.props;
-
-    return storyFn();
-  }
-}
-
-export default ({ beforeEach, afterEach }: { beforeEach: Function; afterEach: Function }) => (
-  storyFn: Function
-) => <WithLifecyle beforeEach={beforeEach} afterEach={afterEach} storyFn={storyFn} />;
diff --git a/lib/ui/src/settings/about.stories.js b/lib/ui/src/settings/about.stories.js
index ac3ab02266c..552bf4b2cd1 100644
--- a/lib/ui/src/settings/about.stories.js
+++ b/lib/ui/src/settings/about.stories.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { storiesOf } from '@storybook/react';
 import { actions as createActions } from '@storybook/addon-actions';
 
-import AboutScreen from './about';
+import { AboutScreen } from './about';
 
 const info = {
   plain: `- upgrade webpack & babel to latest\n- new addParameters and third argument to .add to pass data to addons\n- added the ability to theme storybook\n- improved ui for mobile devices\n- improved performance of addon-knobs`,
@@ -13,15 +13,15 @@ storiesOf('UI/Settings/AboutScreen', module)
   .addParameters({
     component: AboutScreen,
   })
-  .addDecorator((s) => (
+  .addDecorator((storyFn) => (
     <div
       style={{
         position: 'relative',
-        height: 'calc(100vh)',
-        width: 'calc(100vw)',
+        height: '100vh',
+        width: '100vw',
       }}
     >
-      {s()}
+      {storyFn()}
     </div>
   ))
   .add('up to date', () => (
diff --git a/lib/ui/src/settings/about.tsx b/lib/ui/src/settings/about.tsx
index ac3e7962958..30d12b3b1e3 100644
--- a/lib/ui/src/settings/about.tsx
+++ b/lib/ui/src/settings/about.tsx
@@ -1,26 +1,13 @@
-import React, { Fragment, FunctionComponent, SyntheticEvent } from 'react';
+import React, { Fragment, FunctionComponent } from 'react';
 import semver from '@storybook/semver';
 import { styled } from '@storybook/theming';
 import { State } from '@storybook/api';
-import { GlobalHotKeys } from 'react-hotkeys';
 import Markdown from 'markdown-to-jsx';
 
-import {
-  StorybookIcon,
-  SyntaxHighlighter,
-  IconButton,
-  Icons,
-  Tabs,
-  Link,
-  DocumentWrapper,
-} from '@storybook/components';
+import { StorybookIcon, SyntaxHighlighter, Link, DocumentWrapper } from '@storybook/components';
 
 import SettingsFooter from './SettingsFooter';
 
-const keyMap = {
-  CLOSE: 'escape',
-};
-
 const Header = styled.header(({ theme }) => ({
   marginBottom: 20,
   fontSize: theme.typography.size.m3,
@@ -96,8 +83,7 @@ const Container = styled.div({
 const AboutScreen: FunctionComponent<{
   latest: State['versions']['latest'];
   current: State['versions']['current'];
-  onClose: (e?: KeyboardEvent) => void;
-}> = ({ latest = null, current, onClose }) => {
+}> = ({ latest = null, current }) => {
   const canUpdate = latest && semver.gt(latest.version, current.version);
 
   let updateMessage;
@@ -122,92 +108,62 @@ const AboutScreen: FunctionComponent<{
   }
 
   return (
-    <GlobalHotKeys handlers={{ CLOSE: onClose }} keyMap={keyMap}>
-      <Tabs
-        absolute
-        selected="about"
-        actions={{ onSelect: () => {} }}
-        tools={
-          <Fragment>
-            <IconButton
-              onClick={(e: SyntheticEvent) => {
-                e.preventDefault();
-                return onClose();
-              }}
-              title="close"
+    <Container>
+      <Header>
+        <StorybookIcon />
+        Storybook {current.version}
+      </Header>
+
+      {updateMessage}
+
+      {latest ? (
+        <Fragment>
+          <Subheader>
+            <Subheading>{latest.version} Changelog</Subheading>
+            <SubheadingLink
+              secondary
+              href="https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md"
+              withArrow
+              cancel={false}
+              target="_blank"
             >
-              <Icons icon="close" />
-            </IconButton>
-          </Fragment>
-        }
-      >
-        <div id="about" title="About">
-          <Container>
-            <Header>
-              <StorybookIcon />
-              Storybook {current.version}
-            </Header>
+              Read full changelog
+            </SubheadingLink>
+          </Subheader>
+          <DocumentWrapper>
+            <Markdown>{latest.info.plain}</Markdown>
+          </DocumentWrapper>
+        </Fragment>
+      ) : (
+        <ErrorMessage>
+          <Link
+            href="https://github.com/storybookjs/storybook/releases"
+            target="_blank"
+            withArrow
+            secondary
+            cancel={false}
+          >
+            Check Storybook's release history
+          </Link>
+        </ErrorMessage>
+      )}
 
-            {updateMessage}
+      {canUpdate && (
+        <Upgrade>
+          <DocumentWrapper>
+            <p>
+              <b>Upgrade all Storybook packages to latest:</b>
+            </p>
+            <SyntaxHighlighter language="bash" copyable padded bordered>
+              npx sb upgrade
+            </SyntaxHighlighter>
+          </DocumentWrapper>
+        </Upgrade>
+      )}
 
-            {latest ? (
-              <Fragment>
-                <Subheader>
-                  <Subheading>{latest.version} Changelog</Subheading>
-                  <SubheadingLink
-                    secondary
-                    href="https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md"
-                    withArrow
-                    cancel={false}
-                    target="_blank"
-                  >
-                    Read full changelog
-                  </SubheadingLink>
-                </Subheader>
-                <DocumentWrapper>
-                  <Markdown>{latest.info.plain}</Markdown>
-                </DocumentWrapper>
-              </Fragment>
-            ) : (
-              <ErrorMessage>
-                <Link
-                  href="https://github.com/storybookjs/storybook/releases"
-                  target="_blank"
-                  withArrow
-                  secondary
-                  cancel={false}
-                >
-                  Check Storybook's release history
-                </Link>
-              </ErrorMessage>
-            )}
-
-            {canUpdate && (
-              <Upgrade>
-                <DocumentWrapper>
-                  <p>
-                    <b>Upgrade all Storybook packages to latest:</b>
-                  </p>
-                  <SyntaxHighlighter language="bash" copyable padded bordered>
-                    npx npm-check-updates '/storybook/' -u && npm install
-                  </SyntaxHighlighter>
-                  <p>
-                    Alternatively, if you're using yarn run the following command, and check all
-                    Storybook related packages:
-                  </p>
-                  <SyntaxHighlighter language="bash" copyable padded bordered>
-                    yarn upgrade-interactive --latest
-                  </SyntaxHighlighter>
-                </DocumentWrapper>
-              </Upgrade>
-            )}
-
-            <SettingsFooter />
-          </Container>
-        </div>
-      </Tabs>
-    </GlobalHotKeys>
+      <SettingsFooter />
+    </Container>
   );
 };
 
-export { AboutScreen as default };
+export { AboutScreen };
diff --git a/lib/ui/src/settings/about_page.tsx b/lib/ui/src/settings/about_page.tsx
index 584567ce965..d4eb96a2dc9 100644
--- a/lib/ui/src/settings/about_page.tsx
+++ b/lib/ui/src/settings/about_page.tsx
@@ -1,10 +1,8 @@
-import { history } from 'global';
-import React, { Component } from 'react';
+import React, { Component, FunctionComponent } from 'react';
 
-import { Route } from '@storybook/router';
-import { Consumer, API, Combo } from '@storybook/api';
+import { API, useStorybookApi } from '@storybook/api';
 
-import AboutScreen from './about';
+import { AboutScreen } from './about';
 
 // Clear a notification on mount. This could be exported by core/notifications.js perhaps?
 class NotificationClearer extends Component<{ api: API; notificationId: string }> {
@@ -19,18 +17,14 @@ class NotificationClearer extends Component<{ api: API; notificationId: string }
   }
 }
 
-export default () => (
-  <Route path="about">
-    <Consumer>
-      {({ api }: Combo) => (
-        <NotificationClearer api={api} notificationId="update">
-          <AboutScreen
-            current={api.getCurrentVersion()}
-            latest={api.getLatestVersion()}
-            onClose={() => history.back()}
-          />
-        </NotificationClearer>
-      )}
-    </Consumer>
-  </Route>
-);
+const AboutPage: FunctionComponent<{}> = () => {
+  const api = useStorybookApi();
+
+  return (
+    <NotificationClearer api={api} notificationId="update">
+      <AboutScreen current={api.getCurrentVersion()} latest={api.getLatestVersion()} />
+    </NotificationClearer>
+  );
+};
+
+export { AboutPage };
diff --git a/lib/ui/src/settings/index.tsx b/lib/ui/src/settings/index.tsx
index 8a91b8114ca..a34b1792007 100644
--- a/lib/ui/src/settings/index.tsx
+++ b/lib/ui/src/settings/index.tsx
@@ -1,12 +1,105 @@
-import React, { FunctionComponent, Fragment } from 'react';
-import AboutPage from './about_page';
-import ShortcutsPage from './shortcuts_page';
+import React, { FunctionComponent, SyntheticEvent, Fragment } from 'react';
+import { IconButton, Icons, FlexBar, TabBar, TabButton, ScrollArea } from '@storybook/components';
+import { useStorybookApi } from '@storybook/api';
+import { Location, Route } from '@storybook/router';
+import { styled } from '@storybook/theming';
+import { GlobalHotKeys } from 'react-hotkeys';
+import { AboutPage } from './about_page';
+import { ReleaseNotesPage } from './release_notes_page';
+import { ShortcutsPage } from './shortcuts_page';
 
-const SettingsPages: FunctionComponent = () => (
+const TabBarButton: FunctionComponent<{
+  changeTab: (tab: string) => void;
+  id: string;
+  title: string;
+}> = ({ changeTab, id, title }) => (
+  <Location>
+    {({ navigate, path }) => {
+      const active = path.includes(`settings/${id}`);
+      return (
+        <TabButton
+          id={`tabbutton-${id}`}
+          className={['tabbutton'].concat(active ? ['tabbutton-active'] : []).join(' ')}
+          type="button"
+          key="id"
+          active={active}
+          onClick={() => changeTab(id)}
+          role="tab"
+        >
+          {title}
+        </TabButton>
+      );
+    }}
+  </Location>
+);
+
+const Content = styled(ScrollArea)(
+  {
+    position: 'absolute',
+    top: 40,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    overflow: 'auto',
+  },
+  ({ theme }) => ({
+    background: theme.background.content,
+  })
+);
+
+const keyMap = {
+  CLOSE: 'escape',
+};
+
+const Pages: FunctionComponent<{
+  onClose: () => void;
+  hasReleaseNotes?: boolean;
+  changeTab: (tab: string) => void;
+}> = ({ changeTab, onClose, hasReleaseNotes = false }) => (
   <Fragment>
-    <AboutPage key="about" />
-    <ShortcutsPage key="shortcuts" />
+    <FlexBar border>
+      <TabBar role="tablist">
+        <TabBarButton id="about" title="About" changeTab={changeTab} />
+        {hasReleaseNotes && (
+          <TabBarButton id="release-notes" title="Release notes" changeTab={changeTab} />
+        )}
+        <TabBarButton id="shortcuts" title="Keyboard shortcuts" changeTab={changeTab} />
+      </TabBar>
+      <IconButton
+        onClick={(e: SyntheticEvent) => {
+          e.preventDefault();
+          return onClose();
+        }}
+      >
+        <Icons icon="close" />
+      </IconButton>
+    </FlexBar>
+    <Content vertical horizontal={false}>
+      <Route path="about">
+        <AboutPage key="about" />
+      </Route>
+      <Route path="release-notes">
+        <ReleaseNotesPage key="release-notes" />
+      </Route>
+      <Route path="shortcuts">
+        <ShortcutsPage key="shortcuts" />
+      </Route>
+    </Content>
+    <GlobalHotKeys handlers={{ CLOSE: onClose }} keyMap={keyMap} />
   </Fragment>
 );
 
+const SettingsPages: FunctionComponent = () => {
+  const api = useStorybookApi();
+  const changeTab = (tab: string) => api.changeSettingsTab(tab);
+
+  return (
+    <Pages
+      hasReleaseNotes={!!api.releaseNotesVersion()}
+      changeTab={changeTab}
+      onClose={api.closeSettings}
+    />
+  );
+};
+
 export { SettingsPages as default };
diff --git a/lib/ui/src/settings/release_notes.stories.tsx b/lib/ui/src/settings/release_notes.stories.tsx
new file mode 100644
index 00000000000..15728504762
--- /dev/null
+++ b/lib/ui/src/settings/release_notes.stories.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { actions as makeActions } from '@storybook/addon-actions';
+
+import { PureReleaseNotesScreen } from './release_notes';
+
+export default {
+  component: PureReleaseNotesScreen,
+  title: 'UI/Settings/ReleaseNotes',
+};
+
+const actions = makeActions('setLoaded', 'onClose');
+
+const VERSION = '6.0.0';
+
+export const Loading = () => (
+  <PureReleaseNotesScreen
+    didHitMaxWaitTime={false}
+    isLoaded={false}
+    version={VERSION}
+    {...actions}
+  />
+);
+
+export const DidHitMaxWaitTime = () => (
+  <PureReleaseNotesScreen didHitMaxWaitTime isLoaded={false} version={VERSION} {...actions} />
+);
diff --git a/lib/ui/src/settings/release_notes.tsx b/lib/ui/src/settings/release_notes.tsx
new file mode 100644
index 00000000000..66fad1affac
--- /dev/null
+++ b/lib/ui/src/settings/release_notes.tsx
@@ -0,0 +1,126 @@
+import React, { FunctionComponent, useEffect, useState, Fragment, ComponentProps } from 'react';
+import { styled } from '@storybook/theming';
+import { Icons, Loader } from '@storybook/components';
+
+const Centered = styled.div({
+  top: '50%',
+  position: 'absolute',
+  transform: 'translateY(-50%)',
+  width: '100%',
+  textAlign: 'center',
+});
+
+const LoaderWrapper = styled.div({
+  position: 'relative',
+  height: '32px',
+});
+
+const Message = styled.div(({ theme }) => ({
+  paddingTop: '12px',
+  color: theme.color.mediumdark,
+  maxWidth: '295px',
+  margin: '0 auto',
+  fontSize: `${theme.typography.size.s1}px`,
+  lineHeight: `16px`,
+}));
+
+const Iframe = styled.iframe<{ isLoaded: boolean }>(
+  {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    border: 0,
+    margin: 0,
+    padding: 0,
+    width: '100%',
+    height: '100%',
+  },
+  ({ isLoaded }) => ({ visibility: isLoaded ? 'visible' : 'hidden' })
+);
+
+const AlertIcon = styled(((props) => <Icons icon="alert" {...props} />) as FunctionComponent<
+  Omit<ComponentProps<typeof Icons>, 'icon'>
+>)(({ theme }) => ({
+  color: theme.color.mediumdark,
+  width: 40,
+  margin: '0 auto',
+}));
+
+const getIframeUrl = (version: string) => {
+  const [major, minor] = version.split('.');
+  return `https://storybook.js.org/releases/iframe/${major}.${minor}`;
+};
+
+const ReleaseNotesLoader: FunctionComponent = () => (
+  <Centered>
+    <LoaderWrapper>
+      <Loader />
+    </LoaderWrapper>
+    <Message>Loading release notes</Message>
+  </Centered>
+);
+
+const MaxWaitTimeMessaging: FunctionComponent = () => (
+  <Centered>
+    <AlertIcon />
+    <Message>
+      The release notes couldn't be loaded. Check your internet connection and try again.
+    </Message>
+  </Centered>
+);
+
+export interface ReleaseNotesProps {
+  didHitMaxWaitTime: boolean;
+  isLoaded: boolean;
+  setLoaded: (isLoaded: boolean) => void;
+  version: string;
+}
+
+const PureReleaseNotesScreen: FunctionComponent<ReleaseNotesProps> = ({
+  didHitMaxWaitTime,
+  isLoaded,
+  setLoaded,
+  version,
+}) => (
+  <Fragment>
+    {!isLoaded && !didHitMaxWaitTime && <ReleaseNotesLoader />}
+    {didHitMaxWaitTime ? (
+      <MaxWaitTimeMessaging />
+    ) : (
+      <Iframe
+        isLoaded={isLoaded}
+        onLoad={() => setLoaded(true)}
+        src={getIframeUrl(version)}
+        title={`Release notes for Storybook version ${version}`}
+      />
+    )}
+  </Fragment>
+);
+
+const MAX_WAIT_TIME = 10000; // 10 seconds
+
+const ReleaseNotesScreen: FunctionComponent<Omit<
+  ReleaseNotesProps,
+  'isLoaded' | 'setLoaded' | 'didHitMaxWaitTime'
+>> = ({ version }) => {
+  const [isLoaded, setLoaded] = useState(false);
+  const [didHitMaxWaitTime, setDidHitMaxWaitTime] = useState(false);
+
+  useEffect(() => {
+    const timer = setTimeout(() => !isLoaded && setDidHitMaxWaitTime(true), MAX_WAIT_TIME);
+    return () => clearTimeout(timer);
+  }, [isLoaded]);
+
+  return (
+    <PureReleaseNotesScreen
+      didHitMaxWaitTime={didHitMaxWaitTime}
+      isLoaded={isLoaded}
+      setLoaded={setLoaded}
+      version={version}
+    />
+  );
+};
+
+export { ReleaseNotesScreen, PureReleaseNotesScreen };
diff --git a/lib/ui/src/settings/release_notes_page.tsx b/lib/ui/src/settings/release_notes_page.tsx
new file mode 100644
index 00000000000..d7b6e603d8b
--- /dev/null
+++ b/lib/ui/src/settings/release_notes_page.tsx
@@ -0,0 +1,18 @@
+import { useStorybookApi } from '@storybook/api';
+import React, { FunctionComponent, useEffect } from 'react';
+
+import { ReleaseNotesScreen } from './release_notes';
+
+const ReleaseNotesPage: FunctionComponent<{}> = () => {
+  const api = useStorybookApi();
+
+  useEffect(() => {
+    api.setDidViewReleaseNotes();
+  }, []);
+
+  const version = api.releaseNotesVersion();
+
+  return <ReleaseNotesScreen version={version} />;
+};
+
+export { ReleaseNotesPage };
diff --git a/lib/ui/src/settings/shortcuts.stories.tsx b/lib/ui/src/settings/shortcuts.stories.tsx
index 2682fec3a43..eb152f01bf8 100644
--- a/lib/ui/src/settings/shortcuts.stories.tsx
+++ b/lib/ui/src/settings/shortcuts.stories.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { actions as makeActions } from '@storybook/addon-actions';
 
 import { DecoratorFn } from '@storybook/react';
-import ShortcutsScreen from './shortcuts';
+import { ShortcutsScreen } from './shortcuts';
 
 const defaultShortcuts = {
   fullScreen: ['F'],
diff --git a/lib/ui/src/settings/shortcuts.test.js b/lib/ui/src/settings/shortcuts.test.js
index f8fd348b7ce..8024760b95d 100644
--- a/lib/ui/src/settings/shortcuts.test.js
+++ b/lib/ui/src/settings/shortcuts.test.js
@@ -3,7 +3,7 @@ import { shallow } from 'enzyme';
 import { render } from '@testing-library/react';
 
 import { ThemeProvider, themes, convert } from '@storybook/theming';
-import ShortcutsScreen from './shortcuts';
+import { ShortcutsScreen } from './shortcuts';
 
 // A limited set of keys we use in this test file
 const shortcutKeys = {
diff --git a/lib/ui/src/settings/shortcuts.tsx b/lib/ui/src/settings/shortcuts.tsx
index 52dc7fb4905..b3e90ff3d4c 100644
--- a/lib/ui/src/settings/shortcuts.tsx
+++ b/lib/ui/src/settings/shortcuts.tsx
@@ -1,12 +1,14 @@
-import React, { Component, Fragment, SyntheticEvent } from 'react';
+import React, { Component } from 'react';
 import { styled, keyframes } from '@storybook/theming';
-import { GlobalHotKeys } from 'react-hotkeys';
 
-import { Form, IconButton, Icons, Tabs } from '@storybook/components';
+import {
+  eventToShortcut,
+  shortcutToHumanString,
+  shortcutMatchesShortcut,
+} from '@storybook/api/shortcut';
+import { Form, Icons } from '@storybook/components';
 import SettingsFooter from './SettingsFooter';
 
-import { eventToShortcut, shortcutToHumanString, shortcutMatchesShortcut } from '../libs/shortcut';
-
 const { Button, Input } = Form;
 
 const Header = styled.header(({ theme }) => ({
@@ -137,10 +139,6 @@ function toShortcutState(shortcutKeys: ShortcutsScreenProps['shortcutKeys']) {
   );
 }
 
-const keyMap = {
-  CLOSE: 'escape',
-};
-
 export interface ShortcutsScreenState {
   activeFeature: Feature;
   successField: Feature;
@@ -152,7 +150,6 @@ export interface ShortcutsScreenProps {
   setShortcut: Function;
   restoreDefaultShortcut: Function;
   restoreAllDefaultShortcuts: Function;
-  onClose: (e?: KeyboardEvent) => void;
 }
 
 class ShortcutsScreen extends Component<ShortcutsScreenProps, ShortcutsScreenState> {
@@ -200,7 +197,10 @@ class ShortcutsScreen extends Component<ShortcutsScreenProps, ShortcutsScreenSta
 
     this.setState({
       activeFeature: focusedInput,
-      shortcutKeys: { ...shortcutKeys, [focusedInput]: { shortcut: null, error: false } },
+      shortcutKeys: {
+        ...shortcutKeys,
+        [focusedInput]: { shortcut: null, error: false },
+      },
     });
   };
 
@@ -297,43 +297,20 @@ class ShortcutsScreen extends Component<ShortcutsScreenProps, ShortcutsScreenSta
   );
 
   render() {
-    const { onClose } = this.props;
     const layout = this.renderKeyForm();
     return (
-      <GlobalHotKeys handlers={{ CLOSE: onClose }} keyMap={keyMap}>
-        <Tabs
-          absolute
-          selected="shortcuts"
-          actions={{ onSelect: () => {} }}
-          tools={
-            <Fragment>
-              <IconButton
-                onClick={(e: SyntheticEvent) => {
-                  e.preventDefault();
-                  return onClose();
-                }}
-              >
-                <Icons icon="close" />
-              </IconButton>
-            </Fragment>
-          }
-        >
-          <div id="shortcuts" title="Keyboard Shortcuts">
-            <Container>
-              <Header>Keyboard shortcuts</Header>
+      <Container>
+        <Header>Keyboard shortcuts</Header>
 
-              {layout}
-              <Button tertiary small id="restoreDefaultsHotkeys" onClick={this.restoreDefaults}>
-                Restore defaults
-              </Button>
+        {layout}
+        <Button tertiary small id="restoreDefaultsHotkeys" onClick={this.restoreDefaults}>
+          Restore defaults
+        </Button>
 
-              <SettingsFooter />
-            </Container>
-          </div>
-        </Tabs>
-      </GlobalHotKeys>
+        <SettingsFooter />
+      </Container>
     );
   }
 }
 
-export default ShortcutsScreen;
+export { ShortcutsScreen };
diff --git a/lib/ui/src/settings/shortcuts_page.tsx b/lib/ui/src/settings/shortcuts_page.tsx
index 7c3abd75fe5..bfcf313d3c0 100644
--- a/lib/ui/src/settings/shortcuts_page.tsx
+++ b/lib/ui/src/settings/shortcuts_page.tsx
@@ -1,25 +1,20 @@
-import { history } from 'global';
-import React from 'react';
+import React, { FunctionComponent } from 'react';
 
-import { Route } from '@storybook/router';
 import { Consumer } from '@storybook/api';
 
-import ShortcutsScreen from './shortcuts';
+import { ShortcutsScreen } from './shortcuts';
 
-export default () => (
-  <Route path="shortcuts">
-    <Consumer>
-      {({
-        api: { getShortcutKeys, setShortcut, restoreDefaultShortcut, restoreAllDefaultShortcuts },
-      }) => (
-        <Route path="shortcuts">
-          <ShortcutsScreen
-            shortcutKeys={getShortcutKeys()}
-            {...{ setShortcut, restoreDefaultShortcut, restoreAllDefaultShortcuts }}
-            onClose={() => history.back()}
-          />
-        </Route>
-      )}
-    </Consumer>
-  </Route>
+const ShortcutsPage: FunctionComponent<{}> = () => (
+  <Consumer>
+    {({
+      api: { getShortcutKeys, setShortcut, restoreDefaultShortcut, restoreAllDefaultShortcuts },
+    }) => (
+      <ShortcutsScreen
+        shortcutKeys={getShortcutKeys()}
+        {...{ setShortcut, restoreDefaultShortcut, restoreAllDefaultShortcuts }}
+      />
+    )}
+  </Consumer>
 );
+
+export { ShortcutsPage };
diff --git a/package.json b/package.json
index 4e4b11ebe1e..49286e5b5e7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "5.3.0-beta.7",
+  "version": "6.1.0-alpha.14",
   "private": true,
   "description": "Storybook is an open source tool for developing UI components in isolation for React, Vue and Angular. It makes building stunning UIs organized and efficient.",
   "keywords": [
@@ -46,7 +46,6 @@
   "scripts": {
     "await-serve-storybooks": "wait-on http://localhost:8001",
     "bootstrap": "node ./scripts/bootstrap.js",
-    "bootstrap:docs": "yarn install --cwd docs",
     "build": "node ./scripts/build-package.js",
     "build-packs": "lerna exec --scope '@storybook/*' -- \\$LERNA_ROOT_PATH/scripts/build-pack.sh \\$LERNA_ROOT_PATH/packs",
     "build-storybooks": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true node -r esm ./scripts/build-storybooks.js",
@@ -58,8 +57,6 @@
     "dev:babel": "lerna exec --scope @storybook/* --parallel -- cross-env-shell node \\$LERNA_ROOT_PATH/scripts/utils/watch-babel.js",
     "dev:check-types": "tsc --noEmit",
     "dev:tsc": "lerna exec --scope @storybook/* --parallel -- cross-env-shell node \\$LERNA_ROOT_PATH/scripts/utils/watch-tsc.js",
-    "docs:build": "npm --prefix docs run build",
-    "docs:dev": "npm --prefix docs run dev",
     "github-release": "github-release-from-changelog",
     "lint": "yarn lint:js . && yarn lint:md .",
     "lint:js": "cross-env NODE_ENV=production eslint --cache --cache-location=.cache/eslint --ext .js,.jsx,.json,.html,.ts,.tsx,.mjs --report-unused-disable-directives",
@@ -74,7 +71,6 @@
     "serve-storybooks": "http-server ./built-storybooks -p 8001",
     "start": "yarn --cwd examples/official-storybook storybook",
     "test": "node ./scripts/test.js",
-    "test-latest-cra": "yarn --prefix --cwd lib/cli run test-latest-cra",
     "test:cli": "npm --prefix lib/cli run test",
     "test:e2e": "cypress run",
     "test:e2e-framework": "ts-node --project=./scripts/tsconfig.json ./scripts/run-e2e.ts",
@@ -86,25 +82,7 @@
     }
   },
   "lint-staged": {
-    "*.html": [
-      "yarn lint:js --fix"
-    ],
-    "*.js": [
-      "yarn lint:js --fix"
-    ],
-    "*.json": [
-      "yarn lint:js --fix"
-    ],
-    "*.jsx": [
-      "yarn lint:js --fix"
-    ],
-    "*.mjs": [
-      "yarn lint:js --fix"
-    ],
-    "*.ts": [
-      "yarn lint:js --fix"
-    ],
-    "*.tsx": [
+    "*.{html,js,json,jsx,mjs,ts,tsx}": [
       "yarn lint:js --fix"
     ],
     "package.json": [
@@ -122,19 +100,19 @@
     "@angular/forms": "^9.1.0",
     "@angular/platform-browser": "^9.1.0",
     "@angular/platform-browser-dynamic": "^9.1.0",
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.9.6",
-    "@babel/plugin-proposal-class-properties": "^7.3.3",
-    "@babel/plugin-proposal-decorators": "^7.3.0",
-    "@babel/plugin-proposal-export-default-from": "^7.2.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.9.6",
-    "@babel/plugin-proposal-private-methods": "^7.3.3",
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@babel/preset-env": "^7.9.6",
-    "@babel/preset-flow": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/preset-typescript": "^7.3.3",
-    "@babel/runtime": "^7.9.6",
+    "@babel/cli": "^7.11.5",
+    "@babel/core": "^7.11.5",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-proposal-decorators": "^7.10.5",
+    "@babel/plugin-proposal-export-default-from": "^7.10.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
+    "@babel/plugin-proposal-private-methods": "^7.10.4",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/preset-env": "^7.11.5",
+    "@babel/preset-flow": "^7.10.4",
+    "@babel/preset-react": "^7.10.4",
+    "@babel/preset-typescript": "^7.10.4",
+    "@babel/runtime": "^7.11.2",
     "@emotion/snapshot-serializer": "^0.8.2",
     "@storybook/eslint-config-storybook": "^2.4.0",
     "@storybook/linter-config": "^2.5.0",
@@ -166,7 +144,7 @@
     "babel-plugin-macros": "^2.7.0",
     "babel-plugin-require-context-hook": "^1.0.0",
     "chalk": "^4.0.0",
-    "chromatic": "^4.0.2",
+    "chromatic": "^5.0.0",
     "codecov": "^3.5.0",
     "codelyzer": "^5.0.0",
     "commander": "^5.1.0",
@@ -176,7 +154,7 @@
     "danger": "^10.1.1",
     "del": "^5.1.0",
     "detect-port": "^1.3.0",
-    "downlevel-dts": "^0.4.0",
+    "downlevel-dts": "^0.6.0",
     "enquirer": "^2.3.5",
     "enzyme": "^3.9.0",
     "enzyme-adapter-react-16": "^1.9.1",
@@ -200,7 +178,7 @@
     "jest-environment-jsdom": "^26.0.0",
     "jest-environment-jsdom-thirteen": "^1.0.1",
     "jest-enzyme": "^7.0.2",
-    "jest-image-snapshot": "^3.1.0",
+    "jest-image-snapshot": "^4.0.2",
     "jest-jasmine2": "^26.0.0",
     "jest-matcher-utils": "^26.0.0",
     "jest-preset-angular": "^8.2.0",
@@ -219,7 +197,7 @@
     "node-sass": "^4.14.0",
     "npmlog": "^4.1.2",
     "p-limit": "^2.3.0",
-    "prettier": "^2.0.5",
+    "prettier": "~2.0.5",
     "raf": "^3.4.0",
     "react": "^16.8.3",
     "react-dom": "^16.8.3",
@@ -240,8 +218,8 @@
     "trash": "^6.1.1",
     "ts-dedent": "^1.1.1",
     "ts-jest": "^26.1.0",
-    "ts-node": "^8.9.1",
-    "typescript": "^3.4.0",
+    "ts-node": "^8.10.2",
+    "typescript": "^3.9.3",
     "wait-on": "^4.0.0",
     "window-size": "^1.1.1"
   },
@@ -303,4 +281,4 @@
       ]
     ]
   }
-}
+}
\ No newline at end of file
diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js
index af24ca7268e..e234eb9b4a2 100755
--- a/scripts/bootstrap.js
+++ b/scripts/bootstrap.js
@@ -110,15 +110,6 @@ function run() {
       },
       order: 3,
     }),
-    docs: createTask({
-      name: `Documentation ${chalk.gray('(docs)')}`,
-      defaultValue: false,
-      option: '--docs',
-      command: () => {
-        spawn('yarn bootstrap:docs');
-      },
-      order: 6,
-    }),
     packs: createTask({
       name: `Build tarballs of packages ${chalk.gray('(build-packs)')}`,
       defaultValue: false,
@@ -150,7 +141,7 @@ function run() {
   };
 
   const groups = {
-    main: ['core', 'docs'],
+    main: ['core'],
     buildtasks: ['install', 'build', 'dll', 'packs'],
     devtasks: ['dev', 'registry', 'reset'],
   };
diff --git a/scripts/build-frontpage.js b/scripts/build-frontpage.js
index f3417dbce36..536def70c4a 100755
--- a/scripts/build-frontpage.js
+++ b/scripts/build-frontpage.js
@@ -4,19 +4,21 @@
 const fetch = require('node-fetch');
 const { execSync } = require('child_process');
 
-const { FRONTPAGE_WEBHOOK } = process.env;
+const { FRONTPAGE_WEBHOOK, FRONTPAGE_WEBHOOK_NEXT } = process.env;
 
 const branch = execSync('git rev-parse --abbrev-ref HEAD').toString().trim();
 
+const branchToHook = {
+  master: FRONTPAGE_WEBHOOK,
+  'next': FRONTPAGE_WEBHOOK_NEXT,
+};
+
 console.log('build-frontpage');
-if (branch === 'master') {
-  if (FRONTPAGE_WEBHOOK) {
-    console.log('triggering frontpage build');
-    const url = `https://api.netlify.com/build_hooks/${FRONTPAGE_WEBHOOK}`;
-    fetch(url, { method: 'post' }).then((res) => console.log('result', res.status));
-  } else {
-    console.log('no webhook defined');
-  }
+const hook = branchToHook[branch];
+if (hook) {
+  console.log('triggering frontpage build');
+  const url = `https://api.netlify.com/build_hooks/${hook}`;
+  fetch(url, { method: 'post' }).then((res) => console.log('result', res.status));
 } else {
   console.log('skipping branch', branch);
 }
diff --git a/scripts/prepare.js b/scripts/prepare.js
index 19e50ee6bcc..071d45e50db 100644
--- a/scripts/prepare.js
+++ b/scripts/prepare.js
@@ -32,11 +32,20 @@ function cleanup() {
   // --copy-files option doesn't work with --ignore
   // https://github.com/babel/babel/issues/6226
   if (fs.existsSync(path.join(process.cwd(), 'dist'))) {
+    const inStoryshots = process.cwd().includes('storyshots'); // This is a helper the exclude storyshots folder from the regex
     const files = shell.find('dist').filter((filePath) => {
       // Do not remove folder
-      // And do not clean anything for @storybook/cli/dist/generators/**/template* because these are the template files
+      // And do not clean anything for:
+      // - @storybook/cli/dist/generators/**/template*
+      // - @storybook/cli/dist/frameworks/*
+      // because these are the template files
       // that will be copied to init SB on users' projects
-      if (fs.lstatSync(filePath).isDirectory() || /generators\/.+\/template.*/.test(filePath)) {
+
+      if (
+        fs.lstatSync(filePath).isDirectory() ||
+        /generators\/.+\/template.*/.test(filePath) ||
+        (/dist\/frameworks\/.*/.test(filePath) && !inStoryshots)
+      ) {
         return false;
       }
 
diff --git a/scripts/run-e2e-config.ts b/scripts/run-e2e-config.ts
index e762d4eff59..43665790fc6 100644
--- a/scripts/run-e2e-config.ts
+++ b/scripts/run-e2e-config.ts
@@ -2,29 +2,59 @@ import { Parameters } from './run-e2e';
 
 const fromDeps = (...args: string[]): string =>
   [
-    'cd {{name}}-v{{version}}',
+    'cd {{name}}-{{version}}',
+    // Create `yarn.lock` to force Yarn to consider adding deps in this directory
+    // and not look for a yarn workspace in parent directory
+    'touch yarn.lock',
     'yarn init --yes',
-    args.length && `yarn add ${args.join(' ')} --silent`,
+    args.length && `yarn add ${args.join(' ')}`,
   ]
     .filter(Boolean)
     .join(' && ');
 
-export const angular: Parameters = {
+const baseAngular: Parameters = {
   name: 'angular',
   version: 'latest',
   generator: [
     `yarn add @angular/cli@{{version}} --no-lockfile --non-interactive --silent --no-progress`,
-    `npx ng new {{name}}-v{{version}} --routing=true --minimal=true --style=scss --skipInstall=true`,
+    `npx ng new {{name}}-{{version}} --routing=true --minimal=true --style=scss --skipInstall=true --strict`,
   ].join(' && '),
   additionalDeps: ['react', 'react-dom'],
 };
 
+// export const angularv6: Parameters = {
+//   ...baseAngular,
+//   version: 'v6-lts',
+//   additionalDeps: [...baseAngular.additionalDeps, 'core-js'],
+// };
+
+// TODO: enable back when typings issues are resolved
+// export const angularv7: Parameters = {
+//   ...baseAngular,
+//   version: 'v7-lts',
+//   additionalDeps: [...baseAngular.additionalDeps, 'core-js'],
+// };
+
+// export const angularv8: Parameters = {
+//   ...baseAngular,
+//   version: 'v8-lts',
+//   additionalDeps: [...baseAngular.additionalDeps, 'core-js'],
+// };
+
+export const angularv9: Parameters = {
+  ...baseAngular,
+  version: 'v9-lts',
+  additionalDeps: [...baseAngular.additionalDeps, 'core-js'],
+};
+
+export const angular: Parameters = baseAngular;
+
 // TODO: not working yet, help needed
 // export const ember: Parameters = {
 //   name: 'ember',
 //   version: 'latest',
 //   generator:
-//     'npx ember-cli@{{version}} new {{name}}-v{{version}} --skip-git --skip-npm --yarn --skip-bower',
+//     'npx ember-cli@{{version}} new {{name}}-{{version}} --skip-git --skip-npm --yarn --skip-bower',
 //   preBuildCommand: 'ember build',
 // };
 
@@ -50,7 +80,7 @@ export const html: Parameters = {
 // export const marko: Parameters = {
 //   name: 'marko',
 //   version: 'latest',
-//   generator: 'npx marko-cli@{{version}} create {{name}}-v{{version}}',
+//   generator: 'npx marko-cli@{{version}} create {{name}}-{{version}}',
 //   ensureDir: false,
 // };
 
@@ -58,7 +88,7 @@ export const html: Parameters = {
 // export const meteor: Parameters = {
 //   name: 'meteor',
 //   version: 'latest',
-//   generator: 'meteor create {{name}}-v{{version}} --minimal --react',
+//   generator: 'meteor create {{name}}-{{version}} --minimal --react',
 // };
 
 export const mithril: Parameters = {
@@ -72,7 +102,7 @@ export const preact: Parameters = {
   name: 'preact',
   version: 'latest',
   generator:
-    'npx preact-cli@{{version}} create preactjs-templates/default {{name}}-v{{version}} --yarn --install=false --git=false',
+    'npx preact-cli@{{version}} create preactjs-templates/default {{name}}-{{version}} --yarn --install=false --git=false',
   ensureDir: false,
 };
 
@@ -90,8 +120,8 @@ export const react: Parameters = {
   generator: fromDeps('react', 'react-dom'),
 };
 
-export const reactTypescript: Parameters = {
-  name: 'react-typescript',
+export const react_typescript: Parameters = {
+  name: 'react_typescript',
   version: 'latest',
   generator: fromDeps('react'),
   typescript: true,
@@ -100,41 +130,57 @@ export const reactTypescript: Parameters = {
 // export const reactNative: Parameters = {
 //   name: 'reactNative',
 //   version: 'latest',
-//   generator: 'npx expo-cli init {{name}}-v{{version}} --template=bare-minimum --yarn',
+//   generator: 'npx expo-cli init {{name}}-{{version}} --template=bare-minimum --yarn',
 // };
 
 // TODO: issue in @storybook/cli init
 export const cra: Parameters = {
   name: 'cra',
   version: 'latest',
-  generator: 'npx create-react-app@{{version}} {{name}}-v{{version}}',
+  generator: [
+    'npx create-react-app@{{version}} {{name}}-{{version}}',
+    'cd {{name}}-{{version}}',
+    'echo "FAST_REFRESH=true" > .env',
+  ].join(' && '),
+};
+
+export const cra_typescript: Parameters = {
+  name: 'cra_typescript',
+  version: 'latest',
+  generator: 'npx create-react-app@{{version}} {{name}}-{{version}} --template typescript',
 };
 
 // TODO: there is a compatibility issue with riot@4
-export const riot: Parameters = {
-  name: 'riot',
-  version: '3',
-  generator: fromDeps('riot@3', 'riot-compiler@3', 'riot-tmpl@3'),
-};
+// export const riot: Parameters = {
+//   name: 'riot',
+//   version: '3',
+//   generator: fromDeps('riot@3', 'riot-compiler@3', 'riot-tmpl@3'),
+// };
 
 export const sfcVue: Parameters = {
   name: 'sfcVue',
   version: 'latest',
   generator: fromDeps('vue', 'vue-loader', 'vue-template-compiler'),
-  additionalDeps: ['react', 'react-dom'],
+  additionalDeps: [
+    'react',
+    'react-dom',
+    'webpack',
+    // TODO: remove when https://github.com/storybookjs/storybook/issues/11255 is solved
+    'core-js',
+  ],
 };
 
 export const svelte: Parameters = {
   name: 'svelte',
   version: 'latest',
-  generator: 'npx degit sveltejs/template {{name}}-v{{version}}',
+  generator: 'npx degit sveltejs/template {{name}}-{{version}}',
   additionalDeps: ['react', 'react-dom'],
 };
 
 export const vue: Parameters = {
   name: 'vue',
   version: 'latest',
-  generator: `npx @vue/cli@{{version}} create {{name}}-v{{version}} --default --packageManager=yarn --no-git --force`,
+  generator: `npx @vue/cli@{{version}} create {{name}}-{{version}} --default --packageManager=yarn --no-git --force`,
   additionalDeps: ['react', 'react-dom'],
 };
 
@@ -145,31 +191,29 @@ export const web_components: Parameters = {
   additionalDeps: ['react', 'react-dom'],
 };
 
-export const webpackReact: Parameters = {
-  name: 'webpackReact',
+export const webpack_react: Parameters = {
+  name: 'webpack_react',
   version: 'latest',
   generator: fromDeps('react', 'react-dom', 'webpack'),
 };
 
-export const yarn2Cra: Parameters = {
-  name: 'yarn-2-cra',
+export const react_in_yarn_workspace: Parameters = {
+  name: 'react_in_yarn_workspace',
   version: 'latest',
   generator: [
-    `yarn set version 2`,
-    // ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1
-    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`,
-    // Some required magic to be able to fetch deps from local registry
-    `yarn config set unsafeHttpWhitelist --json '["localhost"]'`,
-    `yarn dlx create-react-app@{{version}} {{name}}-v{{version}}`,
-  ].join(' && '),
-};
-
-export const reactInYarnWorkspace: Parameters = {
-  name: 'reactInYarnWorkspace',
-  version: 'latest',
-  generator: [
-    'cd {{name}}-v{{version}}',
+    'cd {{name}}-{{version}}',
     'echo "{ \\"name\\": \\"workspace-root\\", \\"private\\": true, \\"workspaces\\": [] }" > package.json',
     `yarn add react react-dom --silent -W`,
   ].join(' && '),
 };
+
+// View results at: https://datastudio.google.com/reporting/c34f64ee-400f-4d06-ad4f-5c2133e226da
+export const cra_bench: Parameters = {
+  name: 'cra_bench',
+  version: 'latest',
+  generator: [
+    'npx create-react-app@{{version}} {{name}}-{{version}}',
+    'cd {{name}}-{{version}}',
+    "npx @storybook/bench 'npx sb init' --label cra",
+  ].join(' && '),
+};
diff --git a/scripts/run-e2e.ts b/scripts/run-e2e.ts
index b18e028b6e8..bfc390f13e1 100644
--- a/scripts/run-e2e.ts
+++ b/scripts/run-e2e.ts
@@ -5,6 +5,7 @@ import { prompt } from 'enquirer';
 import pLimit from 'p-limit';
 
 import shell from 'shelljs';
+import program from 'commander';
 import { serve } from './utils/serve';
 import { exec } from './utils/command';
 // @ts-ignore
@@ -70,13 +71,43 @@ const cleanDirectory = async ({ cwd }: Options): Promise<void> => {
   await remove(cwd);
   await remove(path.join(siblingDir, 'node_modules'));
 
-  // TODO: Move this somewhere else
-  //   Remove Yarn 2 specific stuffs generated
-  await shell.rm('-rf', [path.join(siblingDir, '.yarn'), path.join(siblingDir, '.yarnrc.yml')]);
+  if (useYarn2) {
+    await shell.rm('-rf', [path.join(siblingDir, '.yarn'), path.join(siblingDir, '.yarnrc.yml')]);
+  }
+};
+
+const configureYarn2 = async ({ cwd }: Options) => {
+  const command = [
+    `yarn set version berry`,
+    // ⚠️ Need to set registry because Yarn 2 is not using the conf of Yarn 1
+    `yarn config set npmScopes --json '{ "storybook": { "npmRegistryServer": "http://localhost:6000/" } }'`,
+    // Some required magic to be able to fetch deps from local registry
+    `yarn config set unsafeHttpWhitelist --json '["localhost"]'`,
+    // Disable fallback mode to make sure everything is required correctly
+    `yarn config set pnpFallbackMode none`,
+    // Add package extensions
+    // https://github.com/casesandberg/reactcss/pull/153
+    `yarn config set "packageExtensions.reactcss@*.peerDependencies.react" "*"`,
+    // https://github.com/casesandberg/react-color/pull/746
+    `yarn config set "packageExtensions.react-color@*.peerDependencies.react" "*"`,
+  ].join(' && ');
+  logger.info(`🎛 Configuring Yarn 2`);
+  logger.debug(command);
+
+  try {
+    await exec(command, { cwd });
+  } catch (e) {
+    logger.error(`🚨 Configuring Yarn 2 failed`);
+    throw e;
+  }
 };
 
 const generate = async ({ cwd, name, version, generator }: Options) => {
-  const command = generator.replace(/{{name}}/g, name).replace(/{{version}}/g, version);
+  let command = generator.replace(/{{name}}/g, name).replace(/{{version}}/g, version);
+  if (useYarn2) {
+    command = command.replace(/npx/g, `yarn dlx`);
+  }
+
   logger.info(`🏗  Bootstrapping ${name} project`);
   logger.debug(command);
 
@@ -92,7 +123,12 @@ const initStorybook = async ({ cwd, autoDetect = true, name }: Options) => {
   logger.info(`🎨 Initializing Storybook with @storybook/cli`);
   try {
     const type = autoDetect ? '' : `--type ${name}`;
-    await exec(`npx -p @storybook/cli sb init --yes ${type}`, { cwd });
+
+    const sbCLICommand = useLocalSbCli
+      ? 'node ../../storybook/lib/cli/dist/generate'
+      : 'npx -p @storybook/cli sb';
+
+    await exec(`${sbCLICommand} init --yes ${type}`, { cwd });
   } catch (e) {
     logger.error(`🚨 Storybook initialization failed`);
     throw e;
@@ -127,12 +163,14 @@ const addRequiredDeps = async ({ cwd, additionalDeps }: Options) => {
   logger.info(`🌍 Adding needed deps & installing all deps`);
   try {
     if (additionalDeps && additionalDeps.length > 0) {
-      await exec(`yarn add -D ${additionalDeps.join(' ')} --silent`, {
+      await exec(`yarn add -D ${additionalDeps.join(' ')}`, {
         cwd,
+        silent: true,
       });
     } else {
-      await exec(`yarn install --silent`, {
+      await exec(`yarn install`, {
         cwd,
+        silent: true,
       });
     }
   } catch (e) {
@@ -195,6 +233,7 @@ const runCypress = async ({ name, version }: Options, location: string, open: bo
     logger.info(`🎉 Storybook is working great with ${name} ${version}!`);
   } catch (e) {
     logger.error(`🚨 E2E tests fails`);
+    logger.info(`🥺 Storybook has some issues with ${name} ${version}!`);
     throw e;
   }
 };
@@ -204,7 +243,7 @@ const runTests = async ({ name, version, ...rest }: Parameters) => {
     name,
     version,
     ...rest,
-    cwd: path.join(siblingDir, `${name}-v${version}`),
+    cwd: path.join(siblingDir, `${name}-${version}`),
   };
 
   logger.info(`🏃‍♀️ Starting for ${name} ${version}`);
@@ -213,6 +252,10 @@ const runTests = async ({ name, version, ...rest }: Parameters) => {
   logger.log();
 
   if (!(await prepareDirectory(options))) {
+    if (useYarn2) {
+      await configureYarn2({ ...options, cwd: siblingDir });
+    }
+
     await generate({ ...options, cwd: siblingDir });
     logger.log();
 
@@ -260,7 +303,7 @@ const runE2E = (parameters: Parameters) =>
     .then(async () => {
       if (!process.env.CI) {
         const { name, version } = parameters;
-        const cwd = path.join(siblingDir, `${name}-v${version}`);
+        const cwd = path.join(siblingDir, `${name}-${version}`);
 
         const { cleanup } = await prompt({
           type: 'confirm',
@@ -286,23 +329,31 @@ const runE2E = (parameters: Parameters) =>
       process.exitCode = 1;
     });
 
-const frameworkArgs = process.argv.slice(2);
+program.option('--use-yarn-2', 'Run tests using Yarn 2 instead of Yarn 1 + npx', false);
+program.option(
+  '--use-local-sb-cli',
+  'Run tests using local @storybook/cli package (⚠️ Be sure @storybook/cli is properly build as it will not be rebuild before running the tests)',
+  false
+);
+program.parse(process.argv);
+
+const { useYarn2, useLocalSbCli, args: frameworkArgs } = program;
+
 const typedConfigs: { [key: string]: Parameters } = configs;
 let e2eConfigs: { [key: string]: Parameters } = {};
 
 if (frameworkArgs.length > 0) {
   // eslint-disable-next-line no-restricted-syntax
   for (const [framework, version = 'latest'] of frameworkArgs.map((arg) => arg.split('@'))) {
-    e2eConfigs[framework] = {
-      ...typedConfigs[framework],
-      version,
-    };
+    e2eConfigs[`${framework}-${version}`] = Object.values(typedConfigs).find(
+      (c) => c.name === framework && c.version === version
+    );
   }
 } else {
   e2eConfigs = typedConfigs;
   // FIXME: For now Yarn 2 E2E tests must be run by explicitly call `yarn test:e2e-framework yarn2Cra@latest`
   //   Because it is telling Yarn to use version 2
-  delete e2eConfigs.yarn2Cra;
+  delete e2eConfigs.yarn_2_cra;
 }
 
 const perform = () => {
diff --git a/scripts/utils/compile-tsc.js b/scripts/utils/compile-tsc.js
index a932cd08fda..927fb3fcabe 100644
--- a/scripts/utils/compile-tsc.js
+++ b/scripts/utils/compile-tsc.js
@@ -25,10 +25,10 @@ function getCommand(watch) {
   }
 
   if (watch) {
-    args.push('-w');
+    args.push('-w', '--preserveWatchOutput');
   }
 
-  return `${tsc} ${args.join(' ')} && ${downlevelDts} dist ts3.5/dist`;
+  return `${tsc} ${args.join(' ')} && ${downlevelDts} dist ts3.4/dist`;
 }
 
 function handleExit(code, stderr, errorCallback) {
@@ -36,6 +36,7 @@ function handleExit(code, stderr, errorCallback) {
     if (errorCallback && typeof errorCallback === 'function') {
       errorCallback(stderr);
     }
+
     shell.exit(code);
   }
 }
diff --git a/scripts/verdaccio.yaml b/scripts/verdaccio.yaml
index f4797fd3f04..8a3fae2b608 100644
--- a/scripts/verdaccio.yaml
+++ b/scripts/verdaccio.yaml
@@ -35,10 +35,22 @@ packages:
     access: $all
     publish: $all
     proxy: npmjs
+  '@storybook/design-system':
+    access: $all
+    publish: $all
+    proxy: npmjs
   '@storybook/preset-*':
     access: $all
     publish: $all
     proxy: npmjs
+  '@storybook/bench':
+    access: $all
+    publish: $all
+    proxy: npmjs
+  '@storybook/addon-bench':
+    access: $all
+    publish: $all
+    proxy: npmjs
 
   # storybook packages are NOT proxied to global registry
   # allowing us to republish any version during tests
diff --git a/yarn.lock b/yarn.lock
index 2e9e479eec3..b1e8308685c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -271,6 +271,13 @@
     "@aurelia/runtime" "^0.8.0-dev.202005200307"
     "@aurelia/scheduler" "^0.8.0-dev.202005200307"
 
+"@aurelia/kernel@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@aurelia/kernel/-/kernel-0.7.0.tgz#6777b3e6a8b6378f421092387e236623b9bd8267"
+  integrity sha512-n9PmXEx4eG+ENLrzQE5dbmJnpXhPBpCLVCgZuzXmfxDXZwLyce/X8+U0uzeBM8XxikNubSGfRqGemwSv+uCRGA==
+  dependencies:
+    "@aurelia/metadata" "^0.7.0"
+
 "@aurelia/kernel@^0.8.0-dev.202005200307":
   version "0.8.0-dev.202005200307"
   resolved "https://registry.yarnpkg.com/@aurelia/kernel/-/kernel-0.8.0-dev.202005200307.tgz#e70afd984a15141c4f52c90e47f77f36c9d680e6"
@@ -278,11 +285,29 @@
   dependencies:
     "@aurelia/metadata" "^0.8.0-dev.202005200307"
 
+"@aurelia/metadata@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@aurelia/metadata/-/metadata-0.7.0.tgz#97dd797975ffa1b207ad24070a4e955d8c71f1cb"
+  integrity sha512-PnHoyxRLMK2iUeSqfgIeJfhFY6JfRRKC2RJL/Q05TyXWASYS5QGZtdYqGJCzXaxVas5kZHCFCFVh4iVc/P1wfw==
+
 "@aurelia/metadata@^0.8.0-dev.202005200307":
   version "0.8.0-dev.202005200307"
   resolved "https://registry.yarnpkg.com/@aurelia/metadata/-/metadata-0.8.0-dev.202005200307.tgz#296276e6978012e8830ce237d9d2b740b9c1efcf"
   integrity sha512-qsazQG0Z4klyTBFNJsD50C74p088YI6N3Q3et2eS4zhFTPk+F49f+arAsKZNyB8aA//gKuWJt/QNmr9D1aoSMQ==
 
+"@aurelia/plugin-conventions@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@aurelia/plugin-conventions/-/plugin-conventions-0.7.0.tgz#f40751a3e1446dccc541c1032938d2f5b311a951"
+  integrity sha512-OHB7cs+YM2dgEasU8nUgHAHkhdV5R14+G1SJg1C7/Yc8tHIMK4WLsk3+T6kLKw8g8FWcMke2BO1inOMbEXJwfA==
+  dependencies:
+    "@aurelia/kernel" "^0.7.0"
+    "@aurelia/metadata" "^0.7.0"
+    "@aurelia/runtime" "^0.7.0"
+    "@aurelia/scheduler" "^0.7.0"
+    modify-code "^1.2.0"
+    parse5 "^5.1.1"
+    typescript "^3.8.3"
+
 "@aurelia/plugin-conventions@^0.8.0-dev.202005200307":
   version "0.8.0-dev.202005200307"
   resolved "https://registry.yarnpkg.com/@aurelia/plugin-conventions/-/plugin-conventions-0.8.0-dev.202005200307.tgz#a52d29dacc0f17b6eb46519d0ed82857d1d80db5"
@@ -335,6 +360,15 @@
     "@aurelia/runtime" "^0.8.0-dev.202005200307"
     "@aurelia/scheduler" "^0.8.0-dev.202005200307"
 
+"@aurelia/runtime@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@aurelia/runtime/-/runtime-0.7.0.tgz#160ae8d324be8a6338f580a34155f14390eb1aca"
+  integrity sha512-OG48tl3LihAjB+lvCguQS92BKPFLu5v2J1cXDeXbuF5jWfVYF6tzTSBjSD2dFcmaafyyYn0bJEPiSFm2CgG7gQ==
+  dependencies:
+    "@aurelia/kernel" "^0.7.0"
+    "@aurelia/metadata" "^0.7.0"
+    "@aurelia/scheduler" "^0.7.0"
+
 "@aurelia/runtime@^0.8.0-dev.202005200307":
   version "0.8.0-dev.202005200307"
   resolved "https://registry.yarnpkg.com/@aurelia/runtime/-/runtime-0.8.0-dev.202005200307.tgz#83fcf0857f3c333234949b7eaf9544ea6884ecb7"
@@ -353,6 +387,14 @@
     "@aurelia/metadata" "^0.8.0-dev.202005200307"
     "@aurelia/scheduler" "^0.8.0-dev.202005200307"
 
+"@aurelia/scheduler@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@aurelia/scheduler/-/scheduler-0.7.0.tgz#a3fcd54eb6d427088b951fa984d41f2742304b2b"
+  integrity sha512-q3RB0kB7XAk4orTTyzmslL9ft1icNXuoBaj9qjOGRUb3A74tzO0Ns0pKTltyKNdH0lSwlaI3gmogeXpjLH00DQ==
+  dependencies:
+    "@aurelia/kernel" "^0.7.0"
+    "@aurelia/metadata" "^0.7.0"
+
 "@aurelia/scheduler@^0.8.0-dev.202005200307":
   version "0.8.0-dev.202005200307"
   resolved "https://registry.yarnpkg.com/@aurelia/scheduler/-/scheduler-0.8.0-dev.202005200307.tgz#ba215dcf94c388c50c9360d46917e5a8d2784a02"
@@ -361,6 +403,19 @@
     "@aurelia/kernel" "^0.8.0-dev.202005200307"
     "@aurelia/metadata" "^0.8.0-dev.202005200307"
 
+"@aurelia/webpack-loader@^0.7.0":
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/@aurelia/webpack-loader/-/webpack-loader-0.7.0.tgz#483ca0f69bc262f7e49ad24a3c2953b8aaca5be4"
+  integrity sha512-WfT8ptbWNoKd+nAArLp+ocY89G4LliPljvPWrCXp/7ngt5zekOK3DRqsmPT5j/j9VKw6g2sUBe5Ii+5LjRDH8Q==
+  dependencies:
+    "@aurelia/kernel" "^0.7.0"
+    "@aurelia/metadata" "^0.7.0"
+    "@aurelia/plugin-conventions" "^0.7.0"
+    "@aurelia/runtime" "^0.7.0"
+    "@aurelia/scheduler" "^0.7.0"
+    loader-utils "^1.2.3"
+    webpack "^4.41.4"
+
 "@aurelia/webpack-loader@dev":
   version "0.8.0-dev.202005200307"
   resolved "https://registry.yarnpkg.com/@aurelia/webpack-loader/-/webpack-loader-0.8.0-dev.202005200307.tgz#147b918d362468254f8806b95b24dbae772beeb8"
@@ -374,16 +429,16 @@
     loader-utils "^1.2.3"
     webpack "^4.41.4"
 
-"@babel/cli@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.8.4.tgz#505fb053721a98777b2b175323ea4f090b7d3c1c"
-  integrity sha512-XXLgAm6LBbaNxaGhMAznXXaxtCWfuv6PIDJ9Alsy9JYTOh+j2jJz+L/162kkfU1j/pTSxK1xGmlwI4pdIMkoag==
+"@babel/cli@^7.11.5":
+  version "7.11.6"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.11.6.tgz#1fcbe61c2a6900c3539c06ee58901141f3558482"
+  integrity sha512-+w7BZCvkewSmaRM6H4L2QM3RL90teqEIHDIFXAmrW33+0jhlymnDAEdqVeCZATvxhQuio1ifoGVlJJbIiH9Ffg==
   dependencies:
     commander "^4.0.1"
     convert-source-map "^1.1.0"
     fs-readdir-recursive "^1.1.0"
     glob "^7.0.0"
-    lodash "^4.17.13"
+    lodash "^4.17.19"
     make-dir "^2.1.0"
     slash "^2.0.0"
     source-map "^0.5.0"
@@ -404,6 +459,22 @@
   dependencies:
     "@babel/highlight" "^7.8.3"
 
+"@babel/code-frame@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
+  integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
+  dependencies:
+    "@babel/highlight" "^7.10.4"
+
+"@babel/compat-data@^7.10.4", "@babel/compat-data@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.11.0.tgz#e9f73efe09af1355b723a7f39b11bad637d7c99c"
+  integrity sha512-TPSvJfv73ng0pfnEOh17bYMPQbI95+nGWc71Ss4vZdRBHTDqmM9Z8ZV4rYz8Ks7sfzc95n30k6ODIq5UGnXcYQ==
+  dependencies:
+    browserslist "^4.12.0"
+    invariant "^2.2.4"
+    semver "^5.5.0"
+
 "@babel/compat-data@^7.9.0", "@babel/compat-data@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.9.6.tgz#3f604c40e420131affe6f2c8052e9a275ae2049b"
@@ -475,7 +546,7 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/core@7.9.6", "@babel/core@^7.1.0", "@babel/core@^7.1.6", "@babel/core@^7.2.2", "@babel/core@^7.3.4", "@babel/core@^7.4.4", "@babel/core@^7.4.5", "@babel/core@^7.5.5", "@babel/core@^7.7.5", "@babel/core@^7.8.3", "@babel/core@^7.8.4", "@babel/core@^7.9.0", "@babel/core@^7.9.6":
+"@babel/core@7.9.6", "@babel/core@^7.1.0", "@babel/core@^7.1.6", "@babel/core@^7.2.2", "@babel/core@^7.3.4", "@babel/core@^7.4.4", "@babel/core@^7.4.5", "@babel/core@^7.5.5", "@babel/core@^7.7.5", "@babel/core@^7.8.3", "@babel/core@^7.8.4", "@babel/core@^7.9.0":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.9.6.tgz#d9aa1f580abf3b2286ef40b6904d390904c63376"
   integrity sha512-nD3deLvbsApbHAHttzIssYqgb883yU/d9roe4RZymBCDaZryMJDbptVpEpeQuRh4BJ+SYI8le9YGxKvFEvl1Wg==
@@ -497,6 +568,28 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
+"@babel/core@^7.11.0", "@babel/core@^7.11.5", "@babel/core@^7.9.6":
+  version "7.11.6"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.11.6.tgz#3a9455dc7387ff1bac45770650bc13ba04a15651"
+  integrity sha512-Wpcv03AGnmkgm6uS6k8iwhIwTrcP0m17TL1n1sy7qD0qelDu4XNeW0dN0mHfa+Gei211yDaLoEe/VlbXQzM4Bg==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.11.6"
+    "@babel/helper-module-transforms" "^7.11.0"
+    "@babel/helpers" "^7.10.4"
+    "@babel/parser" "^7.11.5"
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.11.5"
+    "@babel/types" "^7.11.5"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.1"
+    json5 "^2.1.2"
+    lodash "^4.17.19"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
 "@babel/generator@7.9.3":
   version "7.9.3"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.9.3.tgz#7c8b2956c6f68b3ab732bd16305916fbba521d94"
@@ -507,6 +600,15 @@
     lodash "^4.17.13"
     source-map "^0.5.0"
 
+"@babel/generator@^7.11.5", "@babel/generator@^7.11.6":
+  version "7.11.6"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.11.6.tgz#b868900f81b163b4d464ea24545c61cbac4dc620"
+  integrity sha512-DWtQ1PV3r+cLbySoHrwn9RWEgKMBLLma4OBQloPRyDYvc5msJM9kvTLo1YnlJd1P/ZuKbdli3ijr5q3FvAF3uA==
+  dependencies:
+    "@babel/types" "^7.11.5"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
 "@babel/generator@^7.2.0", "@babel/generator@^7.3.4", "@babel/generator@^7.4.0", "@babel/generator@^7.4.4", "@babel/generator@^7.6.4", "@babel/generator@^7.9.0", "@babel/generator@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.9.6.tgz#5408c82ac5de98cda0d77d8124e99fa1f2170a43"
@@ -524,6 +626,21 @@
   dependencies:
     "@babel/types" "^7.8.3"
 
+"@babel/helper-annotate-as-pure@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.10.4.tgz#5bf0d495a3f757ac3bda48b5bf3b3ba309c72ba3"
+  integrity sha512-XQlqKQP4vXFB7BN8fEEerrmYvHp3fK/rBkRFz9jaJbzK0B1DSfej9Kc7ZzE8Z/OnId1jpJdNAZ3BFQjWG68rcA==
+  dependencies:
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.10.4.tgz#bb0b75f31bf98cbf9ff143c1ae578b87274ae1a3"
+  integrity sha512-L0zGlFrGWZK4PbT8AszSfLTM5sDU1+Az/En9VrdT8/LmEiJt4zXt+Jve9DCAnQcbqDhCI+29y/L93mrDzddCcg==
+  dependencies:
+    "@babel/helper-explode-assignable-expression" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.8.3.tgz#c84097a427a061ac56a1c30ebf54b7b22d241503"
@@ -532,6 +649,15 @@
     "@babel/helper-explode-assignable-expression" "^7.8.3"
     "@babel/types" "^7.8.3"
 
+"@babel/helper-builder-react-jsx-experimental@^7.10.4", "@babel/helper-builder-react-jsx-experimental@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx-experimental/-/helper-builder-react-jsx-experimental-7.11.5.tgz#4ea43dd63857b0a35cd1f1b161dc29b43414e79f"
+  integrity sha512-Vc4aPJnRZKWfzeCBsqTBnzulVNjABVdahSPhtdMD3Vs80ykx4a87jTHtF/VR+alSrDmNvat7l13yrRHauGcHVw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/types" "^7.11.5"
+
 "@babel/helper-builder-react-jsx-experimental@^7.9.0":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx-experimental/-/helper-builder-react-jsx-experimental-7.9.5.tgz#0b4b3e04e6123f03b404ca4dfd6528fe6bb92fe3"
@@ -541,6 +667,14 @@
     "@babel/helper-module-imports" "^7.8.3"
     "@babel/types" "^7.9.5"
 
+"@babel/helper-builder-react-jsx@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.10.4.tgz#8095cddbff858e6fa9c326daee54a2f2732c1d5d"
+  integrity sha512-5nPcIZ7+KKDxT1427oBivl9V9YTal7qk0diccnh7RrcgrT/pGFOjgGw1dgryyx1GvHEpXVfoDF6Ak3rTiWh8Rg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-builder-react-jsx@^7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.9.0.tgz#16bf391990b57732700a3278d4d9a81231ea8d32"
@@ -549,6 +683,17 @@
     "@babel/helper-annotate-as-pure" "^7.8.3"
     "@babel/types" "^7.9.0"
 
+"@babel/helper-compilation-targets@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.10.4.tgz#804ae8e3f04376607cc791b9d47d540276332bd2"
+  integrity sha512-a3rYhlsGV0UHNDvrtOXBg8/OpfV0OKTkxKPzIplS1zpx7CygDcWWxckxZeDd3gzPzC4kUT0A4nVFDK0wGMh4MQ==
+  dependencies:
+    "@babel/compat-data" "^7.10.4"
+    browserslist "^4.12.0"
+    invariant "^2.2.4"
+    levenary "^1.1.1"
+    semver "^5.5.0"
+
 "@babel/helper-compilation-targets@^7.8.7", "@babel/helper-compilation-targets@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.9.6.tgz#1e05b7ccc9d38d2f8b40b458b380a04dcfadd38a"
@@ -560,6 +705,18 @@
     levenary "^1.1.1"
     semver "^5.5.0"
 
+"@babel/helper-create-class-features-plugin@^7.10.4", "@babel/helper-create-class-features-plugin@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.5.tgz#9f61446ba80e8240b0a5c85c6fdac8459d6f259d"
+  integrity sha512-0nkdeijB7VlZoLT3r/mY3bUkw3T8WG/hNw+FATs/6+pG2039IJWjTYL0VTISqsNHMUTEnwbVnc89WIJX9Qed0A==
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-member-expression-to-functions" "^7.10.5"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.10.4"
+
 "@babel/helper-create-class-features-plugin@^7.2.0", "@babel/helper-create-class-features-plugin@^7.8.3", "@babel/helper-create-class-features-plugin@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.9.6.tgz#965c8b0a9f051801fd9d3b372ca0ccf200a90897"
@@ -572,6 +729,15 @@
     "@babel/helper-replace-supers" "^7.9.6"
     "@babel/helper-split-export-declaration" "^7.8.3"
 
+"@babel/helper-create-regexp-features-plugin@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.10.4.tgz#fdd60d88524659a0b6959c0579925e425714f3b8"
+  integrity sha512-2/hu58IEPKeoLF45DBwx3XFqsbCXmkdAay4spVr2x0jYgRxrSNp+ePwvSsy9g6YSaNDcKIQVPXk1Ov8S2edk2g==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-regex" "^7.10.4"
+    regexpu-core "^4.7.0"
+
 "@babel/helper-create-regexp-features-plugin@^7.8.3", "@babel/helper-create-regexp-features-plugin@^7.8.8":
   version "7.8.8"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.8.tgz#5d84180b588f560b7864efaeea89243e58312087"
@@ -581,6 +747,15 @@
     "@babel/helper-regex" "^7.8.3"
     regexpu-core "^4.7.0"
 
+"@babel/helper-define-map@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.10.5.tgz#b53c10db78a640800152692b13393147acb9bb30"
+  integrity sha512-fMw4kgFB720aQFXSVaXr79pjjcW5puTCM16+rECJ/plGS+zByelE8l9nCpV1GibxTnFVmUuYG9U8wYfQHdzOEQ==
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/types" "^7.10.5"
+    lodash "^4.17.19"
+
 "@babel/helper-define-map@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.8.3.tgz#a0655cad5451c3760b726eba875f1cd8faa02c15"
@@ -590,6 +765,13 @@
     "@babel/types" "^7.8.3"
     lodash "^4.17.13"
 
+"@babel/helper-explode-assignable-expression@^7.10.4":
+  version "7.11.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.11.4.tgz#2d8e3470252cc17aba917ede7803d4a7a276a41b"
+  integrity sha512-ux9hm3zR4WV1Y3xXxXkdG/0gxF9nvI0YVmKVhvK9AfMoaQkemL3sJpXw+Xbz65azo8qJiEz2XVDUpK3KYhH3ZQ==
+  dependencies:
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-explode-assignable-expression@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.8.3.tgz#a728dc5b4e89e30fc2dfc7d04fa28a930653f982"
@@ -598,6 +780,15 @@
     "@babel/traverse" "^7.8.3"
     "@babel/types" "^7.8.3"
 
+"@babel/helper-function-name@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz#d2d3b20c59ad8c47112fa7d2a94bc09d5ef82f1a"
+  integrity sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==
+  dependencies:
+    "@babel/helper-get-function-arity" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-function-name@^7.8.3", "@babel/helper-function-name@^7.9.5":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.9.5.tgz#2b53820d35275120e1874a82e5aabe1376920a5c"
@@ -607,6 +798,13 @@
     "@babel/template" "^7.8.3"
     "@babel/types" "^7.9.5"
 
+"@babel/helper-get-function-arity@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.4.tgz#98c1cbea0e2332f33f9a4661b8ce1505b2c19ba2"
+  integrity sha512-EkN3YDB+SRDgiIUnNgcmiD361ti+AVbL3f3Henf6dqqUyr5dMsorno0lJWJuLhDhkI5sYEpgj6y9kB8AOU1I2A==
+  dependencies:
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-get-function-arity@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz#b894b947bd004381ce63ea1db9f08547e920abd5"
@@ -614,6 +812,13 @@
   dependencies:
     "@babel/types" "^7.8.3"
 
+"@babel/helper-hoist-variables@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.4.tgz#d49b001d1d5a68ca5e6604dda01a6297f7c9381e"
+  integrity sha512-wljroF5PgCk2juF69kanHVs6vrLwIPNp6DLD+Lrl3hoQ3PpPPikaDRNFA+0t81NOoMt2DL6WW/mdU8k4k6ZzuA==
+  dependencies:
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-hoist-variables@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.8.3.tgz#1dbe9b6b55d78c9b4183fc8cdc6e30ceb83b7134"
@@ -621,6 +826,13 @@
   dependencies:
     "@babel/types" "^7.8.3"
 
+"@babel/helper-member-expression-to-functions@^7.10.4", "@babel/helper-member-expression-to-functions@^7.10.5":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.11.0.tgz#ae69c83d84ee82f4b42f96e2a09410935a8f26df"
+  integrity sha512-JbFlKHFntRV5qKw3YC0CvQnDZ4XMwgzzBbld7Ly4Mj4cbFy3KywcR8NtNctRToMWJOVvLINJv525Gd6wwVEx/Q==
+  dependencies:
+    "@babel/types" "^7.11.0"
+
 "@babel/helper-member-expression-to-functions@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.8.3.tgz#659b710498ea6c1d9907e0c73f206eee7dadc24c"
@@ -635,6 +847,26 @@
   dependencies:
     "@babel/types" "^7.8.3"
 
+"@babel/helper-module-imports@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.10.4.tgz#4c5c54be04bd31670a7382797d75b9fa2e5b5620"
+  integrity sha512-nEQJHqYavI217oD9+s5MUBzk6x1IlvoS9WTPfgG43CbMEeStE0v+r+TucWdx8KFGowPGvyOkDT9+7DHedIDnVw==
+  dependencies:
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-module-transforms@^7.10.4", "@babel/helper-module-transforms@^7.10.5", "@babel/helper-module-transforms@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.11.0.tgz#b16f250229e47211abdd84b34b64737c2ab2d359"
+  integrity sha512-02EVu8COMuTRO1TAzdMtpBPbe6aQ1w/8fePD2YgQmxZU4gpNWaL9gK3Jp7dxlkUlUCJOTaSeA+Hrm1BRQwqIhg==
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.10.4"
+    "@babel/helper-simple-access" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.11.0"
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.11.0"
+    lodash "^4.17.19"
+
 "@babel/helper-module-transforms@^7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.9.0.tgz#43b34dfe15961918707d247327431388e9fe96e5"
@@ -648,6 +880,13 @@
     "@babel/types" "^7.9.0"
     lodash "^4.17.13"
 
+"@babel/helper-optimise-call-expression@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.4.tgz#50dc96413d594f995a77905905b05893cd779673"
+  integrity sha512-n3UGKY4VXwXThEiKrgRAoVPBMqeoPgHVqiHZOanAJCG9nQUL2pLRQirUzl0ioKclHGpGqRgIOkgcIJaIWLpygg==
+  dependencies:
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-optimise-call-expression@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.8.3.tgz#7ed071813d09c75298ef4f208956006b6111ecb9"
@@ -660,10 +899,17 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.8.3.tgz#9ea293be19babc0f52ff8ca88b34c3611b208670"
   integrity sha512-j+fq49Xds2smCUNYmEHF9kGNkhbet6yVIBp4e6oeQpH1RUs/Ir06xUKzDjDkGcaaokPiTNs2JBWHjaE4csUkZQ==
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.1", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.1.tgz#ec5a5cf0eec925b66c60580328b122c01230a127"
-  integrity sha512-fvoGeXt0bJc7VMWZGCAEBEMo/HAjW2mP8apF5eXK0wSqwLAVHAISCWRoLMBMUs2kqeaG77jltVqu4Hn8Egl3nA==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.1", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375"
+  integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg==
+
+"@babel/helper-regex@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.10.5.tgz#32dfbb79899073c415557053a19bd055aae50ae0"
+  integrity sha512-68kdUAzDrljqBrio7DYAEgCoJHxppJOERHOgOrDN7WjOzP0ZQ1LsSDRXcemzVZaLvjaJsJEESb6qt+znNuENDg==
+  dependencies:
+    lodash "^4.17.19"
 
 "@babel/helper-regex@^7.8.3":
   version "7.8.3"
@@ -672,6 +918,16 @@
   dependencies:
     lodash "^4.17.13"
 
+"@babel/helper-remap-async-to-generator@^7.10.4":
+  version "7.11.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.11.4.tgz#4474ea9f7438f18575e30b0cac784045b402a12d"
+  integrity sha512-tR5vJ/vBa9wFy3m5LLv2faapJLnDFxNWff2SAYkSE4rLUdbp7CdObYFgI7wK4T/Mj4UzpjPwzR8Pzmr5m7MHGA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-wrap-function" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-remap-async-to-generator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.8.3.tgz#273c600d8b9bf5006142c1e35887d555c12edd86"
@@ -693,6 +949,24 @@
     "@babel/traverse" "^7.9.6"
     "@babel/types" "^7.9.6"
 
+"@babel/helper-replace-supers@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.10.4.tgz#d585cd9388ea06e6031e4cd44b6713cbead9e6cf"
+  integrity sha512-sPxZfFXocEymYTdVK1UNmFPBN+Hv5mJkLPsYWwGBxZAxaWfFu+xqp7b6qWD0yjNuNL2VKc6L5M18tOXUP7NU0A==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.10.4"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/traverse" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
+"@babel/helper-simple-access@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.10.4.tgz#0f5ccda2945277a2a7a2d3a821e15395edcf3461"
+  integrity sha512-0fMy72ej/VEvF8ULmX6yb5MtHG4uH4Dbd6I/aHDb/JVg0bbivwt9Wg+h3uMvX+QSFtwr5MeItvazbrc4jtRAXw==
+  dependencies:
+    "@babel/template" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-simple-access@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.8.3.tgz#7f8109928b4dab4654076986af575231deb639ae"
@@ -701,6 +975,13 @@
     "@babel/template" "^7.8.3"
     "@babel/types" "^7.8.3"
 
+"@babel/helper-skip-transparent-expression-wrappers@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.11.0.tgz#eec162f112c2f58d3af0af125e3bb57665146729"
+  integrity sha512-0XIdiQln4Elglgjbwo9wuJpL/K7AGCY26kmEt0+pRP0TAj4jjyNq1MjoRvikrTVqKcx4Gysxt4cXvVFXP/JO2Q==
+  dependencies:
+    "@babel/types" "^7.11.0"
+
 "@babel/helper-split-export-declaration@^7.0.0", "@babel/helper-split-export-declaration@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz#31a9f30070f91368a7182cf05f831781065fc7a9"
@@ -708,15 +989,32 @@
   dependencies:
     "@babel/types" "^7.8.3"
 
-"@babel/helper-validator-identifier@^7.10.1":
+"@babel/helper-split-export-declaration@^7.10.4", "@babel/helper-split-export-declaration@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.11.0.tgz#f8a491244acf6a676158ac42072911ba83ad099f"
+  integrity sha512-74Vejvp6mHkGE+m+k5vHY93FX2cAtrw1zXrZXRlG4l410Nm9PxfEiVTn1PjDPV5SnmieiueY4AFg2xqhNFuuZg==
+  dependencies:
+    "@babel/types" "^7.11.0"
+
+"@babel/helper-validator-identifier@^7.10.1", "@babel/helper-validator-identifier@^7.9.0":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.1.tgz#5770b0c1a826c4f53f5ede5e153163e0318e94b5"
   integrity sha512-5vW/JXLALhczRCWP0PnFDMCJAchlBvM7f4uk/jXritBnIa6E1KmqmtrS3yn1LAnxFBypQ3eneLuXjsnfQsgILw==
 
-"@babel/helper-validator-identifier@^7.9.0", "@babel/helper-validator-identifier@^7.9.5":
-  version "7.9.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.9.5.tgz#90977a8e6fbf6b431a7dc31752eee233bf052d80"
-  integrity sha512-/8arLKUFq882w4tWGj9JYzRpAlZgiWUJ+dtteNTDqrRBz9Iguck9Rn3ykuBDoUwh2TO4tSAJlrxDUOXWklJe4g==
+"@babel/helper-validator-identifier@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz#a78c7a7251e01f616512d31b10adcf52ada5e0d2"
+  integrity sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==
+
+"@babel/helper-wrap-function@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.10.4.tgz#8a6f701eab0ff39f765b5a1cfef409990e624b87"
+  integrity sha512-6py45WvEF0MhiLrdxtRjKjufwLL1/ob2qDJgg5JgNdojBAZSAKnAjkyOCNug6n+OBl4VW76XjvgSFTdaMcW0Ug==
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.10.4"
+    "@babel/types" "^7.10.4"
 
 "@babel/helper-wrap-function@^7.8.3":
   version "7.8.3"
@@ -728,6 +1026,15 @@
     "@babel/traverse" "^7.8.3"
     "@babel/types" "^7.8.3"
 
+"@babel/helpers@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.10.4.tgz#2abeb0d721aff7c0a97376b9e1f6f65d7a475044"
+  integrity sha512-L2gX/XeUONeEbI78dXSrJzGdz4GQ+ZTA/aazfUsFaWjSe95kiCuOZ5HsXvkiw3iwF+mFHSRUfJU8t6YavocdXA==
+  dependencies:
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/helpers@^7.2.0", "@babel/helpers@^7.4.3", "@babel/helpers@^7.9.0", "@babel/helpers@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.9.6.tgz#092c774743471d0bb6c7de3ad465ab3d3486d580"
@@ -746,11 +1053,34 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
+  integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
 "@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.1.6", "@babel/parser@^7.2.0", "@babel/parser@^7.3.4", "@babel/parser@^7.4.3", "@babel/parser@^7.4.4", "@babel/parser@^7.4.5", "@babel/parser@^7.6.0", "@babel/parser@^7.6.4", "@babel/parser@^7.7.0", "@babel/parser@^7.8.6", "@babel/parser@^7.9.0", "@babel/parser@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.9.6.tgz#3b1bbb30dabe600cd72db58720998376ff653bc7"
   integrity sha512-AoeIEJn8vt+d/6+PXDRPaksYhnlbMIiejioBZvvMQsOjW/JYK6k/0dKnvvP3EhK5GfMBWDPtrxRtegWdAcdq9Q==
 
+"@babel/parser@^7.10.4", "@babel/parser@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.11.5.tgz#c7ff6303df71080ec7a4f5b8c003c58f1cf51037"
+  integrity sha512-X9rD8qqm695vgmeaQ4fvz/o3+Wk4ZzQvSHkDBgpYKxpD4qTAUm88ZKtHkVqIOsYFFbIQ6wQYhC6q7pjqVK0E0Q==
+
+"@babel/plugin-proposal-async-generator-functions@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.5.tgz#3491cabf2f7c179ab820606cec27fed15e0e8558"
+  integrity sha512-cNMCVezQbrRGvXJwm9fu/1sJj9bHdGAgKodZdLqOQIpfoH3raqmRPBM17+lh7CzhiKRRBrGtZL9WcjxSoGYUSg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-remap-async-to-generator" "^7.10.4"
+    "@babel/plugin-syntax-async-generators" "^7.8.0"
+
 "@babel/plugin-proposal-async-generator-functions@^7.2.0", "@babel/plugin-proposal-async-generator-functions@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.8.3.tgz#bad329c670b382589721b27540c7d288601c6e6f"
@@ -768,7 +1098,7 @@
     "@babel/helper-create-class-features-plugin" "^7.2.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-proposal-class-properties@7.8.3", "@babel/plugin-proposal-class-properties@^7.1.0", "@babel/plugin-proposal-class-properties@^7.3.3", "@babel/plugin-proposal-class-properties@^7.5.5", "@babel/plugin-proposal-class-properties@^7.8.3":
+"@babel/plugin-proposal-class-properties@7.8.3", "@babel/plugin-proposal-class-properties@^7.1.0", "@babel/plugin-proposal-class-properties@^7.5.5", "@babel/plugin-proposal-class-properties@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.8.3.tgz#5e06654af5cd04b608915aada9b2a6788004464e"
   integrity sha512-EqFhbo7IosdgPgZggHaNObkmO1kNUe3slaKu54d5OWvy+p9QIKOzK1GAEpAIsZtWVtPXUHSMcT4smvDrCfY4AA==
@@ -776,6 +1106,14 @@
     "@babel/helper-create-class-features-plugin" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-proposal-class-properties@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.10.4.tgz#a33bf632da390a59c7a8c570045d1115cd778807"
+  integrity sha512-vhwkEROxzcHGNu2mzUC0OFFNXdZ4M23ib8aRRcJSsW8BZK9pQMD7QB7csl97NBbgGZO7ZyHUyKDnxzOaP4IrCg==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-proposal-decorators@7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.2.0.tgz#6b4278282a6f5dd08b5d89b94f21aa1671fea071"
@@ -786,7 +1124,7 @@
     "@babel/helper-split-export-declaration" "^7.0.0"
     "@babel/plugin-syntax-decorators" "^7.2.0"
 
-"@babel/plugin-proposal-decorators@7.8.3", "@babel/plugin-proposal-decorators@^7.3.0", "@babel/plugin-proposal-decorators@^7.8.3":
+"@babel/plugin-proposal-decorators@7.8.3", "@babel/plugin-proposal-decorators@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.8.3.tgz#2156860ab65c5abf068c3f67042184041066543e"
   integrity sha512-e3RvdvS4qPJVTe288DlXjwKflpfy1hr0j5dz5WpIYYeP7vQZg2WfAEIp8k5/Lwis/m5REXEteIz6rrcDtXXG7w==
@@ -795,6 +1133,23 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-decorators" "^7.8.3"
 
+"@babel/plugin-proposal-decorators@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.10.5.tgz#42898bba478bc4b1ae242a703a953a7ad350ffb4"
+  integrity sha512-Sc5TAQSZuLzgY0664mMDn24Vw2P8g/VhyLyGPaWiHahhgLqeZvcGeyBZOrJW0oSKIK2mvQ22a1ENXBIQLhrEiQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.10.5"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-decorators" "^7.10.4"
+
+"@babel/plugin-proposal-dynamic-import@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.10.4.tgz#ba57a26cb98b37741e9d5bca1b8b0ddf8291f17e"
+  integrity sha512-up6oID1LeidOOASNXgv/CFbgBqTuKJ0cJjz6An5tWD+NVBNlp3VNSBxv2ZdU7SYl3NxJC7agAQDApZusV6uFwQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+
 "@babel/plugin-proposal-dynamic-import@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.8.3.tgz#38c4fe555744826e97e2ae930b0fb4cc07e66054"
@@ -811,7 +1166,15 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-export-default-from" "^7.2.0"
 
-"@babel/plugin-proposal-export-default-from@^7.2.0", "@babel/plugin-proposal-export-default-from@^7.5.2", "@babel/plugin-proposal-export-default-from@^7.8.3":
+"@babel/plugin-proposal-export-default-from@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.10.4.tgz#08f66eef0067cbf6a7bc036977dcdccecaf0c6c5"
+  integrity sha512-G1l00VvDZ7Yk2yRlC5D8Ybvu3gmeHS3rCHoUYdjrqGYUtdeOBoRypnvDZ5KQqxyaiiGHWnVDeSEzA5F9ozItig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-export-default-from" "^7.10.4"
+
+"@babel/plugin-proposal-export-default-from@^7.5.2":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.8.3.tgz#4cb7c2fdeaed490b60d9bfd3dc8a20f81f9c2e7c"
   integrity sha512-PYtv2S2OdCdp7GSPDg5ndGZFm9DmWFvuLoS5nBxZCgOBggluLnhTScspJxng96alHQzPyrrHxvC9/w4bFuspeA==
@@ -827,6 +1190,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
 
+"@babel/plugin-proposal-export-namespace-from@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.10.4.tgz#570d883b91031637b3e2958eea3c438e62c05f54"
+  integrity sha512-aNdf0LY6/3WXkhh0Fdb6Zk9j1NMD8ovj3F6r0+3j837Pn1S1PdNtcwJ5EG9WkVPNHPxyJDaxMaAOVq4eki0qbg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
 "@babel/plugin-proposal-function-bind@^7.2.0":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-function-bind/-/plugin-proposal-function-bind-7.8.3.tgz#e34a1e984771b84b6e5322745edeadca7e500ced"
@@ -835,6 +1206,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-function-bind" "^7.8.3"
 
+"@babel/plugin-proposal-json-strings@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.10.4.tgz#593e59c63528160233bd321b1aebe0820c2341db"
+  integrity sha512-fCL7QF0Jo83uy1K0P2YXrfX11tj3lkpN7l4dMv9Y9VkowkhkQDwFHFd8IiwyK5MZjE8UpbgokkgtcReH88Abaw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.0"
+
 "@babel/plugin-proposal-json-strings@^7.2.0", "@babel/plugin-proposal-json-strings@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.8.3.tgz#da5216b238a98b58a1e05d6852104b10f9a70d6b"
@@ -843,7 +1222,15 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-json-strings" "^7.8.0"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@7.8.3", "@babel/plugin-proposal-nullish-coalescing-operator@^7.0.0", "@babel/plugin-proposal-nullish-coalescing-operator@^7.8.3":
+"@babel/plugin-proposal-logical-assignment-operators@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.11.0.tgz#9f80e482c03083c87125dee10026b58527ea20c8"
+  integrity sha512-/f8p4z+Auz0Uaf+i8Ekf1iM7wUNLcViFUGiPxKeXvxTSl63B875YPiVdUDdem7hREcI0E0kSpEhS8tF5RphK7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
+"@babel/plugin-proposal-nullish-coalescing-operator@7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.8.3.tgz#e4572253fdeed65cddeecfdab3f928afeb2fd5d2"
   integrity sha512-TS9MlfzXpXKt6YYomudb/KU7nQI6/xnapG6in1uZxoxDghuSMZsPb6D2fyUwNYSAp4l1iR7QtFOjkqcRYcUsfw==
@@ -851,7 +1238,7 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.10.1":
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.0.0", "@babel/plugin-proposal-nullish-coalescing-operator@^7.8.3":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.10.1.tgz#02dca21673842ff2fe763ac253777f235e9bbf78"
   integrity sha512-56cI/uHYgL2C8HVuHOuvVowihhX0sxb3nnfVRzUeVHTWmRHTZrKuAh/OBIMggGU/S1g/1D2CRCXqP+3u7vX7iA==
@@ -859,6 +1246,14 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
 
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.10.4.tgz#02a7e961fc32e6d5b2db0649e01bf80ddee7e04a"
+  integrity sha512-wq5n1M3ZUlHl9sqT2ok1T2/MTt6AXE0e1Lz4WzWBr95LsAZ5qDXe4KnFuauYyEyLiohvXFMdbsOTMyLZs91Zlw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+
 "@babel/plugin-proposal-numeric-separator@7.8.3", "@babel/plugin-proposal-numeric-separator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.8.3.tgz#5d6769409699ec9b3b68684cd8116cedff93bad8"
@@ -867,6 +1262,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-numeric-separator" "^7.8.3"
 
+"@babel/plugin-proposal-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.10.4.tgz#ce1590ff0a65ad12970a609d78855e9a4c1aef06"
+  integrity sha512-73/G7QoRoeNkLZFxsoCCvlg4ezE4eM+57PnOqgaPOozd5myfj7p0muD1mRVJvbUWbOzD+q3No2bWbaKy+DJ8DA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
 "@babel/plugin-proposal-object-rest-spread@7.9.6", "@babel/plugin-proposal-object-rest-spread@^7.0.0", "@babel/plugin-proposal-object-rest-spread@^7.2.0", "@babel/plugin-proposal-object-rest-spread@^7.9.0", "@babel/plugin-proposal-object-rest-spread@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.9.6.tgz#7a093586fcb18b08266eb1a7177da671ac575b63"
@@ -876,6 +1279,23 @@
     "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
     "@babel/plugin-transform-parameters" "^7.9.5"
 
+"@babel/plugin-proposal-object-rest-spread@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.11.0.tgz#bd81f95a1f746760ea43b6c2d3d62b11790ad0af"
+  integrity sha512-wzch41N4yztwoRw0ak+37wxwJM2oiIiy6huGCoqkvSTA9acYWcPfn9Y4aJqmFFJ70KTJUu29f3DQ43uJ9HXzEA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
+    "@babel/plugin-transform-parameters" "^7.10.4"
+
+"@babel/plugin-proposal-optional-catch-binding@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.10.4.tgz#31c938309d24a78a49d68fdabffaa863758554dd"
+  integrity sha512-LflT6nPh+GK2MnFiKDyLiqSqVHkQnVf7hdoAvyTnnKj9xB3docGRsdPuxp6qqqW19ifK3xgc9U5/FwrSaCNX5g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
+
 "@babel/plugin-proposal-optional-catch-binding@^7.2.0", "@babel/plugin-proposal-optional-catch-binding@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.8.3.tgz#9dee96ab1650eed88646ae9734ca167ac4a9c5c9"
@@ -884,7 +1304,7 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
 
-"@babel/plugin-proposal-optional-chaining@7.9.0", "@babel/plugin-proposal-optional-chaining@^7.0.0", "@babel/plugin-proposal-optional-chaining@^7.9.0":
+"@babel/plugin-proposal-optional-chaining@7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.9.0.tgz#31db16b154c39d6b8a645292472b98394c292a58"
   integrity sha512-NDn5tu3tcv4W30jNhmc2hyD5c56G6cXx4TesJubhxrJeCvuuMpttxr0OnNCqbZGhFjLrg+NIhxxC+BK5F6yS3w==
@@ -892,7 +1312,7 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-optional-chaining" "^7.8.0"
 
-"@babel/plugin-proposal-optional-chaining@^7.10.1":
+"@babel/plugin-proposal-optional-chaining@^7.0.0", "@babel/plugin-proposal-optional-chaining@^7.9.0":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.10.1.tgz#15f5d6d22708629451a91be28f8facc55b0e818c"
   integrity sha512-dqQj475q8+/avvok72CF3AOSV/SGEcH29zT5hhohqqvvZ2+boQoOr7iGldBG5YXTO2qgCgc2B3WvVLUdbeMlGA==
@@ -900,13 +1320,30 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-optional-chaining" "^7.8.0"
 
-"@babel/plugin-proposal-private-methods@^7.3.3", "@babel/plugin-proposal-private-methods@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.8.3.tgz#01248c6c8dc292116b3b4ebd746150f4f0728bab"
-  integrity sha512-ysLAper960yy1TVXa2lMYdCQIGqtUXo8sVb+zYE7UTiZSLs6/wbZ0PrrXEKESJcK3SgFWrF8WpsaDzdslhuoZA==
+"@babel/plugin-proposal-optional-chaining@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.11.0.tgz#de5866d0646f6afdaab8a566382fe3a221755076"
+  integrity sha512-v9fZIu3Y8562RRwhm1BbMRxtqZNFmFA2EG+pT2diuU8PT3H6T/KXoZ54KgYisfOFZHV6PfvAiBIZ9Rcz+/JCxA==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.8.3"
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.11.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+
+"@babel/plugin-proposal-private-methods@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.10.4.tgz#b160d972b8fdba5c7d111a145fc8c421fc2a6909"
+  integrity sha512-wh5GJleuI8k3emgTg5KkJK6kHNsGEr0uBTDBuQUBJwckk9xs1ez79ioheEVVxMLyPscB0LfkbVHslQqIzWV6Bw==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-proposal-unicode-property-regex@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.10.4.tgz#4483cda53041ce3413b7fe2f00022665ddfaa75d"
+  integrity sha512-H+3fOgPnEXFL9zGYtKQe4IDOPKYlZdF1kqFDQRRb8PK4B8af1vAGK04tF5iQAAsui+mHNBQSAtd2/ndEDe9wuA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-proposal-unicode-property-regex@^7.2.0", "@babel/plugin-proposal-unicode-property-regex@^7.4.4", "@babel/plugin-proposal-unicode-property-regex@^7.8.3":
   version "7.8.8"
@@ -930,6 +1367,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-class-properties@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.10.4.tgz#6644e6a0baa55a61f9e3231f6c9eeb6ee46c124c"
+  integrity sha512-GCSBF7iUle6rNugfURwNmCGG3Z/2+opxAMLs1nND4bhEG5PuxTIggDBoeYYSujAlLtsupzOHYJQgPS3pivwXIA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-class-properties@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.8.3.tgz#6cb933a8872c8d359bfde69bbeaae5162fd1e8f7"
@@ -937,6 +1381,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-syntax-decorators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.10.4.tgz#6853085b2c429f9d322d02f5a635018cdeb2360c"
+  integrity sha512-2NaoC6fAk2VMdhY1eerkfHV+lVYC1u8b+jmRJISqANCJlTxYy19HGdIkkQtix2UtkcPuPu+IlDgrVseZnU03bw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-decorators@^7.2.0", "@babel/plugin-syntax-decorators@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.8.3.tgz#8d2c15a9f1af624b0025f961682a9d53d3001bda"
@@ -951,6 +1402,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-export-default-from@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.10.4.tgz#e5494f95006355c10292a0ff1ce42a5746002ec8"
+  integrity sha512-79V6r6Pgudz0RnuMGp5xidu6Z+bPFugh8/Q9eDHonmLp4wKFAZDwygJwYgCzuDu8lFA/sYyT+mc5y2wkd7bTXA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-export-default-from@^7.2.0", "@babel/plugin-syntax-export-default-from@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.8.3.tgz#f1e55ce850091442af4ba9c2550106035b29d678"
@@ -965,19 +1423,19 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@^7.10.1":
+"@babel/plugin-syntax-flow@^7.10.1", "@babel/plugin-syntax-flow@^7.8.3":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.10.1.tgz#cd4bbca62fb402babacb174f64f8734310d742f0"
   integrity sha512-b3pWVncLBYoPP60UOTc7NMlbtsHQ6ITim78KQejNHK6WJ2mzV5kCcg4mIWpasAfJEgwVTibwo2e+FU7UEIKQUg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
-"@babel/plugin-syntax-flow@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.8.3.tgz#f2c883bd61a6316f2c89380ae5122f923ba4527f"
-  integrity sha512-innAx3bUbA0KSYj2E2MNFSn9hiCeowOFLxlsuhXzw8hMQnzkDomUr9QCD7E9VF60NmnG1sNTuuv6Qf4f8INYsg==
+"@babel/plugin-syntax-flow@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.10.4.tgz#53351dd7ae01995e567d04ce42af1a6e0ba846a6"
+  integrity sha512-yxQsX1dJixF4qEEdzVbst3SZQ58Nrooz8NV9Z9GL4byTE25BvJgl5lf0RECUf0fh28rZBb/RYTWn/eeKwCMrZQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-function-bind@^7.8.3":
   version "7.8.3"
@@ -986,12 +1444,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-import-meta@^7.2.0":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.8.3.tgz#230afff79d3ccc215b5944b438e4e266daf3d84d"
-  integrity sha512-vYiGd4wQ9gx0Lngb7+bPCwQXGK/PR6FeTIJ+TIOlq+OfOKG/kCAOO2+IBac3oMM9qV7/fU76hfcqxUaLKZf1hQ==
+"@babel/plugin-syntax-import-meta@^7.10.4", "@babel/plugin-syntax-import-meta@^7.2.0", "@babel/plugin-syntax-import-meta@^7.8.3":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
+  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.10.4"
 
 "@babel/plugin-syntax-json-strings@^7.8.0", "@babel/plugin-syntax-json-strings@^7.8.3":
   version "7.8.3"
@@ -1007,6 +1465,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-syntax-jsx@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.4.tgz#39abaae3cbf710c4373d8429484e6ba21340166c"
+  integrity sha512-KCg9mio9jwiARCB7WAcQ7Y1q+qicILjoK8LP/VkPkEKaf5dkaZZK1EcTe91a3JJlZ3qy6L5s9X52boEYi8DM9g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.8.3.tgz#3995d7d7ffff432f6ddc742b47e730c054599897"
@@ -1021,6 +1493,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-numeric-separator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
+  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-numeric-separator@^7.8.0", "@babel/plugin-syntax-numeric-separator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.8.3.tgz#0e3fb63e09bea1b11e96467271c8308007e7c41f"
@@ -1049,6 +1528,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
+"@babel/plugin-syntax-top-level-await@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.10.4.tgz#4bbeb8917b54fcf768364e0a81f560e33a3ef57d"
+  integrity sha512-ni1brg4lXEmWyafKr0ccFWkJG0CeMt4WV1oyeBW6EFObF4oOHclbkj5cARxAPQyAQ2UTuplJyK4nfkXIMMFvsQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-top-level-await@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.8.3.tgz#3acdece695e6b13aaf57fc291d1a800950c71391"
@@ -1056,6 +1542,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-syntax-typescript@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.10.4.tgz#2f55e770d3501e83af217d782cb7517d7bb34d25"
+  integrity sha512-oSAEz1YkBCAKr5Yiq8/BNtvSAPwkp/IyUnwZogd8p+F0RuYQQrLeRUzIQhueQTTBy/F+a40uS7OFKxnkRvmvFQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-typescript@^7.2.0", "@babel/plugin-syntax-typescript@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.8.3.tgz#c1f659dda97711a569cef75275f7e15dcaa6cabc"
@@ -1063,6 +1556,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-arrow-functions@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.10.4.tgz#e22960d77e697c74f41c501d44d73dbf8a6a64cd"
+  integrity sha512-9J/oD1jV0ZCBcgnoFWFq1vJd4msoKb/TCpGNFyyLt0zABdcvgK3aYikZ8HjzB14c26bc7E3Q1yugpwGy2aTPNA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-arrow-functions@^7.2.0", "@babel/plugin-transform-arrow-functions@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.8.3.tgz#82776c2ed0cd9e1a49956daeb896024c9473b8b6"
@@ -1070,6 +1570,15 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-async-to-generator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.10.4.tgz#41a5017e49eb6f3cda9392a51eef29405b245a37"
+  integrity sha512-F6nREOan7J5UXTLsDsZG3DXmZSVofr2tGNwfdrVwkDWHfQckbQXnXSPfD7iO+c/2HGqycwyLST3DnZ16n+cBJQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-remap-async-to-generator" "^7.10.4"
+
 "@babel/plugin-transform-async-to-generator@^7.2.0", "@babel/plugin-transform-async-to-generator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.8.3.tgz#4308fad0d9409d71eafb9b1a6ee35f9d64b64086"
@@ -1079,6 +1588,13 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/helper-remap-async-to-generator" "^7.8.3"
 
+"@babel/plugin-transform-block-scoped-functions@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.10.4.tgz#1afa595744f75e43a91af73b0d998ecfe4ebc2e8"
+  integrity sha512-WzXDarQXYYfjaV1szJvN3AD7rZgZzC1JtjJZ8dMHUyiK8mxPRahynp14zzNjU3VkPqPsO38CzxiWO1c9ARZ8JA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-block-scoped-functions@^7.2.0", "@babel/plugin-transform-block-scoped-functions@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.8.3.tgz#437eec5b799b5852072084b3ae5ef66e8349e8a3"
@@ -1086,6 +1602,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-block-scoping@^7.10.4", "@babel/plugin-transform-block-scoping@^7.11.1":
+  version "7.11.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.11.1.tgz#5b7efe98852bef8d652c0b28144cd93a9e4b5215"
+  integrity sha512-00dYeDE0EVEHuuM+26+0w/SCL0BH2Qy7LwHuI4Hi4MH5gkC8/AqMN5uWFJIsoXZrAphiMm1iXzBw6L2T+eA0ew==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-block-scoping@^7.2.0", "@babel/plugin-transform-block-scoping@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.8.3.tgz#97d35dab66857a437c166358b91d09050c868f3a"
@@ -1094,7 +1617,21 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     lodash "^4.17.13"
 
-"@babel/plugin-transform-classes@^7.2.0", "@babel/plugin-transform-classes@^7.9.0", "@babel/plugin-transform-classes@^7.9.2", "@babel/plugin-transform-classes@^7.9.5":
+"@babel/plugin-transform-classes@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.10.4.tgz#405136af2b3e218bc4a1926228bc917ab1a0adc7"
+  integrity sha512-2oZ9qLjt161dn1ZE0Ms66xBncQH4In8Sqw1YWgBUZuGVJJS5c0OFZXL6dP2MRHrkU/eKhWg8CzFJhRQl50rQxA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-define-map" "^7.10.4"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.10.4"
+    globals "^11.1.0"
+
+"@babel/plugin-transform-classes@^7.2.0", "@babel/plugin-transform-classes@^7.9.0", "@babel/plugin-transform-classes@^7.9.5":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.9.5.tgz#800597ddb8aefc2c293ed27459c1fcc935a26c2c"
   integrity sha512-x2kZoIuLC//O5iA7PEvecB105o7TLzZo8ofBVhP79N+DO3jaX+KYfww9TQcfBEZD0nikNyYcGB1IKtRq36rdmg==
@@ -1108,6 +1645,13 @@
     "@babel/helper-split-export-declaration" "^7.8.3"
     globals "^11.1.0"
 
+"@babel/plugin-transform-computed-properties@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.10.4.tgz#9ded83a816e82ded28d52d4b4ecbdd810cdfc0eb"
+  integrity sha512-JFwVDXcP/hM/TbyzGq3l/XWGut7p46Z3QvqFMXTfk6/09m7xZHJUN9xHfsv7vqqD4YnfI5ueYdSJtXqqBLyjBw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-computed-properties@^7.2.0", "@babel/plugin-transform-computed-properties@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.8.3.tgz#96d0d28b7f7ce4eb5b120bb2e0e943343c86f81b"
@@ -1115,6 +1659,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-destructuring@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.10.4.tgz#70ddd2b3d1bea83d01509e9bb25ddb3a74fc85e5"
+  integrity sha512-+WmfvyfsyF603iPa6825mq6Qrb7uLjTOsa3XOFzlYcYDHSS4QmpOWOL0NNBY5qMbvrcf3tq0Cw+v4lxswOBpgA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-destructuring@^7.2.0", "@babel/plugin-transform-destructuring@^7.8.3", "@babel/plugin-transform-destructuring@^7.9.5":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.9.5.tgz#72c97cf5f38604aea3abf3b935b0e17b1db76a50"
@@ -1122,6 +1673,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-dotall-regex@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.10.4.tgz#469c2062105c1eb6a040eaf4fac4b488078395ee"
+  integrity sha512-ZEAVvUTCMlMFAbASYSVQoxIbHm2OkG2MseW6bV2JjIygOjdVv8tuxrCTzj1+Rynh7ODb8GivUy7dzEXzEhuPaA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-dotall-regex@^7.2.0", "@babel/plugin-transform-dotall-regex@^7.4.4", "@babel/plugin-transform-dotall-regex@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.8.3.tgz#c3c6ec5ee6125c6993c5cbca20dc8621a9ea7a6e"
@@ -1130,6 +1689,13 @@
     "@babel/helper-create-regexp-features-plugin" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-duplicate-keys@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.10.4.tgz#697e50c9fee14380fe843d1f306b295617431e47"
+  integrity sha512-GL0/fJnmgMclHiBTTWXNlYjYsA7rDrtsazHG6mglaGSTh0KsrW04qml+Bbz9FL0LcJIRwBWL5ZqlNHKTkU3xAA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-duplicate-keys@^7.2.0", "@babel/plugin-transform-duplicate-keys@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.8.3.tgz#8d12df309aa537f272899c565ea1768e286e21f1"
@@ -1137,6 +1703,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-exponentiation-operator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.10.4.tgz#5ae338c57f8cf4001bdb35607ae66b92d665af2e"
+  integrity sha512-S5HgLVgkBcRdyQAHbKj+7KyuWx8C6t5oETmUuwz1pt3WTWJhsUV0WIIXuVvfXMxl/QQyHKlSCNNtaIamG8fysw==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-exponentiation-operator@^7.2.0", "@babel/plugin-transform-exponentiation-operator@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.8.3.tgz#581a6d7f56970e06bf51560cd64f5e947b70d7b7"
@@ -1161,6 +1735,21 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-flow" "^7.10.1"
 
+"@babel/plugin-transform-flow-strip-types@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.10.4.tgz#c497957f09e86e3df7296271e9eb642876bf7788"
+  integrity sha512-XTadyuqNst88UWBTdLjM+wEY7BFnY2sYtPyAidfC7M/QaZnSuIZpMvLxqGT7phAcnGyWh/XQFLKcGf04CnvxSQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-flow" "^7.10.4"
+
+"@babel/plugin-transform-for-of@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.10.4.tgz#c08892e8819d3a5db29031b115af511dbbfebae9"
+  integrity sha512-ItdQfAzu9AlEqmusA/65TqJ79eRcgGmpPPFvBnGILXZH975G0LNjP1yjHvGgfuCxqrPPueXOPe+FsvxmxKiHHQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-for-of@^7.2.0", "@babel/plugin-transform-for-of@^7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.9.0.tgz#0f260e27d3e29cd1bb3128da5e76c761aa6c108e"
@@ -1168,6 +1757,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-function-name@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.10.4.tgz#6a467880e0fc9638514ba369111811ddbe2644b7"
+  integrity sha512-OcDCq2y5+E0dVD5MagT5X+yTRbcvFjDI2ZVAottGH6tzqjx/LKpgkUepu3hp/u4tZBzxxpNGwLsAvGBvQ2mJzg==
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-function-name@^7.2.0", "@babel/plugin-transform-function-name@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.8.3.tgz#279373cb27322aaad67c2683e776dfc47196ed8b"
@@ -1176,6 +1773,13 @@
     "@babel/helper-function-name" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-literals@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.10.4.tgz#9f42ba0841100a135f22712d0e391c462f571f3c"
+  integrity sha512-Xd/dFSTEVuUWnyZiMu76/InZxLTYilOSr1UlHV+p115Z/Le2Fi1KXkJUYz0b42DfndostYlPub3m8ZTQlMaiqQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-literals@^7.2.0", "@babel/plugin-transform-literals@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.8.3.tgz#aef239823d91994ec7b68e55193525d76dbd5dc1"
@@ -1183,6 +1787,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-member-expression-literals@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.10.4.tgz#b1ec44fcf195afcb8db2c62cd8e551c881baf8b7"
+  integrity sha512-0bFOvPyAoTBhtcJLr9VcwZqKmSjFml1iVxvPL0ReomGU53CX53HsM4h2SzckNdkQcHox1bpAqzxBI1Y09LlBSw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-member-expression-literals@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.8.3.tgz#963fed4b620ac7cbf6029c755424029fa3a40410"
@@ -1190,6 +1801,15 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-modules-amd@^7.10.4", "@babel/plugin-transform-modules-amd@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.10.5.tgz#1b9cddaf05d9e88b3aad339cb3e445c4f020a9b1"
+  integrity sha512-elm5uruNio7CTLFItVC/rIzKLfQ17+fX7EVz5W0TMgIHFo1zY0Ozzx+lgwhL4plzl8OzVn6Qasx5DeEFyoNiRw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.10.5"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
 "@babel/plugin-transform-modules-amd@^7.2.0", "@babel/plugin-transform-modules-amd@^7.7.5", "@babel/plugin-transform-modules-amd@^7.9.0", "@babel/plugin-transform-modules-amd@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.9.6.tgz#8539ec42c153d12ea3836e0e3ac30d5aae7b258e"
@@ -1199,6 +1819,16 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-commonjs@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.10.4.tgz#66667c3eeda1ebf7896d41f1f16b17105a2fbca0"
+  integrity sha512-Xj7Uq5o80HDLlW64rVfDBhao6OX89HKUmb+9vWYaLXBZOma4gA6tw4Ni1O5qVDoZWUV0fxMYA0aYzOawz0l+1w==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-simple-access" "^7.10.4"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
 "@babel/plugin-transform-modules-commonjs@^7.2.0", "@babel/plugin-transform-modules-commonjs@^7.4.4", "@babel/plugin-transform-modules-commonjs@^7.9.0", "@babel/plugin-transform-modules-commonjs@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.9.6.tgz#64b7474a4279ee588cacd1906695ca721687c277"
@@ -1209,6 +1839,16 @@
     "@babel/helper-simple-access" "^7.8.3"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-systemjs@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.10.5.tgz#6270099c854066681bae9e05f87e1b9cadbe8c85"
+  integrity sha512-f4RLO/OL14/FP1AEbcsWMzpbUz6tssRaeQg11RH1BP/XnPpRoVwgeYViMFacnkaw4k4wjRSjn3ip1Uw9TaXuMw==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.10.4"
+    "@babel/helper-module-transforms" "^7.10.5"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
 "@babel/plugin-transform-modules-systemjs@^7.2.0", "@babel/plugin-transform-modules-systemjs@^7.9.0", "@babel/plugin-transform-modules-systemjs@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.9.6.tgz#207f1461c78a231d5337a92140e52422510d81a4"
@@ -1219,6 +1859,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-umd@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.10.4.tgz#9a8481fe81b824654b3a0b65da3df89f3d21839e"
+  integrity sha512-mohW5q3uAEt8T45YT7Qc5ws6mWgJAaL/8BfWD9Dodo1A3RKWli8wTS+WiQ/knF+tXlPirW/1/MqzzGfCExKECA==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-modules-umd@^7.2.0", "@babel/plugin-transform-modules-umd@^7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.9.0.tgz#e909acae276fec280f9b821a5f38e1f08b480697"
@@ -1227,6 +1875,13 @@
     "@babel/helper-module-transforms" "^7.9.0"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-named-capturing-groups-regex@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.10.4.tgz#78b4d978810b6f3bcf03f9e318f2fc0ed41aecb6"
+  integrity sha512-V6LuOnD31kTkxQPhKiVYzYC/Jgdq53irJC/xBSmqcNcqFGV+PER4l6rU5SH2Vl7bH9mLDHcc0+l9HUOe4RNGKA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+
 "@babel/plugin-transform-named-capturing-groups-regex@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.8.3.tgz#a2a72bffa202ac0e2d0506afd0939c5ecbc48c6c"
@@ -1241,6 +1896,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-new-target@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.10.4.tgz#9097d753cb7b024cb7381a3b2e52e9513a9c6888"
+  integrity sha512-YXwWUDAH/J6dlfwqlWsztI2Puz1NtUAubXhOPLQ5gjR/qmQ5U96DY4FQO8At33JN4XPBhrjB8I4eMmLROjjLjw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-object-assign@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-assign/-/plugin-transform-object-assign-7.8.3.tgz#dc3b8dd50ef03837868a37b7df791f64f288538e"
@@ -1248,6 +1910,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-object-super@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.10.4.tgz#d7146c4d139433e7a6526f888c667e314a093894"
+  integrity sha512-5iTw0JkdRdJvr7sY0vHqTpnruUpTea32JHmq/atIWqsnNussbRzjEDyWep8UNztt1B5IusBYg8Irb0bLbiEBCQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.10.4"
+
 "@babel/plugin-transform-object-super@^7.2.0", "@babel/plugin-transform-object-super@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.8.3.tgz#ebb6a1e7a86ffa96858bd6ac0102d65944261725"
@@ -1256,6 +1926,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/helper-replace-supers" "^7.8.3"
 
+"@babel/plugin-transform-parameters@^7.10.4", "@babel/plugin-transform-parameters@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.10.5.tgz#59d339d58d0b1950435f4043e74e2510005e2c4a"
+  integrity sha512-xPHwUj5RdFV8l1wuYiu5S9fqWGM2DrYc24TMvUiRrPVm+SM3XeqU9BcokQX/kEUe+p2RBwy+yoiR1w/Blq6ubw==
+  dependencies:
+    "@babel/helper-get-function-arity" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-parameters@^7.2.0", "@babel/plugin-transform-parameters@^7.8.7", "@babel/plugin-transform-parameters@^7.9.5":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.9.5.tgz#173b265746f5e15b2afe527eeda65b73623a0795"
@@ -1264,6 +1942,13 @@
     "@babel/helper-get-function-arity" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-property-literals@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.10.4.tgz#f6fe54b6590352298785b83edd815d214c42e3c0"
+  integrity sha512-ofsAcKiUxQ8TY4sScgsGeR2vJIsfrzqvFb9GvJ5UdXDzl+MyYCaBj/FGzXuv7qE0aJcjWMILny1epqelnFlz8g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-property-literals@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.8.3.tgz#33194300d8539c1ed28c62ad5087ba3807b98263"
@@ -1285,6 +1970,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-react-display-name@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.10.4.tgz#b5795f4e3e3140419c3611b7a2a3832b9aef328d"
+  integrity sha512-Zd4X54Mu9SBfPGnEcaGcOrVAYOtjT2on8QZkLKEq1S/tHexG39d9XXGZv19VfRrDjPJzFmPfTAqOQS1pfFOujw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-react-jsx-development@^7.10.4":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.11.5.tgz#e1439e6a57ee3d43e9f54ace363fb29cefe5d7b6"
+  integrity sha512-cImAmIlKJ84sDmpQzm4/0q/2xrXlDezQoixy3qoz1NJeZL/8PRon6xZtluvr4H4FzwlDGI5tCcFupMnXGtr+qw==
+  dependencies:
+    "@babel/helper-builder-react-jsx-experimental" "^7.11.5"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-jsx" "^7.10.4"
+
 "@babel/plugin-transform-react-jsx-development@^7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.9.0.tgz#3c2a130727caf00c2a293f0aed24520825dbf754"
@@ -1302,6 +2003,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-jsx" "^7.8.3"
 
+"@babel/plugin-transform-react-jsx-self@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.10.4.tgz#cd301a5fed8988c182ed0b9d55e9bd6db0bd9369"
+  integrity sha512-yOvxY2pDiVJi0axdTWHSMi5T0DILN+H+SaeJeACHKjQLezEzhLx9nEF9xgpBLPtkZsks9cnb5P9iBEi21En3gg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-jsx" "^7.10.4"
+
 "@babel/plugin-transform-react-jsx-source@^7.0.0", "@babel/plugin-transform-react-jsx-source@^7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.9.0.tgz#89ef93025240dd5d17d3122294a093e5e0183de0"
@@ -1310,7 +2019,15 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-jsx" "^7.8.3"
 
-"@babel/plugin-transform-react-jsx@^7.0.0", "@babel/plugin-transform-react-jsx@^7.3.0", "@babel/plugin-transform-react-jsx@^7.9.1", "@babel/plugin-transform-react-jsx@^7.9.4":
+"@babel/plugin-transform-react-jsx-source@^7.10.4":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.10.5.tgz#34f1779117520a779c054f2cdd9680435b9222b4"
+  integrity sha512-wTeqHVkN1lfPLubRiZH3o73f4rfon42HpgxUSs86Nc+8QIcm/B9s8NNVXu/gwGcOyd7yDib9ikxoDLxJP0UiDA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-jsx" "^7.10.4"
+
+"@babel/plugin-transform-react-jsx@^7.0.0", "@babel/plugin-transform-react-jsx@^7.9.1", "@babel/plugin-transform-react-jsx@^7.9.4":
   version "7.9.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.9.4.tgz#86f576c8540bd06d0e95e0b61ea76d55f6cbd03f"
   integrity sha512-Mjqf3pZBNLt854CK0C/kRuXAnE6H/bo7xYojP+WGtX8glDGSibcwnsWwhwoSuRg0+EBnxPC1ouVnuetUIlPSAw==
@@ -1320,6 +2037,24 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-jsx" "^7.8.3"
 
+"@babel/plugin-transform-react-jsx@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.10.4.tgz#673c9f913948764a4421683b2bef2936968fddf2"
+  integrity sha512-L+MfRhWjX0eI7Js093MM6MacKU4M6dnCRa/QPDwYMxjljzSCzzlzKzj9Pk4P3OtrPcxr2N3znR419nr3Xw+65A==
+  dependencies:
+    "@babel/helper-builder-react-jsx" "^7.10.4"
+    "@babel/helper-builder-react-jsx-experimental" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-jsx" "^7.10.4"
+
+"@babel/plugin-transform-react-pure-annotations@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.10.4.tgz#3eefbb73db94afbc075f097523e445354a1c6501"
+  integrity sha512-+njZkqcOuS8RaPakrnR9KvxjoG1ASJWpoIv/doyWngId88JoFlPlISenGXjrVacZUIALGUr6eodRs1vmPnF23A==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-regenerator@^7.0.0", "@babel/plugin-transform-regenerator@^7.8.7":
   version "7.8.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.8.7.tgz#5e46a0dca2bee1ad8285eb0527e6abc9c37672f8"
@@ -1327,6 +2062,20 @@
   dependencies:
     regenerator-transform "^0.14.2"
 
+"@babel/plugin-transform-regenerator@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.10.4.tgz#2015e59d839074e76838de2159db421966fd8b63"
+  integrity sha512-3thAHwtor39A7C04XucbMg17RcZ3Qppfxr22wYzZNcVIkPHfpM9J0SO8zuCV6SZa265kxBJSrfKTvDCYqBFXGw==
+  dependencies:
+    regenerator-transform "^0.14.2"
+
+"@babel/plugin-transform-reserved-words@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.10.4.tgz#8f2682bcdcef9ed327e1b0861585d7013f8a54dd"
+  integrity sha512-hGsw1O6Rew1fkFbDImZIEqA8GoidwTAilwCyWqLBM9f+e/u/sQMQu7uX6dyokfOayRuuVfKOW4O7HvaBWM+JlQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-reserved-words@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.8.3.tgz#9a0635ac4e665d29b162837dd3cc50745dfdf1f5"
@@ -1344,7 +2093,17 @@
     resolve "^1.8.1"
     semver "^5.5.1"
 
-"@babel/plugin-transform-runtime@^7.2.0", "@babel/plugin-transform-runtime@^7.9.0", "@babel/plugin-transform-runtime@^7.9.6":
+"@babel/plugin-transform-runtime@^7.11.0", "@babel/plugin-transform-runtime@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.11.5.tgz#f108bc8e0cf33c37da031c097d1df470b3a293fc"
+  integrity sha512-9aIoee+EhjySZ6vY5hnLjigHzunBlscx9ANKutkeWTJTx6m5Rbq6Ic01tLvO54lSusR+BxV7u4UDdCmXv5aagg==
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    resolve "^1.8.1"
+    semver "^5.5.1"
+
+"@babel/plugin-transform-runtime@^7.2.0", "@babel/plugin-transform-runtime@^7.9.0":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.9.6.tgz#3ba804438ad0d880a17bca5eaa0cdf1edeedb2fd"
   integrity sha512-qcmiECD0mYOjOIt8YHNsAP1SxPooC/rDmfmiSK9BNY72EitdSc7l44WTEklaWuFtbOEBjNhWWyph/kOImbNJ4w==
@@ -1354,6 +2113,13 @@
     resolve "^1.8.1"
     semver "^5.5.1"
 
+"@babel/plugin-transform-shorthand-properties@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.10.4.tgz#9fd25ec5cdd555bb7f473e5e6ee1c971eede4dd6"
+  integrity sha512-AC2K/t7o07KeTIxMoHneyX90v3zkm5cjHJEokrPEAGEy3UCp8sLKfnfOIGdZ194fyN4wfX/zZUWT9trJZ0qc+Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-shorthand-properties@^7.2.0", "@babel/plugin-transform-shorthand-properties@^7.8.3":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.10.1.tgz#e8b54f238a1ccbae482c4dce946180ae7b3143f3"
@@ -1361,6 +2127,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
+"@babel/plugin-transform-spread@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.11.0.tgz#fa84d300f5e4f57752fe41a6d1b3c554f13f17cc"
+  integrity sha512-UwQYGOqIdQJe4aWNyS7noqAnN2VbaczPLiEtln+zPowRNlD+79w3oi2TWfYe0eZgd+gjZCbsydN7lzWysDt+gw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.11.0"
+
 "@babel/plugin-transform-spread@^7.2.0", "@babel/plugin-transform-spread@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.8.3.tgz#9c8ffe8170fdfb88b114ecb920b82fb6e95fe5e8"
@@ -1368,6 +2142,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-sticky-regex@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.10.4.tgz#8f3889ee8657581130a29d9cc91d7c73b7c4a28d"
+  integrity sha512-Ddy3QZfIbEV0VYcVtFDCjeE4xwVTJWTmUtorAJkn6u/92Z/nWJNV+mILyqHKrUxXYKA2EoCilgoPePymKL4DvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-regex" "^7.10.4"
+
 "@babel/plugin-transform-sticky-regex@^7.2.0", "@babel/plugin-transform-sticky-regex@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.8.3.tgz#be7a1290f81dae767475452199e1f76d6175b100"
@@ -1376,6 +2158,14 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/helper-regex" "^7.8.3"
 
+"@babel/plugin-transform-template-literals@^7.10.4", "@babel/plugin-transform-template-literals@^7.10.5":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.10.5.tgz#78bc5d626a6642db3312d9d0f001f5e7639fde8c"
+  integrity sha512-V/lnPGIb+KT12OQikDvgSuesRX14ck5FfJXt6+tXhdkJ+Vsd0lDCVtF6jcB4rNClYFzaB2jusZ+lNISDk2mMMw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-template-literals@^7.2.0", "@babel/plugin-transform-template-literals@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.8.3.tgz#7bfa4732b455ea6a43130adc0ba767ec0e402a80"
@@ -1384,6 +2174,13 @@
     "@babel/helper-annotate-as-pure" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-typeof-symbol@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.10.4.tgz#9509f1a7eec31c4edbffe137c16cc33ff0bc5bfc"
+  integrity sha512-QqNgYwuuW0y0H+kUE/GWSR45t/ccRhe14Fs/4ZRouNNQsyd4o3PG4OtHiIrepbM2WKUBDAXKCAK/Lk4VhzTaGA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-typeof-symbol@^7.2.0", "@babel/plugin-transform-typeof-symbol@^7.8.4":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.8.4.tgz#ede4062315ce0aaf8a657a920858f1a2f35fc412"
@@ -1391,6 +2188,15 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-typescript@^7.10.4", "@babel/plugin-transform-typescript@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.11.0.tgz#2b4879676af37342ebb278216dd090ac67f13abb"
+  integrity sha512-edJsNzTtvb3MaXQwj8403B7mZoGu9ElDJQZOKjGUnvilquxBA3IQoEIOvkX/1O8xfAsnHS/oQhe2w/IXrr+w0w==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.10.5"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-typescript" "^7.10.4"
+
 "@babel/plugin-transform-typescript@^7.7.4", "@babel/plugin-transform-typescript@^7.9.0":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.9.6.tgz#2248971416a506fc78278fc0c0ea3179224af1e9"
@@ -1408,6 +2214,21 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-typescript" "^7.2.0"
 
+"@babel/plugin-transform-unicode-escapes@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.10.4.tgz#feae523391c7651ddac115dae0a9d06857892007"
+  integrity sha512-y5XJ9waMti2J+e7ij20e+aH+fho7Wb7W8rNuu72aKRwCHFqQdhkdU2lo3uZ9tQuboEJcUFayXdARhcxLQ3+6Fg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
+"@babel/plugin-transform-unicode-regex@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.10.4.tgz#e56d71f9282fac6db09c82742055576d5e6d80a8"
+  integrity sha512-wNfsc4s8N2qnIwpO/WP2ZiSyjfpTamT2C9V9FDH/Ljub9zw6P3SjkXcFmc0RQUt96k2fmIvtla2MMjgTwIAC+A==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-unicode-regex@^7.2.0", "@babel/plugin-transform-unicode-regex@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.8.3.tgz#0cef36e3ba73e5c57273effb182f46b91a1ecaad"
@@ -1416,6 +2237,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/polyfill@^7.10.4":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/polyfill/-/polyfill-7.11.5.tgz#df550b2ec53abbc2ed599367ec59e64c7a707bb5"
+  integrity sha512-FunXnE0Sgpd61pKSj2OSOs1D44rKTD3pGOfGilZ6LGrrIH0QEtJlTjqOqdF8Bs98JmjfGhni2BBkTfv9KcKJ9g==
+  dependencies:
+    core-js "^2.6.5"
+    regenerator-runtime "^0.13.4"
+
 "@babel/polyfill@^7.2.5", "@babel/polyfill@^7.8.3", "@babel/polyfill@^7.8.7":
   version "7.8.7"
   resolved "https://registry.yarnpkg.com/@babel/polyfill/-/polyfill-7.8.7.tgz#151ec24c7135481336168c3bd8b8bf0cf91c032f"
@@ -1537,7 +2366,7 @@
     levenary "^1.1.1"
     semver "^5.5.0"
 
-"@babel/preset-env@^7.1.6", "@babel/preset-env@^7.4.4", "@babel/preset-env@^7.4.5", "@babel/preset-env@^7.5.5", "@babel/preset-env@^7.9.0", "@babel/preset-env@^7.9.5", "@babel/preset-env@^7.9.6":
+"@babel/preset-env@^7.1.6", "@babel/preset-env@^7.4.4", "@babel/preset-env@^7.4.5", "@babel/preset-env@^7.5.5", "@babel/preset-env@^7.9.0", "@babel/preset-env@^7.9.5":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.9.6.tgz#df063b276c6455ec6fcfc6e53aacc38da9b0aea6"
   integrity sha512-0gQJ9RTzO0heXOhzftog+a/WyOuqMrAIugVYxMYf83gh1CQaQDjMtsOpqOwXyDL/5JcWsrCm8l4ju8QC97O7EQ==
@@ -1603,6 +2432,80 @@
     levenary "^1.1.1"
     semver "^5.5.0"
 
+"@babel/preset-env@^7.11.0", "@babel/preset-env@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.11.5.tgz#18cb4b9379e3e92ffea92c07471a99a2914e4272"
+  integrity sha512-kXqmW1jVcnB2cdueV+fyBM8estd5mlNfaQi6lwLgRwCby4edpavgbFhiBNjmWA3JpB/yZGSISa7Srf+TwxDQoA==
+  dependencies:
+    "@babel/compat-data" "^7.11.0"
+    "@babel/helper-compilation-targets" "^7.10.4"
+    "@babel/helper-module-imports" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-proposal-async-generator-functions" "^7.10.4"
+    "@babel/plugin-proposal-class-properties" "^7.10.4"
+    "@babel/plugin-proposal-dynamic-import" "^7.10.4"
+    "@babel/plugin-proposal-export-namespace-from" "^7.10.4"
+    "@babel/plugin-proposal-json-strings" "^7.10.4"
+    "@babel/plugin-proposal-logical-assignment-operators" "^7.11.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.10.4"
+    "@babel/plugin-proposal-numeric-separator" "^7.10.4"
+    "@babel/plugin-proposal-object-rest-spread" "^7.11.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.10.4"
+    "@babel/plugin-proposal-optional-chaining" "^7.11.0"
+    "@babel/plugin-proposal-private-methods" "^7.10.4"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.10.4"
+    "@babel/plugin-syntax-async-generators" "^7.8.0"
+    "@babel/plugin-syntax-class-properties" "^7.10.4"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-json-strings" "^7.8.0"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+    "@babel/plugin-syntax-top-level-await" "^7.10.4"
+    "@babel/plugin-transform-arrow-functions" "^7.10.4"
+    "@babel/plugin-transform-async-to-generator" "^7.10.4"
+    "@babel/plugin-transform-block-scoped-functions" "^7.10.4"
+    "@babel/plugin-transform-block-scoping" "^7.10.4"
+    "@babel/plugin-transform-classes" "^7.10.4"
+    "@babel/plugin-transform-computed-properties" "^7.10.4"
+    "@babel/plugin-transform-destructuring" "^7.10.4"
+    "@babel/plugin-transform-dotall-regex" "^7.10.4"
+    "@babel/plugin-transform-duplicate-keys" "^7.10.4"
+    "@babel/plugin-transform-exponentiation-operator" "^7.10.4"
+    "@babel/plugin-transform-for-of" "^7.10.4"
+    "@babel/plugin-transform-function-name" "^7.10.4"
+    "@babel/plugin-transform-literals" "^7.10.4"
+    "@babel/plugin-transform-member-expression-literals" "^7.10.4"
+    "@babel/plugin-transform-modules-amd" "^7.10.4"
+    "@babel/plugin-transform-modules-commonjs" "^7.10.4"
+    "@babel/plugin-transform-modules-systemjs" "^7.10.4"
+    "@babel/plugin-transform-modules-umd" "^7.10.4"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.10.4"
+    "@babel/plugin-transform-new-target" "^7.10.4"
+    "@babel/plugin-transform-object-super" "^7.10.4"
+    "@babel/plugin-transform-parameters" "^7.10.4"
+    "@babel/plugin-transform-property-literals" "^7.10.4"
+    "@babel/plugin-transform-regenerator" "^7.10.4"
+    "@babel/plugin-transform-reserved-words" "^7.10.4"
+    "@babel/plugin-transform-shorthand-properties" "^7.10.4"
+    "@babel/plugin-transform-spread" "^7.11.0"
+    "@babel/plugin-transform-sticky-regex" "^7.10.4"
+    "@babel/plugin-transform-template-literals" "^7.10.4"
+    "@babel/plugin-transform-typeof-symbol" "^7.10.4"
+    "@babel/plugin-transform-unicode-escapes" "^7.10.4"
+    "@babel/plugin-transform-unicode-regex" "^7.10.4"
+    "@babel/preset-modules" "^0.1.3"
+    "@babel/types" "^7.11.5"
+    browserslist "^4.12.0"
+    core-js-compat "^3.6.2"
+    invariant "^2.2.2"
+    levenary "^1.1.1"
+    semver "^5.5.0"
+
 "@babel/preset-flow@7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.0.0.tgz#afd764835d9535ec63d8c7d4caf1c06457263da2"
@@ -1619,6 +2522,14 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-transform-flow-strip-types" "^7.10.1"
 
+"@babel/preset-flow@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.10.4.tgz#e0d9c72f8cb02d1633f6a5b7b16763aa2edf659f"
+  integrity sha512-XI6l1CptQCOBv+ZKYwynyswhtOKwpZZp5n0LG1QKCo8erRhqjoQV6nvx61Eg30JHpysWQSBwA2AWRU3pBbSY5g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-transform-flow-strip-types" "^7.10.4"
+
 "@babel/preset-modules@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.3.tgz#13242b53b5ef8c883c3cf7dddd55b36ce80fbc72"
@@ -1653,7 +2564,7 @@
     "@babel/plugin-transform-react-jsx-self" "^7.9.0"
     "@babel/plugin-transform-react-jsx-source" "^7.9.0"
 
-"@babel/preset-react@^7.0.0", "@babel/preset-react@^7.7.0", "@babel/preset-react@^7.7.4", "@babel/preset-react@^7.8.3", "@babel/preset-react@^7.9.4":
+"@babel/preset-react@^7.0.0", "@babel/preset-react@^7.9.4":
   version "7.9.4"
   resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.9.4.tgz#c6c97693ac65b6b9c0b4f25b948a8f665463014d"
   integrity sha512-AxylVB3FXeOTQXNXyiuAQJSvss62FEotbX2Pzx3K/7c+MKJMdSg6Ose6QYllkdCFA8EInCJVw7M/o5QbLuA4ZQ==
@@ -1665,7 +2576,20 @@
     "@babel/plugin-transform-react-jsx-self" "^7.9.0"
     "@babel/plugin-transform-react-jsx-source" "^7.9.0"
 
-"@babel/preset-typescript@7.9.0", "@babel/preset-typescript@^7.1.0", "@babel/preset-typescript@^7.3.3", "@babel/preset-typescript@^7.9.0":
+"@babel/preset-react@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.10.4.tgz#92e8a66d816f9911d11d4cc935be67adfc82dbcf"
+  integrity sha512-BrHp4TgOIy4M19JAfO1LhycVXOPWdDbTRep7eVyatf174Hff+6Uk53sDyajqZPu8W1qXRBiYOfIamek6jA7YVw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-transform-react-display-name" "^7.10.4"
+    "@babel/plugin-transform-react-jsx" "^7.10.4"
+    "@babel/plugin-transform-react-jsx-development" "^7.10.4"
+    "@babel/plugin-transform-react-jsx-self" "^7.10.4"
+    "@babel/plugin-transform-react-jsx-source" "^7.10.4"
+    "@babel/plugin-transform-react-pure-annotations" "^7.10.4"
+
+"@babel/preset-typescript@7.9.0", "@babel/preset-typescript@^7.1.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.9.0.tgz#87705a72b1f0d59df21c179f7c3d2ef4b16ce192"
   integrity sha512-S4cueFnGrIbvYJgwsVFKdvOmpiL0XGw9MFW9D0vgRys5g36PBhZRL8NX8Gr2akz8XRtzq6HuDXPD/1nniagNUg==
@@ -1673,13 +2597,32 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-transform-typescript" "^7.9.0"
 
-"@babel/register@^7.0.0", "@babel/register@^7.8.3":
-  version "7.9.0"
-  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.9.0.tgz#02464ede57548bddbb5e9f705d263b7c3f43d48b"
-  integrity sha512-Tv8Zyi2J2VRR8g7pC5gTeIN8Ihultbmk0ocyNz8H2nEZbmhp1N6q0A1UGsQbDvGP/sNinQKUHf3SqXwqjtFv4Q==
+"@babel/preset-typescript@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.10.4.tgz#7d5d052e52a682480d6e2cc5aa31be61c8c25e36"
+  integrity sha512-SdYnvGPv+bLlwkF2VkJnaX/ni1sMNetcGI1+nThF1gyv6Ph8Qucc4ZZAjM5yZcE/AKRXIOTZz7eSRDWOEjPyRQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-transform-typescript" "^7.10.4"
+
+"@babel/register@^7.0.0":
+  version "7.10.5"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.10.5.tgz#354f3574895f1307f79efe37a51525e52fd38d89"
+  integrity sha512-eYHdLv43nyvmPn9bfNfrcC4+iYNwdQ8Pxk1MFJuU/U5LpSYl/PH4dFMazCYZDFVi8ueG3shvO+AQfLrxpYulQw==
   dependencies:
     find-cache-dir "^2.0.0"
-    lodash "^4.17.13"
+    lodash "^4.17.19"
+    make-dir "^2.1.0"
+    pirates "^4.0.0"
+    source-map-support "^0.5.16"
+
+"@babel/register@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/register/-/register-7.11.5.tgz#79becf89e0ddd0fba8b92bc279bc0f5d2d7ce2ea"
+  integrity sha512-CAml0ioKX+kOAvBQDHa/+t1fgOt3qkTIz0TrRtRAT6XY0m5qYZXR85k6/sLCNPMGhYDlCFHCYuU0ybTJbvlC6w==
+  dependencies:
+    find-cache-dir "^2.0.0"
+    lodash "^4.17.19"
     make-dir "^2.1.0"
     pirates "^4.0.0"
     source-map-support "^0.5.16"
@@ -1699,10 +2642,17 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.2.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.0", "@babel/runtime@^7.9.2", "@babel/runtime@^7.9.6":
-  version "7.9.6"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.9.6.tgz#a9102eb5cadedf3f31d08a9ecf294af7827ea29f"
-  integrity sha512-64AF1xY3OAkFHqOb9s4jpgk1Mm5vDZ4L3acHvAml+53nO1XbXLuDodsVpO4OIUsmemlUHMxNdYMNJmsvOwLrvQ==
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.2.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.0", "@babel/runtime@^7.9.2", "@babel/runtime@^7.9.6":
+  version "7.10.3"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.10.3.tgz#670d002655a7c366540c67f6fd3342cd09500364"
+  integrity sha512-RzGO0RLSdokm9Ipe/YD+7ww8X2Ro79qiXZF3HU9ljrM+qnJmH1Vqth+hbiQZy761LnMJTMitHDuKVYTk3k4dLw==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
+"@babel/runtime@^7.10.4", "@babel/runtime@^7.11.0", "@babel/runtime@^7.11.2":
+  version "7.11.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.11.2.tgz#f549c13c754cc40b87644b9fa9f09a6a95fe0736"
+  integrity sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw==
   dependencies:
     regenerator-runtime "^0.13.4"
 
@@ -1715,6 +2665,15 @@
     "@babel/parser" "^7.8.6"
     "@babel/types" "^7.8.6"
 
+"@babel/template@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.10.4.tgz#3251996c4200ebc71d1a8fc405fba940f36ba278"
+  integrity sha512-ZCjD27cGJFUB6nmCB1Enki3r+L5kJveX9pq1SvAUKoICy6CZ9yD8xO086YXdYhvNjBdnekm4ZnaP5yC8Cs/1tA==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/parser" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/traverse@^7.0.0", "@babel/traverse@^7.1.0", "@babel/traverse@^7.1.6", "@babel/traverse@^7.3.4", "@babel/traverse@^7.4.3", "@babel/traverse@^7.4.4", "@babel/traverse@^7.4.5", "@babel/traverse@^7.6.3", "@babel/traverse@^7.7.0", "@babel/traverse@^7.8.3", "@babel/traverse@^7.9.0", "@babel/traverse@^7.9.6":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.9.6.tgz#5540d7577697bf619cc57b92aa0f1c231a94f442"
@@ -1730,16 +2689,22 @@
     globals "^11.1.0"
     lodash "^4.17.13"
 
-"@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.3.4", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.5.0", "@babel/types@^7.5.5", "@babel/types@^7.6.0", "@babel/types@^7.6.3", "@babel/types@^7.7.0", "@babel/types@^7.7.2", "@babel/types@^7.8.3", "@babel/types@^7.8.6", "@babel/types@^7.9.0", "@babel/types@^7.9.5", "@babel/types@^7.9.6":
-  version "7.9.6"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.9.6.tgz#2c5502b427251e9de1bd2dff95add646d95cc9f7"
-  integrity sha512-qxXzvBO//jO9ZnoasKF1uJzHd2+M6Q2ZPIVfnFps8JJvXy0ZBbwbNOmE6SGIY5XOY6d1Bo5lb9d9RJ8nv3WSeA==
+"@babel/traverse@^7.10.4", "@babel/traverse@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.11.5.tgz#be777b93b518eb6d76ee2e1ea1d143daa11e61c3"
+  integrity sha512-EjiPXt+r7LiCZXEfRpSJd+jUMnBd4/9OUv7Nx3+0u9+eimMwJmG0Q98lw4/289JCoxSE8OolDMNZaaF/JZ69WQ==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.9.5"
-    lodash "^4.17.13"
-    to-fast-properties "^2.0.0"
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.11.5"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.11.0"
+    "@babel/parser" "^7.11.5"
+    "@babel/types" "^7.11.5"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.19"
 
-"@babel/types@^7.6.1":
+"@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.3.4", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.5.0", "@babel/types@^7.5.5", "@babel/types@^7.6.0", "@babel/types@^7.6.1", "@babel/types@^7.6.3", "@babel/types@^7.7.0", "@babel/types@^7.7.2", "@babel/types@^7.8.3", "@babel/types@^7.8.6", "@babel/types@^7.9.0", "@babel/types@^7.9.5", "@babel/types@^7.9.6":
   version "7.10.2"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.10.2.tgz#30283be31cad0dbf6fb00bd40641ca0ea675172d"
   integrity sha512-AD3AwWBSz0AWF0AkCN9VPiWrvldXq+/e3cHa4J89vo4ymjz1XwrBFFVZmkJTsQIPNk+ZVomPSXUJqq8yyjZsng==
@@ -1748,6 +2713,15 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.10.4", "@babel/types@^7.10.5", "@babel/types@^7.11.0", "@babel/types@^7.11.5":
+  version "7.11.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.11.5.tgz#d9de577d01252d77c6800cee039ee64faf75662d"
+  integrity sha512-bvM7Qz6eKnJVFIn+1LPtjlBFPVN5jNDc1XmN15vWe7Q3DPBufWWsLiIvUu7xW87uTG6QoggpIDnUgLQvPheU+Q==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
 "@base2/pretty-print-object@1.0.0":
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/@base2/pretty-print-object/-/pretty-print-object-1.0.0.tgz#860ce718b0b73f4009e153541faff2cb6b85d047"
@@ -1908,11 +2882,6 @@
     is-absolute "^1.0.0"
     is-negated-glob "^1.0.0"
 
-"@egoist/vue-to-react@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@egoist/vue-to-react/-/vue-to-react-1.1.0.tgz#83c884b8608e8ee62e76c03e91ce9c26063a91ad"
-  integrity sha512-MwfwXHDh6ptZGLEtNLPXp2Wghteav7mzpT2Mcwl3NZWKF814i5hhHnNkVrcQQEuxUroSWQqzxLkMKSb+nhPang==
-
 "@ember-data/rfc395-data@^0.0.4":
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/@ember-data/rfc395-data/-/rfc395-data-0.0.4.tgz#ecb86efdf5d7733a76ff14ea651a1b0ed1f8a843"
@@ -1984,7 +2953,7 @@
   resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
   integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
 
-"@emotion/is-prop-valid@0.8.8", "@emotion/is-prop-valid@^0.8.6", "@emotion/is-prop-valid@^0.8.8":
+"@emotion/is-prop-valid@0.8.8", "@emotion/is-prop-valid@^0.8.1", "@emotion/is-prop-valid@^0.8.6", "@emotion/is-prop-valid@^0.8.8":
   version "0.8.8"
   resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
   integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
@@ -1996,20 +2965,6 @@
   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
   integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
 
-"@emotion/native@^10.0.14":
-  version "10.0.27"
-  resolved "https://registry.yarnpkg.com/@emotion/native/-/native-10.0.27.tgz#67c2c0ceeeed873c849c611d9a6497a006d43a8f"
-  integrity sha512-3qxR2XFizGfABKKbX9kAYc0PHhKuCEuyxshoq3TaMEbi9asWHdQVChg32ULpblm4XAf9oxaitAU7J9SfdwFxtw==
-  dependencies:
-    "@emotion/primitives-core" "10.0.27"
-
-"@emotion/primitives-core@10.0.27":
-  version "10.0.27"
-  resolved "https://registry.yarnpkg.com/@emotion/primitives-core/-/primitives-core-10.0.27.tgz#7a5fae07fe06a046ced597f5c0048f22d5c45842"
-  integrity sha512-fRBEDNPSFFOrBJ0OcheuElayrNTNdLF9DzMxtL0sFgsCFvvadlzwJHhJMSwEJuxwARm9GhVLr1p8G8JGkK98lQ==
-  dependencies:
-    css-to-react-native "^2.2.1"
-
 "@emotion/serialize@^0.11.15", "@emotion/serialize@^0.11.16":
   version "0.11.16"
   resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.16.tgz#dee05f9e96ad2fb25a5206b6d759b2d1ed3379ad"
@@ -2057,7 +3012,7 @@
   resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04"
   integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
 
-"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.4":
+"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.0", "@emotion/unitless@^0.7.4":
   version "0.7.5"
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
   integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
@@ -2242,15 +3197,6 @@
     temp "^0.8.1"
     write-file-atomic "^2.3.0"
 
-"@iarna/cli@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@iarna/cli/-/cli-1.2.0.tgz#0f7af5e851afe895104583c4ca07377a8094d641"
-  integrity sha512-ukITQAqVs2n9HGmn3car/Ir7d3ta650iXhrG7pjr3EWdFmJuuOVWgYsu7ftsSe5VifEFFhjxVuX9+8F7L8hwcA==
-  dependencies:
-    signal-exit "^3.0.2"
-    update-notifier "^2.2.0"
-    yargs "^8.0.2"
-
 "@iarna/toml@^2.2.0":
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.5.tgz#b32366c89b43c6f8cefbdefac778b9c828e3ba8c"
@@ -2306,15 +3252,16 @@
     jest-util "^25.5.0"
     slash "^3.0.0"
 
-"@jest/console@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-26.0.1.tgz#62b3b2fa8990f3cbffbef695c42ae9ddbc8f4b39"
-  integrity sha512-9t1KUe/93coV1rBSxMmBAOIK3/HVpwxArCA1CxskKyRiv6o8J70V8C/V3OJminVCTa2M0hQI9AWRd5wxu2dAHw==
+"@jest/console@^26.3.0":
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-26.3.0.tgz#ed04063efb280c88ba87388b6f16427c0a85c856"
+  integrity sha512-/5Pn6sJev0nPUcAdpJHMVIsA8sKizL2ZkcKPE5+dJrCccks7tcM7c9wbgHudBJbxXLoTbqsHkG1Dofoem4F09w==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
     chalk "^4.0.0"
-    jest-message-util "^26.0.1"
-    jest-util "^26.0.1"
+    jest-message-util "^26.3.0"
+    jest-util "^26.3.0"
     slash "^3.0.0"
 
 "@jest/core@^24.9.0":
@@ -2385,33 +3332,34 @@
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/core@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-26.0.1.tgz#aa538d52497dfab56735efb00e506be83d841fae"
-  integrity sha512-Xq3eqYnxsG9SjDC+WLeIgf7/8KU6rddBxH+SCt18gEpOhAGYC/Mq+YbtlNcIdwjnnT+wDseXSbU0e5X84Y4jTQ==
+"@jest/core@^26.4.0":
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-26.4.0.tgz#8f42ae45640b46b4f8ffee134dcd408c210ab1ef"
+  integrity sha512-mpXm4OjWQbz7qbzGIiSqvfNZ1FxX6ywWgLtdSD2luPORt5zKPtqcdDnX7L8RdfMaj1znDBgN2+gB094ZIr7vnA==
   dependencies:
-    "@jest/console" "^26.0.1"
-    "@jest/reporters" "^26.0.1"
-    "@jest/test-result" "^26.0.1"
-    "@jest/transform" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/console" "^26.3.0"
+    "@jest/reporters" "^26.4.0"
+    "@jest/test-result" "^26.3.0"
+    "@jest/transform" "^26.3.0"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
-    jest-changed-files "^26.0.1"
-    jest-config "^26.0.1"
-    jest-haste-map "^26.0.1"
-    jest-message-util "^26.0.1"
+    jest-changed-files "^26.3.0"
+    jest-config "^26.4.0"
+    jest-haste-map "^26.3.0"
+    jest-message-util "^26.3.0"
     jest-regex-util "^26.0.0"
-    jest-resolve "^26.0.1"
-    jest-resolve-dependencies "^26.0.1"
-    jest-runner "^26.0.1"
-    jest-runtime "^26.0.1"
-    jest-snapshot "^26.0.1"
-    jest-util "^26.0.1"
-    jest-validate "^26.0.1"
-    jest-watcher "^26.0.1"
+    jest-resolve "^26.4.0"
+    jest-resolve-dependencies "^26.4.0"
+    jest-runner "^26.4.0"
+    jest-runtime "^26.4.0"
+    jest-snapshot "^26.4.0"
+    jest-util "^26.3.0"
+    jest-validate "^26.4.0"
+    jest-watcher "^26.3.0"
     micromatch "^4.0.2"
     p-each-series "^2.1.0"
     rimraf "^3.0.0"
@@ -2437,14 +3385,15 @@
     "@jest/types" "^25.5.0"
     jest-mock "^25.5.0"
 
-"@jest/environment@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-26.0.1.tgz#82f519bba71959be9b483675ee89de8c8f72a5c8"
-  integrity sha512-xBDxPe8/nx251u0VJ2dFAFz2H23Y98qdIaNwnMK6dFQr05jc+Ne/2np73lOAx+5mSBO/yuQldRrQOf6hP1h92g==
+"@jest/environment@^26.3.0":
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-26.3.0.tgz#e6953ab711ae3e44754a025f838bde1a7fd236a0"
+  integrity sha512-EW+MFEo0DGHahf83RAaiqQx688qpXgl99wdb8Fy67ybyzHwR1a58LHcO376xQJHfmoXTu89M09dH3J509cx2AA==
   dependencies:
-    "@jest/fake-timers" "^26.0.1"
-    "@jest/types" "^26.0.1"
-    jest-mock "^26.0.1"
+    "@jest/fake-timers" "^26.3.0"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
+    jest-mock "^26.3.0"
 
 "@jest/fake-timers@^24.3.0", "@jest/fake-timers@^24.9.0":
   version "24.9.0"
@@ -2466,16 +3415,17 @@
     jest-util "^25.5.0"
     lolex "^5.0.0"
 
-"@jest/fake-timers@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-26.0.1.tgz#f7aeff13b9f387e9d0cac9a8de3bba538d19d796"
-  integrity sha512-Oj/kCBnTKhm7CR+OJSjZty6N1bRDr9pgiYQr4wY221azLz5PHi08x/U+9+QpceAYOWheauLP8MhtSVFrqXQfhg==
+"@jest/fake-timers@^26.3.0":
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-26.3.0.tgz#f515d4667a6770f60ae06ae050f4e001126c666a"
+  integrity sha512-ZL9ytUiRwVP8ujfRepffokBvD2KbxbqMhrXSBhSdAhISCw3gOkuntisiSFv+A6HN0n0fF4cxzICEKZENLmW+1A==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     "@sinonjs/fake-timers" "^6.0.1"
-    jest-message-util "^26.0.1"
-    jest-mock "^26.0.1"
-    jest-util "^26.0.1"
+    "@types/node" "*"
+    jest-message-util "^26.3.0"
+    jest-mock "^26.3.0"
+    jest-util "^26.3.0"
 
 "@jest/globals@^25.5.2":
   version "25.5.2"
@@ -2486,14 +3436,14 @@
     "@jest/types" "^25.5.0"
     expect "^25.5.0"
 
-"@jest/globals@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-26.0.1.tgz#3f67b508a7ce62b6e6efc536f3d18ec9deb19a9c"
-  integrity sha512-iuucxOYB7BRCvT+TYBzUqUNuxFX1hqaR6G6IcGgEqkJ5x4htNKo1r7jk1ji9Zj8ZMiMw0oB5NaA7k5Tx6MVssA==
+"@jest/globals@^26.4.0":
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-26.4.0.tgz#ebab3ba937a200a4b3805f2e552bdf869465ffea"
+  integrity sha512-QKwoVAeL9d0xaEM9ebPvfc+bolN04F+o3zM2jswGDBiiNjCogZ3LvOaqumRdDyz6kLmbx+UhgMBAVuLunbXZ2A==
   dependencies:
-    "@jest/environment" "^26.0.1"
-    "@jest/types" "^26.0.1"
-    expect "^26.0.1"
+    "@jest/environment" "^26.3.0"
+    "@jest/types" "^26.3.0"
+    expect "^26.4.0"
 
 "@jest/reporters@^24.9.0":
   version "24.9.0"
@@ -2554,35 +3504,35 @@
   optionalDependencies:
     node-notifier "^6.0.0"
 
-"@jest/reporters@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-26.0.1.tgz#14ae00e7a93e498cec35b0c00ab21c375d9b078f"
-  integrity sha512-NWWy9KwRtE1iyG/m7huiFVF9YsYv/e+mbflKRV84WDoJfBqUrNRyDbL/vFxQcYLl8IRqI4P3MgPn386x76Gf2g==
+"@jest/reporters@^26.4.0":
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-26.4.0.tgz#dd3f03979170dd25dc6a9b746c693b591056d753"
+  integrity sha512-14OPAAuYhgRBSNxAocVluX6ksdMdK/EuP9NmtBXU9g1uKaVBrPnohn/CVm6iMot1a9iU8BCxa5715YRf8FEg/A==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^26.0.1"
-    "@jest/test-result" "^26.0.1"
-    "@jest/transform" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/console" "^26.3.0"
+    "@jest/test-result" "^26.3.0"
+    "@jest/transform" "^26.3.0"
+    "@jest/types" "^26.3.0"
     chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
     glob "^7.1.2"
     graceful-fs "^4.2.4"
     istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^4.0.0"
+    istanbul-lib-instrument "^4.0.3"
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.0.2"
-    jest-haste-map "^26.0.1"
-    jest-resolve "^26.0.1"
-    jest-util "^26.0.1"
-    jest-worker "^26.0.0"
+    jest-haste-map "^26.3.0"
+    jest-resolve "^26.4.0"
+    jest-util "^26.3.0"
+    jest-worker "^26.3.0"
     slash "^3.0.0"
     source-map "^0.6.0"
     string-length "^4.0.1"
     terminal-link "^2.0.0"
-    v8-to-istanbul "^4.1.3"
+    v8-to-istanbul "^5.0.1"
   optionalDependencies:
     node-notifier "^7.0.0"
 
@@ -2604,10 +3554,10 @@
     graceful-fs "^4.2.4"
     source-map "^0.6.0"
 
-"@jest/source-map@^26.0.0":
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-26.0.0.tgz#fd7706484a7d3faf7792ae29783933bbf48a4749"
-  integrity sha512-S2Z+Aj/7KOSU2TfW0dyzBze7xr95bkm5YXNUqqCek+HE0VbNNSNzrRwfIi5lf7wvzDTSS0/ib8XQ1krFNyYgbQ==
+"@jest/source-map@^26.3.0":
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-26.3.0.tgz#0e646e519883c14c551f7b5ae4ff5f1bfe4fc3d9"
+  integrity sha512-hWX5IHmMDWe1kyrKl7IhFwqOuAreIwHhbe44+XH2ZRHjrKIh0LO5eLQ/vxHFeAfRwJapmxuqlGAEYLadDq6ZGQ==
   dependencies:
     callsites "^3.0.0"
     graceful-fs "^4.2.4"
@@ -2632,13 +3582,13 @@
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-result@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-26.0.1.tgz#1ffdc1ba4bc289919e54b9414b74c9c2f7b2b718"
-  integrity sha512-oKwHvOI73ICSYRPe8WwyYPTtiuOAkLSbY8/MfWF3qDEd/sa8EDyZzin3BaXTqufir/O/Gzea4E8Zl14XU4Mlyg==
+"@jest/test-result@^26.3.0":
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-26.3.0.tgz#46cde01fa10c0aaeb7431bf71e4a20d885bc7fdb"
+  integrity sha512-a8rbLqzW/q7HWheFVMtghXV79Xk+GWwOK1FrtimpI5n1la2SY0qHri3/b0/1F0Ve0/yJmV8pEhxDfVwiUBGtgg==
   dependencies:
-    "@jest/console" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/console" "^26.3.0"
+    "@jest/types" "^26.3.0"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
@@ -2663,16 +3613,16 @@
     jest-runner "^25.5.4"
     jest-runtime "^25.5.4"
 
-"@jest/test-sequencer@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-26.0.1.tgz#b0563424728f3fe9e75d1442b9ae4c11da73f090"
-  integrity sha512-ssga8XlwfP8YjbDcmVhwNlrmblddMfgUeAkWIXts1V22equp2GMIHxm7cyeD5Q/B0ZgKPK/tngt45sH99yLLGg==
+"@jest/test-sequencer@^26.4.0":
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-26.4.0.tgz#f4902772392d478d310dd6fd3b6818fb4bcc4c82"
+  integrity sha512-9Z7lCShS7vERp+DRwIVNH/6sHMWwJK1DPnGCpGeVLGJJWJ4Y08sQI3vIKdmKHu2KmwlUBpRM+BFf7NlVUkl5XA==
   dependencies:
-    "@jest/test-result" "^26.0.1"
+    "@jest/test-result" "^26.3.0"
     graceful-fs "^4.2.4"
-    jest-haste-map "^26.0.1"
-    jest-runner "^26.0.1"
-    jest-runtime "^26.0.1"
+    jest-haste-map "^26.3.0"
+    jest-runner "^26.4.0"
+    jest-runtime "^26.4.0"
 
 "@jest/transform@^24.9.0":
   version "24.9.0"
@@ -2718,21 +3668,21 @@
     source-map "^0.6.1"
     write-file-atomic "^3.0.0"
 
-"@jest/transform@^26.0.0", "@jest/transform@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-26.0.1.tgz#0e3ecbb34a11cd4b2080ed0a9c4856cf0ceb0639"
-  integrity sha512-pPRkVkAQ91drKGbzCfDOoHN838+FSbYaEAvBXvKuWeeRRUD8FjwXkqfUNUZL6Ke48aA/1cqq/Ni7kVMCoqagWA==
+"@jest/transform@^26.0.0", "@jest/transform@^26.3.0":
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-26.3.0.tgz#c393e0e01459da8a8bfc6d2a7c2ece1a13e8ba55"
+  integrity sha512-Isj6NB68QorGoFWvcOjlUhpkT56PqNIsXKR7XfvoDlCANn/IANlh8DrKAA2l2JKC3yWSMH5wS0GwuQM20w3b2A==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     babel-plugin-istanbul "^6.0.0"
     chalk "^4.0.0"
     convert-source-map "^1.4.0"
     fast-json-stable-stringify "^2.0.0"
     graceful-fs "^4.2.4"
-    jest-haste-map "^26.0.1"
+    jest-haste-map "^26.3.0"
     jest-regex-util "^26.0.0"
-    jest-util "^26.0.1"
+    jest-util "^26.3.0"
     micromatch "^4.0.2"
     pirates "^4.0.1"
     slash "^3.0.0"
@@ -2758,13 +3708,14 @@
     "@types/yargs" "^15.0.0"
     chalk "^3.0.0"
 
-"@jest/types@^26.0.1":
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.0.1.tgz#b78333fbd113fa7aec8d39de24f88de8686dac67"
-  integrity sha512-IbtjvqI9+eS1qFnOIEL7ggWmT+iK/U+Vde9cGWtYb/b6XgKb3X44ZAe/z9YZzoAAZ/E92m0DqrilF934IGNnQA==
+"@jest/types@^26.3.0":
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.3.0.tgz#97627bf4bdb72c55346eef98e3b3f7ddc4941f71"
+  integrity sha512-BDPG23U0qDeAvU4f99haztXwdAg3hz4El95LkAM+tHAqqhiVzRpEGHHU8EDxT/AnxOrA65YjLBwDahdJ9pTLJQ==
   dependencies:
     "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^1.1.1"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
@@ -3787,7 +4738,24 @@
     "@parcel/utils" "^1.11.0"
     physical-cpu-count "^2.0.0"
 
-"@reach/router@^1.2.1", "@reach/router@^1.3.3":
+"@pmmmwh/react-refresh-webpack-plugin@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.2.tgz#1f9741e0bde9790a0e13272082ed7272a083620d"
+  integrity sha512-Loc4UDGutcZ+Bd56hBInkm6JyjyCwWy4t2wcDXzN8EDPANgVRj0VP8Nxn0Zq2pc+WKauZwEivQgbDGg4xZO20A==
+  dependencies:
+    ansi-html "^0.0.7"
+    error-stack-parser "^2.0.6"
+    html-entities "^1.2.1"
+    native-url "^0.2.6"
+    schema-utils "^2.6.5"
+    source-map "^0.7.3"
+
+"@popperjs/core@^2.4.4":
+  version "2.4.4"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.4.4.tgz#11d5db19bd178936ec89cd84519c4de439574398"
+  integrity sha512-1oO6+dN5kdIA3sKPZhRGJTfGVP4SWV6KqlMOwry4J3HfyD68sl/3KmG7DeYUzvN+RbhXDnv/D8vNNB8168tAMg==
+
+"@reach/router@^1.3.3":
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/@reach/router/-/router-1.3.3.tgz#58162860dce6c9449d49be86b0561b5ef46d80db"
   integrity sha512-gOIAiFhWdiVGSVjukKeNKkCRBLmnORoTPyBihI/jLunICPgxdP30DroAvPQuf1eVfQbfGJQDJkwhJXsNPMnVWw==
@@ -3877,252 +4845,6 @@
   resolved "https://registry.yarnpkg.com/@soda/get-current-script/-/get-current-script-1.0.0.tgz#623aa40623550e3b94767cffeb096a6fb597ed09"
   integrity sha512-9GvTek+7cVw7r+L7TNGOG1astZJWXz2h5q4BqMXl28KN+24iSCm1xo+RhZOZvwdT3bzNe9hD7riJc/lBoO7mgg==
 
-"@storybook/addon-controls@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.0.0-beta.22.tgz#c8de931530f63a70ccc81778ca96ee8bb051bd23"
-  integrity sha512-6xcjrL+4FLfPbIAec6XbbYKT1II+848CsGdmo3VhdmZ1hjihjcaRFMtFGdh6qDXuY1FvIbCQGpmeF7qelc8d6g==
-  dependencies:
-    "@storybook/addons" "6.0.0-beta.22"
-    "@storybook/api" "6.0.0-beta.22"
-    "@storybook/client-api" "6.0.0-beta.22"
-    "@storybook/components" "6.0.0-beta.22"
-    "@storybook/theming" "6.0.0-beta.22"
-    core-js "^3.0.1"
-
-"@storybook/addons@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.0.0-alpha.0.tgz#f4416a8c9c081961e5950a7962d7a5102138717e"
-  integrity sha512-CrPvlo7pW44t7f/YWoEXMRgafvBKAcDYw9/sbBlltu88nKMHU28qjLf95HiTXtiE6P9AqdkRdVkQtyVWhnqKQA==
-  dependencies:
-    "@storybook/api" "6.0.0-alpha.0"
-    "@storybook/channels" "6.0.0-alpha.0"
-    "@storybook/client-logger" "6.0.0-alpha.0"
-    "@storybook/core-events" "6.0.0-alpha.0"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    util-deprecate "^1.0.2"
-
-"@storybook/addons@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.0.0-beta.22.tgz#625e30a213992cc07f3aee51c3f19adeef2cab82"
-  integrity sha512-CIQhs9hZLR8ReGXL0SH+fExbll7SrPsVlyhLMF+myQfiL3SHLhrRXh5Y/lbMcEE39MRYJc3V+0rGxgaoB8bNug==
-  dependencies:
-    "@storybook/api" "6.0.0-beta.22"
-    "@storybook/channels" "6.0.0-beta.22"
-    "@storybook/client-logger" "6.0.0-beta.22"
-    "@storybook/core-events" "6.0.0-beta.22"
-    "@storybook/router" "6.0.0-beta.22"
-    "@storybook/theming" "6.0.0-beta.22"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    regenerator-runtime "^0.13.3"
-
-"@storybook/api@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.0.0-alpha.0.tgz#9b612f8c41fb8b1f9bbd3c990b5a1b3beb0eb82a"
-  integrity sha512-aKYxx39jfakMfYB0FJkFqlqig8Ph/y3K4QaUgmYbL9CSuouvvfBDGh1onhp2mwZpqohrAKl9UAeNZp9HDM0dug==
-  dependencies:
-    "@reach/router" "^1.2.1"
-    "@storybook/channels" "6.0.0-alpha.0"
-    "@storybook/client-logger" "6.0.0-alpha.0"
-    "@storybook/core-events" "6.0.0-alpha.0"
-    "@storybook/csf" "0.0.1"
-    "@storybook/router" "6.0.0-alpha.0"
-    "@storybook/theming" "6.0.0-alpha.0"
-    "@types/reach__router" "^1.2.3"
-    core-js "^3.0.1"
-    fast-deep-equal "^2.0.1"
-    global "^4.3.2"
-    lodash "^4.17.15"
-    memoizerific "^1.11.3"
-    prop-types "^15.6.2"
-    react "^16.8.3"
-    semver "^6.0.0"
-    shallow-equal "^1.1.0"
-    store2 "^2.7.1"
-    telejson "^3.2.0"
-    util-deprecate "^1.0.2"
-
-"@storybook/api@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.0.0-beta.22.tgz#cde8d76f88aaa756d308c18be0d1cc602b5bb006"
-  integrity sha512-o+Cplxr3UgtCnoNNoJdO//TOO8+vgg8cbO2zvqScC6zOtcIRiVOhnomQFqlrY2ZjCxLVZQuWGT/NInQbzSi/wg==
-  dependencies:
-    "@reach/router" "^1.3.3"
-    "@storybook/channels" "6.0.0-beta.22"
-    "@storybook/client-logger" "6.0.0-beta.22"
-    "@storybook/core-events" "6.0.0-beta.22"
-    "@storybook/csf" "0.0.1"
-    "@storybook/router" "6.0.0-beta.22"
-    "@storybook/semver" "^7.3.2"
-    "@storybook/theming" "6.0.0-beta.22"
-    "@types/reach__router" "^1.3.5"
-    core-js "^3.0.1"
-    fast-deep-equal "^3.1.1"
-    global "^4.3.2"
-    lodash "^4.17.15"
-    memoizerific "^1.11.3"
-    react "^16.8.3"
-    regenerator-runtime "^0.13.3"
-    store2 "^2.7.1"
-    telejson "^4.0.0"
-    ts-dedent "^1.1.1"
-    util-deprecate "^1.0.2"
-
-"@storybook/channel-postmessage@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.0.0-alpha.0.tgz#dec7245e9be7b1303c8bd60e664134a56639ae54"
-  integrity sha512-OX3Ho/MbQ1+wVPh/9gAATf4LxoFN6k62GtmB5qcpkpJkSUhs5AQQPVG70kHpb7eCaRmV6a90b67tiLDRWNyzow==
-  dependencies:
-    "@storybook/channels" "6.0.0-alpha.0"
-    "@storybook/client-logger" "6.0.0-alpha.0"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    telejson "^3.2.0"
-
-"@storybook/channel-postmessage@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.0.0-beta.22.tgz#bb4733059d2bc5da6af26d37d063cf872d87a883"
-  integrity sha512-wSPFevhNvUB27dy5JJmapfguaZtZBxtL61UIibWKgn9oUYfc3ARFukrrEpi7ULLy/3aRK9E2uMS8uU/qIjLyCQ==
-  dependencies:
-    "@storybook/channels" "6.0.0-beta.22"
-    "@storybook/client-logger" "6.0.0-beta.22"
-    "@storybook/core-events" "6.0.0-beta.22"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    telejson "^4.0.0"
-
-"@storybook/channel-websocket@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/channel-websocket/-/channel-websocket-6.0.0-alpha.0.tgz#81d10287250b76b0ab5856cb96c4827714f31875"
-  integrity sha512-bbTeYoRTXPjh/eybeOtBrnFGKE2YUmu7S2sCLzvyDbbQCLYuE/qlhFBX23d/xJSzZZz4pCkj687E15MOIXQ3eA==
-  dependencies:
-    "@storybook/channels" "6.0.0-alpha.0"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    json-fn "^1.1.1"
-
-"@storybook/channels@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.0.0-alpha.0.tgz#c86e3bdff2e98444a0e9938a1a4abec503221af4"
-  integrity sha512-0Va1Cajk2X9tQVJKizdDFLKgBJmYakd3ykV1rIYdlPHi+5DndQQ3EqxKrLGE6nQLcKVoxM84Sq8nCLyC891+mw==
-  dependencies:
-    core-js "^3.0.1"
-
-"@storybook/channels@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.0.0-beta.22.tgz#147f6a6db071ba818ea4cf925ca5bcac97278dcf"
-  integrity sha512-C3c5XaAalsEr1sMGpujCO7v7AVNFcBIK/Wu3ytQ9kEzYgsGHIoHP+U+ngl3W2FERQFfNZWpXVjKlaNMrYqTbiw==
-  dependencies:
-    core-js "^3.0.1"
-    ts-dedent "^1.1.1"
-    util-deprecate "^1.0.2"
-
-"@storybook/client-api@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.0.0-alpha.0.tgz#9a6766a9878ee1f41b35debd93d480fef50506c2"
-  integrity sha512-G24H5mFxxptS0G2UwNNxPlV8RM+h6vUxQTmXUtqQoangJPQ/IUm+Ts9QgqDiyHEks9pwYEpSGMAdycZf0IUhJA==
-  dependencies:
-    "@storybook/addons" "6.0.0-alpha.0"
-    "@storybook/channel-postmessage" "6.0.0-alpha.0"
-    "@storybook/channels" "6.0.0-alpha.0"
-    "@storybook/client-logger" "6.0.0-alpha.0"
-    "@storybook/core-events" "6.0.0-alpha.0"
-    "@storybook/csf" "0.0.1"
-    "@types/webpack-env" "^1.15.0"
-    core-js "^3.0.1"
-    eventemitter3 "^4.0.0"
-    global "^4.3.2"
-    is-plain-object "^3.0.0"
-    lodash "^4.17.15"
-    memoizerific "^1.11.3"
-    qs "^6.6.0"
-    stable "^0.1.8"
-    ts-dedent "^1.1.0"
-    util-deprecate "^1.0.2"
-
-"@storybook/client-api@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.0.0-beta.22.tgz#f45fdfcd9f7150480585e4403bd022c57b2e21f7"
-  integrity sha512-C+AQ7QKkgKl+MXduUGMbT78VmJSoY3Ds+FY5UqYFDoV7LAtwOWVlqCcOjzNs9cpL0yDZc+d0hBV8NQ74lXPo1w==
-  dependencies:
-    "@storybook/addons" "6.0.0-beta.22"
-    "@storybook/channel-postmessage" "6.0.0-beta.22"
-    "@storybook/channels" "6.0.0-beta.22"
-    "@storybook/client-logger" "6.0.0-beta.22"
-    "@storybook/core-events" "6.0.0-beta.22"
-    "@storybook/csf" "0.0.1"
-    "@types/webpack-env" "^1.15.2"
-    core-js "^3.0.1"
-    eventemitter3 "^4.0.0"
-    global "^4.3.2"
-    is-plain-object "^3.0.0"
-    lodash "^4.17.15"
-    memoizerific "^1.11.3"
-    qs "^6.6.0"
-    stable "^0.1.8"
-    ts-dedent "^1.1.1"
-
-"@storybook/client-logger@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.0.0-alpha.0.tgz#c8dd075d5a4a78158f6acb8ace14cf0492f2af16"
-  integrity sha512-qiML4TiQCFosvxlVGqDbqSy2MA7DuBPclbocliaXEnYAlHzHy5LaQ7OK2SZzigMuim7LOr/eNmqaLAIDVfAjTg==
-  dependencies:
-    core-js "^3.0.1"
-
-"@storybook/client-logger@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.0.0-beta.22.tgz#038ceb35298b3fa9549b085248ed2e5efad0a56c"
-  integrity sha512-mNHJxQWdqHoo+JPnm4bUtDvkojWuAYNdoBen7Wipg98d0GiY2yDW21biW5dz1WFze57/8XNn9GsbjzS3YmkZLA==
-  dependencies:
-    core-js "^3.0.1"
-    global "^4.3.2"
-    loglevel "^1.6.7"
-
-"@storybook/components@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.0.0-beta.22.tgz#cf6e4624d1bfac373ff179a0f683da9903ab7343"
-  integrity sha512-1GGe3w/NDXTF3Upmhih3pwGheipaJymNftZgT8Vj/yHXbBimDj23PSYHbhimZXFjmgPdlVm1P3/4J7glhC9Z+w==
-  dependencies:
-    "@storybook/client-logger" "6.0.0-beta.22"
-    "@storybook/csf" "0.0.1"
-    "@storybook/theming" "6.0.0-beta.22"
-    "@types/overlayscrollbars" "^1.9.0"
-    "@types/react-color" "^3.0.1"
-    "@types/react-syntax-highlighter" "11.0.4"
-    core-js "^3.0.1"
-    fast-deep-equal "^3.1.1"
-    global "^4.3.2"
-    lodash "^4.17.15"
-    markdown-to-jsx "^6.11.4"
-    memoizerific "^1.11.3"
-    overlayscrollbars "^1.10.2"
-    overlayscrollbars-react "^0.2.1"
-    polished "^3.4.4"
-    popper.js "^1.14.7"
-    react "^16.8.3"
-    react-color "^2.17.0"
-    react-dom "^16.8.3"
-    react-helmet-async "^1.0.2"
-    react-popper-tooltip "^2.11.0"
-    react-syntax-highlighter "^12.2.1"
-    react-textarea-autosize "^8.0.1"
-    ts-dedent "^1.1.1"
-
-"@storybook/core-events@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.0.0-alpha.0.tgz#a35d2f96f6d38aba080d7f5f1ec67799325728de"
-  integrity sha512-BvJvokog7ezWg0rMIYYUA1d1Bi14hy8iZeQyD0s/Q17EMjqZb1ATQ1cPr9lVJ0CpyYOYRJp8IPbvGDnMFkm8YA==
-  dependencies:
-    core-js "^3.0.1"
-
-"@storybook/core-events@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.0.0-beta.22.tgz#9dc6df102490e5a3793b4f73b6b07cc2d8b03cb9"
-  integrity sha512-msSN0H8k49VaYa34be9m7GP+LKYQjPZYAkRYie5yJJD/NWuH4TLJvmTogjo8jrygzJYKTLb9DtlkAIfgiFRt2Q==
-  dependencies:
-    core-js "^3.0.1"
-
 "@storybook/csf@0.0.1":
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/@storybook/csf/-/csf-0.0.1.tgz#95901507dc02f0bc6f9ac8ee1983e2fc5bb98ce6"
@@ -4130,6 +4852,20 @@
   dependencies:
     lodash "^4.17.15"
 
+"@storybook/design-system@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@storybook/design-system/-/design-system-5.1.0.tgz#f95fb17a88a98b92835c747a2e2035488be98e95"
+  integrity sha512-HE70G0Y0mgfgmyH49P9E7oWYiw/EQs0ICtMiUFxVCIzjmiawRxnzJ57uh3TbdMRrA6yh/hsgTpDz7f/TMZ4nHA==
+  dependencies:
+    polished "^3.6.4"
+    prismjs "1.20.0"
+    prop-types "^15.5.4"
+    react-modal "^3.11.2"
+    react-popper-tooltip "^2.11.1"
+    recompose "^0.30.0"
+    styled-components "^4.4.1"
+    uuid "^3.3.3"
+
 "@storybook/ember-cli-storybook@^0.2.1":
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/@storybook/ember-cli-storybook/-/ember-cli-storybook-0.2.1.tgz#12fa8a122fc75a5faabf9e3842eb6575febc4fd3"
@@ -4168,29 +4904,16 @@
     remark-lint "^7.0.0"
     remark-preset-lint-recommended "^4.0.0"
 
-"@storybook/node-logger@*", "@storybook/node-logger@^5.2.8":
-  version "5.3.19"
-  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-5.3.19.tgz#c414e4d3781aeb06298715220012f552a36dff29"
-  integrity sha512-hKshig/u5Nj9fWy0OsyU04yqCxr0A9pydOHIassr4fpLAaePIN2YvqCqE2V+TxQHjZUnowSSIhbXrGt0DI5q2A==
+"@storybook/preset-create-react-app@^3.1.4":
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/@storybook/preset-create-react-app/-/preset-create-react-app-3.1.4.tgz#64bb674f69fe860ef1a4909e686775adf6c05fdd"
+  integrity sha512-VwzGCvv+HnEDXxSwF6ITRIZ4EaMhiMu1Mxrwm+nb49XTT2VME8VTzmbDjrdpZXPXUJrwLYmvqzaBT/qGZoMlgA==
   dependencies:
-    "@types/npmlog" "^4.1.2"
-    chalk "^3.0.0"
-    core-js "^3.0.1"
-    npmlog "^4.1.2"
-    pretty-hrtime "^1.0.3"
-    regenerator-runtime "^0.13.3"
-
-"@storybook/preset-create-react-app@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@storybook/preset-create-react-app/-/preset-create-react-app-3.0.0.tgz#3c75c63f796ffe79293fe7f971a240307ecefb89"
-  integrity sha512-l0yA+HvmjdmTW4c+/dm0n7/CfVaNQKmwRnVuUVF0UAKXEX51wZ/0oX3zALOSUYW9CctOEnJwPETllbepBUEdOg==
-  dependencies:
-    "@storybook/node-logger" "*"
     "@types/babel__core" "^7.1.7"
     "@types/webpack" "^4.41.13"
     babel-plugin-react-docgen "^4.1.0"
     pnp-webpack-plugin "^1.6.4"
-    react-docgen-typescript-loader "^3.7.2"
+    react-docgen-typescript-plugin "^0.5.0"
     semver "^7.3.2"
 
 "@storybook/preset-scss@^1.0.2":
@@ -4198,51 +4921,6 @@
   resolved "https://registry.yarnpkg.com/@storybook/preset-scss/-/preset-scss-1.0.2.tgz#6c993b972c6f599237082b55e12c875f0f66ab06"
   integrity sha512-Kq+Y3H7qRBxocLW57V9HtQhrw9ZzmTodFCjf+OelMh1k6SZ7/FvJHb7mtWofafHcqq1tSQlNIgYMtHRDJ64WVg==
 
-"@storybook/react-native@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/react-native/-/react-native-6.0.0-alpha.0.tgz#e05090a351d41da756fb0cf9a637a05be15babb4"
-  integrity sha512-36lg/YqDTB2AZquRj4xVORVzNPE+A9E0WysJUn6If2yP3LCQ9y0mMucArKxJinYnW6A6UZptw18gZqOmkYatFg==
-  dependencies:
-    "@emotion/core" "^10.0.20"
-    "@emotion/native" "^10.0.14"
-    "@storybook/addons" "6.0.0-alpha.0"
-    "@storybook/channel-websocket" "6.0.0-alpha.0"
-    "@storybook/channels" "6.0.0-alpha.0"
-    "@storybook/client-api" "6.0.0-alpha.0"
-    "@storybook/core-events" "6.0.0-alpha.0"
-    core-js "^3.0.1"
-    emotion-theming "^10.0.19"
-    react-native-swipe-gestures "^1.0.4"
-
-"@storybook/router@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.0.0-alpha.0.tgz#c2b9da6c7eba0dccf32228a72e23ecf8875aacac"
-  integrity sha512-jpFaJu8SFiHqTqG5bSab7qOMRcAZb5htFjD6zSTb/1a3km9yLJQqYA0Jk0rFBrc89lwd/ngYVBOuOrn/XJRwoA==
-  dependencies:
-    "@reach/router" "^1.2.1"
-    "@storybook/csf" "0.0.1"
-    "@types/reach__router" "^1.2.3"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    lodash "^4.17.15"
-    memoizerific "^1.11.3"
-    qs "^6.6.0"
-    util-deprecate "^1.0.2"
-
-"@storybook/router@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.0.0-beta.22.tgz#d6fbfa39beff6b247125414a4742d7143cb8a882"
-  integrity sha512-EF/N2VfHmkqzZVnbFgiBsA2QuIStFn2J7BQM2/Li5zk2V0zEw6IyY9Z1AuJtJ/OL5F8r0YNSrfsSWh62HMCY+g==
-  dependencies:
-    "@reach/router" "^1.3.3"
-    "@storybook/csf" "0.0.1"
-    "@types/reach__router" "^1.3.5"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    lodash "^4.17.15"
-    memoizerific "^1.11.3"
-    qs "^6.6.0"
-
 "@storybook/semver@^7.3.2":
   version "7.3.2"
   resolved "https://registry.yarnpkg.com/@storybook/semver/-/semver-7.3.2.tgz#f3b9c44a1c9a0b933c04e66d0048fcf2fa10dac0"
@@ -4251,43 +4929,6 @@
     core-js "^3.6.5"
     find-up "^4.1.0"
 
-"@storybook/theming@6.0.0-alpha.0":
-  version "6.0.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.0.0-alpha.0.tgz#0a9580cecb1c9609e070c8db7737bd121faf56c3"
-  integrity sha512-XFFpbX2ls1AvbesF64y1q53kMMZYTd/U5EluFmqDsAvoqXVXXKbh8wcguxnMlEHYvgXoDKmzCww+IpmVbAyYcA==
-  dependencies:
-    "@emotion/core" "^10.0.20"
-    "@emotion/is-prop-valid" "^0.8.6"
-    "@emotion/styled" "^10.0.17"
-    "@storybook/client-logger" "6.0.0-alpha.0"
-    core-js "^3.0.1"
-    deep-object-diff "^1.1.0"
-    emotion-theming "^10.0.19"
-    global "^4.3.2"
-    memoizerific "^1.11.3"
-    polished "^3.3.1"
-    prop-types "^15.7.2"
-    resolve-from "^5.0.0"
-    ts-dedent "^1.1.0"
-
-"@storybook/theming@6.0.0-beta.22":
-  version "6.0.0-beta.22"
-  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.0.0-beta.22.tgz#477b78fa62c4a93ceda8d9e107c4748d6ef18fe7"
-  integrity sha512-hgT0kqkq51yH1mvONM0nxEBCjflCqK/LKChax1fqM6BbHt16laasAMPICE1JZWw1ZZ0DtgjgJuogYJjCeTvX8w==
-  dependencies:
-    "@emotion/core" "^10.0.20"
-    "@emotion/is-prop-valid" "^0.8.6"
-    "@emotion/styled" "^10.0.17"
-    "@storybook/client-logger" "6.0.0-beta.22"
-    core-js "^3.0.1"
-    deep-object-diff "^1.1.0"
-    emotion-theming "^10.0.19"
-    global "^4.3.2"
-    memoizerific "^1.11.3"
-    polished "^3.4.4"
-    resolve-from "^5.0.0"
-    ts-dedent "^1.1.1"
-
 "@stroncium/procfs@^1.0.0":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@stroncium/procfs/-/procfs-1.2.1.tgz#6b9be6fd20fb0a4c20e99a8695e083c699bb2b45"
@@ -4564,15 +5205,10 @@
     "@types/browserslist" "*"
     postcss "7.x.x"
 
-"@types/babel-types@*", "@types/babel-types@^7.0.0":
-  version "7.0.7"
-  resolved "https://registry.yarnpkg.com/@types/babel-types/-/babel-types-7.0.7.tgz#667eb1640e8039436028055737d2b9986ee336e3"
-  integrity sha512-dBtBbrc+qTHy1WdfHYjBwRln4+LWqASWakLHsWHR2NWHIFkv4W3O070IGoGLEBrJBvct3r0L1BUPuvURi7kYUQ==
-
-"@types/babel__core@^7.1.0", "@types/babel__core@^7.1.7":
-  version "7.1.7"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.7.tgz#1dacad8840364a57c98d0dd4855c6dd3752c6b89"
-  integrity sha512-RL62NqSFPCDK2FM1pSDH0scHpJvsXtZNiYlMB73DgPBaG1E38ZYVL+ei5EkWRbr+KC4YNiAUNBnRj+bgwpgjMw==
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.0", "@types/babel__core@^7.1.7":
+  version "7.1.9"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.9.tgz#77e59d438522a6fb898fa43dc3455c6e72f3963d"
+  integrity sha512-sY2RsIJ5rpER1u3/aQ8OFSI7qGIy8o1NEEbgb2UaJcvOtXOMpd39ko723NBpjQFg9SIX7TXtjejZVGeIMLhoOw==
   dependencies:
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
@@ -4602,13 +5238,6 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
-"@types/babylon@^6.16.2":
-  version "6.16.5"
-  resolved "https://registry.yarnpkg.com/@types/babylon/-/babylon-6.16.5.tgz#1c5641db69eb8cdf378edd25b4be7754beeb48b4"
-  integrity sha512-xH2e58elpj1X4ynnKp9qSnWlsRTIs6n3tgLGNfwAGHwePw0mulHQllV34n0T25uYSu1k0hRKkWXF890B1yS47w==
-  dependencies:
-    "@types/babel-types" "*"
-
 "@types/body-parser@*":
   version "1.19.0"
   resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.0.tgz#0685b3c47eb3006ffed117cdd55164b61f80538f"
@@ -4808,6 +5437,13 @@
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
+"@types/istanbul-reports@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.0.tgz#508b13aa344fa4976234e75dddcc34925737d821"
+  integrity sha512-nwKNbvnwJ2/mndE9ItP/zc2TCzw6uuodnF4EHYWD+gCQDVBuRQL5UzbZD0/ezy1iKsFU2ZQiDqg4M9dN4+wZgA==
+  dependencies:
+    "@types/istanbul-lib-report" "*"
+
 "@types/jest-image-snapshot@^2.8.0":
   version "2.12.1"
   resolved "https://registry.yarnpkg.com/@types/jest-image-snapshot/-/jest-image-snapshot-2.12.1.tgz#75d16c392f16055e90884ed6a7538a6a9a540cfe"
@@ -4822,15 +5458,7 @@
   dependencies:
     "@types/jest" "*"
 
-"@types/jest@*", "@types/jest@^25.1.1":
-  version "25.2.3"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-25.2.3.tgz#33d27e4c4716caae4eced355097a47ad363fdcaf"
-  integrity sha512-JXc1nK/tXHiDhV55dvfzqtmP4S3sy3T3ouV2tkViZgxY/zeUkcpQcQPGRlgF4KmWzWW5oiWYSZwtCB+2RsE4Fw==
-  dependencies:
-    jest-diff "^25.2.1"
-    pretty-format "^25.2.1"
-
-"@types/jest@25.2.1":
+"@types/jest@*", "@types/jest@25.2.1", "@types/jest@^25.1.1":
   version "25.2.1"
   resolved "https://registry.yarnpkg.com/@types/jest/-/jest-25.2.1.tgz#9544cd438607955381c1bdbdb97767a249297db5"
   integrity sha512-msra1bCaAeEdkSyA0CZ6gW1ukMIvZ5YoJkdXw/qhQdsuuDlFTcEUrUw8CLCPt2rVRUfXlClVvK2gvPs9IokZaA==
@@ -5008,7 +5636,7 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.3.tgz#7ee330ba7caafb98090bece86a5ee44115904c2c"
   integrity sha512-ewFXqrQHlFsgc09MK5jP5iR7vumV/BYayNC6PgJO2LPe8vrnNFyjQjSppfEngITi0qvfKtzFvgKymGheFM9UOA==
 
-"@types/reach__router@^1.2.3", "@types/reach__router@^1.3.5":
+"@types/reach__router@^1.3.5":
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/@types/reach__router/-/reach__router-1.3.5.tgz#14e1e981cccd3a5e50dc9e969a72de0b9d472f6d"
   integrity sha512-h0NbqXN/tJuBY/xggZSej1SKQEstbHO7J/omt1tYoFGmj3YXOodZKbbqD4mNDh7zvEGYd7YFrac1LTtAr3xsYQ==
@@ -5023,20 +5651,13 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-dom@*", "@types/react-dom@^16.9.8":
+"@types/react-dom@*", "@types/react-dom@16.9.8", "@types/react-dom@^16.9.8":
   version "16.9.8"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.8.tgz#fe4c1e11dfc67155733dfa6aa65108b4971cb423"
   integrity sha512-ykkPQ+5nFknnlU6lDd947WbQ6TE3NNzbQAkInC2EKY1qeYdTKp7onFusmYZb+ityzx2YviqT6BXSu+LyWWJwcA==
   dependencies:
     "@types/react" "*"
 
-"@types/react-dom@16.9.7":
-  version "16.9.7"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.7.tgz#60844d48ce252d7b2dccf0c7bb937130e27c0cd2"
-  integrity sha512-GHTYhM8/OwUCf254WO5xqR/aqD3gC9kSTLpopWGpQLpnw23jk44RvMHsyUSEplvRJZdHxhJGMMLF0kCPYHPhQA==
-  dependencies:
-    "@types/react" "*"
-
 "@types/react-is@^16.7.1":
   version "16.7.1"
   resolved "https://registry.yarnpkg.com/@types/react-is/-/react-is-16.7.1.tgz#d3f1c68c358c00ce116b55ef5410cf486dd08539"
@@ -5090,11 +5711,6 @@
     "@types/prop-types" "*"
     csstype "^2.2.0"
 
-"@types/rfdc@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@types/rfdc/-/rfdc-1.1.0.tgz#1fc5ffdc679575e2ca31399d4ee75f353afdd37b"
-  integrity sha512-Ez0Pc0H6m8C2L3Wif9SR5YlJTB/UnZIq0N9G/dPB2fmGo42oLo95o73hHHtoGvUucMD4OdlquscflSuKCZE8qA==
-
 "@types/rimraf@^2.0.2":
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/@types/rimraf/-/rimraf-2.0.4.tgz#403887b0b53c6100a6c35d2ab24f6ccc042fec46"
@@ -5216,7 +5832,7 @@
   resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-7.0.4.tgz#00a5749810b4ad80bff73a61f9cc9d0d521feb3c"
   integrity sha512-WGZCqBZZ0mXN2RxvLHL6/7RCu+OWs28jgQMP04LWfpyJlQUMTR6YU9CNJAKDgbw+EV/u687INXuLUc7FuML/4g==
 
-"@types/webpack-env@^1.15.0", "@types/webpack-env@^1.15.1", "@types/webpack-env@^1.15.2":
+"@types/webpack-env@^1.15.1", "@types/webpack-env@^1.15.2":
   version "1.15.2"
   resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.15.2.tgz#927997342bb9f4a5185a86e6579a0a18afc33b0a"
   integrity sha512-67ZgZpAlhIICIdfQrB5fnDvaKFcDxpKibxznfYRVAT4mQE41Dido/3Ty+E3xGBmTogc5+0Qb8tWhna+5B8z1iQ==
@@ -6026,13 +6642,6 @@ acorn-dynamic-import@^4.0.0:
   resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz#482210140582a36b83c3e342e1cfebcaa9240948"
   integrity sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==
 
-acorn-globals@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-3.1.0.tgz#fd8270f71fbb4996b004fa880ee5d46573a731bf"
-  integrity sha1-/YJw9x+7SZawBPqIDuXUZXOnMb8=
-  dependencies:
-    acorn "^4.0.4"
-
 acorn-globals@^4.1.0, acorn-globals@^4.3.0, acorn-globals@^4.3.2:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
@@ -6073,16 +6682,6 @@ acorn-walk@^7.0.0, acorn-walk@^7.1.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.1.1.tgz#345f0dffad5c735e7373d2fec9a1023e6a44b83e"
   integrity sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==
 
-acorn@^3.1.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a"
-  integrity sha1-ReN/s56No/JbruP/U2niu18iAXo=
-
-acorn@^4.0.4, acorn@~4.0.2:
-  version "4.0.13"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-4.0.13.tgz#105495ae5361d697bd195c825192e1ad7f253787"
-  integrity sha1-EFSVrlNh1pe9GVyCUZLhrX8lN4c=
-
 acorn@^5.0.0, acorn@^5.5.3:
   version "5.7.4"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.4.tgz#3e8d8a9947d0599a1796d10225d7432f4a4acf5e"
@@ -6098,6 +6697,11 @@ acorn@^7.0.0, acorn@^7.1.0, acorn@^7.1.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.2.0.tgz#17ea7e40d7c8640ff54a694c889c26f31704effe"
   integrity sha512-apwXVmYVpQ34m/i71vrApRrRKCWQnZZF1+npOD0WV5xZFfwWOmKGQ2RWlfdy9vWITsenisM8M0Qeq8agcFHNiQ==
 
+acorn@^7.3.1, acorn@^7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
+  integrity sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==
+
 address@1.1.2, address@^1.0.1, address@^1.1.0, address@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/address/-/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6"
@@ -6244,15 +6848,6 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.0, ajv@^6.5.5, ajv@^6.9.1:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-align-text@^0.1.1, align-text@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
-  integrity sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=
-  dependencies:
-    kind-of "^3.0.2"
-    longest "^1.0.1"
-    repeat-string "^1.5.2"
-
 alphanum-sort@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
@@ -6278,13 +6873,6 @@ amdefine@>=0.0.4:
   resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
   integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=
 
-ansi-align@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
-  integrity sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=
-  dependencies:
-    string-width "^2.0.0"
-
 ansi-align@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
@@ -6456,12 +7044,12 @@ app-root-path@^2.2.1:
   resolved "https://registry.yarnpkg.com/app-root-path/-/app-root-path-2.2.1.tgz#d0df4a682ee408273583d43f6f79e9892624bc9a"
   integrity sha512-91IFKeKk7FjfmezPKkwtaRvSpnUc4gDwPAjA1YZ9Gn0q0PPeW+vbeUsZuyDwjI7+QTHhcLen2v25fi/AmhvbJA==
 
-aproba@^1.0.3, aproba@^1.1.1, aproba@^1.1.2:
+aproba@^1.0.3, aproba@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
 
-"aproba@^1.1.2 || 2", aproba@^2.0.0:
+aproba@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
   integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
@@ -6782,11 +7370,6 @@ ast-types@0.11.7:
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.11.7.tgz#f318bf44e339db6a320be0009ded64ec1471f46c"
   integrity sha512-2mP3TwtkY/aTv5X3ZsMpNAbOnyoC/aMJwJSoaELPkHId0nSQgFcnU4dRW3isxiz7+zBexk0ym3WNVjMiQBnJSw==
 
-ast-types@0.12.4, ast-types@^0.12.2:
-  version "0.12.4"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.12.4.tgz#71ce6383800f24efc9a1a3308f3a6e420a0974d1"
-  integrity sha512-ky/YVYCbtVAS8TdMIaTiPFHwEpRB5z1hctepJplTr3UW5q8TDrpIMCILyk8pmLxGtn2KCtC/lSn7zOsaI7nzDw==
-
 ast-types@0.13.3, ast-types@^0.13.2:
   version "0.13.3"
   resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.13.3.tgz#50da3f28d17bdbc7969a3a2d83a0e4a72ae755a7"
@@ -6913,11 +7496,6 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-atomic-sleep@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/atomic-sleep/-/atomic-sleep-1.0.0.tgz#eb85b77a601fc932cfe432c5acd364a9e2c9075b"
-  integrity sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==
-
 aurelia@dev:
   version "0.8.0-dev.202005200307"
   resolved "https://registry.yarnpkg.com/aurelia/-/aurelia-0.8.0-dev.202005200307.tgz#0afaaff3cb5e2ac43c8f14a5856da3a0d81b27e0"
@@ -6952,16 +7530,16 @@ autoprefixer@9.7.4:
     postcss-value-parser "^4.0.2"
 
 autoprefixer@^9.4.3, autoprefixer@^9.4.9, autoprefixer@^9.6.1, autoprefixer@^9.7.2, autoprefixer@^9.7.5, autoprefixer@^9.7.6:
-  version "9.8.0"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.0.tgz#68e2d2bef7ba4c3a65436f662d0a56a741e56511"
-  integrity sha512-D96ZiIHXbDmU02dBaemyAg53ez+6F5yZmapmgKcjm35yEe1uVDYI8hGW3VYoGRaG290ZFf91YxHrR518vC0u/A==
+  version "9.8.4"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.4.tgz#736f1012673a70fa3464671d78d41abd54512863"
+  integrity sha512-84aYfXlpUe45lvmS+HoAWKCkirI/sw4JK0/bTeeqgHYco3dcsOn0NqdejISjptsYwNji/21dnkDri9PsYKk89A==
   dependencies:
     browserslist "^4.12.0"
-    caniuse-lite "^1.0.30001061"
-    chalk "^2.4.2"
+    caniuse-lite "^1.0.30001087"
+    colorette "^1.2.0"
     normalize-range "^0.1.2"
     num2fraction "^1.2.2"
-    postcss "^7.0.30"
+    postcss "^7.0.32"
     postcss-value-parser "^4.1.0"
 
 aws-sign2@~0.5.0:
@@ -6979,11 +7557,16 @@ aws4@^1.6.0, aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.10.0.tgz#a17b3a8ea811060e74d47d306122400ad4497ae2"
   integrity sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==
 
-axe-core@^3.5.2, axe-core@^3.5.3:
+axe-core@^3.5.3:
   version "3.5.3"
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-3.5.3.tgz#5b7c0ee7c5197d546bd3a07c3ef701896f5773e9"
   integrity sha512-HZpLE7xu05+8AbpqXITGdxp1Xwk8ysAXrg7MiKRY27py3DAyEJpoJQo1727pWF3F+O79V3r+cTWhOzfB49P89w==
 
+axe-core@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.0.1.tgz#e337c2ed1e6fe73920166d8b0b0b352e1b50d8ae"
+  integrity sha512-OSCABHvSNDleKqJP7DUwEBvMVbr/gtOj2vCDoKKz967fxe9WqtCZLo3IRNOO2fJcu+eSFsu8aAToHfIY7sPLaw==
+
 axe-puppeteer@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/axe-puppeteer/-/axe-puppeteer-1.1.0.tgz#efcf0666a7d8fefec6930b4b6ec3476c403d1b91"
@@ -7285,16 +7868,16 @@ babel-jest@^25.5.1:
     graceful-fs "^4.2.4"
     slash "^3.0.0"
 
-babel-jest@^26.0.0, babel-jest@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-26.0.1.tgz#450139ce4b6c17174b136425bda91885c397bc46"
-  integrity sha512-Z4GGmSNQ8pX3WS1O+6v3fo41YItJJZsVxG5gIQ+HuB/iuAQBJxMTHTwz292vuYws1LnHfwSRgoqI+nxdy/pcvw==
+babel-jest@^26.0.0, babel-jest@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-26.3.0.tgz#10d0ca4b529ca3e7d1417855ef7d7bd6fc0c3463"
+  integrity sha512-sxPnQGEyHAOPF8NcUsD0g7hDCnvLL2XyblRBcgrzTWBB/mAIpWow3n1bEL+VghnnZfreLhFSBsFluRoK2tRK4g==
   dependencies:
-    "@jest/transform" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/transform" "^26.3.0"
+    "@jest/types" "^26.3.0"
     "@types/babel__core" "^7.1.7"
     babel-plugin-istanbul "^6.0.0"
-    babel-preset-jest "^26.0.0"
+    babel-preset-jest "^26.3.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.4"
     slash "^3.0.0"
@@ -7430,6 +8013,13 @@ babel-plugin-ember-modules-api-polyfill@^2.13.0, babel-plugin-ember-modules-api-
   dependencies:
     ember-rfc176-data "^0.3.13"
 
+babel-plugin-ember-modules-api-polyfill@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-ember-modules-api-polyfill/-/babel-plugin-ember-modules-api-polyfill-3.1.1.tgz#c6e9ede43b64c4e36512f260e42e829b071d9b4f"
+  integrity sha512-hRTnr59fJ6cIiSiSgQLM9QRiVv/RrBAYRYggCPQDj4dvYhOWZeoX6e+1jFY1qC3tJnSDuMWu3OrDciSIi1MJ0A==
+  dependencies:
+    ember-rfc176-data "^0.3.15"
+
 babel-plugin-emotion@^10.0.20, babel-plugin-emotion@^10.0.27:
   version "10.0.33"
   resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-10.0.33.tgz#ce1155dcd1783bbb9286051efee53f4e2be63e03"
@@ -7471,6 +8061,11 @@ babel-plugin-htmlbars-inline-precompile@^3.0.1:
   resolved "https://registry.yarnpkg.com/babel-plugin-htmlbars-inline-precompile/-/babel-plugin-htmlbars-inline-precompile-3.1.0.tgz#85085b50385277f2b331ebd54e22fa91aadc24e8"
   integrity sha512-ar6c4YVX6OV7Dzpq7xRyllQrHwVEzJf41qysYULnD6tu6TS+y1FxT2VcEvMC6b9Rq9xoHMzvB79HO3av89JCGg==
 
+babel-plugin-htmlbars-inline-precompile@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-htmlbars-inline-precompile/-/babel-plugin-htmlbars-inline-precompile-3.2.0.tgz#c4882ea875d0f5683f0d91c1f72e29a4f14b5606"
+  integrity sha512-IUeZmgs9tMUGXYu1vfke5I18yYJFldFGdNFQOWslXTnDWXzpwPih7QFduUqvT+awDpDuNtXpdt5JAf43Q1Hhzg==
+
 babel-plugin-istanbul@^5.1.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.2.0.tgz#df4ade83d897a92df069c4d9a25cf2671293c854"
@@ -7508,13 +8103,14 @@ babel-plugin-jest-hoist@^25.5.0:
     "@babel/types" "^7.3.3"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-jest-hoist@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.0.0.tgz#fd1d35f95cf8849fc65cb01b5e58aedd710b34a8"
-  integrity sha512-+AuoehOrjt9irZL7DOt2+4ZaTM6dlu1s5TTS46JBa0/qem4dy7VNW3tMb96qeEqcIh20LD73TVNtmVEeymTG7w==
+babel-plugin-jest-hoist@^26.2.0:
+  version "26.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.2.0.tgz#bdd0011df0d3d513e5e95f76bd53b51147aca2dd"
+  integrity sha512-B/hVMRv8Nh1sQ1a3EY8I0n4Y1Wty3NrR5ebOyVT302op+DOAau+xNEImGMsUWOC3++ZlMooCytKz+NgN8aKGbA==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
+    "@types/babel__core" "^7.0.0"
     "@types/babel__traverse" "^7.0.6"
 
 babel-plugin-macros@2.8.0, babel-plugin-macros@^2.0.0, babel-plugin-macros@^2.7.0, babel-plugin-macros@^2.8.0:
@@ -8054,14 +8650,15 @@ babel-polyfill@^6.26.0:
     core-js "^2.5.0"
     regenerator-runtime "^0.10.5"
 
-babel-preset-current-node-syntax@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
-  integrity sha512-u/8cS+dEiK1SFILbOC8/rUI3ml9lboKuuMvZ/4aQnQmhecQAgPw5ew066C1ObnEAUmlx7dv/s2z52psWEtLNiw==
+babel-preset-current-node-syntax@^0.1.2, babel-preset-current-node-syntax@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.3.tgz#b4b547acddbf963cba555ba9f9cbbb70bfd044da"
+  integrity sha512-uyexu1sVwcdFnyq9o8UQYsXwXflIh8LvrF5+cKrYam93ned1CStffB3+BEcsxGSgagoA3GEyjDqO4a/58hyPYQ==
   dependencies:
     "@babel/plugin-syntax-async-generators" "^7.8.4"
     "@babel/plugin-syntax-bigint" "^7.8.3"
     "@babel/plugin-syntax-class-properties" "^7.8.3"
+    "@babel/plugin-syntax-import-meta" "^7.8.3"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
@@ -8122,13 +8719,13 @@ babel-preset-jest@^25.5.0:
     babel-plugin-jest-hoist "^25.5.0"
     babel-preset-current-node-syntax "^0.1.2"
 
-babel-preset-jest@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-26.0.0.tgz#1eac82f513ad36c4db2e9263d7c485c825b1faa6"
-  integrity sha512-9ce+DatAa31DpR4Uir8g4Ahxs5K4W4L8refzt+qHWQANb6LhGcAEfIFgLUwk67oya2cCUd6t4eUMtO/z64ocNw==
+babel-preset-jest@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-26.3.0.tgz#ed6344506225c065fd8a0b53e191986f74890776"
+  integrity sha512-5WPdf7nyYi2/eRxCbVrE1kKCWxgWY4RsPEbdJWFm7QsesFGqjdkyLeu1zRkwM1cxK6EPIlNd6d2AxLk7J+t4pw==
   dependencies:
-    babel-plugin-jest-hoist "^26.0.0"
-    babel-preset-current-node-syntax "^0.1.2"
+    babel-plugin-jest-hoist "^26.2.0"
+    babel-preset-current-node-syntax "^0.1.3"
 
 "babel-preset-minify@^0.5.0 || 0.6.0-alpha.5":
   version "0.5.1"
@@ -8426,18 +9023,6 @@ big.js@^5.2.2:
   resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
   integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
 
-bin-links@^1.1.2:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-1.1.8.tgz#bd39aadab5dc4bdac222a07df5baf1af745b2228"
-  integrity sha512-KgmVfx+QqggqP9dA3iIc5pA4T1qEEEL+hOhOhNPaUm77OTrJoOXE/C05SJLNJe6m/2wUK7F1tDSou7n5TfCDzQ==
-  dependencies:
-    bluebird "^3.5.3"
-    cmd-shim "^3.0.0"
-    gentle-fs "^2.3.0"
-    graceful-fs "^4.1.15"
-    npm-normalize-package-bin "^1.0.0"
-    write-file-atomic "^2.3.0"
-
 binary-extensions@^1.0.0:
   version "1.13.1"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.13.1.tgz#598afe54755b2868a5330d2aff9d4ebb53209b65"
@@ -8584,19 +9169,6 @@ bower-endpoint-parser@0.2.2:
   resolved "https://registry.yarnpkg.com/bower-endpoint-parser/-/bower-endpoint-parser-0.2.2.tgz#00b565adbfab6f2d35addde977e97962acbcb3f6"
   integrity sha1-ALVlrb+rby01rd3pd+l5Yqy8s/Y=
 
-boxen@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/boxen/-/boxen-1.3.0.tgz#55c6c39a8ba58d9c61ad22cd877532deb665a20b"
-  integrity sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==
-  dependencies:
-    ansi-align "^2.0.0"
-    camelcase "^4.0.0"
-    chalk "^2.0.1"
-    cli-boxes "^1.0.0"
-    string-width "^2.0.0"
-    term-size "^1.2.0"
-    widest-line "^2.0.0"
-
 boxen@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/boxen/-/boxen-3.2.0.tgz#fbdff0de93636ab4450886b6ff45b92d098f45eb"
@@ -8745,6 +9317,24 @@ broccoli-babel-transpiler@^7.4.0:
     rsvp "^4.8.4"
     workerpool "^3.1.1"
 
+broccoli-babel-transpiler@^7.7.0:
+  version "7.7.0"
+  resolved "https://registry.yarnpkg.com/broccoli-babel-transpiler/-/broccoli-babel-transpiler-7.7.0.tgz#271d401e713bfd338d5ef0435d3c4c68f6eddd2a"
+  integrity sha512-U8Cmnv0/AcQKehiIVi6UDzqq3jqhAEbY9CvOW5vdeNRmYhFpK6bXPmVczS/nUz5g4KsPc/FdnC3zbU6yVf4e7w==
+  dependencies:
+    "@babel/core" "^7.11.0"
+    "@babel/polyfill" "^7.10.4"
+    broccoli-funnel "^2.0.2"
+    broccoli-merge-trees "^3.0.2"
+    broccoli-persistent-filter "^2.2.1"
+    clone "^2.1.2"
+    hash-for-dep "^1.4.7"
+    heimdalljs "^0.2.1"
+    heimdalljs-logger "^0.1.9"
+    json-stable-stringify "^1.0.1"
+    rsvp "^4.8.4"
+    workerpool "^3.1.1"
+
 broccoli-builder@^0.18.14:
   version "0.18.14"
   resolved "https://registry.yarnpkg.com/broccoli-builder/-/broccoli-builder-0.18.14.tgz#4b79e2f844de11a4e1b816c3f49c6df4776c312d"
@@ -9585,7 +10175,7 @@ cacache@15.0.0:
     tar "^6.0.1"
     unique-filename "^1.1.1"
 
-cacache@^11.0.2, cacache@^11.3.3:
+cacache@^11.0.2:
   version "11.3.3"
   resolved "https://registry.yarnpkg.com/cacache/-/cacache-11.3.3.tgz#8bd29df8c6a718a6ebd2d010da4d7972ae3bbadc"
   integrity sha512-p8WcneCytvzPxhDvYp31PD039vi77I12W+/KfR9S8AZbaiARFBCpsPJS+9uhWfeBfeAtW7o/4vt3MUqLkbY6nA==
@@ -9839,11 +10429,6 @@ camelcase@5.3.1, camelcase@^5.0.0, camelcase@^5.2.0, camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^1.0.2:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
-  integrity sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=
-
 camelcase@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
@@ -9854,7 +10439,7 @@ camelcase@^3.0.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
   integrity sha1-MvxLn82vhF/N9+c7uXysImHwqwo=
 
-camelcase@^4.0.0, camelcase@^4.1.0:
+camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
   integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
@@ -9886,10 +10471,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000844, caniuse-lite@^1.0.30000939, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30000989, caniuse-lite@^1.0.30001020, caniuse-lite@^1.0.30001032, caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001043, caniuse-lite@^1.0.30001061:
-  version "1.0.30001066"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001066.tgz#0a8a58a10108f2b9bf38e7b65c237b12fd9c5f04"
-  integrity sha512-Gfj/WAastBtfxLws0RCh2sDbTK/8rJuSeZMecrSkNGYxPcv7EzblmDGfWQCFEQcSqYE2BRgQiJh8HOD07N5hIw==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000844, caniuse-lite@^1.0.30000939, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30000989, caniuse-lite@^1.0.30001020, caniuse-lite@^1.0.30001032, caniuse-lite@^1.0.30001035, caniuse-lite@^1.0.30001043, caniuse-lite@^1.0.30001087:
+  version "1.0.30001096"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001096.tgz#5a4541af5317dc21f91f5b24d453030a35f919c0"
+  integrity sha512-PFTw9UyVfbkcMEFs82q8XVlRayj7HKvnhu5BLcmjGpv+SNyiWasCcWXPGJuO0rK0dhLRDJmtZcJ+LHUfypbw1w==
 
 canonical-path@1.0.0:
   version "1.0.0"
@@ -9903,11 +10488,6 @@ capture-exit@^2.0.0:
   dependencies:
     rsvp "^4.8.4"
 
-capture-stack-trace@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
-  integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
-
 cardinal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/cardinal/-/cardinal-1.0.0.tgz#50e21c1b0aa37729f9377def196b5a9cec932ee9"
@@ -9936,14 +10516,6 @@ ccount@^1.0.0, ccount@^1.0.3:
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.5.tgz#ac82a944905a65ce204eb03023157edf29425c17"
   integrity sha512-MOli1W+nfbPLlKEhInaxhRdp7KVLFxLN5ykwzHgLsLI3H3gs5jjFAK4Eoj3OzzcxCtumDaI8onoVDeQyWaNTkw==
 
-center-align@^0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
-  integrity sha1-qg0yYptu6XIgBBHL1EYckHvCt60=
-  dependencies:
-    align-text "^0.1.3"
-    lazy-cache "^1.0.3"
-
 chai@^3.5.0:
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/chai/-/chai-3.5.0.tgz#4d02637b067fe958bdbfdd3a40ec56fef7373247"
@@ -9989,6 +10561,11 @@ chalk@^4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+change-emitter@^0.1.2:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/change-emitter/-/change-emitter-0.1.6.tgz#e8b2fe3d7f1ab7d69a32199aff91ea6931409515"
+  integrity sha1-6LL+PX8at9aaMhma/5HqaTFAlRU=
+
 char-props@^0.1.5, char-props@~0.1.5:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/char-props/-/char-props-0.1.5.tgz#5b952f9e20ea21cd08ca7fe135a10f6fe91c109e"
@@ -10014,7 +10591,7 @@ character-entities@^1.0.0:
   resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.4.tgz#e12c3939b7eaf4e5b15e7ad4c5e28e1d48c5b16b"
   integrity sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==
 
-character-parser@^2.1.1, character-parser@^2.2.0:
+character-parser@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/character-parser/-/character-parser-2.2.0.tgz#c7ce28f36d4bcd9744e5ffc2c5fcde1c73261fc0"
   integrity sha1-x84o821LzZdE5f/CxfzeHHMmH8A=
@@ -10130,19 +10707,19 @@ chownr@^2.0.0:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
   integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
 
-chromatic@^4.0.2:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/chromatic/-/chromatic-4.0.3.tgz#3788bdb78b6323190dae2e9714dc0e5934926a45"
-  integrity sha512-TmtYAblzPxbEhH8vpQvL3aqQ/K2AkxraMliaIdORmOyVHmV4qM1aQHP2zPj4yTSdZ5/Tap5zOPW1xODrkQcI4Q==
+chromatic@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/chromatic/-/chromatic-5.0.0.tgz#64fcdd26e76c9a9d311d781e91d7532d2a0abd2a"
+  integrity sha512-jreBi7r6BFcJ5o30O9LQpZI/9ofNWAOZ6R8yX0U2EzxLGXA3yC8aiwkS73EDVUPwZC5qUvWm5pqzvD0FCIAHiw==
   dependencies:
     "@babel/preset-react" "^7.9.4"
     "@babel/runtime" "^7.9.2"
     "@chromaui/localtunnel" "2.0.1"
     async-retry "^1.3.1"
     babel-plugin-require-context-hook "^1.0.0"
+    chalk "^4.0.0"
     cross-spawn "^7.0.2"
     debug "^4.1.1"
-    denodeify "^1.2.1"
     dotenv "^8.2.0"
     enhanced-resolve "^4.1.1"
     env-ci "^5.0.2"
@@ -10150,25 +10727,25 @@ chromatic@^4.0.2:
     execa "^4.0.0"
     fake-tag "^2.0.0"
     fs-extra "^9.0.0"
-    is-url "^1.2.4"
     jest "^25.2.7"
-    jsdom "16.2.2"
     jsonfile "^6.0.1"
+    junit-report-builder "2.0.0"
+    listr "0.14.3"
     meow "^6.1.0"
-    minimatch "^3.0.4"
     node-ask "^1.0.1"
     node-fetch "^2.6.0"
     node-loggly-bulk "^2.2.4"
-    npmlog "^4.1.2"
-    pino "5.17.0"
+    p-limit "2.3.0"
+    picomatch "2.2.2"
     pkg-up "^3.1.0"
+    pluralize "^8.0.0"
     progress "^2.0.3"
     progress-stream "^2.0.0"
-    rotating-file-stream "^2.0.2"
     semver "^7.1.3"
     slash "^3.0.0"
-    strip-color "^0.1.0"
+    strip-ansi "6.0.0"
     tmp "^0.1.0"
+    tmp-promise "2.1.1"
     tree-kill "^1.2.2"
     ts-dedent "^1.1.1"
     util-deprecate "^1.0.2"
@@ -10264,11 +10841,6 @@ clean-up-path@^1.0.0:
   resolved "https://registry.yarnpkg.com/clean-up-path/-/clean-up-path-1.0.0.tgz#de9e8196519912e749c9eaf67c13d64fac72a3e5"
   integrity sha512-PHGlEF0Z6976qQyN6gM7kKH6EH0RdfZcc8V+QhFe36eRxV0SMH5OUBZG7Bxa9YcreNzyNbK63cGiZxdSZgosRw==
 
-cli-boxes@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-1.0.0.tgz#4fa917c3e59c94a004cd61f8ee509da651687143"
-  integrity sha1-T6kXw+WclKAEzWH47lCdplFocUM=
-
 cli-boxes@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.0.tgz#538ecae8f9c6ca508e3c3c95b453fe93cb4c168d"
@@ -10391,24 +10963,6 @@ clipboardy@^2.3.0:
     execa "^1.0.0"
     is-wsl "^2.1.1"
 
-cliui@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
-  integrity sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=
-  dependencies:
-    center-align "^0.1.1"
-    right-align "^0.1.1"
-    wordwrap "0.0.2"
-
-cliui@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
-  integrity sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=
-  dependencies:
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wrap-ansi "^2.0.0"
-
 cliui@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-4.1.0.tgz#348422dbe82d800b3022eef4f6ac10bf2e4d1b49"
@@ -10483,14 +11037,6 @@ clone@^2.0.0, clone@^2.1.1, clone@^2.1.2, clone@~2.1.0:
   resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
   integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
 
-cmd-shim@^3.0.0, cmd-shim@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-3.0.3.tgz#2c35238d3df37d98ecdd7d5f6b8dc6b21cadc7cb"
-  integrity sha512-DtGg+0xiFhQIntSBRzL2fRQBnmtAVwXIDo4Qq46HPpObYquxMaZS4sb82U9nH91qJrlosC1wa9gwr0QyL/HypA==
-  dependencies:
-    graceful-fs "^4.1.2"
-    mkdirp "~0.5.0"
-
 co@3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/co/-/co-3.1.0.tgz#4ea54ea5a08938153185e15210c68d9092bc1b78"
@@ -10622,6 +11168,11 @@ color@^3.0.0:
     color-convert "^1.9.1"
     color-string "^1.5.2"
 
+colorette@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.1.tgz#4d0b921325c14faf92633086a536db6e89564b1b"
+  integrity sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==
+
 colors@1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
@@ -10851,18 +11402,6 @@ config-chain@^1.1.11:
     ini "^1.3.4"
     proto-list "~1.2.1"
 
-configstore@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.2.tgz#c6f25defaeef26df12dd33414b001fe81a543f8f"
-  integrity sha512-vtv5HtGjcYUgFrXc6Kx747B83MRRVS5R1VTEQoXvuP+kMI+if6uywV0nDGoiydJRy4yk7h9od5Og0kxx4zUXmw==
-  dependencies:
-    dot-prop "^4.1.0"
-    graceful-fs "^4.1.2"
-    make-dir "^1.0.0"
-    unique-string "^1.0.0"
-    write-file-atomic "^2.0.0"
-    xdg-basedir "^3.0.0"
-
 configstore@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/configstore/-/configstore-4.0.0.tgz#5933311e95d3687efb592c528b922d9262d227e7"
@@ -10947,16 +11486,6 @@ consolidate@^0.15.1:
   dependencies:
     bluebird "^3.1.1"
 
-constantinople@^3.0.1, constantinople@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/constantinople/-/constantinople-3.1.2.tgz#d45ed724f57d3d10500017a7d3a889c1381ae647"
-  integrity sha512-yePcBqEFhLOqSBtwYOGGS1exHo/s1xjekXiinh4itpNQGCu4KA1euPh1fg07N2wMITZXQkBz75Ntdt1ctGZouw==
-  dependencies:
-    "@types/babel-types" "^7.0.0"
-    "@types/babylon" "^6.16.2"
-    babel-types "^6.26.0"
-    babylon "^6.18.0"
-
 constantinople@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/constantinople/-/constantinople-4.0.1.tgz#0def113fa0e4dc8de83331a5cf79c8b325213151"
@@ -11270,13 +11799,6 @@ create-ecdh@^4.0.0:
     bn.js "^4.1.0"
     elliptic "^6.0.0"
 
-create-error-class@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/create-error-class/-/create-error-class-3.0.2.tgz#06be7abef947a3f14a30fd610671d401bca8b7b6"
-  integrity sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=
-  dependencies:
-    capture-stack-trace "^1.0.0"
-
 create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
@@ -11596,7 +12118,7 @@ css-selector-tokenizer@^0.7.0, css-selector-tokenizer@^0.7.1:
     fastparse "^1.1.2"
     regexpu-core "^4.6.0"
 
-css-to-react-native@^2.2.1:
+css-to-react-native@^2.2.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-2.3.2.tgz#e75e2f8f7aa385b4c3611c52b074b70a002f2e7d"
   integrity sha512-VOFaeZA053BqvvvqIA8c9n0+9vFppVBAHCp6JgFTtTMU3Mzi+XnelJ9XC9ul3BqFzZyQ5N+H0SnwsWT2Ebchxw==
@@ -11658,6 +12180,15 @@ css@^2.0.0, css@^2.2.1, css@^2.2.4:
     source-map-resolve "^0.5.2"
     urix "^0.1.0"
 
+css@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/css/-/css-3.0.0.tgz#4447a4d58fdd03367c516ca9f64ae365cee4aa5d"
+  integrity sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==
+  dependencies:
+    inherits "^2.0.4"
+    source-map "^0.6.1"
+    source-map-resolve "^0.6.0"
+
 cssauron@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/cssauron/-/cssauron-1.4.0.tgz#a6602dff7e04a8306dc0db9a551e92e8b5662ad8"
@@ -11966,6 +12497,11 @@ date-fns@^2.0.1:
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.14.0.tgz#359a87a265bb34ef2e38f93ecf63ac453f9bc7ba"
   integrity sha512-1zD+68jhFgDIM0rF05rcwYO8cExdNqxjq4xP1QKM60Q45mnO6zaMWB4tOzrIr4M4GSLntsKeE4c9Bdl2jhL/yw==
 
+date-format@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/date-format/-/date-format-0.0.2.tgz#fafd448f72115ef1e2b739155ae92f2be6c28dd1"
+  integrity sha1-+v1Ej3IRXvHitzkVWukvK+bCjdE=
+
 date-now@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
@@ -12049,7 +12585,7 @@ decamelize-keys@^1.0.0, decamelize-keys@^1.1.0:
     decamelize "^1.1.0"
     map-obj "^1.0.0"
 
-decamelize@^1.0.0, decamelize@^1.1.0, decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0:
+decamelize@^1.1.0, decamelize@^1.1.2, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
@@ -12114,7 +12650,7 @@ deep-extend@^0.6.0:
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
   integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
 
-deep-is@~0.1.3:
+deep-is@^0.1.3, deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
@@ -12280,11 +12816,6 @@ delegates@^1.0.0:
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
   integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
 
-denodeify@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/denodeify/-/denodeify-1.2.1.tgz#3a36287f5034e699e7577901052c2e6c94251631"
-  integrity sha1-OjYof1A05pnnV3kBBSwubJQlFjE=
-
 depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
@@ -12429,10 +12960,10 @@ diff-sequences@^25.2.6:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-25.2.6.tgz#5f467c00edd35352b7bca46d7927d60e687a76dd"
   integrity sha512-Hq8o7+6GaZeoFjtpgvRBUknSXNeJiCx7V9Fr94ZMljNiCr9n9L8H8aJqgWOQiDDGdyn29fRNcDdRVJ5fdyihfg==
 
-diff-sequences@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-26.0.0.tgz#0760059a5c287637b842bd7085311db7060e88a6"
-  integrity sha512-JC/eHYEC3aSS0vZGjuoc4vHA0yAQTzhQQldXMeMF+JlxLGJlCO38Gma82NV9gk1jGFz8mDzUMeaKXvjRRdJ2dg==
+diff-sequences@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-26.3.0.tgz#62a59b1b29ab7fd27cef2a33ae52abe73042d0a2"
+  integrity sha512-5j5vdRcw3CNctePNYN0Wy2e/JbWT6cAYnXv5OuqPhDpyCGc0uLu2TK0zOCJWNB9kOIfYMSpIulRaDgIi4HJ6Ig==
 
 diff@^4.0.1:
   version "4.0.2"
@@ -12730,13 +13261,13 @@ dotenv@^5.0.0:
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-5.0.1.tgz#a5317459bd3d79ab88cff6e44057a6a3fbb1fcef"
   integrity sha512-4As8uPrjfwb7VXC+WnLCbXK7y+Ueb2B3zgNCePYfhxS1PYeaO1YTeplffTEcbfLhvFNGLAz90VvJs9yomG7bow==
 
-downlevel-dts@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/downlevel-dts/-/downlevel-dts-0.4.0.tgz#43f9f649c8b137373d76b4ee396d5a0227c10ddb"
-  integrity sha512-nh5vM3n2pRhPwZqh0iWo5gpItPAYEGEWw9yd0YpI+lO60B7A3A6iJlxDbt7kKVNbqBXKsptL+jwE/Yg5Go66WQ==
+downlevel-dts@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/downlevel-dts/-/downlevel-dts-0.6.0.tgz#1e52db9fa3ad9e3919a36545412f0b41a44289d1"
+  integrity sha512-Jy3ZZcXWPzTn5jJRW5WpdEtIq8+UowWWi5TEBgHHvzw320kouV//2KgVhfcuOpP93KS3UAokTxnZKU4L75kRSQ==
   dependencies:
     shelljs "^0.8.3"
-    typescript "^3.8.0-dev.20200111"
+    typescript "^4.1.0-dev.20200804"
 
 driver-dom@^2.0.0, driver-dom@^2.0.5, driver-dom@^2.0.6:
   version "2.0.9"
@@ -12885,11 +13416,6 @@ elegant-spinner@^1.0.1:
   resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-1.0.1.tgz#db043521c95d7e303fd8f345bedc3349cfb0729e"
   integrity sha1-2wQ1IcldfjA/2PNFvtwzSc+wcp4=
 
-elegant-spinner@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-2.0.0.tgz#f236378985ecd16da75488d166be4b688fd5af94"
-  integrity sha512-5YRYHhvhYzV/FC4AiMdeSIg3jAYGq9xFvbhZMpPlJoBsfYgrw2DSCYeXfat6tYBu45PWiyRr3+flaCPPmviPaA==
-
 element-resize-detector@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/element-resize-detector/-/element-resize-detector-1.2.1.tgz#b0305194447a4863155e58f13323a0aef30851d1"
@@ -13002,6 +13528,38 @@ ember-cli-babel@^7.1.2, ember-cli-babel@^7.11.0, ember-cli-babel@^7.13.2, ember-
     rimraf "^3.0.1"
     semver "^5.5.0"
 
+ember-cli-babel@^7.19.0:
+  version "7.22.1"
+  resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-7.22.1.tgz#cad28b89cf0e184c93b863d09bc5ba4ce1d2e453"
+  integrity sha512-kCT8WbC1AYFtyOpU23ESm22a+gL6fWv8Nzwe8QFQ5u0piJzM9MEudfbjADEaoyKTrjMQTDsrWwEf3yjggDsOng==
+  dependencies:
+    "@babel/core" "^7.11.0"
+    "@babel/helper-compilation-targets" "^7.10.4"
+    "@babel/plugin-proposal-class-properties" "^7.10.4"
+    "@babel/plugin-proposal-decorators" "^7.10.5"
+    "@babel/plugin-transform-modules-amd" "^7.10.5"
+    "@babel/plugin-transform-runtime" "^7.11.0"
+    "@babel/plugin-transform-typescript" "^7.11.0"
+    "@babel/polyfill" "^7.10.4"
+    "@babel/preset-env" "^7.11.0"
+    "@babel/runtime" "^7.11.0"
+    amd-name-resolver "^1.2.1"
+    babel-plugin-debug-macros "^0.3.3"
+    babel-plugin-ember-data-packages-polyfill "^0.1.2"
+    babel-plugin-ember-modules-api-polyfill "^3.1.1"
+    babel-plugin-module-resolver "^3.1.1"
+    broccoli-babel-transpiler "^7.7.0"
+    broccoli-debug "^0.6.4"
+    broccoli-funnel "^2.0.1"
+    broccoli-source "^1.1.0"
+    clone "^2.1.2"
+    ember-cli-babel-plugin-helpers "^1.1.0"
+    ember-cli-version-checker "^4.1.0"
+    ensure-posix-path "^1.0.2"
+    fixturify-project "^1.10.0"
+    rimraf "^3.0.1"
+    semver "^5.5.0"
+
 ember-cli-get-component-path-option@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/ember-cli-get-component-path-option/-/ember-cli-get-component-path-option-1.0.0.tgz#0d7b595559e2f9050abed804f1d8eff1b08bc771"
@@ -13038,6 +13596,26 @@ ember-cli-htmlbars@^4.2.2:
     strip-bom "^4.0.0"
     walk-sync "^2.0.2"
 
+ember-cli-htmlbars@^4.3.1:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/ember-cli-htmlbars/-/ember-cli-htmlbars-4.4.0.tgz#7ca17d5ca8f7550984346d9e6e93da0c3323f8d9"
+  integrity sha512-ohgctqk7dXIZR4TgN0xRoUYltWhghFJgqmtuswQTpZ7p74RxI9PKx+E8WV/95mGcPzraesvMNBg5utQNvcqgNg==
+  dependencies:
+    "@ember/edition-utils" "^1.2.0"
+    babel-plugin-htmlbars-inline-precompile "^3.2.0"
+    broccoli-debug "^0.6.5"
+    broccoli-persistent-filter "^2.3.1"
+    broccoli-plugin "^3.1.0"
+    common-tags "^1.8.0"
+    ember-cli-babel-plugin-helpers "^1.1.0"
+    fs-tree-diff "^2.0.1"
+    hash-for-dep "^1.5.1"
+    heimdalljs-logger "^0.1.10"
+    json-stable-stringify "^1.0.1"
+    semver "^6.3.0"
+    strip-bom "^4.0.0"
+    walk-sync "^2.0.2"
+
 ember-cli-inject-live-reload@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/ember-cli-inject-live-reload/-/ember-cli-inject-live-reload-2.0.2.tgz#95edb543b386239d35959e5ea9579f5382976ac7"
@@ -13152,6 +13730,15 @@ ember-cli-version-checker@^4.1.0:
     semver "^6.3.0"
     silent-error "^1.1.1"
 
+ember-cli-version-checker@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/ember-cli-version-checker/-/ember-cli-version-checker-5.1.1.tgz#3185c526c14671609cbd22ab0d0925787fc84f3d"
+  integrity sha512-YziSW1MgOuVdJSyUY2CKSC4vXrGQIHF6FgygHkJOxYGjZNQYwf5MK0sbliKatvJf7kzDSnXs+r8JLrD74W/A8A==
+  dependencies:
+    resolve-package-path "^2.0.0"
+    semver "^7.3.2"
+    silent-error "^1.1.1"
+
 ember-cli@~3.17.0:
   version "3.17.0"
   resolved "https://registry.yarnpkg.com/ember-cli/-/ember-cli-3.17.0.tgz#d846027c01f1835c7903b6bff073c2a80885202e"
@@ -13254,6 +13841,15 @@ ember-load-initializers@^2.0.0:
     ember-cli-babel "^7.11.0"
     ember-cli-typescript "^2.0.2"
 
+ember-named-blocks-polyfill@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/ember-named-blocks-polyfill/-/ember-named-blocks-polyfill-0.2.3.tgz#05fb3b40cff98a0d30e8c3b1e3d2155951007d84"
+  integrity sha512-RrhkgWmfte2lRuOmRWWa7sS2Eo6W3O0VybK0iPhhnLvk7VtUSOmFxuDlhAtEaJ0lBieISrNcmSIZRnmgca/HcA==
+  dependencies:
+    ember-cli-babel "^7.19.0"
+    ember-cli-htmlbars "^4.3.1"
+    ember-cli-version-checker "^5.1.1"
+
 ember-resolver@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/ember-resolver/-/ember-resolver-7.0.0.tgz#07ca86b3bae373395b44bba784b8c133f75d61c2"
@@ -13271,6 +13867,11 @@ ember-rfc176-data@^0.3.1, ember-rfc176-data@^0.3.13:
   resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.3.13.tgz#ed1712a26e65fec703655f35410414aa1982cf3b"
   integrity sha512-m9JbwQlT6PjY7x/T8HslnXP7Sz9bx/pz3FrNfNi2NesJnbNISly0Lix6NV1fhfo46572cpq4jrM+/6yYlMefTQ==
 
+ember-rfc176-data@^0.3.15:
+  version "0.3.15"
+  resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.3.15.tgz#af3f1da5a0339b6feda380edc2f7190e0f416c2d"
+  integrity sha512-GPKa7zRDBblRy0orxTXt5yrpp/Pf5CkuRFSIR8qMFDww0CqCKjCRwdZnWYzCM4kAEfZnXRIDDefe1tBaFw7v7w==
+
 ember-router-generator@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ember-router-generator/-/ember-router-generator-2.0.0.tgz#d04abfed4ba8b42d166477bbce47fccc672dbde0"
@@ -13335,6 +13936,11 @@ emitter-mixin@0.0.3:
   resolved "https://registry.yarnpkg.com/emitter-mixin/-/emitter-mixin-0.0.3.tgz#5948cb286f2e48edc3b251a7cfc1f7883396d65c"
   integrity sha1-WUjLKG8uSO3DslGnz8H3iDOW1lw=
 
+emittery@^0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.7.1.tgz#c02375a927a40948c0345cc903072597f5270451"
+  integrity sha512-d34LN4L6h18Bzz9xpoku2nPwKxCPlPMr3EEKTkoEBi+1/+b0lcRkRJ1UVyyZaKNeqGR3swcGl6s390DNO4YVgQ==
+
 "emoji-regex@>=6.0.0 <=6.1.1":
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-6.1.1.tgz#c6cd0ec1b0642e2a3c67a1137efc5e796da4f88e"
@@ -13398,6 +14004,15 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0:
   dependencies:
     once "^1.4.0"
 
+endent@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/endent/-/endent-2.0.1.tgz#fb18383a3f37ae3213a5d9f6c4a880d1061eb4c5"
+  integrity sha512-mADztvcC+vCk4XEZaCz6xIPO2NHQuprv5CAEjuVAu6aZwqAj7nVNlMyl1goPFYqCCpS2OJV9jwpumJLkotZrNw==
+  dependencies:
+    dedent "^0.7.0"
+    fast-json-parse "^1.0.3"
+    objectorarray "^1.0.4"
+
 engine.io-client@~3.4.0:
   version "3.4.2"
   resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.4.2.tgz#4fb2ef2b1fe1d3aa1c621c6a8d87f1fc55426b50"
@@ -13599,7 +14214,7 @@ error-ex@^1.2.0, error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-error-stack-parser@^2.0.0, error-stack-parser@^2.0.1:
+error-stack-parser@^2.0.0, error-stack-parser@^2.0.1, error-stack-parser@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.0.6.tgz#5a99a707bd7a4c58a797902d48d82803ede6aad8"
   integrity sha512-d51brTeqC+BHlwF0BhPtcYgF5nlzf9ZZ0ZIUQNZpc9ZB9qw5IJ2diTrBY9jlCJkTLITYPjmiX6OWCwH+fuyNgQ==
@@ -14095,6 +14710,14 @@ eslint-scope@^5.0.0:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
+eslint-scope@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.0.tgz#d0f971dfe59c69e0cada684b23d49dbf82600ce5"
+  integrity sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==
+  dependencies:
+    esrecurse "^4.1.0"
+    estraverse "^4.1.1"
+
 eslint-teamcity@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/eslint-teamcity/-/eslint-teamcity-3.0.1.tgz#14524bb460afef6501eb1d1eff819a4b19fa4804"
@@ -14116,11 +14739,65 @@ eslint-utils@^2.0.0:
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
+eslint-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
+  integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
 eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
   integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
 
+eslint-visitor-keys@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
+
+eslint@7.6.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.6.0.tgz#522d67cfaea09724d96949c70e7a0550614d64d6"
+  integrity sha512-QlAManNtqr7sozWm5TF4wIH9gmUm2hE3vNRUvyoYAa4y1l5/jxD/PQStEjBMQtCqZmSep8UxrcecI60hOpe61w==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    ajv "^6.10.0"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.0.1"
+    doctrine "^3.0.0"
+    enquirer "^2.3.5"
+    eslint-scope "^5.1.0"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^1.3.0"
+    espree "^7.2.0"
+    esquery "^1.2.0"
+    esutils "^2.0.2"
+    file-entry-cache "^5.0.1"
+    functional-red-black-tree "^1.0.1"
+    glob-parent "^5.0.0"
+    globals "^12.1.0"
+    ignore "^4.0.6"
+    import-fresh "^3.0.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    js-yaml "^3.13.1"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash "^4.17.19"
+    minimatch "^3.0.4"
+    natural-compare "^1.4.0"
+    optionator "^0.9.1"
+    progress "^2.0.0"
+    regexpp "^3.1.0"
+    semver "^7.2.1"
+    strip-ansi "^6.0.0"
+    strip-json-comments "^3.1.0"
+    table "^5.2.3"
+    text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
+
 eslint@^5.16.0:
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.16.0.tgz#a1e3ac1aae4a3fbd8296fcf8f7ab7314cbb6abea"
@@ -14211,6 +14888,15 @@ esm@^3.2.25, esm@^3.2.4:
   resolved "https://registry.yarnpkg.com/esm/-/esm-3.2.25.tgz#342c18c29d56157688ba5ce31f8431fbb795cc10"
   integrity sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==
 
+espree@7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-7.2.0.tgz#1c263d5b513dbad0ac30c4991b93ac354e948d69"
+  integrity sha512-H+cQ3+3JYRMEIOl87e7QdHX70ocly5iW4+dttuR8iYSPr/hXKFb+7dBsZ7+u1adC4VrnPlTkv0+OwuPnDop19g==
+  dependencies:
+    acorn "^7.3.1"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.3.0"
+
 espree@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-5.0.1.tgz#5d6526fa4fc7f0788a5cf75b15f30323e2f81f7a"
@@ -14229,6 +14915,15 @@ espree@^6.1.2:
     acorn-jsx "^5.2.0"
     eslint-visitor-keys "^1.1.0"
 
+espree@^7.2.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-7.3.0.tgz#dc30437cf67947cf576121ebd780f15eeac72348"
+  integrity sha512-dksIWsvKCixn1yrEXO8UosNSxaDoSYpq9reEjZSbHLpT5hpaCAKTLBwq0RHtLrIr+c0ByiYzWT8KTMRzoRCNlw==
+  dependencies:
+    acorn "^7.4.0"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.3.0"
+
 esprima@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
@@ -14249,7 +14944,7 @@ esprima@~3.0.0:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.0.0.tgz#53cf247acda77313e551c3aa2e73342d3fb4f7d9"
   integrity sha1-U88kes2ncxPlUcOqLnM0LT+099k=
 
-esquery@^1.0.1:
+esquery@^1.0.1, esquery@^1.2.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.3.1.tgz#b78b5828aa8e214e29fb74c4d5b752e1c033da57"
   integrity sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==
@@ -14484,6 +15179,11 @@ executable@4.1.1:
   dependencies:
     pify "^2.2.0"
 
+exenv@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
+  integrity sha1-KueOhdmJQVhnCwPUe+wfA72Ru50=
+
 exit-hook@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-1.1.1.tgz#f05ca233b48c05d54fff07765df8507e95c02ff8"
@@ -14552,16 +15252,16 @@ expect@^25.5.0:
     jest-message-util "^25.5.0"
     jest-regex-util "^25.2.6"
 
-expect@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-26.0.1.tgz#18697b9611a7e2725e20ba3ceadda49bc9865421"
-  integrity sha512-QcCy4nygHeqmbw564YxNbHTJlXh47dVID2BUP52cZFpLU9zHViMFK6h07cC1wf7GYCTIigTdAXhVua8Yl1FkKg==
+expect@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-26.4.0.tgz#34a0aae523343b0931ff1cf0aa972dfe40edfab4"
+  integrity sha512-dbYDJhFcqQsamlos6nEwAMe+ahdckJBk5fmw1DYGLQGabGSlUuT+Fm2jHYw5119zG3uIhP+lCQbjJhFEdZMJtg==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     ansi-styles "^4.0.0"
-    jest-get-type "^26.0.0"
-    jest-matcher-utils "^26.0.1"
-    jest-message-util "^26.0.1"
+    jest-get-type "^26.3.0"
+    jest-matcher-utils "^26.4.0"
+    jest-message-util "^26.3.0"
     jest-regex-util "^26.0.0"
 
 express-graphql@^0.9.0:
@@ -14730,11 +15430,6 @@ fast-deep-equal@^1.0.0:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz#c053477817c86b51daa853c81e059b733d023614"
   integrity sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=
 
-fast-deep-equal@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
-  integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
-
 fast-deep-equal@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz#545145077c501491e33b15ec408c294376e94ae4"
@@ -14769,6 +15464,11 @@ fast-glob@^3.0.3, fast-glob@^3.1.0, fast-glob@^3.1.1:
     micromatch "^4.0.2"
     picomatch "^2.2.1"
 
+fast-json-parse@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/fast-json-parse/-/fast-json-parse-1.0.3.tgz#43e5c61ee4efa9265633046b770fb682a7577c4d"
+  integrity sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==
+
 fast-json-patch@^3.0.0-1:
   version "3.0.0-1"
   resolved "https://registry.yarnpkg.com/fast-json-patch/-/fast-json-patch-3.0.0-1.tgz#4c68f2e7acfbab6d29d1719c44be51899c93dabb"
@@ -14779,7 +15479,7 @@ fast-json-stable-stringify@2.1.0, fast-json-stable-stringify@2.x, fast-json-stab
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
@@ -14791,11 +15491,6 @@ fast-ordered-set@^1.0.0:
   dependencies:
     blank-object "^1.0.1"
 
-fast-redact@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/fast-redact/-/fast-redact-2.0.0.tgz#17bb8f5e1f56ecf4a38c8455985e5eab4c478431"
-  integrity sha512-zxpkULI9W9MNTK2sJ3BpPQrTEXFNESd2X6O1tXMFpK/XM0G5c5Rll2EVYZH2TqI3xRGK/VaJ+eEOt7pnENJpeA==
-
 fast-safe-stringify@^2.0.7:
   version "2.0.7"
   resolved "https://registry.yarnpkg.com/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz#124aa885899261f68aedb42a7c080de9da608743"
@@ -14855,7 +15550,7 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
-fbjs@^0.8.9:
+fbjs@^0.8.1, fbjs@^0.8.9:
   version "0.8.17"
   resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
   integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
@@ -15064,11 +15759,6 @@ find-index@^1.1.0:
   resolved "https://registry.yarnpkg.com/find-index/-/find-index-1.1.1.tgz#4b221f8d46b7f8bea33d8faed953f3ca7a081cbc"
   integrity sha512-XYKutXMrIK99YMUPf91KX5QVJoG31/OsgftD6YoTPAObfQIxM4ziA9f0J1AsqKhJmo+IeaIPP0CFopTD4bdUBw==
 
-find-npm-prefix@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/find-npm-prefix/-/find-npm-prefix-1.0.2.tgz#8d8ce2c78b3b4b9e66c8acc6a37c231eb841cfdf"
-  integrity sha512-KEftzJ+H90x6pcKtdXZEPsQse8/y/UnvzRKrOSQFprnrGaFuJ62fVkP34Iu2IYuMvyauCyoLTNkJZgrrGA2wkA==
-
 find-root@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
@@ -15183,11 +15873,6 @@ flat-cache@^2.0.1:
     rimraf "2.6.3"
     write "1.0.3"
 
-flatstr@^1.0.12:
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/flatstr/-/flatstr-1.0.12.tgz#c2ba6a08173edbb6c9640e3055b95e287ceb5931"
-  integrity sha512-4zPxDyhCyiN2wIAtSLI6gc82/EjqZc1onI4Mz/l0pWrAlsSfYH/2ZIcU+e3oA2wDwbzIWNKwa23F8rh6+DRWkw==
-
 flatted@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
@@ -15556,15 +16241,6 @@ fs-updater@^1.0.4:
     heimdalljs-logger "^0.1.9"
     rimraf "^2.6.2"
 
-fs-vacuum@^1.2.10:
-  version "1.2.10"
-  resolved "https://registry.yarnpkg.com/fs-vacuum/-/fs-vacuum-1.2.10.tgz#b7629bec07a4031a2548fdf99f5ecf1cc8b31e36"
-  integrity sha1-t2Kb7AekAxolSP35n17PHMizHjY=
-  dependencies:
-    graceful-fs "^4.1.2"
-    path-is-inside "^1.0.1"
-    rimraf "^2.5.2"
-
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -15673,23 +16349,6 @@ gensync@^1.0.0-beta.1:
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
   integrity sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==
 
-gentle-fs@^2.3.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/gentle-fs/-/gentle-fs-2.3.1.tgz#11201bf66c18f930ddca72cf69460bdfa05727b1"
-  integrity sha512-OlwBBwqCFPcjm33rF2BjW+Pr6/ll2741l+xooiwTCeaX2CA1ZuclavyMBe0/KlR21/XGsgY6hzEQZ15BdNa13Q==
-  dependencies:
-    aproba "^1.1.2"
-    chownr "^1.1.2"
-    cmd-shim "^3.0.3"
-    fs-vacuum "^1.2.10"
-    graceful-fs "^4.1.11"
-    iferr "^0.1.5"
-    infer-owner "^1.0.4"
-    mkdirp "^0.5.1"
-    path-is-inside "^1.0.2"
-    read-cmd-shim "^1.0.1"
-    slide "^1.1.6"
-
 get-assigned-identifiers@^1.1.0, get-assigned-identifiers@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/get-assigned-identifiers/-/get-assigned-identifiers-1.2.0.tgz#6dbf411de648cbaf8d9169ebb0d2d576191e2ff1"
@@ -16195,23 +16854,6 @@ good-listener@^1.2.2:
   dependencies:
     delegate "^3.1.2"
 
-got@^6.7.1:
-  version "6.7.1"
-  resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
-  integrity sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=
-  dependencies:
-    create-error-class "^3.0.0"
-    duplexer3 "^0.1.4"
-    get-stream "^3.0.0"
-    is-redirect "^1.0.0"
-    is-retry-allowed "^1.0.0"
-    is-stream "^1.0.0"
-    lowercase-keys "^1.0.0"
-    safe-buffer "^5.0.1"
-    timed-out "^4.0.0"
-    unzip-response "^2.0.1"
-    url-parse-lax "^1.0.0"
-
 got@^8.0.1:
   version "8.3.2"
   resolved "https://registry.yarnpkg.com/got/-/got-8.3.2.tgz#1d23f64390e97f776cac52e5b936e5f514d2e937"
@@ -16690,16 +17332,16 @@ hex-color-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
   integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==
 
+highlight.js@^10.1.1, highlight.js@~10.1.0:
+  version "10.1.2"
+  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.1.2.tgz#c20db951ba1c22c055010648dfffd7b2a968e00c"
+  integrity sha512-Q39v/Mn5mfBlMff9r+zzA+gWxRsCRKwEMvYTiisLr/XUiFI/4puWt0Ojdko3R3JCNWGdOWaA5g/Yxqa23kC5AA==
+
 highlight.js@^9.6.0:
   version "9.18.1"
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.18.1.tgz#ed21aa001fe6252bb10a3d76d47573c6539fe13c"
   integrity sha512-OrVKYz70LHsnCgmbXctv/bfuvntIKDz177h0Co37DQ5jamGZLVmoCVMtjMtNZY3X9DrCcKfklHPNeA0uPZhSJg==
 
-highlight.js@~9.15.0, highlight.js@~9.15.1:
-  version "9.15.10"
-  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.15.10.tgz#7b18ed75c90348c045eef9ed08ca1319a2219ad2"
-  integrity sha512-RoV7OkQm0T3os3Dd2VHLNMoaoDVx77Wygln3n9l5YV172XonWG6rgQD3XnF/BuFFZw9A0TJgmMSO8FEWQgvcXw==
-
 hmac-drbg@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
@@ -16719,6 +17361,11 @@ hoek@4.x.x:
   resolved "https://registry.yarnpkg.com/hoek/-/hoek-4.2.1.tgz#9634502aa12c445dd5a7c5734b572bb8738aacbb"
   integrity sha512-QLg82fGkfnJ/4iy1xZ81/9SIJiq1NGFUMGs6ParyjBZr6jW2Ufj/snDqTHixNlHdPNwN2RLVD0Pi3igeK9+JfA==
 
+hoist-non-react-statics@^2.3.1:
+  version "2.5.5"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
+  integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
+
 hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
@@ -16968,6 +17615,16 @@ htmlnano@^0.2.2:
     terser "^4.3.9"
     uncss "^0.17.2"
 
+htmlparser2-svelte@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2-svelte/-/htmlparser2-svelte-4.1.0.tgz#3f8421a2896e58d1c430fe2a82033c8f6377cc64"
+  integrity sha512-+4f4RBFz7Rj2Hp0ZbFbXC+Kzbd6S9PgjiuFtdT76VMNgKogrEZy0pG2UrPycPbrZzVEIM5lAT3lAdkSTCHLPjg==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^3.0.0"
+    domutils "^2.0.0"
+    entities "^2.0.0"
+
 htmlparser2@3.8.x:
   version "3.8.3"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.8.3.tgz#996c28b191516a8be86501a7d79757e5c70c1068"
@@ -17645,11 +18302,6 @@ invariant@^2.2.2, invariant@^2.2.3, invariant@^2.2.4:
   dependencies:
     loose-envify "^1.0.0"
 
-invert-kv@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
-  integrity sha1-EEqOSqym09jNFXqO+L+rLXo//bY=
-
 invert-kv@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-2.0.0.tgz#7393f5afa59ec9ff5f67a27620d11c226e3eec02"
@@ -17885,14 +18537,6 @@ is-equal-shallow@^0.1.3:
   dependencies:
     is-primitive "^2.0.0"
 
-is-expression@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-expression/-/is-expression-3.0.0.tgz#39acaa6be7fd1f3471dc42c7416e61c24317ac9f"
-  integrity sha1-Oayqa+f9HzRx3ELHQW5hwkMXrJ8=
-  dependencies:
-    acorn "~4.0.2"
-    object-assign "^4.0.1"
-
 is-expression@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/is-expression/-/is-expression-4.0.0.tgz#c33155962abf21d0afd2552514d67d2ec16fd2ab"
@@ -17945,7 +18589,7 @@ is-fullwidth-code-point@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
-is-function@^1.0.1, is-function@^1.0.2:
+is-function@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-function/-/is-function-1.0.2.tgz#4f097f30abf6efadac9833b17ca5dc03f8144e08"
   integrity sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==
@@ -18024,11 +18668,6 @@ is-negated-glob@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2"
   integrity sha1-aRC8pdqMleeEtXUbl2z1oQ/uNtI=
 
-is-npm@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
-  integrity sha1-8vtjpl5JBbQGyGBydloaTceTufQ=
-
 is-npm@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-3.0.0.tgz#ec9147bfb629c43f494cf67936a961edec7e8053"
@@ -18177,11 +18816,6 @@ is-promise@^2.0.0, is-promise@^2.1.0:
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
   integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
 
-is-redirect@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
-  integrity sha1-HQPd7VO9jbDzDCbk+V02/HyH3CQ=
-
 is-reference@^1.1.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.1.4.tgz#3f95849886ddb70256a3e6d062b1a68c13c51427"
@@ -18189,12 +18823,12 @@ is-reference@^1.1.0:
   dependencies:
     "@types/estree" "0.0.39"
 
-is-regex@^1.0.3, is-regex@^1.0.4, is-regex@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.5.tgz#39d589a358bf18967f726967120b8fc1aed74eae"
-  integrity sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==
+is-regex@^1.0.3, is-regex@^1.0.4, is-regex@^1.0.5, is-regex@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.1.tgz#c6f98aacc546f6cec5468a07b7b153ab564a57b9"
+  integrity sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==
   dependencies:
-    has "^1.0.3"
+    has-symbols "^1.0.1"
 
 is-regexp@^1.0.0:
   version "1.0.0"
@@ -18220,7 +18854,7 @@ is-resolvable@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
   integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==
 
-is-retry-allowed@^1.0.0, is-retry-allowed@^1.1.0:
+is-retry-allowed@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz#d778488bd0a4666a3be8a1482b9f2baafedea8b4"
   integrity sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg==
@@ -18242,7 +18876,7 @@ is-ssh@^1.3.0:
   dependencies:
     protocols "^1.1.0"
 
-is-stream@^1.0.0, is-stream@^1.0.1, is-stream@^1.1.0:
+is-stream@^1.0.1, is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
   integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
@@ -18316,7 +18950,7 @@ is-url-superb@^3.0.0:
   dependencies:
     url-regex "^5.0.0"
 
-is-url@^1.2.2, is-url@^1.2.4:
+is-url@^1.2.2:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
   integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
@@ -18326,6 +18960,11 @@ is-utf8@^0.2.0:
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
   integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
 
+is-what@^3.3.1:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/is-what/-/is-what-3.8.0.tgz#610bc46a524355f2424eb85eedc6ebbbf7e1ff8c"
+  integrity sha512-UKeBoQfV8bjlM4pmx1FLDHdxslW/1mTksEs8ReVsilPmUv5cORd4+2/wFcviI3cUjrLybxCjzc8DnodAzJ/Wrg==
+
 is-whitespace-character@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz#0858edd94a95594c7c9dd0b5c174ec6e45ee4aa7"
@@ -18460,7 +19099,7 @@ istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.3.0:
     istanbul-lib-coverage "^2.0.5"
     semver "^6.0.0"
 
-istanbul-lib-instrument@^4.0.0, istanbul-lib-instrument@^4.0.1:
+istanbul-lib-instrument@^4.0.0, istanbul-lib-instrument@^4.0.1, istanbul-lib-instrument@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz#873c6fff897450118222774696a3f28902d77c1d"
   integrity sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==
@@ -18622,12 +19261,12 @@ jest-changed-files@^25.5.0:
     execa "^3.2.0"
     throat "^5.0.0"
 
-jest-changed-files@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-26.0.1.tgz#1334630c6a1ad75784120f39c3aa9278e59f349f"
-  integrity sha512-q8LP9Sint17HaE2LjxQXL+oYWW/WeeXMPE2+Op9X3mY8IEGFVc14xRxFjUuXUbcPAlDLhtWdIEt59GdQbn76Hw==
+jest-changed-files@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-26.3.0.tgz#68fb2a7eb125f50839dab1f5a17db3607fe195b1"
+  integrity sha512-1C4R4nijgPltX6fugKxM4oQ18zimS7LqQ+zTTY8lMCMFPrxqBFb7KJH0Z2fRQJvw2Slbaipsqq7s1mgX5Iot+g==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     execa "^4.0.0"
     throat "^5.0.0"
 
@@ -18670,22 +19309,22 @@ jest-cli@^25.5.4:
     realpath-native "^2.0.0"
     yargs "^15.3.1"
 
-jest-cli@^26.0.0, jest-cli@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-26.0.1.tgz#3a42399a4cbc96a519b99ad069a117d955570cac"
-  integrity sha512-pFLfSOBcbG9iOZWaMK4Een+tTxi/Wcm34geqZEqrst9cZDkTQ1LZ2CnBrTlHWuYAiTMFr0EQeK52ScyFU8wK+w==
+jest-cli@^26.0.0, jest-cli@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-26.4.0.tgz#9cbd6be818cd818d85bafe2cffa1dbf043602b28"
+  integrity sha512-kw2Pr3V2x9/WzSDGsbz/MJBNlCoPMxMudrIavft4bqRlv5tASjU51tyO+1Os1LdW2dAnLQZYsxFUZ8oWPyssGQ==
   dependencies:
-    "@jest/core" "^26.0.1"
-    "@jest/test-result" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/core" "^26.4.0"
+    "@jest/test-result" "^26.3.0"
+    "@jest/types" "^26.3.0"
     chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
     import-local "^3.0.2"
     is-ci "^2.0.0"
-    jest-config "^26.0.1"
-    jest-util "^26.0.1"
-    jest-validate "^26.0.1"
+    jest-config "^26.4.0"
+    jest-util "^26.3.0"
+    jest-validate "^26.4.0"
     prompts "^2.0.1"
     yargs "^15.3.1"
 
@@ -18737,29 +19376,29 @@ jest-config@^25.5.4:
     pretty-format "^25.5.0"
     realpath-native "^2.0.0"
 
-jest-config@^26.0.0, jest-config@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-26.0.1.tgz#096a3d4150afadf719d1fab00e9a6fb2d6d67507"
-  integrity sha512-9mWKx2L1LFgOXlDsC4YSeavnblN6A4CPfXFiobq+YYLaBMymA/SczN7xYTSmLaEYHZOcB98UdoN4m5uNt6tztg==
+jest-config@^26.0.0, jest-config@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-26.4.0.tgz#72ff3d0418b7ee7fdd9e2bcaef4dec10b38b3b02"
+  integrity sha512-MxsvrBug8YY+C4QcUBtmgnHyFeW7w3Ouk/w9eplCDN8VJGVyBEZFe8Lxzfp2pSqh0Dqurqv8Oik2YkbekGUlxg==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^26.0.1"
-    "@jest/types" "^26.0.1"
-    babel-jest "^26.0.1"
+    "@jest/test-sequencer" "^26.4.0"
+    "@jest/types" "^26.3.0"
+    babel-jest "^26.3.0"
     chalk "^4.0.0"
     deepmerge "^4.2.2"
     glob "^7.1.1"
     graceful-fs "^4.2.4"
-    jest-environment-jsdom "^26.0.1"
-    jest-environment-node "^26.0.1"
-    jest-get-type "^26.0.0"
-    jest-jasmine2 "^26.0.1"
+    jest-environment-jsdom "^26.3.0"
+    jest-environment-node "^26.3.0"
+    jest-get-type "^26.3.0"
+    jest-jasmine2 "^26.4.0"
     jest-regex-util "^26.0.0"
-    jest-resolve "^26.0.1"
-    jest-util "^26.0.1"
-    jest-validate "^26.0.1"
+    jest-resolve "^26.4.0"
+    jest-util "^26.3.0"
+    jest-validate "^26.4.0"
     micromatch "^4.0.2"
-    pretty-format "^26.0.1"
+    pretty-format "^26.4.0"
 
 jest-diff@^24.9.0:
   version "24.9.0"
@@ -18781,15 +19420,15 @@ jest-diff@^25.2.1, jest-diff@^25.5.0:
     jest-get-type "^25.2.6"
     pretty-format "^25.5.0"
 
-jest-diff@^26.0.0, jest-diff@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-26.0.1.tgz#c44ab3cdd5977d466de69c46929e0e57f89aa1de"
-  integrity sha512-odTcHyl5X+U+QsczJmOjWw5tPvww+y9Yim5xzqxVl/R1j4z71+fHW4g8qu1ugMmKdFdxw+AtQgs5mupPnzcIBQ==
+jest-diff@^26.0.0, jest-diff@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-26.4.0.tgz#d073a0a11952b5bd9f1ff39bb9ad24304a0c55f7"
+  integrity sha512-wwC38HlOW+iTq6j5tkj/ZamHn6/nrdcEOc/fKaVILNtN2NLWGdkfRaHWwfNYr5ehaLvuoG2LfCZIcWByVj0gjg==
   dependencies:
     chalk "^4.0.0"
-    diff-sequences "^26.0.0"
-    jest-get-type "^26.0.0"
-    pretty-format "^26.0.1"
+    diff-sequences "^26.3.0"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.4.0"
 
 jest-docblock@^24.3.0:
   version "24.9.0"
@@ -18834,16 +19473,16 @@ jest-each@^25.5.0:
     jest-util "^25.5.0"
     pretty-format "^25.5.0"
 
-jest-each@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-26.0.1.tgz#633083061619302fc90dd8f58350f9d77d67be04"
-  integrity sha512-OTgJlwXCAR8NIWaXFL5DBbeS4QIYPuNASkzSwMCJO+ywo9BEa6TqkaSWsfR7VdbMLdgYJqSfQcIyjJCNwl5n4Q==
+jest-each@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-26.4.0.tgz#c53605b20e7a0a58d6dcf4d8b2f309e607d35d5a"
+  integrity sha512-+cyBh1ehs6thVT/bsZVG+WwmRn2ix4Q4noS9yLZgM10yGWPW12/TDvwuOV2VZXn1gi09/ZwJKJWql6YW1C9zNw==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     chalk "^4.0.0"
-    jest-get-type "^26.0.0"
-    jest-util "^26.0.1"
-    pretty-format "^26.0.1"
+    jest-get-type "^26.3.0"
+    jest-util "^26.3.0"
+    pretty-format "^26.4.0"
 
 jest-emotion@^10.0.17:
   version "10.0.32"
@@ -18916,16 +19555,17 @@ jest-environment-jsdom@^25.5.0:
     jest-util "^25.5.0"
     jsdom "^15.2.1"
 
-jest-environment-jsdom@^26.0.0, jest-environment-jsdom@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-26.0.1.tgz#217690852e5bdd7c846a4e3b50c8ffd441dfd249"
-  integrity sha512-u88NJa3aptz2Xix2pFhihRBAatwZHWwSiRLBDBQE1cdJvDjPvv7ZGA0NQBxWwDDn7D0g1uHqxM8aGgfA9Bx49g==
+jest-environment-jsdom@^26.0.0, jest-environment-jsdom@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-26.3.0.tgz#3b749ba0f3a78e92ba2c9ce519e16e5dd515220c"
+  integrity sha512-zra8He2btIMJkAzvLaiZ9QwEPGEetbxqmjEBQwhH3CA+Hhhu0jSiEJxnJMbX28TGUvPLxBt/zyaTLrOPF4yMJA==
   dependencies:
-    "@jest/environment" "^26.0.1"
-    "@jest/fake-timers" "^26.0.1"
-    "@jest/types" "^26.0.1"
-    jest-mock "^26.0.1"
-    jest-util "^26.0.1"
+    "@jest/environment" "^26.3.0"
+    "@jest/fake-timers" "^26.3.0"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
+    jest-mock "^26.3.0"
+    jest-util "^26.3.0"
     jsdom "^16.2.2"
 
 jest-environment-node@^24.9.0:
@@ -18951,16 +19591,17 @@ jest-environment-node@^25.5.0:
     jest-util "^25.5.0"
     semver "^6.3.0"
 
-jest-environment-node@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-26.0.1.tgz#584a9ff623124ff6eeb49e0131b5f7612b310b13"
-  integrity sha512-4FRBWcSn5yVo0KtNav7+5NH5Z/tEgDLp7VRQVS5tCouWORxj+nI+1tOLutM07Zb2Qi7ja+HEDoOUkjBSWZg/IQ==
+jest-environment-node@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-26.3.0.tgz#56c6cfb506d1597f94ee8d717072bda7228df849"
+  integrity sha512-c9BvYoo+FGcMj5FunbBgtBnbR5qk3uky8PKyRVpSfe2/8+LrNQMiXX53z6q2kY+j15SkjQCOSL/6LHnCPLVHNw==
   dependencies:
-    "@jest/environment" "^26.0.1"
-    "@jest/fake-timers" "^26.0.1"
-    "@jest/types" "^26.0.1"
-    jest-mock "^26.0.1"
-    jest-util "^26.0.1"
+    "@jest/environment" "^26.3.0"
+    "@jest/fake-timers" "^26.3.0"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
+    jest-mock "^26.3.0"
+    jest-util "^26.3.0"
 
 jest-enzyme@^7.0.2:
   version "7.1.2"
@@ -18981,10 +19622,10 @@ jest-get-type@^25.2.6:
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-25.2.6.tgz#0b0a32fab8908b44d508be81681487dbabb8d877"
   integrity sha512-DxjtyzOHjObRM+sM1knti6or+eOgcGU4xVSb2HNP1TqO4ahsT+rqZg+nyqHWJSvWgKC5cG3QjGFBqxLghiF/Ig==
 
-jest-get-type@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-26.0.0.tgz#381e986a718998dbfafcd5ec05934be538db4039"
-  integrity sha512-zRc1OAPnnws1EVfykXOj19zo2EMw5Hi6HLbFCSjpuJiXtOWAYIjNsHVSbpQ8bDX7L5BGYGI8m+HmKdjHYFF0kg==
+jest-get-type@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0"
+  integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==
 
 jest-haste-map@^24.9.0:
   version "24.9.0"
@@ -19025,30 +19666,31 @@ jest-haste-map@^25.5.1:
   optionalDependencies:
     fsevents "^2.1.2"
 
-jest-haste-map@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-26.0.1.tgz#40dcc03c43ac94d25b8618075804d09cd5d49de7"
-  integrity sha512-J9kBl/EdjmDsvyv7CiyKY5+DsTvVOScenprz/fGqfLg/pm1gdjbwwQ98nW0t+OIt+f+5nAVaElvn/6wP5KO7KA==
+jest-haste-map@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-26.3.0.tgz#c51a3b40100d53ab777bfdad382d2e7a00e5c726"
+  integrity sha512-DHWBpTJgJhLLGwE5Z1ZaqLTYqeODQIZpby0zMBsCU9iRFHYyhklYqP4EiG73j5dkbaAdSZhgB938mL51Q5LeZA==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     "@types/graceful-fs" "^4.1.2"
+    "@types/node" "*"
     anymatch "^3.0.3"
     fb-watchman "^2.0.0"
     graceful-fs "^4.2.4"
-    jest-serializer "^26.0.0"
-    jest-util "^26.0.1"
-    jest-worker "^26.0.0"
+    jest-regex-util "^26.0.0"
+    jest-serializer "^26.3.0"
+    jest-util "^26.3.0"
+    jest-worker "^26.3.0"
     micromatch "^4.0.2"
     sane "^4.0.3"
     walker "^1.0.7"
-    which "^2.0.2"
   optionalDependencies:
     fsevents "^2.1.2"
 
-jest-image-snapshot@^3.0.1, jest-image-snapshot@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/jest-image-snapshot/-/jest-image-snapshot-3.1.0.tgz#eefc91f1570c426c368ae8a8890fef82d678fd5a"
-  integrity sha512-mzGCCyZlEyQIr6AnKi3KvbFvgOI7445qGPIoyhGm7Qmxw0YLTJMN+rH1WdGcs56ATx0CVM8aMjQMx4dDovlwtQ==
+jest-image-snapshot@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/jest-image-snapshot/-/jest-image-snapshot-4.0.2.tgz#a8d9aacc97f4279f52ed5e5e6049932f6c903ed5"
+  integrity sha512-RqKGk0HbQrfw3E3dDuxjFBXqubvPWzjj3zFP6Z7auo48rC0FNpQ5jYXThQjhfy+fvgIgyHk3jPnDNgSiIuVVtw==
   dependencies:
     chalk "^1.1.3"
     get-stdin "^5.0.1"
@@ -19104,27 +19746,28 @@ jest-jasmine2@^25.5.4:
     pretty-format "^25.5.0"
     throat "^5.0.0"
 
-jest-jasmine2@^26.0.0, jest-jasmine2@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-26.0.1.tgz#947c40ee816636ba23112af3206d6fa7b23c1c1c"
-  integrity sha512-ILaRyiWxiXOJ+RWTKupzQWwnPaeXPIoLS5uW41h18varJzd9/7I0QJGqg69fhTT1ev9JpSSo9QtalriUN0oqOg==
+jest-jasmine2@^26.0.0, jest-jasmine2@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-26.4.0.tgz#f66b2237203df4227d3bdbb4b8a0de54ba877d35"
+  integrity sha512-cGBxwzDDKB09EPJ4pE69BMDv+2lO442IB1xQd+vL3cua2OKdeXQK6iDlQKoRX/iP0RgU5T8sn9yahLcx/+ox8Q==
   dependencies:
     "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^26.0.1"
-    "@jest/source-map" "^26.0.0"
-    "@jest/test-result" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/environment" "^26.3.0"
+    "@jest/source-map" "^26.3.0"
+    "@jest/test-result" "^26.3.0"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
-    expect "^26.0.1"
+    expect "^26.4.0"
     is-generator-fn "^2.0.0"
-    jest-each "^26.0.1"
-    jest-matcher-utils "^26.0.1"
-    jest-message-util "^26.0.1"
-    jest-runtime "^26.0.1"
-    jest-snapshot "^26.0.1"
-    jest-util "^26.0.1"
-    pretty-format "^26.0.1"
+    jest-each "^26.4.0"
+    jest-matcher-utils "^26.4.0"
+    jest-message-util "^26.3.0"
+    jest-runtime "^26.4.0"
+    jest-snapshot "^26.4.0"
+    jest-util "^26.3.0"
+    pretty-format "^26.4.0"
     throat "^5.0.0"
 
 jest-leak-detector@^24.9.0:
@@ -19143,13 +19786,13 @@ jest-leak-detector@^25.5.0:
     jest-get-type "^25.2.6"
     pretty-format "^25.5.0"
 
-jest-leak-detector@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-26.0.1.tgz#79b19ab3f41170e0a78eb8fa754a116d3447fb8c"
-  integrity sha512-93FR8tJhaYIWrWsbmVN1pQ9ZNlbgRpfvrnw5LmgLRX0ckOJ8ut/I35CL7awi2ecq6Ca4lL59bEK9hr7nqoHWPA==
+jest-leak-detector@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-26.4.0.tgz#1efeeef693af3c9332062876add5ac5f25cb0a70"
+  integrity sha512-7EXKKEKnAWUPyiVtGZzJflbPOtYUdlNoevNVOkAcPpdR8xWiYKPGNGA6sz25S+8YhZq3rmkQJYAh3/P0VnoRwA==
   dependencies:
-    jest-get-type "^26.0.0"
-    pretty-format "^26.0.1"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.4.0"
 
 jest-matcher-utils@^24.9.0:
   version "24.9.0"
@@ -19171,15 +19814,15 @@ jest-matcher-utils@^25.5.0:
     jest-get-type "^25.2.6"
     pretty-format "^25.5.0"
 
-jest-matcher-utils@^26.0.0, jest-matcher-utils@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-26.0.1.tgz#12e1fc386fe4f14678f4cc8dbd5ba75a58092911"
-  integrity sha512-PUMlsLth0Azen8Q2WFTwnSkGh2JZ8FYuwijC8NR47vXKpsrKmA1wWvgcj1CquuVfcYiDEdj985u5Wmg7COEARw==
+jest-matcher-utils@^26.0.0, jest-matcher-utils@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-26.4.0.tgz#2bce9a939e008b894faf1bd4b5bb58facd00c252"
+  integrity sha512-u+xdCdq+F262DH+PutJKXLGr2H5P3DImdJCir51PGSfi3TtbLQ5tbzKaN8BkXbiTIU6ayuAYBWTlU1nyckVdzA==
   dependencies:
     chalk "^4.0.0"
-    jest-diff "^26.0.1"
-    jest-get-type "^26.0.0"
-    pretty-format "^26.0.1"
+    jest-diff "^26.4.0"
+    jest-get-type "^26.3.0"
+    pretty-format "^26.4.0"
 
 jest-message-util@^24.9.0:
   version "24.9.0"
@@ -19209,13 +19852,13 @@ jest-message-util@^25.5.0:
     slash "^3.0.0"
     stack-utils "^1.0.1"
 
-jest-message-util@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-26.0.1.tgz#07af1b42fc450b4cc8e90e4c9cef11b33ce9b0ac"
-  integrity sha512-CbK8uQREZ8umUfo8+zgIfEt+W7HAHjQCoRaNs4WxKGhAYBGwEyvxuK81FXa7VeB9pwDEXeeKOB2qcsNVCAvB7Q==
+jest-message-util@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-26.3.0.tgz#3bdb538af27bb417f2d4d16557606fd082d5841a"
+  integrity sha512-xIavRYqr4/otGOiLxLZGj3ieMmjcNE73Ui+LdSW/Y790j5acqCsAdDiLIbzHCZMpN07JOENRWX5DcU+OQ+TjTA==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     "@types/stack-utils" "^1.0.1"
     chalk "^4.0.0"
     graceful-fs "^4.2.4"
@@ -19237,17 +19880,18 @@ jest-mock@^25.5.0:
   dependencies:
     "@jest/types" "^25.5.0"
 
-jest-mock@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-26.0.1.tgz#7fd1517ed4955397cf1620a771dc2d61fad8fd40"
-  integrity sha512-MpYTBqycuPYSY6xKJognV7Ja46/TeRbAZept987Zp+tuJvMN0YBWyyhG9mXyYQaU3SBI0TUlSaO5L3p49agw7Q==
+jest-mock@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-26.3.0.tgz#ee62207c3c5ebe5f35b760e1267fee19a1cfdeba"
+  integrity sha512-PeaRrg8Dc6mnS35gOo/CbZovoDPKAeB1FICZiuagAgGvbWdNNyjQjkOaGUa/3N3JtpQ/Mh9P4A2D4Fv51NnP8Q==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
 
-jest-pnp-resolver@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
-  integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
+jest-pnp-resolver@^1.2.1, jest-pnp-resolver@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz#b704ac0ae028a89108a4d040b3f919dfddc8e33c"
+  integrity sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==
 
 jest-preset-angular@^8.2.0:
   version "8.2.0"
@@ -19295,14 +19939,14 @@ jest-resolve-dependencies@^25.5.4:
     jest-regex-util "^25.2.6"
     jest-snapshot "^25.5.1"
 
-jest-resolve-dependencies@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-26.0.1.tgz#607ba7ccc32151d185a477cff45bf33bce417f0b"
-  integrity sha512-9d5/RS/ft0vB/qy7jct/qAhzJsr6fRQJyGAFigK3XD4hf9kIbEH5gks4t4Z7kyMRhowU6HWm/o8ILqhaHdSqLw==
+jest-resolve-dependencies@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-26.4.0.tgz#c911fc991e1ae034dd8d01c192f23459d66b87b7"
+  integrity sha512-hznK/hlrlhu8hwdbieRdHFKmcV83GW8t30libt/v6j1L3IEzb8iN21SaWzV8KRAAK4ijiU0kuge0wnHn+0rytQ==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     jest-regex-util "^26.0.0"
-    jest-snapshot "^26.0.1"
+    jest-snapshot "^26.4.0"
 
 jest-resolve@24.7.1:
   version "24.7.1"
@@ -19341,16 +19985,16 @@ jest-resolve@^25.5.1:
     resolve "^1.17.0"
     slash "^3.0.0"
 
-jest-resolve@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-26.0.1.tgz#21d1ee06f9ea270a343a8893051aeed940cde736"
-  integrity sha512-6jWxk0IKZkPIVTvq6s72RH735P8f9eCJW3IM5CX/SJFeKq1p2cZx0U49wf/SdMlhaB/anann5J2nCJj6HrbezQ==
+jest-resolve@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-26.4.0.tgz#6dc0af7fb93e65b73fec0368ca2b76f3eb59a6d7"
+  integrity sha512-bn/JoZTEXRSlEx3+SfgZcJAVuTMOksYq9xe9O6s4Ekg84aKBObEaVXKOEilULRqviSLAYJldnoWV9c07kwtiCg==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.4"
-    jest-pnp-resolver "^1.2.1"
-    jest-util "^26.0.1"
+    jest-pnp-resolver "^1.2.2"
+    jest-util "^26.3.0"
     read-pkg-up "^7.0.1"
     resolve "^1.17.0"
     slash "^3.0.0"
@@ -19405,28 +20049,29 @@ jest-runner@^25.5.4:
     source-map-support "^0.5.6"
     throat "^5.0.0"
 
-jest-runner@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-26.0.1.tgz#ea03584b7ae4bacfb7e533d680a575a49ae35d50"
-  integrity sha512-CApm0g81b49Znm4cZekYQK67zY7kkB4umOlI2Dx5CwKAzdgw75EN+ozBHRvxBzwo1ZLYZ07TFxkaPm+1t4d8jA==
+jest-runner@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-26.4.0.tgz#4cb91b266390fbf266294a7d8250d0e7bf8c7a9d"
+  integrity sha512-XF+tnUGolnPriu6Gg+HHWftspMjD5NkTV2mQppQnpZe39GcUangJ0al7aBGtA3GbVAcRd048DQiJPmsQRdugjw==
   dependencies:
-    "@jest/console" "^26.0.1"
-    "@jest/environment" "^26.0.1"
-    "@jest/test-result" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/console" "^26.3.0"
+    "@jest/environment" "^26.3.0"
+    "@jest/test-result" "^26.3.0"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
     chalk "^4.0.0"
+    emittery "^0.7.1"
     exit "^0.1.2"
     graceful-fs "^4.2.4"
-    jest-config "^26.0.1"
+    jest-config "^26.4.0"
     jest-docblock "^26.0.0"
-    jest-haste-map "^26.0.1"
-    jest-jasmine2 "^26.0.1"
-    jest-leak-detector "^26.0.1"
-    jest-message-util "^26.0.1"
-    jest-resolve "^26.0.1"
-    jest-runtime "^26.0.1"
-    jest-util "^26.0.1"
-    jest-worker "^26.0.0"
+    jest-haste-map "^26.3.0"
+    jest-leak-detector "^26.4.0"
+    jest-message-util "^26.3.0"
+    jest-resolve "^26.4.0"
+    jest-runtime "^26.4.0"
+    jest-util "^26.3.0"
+    jest-worker "^26.3.0"
     source-map-support "^0.5.6"
     throat "^5.0.0"
 
@@ -19491,34 +20136,34 @@ jest-runtime@^25.5.4:
     strip-bom "^4.0.0"
     yargs "^15.3.1"
 
-jest-runtime@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-26.0.1.tgz#a121a6321235987d294168e282d52b364d7d3f89"
-  integrity sha512-Ci2QhYFmANg5qaXWf78T2Pfo6GtmIBn2rRaLnklRyEucmPccmCKvS9JPljcmtVamsdMmkyNkVFb9pBTD6si9Lw==
+jest-runtime@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-26.4.0.tgz#0b860f2bcf4f6047919c5b3fe74ed6adbe0056b4"
+  integrity sha512-1fjZgGpkyQBUTo59Vi19I4IcsBwzY6uwVFNjUmR06iIi3XRErkY28yimi4IUDRrofQErqcDEw2n3DF9WmQ6vEg==
   dependencies:
-    "@jest/console" "^26.0.1"
-    "@jest/environment" "^26.0.1"
-    "@jest/fake-timers" "^26.0.1"
-    "@jest/globals" "^26.0.1"
-    "@jest/source-map" "^26.0.0"
-    "@jest/test-result" "^26.0.1"
-    "@jest/transform" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/console" "^26.3.0"
+    "@jest/environment" "^26.3.0"
+    "@jest/fake-timers" "^26.3.0"
+    "@jest/globals" "^26.4.0"
+    "@jest/source-map" "^26.3.0"
+    "@jest/test-result" "^26.3.0"
+    "@jest/transform" "^26.3.0"
+    "@jest/types" "^26.3.0"
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
     glob "^7.1.3"
     graceful-fs "^4.2.4"
-    jest-config "^26.0.1"
-    jest-haste-map "^26.0.1"
-    jest-message-util "^26.0.1"
-    jest-mock "^26.0.1"
+    jest-config "^26.4.0"
+    jest-haste-map "^26.3.0"
+    jest-message-util "^26.3.0"
+    jest-mock "^26.3.0"
     jest-regex-util "^26.0.0"
-    jest-resolve "^26.0.1"
-    jest-snapshot "^26.0.1"
-    jest-util "^26.0.1"
-    jest-validate "^26.0.1"
+    jest-resolve "^26.4.0"
+    jest-snapshot "^26.4.0"
+    jest-util "^26.3.0"
+    jest-validate "^26.4.0"
     slash "^3.0.0"
     strip-bom "^4.0.0"
     yargs "^15.3.1"
@@ -19542,11 +20187,12 @@ jest-serializer@^25.5.0:
   dependencies:
     graceful-fs "^4.2.4"
 
-jest-serializer@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-26.0.0.tgz#f6c521ddb976943b93e662c0d4d79245abec72a3"
-  integrity sha512-sQGXLdEGWFAE4wIJ2ZaIDb+ikETlUirEOBsLXdoBbeLhTHkZUJwgk3+M8eyFizhM6le43PDCCKPA1hzkSDo4cQ==
+jest-serializer@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-26.3.0.tgz#1c9d5e1b74d6e5f7e7f9627080fa205d976c33ef"
+  integrity sha512-IDRBQBLPlKa4flg77fqg0n/pH87tcRKwe8zxOVTWISxGpPHYkRZ1dXKyh04JOja7gppc60+soKVZ791mruVdow==
   dependencies:
+    "@types/node" "*"
     graceful-fs "^4.2.4"
 
 jest-snapshot@^24.9.0:
@@ -19568,7 +20214,7 @@ jest-snapshot@^24.9.0:
     pretty-format "^24.9.0"
     semver "^6.2.0"
 
-jest-snapshot@^25.1.0, jest-snapshot@^25.5.1:
+jest-snapshot@^25.5.1:
   version "25.5.1"
   resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-25.5.1.tgz#1a2a576491f9961eb8d00c2e5fd479bc28e5ff7f"
   integrity sha512-C02JE1TUe64p2v1auUJ2ze5vcuv32tkv9PyhEb318e8XOKF7MOyXdJ7kdjbvrp3ChPLU2usI7Rjxs97Dj5P0uQ==
@@ -19589,33 +20235,33 @@ jest-snapshot@^25.1.0, jest-snapshot@^25.5.1:
     pretty-format "^25.5.0"
     semver "^6.3.0"
 
-jest-snapshot@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-26.0.1.tgz#1baa942bd83d47b837a84af7fcf5fd4a236da399"
-  integrity sha512-jxd+cF7+LL+a80qh6TAnTLUZHyQoWwEHSUFJjkw35u3Gx+BZUNuXhYvDqHXr62UQPnWo2P6fvQlLjsU93UKyxA==
+jest-snapshot@^26.3.0, jest-snapshot@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-26.4.0.tgz#efd42eef09bcb33e9a3eb98e229f2368c73c9235"
+  integrity sha512-vFGmNGWHMBomrlOpheTMoqihymovuH3GqfmaEIWoPpsxUXyxT3IlbxI5I4m2vg0uv3HUJYg5JoGrkgMzVsAwCg==
   dependencies:
     "@babel/types" "^7.0.0"
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     "@types/prettier" "^2.0.0"
     chalk "^4.0.0"
-    expect "^26.0.1"
+    expect "^26.4.0"
     graceful-fs "^4.2.4"
-    jest-diff "^26.0.1"
-    jest-get-type "^26.0.0"
-    jest-matcher-utils "^26.0.1"
-    jest-message-util "^26.0.1"
-    jest-resolve "^26.0.1"
-    make-dir "^3.0.0"
+    jest-diff "^26.4.0"
+    jest-get-type "^26.3.0"
+    jest-haste-map "^26.3.0"
+    jest-matcher-utils "^26.4.0"
+    jest-message-util "^26.3.0"
+    jest-resolve "^26.4.0"
     natural-compare "^1.4.0"
-    pretty-format "^26.0.1"
+    pretty-format "^26.4.0"
     semver "^7.3.2"
 
-jest-specific-snapshot@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/jest-specific-snapshot/-/jest-specific-snapshot-3.0.0.tgz#c203a6bccc572832aea0278feeaa3350567a306f"
-  integrity sha512-dMEDxj762XleVVUYnxHbRypWOxRwV3HsolUZugISyFu8jE6Xz58TkeKeXxRfT9oG6U8zxPggrH+1MSNVyLwGqg==
+jest-specific-snapshot@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jest-specific-snapshot/-/jest-specific-snapshot-4.0.0.tgz#a52a2e223e7576e610dbeaf341207c557ac20554"
+  integrity sha512-YdW5P/MVwOizWR0MJwURxdrjdXvdG2MMpXKVGr7dZ2YrBmE6E6Ab74UL3DOYmGmzaCnNAW1CL02pY5MTHE3ulQ==
   dependencies:
-    jest-snapshot "^25.1.0"
+    jest-snapshot "^26.3.0"
 
 jest-teamcity@^1.7.0:
   version "1.7.0"
@@ -19653,16 +20299,17 @@ jest-util@^25.5.0:
     is-ci "^2.0.0"
     make-dir "^3.0.0"
 
-jest-util@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-26.0.1.tgz#72c4c51177b695fdd795ca072a6f94e3d7cef00a"
-  integrity sha512-byQ3n7ad1BO/WyFkYvlWQHTsomB6GIewBh8tlGtusiylAlaxQ1UpS0XYH0ngOyhZuHVLN79Qvl6/pMiDMSSG1g==
+jest-util@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-26.3.0.tgz#a8974b191df30e2bf523ebbfdbaeb8efca535b3e"
+  integrity sha512-4zpn6bwV0+AMFN0IYhH/wnzIQzRaYVrz1A8sYnRnj4UXDXbOVtWmlaZkO9mipFqZ13okIfN87aDoJWB7VH6hcw==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
     chalk "^4.0.0"
     graceful-fs "^4.2.4"
     is-ci "^2.0.0"
-    make-dir "^3.0.0"
+    micromatch "^4.0.2"
 
 jest-validate@^24.9.0:
   version "24.9.0"
@@ -19688,17 +20335,17 @@ jest-validate@^25.5.0:
     leven "^3.1.0"
     pretty-format "^25.5.0"
 
-jest-validate@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-26.0.1.tgz#a62987e1da5b7f724130f904725e22f4e5b2e23c"
-  integrity sha512-u0xRc+rbmov/VqXnX3DlkxD74rHI/CfS5xaV2VpeaVySjbb1JioNVOyly5b56q2l9ZKe7bVG5qWmjfctkQb0bA==
+jest-validate@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-26.4.0.tgz#3874a7cc9e27328afac88899ee9e2fae5e3a4293"
+  integrity sha512-t56Z/FRMrLP6mpmje7/YgHy0wOzcuc6i3LBXz6kjmsUWYN62OuMdC86Vg9/dX59SvyitSqqegOrx+h7BkNXeaQ==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     camelcase "^6.0.0"
     chalk "^4.0.0"
-    jest-get-type "^26.0.0"
+    jest-get-type "^26.3.0"
     leven "^3.1.0"
-    pretty-format "^26.0.1"
+    pretty-format "^26.4.0"
 
 jest-vue-preprocessor@^1.5.0:
   version "1.7.1"
@@ -19772,16 +20419,17 @@ jest-watcher@^25.2.4, jest-watcher@^25.5.0:
     jest-util "^25.5.0"
     string-length "^3.1.0"
 
-jest-watcher@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-26.0.1.tgz#5b5e3ebbdf10c240e22a98af66d645631afda770"
-  integrity sha512-pdZPydsS8475f89kGswaNsN3rhP6lnC3/QDCppP7bg1L9JQz7oU9Mb/5xPETk1RHDCWeqmVC47M4K5RR7ejxFw==
+jest-watcher@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-26.3.0.tgz#f8ef3068ddb8af160ef868400318dc4a898eed08"
+  integrity sha512-XnLdKmyCGJ3VoF6G/p5ohbJ04q/vv5aH9ENI+i6BL0uu9WWB6Z7Z2lhQQk0d2AVZcRGp1yW+/TsoToMhBFPRdQ==
   dependencies:
-    "@jest/test-result" "^26.0.1"
-    "@jest/types" "^26.0.1"
+    "@jest/test-result" "^26.3.0"
+    "@jest/types" "^26.3.0"
+    "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
-    jest-util "^26.0.1"
+    jest-util "^26.3.0"
     string-length "^4.0.1"
 
 jest-worker@25.1.0:
@@ -19808,11 +20456,12 @@ jest-worker@^25.1.0, jest-worker@^25.4.0, jest-worker@^25.5.0:
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
-jest-worker@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.0.0.tgz#4920c7714f0a96c6412464718d0c58a3df3fb066"
-  integrity sha512-pPaYa2+JnwmiZjK9x7p9BoZht+47ecFCDFA/CJxspHzeDvQcfVBLWzCiWyo+EGrSiQMWZtCFo9iSvMZnAAo8vw==
+jest-worker@^26.0.0, jest-worker@^26.3.0:
+  version "26.3.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.3.0.tgz#7c8a97e4f4364b4f05ed8bca8ca0c24de091871f"
+  integrity sha512-Vmpn2F6IASefL+DVBhPzI2J9/GJUsqzomdeN+P+dK8/jKxbh8R3BtFnx3FIta7wYlPU62cpJMJQo4kuOowcMnw==
   dependencies:
+    "@types/node" "*"
     merge-stream "^2.0.0"
     supports-color "^7.0.0"
 
@@ -19842,13 +20491,13 @@ jest@^25.2.7:
     jest-cli "^25.5.4"
 
 jest@^26.0.0:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-26.0.1.tgz#5c51a2e58dff7525b65f169721767173bf832694"
-  integrity sha512-29Q54kn5Bm7ZGKIuH2JRmnKl85YRigp0o0asTc6Sb6l2ch1DCXIeZTLLFy9ultJvhkTqbswF5DEx4+RlkmCxWg==
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-26.4.0.tgz#495e81dcff40f8a656e567c664af87b29c5c5922"
+  integrity sha512-lNCOS+ckRHE1wFyVtQClBmbsOVuH2GWUTJMDL3vunp9DXcah+V8vfvVVApngClcdoc3rgZpqOfCNKLjxjj2l4g==
   dependencies:
-    "@jest/core" "^26.0.1"
+    "@jest/core" "^26.4.0"
     import-local "^3.0.2"
-    jest-cli "^26.0.1"
+    jest-cli "^26.4.0"
 
 joi@^12.0.0:
   version "12.0.0"
@@ -19896,7 +20545,7 @@ js-string-escape@^1.0.1:
   resolved "https://registry.yarnpkg.com/js-string-escape/-/js-string-escape-1.0.1.tgz#e2625badbc0d67c7533e9edc1068c587ae4137ef"
   integrity sha1-4mJbrbwNZ8dTPp7cEGjFh65BN+8=
 
-js-stringify@^1.0.1, js-stringify@^1.0.2:
+js-stringify@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/js-stringify/-/js-stringify-1.0.2.tgz#1736fddfd9724f28a3682adc6230ae7e4e9679db"
   integrity sha1-Fzb939lyTyijaCrcYjCufk6Weds=
@@ -20012,38 +20661,6 @@ jsdom@16.2.1:
     ws "^7.2.1"
     xml-name-validator "^3.0.0"
 
-jsdom@16.2.2, jsdom@^16.2.2:
-  version "16.2.2"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.2.2.tgz#76f2f7541646beb46a938f5dc476b88705bedf2b"
-  integrity sha512-pDFQbcYtKBHxRaP55zGXCJWgFHkDAYbKcsXEK/3Icu9nKYZkutUXfLBwbD+09XDutkYSHcgfQLZ0qvpAAm9mvg==
-  dependencies:
-    abab "^2.0.3"
-    acorn "^7.1.1"
-    acorn-globals "^6.0.0"
-    cssom "^0.4.4"
-    cssstyle "^2.2.0"
-    data-urls "^2.0.0"
-    decimal.js "^10.2.0"
-    domexception "^2.0.1"
-    escodegen "^1.14.1"
-    html-encoding-sniffer "^2.0.1"
-    is-potential-custom-element-name "^1.0.0"
-    nwsapi "^2.2.0"
-    parse5 "5.1.1"
-    request "^2.88.2"
-    request-promise-native "^1.0.8"
-    saxes "^5.0.0"
-    symbol-tree "^3.2.4"
-    tough-cookie "^3.0.1"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^2.0.0"
-    webidl-conversions "^6.0.0"
-    whatwg-encoding "^1.0.5"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.0.0"
-    ws "^7.2.3"
-    xml-name-validator "^3.0.0"
-
 jsdom@^11.5.1:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-11.12.0.tgz#1a80d40ddd378a1de59656e9e6dc5a3ba8657bc8"
@@ -20172,6 +20789,38 @@ jsdom@^15.2.1:
     ws "^7.0.0"
     xml-name-validator "^3.0.0"
 
+jsdom@^16.2.2:
+  version "16.2.2"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.2.2.tgz#76f2f7541646beb46a938f5dc476b88705bedf2b"
+  integrity sha512-pDFQbcYtKBHxRaP55zGXCJWgFHkDAYbKcsXEK/3Icu9nKYZkutUXfLBwbD+09XDutkYSHcgfQLZ0qvpAAm9mvg==
+  dependencies:
+    abab "^2.0.3"
+    acorn "^7.1.1"
+    acorn-globals "^6.0.0"
+    cssom "^0.4.4"
+    cssstyle "^2.2.0"
+    data-urls "^2.0.0"
+    decimal.js "^10.2.0"
+    domexception "^2.0.1"
+    escodegen "^1.14.1"
+    html-encoding-sniffer "^2.0.1"
+    is-potential-custom-element-name "^1.0.0"
+    nwsapi "^2.2.0"
+    parse5 "5.1.1"
+    request "^2.88.2"
+    request-promise-native "^1.0.8"
+    saxes "^5.0.0"
+    symbol-tree "^3.2.4"
+    tough-cookie "^3.0.1"
+    w3c-hr-time "^1.0.2"
+    w3c-xmlserializer "^2.0.0"
+    webidl-conversions "^6.0.0"
+    whatwg-encoding "^1.0.5"
+    whatwg-mimetype "^2.3.0"
+    whatwg-url "^8.0.0"
+    ws "^7.2.3"
+    xml-name-validator "^3.0.0"
+
 jsesc@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-1.3.0.tgz#46c3fec8c1892b12b0833db9bc7622176dbab34b"
@@ -20223,11 +20872,6 @@ json-buffer@3.0.0:
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
   integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
 
-json-fn@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/json-fn/-/json-fn-1.1.1.tgz#4293c9198a482d6697d334a6e32cd0d221121e80"
-  integrity sha1-QpPJGYpILWaX0zSm4yzQ0iESHoA=
-
 json-parse-better-errors@^1.0.0, json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
@@ -20476,6 +21120,16 @@ jszip@^3.1.3:
     readable-stream "~2.3.6"
     set-immediate-shim "~1.0.1"
 
+junit-report-builder@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/junit-report-builder/-/junit-report-builder-2.0.0.tgz#aaf9c8c6848cd9bb9dfb6da8e2f411d72ddf47aa"
+  integrity sha512-/CkUScz5G7U1Fehna9swd8YfA+o5tV07NZz+3pea27okD0+ZEgyXQ5E0etyxMaqzXOjBvN8HGmNpVO/79yj5TA==
+  dependencies:
+    date-format "0.0.2"
+    lodash "^4.17.15"
+    make-dir "^1.3.0"
+    xmlbuilder "^10.0.0"
+
 junk@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/junk/-/junk-1.0.3.tgz#87be63488649cbdca6f53ab39bec9ccd2347f592"
@@ -20729,13 +21383,6 @@ last-call-webpack-plugin@^3.0.0:
     lodash "^4.17.5"
     webpack-sources "^1.1.0"
 
-latest-version@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
-  integrity sha1-ogU4P+oyKzO1rjsYq+4NwvNW7hU=
-  dependencies:
-    package-json "^4.0.0"
-
 latest-version@^5.0.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-5.1.0.tgz#119dfe908fe38d15dfa43ecd13fa12ec8832face"
@@ -20784,13 +21431,6 @@ lazy-universal-dotenv@^3.0.1:
     dotenv "^8.0.0"
     dotenv-expand "^5.1.0"
 
-lcid@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
-  integrity sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=
-  dependencies:
-    invert-kv "^1.0.0"
-
 lcid@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/lcid/-/lcid-2.0.0.tgz#6ef5d2df60e52f82eb228a4c373e8d1f397253cf"
@@ -20964,48 +21604,20 @@ levn@^0.3.0, levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
 li@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/li/-/li-1.3.0.tgz#22c59bcaefaa9a8ef359cf759784e4bf106aea1b"
   integrity sha1-IsWbyu+qmo7zWc91l4TkvxBq6hs=
 
-libnpm@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/libnpm/-/libnpm-2.0.1.tgz#a48fcdee3c25e13c77eb7c60a0efe561d7fb0d8f"
-  integrity sha512-qTKoxyJvpBxHZQB6k0AhSLajyXq9ZE/lUsZzuHAplr2Bpv9G+k4YuYlExYdUCeVRRGqcJt8hvkPh4tBwKoV98w==
-  dependencies:
-    bin-links "^1.1.2"
-    bluebird "^3.5.3"
-    find-npm-prefix "^1.0.2"
-    libnpmaccess "^3.0.1"
-    libnpmconfig "^1.2.1"
-    libnpmhook "^5.0.2"
-    libnpmorg "^1.0.0"
-    libnpmpublish "^1.1.0"
-    libnpmsearch "^2.0.0"
-    libnpmteam "^1.0.1"
-    lock-verify "^2.0.2"
-    npm-lifecycle "^2.1.0"
-    npm-logical-tree "^1.2.1"
-    npm-package-arg "^6.1.0"
-    npm-profile "^4.0.1"
-    npm-registry-fetch "^3.8.0"
-    npmlog "^4.1.2"
-    pacote "^9.2.3"
-    read-package-json "^2.0.13"
-    stringify-package "^1.0.0"
-
-libnpmaccess@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-3.0.2.tgz#8b2d72345ba3bef90d3b4f694edd5c0417f58923"
-  integrity sha512-01512AK7MqByrI2mfC7h5j8N9V4I7MHJuk9buo8Gv+5QgThpOgpjB7sQBDDkeZqRteFb1QM/6YNdHfG7cDvfAQ==
-  dependencies:
-    aproba "^2.0.0"
-    get-stream "^4.0.0"
-    npm-package-arg "^6.1.0"
-    npm-registry-fetch "^4.0.0"
-
-libnpmconfig@^1.0.0, libnpmconfig@^1.2.1:
+libnpmconfig@^1.0.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/libnpmconfig/-/libnpmconfig-1.2.1.tgz#c0c2f793a74e67d4825e5039e7a02a0044dfcbc0"
   integrity sha512-9esX8rTQAHqarx6qeZqmGQKBNZR5OIbl/Ayr0qQDy3oXja2iFVQQI81R6GZ2a02bSNZ9p3YOGX1O6HHCb1X7kA==
@@ -21014,60 +21626,6 @@ libnpmconfig@^1.0.0, libnpmconfig@^1.2.1:
     find-up "^3.0.0"
     ini "^1.3.5"
 
-libnpmhook@^5.0.2:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/libnpmhook/-/libnpmhook-5.0.3.tgz#4020c0f5edbf08ebe395325caa5ea01885b928f7"
-  integrity sha512-UdNLMuefVZra/wbnBXECZPefHMGsVDTq5zaM/LgKNE9Keyl5YXQTnGAzEo+nFOpdRqTWI9LYi4ApqF9uVCCtuA==
-  dependencies:
-    aproba "^2.0.0"
-    figgy-pudding "^3.4.1"
-    get-stream "^4.0.0"
-    npm-registry-fetch "^4.0.0"
-
-libnpmorg@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/libnpmorg/-/libnpmorg-1.0.1.tgz#5d2503f6ceb57f33dbdcc718e6698fea6d5ad087"
-  integrity sha512-0sRUXLh+PLBgZmARvthhYXQAWn0fOsa6T5l3JSe2n9vKG/lCVK4nuG7pDsa7uMq+uTt2epdPK+a2g6btcY11Ww==
-  dependencies:
-    aproba "^2.0.0"
-    figgy-pudding "^3.4.1"
-    get-stream "^4.0.0"
-    npm-registry-fetch "^4.0.0"
-
-libnpmpublish@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-1.1.3.tgz#e3782796722d79eef1a0a22944c117e0c4ca4280"
-  integrity sha512-/3LsYqVc52cHXBmu26+J8Ed7sLs/hgGVFMH1mwYpL7Qaynb9RenpKqIKu0sJ130FB9PMkpMlWjlbtU8A4m7CQw==
-  dependencies:
-    aproba "^2.0.0"
-    figgy-pudding "^3.5.1"
-    get-stream "^4.0.0"
-    lodash.clonedeep "^4.5.0"
-    normalize-package-data "^2.4.0"
-    npm-package-arg "^6.1.0"
-    npm-registry-fetch "^4.0.0"
-    semver "^5.5.1"
-    ssri "^6.0.1"
-
-libnpmsearch@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/libnpmsearch/-/libnpmsearch-2.0.2.tgz#9a4f059102d38e3dd44085bdbfe5095f2a5044cf"
-  integrity sha512-VTBbV55Q6fRzTdzziYCr64+f8AopQ1YZ+BdPOv16UegIEaE8C0Kch01wo4s3kRTFV64P121WZJwgmBwrq68zYg==
-  dependencies:
-    figgy-pudding "^3.5.1"
-    get-stream "^4.0.0"
-    npm-registry-fetch "^4.0.0"
-
-libnpmteam@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/libnpmteam/-/libnpmteam-1.0.2.tgz#8b48bcbb6ce70dd8150c950fcbdbf3feb6eec820"
-  integrity sha512-p420vM28Us04NAcg1rzgGW63LMM6rwe+6rtZpfDxCcXxM0zUTLl7nPFEnRF3JfFBF5skF/yuZDUthTsHgde8QA==
-  dependencies:
-    aproba "^2.0.0"
-    figgy-pudding "^3.4.1"
-    get-stream "^4.0.0"
-    npm-registry-fetch "^4.0.0"
-
 license-webpack-plugin@2.1.4:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/license-webpack-plugin/-/license-webpack-plugin-2.1.4.tgz#c5529a4bb87cc9b4489b486d054ba7cae43a554e"
@@ -21112,9 +21670,9 @@ linkify-it@~1.2.0:
     uc.micro "^1.0.1"
 
 lint-staged@^10.2.1:
-  version "10.2.6"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.2.6.tgz#7d9658bd89dee946a859cbfc6e09566a9fb50b53"
-  integrity sha512-2oEBWyPZHkdyjKcIv2U6ay80Q52ZMlZZrUnfsV0WTVcgzPlt3o2t5UFy2v8ETUTsIDZ0xSJVnffWCgD3LF6xTQ==
+  version "10.2.10"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.2.10.tgz#f0f78bf8786bbe90e1775a0dc540f7f12b6a79b2"
+  integrity sha512-dgelFaNH6puUGAcU+OVMgbfpKSerNYsPSn6+nlbRDjovL0KigpsVpCu0PFZG6BJxX8gnHJqaZlR9krZamQsb0w==
   dependencies:
     chalk "^4.0.0"
     cli-truncate "2.1.0"
@@ -21122,8 +21680,9 @@ lint-staged@^10.2.1:
     cosmiconfig "^6.0.0"
     debug "^4.1.1"
     dedent "^0.7.0"
+    enquirer "^2.3.5"
     execa "^4.0.1"
-    listr2 "^2.0.2"
+    listr2 "^2.1.0"
     log-symbols "^4.0.0"
     micromatch "^4.0.2"
     normalize-path "^3.0.0"
@@ -21165,25 +21724,19 @@ listr-verbose-renderer@^0.5.0:
     date-fns "^1.27.2"
     figures "^2.0.0"
 
-listr2@^2.0.2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-2.0.4.tgz#b39100b0a227ec5659dcf76ddc516211fc168d61"
-  integrity sha512-oJaAcplPsa72rKW0eg4P4LbEJjhH+UO2I8uqR/I2wzHrVg16ohSfUy0SlcHS21zfYXxtsUpL8YXGHjyfWMR0cg==
+listr2@^2.1.0:
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-2.1.7.tgz#8107c12c699bac778f1567739298052d8ebb9c27"
+  integrity sha512-XCC1sWLkBFFIMIRwG/LedgHUzN2XLEo02ZqXn6fwuP0GlXGE5BCuL6EAbQFb4vZB+++YEonzEXDPWQe+jCoF6Q==
   dependencies:
-    "@samverschueren/stream-to-observable" "^0.3.0"
     chalk "^4.0.0"
-    cli-cursor "^3.1.0"
     cli-truncate "^2.1.0"
-    elegant-spinner "^2.0.0"
-    enquirer "^2.3.5"
     figures "^3.2.0"
     indent-string "^4.0.0"
     log-update "^4.0.0"
     p-map "^4.0.0"
-    pad "^3.2.0"
     rxjs "^6.5.5"
     through "^2.3.8"
-    uuid "^7.0.2"
 
 listr@0.14.3:
   version "0.14.3"
@@ -21369,15 +21922,6 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
-lock-verify@^2.0.2:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/lock-verify/-/lock-verify-2.2.0.tgz#12432feb68bb647071c78c44bde16029a0f7d935"
-  integrity sha512-BhM1Vqsu7x0s+EalTifNjdDPks+ZjdAhComvnA6VcCIlDOI5ouELXqAe1BYuEIP4zGN0W08xVm6byJV1LnCiJg==
-  dependencies:
-    "@iarna/cli" "^1.2.0"
-    npm-package-arg "^6.1.0"
-    semver "^5.4.1"
-
 lockfile-lint-api@^5.1.2:
   version "5.1.6"
   resolved "https://registry.yarnpkg.com/lockfile-lint-api/-/lockfile-lint-api-5.1.6.tgz#74d1e14c0c8270232607eb11e518a92f6f6b1ddd"
@@ -21729,11 +22273,16 @@ lodash.uniqby@^4.7.0:
   resolved "https://registry.yarnpkg.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz#d99c07a669e9e6d24e1362dfe266c67616af1302"
   integrity sha1-2ZwHpmnp5tJOE2Lf4mbGdhavEwI=
 
-lodash@4.17.15, "lodash@>=3.5 <5", lodash@^4.0.0, lodash@^4.0.1, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.1, lodash@^4.5.1, lodash@~4.17.11, lodash@~4.17.12:
+lodash@4.17.15:
   version "4.17.15"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
 
+"lodash@>=3.5 <5", lodash@^4.0.0, lodash@^4.0.1, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.1, lodash@^4.5.1, lodash@~4.17.11, lodash@~4.17.12:
+  version "4.17.19"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
+  integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
+
 log-symbols@3.0.0, log-symbols@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4"
@@ -21786,7 +22335,7 @@ loglevel-plugin-prefix@^0.8.4:
   resolved "https://registry.yarnpkg.com/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz#2fe0e05f1a820317d98d8c123e634c1bd84ff644"
   integrity sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==
 
-loglevel@^1.4.1, loglevel@^1.6.4, loglevel@^1.6.6, loglevel@^1.6.7, loglevel@^1.6.8:
+loglevel@^1.4.1, loglevel@^1.6.4, loglevel@^1.6.6, loglevel@^1.6.8:
   version "1.6.8"
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.8.tgz#8a25fb75d092230ecd4457270d80b54e28011171"
   integrity sha512-bsU7+gc9AJ2SqpzxwU3+1fedl8zAntbtC5XYlt3s2j1hJcn2PsXSmgN8TaLG/J1/2mod4+cE/3vNL70/c1RNCA==
@@ -21811,11 +22360,6 @@ longest-streak@^2.0.1:
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.4.tgz#b8599957da5b5dab64dee3fe316fa774597d90e4"
   integrity sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==
 
-longest@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
-  integrity sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=
-
 loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
@@ -21858,13 +22402,13 @@ lowercase-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
   integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
 
-lowlight@1.12.1:
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.12.1.tgz#014acf8dd73a370e02ff1cc61debcde3bb1681eb"
-  integrity sha512-OqaVxMGIESnawn+TU/QMV5BJLbUghUfjDWPAtFqDYDmDtr4FnB+op8xM+pR7nKlauHNUHXGt0VgWatFB8voS5w==
+lowlight@^1.14.0:
+  version "1.14.0"
+  resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.14.0.tgz#83ebc143fec0f9e6c0d3deffe01be129ce56b108"
+  integrity sha512-N2E7zTM7r1CwbzwspPxJvmjAbxljCPThTFawEX2Z7+P3NGrrvY54u8kyU16IY4qWfoVIxY8SYCS8jTkuG7TqYA==
   dependencies:
-    fault "^1.0.2"
-    highlight.js "~9.15.0"
+    fault "^1.0.0"
+    highlight.js "~10.1.0"
 
 lru-cache@^4.0.0, lru-cache@^4.0.1, lru-cache@^4.1.2, lru-cache@^4.1.5:
   version "4.1.5"
@@ -21924,7 +22468,7 @@ magic-string@^0.22.4:
   dependencies:
     vlq "^0.2.2"
 
-make-dir@^1.0.0:
+make-dir@^1.0.0, make-dir@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
   integrity sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==
@@ -21951,23 +22495,6 @@ make-error@1.x, make-error@^1.1.1:
   resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
   integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
 
-make-fetch-happen@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-4.0.2.tgz#2d156b11696fb32bffbafe1ac1bc085dd6c78a79"
-  integrity sha512-YMJrAjHSb/BordlsDEcVcPyTbiJKkzqMf48N8dAJZT9Zjctrkb6Yg4TY9Sq2AwSIQJFn5qBBKVTYt3vP5FMIHA==
-  dependencies:
-    agentkeepalive "^3.4.1"
-    cacache "^11.3.3"
-    http-cache-semantics "^3.8.1"
-    http-proxy-agent "^2.1.0"
-    https-proxy-agent "^2.2.1"
-    lru-cache "^5.1.1"
-    mississippi "^3.0.0"
-    node-fetch-npm "^2.0.2"
-    promise-retry "^1.1.1"
-    socks-proxy-agent "^4.0.0"
-    ssri "^6.0.0"
-
 make-fetch-happen@^5.0.0:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-5.0.2.tgz#aa8387104f2687edca01c8687ee45013d02d19bd"
@@ -22339,13 +22866,6 @@ media-typer@0.3.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
 
-mem@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/mem/-/mem-1.1.0.tgz#5edd52b485ca1d900fe64895505399a0dfa45f76"
-  integrity sha1-Xt1StIXKHZAP5kiVUFOZoN+kX3Y=
-  dependencies:
-    mimic-fn "^1.0.0"
-
 mem@^4.0.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/mem/-/mem-4.3.0.tgz#461af497bc4ae09608cdb2e60eefb69bff744178"
@@ -22469,6 +22989,13 @@ meow@^7.0.0:
     type-fest "^0.13.1"
     yargs-parser "^18.1.3"
 
+merge-anything@^2.2.4:
+  version "2.4.4"
+  resolved "https://registry.yarnpkg.com/merge-anything/-/merge-anything-2.4.4.tgz#6226b2ac3d3d3fc5fb9e8d23aa400df25f98fdf0"
+  integrity sha512-l5XlriUDJKQT12bH+rVhAHjwIuXWdAIecGwsYjv2LJo+dA1AeRTmeQS+3QBpO6lEthBMDi2IUMpLC1yyRvGlwQ==
+  dependencies:
+    is-what "^3.3.1"
+
 merge-deep@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/merge-deep/-/merge-deep-3.0.2.tgz#f39fa100a4f1bd34ff29f7d2bf4508fbb8d83ad2"
@@ -23078,6 +23605,13 @@ napi-macros@~2.0.0:
   resolved "https://registry.yarnpkg.com/napi-macros/-/napi-macros-2.0.0.tgz#2b6bae421e7b96eb687aa6c77a7858640670001b"
   integrity sha512-A0xLykHtARfueITVDernsAWdtIMbOJgKgcluwENp3AlsKN/PloyO10HtmoqnFAQAcxPkgZN7wdfPfEd0zNGxbg==
 
+native-url@^0.2.6:
+  version "0.2.6"
+  resolved "https://registry.yarnpkg.com/native-url/-/native-url-0.2.6.tgz#ca1258f5ace169c716ff44eccbddb674e10399ae"
+  integrity sha512-k4bDC87WtgrdD362gZz6zoiXQrl40kYlBmpfmSjwRO1VU0V5ccwJTlxuE72F6m3V0vc1xOf6n3UCP9QyerRqmA==
+  dependencies:
+    querystring "^0.2.0"
+
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -23221,23 +23755,6 @@ node-gyp@^3.8.0:
     tar "^2.0.0"
     which "1"
 
-node-gyp@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-4.0.0.tgz#972654af4e5dd0cd2a19081b4b46fe0442ba6f45"
-  integrity sha512-2XiryJ8sICNo6ej8d0idXDEMKfVfFK7kekGCtJAuelGsYHQxhj13KTf95swTCN2dZ/4lTfZ84Fu31jqJEEgjWA==
-  dependencies:
-    glob "^7.0.3"
-    graceful-fs "^4.1.2"
-    mkdirp "^0.5.0"
-    nopt "2 || 3"
-    npmlog "0 || 1 || 2 || 3 || 4"
-    osenv "0"
-    request "^2.87.0"
-    rimraf "2"
-    semver "~5.3.0"
-    tar "^4.4.8"
-    which "1"
-
 node-gyp@^5.0.2:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-5.1.1.tgz#eb915f7b631c937d282e33aed44cb7a025f62a3e"
@@ -23502,20 +24019,6 @@ npm-install-checks@^4.0.0:
   dependencies:
     semver "^7.1.1"
 
-npm-lifecycle@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/npm-lifecycle/-/npm-lifecycle-2.1.1.tgz#0027c09646f0fd346c5c93377bdaba59c6748fdf"
-  integrity sha512-+Vg6I60Z75V/09pdcH5iUo/99Q/vop35PaI99elvxk56azSVVsdsSsS/sXqKDNwbRRNN1qSxkcO45ZOu0yOWew==
-  dependencies:
-    byline "^5.0.0"
-    graceful-fs "^4.1.15"
-    node-gyp "^4.0.0"
-    resolve-from "^4.0.0"
-    slide "^1.1.6"
-    uid-number "0.0.6"
-    umask "^1.1.0"
-    which "^1.3.1"
-
 npm-lifecycle@^3.1.2:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/npm-lifecycle/-/npm-lifecycle-3.1.5.tgz#9882d3642b8c82c815782a12e6a1bfeed0026309"
@@ -23530,11 +24033,6 @@ npm-lifecycle@^3.1.2:
     umask "^1.1.0"
     which "^1.3.1"
 
-npm-logical-tree@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/npm-logical-tree/-/npm-logical-tree-1.2.1.tgz#44610141ca24664cad35d1e607176193fd8f5b88"
-  integrity sha512-AJI/qxDB2PWI4LG1CYN579AY1vCiNyWfkiquCsJWqntRu/WwimVrC8yXeILBFHDwxfOejxewlmnvW9XXjMlYIg==
-
 npm-normalize-package-bin@^1.0.0, npm-normalize-package-bin@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2"
@@ -23586,31 +24084,10 @@ npm-pick-manifest@^3.0.0:
     npm-package-arg "^6.0.0"
     semver "^5.4.1"
 
-npm-profile@^4.0.1:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/npm-profile/-/npm-profile-4.0.4.tgz#28ee94390e936df6d084263ee2061336a6a1581b"
-  integrity sha512-Ta8xq8TLMpqssF0H60BXS1A90iMoM6GeKwsmravJ6wYjWwSzcYBTdyWa3DZCYqPutacBMEm7cxiOkiIeCUAHDQ==
-  dependencies:
-    aproba "^1.1.2 || 2"
-    figgy-pudding "^3.4.1"
-    npm-registry-fetch "^4.0.0"
-
-npm-registry-fetch@^3.8.0:
-  version "3.9.1"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-3.9.1.tgz#00ff6e4e35d3f75a172b332440b53e93f4cb67de"
-  integrity sha512-VQCEZlydXw4AwLROAXWUR7QDfe2Y8Id/vpAgp6TI1/H78a4SiQ1kQrKZALm5/zxM5n4HIi+aYb+idUAV/RuY0Q==
-  dependencies:
-    JSONStream "^1.3.4"
-    bluebird "^3.5.1"
-    figgy-pudding "^3.4.1"
-    lru-cache "^5.1.1"
-    make-fetch-happen "^4.0.2"
-    npm-package-arg "^6.1.0"
-
 npm-registry-fetch@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-4.0.4.tgz#2da1ecf3f43d419d96abf313664291a4623d3ea5"
-  integrity sha512-6jb34hX/iYNQebqWUHtU8YF6Cjb1H6ouTFPClYsyiW6lpFkljTpdeftm53rRojtja1rKAvKNIIiTS5Sjpw4wsA==
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-4.0.5.tgz#cb87cf7f25bfb048d6c3ee19d115bebf93ea5bfa"
+  integrity sha512-yQ0/U4fYpCCqmueB2g8sc+89ckQ3eXpmU4+Yi2j5o/r0WkKvE2+Y0tK3DEILAtn2UaQTkjTHxIXe2/CSdit+/Q==
   dependencies:
     JSONStream "^1.3.4"
     bluebird "^3.5.1"
@@ -23821,6 +24298,11 @@ object.values@^1.1.0, object.values@^1.1.1:
     function-bind "^1.1.1"
     has "^1.0.3"
 
+objectorarray@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/objectorarray/-/objectorarray-1.0.4.tgz#d69b2f0ff7dc2701903d308bb85882f4ddb49483"
+  integrity sha512-91k8bjcldstRz1bG6zJo8lWD7c6QXcB4nTDUqiEvIL1xAsLoZlOOZZG+nd6YPz+V7zY1580J4Xxh1vZtyv4i/w==
+
 obuf@^1.0.0, obuf@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
@@ -23970,6 +24452,18 @@ optionator@^0.8.1, optionator@^0.8.2, optionator@^0.8.3:
     type-check "~0.3.2"
     word-wrap "~1.2.3"
 
+optionator@^0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
+  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+  dependencies:
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+    word-wrap "^1.2.3"
+
 ora@4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/ora/-/ora-4.0.3.tgz#752a1b7b4be4825546a7a3d59256fa523b6b6d05"
@@ -24025,15 +24519,6 @@ os-homedir@^1.0.0:
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
 
-os-locale@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-2.1.0.tgz#42bc2900a6b5b8bd17376c8e882b65afccf24bf2"
-  integrity sha512-3sslG3zJbEYcaC4YVAvDorjGxc7tv6KVATnLPZONiljsUncvihe9BQoVCEs0RZ1kmf4Hk9OBqlZfJZWI4GanKA==
-  dependencies:
-    execa "^0.7.0"
-    lcid "^1.0.0"
-    mem "^1.1.0"
-
 os-locale@^3.0.0, os-locale@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-3.1.0.tgz#a802a6ee17f24c10483ab9935719cef4ed16bf1a"
@@ -24069,11 +24554,6 @@ ospath@1.2.2:
   resolved "https://registry.yarnpkg.com/ospath/-/ospath-1.2.2.tgz#1276639774a3f8ef2572f7fe4280e0ea4550c07b"
   integrity sha1-EnZjl3Sj+O8lcvf+QoDg6kVQwHs=
 
-overlayscrollbars-react@^0.2.1:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/overlayscrollbars-react/-/overlayscrollbars-react-0.2.2.tgz#330b5d298090d714af660ef45a73d89964f9172e"
-  integrity sha512-sRJDaKIxD+No6ygMRaCxejuIH2CksSCUTfaDOzDhPt22lI3IPZq/+Ifw2RT4j+U7hgXLn9P5QqA00f2bsZVwPA==
-
 overlayscrollbars@^1.10.2:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/overlayscrollbars/-/overlayscrollbars-1.12.0.tgz#e3e257bbb8a179760c2c712ad08ac2c78583c9f6"
@@ -24136,6 +24616,13 @@ p-is-promise@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-2.1.0.tgz#918cebaea248a62cf7ffab8e3bca8c5f882fc42e"
   integrity sha512-Y3W0wlRPK8ZMRbNq97l4M5otioeA5lm1z7bkNkxCka8HSPjR0xRWmpCmc9utiaLP9Jb1eD8BgeIxTW4AIF45Pg==
 
+p-limit@2.3.0, p-limit@^2.0.0, p-limit@^2.1.0, p-limit@^2.2.0, p-limit@^2.2.1, p-limit@^2.2.2, p-limit@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+  dependencies:
+    p-try "^2.0.0"
+
 p-limit@^1.1.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
@@ -24143,13 +24630,6 @@ p-limit@^1.1.0:
   dependencies:
     p-try "^1.0.0"
 
-p-limit@^2.0.0, p-limit@^2.1.0, p-limit@^2.2.0, p-limit@^2.2.1, p-limit@^2.2.2, p-limit@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
-  dependencies:
-    p-try "^2.0.0"
-
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
@@ -24250,16 +24730,6 @@ p-waterfall@^1.0.0:
   dependencies:
     p-reduce "^1.0.0"
 
-package-json@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/package-json/-/package-json-4.0.1.tgz#8869a0401253661c4c4ca3da6c2121ed555f5eed"
-  integrity sha1-iGmgQBJTZhxMTKPabCEh7VVfXu0=
-  dependencies:
-    got "^6.7.1"
-    registry-auth-token "^3.0.1"
-    registry-url "^3.0.3"
-    semver "^5.1.0"
-
 package-json@^6.3.0:
   version "6.5.0"
   resolved "https://registry.yarnpkg.com/package-json/-/package-json-6.5.0.tgz#6feedaca35e75725876d0b0e64974697fed145b0"
@@ -24270,7 +24740,7 @@ package-json@^6.3.0:
     registry-url "^5.0.0"
     semver "^6.2.0"
 
-pacote@9.5.12, pacote@^9.2.3, pacote@^9.5.0:
+pacote@9.5.12:
   version "9.5.12"
   resolved "https://registry.yarnpkg.com/pacote/-/pacote-9.5.12.tgz#1e11dd7a8d736bcc36b375a9804d41bb0377bf66"
   integrity sha512-BUIj/4kKbwWg4RtnBncXPJd15piFSVNpTzY0rysSr3VnMowTYgkGKcaHrbReepAkjTr8lH2CVWRi58Spg2CicQ==
@@ -24313,13 +24783,6 @@ pad-right@^0.2.2:
   dependencies:
     repeat-string "^1.5.2"
 
-pad@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/pad/-/pad-3.2.0.tgz#be7a1d1cb6757049b4ad5b70e71977158fea95d1"
-  integrity sha512-2u0TrjcGbOjBTJpyewEl4hBO3OeX5wWue7eIFPzQTg6wFSvoaHcBTTUY5m+n0hd04gmTCPuY0kCpVIVuw5etwg==
-  dependencies:
-    wcwidth "^1.0.1"
-
 pako@^0.2.5:
   version "0.2.9"
   resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
@@ -24450,18 +24913,6 @@ parse-diff@^0.7.0:
   resolved "https://registry.yarnpkg.com/parse-diff/-/parse-diff-0.7.0.tgz#f11128d3aa02381b46ebc8320b470c2c327e67dc"
   integrity sha512-88ar4IU2Fx+KgiyvVul0Y+YprMArTgLscO0nEKaEvWvhzRSSYefdf1M9PUmpx1pu5crUoVl2QNDMqjxfCeKptQ==
 
-parse-entities@^1.1.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-1.2.2.tgz#c31bf0f653b6661354f8973559cb86dd1d5edf50"
-  integrity sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==
-  dependencies:
-    character-entities "^1.0.0"
-    character-entities-legacy "^1.0.0"
-    character-reference-invalid "^1.0.0"
-    is-alphanumerical "^1.0.0"
-    is-decimal "^1.0.0"
-    is-hexadecimal "^1.0.0"
-
 parse-entities@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-2.0.0.tgz#53c6eb5b9314a1f4ec99fa0fdf7ce01ecda0cbe8"
@@ -24831,7 +25282,7 @@ physical-cpu-count@^2.0.0:
   resolved "https://registry.yarnpkg.com/physical-cpu-count/-/physical-cpu-count-2.0.0.tgz#18de2f97e4bf7a9551ad7511942b5496f7aba660"
   integrity sha1-GN4vl+S/epVRrXURlCtUlverpmA=
 
-picomatch@^2.0.4, picomatch@^2.0.5, picomatch@^2.2.1:
+picomatch@2.2.2, picomatch@^2.0.4, picomatch@^2.0.5, picomatch@^2.2.1:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
   integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
@@ -24863,23 +25314,6 @@ pinkie@^2.0.0:
   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
   integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
 
-pino-std-serializers@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/pino-std-serializers/-/pino-std-serializers-2.4.2.tgz#cb5e3e58c358b26f88969d7e619ae54bdfcc1ae1"
-  integrity sha512-WaL504dO8eGs+vrK+j4BuQQq6GLKeCCcHaMB2ItygzVURcL1CycwNEUHTD/lHFHs/NL5qAz2UKrjYWXKSf4aMQ==
-
-pino@5.17.0:
-  version "5.17.0"
-  resolved "https://registry.yarnpkg.com/pino/-/pino-5.17.0.tgz#b9def314e82402154f89a25d76a31f20ca84b4c8"
-  integrity sha512-LqrqmRcJz8etUjyV0ddqB6OTUutCgQULPFg2b4dtijRHUsucaAdBgSUW58vY6RFSX+NT8963F+q0tM6lNwGShA==
-  dependencies:
-    fast-redact "^2.0.0"
-    fast-safe-stringify "^2.0.7"
-    flatstr "^1.0.12"
-    pino-std-serializers "^2.4.2"
-    quick-format-unescaped "^3.0.3"
-    sonic-boom "^0.7.5"
-
 pinpoint@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/pinpoint/-/pinpoint-1.1.0.tgz#0cf7757a6977f1bf7f6a32207b709e377388e874"
@@ -24899,16 +25333,6 @@ pixelmatch@^5.1.0:
   dependencies:
     pngjs "^4.0.1"
 
-pkg-add-deps@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/pkg-add-deps/-/pkg-add-deps-0.1.0.tgz#83af13744d8e67847a38a00d36fe327ea4f1eaa9"
-  integrity sha512-8CNvVKx/aQYjVCSf6NilxXt3/LDqHm6EIzJL60oEQcl+KAGk78PjtTPtcnQOCre3luOY/l1Z1TKb5j8+L0W2Fw==
-  dependencies:
-    libnpm "^2.0.1"
-    pacote "^9.5.0"
-    read-pkg "^5.1.1"
-    yargs "^13.2.2"
-
 pkg-dir@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-1.0.0.tgz#7a4b508a8d5bb2d629d447056ff4e9c9314cf3d4"
@@ -25002,14 +25426,14 @@ pnp-webpack-plugin@1.6.4, pnp-webpack-plugin@^1.6.4:
   dependencies:
     ts-pnp "^1.1.6"
 
-polished@^3.3.1, polished@^3.4.4:
-  version "3.6.3"
-  resolved "https://registry.yarnpkg.com/polished/-/polished-3.6.3.tgz#68f4fe7ffad46530733029b939dd12978200cb59"
-  integrity sha512-QJ0q0b6gX1+0OJtPMfgVJxV0vg5XTa4im+Rca989dAtmsd/fEky3X+0A+V+OUXq1nyiDGplJwqD853dTS0gkPg==
+polished@^3.4.4, polished@^3.6.4:
+  version "3.6.4"
+  resolved "https://registry.yarnpkg.com/polished/-/polished-3.6.4.tgz#cec6bc0fbffc5d6ce5799c85bcc1bca5e63f1dee"
+  integrity sha512-21moJXCm/7EvjeKQz5w89QDDKNPCoimc83CqwZZGJluFdMXsFlMQl9lPA/OMRkoceZ19kU0anKlMgZmY7LJSJw==
   dependencies:
     "@babel/runtime" "^7.9.2"
 
-popper.js@^1.14.4, popper.js@^1.14.7:
+popper.js@^1.14.4:
   version "1.16.1"
   resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.1.tgz#2a223cb3dc7b6213d740e40372be40de43e65b1b"
   integrity sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==
@@ -25848,10 +26272,10 @@ postcss@7.0.27:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-postcss@7.x.x, postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.23, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.30, postcss@^7.0.5, postcss@^7.0.6:
-  version "7.0.31"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.31.tgz#332af45cb73e26c0ee2614d7c7fb02dfcc2bd6dd"
-  integrity sha512-a937VDHE1ftkjk+8/7nj/mrjtmkn69xxzJgRETXdAUU+IgOYPQNJF17haGWbeDxSyk++HA14UA98FurvPyBJOA==
+postcss@7.x.x, postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.23, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6:
+  version "7.0.32"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
+  integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
   dependencies:
     chalk "^2.4.2"
     source-map "^0.6.1"
@@ -25909,12 +26333,17 @@ preact@^8.4.2:
   resolved "https://registry.yarnpkg.com/preact/-/preact-8.5.3.tgz#78c2a5562fcecb1fed1d0055fa4ac1e27bde17c1"
   integrity sha512-O3kKP+1YdgqHOFsZF2a9JVdtqD+RPzCQc3rP+Ualf7V6rmRDchZ9MJbiGTT7LuyqFKZqlHSOyO/oMFmI2lVTsw==
 
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 
-prepend-http@^1.0.0, prepend-http@^1.0.1:
+prepend-http@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
   integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
@@ -25941,7 +26370,7 @@ prettier@^1.18.2:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
 
-prettier@^2.0.5:
+prettier@~2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"
   integrity sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==
@@ -25984,12 +26413,12 @@ pretty-format@^25.0.0, pretty-format@^25.1.0, pretty-format@^25.2.1, pretty-form
     ansi-styles "^4.0.0"
     react-is "^16.12.0"
 
-pretty-format@^26.0.1:
-  version "26.0.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.0.1.tgz#a4fe54fe428ad2fd3413ca6bbd1ec8c2e277e197"
-  integrity sha512-SWxz6MbupT3ZSlL0Po4WF/KujhQaVehijR2blyRDCzk9e45EaYMVhMBn49fnRuHxtkSpXTes1GxNpVmH86Bxfw==
+pretty-format@^26.4.0:
+  version "26.4.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.4.0.tgz#c08073f531429e9e5024049446f42ecc9f933a3b"
+  integrity sha512-mEEwwpCseqrUtuMbrJG4b824877pM5xald3AkilJ47Po2YLr97/siejYQHqj2oDQBeJNbu+Q0qUuekJ8F0NAPg==
   dependencies:
-    "@jest/types" "^26.0.1"
+    "@jest/types" "^26.3.0"
     ansi-regex "^5.0.0"
     ansi-styles "^4.0.0"
     react-is "^16.12.0"
@@ -26019,17 +26448,17 @@ printf@^0.5.1:
   resolved "https://registry.yarnpkg.com/printf/-/printf-0.5.3.tgz#8b7eec278d886833312238b2bf42b2b6f250880a"
   integrity sha512-t3lYN6vPU5PZXDiEZZqoyXvN8wCsBfi8gPoxTKo2e5hhV673t/KUh+mfO8P8lCOCDC/BWcOGIxKyebxc5FuqLA==
 
-prismjs@^1.8.4:
+prismjs@1.20.0:
   version "1.20.0"
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.20.0.tgz#9b685fc480a3514ee7198eac6a3bf5024319ff03"
   integrity sha512-AEDjSrVNkynnw6A+B1DsFkd6AVdTnp+/WoUixFRULlCLZVRZlVQMVWio/16jv7G1FscUxQxOQhWwApgbnxr6kQ==
   optionalDependencies:
     clipboard "^2.0.0"
 
-prismjs@~1.17.0:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.17.1.tgz#e669fcbd4cdd873c35102881c33b14d0d68519be"
-  integrity sha512-PrEDJAFdUGbOP6xK/UsfkC5ghJsPJviKgnQOoxaDbBjwc8op68Quupwt1DeAFoG8GImPhiKXAvvsH7wDSLsu1Q==
+prismjs@^1.21.0, prismjs@~1.21.0:
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.21.0.tgz#36c086ec36b45319ec4218ee164c110f9fc015a3"
+  integrity sha512-uGdSIu1nk3kej2iZsLyDoJ7e9bnPzIgY0naW/HdknGj61zScaprVEVGHrPoXqI+M9sP0NDnTK2jpkvmldpuqDw==
   optionalDependencies:
     clipboard "^2.0.0"
 
@@ -26161,7 +26590,7 @@ prop-types-exact@^1.2.0:
     object.assign "^4.1.0"
     reflect.ownkeys "^0.2.0"
 
-prop-types@15.7.2, prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@15.7.2, prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -26270,15 +26699,6 @@ public-encrypt@^4.0.0:
     randombytes "^2.0.1"
     safe-buffer "^5.1.2"
 
-pug-attrs@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pug-attrs/-/pug-attrs-2.0.4.tgz#b2f44c439e4eb4ad5d4ef25cac20d18ad28cc336"
-  integrity sha512-TaZ4Z2TWUPDJcV3wjU3RtUXMrd3kM4Wzjbe3EWnSsZPsJ3LDI0F3yCnf2/W7PPFF+edUFQ0HgDL1IoxSz5K8EQ==
-  dependencies:
-    constantinople "^3.0.1"
-    js-stringify "^1.0.1"
-    pug-runtime "^2.0.5"
-
 pug-attrs@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pug-attrs/-/pug-attrs-3.0.0.tgz#b10451e0348165e31fad1cc23ebddd9dc7347c41"
@@ -26288,20 +26708,6 @@ pug-attrs@^3.0.0:
     js-stringify "^1.0.2"
     pug-runtime "^3.0.0"
 
-pug-code-gen@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/pug-code-gen/-/pug-code-gen-2.0.2.tgz#ad0967162aea077dcf787838d94ed14acb0217c2"
-  integrity sha512-kROFWv/AHx/9CRgoGJeRSm+4mLWchbgpRzTEn8XCiwwOy6Vh0gAClS8Vh5TEJ9DBjaP8wCjS3J6HKsEsYdvaCw==
-  dependencies:
-    constantinople "^3.1.2"
-    doctypes "^1.1.0"
-    js-stringify "^1.0.1"
-    pug-attrs "^2.0.4"
-    pug-error "^1.3.3"
-    pug-runtime "^2.0.5"
-    void-elements "^2.0.1"
-    with "^5.0.0"
-
 pug-code-gen@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/pug-code-gen/-/pug-code-gen-3.0.1.tgz#ff3b337b100c494ea63ef766091d27f7d73acb7e"
@@ -26316,29 +26722,11 @@ pug-code-gen@^3.0.0:
     void-elements "^3.1.0"
     with "^7.0.0"
 
-pug-error@^1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/pug-error/-/pug-error-1.3.3.tgz#f342fb008752d58034c185de03602dd9ffe15fa6"
-  integrity sha512-qE3YhESP2mRAWMFJgKdtT5D7ckThRScXRwkfo+Erqga7dyJdY3ZquspprMCj/9sJ2ijm5hXFWQE/A3l4poMWiQ==
-
 pug-error@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/pug-error/-/pug-error-2.0.0.tgz#5c62173cb09c34de2a2ce04f17b8adfec74d8ca5"
   integrity sha512-sjiUsi9M4RAGHktC1drQfCr5C5eriu24Lfbt4s+7SykztEOwVZtbFk1RRq0tzLxcMxMYTBR+zMQaG07J/btayQ==
 
-pug-filters@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/pug-filters/-/pug-filters-3.1.1.tgz#ab2cc82db9eeccf578bda89130e252a0db026aa7"
-  integrity sha512-lFfjNyGEyVWC4BwX0WyvkoWLapI5xHSM3xZJFUhx4JM4XyyRdO8Aucc6pCygnqV2uSgJFaJWW3Ft1wCWSoQkQg==
-  dependencies:
-    clean-css "^4.1.11"
-    constantinople "^3.0.1"
-    jstransformer "1.0.0"
-    pug-error "^1.3.3"
-    pug-walk "^1.1.8"
-    resolve "^1.1.6"
-    uglify-js "^2.6.1"
-
 pug-filters@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/pug-filters/-/pug-filters-4.0.0.tgz#d3e49af5ba8472e9b7a66d980e707ce9d2cc9b5e"
@@ -26350,15 +26738,6 @@ pug-filters@^4.0.0:
     pug-walk "^2.0.0"
     resolve "^1.15.1"
 
-pug-lexer@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/pug-lexer/-/pug-lexer-4.1.0.tgz#531cde48c7c0b1fcbbc2b85485c8665e31489cfd"
-  integrity sha512-i55yzEBtjm0mlplW4LoANq7k3S8gDdfC6+LThGEvsK4FuobcKfDAwt6V4jKPH9RtiE3a2Akfg5UpafZ1OksaPA==
-  dependencies:
-    character-parser "^2.1.1"
-    is-expression "^3.0.0"
-    pug-error "^1.3.3"
-
 pug-lexer@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/pug-lexer/-/pug-lexer-5.0.0.tgz#0b779e7d8cbf0f103803675be96351942fd9a727"
@@ -26368,14 +26747,6 @@ pug-lexer@^5.0.0:
     is-expression "^4.0.0"
     pug-error "^2.0.0"
 
-pug-linker@^3.0.6:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/pug-linker/-/pug-linker-3.0.6.tgz#f5bf218b0efd65ce6670f7afc51658d0f82989fb"
-  integrity sha512-bagfuHttfQOpANGy1Y6NJ+0mNb7dD2MswFG2ZKj22s8g0wVsojpRlqveEQHmgXXcfROB2RT6oqbPYr9EN2ZWzg==
-  dependencies:
-    pug-error "^1.3.3"
-    pug-walk "^1.1.8"
-
 pug-linker@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/pug-linker/-/pug-linker-4.0.0.tgz#12cbc0594fc5a3e06b9fc59e6f93c146962a7708"
@@ -26384,14 +26755,6 @@ pug-linker@^4.0.0:
     pug-error "^2.0.0"
     pug-walk "^2.0.0"
 
-pug-load@^2.0.12:
-  version "2.0.12"
-  resolved "https://registry.yarnpkg.com/pug-load/-/pug-load-2.0.12.tgz#d38c85eb85f6e2f704dea14dcca94144d35d3e7b"
-  integrity sha512-UqpgGpyyXRYgJs/X60sE6SIf8UBsmcHYKNaOccyVLEuT6OPBIMo6xMPhoJnqtB3Q3BbO4Z3Bjz5qDsUWh4rXsg==
-  dependencies:
-    object-assign "^4.1.0"
-    pug-walk "^1.1.8"
-
 pug-load@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pug-load/-/pug-load-3.0.0.tgz#9fd9cda52202b08adb11d25681fb9f34bd41b662"
@@ -26400,14 +26763,6 @@ pug-load@^3.0.0:
     object-assign "^4.1.1"
     pug-walk "^2.0.0"
 
-pug-parser@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/pug-parser/-/pug-parser-5.0.1.tgz#03e7ada48b6840bd3822f867d7d90f842d0ffdc9"
-  integrity sha512-nGHqK+w07p5/PsPIyzkTQfzlYfuqoiGjaoqHv1LjOv2ZLXmGX1O+4Vcvps+P4LhxZ3drYSljjq4b+Naid126wA==
-  dependencies:
-    pug-error "^1.3.3"
-    token-stream "0.0.1"
-
 pug-parser@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/pug-parser/-/pug-parser-6.0.0.tgz#a8fdc035863a95b2c1dc5ebf4ecf80b4e76a1260"
@@ -26416,23 +26771,11 @@ pug-parser@^6.0.0:
     pug-error "^2.0.0"
     token-stream "1.0.0"
 
-pug-runtime@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/pug-runtime/-/pug-runtime-2.0.5.tgz#6da7976c36bf22f68e733c359240d8ae7a32953a"
-  integrity sha512-P+rXKn9un4fQY77wtpcuFyvFaBww7/91f3jHa154qU26qFAnOe6SW1CbIDcxiG5lLK9HazYrMCCuDvNgDQNptw==
-
 pug-runtime@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pug-runtime/-/pug-runtime-3.0.0.tgz#d523025fdc0a1efe70929d1fd3a2d24121ffffb6"
   integrity sha512-GoEPcmQNnaTsePEdVA05bDpY+Op5VLHKayg08AQiqJBWU/yIaywEYv7TetC5dEQS3fzBBoyb2InDcZEg3mPTIA==
 
-pug-strip-comments@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/pug-strip-comments/-/pug-strip-comments-1.0.4.tgz#cc1b6de1f6e8f5931cf02ec66cdffd3f50eaf8a8"
-  integrity sha512-i5j/9CS4yFhSxHp5iKPHwigaig/VV9g+FgReLJWWHEHbvKsbqL0oP/K5ubuLco6Wu3Kan5p7u7qk8A4oLLh6vw==
-  dependencies:
-    pug-error "^1.3.3"
-
 pug-strip-comments@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz#f94b07fd6b495523330f490a7f554b4ff876303e"
@@ -26440,30 +26783,11 @@ pug-strip-comments@^2.0.0:
   dependencies:
     pug-error "^2.0.0"
 
-pug-walk@^1.1.8:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/pug-walk/-/pug-walk-1.1.8.tgz#b408f67f27912f8c21da2f45b7230c4bd2a5ea7a"
-  integrity sha512-GMu3M5nUL3fju4/egXwZO0XLi6fW/K3T3VTgFQ14GxNi8btlxgT5qZL//JwZFm/2Fa64J/PNS8AZeys3wiMkVA==
-
 pug-walk@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/pug-walk/-/pug-walk-2.0.0.tgz#417aabc29232bb4499b5b5069a2b2d2a24d5f5fe"
   integrity sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==
 
-pug@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pug/-/pug-2.0.4.tgz#ee7682ec0a60494b38d48a88f05f3b0ac931377d"
-  integrity sha512-XhoaDlvi6NIzL49nu094R2NA6P37ijtgMDuWE+ofekDChvfKnzFal60bhSdiy8y2PBO6fmz3oMEIcfpBVRUdvw==
-  dependencies:
-    pug-code-gen "^2.0.2"
-    pug-filters "^3.1.1"
-    pug-lexer "^4.1.0"
-    pug-linker "^3.0.6"
-    pug-load "^2.0.12"
-    pug-parser "^5.0.1"
-    pug-runtime "^2.0.5"
-    pug-strip-comments "^1.0.4"
-
 pug@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pug/-/pug-3.0.0.tgz#101eecd7a236cd9906e420e17799d4d57f2b7d93"
@@ -26648,11 +26972,6 @@ querystringify@^2.1.1:
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.1.1.tgz#60e5a5fd64a7f8bfa4d2ab2ed6fdf4c85bad154e"
   integrity sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==
 
-quick-format-unescaped@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/quick-format-unescaped/-/quick-format-unescaped-3.0.3.tgz#fb3e468ac64c01d22305806c39f121ddac0d1fb9"
-  integrity sha512-dy1yjycmn9blucmJLXOfZDx1ikZJUi6E8bBZLnhPG5gBrVhHXx2xVyqqgKBubVNEXmx51dBACMHpoMQK/N/AXQ==
-
 quick-lru@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-1.1.0.tgz#4360b17c61136ad38078397ff11416e186dcfbb8"
@@ -26994,7 +27313,7 @@ rax@^1.1.0:
     rax-create-factory "^1.0.0"
     rax-is-valid-element "^1.0.0"
 
-rc@^1.0.1, rc@^1.1.6, rc@^1.2.8:
+rc@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
   integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
@@ -27098,10 +27417,22 @@ react-docgen-typescript-loader@^3.7.2:
     loader-utils "^1.2.3"
     react-docgen-typescript "^1.15.0"
 
-react-docgen-typescript@^1.15.0:
-  version "1.16.5"
-  resolved "https://registry.yarnpkg.com/react-docgen-typescript/-/react-docgen-typescript-1.16.5.tgz#b305563425ab370f5a3c82b42579eb5069449b87"
-  integrity sha512-guXnx6a554IDVUoVIkX/BGRTrwc2n2w/kMxo7TKLNLJW1qszhT6BRHX4qV8eWq5eaJxRxuesOW5AOLiOI9WQOA==
+react-docgen-typescript-plugin@^0.5.0, react-docgen-typescript-plugin@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-0.5.2.tgz#2b294d75ef3145c36303da82be5d447cb67dc0dc"
+  integrity sha512-NQfWyWLmzUnedkiN2nPDb6Nkm68ik6fqbC3UvgjqYSeZsbKijXUA4bmV6aU7qICOXdop9PevPdjEgJuAN0nNVQ==
+  dependencies:
+    debug "^4.1.1"
+    endent "^2.0.1"
+    micromatch "^4.0.2"
+    react-docgen-typescript "^1.20.1"
+    react-docgen-typescript-loader "^3.7.2"
+    tslib "^2.0.0"
+
+react-docgen-typescript@^1.15.0, react-docgen-typescript@^1.20.1:
+  version "1.20.1"
+  resolved "https://registry.yarnpkg.com/react-docgen-typescript/-/react-docgen-typescript-1.20.1.tgz#774ed8b4a7111acaaa536cad4cfd61c504a46f7e"
+  integrity sha512-vU6puLsSwfCS+nI/6skQ52sJIx/uW7+9aMI/V/zPHAXr6s8OQzD5LeL9rXx/Hdt2aNfm4yTX9oJ8ClH/5PKQNg==
 
 react-docgen@^5.0.0:
   version "5.3.0"
@@ -27127,7 +27458,7 @@ react-dom@^15.4.2:
     object-assign "^4.1.0"
     prop-types "^15.5.10"
 
-react-dom@^16.0.0, react-dom@^16.10.2, react-dom@^16.12.0, react-dom@^16.13.1, react-dom@^16.8.3, react-dom@^16.8.4:
+react-dom@^16.8.3:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.13.1.tgz#c1bd37331a0486c078ee54c4740720993b2e0e7f"
   integrity sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==
@@ -27138,14 +27469,14 @@ react-dom@^16.0.0, react-dom@^16.10.2, react-dom@^16.12.0, react-dom@^16.13.1, r
     scheduler "^0.19.1"
 
 react-draggable@^4.0.3:
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/react-draggable/-/react-draggable-4.4.2.tgz#f3cefecee25f467f865144cda0d066e5f05f94a0"
-  integrity sha512-zLQs4R4bnBCGnCVTZiD8hPsHtkiJxgMpGDlRESM+EHQo8ysXhKJ2GKdJ8UxxLJdRVceX1j19jy+hQS2wHislPQ==
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/react-draggable/-/react-draggable-4.4.3.tgz#0727f2cae5813e36b0e4962bf11b2f9ef2b406f3"
+  integrity sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==
   dependencies:
     classnames "^2.2.5"
     prop-types "^15.6.0"
 
-react-element-to-jsx-string@^14.1.0:
+react-element-to-jsx-string@^14.3.1:
   version "14.3.1"
   resolved "https://registry.yarnpkg.com/react-element-to-jsx-string/-/react-element-to-jsx-string-14.3.1.tgz#a08fa6e46eb76061aca7eabc2e70f433583cb203"
   integrity sha512-LRdQWRB+xcVPOL4PU4RYuTg6dUJ/FNmaQ8ls6w38YbzkbV6Yr5tFNESroub9GiSghtnMq8dQg2LcNN5aMIDzVg==
@@ -27202,16 +27533,26 @@ react-inspector@^5.0.1:
     is-dom "^1.1.0"
     prop-types "^15.6.1"
 
-react-is@^16.12.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6, react-is@^16.9.0:
+react-is@^16.12.0, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.0, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6, react-is@^16.9.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-lifecycles-compat@^3.0.4:
+react-lifecycles-compat@^3.0.0, react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
+react-modal@^3.11.2:
+  version "3.11.2"
+  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.11.2.tgz#bad911976d4add31aa30dba8a41d11e21c4ac8a4"
+  integrity sha512-o8gvvCOFaG1T7W6JUvsYjRjMVToLZgLIsi5kdhFIQCtHxDkA47LznX62j+l6YQkpXDbvQegsDyxe/+JJsFQN7w==
+  dependencies:
+    exenv "^1.2.0"
+    prop-types "^15.5.10"
+    react-lifecycles-compat "^3.0.0"
+    warning "^4.0.3"
+
 react-moment-proptypes@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/react-moment-proptypes/-/react-moment-proptypes-1.7.0.tgz#89881479840a76c13574a86e3bb214c4ba564e7a"
@@ -27219,12 +27560,7 @@ react-moment-proptypes@^1.7.0:
   dependencies:
     moment ">=1.6.0"
 
-react-native-swipe-gestures@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/react-native-swipe-gestures/-/react-native-swipe-gestures-1.0.5.tgz#a172cb0f3e7478ccd681fd36b8bfbcdd098bde7c"
-  integrity sha512-Ns7Bn9H/Tyw278+5SQx9oAblDZ7JixyzeOczcBK8dipQk2pD7Djkcfnf1nB/8RErAmMLL9iXgW0QHqiII8AhKw==
-
-react-popper-tooltip@^2.11.0:
+react-popper-tooltip@^2.11.1:
   version "2.11.1"
   resolved "https://registry.yarnpkg.com/react-popper-tooltip/-/react-popper-tooltip-2.11.1.tgz#3c4bdfd8bc10d1c2b9a162e859bab8958f5b2644"
   integrity sha512-04A2f24GhyyMicKvg/koIOQ5BzlrRbKiAgP6L+Pdj1MVX3yJ1NeZ8+EidndQsbejFT55oW1b++wg2Z8KlAyhfQ==
@@ -27232,6 +27568,15 @@ react-popper-tooltip@^2.11.0:
     "@babel/runtime" "^7.9.2"
     react-popper "^1.3.7"
 
+react-popper-tooltip@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/react-popper-tooltip/-/react-popper-tooltip-3.1.0.tgz#fd7c7a39b344538e0cbd00ce6fac3147f72d2589"
+  integrity sha512-uoLUGtQSQyf4DucJQWXdZVAf3u/FFAHxox74y2GWP2Fy6D0lT9YL/7QIRSGsMI5USCHsS7HuHD4okVGAhctIGg==
+  dependencies:
+    "@babel/runtime" "^7.10.4"
+    "@popperjs/core" "^2.4.4"
+    react-popper "^2.2.3"
+
 react-popper@^1.3.7:
   version "1.3.7"
   resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-1.3.7.tgz#f6a3471362ef1f0d10a4963673789de1baca2324"
@@ -27245,6 +27590,19 @@ react-popper@^1.3.7:
     typed-styles "^0.0.7"
     warning "^4.0.2"
 
+react-popper@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-2.2.3.tgz#33d425fa6975d4bd54d9acd64897a89d904b9d97"
+  integrity sha512-mOEiMNT1249js0jJvkrOjyHsGvqcJd3aGW/agkiMoZk3bZ1fXN1wQszIQSjHIai48fE67+zwF8Cs+C4fWqlfjw==
+  dependencies:
+    react-fast-compare "^3.0.1"
+    warning "^4.0.2"
+
+react-refresh@^0.8.3:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
+  integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
+
 react-scripts@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-3.0.1.tgz#e5565350d8069cc9966b5998d3fe3befe3d243ac"
@@ -27389,16 +27747,16 @@ react-sizeme@^2.5.2, react-sizeme@^2.6.7:
     shallowequal "^1.1.0"
     throttle-debounce "^2.1.0"
 
-react-syntax-highlighter@^12.2.1:
-  version "12.2.1"
-  resolved "https://registry.yarnpkg.com/react-syntax-highlighter/-/react-syntax-highlighter-12.2.1.tgz#14d78352da1c1c3f93c6698b70ec7c706b83493e"
-  integrity sha512-CTsp0ZWijwKRYFg9xhkWD4DSpQqE4vb2NKVMdPAkomnILSmsNBHE0n5GuI5zB+PU3ySVvXvdt9jo+ViD9XibCA==
+react-syntax-highlighter@^13.5.0:
+  version "13.5.0"
+  resolved "https://registry.yarnpkg.com/react-syntax-highlighter/-/react-syntax-highlighter-13.5.0.tgz#c0f3fd826a52b2a6ce5786d4ce60c3e0665b65c0"
+  integrity sha512-2nKo8spFxe9shcjbdUiqxkrf/IMDqKUZLx7JVIxEJ17P+fYFGL4CRsZZC66UPeQ2o/f29eKu31CrkKGCK1RHuA==
   dependencies:
     "@babel/runtime" "^7.3.1"
-    highlight.js "~9.15.1"
-    lowlight "1.12.1"
-    prismjs "^1.8.4"
-    refractor "^2.4.1"
+    highlight.js "^10.1.1"
+    lowlight "^1.14.0"
+    prismjs "^1.21.0"
+    refractor "^3.1.0"
 
 react-test-renderer@^16.0.0-0, react-test-renderer@^16.8.3:
   version "16.13.1"
@@ -27410,12 +27768,12 @@ react-test-renderer@^16.0.0-0, react-test-renderer@^16.8.3:
     react-is "^16.8.6"
     scheduler "^0.19.1"
 
-react-textarea-autosize@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-8.0.1.tgz#fce0dbf6a59b7b9d892c6af40b6be06a29f62c49"
-  integrity sha512-Qs7Lm17F0CIsWeDaUcHPpP22etVQHkayOcMgOXTfVasVToS6G+IL+5a7ECZtbDR2qTgTRIXjYcLmuZUuTX4tNA==
+react-textarea-autosize@^8.1.1:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-8.1.1.tgz#d31dd1d04235af11161765782c70cb27c2c2832e"
+  integrity sha512-yJv7CbyXv8hb0xHpii9yQpMK0kwZ3A4TChRc5qGxQlHDR064oqStHbcuvexErRvJipTnDGNkcpGvE3hLnY0KAg==
   dependencies:
-    "@babel/runtime" "^7.8.4"
+    "@babel/runtime" "^7.10.2"
     use-composed-ref "^1.0.0"
     use-latest "^1.0.0"
 
@@ -27440,7 +27798,7 @@ react@^15.4.2:
     object-assign "^4.1.0"
     prop-types "^15.5.10"
 
-react@^16.0.0, react@^16.10.2, react@^16.13.1, react@^16.8.3, react@^16.8.4, react@^16.9.17:
+react@^16.8.3, react@^16.9.17:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
   integrity sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==
@@ -27684,6 +28042,16 @@ realpath-native@^2.0.0:
   resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-2.0.0.tgz#7377ac429b6e1fd599dc38d08ed942d0d7beb866"
   integrity sha512-v1SEYUOXXdbBZK8ZuNgO4TBjamPsiSgcFr0aP+tEKpQZK8vooEUqV6nm6Cv502mX4NF2EfsnVqtNAHG+/6Ur1Q==
 
+recast@0.19.1, recast@^0.19.0:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/recast/-/recast-0.19.1.tgz#555f3612a5a10c9f44b9a923875c51ff775de6c8"
+  integrity sha512-8FCjrBxjeEU2O6I+2hyHyBFH1siJbMBLwIRvVr1T3FD2cL754sOaJDsJ/8h3xYltasbJ8jqWRIhMuDGBSiSbjw==
+  dependencies:
+    ast-types "0.13.3"
+    esprima "~4.0.0"
+    private "^0.1.8"
+    source-map "~0.6.1"
+
 recast@^0.14.7:
   version "0.14.7"
   resolved "https://registry.yarnpkg.com/recast/-/recast-0.14.7.tgz#4f1497c2b5826d42a66e8e3c9d80c512983ff61d"
@@ -27704,16 +28072,6 @@ recast@^0.16.1:
     private "~0.1.5"
     source-map "~0.6.1"
 
-recast@^0.17.3:
-  version "0.17.6"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.17.6.tgz#64ae98d0d2dfb10ff92ff5fb9ffb7371823b69fa"
-  integrity sha512-yoQRMRrK1lszNtbkGyM4kN45AwylV5hMiuEveUBlxytUViWevjvX6w+tzJt1LH4cfUhWt4NZvy3ThIhu6+m5wQ==
-  dependencies:
-    ast-types "0.12.4"
-    esprima "~4.0.0"
-    private "^0.1.8"
-    source-map "~0.6.1"
-
 recast@^0.18.1:
   version "0.18.10"
   resolved "https://registry.yarnpkg.com/recast/-/recast-0.18.10.tgz#605ebbe621511eb89b6356a7e224bff66ed91478"
@@ -27724,16 +28082,6 @@ recast@^0.18.1:
     private "^0.1.8"
     source-map "~0.6.1"
 
-recast@^0.19.0:
-  version "0.19.1"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.19.1.tgz#555f3612a5a10c9f44b9a923875c51ff775de6c8"
-  integrity sha512-8FCjrBxjeEU2O6I+2hyHyBFH1siJbMBLwIRvVr1T3FD2cL754sOaJDsJ/8h3xYltasbJ8jqWRIhMuDGBSiSbjw==
-  dependencies:
-    ast-types "0.13.3"
-    esprima "~4.0.0"
-    private "^0.1.8"
-    source-map "~0.6.1"
-
 rechoir@^0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.6.2.tgz#85204b54dba82d5742e28c96756ef43af50e3384"
@@ -27741,6 +28089,18 @@ rechoir@^0.6.2:
   dependencies:
     resolve "^1.1.6"
 
+recompose@^0.30.0:
+  version "0.30.0"
+  resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.30.0.tgz#82773641b3927e8c7d24a0d87d65aeeba18aabd0"
+  integrity sha512-ZTrzzUDa9AqUIhRk4KmVFihH0rapdCSMFXjhHbNrjAWxBuUD/guYlyysMnuHjlZC/KRiOKRtB4jf96yYSkKE8w==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    change-emitter "^0.1.2"
+    fbjs "^0.8.1"
+    hoist-non-react-statics "^2.3.1"
+    react-lifecycles-compat "^3.0.2"
+    symbol-observable "^1.0.4"
+
 recursive-copy@^2.0.10:
   version "2.0.10"
   resolved "https://registry.yarnpkg.com/recursive-copy/-/recursive-copy-2.0.10.tgz#a39402f2270c5f8b562b48d438a42e2e6e5c644c"
@@ -27805,14 +28165,14 @@ reflect.ownkeys@^0.2.0:
   resolved "https://registry.yarnpkg.com/reflect.ownkeys/-/reflect.ownkeys-0.2.0.tgz#749aceec7f3fdf8b63f927a04809e90c5c0b3460"
   integrity sha1-dJrO7H8/34tj+SegSAnpDFwLNGA=
 
-refractor@^2.4.1:
-  version "2.10.1"
-  resolved "https://registry.yarnpkg.com/refractor/-/refractor-2.10.1.tgz#166c32f114ed16fd96190ad21d5193d3afc7d34e"
-  integrity sha512-Xh9o7hQiQlDbxo5/XkOX6H+x/q8rmlmZKr97Ie1Q8ZM32IRRd3B/UxuA/yXDW79DBSXGWxm2yRTbcTVmAciJRw==
+refractor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/refractor/-/refractor-3.1.0.tgz#b05a43c8a1b4fccb30001ffcbd5cd781f7f06f78"
+  integrity sha512-bN8GvY6hpeXfC4SzWmYNQGLLF2ZakRDNBkgCL0vvl5hnpMrnyURk8Mv61v6pzn4/RBHzSWLp44SzMmVHqMGNww==
   dependencies:
     hastscript "^5.0.0"
-    parse-entities "^1.1.2"
-    prismjs "~1.17.0"
+    parse-entities "^2.0.0"
+    prismjs "~1.21.0"
 
 regenerate-unicode-properties@^8.2.0:
   version "8.2.0"
@@ -27891,7 +28251,7 @@ regexpp@^2.0.1:
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
   integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
 
-regexpp@^3.0.0:
+regexpp@^3.0.0, regexpp@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2"
   integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==
@@ -27917,14 +28277,6 @@ regexpu-core@^4.6.0, regexpu-core@^4.7.0:
     unicode-match-property-ecmascript "^1.0.4"
     unicode-match-property-value-ecmascript "^1.2.0"
 
-registry-auth-token@^3.0.1:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.4.0.tgz#d7446815433f5d5ed6431cd5dca21048f66b397e"
-  integrity sha512-4LM6Fw8eBQdwMYcES4yTnn2TqIasbXuwDx3um+QRs7S55aMKCBKBxvPXl2RiUjHwuJLTyYfxSpmfSAjQpcuP+A==
-  dependencies:
-    rc "^1.1.6"
-    safe-buffer "^5.0.1"
-
 registry-auth-token@^4.0.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-4.1.1.tgz#40a33be1e82539460f94328b0f7f0f84c16d9479"
@@ -27932,13 +28284,6 @@ registry-auth-token@^4.0.0:
   dependencies:
     rc "^1.2.8"
 
-registry-url@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
-  integrity sha1-PU74cPc93h138M+aOBQyRE4XSUI=
-  dependencies:
-    rc "^1.0.1"
-
 registry-url@^5.0.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-5.1.0.tgz#e98334b50d5434b81136b44ec638d9c2009c5009"
@@ -28684,11 +29029,6 @@ rework@1.0.1:
     convert-source-map "^0.3.3"
     css "^2.0.0"
 
-rfdc@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.1.4.tgz#ba72cc1367a0ccd9cf81a870b3b58bd3ad07f8c2"
-  integrity sha512-5C9HXdzK8EAqN7JDif30jqsBzavB7wLpaubisuQIGHWf2gUXSpzy6ArX/+Da8RjFpagWsCn+pIgxTMAmKw9Zug==
-
 rgb-regex@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
@@ -28699,13 +29039,6 @@ rgba-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
   integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=
 
-right-align@^0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
-  integrity sha1-YTObci/mo1FWiSENJOFMlhSGE+8=
-  dependencies:
-    align-text "^0.1.1"
-
 rimraf@2, rimraf@^2.2.8, rimraf@^2.3.4, rimraf@^2.4.1, rimraf@^2.4.3, rimraf@^2.4.4, rimraf@^2.5.2, rimraf@^2.5.3, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.2, rimraf@^2.6.3, rimraf@^2.7.1:
   version "2.7.1"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
@@ -28838,11 +29171,6 @@ rollup@^0.57.1:
     signal-exit "^3.0.2"
     sourcemap-codec "^1.4.1"
 
-rotating-file-stream@^2.0.2:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/rotating-file-stream/-/rotating-file-stream-2.1.1.tgz#41f7f63a16dc016171e845b3d664063fe38cb652"
-  integrity sha512-cAKIeAmdr5ttkEogIYHpbyV1DSTe9FsY/jr3RPrC1BqbGZn4OBgWR2ye+42CQnbxqW3PcvhPD36emX9fDvZtrw==
-
 routes-table@^1.2.1:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/routes-table/-/routes-table-1.2.5.tgz#a36dc6da809bd132e783244bbfc0362fb86bcb34"
@@ -29171,7 +29499,7 @@ semver-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-2.0.0.tgz#a93c2c5844539a770233379107b38c7b4ac9d338"
   integrity sha512-mUdIBBvdn0PLOeP3TEkMH7HHeUP3GjsXCwKarjv/kGmUFOYg1VqEemKhoQpWMu6X2I8kHeuVdGibLGkVK+/5Qw==
 
-"semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@^5.0.0, semver@^5.0.1, semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
+"semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@^5.0.0, semver@^5.0.1, semver@^5.0.3, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -29372,11 +29700,6 @@ shallow-copy@~0.0.1:
   resolved "https://registry.yarnpkg.com/shallow-copy/-/shallow-copy-0.0.1.tgz#415f42702d73d810330292cc5ee86eae1a11a170"
   integrity sha1-QV9CcC1z2BAzApLMXuhurhoRoXA=
 
-shallow-equal@^1.1.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/shallow-equal/-/shallow-equal-1.2.1.tgz#4c16abfa56043aa20d050324efa68940b0da79da"
-  integrity sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==
-
 shallowequal@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
@@ -29724,14 +30047,6 @@ socks@~2.3.2:
     ip "1.1.5"
     smart-buffer "^4.1.0"
 
-sonic-boom@^0.7.5:
-  version "0.7.7"
-  resolved "https://registry.yarnpkg.com/sonic-boom/-/sonic-boom-0.7.7.tgz#d921de887428208bfa07b0ae32c278de043f350a"
-  integrity sha512-Ei5YOo5J64GKClHIL/5evJPgASXFVpfVYbJV9PILZQytTK6/LCwHvsZJW2Ig4p9FMC2OrBrMnXKgRN/OEoAWfg==
-  dependencies:
-    atomic-sleep "^1.0.0"
-    flatstr "^1.0.12"
-
 sort-keys@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
@@ -29795,6 +30110,14 @@ source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
     source-map-url "^0.4.0"
     urix "^0.1.0"
 
+source-map-resolve@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.6.0.tgz#3d9df87e236b53f16d01e58150fc7711138e5ed2"
+  integrity sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==
+  dependencies:
+    atob "^2.1.2"
+    decode-uri-component "^0.2.0"
+
 source-map-support@^0.4.15, source-map-support@~0.4.0:
   version "0.4.18"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.4.18.tgz#0286a6de8be42641338594e97ccea75f0a2c585f"
@@ -29837,7 +30160,7 @@ source-map@0.7.3, source-map@^0.7.2, source-map@^0.7.3:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
 
-source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.1, source-map@~0.5.3:
+source-map@^0.5.0, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.3:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
@@ -30420,11 +30743,6 @@ stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-stringify-package@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/stringify-package/-/stringify-package-1.0.1.tgz#e5aa3643e7f74d0f28628b72f3dad5cecfc3ba85"
-  integrity sha512-sa4DUQsYciMP1xhKWGuFM04fB0LG/9DlluZoSVywUMRNvzid6XucHK0/90xGxRoHrAaROrcHK1aPKaijCtSrhg==
-
 stringstream@~0.0.4:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.6.tgz#7880225b0d4ad10e30927d167a1d6f2fd3b33a72"
@@ -30475,11 +30793,6 @@ strip-bom@^4.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
   integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
 
-strip-color@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/strip-color/-/strip-color-0.1.0.tgz#106f65d3d3e6a2d9401cac0eb0ce8b8a702b4f7b"
-  integrity sha1-EG9l09PmotlAHKwOsM6LinArT3s=
-
 strip-comments@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-1.0.2.tgz#82b9c45e7f05873bee53f37168af930aa368679d"
@@ -30532,6 +30845,11 @@ strip-json-comments@^3.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.0.tgz#7638d31422129ecf4457440009fba03f9f9ac180"
   integrity sha512-e6/d0eBu7gHtdCqFt0xJr642LdToM5/cN4Qb9DbHjVx1CP5RyeM+zH7pbecEmDv/lBqb0QH+6Uqq75rxFPkM0w==
 
+strip-json-comments@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
 strong-log-transformer@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz#0f5ed78d325e0421ac6f90f7f10e691d6ae3ae10"
@@ -30591,6 +30909,25 @@ style-unit@^2.0.0:
   dependencies:
     universal-env "^2.0.0"
 
+styled-components@^4.4.1:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-4.4.1.tgz#e0631e889f01db67df4de576fedaca463f05c2f2"
+  integrity sha512-RNqj14kYzw++6Sr38n7197xG33ipEOktGElty4I70IKzQF1jzaD1U4xQ+Ny/i03UUhHlC5NWEO+d8olRCDji6g==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/traverse" "^7.0.0"
+    "@emotion/is-prop-valid" "^0.8.1"
+    "@emotion/unitless" "^0.7.0"
+    babel-plugin-styled-components ">= 1"
+    css-to-react-native "^2.2.2"
+    memoize-one "^5.0.0"
+    merge-anything "^2.2.4"
+    prop-types "^15.5.4"
+    react-is "^16.6.0"
+    stylis "^3.5.0"
+    stylis-rule-sheet "^0.0.10"
+    supports-color "^5.5.0"
+
 styled-components@^5.0.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.1.1.tgz#96dfb02a8025794960863b9e8e365e3b6be5518d"
@@ -30641,6 +30978,16 @@ stylesheet-loader@^0.8.0:
     css "^2.2.1"
     loader-utils "^1.2.3"
 
+stylis-rule-sheet@^0.0.10:
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz#44e64a2b076643f4b52e5ff71efc04d8c3c4a430"
+  integrity sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw==
+
+stylis@^3.5.0:
+  version "3.5.4"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
+  integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
+
 stylus-loader@3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/stylus-loader/-/stylus-loader-3.0.2.tgz#27a706420b05a38e038e7cacb153578d450513c6"
@@ -30750,6 +31097,15 @@ svelte@^3.18.1:
   resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.22.3.tgz#6af3bdcfea44c2fadbf17a32c479f49bdf1aba4b"
   integrity sha512-DumSy5eWPFPlMUGf3+eHyFSkt5yLqyAmMdCuXOE4qc5GtFyLxwTAGKZmgKmW2jmbpTTeFQ/fSQfDBQbl9Eo7yw==
 
+sveltedoc-parser@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/sveltedoc-parser/-/sveltedoc-parser-3.0.4.tgz#39215a9e3499fdc86691905149028bc844a44175"
+  integrity sha512-E8SWWUuAcoYeh4vEXuDLrfOvc0ajhbj8fQtwjp6bCxBCH8/eGsDG5lzacKR4uCwnzVasILqjcfdXHEXa7DS8Fg==
+  dependencies:
+    eslint "7.6.0"
+    espree "7.2.0"
+    htmlparser2-svelte "4.1.0"
+
 svg-parser@^2.0.0, svg-parser@^2.0.2:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
@@ -30794,7 +31150,7 @@ svgo@^1.0.0, svgo@^1.2.2, svgo@^1.3.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-symbol-observable@1.2.0, symbol-observable@^1.1.0:
+symbol-observable@1.2.0, symbol-observable@^1.0.4, symbol-observable@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
   integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
@@ -30909,32 +31265,18 @@ teeny-request@6.0.1:
     stream-events "^1.0.5"
     uuid "^3.3.2"
 
-telejson@^3.2.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/telejson/-/telejson-3.3.0.tgz#6d814f3c0d254d5c4770085aad063e266b56ad03"
-  integrity sha512-er08AylQ+LEbDLp1GRezORZu5wKOHaBczF6oYJtgC3Idv10qZ8A3p6ffT+J5BzDKkV9MqBvu8HAKiIIOp6KJ2w==
-  dependencies:
-    "@types/is-function" "^1.0.0"
-    global "^4.4.0"
-    is-function "^1.0.1"
-    is-regex "^1.0.4"
-    is-symbol "^1.0.3"
-    isobject "^4.0.0"
-    lodash "^4.17.15"
-    memoizerific "^1.11.3"
-
-telejson@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/telejson/-/telejson-4.0.0.tgz#91ac1747f1efbc88a58e4344fbd8fe438695f77e"
-  integrity sha512-xTDEZd7bVIsbnOzTBTlUed+uKPThxMQPYtjN9OhvtsJQLJ7zEEX8bl8G72SlzfvQlTpxv1RTDq7Qfk1hMOw2zA==
+telejson@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/telejson/-/telejson-5.0.2.tgz#ed1e64be250cc1c757a53c19e1740b49832b3d51"
+  integrity sha512-XCrDHGbinczsscs8LXFr9jDhvy37yBk9piB7FJrCfxE8oP66WDkolNMpaBkWYgQqB9dQGBGtTDzGQPedc9KJmw==
   dependencies:
     "@types/is-function" "^1.0.0"
     global "^4.4.0"
     is-function "^1.0.2"
-    is-regex "^1.0.5"
+    is-regex "^1.1.1"
     is-symbol "^1.0.3"
     isobject "^4.0.0"
-    lodash "^4.17.15"
+    lodash "^4.17.19"
     memoizerific "^1.11.3"
 
 temp-dir@^1.0.0:
@@ -31244,7 +31586,7 @@ time-zone@^1.0.0:
   resolved "https://registry.yarnpkg.com/time-zone/-/time-zone-1.0.0.tgz#99c5bf55958966af6d06d83bdf3800dc82faec5d"
   integrity sha1-mcW/VZWJZq9tBtg73zgA3IL67F0=
 
-timed-out@^4.0.0, timed-out@^4.0.1:
+timed-out@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
   integrity sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=
@@ -31305,6 +31647,13 @@ tlds@^1.203.0:
   resolved "https://registry.yarnpkg.com/tlds/-/tlds-1.207.0.tgz#459264e644cf63ddc0965fece3898913286b1afd"
   integrity sha512-k7d7Q1LqjtAvhtEOs3yN14EabsNO8ZCoY6RESSJDB9lst3bTx3as/m1UuAeCKzYxiyhR1qq72ZPhpSf+qlqiwg==
 
+tmp-promise@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/tmp-promise/-/tmp-promise-2.1.1.tgz#eb97c038995af74efbfe8156f5e07fdd0c935539"
+  integrity sha512-Z048AOz/w9b6lCbJUpevIJpRpUztENl8zdv1bmAKVHimfqRFl92ROkmT9rp7TVBnrEw2gtMTol/2Cp2S2kJa4Q==
+  dependencies:
+    tmp "0.1.0"
+
 tmp@0.0.28:
   version "0.0.28"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.28.tgz#172735b7f614ea7af39664fa84cf0de4e515d120"
@@ -31420,11 +31769,6 @@ toidentifier@1.0.0:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
   integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
 
-token-stream@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/token-stream/-/token-stream-0.0.1.tgz#ceeefc717a76c4316f126d0b9dbaa55d7e7df01a"
-  integrity sha1-zu78cXp2xDFvEm0LnbqlXX598Bo=
-
 token-stream@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/token-stream/-/token-stream-1.0.0.tgz#cc200eab2613f4166d27ff9afc7ca56d49df6eb4"
@@ -31618,7 +31962,7 @@ tryer@^1.0.1:
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
-ts-dedent@^1.1.0, ts-dedent@^1.1.1:
+ts-dedent@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-1.1.1.tgz#68fad040d7dbd53a90f545b450702340e17d18f3"
   integrity sha512-UGTRZu1evMw4uTPyYF66/KFd22XiU+jMaIuHrkIHQ2GivAXVlLV0v/vHrpOuTRf9BmpNHi/SO7Vd0rLu0y57jg==
@@ -31687,21 +32031,10 @@ ts-map@^1.0.3:
   resolved "https://registry.yarnpkg.com/ts-map/-/ts-map-1.0.3.tgz#1c4d218dec813d2103b7e04e4bcf348e1471c1ff"
   integrity sha512-vDWbsl26LIcPGmDpoVzjEP6+hvHZkBkLW7JpvwbCv/5IYPJlsbzCVXY3wsCeAxAUeTclNOUZxnLdGh3VBD/J6w==
 
-ts-node@^8.9.1:
-  version "8.10.1"
-  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.10.1.tgz#77da0366ff8afbe733596361d2df9a60fc9c9bd3"
-  integrity sha512-bdNz1L4ekHiJul6SHtZWs1ujEKERJnHs4HxN7rjTyyVOFf3HaJ6sLqe6aPG62XTzAB/63pKRh5jTSWL0D7bsvw==
-  dependencies:
-    arg "^4.1.0"
-    diff "^4.0.1"
-    make-error "^1.1.1"
-    source-map-support "^0.5.17"
-    yn "3.1.1"
-
-ts-node@~8.9.1:
-  version "8.9.1"
-  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.9.1.tgz#2f857f46c47e91dcd28a14e052482eb14cfd65a5"
-  integrity sha512-yrq6ODsxEFTLz0R3BX2myf0WBCSQh9A+py8PBo1dCzWIOcvisbyH6akNKqDHMgXePF2kir5mm5JXJTH3OUJYOQ==
+ts-node@^8.10.2:
+  version "8.10.2"
+  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.10.2.tgz#eee03764633b1234ddd37f8db9ec10b75ec7fb8d"
+  integrity sha512-ISJJGgkIpDdBhWVu3jufsWpK3Rzo7bdiIXJjQc0ynKxVOVcg2oIrf2H2cejminGrptVc6q6/uynAHNCuWGbpVA==
   dependencies:
     arg "^4.1.0"
     diff "^4.0.1"
@@ -31844,6 +32177,13 @@ tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
   integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
 
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
 type-check@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
@@ -31936,21 +32276,21 @@ typescript@3.6.5:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.6.5.tgz#dae20114a7b4ff4bd642db9c8c699f2953e8bbdb"
   integrity sha512-BEjlc0Z06ORZKbtcxGrIvvwYs5hAnuo6TKdNFL55frVDlB+na3z5bsLhFaIxmT+dPWgBIjMo6aNnTOgHHmHgiQ==
 
-typescript@3.8.3:
-  version "3.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.8.3.tgz#409eb8544ea0335711205869ec458ab109ee1061"
-  integrity sha512-MYlEfn5VrLNsgudQTVJeNaQFUAI7DkhnOjdpAp4T+ku1TfQClewlbSuTVHiA+8skNBgaf02TL/kLOvig4y3G8w==
-
 typescript@^2.4.2:
   version "2.9.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.9.2.tgz#1cbf61d05d6b96269244eb6a3bce4bd914e0f00c"
   integrity sha512-Gr4p6nFNaoufRIY4NMdpQRNmgxVIGMs4Fcu/ujdYk3nAZqk7supzBE9idmvfZIlH/Cuj//dvi+019qEue9lV0w==
 
-typescript@^3.0.0, typescript@^3.2.4, typescript@^3.4.0, typescript@^3.5.3, typescript@^3.8.0-dev.20200111, typescript@^3.8.3, typescript@^3.9.2, typescript@^3.9.3, typescript@latest:
+typescript@^3.2.4, typescript@^3.5.3, typescript@^3.8.3, typescript@^3.9.3:
   version "3.9.3"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.3.tgz#d3ac8883a97c26139e42df5e93eeece33d610b8a"
   integrity sha512-D/wqnB2xzNFIcoBG9FG8cXRDjiqSTbG2wd8DMZeQyJlP1vfTkIxH4GKveWaEBYySKIg+USu+E+EDIR47SqnaMQ==
 
+typescript@^4.1.0-dev.20200804:
+  version "4.1.0-dev.20200920"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.0-dev.20200920.tgz#10ee53b47d59f8f9f5393923af2e2afb77be7faf"
+  integrity sha512-bGi57WKSfaYS4FefMMR3a6CcVAc/bmyx+df7EILzSzJk1gd9GSkT/9M2vHPyOEt/IjFBNhyOCB8hQ6PrQoqlFw==
+
 ua-parser-js@^0.7.18:
   version "0.7.21"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.21.tgz#853cf9ce93f642f67174273cc34565ae6f308777"
@@ -31969,16 +32309,6 @@ uglify-js@3.4.x:
     commander "~2.19.0"
     source-map "~0.6.1"
 
-uglify-js@^2.6.1:
-  version "2.8.29"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.29.tgz#29c5733148057bb4e1f75df35b7a9cb72e6a59dd"
-  integrity sha1-KcVzMUgFe7Th913zW3qcty5qWd0=
-  dependencies:
-    source-map "~0.5.1"
-    yargs "~3.10.0"
-  optionalDependencies:
-    uglify-to-browserify "~1.0.0"
-
 uglify-js@^3.1.4:
   version "3.9.3"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.9.3.tgz#4a285d1658b8a2ebaef9e51366b3a0f7acd79ec2"
@@ -31986,11 +32316,6 @@ uglify-js@^3.1.4:
   dependencies:
     commander "~2.20.3"
 
-uglify-to-browserify@~1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
-  integrity sha1-bgkk1r2mta/jSeOabWMoUKD4grc=
-
 uid-number@0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
@@ -32428,32 +32753,11 @@ untildify@^2.1.0:
   dependencies:
     os-homedir "^1.0.0"
 
-unzip-response@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
-  integrity sha1-0vD3N9FrBhXnKmk17QQhRXLVb5c=
-
 upath@^1.0.2, upath@^1.1.0, upath@^1.1.1, upath@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-notifier@^2.2.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.5.0.tgz#d0744593e13f161e406acb1d9408b72cad08aff6"
-  integrity sha512-gwMdhgJHGuj/+wHJJs9e6PcCszpxR1b236igrOkUofGhqJuG+amlIKwApH1IW1WWl7ovZxsX49lMBWLxSdm5Dw==
-  dependencies:
-    boxen "^1.2.1"
-    chalk "^2.0.1"
-    configstore "^3.0.0"
-    import-lazy "^2.1.0"
-    is-ci "^1.0.10"
-    is-installed-globally "^0.1.0"
-    is-npm "^1.0.0"
-    latest-version "^3.0.0"
-    semver-diff "^2.0.0"
-    xdg-basedir "^3.0.0"
-
 update-notifier@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-3.0.1.tgz#78ecb68b915e2fd1be9f767f6e298ce87b736250"
@@ -32531,7 +32835,7 @@ url-loader@2.3.0, url-loader@^2.2.0:
     mime "^2.4.4"
     schema-utils "^2.5.0"
 
-url-loader@^4.0.0:
+url-loader@^4.0.0, url-loader@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-4.1.0.tgz#c7d6b0d6b0fccd51ab3ffc58a78d32b8d89a7be2"
   integrity sha512-IzgAAIC8wRrg6NYkFIJY09vtktQcsvU8V6HhtQj9PTefbYImzLB1hufqo4m+RyM5N3mLx5BqJKccgxJS+W3kqw==
@@ -32540,13 +32844,6 @@ url-loader@^4.0.0:
     mime-types "^2.1.26"
     schema-utils "^2.6.5"
 
-url-parse-lax@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-1.0.0.tgz#7af8f303645e9bd79a272e7a14ac68bc0609da73"
-  integrity sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=
-  dependencies:
-    prepend-http "^1.0.1"
-
 url-parse-lax@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
@@ -32693,7 +32990,7 @@ uuid@^3.0.0, uuid@^3.0.1, uuid@^3.1.0, uuid@^3.2.1, uuid@^3.3.2, uuid@^3.3.3, uu
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
-uuid@^7.0.2, uuid@^7.0.3:
+uuid@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-7.0.3.tgz#c5c9f2c8cf25dc0a372c4df1441c41f5bd0c680b"
   integrity sha512-DPSke0pXhTZgoF/d+WSt2QaKMCFSfx7QegxEWT+JOuHF5aWrKEn0G+ztjuJg/gG8/ItK+rbPCD/yNv8yyih6Cg==
@@ -32722,6 +33019,15 @@ v8-to-istanbul@^4.1.3:
     convert-source-map "^1.6.0"
     source-map "^0.7.3"
 
+v8-to-istanbul@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-5.0.1.tgz#0608f5b49a481458625edb058488607f25498ba5"
+  integrity sha512-mbDNjuDajqYe3TXFk5qxcQy8L1msXNE37WTlLoqqpBfRsimbNcrlhQlDPntmECEcUvdC+AQ8CyMMf6EUx1r74Q==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.1"
+    convert-source-map "^1.6.0"
+    source-map "^0.7.3"
+
 validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.3:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
@@ -32883,11 +33189,6 @@ vm-browserify@^1.0.0, vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
-void-elements@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
-  integrity sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=
-
 void-elements@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-3.1.0.tgz#614f7fbf8d801f0bb5f0661f5b2f5785750e4f09"
@@ -32929,22 +33230,22 @@ vue-class-component@^7.1.0, vue-class-component@^7.2.3:
   resolved "https://registry.yarnpkg.com/vue-class-component/-/vue-class-component-7.2.3.tgz#a5b1abd53513a72ad51098752e2dedd499807cca"
   integrity sha512-oEqYpXKaFN+TaXU+mRLEx8dX0ah85aAJEe61mpdoUrq0Bhe/6sWhyZX1JjMQLhVsHAkncyhedhmCdDVSasUtDw==
 
-vue-docgen-api@^4.7.0:
-  version "4.24.0"
-  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.24.0.tgz#d258e299958c9a9d6c8c573afeaed7dd205a17a9"
-  integrity sha512-alb0lJSUMEaMxQw6/THemXnwCUVQGsFhR9VyrCmkHe2LpoIB8dfLgqTK9DrsGJS0iCy/qVWxeflr+ybgQREXpA==
+vue-docgen-api@^4.29.1:
+  version "4.29.1"
+  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-4.29.1.tgz#ee744d5636c3050d78b4f8ef5f49ca91c99bf869"
+  integrity sha512-DSN7d94shRr2p7YdfooMi+Wa8jP4QfA96REV+5zMLr3/cEu8rf6gXNS8FuR2+iv6hAeUsQfH4cmq/15oje+BDw==
   dependencies:
     "@babel/parser" "^7.6.0"
     "@babel/types" "^7.6.0"
-    ast-types "^0.12.2"
+    ast-types "0.13.3"
     hash-sum "^1.0.2"
     lru-cache "^4.1.5"
-    pug "^2.0.3"
-    recast "^0.17.3"
+    pug "^3.0.0"
+    recast "0.19.1"
     ts-map "^1.0.3"
     vue-template-compiler "^2.0.0"
 
-vue-docgen-loader@^1.4.0:
+vue-docgen-loader@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/vue-docgen-loader/-/vue-docgen-loader-1.5.0.tgz#bf8797ea9dde87a8d734b56176f105477d9bf266"
   integrity sha512-LKZ8mxeIQ44uSUMTplnwOXbC4bO4E2vyZDTbn7/1QlVwJPEIjk3ahL0DA1m27IEw6YTlHOwtWS0PrHmDkFgyAg==
@@ -32977,12 +33278,10 @@ vue-property-decorator@8.3.0:
   dependencies:
     vue-class-component "^7.1.0"
 
-vue-property-decorator@^8.4.1:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/vue-property-decorator/-/vue-property-decorator-8.4.2.tgz#016e17f259f73bc547e77a50ce282ba18db4ee41"
-  integrity sha512-IqbARlvgPE2pzKfbecKxsu2yEH0Wv7hfHR6m4eZA3LTnNw9hveAX77vDfLFyTeMISS5N7Kucp/xRSHjcQ6bAfQ==
-  dependencies:
-    vue-class-component "^7.1.0"
+vue-property-decorator@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/vue-property-decorator/-/vue-property-decorator-9.0.0.tgz#0a5f6d47d33ca62a8876108ccfa65c2c4fb7325a"
+  integrity sha512-oegTNPItuHOkW0AP1MnbdNwkmyhfsUIIXvIRHpgC18tVoEo21/i6kItyeekjMs8JgZJeuHzsaTc/DZaJFH4IWQ==
 
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
   version "4.1.2"
@@ -33369,6 +33668,11 @@ webpack-dev-server@3.2.1:
     webpack-log "^2.0.0"
     yargs "12.0.2"
 
+webpack-filter-warnings-plugin@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/webpack-filter-warnings-plugin/-/webpack-filter-warnings-plugin-1.2.1.tgz#dc61521cf4f9b4a336fbc89108a75ae1da951cdb"
+  integrity sha512-Ez6ytc9IseDMLPo0qCuNNYzgtUl8NovOqjIq4uAU8LTD4uoa1w1KpZyyzFtLTEMZpkkOkLfL9eN+KGYdk1Qtwg==
+
 webpack-hot-middleware@^2.25.0:
   version "2.25.0"
   resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.25.0.tgz#4528a0a63ec37f8f8ef565cf9e534d57d09fe706"
@@ -33660,11 +33964,6 @@ widest-line@^3.1.0:
   dependencies:
     string-width "^4.0.0"
 
-window-size@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
-  integrity sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=
-
 window-size@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/window-size/-/window-size-1.1.1.tgz#9858586580ada78ab26ecd6978a6e03115c1af20"
@@ -33680,14 +33979,6 @@ windows-release@^3.1.0:
   dependencies:
     execa "^1.0.0"
 
-with@^5.0.0:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/with/-/with-5.1.1.tgz#fa4daa92daf32c4ea94ed453c81f04686b575dfe"
-  integrity sha1-+k2qktrzLE6pTtRTyB8EaGtXXf4=
-  dependencies:
-    acorn "^3.1.0"
-    acorn-globals "^3.0.0"
-
 with@^7.0.0:
   version "7.0.2"
   resolved "https://registry.yarnpkg.com/with/-/with-7.0.2.tgz#ccee3ad542d25538a7a7a80aad212b9828495bac"
@@ -33698,16 +33989,11 @@ with@^7.0.0:
     assert-never "^1.2.1"
     babel-walk "3.0.0-canary-5"
 
-word-wrap@~1.2.3:
+word-wrap@^1.2.3, word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
-wordwrap@0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
-  integrity sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=
-
 wordwrap@^0.0.3, wordwrap@~0.0.2:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
@@ -34090,6 +34376,11 @@ xml@1.0.1:
   resolved "https://registry.yarnpkg.com/xml/-/xml-1.0.1.tgz#78ba72020029c5bc87b8a81a3cfcd74b4a2fc1e5"
   integrity sha1-eLpyAgApxbyHuKgaPPzXS0ovweU=
 
+xmlbuilder@^10.0.0:
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-10.1.1.tgz#8cae6688cc9b38d850b7c8d3c0a4161dcaf475b0"
+  integrity sha512-OyzrcFLL/nb6fMGHbiRDuPup9ljBycsdCypwuyg5AAHvyWzGfChJpCXMG88AGTIMFhGZ9RccFN1e6lhg3hkwKg==
+
 xmlbuilder@~11.0.0:
   version "11.0.1"
   resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz#be9bae1c8a046e76b31127726347d0ad7002beb3"
@@ -34127,11 +34418,6 @@ xtend@^4.0.0, xtend@^4.0.1, xtend@^4.0.2, xtend@~4.0.0, xtend@~4.0.1:
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
 
-y18n@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
-  integrity sha1-bRX7qITAhnnA136I53WegR4H+kE=
-
 "y18n@^3.2.1 || ^4.0.0", y18n@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
@@ -34212,13 +34498,6 @@ yargs-parser@^15.0.1:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs-parser@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"
-  integrity sha1-jQrELxbqVd69MyyvTEA4s+P139k=
-  dependencies:
-    camelcase "^4.1.0"
-
 yargs@12.0.2:
   version "12.0.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-12.0.2.tgz#fe58234369392af33ecbef53819171eff0f5aadc"
@@ -34289,7 +34568,7 @@ yargs@15.3.0:
     y18n "^4.0.0"
     yargs-parser "^18.1.0"
 
-yargs@^13.2.2, yargs@^13.3.0, yargs@^13.3.2:
+yargs@^13.3.0, yargs@^13.3.2:
   version "13.3.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
   integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==
@@ -34339,35 +34618,6 @@ yargs@^15.0.0, yargs@^15.0.2, yargs@^15.3.1:
     y18n "^4.0.0"
     yargs-parser "^18.1.1"
 
-yargs@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-8.0.2.tgz#6299a9055b1cefc969ff7e79c1d918dceb22c360"
-  integrity sha1-YpmpBVsc78lp/355wdkY3Osiw2A=
-  dependencies:
-    camelcase "^4.1.0"
-    cliui "^3.2.0"
-    decamelize "^1.1.1"
-    get-caller-file "^1.0.1"
-    os-locale "^2.0.0"
-    read-pkg-up "^2.0.0"
-    require-directory "^2.1.1"
-    require-main-filename "^1.0.1"
-    set-blocking "^2.0.0"
-    string-width "^2.0.0"
-    which-module "^2.0.0"
-    y18n "^3.2.1"
-    yargs-parser "^7.0.0"
-
-yargs@~3.10.0:
-  version "3.10.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
-  integrity sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=
-  dependencies:
-    camelcase "^1.0.2"
-    cliui "^2.1.0"
-    decamelize "^1.0.0"
-    window-size "0.1.0"
-
 yarn-or-npm@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/yarn-or-npm/-/yarn-or-npm-3.0.1.tgz#6336eea4dff7e23e226acc98c1a8ada17a1b8666"