From 5fa62ed80fc70d5041c8b181e98822789621ad05 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 23 Jun 2019 19:07:26 +0800
Subject: [PATCH 01/66] MDX codemod WIP

---
 .../convert-to-mdx-format/basic.input.js      | 21 ++++++
 .../convert-to-mdx-format/basic.output.js     | 24 +++++++
 .../convert-to-mdx-format/decorators.input.js |  9 +++
 .../decorators.output.js                      | 11 +++
 .../convert-to-mdx-format/module.input.js     | 12 ++++
 .../convert-to-mdx-format/module.output.js    | 12 ++++
 .../convert-to-mdx-format/multi.input.js      | 14 ++++
 .../convert-to-mdx-format/multi.output.js     | 17 +++++
 .../convert-to-mdx-format/parameters.input.js | 10 +++
 .../parameters.output.js                      | 18 +++++
 .../story-parameters.input.js                 | 14 ++++
 .../story-parameters.output.js                | 23 +++++++
 .../__tests__/convert-to-mdx-format.test.js   |  8 +++
 .../src/transforms/convert-to-mdx-format.js   | 67 +++++++++++++++++++
 14 files changed, 260 insertions(+)
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js
 create mode 100644 lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js
 create mode 100644 lib/codemod/src/transforms/convert-to-mdx-format.js

diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js
new file mode 100644
index 00000000000..718595b1c41
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js
@@ -0,0 +1,21 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+
+export default {
+  title: 'Button',
+};
+
+export const story1 = () => <Button label="Story 1" />;
+
+export const story2 = () => <Button label="Story 2" onClick={action('click')} />;
+story2.title = 'second story';
+
+export const story3 = () => (
+  <div>
+    <Button label="The Button" onClick={action('onClick')} />
+    <br />
+  </div>
+);
+story3.title = 'complex story';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js
new file mode 100644
index 00000000000..a58c8831c88
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js
@@ -0,0 +1,24 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+/*
+<Meta title='Button'/>
+
+<Story name='story1'>
+  <Button label="Story 1" />
+</Story>
+
+<Story name='second story'>
+  <Button label="Story 2" onClick={action('click')} />
+</Story>
+
+<Story name='complex story'>
+  <div>
+    <Button label="The Button" onClick={action('onClick')} />
+    <br />
+  </div>
+</Story>
+*/
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js
new file mode 100644
index 00000000000..900c47c9c05
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js
@@ -0,0 +1,9 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+// This isn't a valid story, but it tests the `import { comp } from ...` case
+storiesOf('Some.Button', module)
+  .addDecorator(withKnobs)
+  .addDecorator(storyFn => <div className="foo">{storyFn}</div>)
+  .add('with decorator', () => <Button label="The Button" />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js
new file mode 100644
index 00000000000..3a7e19019ce
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js
@@ -0,0 +1,11 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Some.Button',
+  decorators: [withKnobs, storyFn => <div className="foo">{storyFn}</div>],
+};
+
+export const story1 = () => <Button label="The Button" />;
+story1.title = 'with decorator';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.input.js
new file mode 100644
index 00000000000..5cc7ce8ab84
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.input.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+
+export default {
+  title: 'foo',
+};
+
+const bar = 1;
+
+storiesOf('foo', module).add('bar', () => <Button />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.output.js
new file mode 100644
index 00000000000..5cc7ce8ab84
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.output.js
@@ -0,0 +1,12 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+
+export default {
+  title: 'foo',
+};
+
+const bar = 1;
+
+storiesOf('foo', module).add('bar', () => <Button />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.input.js
new file mode 100644
index 00000000000..59a06b7cd16
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.input.js
@@ -0,0 +1,14 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+// If we have multiple storiesOf calls, export multiple defaults. It's not valid
+// JS but will still save the user time in converting.
+
+storiesOf('Button1', module)
+  .add('story1', () => <Button label="Button1.1" />)
+  .add('story2', () => <Button label="Button1.2" />);
+
+storiesOf('Button2', module)
+  .add('story1', () => <Button label="Button2.1" />)
+  .add('story2', () => <Button label="Button2.2" />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.output.js
new file mode 100644
index 00000000000..ff1fefb3d2b
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.output.js
@@ -0,0 +1,17 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Button1',
+};
+
+export const story1 = () => <Button label="Button1.1" />;
+export const story2 = () => <Button label="Button1.2" />;
+
+export default {
+  title: 'Button2',
+};
+
+export const story1 = () => <Button label="Button2.1" />;
+export const story2 = () => <Button label="Button2.2" />;
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js
new file mode 100644
index 00000000000..07499987fc6
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js
@@ -0,0 +1,10 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+import { storiesOf } from '@storybook/react';
+
+storiesOf('Button', module)
+  .addParameters({ component: Button, foo: 1 })
+  .addParameters({ bar: 2 })
+  .add('with kind parameters', () => <Button label="The Button" />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js
new file mode 100644
index 00000000000..7dcafe93c2e
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js
@@ -0,0 +1,18 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+import { storiesOf } from '@storybook/react';
+
+export default {
+  title: 'Button',
+
+  parameters: {
+    component: Button,
+    foo: 1,
+    bar: 2,
+  },
+};
+
+export const story1 = () => <Button label="The Button" />;
+story1.title = 'with kind parameters';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js
new file mode 100644
index 00000000000..75db6673cc1
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js
@@ -0,0 +1,14 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+import { storiesOf } from '@storybook/react';
+
+storiesOf('Button', module)
+  .add('with story parameters', () => <Button label="The Button" />, {
+    header: false,
+    inline: true,
+  })
+  .add('foo', () => <Button label="Foo" />, {
+    bar: 1,
+  });
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js
new file mode 100644
index 00000000000..555426b67b9
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js
@@ -0,0 +1,23 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+
+import { storiesOf } from '@storybook/react';
+
+export default {
+  title: 'Button',
+};
+
+export const story1 = () => <Button label="The Button" />;
+story1.title = 'with story parameters';
+
+story1.parameters = {
+    header: false,
+    inline: true,
+  };
+
+export const foo = () => <Button label="Foo" />;
+
+foo.parameters = {
+    bar: 1,
+  };
diff --git a/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js b/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js
new file mode 100644
index 00000000000..ae3608e8fa5
--- /dev/null
+++ b/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js
@@ -0,0 +1,8 @@
+import { defineTest } from 'jscodeshift/dist/testUtils';
+
+const testNames = ['basic'];
+// const testNames = ['basic', 'decorators', 'parameters', 'story-parameters', 'module', 'multi'];
+
+testNames.forEach(testName => {
+  defineTest(__dirname, `convert-to-mdx-format`, null, `convert-to-mdx-format/${testName}`);
+});
diff --git a/lib/codemod/src/transforms/convert-to-mdx-format.js b/lib/codemod/src/transforms/convert-to-mdx-format.js
new file mode 100644
index 00000000000..8e9ca652c31
--- /dev/null
+++ b/lib/codemod/src/transforms/convert-to-mdx-format.js
@@ -0,0 +1,67 @@
+import { stat } from 'fs';
+
+/**
+ * Convert a compponent's module story file into an MDX file
+ *
+ * For example:
+ *
+ * ```
+ * input { Button } from './Button';
+ * export default {
+ *   title: 'Button'
+ * }
+ * export const story = () => <Button label="The Button" />;
+ * ```
+ *
+ * Becomes:
+ *
+ * ```
+ * import { Meta, Story } from '@storybook/addon-docs/blocks';
+ * input { Button } from './Button';
+ *
+ * <Meta title='Button' />
+ *
+ * <Story name='story'>
+ *   <Button label="The Button" />
+ * </Story>
+ * ```
+ */
+export default function transformer(file, api) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  function convertToMeta(path) {
+    // console.log('path', path);
+    const jsxId = j.jsxIdentifier('Meta');
+    const attributes = []; // j.jsxAttribute(j.jsxIdentifier('title'), j.literal('foo'))];
+    const opening = j.jsxOpeningElement(jsxId, attributes);
+    opening.selfClosing = true;
+    return j.jsxExpressionContainer(j.jsxElement(opening));
+    // return j.jsxElement(opening, j.jsxClosingElement(jsxId), [
+    //   j.jsxText(''),
+    // ]);
+  }
+
+  root
+    .find(j.ExportDefaultDeclaration)
+    // .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.parentPath.node.type === 'ExpressionStatement')
+    .replaceWith(convertToMeta);
+
+  // function convertToStory(path) {
+  //   console.log('path', path);
+  //   const jsxId = j.jsxIdentifier('Story');
+  //   const attributes = [j.jsxAttribute(j.jsxIdentifier('title'), j.literal('foo'))];
+  //   return j.jsxElement(j.jsxOpeningElement(jsxId, attributes), j.jsxClosingElement(jsxId), []);
+  // }
+
+  // root
+  //   .find(j.ExportDeclaration)
+  //   // .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.parentPath.node.type === 'ExpressionStatement')
+  //   .replaceWith(convertToStory);
+
+  return root.toSource({ quote: 'single', trailingComma: 'true', tabWidth: 2 });
+}

From b5afd62132175225f529426c74172afe70826a49 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Fri, 28 Jun 2019 23:33:05 +0800
Subject: [PATCH 02/66] Codemod: convert module format to MDX

---
 .eslintignore                                 |   1 +
 lib/codemod/package.json                      |   1 +
 .../convert-to-mdx-format/basic.input.js      |   4 +-
 .../convert-to-mdx-format/basic.output.js     |  21 +-
 .../convert-to-mdx-format/decorators.input.js |  12 +-
 .../decorators.output.js                      |  12 +-
 .../exclude-stories.input.js                  |  24 +++
 .../exclude-stories.output.js                 |  19 ++
 .../convert-to-mdx-format/module.input.js     |  12 --
 .../convert-to-mdx-format/module.output.js    |  12 --
 .../convert-to-mdx-format/multi.input.js      |  14 --
 .../convert-to-mdx-format/multi.output.js     |  17 --
 .../convert-to-mdx-format/parameters.input.js |  16 +-
 .../parameters.output.js                      |  16 +-
 .../story-parameters.input.js                 |  21 +-
 .../story-parameters.output.js                |  24 +--
 .../__tests__/convert-to-mdx-format.test.js   |   3 +-
 .../src/transforms/convert-to-mdx-format.js   | 187 +++++++++++++++---
 18 files changed, 268 insertions(+), 148 deletions(-)
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.output.js
 delete mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.input.js
 delete mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.output.js
 delete mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.input.js
 delete mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.output.js

diff --git a/.eslintignore b/.eslintignore
index 73cb24becbf..c8aa038f289 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -7,6 +7,7 @@ docs/public
 storybook-static
 built-storybooks
 lib/cli/test
+lib/codemod/src/transforms/__testfixtures__
 scripts/storage
 *.bundle.js
 *.js.map
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index fc00b3db987..4a5b258afa5 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -25,6 +25,7 @@
     "jscodeshift": "^0.6.3",
     "lodash": "^4.17.11",
     "prettier": "^1.16.4",
+    "recast": "^0.16.1",
     "regenerator-runtime": "^0.12.1"
   },
   "publishConfig": {
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js
index 718595b1c41..0fb5d849fd6 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js
@@ -10,7 +10,7 @@ export default {
 export const story1 = () => <Button label="Story 1" />;
 
 export const story2 = () => <Button label="Story 2" onClick={action('click')} />;
-story2.title = 'second story';
+story2.story = { name: 'second story' };
 
 export const story3 = () => (
   <div>
@@ -18,4 +18,4 @@ export const story3 = () => (
     <br />
   </div>
 );
-story3.title = 'complex story';
+story3.story = { name: 'complex story' };
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js
index a58c8831c88..13ac69e016e 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js
@@ -1,24 +1,15 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
 import { action } from '@storybook/addon-actions';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
 
-/*
-<Meta title='Button'/>
+<Meta title='Button' />
 
-<Story name='story1'>
-  <Button label="Story 1" />
-</Story>
+<Story name='story1'><Button label='Story 1' /></Story>
 
-<Story name='second story'>
-  <Button label="Story 2" onClick={action('click')} />
-</Story>
+<Story name='second story'><Button label='Story 2' onClick={action('click')} /></Story>
 
-<Story name='complex story'>
-  <div>
-    <Button label="The Button" onClick={action('onClick')} />
+<Story name='complex story'><div>
+    <Button label='The Button' onClick={action('onClick')} />
     <br />
-  </div>
-</Story>
-*/
+  </div></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js
index 900c47c9c05..64368d1aaca 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js
@@ -2,8 +2,10 @@
 import React from 'react';
 import Button from './Button';
 
-// This isn't a valid story, but it tests the `import { comp } from ...` case
-storiesOf('Some.Button', module)
-  .addDecorator(withKnobs)
-  .addDecorator(storyFn => <div className="foo">{storyFn}</div>)
-  .add('with decorator', () => <Button label="The Button" />);
+export default {
+  title: 'Some.Button',
+  decorators: [withKnobs, storyFn => <div className="foo">{storyFn}</div>],
+};
+
+export const story1 = () => <Button label="The Button" />;
+story1.story = { name: 'with decorator' };
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js
index 3a7e19019ce..4a86d72aaba 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js
@@ -1,11 +1,9 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
 
-export default {
-  title: 'Some.Button',
-  decorators: [withKnobs, storyFn => <div className="foo">{storyFn}</div>],
-};
+<Meta
+  title='Some.Button'
+  decorators={[withKnobs, storyFn => <div className='foo'>{storyFn}</div>]} />
 
-export const story1 = () => <Button label="The Button" />;
-story1.title = 'with decorator';
+<Story name='with decorator'><Button label='The Button' /></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.input.js
new file mode 100644
index 00000000000..3ed70f938a9
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.input.js
@@ -0,0 +1,24 @@
+/* eslint-disable */
+import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+
+export default {
+  title: 'Button',
+  excludeStories: /.*Data$/,
+};
+
+export const rowData = { col1: 'a', col2: 2 };
+
+export const story1 = () => <Button label="Story 1" />;
+
+export const story2 = () => <Button label="Story 2" onClick={action('click')} />;
+story2.story = { name: 'second story' };
+
+export const story3 = () => (
+  <div>
+    <Button label="The Button" onClick={action('onClick')} />
+    <br />
+  </div>
+);
+story3.story = { name: 'complex story' };
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.output.js
new file mode 100644
index 00000000000..c89872c653f
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.output.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+<Meta title='Button' />
+
+export const rowData = {
+  col1: 'a',
+  col2: 2,
+};
+<Story name='story1'><Button label='Story 1' /></Story>
+
+<Story name='second story'><Button label='Story 2' onClick={action('click')} /></Story>
+
+<Story name='complex story'><div>
+    <Button label='The Button' onClick={action('onClick')} />
+    <br />
+  </div></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.input.js
deleted file mode 100644
index 5cc7ce8ab84..00000000000
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.input.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import Button from './Button';
-import { storiesOf } from '@storybook/react';
-
-export default {
-  title: 'foo',
-};
-
-const bar = 1;
-
-storiesOf('foo', module).add('bar', () => <Button />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.output.js
deleted file mode 100644
index 5cc7ce8ab84..00000000000
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/module.output.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import Button from './Button';
-import { storiesOf } from '@storybook/react';
-
-export default {
-  title: 'foo',
-};
-
-const bar = 1;
-
-storiesOf('foo', module).add('bar', () => <Button />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.input.js
deleted file mode 100644
index 59a06b7cd16..00000000000
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.input.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import Button from './Button';
-
-// If we have multiple storiesOf calls, export multiple defaults. It's not valid
-// JS but will still save the user time in converting.
-
-storiesOf('Button1', module)
-  .add('story1', () => <Button label="Button1.1" />)
-  .add('story2', () => <Button label="Button1.2" />);
-
-storiesOf('Button2', module)
-  .add('story1', () => <Button label="Button2.1" />)
-  .add('story2', () => <Button label="Button2.2" />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.output.js
deleted file mode 100644
index ff1fefb3d2b..00000000000
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/multi.output.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import Button from './Button';
-
-export default {
-  title: 'Button1',
-};
-
-export const story1 = () => <Button label="Button1.1" />;
-export const story2 = () => <Button label="Button1.2" />;
-
-export default {
-  title: 'Button2',
-};
-
-export const story1 = () => <Button label="Button2.1" />;
-export const story2 = () => <Button label="Button2.2" />;
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js
index 07499987fc6..d2e764fd6f5 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js
@@ -4,7 +4,15 @@ import Button from './Button';
 
 import { storiesOf } from '@storybook/react';
 
-storiesOf('Button', module)
-  .addParameters({ component: Button, foo: 1 })
-  .addParameters({ bar: 2 })
-  .add('with kind parameters', () => <Button label="The Button" />);
+export default {
+  title: 'Button',
+
+  parameters: {
+    component: Button,
+    foo: 1,
+    bar: 2,
+  },
+};
+
+export const story1 = () => <Button label="The Button" />;
+story1.story = { name: 'with kind parameters' };
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js
index 7dcafe93c2e..625ba4ea5dd 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js
@@ -1,18 +1,14 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
-
 import { storiesOf } from '@storybook/react';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
 
-export default {
-  title: 'Button',
-
-  parameters: {
+<Meta
+  title='Button'
+  parameters={{
     component: Button,
     foo: 1,
     bar: 2,
-  },
-};
+  }} />
 
-export const story1 = () => <Button label="The Button" />;
-story1.title = 'with kind parameters';
+<Story name='with kind parameters'><Button label='The Button' /></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js
index 75db6673cc1..b849f3bc263 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js
@@ -4,11 +4,22 @@ import Button from './Button';
 
 import { storiesOf } from '@storybook/react';
 
-storiesOf('Button', module)
-  .add('with story parameters', () => <Button label="The Button" />, {
+export default {
+  title: 'Button',
+};
+
+export const story1 = () => <Button label="The Button" />;
+story1.story = {
+  name: 'with story parameters',
+  parameters: {
     header: false,
     inline: true,
-  })
-  .add('foo', () => <Button label="Foo" />, {
+  },
+};
+
+export const foo = () => <Button label="Foo" />;
+foo.story = {
+  parameters: {
     bar: 1,
-  });
+  },
+};
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js
index 555426b67b9..8c9d469af39 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js
@@ -1,23 +1,19 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
-
 import { storiesOf } from '@storybook/react';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
 
-export default {
-  title: 'Button',
-};
+<Meta title='Button' />
 
-export const story1 = () => <Button label="The Button" />;
-story1.title = 'with story parameters';
-
-story1.parameters = {
+<Story
+  name='with story parameters'
+  parameters={{
     header: false,
     inline: true,
-  };
+  }}><Button label='The Button' /></Story>
 
-export const foo = () => <Button label="Foo" />;
-
-foo.parameters = {
+<Story
+  name='foo'
+  parameters={{
     bar: 1,
-  };
+  }}><Button label='Foo' /></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js b/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js
index ae3608e8fa5..b0750e91be4 100644
--- a/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js
+++ b/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js
@@ -1,7 +1,6 @@
 import { defineTest } from 'jscodeshift/dist/testUtils';
 
-const testNames = ['basic'];
-// const testNames = ['basic', 'decorators', 'parameters', 'story-parameters', 'module', 'multi'];
+const testNames = ['basic', 'decorators', 'parameters', 'story-parameters', 'exclude-stories'];
 
 testNames.forEach(testName => {
   defineTest(__dirname, `convert-to-mdx-format`, null, `convert-to-mdx-format/${testName}`);
diff --git a/lib/codemod/src/transforms/convert-to-mdx-format.js b/lib/codemod/src/transforms/convert-to-mdx-format.js
index 8e9ca652c31..c5526ac88d2 100644
--- a/lib/codemod/src/transforms/convert-to-mdx-format.js
+++ b/lib/codemod/src/transforms/convert-to-mdx-format.js
@@ -1,4 +1,40 @@
-import { stat } from 'fs';
+import recast from 'recast';
+
+// FIXME: duplicate code from @storybook/core start.js
+function isExportStory(key, { includeStories, excludeStories }) {
+  function matches(storyKey, arrayOrRegex) {
+    if (Array.isArray(arrayOrRegex)) {
+      return arrayOrRegex.includes(storyKey);
+    }
+    return storyKey.match(arrayOrRegex);
+  }
+  return (
+    (!includeStories || matches(key, includeStories)) &&
+    (!excludeStories || !matches(key, excludeStories))
+  );
+}
+
+function exportMdx(root, options) {
+  // eslint-disable-next-line no-underscore-dangle
+  const path = root.__paths[0];
+
+  // FIXME: insert the title as markdown after all of the imports
+  return path.node.program.body
+    .map(n => {
+      const { code } = recast.prettyPrint(n, options);
+      if (n.type === 'JSXElement') {
+        return `${code}\n`;
+      }
+      return code;
+    })
+    .join('\n');
+}
+
+function parseIncludeExclude(prop) {
+  const { code } = recast.prettyPrint(prop, {});
+  // eslint-disable-next-line no-eval
+  return eval(code);
+}
 
 /**
  * Convert a compponent's module story file into an MDX file
@@ -30,38 +66,131 @@ export default function transformer(file, api) {
   const j = api.jscodeshift;
   const root = j(file.source);
 
-  function convertToMeta(path) {
-    // console.log('path', path);
-    const jsxId = j.jsxIdentifier('Meta');
-    const attributes = []; // j.jsxAttribute(j.jsxIdentifier('title'), j.literal('foo'))];
-    const opening = j.jsxOpeningElement(jsxId, attributes);
-    opening.selfClosing = true;
-    return j.jsxExpressionContainer(j.jsxElement(opening));
-    // return j.jsxElement(opening, j.jsxClosingElement(jsxId), [
-    //   j.jsxText(''),
-    // ]);
+  // FIXME: save out all the storyFn.story = { ... }
+  const storyKeyToStory = {};
+  // save out includeStories / excludeStories
+  const meta = {};
+
+  function makeAttr(key, val) {
+    return j.jsxAttribute(
+      j.jsxIdentifier(key),
+      val.type === 'Literal' ? val : j.jsxExpressionContainer(val)
+    );
   }
 
-  root
+  function getStoryContents(node) {
+    return node.type === 'ArrowFunctionExpression' && node.body.type === 'JSXElement'
+      ? node.body
+      : j.jsxExpressionContainer(node);
+  }
+
+  function getName(storyKey) {
+    const story = storyKeyToStory[storyKey];
+    if (story) {
+      const name = story.properties.find(prop => prop.key.name === 'name');
+      if (name && name.value.type === 'Literal') {
+        return name.value.value;
+      }
+    }
+    return storyKey;
+  }
+
+  function getStoryAttrs(storyKey) {
+    const attrs = [];
+    const story = storyKeyToStory[storyKey];
+    if (story) {
+      story.properties.forEach(prop => {
+        const { key, value } = prop;
+        if (key.name !== 'name') {
+          attrs.push(makeAttr(key.name, value));
+        }
+      });
+    }
+    return attrs;
+  }
+
+  // 1. If the program does not have `export default { title: '....' }, skip it
+  const defaultExportWithTitle = root
     .find(j.ExportDefaultDeclaration)
-    // .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.parentPath.node.type === 'ExpressionStatement')
-    .replaceWith(convertToMeta);
+    .filter(def => def.node.declaration.properties.map(p => p.key.name).includes('title'));
+  if (defaultExportWithTitle.size() === 0) {
+    return root.toSource();
+  }
 
-  // function convertToStory(path) {
-  //   console.log('path', path);
-  //   const jsxId = j.jsxIdentifier('Story');
-  //   const attributes = [j.jsxAttribute(j.jsxIdentifier('title'), j.literal('foo'))];
-  //   return j.jsxElement(j.jsxOpeningElement(jsxId, attributes), j.jsxClosingElement(jsxId), []);
-  // }
+  // 2. Add imports from '@storybook/addon-docs/blocks'
+  root
+    .find(j.ImportDeclaration)
+    .at(-1)
+    .insertAfter(j.emptyStatement())
+    .insertAfter(
+      j.importDeclaration(
+        [j.importSpecifier(j.identifier('Meta')), j.importSpecifier(j.identifier('Story'))],
+        j.literal('@storybook/addon-docs/blocks')
+      )
+    );
 
-  // root
-  //   .find(j.ExportDeclaration)
-  //   // .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.parentPath.node.type === 'ExpressionStatement')
-  //   .replaceWith(convertToStory);
+  // 3. Save out all the excluded stories
+  defaultExportWithTitle.forEach(exp => {
+    exp.node.declaration.properties.forEach(p => {
+      if (['includeStories', 'excludeStories'].includes(p.key.name)) {
+        meta[p.key.name] = parseIncludeExclude(p.value);
+      }
+    });
+  });
 
-  return root.toSource({ quote: 'single', trailingComma: 'true', tabWidth: 2 });
+  // 4. Collect all the story exports in storyKeyToStory[key] = null;
+  const namedExports = root.find(j.ExportNamedDeclaration);
+  namedExports.forEach(exp => {
+    const storyKey = exp.node.declaration.declarations[0].id.name;
+    if (isExportStory(storyKey, meta)) {
+      storyKeyToStory[storyKey] = null;
+    }
+  });
+
+  // 5. Collect all the storyKey.story in storyKeyToStory and also remove them
+  const storyAssignments = root.find(j.AssignmentExpression).filter(exp => {
+    const { left } = exp.node;
+    return (
+      left.type === 'MemberExpression' &&
+      (left.object.type === 'Identifier' && left.object.name in storyKeyToStory) &&
+      (left.property.type === 'Identifier' && left.property.name === 'story')
+    );
+  });
+  storyAssignments.forEach(exp => {
+    const { left, right } = exp.node;
+    storyKeyToStory[left.object.name] = right;
+  });
+  storyAssignments.remove();
+
+  // 6. Convert the default export to <Meta />
+  defaultExportWithTitle.replaceWith(exp => {
+    const jsxId = j.jsxIdentifier('Meta');
+    const attrs = [];
+    exp.node.declaration.properties.forEach(prop => {
+      const { key, value } = prop;
+      if (!['includeStories', 'excludeStories'].includes(key.name)) {
+        attrs.push(makeAttr(key.name, value));
+      }
+    });
+    const opening = j.jsxOpeningElement(jsxId, attrs);
+    opening.selfClosing = true;
+    return j.jsxElement(opening);
+  });
+
+  // 7. Convert all the named exports to <Story>...</Story>
+  namedExports.replaceWith(exp => {
+    const storyKey = exp.node.declaration.declarations[0].id.name;
+    if (!isExportStory(storyKey, meta)) {
+      return exp.node;
+    }
+    const jsxId = j.jsxIdentifier('Story');
+    const name = getName(storyKey);
+    const attributes = [makeAttr('name', j.literal(name)), ...getStoryAttrs(storyKey)];
+    const opening = j.jsxOpeningElement(jsxId, attributes);
+    const closing = j.jsxClosingElement(jsxId);
+    const children = [getStoryContents(exp.node.declaration.declarations[0].init)];
+    return j.jsxElement(opening, closing, children);
+  });
+
+  return exportMdx(root, { quote: 'single', trailingComma: 'true', tabWidth: 2 });
 }

From 3974d99e15423b51241bf0d71d174f6f0826626a Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sat, 29 Jun 2019 17:14:18 +0800
Subject: [PATCH 03/66] Codemod: Rename format conversions for extensibility

---
 lib/codemod/README.md                         | 43 +++++++++++++++++--
 .../basic.input.js                            |  0
 .../basic.output.js                           |  0
 .../decorators.input.js                       |  0
 .../decorators.output.js                      |  0
 .../exclude-stories.input.js                  |  0
 .../exclude-stories.output.js                 |  0
 .../parameters.input.js                       |  0
 .../parameters.output.js                      |  0
 .../story-parameters.input.js                 |  0
 .../story-parameters.output.js                |  0
 .../basic.input.js                            |  0
 .../basic.output.js                           |  0
 .../decorators.input.js                       |  0
 .../decorators.output.js                      |  0
 .../default.input.js                          |  0
 .../default.output.js                         |  0
 .../module.input.js                           |  0
 .../module.output.js                          |  0
 .../multi.input.js                            |  0
 .../multi.output.js                           |  0
 .../parameters.input.js                       |  0
 .../parameters.output.js                      |  0
 .../story-parameters.input.js                 |  0
 .../story-parameters.output.js                |  0
 ....test.js => convert-module-to-mdx.test.js} |  2 +-
 ...js => convert-storiesof-to-module.test.js} |  7 ++-
 ...mdx-format.js => convert-module-to-mdx.js} |  0
 ...rmat.js => convert-storiesof-to-module.js} |  0
 29 files changed, 46 insertions(+), 6 deletions(-)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/basic.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/basic.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/decorators.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/decorators.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/exclude-stories.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/exclude-stories.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/parameters.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/parameters.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/story-parameters.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-mdx-format => convert-module-to-mdx}/story-parameters.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/basic.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/basic.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/decorators.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/decorators.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/default.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/default.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/module.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/module.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/multi.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/multi.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/parameters.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/parameters.output.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/story-parameters.input.js (100%)
 rename lib/codemod/src/transforms/__testfixtures__/{convert-to-module-format => convert-storiesof-to-module}/story-parameters.output.js (100%)
 rename lib/codemod/src/transforms/__tests__/{convert-to-mdx-format.test.js => convert-module-to-mdx.test.js} (67%)
 rename lib/codemod/src/transforms/__tests__/{convert-to-module-format.test.js => convert-storiesof-to-module.test.js} (63%)
 rename lib/codemod/src/transforms/{convert-to-mdx-format.js => convert-module-to-mdx.js} (100%)
 rename lib/codemod/src/transforms/{convert-to-module-format.js => convert-storiesof-to-module.js} (100%)

diff --git a/lib/codemod/README.md b/lib/codemod/README.md
index f130f7d3b99..ed848dc3aaf 100644
--- a/lib/codemod/README.md
+++ b/lib/codemod/README.md
@@ -133,12 +133,12 @@ Heuristics:
 - The storiesOf "kind" name must be Button
 - Button must be imported in the file
 
-### convert-to-module-format
+### convert-storiesof-to-module
 
 This converts all of your "old-style" `storiesOf` stories into component module format, which uses standard ES6 modules.
 
 ```sh
-./node_modules/.bin/jscodeshift -t ./node_modules/@storybook/codemod/dist/transforms/convert-to-module-format.js . --ignore-pattern "node_modules|dist"
+./node_modules/.bin/jscodeshift -t ./node_modules/@storybook/codemod/dist/transforms/convert-storiesof-to-module.js . --ignore-pattern "node_modules|dist"
 ```
 
 For example:
@@ -165,7 +165,7 @@ export default {
 export const story = () => <Button label="Story 1" />;
 
 export const story2 = () => <Button label="Story 2" onClick={action('click')} />;
-story2.title = 'second story';
+story2.story = { name: 'second story' };
 
 export const story3 = () => (
   <div>
@@ -173,10 +173,45 @@ export const story3 = () => (
     <br />
   </div>
 );
-story3.title = 'complex story';
+story3.story = { name: 'complex story' };
 ```
 
 Heuristics:
 
 - If a file has any default export, it will be skipped
 - If a file has multiple `storiesOf` declarations, it will convert each one seperately. This generates invalid ES6, but you can edit the file by hand to split it into multiple files (or whatever is appropriate).
+
+### convert-module-to-mdx
+
+This converts all of your component module stories into MDX format, which integrates story examples and long-form documentation.
+
+```sh
+./node_modules/.bin/jscodeshift -t ./node_modules/@storybook/codemod/dist/transforms/convert-to-module-format.js . --ignore-pattern "node_modules|dist"
+```
+
+```js
+export default {
+  title: 'Button',
+};
+
+export const story = () => <Button label="Story 1" />;
+
+export const story2 = () => <Button label="Story 2" onClick={action('click')} />;
+story2.story = { name: 'second story' };
+```
+
+Becomes:
+
+```md
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+# Button
+
+<Meta title='Button'>
+
+<Story name='story'><Button label="Story 1" /></Story>
+
+<Story name='second story'>
+  <Button label="Story 2" onClick={action('click')} />
+</Story>
+```
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/basic.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/decorators.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/exclude-stories.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/parameters.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-mdx-format/story-parameters.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/basic.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/basic.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/basic.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/basic.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/basic.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/basic.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/basic.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/basic.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/decorators.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/decorators.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/decorators.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/decorators.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/decorators.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/decorators.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/decorators.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/decorators.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/default.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/default.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/default.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/default.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/default.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/default.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/default.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/default.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/module.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/module.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/module.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/module.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/module.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/module.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/module.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/module.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/multi.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/multi.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/multi.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/multi.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/multi.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/multi.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/multi.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/multi.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/parameters.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/parameters.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/parameters.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/parameters.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/parameters.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/parameters.output.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/story-parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/story-parameters.input.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/story-parameters.input.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/story-parameters.input.js
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/story-parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/story-parameters.output.js
similarity index 100%
rename from lib/codemod/src/transforms/__testfixtures__/convert-to-module-format/story-parameters.output.js
rename to lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/story-parameters.output.js
diff --git a/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js b/lib/codemod/src/transforms/__tests__/convert-module-to-mdx.test.js
similarity index 67%
rename from lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js
rename to lib/codemod/src/transforms/__tests__/convert-module-to-mdx.test.js
index b0750e91be4..2dd013c0495 100644
--- a/lib/codemod/src/transforms/__tests__/convert-to-mdx-format.test.js
+++ b/lib/codemod/src/transforms/__tests__/convert-module-to-mdx.test.js
@@ -3,5 +3,5 @@ import { defineTest } from 'jscodeshift/dist/testUtils';
 const testNames = ['basic', 'decorators', 'parameters', 'story-parameters', 'exclude-stories'];
 
 testNames.forEach(testName => {
-  defineTest(__dirname, `convert-to-mdx-format`, null, `convert-to-mdx-format/${testName}`);
+  defineTest(__dirname, `convert-module-to-mdx`, null, `convert-module-to-mdx/${testName}`);
 });
diff --git a/lib/codemod/src/transforms/__tests__/convert-to-module-format.test.js b/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
similarity index 63%
rename from lib/codemod/src/transforms/__tests__/convert-to-module-format.test.js
rename to lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
index 774a46824fe..a0df5ee4640 100644
--- a/lib/codemod/src/transforms/__tests__/convert-to-module-format.test.js
+++ b/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
@@ -11,5 +11,10 @@ const testNames = [
 ];
 
 testNames.forEach(testName => {
-  defineTest(__dirname, `convert-to-module-format`, null, `convert-to-module-format/${testName}`);
+  defineTest(
+    __dirname,
+    `convert-storiesof-to-module`,
+    null,
+    `convert-storiesof-to-module/${testName}`
+  );
 });
diff --git a/lib/codemod/src/transforms/convert-to-mdx-format.js b/lib/codemod/src/transforms/convert-module-to-mdx.js
similarity index 100%
rename from lib/codemod/src/transforms/convert-to-mdx-format.js
rename to lib/codemod/src/transforms/convert-module-to-mdx.js
diff --git a/lib/codemod/src/transforms/convert-to-module-format.js b/lib/codemod/src/transforms/convert-storiesof-to-module.js
similarity index 100%
rename from lib/codemod/src/transforms/convert-to-module-format.js
rename to lib/codemod/src/transforms/convert-storiesof-to-module.js

From b0cfb293b27139eedfe9a6d1bfe4f7186e118d3b Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 30 Jun 2019 10:49:47 +0800
Subject: [PATCH 04/66] Codemod: convert MDX back to module format

---
 addons/docs/mdx-compiler-plugin.test.js       |  20 +--
 lib/codemod/README.md                         |  38 +++++
 lib/codemod/package.json                      |   1 +
 .../convert-mdx-to-module/basic.input.js      |  15 ++
 .../convert-mdx-to-module/basic.output.js     |  25 +++
 .../convert-mdx-to-module/decorators.input.js |   9 ++
 .../decorators.output.js                      |  13 ++
 .../exclude-stories.input.js                  |  20 +++
 .../exclude-stories.output.js                 |  30 ++++
 .../convert-mdx-to-module/parameters.input.js |  14 ++
 .../parameters.output.js                      |  19 +++
 .../story-parameters.input.js                 |  19 +++
 .../story-parameters.output.js                |  26 ++++
 .../__tests__/convert-mdx-to-module.test.js   |   7 +
 .../src/transforms/convert-mdx-to-module.js   | 146 ++++++++++++++++++
 15 files changed, 390 insertions(+), 12 deletions(-)
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/parameters.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/parameters.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.output.js
 create mode 100644 lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
 create mode 100644 lib/codemod/src/transforms/convert-mdx-to-module.js

diff --git a/addons/docs/mdx-compiler-plugin.test.js b/addons/docs/mdx-compiler-plugin.test.js
index 75e8cc03dba..569add3dff0 100644
--- a/addons/docs/mdx-compiler-plugin.test.js
+++ b/addons/docs/mdx-compiler-plugin.test.js
@@ -4,7 +4,14 @@ const mdx = require('@mdx-js/mdx');
 const prettier = require('prettier');
 const plugin = require('./mdx-compiler-plugin');
 
-function format(code) {
+async function generate(filePath) {
+  const content = await fs.readFile(filePath, 'utf8');
+
+  const code = mdx.sync(content, {
+    filepath: filePath,
+    compilers: [plugin({})],
+  });
+
   return prettier.format(code, {
     parser: 'babel',
     printWidth: 100,
@@ -15,17 +22,6 @@ function format(code) {
   });
 }
 
-async function generate(filePath) {
-  const content = await fs.readFile(filePath, 'utf8');
-
-  const result = mdx.sync(content, {
-    filepath: filePath,
-    compilers: [plugin({})],
-  });
-
-  return format(result);
-}
-
 describe('docs-mdx-compiler-plugin', () => {
   it('supports vanilla mdx', async () => {
     const code = await generate(path.resolve(__dirname, './fixtures/vanilla.mdx'));
diff --git a/lib/codemod/README.md b/lib/codemod/README.md
index ed848dc3aaf..c07d7856d3f 100644
--- a/lib/codemod/README.md
+++ b/lib/codemod/README.md
@@ -189,6 +189,8 @@ This converts all of your component module stories into MDX format, which integr
 ./node_modules/.bin/jscodeshift -t ./node_modules/@storybook/codemod/dist/transforms/convert-to-module-format.js . --ignore-pattern "node_modules|dist"
 ```
 
+For example:
+
 ```js
 export default {
   title: 'Button',
@@ -215,3 +217,39 @@ import { Meta, Story } from '@storybook/addon-docs/blocks';
   <Button label="Story 2" onClick={action('click')} />
 </Story>
 ```
+
+### convert-mdx-to-module
+
+This converts all your MDX stories into module format.
+
+```sh
+./node_modules/.bin/jscodeshift -t ./node_modules/@storybook/codemod/dist/transforms/convert-to-module-format.js . --ignore-pattern "node_modules|dist" --extensions=mdx
+```
+
+For example:
+
+```js
+import React from 'react';
+import Button from './Button';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+<Meta title='Button' />
+
+<Story name='basic stories'><Button label='The Button' /></Story>
+```
+
+Becomes:
+
+```
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Button',
+};
+
+export const basicStory = () => <Button label="The Button" />;
+basicStory.story = {
+  name: 'basic stories',
+};
+```
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 4a5b258afa5..4e0f39472f5 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -21,6 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
+    "@mdx-js/mdx": "^1.0.0",
     "core-js": "^3.0.1",
     "jscodeshift": "^0.6.3",
     "lodash": "^4.17.11",
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.input.js
new file mode 100644
index 00000000000..13ac69e016e
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.input.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+<Meta title='Button' />
+
+<Story name='story1'><Button label='Story 1' /></Story>
+
+<Story name='second story'><Button label='Story 2' onClick={action('click')} /></Story>
+
+<Story name='complex story'><div>
+    <Button label='The Button' onClick={action('onClick')} />
+    <br />
+  </div></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.output.js
new file mode 100644
index 00000000000..8f65e15fce6
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.output.js
@@ -0,0 +1,25 @@
+import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+
+export default {
+  title: 'Button',
+};
+
+export const story1 = () => <Button label="Story 1" />;
+export const secondStory = () => <Button label="Story 2" onClick={action('click')} />;
+
+secondStory.story = {
+  name: 'second story',
+};
+
+export const complexStory = () => (
+  <div>
+    <Button label="The Button" onClick={action('onClick')} />
+    <br />
+  </div>
+);
+
+complexStory.story = {
+  name: 'complex story',
+};
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.input.js
new file mode 100644
index 00000000000..4a86d72aaba
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.input.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import Button from './Button';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+<Meta
+  title='Some.Button'
+  decorators={[withKnobs, storyFn => <div className='foo'>{storyFn}</div>]} />
+
+<Story name='with decorator'><Button label='The Button' /></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.output.js
new file mode 100644
index 00000000000..8be30b134b9
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.output.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import Button from './Button';
+
+export default {
+  title: 'Some.Button',
+  decorators: [withKnobs, storyFn => <div className="foo">{storyFn}</div>],
+};
+
+export const withDecorator = () => <Button label="The Button" />;
+
+withDecorator.story = {
+  name: 'with decorator',
+};
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.input.js
new file mode 100644
index 00000000000..f37798881c5
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.input.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+<Meta title='Button' />
+
+export const rowData = {
+  col1: 'a',
+  col2: 2,
+};
+
+<Story name='story1'><Button label='Story 1' /></Story>
+
+<Story name='second story'><Button label='Story 2' onClick={action('click')} /></Story>
+
+<Story name='complex story'><div>
+    <Button label='The Button' onClick={action('onClick')} />
+    <br />
+  </div></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.output.js
new file mode 100644
index 00000000000..eeeee0fb7f5
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.output.js
@@ -0,0 +1,30 @@
+import React from 'react';
+import Button from './Button';
+import { action } from '@storybook/addon-actions';
+export const rowData = {
+  col1: 'a',
+  col2: 2,
+};
+
+export default {
+  title: 'Button',
+  includeStories: ['story1', 'secondStory', 'complexStory'],
+};
+
+export const story1 = () => <Button label="Story 1" />;
+export const secondStory = () => <Button label="Story 2" onClick={action('click')} />;
+
+secondStory.story = {
+  name: 'second story',
+};
+
+export const complexStory = () => (
+  <div>
+    <Button label="The Button" onClick={action('onClick')} />
+    <br />
+  </div>
+);
+
+complexStory.story = {
+  name: 'complex story',
+};
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/parameters.input.js
new file mode 100644
index 00000000000..625ba4ea5dd
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/parameters.input.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+<Meta
+  title='Button'
+  parameters={{
+    component: Button,
+    foo: 1,
+    bar: 2,
+  }} />
+
+<Story name='with kind parameters'><Button label='The Button' /></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/parameters.output.js
new file mode 100644
index 00000000000..99aec036bc9
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/parameters.output.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+
+export default {
+  title: 'Button',
+
+  parameters: {
+    component: Button,
+    foo: 1,
+    bar: 2,
+  },
+};
+
+export const withKindParameters = () => <Button label="The Button" />;
+
+withKindParameters.story = {
+  name: 'with kind parameters',
+};
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.input.js
new file mode 100644
index 00000000000..8c9d469af39
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.input.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+import { Meta, Story } from '@storybook/addon-docs/blocks';
+
+<Meta title='Button' />
+
+<Story
+  name='with story parameters'
+  parameters={{
+    header: false,
+    inline: true,
+  }}><Button label='The Button' /></Story>
+
+<Story
+  name='foo'
+  parameters={{
+    bar: 1,
+  }}><Button label='Foo' /></Story>
\ No newline at end of file
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.output.js
new file mode 100644
index 00000000000..7a204c1a1d6
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.output.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import Button from './Button';
+import { storiesOf } from '@storybook/react';
+
+export default {
+  title: 'Button',
+};
+
+export const withStoryParameters = () => <Button label="The Button" />;
+
+withStoryParameters.story = {
+  name: 'with story parameters',
+
+  parameters: {
+    header: false,
+    inline: true,
+  },
+};
+
+export const foo = () => <Button label="Foo" />;
+
+foo.story = {
+  parameters: {
+    bar: 1,
+  },
+};
diff --git a/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js b/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
new file mode 100644
index 00000000000..561397afc56
--- /dev/null
+++ b/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
@@ -0,0 +1,7 @@
+import { defineTest } from 'jscodeshift/dist/testUtils';
+
+const testNames = ['basic', 'decorators', 'parameters', 'story-parameters', 'exclude-stories'];
+
+testNames.forEach(testName => {
+  defineTest(__dirname, `convert-mdx-to-module`, null, `convert-mdx-to-module/${testName}`);
+});
diff --git a/lib/codemod/src/transforms/convert-mdx-to-module.js b/lib/codemod/src/transforms/convert-mdx-to-module.js
new file mode 100644
index 00000000000..cf07c417f7d
--- /dev/null
+++ b/lib/codemod/src/transforms/convert-mdx-to-module.js
@@ -0,0 +1,146 @@
+// import recast from 'recast';
+import camelCase from 'lodash/camelCase';
+import mdx from '@mdx-js/mdx';
+import prettier from 'prettier';
+
+/**
+ * Convert a compponent's MDX file into module story format
+ */
+export default function transformer(file, api) {
+  const j = api.jscodeshift;
+  const code = mdx.sync(file.source, {});
+  const root = j(code);
+
+  function parseJsxAttributes(attributes) {
+    const result = {};
+    attributes.forEach(attr => {
+      const key = attr.name.name;
+      const val = attr.value.type === 'JSXExpressionContainer' ? attr.value.expression : attr.value;
+      result[key] = val;
+    });
+    return result;
+  }
+
+  function genObjectExpression(attrs) {
+    return j.objectExpression(
+      Object.entries(attrs).map(([key, val]) => j.property('init', j.identifier(key), val))
+    );
+  }
+
+  function convertToStories(path) {
+    const base = j(path);
+
+    const meta = {};
+    const includeStories = [];
+    const storyStatements = [];
+
+    // get rid of all mdxType junk
+    base
+      .find(j.JSXAttribute)
+      .filter(attr => attr.node.name.name === 'mdxType')
+      .remove();
+
+    // parse <Meta title="..." />
+    base
+      .find(j.JSXElement)
+      .filter(elt => elt.node.openingElement.name.name === 'Meta')
+      .forEach(elt => {
+        const attrs = parseJsxAttributes(elt.node.openingElement.attributes);
+        Object.assign(meta, attrs);
+      });
+
+    // parse <Story name="..." />
+    base
+      .find(j.JSXElement)
+      .filter(elt => elt.node.openingElement.name.name === 'Story')
+      .forEach(elt => {
+        const attrs = parseJsxAttributes(elt.node.openingElement.attributes);
+        const storyKey = camelCase(attrs.name.value);
+        includeStories.push(storyKey);
+        if (storyKey === attrs.name.value) {
+          delete attrs.name;
+        }
+        storyStatements.push(
+          j.exportDeclaration(
+            false,
+            j.variableDeclaration('const', [
+              j.variableDeclarator(
+                j.identifier(storyKey),
+                j.arrowFunctionExpression([], elt.node.children[0])
+              ),
+            ])
+          )
+        );
+        if (Object.keys(attrs).length > 0) {
+          storyStatements.push(
+            j.assignmentStatement(
+              '=',
+              j.memberExpression(j.identifier(storyKey), j.identifier('story')),
+              genObjectExpression(attrs)
+            )
+          );
+        }
+        storyStatements.push(j.emptyStatement());
+      });
+
+    if (root.find(j.ExportNamedDeclaration).size() > 0) {
+      meta.includeStories = j.arrayExpression(includeStories.map(key => j.literal(key)));
+    }
+    const statements = [
+      j.exportDefaultDeclaration(genObjectExpression(meta)),
+      j.emptyStatement(),
+      ...storyStatements,
+    ];
+
+    const lastStatement = root.find(j.Statement).at(-1);
+    statements.reverse().forEach(stmt => {
+      lastStatement.insertAfter(stmt);
+    });
+    base.remove();
+  }
+
+  root.find(j.ExportDefaultDeclaration).forEach(convertToStories);
+
+  // strip out Story/Meta import and MDX junk
+  //   /* @jsx mdx */
+  //   const makeShortcode = ...
+  //   const layoutProps = {};
+  //   const MDXLayout = 'wrapper';
+  //   MDXContent.isMDXComponent = true;
+  root
+    .find(j.ImportDeclaration)
+    .at(0)
+    .replaceWith(exp => j.importDeclaration(exp.node.specifiers, exp.node.source));
+
+  root
+    .find(j.ImportDeclaration)
+    .filter(exp => exp.node.source.value === '@storybook/addon-docs/blocks')
+    .remove();
+
+  const MDX_DECLS = ['makeShortcode', 'layoutProps', 'MDXLayout'];
+  root
+    .find(j.VariableDeclaration)
+    .filter(
+      decl =>
+        decl.node.declarations.length === 1 && MDX_DECLS.includes(decl.node.declarations[0].id.name)
+    )
+    .remove();
+
+  root
+    .find(j.AssignmentExpression)
+    .filter(
+      expr =>
+        expr.node.left.type === 'MemberExpression' && expr.node.left.object.name === 'MDXContent'
+    )
+    .remove();
+
+  const source = root.toSource({ trailingComma: true, quote: 'single', tabWidth: 2 });
+  return prettier.format(source, {
+    parser: 'babel',
+    printWidth: 100,
+    tabWidth: 2,
+    bracketSpacing: true,
+    trailingComma: 'es5',
+    singleQuote: true,
+  });
+}

From 06c57aec43f2000b523217966ce67d2a91c5b4a5 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Mon, 8 Jul 2019 15:07:20 +0200
Subject: [PATCH 05/66] FIX types of client-api & storystore

the function to merge all decorators & storyFn has been changed to no longer mutate
the storyFn called from within decorators must be called with a StoryContext
add a story for vue to test the behaviour
---
 app/vue/src/client/preview/index.js           | 17 ++++++---
 .../stories/core/parameters.stories.js        | 13 ++++---
 .../__snapshots__/vueshots.test.js.snap       | 32 ++++++++++++++++
 .../src/stories/custom-decorators.stories.js  |  7 +++-
 lib/client-api/src/client_api.ts              | 38 ++++++++-----------
 lib/client-api/src/story_store.ts             | 10 +++--
 6 files changed, 79 insertions(+), 38 deletions(-)

diff --git a/app/vue/src/client/preview/index.js b/app/vue/src/client/preview/index.js
index 71d6fbe03b7..cb21612ac15 100644
--- a/app/vue/src/client/preview/index.js
+++ b/app/vue/src/client/preview/index.js
@@ -46,13 +46,18 @@ function decorateStory(getStory, decorators) {
 
       const decoratedStory = decorator((p = {}) => {
         story = decorated(
-          Object.assign(
-            context,
-            p,
-            { parameters: Object.assign(context.parameters || {}, p.parameters) },
-            { options: Object.assign(context.options || {}, p.options) }
-          )
+          p
+            ? {
+                ...context,
+                ...p,
+                parameters: {
+                  ...context.parameters,
+                  ...(p && p.parameters),
+                },
+              }
+            : context
         );
+
         return story;
       }, context);
 
diff --git a/examples/official-storybook/stories/core/parameters.stories.js b/examples/official-storybook/stories/core/parameters.stories.js
index d32c78d7427..1f9551856fa 100644
--- a/examples/official-storybook/stories/core/parameters.stories.js
+++ b/examples/official-storybook/stories/core/parameters.stories.js
@@ -1,7 +1,11 @@
+/* eslint-disable react/prop-types */
 import React from 'react';
 
-// We would need to add this in config.js idomatically however that would make this file a bit confusing
+// We would need to add this in config.js idiomatically however that would make this file a bit confusing
 import { addParameters } from '@storybook/react';
+import { addDecorator } from '@storybook/react/dist/client/preview';
+
+addDecorator(fn => fn({ customStoryContext: 52, parameters: { customParameter: 42 } }));
 
 addParameters({ globalParameter: 'globalParameter' });
 
@@ -15,10 +19,9 @@ export default {
 
 // I'm not sure what we should recommend regarding propTypes? are they a good idea for examples?
 // Given we sort of control the props, should we export a prop type?
-export const passed = ({
-  // eslint-disable-next-line react/prop-types
-  parameters: { options, ...parameters },
-}) => <pre>Parameters are {JSON.stringify(parameters, null, 2)}</pre>;
+export const passed = ({ parameters: { options, ...parameters }, ...rest }) => (
+  <pre>StoryContext: {JSON.stringify({ ...rest, parameters }, null, 2)}</pre>
+);
 passed.story = {
   name: 'passed to story',
   parameters: { storyParameter: 'storyParameter' },
diff --git a/examples/vue-kitchen-sink/__snapshots__/vueshots.test.js.snap b/examples/vue-kitchen-sink/__snapshots__/vueshots.test.js.snap
index 228495f79c6..589366792ca 100644
--- a/examples/vue-kitchen-sink/__snapshots__/vueshots.test.js.snap
+++ b/examples/vue-kitchen-sink/__snapshots__/vueshots.test.js.snap
@@ -327,6 +327,38 @@ exports[`Storyshots Custom|Decorator for Vue template 1`] = `
 </div>
 `;
 
+exports[`Storyshots Custom|Decorator for Vue withData 1`] = `
+<div
+  style="border: medium solid blue;"
+>
+  <div
+    style="border: medium solid red;"
+  >
+    <pre>
+      {
+  "id": "custom-decorator-for-vue--withdata",
+  "kind": "Custom|Decorator for Vue",
+  "name": "withData",
+  "story": "withData",
+  "customContext": 52,
+  "parameters": {
+    "options": {
+      "hierarchyRootSeparator": {},
+      "hierarchySeparator": {},
+      "docs": {
+        "iframeHeight": "60px"
+      }
+    },
+    "globalParameter": "globalParameter",
+    "framework": "vue",
+    "customParameter": 42
+  }
+}
+    </pre>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Custom|Method for rendering Vue JSX 1`] = `
 <button
   class="button"
diff --git a/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js b/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
index c6103cbdb22..63d3f6f4b4f 100644
--- a/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
+++ b/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
@@ -5,7 +5,7 @@ export default {
   decorators: [
     storyFn => {
       // Decorated with story-function
-      const WrapButton = storyFn();
+      const WrapButton = storyFn({ customContext: 52, parameters: { customParameter: 42 } });
       return {
         components: { WrapButton },
         template: '<div :style="{ border: borderStyle }"><wrap-button/></div>',
@@ -30,6 +30,11 @@ export const template = () => ({
   template: '<my-button>MyButton with template</my-button>',
 });
 
+export const withData = ({ parameters, ...rest }) =>
+  console.log(parameters) || {
+    template: `<pre>${JSON.stringify({ ...rest, parameters }, null, 2)}</pre>`,
+  };
+
 export const render = () => ({
   render(h) {
     return h(MyButton, { props: { color: 'pink' } }, ['renders component: MyButton']);
diff --git a/lib/client-api/src/client_api.ts b/lib/client-api/src/client_api.ts
index 55965cc62e7..0a5468280d4 100644
--- a/lib/client-api/src/client_api.ts
+++ b/lib/client-api/src/client_api.ts
@@ -32,31 +32,25 @@ const merge = (a: any, b: any) =>
     return undefined;
   });
 
-interface DecoratorPropData {
-  [key: string]: any;
-}
+const defaultContext: StoryContext = {
+  id: 'unspecified',
+  name: 'unspecified',
+  kind: 'unspecified',
+  parameters: {},
+};
 
 export const defaultDecorateStory = (storyFn: StoryFn, decorators: DecoratorFunction[]) =>
   decorators.reduce(
-    (decorated, decorator) => (
-      context: StoryContext = {
-        id: 'unspecified',
-        name: 'unspecified',
-        kind: 'unspecified',
-        parameters: null,
-      }
-    ) =>
-      decorator((p: DecoratorPropData = {}) => {
-        return decorated(
-          // MUTATION !
-          Object.assign(
-            context,
-            p,
-            { parameters: Object.assign(context.parameters || {}, p.parameters) },
-            { options: Object.assign(context.options || {}, p.options) }
-          )
-        );
-      }, context),
+    (decorated, decorator) => (context: StoryContext = defaultContext) =>
+      decorator(
+        p =>
+          decorated({
+            ...context,
+            ...p,
+            parameters: { ...context.parameters, ...(p && p.parameters) },
+          }),
+        context
+      ),
     storyFn
   );
 
diff --git a/lib/client-api/src/story_store.ts b/lib/client-api/src/story_store.ts
index b8468d9872f..3292de14877 100644
--- a/lib/client-api/src/story_store.ts
+++ b/lib/client-api/src/story_store.ts
@@ -23,8 +23,6 @@ import {
 const toKey = (input: string) =>
   input.replace(/[^a-z0-9]+([a-z0-9])/gi, (...params) => params[1].toUpperCase());
 
-const toChild = (it: {}) => ({ ...it });
-
 let count = 0;
 
 const getId = (): number => {
@@ -188,8 +186,12 @@ export default class StoryStore extends EventEmitter {
       applyDecorators(getOriginal(), getDecorators())
     );
 
-    const storyFn: StoryFn = (p: object) =>
-      getDecorated()({ ...identification, parameters: { ...parameters, ...p } });
+    const storyFn: StoryFn = p =>
+      getDecorated()({
+        ...identification,
+        ...p,
+        parameters: { ...parameters, ...(p && p.parameters) },
+      });
 
     _data[id] = {
       ...identification,

From e87c329e9008d3458400d2204738291a60bb2ffb Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Mon, 8 Jul 2019 21:34:09 +0200
Subject: [PATCH 06/66] Do not merge p if not provided, if provided, no
 conditional is needed

---
 app/vue/src/client/preview/index.js |  2 +-
 lib/client-api/src/client_api.ts    | 14 +++++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/vue/src/client/preview/index.js b/app/vue/src/client/preview/index.js
index cb21612ac15..b8342932c8f 100644
--- a/app/vue/src/client/preview/index.js
+++ b/app/vue/src/client/preview/index.js
@@ -52,7 +52,7 @@ function decorateStory(getStory, decorators) {
                 ...p,
                 parameters: {
                   ...context.parameters,
-                  ...(p && p.parameters),
+                  ...p.parameters,
                 },
               }
             : context
diff --git a/lib/client-api/src/client_api.ts b/lib/client-api/src/client_api.ts
index 0a5468280d4..3fa5f689511 100644
--- a/lib/client-api/src/client_api.ts
+++ b/lib/client-api/src/client_api.ts
@@ -44,11 +44,15 @@ export const defaultDecorateStory = (storyFn: StoryFn, decorators: DecoratorFunc
     (decorated, decorator) => (context: StoryContext = defaultContext) =>
       decorator(
         p =>
-          decorated({
-            ...context,
-            ...p,
-            parameters: { ...context.parameters, ...(p && p.parameters) },
-          }),
+          decorated(
+            p
+              ? {
+                  ...context,
+                  ...p,
+                  parameters: { ...context.parameters, ...p.parameters },
+                }
+              : context
+          ),
         context
       ),
     storyFn

From 681e81a296191235fa8a3ff98d213376364645be Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 10 Jul 2019 15:54:07 +0200
Subject: [PATCH 07/66] CLEANUP

---
 .../src/stories/custom-decorators.stories.js               | 7 +++----
 lib/api/src/version.ts                                     | 2 +-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js b/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
index 63d3f6f4b4f..c5bc0a2d2d1 100644
--- a/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
+++ b/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
@@ -30,10 +30,9 @@ export const template = () => ({
   template: '<my-button>MyButton with template</my-button>',
 });
 
-export const withData = ({ parameters, ...rest }) =>
-  console.log(parameters) || {
-    template: `<pre>${JSON.stringify({ ...rest, parameters }, null, 2)}</pre>`,
-  };
+export const withData = ({ parameters, ...rest }) => ({
+  template: `<pre>${JSON.stringify({ ...rest, parameters }, null, 2)}</pre>`,
+});
 
 export const render = () => ({
   render(h) {
diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index 58823532d1a..2de5d64c4ec 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '5.2.0-alpha.39';
+export const version = '5.2.0-alpha.40';

From fd343dc5019d724e54dfa1ae2409bd5cd34a746b Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 14 Jul 2019 13:28:19 +0800
Subject: [PATCH 08/66] Codemod: update to make runnable from CLI

---
 lib/codemod/package.json |  2 +
 lib/codemod/src/index.js | 27 ++++++++++++
 yarn.lock                | 95 +++++++++++++++++++++++++++++++++++++++-
 3 files changed, 123 insertions(+), 1 deletion(-)

diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 3e221794663..ac2522068e8 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -23,6 +23,8 @@
   "dependencies": {
     "@storybook/node-logger": "5.2.0-alpha.42",
     "core-js": "^3.0.1",
+    "cross-spawn": "^6.0.5",
+    "globby": "^10.0.1",
     "jscodeshift": "^0.6.3",
     "lodash": "^4.17.11",
     "prettier": "^1.16.4",
diff --git a/lib/codemod/src/index.js b/lib/codemod/src/index.js
index 3803050c267..3318867f046 100644
--- a/lib/codemod/src/index.js
+++ b/lib/codemod/src/index.js
@@ -1,4 +1,7 @@
 /* eslint import/prefer-default-export: "off" */
+import fs from 'fs';
+import globby from 'globby';
+import { sync as spawnSync } from 'cross-spawn';
 
 export {
   default as updateOrganisationName,
@@ -6,3 +9,27 @@ export {
 } from './transforms/update-organisation-name';
 
 export { default as updateAddonInfo } from './transforms/update-addon-info';
+
+const TRANSFORM_DIR = `${__dirname}/transforms`;
+
+export function listCodemods() {
+  return fs
+    .readdirSync(TRANSFORM_DIR)
+    .filter(fname => fname.endsWith('.js'))
+    .map(fname => fname.slice(0, -3));
+}
+
+export async function runCodemod(codemod, { glob, logger, dryRun, hasYarn }) {
+  const codemods = listCodemods();
+  if (!codemods.includes(codemod)) {
+    throw new Error(`Unknown codemod ${codemod}. Run --list for options.`);
+  }
+  const files = await globby([glob, '!node_modules', '!dist']);
+  logger.log(`=> Applying ${codemod}: ${files.length} files`);
+  if (!dryRun) {
+    const runner = hasYarn ? 'yarn' : 'npm';
+    spawnSync(runner, ['run', 'jscodeshift', '-t', `${TRANSFORM_DIR}/${codemod}.js`, ...files], {
+      stdio: 'inherit',
+    });
+  }
+}
diff --git a/yarn.lock b/yarn.lock
index 1fcbdd4696b..13dd86a34a4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3271,11 +3271,32 @@
     tree-kill "1.2.1"
     webpack-sources "1.3.0"
 
+"@nodelib/fs.scandir@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.1.tgz#7fa8fed654939e1a39753d286b48b4836d00e0eb"
+  integrity sha512-NT/skIZjgotDSiXs0WqYhgcuBKhUMgfekCmCGtkUAiLqZdOnrdjmZr9wRl3ll64J9NF79uZ4fk16Dx0yMc/Xbg==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.1"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.1", "@nodelib/fs.stat@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.1.tgz#814f71b1167390cfcb6a6b3d9cdeb0951a192c14"
+  integrity sha512-+RqhBlLn6YRBGOIoVYthsG0J9dfpO79eJyN7BYBkZJtfqrBwf2KK+rD/M/yjZR6WBmIhAgOV7S60eCgaSWtbFw==
+
 "@nodelib/fs.stat@^1.1.2":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
 
+"@nodelib/fs.walk@^1.2.1":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.2.tgz#6a6450c5e17012abd81450eb74949a4d970d2807"
+  integrity sha512-J/DR3+W12uCzAJkw7niXDcqcKBg6+5G5Q/ZpThpGNzAUz70eOR6RV4XnnSN01qHZiVl0eavoxJsBypQoKsV2QQ==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.1"
+    fastq "^1.6.0"
+
 "@octokit/endpoint@^5.1.0":
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-5.2.0.tgz#acd569cb7152549998454aa5658532eb24a0987e"
@@ -5450,6 +5471,11 @@ array-union@^1.0.1:
   dependencies:
     array-uniq "^1.0.1"
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 array-uniq@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
@@ -10790,6 +10816,13 @@ dir-glob@^2.0.0:
   dependencies:
     path-type "^3.0.0"
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
 discontinuous-range@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a"
@@ -13104,6 +13137,18 @@ fast-glob@^2.0.2, fast-glob@^2.2.2:
     merge2 "^1.2.3"
     micromatch "^3.1.10"
 
+fast-glob@^3.0.3:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.0.4.tgz#d484a41005cb6faeb399b951fd1bd70ddaebb602"
+  integrity sha512-wkIbV6qg37xTJwqSsdnIphL1e+LaGz4AIQqr00mIubMaEhv1/HEmJ0uuCGZRNRUkZZmOB5mJKO0ZUTVq+SxMQg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.1"
+    "@nodelib/fs.walk" "^1.2.1"
+    glob-parent "^5.0.0"
+    is-glob "^4.0.1"
+    merge2 "^1.2.3"
+    micromatch "^4.0.2"
+
 fast-json-stable-stringify@2.0.0, fast-json-stable-stringify@2.x, 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"
@@ -13140,6 +13185,13 @@ fastparse@^1.1.1:
   resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
   integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
 
+fastq@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.6.0.tgz#4ec8a38f4ac25f21492673adb7eae9cfef47d1c2"
+  integrity sha512-jmxqQ3Z/nXoeyDmWAzF9kH1aGZSis6e/SbfPmJpUnyZ0ogr6iscHQaml4wsEepEWSdtmpy+eVXmCRIMpxaXqOA==
+  dependencies:
+    reusify "^1.0.0"
+
 fault@^1.0.0, fault@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/fault/-/fault-1.0.3.tgz#4da88cf979b6b792b4e13c7ec836767725170b7e"
@@ -14208,6 +14260,13 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
+glob-parent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.0.0.tgz#1dc99f0f39b006d3e92c2c284068382f0c20e954"
+  integrity sha512-Z2RwiujPRGluePM6j699ktJYxmPpJKCfpGA13jz2hmFZC7gKetzrWvg5KN3+OsIFmydGyZ1AVwERCq1w/ZZwRg==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob-promise@3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/glob-promise/-/glob-promise-3.4.0.tgz#b6b8f084504216f702dc2ce8c9bc9ac8866fdb20"
@@ -14420,6 +14479,20 @@ globby@8.0.2, globby@^8.0.1:
     pify "^3.0.0"
     slash "^1.0.0"
 
+globby@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.1.tgz#4782c34cb75dd683351335c5829cc3420e606b22"
+  integrity sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A==
+  dependencies:
+    "@types/glob" "^7.1.1"
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.0.3"
+    glob "^7.1.3"
+    ignore "^5.1.1"
+    merge2 "^1.2.3"
+    slash "^3.0.0"
+
 globby@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d"
@@ -15472,6 +15545,11 @@ ignore@^4.0.6:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
+ignore@^5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.2.tgz#e28e584d43ad7e92f96995019cc43b9e1ac49558"
+  integrity sha512-vdqWBp7MyzdmHkkRWV5nY+PfGRbYbahfuvsBCh277tq+w9zyNi7h5CYJCK0kmzti9kU+O/cB7sE8HvKv6aXAKQ==
+
 ignoring-watcher@^1.0.5:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/ignoring-watcher/-/ignoring-watcher-1.1.0.tgz#44baf129b8ebe319b5519d6582e109283a9dd2c0"
@@ -20155,7 +20233,7 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8, mic
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-micromatch@^4.0.0:
+micromatch@^4.0.0, micromatch@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
   integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
@@ -22210,6 +22288,11 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
 paths.macro@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/paths.macro/-/paths.macro-2.0.2.tgz#7b7b3930170c9d41f42ec426c987b2df3505fb72"
@@ -26255,6 +26338,11 @@ retry@^0.12.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
   integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
 
+reusify@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 reverse-path@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/reverse-path/-/reverse-path-0.0.1.tgz#855adc35c1d4218e28f5530fd7297bcd0cfa225a"
@@ -26451,6 +26539,11 @@ run-node@^1.0.0:
   resolved "https://registry.yarnpkg.com/run-node/-/run-node-1.0.0.tgz#46b50b946a2aa2d4947ae1d886e9856fd9cabe5e"
   integrity sha512-kc120TBlQ3mih1LSzdAJXo4xn/GWS2ec0l3S+syHDXP9uRr0JAT8Qd3mdMuyjqCzeZktgP3try92cEgf9Nks8A==
 
+run-parallel@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
+  integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
+
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"

From a36e84e750fdc94453deda1fa475ae18d27c1dc6 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 14 Jul 2019 13:28:35 +0800
Subject: [PATCH 09/66] CLI: Add migrate command to call codemods

---
 lib/cli/bin/generate.js | 17 +++++++++++++++++
 lib/cli/lib/migrate.js  | 12 ++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 lib/cli/lib/migrate.js

diff --git a/lib/cli/bin/generate.js b/lib/cli/bin/generate.js
index 42dadc65c77..eeb0cc986bf 100644
--- a/lib/cli/bin/generate.js
+++ b/lib/cli/bin/generate.js
@@ -5,6 +5,7 @@ import pkg from '../package.json';
 import initiate from '../lib/initiate';
 import { codeLog } from '../lib/helpers';
 import add from '../lib/add';
+import { migrate } from '../lib/migrate';
 
 const logger = console;
 
@@ -47,6 +48,22 @@ if (process.argv[1].includes('getstorybook')) {
         .then(logger.log);
     });
 
+  program
+    .command('migrate [migration]')
+    .option('-l --list', 'List available migrations')
+    .option('-g --glob <glob>', 'Glob for files upon which to apply the migration', '**/*.js')
+    .option(
+      '-n --dry-run',
+      'Dry run: verify the migration exists and show the files to which it will be applied'
+    )
+    .description('Run a storybook code migration from an addon')
+    .action((migration, { configDir, glob, dryRun, list }) => {
+      migrate(migration, { configDir, glob, dryRun, list, logger }).catch(err => {
+        logger.error(err);
+        process.exit(1);
+      });
+    });
+
   program.command('*', { noHelp: true }).action(cmd => {
     logger.error('Invalid command: %s.\nSee --help for a list of available commands.', cmd);
     process.exit(1);
diff --git a/lib/cli/lib/migrate.js b/lib/cli/lib/migrate.js
new file mode 100644
index 00000000000..2634096ec2d
--- /dev/null
+++ b/lib/cli/lib/migrate.js
@@ -0,0 +1,12 @@
+import { listCodemods, runCodemod } from '@storybook/codemod';
+import hasYarn from './has_yarn';
+
+export async function migrate(migration, { configDir, glob, dryRun, list, logger }) {
+  if (list) {
+    listCodemods().forEach(key => logger.log(key));
+  } else if (migration) {
+    await runCodemod(migration, { configDir, glob, dryRun, logger, hasYarn: hasYarn() });
+  } else {
+    throw new Error('Migrate: please specify a migration name or --list');
+  }
+}

From 84b2bd0684110c77f2d7935bd6fd835f840fdfce Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 14 Jul 2019 13:28:48 +0800
Subject: [PATCH 10/66] Update CLI docs

---
 lib/cli/README.md | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/lib/cli/README.md b/lib/cli/README.md
index 1617b652534..4f5c83d1c6a 100644
--- a/lib/cli/README.md
+++ b/lib/cli/README.md
@@ -2,8 +2,6 @@
 
 Storybook CLI (_Command Line Interface_) is the easiest way to add [Storybook](https://github.com/storybookjs/storybook) to your project.
 
-In the future it will also add other useful generators and migration tooling.
-
 ![Screenshot](docs/getstorybook.png)
 
 Just go to your project and run:
@@ -13,7 +11,13 @@ cd my-app
 npx -p @storybook/cli sb init
 ```
 
-That's all you've to do.
+In addition to `init`, the CLI also has other commands:
+
+- `add` - add an addon and register it
+- `info` - print out system information for bug reports
+- `migrate` - run codemods to migrate your code
+
+See the command-line help with `-h` for details.
 
 ---
 

From a554f4ff2c3f4027126e880d129bd0ef1fffffcb Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 14 Jul 2019 13:28:57 +0800
Subject: [PATCH 11/66] Update Codemod docs

---
 lib/codemod/README.md | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/lib/codemod/README.md b/lib/codemod/README.md
index f130f7d3b99..9686dd42d57 100644
--- a/lib/codemod/README.md
+++ b/lib/codemod/README.md
@@ -3,8 +3,26 @@
 Storybook Codemods is a collection of codemod scripts written with JSCodeshift.
 It will help you migrate breaking changes & deprecations.
 
+## CLI Integration
+
+The preferred way to run these codemods is via the CLI's `migrate` command.
+
+To get a list of available codemods:
+
+```
+npx -p @storybook/cli sb migrate --list
+```
+
+To run a codemod:
+
+```
+npx -p @storybook/cli sb migrate name-of-codemod --glob "**/*.stories.js"
+```
+
 ## Installation
 
+If you want to run these codemods by hand:
+
 ```sh
 yarn add jscodeshift @storybook/codemod --dev
 ```

From eeb8f6503454989085ef769f6dda64c75a80b889 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 14 Jul 2019 13:35:15 +0800
Subject: [PATCH 12/66] Fix typo

---
 lib/cli/bin/generate.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/cli/bin/generate.js b/lib/cli/bin/generate.js
index eeb0cc986bf..11f0680431c 100644
--- a/lib/cli/bin/generate.js
+++ b/lib/cli/bin/generate.js
@@ -50,13 +50,13 @@ if (process.argv[1].includes('getstorybook')) {
 
   program
     .command('migrate [migration]')
+    .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(
       '-n --dry-run',
       'Dry run: verify the migration exists and show the files to which it will be applied'
     )
-    .description('Run a storybook code migration from an addon')
     .action((migration, { configDir, glob, dryRun, list }) => {
       migrate(migration, { configDir, glob, dryRun, list, logger }).catch(err => {
         logger.error(err);

From 73c03524a3e49e5444b129fcdd49be3a3ae1072a Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 14 Jul 2019 13:36:25 +0800
Subject: [PATCH 13/66] CLI: Migration required

---
 lib/cli/bin/generate.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/cli/bin/generate.js b/lib/cli/bin/generate.js
index 11f0680431c..0624631a240 100644
--- a/lib/cli/bin/generate.js
+++ b/lib/cli/bin/generate.js
@@ -49,7 +49,7 @@ if (process.argv[1].includes('getstorybook')) {
     });
 
   program
-    .command('migrate [migration]')
+    .command('migrate <migration>')
     .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')

From 88c2bcc70b24857e51cbcefca9ea3b0d3aeeeabe Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 14 Jul 2019 13:47:33 +0800
Subject: [PATCH 14/66] Oops

---
 lib/cli/bin/generate.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/cli/bin/generate.js b/lib/cli/bin/generate.js
index 0624631a240..11f0680431c 100644
--- a/lib/cli/bin/generate.js
+++ b/lib/cli/bin/generate.js
@@ -49,7 +49,7 @@ if (process.argv[1].includes('getstorybook')) {
     });
 
   program
-    .command('migrate <migration>')
+    .command('migrate [migration]')
     .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')

From b4625b0fcd6d391265839e9b3141fe6b7ecca0a5 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Sun, 14 Jul 2019 14:10:40 +0800
Subject: [PATCH 15/66] CLI: Add file renaming to migrate

---
 lib/cli/bin/generate.js  |  8 ++++++--
 lib/cli/lib/migrate.js   |  4 ++--
 lib/codemod/src/index.js | 23 ++++++++++++++++++++++-
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/lib/cli/bin/generate.js b/lib/cli/bin/generate.js
index 11f0680431c..c9fddf3d1fc 100644
--- a/lib/cli/bin/generate.js
+++ b/lib/cli/bin/generate.js
@@ -57,8 +57,12 @@ if (process.argv[1].includes('getstorybook')) {
       '-n --dry-run',
       'Dry run: verify the migration exists and show the files to which it will be applied'
     )
-    .action((migration, { configDir, glob, dryRun, list }) => {
-      migrate(migration, { configDir, glob, dryRun, list, logger }).catch(err => {
+    .option(
+      '-r --rename <from-to>',
+      'Rename suffix of matching files after codemod has been applied, e.g. ".js:.ts"'
+    )
+    .action((migration, { configDir, glob, dryRun, list, rename }) => {
+      migrate(migration, { configDir, glob, dryRun, list, rename, logger }).catch(err => {
         logger.error(err);
         process.exit(1);
       });
diff --git a/lib/cli/lib/migrate.js b/lib/cli/lib/migrate.js
index 2634096ec2d..40975fa3c21 100644
--- a/lib/cli/lib/migrate.js
+++ b/lib/cli/lib/migrate.js
@@ -1,11 +1,11 @@
 import { listCodemods, runCodemod } from '@storybook/codemod';
 import hasYarn from './has_yarn';
 
-export async function migrate(migration, { configDir, glob, dryRun, list, logger }) {
+export async function migrate(migration, { configDir, glob, dryRun, list, rename, logger }) {
   if (list) {
     listCodemods().forEach(key => logger.log(key));
   } else if (migration) {
-    await runCodemod(migration, { configDir, glob, dryRun, logger, hasYarn: hasYarn() });
+    await runCodemod(migration, { configDir, glob, dryRun, logger, rename, hasYarn: hasYarn() });
   } else {
     throw new Error('Migrate: please specify a migration name or --list');
   }
diff --git a/lib/codemod/src/index.js b/lib/codemod/src/index.js
index 3318867f046..0b2726471a8 100644
--- a/lib/codemod/src/index.js
+++ b/lib/codemod/src/index.js
@@ -19,11 +19,26 @@ export function listCodemods() {
     .map(fname => fname.slice(0, -3));
 }
 
-export async function runCodemod(codemod, { glob, logger, dryRun, hasYarn }) {
+async function renameFile(file, from, to, { logger }) {
+  const newFile = file.replace(from, to);
+  logger.log(`Rename: ${file} ${newFile}`);
+  return fs.rename(file, newFile);
+}
+
+export async function runCodemod(codemod, { glob, logger, dryRun, rename, hasYarn }) {
   const codemods = listCodemods();
   if (!codemods.includes(codemod)) {
     throw new Error(`Unknown codemod ${codemod}. Run --list for options.`);
   }
+
+  let renameParts = null;
+  if (rename) {
+    renameParts = rename.split(':');
+    if (renameParts.length !== 2) {
+      throw new Error(`Codemod rename: expected format "from:to", got "${rename}"`);
+    }
+  }
+
   const files = await globby([glob, '!node_modules', '!dist']);
   logger.log(`=> Applying ${codemod}: ${files.length} files`);
   if (!dryRun) {
@@ -32,4 +47,10 @@ export async function runCodemod(codemod, { glob, logger, dryRun, hasYarn }) {
       stdio: 'inherit',
     });
   }
+
+  if (renameParts) {
+    const [from, to] = renameParts;
+    logger.log(`=> Renaming ${rename}: ${files.length} files`);
+    await Promise.all(files.map(file => renameFile(file, new RegExp(`${from}$`), to, { logger })));
+  }
 }

From 4076ab1a4951e6c2ad25467398d659c0f02e68a7 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 09:28:27 +0800
Subject: [PATCH 16/66] 5.2.0-alpha.44 changelog

---
 CHANGELOG.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 15af6bac8c2..89773013682 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,17 @@
+## 5.2.0-alpha.44 (July 15, 2019)
+
+### Features
+
+* CLI: Add migrate command ([#7414](https://github.com/storybookjs/storybook/pull/7414))
+
+### Bug Fixes
+
+* UI: Fix Panel rendered wrong at Docs-page ([#7327](https://github.com/storybookjs/storybook/pull/7327))
+
+### Maintenance
+
+* Typescript: Fix types of client-api & storystore ([#7337](https://github.com/storybookjs/storybook/pull/7337))
+
 ## 5.2.0-alpha.43 (July 13, 2019)
 
 ### Bug Fixes

From f3487c68e4d171d88c9ea66fc76802279ef75dc4 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 09:32:23 +0800
Subject: [PATCH 17/66] v5.2.0-alpha.44

---
 addons/a11y/package.json                      | 14 ++---
 addons/actions/package.json                   | 14 ++---
 addons/backgrounds/package.json               | 14 ++---
 addons/centered/package.json                  |  4 +-
 addons/contexts/package.json                  | 10 ++--
 addons/cssresources/package.json              | 10 ++--
 addons/design-assets/package.json             | 14 ++---
 addons/docs/package.json                      | 12 ++--
 addons/events/package.json                    | 12 ++--
 addons/google-analytics/package.json          |  6 +-
 addons/graphql/package.json                   |  6 +-
 addons/info/package.json                      | 10 ++--
 addons/jest/package.json                      | 12 ++--
 addons/knobs/package.json                     | 12 ++--
 addons/links/package.json                     |  8 +--
 addons/notes/package.json                     | 16 ++---
 addons/ondevice-actions/package.json          |  8 +--
 addons/ondevice-backgrounds/package.json      |  4 +-
 addons/ondevice-knobs/package.json            |  6 +-
 addons/ondevice-notes/package.json            |  6 +-
 addons/options/package.json                   |  4 +-
 addons/queryparams/package.json               | 14 ++---
 .../storyshots/storyshots-core/package.json   |  4 +-
 .../storyshots-puppeteer/package.json         |  6 +-
 addons/storysource/package.json               | 10 ++--
 addons/viewport/package.json                  | 14 ++---
 app/angular/package.json                      |  8 +--
 app/ember/package.json                        |  4 +-
 app/html/package.json                         |  6 +-
 app/marko/package.json                        |  4 +-
 app/mithril/package.json                      |  4 +-
 app/polymer/package.json                      |  4 +-
 app/preact/package.json                       |  4 +-
 app/rax/package.json                          |  4 +-
 app/react-native-server/package.json          | 14 ++---
 app/react-native/package.json                 | 12 ++--
 app/react/package.json                        |  8 +--
 app/riot/package.json                         |  4 +-
 app/svelte/package.json                       |  4 +-
 app/vue/package.json                          |  4 +-
 dev-kits/addon-decorator/package.json         |  6 +-
 dev-kits/addon-parameter/package.json         | 14 ++---
 dev-kits/addon-roundtrip/package.json         | 16 ++---
 .../crna-kitchen-sink/package.json            | 18 +++---
 examples/angular-cli/package.json             | 32 +++++-----
 examples/cra-kitchen-sink/package.json        | 34 +++++------
 examples/cra-react15/package.json             | 10 ++--
 examples/cra-ts-kitchen-sink/package.json     | 14 ++---
 examples/dev-kits/package.json                | 20 +++----
 examples/ember-cli/package.json               | 28 ++++-----
 examples/html-kitchen-sink/package.json       | 40 ++++++-------
 examples/marko-cli/package.json               | 18 +++---
 examples/mithril-kitchen-sink/package.json    | 30 +++++-----
 examples/official-storybook/package.json      | 58 +++++++++----------
 examples/polymer-cli/package.json             | 24 ++++----
 examples/preact-kitchen-sink/package.json     | 32 +++++-----
 examples/rax-kitchen-sink/package.json        | 36 ++++++------
 examples/riot-kitchen-sink/package.json       | 30 +++++-----
 examples/standalone-preview/package.json      |  2 +-
 examples/svelte-kitchen-sink/package.json     | 30 +++++-----
 examples/vue-kitchen-sink/package.json        | 34 +++++------
 lerna.json                                    |  2 +-
 lib/addons/package.json                       |  8 +--
 lib/api/package.json                          | 12 ++--
 lib/channel-postmessage/package.json          |  6 +-
 lib/channel-websocket/package.json            |  4 +-
 lib/channels/package.json                     |  2 +-
 lib/cli/package.json                          | 58 +++++++++----------
 lib/client-api/package.json                   | 14 ++---
 lib/client-logger/package.json                |  2 +-
 lib/codemod/package.json                      |  4 +-
 lib/components/package.json                   |  6 +-
 lib/core-events/package.json                  |  2 +-
 lib/core/package.json                         | 20 +++----
 lib/node-logger/package.json                  |  2 +-
 lib/router/package.json                       |  2 +-
 lib/source-loader/package.json                |  6 +-
 lib/theming/package.json                      |  4 +-
 lib/ui/package.json                           | 18 +++---
 79 files changed, 516 insertions(+), 516 deletions(-)

diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index 7e3c203a7f3..9b120ba2c7a 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -26,12 +26,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "axe-core": "^3.2.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/addons/actions/package.json b/addons/actions/package.json
index 569ed332a54..e09f55b9096 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-api": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index 5936725633e..0ad4e47b9d2 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -25,12 +25,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "memoizerific": "^1.11.3",
     "react": "^16.8.3",
diff --git a/addons/centered/package.json b/addons/centered/package.json
index 4464f518cd6..e21f5ffdbb7 100644
--- a/addons/centered/package.json
+++ b/addons/centered/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-centered",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook decorator to center components",
   "keywords": [
     "addon",
@@ -23,7 +23,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/addons/contexts/package.json b/addons/contexts/package.json
index b6d75d55a12..d4bdc6dbd00 100644
--- a/addons/contexts/package.json
+++ b/addons/contexts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-contexts",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook Addon Contexts",
   "keywords": [
     "storybook",
@@ -28,10 +28,10 @@
     "dev:check-types": "tsc --noEmit"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1"
   },
   "peerDependencies": {
diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json
index 18734149e3d..96718793a28 100644
--- a/addons/cssresources/package.json
+++ b/addons/cssresources/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-cssresources",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "A storybook addon to switch between css resources at runtime for your story",
   "keywords": [
     "addon",
@@ -25,10 +25,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3"
diff --git a/addons/design-assets/package.json b/addons/design-assets/package.json
index 04014aa2f89..ddca076c190 100644
--- a/addons/design-assets/package.json
+++ b/addons/design-assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-design-assets",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Design asset preview for storybook",
   "keywords": [
     "addon",
@@ -27,12 +27,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/docs/package.json b/addons/docs/package.json
index 44a501d2959..5e7b2554f8e 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Superior documentation for your components",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "@mdx-js/loader": "^1.0.0",
     "@mdx-js/mdx": "^1.0.0",
     "@mdx-js/react": "^1.0.16",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.11",
diff --git a/addons/events/package.json b/addons/events/package.json
index f71307a8ff8..c0b02598ebf 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-events",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Add events to your Storybook stories.",
   "keywords": [
     "addon",
@@ -24,11 +24,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-api": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "format-json": "^1.0.3",
     "lodash": "^4.17.11",
diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json
index 856fa285695..809dbfd124d 100644
--- a/addons/google-analytics/package.json
+++ b/addons/google-analytics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-google-analytics",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook addon for google analytics",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react-ga": "^2.5.7"
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index a7d7e371b4f..94c12feb8e4 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-graphql",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook addon to display the GraphiQL IDE",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "graphiql": "^0.13.0",
diff --git a/addons/info/package.json b/addons/info/package.json
index 183a85d6cd1..3d08bb124e5 100644
--- a/addons/info/package.json
+++ b/addons/info/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-info",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "A Storybook addon to show additional information for your stories.",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "jsx-to-string": "^1.4.0",
diff --git a/addons/jest/package.json b/addons/jest/package.json
index 000bd017534..6d2008cd582 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 76685c897fd..0884acc1e2f 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-knobs",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook Addon Prop Editor Component",
   "keywords": [
     "addon",
@@ -22,11 +22,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/client-api": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "escape-html": "^1.0.3",
diff --git a/addons/links/package.json b/addons/links/package.json
index 1f32550f0fd..47d9847865f 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Story Links addon for storybook",
   "keywords": [
     "addon",
@@ -22,9 +22,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/notes/package.json b/addons/notes/package.json
index 3b79816b9f1..b5acc2440a0 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-notes",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Write notes for your Storybook stories.",
   "keywords": [
     "addon",
@@ -23,13 +23,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "markdown-to-jsx": "^6.9.3",
diff --git a/addons/ondevice-actions/package.json b/addons/ondevice-actions/package.json
index 34185a61e28..3fd843e3965 100644
--- a/addons/ondevice-actions/package.json
+++ b/addons/ondevice-actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-actions",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Action Logger addon for react-native storybook",
   "keywords": [
     "storybook"
@@ -19,13 +19,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^2.5.7",
     "fast-deep-equal": "^2.0.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.43"
+    "@storybook/addon-actions": "5.2.0-alpha.44"
   },
   "peerDependencies": {
     "@storybook/addon-actions": "*",
diff --git a/addons/ondevice-backgrounds/package.json b/addons/ondevice-backgrounds/package.json
index ae60a31b824..ddd6c2b0d4a 100644
--- a/addons/ondevice-backgrounds/package.json
+++ b/addons/ondevice-backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-backgrounds",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "A react-native storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -24,7 +24,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2"
   },
diff --git a/addons/ondevice-knobs/package.json b/addons/ondevice-knobs/package.json
index 52a3cc31eee..0ff1af3d6af 100644
--- a/addons/ondevice-knobs/package.json
+++ b/addons/ondevice-knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-knobs",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Display storybook story knobs on your deviced.",
   "keywords": [
     "addon",
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",
diff --git a/addons/ondevice-notes/package.json b/addons/ondevice-notes/package.json
index 2c61ac318a0..ecc6d459f67 100644
--- a/addons/ondevice-notes/package.json
+++ b/addons/ondevice-notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-notes",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Write notes for your react-native Storybook stories.",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2",
     "react-native-simple-markdown": "^1.1.0"
diff --git a/addons/options/package.json b/addons/options/package.json
index 0f57e0212cb..d81fde50ccd 100644
--- a/addons/options/package.json
+++ b/addons/options/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-options",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Options addon for storybook",
   "keywords": [
     "addon",
@@ -22,7 +22,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "util-deprecate": "^1.0.2"
   },
diff --git a/addons/queryparams/package.json b/addons/queryparams/package.json
index 923a8cd2b77..09876790b1c 100644
--- a/addons/queryparams/package.json
+++ b/addons/queryparams/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-queryparams",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "parameter addon for storybook",
   "keywords": [
     "addon",
@@ -23,12 +23,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index 57420a72d94..9491a60dbac 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
   "keywords": [
     "addon",
@@ -25,7 +25,7 @@
     "storybook": "start-storybook -p 6006"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "glob": "^7.1.3",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index fc1872af042..314499618e8 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": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Image snappshots addition to StoryShots base on puppeteer",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
+    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "jest-image-snapshot": "^2.8.2",
     "regenerator-runtime": "^0.12.1"
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index 3e1d08f75a8..b2f53c40b8f 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Stories addon for storybook",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "loader-utils": "^1.2.3",
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 07a3dc3e2c2..b0b8564c8bd 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook addon to change the viewport size to mobile",
   "keywords": [
     "addon",
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
diff --git a/app/angular/package.json b/app/angular/package.json
index 37ded6fe7c2..75c0ca25144 100644
--- a/app/angular/package.json
+++ b/app/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,9 +26,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/core": "5.2.0-alpha.43",
-    "@storybook/node-logger": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
     "angular2-template-loader": "^0.6.2",
     "core-js": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^1.3.4",
diff --git a/app/ember/package.json b/app/ember/package.json
index f6ed36f134c..bd0ed78b283 100644
--- a/app/ember/package.json
+++ b/app/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
   "bugs": {
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@ember/test-helpers": "^1.5.0",
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/html/package.json b/app/html/package.json
index ada63b24875..12fa105dc5b 100644
--- a/app/html/package.json
+++ b/app/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,8 +26,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/marko/package.json b/app/marko/package.json
index f9a98ee09e5..be64c1e77df 100644
--- a/app/marko/package.json
+++ b/app/marko/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/marko",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/mithril/package.json b/app/mithril/package.json
index a853f019123..c4e49ea7d4f 100644
--- a/app/mithril/package.json
+++ b/app/mithril/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/mithril",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Mithril: Develop Mithril Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/polymer/package.json b/app/polymer/package.json
index 2be15bbe353..1d06c14109c 100644
--- a/app/polymer/package.json
+++ b/app/polymer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/polymer",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/app/preact/package.json b/app/preact/package.json
index d3d71d79458..bc445eaebbe 100644
--- a/app/preact/package.json
+++ b/app/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/rax/package.json b/app/rax/package.json
index a39633d64dc..146cffdc9e5 100644
--- a/app/rax/package.json
+++ b/app/rax/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/rax",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Rax: Develop Rax Component in isolation.",
   "keywords": [
     "storybook",
@@ -27,7 +27,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "babel-preset-rax": "^1.0.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^2.6.2",
diff --git a/app/react-native-server/package.json b/app/react-native-server/package.json
index 582a4d3d582..a90c498e4ff 100644
--- a/app/react-native-server/package.json
+++ b/app/react-native-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-server",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/channel-websocket": "5.2.0-alpha.43",
-    "@storybook/core": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/ui": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/channel-websocket": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/ui": "5.2.0-alpha.44",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/react-native/package.json b/app/react-native/package.json
index 18d09a36a11..b416aa27943 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,11 +24,11 @@
   "dependencies": {
     "@emotion/core": "^10.0.14",
     "@emotion/native": "^10.0.14",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/channel-websocket": "5.2.0-alpha.43",
-    "@storybook/channels": "5.2.0-alpha.43",
-    "@storybook/client-api": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/channel-websocket": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "emotion-theming": "^10.0.14",
     "react-native-swipe-gestures": "^1.0.3",
diff --git a/app/react/package.json b/app/react/package.json
index 710488a929d..6a9a0188c62 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -29,9 +29,9 @@
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/core": "5.2.0-alpha.43",
-    "@storybook/node-logger": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
     "@svgr/webpack": "^4.0.3",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-named-asset-import": "^0.3.1",
diff --git a/app/riot/package.json b/app/riot/package.json
index 3e5dd95cf6b..ab4d8d33037 100644
--- a/app/riot/package.json
+++ b/app/riot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/riot",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/svelte/package.json b/app/svelte/package.json
index faf415dad85..edd84592eba 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/vue/package.json b/app/vue/package.json
index 3210dd637e6..b388d56e887 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.43",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-decorator/package.json b/dev-kits/addon-decorator/package.json
index 78a20a8edab..b13e0e30d6f 100644
--- a/dev-kits/addon-decorator/package.json
+++ b/dev-kits/addon-decorator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-decorator",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "decorator addon for storybook",
   "keywords": [
     "devkit",
@@ -24,8 +24,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/client-api": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^3.0.1"
   },
diff --git a/dev-kits/addon-parameter/package.json b/dev-kits/addon-parameter/package.json
index 9876954000e..121ea7e80e7 100644
--- a/dev-kits/addon-parameter/package.json
+++ b/dev-kits/addon-parameter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-parameter",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "parameter addon for storybook",
   "keywords": [
     "devkit",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-roundtrip/package.json b/dev-kits/addon-roundtrip/package.json
index a9282c44b17..48fdf0fca3c 100644
--- a/dev-kits/addon-roundtrip/package.json
+++ b/dev-kits/addon-roundtrip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-roundtrip",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "roundtrip addon for storybook",
   "keywords": [
     "devkit",
@@ -24,13 +24,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/client-api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/examples-native/crna-kitchen-sink/package.json b/examples-native/crna-kitchen-sink/package.json
index 8b8f3b81b52..75ff7ec8c85 100644
--- a/examples-native/crna-kitchen-sink/package.json
+++ b/examples-native/crna-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crna-kitchen-sink",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
@@ -24,14 +24,14 @@
   "devDependencies": {
     "@babel/core": "^7.2.2",
     "@babel/plugin-transform-react-jsx-source": "^7.2.0",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-ondevice-actions": "5.2.0-alpha.43",
-    "@storybook/addon-ondevice-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-ondevice-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-ondevice-notes": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/react-native": "5.2.0-alpha.43",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-ondevice-actions": "5.2.0-alpha.44",
+    "@storybook/addon-ondevice-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-ondevice-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-ondevice-notes": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/react-native": "5.2.0-alpha.44",
     "babel-loader": "^8.0.4",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-expo": "^5.1.1",
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index 855c623b2eb..bb89edfdbbc 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -34,21 +34,21 @@
     "@angular-devkit/build-angular": "^0.13.4",
     "@angular/cli": "^7.3.6",
     "@angular/compiler-cli": "^7.2.6",
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-docs": "5.2.0-alpha.43",
-    "@storybook/addon-jest": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/angular": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-docs": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/angular": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "@types/core-js": "^2.5.0",
     "@types/jest": "^24.0.11",
     "@types/node": "~12.0.2",
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index fd8a548a059..663b6165ca8 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -19,22 +19,22 @@
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-events": "5.2.0-alpha.43",
-    "@storybook/addon-info": "5.2.0-alpha.43",
-    "@storybook/addon-jest": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/react": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-events": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "react-scripts": "^3.0.1"
   }
 }
diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json
index b69925a9b6d..fcbb7b598f3 100644
--- a/examples/cra-react15/package.json
+++ b/examples/cra-react15/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-react15",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "dependencies": {
     "babel-loader": "8.0.6",
@@ -19,10 +19,10 @@
     "build-storybook": "build-storybook -s public"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/react": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "babel-core": "6",
     "babel-runtime": "6"
   }
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index 2079566e82a..ee79be205ef 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": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -14,12 +14,12 @@
     "react-dom": "^16.8.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-info": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/react": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
     "@types/enzyme": "^3.9.0",
     "@types/react": "^16.8.3",
     "@types/react-dom": "^16.8.2",
diff --git a/examples/dev-kits/package.json b/examples/dev-kits/package.json
index 90cbb7c3386..f9607500f76 100644
--- a/examples/dev-kits/package.json
+++ b/examples/dev-kits/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-devkits",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -8,15 +8,15 @@
     "storybook": "start-storybook -p 9011 -c ./"
   },
   "devDependencies": {
-    "@storybook/addon-decorator": "5.2.0-alpha.43",
-    "@storybook/addon-parameter": "5.2.0-alpha.43",
-    "@storybook/addon-roundtrip": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/node-logger": "5.2.0-alpha.43",
-    "@storybook/react": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addon-decorator": "5.2.0-alpha.44",
+    "@storybook/addon-parameter": "5.2.0-alpha.44",
+    "@storybook/addon-roundtrip": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index 117f48f3568..f935a847465 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "ember build",
@@ -15,19 +15,19 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/ember": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/ember": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "babel-loader": "^8",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^5.2.0",
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index d42ef02e0e8..c6c1d85e0c2 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,25 +14,25 @@
     "storybook": "start-storybook -p 9006 --no-dll"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-events": "5.2.0-alpha.43",
-    "@storybook/addon-jest": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/client-api": "5.2.0-alpha.43",
-    "@storybook/core": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/html": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-events": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/html": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2"
diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json
index 3c11ea91bd6..b05719fced1 100644
--- a/examples/marko-cli/package.json
+++ b/examples/marko-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "marko-cli",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "description": "Demo of how to build an app using marko-starter",
   "repository": {
@@ -24,14 +24,14 @@
     "marko-starter": "^2.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/marko": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/marko": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "prettier": "^1.16.4",
     "webpack": "^4.33.0"
   }
diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json
index 3f6a8b6ddc8..04294741af4 100644
--- a/examples/mithril-kitchen-sink/package.json
+++ b/examples/mithril-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mithril-example",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -11,20 +11,20 @@
     "mithril": "^1.1.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/mithril": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/mithril": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "webpack": "^4.33.0"
   }
 }
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index c49dcc7bd34..a18f3042a66 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -15,34 +15,34 @@
   },
   "devDependencies": {
     "@packtracker/webpack-plugin": "^2.0.1",
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-contexts": "5.2.0-alpha.43",
-    "@storybook/addon-cssresources": "5.2.0-alpha.43",
-    "@storybook/addon-design-assets": "5.2.0-alpha.43",
-    "@storybook/addon-docs": "5.2.0-alpha.43",
-    "@storybook/addon-events": "5.2.0-alpha.43",
-    "@storybook/addon-graphql": "5.2.0-alpha.43",
-    "@storybook/addon-info": "5.2.0-alpha.43",
-    "@storybook/addon-jest": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-queryparams": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots-puppeteer": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/node-logger": "5.2.0-alpha.43",
-    "@storybook/react": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-contexts": "5.2.0-alpha.44",
+    "@storybook/addon-cssresources": "5.2.0-alpha.44",
+    "@storybook/addon-design-assets": "5.2.0-alpha.44",
+    "@storybook/addon-docs": "5.2.0-alpha.44",
+    "@storybook/addon-events": "5.2.0-alpha.44",
+    "@storybook/addon-graphql": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-queryparams": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots-puppeteer": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json
index 7e1efe0fee4..4de36b90d6e 100644
--- a/examples/polymer-cli/package.json
+++ b/examples/polymer-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "polymer-cli",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -10,17 +10,17 @@
   },
   "dependencies": {
     "@polymer/polymer": "^2.6.0",
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/polymer": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/polymer": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "global": "^4.3.2",
     "lit-html": "^1.0.0",
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index c5503b18b68..f184a6881cb 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,21 +16,21 @@
   "devDependencies": {
     "@babel/core": "^7.3.4",
     "@babel/plugin-transform-runtime": "^7.2.0",
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-contexts": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/preact": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-contexts": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/preact": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/rax-kitchen-sink/package.json b/examples/rax-kitchen-sink/package.json
index 004d0f1af05..0908ce9440f 100644
--- a/examples/rax-kitchen-sink/package.json
+++ b/examples/rax-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rax-kitchen-sink",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "test:generate-output": "jest --json --outputFile=jest-test-results.json --config=./jest-addon.config.js",
@@ -24,23 +24,23 @@
     "rax-view": "^0.6.5"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-events": "5.2.0-alpha.43",
-    "@storybook/addon-info": "5.2.0-alpha.43",
-    "@storybook/addon-jest": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/rax": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-events": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/rax": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "babel-eslint": "^8.2.2",
     "babel-preset-rax": "^1.0.0-beta.0",
     "rax-scripts": "^1.0.0-beta.10",
diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json
index 6119ec509b2..6d951f7daee 100644
--- a/examples/riot-kitchen-sink/package.json
+++ b/examples/riot-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "riot-example",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,20 +16,20 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/riot": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/riot": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index c0ce27489cc..b67a1dc293c 100644
--- a/examples/standalone-preview/package.json
+++ b/examples/standalone-preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "standalone-preview",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "storybook": "parcel ./storybook.html --port 1337"
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index 3a0c05b521f..4e1549c2cd5 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -11,19 +11,19 @@
     "global": "^4.3.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
-    "@storybook/svelte": "5.2.0-alpha.43"
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/svelte": "5.2.0-alpha.44"
   }
 }
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index 6470eb182c3..dc0401a61a1 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,22 +15,22 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.43",
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-contexts": "5.2.0-alpha.43",
-    "@storybook/addon-docs": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addon-storysource": "5.2.0-alpha.43",
-    "@storybook/addon-viewport": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/source-loader": "5.2.0-alpha.43",
-    "@storybook/vue": "5.2.0-alpha.43",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-contexts": "5.2.0-alpha.44",
+    "@storybook/addon-docs": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/vue": "5.2.0-alpha.44",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.5",
     "cross-env": "^5.2.0",
diff --git a/lerna.json b/lerna.json
index 583151b653b..97ea2ed6dc7 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "5.2.0-alpha.43"
+  "version": "5.2.0-alpha.44"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index 67eec60be17..0098176da9f 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -21,9 +21,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/channels": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/lib/api/package.json b/lib/api/package.json
index 2acb2b69728..12dcf91d16d 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -20,11 +20,11 @@
     "prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index 17724d6b650..dd4e375d22b 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "telejson": "^2.2.1"
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index 83a34803bba..146bc73c095 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.43",
+    "@storybook/channels": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "json-fn": "^1.1.1"
diff --git a/lib/channels/package.json b/lib/channels/package.json
index 0cd63b9c459..db3897c5f5d 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 6c8cb8a3dec..0a77fb173ed 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -30,7 +30,7 @@
     "@babel/core": "^7.4.5",
     "@babel/preset-env": "^7.4.5",
     "@babel/register": "^7.0.0",
-    "@storybook/codemod": "5.2.0-alpha.43",
+    "@storybook/codemod": "5.2.0-alpha.44",
     "chalk": "^2.4.1",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
@@ -46,33 +46,33 @@
     "update-notifier": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.43",
-    "@storybook/addon-centered": "5.2.0-alpha.43",
-    "@storybook/addon-graphql": "5.2.0-alpha.43",
-    "@storybook/addon-info": "5.2.0-alpha.43",
-    "@storybook/addon-knobs": "5.2.0-alpha.43",
-    "@storybook/addon-links": "5.2.0-alpha.43",
-    "@storybook/addon-notes": "5.2.0-alpha.43",
-    "@storybook/addon-options": "5.2.0-alpha.43",
-    "@storybook/addon-storyshots": "5.2.0-alpha.43",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/angular": "5.2.0-alpha.43",
-    "@storybook/channel-postmessage": "5.2.0-alpha.43",
-    "@storybook/channel-websocket": "5.2.0-alpha.43",
-    "@storybook/channels": "5.2.0-alpha.43",
-    "@storybook/ember": "5.2.0-alpha.43",
-    "@storybook/html": "5.2.0-alpha.43",
-    "@storybook/marko": "5.2.0-alpha.43",
-    "@storybook/mithril": "5.2.0-alpha.43",
-    "@storybook/polymer": "5.2.0-alpha.43",
-    "@storybook/preact": "5.2.0-alpha.43",
-    "@storybook/rax": "5.2.0-alpha.43",
-    "@storybook/react": "5.2.0-alpha.43",
-    "@storybook/react-native": "5.2.0-alpha.43",
-    "@storybook/riot": "5.2.0-alpha.43",
-    "@storybook/svelte": "5.2.0-alpha.43",
-    "@storybook/ui": "5.2.0-alpha.43",
-    "@storybook/vue": "5.2.0-alpha.43"
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-graphql": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/angular": "5.2.0-alpha.44",
+    "@storybook/channel-postmessage": "5.2.0-alpha.44",
+    "@storybook/channel-websocket": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/ember": "5.2.0-alpha.44",
+    "@storybook/html": "5.2.0-alpha.44",
+    "@storybook/marko": "5.2.0-alpha.44",
+    "@storybook/mithril": "5.2.0-alpha.44",
+    "@storybook/polymer": "5.2.0-alpha.44",
+    "@storybook/preact": "5.2.0-alpha.44",
+    "@storybook/rax": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/react-native": "5.2.0-alpha.44",
+    "@storybook/riot": "5.2.0-alpha.44",
+    "@storybook/svelte": "5.2.0-alpha.44",
+    "@storybook/ui": "5.2.0-alpha.44",
+    "@storybook/vue": "5.2.0-alpha.44"
   },
   "publishConfig": {
     "access": "public"
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index f474b93219c..6b0bef9d153 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/channel-postmessage": "5.2.0-alpha.43",
-    "@storybook/channels": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/channel-postmessage": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "eventemitter3": "^3.1.0",
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index abb669aebcf..bfdf829c21c 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 64c4659c088..c7fdaa220c1 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.2.0-alpha.43",
+    "@storybook/node-logger": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "cross-spawn": "^6.0.5",
     "globby": "^10.0.1",
diff --git a/lib/components/package.json b/lib/components/package.json
index b40c2b5c8d8..6f180f9c30c 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "@types/react-syntax-highlighter": "10.1.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index 59a47169423..d0cca86adc0 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/lib/core/package.json b/lib/core/package.json
index 077bbe6fa1c..214ecad0b86 100644
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -25,15 +25,15 @@
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-env": "^7.4.5",
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/channel-postmessage": "5.2.0-alpha.43",
-    "@storybook/client-api": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/node-logger": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
-    "@storybook/ui": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/channel-postmessage": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/ui": "5.2.0-alpha.44",
     "airbnb-js-shims": "^1 || ^2",
     "ansi-to-html": "^0.6.11",
     "autoprefixer": "^9.4.9",
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index 0734d2eda0d..4a112b0e4b3 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/router/package.json b/lib/router/package.json
index a49ca19030e..09c18b49479 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index 5b694da3e33..9c26d5e3d9c 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "global": "^4.3.2",
diff --git a/lib/theming/package.json b/lib/theming/package.json
index eba6f29bd5e..71391d36abb 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -23,7 +23,7 @@
   "dependencies": {
     "@emotion/core": "^10.0.14",
     "@emotion/styled": "^10.0.14",
-    "@storybook/client-logger": "5.2.0-alpha.43",
+    "@storybook/client-logger": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "deep-object-diff": "^1.1.0",
diff --git a/lib/ui/package.json b/lib/ui/package.json
index 745befe1660..7501540071a 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "5.2.0-alpha.43",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -22,14 +22,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.43",
-    "@storybook/api": "5.2.0-alpha.43",
-    "@storybook/channels": "5.2.0-alpha.43",
-    "@storybook/client-logger": "5.2.0-alpha.43",
-    "@storybook/components": "5.2.0-alpha.43",
-    "@storybook/core-events": "5.2.0-alpha.43",
-    "@storybook/router": "5.2.0-alpha.43",
-    "@storybook/theming": "5.2.0-alpha.43",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "core-js-pure": "^3.0.1",

From 76097ad9ce9eefe8ed4377871416ec4d3d1d8217 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 09:42:46 +0800
Subject: [PATCH 18/66] 5.2.0-alpha.44 next.json version file

---
 docs/src/versions/next.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json
index 791edec87e4..f5461f7ccb6 100644
--- a/docs/src/versions/next.json
+++ b/docs/src/versions/next.json
@@ -1 +1 @@
-{"version":"5.2.0-alpha.43","info":{"plain":"### Bug Fixes\n\n* Addon-analytics: Fix API signature ([#7410](https://github.com/storybookjs/storybook/pull/7410))\n* Addon-knobs: fix knobs function return types ([#7391](https://github.com/storybookjs/storybook/pull/7391))\n* UI: Fix proptype for isToolshown ([#7405](https://github.com/storybookjs/storybook/pull/7405))\n* UI: Fix propType warnings ([#7408](https://github.com/storybookjs/storybook/pull/7408))\n\n### Maintenance\n\n* Addon-actions: Use v4 UUID instead of v1 for action IDs ([#7397](https://github.com/storybookjs/storybook/pull/7397))\n* UI: Remove recompose ([#7385](https://github.com/storybookjs/storybook/pull/7385))"}}
\ No newline at end of file
+{"version":"5.2.0-alpha.44","info":{"plain":"### Features\n\n* CLI: Add migrate command ([#7414](https://github.com/storybookjs/storybook/pull/7414))\n\n### Bug Fixes\n\n* UI: Fix Panel rendered wrong at Docs-page ([#7327](https://github.com/storybookjs/storybook/pull/7327))\n\n### Maintenance\n\n* Typescript: Fix types of client-api & storystore ([#7337](https://github.com/storybookjs/storybook/pull/7337))"}}
\ No newline at end of file

From 728c0993824f5dd054787dca86b4bae31868155c Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 09:49:46 +0800
Subject: [PATCH 19/66] Update version.ts

---
 lib/api/src/version.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index 98f5d236e9e..c0509cbccee 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '5.2.0-alpha.43';
+export const version = '5.2.0-alpha.44';

From 4ef9aaa8a18a6df821638cc987328818bb98afe2 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 10:48:37 +0800
Subject: [PATCH 20/66] Codemod: MDX conversion caveat

---
 lib/codemod/README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/lib/codemod/README.md b/lib/codemod/README.md
index 9329b373437..88beed22e25 100644
--- a/lib/codemod/README.md
+++ b/lib/codemod/README.md
@@ -203,6 +203,8 @@ Heuristics:
 
 This converts all of your component module stories into MDX format, which integrates story examples and long-form documentation.
 
+> NOTE: The output of this transformation may require manual editing after running the transformation. MDX is finnicky about the top-level statements it allows. For example, [variables should be defined with exports](https://mdxjs.com/getting-started/#defining-variables-with-exports), meaning `const foo = 5;` should be rewritten as `export const foo = 5;`. We don't do this transformation automatically, since you may prefer to refactor your stories.
+
 ```sh
 ./node_modules/.bin/jscodeshift -t ./node_modules/@storybook/codemod/dist/transforms/convert-to-module-format.js . --ignore-pattern "node_modules|dist"
 ```

From 9a215249d63ae9ec72780f6515c575d717f4986e Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 10:49:27 +0800
Subject: [PATCH 21/66] Codemod: Module conversion caveat

---
 lib/codemod/README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/lib/codemod/README.md b/lib/codemod/README.md
index 88beed22e25..2e140bef876 100644
--- a/lib/codemod/README.md
+++ b/lib/codemod/README.md
@@ -155,6 +155,8 @@ Heuristics:
 
 This converts all of your "old-style" `storiesOf` stories into component module format, which uses standard ES6 modules.
 
+> NOTE: The output of this transformation may require manual editing after running the transformation. `storiesOf` format allows multiple "kinds" (components) to be declared per file, but module format only allows a single component per file. Therefore, if you use this feature in your input stories, you will need to split up the resulting outputs by hand. You'll see a warning at the console if you need to hand edit.
+
 ```sh
 ./node_modules/.bin/jscodeshift -t ./node_modules/@storybook/codemod/dist/transforms/convert-storiesof-to-module.js . --ignore-pattern "node_modules|dist"
 ```

From 746e98f412ba59e6136a6de808c74a0598c17c27 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 10:59:46 +0800
Subject: [PATCH 22/66] Merge branch 'next' into 7101-convert-mdx-to-module

---
 .circleci/config.yml                          |   29 -
 .eslintignore                                 |    5 +-
 .eslintrc.js                                  |   15 +-
 .github/automention.yml                       |    5 +-
 .gitignore                                    |    1 +
 .travis.yml                                   |   17 +
 CHANGELOG.md                                  |  191 +-
 MIGRATION.md                                  |  132 +-
 README.md                                     |    2 +-
 addons/a11y/package.json                      |   14 +-
 addons/a11y/src/components/A11YPanel.tsx      |    6 +-
 addons/a11y/src/components/ColorBlindness.tsx |  118 +-
 .../a11y/src/components/Report/Elements.tsx   |    2 +-
 .../src/components/Report/HighlightToggle.tsx |    2 +-
 addons/a11y/src/components/Report/Item.tsx    |    4 +-
 addons/a11y/src/components/Report/Tags.tsx    |    2 +-
 .../HighlightToggle.test.js.snap              |    4 +-
 addons/a11y/src/components/Tabs.tsx           |    4 +-
 addons/a11y/src/register.tsx                  |    3 +-
 addons/actions/package.json                   |   14 +-
 .../src/components/ActionLogger/style.tsx     |    2 +-
 addons/actions/src/constants.ts               |    1 +
 addons/actions/src/manager.tsx                |    3 +-
 addons/actions/src/models/ActionOptions.ts    |    1 +
 addons/actions/src/models/ActionsFunction.ts  |   81 +
 addons/actions/src/models/ActionsMap.ts       |    4 +-
 addons/actions/src/models/index.ts            |    1 +
 .../src/preview/__tests__/action.test.js      |   59 +
 addons/actions/src/preview/action.ts          |    3 +-
 addons/actions/src/preview/actions.ts         |    6 +-
 addons/actions/src/preview/withActions.ts     |   28 +-
 addons/backgrounds/package.json               |   14 +-
 .../src/containers/BackgroundSelector.tsx     |   83 +-
 .../src/containers/GridSelector.tsx           |   41 +
 addons/backgrounds/src/register.tsx           |   10 +-
 addons/centered/angular.d.ts                  |   10 +-
 addons/centered/package.json                  |   10 +-
 addons/centered/src/angular.ts                |    4 +-
 addons/contexts/package.json                  |   17 +-
 .../manager/components/ToolBarMenu.test.tsx   |   14 +-
 .../src/manager/components/ToolBarMenu.tsx    |    6 +-
 addons/cssresources/package.json              |   10 +-
 addons/cssresources/src/register.tsx          |    3 +-
 addons/design-assets/package.json             |   14 +-
 addons/design-assets/src/panel.tsx            |   17 +-
 addons/design-assets/src/register.tsx         |    3 +-
 addons/docs/README.md                         |    7 +-
 addons/docs/angular/index.js                  |    1 +
 addons/docs/angular/preset.js                 |    1 +
 addons/docs/common/preset.js                  |   22 +-
 addons/docs/package.json                      |   12 +-
 addons/docs/src/blocks/DocsPage.tsx           |    9 +-
 addons/docs/src/blocks/Story.tsx              |    9 +-
 addons/docs/src/lib/getPropDefs.ts            |    2 +-
 addons/events/package.json                    |   12 +-
 .../src/components/{Event.js => Event.tsx}    |   48 +-
 .../src/components/{Panel.js => Panel.tsx}    |   19 +-
 .../events/src/{constants.js => constants.ts} |    2 +
 addons/events/src/{index.js => deprecated.js} |   17 +-
 addons/events/src/index.ts                    |   69 +
 addons/events/src/{manager.js => manager.tsx} |    4 +-
 addons/events/src/typings.d.ts                |    2 +
 addons/events/tsconfig.json                   |   13 +
 addons/google-analytics/package.json          |    6 +-
 addons/google-analytics/src/register.ts       |    2 +-
 addons/graphql/package.json                   |    6 +-
 addons/graphql/src/register.ts                |    3 +-
 addons/info/package.json                      |   10 +-
 .../info/src/__snapshots__/index.test.js.snap |    4 +-
 addons/jest/package.json                      |   12 +-
 addons/jest/src/index.ts                      |    4 +-
 addons/jest/src/register.tsx                  |    3 +-
 addons/jest/src/shared.ts                     |    1 +
 addons/knobs/README.md                        |    3 +
 addons/knobs/package.json                     |   22 +-
 addons/knobs/src/KnobManager.test.js          |    2 +
 .../src/{KnobManager.js => KnobManager.ts}    |   79 +-
 .../knobs/src/{KnobStore.js => KnobStore.ts}  |   44 +-
 .../src/components/{Panel.js => Panel.tsx}    |  109 +-
 addons/knobs/src/components/PropForm.js       |   50 -
 addons/knobs/src/components/PropForm.tsx      |   62 +
 addons/knobs/src/components/types/Array.js    |   67 -
 addons/knobs/src/components/types/Array.tsx   |   80 +
 addons/knobs/src/components/types/Boolean.js  |   43 -
 addons/knobs/src/components/types/Boolean.tsx |   63 +
 addons/knobs/src/components/types/Button.js   |   22 -
 addons/knobs/src/components/types/Button.tsx  |   45 +
 .../knobs/src/components/types/Checkboxes.js  |  110 -
 .../knobs/src/components/types/Checkboxes.tsx |  135 +
 .../components/types/{Color.js => Color.tsx}  |   84 +-
 .../components/types/{Date.js => Date.tsx}    |   77 +-
 addons/knobs/src/components/types/Files.js    |   46 -
 addons/knobs/src/components/types/Files.tsx   |   68 +
 addons/knobs/src/components/types/Number.js   |  102 -
 addons/knobs/src/components/types/Number.tsx  |  123 +
 .../types/{Object.js => Object.tsx}           |   58 +-
 addons/knobs/src/components/types/Options.js  |   85 -
 addons/knobs/src/components/types/Options.tsx |  134 +
 addons/knobs/src/components/types/Radio.js    |   79 -
 addons/knobs/src/components/types/Radio.tsx   |  104 +
 addons/knobs/src/components/types/Select.js   |   49 -
 addons/knobs/src/components/types/Select.tsx  |   73 +
 addons/knobs/src/components/types/Text.js     |   51 -
 addons/knobs/src/components/types/Text.tsx    |   63 +
 addons/knobs/src/components/types/index.js    |   27 -
 addons/knobs/src/components/types/index.ts    |   53 +
 .../src/{converters.js => converters.ts}      |   21 +-
 addons/knobs/src/{index.js => index.ts}       |   62 +-
 .../knobs/src/{register.js => register.tsx}   |    4 +-
 .../{registerKnobs.js => registerKnobs.ts}    |   17 +-
 addons/knobs/src/{shared.js => shared.ts}     |    1 +
 addons/knobs/src/type-defs.ts                 |   45 +
 addons/knobs/src/typings.d.ts                 |    2 +
 addons/knobs/tsconfig.json                    |    9 +
 addons/links/package.json                     |    8 +-
 addons/notes/package.json                     |   16 +-
 addons/notes/src/Panel.tsx                    |    2 +-
 addons/notes/src/register.tsx                 |    3 +-
 addons/ondevice-actions/package.json          |    8 +-
 .../src/components/ActionLogger/Inspect.tsx   |   20 +-
 addons/ondevice-actions/src/index.tsx         |    3 +-
 addons/ondevice-backgrounds/package.json      |    4 +-
 .../src/BackgroundPanel.js                    |   13 +-
 addons/ondevice-backgrounds/src/constants.js  |    2 +-
 addons/ondevice-backgrounds/src/container.js  |    4 +-
 addons/ondevice-backgrounds/src/register.js   |    3 +-
 addons/ondevice-knobs/package.json            |    8 +-
 addons/ondevice-knobs/src/PropField.js        |   12 +
 addons/ondevice-knobs/src/PropForm.js         |    8 +-
 addons/ondevice-knobs/src/index.js            |    1 +
 addons/ondevice-knobs/src/types/Array.js      |    1 +
 addons/ondevice-knobs/src/types/Number.js     |    4 +
 addons/ondevice-notes/package.json            |    5 +-
 addons/ondevice-notes/src/index.js            |    7 +-
 addons/ondevice-notes/src/register.js         |    8 +-
 addons/options/package.json                   |    4 +-
 addons/options/tsconfig.json                  |    3 +-
 addons/queryparams/package.json               |   14 +-
 .../storyshots/storyshots-core/package.json   |    4 +-
 .../storyshot.enzyme.test.js.snap             |    2 -
 ...t.snapshotWithOptionsFunction.test.js.snap |    2 -
 .../__snapshots__/Welcome.stories.foo         |    2 -
 .../__snapshots__/Welcome.stories.storyshot   |    2 -
 .../storyshots-core/stories/storyshot.test.js |    2 +
 .../storyshots-puppeteer/.eslintrc.js         |    5 +
 .../storyshots-puppeteer/package.json         |    8 +-
 .../src/__tests__/url.test.js                 |    2 +
 addons/storysource/README.md                  |   12 +-
 addons/storysource/loader.js                  |    2 +-
 addons/storysource/package.json               |   11 +-
 addons/storysource/src/StoryPanel.js          |    3 +-
 addons/storysource/src/events.js              |    2 +-
 .../inject-decorator.test.js.snap             |  732 --
 .../storysource/src/loader/default-options.js |   12 -
 .../src/loader/generate-helpers.js            |   99 -
 addons/storysource/src/loader/index.js        |   29 -
 .../src/loader/inject-decorator.js            |   46 -
 .../src/loader/inject-decorator.test.js       |  216 -
 .../storysource/src/loader/parse-helpers.js   |  110 -
 .../storysource/src/loader/parsers/index.js   |   20 -
 .../src/loader/parsers/parser-flow.js         |    9 -
 .../src/loader/parsers/parser-js.js           |    9 -
 .../src/loader/parsers/parser-ts.js           |    9 -
 .../src/loader/traverse-helpers.js            |   38 -
 addons/viewport/package.json                  |   14 +-
 addons/viewport/src/Tool.tsx                  |  353 +-
 addons/viewport/src/models/Viewport.ts        |    6 +-
 .../src/models/ViewportAddonParameter.ts      |    4 +-
 addons/viewport/src/register.tsx              |    4 +-
 app/angular/index.d.ts                        |   74 -
 app/angular/package.json                      |   18 +-
 app/angular/src/client/{index.js => index.ts} |    2 +
 ...ular-polyfills.js => angular-polyfills.ts} |    0
 .../src/client/preview/angular/app.token.ts   |    4 +-
 .../angular/components/app.component.ts       |    8 +-
 .../src/client/preview/angular/decorators.ts  |    2 +-
 .../src/client/preview/angular/helpers.ts     |    9 +-
 .../src/client/preview/angular/types.ts       |   22 -
 .../client/preview/{globals.js => globals.ts} |    0
 app/angular/src/client/preview/index.d.ts     |   12 -
 app/angular/src/client/preview/index.js       |   22 -
 app/angular/src/client/preview/index.ts       |   37 +
 app/angular/src/client/preview/render.js      |    6 -
 app/angular/src/client/preview/render.ts      |   18 +
 app/angular/src/client/preview/types.ts       |   39 +
 app/angular/src/public_api.ts                 |   13 +
 .../angular-cli_config.test.ts}               |   22 +-
 app/angular/src/server/__tests__/angular.json |  108 +
 .../create-fork-ts-checker-plugin.test.ts}    |   16 +-
 .../ts_config.test.ts}                        |    7 +-
 ...ar-cli_config.js => angular-cli_config.ts} |   29 +-
 ...ular-cli_utils.js => angular-cli_utils.ts} |   32 +-
 app/angular/src/server/{build.js => build.ts} |    0
 ...in.js => create-fork-ts-checker-plugin.ts} |    4 +-
 ...cli.js => framework-preset-angular-cli.ts} |    6 +-
 ...angular.js => framework-preset-angular.ts} |    7 +-
 app/angular/src/server/{index.js => index.ts} |    0
 .../src/server/{options.js => options.ts}     |    3 +-
 app/angular/src/server/ts_config.js           |   26 -
 app/angular/src/server/ts_config.ts           |   19 +
 app/angular/src/typings.d.ts                  |    3 +
 app/angular/tsconfig.json                     |   12 +-
 app/ember/package.json                        |    4 +-
 app/html/package.json                         |    6 +-
 app/html/src/client/{index.js => index.ts}    |    0
 .../client/preview/{globals.js => globals.ts} |    0
 app/html/src/client/preview/index.js          |   22 -
 app/html/src/client/preview/index.ts          |   37 +
 .../client/preview/{render.js => render.ts}   |    4 +-
 app/html/src/client/preview/types.ts          |   27 +
 app/html/src/server/{build.js => build.ts}    |    0
 ...reset-html.js => framework-preset-html.ts} |    5 +-
 app/html/src/server/{index.js => index.ts}    |    0
 .../src/server/{options.js => options.ts}     |    3 +-
 app/html/src/typings.d.ts                     |    5 +
 app/html/tsconfig.json                        |    9 +
 app/marko/package.json                        |    4 +-
 app/mithril/package.json                      |    4 +-
 app/polymer/package.json                      |    4 +-
 app/preact/package.json                       |    4 +-
 app/rax/package.json                          |    4 +-
 app/react-native-server/package.json          |   14 +-
 .../src/client/manager/provider.js            |    9 +-
 app/react-native/package.json                 |   16 +-
 app/react-native/src/index.ts                 |    1 +
 ...bsolute-positioned-keyboard-aware-view.tsx |    2 +
 .../components/OnDeviceUI/animation.ts        |    2 +-
 .../preview/components/OnDeviceUI/index.tsx   |   65 +-
 .../OnDeviceUI/navigation/index.tsx           |    1 +
 .../components/StoryListView/index.tsx        |   43 +-
 .../preview/components/StoryView/index.tsx    |   84 +-
 app/react-native/src/preview/index.tsx        |   91 +-
 app/react/package.json                        |   15 +-
 app/react/src/client/{index.js => index.ts}   |    0
 ...t_check.test.js => element_check.test.tsx} |    4 +-
 .../{element_check.js => element_check.ts}    |    6 +-
 .../client/preview/{globals.js => globals.ts} |    0
 app/react/src/client/preview/index.js         |   22 -
 .../preview/{index.test.js => index.test.ts}  |   14 +-
 app/react/src/client/preview/index.ts         |   37 +
 .../client/preview/{render.js => render.tsx}  |    5 +-
 app/react/src/client/preview/types.ts         |   31 +
 app/react/src/demo/{Button.js => Button.tsx}  |    8 +-
 .../src/demo/{Welcome.js => Welcome.tsx}      |   43 +-
 .../{mockConfig.js => mockConfig.ts}          |    0
 .../__mocks__/{mockRules.js => mockRules.ts}  |    0
 ...g.test.js.snap => cra-config.test.ts.snap} |    0
 app/react/src/server/{build.js => build.ts}   |    0
 ...{cra-config.test.js => cra-config.test.ts} |    6 +-
 .../server/{cra-config.js => cra-config.ts}   |   17 +-
 ...-preset-cra.js => framework-preset-cra.ts} |    7 +-
 ... => framework-preset-react-docgen.test.ts} |    5 +-
 ...en.js => framework-preset-react-docgen.ts} |    4 +-
 ...set-react.js => framework-preset-react.ts} |    4 +-
 app/react/src/server/{index.js => index.ts}   |    0
 .../src/server/{options.js => options.ts}     |    2 +-
 app/react/src/typings.d.ts                    |    4 +
 app/react/tsconfig.json                       |   14 +
 app/riot/package.json                         |    4 +-
 app/svelte/package.json                       |    4 +-
 app/vue/package.json                          |    4 +-
 app/vue/src/client/preview/index.js           |   17 +-
 dev-kits/addon-decorator/README.md            |   12 +
 dev-kits/addon-decorator/package.json         |   35 +
 dev-kits/addon-decorator/src/constants.ts     |    1 +
 dev-kits/addon-decorator/src/index.ts         |   21 +
 dev-kits/addon-decorator/src/typings.d.ts     |    3 +
 dev-kits/addon-decorator/tsconfig.json        |   13 +
 dev-kits/addon-parameter/package.json         |   14 +-
 dev-kits/addon-parameter/src/register.tsx     |    2 +-
 dev-kits/addon-roundtrip/package.json         |   15 +-
 dev-kits/addon-roundtrip/src/index.ts         |   17 +-
 docs/package.json                             |   14 +-
 .../basics/tooltip/WithTooltip.js             |   13 +-
 docs/src/pages/addons/using-addons/index.md   |   23 +
 docs/src/pages/addons/writing-addons/index.md |   29 +
 .../testing/automated-visual-testing/index.md |    4 +-
 docs/src/templates/_docstemplate.jsx          |    1 +
 docs/src/versions/next.json                   |    2 +-
 docs/yarn.lock                                |  208 +-
 examples-native/crna-kitchen-sink/App.js      |    4 +-
 .../crna-kitchen-sink/metro.config.js         |    1 +
 .../crna-kitchen-sink/package.json            |   20 +-
 .../crna-kitchen-sink/storybook/addons.js     |    1 +
 .../storybook/stories/index.js                |   21 +-
 examples/angular-cli/.storybook/config.ts     |   20 +-
 examples/angular-cli/.storybook/presets.js    |    8 +
 .../angular-cli/.storybook/webpack.config.ts  |    5 +-
 examples/angular-cli/package.json             |   30 +-
 .../addon-actions.stories.storyshot           |    8 +-
 .../addon-background.stories.storyshot        |    4 +-
 .../addon-centered.stories.storyshot          |    4 +-
 .../addon-links.stories.storyshot             |    4 +-
 .../addon-notes.stories.storyshot             |    8 +-
 .../__snapshots__/core.stories.storyshot      |    6 +-
 .../custom-styles.stories.storyshot           |    8 +-
 ...ndex.storyshot => index.stories.storyshot} |   54 +-
 .../src/stories/addon-docs.stories.mdx        |   82 +
 .../custom-cva.component.ts                   |    1 -
 .../stories/{index.ts => index.stories.ts}    |    1 -
 examples/cra-kitchen-sink/package.json        |   34 +-
 .../__snapshots__/Lifecycle.stories.storyshot |    7 -
 .../cra-dynamic-import.stories.storyshot      |    7 -
 .../force-rerender.stories.storyshot          |    9 -
 .../__snapshots__/index.stories.storyshot     |  388 -
 .../long-description.stories.storyshot        |   18 -
 .../stories/__snapshots__/welcome.storyshot   |   91 -
 examples/cra-react15/package.json             |   10 +-
 examples/cra-ts-kitchen-sink/package.json     |   14 +-
 examples/dev-kits/package.json                |   21 +-
 examples/dev-kits/stories/addon-decorator.js  |   12 +
 examples/dev-kits/stories/addon-roundtrip.js  |    2 -
 .../ember-cli/.storybook/webpack.config.js    |    2 +-
 examples/ember-cli/package.json               |   28 +-
 .../.storybook/webpack.config.js              |    2 +-
 examples/html-kitchen-sink/package.json       |   41 +-
 .../__snapshots__/welcome.stories.storyshot   |  101 -
 .../stories/addon-events.stories.js           |   78 +-
 .../__snapshots__/htmlshots.test.js.snap      |    2 +-
 .../marko-cli/.storybook/webpack.config.js    |    2 +-
 examples/marko-cli/package.json               |   18 +-
 .../.storybook/webpack.config.js              |    2 +-
 examples/mithril-kitchen-sink/package.json    |   30 +-
 examples/official-storybook/package.json      |   59 +-
 .../stories/addon-actions.stories.js          |    6 +-
 .../stories/addon-knobs.stories.js            |  331 +
 .../__snapshots__/unicode.stories.storyshot   |   19 -
 .../stories/core/parameters.stories.js        |   13 +-
 examples/official-storybook/webpack.config.js |    7 +-
 .../polymer-cli/.storybook/webpack.config.js  |    2 +-
 examples/polymer-cli/package.json             |   24 +-
 .../.storybook/webpack.config.js              |    2 +-
 examples/preact-kitchen-sink/package.json     |   32 +-
 .../addon-actions.stories.storyshot           |   39 -
 .../addon-backgrounds.stories.storyshot       |   17 -
 .../addon-centered.stories.storyshot          |   33 -
 .../addon-contexts.stories.storyshot          |   18 -
 .../addon-knobs.stories.storyshot             |   40 -
 .../addon-links.stories.storyshot             |   10 -
 .../addon-notes.stories.storyshot             |   25 -
 .../.storybook/webpack.config.js              |    2 +-
 examples/rax-kitchen-sink/package.json        |   38 +-
 .../.storybook/webpack.config.js              |    2 +-
 examples/riot-kitchen-sink/package.json       |   30 +-
 .../addon-actions.stories.storyshot           |   29 -
 .../addon-backgrounds.stories.storyshot       |   33 -
 .../addon-knobs.stories.storyshot             |   78 -
 .../addon-links.stories.storyshot             |   15 -
 .../addon-notes.stories.storyshot             |   31 -
 .../__snapshots__/core.stories.storyshot      |   12 -
 .../story-code.stories.storyshot              |  180 -
 examples/standalone-preview/.babelrc.js       |    1 +
 examples/standalone-preview/README.md         |   20 +
 examples/standalone-preview/package.json      |   14 +
 examples/standalone-preview/storybook.html    |   17 +
 examples/standalone-preview/storybook.tsx     |   10 +
 .../.storybook/webpack.config.js              |    2 +-
 .../__snapshots__/svelteshots.test.js.snap    |   23 +-
 examples/svelte-kitchen-sink/package.json     |   30 +-
 .../addon-actions.stories.storyshot           |   62 -
 .../addon-backgrounds.stories.storyshot       |   43 -
 .../addon-centered.stories.storyshot          |   39 -
 .../addon-knobs.stories.storyshot             |   15 -
 .../addon-links.stories.storyshot             |   29 -
 .../addon-notes.stories.storyshot             |   85 -
 .../vue-kitchen-sink/.storybook/config.js     |    4 +
 .../vue-kitchen-sink/.storybook/presets.js    |    8 +
 .../.storybook/webpack.config.js              |    7 +-
 .../__snapshots__/vueshots.test.js.snap       |   34 +-
 examples/vue-kitchen-sink/package.json        |   36 +-
 .../addon-actions.stories.storyshot           |   37 -
 .../addon-backgrounds.stories.storyshot       |   13 -
 .../addon-centered.stories.storyshot          |   18 -
 .../addon-contexts.stories.storyshot          |   23 -
 .../addon-knobs.stories.storyshot             |   51 -
 .../addon-links.stories.storyshot             |   10 -
 .../addon-notes.stories.storyshot             |   19 -
 .../core-template.stories.storyshot           |   10 -
 .../__snapshots__/core.stories.storyshot      |    7 -
 .../custom-decorators.stories.storyshot       |   35 -
 .../custom-rendering.stories.storyshot        |   96 -
 .../src/stories/addon-docs.stories.mdx        |   82 +
 .../src/stories/components/button.stories.js  |    5 +
 .../src/stories/components/welcome.stories.js |    9 +-
 .../src/stories/custom-decorators.stories.js  |    6 +-
 examples/vue-kitchen-sink/webpack.config.js   |    6 +
 jest.config.js                                |    4 +-
 lerna.json                                    |    2 +-
 lib/addons/package.json                       |    8 +-
 lib/addons/src/index.ts                       |    7 +-
 lib/addons/src/make-decorator.test.ts         |    3 +-
 lib/addons/src/make-decorator.ts              |   26 +-
 lib/addons/src/public_api.ts                  |    1 +
 lib/addons/src/types.ts                       |   82 +
 lib/addons/src/typings.d.ts                   |    1 +
 lib/api/package.json                          |   12 +-
 lib/api/src/index.tsx                         |   11 +-
 lib/api/src/modules/addons.ts                 |   35 +-
 lib/api/src/modules/stories.ts                |   12 +-
 lib/api/src/modules/versions.ts               |   21 +-
 lib/api/src/tests/addons.test.js              |  159 +
 lib/api/src/tests/stories.test.js             |   34 +
 lib/api/src/version.ts                        |    2 +-
 lib/channel-postmessage/package.json          |    6 +-
 lib/channel-postmessage/src/index.ts          |    8 +-
 lib/channel-websocket/package.json            |    4 +-
 lib/channels/package.json                     |    2 +-
 lib/cli/README.md                             |   10 +-
 lib/cli/bin/generate.js                       |   25 +-
 lib/cli/generators/REACT_NATIVE/index.js      |   14 +-
 .../template/storybook/stories/index.js       |    1 +
 lib/cli/lib/helpers.js                        |   49 +-
 lib/cli/lib/initiate.js                       |    3 +-
 lib/cli/lib/migrate.js                        |   12 +
 lib/cli/package.json                          |   59 +-
 lib/client-api/package.json                   |   16 +-
 ...{client_api.test.js => client_api.test.ts} |   67 +-
 .../src/{client_api.js => client_api.ts}      |  102 +-
 .../src/{config_api.js => config_api.ts}      |   40 +-
 lib/client-api/src/hooks.test.js              |  445 +
 lib/client-api/src/hooks.ts                   |  324 +
 lib/client-api/src/{index.js => index.ts}     |    2 +
 .../src/{pathToId.js => pathToId.ts}          |    2 +-
 .../{pathToid.test.js => pathToid.test.ts}    |    0
 .../src/{queryparams.js => queryparams.ts}    |    3 +-
 ...tory_store.test.js => story_store.test.ts} |   39 +-
 .../src/{story_store.js => story_store.ts}    |  187 +-
 lib/client-api/src/subscriptions_store.js     |   34 -
 ...re.test.js => subscriptions_store.test.ts} |    2 +-
 lib/client-api/src/subscriptions_store.ts     |   34 +
 lib/client-api/src/types.ts                   |   63 +
 lib/client-api/src/typings.d.ts               |    1 +
 lib/client-api/tsconfig.json                  |    9 +
 lib/client-logger/package.json                |    2 +-
 lib/codemod/README.md                         |   18 +
 lib/codemod/package.json                      |    5 +-
 lib/codemod/src/index.js                      |   48 +
 .../convert-storiesof-to-module.test.js       |    2 +
 .../transforms/convert-storiesof-to-module.js |    7 +-
 lib/components/package.json                   |   10 +-
 lib/components/src/ActionBar/ActionBar.tsx    |    4 +-
 .../__snapshots__/Badge.stories.storyshot     |   96 -
 lib/components/src/Button/Button.tsx          |   31 +-
 .../__snapshots__/Button.stories.storyshot    | 1028 ---
 lib/components/src/ScrollArea/ScrollArea.tsx  |    4 +-
 lib/components/src/blocks/ColorPalette.tsx    |   10 +-
 lib/components/src/blocks/DocsPage.tsx        |    6 +-
 lib/components/src/blocks/EmptyBlock.tsx      |    2 +-
 lib/components/src/blocks/IFrame.tsx          |    3 -
 lib/components/src/blocks/IconGallery.tsx     |    2 +-
 lib/components/src/blocks/Preview.tsx         |    2 +-
 .../src/blocks/PropsTable/PropRow.tsx         |    4 +-
 .../src/blocks/PropsTable/PropsTable.tsx      |    2 +-
 lib/components/src/blocks/Source.tsx          |    2 +-
 lib/components/src/blocks/Typeset.tsx         |    4 +-
 .../StorybookIcon.stories.storyshot           |   36 -
 .../form/__snapshots__/form.stories.storyshot | 2756 -------
 lib/components/src/form/field/field.tsx       |    4 +-
 lib/components/src/form/index.tsx             |    3 +-
 lib/components/src/form/input/input.tsx       |  131 +-
 .../icon/__snapshots__/icon.stories.storyshot | 4960 ------------
 lib/components/src/index.ts                   |    2 +-
 .../__snapshots__/Spaced.stories.storyshot    |  249 -
 .../syntaxhighlighter.stories.storyshot       | 3974 ---------
 .../tabs/__snapshots__/tabs.stories.storyshot | 2029 -----
 .../src/tooltip/TooltipLinkList.stories.tsx   |    2 +-
 .../src/tooltip/TooltipLinkList.tsx           |    2 +-
 .../src/tooltip/TooltipMessage.stories.tsx    |    2 +-
 .../src/tooltip/TooltipNote.stories.tsx       |    8 +-
 lib/components/src/tooltip/WithTooltip.tsx    |   46 +-
 .../__snapshots__/ListItem.stories.storyshot  | 1212 ---
 .../__snapshots__/Tooltip.stories.storyshot   |  269 -
 .../TooltipLinkList.stories.storyshot         |  326 -
 .../TooltipMessage.stories.storyshot          |  514 --
 .../TooltipNote.stories.storyshot             |   54 -
 .../WithTooltip.stories.storyshot             |  448 -
 .../typography.stories.storyshot              |  186 -
 .../link/__snapshots__/link.stories.storyshot |  664 --
 lib/core-events/package.json                  |    2 +-
 lib/core/package.json                         |   22 +-
 lib/core/src/client/preview/start.js          |   27 +-
 lib/core/src/server/build-dev.js              |   26 +-
 lib/core/src/server/build-static.js           |    2 +
 lib/core/src/server/cli/dev.js                |   28 +-
 lib/core/src/server/cli/prod.js               |    4 +
 lib/core/src/server/dev-server.js             |    2 -
 .../server/manager/manager-webpack.config.js  |    4 +-
 .../server/preview/custom-webpack-preset.js   |    8 +-
 lib/core/src/server/templates/index.ejs       |   68 +-
 lib/node-logger/package.json                  |    2 +-
 lib/router/package.json                       |    6 +-
 lib/router/src/utils.ts                       |    3 +-
 lib/source-loader/package.json                |    6 +-
 .../inject-decorator.test.js.snap             |   30 +-
 .../abstract-syntax-tree/generate-helpers.js  |    2 +-
 .../abstract-syntax-tree/inject-decorator.js  |    4 +-
 .../abstract-syntax-tree/traverse-helpers.js  |   18 +-
 lib/source-loader/src/build.js                |    2 +-
 lib/source-loader/src/preview.js              |    2 +-
 lib/theming/package.json                      |   10 +-
 lib/ui/package.json                           |   21 +-
 lib/ui/src/__tests__/index.js                 |   14 +-
 lib/ui/src/app.js                             |   17 +-
 lib/ui/src/app.stories.js                     |   37 +
 .../__snapshots__/layout.stories.storyshot    | 3221 --------
 lib/ui/src/components/layout/container.js     |   11 +-
 lib/ui/src/components/layout/desktop.js       |   12 +-
 .../src/components/layout/layout.stories.js   |    3 +
 lib/ui/src/components/layout/mobile.js        |    3 +-
 .../components/notifications/item.stories.js  |    3 +
 .../components/notifications/notifications.js |    9 +-
 .../notifications/notifications.stories.js    |    8 +-
 .../__snapshots__/panel.stories.storyshot     |  394 -
 lib/ui/src/components/panel/panel.js          |   75 +-
 lib/ui/src/components/panel/panel.stories.js  |    1 +
 .../__snapshots__/preview.stories.storyshot   |  800 --
 lib/ui/src/components/preview/background.js   |  110 -
 lib/ui/src/components/preview/iframe.js       |   15 +-
 lib/ui/src/components/preview/preview.js      |   86 +-
 .../src/components/sidebar/SidebarHeading.js  |   20 +-
 .../src/components/sidebar/SidebarSearch.js   |   58 +-
 .../src/components/sidebar/SidebarStories.js  |    6 +-
 .../SidebarSubheading.stories.storyshot       |   21 -
 .../components/sidebar/treeview/treeview.js   |   18 +-
 .../src/components/sidebar/treeview/utils.js  |    1 -
 lib/ui/src/containers/panel.js                |    2 +-
 lib/ui/src/containers/panel.stories.js        |   22 +
 lib/ui/src/containers/preview.js              |   18 +-
 lib/ui/src/index.js                           |   37 +-
 lib/ui/src/keyboard/keyCodes.ts               |    1 -
 .../__snapshots__/about.stories.storyshot     | 4237 ----------
 package.json                                  |    6 +-
 scripts/bootstrap.js                          |    6 +-
 scripts/compile-babel.js                      |   30 +-
 scripts/compile-tsc.js                        |   11 +-
 scripts/prepare.js                            |   23 +-
 scripts/reset.js                              |   12 +-
 scripts/test.js                               |    5 +-
 tsconfig.json                                 |   10 +-
 yarn.lock                                     | 7209 +++++++++++------
 540 files changed, 11994 insertions(+), 36643 deletions(-)
 create mode 100644 .travis.yml
 create mode 100644 addons/actions/src/models/ActionsFunction.ts
 create mode 100644 addons/backgrounds/src/containers/GridSelector.tsx
 create mode 100644 addons/docs/angular/index.js
 create mode 100644 addons/docs/angular/preset.js
 rename addons/events/src/components/{Event.js => Event.tsx} (78%)
 rename addons/events/src/components/{Panel.js => Panel.tsx} (73%)
 rename addons/events/src/{constants.js => constants.ts} (84%)
 rename addons/events/src/{index.js => deprecated.js} (74%)
 create mode 100644 addons/events/src/index.ts
 rename addons/events/src/{manager.js => manager.tsx} (76%)
 create mode 100644 addons/events/src/typings.d.ts
 create mode 100644 addons/events/tsconfig.json
 rename addons/knobs/src/{KnobManager.js => KnobManager.ts} (62%)
 rename addons/knobs/src/{KnobStore.js => KnobStore.ts} (51%)
 rename addons/knobs/src/components/{Panel.js => Panel.tsx} (72%)
 delete mode 100644 addons/knobs/src/components/PropForm.js
 create mode 100644 addons/knobs/src/components/PropForm.tsx
 delete mode 100644 addons/knobs/src/components/types/Array.js
 create mode 100644 addons/knobs/src/components/types/Array.tsx
 delete mode 100644 addons/knobs/src/components/types/Boolean.js
 create mode 100644 addons/knobs/src/components/types/Boolean.tsx
 delete mode 100644 addons/knobs/src/components/types/Button.js
 create mode 100644 addons/knobs/src/components/types/Button.tsx
 delete mode 100644 addons/knobs/src/components/types/Checkboxes.js
 create mode 100644 addons/knobs/src/components/types/Checkboxes.tsx
 rename addons/knobs/src/components/types/{Color.js => Color.tsx} (56%)
 rename addons/knobs/src/components/types/{Date.js => Date.tsx} (66%)
 delete mode 100644 addons/knobs/src/components/types/Files.js
 create mode 100644 addons/knobs/src/components/types/Files.tsx
 delete mode 100644 addons/knobs/src/components/types/Number.js
 create mode 100644 addons/knobs/src/components/types/Number.tsx
 rename addons/knobs/src/components/types/{Object.js => Object.tsx} (56%)
 delete mode 100644 addons/knobs/src/components/types/Options.js
 create mode 100644 addons/knobs/src/components/types/Options.tsx
 delete mode 100644 addons/knobs/src/components/types/Radio.js
 create mode 100644 addons/knobs/src/components/types/Radio.tsx
 delete mode 100644 addons/knobs/src/components/types/Select.js
 create mode 100644 addons/knobs/src/components/types/Select.tsx
 delete mode 100644 addons/knobs/src/components/types/Text.js
 create mode 100644 addons/knobs/src/components/types/Text.tsx
 delete mode 100644 addons/knobs/src/components/types/index.js
 create mode 100644 addons/knobs/src/components/types/index.ts
 rename addons/knobs/src/{converters.js => converters.ts} (59%)
 rename addons/knobs/src/{index.js => index.ts} (57%)
 rename addons/knobs/src/{register.js => register.tsx} (74%)
 rename addons/knobs/src/{registerKnobs.js => registerKnobs.ts} (82%)
 rename addons/knobs/src/{shared.js => shared.ts} (91%)
 create mode 100644 addons/knobs/src/type-defs.ts
 create mode 100644 addons/knobs/src/typings.d.ts
 create mode 100644 addons/knobs/tsconfig.json
 create mode 100644 addons/storyshots/storyshots-puppeteer/.eslintrc.js
 delete mode 100644 addons/storysource/src/loader/__snapshots__/inject-decorator.test.js.snap
 delete mode 100644 addons/storysource/src/loader/default-options.js
 delete mode 100644 addons/storysource/src/loader/generate-helpers.js
 delete mode 100644 addons/storysource/src/loader/index.js
 delete mode 100644 addons/storysource/src/loader/inject-decorator.js
 delete mode 100644 addons/storysource/src/loader/inject-decorator.test.js
 delete mode 100644 addons/storysource/src/loader/parse-helpers.js
 delete mode 100644 addons/storysource/src/loader/parsers/index.js
 delete mode 100644 addons/storysource/src/loader/parsers/parser-flow.js
 delete mode 100644 addons/storysource/src/loader/parsers/parser-js.js
 delete mode 100644 addons/storysource/src/loader/parsers/parser-ts.js
 delete mode 100644 addons/storysource/src/loader/traverse-helpers.js
 delete mode 100644 app/angular/index.d.ts
 rename app/angular/src/client/{index.js => index.ts} (77%)
 rename app/angular/src/client/preview/{angular-polyfills.js => angular-polyfills.ts} (100%)
 delete mode 100644 app/angular/src/client/preview/angular/types.ts
 rename app/angular/src/client/preview/{globals.js => globals.ts} (100%)
 delete mode 100644 app/angular/src/client/preview/index.d.ts
 delete mode 100644 app/angular/src/client/preview/index.js
 create mode 100644 app/angular/src/client/preview/index.ts
 delete mode 100644 app/angular/src/client/preview/render.js
 create mode 100644 app/angular/src/client/preview/render.ts
 create mode 100644 app/angular/src/client/preview/types.ts
 create mode 100644 app/angular/src/public_api.ts
 rename app/angular/src/server/{angular-cli_config.test.js => __tests__/angular-cli_config.test.ts} (69%)
 create mode 100644 app/angular/src/server/__tests__/angular.json
 rename app/angular/src/server/{create-fork-ts-checker-plugin.test.js => __tests__/create-fork-ts-checker-plugin.test.ts} (65%)
 rename app/angular/src/server/{ts_config.test.js => __tests__/ts_config.test.ts} (80%)
 rename app/angular/src/server/{angular-cli_config.js => angular-cli_config.ts} (84%)
 rename app/angular/src/server/{angular-cli_utils.js => angular-cli_utils.ts} (64%)
 rename app/angular/src/server/{build.js => build.ts} (100%)
 rename app/angular/src/server/{create-fork-ts-checker-plugin.js => create-fork-ts-checker-plugin.ts} (80%)
 rename app/angular/src/server/{framework-preset-angular-cli.js => framework-preset-angular-cli.ts} (69%)
 rename app/angular/src/server/{framework-preset-angular.js => framework-preset-angular.ts} (90%)
 rename app/angular/src/server/{index.js => index.ts} (100%)
 rename app/angular/src/server/{options.js => options.ts} (64%)
 delete mode 100644 app/angular/src/server/ts_config.js
 create mode 100644 app/angular/src/server/ts_config.ts
 rename app/html/src/client/{index.js => index.ts} (100%)
 rename app/html/src/client/preview/{globals.js => globals.ts} (100%)
 delete mode 100644 app/html/src/client/preview/index.js
 create mode 100644 app/html/src/client/preview/index.ts
 rename app/html/src/client/preview/{render.js => render.ts} (94%)
 create mode 100644 app/html/src/client/preview/types.ts
 rename app/html/src/server/{build.js => build.ts} (100%)
 rename app/html/src/server/{framework-preset-html.js => framework-preset-html.ts} (65%)
 rename app/html/src/server/{index.js => index.ts} (100%)
 rename app/html/src/server/{options.js => options.ts} (52%)
 create mode 100644 app/html/src/typings.d.ts
 create mode 100644 app/html/tsconfig.json
 rename app/react/src/client/{index.js => index.ts} (100%)
 rename app/react/src/client/preview/{element_check.test.js => element_check.test.tsx} (97%)
 rename app/react/src/client/preview/{element_check.js => element_check.ts} (86%)
 rename app/react/src/client/preview/{globals.js => globals.ts} (100%)
 delete mode 100644 app/react/src/client/preview/index.js
 rename app/react/src/client/preview/{index.test.js => index.test.ts} (73%)
 create mode 100644 app/react/src/client/preview/index.ts
 rename app/react/src/client/preview/{render.js => render.tsx} (93%)
 create mode 100644 app/react/src/client/preview/types.ts
 rename app/react/src/demo/{Button.js => Button.tsx} (78%)
 rename app/react/src/demo/{Welcome.js => Welcome.tsx} (74%)
 rename app/react/src/server/__mocks__/{mockConfig.js => mockConfig.ts} (100%)
 rename app/react/src/server/__mocks__/{mockRules.js => mockRules.ts} (100%)
 rename app/react/src/server/__snapshots__/{cra-config.test.js.snap => cra-config.test.ts.snap} (100%)
 rename app/react/src/server/{build.js => build.ts} (100%)
 mode change 100755 => 100644
 rename app/react/src/server/{cra-config.test.js => cra-config.test.ts} (95%)
 rename app/react/src/server/{cra-config.js => cra-config.ts} (90%)
 rename app/react/src/server/{framework-preset-cra.js => framework-preset-cra.ts} (81%)
 rename app/react/src/server/{framework-preset-react-docgen.test.js => framework-preset-react-docgen.test.ts} (93%)
 rename app/react/src/server/{framework-preset-react-docgen.js => framework-preset-react-docgen.ts} (84%)
 rename app/react/src/server/{framework-preset-react.js => framework-preset-react.ts} (77%)
 rename app/react/src/server/{index.js => index.ts} (100%)
 mode change 100755 => 100644
 rename app/react/src/server/{options.js => options.ts} (81%)
 create mode 100644 app/react/src/typings.d.ts
 create mode 100644 app/react/tsconfig.json
 create mode 100644 dev-kits/addon-decorator/README.md
 create mode 100644 dev-kits/addon-decorator/package.json
 create mode 100644 dev-kits/addon-decorator/src/constants.ts
 create mode 100644 dev-kits/addon-decorator/src/index.ts
 create mode 100644 dev-kits/addon-decorator/src/typings.d.ts
 create mode 100644 dev-kits/addon-decorator/tsconfig.json
 create mode 100644 examples/angular-cli/.storybook/presets.js
 rename examples/angular-cli/src/stories/__snapshots__/{index.storyshot => index.stories.storyshot} (81%)
 create mode 100644 examples/angular-cli/src/stories/addon-docs.stories.mdx
 rename examples/angular-cli/src/stories/{index.ts => index.stories.ts} (97%)
 delete mode 100644 examples/cra-kitchen-sink/src/stories/__snapshots__/Lifecycle.stories.storyshot
 delete mode 100644 examples/cra-kitchen-sink/src/stories/__snapshots__/cra-dynamic-import.stories.storyshot
 delete mode 100644 examples/cra-kitchen-sink/src/stories/__snapshots__/force-rerender.stories.storyshot
 delete mode 100644 examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
 delete mode 100644 examples/cra-kitchen-sink/src/stories/__snapshots__/long-description.stories.storyshot
 delete mode 100644 examples/cra-kitchen-sink/src/stories/__snapshots__/welcome.storyshot
 create mode 100644 examples/dev-kits/stories/addon-decorator.js
 delete mode 100644 examples/html-kitchen-sink/stories/__snapshots__/welcome.stories.storyshot
 create mode 100644 examples/official-storybook/stories/addon-knobs.stories.js
 delete mode 100644 examples/official-storybook/stories/core/__snapshots__/unicode.stories.storyshot
 delete mode 100644 examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
 delete mode 100644 examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
 delete mode 100644 examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
 delete mode 100644 examples/preact-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot
 delete mode 100644 examples/preact-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
 delete mode 100644 examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
 delete mode 100644 examples/preact-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
 delete mode 100644 examples/riot-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
 delete mode 100644 examples/riot-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
 delete mode 100644 examples/riot-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
 delete mode 100644 examples/riot-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
 delete mode 100644 examples/riot-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
 delete mode 100644 examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
 delete mode 100644 examples/riot-kitchen-sink/src/stories/__snapshots__/story-code.stories.storyshot
 create mode 100644 examples/standalone-preview/.babelrc.js
 create mode 100644 examples/standalone-preview/README.md
 create mode 100644 examples/standalone-preview/package.json
 create mode 100644 examples/standalone-preview/storybook.html
 create mode 100644 examples/standalone-preview/storybook.tsx
 delete mode 100644 examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
 delete mode 100644 examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
 delete mode 100644 examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
 delete mode 100644 examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
 delete mode 100644 examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
 delete mode 100644 examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
 create mode 100644 examples/vue-kitchen-sink/.storybook/presets.js
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot
 delete mode 100644 examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot
 create mode 100644 examples/vue-kitchen-sink/src/stories/addon-docs.stories.mdx
 create mode 100644 lib/api/src/tests/addons.test.js
 create mode 100644 lib/cli/lib/migrate.js
 rename lib/client-api/src/{client_api.test.js => client_api.test.ts} (91%)
 rename lib/client-api/src/{client_api.js => client_api.ts} (70%)
 rename lib/client-api/src/{config_api.js => config_api.ts} (62%)
 create mode 100644 lib/client-api/src/hooks.test.js
 create mode 100644 lib/client-api/src/hooks.ts
 rename lib/client-api/src/{index.js => index.ts} (94%)
 rename lib/client-api/src/{pathToId.js => pathToId.ts} (77%)
 rename lib/client-api/src/{pathToid.test.js => pathToid.test.ts} (100%)
 rename lib/client-api/src/{queryparams.js => queryparams.ts} (85%)
 rename lib/client-api/src/{story_store.test.js => story_store.test.ts} (76%)
 rename lib/client-api/src/{story_store.js => story_store.ts} (55%)
 delete mode 100644 lib/client-api/src/subscriptions_store.js
 rename lib/client-api/src/{subscriptions_store.test.js => subscriptions_store.test.ts} (99%)
 create mode 100644 lib/client-api/src/subscriptions_store.ts
 create mode 100644 lib/client-api/src/types.ts
 create mode 100644 lib/client-api/src/typings.d.ts
 create mode 100644 lib/client-api/tsconfig.json
 delete mode 100644 lib/components/src/Badge/__snapshots__/Badge.stories.storyshot
 delete mode 100644 lib/components/src/Button/__snapshots__/Button.stories.storyshot
 delete mode 100644 lib/components/src/brand/__snapshots__/StorybookIcon.stories.storyshot
 delete mode 100644 lib/components/src/form/__snapshots__/form.stories.storyshot
 delete mode 100644 lib/components/src/icon/__snapshots__/icon.stories.storyshot
 delete mode 100644 lib/components/src/spaced/__snapshots__/Spaced.stories.storyshot
 delete mode 100644 lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot
 delete mode 100644 lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
 delete mode 100644 lib/components/src/tooltip/__snapshots__/ListItem.stories.storyshot
 delete mode 100644 lib/components/src/tooltip/__snapshots__/Tooltip.stories.storyshot
 delete mode 100644 lib/components/src/tooltip/__snapshots__/TooltipLinkList.stories.storyshot
 delete mode 100644 lib/components/src/tooltip/__snapshots__/TooltipMessage.stories.storyshot
 delete mode 100644 lib/components/src/tooltip/__snapshots__/TooltipNote.stories.storyshot
 delete mode 100644 lib/components/src/tooltip/__snapshots__/WithTooltip.stories.storyshot
 delete mode 100644 lib/components/src/typography/__snapshots__/typography.stories.storyshot
 delete mode 100644 lib/components/src/typography/link/__snapshots__/link.stories.storyshot
 create mode 100644 lib/ui/src/app.stories.js
 delete mode 100644 lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
 delete mode 100644 lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
 delete mode 100644 lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
 delete mode 100644 lib/ui/src/components/preview/background.js
 delete mode 100644 lib/ui/src/components/sidebar/__snapshots__/SidebarSubheading.stories.storyshot
 create mode 100644 lib/ui/src/containers/panel.stories.js
 delete mode 100644 lib/ui/src/settings/__snapshots__/about.stories.storyshot

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 9f6b618ddb8..fcef34d0d0a 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -321,29 +321,6 @@ jobs:
       - run:
           name: Upload coverage
           command: yarn coverage
-  cli-test:
-    <<: *defaults
-    environment:
-      BASH_ENV: ~/.bashrc
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - run:
-          name: Test
-          command: yarn test --cli
-          no_output_timeout: 1800
-  cli-test-latest-cra:
-    <<: *defaults
-    environment:
-      BASH_ENV: ~/.bashrc
-    steps:
-      - checkout
-      - attach_workspace:
-          at: .
-      - run:
-          name: Test CLI with latest CR(N)A
-          command: yarn test-latest-cra
 workflows:
   version: 2
   build_test_deploy:
@@ -373,12 +350,6 @@ workflows:
       - coverage:
           requires:
             - test
-      - cli-test:
-          requires:
-            - build
-      - cli-test-latest-cra:
-          requires:
-            - build
       - chromatic:
           requires:
             - examples
diff --git a/.eslintignore b/.eslintignore
index c8aa038f289..4c73fd8d7a0 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -11,6 +11,7 @@ lib/codemod/src/transforms/__testfixtures__
 scripts/storage
 *.bundle.js
 *.js.map
+*.d.ts
 
 !.remarkrc.js
 !.babelrc.js
@@ -19,7 +20,3 @@ scripts/storage
 !.jest.config.js
 !.storybook
 
-REACT_NATIVE
-examples-native
-react-native
-ondevice-*
\ No newline at end of file
diff --git a/.eslintrc.js b/.eslintrc.js
index 097898b87eb..3cdb41d2dc9 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -35,7 +35,12 @@ module.exports = {
   settings: {
     'import/core-modules': ['enzyme'],
     'import/ignore': ['node_modules\\/(?!@storybook)'],
-    'import/resolver': { node: { extensions: ['.js', '.ts', '.tsx', '.mjs'] } },
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.ts', '.tsx', '.mjs', '.d.ts'],
+        paths: ['node_modules/', 'node_modules/@types/'],
+      },
+    },
     'html/html-extensions': ['.html'],
   },
   rules: {
@@ -135,7 +140,13 @@ module.exports = {
     ],
     'no-underscore-dangle': [
       error,
-      { allow: ['__STORYBOOK_CLIENT_API__', '__STORYBOOK_ADDONS_CHANNEL__'] },
+      {
+        allow: [
+          '__STORYBOOK_CLIENT_API__',
+          '__STORYBOOK_ADDONS_CHANNEL__',
+          '__STORYBOOK_STORY_STORE__',
+        ],
+      },
     ],
     '@typescript-eslint/no-var-requires': ignore,
     '@typescript-eslint/camelcase': ignore,
diff --git a/.github/automention.yml b/.github/automention.yml
index b137b453dbc..657f8a02404 100644
--- a/.github/automention.yml
+++ b/.github/automention.yml
@@ -5,7 +5,7 @@
 'app: polymer': ['stijnkoopal', 'ndelangen']
 'app: preact': ['BartWaardenburg']
 'app: react-native': ['benoitdion', 'gongreg']
-'app: react-native-server': ['benoitdion', 'igor-dv']
+'app: react-native-server': ['benoitdion', 'gongreg']
 'app: svelte': ['cam-stitt', 'plumpNation']
 'app: vue': ['backbone87', 'elevatebart', 'pksunkara']
 'api: addons': ['ndelangen']
@@ -15,10 +15,11 @@
 'addon: info': ['shilman', 'elevatebart']
 'addon: knobs': ['leoyli', 'Armanio']
 'addon: storysource': ['igor-dv', 'libetl']
-typescript: ['kroeder', 'gaetanmaisse', 'ndelangen']
+typescript: ['kroeder', 'gaetanmaisse', 'ndelangen', 'emilio-martinez']
 theming: ['ndelangen', 'domyen']
 cra: ['mrmckeb']
 cli: ['Keraito']
 dependencies: ['ndelangen']
 'babel / webpack': ['ndelangen', 'igor-dv', 'shilman']
 'yarn / npm': ['ndelangen', 'tmeasday']
+'source-loader': ['libetl']
diff --git a/.gitignore b/.gitignore
index 1394ea07078..3985fdcc2c1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 node_modules
 *.log
 .idea
+*.iml
 .vscode
 *.sw*
 npm-shrinkwrap.json
diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 00000000000..fcdcddbc9ff
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,17 @@
+language: node_js
+node_js:
+  - "8"
+
+cache:
+  yarn: true
+
+install:
+  - yarn install
+  - yarn bootstrap --core
+
+script:
+
+jobs:
+  include:
+    - script: yarn test --cli
+    - script: yarn test-latest-cra
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 97a296d398e..89773013682 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,192 @@
+## 5.2.0-alpha.44 (July 15, 2019)
+
+### Features
+
+* CLI: Add migrate command ([#7414](https://github.com/storybookjs/storybook/pull/7414))
+
+### Bug Fixes
+
+* UI: Fix Panel rendered wrong at Docs-page ([#7327](https://github.com/storybookjs/storybook/pull/7327))
+
+### Maintenance
+
+* Typescript: Fix types of client-api & storystore ([#7337](https://github.com/storybookjs/storybook/pull/7337))
+
+## 5.2.0-alpha.43 (July 13, 2019)
+
+### Bug Fixes
+
+* Addon-analytics: Fix API signature ([#7410](https://github.com/storybookjs/storybook/pull/7410))
+* Addon-knobs: fix knobs function return types ([#7391](https://github.com/storybookjs/storybook/pull/7391))
+* UI: Fix proptype for isToolshown ([#7405](https://github.com/storybookjs/storybook/pull/7405))
+* UI: Fix propType warnings ([#7408](https://github.com/storybookjs/storybook/pull/7408))
+
+### Maintenance
+
+* Addon-actions: Use v4 UUID instead of v1 for action IDs ([#7397](https://github.com/storybookjs/storybook/pull/7397))
+* UI: Remove recompose ([#7385](https://github.com/storybookjs/storybook/pull/7385))
+
+## 5.2.0-alpha.42 (July 12, 2019)
+
+### Breaking Changes
+
+* Addon-docs: Remove primary parameter ([#7383](https://github.com/storybookjs/storybook/pull/7383))
+
+### Bug Fixes
+
+* Addon-docs: Fix default separator inconsistency ([#7382](https://github.com/storybookjs/storybook/pull/7382))
+* UI: Fix placement of notificationistList on docs page ([#7290](https://github.com/storybookjs/storybook/pull/7290))
+
+### Maintenance
+
+* Typescript: Migrate @storybook/html ([#7338](https://github.com/storybookjs/storybook/pull/7338))
+
+### Dependency Upgrades
+
+* Bump lodash from 4.17.13 to 4.17.14 ([#7384](https://github.com/storybookjs/storybook/pull/7384))
+* [Security] Bump lodash.defaultsdeep from 4.6.0 to 4.6.1 ([#7370](https://github.com/storybookjs/storybook/pull/7370))
+* [Security] Bump lodash from 4.17.11 to 4.17.13 ([#7374](https://github.com/storybookjs/storybook/pull/7374))
+* [Security] Bump lodash.mergewith from 4.6.1 to 4.6.2 ([#7372](https://github.com/storybookjs/storybook/pull/7372))
+* [Security] Bump lodash.merge from 4.6.1 to 4.6.2 ([#7373](https://github.com/storybookjs/storybook/pull/7373))
+* [Security] Bump lodash-es from 4.17.11 to 4.17.14 ([#7371](https://github.com/storybookjs/storybook/pull/7371))
+* Upgrade react-select dependency to version 3 for addon-knobs ([#7336](https://github.com/storybookjs/storybook/pull/7336))
+
+## 5.2.0-alpha.41 (July 11, 2019)
+
+### Features
+
+* API: Preview hooks ([#6916](https://github.com/storybookjs/storybook/pull/6916))
+* Core: Custom webpack option for standalone storybook ([#6886](https://github.com/storybookjs/storybook/pull/6886))
+
+### Bug Fixes
+
+* Addon-knobs: Fix TypeError on KnobManager channel ([#7341](https://github.com/storybookjs/storybook/pull/7341))
+* React-native: Explicitly depend on emotion core and theming ([#7362](https://github.com/storybookjs/storybook/pull/7362))
+
+### Dependency Upgrades
+
+* Bump @babel/preset-env from 7.5.0 to 7.5.4 ([#7364](https://github.com/storybookjs/storybook/pull/7364))
+* Update react-test-renderer requirement from 16.5.1 to 16.8.6 in /examples-native/crna-kitchen-sink ([#6372](https://github.com/storybookjs/storybook/pull/6372))
+* Bump rax-text from 0.6.5 to 1.0.0 ([#7346](https://github.com/storybookjs/storybook/pull/7346))
+
+## 5.2.0-alpha.40 (July 10, 2019)
+
+### Bug Fixes
+
+* Addon-knobs: Revert entrypoint deletion ([#7369](https://github.com/storybookjs/storybook/pull/7369))
+* Typescript: Fix types in api package ([#7072](https://github.com/storybookjs/storybook/pull/7072))
+* UI: Fix settings page route (about, shortcuts) ([#7241](https://github.com/storybookjs/storybook/pull/7241))
+
+### Maintenance
+
+* Linting: ADD an ignore for an eslint error about a missing dependency (puppeteer) ([#7239](https://github.com/storybookjs/storybook/pull/7239))
+* CI: ADD travis ([#7252](https://github.com/storybookjs/storybook/pull/7252))
+* Typescript: Migrate @storybook/angular ([#6570](https://github.com/storybookjs/storybook/pull/6570))
+
+### Dependency Upgrades
+
+* Bump express-graphql from 0.7.1 to 0.8.0 ([#7345](https://github.com/storybookjs/storybook/pull/7345))
+* Bump react-native-modal-datetime-picker from 6.1.0 to 7.4.2 ([#6844](https://github.com/storybookjs/storybook/pull/6844))
+
+## 5.2.0-alpha.39 (July 10, 2019)
+
+### Bug Fixes
+
+* UI: Fix Sidebar input refresh on 'Enter' ([#7342](https://github.com/storybookjs/storybook/pull/7342))
+* Addon-knobs: Fix select options types to allow string[] and null ([#7356](https://github.com/storybookjs/storybook/pull/7356))
+
+### Maintenance
+
+* Typescript: Migrate @storybook/react ([#7054](https://github.com/storybookjs/storybook/pull/7054))
+* Build: delete tests & snapshots from dist ([#7358](https://github.com/storybookjs/storybook/pull/7358))
+
+## 5.2.0-alpha.38 (July 9, 2019)
+
+### Bug Fixes
+
+* Addon-storysource: Replace loader with source-loader ([#7272](https://github.com/storybookjs/storybook/pull/7272))
+
+### Maintenance
+
+* Typescript: Migrate @storybook/addon-knobs ([#7180](https://github.com/storybookjs/storybook/pull/7180))
+
+### Dependency Upgrades
+
+* Upgrade all dependencies ([#7329](https://github.com/storybookjs/storybook/pull/7329))
+
+## 5.2.0-alpha.37 (July 8, 2019)
+
+### Bug Fixes
+
+* Addon-docs: Use storyFn instead of getDecorated ([#7334](https://github.com/storybookjs/storybook/pull/7334))
+* Addon-knobs: Prevent rerender when a button callback returns false. ([#7197](https://github.com/storybookjs/storybook/pull/7197))
+* Addons: Fix null parameters in disable addons tab logic ([#7333](https://github.com/storybookjs/storybook/pull/7333))
+* Addon-docs: Fix renaming stories on module / MDX format ([#7319](https://github.com/storybookjs/storybook/pull/7319))
+* Addon-centered/contexts: Move optionalDependencies to peerDependencies ([#7315](https://github.com/storybookjs/storybook/pull/7315))
+
+### Maintenance
+
+* Typescript: migrate client api ([#7147](https://github.com/storybookjs/storybook/pull/7147))
+* Angular-cli: Add addon-docs example ([#7257](https://github.com/storybookjs/storybook/pull/7257))
+
+## 5.2.0-alpha.36 (July 5, 2019)
+
+### Features
+
+* Addon-docs: Added inline option to Story block ([#7308](https://github.com/storybookjs/storybook/pull/7308))
+* Addon-knobs: Ensure unique knob names across groups ([#6793](https://github.com/storybookjs/storybook/pull/6793))
+* Core: Enable webpack to rebuild changes in node_modules ([#6265](https://github.com/storybooorybook/pull/6265))
+* Addons: Disable option for addon tab ([#6923](https://github.com/storybookjs/storybook/pull/6923))
+
+### Bug Fixes
+
+* Fix lint error from #6923 ([#7311](https://github.com/storybookjs/storybook/pull/7311))
+* Addon-actions: fix serialization performance ([#7256](https://github.com/storybookjs/storybook/pull/7256))
+
+### Maintenance
+
+* Typescript: Migrate @storybook/addon-event ([#7190](https://github.com/storybookjs/storybook/pull/7190))
+* Typescript: Improve actions type ([#7012](https://github.com/storybookjs/storybook/pull/7012))
+
+## 5.2.0-alpha.35 (July 3, 2019)
+
+### Bug Fixes
+
+* React-Native: Fix null story check ([#7243](https://github.com/storybookjs/storybook/pull/7243))
+
+## 5.2.0-alpha.34 (July 2, 2019)
+
+### Bug Fixes
+
+* CLI: Fix `--preview-url` for static builds ([#7245](https://github.com/storybookjs/storybook/pull/7245))
+* Addon-docs: Fix non-React support & add Vue example ([#7222](https://github.com/storybookjs/storybook/pull/7222))
+* CLI: Move the free port logic so that loadOptions don't override it ([#7237](https://github.com/storybookjs/storybook/pull/7237))
+
+## 5.2.0-alpha.33 (July 1, 2019)
+
+### Features
+
+* CLI: Add `--preview-url` for custom preview ([#7235](https://github.com/storybookjs/storybook/pull/7235))
+
+### Bug Fixes
+
+* React-Native: Upgrade to new `story_store` API ([#7234](https://github.com/storybookjs/storybook/pull/7234))
+
+## 5.2.0-alpha.32 (June 29, 2019)
+
+### Features
+
+* Addon-docs: Add .story.mdx support to preset ([#7229](https://github.com/storybookjs/storybook/pull/7229))
+
+### Bug Fixes
+
+* React-native: Fix react native server ([#7187](https://github.com/storybookjs/storybook/pull/7187))
+* Addon-docs: Fix source-loader in monorepo examples ([#7214](https://github.com/storybookjs/storybook/pull/7214))
+
+### Maintenance
+
+* Addon-docs: Convert repo stories to new module format ([#7175](https://github.com/storybookjs/storybook/pull/7175))
+
 ## 5.2.0-alpha.31 (June 27, 2019)
 
 ### Breaking Changes
@@ -385,7 +574,7 @@ Publish failed
 - Addon-docs: Docs page bugfix
 - Addon-docs: Fix source block for legacy stories
 
-NOTE: use `@storybook/addon-storysource/loader` with option `injectParameters: true` for legacy source
+NOTE: use `@storybook/source-loader` with option `injectParameters: true` for legacy source
 
 ## 5.2.0-alpha.6 (May 14, 2019)
 
diff --git a/MIGRATION.md b/MIGRATION.md
index 593bc601f8e..9d1c4b5985e 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -1,62 +1,66 @@
 # Migration
 
-- [From version 5.1.x to 5.2.x](#from-version-51x-to-52x)
-  - [Docs mode docgen](#docs-mode-docgen)
-- [From version 5.0.x to 5.1.x](#from-version-50x-to-51x)
-  - [React native server](#react-native-server)
-  - [Angular 7](#angular-7)
-  - [CoreJS 3](#corejs-3)
-- [From version 5.0.1 to 5.0.2](#from-version-501-to-502)
-  - [Deprecate webpack extend mode](#deprecate-webpack-extend-mode)
-- [From version 4.1.x to 5.0.x](#from-version-41x-to-50x)
-  - [Webpack config simplification](#webpack-config-simplification)
-  - [Theming overhaul](#theming-overhaul)
-  - [Story hierarchy defaults](#story-hierarchy-defaults)
-  - [Options addon deprecated](#options-addon-deprecated)
-  - [Individual story decorators](#individual-story-decorators)
-  - [Addon backgrounds uses parameters](#addon-backgrounds-uses-parameters)
-  - [Addon cssresources name attribute renamed](#addon-cssresources-name-attribute-renamed)
-  - [Addon viewport uses parameters](#addon-viewport-uses-parameters)
-  - [Addon a11y uses parameters](#addon-a11y-uses-parameters-decorator-renamed)
-  - [New keyboard shortcuts defaults](#new-keyboard-shortcuts-defaults)
-  - [New URL structure](#new-url-structure)
-  - [Vue integration](#vue-integration)
-- [From version 4.0.x to 4.1.x](#from-version-40x-to-41x)
-  - [Private addon config](#private-addon-config)
-  - [React 15.x](#react-15x)
-- [From version 3.4.x to 4.0.x](#from-version-34x-to-40x)
-  - [React 16.3+](#react-163)
-  - [Generic addons](#generic-addons)
-  - [Knobs select ordering](#knobs-select-ordering)
-  - [Knobs URL parameters](#knobs-url-parameters)
-  - [Keyboard shortcuts moved](#keyboard-shortcuts-moved)
-  - [Removed addWithInfo](#removed-addwithinfo)
-  - [Removed RN packager](#removed-rn-packager)
-  - [Removed RN addons](#removed-rn-addons)
-  - [Storyshots Changes](#storyshots-changes)
-  - [Webpack 4](#webpack-4)
-  - [Babel 7](#babel-7)
-  - [Create-react-app](#create-react-app)
-    - [Upgrade CRA1 to babel 7](#upgrade-cra1-to-babel-7)
-    - [Migrate CRA1 while keeping babel 6](#migrate-cra1-while-keeping-babel-6)
-  - [start-storybook opens browser](#start-storybook-opens-browser)
-  - [CLI Rename](#cli-rename)
-  - [Addon story parameters](#addon-story-parameters)
-- [From version 3.3.x to 3.4.x](#from-version-33x-to-34x)
-- [From version 3.2.x to 3.3.x](#from-version-32x-to-33x)
-  - [`babel-core` is now a peer dependency (#2494)](#babel-core-is-now-a-peer-dependency-2494)
-  - [Base webpack config now contains vital plugins (#1775)](#base-webpack-config-now-contains-vital-plugins-1775)
-  - [Refactored Knobs](#refactored-knobs)
-- [From version 3.1.x to 3.2.x](#from-version-31x-to-32x)
-  - [Moved TypeScript addons definitions](#moved-typescript-addons-definitions)
-  - [Updated Addons API](#updated-addons-api)
-- [From version 3.0.x to 3.1.x](#from-version-30x-to-31x)
-  - [Moved TypeScript definitions](#moved-typescript-definitions)
-  - [Deprecated head.html](#deprecated-headhtml)
-- [From version 2.x.x to 3.x.x](#from-version-2xx-to-3xx)
-  - [Webpack upgrade](#webpack-upgrade)
-  - [Packages renaming](#packages-renaming)
-  - [Deprecated embedded addons](#deprecated-embedded-addons)
+- [Migration](#Migration)
+  - [From version 5.1.x to 5.2.x](#From-version-51x-to-52x)
+    - [Docs mode docgen](#Docs-mode-docgen)
+    - [storySort option](#storySort-option)
+  - [From version 5.0.x to 5.1.x](#From-version-50x-to-51x)
+    - [React native server](#React-native-server)
+    - [Angular 7](#Angular-7)
+    - [CoreJS 3](#CoreJS-3)
+  - [From version 5.0.1 to 5.0.2](#From-version-501-to-502)
+    - [Deprecate webpack extend mode](#Deprecate-webpack-extend-mode)
+  - [From version 4.1.x to 5.0.x](#From-version-41x-to-50x)
+    - [sortStoriesByKind](#sortStoriesByKind)
+  - [Webpack config simplification](#Webpack-config-simplification)
+  - [Theming overhaul](#Theming-overhaul)
+  - [Story hierarchy defaults](#Story-hierarchy-defaults)
+  - [Options addon deprecated](#Options-addon-deprecated)
+  - [Individual story decorators](#Individual-story-decorators)
+  - [Addon backgrounds uses parameters](#Addon-backgrounds-uses-parameters)
+  - [Addon cssresources name attribute renamed](#Addon-cssresources-name-attribute-renamed)
+  - [Addon viewport uses parameters](#Addon-viewport-uses-parameters)
+  - [Addon a11y uses parameters, decorator renamed](#Addon-a11y-uses-parameters-decorator-renamed)
+  - [New keyboard shortcuts defaults](#New-keyboard-shortcuts-defaults)
+  - [New URL structure](#New-URL-structure)
+  - [Rename of the `--secure` cli parameter to `--https`](#Rename-of-the---secure-cli-parameter-to---https)
+  - [Vue integration](#Vue-integration)
+  - [From version 4.0.x to 4.1.x](#From-version-40x-to-41x)
+  - [Private addon config](#Private-addon-config)
+  - [React 15.x](#React-15x)
+  - [From version 3.4.x to 4.0.x](#From-version-34x-to-40x)
+    - [React 16.3+](#React-163)
+    - [Generic addons](#Generic-addons)
+    - [Knobs select ordering](#Knobs-select-ordering)
+    - [Knobs URL parameters](#Knobs-URL-parameters)
+    - [Keyboard shortcuts moved](#Keyboard-shortcuts-moved)
+    - [Removed addWithInfo](#Removed-addWithInfo)
+    - [Removed RN packager](#Removed-RN-packager)
+    - [Removed RN addons](#Removed-RN-addons)
+    - [Storyshots Changes](#Storyshots-Changes)
+    - [Webpack 4](#Webpack-4)
+    - [Babel 7](#Babel-7)
+    - [Create-react-app](#Create-react-app)
+      - [Upgrade CRA1 to babel 7](#Upgrade-CRA1-to-babel-7)
+      - [Migrate CRA1 while keeping babel 6](#Migrate-CRA1-while-keeping-babel-6)
+    - [start-storybook opens browser](#start-storybook-opens-browser)
+    - [CLI Rename](#CLI-Rename)
+    - [Addon story parameters](#Addon-story-parameters)
+  - [From version 3.3.x to 3.4.x](#From-version-33x-to-34x)
+  - [From version 3.2.x to 3.3.x](#From-version-32x-to-33x)
+    - [`babel-core` is now a peer dependency (#2494)](#babel-core-is-now-a-peer-dependency-2494)
+    - [Base webpack config now contains vital plugins (#1775)](#Base-webpack-config-now-contains-vital-plugins-1775)
+    - [Refactored Knobs](#Refactored-Knobs)
+  - [From version 3.1.x to 3.2.x](#From-version-31x-to-32x)
+    - [Moved TypeScript addons definitions](#Moved-TypeScript-addons-definitions)
+    - [Updated Addons API](#Updated-Addons-API)
+  - [From version 3.0.x to 3.1.x](#From-version-30x-to-31x)
+    - [Moved TypeScript definitions](#Moved-TypeScript-definitions)
+    - [Deprecated head.html](#Deprecated-headhtml)
+  - [From version 2.x.x to 3.x.x](#From-version-2xx-to-3xx)
+    - [Webpack upgrade](#Webpack-upgrade)
+    - [Packages renaming](#Packages-renaming)
+    - [Deprecated embedded addons](#Deprecated-embedded-addons)
 
 ## From version 5.1.x to 5.2.x
 
@@ -67,6 +71,20 @@ This isn't a breaking change per se, because `addon-docs` is a new feature. Howe
 1. Support for only one prop table
 2. Prop table docgen info should be stored on the component and not in the global variable `STORYBOOK_REACT_CLASSES` as before.
 
+### storySort option
+
+In 5.0.x the global option `sortStoriesByKind` option was [inadverttly removed](#sortstoriesbykind). In 5.2 we've introduced a new option, `storySort`, to replace it. `storySort` takes a comparator function, so it is strictly more powerful than `sortStoriesByKind`.
+
+For example, here's how to sort by story ID using `storySort`:
+
+```js
+addParameters({
+  options: {
+    storySort: (a, b) => a[1].id.localeCompare(b[1].id),
+  },
+});
+```
+
 ## From version 5.0.x to 5.1.x
 
 ### React native server
diff --git a/README.md b/README.md
index e04eb43cf78..b306e2ef41d 100644
--- a/README.md
+++ b/README.md
@@ -163,7 +163,7 @@ Looking for a first issue to tackle?
 
 ### Development scripts
 
-Storybook is organized as a monorepo using [Lerna](https://lernajs.io). Useful scripts include:
+Storybook is organized as a monorepo using [Lerna](https://lerna.js.org/). Useful scripts include:
 
 #### `yarn bootstrap`
 
diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index 42af5a930fe..9b120ba2c7a 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -26,12 +26,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "axe-core": "^3.2.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/addons/a11y/src/components/A11YPanel.tsx b/addons/a11y/src/components/A11YPanel.tsx
index 1c5ee4e8480..5f0c1fffb61 100644
--- a/addons/a11y/src/components/A11YPanel.tsx
+++ b/addons/a11y/src/components/A11YPanel.tsx
@@ -34,15 +34,15 @@ const Icon = styled(Icons)(
       : {}
 );
 
-const Passes = styled.span(({ theme }) => ({
+const Passes = styled.span<{}>(({ theme }) => ({
   color: theme.color.positive,
 }));
 
-const Violations = styled.span(({ theme }) => ({
+const Violations = styled.span<{}>(({ theme }) => ({
   color: theme.color.negative,
 }));
 
-const Incomplete = styled.span(({ theme }) => ({
+const Incomplete = styled.span<{}>(({ theme }) => ({
   color: theme.color.warning,
 }));
 
diff --git a/addons/a11y/src/components/ColorBlindness.tsx b/addons/a11y/src/components/ColorBlindness.tsx
index f4f8f091773..377030466d5 100644
--- a/addons/a11y/src/components/ColorBlindness.tsx
+++ b/addons/a11y/src/components/ColorBlindness.tsx
@@ -1,5 +1,5 @@
 import { document } from 'global';
-import React, { Component } from 'react';
+import React, { Component, ReactNode } from 'react';
 import memoize from 'memoizerific';
 import { styled } from '@storybook/theming';
 
@@ -38,86 +38,90 @@ const ColorIcon = styled.span(
 interface ColorBlindnessProps {}
 
 interface ColorBlindnessState {
-  expanded: boolean;
-  filter: string | null;
+  active: string | null;
 }
 
+const baseList = [
+  'protanopia',
+  'protanomaly',
+  'deuteranopia',
+  'deuteranomaly',
+  'tritanopia',
+  'tritanomaly',
+  'achromatopsia',
+  'achromatomaly',
+  'mono',
+];
+
+export interface Link {
+  id: string;
+  title: ReactNode;
+  right?: ReactNode;
+  active: boolean;
+  onClick: () => void;
+}
+
+const getColorList = (active: string | null, set: (i: string | null) => void): Link[] => [
+  ...(active !== null
+    ? [
+        {
+          id: 'reset',
+          title: 'Reset color filter',
+          onClick: () => {
+            set(null);
+          },
+          right: undefined,
+          active: false,
+        },
+      ]
+    : []),
+  ...baseList.map(i => ({
+    id: i,
+    title: i.charAt(0).toUpperCase() + i.slice(1),
+    onClick: () => {
+      set(i);
+    },
+    right: <ColorIcon filter={i} />,
+    active: active === i,
+  })),
+];
+
 export class ColorBlindness extends Component<ColorBlindnessProps, ColorBlindnessState> {
   state: ColorBlindnessState = {
-    expanded: false,
-    filter: null,
+    active: null,
   };
 
-  setFilter = (filter: string | null) => {
+  setActive = (active: string | null) => {
     const iframe = getIframe();
 
     if (iframe) {
-      iframe.style.filter = getFilter(filter);
+      iframe.style.filter = getFilter(active);
       this.setState({
-        expanded: false,
-        filter,
+        active,
       });
     } else {
       logger.error('Cannot find Storybook iframe');
     }
   };
 
-  onVisibilityChange = (s: boolean) => {
-    const { expanded } = this.state;
-    if (expanded !== s) {
-      this.setState({ expanded: s });
-    }
-  };
-
   render() {
-    const { filter, expanded } = this.state;
-
-    let colorList = [
-      'protanopia',
-      'protanomaly',
-      'deuteranopia',
-      'deuteranomaly',
-      'tritanopia',
-      'tritanomaly',
-      'achromatopsia',
-      'achromatomaly',
-      'mono',
-    ].map(i => ({
-      id: i,
-      title: i.charAt(0).toUpperCase() + i.slice(1),
-      onClick: () => {
-        this.setFilter(i);
-      },
-      right: <ColorIcon filter={i} />,
-      active: filter === i,
-    }));
-
-    if (filter !== null) {
-      colorList = [
-        {
-          id: 'reset',
-          title: 'Reset color filter',
-          onClick: () => {
-            this.setFilter(null);
-          },
-          right: undefined,
-          active: false,
-        },
-        ...colorList,
-      ];
-    }
+    const { active } = this.state;
 
     return (
       <WithTooltip
         placement="top"
         trigger="click"
-        tooltipShown={expanded}
-        onVisibilityChange={this.onVisibilityChange}
-        tooltip={<TooltipLinkList links={colorList} />}
+        tooltip={({ onHide }) => {
+          const colorList = getColorList(active, i => {
+            this.setActive(i);
+            onHide();
+          });
+          return <TooltipLinkList links={colorList} />;
+        }}
         closeOnClick
-        onDoubleClick={() => this.setFilter(null)}
+        onDoubleClick={() => this.setActive(null)}
       >
-        <IconButton key="filter" active={!!filter} title="Color Blindness Emulation">
+        <IconButton key="filter" active={!!active} title="Color Blindness Emulation">
           <Icons icon="mirror" />
         </IconButton>
       </WithTooltip>
diff --git a/addons/a11y/src/components/Report/Elements.tsx b/addons/a11y/src/components/Report/Elements.tsx
index a2b1c0576ca..ce713ec948a 100644
--- a/addons/a11y/src/components/Report/Elements.tsx
+++ b/addons/a11y/src/components/Report/Elements.tsx
@@ -11,7 +11,7 @@ const Item = styled.li({
   fontWeight: 600,
 });
 
-const ItemTitle = styled.span(({ theme }) => ({
+const ItemTitle = styled.span<{}>(({ theme }) => ({
   borderBottom: `1px solid ${theme.appBorderColor}`,
   width: '100%',
   display: 'flex',
diff --git a/addons/a11y/src/components/Report/HighlightToggle.tsx b/addons/a11y/src/components/Report/HighlightToggle.tsx
index 260a4d85926..bb58a5afb28 100644
--- a/addons/a11y/src/components/Report/HighlightToggle.tsx
+++ b/addons/a11y/src/components/Report/HighlightToggle.tsx
@@ -31,7 +31,7 @@ enum CheckBoxStates {
   INDETERMINATE,
 }
 
-const Checkbox = styled.input(({ disabled }) => ({
+const Checkbox = styled.input<{ disabled: boolean }>(({ disabled }) => ({
   cursor: disabled ? 'not-allowed' : 'pointer',
 }));
 
diff --git a/addons/a11y/src/components/Report/Item.tsx b/addons/a11y/src/components/Report/Item.tsx
index d1303153439..9dce767928b 100644
--- a/addons/a11y/src/components/Report/Item.tsx
+++ b/addons/a11y/src/components/Report/Item.tsx
@@ -10,7 +10,7 @@ import { Tags } from './Tags';
 import { RuleType } from '../A11YPanel';
 import HighlightToggle from './HighlightToggle';
 
-const Wrapper = styled.div(({ theme }) => ({
+const Wrapper = styled.div<{}>(({ theme }) => ({
   display: 'flex',
   width: '100%',
   borderBottom: `1px solid ${theme.appBorderColor}`,
@@ -30,7 +30,7 @@ const Icon = styled<any, any>(Icons)(({ theme }) => ({
   display: 'inline-flex',
 }));
 
-const HeaderBar = styled.div(({ theme }) => ({
+const HeaderBar = styled.div<{}>(({ theme }) => ({
   padding: theme.layoutMargin,
   paddingLeft: theme.layoutMargin - 3,
   background: 'none',
diff --git a/addons/a11y/src/components/Report/Tags.tsx b/addons/a11y/src/components/Report/Tags.tsx
index 559a31ee79f..62968af6aa3 100644
--- a/addons/a11y/src/components/Report/Tags.tsx
+++ b/addons/a11y/src/components/Report/Tags.tsx
@@ -9,7 +9,7 @@ const Wrapper = styled.div({
   margin: '12px 0',
 });
 
-const Item = styled.div(({ theme }) => ({
+const Item = styled.div<{}>(({ theme }) => ({
   margin: '0 6px',
   padding: '5px',
   border: `1px solid ${theme.appBorderColor}`,
diff --git a/addons/a11y/src/components/Report/__snapshots__/HighlightToggle.test.js.snap b/addons/a11y/src/components/Report/__snapshots__/HighlightToggle.test.js.snap
index 55b405353d8..870f33c87f5 100644
--- a/addons/a11y/src/components/Report/__snapshots__/HighlightToggle.test.js.snap
+++ b/addons/a11y/src/components/Report/__snapshots__/HighlightToggle.test.js.snap
@@ -321,7 +321,7 @@ exports[`HighlightToggle component should match snapshot 1`] = `
         }
       }
     >
-      <ConnectFunction>
+      <Connect(HighlightToggle)>
         <HighlightToggle
           addElement={[Function]}
           elementsToHighlight={Array []}
@@ -346,7 +346,7 @@ exports[`HighlightToggle component should match snapshot 1`] = `
             />
           </Styled(input)>
         </HighlightToggle>
-      </ConnectFunction>
+      </Connect(HighlightToggle)>
     </ThemeProvider>
   </ThemedHighlightToggle>
 </Provider>
diff --git a/addons/a11y/src/components/Tabs.tsx b/addons/a11y/src/components/Tabs.tsx
index c89a68ef161..4ebeac7c490 100644
--- a/addons/a11y/src/components/Tabs.tsx
+++ b/addons/a11y/src/components/Tabs.tsx
@@ -15,7 +15,7 @@ const Container = styled.div({
   minHeight: '100%',
 });
 
-const HighlightToggleLabel = styled.label(({ theme }) => ({
+const HighlightToggleLabel = styled.label<{}>(({ theme }) => ({
   cursor: 'pointer',
   userSelect: 'none',
   marginBottom: '3px',
@@ -77,7 +77,7 @@ const Item = styled.button(
 
 const TabsWrapper = styled.div({});
 
-const List = styled.div(({ theme }) => ({
+const List = styled.div<{}>(({ theme }) => ({
   boxShadow: `${theme.appBorderColor} 0 -1px 0 0 inset`,
   background: 'rgba(0, 0, 0, .05)',
   display: 'flex',
diff --git a/addons/a11y/src/register.tsx b/addons/a11y/src/register.tsx
index a0995ab4fce..9b360ec97d4 100644
--- a/addons/a11y/src/register.tsx
+++ b/addons/a11y/src/register.tsx
@@ -2,7 +2,7 @@ import React, { Fragment, FunctionComponent } from 'react';
 import { styled } from '@storybook/theming';
 
 import { addons, types } from '@storybook/addons';
-import { ADDON_ID, PANEL_ID } from './constants';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
 import { ColorBlindness } from './components/ColorBlindness';
 import { A11YPanel } from './components/A11YPanel';
 
@@ -94,6 +94,7 @@ addons.register(ADDON_ID, api => {
     title: 'Accessibility',
     type: types.PANEL,
     render: ({ active, key }) => <A11YPanel key={key} api={api} active={active} />,
+    paramKey: PARAM_KEY,
   });
 
   addons.add(PANEL_ID, {
diff --git a/addons/actions/package.json b/addons/actions/package.json
index 7a54a05020a..e09f55b9096 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
@@ -21,15 +21,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
-    "lodash": "^4.17.11",
     "polished": "^3.3.1",
     "prop-types": "^15.7.2",
     "react": "^16.8.3",
diff --git a/addons/actions/src/components/ActionLogger/style.tsx b/addons/actions/src/components/ActionLogger/style.tsx
index 6fb7d0d3498..54abfbec156 100644
--- a/addons/actions/src/components/ActionLogger/style.tsx
+++ b/addons/actions/src/components/ActionLogger/style.tsx
@@ -10,7 +10,7 @@ export const Action = styled.div({
   alignItems: 'flex-start',
 });
 
-export const Counter = styled.div(({ theme }) => ({
+export const Counter = styled.div<{}>(({ theme }) => ({
   backgroundColor: opacify(0.5, theme.appBorderColor),
   color: theme.color.inverseText,
   fontSize: theme.typography.size.s1,
diff --git a/addons/actions/src/constants.ts b/addons/actions/src/constants.ts
index 1bc018e8d9b..9bc6f11ef5c 100644
--- a/addons/actions/src/constants.ts
+++ b/addons/actions/src/constants.ts
@@ -1,3 +1,4 @@
+export const PARAM_KEY = 'actions';
 export const ADDON_ID = 'storybook/actions';
 export const PANEL_ID = `${ADDON_ID}/panel`;
 export const EVENT_ID = `${ADDON_ID}/action-event`;
diff --git a/addons/actions/src/manager.tsx b/addons/actions/src/manager.tsx
index be1e6f8e126..d77272be077 100644
--- a/addons/actions/src/manager.tsx
+++ b/addons/actions/src/manager.tsx
@@ -1,13 +1,14 @@
 import React from 'react';
 import addons from '@storybook/addons';
 import ActionLogger from './containers/ActionLogger';
-import { ADDON_ID, PANEL_ID } from '.';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
 
 export function register() {
   addons.register(ADDON_ID, api => {
     addons.addPanel(PANEL_ID, {
       title: 'Actions',
       render: ({ active, key }) => <ActionLogger key={key} api={api} active={active} />,
+      paramKey: PARAM_KEY,
     });
   });
 }
diff --git a/addons/actions/src/models/ActionOptions.ts b/addons/actions/src/models/ActionOptions.ts
index 548c9c5075b..c4a838b17c2 100644
--- a/addons/actions/src/models/ActionOptions.ts
+++ b/addons/actions/src/models/ActionOptions.ts
@@ -2,4 +2,5 @@ export interface ActionOptions {
   depth?: number;
   clearOnStoryChange?: boolean;
   limit?: number;
+  allowFunction?: boolean;
 }
diff --git a/addons/actions/src/models/ActionsFunction.ts b/addons/actions/src/models/ActionsFunction.ts
new file mode 100644
index 00000000000..8c870cdf5ad
--- /dev/null
+++ b/addons/actions/src/models/ActionsFunction.ts
@@ -0,0 +1,81 @@
+import { ActionOptions } from './ActionOptions';
+import { ActionsMap } from './ActionsMap';
+
+export interface ActionsFunction {
+  <T extends string>(handlerMap: Record<T, string>, options?: ActionOptions): ActionsMap<T>;
+  <T extends string>(...handlers: T[]): ActionsMap<T>;
+
+  <T extends string>(handler1: T, options?: ActionOptions): ActionsMap<T>;
+  <T extends string>(handler1: T, handler2: T, options?: ActionOptions): ActionsMap<T>;
+  <T extends string>(handler1: T, handler2: T, handler3: T, options?: ActionOptions): ActionsMap<T>;
+  <T extends string>(
+    handler1: T,
+    handler2: T,
+    handler3: T,
+    handler4: T,
+    options?: ActionOptions
+  ): ActionsMap<T>;
+  <T extends string>(
+    handler1: T,
+    handler2: T,
+    handler3: T,
+    handler4: T,
+    handler5: T,
+    options?: ActionOptions
+  ): ActionsMap<T>;
+  <T extends string>(
+    handler1: T,
+    handler2: T,
+    handler3: T,
+    handler4: T,
+    handler5: T,
+    handler6: T,
+    options?: ActionOptions
+  ): ActionsMap<T>;
+  <T extends string>(
+    handler1: T,
+    handler2: T,
+    handler3: T,
+    handler4: T,
+    handler5: T,
+    handler6: T,
+    handler7: T,
+    options?: ActionOptions
+  ): ActionsMap<T>;
+  <T extends string>(
+    handler1: T,
+    handler2: T,
+    handler3: T,
+    handler4: T,
+    handler5: T,
+    handler6: T,
+    handler7: T,
+    handler8: T,
+    options?: ActionOptions
+  ): ActionsMap<T>;
+  <T extends string>(
+    handler1: T,
+    handler2: T,
+    handler3: T,
+    handler4: T,
+    handler5: T,
+    handler6: T,
+    handler7: T,
+    handler8: T,
+    handler9: T,
+    options?: ActionOptions
+  ): ActionsMap<T>;
+  <T extends string>(
+    handler1: T,
+    handler2: T,
+    handler3: T,
+    handler4: T,
+    handler5: T,
+    handler6: T,
+    handler7: T,
+    handler8: T,
+    handler9: T,
+    handler10: T,
+    options?: ActionOptions
+  ): ActionsMap<T>;
+}
diff --git a/addons/actions/src/models/ActionsMap.ts b/addons/actions/src/models/ActionsMap.ts
index d7d1b6f05a3..7dde0c7c0dd 100644
--- a/addons/actions/src/models/ActionsMap.ts
+++ b/addons/actions/src/models/ActionsMap.ts
@@ -1,5 +1,3 @@
 import { HandlerFunction } from './HandlerFunction';
 
-export interface ActionsMap {
-  [key: string]: HandlerFunction;
-}
+export type ActionsMap<T extends string = string> = Record<T, HandlerFunction>;
diff --git a/addons/actions/src/models/index.ts b/addons/actions/src/models/index.ts
index eb72774241b..d8c7de6271d 100644
--- a/addons/actions/src/models/index.ts
+++ b/addons/actions/src/models/index.ts
@@ -1,4 +1,5 @@
 export * from './ActionDisplay';
+export * from './ActionsFunction';
 export * from './ActionOptions';
 export * from './ActionsMap';
 export * from './DecoratorFunction';
diff --git a/addons/actions/src/preview/__tests__/action.test.js b/addons/actions/src/preview/__tests__/action.test.js
index 75128b8b5c2..36a954efdb5 100644
--- a/addons/actions/src/preview/__tests__/action.test.js
+++ b/addons/actions/src/preview/__tests__/action.test.js
@@ -91,3 +91,62 @@ describe('Depth config', () => {
     });
   });
 });
+
+describe('allowFunction config', () => {
+  it('with global allowFunction false', () => {
+    const channel = createChannel();
+
+    const allowFunction = false;
+
+    configureActions({
+      allowFunction,
+    });
+
+    action('test-action')({
+      root: {
+        one: {
+          a: 1,
+          b: () => 'foo',
+        },
+      },
+    });
+
+    expect(getChannelData(channel)[0]).toEqual({
+      root: {
+        one: {
+          a: 1,
+          b: expect.any(Function),
+        },
+      },
+    });
+  });
+
+  // TODO: this test is pretty pointless, as the real channel isn't used, nothing is changed
+  it('with global allowFunction true', () => {
+    const channel = createChannel();
+
+    const allowFunction = true;
+
+    configureActions({
+      allowFunction,
+    });
+
+    action('test-action')({
+      root: {
+        one: {
+          a: 1,
+          b: () => 'foo',
+        },
+      },
+    });
+
+    expect(getChannelData(channel)[0]).toEqual({
+      root: {
+        one: {
+          a: 1,
+          b: expect.any(Function),
+        },
+      },
+    });
+  });
+});
diff --git a/addons/actions/src/preview/action.ts b/addons/actions/src/preview/action.ts
index f2484359559..d9a026472de 100644
--- a/addons/actions/src/preview/action.ts
+++ b/addons/actions/src/preview/action.ts
@@ -1,4 +1,4 @@
-import uuid from 'uuid/v1';
+import uuid from 'uuid/v4';
 import { addons } from '@storybook/addons';
 import { EVENT_ID } from '../constants';
 import { ActionDisplay, ActionOptions, HandlerFunction } from '../models';
@@ -22,6 +22,7 @@ export function action(name: string, options: ActionOptions = {}): HandlerFuncti
       options: {
         ...actionOptions,
         depth: minDepth + (actionOptions.depth || 3),
+        allowFunction: actionOptions.allowFunction || false,
       },
     };
     channel.emit(EVENT_ID, actionDisplayToEmit);
diff --git a/addons/actions/src/preview/actions.ts b/addons/actions/src/preview/actions.ts
index 416440a66ce..41c6d077a6a 100644
--- a/addons/actions/src/preview/actions.ts
+++ b/addons/actions/src/preview/actions.ts
@@ -1,8 +1,8 @@
 import { action } from './action';
-import { ActionOptions, ActionsMap } from '../models';
+import { ActionsFunction, ActionOptions, ActionsMap } from '../models';
 import { config } from './configureActions';
 
-export function actions(...args: any[]): ActionsMap {
+export const actions: ActionsFunction = (...args: any[]) => {
   let options: ActionOptions = config;
   const names = args;
   // last argument can be options
@@ -26,4 +26,4 @@ export function actions(...args: any[]): ActionsMap {
     actionsObject[name] = action(namesObject[name], options);
   });
   return actionsObject;
-}
+};
diff --git a/addons/actions/src/preview/withActions.ts b/addons/actions/src/preview/withActions.ts
index 51287f15305..5d4b620be74 100644
--- a/addons/actions/src/preview/withActions.ts
+++ b/addons/actions/src/preview/withActions.ts
@@ -1,14 +1,9 @@
 // Based on http://backbonejs.org/docs/backbone.html#section-164
 import { document, Element } from 'global';
-import { isEqual } from 'lodash';
-import { addons } from '@storybook/addons';
-import Events from '@storybook/core-events';
+import { useEffect } from '@storybook/client-api';
 
 import { actions } from './actions';
 
-let lastSubscription: () => () => void;
-let lastArgs: any[];
-
 const delegateEventSplitter = /^(\S+)\s*(.*)$/;
 
 const isIE = Element != null && !Element.prototype.matches;
@@ -42,24 +37,17 @@ const createHandlers = (actionsFn: (...arg: any[]) => object, ...args: any[]) =>
   });
 };
 
-const actionsSubscription = (...args: any[]) => {
-  if (!isEqual(args, lastArgs)) {
-    lastArgs = args;
-    // @ts-ignore
-    const handlers = createHandlers(...args);
-    lastSubscription = () => {
+export const createDecorator = (actionsFn: any) => (...args: any[]) => (storyFn: () => any) => {
+  useEffect(() => {
+    if (root != null) {
+      const handlers = createHandlers(actionsFn, ...args);
       handlers.forEach(({ eventName, handler }) => root.addEventListener(eventName, handler));
       return () =>
         handlers.forEach(({ eventName, handler }) => root.removeEventListener(eventName, handler));
-    };
-  }
-  return lastSubscription;
-};
+    }
+    return undefined;
+  }, [root, actionsFn, args]);
 
-export const createDecorator = (actionsFn: any) => (...args: any[]) => (storyFn: () => any) => {
-  if (root != null) {
-    addons.getChannel().emit(Events.REGISTER_SUBSCRIPTION, actionsSubscription(actionsFn, ...args));
-  }
   return storyFn();
 };
 
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index afdfd9d8db1..0ad4e47b9d2 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -25,12 +25,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "memoizerific": "^1.11.3",
     "react": "^16.8.3",
diff --git a/addons/backgrounds/src/containers/BackgroundSelector.tsx b/addons/backgrounds/src/containers/BackgroundSelector.tsx
index 4b836435b00..3abae84952b 100644
--- a/addons/backgrounds/src/containers/BackgroundSelector.tsx
+++ b/addons/backgrounds/src/containers/BackgroundSelector.tsx
@@ -1,4 +1,4 @@
-import React, { Component, Fragment } from 'react';
+import React, { Component, Fragment, ReactElement } from 'react';
 import memoize from 'memoizerific';
 
 import { Combo, Consumer, API } from '@storybook/api';
@@ -14,7 +14,7 @@ interface Item {
   title: string;
   onClick: () => void;
   value: string;
-  right?: any;
+  right?: ReactElement;
 }
 
 interface Input {
@@ -23,7 +23,7 @@ interface Input {
   default?: boolean;
 }
 
-const iframeId = 'storybook-preview-background';
+const iframeId = 'storybook-preview-iframe';
 
 const createBackgroundSelectorItem = memoize(1000)(
   (
@@ -71,72 +71,56 @@ const mapper = ({ api, state }: Combo): { items: Input[]; selected: string | nul
   return { items: list || [], selected };
 };
 
-const getDisplayedItems = memoize(10)((list: Input[], selected: string | null, change) => {
-  let availableBackgroundSelectorItems: Item[] = [];
+const getDisplayedItems = memoize(10)(
+  (
+    list: Input[],
+    selected: string | null,
+    change: (arg: { selected: string; name: string }) => void
+  ) => {
+    let availableBackgroundSelectorItems: Item[] = [];
 
-  if (selected !== 'transparent') {
-    availableBackgroundSelectorItems.push(
-      createBackgroundSelectorItem('reset', 'Clear background', 'transparent', null, change)
-    );
+    if (selected !== 'transparent') {
+      availableBackgroundSelectorItems.push(
+        createBackgroundSelectorItem('reset', 'Clear background', 'transparent', null, change)
+      );
+    }
+
+    if (list.length) {
+      availableBackgroundSelectorItems = [
+        ...availableBackgroundSelectorItems,
+        ...list.map(({ name, value }) =>
+          createBackgroundSelectorItem(null, name, value, true, change)
+        ),
+      ];
+    }
+
+    return availableBackgroundSelectorItems;
   }
-
-  if (list.length) {
-    availableBackgroundSelectorItems = [
-      ...availableBackgroundSelectorItems,
-      ...list.map(({ name, value }) =>
-        createBackgroundSelectorItem(null, name, value, true, change)
-      ),
-    ];
-  }
-
-  return availableBackgroundSelectorItems;
-});
+);
 
 interface GlobalState {
   name: string | undefined;
   selected: string | undefined;
 }
 
-interface State {
-  expanded: boolean;
-}
-
 interface Props {
   api: API;
 }
 
-export class BackgroundSelector extends Component<Props, State> {
-  state: State = {
-    expanded: false,
-  };
-
+export class BackgroundSelector extends Component<Props> {
   change = ({ selected, name }: GlobalState) => {
     const { api } = this.props;
-    const { expanded } = this.state;
-    if (expanded) {
-      this.setState({ expanded: false });
-    }
     if (typeof selected === 'string') {
       api.setAddonState<string>(PARAM_KEY, selected);
     }
     api.emit(EVENTS.UPDATE, { selected, name });
   };
 
-  onVisibilityChange = (s: boolean) => {
-    const { expanded } = this.state;
-    if (expanded !== s) {
-      this.setState({ expanded: s });
-    }
-  };
-
   render() {
-    const { expanded } = this.state;
-
     return (
       <Consumer filter={mapper}>
         {({ items, selected }: ReturnType<typeof mapper>) => {
           const selectedBackgroundColor = getSelectedBackgroundColor(items, selected);
-          const links = getDisplayedItems(items, selectedBackgroundColor, this.change);
 
           return items.length ? (
             <Fragment>
@@ -155,9 +139,14 @@ export class BackgroundSelector extends Component<Props, State> {
               <WithTooltip
                 placement="top"
                 trigger="click"
-                tooltipShown={expanded}
-                onVisibilityChange={this.onVisibilityChange}
-                tooltip={<TooltipLinkList links={links} />}
+                tooltip={({ onHide }) => (
+                  <TooltipLinkList
+                    links={getDisplayedItems(items, selectedBackgroundColor, i => {
+                      this.change(i);
+                      onHide();
+                    })}
+                  />
+                )}
                 closeOnClick
               >
                 <IconButton
diff --git a/addons/backgrounds/src/containers/GridSelector.tsx b/addons/backgrounds/src/containers/GridSelector.tsx
new file mode 100644
index 00000000000..7009d594078
--- /dev/null
+++ b/addons/backgrounds/src/containers/GridSelector.tsx
@@ -0,0 +1,41 @@
+import React, { FunctionComponent } from 'react';
+
+import { useAddonState } from '@storybook/api';
+import { Global } from '@storybook/theming';
+import { Icons, IconButton } from '@storybook/components';
+
+import { ADDON_ID } from '../constants';
+
+const iframeId = 'storybook-preview-iframe';
+
+export const GridSelector: FunctionComponent = () => {
+  const [state, setState] = useAddonState<boolean>(`${ADDON_ID}/grid`);
+
+  return (
+    <IconButton
+      key="background"
+      active={state}
+      title="Change the background of the preview"
+      onClick={() => setState(!state)}
+    >
+      <Icons icon="grid" />
+      {state ? (
+        <Global
+          styles={{
+            [`#${iframeId}`]: {
+              backgroundSize: '100px 100px, 100px 100px, 20px 20px, 20px 20px',
+              backgroundPosition: '-1px -1px, -1px -1px, -1px -1px, -1px -1px',
+              backgroundBlendMode: 'difference',
+              backgroundImage: [
+                'linear-gradient(rgba(130, 130, 130,0.5) 1px,transparent 1px)',
+                'linear-gradient(90deg,rgb(130, 130, 130,0.5) 1px,transparent 1px)',
+                'linear-gradient(rgba(130, 130, 130, 0.25) 1px,transparent 1px)',
+                'linear-gradient(90deg,rgba(130, 130, 130, 0.25) 1px,transparent 1px)',
+              ].join(','),
+            },
+          }}
+        />
+      ) : null}
+    </IconButton>
+  );
+};
diff --git a/addons/backgrounds/src/register.tsx b/addons/backgrounds/src/register.tsx
index 7dde13f9e16..bb1aacd7548 100644
--- a/addons/backgrounds/src/register.tsx
+++ b/addons/backgrounds/src/register.tsx
@@ -1,14 +1,20 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import { addons, types } from '@storybook/addons';
 
 import { ADDON_ID } from './constants';
 import { BackgroundSelector } from './containers/BackgroundSelector';
+import { GridSelector } from './containers/GridSelector';
 
 addons.register(ADDON_ID, api => {
   addons.add(ADDON_ID, {
     title: 'Backgrounds',
     type: types.TOOL,
     match: ({ viewMode }) => viewMode === 'story',
-    render: () => <BackgroundSelector api={api} />,
+    render: () => (
+      <Fragment>
+        <BackgroundSelector api={api} />
+        <GridSelector />
+      </Fragment>
+    ),
   });
 });
diff --git a/addons/centered/angular.d.ts b/addons/centered/angular.d.ts
index 202fdd65725..9864b1d2b81 100644
--- a/addons/centered/angular.d.ts
+++ b/addons/centered/angular.d.ts
@@ -1,3 +1,5 @@
+import { StoryFn } from "@storybook/addons";
+
 export interface ICollection {
   [p: string]: any;
 }
@@ -11,11 +13,13 @@ export interface NgModuleMetadata {
 }
 
 export interface IStory {
-  props?: ICollection;
-  moduleMetadata?: Partial<NgModuleMetadata>;
   component?: any;
+  props?: ICollection;
+  propsMeta?: ICollection;
+  moduleMetadata?: NgModuleMetadata;
   template?: string;
+  styles?: string[];
 }
 declare module '@storybook/addon-centered/angular' {
-  export function centered(story: IStory): IStory;
+  export function centered(story: StoryFn<IStory>): IStory;
 }
diff --git a/addons/centered/package.json b/addons/centered/package.json
index 414b4f77dbf..e21f5ffdbb7 100644
--- a/addons/centered/package.json
+++ b/addons/centered/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-centered",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook decorator to center components",
   "keywords": [
     "addon",
@@ -23,14 +23,18 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
+    "@storybook/addons": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@types/mithril": "^1.1.16"
+    "@types/mithril": "^1.1.16",
+    "mithril": "*",
+    "preact": "*",
+    "react": "*"
   },
-  "optionalDependencies": {
+  "peerDependencies": {
     "mithril": "*",
     "preact": "*",
     "react": "*"
diff --git a/addons/centered/src/angular.ts b/addons/centered/src/angular.ts
index da930cd17e2..124edcc4490 100644
--- a/addons/centered/src/angular.ts
+++ b/addons/centered/src/angular.ts
@@ -1,3 +1,5 @@
+import { StoryFn } from '@storybook/addons';
+import { IStory } from '../angular.d';
 import styles from './styles';
 
 function getComponentSelector(component: any) {
@@ -43,7 +45,7 @@ function getModuleMetadata(metadata: any) {
   return moduleMetadata;
 }
 
-export default function(metadataFn: any) {
+export default function(metadataFn: StoryFn<IStory>) {
   const metadata = metadataFn();
 
   return {
diff --git a/addons/contexts/package.json b/addons/contexts/package.json
index 565196a5bb7..d4bdc6dbd00 100644
--- a/addons/contexts/package.json
+++ b/addons/contexts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-contexts",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook Addon Contexts",
   "keywords": [
     "storybook",
@@ -28,17 +28,20 @@
     "dev:check-types": "tsc --noEmit"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1"
   },
   "peerDependencies": {
     "global": "*",
-    "qs": "*"
+    "preact": "*",
+    "qs": "*",
+    "react": "*",
+    "vue": "*"
   },
-  "optionalDependencies": {
+  "devDependencies": {
     "preact": "*",
     "react": "*",
     "vue": "*"
diff --git a/addons/contexts/src/manager/components/ToolBarMenu.test.tsx b/addons/contexts/src/manager/components/ToolBarMenu.test.tsx
index 2d4e9a6942b..8eb15db3f65 100644
--- a/addons/contexts/src/manager/components/ToolBarMenu.test.tsx
+++ b/addons/contexts/src/manager/components/ToolBarMenu.test.tsx
@@ -23,10 +23,13 @@ describe('Tests on addon-contexts component: ToolBarMenu', () => {
 
     // then
     expect(result).toMatchInlineSnapshot(`
-      <lifecycle(WithTooltipPure)
+      <WithTooltipPure
         closeOnClick={true}
+        hasChrome={true}
+        modifiers={Object {}}
         onVisibilityChange={[Function]}
         placement="top"
+        svg={false}
         tooltip={
           <ToolBarMenuOptions
             activeName="A"
@@ -50,7 +53,7 @@ describe('Tests on addon-contexts component: ToolBarMenu', () => {
             icon="globe"
           />
         </IconButton>
-      </lifecycle(WithTooltipPure)>
+      </WithTooltipPure>
     `);
   });
 
@@ -73,10 +76,13 @@ describe('Tests on addon-contexts component: ToolBarMenu', () => {
 
     // then
     expect(result).toMatchInlineSnapshot(`
-      <lifecycle(WithTooltipPure)
+      <WithTooltipPure
         closeOnClick={true}
+        hasChrome={true}
+        modifiers={Object {}}
         onVisibilityChange={[Function]}
         placement="top"
+        svg={false}
         tooltip={
           <ToolBarMenuOptions
             activeName="A"
@@ -97,7 +103,7 @@ describe('Tests on addon-contexts component: ToolBarMenu', () => {
         >
           Some Context
         </TabButton>
-      </lifecycle(WithTooltipPure)>
+      </WithTooltipPure>
     `);
   });
 });
diff --git a/addons/contexts/src/manager/components/ToolBarMenu.tsx b/addons/contexts/src/manager/components/ToolBarMenu.tsx
index 1054bddf83e..dc19a6fccf7 100644
--- a/addons/contexts/src/manager/components/ToolBarMenu.tsx
+++ b/addons/contexts/src/manager/components/ToolBarMenu.tsx
@@ -1,5 +1,5 @@
 import React, { ComponentProps } from 'react';
-import { Icons, IconButton, WithTooltip, TabButton } from '@storybook/components';
+import { Icons, IconButton, WithTooltipPure, TabButton } from '@storybook/components';
 import { ToolBarMenuOptions } from './ToolBarMenuOptions';
 import { ContextNode, FCNoChildren } from '../../shared/types.d';
 
@@ -20,7 +20,7 @@ export const ToolBarMenu: ToolBarMenu = ({
   setExpanded,
   optionsProps,
 }) => (
-  <WithTooltip
+  <WithTooltipPure
     closeOnClick
     trigger="click"
     placement="top"
@@ -35,5 +35,5 @@ export const ToolBarMenu: ToolBarMenu = ({
     ) : (
       <TabButton active={active}>{title}</TabButton>
     )}
-  </WithTooltip>
+  </WithTooltipPure>
 );
diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json
index 6096c9f2d3d..96718793a28 100644
--- a/addons/cssresources/package.json
+++ b/addons/cssresources/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-cssresources",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "A storybook addon to switch between css resources at runtime for your story",
   "keywords": [
     "addon",
@@ -25,10 +25,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3"
diff --git a/addons/cssresources/src/register.tsx b/addons/cssresources/src/register.tsx
index 4c893c5ccc9..4366ea61801 100644
--- a/addons/cssresources/src/register.tsx
+++ b/addons/cssresources/src/register.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { addons, types } from '@storybook/addons';
 
-import { ADDON_ID, PANEL_ID } from './constants';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
 import { CssResourcePanel } from './css-resource-panel';
 
 addons.register(ADDON_ID, api => {
@@ -10,5 +10,6 @@ addons.register(ADDON_ID, api => {
     type: types.PANEL,
     title: 'CSS resources',
     render: ({ active }) => <CssResourcePanel key={PANEL_ID} api={api} active={active} />,
+    paramKey: PARAM_KEY,
   });
 });
diff --git a/addons/design-assets/package.json b/addons/design-assets/package.json
index 7ab9fc05ddc..ddca076c190 100644
--- a/addons/design-assets/package.json
+++ b/addons/design-assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-design-assets",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Design asset preview for storybook",
   "keywords": [
     "addon",
@@ -27,12 +27,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/design-assets/src/panel.tsx b/addons/design-assets/src/panel.tsx
index db9c835c69f..d6a4c43f63f 100644
--- a/addons/design-assets/src/panel.tsx
+++ b/addons/design-assets/src/panel.tsx
@@ -50,16 +50,15 @@ export const Panel = () => {
   const [selected, setSelected] = useAddonState<Selected>(ADDON_ID, 0);
   const { storyId } = useStorybookState();
 
-  if (results.length === 0) {
-    return null;
-  }
-
-  if (results.length && !results[selected]) {
-    setSelected(0);
-    return null;
-  }
-
   return useMemo(() => {
+    if (results.length === 0) {
+      return null;
+    }
+
+    if (results.length && !results[selected]) {
+      setSelected(0);
+      return null;
+    }
     const url = getUrl(results[selected]).replace('{id}', storyId);
     return (
       <Fragment>
diff --git a/addons/design-assets/src/register.tsx b/addons/design-assets/src/register.tsx
index 61fda7a988d..fb903ec514e 100644
--- a/addons/design-assets/src/register.tsx
+++ b/addons/design-assets/src/register.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { addons, types } from '@storybook/addons';
 import { AddonPanel } from '@storybook/components';
-import { ADDON_ID, PANEL_ID } from './constants';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
 import { Panel } from './panel';
 
 addons.register(ADDON_ID, () => {
@@ -14,5 +14,6 @@ addons.register(ADDON_ID, () => {
         <Panel />
       </AddonPanel>
     ),
+    paramKey: PARAM_KEY,
   });
 });
diff --git a/addons/docs/README.md b/addons/docs/README.md
index 57252453dc0..cc55cdca14d 100644
--- a/addons/docs/README.md
+++ b/addons/docs/README.md
@@ -15,16 +15,15 @@ features as well. This chart captures the current state of support
 | MDX stories    |   +   |  +  |    +    |    +    |    +    |  +   |   +   |   +    |  +   |   +   |   +    |
 | Module stories |   +   |  +  |    +    |    +    |    +    |  +   |   +   |   +    |  +   |   +   |   +    |
 | Legacy stories |   +   |  +  |    +    |    +    |    +    |  +   |   +   |   +    |  +   |   +   |   +    |
-| Source \*      |   +   |  +  |    +    |    +    |    +    |  +   |   +   |   +    |  +   |   +   |   +    |
+| Source         |   +   |  +  |    +    |    +    |    +    |  +   |   +   |   +    |  +   |   +   |   +    |
 | Notes / Info   |   +   |  +  |    +    |    +    |    +    |  +   |   +   |   +    |  +   |   +   |   +    |
-| Props table    |   +   |  #  |    #    |         |         |      |       |        |      |       |        |
-| Docgen         |   +   |  #  |    #    |         |         |      |       |        |      |       |        |
+| Props table    |   +   |  +  |    #    |         |         |      |       |        |      |       |        |
+| Docgen         |   +   |  +  |    #    |         |         |      |       |        |      |       |        |
 | Inline stories |   +   |  #  |         |         |         |      |       |        |      |       |        |
 
 **Notes:**
 
 - `#` denotes planned/WIP support
-- \* Source supports legacy `JS storiesOf` and `MDX` stories. `Typescript` and new `module format` support is WIP
 
 ## Installation
 
diff --git a/addons/docs/angular/index.js b/addons/docs/angular/index.js
new file mode 100644
index 00000000000..38c1756201b
--- /dev/null
+++ b/addons/docs/angular/index.js
@@ -0,0 +1 @@
+module.exports = require('../common/index');
diff --git a/addons/docs/angular/preset.js b/addons/docs/angular/preset.js
new file mode 100644
index 00000000000..a9b8af2cce0
--- /dev/null
+++ b/addons/docs/angular/preset.js
@@ -0,0 +1 @@
+module.exports = require('../common/preset');
diff --git a/addons/docs/common/preset.js b/addons/docs/common/preset.js
index da25537f108..3831a573b20 100644
--- a/addons/docs/common/preset.js
+++ b/addons/docs/common/preset.js
@@ -26,20 +26,8 @@ function webpack(webpackConfig = {}, options = {}) {
       ...module,
       rules: [
         ...(module.rules || []),
-        // {
-        //   test: [/\.stories\.(jsx?$|ts?$)/],
-        //   enforce: 'pre',
-        //   use: [
-        //     {
-        //       loader: require.resolve('@storybook/addon-storysource/loader'),
-        //       options: {
-        //         injectParameters: true,
-        //       },
-        //     },
-        //   ],
-        // },
         {
-          test: /\.stories.mdx$/,
+          test: /\.(stories|story).mdx$/,
           use: [
             {
               loader: 'babel-loader',
@@ -55,7 +43,7 @@ function webpack(webpackConfig = {}, options = {}) {
         },
         {
           test: /\.mdx$/,
-          exclude: /\.stories.mdx$/,
+          exclude: /\.(stories|story).mdx$/,
           use: [
             {
               loader: 'babel-loader',
@@ -72,11 +60,7 @@ function webpack(webpackConfig = {}, options = {}) {
 }
 
 function addons(entry = []) {
-  return [
-    ...entry,
-    // require.resolve('@storybook/addon-storysource/register'),
-    require.resolve('../register'),
-  ];
+  return [...entry, require.resolve('../register')];
 }
 
 module.exports = { webpack, addons };
diff --git a/addons/docs/package.json b/addons/docs/package.json
index f9b43dc9a9d..5e7b2554f8e 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Superior documentation for your components",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "@mdx-js/loader": "^1.0.0",
     "@mdx-js/mdx": "^1.0.0",
     "@mdx-js/react": "^1.0.16",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.11",
diff --git a/addons/docs/src/blocks/DocsPage.tsx b/addons/docs/src/blocks/DocsPage.tsx
index 8d3c3944784..a9f1f22c196 100644
--- a/addons/docs/src/blocks/DocsPage.tsx
+++ b/addons/docs/src/blocks/DocsPage.tsx
@@ -37,13 +37,8 @@ interface StoryData {
 const getDocsStories = (type: DocsStoriesType, componentStories: StoryData[]): DocsStoryProps[] => {
   let stories = componentStories;
   if (type !== DocsStoriesType.ALL) {
-    const primary = stories.find(s => s.parameters && s.parameters.primary);
     const [first, ...rest] = stories;
-    if (type === DocsStoriesType.PRIMARY) {
-      stories = [primary || first];
-    } else {
-      stories = primary ? stories.filter(s => !s.parameters || !s.parameters.primary) : rest;
-    }
+    stories = type === DocsStoriesType.PRIMARY ? [first] : rest;
   }
   return stories.map(({ id, name, parameters: { notes, info } }) => ({
     id,
@@ -100,7 +95,7 @@ const getDocsPageProps = (context: DocsContextProps): DocsPageProps => {
     hierarchySeparator: groupSeparator,
   } = (parameters && parameters.options) || {
     hierarchyRootSeparator: '|',
-    hierarchySeparator: '/',
+    hierarchySeparator: /\/|\./,
   };
 
   const { groups } = parseKind(selectedKind, { rootSeparator, groupSeparator });
diff --git a/addons/docs/src/blocks/Story.tsx b/addons/docs/src/blocks/Story.tsx
index 7fde8e353b3..6940fbe192b 100644
--- a/addons/docs/src/blocks/Story.tsx
+++ b/addons/docs/src/blocks/Story.tsx
@@ -7,6 +7,7 @@ import { DocsContext, DocsContextProps } from './DocsContext';
 
 interface CommonProps {
   height?: string;
+  inline?: boolean;
 }
 
 type StoryDefProps = {
@@ -38,15 +39,17 @@ export const getStoryProps = (
   const inputId = id === CURRENT_SELECTION ? currentId : id;
   const previewId = inputId || toId(mdxKind, name);
 
-  const { height } = props;
+  const { height, inline } = props;
   const data = storyStore.fromId(previewId);
   const { framework = null } = parameters || {};
+
+  // prefer props, then global options, then framework-inferred values
   const { inlineStories = inferInlineStories(framework), iframeHeight = undefined } =
     (parameters && parameters.options && parameters.options.docs) || {};
   return {
-    inline: inlineStories,
+    inline: typeof inline === 'boolean' ? inline : inlineStories,
     id: previewId,
-    storyFn: data && data.getDecorated(),
+    storyFn: data && data.storyFn,
     height: height || iframeHeight,
     title: data && data.name,
   };
diff --git a/addons/docs/src/lib/getPropDefs.ts b/addons/docs/src/lib/getPropDefs.ts
index 2837e205847..9e4230e8e31 100644
--- a/addons/docs/src/lib/getPropDefs.ts
+++ b/addons/docs/src/lib/getPropDefs.ts
@@ -1,4 +1,4 @@
-/* eslint-disable no-underscore-dangle */
+/* eslint-disable no-underscore-dangle,react/forbid-foreign-prop-types */
 
 import PropTypes from 'prop-types';
 import { PropDef } from '@storybook/components';
diff --git a/addons/events/package.json b/addons/events/package.json
index dd41f85c9c4..c0b02598ebf 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-events",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Add events to your Storybook stories.",
   "keywords": [
     "addon",
@@ -19,14 +19,16 @@
   },
   "license": "MIT",
   "main": "dist/index.js",
-  "jsnext:main": "src/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "format-json": "^1.0.3",
     "lodash": "^4.17.11",
diff --git a/addons/events/src/components/Event.js b/addons/events/src/components/Event.tsx
similarity index 78%
rename from addons/events/src/components/Event.js
rename to addons/events/src/components/Event.tsx
index 7e363495947..6ccaba9d6bc 100644
--- a/addons/events/src/components/Event.js
+++ b/addons/events/src/components/Event.tsx
@@ -5,10 +5,19 @@ import isEqual from 'lodash/isEqual';
 
 import { styled } from '@storybook/theming';
 import json from 'format-json';
-
 import Textarea from 'react-textarea-autosize';
+import { OnEmitEvent } from '../index';
 
-const StyledTextarea = styled(Textarea)(
+interface StyledTextareaProps {
+  shown: boolean;
+  failed: boolean;
+  value?: string;
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+
+const StyledTextarea = styled(({ shown, failed, ...rest }: StyledTextareaProps) => (
+  <Textarea {...rest} />
+))<{ shown: boolean; failed: boolean }>(
   {
     flex: '1 0 0',
     boxSizing: 'border-box',
@@ -67,7 +76,7 @@ const Label = styled.label({
   textAlign: 'right',
   width: 100,
   fontWeight: '600',
-});
+} as any);
 
 const Wrapper = styled.div({
   display: 'flex',
@@ -77,15 +86,29 @@ const Wrapper = styled.div({
   width: '100%',
 });
 
-function getJSONFromString(str) {
+function getJSONFromString(str: string) {
   try {
     return JSON.parse(str);
   } catch (e) {
     return str;
   }
 }
+interface ItemProps {
+  name: string;
+  title: string;
+  onEmit: (event: OnEmitEvent) => void;
+  payload: unknown;
+}
 
-class Item extends Component {
+interface ItemState {
+  isTextAreaShowed: boolean;
+  failed: boolean;
+  payload: unknown;
+  payloadString: string;
+  prevPayload: unknown;
+}
+
+class Item extends Component<ItemProps, ItemState> {
   static propTypes = {
     name: PropTypes.string.isRequired,
     title: PropTypes.string.isRequired,
@@ -98,12 +121,16 @@ class Item extends Component {
     payload: {},
   };
 
-  state = {
+  state: ItemState = {
     isTextAreaShowed: false,
+    failed: false,
+    payload: null,
+    payloadString: '',
+    prevPayload: null,
   };
 
-  onChange = ({ target: { value } }) => {
-    const newState = {
+  onChange = ({ target: { value } }: React.ChangeEvent<HTMLTextAreaElement>) => {
+    const newState: Partial<ItemState> = {
       payloadString: value,
     };
 
@@ -114,7 +141,7 @@ class Item extends Component {
       newState.failed = true;
     }
 
-    this.setState(newState);
+    this.setState(state => ({ ...state, ...newState }));
   };
 
   onEmitClick = () => {
@@ -133,7 +160,7 @@ class Item extends Component {
     }));
   };
 
-  static getDerivedStateFromProps = ({ payload }, { prevPayload }) => {
+  static getDerivedStateFromProps = ({ payload }: ItemProps, { prevPayload }: ItemState) => {
     if (!isEqual(payload, prevPayload)) {
       const payloadString = json.plain(payload);
       const refinedPayload = getJSONFromString(payloadString);
@@ -150,7 +177,6 @@ class Item extends Component {
   render() {
     const { title, name } = this.props;
     const { failed, isTextAreaShowed, payloadString } = this.state;
-
     return (
       <Wrapper>
         <Label htmlFor={`addon-event-${name}`}>{title}</Label>
diff --git a/addons/events/src/components/Panel.js b/addons/events/src/components/Panel.tsx
similarity index 73%
rename from addons/events/src/components/Panel.js
rename to addons/events/src/components/Panel.tsx
index 4c37e0727a5..6c79a5ff2e5 100644
--- a/addons/events/src/components/Panel.js
+++ b/addons/events/src/components/Panel.tsx
@@ -2,9 +2,11 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
 import { styled } from '@storybook/theming';
+import { API } from '@storybook/api';
 
 import { EVENTS } from '../constants';
 import Event from './Event';
+import { Event as EventType, OnEmitEvent } from '../index';
 
 const Wrapper = styled.div({
   width: '100%',
@@ -13,7 +15,15 @@ const Wrapper = styled.div({
   minHeight: '100%',
 });
 
-export default class EventsPanel extends Component {
+interface EventsPanelProps {
+  active: boolean;
+  api: API;
+}
+interface EventsPanelState {
+  events: EventType[];
+}
+
+export default class EventsPanel extends Component<EventsPanelProps, EventsPanelState> {
   static propTypes = {
     active: PropTypes.bool.isRequired,
     api: PropTypes.shape({
@@ -23,7 +33,7 @@ export default class EventsPanel extends Component {
     }).isRequired,
   };
 
-  state = {
+  state: EventsPanelState = {
     events: [],
   };
 
@@ -39,13 +49,12 @@ export default class EventsPanel extends Component {
     api.off(EVENTS.ADD, this.onAdd);
   }
 
-  onAdd = events => {
+  onAdd = (events: EventType[]) => {
     this.setState({ events });
   };
 
-  onEmit = event => {
+  onEmit = (event: OnEmitEvent) => {
     const { api } = this.props;
-
     api.emit(EVENTS.EMIT, event);
   };
 
diff --git a/addons/events/src/constants.js b/addons/events/src/constants.ts
similarity index 84%
rename from addons/events/src/constants.js
rename to addons/events/src/constants.ts
index cf57a257090..3d765994293 100644
--- a/addons/events/src/constants.js
+++ b/addons/events/src/constants.ts
@@ -1,3 +1,5 @@
+export const PARAM_KEY = 'events';
+
 export const ADDON_ID = 'storybook/events';
 
 export const PANEL_ID = `${ADDON_ID}/panel`;
diff --git a/addons/events/src/index.js b/addons/events/src/deprecated.js
similarity index 74%
rename from addons/events/src/index.js
rename to addons/events/src/deprecated.js
index 31eb1960e36..68b210effff 100644
--- a/addons/events/src/index.js
+++ b/addons/events/src/deprecated.js
@@ -1,3 +1,4 @@
+// TODO remove in 6.0
 import addons from '@storybook/addons';
 import CoreEvents from '@storybook/core-events';
 import deprecate from 'util-deprecate';
@@ -30,21 +31,7 @@ const addEvents = ({ emit, events }) => {
   addons.getChannel().emit(CoreEvents.REGISTER_SUBSCRIPTION, subscription);
 };
 
-const WithEvents = deprecate(({ children, ...options }) => {
+export const WithEvents = deprecate(({ children, ...options }) => {
   addEvents(options);
   return children;
 }, `<WithEvents> usage is deprecated, use .addDecorator(withEvents({emit, events})) instead`);
-
-export default options => {
-  if (options.children) {
-    return WithEvents(options);
-  }
-  return storyFn => {
-    addEvents(options);
-    return storyFn();
-  };
-};
-
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}
diff --git a/addons/events/src/index.ts b/addons/events/src/index.ts
new file mode 100644
index 00000000000..db09b493cad
--- /dev/null
+++ b/addons/events/src/index.ts
@@ -0,0 +1,69 @@
+import { ReactNode } from 'react';
+
+import addons from '@storybook/addons';
+import CoreEvents from '@storybook/core-events';
+import deprecate from 'util-deprecate';
+
+import { EVENTS } from './constants';
+
+let prevEvents: Event[];
+let currentEmit: (name: string, payload: unknown) => void;
+
+export interface OnEmitEvent {
+  name: string;
+  payload: unknown;
+}
+
+const onEmit = (event: OnEmitEvent) => {
+  currentEmit(event.name, event.payload);
+};
+
+const subscription = () => {
+  const channel = addons.getChannel();
+  channel.on(EVENTS.EMIT, onEmit);
+  return () => {
+    prevEvents = null;
+    addons.getChannel().emit(EVENTS.ADD, []);
+    channel.removeListener(EVENTS.EMIT, onEmit);
+  };
+};
+
+const addEvents = ({ emit, events }: Options) => {
+  if (prevEvents !== events) {
+    addons.getChannel().emit(EVENTS.ADD, events);
+    prevEvents = events;
+  }
+  currentEmit = emit;
+  addons.getChannel().emit(CoreEvents.REGISTER_SUBSCRIPTION, subscription);
+};
+
+export interface Event {
+  name: string;
+  title: string;
+  payload: unknown;
+}
+
+interface Options {
+  children?: ReactNode;
+  emit: (eventName: string, ...args: any) => void;
+  events: Event[];
+}
+
+const WithEvents = deprecate(({ children, ...options }: Options) => {
+  addEvents(options);
+  return children;
+}, `<WithEvents> usage is deprecated, use .addDecorator(withEvents({emit, events})) instead`);
+
+export default (options: Options) => {
+  if (options.children) {
+    return WithEvents(options);
+  }
+  return (storyFn: () => ReactNode) => {
+    addEvents(options);
+    return storyFn();
+  };
+};
+
+if (module && module.hot && module.hot.decline) {
+  module.hot.decline();
+}
diff --git a/addons/events/src/manager.js b/addons/events/src/manager.tsx
similarity index 76%
rename from addons/events/src/manager.js
rename to addons/events/src/manager.tsx
index 6d8bea63468..8b98db2cb2b 100644
--- a/addons/events/src/manager.js
+++ b/addons/events/src/manager.tsx
@@ -2,14 +2,14 @@ import React from 'react';
 import addons from '@storybook/addons';
 
 import Panel from './components/Panel';
-import { ADDON_ID, PANEL_ID } from './constants';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
 
 export function register() {
   addons.register(ADDON_ID, api => {
     addons.addPanel(PANEL_ID, {
       title: 'Events',
-      // eslint-disable-next-line react/prop-types
       render: ({ active, key }) => <Panel key={key} api={api} active={active} />,
+      paramKey: PARAM_KEY,
     });
   });
 }
diff --git a/addons/events/src/typings.d.ts b/addons/events/src/typings.d.ts
new file mode 100644
index 00000000000..d6932d989ba
--- /dev/null
+++ b/addons/events/src/typings.d.ts
@@ -0,0 +1,2 @@
+declare module 'react-lifecycles-compat';
+declare module 'format-json';
diff --git a/addons/events/tsconfig.json b/addons/events/tsconfig.json
new file mode 100644
index 00000000000..8876bb6737a
--- /dev/null
+++ b/addons/events/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/__tests__/**/*"
+  ]
+}
diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json
index 804faa57ed9..809dbfd124d 100644
--- a/addons/google-analytics/package.json
+++ b/addons/google-analytics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-google-analytics",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook addon for google analytics",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react-ga": "^2.5.7"
diff --git a/addons/google-analytics/src/register.ts b/addons/google-analytics/src/register.ts
index 860326b682b..3c381e70b7e 100644
--- a/addons/google-analytics/src/register.ts
+++ b/addons/google-analytics/src/register.ts
@@ -17,7 +17,7 @@ addons.register('storybook/google-analytics', api => {
       fatal: true,
     });
   });
-  api.on(STORY_MISSING, ({ id }: { id: string }) => {
+  api.on(STORY_MISSING, (id: string) => {
     ReactGA.exception({
       description: `attempted to render ${id}, but it is missing`,
       fatal: false,
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index 869e6a728cd..94c12feb8e4 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-graphql",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook addon to display the GraphiQL IDE",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "graphiql": "^0.13.0",
diff --git a/addons/graphql/src/register.ts b/addons/graphql/src/register.ts
index d69b5af6361..68d41a5dd20 100644
--- a/addons/graphql/src/register.ts
+++ b/addons/graphql/src/register.ts
@@ -1,7 +1,7 @@
 import { addons, types } from '@storybook/addons';
 
 import GQL from './manager';
-import { ADDON_ID } from '.';
+import { ADDON_ID, PARAM_KEY } from '.';
 
 export const register = () => {
   addons.register(ADDON_ID, () => {
@@ -11,6 +11,7 @@ export const register = () => {
       route: ({ storyId }) => `/graphql/${storyId}`,
       match: ({ viewMode }) => viewMode === 'graphql',
       render: GQL,
+      paramKey: PARAM_KEY,
     });
   });
 };
diff --git a/addons/info/package.json b/addons/info/package.json
index be7e373be91..3d08bb124e5 100644
--- a/addons/info/package.json
+++ b/addons/info/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-info",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "A Storybook addon to show additional information for your stories.",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "jsx-to-string": "^1.4.0",
diff --git a/addons/info/src/__snapshots__/index.test.js.snap b/addons/info/src/__snapshots__/index.test.js.snap
index c590f5aab76..3d423cfb256 100644
--- a/addons/info/src/__snapshots__/index.test.js.snap
+++ b/addons/info/src/__snapshots__/index.test.js.snap
@@ -310,7 +310,7 @@ exports[`addon Info should render <Info /> for memoized component 1`] = `
       <div>
         It's a 
          story:
-        <TestComponent
+        <Memo(TestComponent)
           array={
             Array [
               1,
@@ -368,7 +368,7 @@ exports[`addon Info should render <Info /> for memoized component 1`] = `
               </li>
             </ul>
           </div>
-        </TestComponent>
+        </Memo(TestComponent)>
       </div>
     </div>
     <button
diff --git a/addons/jest/package.json b/addons/jest/package.json
index e27676ff0e8..6d2008cd582 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
diff --git a/addons/jest/src/index.ts b/addons/jest/src/index.ts
index 086967a23b6..52cba45b3dc 100644
--- a/addons/jest/src/index.ts
+++ b/addons/jest/src/index.ts
@@ -1,9 +1,9 @@
-import addons from '@storybook/addons';
+import addons, { Parameters } from '@storybook/addons';
 import deprecate from 'util-deprecate';
 import { normalize, sep } from 'upath';
 import { ADD_TESTS } from './shared';
 
-interface AddonParameters {
+interface AddonParameters extends Parameters {
   jest?: string | string[] | { disable: true };
 }
 
diff --git a/addons/jest/src/register.tsx b/addons/jest/src/register.tsx
index b3058d321dd..a8d3b2c97ba 100644
--- a/addons/jest/src/register.tsx
+++ b/addons/jest/src/register.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import addons from '@storybook/addons';
-import { ADDON_ID, PANEL_ID } from './shared';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './shared';
 
 import Panel from './components/Panel';
 
@@ -8,5 +8,6 @@ addons.register(ADDON_ID, api => {
   addons.addPanel(PANEL_ID, {
     title: 'tests',
     render: ({ active, key }) => <Panel key={key} api={api} active={active} />,
+    paramKey: PARAM_KEY,
   });
 });
diff --git a/addons/jest/src/shared.ts b/addons/jest/src/shared.ts
index 08438c67148..17e74d304d4 100644
--- a/addons/jest/src/shared.ts
+++ b/addons/jest/src/shared.ts
@@ -1,4 +1,5 @@
 // addons, panels and events get unique names using a prefix
+export const PARAM_KEY = 'test';
 export const ADDON_ID = 'storybookjs/test';
 export const PANEL_ID = `${ADDON_ID}/panel`;
 
diff --git a/addons/knobs/README.md b/addons/knobs/README.md
index 23c0a28cc05..c66c8c79fa6 100644
--- a/addons/knobs/README.md
+++ b/addons/knobs/README.md
@@ -410,6 +410,9 @@ const groupId = 'GROUP-ID1';
 button(label, handler, groupId);
 ```
 
+Button knobs cause the story to re-render after the handler fires, you can prevent
+this by having the handler return false.
+
 ### withKnobs options
 
 withKnobs also accepts two optional options as story parameters.
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 0f03d188258..0884acc1e2f 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-knobs",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook Addon Prop Editor Component",
   "keywords": [
     "addon",
@@ -17,16 +17,16 @@
   },
   "license": "MIT",
   "main": "dist/index.js",
-  "jsnext:main": "src/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/client-api": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "escape-html": "^1.0.3",
@@ -37,12 +37,18 @@
     "qs": "^6.6.0",
     "react-color": "^2.17.0",
     "react-lifecycles-compat": "^3.0.4",
-    "react-select": "^2.2.0"
+    "react-select": "^3.0.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "devDependencies": {
+    "@types/escape-html": "0.0.20",
+    "@types/react-color": "^3.0.1",
+    "@types/react-lifecycles-compat": "^3.0.1",
+    "@types/react-select": "^2.0.19"
   }
 }
diff --git a/addons/knobs/src/KnobManager.test.js b/addons/knobs/src/KnobManager.test.js
index f6a9e6db1db..afb46034f51 100644
--- a/addons/knobs/src/KnobManager.test.js
+++ b/addons/knobs/src/KnobManager.test.js
@@ -56,6 +56,7 @@ describe('KnobManager', () => {
 
         const newKnob = {
           ...defaultKnob,
+          label: 'foo',
           defaultValue: defaultKnob.value,
         };
 
@@ -86,6 +87,7 @@ describe('KnobManager', () => {
 
         const newKnob = {
           ...defaultKnob,
+          label: 'foo',
           defaultValue: defaultKnob.value,
         };
 
diff --git a/addons/knobs/src/KnobManager.js b/addons/knobs/src/KnobManager.ts
similarity index 62%
rename from addons/knobs/src/KnobManager.js
rename to addons/knobs/src/KnobManager.ts
index dc76bd5ef47..fe875efd61e 100644
--- a/addons/knobs/src/KnobManager.js
+++ b/addons/knobs/src/KnobManager.ts
@@ -1,25 +1,34 @@
 /* eslint no-underscore-dangle: 0 */
+
 import { navigator } from 'global';
 import escape from 'escape-html';
-
 import { getQueryParams } from '@storybook/client-api';
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { Channel } from '@storybook/channels';
 
-import KnobStore from './KnobStore';
+import KnobStore, { KnobStoreKnob } from './KnobStore';
+import { Knob, KnobType } from './type-defs';
 import { SET } from './shared';
 
 import { deserializers } from './converters';
 
-const knobValuesFromUrl = Object.entries(getQueryParams()).reduce((acc, [k, v]) => {
-  if (k.includes('knob-')) {
-    return { ...acc, [k.replace('knob-', '')]: v };
-  }
-  return acc;
-}, {});
+const knobValuesFromUrl: Record<string, string> = Object.entries(getQueryParams()).reduce(
+  (acc, [k, v]) => {
+    if (k.includes('knob-')) {
+      return { ...acc, [k.replace('knob-', '')]: v };
+    }
+    return acc;
+  },
+  {}
+);
 
 // This is used by _mayCallChannel to determine how long to wait to before triggering a panel update
 const PANEL_UPDATE_INTERVAL = 400;
 
-const escapeStrings = obj => {
+function escapeStrings(obj: { [key: string]: string }): { [key: string]: string };
+function escapeStrings(obj: (string | string[])[]): (string | string[])[];
+function escapeStrings(obj: string): string;
+function escapeStrings(obj: any): any {
   if (typeof obj === 'string') {
     return escape(obj);
   }
@@ -31,35 +40,45 @@ const escapeStrings = obj => {
     const didChange = newArray.some((newValue, key) => newValue !== obj[key]);
     return didChange ? newArray : obj;
   }
-  return Object.entries(obj).reduce((acc, [key, oldValue]) => {
+  return Object.entries<{ [key: string]: string }>(obj).reduce((acc, [key, oldValue]) => {
     const newValue = escapeStrings(oldValue);
     return newValue === oldValue ? acc : { ...acc, [key]: newValue };
   }, obj);
-};
+}
+
+interface KnobManagerOptions {
+  escapeHTML?: boolean;
+  disableDebounce?: boolean;
+}
 
 export default class KnobManager {
-  constructor() {
-    this.knobStore = new KnobStore();
-    this.options = {};
-  }
+  knobStore = new KnobStore();
 
-  setChannel(channel) {
+  channel: Channel;
+
+  options: KnobManagerOptions = {};
+
+  calling: boolean;
+
+  setChannel(channel: Channel) {
     this.channel = channel;
   }
 
-  setOptions(options) {
+  setOptions(options: KnobManagerOptions) {
     this.options = options;
   }
 
-  getKnobValue({ value }) {
+  getKnobValue({ value }: Knob) {
     return this.options.escapeHTML ? escapeStrings(value) : value;
   }
 
-  knob(name, options) {
+  knob<T extends KnobType = any>(name: string, options: Knob<T>): Knob<T>['value'] {
     this._mayCallChannel();
 
+    const knobName = options.groupId ? `${name}_${options.groupId}` : name;
+
     const { knobStore } = this;
-    const existingKnob = knobStore.get(name);
+    const existingKnob = knobStore.get(knobName);
 
     // We need to return the value set by the knob editor via this.
     // Normally the knobs are reset and so re-use is safe as long as the types match
@@ -75,24 +94,25 @@ export default class KnobManager {
       return this.getKnobValue(existingKnob);
     }
 
-    const knobInfo = {
+    const knobInfo: Knob<T> & { name: string; label: string; defaultValue?: any } = {
       ...options,
-      name,
+      name: knobName,
+      label: name,
     };
 
-    if (knobValuesFromUrl[name]) {
-      const value = deserializers[options.type](knobValuesFromUrl[name]);
+    if (knobValuesFromUrl[knobName]) {
+      const value = deserializers[options.type](knobValuesFromUrl[knobName]);
 
       knobInfo.defaultValue = value;
       knobInfo.value = value;
 
-      delete knobValuesFromUrl[name];
+      delete knobValuesFromUrl[knobName];
     } else {
       knobInfo.defaultValue = options.value;
     }
 
-    knobStore.set(name, knobInfo);
-    return this.getKnobValue(knobStore.get(name));
+    knobStore.set(knobName, knobInfo as KnobStoreKnob);
+    return this.getKnobValue(knobStore.get(knobName));
   }
 
   _mayCallChannel() {
@@ -101,6 +121,11 @@ export default class KnobManager {
     // unused knobs from the panel. This function sends the `setKnobs` message to the channel
     // triggering a panel re-render.
 
+    if (!this.channel) {
+      // to prevent call to undefined channel and therefore throwing TypeError
+      return;
+    }
+
     if (this.calling) {
       // If a call to channel has already registered ignore this call.
       // Once the previous call is completed all the changes to knobStore including the one that
diff --git a/addons/knobs/src/KnobStore.js b/addons/knobs/src/KnobStore.ts
similarity index 51%
rename from addons/knobs/src/KnobStore.js
rename to addons/knobs/src/KnobStore.ts
index 18b5125245a..31b4207e8ed 100644
--- a/addons/knobs/src/KnobStore.js
+++ b/addons/knobs/src/KnobStore.ts
@@ -1,20 +1,36 @@
-const callArg = fn => fn();
-const callAll = fns => fns.forEach(callArg);
+import { Knob } from './type-defs';
+
+type Callback = () => any;
+
+export type KnobStoreKnob = Knob & {
+  name: string;
+  label: string;
+  used?: boolean;
+  defaultValue?: any;
+  hideLabel?: boolean;
+  callback?: () => any;
+};
+
+const callArg = (fn: Callback) => fn();
+const callAll = (fns: Callback[]) => fns.forEach(callArg);
 
 export default class KnobStore {
-  constructor() {
-    this.store = {};
-    this.callbacks = [];
-  }
+  store: Record<string, KnobStoreKnob> = {};
 
-  has(key) {
+  callbacks: Callback[] = [];
+
+  timer: NodeJS.Timeout;
+
+  has(key: string) {
     return this.store[key] !== undefined;
   }
 
-  set(key, value) {
-    this.store[key] = value;
-    this.store[key].used = true;
-    this.store[key].groupId = value.groupId;
+  set(key: string, value: KnobStoreKnob) {
+    this.store[key] = {
+      ...value,
+      used: true,
+      groupId: value.groupId,
+    };
 
     // debounce the execution of the callbacks for 50 milliseconds
     if (this.timer) {
@@ -23,7 +39,7 @@ export default class KnobStore {
     this.timer = setTimeout(callAll, 50, this.callbacks);
   }
 
-  get(key) {
+  get(key: string) {
     const knob = this.store[key];
     if (knob) {
       knob.used = true;
@@ -45,11 +61,11 @@ export default class KnobStore {
     });
   }
 
-  subscribe(cb) {
+  subscribe(cb: Callback) {
     this.callbacks.push(cb);
   }
 
-  unsubscribe(cb) {
+  unsubscribe(cb: Callback) {
     const index = this.callbacks.indexOf(cb);
     this.callbacks.splice(index, 1);
   }
diff --git a/addons/knobs/src/components/Panel.js b/addons/knobs/src/components/Panel.tsx
similarity index 72%
rename from addons/knobs/src/components/Panel.js
rename to addons/knobs/src/components/Panel.tsx
index a256325f9fe..4154e635999 100644
--- a/addons/knobs/src/components/Panel.js
+++ b/addons/knobs/src/components/Panel.tsx
@@ -16,8 +16,9 @@ import {
 } from '@storybook/components';
 import { RESET, SET, CHANGE, SET_OPTIONS, CLICK } from '../shared';
 
-import Types from './types';
+import { getKnobControl } from './types';
 import PropForm from './PropForm';
+import { KnobStoreKnob } from '../KnobStore';
 
 const getTimestamp = () => +new Date();
 
@@ -32,17 +33,55 @@ const PanelWrapper = styled(({ children, className }) => (
   width: '100%',
 });
 
-export default class KnobPanel extends PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      knobs: {},
-    };
-    this.options = {};
+interface PanelKnobGroups {
+  title: string;
+  render: (knob: any) => any;
+}
 
-    this.lastEdit = getTimestamp();
-    this.loadedFromUrl = false;
-  }
+interface KnobPanelProps {
+  active: boolean;
+  onReset?: object;
+  api: {
+    on: Function;
+    off: Function;
+    emit: Function;
+    getQueryParam: Function;
+    setQueryParams: Function;
+  };
+}
+
+interface KnobPanelState {
+  knobs: Record<string, KnobStoreKnob>;
+}
+
+interface KnobPanelOptions {
+  timestamps?: boolean;
+}
+
+export default class KnobPanel extends PureComponent<KnobPanelProps> {
+  static propTypes = {
+    active: PropTypes.bool.isRequired,
+    onReset: PropTypes.object, // eslint-disable-line
+    api: PropTypes.shape({
+      on: PropTypes.func,
+      getQueryParam: PropTypes.func,
+      setQueryParams: PropTypes.func,
+    }).isRequired,
+  };
+
+  state: KnobPanelState = {
+    knobs: {},
+  };
+
+  options: KnobPanelOptions = {};
+
+  lastEdit: number = getTimestamp();
+
+  loadedFromUrl = false;
+
+  mounted = false;
+
+  stopListeningOnStory: Function;
 
   componentDidMount() {
     this.mounted = true;
@@ -66,12 +105,18 @@ export default class KnobPanel extends PureComponent {
     this.stopListeningOnStory();
   }
 
-  setOptions = (options = { timestamps: false }) => {
+  setOptions = (options: KnobPanelOptions = { timestamps: false }) => {
     this.options = options;
   };
 
-  setKnobs = ({ knobs, timestamp }) => {
-    const queryParams = {};
+  setKnobs = ({
+    knobs,
+    timestamp,
+  }: {
+    knobs: Record<string, KnobStoreKnob>;
+    timestamp?: number;
+  }) => {
+    const queryParams: Record<string, any> = {};
     const { api } = this.props;
 
     if (!this.options.timestamps || !timestamp || this.lastEdit <= timestamp) {
@@ -83,9 +128,9 @@ export default class KnobPanel extends PureComponent {
 
           // If the knob value present in url
           if (urlValue !== undefined) {
-            const value = Types[knob.type].deserialize(urlValue);
+            const value = getKnobControl(knob.type).deserialize(urlValue);
             knob.value = value;
-            queryParams[`knob-${name}`] = Types[knob.type].serialize(value);
+            queryParams[`knob-${name}`] = getKnobControl(knob.type).serialize(value);
 
             api.emit(CHANGE, knob);
           }
@@ -111,7 +156,7 @@ export default class KnobPanel extends PureComponent {
     const { knobs } = this.state;
 
     Object.entries(knobs).forEach(([name, knob]) => {
-      query[`knob-${name}`] = Types[knob.type].serialize(knob.value);
+      query[`knob-${name}`] = getKnobControl(knob.type).serialize(knob.value);
     });
 
     copy(`${location.origin + location.pathname}?${qs.stringify(query, { encode: false })}`);
@@ -119,13 +164,13 @@ export default class KnobPanel extends PureComponent {
     // TODO: show some notification of this
   };
 
-  emitChange = changedKnob => {
+  emitChange = (changedKnob: KnobStoreKnob) => {
     const { api } = this.props;
 
     api.emit(CHANGE, changedKnob);
   };
 
-  handleChange = changedKnob => {
+  handleChange = (changedKnob: KnobStoreKnob) => {
     this.lastEdit = getTimestamp();
     const { api } = this.props;
     const { knobs } = this.state;
@@ -139,18 +184,18 @@ export default class KnobPanel extends PureComponent {
     this.setState({ knobs: newKnobs }, () => {
       this.emitChange(changedKnob);
 
-      const queryParams = {};
+      const queryParams: { [key: string]: any } = {};
 
       Object.keys(newKnobs).forEach(n => {
         const knob = newKnobs[n];
-        queryParams[`knob-${n}`] = Types[knob.type].serialize(knob.value);
+        queryParams[`knob-${n}`] = getKnobControl(knob.type).serialize(knob.value);
       });
 
       api.setQueryParams(queryParams);
     });
   };
 
-  handleClick = knob => {
+  handleClick = (knob: KnobStoreKnob) => {
     const { api } = this.props;
 
     api.emit(CLICK, knob);
@@ -163,8 +208,8 @@ export default class KnobPanel extends PureComponent {
       return null;
     }
 
-    const groups = {};
-    const groupIds = [];
+    const groups: Record<string, PanelKnobGroups> = {};
+    const groupIds: string[] = [];
 
     const knobKeysArray = Object.keys(knobs).filter(key => knobs[key].used);
 
@@ -175,8 +220,6 @@ export default class KnobPanel extends PureComponent {
         render: ({ active }) => (
           <TabWrapper key={knobKeyGroupId} active={active}>
             <PropForm
-              // false positive
-              // eslint-disable-next-line no-use-before-define
               knobs={knobsArray.filter(
                 knob => (knob.groupId || DEFAULT_GROUP_ID) === knobKeyGroupId
               )}
@@ -210,12 +253,12 @@ export default class KnobPanel extends PureComponent {
     }
 
     // Always sort DEFAULT_GROUP_ID (ungrouped) tab last without changing the remaining tabs
-    const sortEntries = g => {
+    const sortEntries = (g: Record<string, PanelKnobGroups>): [string, PanelKnobGroups][] => {
       const unsortedKeys = Object.keys(g);
       if (unsortedKeys.indexOf(DEFAULT_GROUP_ID) !== -1) {
         const sortedKeys = unsortedKeys.filter(key => key !== DEFAULT_GROUP_ID);
         sortedKeys.push(DEFAULT_GROUP_ID);
-        return sortedKeys.map(key => [key, g[key]]);
+        return sortedKeys.map<[string, PanelKnobGroups]>(key => [key, g[key]]);
       }
       return Object.entries(g);
     };
@@ -251,13 +294,3 @@ export default class KnobPanel extends PureComponent {
     );
   }
 }
-
-KnobPanel.propTypes = {
-  active: PropTypes.bool.isRequired,
-  onReset: PropTypes.object, // eslint-disable-line
-  api: PropTypes.shape({
-    on: PropTypes.func,
-    getQueryParam: PropTypes.func,
-    setQueryParams: PropTypes.func,
-  }).isRequired,
-};
diff --git a/addons/knobs/src/components/PropForm.js b/addons/knobs/src/components/PropForm.js
deleted file mode 100644
index 05df92a1e27..00000000000
--- a/addons/knobs/src/components/PropForm.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { Form } from '@storybook/components';
-import TypeMap from './types';
-
-const InvalidType = () => <span>Invalid Type</span>;
-
-export default class PropForm extends Component {
-  makeChangeHandler(name, type) {
-    const { onFieldChange } = this.props;
-    return (value = '') => {
-      const change = { name, type, value };
-
-      onFieldChange(change);
-    };
-  }
-
-  render() {
-    const { knobs, onFieldClick } = this.props;
-
-    return (
-      <Form>
-        {knobs.map(knob => {
-          const changeHandler = this.makeChangeHandler(knob.name, knob.type);
-          const InputType = TypeMap[knob.type] || InvalidType;
-
-          return (
-            <Form.Field key={knob.name} label={!knob.hideLabel && `${knob.name}`}>
-              <InputType knob={knob} onChange={changeHandler} onClick={onFieldClick} />
-            </Form.Field>
-          );
-        })}
-      </Form>
-    );
-  }
-}
-
-PropForm.displayName = 'PropForm';
-
-PropForm.propTypes = {
-  knobs: PropTypes.arrayOf(
-    PropTypes.shape({
-      name: PropTypes.string,
-      value: PropTypes.any,
-    })
-  ).isRequired,
-  onFieldChange: PropTypes.func.isRequired,
-  onFieldClick: PropTypes.func.isRequired,
-};
diff --git a/addons/knobs/src/components/PropForm.tsx b/addons/knobs/src/components/PropForm.tsx
new file mode 100644
index 00000000000..3a345a67f0b
--- /dev/null
+++ b/addons/knobs/src/components/PropForm.tsx
@@ -0,0 +1,62 @@
+import React, { Component, WeakValidationMap, ComponentType, Requireable } from 'react';
+import PropTypes from 'prop-types';
+
+import { Form } from '@storybook/components';
+import { getKnobControl } from './types';
+import { KnobStoreKnob } from '../KnobStore';
+
+interface PropFormProps {
+  knobs: KnobStoreKnob[];
+  onFieldChange: Function;
+  onFieldClick: Function;
+}
+
+const InvalidType = () => <span>Invalid Type</span>;
+
+export default class PropForm extends Component<PropFormProps> {
+  static displayName = 'PropForm';
+
+  static defaultProps = {
+    knobs: [] as KnobStoreKnob[],
+  };
+
+  static propTypes: WeakValidationMap<PropFormProps> = {
+    // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+    knobs: PropTypes.arrayOf(
+      PropTypes.shape({
+        name: PropTypes.string,
+        value: PropTypes.any,
+      })
+    ).isRequired as Requireable<any[]>,
+    onFieldChange: PropTypes.func.isRequired,
+    onFieldClick: PropTypes.func.isRequired,
+  };
+
+  makeChangeHandler(name: string, type: string) {
+    const { onFieldChange } = this.props;
+    return (value = '') => {
+      const change = { name, type, value };
+
+      onFieldChange(change);
+    };
+  }
+
+  render() {
+    const { knobs, onFieldClick } = this.props;
+
+    return (
+      <Form>
+        {knobs.map(knob => {
+          const changeHandler = this.makeChangeHandler(knob.name, knob.type);
+          const InputType: ComponentType<any> = getKnobControl(knob.type) || InvalidType;
+
+          return (
+            <Form.Field key={knob.name} label={!knob.hideLabel && `${knob.label || knob.name}`}>
+              <InputType knob={knob} onChange={changeHandler} onClick={onFieldClick} />
+            </Form.Field>
+          );
+        })}
+      </Form>
+    );
+  }
+}
diff --git a/addons/knobs/src/components/types/Array.js b/addons/knobs/src/components/types/Array.js
deleted file mode 100644
index 6f198878bd9..00000000000
--- a/addons/knobs/src/components/types/Array.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-
-import { Form } from '@storybook/components';
-
-function formatArray(value, separator) {
-  if (value === '') {
-    return [];
-  }
-  return value.split(separator);
-}
-
-class ArrayType extends React.Component {
-  shouldComponentUpdate(nextProps) {
-    const { knob } = this.props;
-
-    return nextProps.knob.value !== knob.value;
-  }
-
-  handleChange = e => {
-    const { knob, onChange } = this.props;
-    const { value } = e.target;
-    const newVal = formatArray(value, knob.separator);
-
-    onChange(newVal);
-  };
-
-  render() {
-    const { knob } = this.props;
-    const value = knob.value.join(knob.separator);
-
-    return (
-      <Form.Textarea
-        id={knob.name}
-        name={knob.name}
-        value={value}
-        onChange={this.handleChange}
-        size="flex"
-      />
-    );
-  }
-}
-
-ArrayType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-};
-
-ArrayType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.array,
-    separator: PropTypes.string,
-  }),
-  onChange: PropTypes.func,
-};
-
-ArrayType.serialize = value => value;
-ArrayType.deserialize = value => {
-  if (Array.isArray(value)) return value;
-
-  return Object.keys(value)
-    .sort()
-    .reduce((array, key) => [...array, value[key]], []);
-};
-
-export default ArrayType;
diff --git a/addons/knobs/src/components/types/Array.tsx b/addons/knobs/src/components/types/Array.tsx
new file mode 100644
index 00000000000..d9f7ca82f55
--- /dev/null
+++ b/addons/knobs/src/components/types/Array.tsx
@@ -0,0 +1,80 @@
+import PropTypes from 'prop-types';
+import React, { ChangeEvent, Component, WeakValidationMap } from 'react';
+
+import { Form } from '@storybook/components';
+
+type ArrayTypeKnobValue = string[];
+
+export interface ArrayTypeKnob {
+  name: string;
+  value: ArrayTypeKnobValue;
+  separator: string;
+}
+
+interface ArrayTypeProps {
+  knob: ArrayTypeKnob;
+  onChange: (value: ArrayTypeKnobValue) => ArrayTypeKnobValue;
+}
+
+function formatArray(value: string, separator: string) {
+  if (value === '') {
+    return [];
+  }
+  return value.split(separator);
+}
+
+export default class ArrayType extends Component<ArrayTypeProps> {
+  static defaultProps: Partial<ArrayTypeProps> = {
+    knob: {} as any,
+    onChange: (value: ArrayTypeKnobValue) => value,
+  };
+
+  static propTypes: WeakValidationMap<ArrayTypeProps> = {
+    // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+    knob: PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.array,
+      separator: PropTypes.string,
+    }) as any,
+    onChange: PropTypes.func,
+  };
+
+  static serialize = (value: ArrayTypeKnobValue) => value;
+
+  static deserialize = (value: ArrayTypeKnobValue) => {
+    if (Array.isArray(value)) return value;
+
+    return Object.keys(value)
+      .sort()
+      .reduce((array, key) => [...array, value[key]], []);
+  };
+
+  shouldComponentUpdate(nextProps: Readonly<ArrayTypeProps>) {
+    const { knob } = this.props;
+
+    return nextProps.knob.value !== knob.value;
+  }
+
+  handleChange = (e: ChangeEvent<HTMLTextAreaElement>): void => {
+    const { knob, onChange } = this.props;
+    const { value } = e.target as HTMLTextAreaElement;
+    const newVal = formatArray(value, knob.separator);
+
+    onChange(newVal);
+  };
+
+  render() {
+    const { knob } = this.props;
+    const value = knob.value.join(knob.separator);
+
+    return (
+      <Form.Textarea
+        id={knob.name}
+        name={knob.name}
+        value={value}
+        onChange={this.handleChange}
+        size="flex"
+      />
+    );
+  }
+}
diff --git a/addons/knobs/src/components/types/Boolean.js b/addons/knobs/src/components/types/Boolean.js
deleted file mode 100644
index 8264f47fee2..00000000000
--- a/addons/knobs/src/components/types/Boolean.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-
-import { styled } from '@storybook/theming';
-
-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 BooleanType = ({ knob, onChange }) => (
-  <Input
-    id={knob.name}
-    name={knob.name}
-    type="checkbox"
-    onChange={e => onChange(e.target.checked)}
-    checked={knob.value}
-  />
-);
-
-BooleanType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-};
-
-BooleanType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.bool,
-  }),
-  onChange: PropTypes.func,
-};
-
-BooleanType.serialize = value => (value ? String(value) : null);
-BooleanType.deserialize = value => value === 'true';
-
-export default BooleanType;
diff --git a/addons/knobs/src/components/types/Boolean.tsx b/addons/knobs/src/components/types/Boolean.tsx
new file mode 100644
index 00000000000..d9c1443d260
--- /dev/null
+++ b/addons/knobs/src/components/types/Boolean.tsx
@@ -0,0 +1,63 @@
+import PropTypes from 'prop-types';
+import React, { FunctionComponent } from 'react';
+
+import { styled } from '@storybook/theming';
+
+type BooleanTypeKnobValue = boolean;
+
+export interface BooleanTypeKnob {
+  name: string;
+  value: BooleanTypeKnobValue;
+  separator: string;
+}
+
+export interface BooleanTypeProps {
+  knob: BooleanTypeKnob;
+  onChange: (value: BooleanTypeKnobValue) => BooleanTypeKnobValue;
+}
+
+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 serialize = (value: BooleanTypeKnobValue): string | null => (value ? String(value) : null);
+const deserialize = (value: string | null) => value === 'true';
+
+const BooleanType: FunctionComponent<BooleanTypeProps> & {
+  serialize: typeof serialize;
+  deserialize: typeof deserialize;
+} = ({ knob, onChange }) => (
+  <Input
+    id={knob.name}
+    name={knob.name}
+    type="checkbox"
+    onChange={e => onChange(e.target.checked)}
+    checked={knob.value}
+  />
+);
+
+BooleanType.defaultProps = {
+  knob: {} as any,
+  onChange: value => value,
+};
+
+BooleanType.propTypes = {
+  // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+  knob: PropTypes.shape({
+    name: PropTypes.string,
+    value: PropTypes.bool,
+  }) as any,
+  onChange: PropTypes.func,
+};
+
+BooleanType.serialize = serialize;
+BooleanType.deserialize = deserialize;
+
+export default BooleanType;
diff --git a/addons/knobs/src/components/types/Button.js b/addons/knobs/src/components/types/Button.js
deleted file mode 100644
index 39b0a07f578..00000000000
--- a/addons/knobs/src/components/types/Button.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-
-import { Form } from '@storybook/components';
-
-const ButtonType = ({ knob, onClick }) => (
-  <Form.Button type="button" name={knob.name} onClick={() => onClick(knob)}>
-    {knob.name}
-  </Form.Button>
-);
-
-ButtonType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-  }).isRequired,
-  onClick: PropTypes.func.isRequired,
-};
-
-ButtonType.serialize = () => undefined;
-ButtonType.deserialize = () => undefined;
-
-export default ButtonType;
diff --git a/addons/knobs/src/components/types/Button.tsx b/addons/knobs/src/components/types/Button.tsx
new file mode 100644
index 00000000000..4dfe28b6639
--- /dev/null
+++ b/addons/knobs/src/components/types/Button.tsx
@@ -0,0 +1,45 @@
+import PropTypes from 'prop-types';
+import React, { FunctionComponent, Validator } from 'react';
+
+import { Form } from '@storybook/components';
+
+export interface ButtonTypeKnob {
+  name: string;
+  value: unknown;
+}
+
+export type ButtonTypeOnClickProp = (knob: ButtonTypeKnob) => any;
+
+export interface ButtonTypeProps {
+  knob: ButtonTypeKnob;
+  onClick: ButtonTypeOnClickProp;
+}
+
+const serialize = (): undefined => undefined;
+const deserialize = (): undefined => undefined;
+
+const ButtonType: FunctionComponent<ButtonTypeProps> & {
+  serialize: typeof serialize;
+  deserialize: typeof deserialize;
+} = ({ knob, onClick }) => (
+  <Form.Button type="button" name={knob.name} onClick={() => onClick(knob)}>
+    {knob.name}
+  </Form.Button>
+);
+
+ButtonType.defaultProps = {
+  knob: {} as any,
+};
+
+ButtonType.propTypes = {
+  // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+  knob: PropTypes.shape({
+    name: PropTypes.string,
+  }).isRequired as Validator<any>,
+  onClick: PropTypes.func.isRequired,
+};
+
+ButtonType.serialize = serialize;
+ButtonType.deserialize = deserialize;
+
+export default ButtonType;
diff --git a/addons/knobs/src/components/types/Checkboxes.js b/addons/knobs/src/components/types/Checkboxes.js
deleted file mode 100644
index a15cf1d6412..00000000000
--- a/addons/knobs/src/components/types/Checkboxes.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@storybook/theming';
-
-const CheckboxesWrapper = styled.div(({ isInline }) =>
-  isInline
-    ? {
-        display: 'flex',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        '> * + *': {
-          marginLeft: 10,
-        },
-      }
-    : {}
-);
-
-const CheckboxFieldset = styled.fieldset({
-  border: 0,
-  padding: 0,
-  margin: 0,
-});
-
-const CheckboxLabel = styled.label({
-  padding: '3px 0 3px 5px',
-  lineHeight: '18px',
-  display: 'inline-block',
-});
-
-class CheckboxesType extends Component {
-  constructor(props) {
-    super(props);
-    const { knob } = props;
-
-    this.state = {
-      values: knob.defaultValue || [],
-    };
-  }
-
-  handleChange = e => {
-    const { onChange } = this.props;
-    const currentValue = e.target.value;
-    const { values } = this.state;
-
-    if (values.includes(currentValue)) {
-      values.splice(values.indexOf(currentValue), 1);
-    } else {
-      values.push(currentValue);
-    }
-
-    this.setState({ values });
-
-    onChange(values);
-  };
-
-  renderCheckboxList = ({ options }) =>
-    Object.keys(options).map(key => this.renderCheckbox(key, options[key]));
-
-  renderCheckbox = (label, value) => {
-    const { knob } = this.props;
-    const { name } = knob;
-    const id = `${name}-${value}`;
-    const { values } = this.state;
-
-    return (
-      <div key={id}>
-        <input
-          type="checkbox"
-          id={id}
-          name={name}
-          value={value}
-          onChange={this.handleChange}
-          checked={values.includes(value)}
-        />
-        <CheckboxLabel htmlFor={id}>{label}</CheckboxLabel>
-      </div>
-    );
-  };
-
-  render() {
-    const { knob, isInline } = this.props;
-
-    return (
-      <CheckboxFieldset>
-        <CheckboxesWrapper isInline={isInline}>{this.renderCheckboxList(knob)}</CheckboxesWrapper>
-      </CheckboxFieldset>
-    );
-  }
-}
-
-CheckboxesType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-  isInline: false,
-};
-
-CheckboxesType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.array,
-    options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-  }),
-  onChange: PropTypes.func,
-  isInline: PropTypes.bool,
-};
-
-CheckboxesType.serialize = value => value;
-CheckboxesType.deserialize = value => value;
-
-export default CheckboxesType;
diff --git a/addons/knobs/src/components/types/Checkboxes.tsx b/addons/knobs/src/components/types/Checkboxes.tsx
new file mode 100644
index 00000000000..7b12cf53767
--- /dev/null
+++ b/addons/knobs/src/components/types/Checkboxes.tsx
@@ -0,0 +1,135 @@
+import React, { Component, ChangeEvent, WeakValidationMap } from 'react';
+import PropTypes from 'prop-types';
+import { styled } from '@storybook/theming';
+
+type CheckboxesTypeKnobValue = string[];
+
+interface CheckboxesWrapperProps {
+  isInline: boolean;
+}
+
+export interface CheckboxesTypeKnob {
+  name: string;
+  value: CheckboxesTypeKnobValue;
+  defaultValue: CheckboxesTypeKnobValue;
+  options: {
+    [key: string]: string;
+  };
+}
+
+interface CheckboxesTypeProps {
+  knob: CheckboxesTypeKnob;
+  isInline: boolean;
+  onChange: (value: CheckboxesTypeKnobValue) => CheckboxesTypeKnobValue;
+}
+
+interface CheckboxesTypeState {
+  values: CheckboxesTypeKnobValue;
+}
+
+const CheckboxesWrapper = styled.div(({ isInline }: CheckboxesWrapperProps) =>
+  isInline
+    ? {
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        '> * + *': {
+          marginLeft: 10,
+        },
+      }
+    : {}
+);
+
+const CheckboxFieldset = styled.fieldset({
+  border: 0,
+  padding: 0,
+  margin: 0,
+});
+
+const CheckboxLabel = styled.label({
+  padding: '3px 0 3px 5px',
+  lineHeight: '18px',
+  display: 'inline-block',
+});
+
+export default class CheckboxesType extends Component<CheckboxesTypeProps, CheckboxesTypeState> {
+  static defaultProps: CheckboxesTypeProps = {
+    knob: {} as any,
+    onChange: value => value,
+    isInline: false,
+  };
+
+  static propTypes: WeakValidationMap<CheckboxesTypeProps> = {
+    // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+    knob: PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.array,
+      options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+    }) as any,
+    onChange: PropTypes.func,
+    isInline: PropTypes.bool,
+  };
+
+  static serialize = (value: CheckboxesTypeKnobValue) => value;
+
+  static deserialize = (value: CheckboxesTypeKnobValue) => value;
+
+  constructor(props: CheckboxesTypeProps) {
+    super(props);
+    const { knob } = props;
+
+    this.state = {
+      values: knob.defaultValue || [],
+    };
+  }
+
+  handleChange = (e: ChangeEvent<HTMLInputElement>) => {
+    const { onChange } = this.props;
+    const currentValue = (e.target as HTMLInputElement).value;
+    const { values } = this.state;
+
+    if (values.includes(currentValue)) {
+      values.splice(values.indexOf(currentValue), 1);
+    } else {
+      values.push(currentValue);
+    }
+
+    this.setState({ values });
+
+    onChange(values);
+  };
+
+  renderCheckboxList = ({ options }: CheckboxesTypeKnob) =>
+    Object.keys(options).map(key => this.renderCheckbox(key, options[key]));
+
+  renderCheckbox = (label: string, value: string) => {
+    const { knob } = this.props;
+    const { name } = knob;
+    const id = `${name}-${value}`;
+    const { values } = this.state;
+
+    return (
+      <div key={id}>
+        <input
+          type="checkbox"
+          id={id}
+          name={name}
+          value={value}
+          onChange={this.handleChange}
+          checked={values.includes(value)}
+        />
+        <CheckboxLabel htmlFor={id}>{label}</CheckboxLabel>
+      </div>
+    );
+  };
+
+  render() {
+    const { knob, isInline } = this.props;
+
+    return (
+      <CheckboxFieldset>
+        <CheckboxesWrapper isInline={isInline}>{this.renderCheckboxList(knob)}</CheckboxesWrapper>
+      </CheckboxFieldset>
+    );
+  }
+}
diff --git a/addons/knobs/src/components/types/Color.js b/addons/knobs/src/components/types/Color.tsx
similarity index 56%
rename from addons/knobs/src/components/types/Color.js
rename to addons/knobs/src/components/types/Color.tsx
index 1b440d61561..b6ae06cb3ba 100644
--- a/addons/knobs/src/components/types/Color.js
+++ b/addons/knobs/src/components/types/Color.tsx
@@ -1,15 +1,38 @@
 import { document } from 'global';
 import PropTypes from 'prop-types';
-import React from 'react';
-import { SketchPicker } from 'react-color';
+import React, { Component, WeakValidationMap } from 'react';
+import { SketchPicker, ColorResult } from 'react-color';
 
 import { styled } from '@storybook/theming';
-
 import { Form } from '@storybook/components';
 
+type ColorTypeKnobValue = string;
+
+export interface ColorTypeKnob {
+  name: string;
+  value: ColorTypeKnobValue;
+}
+
+interface ColorTypeProps {
+  knob: ColorTypeKnob;
+  onChange: (value: ColorTypeKnobValue) => ColorTypeKnobValue;
+}
+
+interface ColorTypeState {
+  displayColorPicker: boolean;
+}
+
+interface ColorButtonProps {
+  name: string;
+  type: string;
+  size: string;
+  active: boolean;
+  onClick: () => any;
+}
+
 const { Button } = Form;
 
-const Swatch = styled.div(({ theme }) => ({
+const Swatch = styled.div<{}>(({ theme }) => ({
   position: 'absolute',
   top: '50%',
   transform: 'translateY(-50%)',
@@ -20,25 +43,45 @@ const Swatch = styled.div(({ theme }) => ({
   borderRadius: '1rem',
 }));
 
-const ColorButton = styled(Button)(({ active }) => ({
+const ColorButton = styled(Button)(({ active }: ColorButtonProps) => ({
   zIndex: active ? 3 : 'unset',
 }));
 
 const Popover = styled.div({
   position: 'absolute',
-  zIndex: '2',
+  zIndex: 2,
 });
 
-class ColorType extends React.Component {
-  state = {
+export default class ColorType extends Component<ColorTypeProps, ColorTypeState> {
+  static propTypes: WeakValidationMap<ColorTypeProps> = {
+    // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+    knob: PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.string,
+    }) as any,
+    onChange: PropTypes.func,
+  };
+
+  static defaultProps: ColorTypeProps = {
+    knob: {} as any,
+    onChange: value => value,
+  };
+
+  static serialize = (value: ColorTypeKnobValue) => value;
+
+  static deserialize = (value: ColorTypeKnobValue) => value;
+
+  state: ColorTypeState = {
     displayColorPicker: false,
   };
 
+  popover: HTMLDivElement;
+
   componentDidMount() {
     document.addEventListener('mousedown', this.handleWindowMouseDown);
   }
 
-  shouldComponentUpdate(nextProps, nextState) {
+  shouldComponentUpdate(nextProps: ColorTypeProps, nextState: ColorTypeState) {
     const { knob } = this.props;
     const { displayColorPicker } = this.state;
 
@@ -51,9 +94,9 @@ class ColorType extends React.Component {
     document.removeEventListener('mousedown', this.handleWindowMouseDown);
   }
 
-  handleWindowMouseDown = e => {
+  handleWindowMouseDown = (e: MouseEvent) => {
     const { displayColorPicker } = this.state;
-    if (!displayColorPicker || this.popover.contains(e.target)) {
+    if (!displayColorPicker || this.popover.contains(e.target as HTMLElement)) {
       return;
     }
 
@@ -70,7 +113,7 @@ class ColorType extends React.Component {
     });
   };
 
-  handleChange = color => {
+  handleChange = (color: ColorResult) => {
     const { onChange } = this.props;
 
     onChange(`rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`);
@@ -105,20 +148,3 @@ class ColorType extends React.Component {
     );
   }
 }
-
-ColorType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.string,
-  }),
-  onChange: PropTypes.func,
-};
-ColorType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-};
-
-ColorType.serialize = value => value;
-ColorType.deserialize = value => value;
-
-export default ColorType;
diff --git a/addons/knobs/src/components/types/Date.js b/addons/knobs/src/components/types/Date.tsx
similarity index 66%
rename from addons/knobs/src/components/types/Date.js
rename to addons/knobs/src/components/types/Date.tsx
index f645fcca9e6..e27b70eca10 100644
--- a/addons/knobs/src/components/types/Date.js
+++ b/addons/knobs/src/components/types/Date.tsx
@@ -1,8 +1,24 @@
-import React, { Component } from 'react';
+import React, { Component, ChangeEvent, WeakValidationMap } from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@storybook/theming';
 import { Form } from '@storybook/components';
 
+type DateTypeKnobValue = number;
+
+export interface DateTypeKnob {
+  name: string;
+  value: DateTypeKnobValue;
+}
+
+interface DateTypeProps {
+  knob: DateTypeKnob;
+  onChange: (value: DateTypeKnobValue) => DateTypeKnobValue;
+}
+
+interface DateTypeState {
+  valid: boolean | undefined;
+}
+
 const FlexSpaced = styled.div({
   flex: 1,
   display: 'flex',
@@ -15,29 +31,54 @@ const FlexSpaced = styled.div({
 });
 const FlexInput = styled(Form.Input)({ flex: 1 });
 
-const formatDate = date => {
+const formatDate = (date: Date) => {
   const year = `000${date.getFullYear()}`.slice(-4);
   const month = `0${date.getMonth() + 1}`.slice(-2);
   const day = `0${date.getDate()}`.slice(-2);
 
   return `${year}-${month}-${day}`;
 };
-const formatTime = date => {
+
+const formatTime = (date: Date) => {
   const hours = `0${date.getHours()}`.slice(-2);
   const minutes = `0${date.getMinutes()}`.slice(-2);
 
   return `${hours}:${minutes}`;
 };
 
-class DateType extends Component {
+export default class DateType extends Component<DateTypeProps, DateTypeState> {
+  static defaultProps: DateTypeProps = {
+    knob: {} as any,
+    onChange: value => value,
+  };
+
+  static propTypes: WeakValidationMap<DateTypeProps> = {
+    // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+    knob: PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.number,
+    }) as any,
+    onChange: PropTypes.func,
+  };
+
+  static serialize = (value: DateTypeKnobValue) =>
+    new Date(value).getTime() || new Date().getTime();
+
+  static deserialize = (value: DateTypeKnobValue) =>
+    new Date(value).getTime() || new Date().getTime();
+
   static getDerivedStateFromProps() {
     return { valid: true };
   }
 
-  state = {
+  state: DateTypeState = {
     valid: undefined,
   };
 
+  dateInput: HTMLInputElement;
+
+  timeInput: HTMLInputElement;
+
   componentDidUpdate() {
     const { knob } = this.props;
     const { valid } = this.state;
@@ -49,7 +90,7 @@ class DateType extends Component {
     }
   }
 
-  onDateChange = e => {
+  onDateChange = (e: ChangeEvent<HTMLInputElement>) => {
     const { knob, onChange } = this.props;
     const { state } = this;
 
@@ -70,7 +111,7 @@ class DateType extends Component {
     }
   };
 
-  onTimeChange = e => {
+  onTimeChange = (e: ChangeEvent<HTMLInputElement>) => {
     const { knob, onChange } = this.props;
     const { state } = this;
 
@@ -100,7 +141,7 @@ class DateType extends Component {
         <FlexInput
           type="date"
           max="9999-12-31" // I do this because of a rendering bug in chrome
-          ref={el => {
+          ref={(el: HTMLInputElement) => {
             this.dateInput = el;
           }}
           id={`${name}date`}
@@ -111,7 +152,7 @@ class DateType extends Component {
           type="time"
           id={`${name}time`}
           name={`${name}time`}
-          ref={el => {
+          ref={(el: HTMLInputElement) => {
             this.timeInput = el;
           }}
           onChange={this.onTimeChange}
@@ -121,21 +162,3 @@ class DateType extends Component {
     ) : null;
   }
 }
-
-DateType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-};
-
-DateType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.number,
-  }),
-  onChange: PropTypes.func,
-};
-
-DateType.serialize = value => new Date(value).getTime() || new Date().getTime();
-DateType.deserialize = value => new Date(value).getTime() || new Date().getTime();
-
-export default DateType;
diff --git a/addons/knobs/src/components/types/Files.js b/addons/knobs/src/components/types/Files.js
deleted file mode 100644
index 797498d2b93..00000000000
--- a/addons/knobs/src/components/types/Files.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import { FileReader } from 'global';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { styled } from '@storybook/theming';
-
-import { Form } from '@storybook/components';
-
-const FileInput = styled(Form.Input)({
-  paddingTop: 4,
-});
-
-function fileReaderPromise(file) {
-  return new Promise(resolve => {
-    const fileReader = new FileReader();
-    fileReader.onload = e => resolve(e.currentTarget.result);
-    fileReader.readAsDataURL(file);
-  });
-}
-
-const FilesType = ({ knob, onChange }) => (
-  <FileInput
-    type="file"
-    name={knob.name}
-    multiple
-    onChange={e => Promise.all(Array.from(e.target.files).map(fileReaderPromise)).then(onChange)}
-    accept={knob.accept}
-    size="flex"
-  />
-);
-
-FilesType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-};
-
-FilesType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-  }),
-  onChange: PropTypes.func,
-};
-
-FilesType.serialize = () => undefined;
-FilesType.deserialize = () => undefined;
-
-export default FilesType;
diff --git a/addons/knobs/src/components/types/Files.tsx b/addons/knobs/src/components/types/Files.tsx
new file mode 100644
index 00000000000..762bdd67d93
--- /dev/null
+++ b/addons/knobs/src/components/types/Files.tsx
@@ -0,0 +1,68 @@
+import { FileReader } from 'global';
+import PropTypes from 'prop-types';
+import React, { ChangeEvent, FunctionComponent } from 'react';
+import { styled } from '@storybook/theming';
+
+import { Form } from '@storybook/components';
+
+type DateTypeKnobValue = string[];
+
+export interface FileTypeKnob {
+  name: string;
+  accept: string;
+  value: DateTypeKnobValue;
+}
+
+export interface FilesTypeProps {
+  knob: FileTypeKnob;
+  onChange: (value: DateTypeKnobValue) => DateTypeKnobValue;
+}
+
+const FileInput = styled(Form.Input)({
+  paddingTop: 4,
+});
+
+function fileReaderPromise(file: File) {
+  return new Promise<string>(resolve => {
+    const fileReader = new FileReader();
+    fileReader.onload = (e: Event) => resolve((e.currentTarget as FileReader).result as string);
+    fileReader.readAsDataURL(file);
+  });
+}
+
+const serialize = (): undefined => undefined;
+const deserialize = (): undefined => undefined;
+
+const FilesType: FunctionComponent<FilesTypeProps> & {
+  serialize: typeof serialize;
+  deserialize: typeof deserialize;
+} = ({ knob, onChange }) => (
+  <FileInput
+    type="file"
+    name={knob.name}
+    multiple
+    onChange={(e: ChangeEvent<HTMLInputElement>) =>
+      Promise.all(Array.from(e.target.files).map(fileReaderPromise)).then(onChange)
+    }
+    accept={knob.accept}
+    size="flex"
+  />
+);
+
+FilesType.defaultProps = {
+  knob: {} as any,
+  onChange: value => value,
+};
+
+FilesType.propTypes = {
+  // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+  knob: PropTypes.shape({
+    name: PropTypes.string,
+  }) as any,
+  onChange: PropTypes.func,
+};
+
+FilesType.serialize = serialize;
+FilesType.deserialize = deserialize;
+
+export default FilesType;
diff --git a/addons/knobs/src/components/types/Number.js b/addons/knobs/src/components/types/Number.js
deleted file mode 100644
index 9a6b677cb8f..00000000000
--- a/addons/knobs/src/components/types/Number.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-
-import { styled } from '@storybook/theming';
-
-import { Form } from '@storybook/components';
-
-const base = {
-  boxSizing: 'border-box',
-  height: '25px',
-  outline: 'none',
-  border: '1px solid #f7f4f4',
-  borderRadius: 2,
-  fontSize: 11,
-  padding: '5px',
-  color: '#444',
-};
-
-const RangeInput = styled.input(base, {
-  display: 'table-cell',
-  flexGrow: 1,
-});
-const RangeLabel = styled.span({
-  paddingLeft: 5,
-  paddingRight: 5,
-  fontSize: 12,
-  whiteSpace: 'nowrap',
-});
-const RangeWrapper = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  width: '100%',
-});
-
-class NumberType extends React.Component {
-  shouldComponentUpdate(nextProps) {
-    const { knob } = this.props;
-
-    return nextProps.knob.value !== knob.value;
-  }
-
-  handleChange = event => {
-    const { onChange } = this.props;
-    const { value } = event.target;
-
-    let parsedValue = Number(value);
-
-    if (Number.isNaN(parsedValue) || value === '') {
-      parsedValue = null;
-    }
-
-    onChange(parsedValue);
-  };
-
-  render() {
-    const { knob } = this.props;
-
-    return knob.range ? (
-      <RangeWrapper>
-        <RangeLabel>{knob.min}</RangeLabel>
-        <RangeInput
-          value={knob.value}
-          type="range"
-          name={knob.name}
-          min={knob.min}
-          max={knob.max}
-          step={knob.step}
-          onChange={this.handleChange}
-        />
-        <RangeLabel>{`${knob.value} / ${knob.max}`}</RangeLabel>
-      </RangeWrapper>
-    ) : (
-      <Form.Input
-        value={knob.value}
-        type="number"
-        name={knob.name}
-        min={knob.min}
-        max={knob.max}
-        step={knob.step}
-        onChange={this.handleChange}
-        size="flex"
-      />
-    );
-  }
-}
-
-NumberType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    range: PropTypes.bool,
-    min: PropTypes.number,
-    max: PropTypes.number,
-    step: PropTypes.number,
-  }).isRequired,
-  onChange: PropTypes.func.isRequired,
-};
-
-NumberType.serialize = value => (value === null || value === undefined ? '' : String(value));
-NumberType.deserialize = value => (value === '' ? null : parseFloat(value));
-
-export default NumberType;
diff --git a/addons/knobs/src/components/types/Number.tsx b/addons/knobs/src/components/types/Number.tsx
new file mode 100644
index 00000000000..686abd9948e
--- /dev/null
+++ b/addons/knobs/src/components/types/Number.tsx
@@ -0,0 +1,123 @@
+import PropTypes from 'prop-types';
+import React, { Component, ChangeEvent } from 'react';
+
+import { styled } from '@storybook/theming';
+import { Form } from '@storybook/components';
+
+type NumberTypeKnobValue = number;
+
+export interface NumberTypeKnobOptions {
+  range?: boolean;
+  min?: number;
+  max?: number;
+  step?: number;
+}
+
+export interface NumberTypeKnob extends NumberTypeKnobOptions {
+  name: string;
+  value: number;
+}
+
+interface NumberTypeProps {
+  knob: NumberTypeKnob;
+  onChange: (value: NumberTypeKnobValue) => NumberTypeKnobValue;
+}
+
+const RangeInput = styled.input(
+  {
+    boxSizing: 'border-box',
+    height: '25px',
+    outline: 'none',
+    border: '1px solid #f7f4f4',
+    borderRadius: 2,
+    fontSize: 11,
+    padding: '5px',
+    color: '#444',
+  },
+  {
+    display: 'table-cell',
+    flexGrow: 1,
+  }
+);
+
+const RangeLabel = styled.span({
+  paddingLeft: 5,
+  paddingRight: 5,
+  fontSize: 12,
+  whiteSpace: 'nowrap',
+});
+
+const RangeWrapper = styled.div({
+  display: 'flex',
+  alignItems: 'center',
+  width: '100%',
+});
+
+export default class NumberType extends Component<NumberTypeProps> {
+  static propTypes = {
+    knob: PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+      range: PropTypes.bool,
+      min: PropTypes.number,
+      max: PropTypes.number,
+      step: PropTypes.number,
+    }).isRequired,
+    onChange: PropTypes.func.isRequired,
+  };
+
+  static serialize = (value: NumberTypeKnobValue | null | undefined) =>
+    value === null || value === undefined ? '' : String(value);
+
+  static deserialize = (value: string) => (value === '' ? null : parseFloat(value));
+
+  shouldComponentUpdate(nextProps: NumberTypeProps) {
+    const { knob } = this.props;
+
+    return nextProps.knob.value !== knob.value;
+  }
+
+  handleChange = (event: ChangeEvent<HTMLInputElement>) => {
+    const { onChange } = this.props;
+    const { value } = event.target;
+
+    let parsedValue = Number(value);
+
+    if (Number.isNaN(parsedValue) || value === '') {
+      parsedValue = null;
+    }
+
+    onChange(parsedValue);
+  };
+
+  render() {
+    const { knob } = this.props;
+
+    return knob.range ? (
+      <RangeWrapper>
+        <RangeLabel>{knob.min}</RangeLabel>
+        <RangeInput
+          value={knob.value}
+          type="range"
+          name={knob.name}
+          min={knob.min}
+          max={knob.max}
+          step={knob.step}
+          onChange={this.handleChange}
+        />
+        <RangeLabel>{`${knob.value} / ${knob.max}`}</RangeLabel>
+      </RangeWrapper>
+    ) : (
+      <Form.Input
+        value={knob.value}
+        type="number"
+        name={knob.name}
+        min={knob.min}
+        max={knob.max}
+        step={knob.step}
+        onChange={this.handleChange}
+        size="flex"
+      />
+    );
+  }
+}
diff --git a/addons/knobs/src/components/types/Object.js b/addons/knobs/src/components/types/Object.tsx
similarity index 56%
rename from addons/knobs/src/components/types/Object.js
rename to addons/knobs/src/components/types/Object.tsx
index b68e55e24fa..3000e24cabe 100644
--- a/addons/knobs/src/components/types/Object.js
+++ b/addons/knobs/src/components/types/Object.tsx
@@ -1,17 +1,42 @@
-import React, { Component } from 'react';
+import React, { Component, ChangeEvent } from 'react';
 import PropTypes from 'prop-types';
 import deepEqual from 'fast-deep-equal';
 import { polyfill } from 'react-lifecycles-compat';
 import { Form } from '@storybook/components';
 
-class ObjectType extends Component {
-  state = {
-    value: {},
-    failed: false,
-    json: '',
+export interface ObjectTypeKnob<T> {
+  name: string;
+  value: T;
+}
+
+interface ObjectTypeProps<T> {
+  knob: ObjectTypeKnob<T>;
+  onChange: (value: T) => T;
+}
+
+interface ObjectTypeState<T> {
+  value: string;
+  failed: boolean;
+  json?: T;
+}
+
+class ObjectType<T> extends Component<ObjectTypeProps<T>> {
+  static propTypes = {
+    knob: PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+    }).isRequired,
+    onChange: PropTypes.func.isRequired,
   };
 
-  static getDerivedStateFromProps(props, state) {
+  static serialize: { <T>(object: T): string } = object => JSON.stringify(object);
+
+  static deserialize: { <T>(value: string): T } = value => (value ? JSON.parse(value) : {});
+
+  static getDerivedStateFromProps<T>(
+    props: ObjectTypeProps<T>,
+    state: ObjectTypeState<T>
+  ): ObjectTypeState<T> {
     if (!deepEqual(props.knob.value, state.json)) {
       try {
         return {
@@ -26,7 +51,13 @@ class ObjectType extends Component {
     return null;
   }
 
-  handleChange = e => {
+  state: ObjectTypeState<T> = {
+    value: '',
+    failed: false,
+    json: {} as any,
+  };
+
+  handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {
     const { value } = e.target;
     const { json: stateJson } = this.state;
     const { knob, onChange } = this.props;
@@ -65,17 +96,6 @@ class ObjectType extends Component {
   }
 }
 
-ObjectType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-  }).isRequired,
-  onChange: PropTypes.func.isRequired,
-};
-
-ObjectType.serialize = object => JSON.stringify(object);
-ObjectType.deserialize = value => (value ? JSON.parse(value) : {});
-
 polyfill(ObjectType);
 
 export default ObjectType;
diff --git a/addons/knobs/src/components/types/Options.js b/addons/knobs/src/components/types/Options.js
deleted file mode 100644
index 8580f72d7d4..00000000000
--- a/addons/knobs/src/components/types/Options.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import ReactSelect from 'react-select';
-import { styled } from '@storybook/theming';
-
-import RadiosType from './Radio';
-import CheckboxesType from './Checkboxes';
-
-// TODO: Apply the Storybook theme to react-select
-
-const OptionsSelect = styled(ReactSelect)({
-  width: '100%',
-  maxWidth: '300px',
-  color: 'black',
-});
-
-const OptionsType = props => {
-  const { knob, onChange } = props;
-  const { display } = knob.optionsObj;
-
-  if (display === 'check' || display === 'inline-check') {
-    const isInline = display === 'inline-check';
-    return <CheckboxesType {...props} isInline={isInline} />;
-  }
-
-  if (display === 'radio' || display === 'inline-radio') {
-    const isInline = display === 'inline-radio';
-    return <RadiosType {...props} isInline={isInline} />;
-  }
-
-  if (display === 'select' || display === 'multi-select') {
-    const options = Object.keys(knob.options).map(key => ({
-      value: knob.options[key],
-      label: key,
-    }));
-
-    const isMulti = display === 'multi-select';
-    const optionsIndex = options.findIndex(i => i.value === knob.value);
-    let defaultValue = options[optionsIndex];
-    let handleChange = e => onChange(e.value);
-
-    if (isMulti) {
-      defaultValue = options.filter(i => knob.value.includes(i.value));
-      handleChange = values => onChange(values.map(item => item.value));
-    }
-
-    return (
-      <OptionsSelect
-        value={defaultValue}
-        options={options}
-        isMulti={isMulti}
-        onChange={handleChange}
-      />
-    );
-  }
-  return null;
-};
-
-OptionsType.defaultProps = {
-  knob: {},
-  display: 'select',
-  onChange: value => value,
-};
-
-OptionsType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
-    options: PropTypes.object,
-  }),
-  display: PropTypes.oneOf([
-    'check',
-    'inline-check',
-    'radio',
-    'inline-radio',
-    'select',
-    'multi-select',
-  ]),
-  onChange: PropTypes.func,
-};
-
-OptionsType.serialize = value => value;
-OptionsType.deserialize = value => value;
-
-export default OptionsType;
diff --git a/addons/knobs/src/components/types/Options.tsx b/addons/knobs/src/components/types/Options.tsx
new file mode 100644
index 00000000000..62a972d1a41
--- /dev/null
+++ b/addons/knobs/src/components/types/Options.tsx
@@ -0,0 +1,134 @@
+import React, { FunctionComponent } from 'react';
+import PropTypes from 'prop-types';
+import ReactSelect from 'react-select';
+import { ValueType } from 'react-select/lib/types';
+import { styled } from '@storybook/theming';
+
+import RadiosType from './Radio';
+import CheckboxesType from './Checkboxes';
+
+// TODO: Apply the Storybook theme to react-select
+
+export type OptionsKnobOptionsDisplay =
+  | 'radio'
+  | 'inline-radio'
+  | 'check'
+  | 'inline-check'
+  | 'select'
+  | 'multi-select';
+
+export interface OptionsKnobOptions {
+  display?: OptionsKnobOptionsDisplay;
+}
+
+export interface OptionsTypeKnob<T> {
+  name: string;
+  value: T;
+  defaultValue: T;
+  options: OptionsTypeOptionsProp<T>;
+  optionsObj: OptionsKnobOptions;
+}
+
+export interface OptionsTypeOptionsProp<T> {
+  [key: string]: T;
+}
+
+export interface OptionsTypeProps<T> {
+  knob: OptionsTypeKnob<T>;
+  display: OptionsKnobOptionsDisplay;
+  onChange: (value: T) => T;
+}
+
+// : React.ComponentType<ReactSelectProps>
+const OptionsSelect = styled(ReactSelect)({
+  width: '100%',
+  maxWidth: '300px',
+  color: 'black',
+});
+
+type ReactSelectOnChangeFn<OptionType = OptionsSelectValueItem> = (
+  value: ValueType<OptionType>
+) => void;
+
+interface OptionsSelectValueItem {
+  value: any;
+  label: string;
+}
+
+const serialize: { <T>(value: T): T } = value => value;
+const deserialize: { <T>(value: T): T } = value => value;
+
+const OptionsType: FunctionComponent<OptionsTypeProps<any>> & {
+  serialize: typeof serialize;
+  deserialize: typeof deserialize;
+} = props => {
+  const { knob, onChange } = props;
+  const { display } = knob.optionsObj;
+
+  if (display === 'check' || display === 'inline-check') {
+    const isInline = display === 'inline-check';
+    return <CheckboxesType {...props} isInline={isInline} />;
+  }
+
+  if (display === 'radio' || display === 'inline-radio') {
+    const isInline = display === 'inline-radio';
+    return <RadiosType {...props} isInline={isInline} />;
+  }
+
+  if (display === 'select' || display === 'multi-select') {
+    const options: OptionsSelectValueItem[] = Object.keys(knob.options).map(key => ({
+      value: knob.options[key],
+      label: key,
+    }));
+
+    const isMulti = display === 'multi-select';
+    const optionsIndex = options.findIndex(i => i.value === knob.value);
+    let defaultValue: typeof options | typeof options[0] = options[optionsIndex];
+    let handleChange: ReactSelectOnChangeFn = (e: OptionsSelectValueItem) => onChange(e.value);
+
+    if (isMulti) {
+      defaultValue = options.filter(i => knob.value.includes(i.value));
+      handleChange = (values: OptionsSelectValueItem[]) => onChange(values.map(item => item.value));
+    }
+
+    return (
+      <OptionsSelect
+        value={defaultValue}
+        options={options}
+        isMulti={isMulti}
+        onChange={handleChange}
+      />
+    );
+  }
+
+  return null;
+};
+
+OptionsType.defaultProps = {
+  knob: {} as any,
+  display: 'select',
+  onChange: value => value,
+};
+
+OptionsType.propTypes = {
+  // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+  knob: PropTypes.shape({
+    name: PropTypes.string,
+    value: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+    options: PropTypes.object,
+  }) as any,
+  display: PropTypes.oneOf<OptionsKnobOptionsDisplay>([
+    'radio',
+    'inline-radio',
+    'check',
+    'inline-check',
+    'select',
+    'multi-select',
+  ]),
+  onChange: PropTypes.func,
+};
+
+OptionsType.serialize = serialize;
+OptionsType.deserialize = deserialize;
+
+export default OptionsType;
diff --git a/addons/knobs/src/components/types/Radio.js b/addons/knobs/src/components/types/Radio.js
deleted file mode 100644
index f4163967e2e..00000000000
--- a/addons/knobs/src/components/types/Radio.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@storybook/theming';
-
-const RadiosWrapper = styled.div(({ isInline }) =>
-  isInline
-    ? {
-        display: 'flex',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        '> * + *': {
-          marginLeft: 10,
-        },
-      }
-    : {}
-);
-
-const RadioLabel = styled.label({
-  padding: '3px 0 3px 5px',
-  lineHeight: '18px',
-  display: 'inline-block',
-});
-
-class RadiosType extends Component {
-  renderRadioButtonList({ options }) {
-    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, value) {
-    const opts = { label, value };
-    const { onChange, knob } = this.props;
-    const { name } = knob;
-    const id = `${name}-${opts.value}`;
-
-    return (
-      <div key={id}>
-        <input
-          type="radio"
-          id={id}
-          name={name}
-          value={opts.value}
-          onChange={e => onChange(e.target.value)}
-          checked={value === knob.value}
-        />
-        <RadioLabel htmlFor={id}>{label}</RadioLabel>
-      </div>
-    );
-  }
-
-  render() {
-    const { knob, isInline } = this.props;
-
-    return <RadiosWrapper isInline={isInline}>{this.renderRadioButtonList(knob)}</RadiosWrapper>;
-  }
-}
-
-RadiosType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-  isInline: false,
-};
-
-RadiosType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.string,
-    options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-  }),
-  onChange: PropTypes.func,
-  isInline: PropTypes.bool,
-};
-
-RadiosType.serialize = value => value;
-RadiosType.deserialize = value => value;
-
-export default RadiosType;
diff --git a/addons/knobs/src/components/types/Radio.tsx b/addons/knobs/src/components/types/Radio.tsx
new file mode 100644
index 00000000000..9cd910f6795
--- /dev/null
+++ b/addons/knobs/src/components/types/Radio.tsx
@@ -0,0 +1,104 @@
+import React, { Component, WeakValidationMap } from 'react';
+import PropTypes from 'prop-types';
+import { styled } from '@storybook/theming';
+
+type RadiosTypeKnobValue = string;
+
+export interface RadiosTypeKnob {
+  name: string;
+  value: RadiosTypeKnobValue;
+  defaultValue: RadiosTypeKnobValue;
+  options: RadiosTypeOptionsProp;
+}
+
+export interface RadiosTypeOptionsProp {
+  [key: string]: RadiosTypeKnobValue;
+}
+
+interface RadiosTypeProps {
+  knob: RadiosTypeKnob;
+  isInline: boolean;
+  onChange: (value: RadiosTypeKnobValue) => RadiosTypeKnobValue;
+}
+
+interface RadiosWrapperProps {
+  isInline: boolean;
+}
+
+const RadiosWrapper = styled.div(({ isInline }: RadiosWrapperProps) =>
+  isInline
+    ? {
+        display: 'flex',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        '> * + *': {
+          marginLeft: 10,
+        },
+      }
+    : {}
+);
+
+const RadioLabel = styled.label({
+  padding: '3px 0 3px 5px',
+  lineHeight: '18px',
+  display: 'inline-block',
+});
+
+class RadiosType extends Component<RadiosTypeProps> {
+  static defaultProps: RadiosTypeProps = {
+    knob: {} as any,
+    onChange: value => value,
+    isInline: false,
+  };
+
+  static propTypes: WeakValidationMap<RadiosTypeProps> = {
+    // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+    knob: PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.string,
+      options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+    }) as any,
+    onChange: PropTypes.func,
+    isInline: PropTypes.bool,
+  };
+
+  static serialize = (value: RadiosTypeKnobValue) => value;
+
+  static deserialize = (value: RadiosTypeKnobValue) => value;
+
+  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) {
+    const opts = { label, value };
+    const { onChange, knob } = this.props;
+    const { name } = knob;
+    const id = `${name}-${opts.value}`;
+
+    return (
+      <div key={id}>
+        <input
+          type="radio"
+          id={id}
+          name={name}
+          value={opts.value}
+          onChange={e => onChange(e.target.value)}
+          checked={value === knob.value}
+        />
+        <RadioLabel htmlFor={id}>{label}</RadioLabel>
+      </div>
+    );
+  }
+
+  render() {
+    const { knob, isInline } = this.props;
+
+    return <RadiosWrapper isInline={isInline}>{this.renderRadioButtonList(knob)}</RadiosWrapper>;
+  }
+}
+
+export default RadiosType;
diff --git a/addons/knobs/src/components/types/Select.js b/addons/knobs/src/components/types/Select.js
deleted file mode 100644
index ff3809505ff..00000000000
--- a/addons/knobs/src/components/types/Select.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import { Form } from '@storybook/components';
-
-const SelectType = ({ knob, onChange }) => {
-  const { options } = knob;
-  const entries = Array.isArray(options)
-    ? options.reduce((acc, k) => Object.assign(acc, { [k]: k }), {})
-    : options;
-
-  const selectedKey = Object.keys(entries).find(k => entries[k] === knob.value);
-
-  return (
-    <Form.Select
-      value={selectedKey}
-      name={knob.name}
-      onChange={e => {
-        onChange(entries[e.target.value]);
-      }}
-      size="flex"
-    >
-      {Object.entries(entries).map(([key]) => (
-        <option key={key} value={key}>
-          {key}
-        </option>
-      ))}
-    </Form.Select>
-  );
-};
-
-SelectType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-};
-
-SelectType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.any,
-    options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-  }),
-  onChange: PropTypes.func,
-};
-
-SelectType.serialize = value => value;
-SelectType.deserialize = value => value;
-
-export default SelectType;
diff --git a/addons/knobs/src/components/types/Select.tsx b/addons/knobs/src/components/types/Select.tsx
new file mode 100644
index 00000000000..ab338edc7a9
--- /dev/null
+++ b/addons/knobs/src/components/types/Select.tsx
@@ -0,0 +1,73 @@
+import React, { FunctionComponent, ChangeEvent } from 'react';
+import PropTypes from 'prop-types';
+
+import { Form } from '@storybook/components';
+
+export type SelectTypeKnobValue = string | number | null | undefined;
+
+export interface SelectTypeKnob {
+  name: string;
+  value: SelectTypeKnobValue;
+  options: SelectTypeOptionsProp;
+}
+
+export type SelectTypeOptionsProp =
+  | Record<string, SelectTypeKnobValue>
+  | NonNullable<SelectTypeKnobValue>[];
+
+export interface SelectTypeProps {
+  knob: SelectTypeKnob;
+  onChange: (value: SelectTypeKnobValue) => SelectTypeKnobValue;
+}
+
+const serialize = (value: SelectTypeKnobValue) => value;
+const deserialize = (value: SelectTypeKnobValue) => value;
+
+const SelectType: FunctionComponent<SelectTypeProps> & {
+  serialize: typeof serialize;
+  deserialize: typeof deserialize;
+} = ({ knob, onChange }) => {
+  const { options } = knob;
+  const entries = Array.isArray(options)
+    ? options.reduce((acc, k) => Object.assign(acc, { [k]: k }), {})
+    : options;
+
+  const selectedKey = Object.keys(entries).find(k => entries[k] === knob.value);
+
+  return (
+    <Form.Select
+      value={selectedKey}
+      name={knob.name}
+      onChange={(e: ChangeEvent<HTMLSelectElement>) => {
+        onChange(entries[e.target.value]);
+      }}
+      size="flex"
+    >
+      {Object.entries(entries).map(([key]) => (
+        <option key={key} value={key}>
+          {key}
+        </option>
+      ))}
+    </Form.Select>
+  );
+};
+
+SelectType.defaultProps = {
+  knob: {} as any,
+  onChange: value => value,
+};
+
+SelectType.propTypes = {
+  // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+  knob: PropTypes.shape({
+    name: PropTypes.string,
+    value: PropTypes.any,
+    options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+  }) as any,
+  onChange: PropTypes.func,
+};
+
+SelectType.serialize = serialize;
+SelectType.deserialize = deserialize;
+
+export default SelectType;
diff --git a/addons/knobs/src/components/types/Text.js b/addons/knobs/src/components/types/Text.js
deleted file mode 100644
index 2f95e8f5b0f..00000000000
--- a/addons/knobs/src/components/types/Text.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-
-import { Form } from '@storybook/components';
-
-class TextType extends React.Component {
-  shouldComponentUpdate(nextProps) {
-    const { knob } = this.props;
-
-    return nextProps.knob.value !== knob.value;
-  }
-
-  handleChange = event => {
-    const { onChange } = this.props;
-    const { value } = event.target;
-
-    onChange(value);
-  };
-
-  render() {
-    const { knob } = this.props;
-
-    return (
-      <Form.Textarea
-        id={knob.name}
-        name={knob.name}
-        value={knob.value}
-        onChange={this.handleChange}
-        size="flex"
-      />
-    );
-  }
-}
-
-TextType.defaultProps = {
-  knob: {},
-  onChange: value => value,
-};
-
-TextType.propTypes = {
-  knob: PropTypes.shape({
-    name: PropTypes.string,
-    value: PropTypes.string,
-  }),
-  onChange: PropTypes.func,
-};
-
-TextType.serialize = value => value;
-TextType.deserialize = value => value;
-
-export default TextType;
diff --git a/addons/knobs/src/components/types/Text.tsx b/addons/knobs/src/components/types/Text.tsx
new file mode 100644
index 00000000000..cf939ffa3f1
--- /dev/null
+++ b/addons/knobs/src/components/types/Text.tsx
@@ -0,0 +1,63 @@
+import PropTypes from 'prop-types';
+import React, { Component, ChangeEvent, WeakValidationMap } from 'react';
+
+import { Form } from '@storybook/components';
+
+type TextTypeKnobValue = string;
+
+export interface TextTypeKnob {
+  name: string;
+  value: TextTypeKnobValue;
+}
+
+interface TextTypeProps {
+  knob: TextTypeKnob;
+  onChange: (value: TextTypeKnobValue) => TextTypeKnobValue;
+}
+
+export default class TextType extends Component<TextTypeProps> {
+  static defaultProps: TextTypeProps = {
+    knob: {} as any,
+    onChange: value => value,
+  };
+
+  static propTypes: WeakValidationMap<TextTypeProps> = {
+    // TODO: remove `any` once DefinitelyTyped/DefinitelyTyped#31280 has been resolved
+    knob: PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.string,
+    }) as any,
+    onChange: PropTypes.func,
+  };
+
+  static serialize = (value: TextTypeKnobValue) => value;
+
+  static deserialize = (value: TextTypeKnobValue) => value;
+
+  shouldComponentUpdate(nextProps: TextTypeProps) {
+    const { knob } = this.props;
+
+    return nextProps.knob.value !== knob.value;
+  }
+
+  handleChange = (event: ChangeEvent<HTMLTextAreaElement>) => {
+    const { onChange } = this.props;
+    const { value } = event.target;
+
+    onChange(value);
+  };
+
+  render() {
+    const { knob } = this.props;
+
+    return (
+      <Form.Textarea
+        id={knob.name}
+        name={knob.name}
+        value={knob.value}
+        onChange={this.handleChange}
+        size="flex"
+      />
+    );
+  }
+}
diff --git a/addons/knobs/src/components/types/index.js b/addons/knobs/src/components/types/index.js
deleted file mode 100644
index b0c620dd94c..00000000000
--- a/addons/knobs/src/components/types/index.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import TextType from './Text';
-import NumberType from './Number';
-import ColorType from './Color';
-import BooleanType from './Boolean';
-import ObjectType from './Object';
-import SelectType from './Select';
-import RadiosType from './Radio';
-import ArrayType from './Array';
-import DateType from './Date';
-import ButtonType from './Button';
-import FilesType from './Files';
-import OptionsType from './Options';
-
-export default {
-  text: TextType,
-  number: NumberType,
-  color: ColorType,
-  boolean: BooleanType,
-  object: ObjectType,
-  select: SelectType,
-  radios: RadiosType,
-  array: ArrayType,
-  date: DateType,
-  button: ButtonType,
-  files: FilesType,
-  options: OptionsType,
-};
diff --git a/addons/knobs/src/components/types/index.ts b/addons/knobs/src/components/types/index.ts
new file mode 100644
index 00000000000..1a25315f8d0
--- /dev/null
+++ b/addons/knobs/src/components/types/index.ts
@@ -0,0 +1,53 @@
+import { ComponentType } from 'react';
+
+import TextType from './Text';
+import NumberType from './Number';
+import ColorType from './Color';
+import BooleanType from './Boolean';
+import ObjectType from './Object';
+import SelectType from './Select';
+import RadiosType from './Radio';
+import ArrayType from './Array';
+import DateType from './Date';
+import ButtonType from './Button';
+import FilesType from './Files';
+import OptionsType from './Options';
+
+const KnobControls = {
+  text: TextType,
+  number: NumberType,
+  color: ColorType,
+  boolean: BooleanType,
+  object: ObjectType,
+  select: SelectType,
+  radios: RadiosType,
+  array: ArrayType,
+  date: DateType,
+  button: ButtonType,
+  files: FilesType,
+  options: OptionsType,
+};
+export default KnobControls;
+
+export type KnobType = keyof typeof KnobControls;
+
+export type KnobControlType = ComponentType<any> & {
+  serialize: (v: any) => any;
+  deserialize: (v: any) => any;
+};
+
+// Note: this is a utility function that helps in resolving types more orderly
+export const getKnobControl = (type: KnobType): KnobControlType => KnobControls[type];
+
+export { TextTypeKnob } from './Text';
+export { NumberTypeKnob, NumberTypeKnobOptions } from './Number';
+export { ColorTypeKnob } from './Color';
+export { BooleanTypeKnob } from './Boolean';
+export { ObjectTypeKnob } from './Object';
+export { SelectTypeKnob, SelectTypeOptionsProp, SelectTypeKnobValue } from './Select';
+export { RadiosTypeKnob, RadiosTypeOptionsProp } from './Radio';
+export { ArrayTypeKnob } from './Array';
+export { DateTypeKnob } from './Date';
+export { ButtonTypeKnob, ButtonTypeOnClickProp } from './Button';
+export { FileTypeKnob } from './Files';
+export { OptionsTypeKnob, OptionsTypeOptionsProp, OptionsKnobOptions } from './Options';
diff --git a/addons/knobs/src/converters.js b/addons/knobs/src/converters.ts
similarity index 59%
rename from addons/knobs/src/converters.js
rename to addons/knobs/src/converters.ts
index 7e63c8de78a..0c07813bce0 100644
--- a/addons/knobs/src/converters.js
+++ b/addons/knobs/src/converters.ts
@@ -1,21 +1,22 @@
-const unconvertable = () => undefined;
+const unconvertable = (): undefined => undefined;
 
 export const converters = {
-  jsonParse: value => JSON.parse(value),
-  jsonStringify: value => JSON.stringify(value),
-  simple: value => value,
-  stringifyIfSet: value => (value === null || value === undefined ? '' : String(value)),
-  stringifyIfTruthy: value => (value ? String(value) : null),
-  toArray: value => {
+  jsonParse: (value: any): any => JSON.parse(value),
+  jsonStringify: (value: any): string => JSON.stringify(value),
+  simple: (value: any): any => value,
+  stringifyIfSet: (value: any): string =>
+    value === null || value === undefined ? '' : String(value),
+  stringifyIfTruthy: (value: any): string | null => (value ? String(value) : null),
+  toArray: (value: any): any[] => {
     if (Array.isArray(value)) {
       return value;
     }
 
     return value.split(',');
   },
-  toBoolean: value => value === 'true',
-  toDate: value => new Date(value).getTime() || new Date().getTime(),
-  toFloat: value => (value === '' ? null : parseFloat(value)),
+  toBoolean: (value: any): boolean => value === 'true',
+  toDate: (value: any): number => new Date(value).getTime() || new Date().getTime(),
+  toFloat: (value: any): number => (value === '' ? null : parseFloat(value)),
 };
 
 export const serializers = {
diff --git a/addons/knobs/src/index.js b/addons/knobs/src/index.ts
similarity index 57%
rename from addons/knobs/src/index.js
rename to addons/knobs/src/index.ts
index 7035ead6c55..c7a060c5785 100644
--- a/addons/knobs/src/index.js
+++ b/addons/knobs/src/index.ts
@@ -1,22 +1,36 @@
 import addons, { makeDecorator } from '@storybook/addons';
 
 import { SET_OPTIONS } from './shared';
-
 import { manager, registerKnobs } from './registerKnobs';
+import { Knob, KnobType } from './type-defs';
+import {
+  NumberTypeKnobOptions,
+  ButtonTypeOnClickProp,
+  RadiosTypeOptionsProp,
+  SelectTypeOptionsProp,
+  SelectTypeKnobValue,
+  OptionsTypeOptionsProp,
+  OptionsKnobOptions,
+} from './components/types';
 
-export function knob(name, optionsParam) {
-  return manager.knob(name, optionsParam);
+export function knob<T extends KnobType>(name: string, options: Knob<T>) {
+  return manager.knob(name, options);
 }
 
-export function text(name, value, groupId) {
+export function text(name: string, value: string, groupId?: string) {
   return manager.knob(name, { type: 'text', value, groupId });
 }
 
-export function boolean(name, value, groupId) {
+export function boolean(name: string, value: boolean, groupId?: string) {
   return manager.knob(name, { type: 'boolean', value, groupId });
 }
 
-export function number(name, value, options = {}, groupId) {
+export function number(
+  name: string,
+  value: number,
+  options: NumberTypeKnobOptions = {},
+  groupId?: string
+) {
   const rangeDefaults = {
     min: 0,
     max: 10,
@@ -31,8 +45,8 @@ export function number(name, value, options = {}, groupId) {
     : options;
 
   const finalOptions = {
+    type: 'number' as 'number',
     ...mergedOptions,
-    type: 'number',
     value,
     groupId,
   };
@@ -40,40 +54,56 @@ export function number(name, value, options = {}, groupId) {
   return manager.knob(name, finalOptions);
 }
 
-export function color(name, value, groupId) {
+export function color(name: string, value: string, groupId?: string) {
   return manager.knob(name, { type: 'color', value, groupId });
 }
 
-export function object(name, value, groupId) {
+export function object<T>(name: string, value: T, groupId?: string): T {
   return manager.knob(name, { type: 'object', value, groupId });
 }
 
-export function select(name, options, value, groupId) {
+export function select(
+  name: string,
+  options: SelectTypeOptionsProp,
+  value: SelectTypeKnobValue,
+  groupId?: string
+) {
   return manager.knob(name, { type: 'select', selectV2: true, options, value, groupId });
 }
 
-export function radios(name, options, value, groupId) {
+export function radios(
+  name: string,
+  options: RadiosTypeOptionsProp,
+  value: string,
+  groupId?: string
+) {
   return manager.knob(name, { type: 'radios', options, value, groupId });
 }
 
-export function array(name, value, separator = ',', groupId) {
+export function array(name: string, value: string[], separator = ',', groupId?: string) {
   return manager.knob(name, { type: 'array', value, separator, groupId });
 }
 
-export function date(name, value = new Date(), groupId) {
+export function date(name: string, value = new Date(), groupId?: string) {
   const proxyValue = value ? value.getTime() : null;
   return manager.knob(name, { type: 'date', value: proxyValue, groupId });
 }
 
-export function button(name, callback, groupId) {
+export function button(name: string, callback: ButtonTypeOnClickProp, groupId?: string) {
   return manager.knob(name, { type: 'button', callback, hideLabel: true, groupId });
 }
 
-export function files(name, accept, value = [], groupId) {
+export function files(name: string, accept: string, value: string[] = [], groupId?: string) {
   return manager.knob(name, { type: 'files', accept, value, groupId });
 }
 
-export function optionsKnob(name, valuesObj, value, optionsObj, groupId) {
+export function optionsKnob<T>(
+  name: string,
+  valuesObj: OptionsTypeOptionsProp<T>,
+  value: T,
+  optionsObj: OptionsKnobOptions,
+  groupId?: string
+): T {
   return manager.knob(name, { type: 'options', options: valuesObj, value, optionsObj, groupId });
 }
 
diff --git a/addons/knobs/src/register.js b/addons/knobs/src/register.tsx
similarity index 74%
rename from addons/knobs/src/register.js
rename to addons/knobs/src/register.tsx
index e8eeddb512c..a6753c557a9 100644
--- a/addons/knobs/src/register.js
+++ b/addons/knobs/src/register.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 import addons from '@storybook/addons';
 import Panel from './components/Panel';
-import { ADDON_ID, PANEL_ID } from './shared';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './shared';
 
 addons.register(ADDON_ID, api => {
   addons.addPanel(PANEL_ID, {
     title: 'Knobs',
-    // eslint-disable-next-line react/prop-types
     render: ({ active, key }) => <Panel api={api} key={key} active={active} />,
+    paramKey: PARAM_KEY,
   });
 });
diff --git a/addons/knobs/src/registerKnobs.js b/addons/knobs/src/registerKnobs.ts
similarity index 82%
rename from addons/knobs/src/registerKnobs.js
rename to addons/knobs/src/registerKnobs.ts
index 412783c3624..62d9431e664 100644
--- a/addons/knobs/src/registerKnobs.js
+++ b/addons/knobs/src/registerKnobs.ts
@@ -1,9 +1,11 @@
 import addons from '@storybook/addons';
-import { STORY_CHANGED, FORCE_RE_RENDER, REGISTER_SUBSCRIPTION } from '@storybook/core-events';
+import { useEffect } from '@storybook/client-api';
+import { STORY_CHANGED, FORCE_RE_RENDER } from '@storybook/core-events';
 import debounce from 'lodash/debounce';
 
 import KnobManager from './KnobManager';
 import { CHANGE, CLICK, RESET, SET } from './shared';
+import { KnobStoreKnob } from './KnobStore';
 
 export const manager = new KnobManager();
 const { knobStore } = manager;
@@ -13,7 +15,7 @@ function forceReRender() {
   addons.getChannel().emit(FORCE_RE_RENDER);
 }
 
-function setPaneKnobs(timestamp = +new Date()) {
+function setPaneKnobs(timestamp: boolean | number = +new Date()) {
   const channel = addons.getChannel();
   channel.emit(SET, { knobs: knobStore.getAll(), timestamp });
 }
@@ -29,7 +31,7 @@ const debouncedResetAndForceUpdate = debounce(
   COMPONENT_FORCE_RENDER_DEBOUNCE_DELAY_MS
 );
 
-function knobChanged(change) {
+function knobChanged(change: KnobStoreKnob) {
   const { name } = change;
   const { value } = change; // Update the related knob and it's value.
   const knobOptions = knobStore.get(name);
@@ -42,10 +44,11 @@ function knobChanged(change) {
   }
 }
 
-function knobClicked(clicked) {
+function knobClicked(clicked: KnobStoreKnob) {
   const knobOptions = knobStore.get(clicked.name);
-  knobOptions.callback();
-  forceReRender();
+  if (knobOptions.callback() !== false) {
+    forceReRender();
+  }
 }
 
 function resetKnobs() {
@@ -83,5 +86,5 @@ function connectCallbacks() {
 }
 
 export function registerKnobs() {
-  addons.getChannel().emit(REGISTER_SUBSCRIPTION, connectCallbacks);
+  useEffect(connectCallbacks, []);
 }
diff --git a/addons/knobs/src/shared.js b/addons/knobs/src/shared.ts
similarity index 91%
rename from addons/knobs/src/shared.js
rename to addons/knobs/src/shared.ts
index 64aa6af2d92..267862d05d1 100644
--- a/addons/knobs/src/shared.js
+++ b/addons/knobs/src/shared.ts
@@ -1,4 +1,5 @@
 // addons, panels and events get unique names using a prefix
+export const PARAM_KEY = 'knobs';
 export const ADDON_ID = 'storybookjs/knobs';
 export const PANEL_ID = `${ADDON_ID}/panel`;
 
diff --git a/addons/knobs/src/type-defs.ts b/addons/knobs/src/type-defs.ts
new file mode 100644
index 00000000000..51c76c6c2b3
--- /dev/null
+++ b/addons/knobs/src/type-defs.ts
@@ -0,0 +1,45 @@
+import {
+  TextTypeKnob,
+  NumberTypeKnob,
+  ColorTypeKnob,
+  BooleanTypeKnob,
+  ObjectTypeKnob,
+  SelectTypeKnob,
+  RadiosTypeKnob,
+  ArrayTypeKnob,
+  DateTypeKnob,
+  ButtonTypeOnClickProp,
+  FileTypeKnob,
+  OptionsTypeKnob,
+  KnobType,
+} from './components/types';
+
+type KnobPlus<T extends KnobType, K> = K & { type: T; groupId?: string };
+
+export type Knob<T extends KnobType = any> = T extends 'text'
+  ? KnobPlus<T, Pick<TextTypeKnob, 'value'>>
+  : T extends 'boolean'
+  ? KnobPlus<T, Pick<BooleanTypeKnob, 'value'>>
+  : T extends 'number'
+  ? KnobPlus<T, Pick<NumberTypeKnob, 'value' | 'range' | 'min' | 'max' | 'step'>>
+  : T extends 'color'
+  ? KnobPlus<T, Pick<ColorTypeKnob, 'value'>>
+  : T extends 'object'
+  ? KnobPlus<T, Pick<ObjectTypeKnob<any>, 'value'>>
+  : T extends 'select'
+  ? KnobPlus<T, Pick<SelectTypeKnob, 'value' | 'options'> & { selectV2: true }>
+  : T extends 'radios'
+  ? KnobPlus<T, Pick<RadiosTypeKnob, 'value' | 'options'>>
+  : T extends 'array'
+  ? KnobPlus<T, Pick<ArrayTypeKnob, 'value' | 'separator'>>
+  : T extends 'date'
+  ? KnobPlus<T, Pick<DateTypeKnob, 'value'>>
+  : T extends 'files'
+  ? KnobPlus<T, Pick<FileTypeKnob, 'value' | 'accept'>>
+  : T extends 'button'
+  ? KnobPlus<T, { value?: never; callback: ButtonTypeOnClickProp; hideLabel: true }>
+  : T extends 'options'
+  ? KnobPlus<T, Pick<OptionsTypeKnob<any>, 'options' | 'value' | 'optionsObj'>>
+  : never;
+
+export { KnobType };
diff --git a/addons/knobs/src/typings.d.ts b/addons/knobs/src/typings.d.ts
new file mode 100644
index 00000000000..b0b788b35a7
--- /dev/null
+++ b/addons/knobs/src/typings.d.ts
@@ -0,0 +1,2 @@
+declare module 'global';
+declare module '@storybook/client-api';
diff --git a/addons/knobs/tsconfig.json b/addons/knobs/tsconfig.json
new file mode 100644
index 00000000000..82ce44329cc
--- /dev/null
+++ b/addons/knobs/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": ["src/**/*"],
+  "exclude": ["src/__tests__/**/*"]
+}
diff --git a/addons/links/package.json b/addons/links/package.json
index 9422f1627fb..47d9847865f 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Story Links addon for storybook",
   "keywords": [
     "addon",
@@ -22,9 +22,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/notes/package.json b/addons/notes/package.json
index f19110932d9..b5acc2440a0 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-notes",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Write notes for your Storybook stories.",
   "keywords": [
     "addon",
@@ -23,13 +23,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "markdown-to-jsx": "^6.9.3",
diff --git a/addons/notes/src/Panel.tsx b/addons/notes/src/Panel.tsx
index 5daaaa7ba2f..8f3daa991bf 100644
--- a/addons/notes/src/Panel.tsx
+++ b/addons/notes/src/Panel.tsx
@@ -19,7 +19,7 @@ import { formatter } from './formatter';
 
 import { PARAM_KEY, Parameters } from './shared';
 
-const Panel = styled.div(({ theme }) => ({
+const Panel = styled.div<{}>(({ theme }) => ({
   padding: '3rem 40px',
   boxSizing: 'border-box',
   width: '100%',
diff --git a/addons/notes/src/register.tsx b/addons/notes/src/register.tsx
index 17d3c8d4189..0e56ab83ae1 100644
--- a/addons/notes/src/register.tsx
+++ b/addons/notes/src/register.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import addons, { types } from '@storybook/addons';
 
-import { ADDON_ID, PANEL_ID } from './shared';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './shared';
 
 // TODO: fix eslint in tslint (igor said he fixed it, should ask him)
 import Panel from './Panel';
@@ -14,6 +14,7 @@ export default function register(type: types) {
       route: ({ storyId }) => `/info/${storyId}`, // todo add type
       match: ({ viewMode }) => viewMode === 'info', // todo add type
       render: ({ active }) => <Panel api={api} active={active} />,
+      paramKey: PARAM_KEY,
     });
   });
 }
diff --git a/addons/ondevice-actions/package.json b/addons/ondevice-actions/package.json
index 5e8eb84af3a..3fd843e3965 100644
--- a/addons/ondevice-actions/package.json
+++ b/addons/ondevice-actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-actions",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Action Logger addon for react-native storybook",
   "keywords": [
     "storybook"
@@ -19,13 +19,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^2.5.7",
     "fast-deep-equal": "^2.0.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.31"
+    "@storybook/addon-actions": "5.2.0-alpha.44"
   },
   "peerDependencies": {
     "@storybook/addon-actions": "*",
diff --git a/addons/ondevice-actions/src/components/ActionLogger/Inspect.tsx b/addons/ondevice-actions/src/components/ActionLogger/Inspect.tsx
index bcf4f1fcac2..fb7ffbe513d 100644
--- a/addons/ondevice-actions/src/components/ActionLogger/Inspect.tsx
+++ b/addons/ondevice-actions/src/components/ActionLogger/Inspect.tsx
@@ -1,3 +1,5 @@
+/* eslint-disable react/no-array-index-key */
+/* eslint-disable no-nested-ternary */
 import React from 'react';
 import { Button, View, Text } from 'react-native';
 
@@ -22,6 +24,7 @@ const theme = {
 
 class Inspect extends React.Component<{ name?: string; value: any }, { expanded: boolean }> {
   state = { expanded: false };
+
   render() {
     const { name, value } = this.props;
     const { expanded } = this.state;
@@ -52,7 +55,7 @@ class Inspect extends React.Component<{ name?: string; value: any }, { expanded:
             <View style={{ flexDirection: 'row', alignItems: 'center' }}>
               {toggle}
               {nameComponent}
-              <Text>{': ' + (value.length === 0 ? '[]' : expanded ? '[' : '[...]')}</Text>
+              <Text>{`: ${value.length === 0 ? '[]' : expanded ? '[' : '[...]'}`}</Text>
             </View>
             {expanded ? (
               <View style={{ marginLeft: 40 }}>
@@ -62,7 +65,7 @@ class Inspect extends React.Component<{ name?: string; value: any }, { expanded:
                   </View>
                 ))}
                 <View style={{ marginLeft: 20 }}>
-                  <Text>{']'}</Text>
+                  <Text>]</Text>
                 </View>
               </View>
             ) : null}
@@ -71,13 +74,13 @@ class Inspect extends React.Component<{ name?: string; value: any }, { expanded:
       }
       return (
         <View>
-          <Text>{'['}</Text>
+          <Text>[</Text>
           {value.map((v, i) => (
             <View key={i} style={{ marginLeft: 20 }}>
               <Inspect value={v} />
             </View>
           ))}
-          <Text>{']'}</Text>
+          <Text>]</Text>
         </View>
       );
     }
@@ -89,7 +92,7 @@ class Inspect extends React.Component<{ name?: string; value: any }, { expanded:
               {toggle}
               {nameComponent}
               <Text>
-                {': ' + (Object.keys(value).length === 0 ? '{}' : expanded ? '{' : '{...}')}
+                {`: ${Object.keys(value).length === 0 ? '{}' : expanded ? '{' : '{...}'}`}
               </Text>
             </View>
             {expanded ? (
@@ -124,7 +127,7 @@ class Inspect extends React.Component<{ name?: string; value: any }, { expanded:
         <View style={{ flexDirection: 'row', alignItems: 'center' }}>
           {toggle}
           {nameComponent}
-          <Text>{': '}</Text>
+          <Text>: </Text>
           <Value value={value} />
         </View>
       );
@@ -147,7 +150,7 @@ function Value({ value }: { value: any }) {
   if (value instanceof RegExp) {
     return (
       <Text style={{ color: theme.OBJECT_VALUE_REGEXP_COLOR }}>
-        {'/' + value.source + '/' + value.flags}
+        {`/${value.source}/${value.flags}`}
       </Text>
     );
   }
@@ -166,8 +169,9 @@ function Value({ value }: { value: any }) {
       );
     case 'function':
       return <Text style={{ color: theme.OBJECT_VALUE_FUNCTION_PREFIX_COLOR }}>[Function]</Text>;
+    default:
+      return <Text>{JSON.stringify(value)}</Text>;
   }
-  return <Text>{JSON.stringify(value)}</Text>;
 }
 
 export default Inspect;
diff --git a/addons/ondevice-actions/src/index.tsx b/addons/ondevice-actions/src/index.tsx
index 76602d22ae9..63b71d68a67 100644
--- a/addons/ondevice-actions/src/index.tsx
+++ b/addons/ondevice-actions/src/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import addons from '@storybook/addons';
-import { ADDON_ID, PANEL_ID } from '@storybook/addon-actions';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from '@storybook/addon-actions';
 import ActionLogger from './containers/ActionLogger';
 
 export function register() {
@@ -8,6 +8,7 @@ export function register() {
     addons.addPanel(PANEL_ID, {
       title: 'Actions',
       render: ({ active, key }) => <ActionLogger key={key} active={active} />,
+      paramKey: PARAM_KEY,
     });
   });
 }
diff --git a/addons/ondevice-backgrounds/package.json b/addons/ondevice-backgrounds/package.json
index 7728b7aa2aa..ddd6c2b0d4a 100644
--- a/addons/ondevice-backgrounds/package.json
+++ b/addons/ondevice-backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-backgrounds",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "A react-native storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -24,7 +24,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2"
   },
diff --git a/addons/ondevice-backgrounds/src/BackgroundPanel.js b/addons/ondevice-backgrounds/src/BackgroundPanel.js
index cd28c6d73c1..30800f7ca8e 100644
--- a/addons/ondevice-backgrounds/src/BackgroundPanel.js
+++ b/addons/ondevice-backgrounds/src/BackgroundPanel.js
@@ -1,8 +1,9 @@
+/* eslint-disable react/prop-types, react/destructuring-assignment, import/no-extraneous-dependencies */
 import React, { Component } from 'react';
 import { View, Text } from 'react-native';
 import Events from '@storybook/core-events';
 import Swatch from './Swatch';
-import Constants from './constants';
+import BackgroundEvents, { PARAM_KEY } from './constants';
 
 const codeSample = `
 import { storiesOf } from '@storybook/react-native';
@@ -36,10 +37,6 @@ const Instructions = () => (
 );
 
 export default class BackgroundPanel extends Component {
-  setBackgroundFromSwatch = background => {
-    this.props.channel.emit(Constants.UPDATE_BACKGROUND, background);
-  };
-
   componentDidMount() {
     this.props.channel.on(Events.SELECT_STORY, this.onStorySelected);
   }
@@ -48,6 +45,10 @@ export default class BackgroundPanel extends Component {
     this.props.channel.removeListener(Events.SELECT_STORY, this.onStorySelected);
   }
 
+  setBackgroundFromSwatch = background => {
+    this.props.channel.emit(BackgroundEvents.UPDATE_BACKGROUND, background);
+  };
+
   onStorySelected = selection => {
     this.setState({ selection });
   };
@@ -62,7 +63,7 @@ export default class BackgroundPanel extends Component {
     const story = api
       .store()
       .getStoryAndParameters(this.state.selection.kind, this.state.selection.story);
-    const backgrounds = story.parameters[Constants.PARAM_KEY];
+    const backgrounds = story.parameters[PARAM_KEY];
 
     return (
       <View>
diff --git a/addons/ondevice-backgrounds/src/constants.js b/addons/ondevice-backgrounds/src/constants.js
index 7e0fcc42dae..8e876dace84 100644
--- a/addons/ondevice-backgrounds/src/constants.js
+++ b/addons/ondevice-backgrounds/src/constants.js
@@ -1,3 +1,4 @@
+export const PARAM_KEY = 'background';
 export const ADDON_ID = 'storybook-addon-background';
 export const PANEL_ID = `${ADDON_ID}/background-panel`;
 
@@ -5,5 +6,4 @@ export default {
   SET: `${ADDON_ID}:set`,
   UNSET: `${ADDON_ID}:unset`,
   UPDATE_BACKGROUND: `${ADDON_ID}:update`,
-  PARAM_KEY: 'backgrounds',
 };
diff --git a/addons/ondevice-backgrounds/src/container.js b/addons/ondevice-backgrounds/src/container.js
index f5b03964bb1..523e4ae4a31 100644
--- a/addons/ondevice-backgrounds/src/container.js
+++ b/addons/ondevice-backgrounds/src/container.js
@@ -19,9 +19,9 @@ export default class Container extends React.Component {
     channel.removeListener(Constants.UPDATE_BACKGROUND, this.onBackgroundChange);
   }
 
-  onBackgroundChange = (background) => {
+  onBackgroundChange = background => {
     this.setState({ background });
-  }
+  };
 
   render() {
     const { background } = this.state;
diff --git a/addons/ondevice-backgrounds/src/register.js b/addons/ondevice-backgrounds/src/register.js
index 0bd614430da..2714689abb2 100644
--- a/addons/ondevice-backgrounds/src/register.js
+++ b/addons/ondevice-backgrounds/src/register.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import addons from '@storybook/addons';
 
-import { ADDON_ID, PANEL_ID } from './constants';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
 import BackgroundPanel from './BackgroundPanel';
 
 addons.register(ADDON_ID, api => {
@@ -10,5 +10,6 @@ addons.register(ADDON_ID, api => {
     title: 'Backgrounds',
     // eslint-disable-next-line react/prop-types
     render: ({ active }) => <BackgroundPanel channel={channel} api={api} active={active} />,
+    paramKey: PARAM_KEY,
   });
 });
diff --git a/addons/ondevice-knobs/package.json b/addons/ondevice-knobs/package.json
index 19c89ae395c..0ff1af3d6af 100644
--- a/addons/ondevice-knobs/package.json
+++ b/addons/ondevice-knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-knobs",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Display storybook story knobs on your deviced.",
   "keywords": [
     "addon",
@@ -21,13 +21,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",
     "react-native-color-picker": "^0.4.0",
-    "react-native-modal-datetime-picker": "^6.0.0",
+    "react-native-modal-datetime-picker": "^7.4.2",
     "react-native-modal-selector": "^1.0.2",
     "react-native-switch": "^1.5.0"
   },
diff --git a/addons/ondevice-knobs/src/PropField.js b/addons/ondevice-knobs/src/PropField.js
index 6802373469e..3fe8f3a3852 100644
--- a/addons/ondevice-knobs/src/PropField.js
+++ b/addons/ondevice-knobs/src/PropField.js
@@ -31,6 +31,18 @@ PropField.propTypes = {
   knob: PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.any,
+    hideLabel: PropTypes.bool,
+    type: PropTypes.oneOf([
+      'text',
+      'number',
+      'color',
+      'boolean',
+      'object',
+      'select',
+      'array',
+      'date',
+      'button',
+    ]),
   }).isRequired,
   onChange: PropTypes.func.isRequired,
   onPress: PropTypes.func.isRequired,
diff --git a/addons/ondevice-knobs/src/PropForm.js b/addons/ondevice-knobs/src/PropForm.js
index 93770e5e3e7..e0c35334cf1 100644
--- a/addons/ondevice-knobs/src/PropForm.js
+++ b/addons/ondevice-knobs/src/PropForm.js
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { View } from 'react-native';
 import PropField from './PropField';
 
-export default class propForm extends React.Component {
+export default class PropForm extends React.Component {
   makeChangeHandler(name, type) {
     return value => {
       const { onFieldChange } = this.props;
@@ -38,13 +38,13 @@ export default class propForm extends React.Component {
   }
 }
 
-propForm.displayName = 'propForm';
+PropForm.displayName = 'PropForm';
 
-propForm.defaultProps = {
+PropForm.defaultProps = {
   knobs: [],
 };
 
-propForm.propTypes = {
+PropForm.propTypes = {
   knobs: PropTypes.arrayOf(
     PropTypes.shape({
       name: PropTypes.string,
diff --git a/addons/ondevice-knobs/src/index.js b/addons/ondevice-knobs/src/index.js
index 8286083ad1e..9e46af4a407 100644
--- a/addons/ondevice-knobs/src/index.js
+++ b/addons/ondevice-knobs/src/index.js
@@ -9,6 +9,7 @@ export function register() {
       title: 'Knobs',
       // eslint-disable-next-line react/prop-types
       render: ({ active, key }) => <Panel key={key} channel={channel} active={active} />,
+      paramKey: 'knobs',
     });
   });
 }
diff --git a/addons/ondevice-knobs/src/types/Array.js b/addons/ondevice-knobs/src/types/Array.js
index ddf4333e8f8..6bace69d5a9 100644
--- a/addons/ondevice-knobs/src/types/Array.js
+++ b/addons/ondevice-knobs/src/types/Array.js
@@ -37,6 +37,7 @@ ArrayType.propTypes = {
   knob: PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.array,
+    separator: PropTypes.string,
   }),
   onChange: PropTypes.func,
 };
diff --git a/addons/ondevice-knobs/src/types/Number.js b/addons/ondevice-knobs/src/types/Number.js
index 9cd86acb763..b4ebb21fdfc 100644
--- a/addons/ondevice-knobs/src/types/Number.js
+++ b/addons/ondevice-knobs/src/types/Number.js
@@ -62,6 +62,10 @@ NumberType.propTypes = {
   knob: PropTypes.shape({
     name: PropTypes.string,
     value: PropTypes.number,
+    step: PropTypes.number,
+    min: PropTypes.number,
+    max: PropTypes.number,
+    range: PropTypes.bool,
   }),
   onChange: PropTypes.func,
 };
diff --git a/addons/ondevice-notes/package.json b/addons/ondevice-notes/package.json
index 6a3a6da7a19..ecc6d459f67 100644
--- a/addons/ondevice-notes/package.json
+++ b/addons/ondevice-notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-notes",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Write notes for your react-native Storybook stories.",
   "keywords": [
     "addon",
@@ -20,7 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2",
     "react-native-simple-markdown": "^1.1.0"
diff --git a/addons/ondevice-notes/src/index.js b/addons/ondevice-notes/src/index.js
index 5200b63f845..6c03530f086 100644
--- a/addons/ondevice-notes/src/index.js
+++ b/addons/ondevice-notes/src/index.js
@@ -1,3 +1,6 @@
+import { logger } from '@storybook/client-logger';
+
+// eslint-disable-next-line no-undef
 if (__DEV__) {
-  console.log("import '@storybook/addon-ondevice-notes/register' to register the notes addon");
-}
\ No newline at end of file
+  logger.log("import '@storybook/addon-ondevice-notes/register' to register the notes addon");
+}
diff --git a/addons/ondevice-notes/src/register.js b/addons/ondevice-notes/src/register.js
index 1ed3a38bfcd..c3850db2047 100644
--- a/addons/ondevice-notes/src/register.js
+++ b/addons/ondevice-notes/src/register.js
@@ -1,3 +1,6 @@
+/* eslint-disable react/prop-types */
+/* eslint-disable react/destructuring-assignment */
+/* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import { View } from 'react-native';
 import Markdown from 'react-native-simple-markdown';
@@ -7,10 +10,6 @@ import Events from '@storybook/core-events';
 export const PARAM_KEY = `notes`;
 
 class Notes extends React.Component {
-  setBackgroundFromSwatch = background => {
-    this.props.channel.emit(Constants.UPDATE_BACKGROUND, background);
-  };
-
   componentDidMount() {
     this.props.channel.on(Events.SELECT_STORY, this.onStorySelected);
   }
@@ -50,5 +49,6 @@ addons.register('storybook/notes', api => {
   addons.addPanel('storybook/notes/panel', {
     title: 'Notes',
     render: ({ active, key }) => <Notes key={key} channel={channel} api={api} active={active} />,
+    paramKey: PARAM_KEY,
   });
 });
diff --git a/addons/options/package.json b/addons/options/package.json
index d52abc7a72f..d81fde50ccd 100644
--- a/addons/options/package.json
+++ b/addons/options/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-options",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Options addon for storybook",
   "keywords": [
     "addon",
@@ -22,7 +22,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "util-deprecate": "^1.0.2"
   },
diff --git a/addons/options/tsconfig.json b/addons/options/tsconfig.json
index 266f855ff1a..1d10f46e8b7 100644
--- a/addons/options/tsconfig.json
+++ b/addons/options/tsconfig.json
@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "rootDir": "./src"
+    "rootDir": "./src",
+    "types": ["webpack-env"]
   },
   "include": [
     "src/**/*"
diff --git a/addons/queryparams/package.json b/addons/queryparams/package.json
index a1734e41fa7..09876790b1c 100644
--- a/addons/queryparams/package.json
+++ b/addons/queryparams/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-queryparams",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "parameter addon for storybook",
   "keywords": [
     "addon",
@@ -23,12 +23,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index 2f9b3d6becc..9491a60dbac 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
   "keywords": [
     "addon",
@@ -25,7 +25,7 @@
     "storybook": "start-storybook -p 6006"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "glob": "^7.1.3",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap
index cae5deca185..94367ee4014 100644
--- a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap
+++ b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.enzyme.test.js.snap
@@ -166,7 +166,6 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           onClick={[Function]}
         >
           <button
-            onClick={[Function]}
             style={
               Object {
                 "backgroundColor": "transparent",
@@ -273,7 +272,6 @@ exports[`Storyshots Welcome to Storybook 1`] = `
                 "textDecoration": "none",
               }
             }
-            target="_blank"
           >
             Writing Stories
           </a>
diff --git a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap
index dd98d76c66d..6d4d44b1d92 100644
--- a/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap
+++ b/addons/storyshots/storyshots-core/stories/__snapshots__/storyshot.snapshotWithOptionsFunction.test.js.snap
@@ -139,7 +139,6 @@ exports[`Storyshots Welcome to Storybook 1`] = `
   <p>
     See these sample 
     <button
-      onClick={[Function]}
       style={
         Object {
           "backgroundColor": "transparent",
@@ -234,7 +233,6 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           "textDecoration": "none",
         }
       }
-      target="_blank"
     >
       Writing Stories
     </a>
diff --git a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo
index 1fda01fe66a..ea703ee7dac 100644
--- a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo
+++ b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.foo
@@ -43,7 +43,6 @@ exports[`Storyshots Welcome to Storybook 1`] = `
   <p>
     See these sample 
     <button
-      onClick={[Function]}
       style={
         Object {
           "backgroundColor": "transparent",
@@ -138,7 +137,6 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           "textDecoration": "none",
         }
       }
-      target="_blank"
     >
       Writing Stories
     </a>
diff --git a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot
index 1fda01fe66a..ea703ee7dac 100644
--- a/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot
+++ b/addons/storyshots/storyshots-core/stories/required_with_context/__snapshots__/Welcome.stories.storyshot
@@ -43,7 +43,6 @@ exports[`Storyshots Welcome to Storybook 1`] = `
   <p>
     See these sample 
     <button
-      onClick={[Function]}
       style={
         Object {
           "backgroundColor": "transparent",
@@ -138,7 +137,6 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           "textDecoration": "none",
         }
       }
-      target="_blank"
     >
       Writing Stories
     </a>
diff --git a/addons/storyshots/storyshots-core/stories/storyshot.test.js b/addons/storyshots/storyshots-core/stories/storyshot.test.js
index ab1b16b7825..8cfdf6c7a35 100644
--- a/addons/storyshots/storyshots-core/stories/storyshot.test.js
+++ b/addons/storyshots/storyshots-core/stories/storyshot.test.js
@@ -1,6 +1,8 @@
 import path from 'path';
 import initStoryshots, { multiSnapshotWithOptions } from '../src';
 
+jest.mock('@storybook/node-logger');
+
 // with react-test-renderer
 initStoryshots({
   framework: 'react',
diff --git a/addons/storyshots/storyshots-puppeteer/.eslintrc.js b/addons/storyshots/storyshots-puppeteer/.eslintrc.js
new file mode 100644
index 00000000000..cc34d2deab0
--- /dev/null
+++ b/addons/storyshots/storyshots-puppeteer/.eslintrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+  settings: {
+    'import/core-modules': ['puppeteer'],
+  },
+};
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index 2a4354aa8e7..314499618e8 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": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Image snappshots addition to StoryShots base on puppeteer",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
+    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "jest-image-snapshot": "^2.8.2",
     "regenerator-runtime": "^0.12.1"
@@ -32,7 +32,7 @@
     "puppeteer": "^1.12.2"
   },
   "peerDependencies": {
-    "@storybook/addon-storyshots": "5.2.0-alpha.23",
+    "@storybook/addon-storyshots": "5.2.0-alpha.40",
     "puppeteer": "^1.12.2"
   },
   "publishConfig": {
diff --git a/addons/storyshots/storyshots-puppeteer/src/__tests__/url.test.js b/addons/storyshots/storyshots-puppeteer/src/__tests__/url.test.js
index 272375b3ea0..4bac493cc6f 100644
--- a/addons/storyshots/storyshots-puppeteer/src/__tests__/url.test.js
+++ b/addons/storyshots/storyshots-puppeteer/src/__tests__/url.test.js
@@ -1,5 +1,7 @@
 import { constructUrl } from '../url';
 
+jest.mock('@storybook/node-logger');
+
 describe('Construct URL for Storyshots', () => {
   it('can use a url without path and without query params', () => {
     expect(constructUrl('http://localhost:9001', 'someKind', 'someStory')).toEqual(
diff --git a/addons/storysource/README.md b/addons/storysource/README.md
index 5aea05d32b0..0060aa1be55 100644
--- a/addons/storysource/README.md
+++ b/addons/storysource/README.md
@@ -26,7 +26,7 @@ Use this hook to a custom webpack.config. This will generate a decorator call in
 module.exports = function({ config }) {
   config.module.rules.push({
     test: /\.stories\.jsx?$/,
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     enforce: 'pre',
   });
 
@@ -56,7 +56,7 @@ module.exports = function({ config }) {
     test: /\.stories\.jsx?$/,
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: { parser: 'typescript' },
       },
     ],
@@ -91,7 +91,7 @@ module.exports = function({ config }) {
     test: /\.stories\.jsx?$/,
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: {
           prettierConfig: {
             printWidth: 100,
@@ -125,7 +125,7 @@ module.exports = function({ config }) {
     test: /\.stories\.jsx?$/,
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: {
           uglyCommentsRegex: [/^eslint-.*/, /^global.*/],
         },
@@ -140,7 +140,7 @@ module.exports = function({ config }) {
 
 ### injectDecorator
 
-Tell storysource whether you need inject decorator.If false, you need to add the decorator by yourself;
+Tell storysource whether you need inject decorator. If false, you need to add the decorator by yourself;
 
 Defaults: true
 
@@ -152,7 +152,7 @@ module.exports = function({ config }) {
     test: /\.stories\.jsx?$/,
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
+        loader: require.resolve('@storybook/source-loader'),
         options: { injectDecorator: false },
       },
     ],
diff --git a/addons/storysource/loader.js b/addons/storysource/loader.js
index 6cc4e38b8d1..526e141378b 100644
--- a/addons/storysource/loader.js
+++ b/addons/storysource/loader.js
@@ -1 +1 @@
-module.exports = require('./dist/loader');
+module.exports = require('@storybook/source-loader');
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index 79f69d86457..b2f53c40b8f 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Stories addon for storybook",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "loader-utils": "^1.2.3",
@@ -35,6 +35,7 @@
     "regenerator-runtime": "^0.12.1"
   },
   "peerDependencies": {
+    "@storybook/source-loader": "*",
     "react": "*"
   },
   "publishConfig": {
diff --git a/addons/storysource/src/StoryPanel.js b/addons/storysource/src/StoryPanel.js
index afa1d63ce27..01c50b73194 100644
--- a/addons/storysource/src/StoryPanel.js
+++ b/addons/storysource/src/StoryPanel.js
@@ -66,9 +66,8 @@ export default class StoryPanel extends Component {
     this.selectedStoryRef = ref;
   };
 
-  listener = ({ source, currentLocation, locationsMap }) => {
+  listener = ({ edition: { source }, location: { currentLocation, locationsMap } }) => {
     const locationsKeys = getLocationKeys(locationsMap);
-
     this.setState({
       source,
       currentLocation,
diff --git a/addons/storysource/src/events.js b/addons/storysource/src/events.js
index 37a7edb2496..80572092f96 100644
--- a/addons/storysource/src/events.js
+++ b/addons/storysource/src/events.js
@@ -1,3 +1,3 @@
-export const ADDON_ID = 'storybook/storysource';
+export const ADDON_ID = 'storybook/source-loader';
 export const PANEL_ID = `${ADDON_ID}/panel`;
 export const EVENT_ID = `${ADDON_ID}/set`;
diff --git a/addons/storysource/src/loader/__snapshots__/inject-decorator.test.js.snap b/addons/storysource/src/loader/__snapshots__/inject-decorator.test.js.snap
deleted file mode 100644
index 71a9f6f70c7..00000000000
--- a/addons/storysource/src/loader/__snapshots__/inject-decorator.test.js.snap
+++ /dev/null
@@ -1,732 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`inject-decorator injectDecorator option is false - angular does not inject stories decorator after the all "storiesOf" functions 1`] = `
-"import { Component } from '@angular/core';
-import { storiesOf } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-with-ng-content',
-  template: \`<div style=\\"color: #1e88e5;\\"><ng-content></ng-content></div>\`,
-})
-class WithNgContentComponent {}
-
-storiesOf('Custom|ng-content', module).add('Default', () => ({
-  template: \`<storybook-with-ng-content><h1>This is rendered in ng-content</h1></storybook-with-ng-content>\`,
-  moduleMetadata: {
-    declarations: [WithNgContentComponent],
-  },
-}));
-"
-`;
-
-exports[`inject-decorator injectDecorator option is false - flow does not inject stories decorator after the all "storiesOf" functions 1`] = `
-"// @flow
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-
-import TableComponent from '../components/TableComponent';
-
-import type { JssClasses } from '../types';
-
-type State = {
-  value: any,
-};
-
-type Props = {
-  classes: JssClasses,
-  name: string,
-};
-
-class Table extends React.Component<Props, State> {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: undefined,
-    };
-  }
-
-  state: State;
-
-  render() {
-    return <TableComponent />;
-  }
-}
-
-const stories = storiesOf('Table', module);
-stories.add('Flow Class', withInfo('Lorum Ipsum Nem')(() => <Table />));
-"
-`;
-
-exports[`inject-decorator injectDecorator option is false - ts does not inject stories decorator after the all "storiesOf" functions 1`] = `
-"import { Component } from '@angular/core';
-import { Store, StoreModule } from '@ngrx/store';
-import { storiesOf, moduleMetadata } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-comp-with-store',
-  template: '<div>{{this.getSotreState()}}</div>',
-})
-class WithStoreComponent {
-  private store: Store<any>;
-
-  constructor(store: Store<any>) {
-    this.store = store;
-  }
-
-  getSotreState(): string {
-    return this.store === undefined ? 'Store is NOT injected' : 'Store is injected';
-  }
-}
-
-storiesOf('ngrx|Store', module)
-  .addDecorator(
-    moduleMetadata({
-      imports: [StoreModule.forRoot({})],
-      declarations: [WithStoreComponent],
-    })
-  )
-  .add('With component', () => {
-    return {
-      component: WithStoreComponent,
-    };
-  });"
-`;
-
-exports[`inject-decorator injectDecorator option is false does not inject stories decorator after the all "storiesOf" functions 1`] = `
-"import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-import { action } from '@storybook/addon-actions';
-
-import DocgenButton from '../components/DocgenButton';
-import FlowTypeButton from '../components/FlowTypeButton';
-import BaseButton from '../components/BaseButton';
-import TableComponent from '../components/TableComponent';
-
-storiesOf('Addons|Info.React Docgen', module)
-  .add(
-    'Comments from PropType declarations',
-    withInfo(
-      'Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <DocgenButton onClick={action('clicked')} label=\\"Docgen Button\\" />)
-  )
-  .add(
-    'Comments from Flow declarations',
-    withInfo(
-      'Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <FlowTypeButton onClick={action('clicked')} label=\\"Flow Typed Button\\" />)
-  )
-  .add(
-    'Comments from component declaration',
-    withInfo(
-      'Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading'
-    )(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
-  );
-
-const markdownDescription = \`
-#### You can use markdown in your withInfo() description.
-
-Sometimes you might want to manually include some code examples:
-~~~js
-const Button = () => <button />;
-~~~
-
-Maybe include a [link](http://storybook.js.org) to your project as well.
-\`;
-
-storiesOf('Addons|Info.Markdown', module).add(
-  'Displays Markdown in description',
-  withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.inline', module).add(
-  'Inlines component inside story',
-  withInfo({
-    text: 'Component should be inlined between description and PropType table',
-    inline: true, // Displays info inline vs click button to view
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.header', module).add(
-  'Shows or hides Info Addon header',
-  withInfo({
-    text: 'The Info Addon header should be hidden',
-    header: false, // Toggles display of header with component name and description
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.source', module).add(
-  'Shows or hides Info Addon source',
-  withInfo({
-    text: 'The Info Addon source section should be hidden',
-    source: false, // Displays the source of story Component
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.propTables', module).add(
-  'Shows additional component prop tables',
-  withInfo({
-    text: 'There should be a prop table added for a component not included in the story',
-    propTables: [FlowTypeButton],
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.propTablesExclude', module).add(
-  'Exclude component from prop tables',
-  withInfo({
-    text: 'This can exclude extraneous components from being displayed in prop tables.',
-    propTablesExclude: [FlowTypeButton],
-  })(() => (
-    <div>
-      <BaseButton label=\\"Button\\" />
-      <FlowTypeButton label=\\"Flow Typed Button\\" />
-    </div>
-  ))
-);
-
-storiesOf('Addons|Info.Options.styles', module)
-  .add(
-    'Extend info styles with an object',
-    withInfo({
-      styles: {
-        button: {
-          base: {
-            background: 'purple',
-          },
-        },
-        header: {
-          h1: {
-            color: 'green',
-          },
-        },
-      },
-    })(() => <BaseButton label=\\"Button\\" />)
-  )
-  .add(
-    'Full control over styles using a function',
-    withInfo({
-      styles: stylesheet => ({
-        ...stylesheet,
-        header: {
-          ...stylesheet.header,
-          h1: {
-            ...stylesheet.header.h1,
-            color: 'red',
-          },
-        },
-      }),
-    })(() => <BaseButton label=\\"Button\\" />)
-  );
-
-storiesOf('Addons|Info.Options.TableComponent', module).add(
-  'Use a custom component for the table',
-  withInfo({
-    TableComponent,
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Decorator', module)
-  .addDecorator((story, context) =>
-    withInfo('Info could be used as a global or local decorator as well.')(story)(context)
-  )
-  .add('Use Info as story decorator', () => <BaseButton label=\\"Button\\" />);
-
-const hoc = WrapComponent => ({ ...props }) => <WrapComponent {...props} />;
-
-const Input = hoc(() => <input type=\\"text\\" />);
-
-const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
-
-storiesOf('Addons|Info.GitHub issues', module).add(
-  '#1814',
-  withInfo('Allow Duplicate DisplayNames for HOC #1814')(() => (
-    <div>
-      <Input />
-      <TextArea />
-    </div>
-  ))
-);
-"
-`;
-
-exports[`inject-decorator positive - angular calculates "adds" map 1`] = `
-Object {
-  "custom-ng-content--default": Object {
-    "endLoc": Object {
-      "col": 2,
-      "line": 17,
-    },
-    "startLoc": Object {
-      "col": 43,
-      "line": 12,
-    },
-  },
-}
-`;
-
-exports[`inject-decorator positive - angular injects stories decorator after the all "storiesOf" functions 1`] = `
-"import { Component } from '@angular/core';
-import { storiesOf } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-with-ng-content',
-  template: \`<div style=\\"color: #1e88e5;\\"><ng-content></ng-content></div>\`,
-})
-class WithNgContentComponent {}
-
-storiesOf('Custom|ng-content', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add('Default', () => ({
-  template: \`<storybook-with-ng-content><h1>This is rendered in ng-content</h1></storybook-with-ng-content>\`,
-  moduleMetadata: {
-    declarations: [WithNgContentComponent],
-  },
-}));
-"
-`;
-
-exports[`inject-decorator positive - flow calculates "adds" map 1`] = `Object {}`;
-
-exports[`inject-decorator positive - flow injects stories decorator after the all "storiesOf" functions 1`] = `
-"// @flow
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-
-import TableComponent from '../components/TableComponent';
-
-import type { JssClasses } from '../types';
-
-type State = {
-  value: any,
-};
-
-type Props = {
-  classes: JssClasses,
-  name: string,
-};
-
-class Table extends React.Component<Props, State> {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: undefined,
-    };
-  }
-
-  state: State;
-
-  render() {
-    return <TableComponent />;
-  }
-}
-
-const stories = storiesOf('Table', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__));
-stories.add('Flow Class', withInfo('Lorum Ipsum Nem')(() => <Table />));
-"
-`;
-
-exports[`inject-decorator positive - ts calculates "adds" map 1`] = `
-Object {
-  "ngrx-store--with-component": Object {
-    "endLoc": Object {
-      "col": 3,
-      "line": 32,
-    },
-    "startLoc": Object {
-      "col": 7,
-      "line": 28,
-    },
-  },
-}
-`;
-
-exports[`inject-decorator positive - ts injects stories decorator after the all "storiesOf" functions 1`] = `
-"import { Component } from '@angular/core';
-import { Store, StoreModule } from '@ngrx/store';
-import { storiesOf, moduleMetadata } from '@storybook/angular';
-
-@Component({
-  selector: 'storybook-comp-with-store',
-  template: '<div>{{this.getSotreState()}}</div>',
-})
-class WithStoreComponent {
-  private store: Store<any>;
-
-  constructor(store: Store<any>) {
-    this.store = store;
-  }
-
-  getSotreState(): string {
-    return this.store === undefined ? 'Store is NOT injected' : 'Store is injected';
-  }
-}
-
-storiesOf('ngrx|Store', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
-  .addDecorator(
-    moduleMetadata({
-      imports: [StoreModule.forRoot({})],
-      declarations: [WithStoreComponent],
-    })
-  )
-  .add('With component', () => {
-    return {
-      component: WithStoreComponent,
-    };
-  });"
-`;
-
-exports[`inject-decorator positive calculates "adds" map 1`] = `
-Object {
-  "addons-info-decorator--use-info-as-story-decorator": Object {
-    "endLoc": Object {
-      "col": 73,
-      "line": 137,
-    },
-    "startLoc": Object {
-      "col": 7,
-      "line": 137,
-    },
-  },
-  "addons-info-github-issues--1814": Object {
-    "endLoc": Object {
-      "col": 4,
-      "line": 152,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 146,
-    },
-  },
-  "addons-info-markdown--displays-markdown-in-description": Object {
-    "endLoc": Object {
-      "col": 96,
-      "line": 44,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 43,
-    },
-  },
-  "addons-info-options-header--shows-or-hides-info-addon-header": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 60,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 56,
-    },
-  },
-  "addons-info-options-inline--inlines-component-inside-story": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 52,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 48,
-    },
-  },
-  "addons-info-options-proptables--shows-additional-component-prop-tables": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 76,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 72,
-    },
-  },
-  "addons-info-options-proptablesexclude--exclude-component-from-prop-tables": Object {
-    "endLoc": Object {
-      "col": 4,
-      "line": 89,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 80,
-    },
-  },
-  "addons-info-options-source--shows-or-hides-info-addon-source": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 68,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 64,
-    },
-  },
-  "addons-info-options-styles--extend-info-styles-with-an-object": Object {
-    "endLoc": Object {
-      "col": 43,
-      "line": 108,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 94,
-    },
-  },
-  "addons-info-options-styles--full-control-over-styles-using-a-function": Object {
-    "endLoc": Object {
-      "col": 43,
-      "line": 123,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 111,
-    },
-  },
-  "addons-info-options-tablecomponent--use-a-custom-component-for-the-table": Object {
-    "endLoc": Object {
-      "col": 41,
-      "line": 130,
-    },
-    "startLoc": Object {
-      "col": 2,
-      "line": 127,
-    },
-  },
-  "addons-info-react-docgen--comments-from-component-declaration": Object {
-    "endLoc": Object {
-      "col": 70,
-      "line": 28,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 25,
-    },
-  },
-  "addons-info-react-docgen--comments-from-flow-declarations": Object {
-    "endLoc": Object {
-      "col": 85,
-      "line": 22,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 19,
-    },
-  },
-  "addons-info-react-docgen--comments-from-proptype-declarations": Object {
-    "endLoc": Object {
-      "col": 79,
-      "line": 16,
-    },
-    "startLoc": Object {
-      "col": 4,
-      "line": 13,
-    },
-  },
-}
-`;
-
-exports[`inject-decorator positive injects stories decorator after the all "storiesOf" functions 1`] = `
-"import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { withInfo } from '@storybook/addon-info';
-import { action } from '@storybook/addon-actions';
-
-import DocgenButton from '../components/DocgenButton';
-import FlowTypeButton from '../components/FlowTypeButton';
-import BaseButton from '../components/BaseButton';
-import TableComponent from '../components/TableComponent';
-
-storiesOf('Addons|Info.React Docgen', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
-  .add(
-    'Comments from PropType declarations',
-    withInfo(
-      'Comments above the PropType declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <DocgenButton onClick={action('clicked')} label=\\"Docgen Button\\" />)
-  )
-  .add(
-    'Comments from Flow declarations',
-    withInfo(
-      'Comments above the Flow declarations should be extracted from the React component file itself and rendered in the Info Addon prop table'
-    )(() => <FlowTypeButton onClick={action('clicked')} label=\\"Flow Typed Button\\" />)
-  )
-  .add(
-    'Comments from component declaration',
-    withInfo(
-      'Comments above the component declaration should be extracted from the React component file itself and rendered below the Info Addon heading'
-    )(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
-  );
-
-const markdownDescription = \`
-#### You can use markdown in your withInfo() description.
-
-Sometimes you might want to manually include some code examples:
-~~~js
-const Button = () => <button />;
-~~~
-
-Maybe include a [link](http://storybook.js.org) to your project as well.
-\`;
-
-storiesOf('Addons|Info.Markdown', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Displays Markdown in description',
-  withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.inline', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Inlines component inside story',
-  withInfo({
-    text: 'Component should be inlined between description and PropType table',
-    inline: true, // Displays info inline vs click button to view
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.header', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Shows or hides Info Addon header',
-  withInfo({
-    text: 'The Info Addon header should be hidden',
-    header: false, // Toggles display of header with component name and description
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.source', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Shows or hides Info Addon source',
-  withInfo({
-    text: 'The Info Addon source section should be hidden',
-    source: false, // Displays the source of story Component
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.propTables', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Shows additional component prop tables',
-  withInfo({
-    text: 'There should be a prop table added for a component not included in the story',
-    propTables: [FlowTypeButton],
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Options.propTablesExclude', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Exclude component from prop tables',
-  withInfo({
-    text: 'This can exclude extraneous components from being displayed in prop tables.',
-    propTablesExclude: [FlowTypeButton],
-  })(() => (
-    <div>
-      <BaseButton label=\\"Button\\" />
-      <FlowTypeButton label=\\"Flow Typed Button\\" />
-    </div>
-  ))
-);
-
-storiesOf('Addons|Info.Options.styles', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
-  .add(
-    'Extend info styles with an object',
-    withInfo({
-      styles: {
-        button: {
-          base: {
-            background: 'purple',
-          },
-        },
-        header: {
-          h1: {
-            color: 'green',
-          },
-        },
-      },
-    })(() => <BaseButton label=\\"Button\\" />)
-  )
-  .add(
-    'Full control over styles using a function',
-    withInfo({
-      styles: stylesheet => ({
-        ...stylesheet,
-        header: {
-          ...stylesheet.header,
-          h1: {
-            ...stylesheet.header.h1,
-            color: 'red',
-          },
-        },
-      }),
-    })(() => <BaseButton label=\\"Button\\" />)
-  );
-
-storiesOf('Addons|Info.Options.TableComponent', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  'Use a custom component for the table',
-  withInfo({
-    TableComponent,
-  })(() => <BaseButton label=\\"Button\\" />)
-);
-
-storiesOf('Addons|Info.Decorator', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__))
-  .addDecorator((story, context) =>
-    withInfo('Info could be used as a global or local decorator as well.')(story)(context)
-  )
-  .add('Use Info as story decorator', () => <BaseButton label=\\"Button\\" />);
-
-const hoc = WrapComponent => ({ ...props }) => <WrapComponent {...props} />;
-
-const Input = hoc(() => <input type=\\"text\\" />);
-
-const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
-
-storiesOf('Addons|Info.GitHub issues', module).addDecorator(withStorySource(__STORY__, __ADDS_MAP__)).add(
-  '#1814',
-  withInfo('Allow Duplicate DisplayNames for HOC #1814')(() => (
-    <div>
-      <Input />
-      <TextArea />
-    </div>
-  ))
-);
-"
-`;
-
-exports[`inject-decorator stories with ugly comments in ts should delete ugly comments from the generated story source 1`] = `
-"import React from 'react';
-
-@Component({
-  selector: 'storybook-comp-with-store',
-  template: '<div>{{this.getSotreState()}}</div>',
-})
-class WithStoreComponent {
-  private store: Store<any>;
-
-  constructor(store: Store<any>) {
-    this.store = store;
-  }
-
-  getSotreState(): string {
-    return this.store === undefined ? 'Store is NOT injected' : 'Store is injected';
-  }
-}
-
-import { storiesOf } from '@storybook/react';
-
-const x = 0;
-
-storiesOf('Foo', module).add('bar', () => <div>baz</div>);
-
-/*
- This is actually a good comment that will help
- users to understand what's going on here.
-*/
-"
-`;
-
-exports[`inject-decorator stories with ugly comments should delete ugly comments from the generated story source 1`] = `
-"import React from 'react';
-
-import { storiesOf } from '@storybook/react';
-
-const x = 0;
-
-storiesOf('Foo', module).add('bar', () => <div>baz</div>);
-
-/*
- This is actually a good comment that will help
- users to understand what's going on here.
-*/
-"
-`;
-
-exports[`inject-decorator will not change the source when there are no "storiesOf" functions 1`] = `
-"while(true) {
-  console.log(\\"it's a kind of magic\\");
-}"
-`;
diff --git a/addons/storysource/src/loader/default-options.js b/addons/storysource/src/loader/default-options.js
deleted file mode 100644
index 65ca9c768a2..00000000000
--- a/addons/storysource/src/loader/default-options.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const defaultOptions = {
-  prettierConfig: {
-    printWidth: 100,
-    tabWidth: 2,
-    bracketSpacing: true,
-    trailingComma: 'es5',
-    singleQuote: true,
-  },
-  uglyCommentsRegex: [/^eslint-.*/, /^global.*/],
-};
-
-export default defaultOptions;
diff --git a/addons/storysource/src/loader/generate-helpers.js b/addons/storysource/src/loader/generate-helpers.js
deleted file mode 100644
index ca1774762c1..00000000000
--- a/addons/storysource/src/loader/generate-helpers.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import prettier from 'prettier';
-import { patchNode } from './parse-helpers';
-import { splitSTORYOF, findAddsMap } from './traverse-helpers';
-import getParser from './parsers';
-
-function isUglyComment(comment, uglyCommentsRegex) {
-  return uglyCommentsRegex.some(regex => regex.test(comment));
-}
-
-function generateSourceWithoutUglyComments(source, { comments, uglyCommentsRegex }) {
-  let lastIndex = 0;
-  const parts = [source];
-
-  comments
-    .filter(comment => isUglyComment(comment.value.trim(), uglyCommentsRegex))
-    .map(patchNode)
-    .forEach(comment => {
-      parts.pop();
-
-      const start = source.slice(lastIndex, comment.start);
-      const end = source.slice(comment.end);
-
-      parts.push(start, end);
-      lastIndex = comment.end;
-    });
-
-  return parts.join('');
-}
-
-function prettifyCode(source, { prettierConfig, parser, filepath }) {
-  let config = prettierConfig;
-
-  if (!config.parser) {
-    if (parser) {
-      config = {
-        ...prettierConfig,
-        parser: parser === 'javascript' ? 'babel' : parser,
-      };
-    } else if (filepath) {
-      config = {
-        ...prettierConfig,
-        filepath,
-      };
-    } else {
-      config = {
-        ...prettierConfig,
-        parser: 'babel',
-      };
-    }
-  }
-
-  return prettier.format(source, config);
-}
-
-export function generateSourceWithDecorators(source, decorator, parserType) {
-  const parser = getParser(parserType);
-  const ast = parser.parse(source);
-
-  const { comments = [] } = ast;
-
-  const parts = splitSTORYOF(ast, source);
-
-  const newSource = parts.join(decorator);
-
-  return {
-    changed: parts.length > 1,
-    source: newSource,
-    comments,
-  };
-}
-
-export function generateSourceWithoutDecorators(source, parserType) {
-  const parser = getParser(parserType);
-  const ast = parser.parse(source);
-
-  const { comments = [] } = ast;
-
-  return {
-    changed: true,
-    source,
-    comments,
-  };
-}
-
-export function generateAddsMap(source, parserType) {
-  const parser = getParser(parserType);
-  const ast = parser.parse(source);
-
-  return findAddsMap(ast);
-}
-
-export function generateStorySource({ source, ...options }) {
-  let storySource = source;
-
-  storySource = generateSourceWithoutUglyComments(storySource, options);
-  storySource = prettifyCode(storySource, options);
-
-  return storySource;
-}
diff --git a/addons/storysource/src/loader/index.js b/addons/storysource/src/loader/index.js
deleted file mode 100644
index 87d38bde874..00000000000
--- a/addons/storysource/src/loader/index.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import { getOptions } from 'loader-utils';
-import injectDecorator from './inject-decorator';
-
-const ADD_DECORATOR_STATEMENT = '.addDecorator(withStorySource(__STORY__, __ADDS_MAP__))';
-
-function transform(source) {
-  const options = getOptions(this) || {};
-  const result = injectDecorator(source, ADD_DECORATOR_STATEMENT, this.resourcePath, options);
-
-  if (!result.changed) {
-    return source;
-  }
-
-  const sourceJson = JSON.stringify(result.storySource)
-    .replace(/\u2028/g, '\\u2028')
-    .replace(/\u2029/g, '\\u2029');
-
-  const addsMap = JSON.stringify(result.addsMap);
-
-  return `
-  export var withStorySource = require('@storybook/addon-storysource').withStorySource;
-  export var __STORY__ = ${sourceJson};
-  export var __ADDS_MAP__ = ${addsMap};
-  
-  ${result.source}
-  `;
-}
-
-export default transform;
diff --git a/addons/storysource/src/loader/inject-decorator.js b/addons/storysource/src/loader/inject-decorator.js
deleted file mode 100644
index 1631756ce74..00000000000
--- a/addons/storysource/src/loader/inject-decorator.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import defaultOptions from './default-options';
-
-import {
-  generateSourceWithDecorators,
-  generateSourceWithoutDecorators,
-  generateStorySource,
-  generateAddsMap,
-} from './generate-helpers';
-
-function extendOptions(source, comments, filepath, options) {
-  return {
-    ...defaultOptions,
-    ...options,
-    source,
-    comments,
-    filepath,
-  };
-}
-
-function inject(source, decorator, filepath, options = {}) {
-  const { injectDecorator = true } = options;
-  const { changed, source: newSource, comments } =
-    injectDecorator === true
-      ? generateSourceWithDecorators(source, decorator, options.parser)
-      : generateSourceWithoutDecorators(source, options.parser);
-
-  if (!changed) {
-    return {
-      source: newSource,
-      addsMap: {},
-      changed,
-    };
-  }
-
-  const storySource = generateStorySource(extendOptions(source, comments, filepath, options));
-  const addsMap = generateAddsMap(storySource, options.parser);
-
-  return {
-    source: newSource,
-    storySource,
-    addsMap,
-    changed,
-  };
-}
-
-export default inject;
diff --git a/addons/storysource/src/loader/inject-decorator.test.js b/addons/storysource/src/loader/inject-decorator.test.js
deleted file mode 100644
index 17023390707..00000000000
--- a/addons/storysource/src/loader/inject-decorator.test.js
+++ /dev/null
@@ -1,216 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import injectDecorator from './inject-decorator';
-
-const ADD_DECORATOR_STATEMENT = '.addDecorator(withStorySource(__STORY__, __ADDS_MAP__))';
-
-describe('inject-decorator', () => {
-  describe('positive', () => {
-    const mockFilePath = './__mocks__/inject-decorator.stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'javascript' }
-    );
-
-    it('returns "changed" flag', () => {
-      expect(result.changed).toBeTruthy();
-    });
-
-    it('injects stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-
-    it('calculates "adds" map', () => {
-      expect(result.addsMap).toMatchSnapshot();
-    });
-  });
-
-  describe('positive - angular', () => {
-    const mockFilePath = './__mocks__/inject-decorator.angular-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'typescript' }
-    );
-
-    it('returns "changed" flag', () => {
-      expect(result.changed).toBeTruthy();
-    });
-
-    it('injects stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-
-    it('calculates "adds" map', () => {
-      expect(result.addsMap).toMatchSnapshot();
-    });
-  });
-
-  describe('positive - flow', () => {
-    const mockFilePath = './__mocks__/inject-decorator.flow-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'flow' }
-    );
-
-    it('returns "changed" flag', () => {
-      expect(result.changed).toBeTruthy();
-    });
-
-    it('injects stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-
-    it('calculates "adds" map', () => {
-      expect(result.addsMap).toMatchSnapshot();
-    });
-  });
-
-  describe('positive - ts', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ts.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'typescript' }
-    );
-
-    it('returns "changed" flag', () => {
-      expect(result.changed).toBeTruthy();
-    });
-
-    it('injects stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-
-    it('calculates "adds" map', () => {
-      expect(result.addsMap).toMatchSnapshot();
-    });
-  });
-
-  describe('stories with ugly comments', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ugly-comments-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'javascript' }
-    );
-
-    it('should delete ugly comments from the generated story source', () => {
-      expect(result.storySource).toMatchSnapshot();
-    });
-  });
-
-  describe('stories with ugly comments in ts', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ts.ugly-comments-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      { parser: 'typescript' }
-    );
-
-    it('should delete ugly comments from the generated story source', () => {
-      expect(result.storySource).toMatchSnapshot();
-    });
-  });
-
-  it('will not change the source when there are no "storiesOf" functions', () => {
-    const mockFilePath = './__mocks__/inject-decorator.no-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath)
-    );
-
-    expect(result.changed).toBeFalsy();
-    expect(result.addsMap).toEqual({});
-    expect(result.source).toMatchSnapshot();
-  });
-
-  describe('injectDecorator option is false', () => {
-    const mockFilePath = './__mocks__/inject-decorator.stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      {
-        injectDecorator: false,
-        parser: 'javascript',
-      }
-    );
-
-    it('does not inject stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-  });
-
-  describe('injectDecorator option is false - angular', () => {
-    const mockFilePath = './__mocks__/inject-decorator.angular-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      {
-        injectDecorator: false,
-        parser: 'typescript',
-      }
-    );
-
-    it('does not inject stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-  });
-
-  describe('injectDecorator option is false - flow', () => {
-    const mockFilePath = './__mocks__/inject-decorator.flow-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      {
-        injectDecorator: false,
-        parser: 'flow',
-      }
-    );
-
-    it('does not inject stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-  });
-
-  describe('injectDecorator option is false - ts', () => {
-    const mockFilePath = './__mocks__/inject-decorator.ts.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(
-      source,
-      ADD_DECORATOR_STATEMENT,
-      path.resolve(__dirname, mockFilePath),
-      {
-        injectDecorator: false,
-        parser: 'typescript',
-      }
-    );
-
-    it('does not inject stories decorator after the all "storiesOf" functions', () => {
-      expect(result.source).toMatchSnapshot();
-    });
-  });
-});
diff --git a/addons/storysource/src/loader/parse-helpers.js b/addons/storysource/src/loader/parse-helpers.js
deleted file mode 100644
index a27f4862cf2..00000000000
--- a/addons/storysource/src/loader/parse-helpers.js
+++ /dev/null
@@ -1,110 +0,0 @@
-const { toId } = require('@storybook/router/utils');
-
-const STORIES_OF = 'storiesOf';
-
-function pushParts(source, parts, from, to) {
-  const start = source.slice(from, to);
-  parts.push(start);
-
-  const end = source.slice(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;
-
-    // eslint-disable-next-line no-param-reassign
-    node.start = start;
-    // eslint-disable-next-line no-param-reassign
-    node.end = end;
-  }
-
-  if (!node.range && node.start !== undefined && node.end !== undefined) {
-    // eslint-disable-next-line no-param-reassign
-    node.range = [node.start, node.end];
-  }
-
-  return node;
-}
-
-export function handleADD(node, parent, adds) {
-  if (!node.property || !node.property.name || node.property.name.indexOf('add') !== 0) {
-    return;
-  }
-
-  const addArgs = parent.arguments;
-
-  if (!addArgs || addArgs.length < 2) {
-    return;
-  }
-
-  const storyName = addArgs[0];
-  const lastArg = addArgs[addArgs.length - 1];
-
-  if (storyName.type !== 'Literal' && storyName.type !== 'StringLiteral') {
-    // if story name is not literal, it's much harder to extract it
-    return;
-  }
-
-  const kind = findRelatedKind(node.object) || '';
-  if (kind && storyName.value) {
-    const key = toId(kind, storyName.value);
-
-    // eslint-disable-next-line no-param-reassign
-    adds[key] = {
-      // Debug: code: source.slice(storyName.start, lastArg.end),
-      startLoc: {
-        col: storyName.loc.start.column,
-        line: storyName.loc.start.line,
-      },
-      endLoc: {
-        col: lastArg.loc.end.column,
-        line: lastArg.loc.end.line,
-      },
-    };
-  }
-}
-
-export function handleSTORYOF(node, parts, source, lastIndex) {
-  if (!node.callee || !node.callee.name || node.callee.name !== STORIES_OF) {
-    return lastIndex;
-  }
-
-  parts.pop();
-  pushParts(source, parts, lastIndex, node.end);
-  return node.end;
-}
diff --git a/addons/storysource/src/loader/parsers/index.js b/addons/storysource/src/loader/parsers/index.js
deleted file mode 100644
index a48f4fc52a6..00000000000
--- a/addons/storysource/src/loader/parsers/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-function getParser(type) {
-  if (type === 'javascript' || !type) {
-    // eslint-disable-next-line global-require
-    return require('./parser-js').default;
-  }
-
-  if (type === 'typescript') {
-    // eslint-disable-next-line global-require
-    return require('./parser-ts').default;
-  }
-
-  if (type === 'flow') {
-    // eslint-disable-next-line global-require
-    return require('./parser-flow').default;
-  }
-
-  throw new Error(`Parser of type "${type}" is not supported`);
-}
-
-export default getParser;
diff --git a/addons/storysource/src/loader/parsers/parser-flow.js b/addons/storysource/src/loader/parsers/parser-flow.js
deleted file mode 100644
index 95a743e02cf..00000000000
--- a/addons/storysource/src/loader/parsers/parser-flow.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import parseFlow from 'prettier/parser-flow';
-
-function parse(source) {
-  return parseFlow.parsers.flow.parse(source);
-}
-
-export default {
-  parse,
-};
diff --git a/addons/storysource/src/loader/parsers/parser-js.js b/addons/storysource/src/loader/parsers/parser-js.js
deleted file mode 100644
index 8046a5ebf54..00000000000
--- a/addons/storysource/src/loader/parsers/parser-js.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import parseJs from 'prettier/parser-babylon';
-
-function parse(source) {
-  return parseJs.parsers.babel.parse(source);
-}
-
-export default {
-  parse,
-};
diff --git a/addons/storysource/src/loader/parsers/parser-ts.js b/addons/storysource/src/loader/parsers/parser-ts.js
deleted file mode 100644
index 05dc629170e..00000000000
--- a/addons/storysource/src/loader/parsers/parser-ts.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import parseTs from 'prettier/parser-typescript';
-
-function parse(source) {
-  return parseTs.parsers.typescript.parse(source);
-}
-
-export default {
-  parse,
-};
diff --git a/addons/storysource/src/loader/traverse-helpers.js b/addons/storysource/src/loader/traverse-helpers.js
deleted file mode 100644
index aa4db06b038..00000000000
--- a/addons/storysource/src/loader/traverse-helpers.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { handleADD, handleSTORYOF, patchNode } from './parse-helpers';
-
-const estraverse = require('estraverse');
-
-export function splitSTORYOF(ast, source) {
-  let lastIndex = 0;
-  const parts = [source];
-
-  estraverse.traverse(ast, {
-    fallback: 'iteration',
-    enter: node => {
-      patchNode(node);
-
-      if (node.type === 'CallExpression') {
-        lastIndex = handleSTORYOF(node, parts, source, lastIndex);
-      }
-    },
-  });
-
-  return parts;
-}
-
-export function findAddsMap(ast) {
-  const adds = {};
-
-  estraverse.traverse(ast, {
-    fallback: 'iteration',
-    enter: (node, parent) => {
-      patchNode(node);
-
-      if (node.type === 'MemberExpression') {
-        handleADD(node, parent, adds);
-      }
-    },
-  });
-
-  return adds;
-}
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 4c8b27488bc..b0b8564c8bd 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook addon to change the viewport size to mobile",
   "keywords": [
     "addon",
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
diff --git a/addons/viewport/src/Tool.tsx b/addons/viewport/src/Tool.tsx
index 5427f3ae948..3eab23f9fb5 100644
--- a/addons/viewport/src/Tool.tsx
+++ b/addons/viewport/src/Tool.tsx
@@ -1,124 +1,82 @@
-import React, { Component, Fragment } from 'react';
+/* eslint-disable no-fallthrough */
+import React, { Fragment, ReactNode, useEffect, useRef, FunctionComponent } from 'react';
 import memoize from 'memoizerific';
-import deprecate from 'util-deprecate';
 
-import { styled, Global } from '@storybook/theming';
+import { styled, Global, Theme, withTheme } from '@storybook/theming';
 
 import { Icons, IconButton, WithTooltip, TooltipLinkList } from '@storybook/components';
-import { SET_STORIES } from '@storybook/core-events';
 
-import { PARAM_KEY } from './constants';
-import { INITIAL_VIEWPORTS, DEFAULT_VIEWPORT } from './defaults';
-import { ViewportAddonParameter, ViewportMap, ViewportStyles } from './models';
+import { useParameter, useAddonState } from '@storybook/api';
+import { PARAM_KEY, ADDON_ID } from './constants';
+import { ViewportAddonParameter, ViewportMap, ViewportStyles, Styles } from './models';
 
-const toList = memoize(50)((items: ViewportMap) =>
-  items ? Object.entries(items).map(([id, value]) => ({ ...value, id })) : []
-);
-const iframeId = 'storybook-preview-iframe';
-
-interface ViewportVM {
+interface ViewportItem {
   id: string;
   title: string;
-  onClick: () => void;
-  right: string;
-  value: ViewportStyles;
+  styles: Styles;
+  type: 'desktop' | 'mobile' | 'tablet' | 'other';
+  default?: boolean;
 }
 
-const createItem = memoize(1000)(
-  (id: string, name: string, value: ViewportStyles, change: (...args: unknown[]) => void) => {
-    const result: ViewportVM = {
-      id: id || name,
-      title: name,
-      onClick: () => {
-        change({ selected: id, expanded: false });
-      },
-      right: `${value.width.replace('px', '')}x${value.height.replace('px', '')}`,
-      value,
-    };
-    return result;
-  }
-);
+const toList = memoize(50)((items: ViewportMap): ViewportItem[] => [
+  ...baseViewports,
+  ...Object.entries(items).map(([id, { name, ...rest }]) => ({ ...rest, id, title: name })),
+]);
+
+const responsiveViewport: ViewportItem = {
+  id: 'reset',
+  title: 'Reset viewport',
+  styles: null,
+  type: 'other',
+};
+
+const baseViewports: ViewportItem[] = [responsiveViewport];
+
+const toLinks = memoize(50)((list: ViewportItem[], active: LinkBase, set, state, close): Link[] => {
+  return list
+    .map(i => {
+      switch (i.id) {
+        case responsiveViewport.id: {
+          if (active.id === i.id) {
+            return null;
+          }
+        }
+        default: {
+          return {
+            ...i,
+            onClick: () => {
+              set({ ...state, selected: i.id });
+              close();
+            },
+          };
+        }
+      }
+    })
+    .filter(Boolean);
+});
+
+const iframeId = 'storybook-preview-iframe';
+const wrapperId = 'storybook-preview-wrapper';
+
+interface LinkBase {
+  id: string;
+  title: string;
+  right?: ReactNode;
+  type: 'desktop' | 'mobile' | 'tablet' | 'other';
+  styles: ViewportStyles | ((s: ViewportStyles) => ViewportStyles) | null;
+}
+
+interface Link extends LinkBase {
+  onClick: () => void;
+}
 
 const flip = ({ width, height }: ViewportStyles) => ({ height: width, width: height });
 
-const deprecatedViewportString = deprecate(
-  () => 0,
-  'The viewport parameter must be an object with keys `viewports` and `defaultViewport`'
-);
-const deprecateOnViewportChange = deprecate(
-  () => 0,
-  'The viewport parameter `onViewportChange` is no longer supported'
-);
-
-const getState = memoize(10)(
-  (
-    props: ViewportToolProps,
-    state: ViewportToolState,
-    change: (statePatch: Partial<ViewportToolState>) => void
-  ) => {
-    const data = props.api.getCurrentStoryData();
-    const parameters: ViewportAddonParameter =
-      data && (data as any).parameters && (data as any).parameters[PARAM_KEY];
-
-    if (parameters && typeof parameters !== 'object') {
-      deprecatedViewportString();
-    }
-
-    const { disable, viewports, defaultViewport, onViewportChange } = parameters || ({} as any);
-
-    if (onViewportChange) {
-      deprecateOnViewportChange();
-    }
-
-    const list = disable ? [] : toList(viewports || INITIAL_VIEWPORTS);
-    const viewportVMList = list.map(({ id, name, styles: value }) =>
-      createItem(id, name, value, change)
-    );
-
-    const selected =
-      state.selected === 'responsive' || list.find(i => i.id === state.selected)
-        ? state.selected
-        : list.find(i => i.default) || defaultViewport || DEFAULT_VIEWPORT;
-
-    const resets: ViewportVM[] =
-      selected !== 'responsive'
-        ? [
-            {
-              id: 'reset',
-              title: 'Reset viewport',
-              onClick: () => {
-                change({ selected: undefined, expanded: false });
-              },
-              right: undefined,
-              value: undefined,
-            },
-            {
-              id: 'rotate',
-              title: 'Rotate viewport',
-              onClick: () => {
-                change({ isRotated: !state.isRotated, expanded: false });
-              },
-              right: undefined,
-              value: undefined,
-            },
-          ]
-        : [];
-
-    const items = viewportVMList.length !== 0 ? resets.concat(viewportVMList) : [];
-
-    return {
-      isRotated: state.isRotated,
-      items,
-      selected,
-    };
-  }
-);
-
 const ActiveViewportSize = styled.div(() => ({
   display: 'inline-flex',
 }));
 
-const ActiveViewportLabel = styled.div(({ theme }) => ({
+const ActiveViewportLabel = styled.div<{}>(({ theme }) => ({
   display: 'inline-block',
   textDecoration: 'none',
   padding: '10px',
@@ -137,132 +95,133 @@ const IconButtonWithLabel = styled(IconButton)(() => ({
   alignItems: 'center',
 }));
 
-const IconButtonLabel = styled.div(({ theme }) => ({
+const IconButtonLabel = styled.div<{}>(({ theme }) => ({
   fontSize: theme.typography.size.s2 - 1,
   marginLeft: '10px',
 }));
 
 interface ViewportToolState {
   isRotated: boolean;
-  items: any[];
-  selected: string;
-  expanded: boolean;
-}
-interface ViewportToolProps {
-  api: any;
+  selected: string | null;
 }
 
-export class ViewportTool extends Component<ViewportToolProps, ViewportToolState> {
-  listener: () => void;
+const getStyles = (
+  prevStyles: ViewportStyles,
+  styles: Styles,
+  isRotated: boolean
+): ViewportStyles => {
+  if (styles === null) {
+    return null;
+  }
+  const result = typeof styles === 'function' ? styles(prevStyles) : styles;
+  return isRotated ? flip(result) : result;
+};
 
-  constructor(props: ViewportToolProps) {
-    super(props);
-
-    this.state = {
+export const ViewportTool: FunctionComponent<{}> = React.memo(
+  withTheme(({ theme }: { theme: Theme }) => {
+    const { viewports, defaultViewport, disable } = useParameter<ViewportAddonParameter>(
+      PARAM_KEY,
+      {
+        viewports: {},
+        defaultViewport: responsiveViewport.id,
+      }
+    );
+    const [state, setState] = useAddonState<ViewportToolState>(ADDON_ID, {
+      selected: defaultViewport || responsiveViewport.id,
       isRotated: false,
-      items: [],
-      selected: 'responsive',
-      expanded: false,
-    };
+    });
+    const list = toList(viewports);
 
-    this.listener = () => {
-      this.setState({
-        selected: null,
-      });
-    };
-  }
+    const { selected, isRotated } = state;
+    const item =
+      list.find(i => i.id === selected) ||
+      list.find(i => i.id === defaultViewport) ||
+      list.find(i => i.default) ||
+      responsiveViewport;
 
-  componentDidMount() {
-    const { api } = this.props;
-    api.on(SET_STORIES, this.listener);
-  }
+    const ref = useRef<ViewportStyles>();
 
-  componentWillUnmount() {
-    const { api } = this.props;
-    api.off(SET_STORIES, this.listener);
-  }
+    const styles = getStyles(ref.current, item.styles, isRotated);
 
-  // @ts-ignore
-  change = (...args: any[]) => this.setState(...args);
+    useEffect(() => {
+      ref.current = styles;
+    }, [item]);
 
-  flipViewport = () =>
-    this.setState(({ isRotated }: { isRotated: boolean }) => ({
-      isRotated: !isRotated,
-      expanded: false,
-    }));
-
-  resetViewport = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-    e.stopPropagation();
-    e.nativeEvent.stopImmediatePropagation();
-
-    this.setState({ selected: undefined, expanded: false });
-  };
-
-  render() {
-    const { expanded } = this.state;
-    const { items, selected, isRotated } = getState(this.props, this.state, this.change);
-    const item = items.find(i => i.id === selected);
-
-    let viewportX = '0';
-    let viewportY = '0';
-    let viewportTitle = '';
-    if (item) {
-      const height = item.value.height.replace('px', '');
-      const width = item.value.width.replace('px', '');
-
-      viewportX = isRotated ? height : width;
-      viewportY = isRotated ? width : height;
-
-      viewportTitle = isRotated ? `${item.title} (L)` : `${item.title} (P)`;
+    if (disable || Object.entries(viewports).length === 0) {
+      return null;
     }
 
-    return items.length ? (
+    return (
       <Fragment>
-        {item ? (
-          <Global
-            styles={{
-              [`#${iframeId}`]: {
-                position: 'relative',
-                display: 'block',
-                margin: '10px auto',
-                border: '1px solid #888',
-                borderRadius: 4,
-                boxShadow: '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);',
-                boxSizing: 'content-box',
-
-                ...(isRotated ? flip(item.value) : item.value),
-              },
-            }}
-          />
-        ) : null}
         <WithTooltip
           placement="top"
           trigger="click"
-          tooltipShown={expanded}
-          onVisibilityChange={s => this.setState({ expanded: s })}
-          tooltip={<TooltipLinkList links={items} />}
+          tooltip={({ onHide }) => (
+            <TooltipLinkList links={toLinks(list, item, setState, state, onHide)} />
+          )}
           closeOnClick
         >
           <IconButtonWithLabel
             key="viewport"
             title="Change the size of the preview"
-            active={!!item}
-            onDoubleClick={e => this.resetViewport(e)}
+            active={!!styles}
+            onDoubleClick={() => {
+              setState({ ...state, selected: responsiveViewport.id });
+            }}
           >
             <Icons icon="grow" />
-            <IconButtonLabel>{viewportTitle}</IconButtonLabel>
+            {styles ? (
+              <IconButtonLabel>
+                {isRotated ? `${item.title} (L)` : `${item.title} (P)`}
+              </IconButtonLabel>
+            ) : null}
           </IconButtonWithLabel>
         </WithTooltip>
-        {item ? (
+
+        {styles ? (
           <ActiveViewportSize>
-            <ActiveViewportLabel title="Viewport width">{viewportX}</ActiveViewportLabel>
-            <IconButton key="viewport-rotate" title="Rotate viewport" onClick={this.flipViewport}>
+            <Global
+              styles={{
+                [`#${iframeId}`]: {
+                  margin: `auto`,
+                  transition: 'width .3s, height .3s',
+                  position: 'relative',
+                  border: `${theme.layoutMargin}px solid black`,
+                  borderRadius: theme.appBorderRadius,
+                  boxShadow:
+                    '0 0 100px 1000px rgba(0,0,0,0.5), 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',
+
+                  ...styles,
+                },
+                [`#${wrapperId}`]: {
+                  padding: theme.layoutMargin,
+                  display: 'flex',
+                  alignContent: 'center',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  justifyItems: 'center',
+                  overflow: 'auto',
+                },
+              }}
+            />
+            <ActiveViewportLabel title="Viewport width">
+              {styles.width.replace('px', '')}
+            </ActiveViewportLabel>
+            <IconButton
+              key="viewport-rotate"
+              title="Rotate viewport"
+              onClick={() => {
+                setState({ ...state, isRotated: !isRotated });
+              }}
+            >
               <Icons icon="transfer" />
             </IconButton>
-            <ActiveViewportLabel title="Viewport height">{viewportY}</ActiveViewportLabel>
+            <ActiveViewportLabel title="Viewport height">
+              {styles.height.replace('px', '')}
+            </ActiveViewportLabel>
           </ActiveViewportSize>
         ) : null}
       </Fragment>
-    ) : null;
-  }
-}
+    );
+  })
+);
diff --git a/addons/viewport/src/models/Viewport.ts b/addons/viewport/src/models/Viewport.ts
index f799d061ef5..c96a7ac003e 100644
--- a/addons/viewport/src/models/Viewport.ts
+++ b/addons/viewport/src/models/Viewport.ts
@@ -1,7 +1,9 @@
+export type Styles = ViewportStyles | ((s: ViewportStyles) => ViewportStyles) | null;
+
 export interface Viewport {
   name: string;
-  styles: ViewportStyles;
-  type: 'desktop' | 'mobile' | 'tablet';
+  styles: Styles;
+  type: 'desktop' | 'mobile' | 'tablet' | 'other';
   /*
    * @deprecated
    * Deprecated option?
diff --git a/addons/viewport/src/models/ViewportAddonParameter.ts b/addons/viewport/src/models/ViewportAddonParameter.ts
index fe8598fa54b..7a6b5b27d39 100644
--- a/addons/viewport/src/models/ViewportAddonParameter.ts
+++ b/addons/viewport/src/models/ViewportAddonParameter.ts
@@ -1,8 +1,8 @@
 import { ViewportMap } from './Viewport';
 
 export interface ViewportAddonParameter {
-  disable: boolean;
-  defaultViewport: string;
+  disable?: boolean;
+  defaultViewport?: string;
   viewports: ViewportMap;
   /*
    * @deprecated
diff --git a/addons/viewport/src/register.tsx b/addons/viewport/src/register.tsx
index 16faa8171e6..16fa3aabf0f 100644
--- a/addons/viewport/src/register.tsx
+++ b/addons/viewport/src/register.tsx
@@ -5,11 +5,11 @@ import { ADDON_ID } from './constants';
 
 import { ViewportTool } from './Tool';
 
-addons.register(ADDON_ID, api => {
+addons.register(ADDON_ID, () => {
   addons.add(ADDON_ID, {
     title: 'viewport / media-queries',
     type: types.TOOL,
     match: ({ viewMode }) => viewMode === 'story',
-    render: () => <ViewportTool api={api} />,
+    render: () => <ViewportTool />,
   });
 });
diff --git a/app/angular/index.d.ts b/app/angular/index.d.ts
deleted file mode 100644
index 6675e335816..00000000000
--- a/app/angular/index.d.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
- * ATTENTION:
- * - moduleMetadata
- * - NgModuleMetadata
- * - ICollection
- *
- * These typings are coped out of decorators.d.ts and types.d.ts in order to fix a bug with tsc
- * It was imported out of dist before which was not the proper way of exporting public API
- *
- * This can be fixed by migrating app/angular to typescript
- */
-export declare const moduleMetadata: (
-  metadata: Partial<NgModuleMetadata>
-) => (storyFn: () => any) => any;
-
-export interface NgModuleMetadata {
-  declarations?: any[];
-  entryComponents?: any[];
-  imports?: any[];
-  schemas?: any[];
-  providers?: any[];
-}
-export interface ICollection {
-  [p: string]: any;
-}
-
-export interface IStorybookStory {
-  name: string;
-  render: () => any;
-}
-
-/** @todo typo in Storibook */
-export interface IStoribookSection {
-  kind: string;
-  stories: IStorybookStory[];
-}
-
-export interface IStoryContext {
-  kind: string;
-  name: string;
-  parameters: any;
-}
-
-export interface IStory {
-  props?: ICollection;
-  moduleMetadata?: Partial<NgModuleMetadata>;
-  component?: any;
-  template?: string;
-}
-
-export type IGetStory = (context: IStoryContext) => IStory;
-
-export interface IApi {
-  kind: string;
-  addDecorator: (decorator: any) => IApi;
-  addParameters: (parameters: any) => IApi;
-  add: (storyName: string, getStory: IGetStory, parameters?: any) => IApi;
-}
-
-declare module '@storybook/angular' {
-  export function storiesOf(kind: string, module: NodeModule): IApi;
-
-  export function setAddon(addon: any): void;
-
-  export function addDecorator(decorator: any): IApi;
-
-  export function addParameters(parameters: any): IApi;
-
-  export function configure(loaders: () => void, module: NodeModule): void;
-
-  export function getStorybook(): IStoribookSection[];
-
-  export function forceReRender(): void;
-}
diff --git a/app/angular/package.json b/app/angular/package.json
index bccd292aca3..75c0ca25144 100644
--- a/app/angular/package.json
+++ b/app/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -16,7 +16,7 @@
   },
   "license": "MIT",
   "main": "dist/client/index.js",
-  "jsnext:main": "src/client/index.js",
+  "types": "dist/client/index.d.ts",
   "bin": {
     "build-storybook": "./bin/build.js",
     "start-storybook": "./bin/index.js",
@@ -26,8 +26,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.31",
-    "@storybook/node-logger": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
     "angular2-template-loader": "^0.6.2",
     "core-js": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^1.3.4",
@@ -35,10 +36,15 @@
     "regenerator-runtime": "^0.12.1",
     "sass-loader": "^7.1.0",
     "ts-loader": "^6.0.1",
-    "tsconfig-paths-webpack-plugin": "^3.2.0",
+    "tsconfig-paths-webpack-plugin": "^3.2.0"
+  },
+  "devDependencies": {
+    "@types/autoprefixer": "^9.4.0",
+    "@types/webpack-env": "^1.13.9",
     "webpack": "^4.33.0"
   },
   "peerDependencies": {
+    "@angular-devkit/build-angular": ">=6.0.0",
     "@angular-devkit/core": "^0.6.1 || >=7.0.0",
     "@angular/common": ">=6.0.0",
     "@angular/compiler": ">=6.0.0",
@@ -49,6 +55,8 @@
     "autoprefixer": "^8.1.0",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "rxjs": "^6.0.0",
+    "typescript": "^3.4.0",
+    "webpack": "^4.32.2",
     "zone.js": "^0.8.29 || ^0.9.0"
   },
   "engines": {
diff --git a/app/angular/src/client/index.js b/app/angular/src/client/index.ts
similarity index 77%
rename from app/angular/src/client/index.js
rename to app/angular/src/client/index.ts
index 69d18178d22..0b91a613d68 100644
--- a/app/angular/src/client/index.js
+++ b/app/angular/src/client/index.ts
@@ -12,6 +12,8 @@ export {
 
 export { moduleMetadata } from './preview/angular/decorators';
 
+// tsc wants to use NodeModule instead of WebpackModule
+declare const module: any;
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 }
diff --git a/app/angular/src/client/preview/angular-polyfills.js b/app/angular/src/client/preview/angular-polyfills.ts
similarity index 100%
rename from app/angular/src/client/preview/angular-polyfills.js
rename to app/angular/src/client/preview/angular-polyfills.ts
diff --git a/app/angular/src/client/preview/angular/app.token.ts b/app/angular/src/client/preview/angular/app.token.ts
index 3e4753b21c1..19e8d438f6f 100644
--- a/app/angular/src/client/preview/angular/app.token.ts
+++ b/app/angular/src/client/preview/angular/app.token.ts
@@ -1,4 +1,4 @@
 import { InjectionToken } from '@angular/core';
-import { NgStory } from './types';
+import { StoryFnAngularReturnType } from '../types';
 
-export const STORY = new InjectionToken<NgStory>('story');
+export const STORY = new InjectionToken<StoryFnAngularReturnType>('story');
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 f4df027f93c..223b38f408b 100644
--- a/app/angular/src/client/preview/angular/components/app.component.ts
+++ b/app/angular/src/client/preview/angular/components/app.component.ts
@@ -21,7 +21,7 @@ import {
 import { Observable, Subscription } from 'rxjs';
 import { first } from 'rxjs/operators';
 import { STORY } from '../app.token';
-import { NgStory, ICollection } from '../types';
+import { StoryFnAngularReturnType, ICollection } from '../../types';
 
 @Component({
   selector: 'storybook-dynamic-app-root',
@@ -36,11 +36,11 @@ export class AppComponent implements OnInit, OnDestroy {
   constructor(
     private cfr: ComponentFactoryResolver,
     private changeDetectorRef: ChangeDetectorRef,
-    @Inject(STORY) private data: Observable<NgStory>
+    @Inject(STORY) private data: Observable<StoryFnAngularReturnType>
   ) {}
 
   ngOnInit(): void {
-    this.data.pipe(first()).subscribe((data: NgStory) => {
+    this.data.pipe(first()).subscribe((data: StoryFnAngularReturnType) => {
       this.target.clear();
       const compFactory = this.cfr.resolveComponentFactory(data.component);
       const componentRef = this.target.createComponent(compFactory);
@@ -69,7 +69,7 @@ export class AppComponent implements OnInit, OnDestroy {
   /**
    * Set inputs and outputs
    */
-  private setProps(instance: any, { props = {} }: NgStory): void {
+  private setProps(instance: any, { props = {} }: StoryFnAngularReturnType): void {
     const changes: SimpleChanges = {};
     const hasNgOnChangesHook = !!instance.ngOnChanges;
 
diff --git a/app/angular/src/client/preview/angular/decorators.ts b/app/angular/src/client/preview/angular/decorators.ts
index a18d28fc470..6e8c71534de 100644
--- a/app/angular/src/client/preview/angular/decorators.ts
+++ b/app/angular/src/client/preview/angular/decorators.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-param-reassign */
-import { NgModuleMetadata } from './types';
+import { NgModuleMetadata } from '../types';
 
 export const moduleMetadata = (metadata: Partial<NgModuleMetadata>) => (storyFn: () => any) => {
   const story = storyFn();
diff --git a/app/angular/src/client/preview/angular/helpers.ts b/app/angular/src/client/preview/angular/helpers.ts
index 878e109a6a5..12a3cb4877b 100644
--- a/app/angular/src/client/preview/angular/helpers.ts
+++ b/app/angular/src/client/preview/angular/helpers.ts
@@ -5,9 +5,10 @@ import { FormsModule } from '@angular/forms';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { BrowserModule } from '@angular/platform-browser';
 import { ReplaySubject } from 'rxjs';
+import { StoryFn } from '@storybook/addons';
 import { AppComponent } from './components/app.component';
 import { STORY } from './app.token';
-import { NgModuleMetadata, IStoryFn, NgStory } from './types';
+import { NgModuleMetadata, StoryFnAngularReturnType } from '../types';
 
 declare global {
   interface Window {
@@ -29,7 +30,7 @@ const getModule = (
   declarations: (Type<any> | any[])[],
   entryComponents: (Type<any> | any[])[],
   bootstrap: (Type<any> | any[])[],
-  data: NgStory,
+  data: StoryFnAngularReturnType,
   moduleMetadata: NgModuleMetadata
 ) => {
   storyData.next(data);
@@ -100,7 +101,7 @@ const getExistenceOfComponentInModules = (
   });
 };
 
-const initModule = (storyFn: IStoryFn) => {
+const initModule = (storyFn: StoryFn<StoryFnAngularReturnType>) => {
   const storyObj = storyFn();
   const { component, template, props, styles, moduleMetadata = {} } = storyObj;
 
@@ -167,7 +168,7 @@ const draw = (newModule: DynamicComponentType): void => {
   }
 };
 
-export const renderNgApp = (storyFn: IStoryFn, forced: boolean) => {
+export const renderNgApp = (storyFn: StoryFn<StoryFnAngularReturnType>, forced: boolean) => {
   if (!forced) {
     draw(initModule(storyFn));
   } else {
diff --git a/app/angular/src/client/preview/angular/types.ts b/app/angular/src/client/preview/angular/types.ts
deleted file mode 100644
index 0633eabea0e..00000000000
--- a/app/angular/src/client/preview/angular/types.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export interface NgModuleMetadata {
-  declarations?: any[];
-  entryComponents?: any[];
-  imports?: any[];
-  schemas?: any[];
-  providers?: any[];
-}
-
-export interface ICollection {
-  [p: string]: any;
-}
-
-export interface NgStory {
-  component?: any;
-  props: ICollection;
-  propsMeta?: ICollection;
-  moduleMetadata?: NgModuleMetadata;
-  template?: string;
-  styles?: string[];
-}
-
-export type IStoryFn = () => NgStory;
diff --git a/app/angular/src/client/preview/globals.js b/app/angular/src/client/preview/globals.ts
similarity index 100%
rename from app/angular/src/client/preview/globals.js
rename to app/angular/src/client/preview/globals.ts
diff --git a/app/angular/src/client/preview/index.d.ts b/app/angular/src/client/preview/index.d.ts
deleted file mode 100644
index 335479b0529..00000000000
--- a/app/angular/src/client/preview/index.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/* eslint-disable import/no-unresolved */
-/* eslint-disable import/extensions */
-import { IApi, IStoribookSection } from '../../../index';
-
-export function storiesOf(kind: string, module: NodeModule): IApi;
-export function setAddon(addon: any): void;
-export function addDecorator(decorator: any): IApi;
-export function addParameters(parameter: any): IApi;
-export function configure(loaders: () => void, module: NodeModule): void;
-export function getStorybook(): IStoribookSection[];
-export function clearDecorators(): void;
-export function forceReRender(): void;
diff --git a/app/angular/src/client/preview/index.js b/app/angular/src/client/preview/index.js
deleted file mode 100644
index ceef96e9559..00000000000
--- a/app/angular/src/client/preview/index.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { start } from '@storybook/core/client';
-
-import './globals';
-import render from './render';
-
-const { load: coreLoad, clientApi, configApi, forceReRender } = start(render);
-
-export const {
-  setAddon,
-  addDecorator,
-  addParameters,
-  clearDecorators,
-  getStorybook,
-  raw,
-} = clientApi;
-
-const framework = 'angular';
-export const storiesOf = (...args) => clientApi.storiesOf(...args).addParameters({ framework });
-export const load = (...args) => coreLoad(...args, framework);
-
-export const { configure } = configApi;
-export { forceReRender };
diff --git a/app/angular/src/client/preview/index.ts b/app/angular/src/client/preview/index.ts
new file mode 100644
index 00000000000..8d3c3e5f831
--- /dev/null
+++ b/app/angular/src/client/preview/index.ts
@@ -0,0 +1,37 @@
+/* eslint-disable prefer-destructuring */
+import { start } from '@storybook/core/client';
+import { ClientStoryApi } from '@storybook/addons';
+
+import './globals';
+import render from './render';
+import { IStorybookSection, StoryFnAngularReturnType } from './types';
+
+const framework = 'angular';
+
+interface ClientApi extends ClientStoryApi<StoryFnAngularReturnType> {
+  setAddon(addon: any): void;
+  configure(loaders: () => void, module: NodeModule): void;
+  getStorybook(): IStorybookSection[];
+  clearDecorators(): void;
+  forceReRender(): void;
+  raw: () => any; // todo add type
+  load: (...args: any[]) => void;
+}
+
+const api = start(render);
+
+export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
+  return (api.clientApi.storiesOf(kind, m) as ReturnType<ClientApi['storiesOf']>).addParameters({
+    framework,
+  });
+};
+
+export const load: ClientApi['load'] = (...args) => api.load(...args, framework);
+export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
+export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
+export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
+export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
+export const configure: ClientApi['configure'] = api.configApi.configure;
+export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
+export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
+export const raw: ClientApi['raw'] = api.clientApi.raw;
diff --git a/app/angular/src/client/preview/render.js b/app/angular/src/client/preview/render.js
deleted file mode 100644
index c84fd11dec3..00000000000
--- a/app/angular/src/client/preview/render.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { renderNgApp } from './angular/helpers';
-
-export default function render({ storyFn, showMain, forceRender }) {
-  showMain();
-  renderNgApp(storyFn, forceRender);
-}
diff --git a/app/angular/src/client/preview/render.ts b/app/angular/src/client/preview/render.ts
new file mode 100644
index 00000000000..99cd8fedc53
--- /dev/null
+++ b/app/angular/src/client/preview/render.ts
@@ -0,0 +1,18 @@
+import { StoryFn } from '@storybook/addons';
+
+import { renderNgApp } from './angular/helpers';
+import { StoryFnAngularReturnType } from './types';
+
+// add proper types
+export default function render({
+  storyFn,
+  showMain,
+  forceRender,
+}: {
+  storyFn: StoryFn<StoryFnAngularReturnType>;
+  showMain: () => void;
+  forceRender: boolean;
+}) {
+  showMain();
+  renderNgApp(storyFn, forceRender);
+}
diff --git a/app/angular/src/client/preview/types.ts b/app/angular/src/client/preview/types.ts
new file mode 100644
index 00000000000..2b0349a4a79
--- /dev/null
+++ b/app/angular/src/client/preview/types.ts
@@ -0,0 +1,39 @@
+import { StoryFn } from '@storybook/addons';
+
+export declare const moduleMetadata: (
+  metadata: Partial<NgModuleMetadata>
+) => (storyFn: StoryFn<StoryFnAngularReturnType>) => any;
+
+export interface NgModuleMetadata {
+  declarations?: any[];
+  entryComponents?: any[];
+  imports?: any[];
+  schemas?: any[];
+  providers?: any[];
+}
+export interface ICollection {
+  [p: string]: any;
+}
+
+export interface IStorybookStory {
+  name: string;
+  render: () => any;
+}
+
+// @deprecated Use IStorybookSection instead
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface IStoribookSection extends IStorybookSection {}
+
+export interface IStorybookSection {
+  kind: string;
+  stories: IStorybookStory[];
+}
+
+export interface StoryFnAngularReturnType {
+  component?: any;
+  props?: ICollection;
+  propsMeta?: ICollection;
+  moduleMetadata?: NgModuleMetadata;
+  template?: string;
+  styles?: string[];
+}
diff --git a/app/angular/src/public_api.ts b/app/angular/src/public_api.ts
new file mode 100644
index 00000000000..a2a0c8493b1
--- /dev/null
+++ b/app/angular/src/public_api.ts
@@ -0,0 +1,13 @@
+export * from './client';
+
+/*
+ * ATTENTION:
+ * - moduleMetadata
+ * - NgModuleMetadata
+ * - ICollection
+ *
+ * These typings are coped out of decorators.d.ts and types.d.ts in order to fix a bug with tsc
+ * It was imported out of dist before which was not the proper way of exporting public API
+ *
+ * This can be fixed by migrating app/angular to typescript
+ */
diff --git a/app/angular/src/server/angular-cli_config.test.js b/app/angular/src/server/__tests__/angular-cli_config.test.ts
similarity index 69%
rename from app/angular/src/server/angular-cli_config.test.js
rename to app/angular/src/server/__tests__/angular-cli_config.test.ts
index 0d8f1a9f9c2..f9e916c8b1f 100644
--- a/app/angular/src/server/angular-cli_config.test.js
+++ b/app/angular/src/server/__tests__/angular-cli_config.test.ts
@@ -1,14 +1,20 @@
-import { getAngularCliWebpackConfigOptions } from './angular-cli_config';
-import angularJson from '../../../../examples/angular-cli/angular.json';
+import { Path } from '@angular-devkit/core';
+import { getAngularCliWebpackConfigOptions } from '../angular-cli_config';
+
+// @ts-ignore
+import angularJson from './angular.json';
 
 // eslint-disable-next-line global-require
-jest.mock('fs', () => require('../../../../__mocks__/fs'));
+jest.mock('fs', () => require('../../../../../__mocks__/fs'));
 jest.mock('path', () => ({
-  join: () => 'angular.json',
-  resolve: () => 'tsconfig.json',
+  join: (...args) =>
+    args[args.length - 1] === 'angular.json'
+      ? 'angular.json'
+      : jest.requireActual('path').join(...args),
+  resolve: (...args) => 'tsconfig.json',
 }));
 
-const setupFiles = files => {
+const setupFiles = (files: any) => {
   // eslint-disable-next-line no-underscore-dangle, global-require
   require('fs').__setMockFiles(files);
 };
@@ -18,7 +24,7 @@ describe('angualr-cli_config', () => {
     it('should return have empty `buildOptions.sourceMap` and `buildOptions.optimization` by default', () => {
       setupFiles({ 'angular.json': JSON.stringify(angularJson) });
 
-      const config = getAngularCliWebpackConfigOptions('/');
+      const config = getAngularCliWebpackConfigOptions('/' as Path);
 
       expect(config).toMatchObject({
         buildOptions: {
@@ -45,7 +51,7 @@ describe('angualr-cli_config', () => {
 
       setupFiles({ 'angular.json': JSON.stringify(overrideAngularJson) });
 
-      const config = getAngularCliWebpackConfigOptions('/');
+      const config = getAngularCliWebpackConfigOptions('/' as Path);
 
       // Assure configuration matches values from `storybook` project
       expect(config).toMatchObject({
diff --git a/app/angular/src/server/__tests__/angular.json b/app/angular/src/server/__tests__/angular.json
new file mode 100644
index 00000000000..1280b032aea
--- /dev/null
+++ b/app/angular/src/server/__tests__/angular.json
@@ -0,0 +1,108 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "angular-cli": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "prefix": "app",
+      "schematics": {},
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/angular-cli",
+            "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", "src/styles.scss"],
+            "stylePreprocessorOptions": {
+              "includePaths": ["src/commons"]
+            },
+            "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:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "angular-cli:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "angular-cli:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/karma.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.spec.json",
+            "karmaConfig": "src/karma.conf.js",
+            "styles": ["styles.css"],
+            "scripts": [],
+            "assets": ["src/favicon.ico", "src/assets"]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": ["src/tsconfig.app.json", "src/tsconfig.spec.json"],
+            "exclude": ["**/node_modules/**"]
+          }
+        }
+      }
+    },
+    "angular-cli-e2e": {
+      "root": "e2e/",
+      "projectType": "application",
+      "architect": {
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "e2e/protractor.conf.js",
+            "devServerTarget": "angular-cli:serve"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": "e2e/tsconfig.e2e.json",
+            "exclude": ["**/node_modules/**"]
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "angular-cli"
+}
diff --git a/app/angular/src/server/create-fork-ts-checker-plugin.test.js b/app/angular/src/server/__tests__/create-fork-ts-checker-plugin.test.ts
similarity index 65%
rename from app/angular/src/server/create-fork-ts-checker-plugin.test.js
rename to app/angular/src/server/__tests__/create-fork-ts-checker-plugin.test.ts
index bb1c869b5f9..2b60aa49a4b 100644
--- a/app/angular/src/server/create-fork-ts-checker-plugin.test.js
+++ b/app/angular/src/server/__tests__/create-fork-ts-checker-plugin.test.ts
@@ -1,14 +1,15 @@
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import getTsLoaderOptions from './ts_config';
-import createForkTsCheckerInstance from './create-fork-ts-checker-plugin';
+import getTsLoaderOptions from '../ts_config';
+import createForkTsCheckerInstance from '../create-fork-ts-checker-plugin';
 
 // eslint-disable-next-line global-require
-jest.mock('fs', () => require('../../../../__mocks__/fs'));
+jest.mock('fs', () => require('../../../../../__mocks__/fs'));
 jest.mock('path', () => ({
   resolve: () => 'tsconfig.json',
 }));
+jest.mock('@storybook/node-logger');
 
-const setupFiles = files => {
+const setupFiles = (files: any) => {
   // eslint-disable-next-line no-underscore-dangle, global-require
   require('fs').__setMockFiles(files);
 };
@@ -18,14 +19,17 @@ describe('create-fork-ts-checker-plugin.test', () => {
     setupFiles({ 'tsconfig.json': '{}' });
 
     const tsLoaderOptions = getTsLoaderOptions('.foo');
-    const instance = createForkTsCheckerInstance(tsLoaderOptions);
+
+    // todo resolve any
+    const instance: any = createForkTsCheckerInstance(tsLoaderOptions);
 
     expect(instance).toBeInstanceOf(ForkTsCheckerWebpackPlugin);
     expect(instance.tsconfig).toEqual(tsLoaderOptions.configFile);
   });
 
   it('should create a ForkTsCheckerWebpackPlugin instance without passing options', () => {
-    const instance = createForkTsCheckerInstance({});
+    // add proper typing
+    const instance = createForkTsCheckerInstance({} as any);
     expect(instance).toBeInstanceOf(ForkTsCheckerWebpackPlugin);
   });
 });
diff --git a/app/angular/src/server/ts_config.test.js b/app/angular/src/server/__tests__/ts_config.test.ts
similarity index 80%
rename from app/angular/src/server/ts_config.test.js
rename to app/angular/src/server/__tests__/ts_config.test.ts
index b8e42921a23..383eb7ccc18 100644
--- a/app/angular/src/server/ts_config.test.js
+++ b/app/angular/src/server/__tests__/ts_config.test.ts
@@ -1,12 +1,13 @@
-import getTsLoaderOptions from './ts_config';
+import getTsLoaderOptions from '../ts_config';
 
 // eslint-disable-next-line global-require
-jest.mock('fs', () => require('../../../../__mocks__/fs'));
+jest.mock('fs', () => require('../../../../../__mocks__/fs'));
 jest.mock('path', () => ({
   resolve: () => 'tsconfig.json',
 }));
+jest.mock('@storybook/node-logger');
 
-const setupFiles = files => {
+const setupFiles = (files: any) => {
   // eslint-disable-next-line no-underscore-dangle, global-require
   require('fs').__setMockFiles(files);
 };
diff --git a/app/angular/src/server/angular-cli_config.js b/app/angular/src/server/angular-cli_config.ts
similarity index 84%
rename from app/angular/src/server/angular-cli_config.js
rename to app/angular/src/server/angular-cli_config.ts
index fc55bccf7b5..b08d79a2b3f 100644
--- a/app/angular/src/server/angular-cli_config.js
+++ b/app/angular/src/server/angular-cli_config.ts
@@ -1,3 +1,5 @@
+import { CompilerOptions } from 'typescript';
+import { Path } from '@angular-devkit/core';
 import path from 'path';
 import fs from 'fs';
 import { logger } from '@storybook/node-logger';
@@ -9,8 +11,18 @@ import {
   getAngularCliParts,
 } from './angular-cli_utils';
 
-function getTsConfigOptions(tsConfigPath) {
-  const basicOptions = {
+// todo add more accurate typings
+interface BasicOptions {
+  options: {
+    baseUrl?: string | undefined;
+  };
+  raw: object;
+  fileNames: string[];
+  errors: any[];
+}
+
+function getTsConfigOptions(tsConfigPath: Path) {
+  const basicOptions: BasicOptions = {
     options: {},
     raw: {},
     fileNames: [],
@@ -22,7 +34,8 @@ function getTsConfigOptions(tsConfigPath) {
   }
 
   const tsConfig = JSON.parse(fs.readFileSync(tsConfigPath, 'utf8'));
-  const { baseUrl } = tsConfig.compilerOptions || {};
+
+  const { baseUrl } = tsConfig.compilerOptions as CompilerOptions;
 
   if (baseUrl) {
     const tsConfigDirName = path.dirname(tsConfigPath);
@@ -32,7 +45,7 @@ function getTsConfigOptions(tsConfigPath) {
   return basicOptions;
 }
 
-export function getAngularCliWebpackConfigOptions(dirToSearch) {
+export function getAngularCliWebpackConfigOptions(dirToSearch: Path) {
   const fname = path.join(dirToSearch, 'angular.json');
 
   if (!fs.existsSync(fname)) {
@@ -59,7 +72,7 @@ export function getAngularCliWebpackConfigOptions(dirToSearch) {
   );
 
   const projectRoot = path.resolve(dirToSearch, project.root);
-  const tsConfigPath = path.resolve(dirToSearch, projectOptions.tsConfig);
+  const tsConfigPath = path.resolve(dirToSearch, projectOptions.tsConfig) as Path;
   const tsConfig = getTsConfigOptions(tsConfigPath);
 
   return {
@@ -77,7 +90,8 @@ export function getAngularCliWebpackConfigOptions(dirToSearch) {
   };
 }
 
-export function applyAngularCliWebpackConfig(baseConfig, cliWebpackConfigOptions) {
+// todo add types
+export function applyAngularCliWebpackConfig(baseConfig: any, cliWebpackConfigOptions: any) {
   if (!cliWebpackConfigOptions) {
     return baseConfig;
   }
@@ -103,9 +117,10 @@ export function applyAngularCliWebpackConfig(baseConfig, cliWebpackConfigOptions
   const rulesExcludingStyles = filterOutStylingRules(baseConfig);
 
   // cliStyleConfig.entry adds global style files to the webpack context
+  // todo add type for acc
   const entry = [
     ...baseConfig.entry,
-    ...Object.values(cliStyleConfig.entry).reduce((acc, item) => acc.concat(item), []),
+    ...Object.values(cliStyleConfig.entry).reduce((acc: any, item) => acc.concat(item), []),
   ];
 
   const module = {
diff --git a/app/angular/src/server/angular-cli_utils.js b/app/angular/src/server/angular-cli_utils.ts
similarity index 64%
rename from app/angular/src/server/angular-cli_utils.js
rename to app/angular/src/server/angular-cli_utils.ts
index 3129fa49109..1335d3ea447 100644
--- a/app/angular/src/server/angular-cli_utils.js
+++ b/app/angular/src/server/angular-cli_utils.ts
@@ -1,7 +1,13 @@
 import fs from 'fs';
-import { basename, dirname, normalize, relative, resolve } from '@angular-devkit/core';
+import { basename, dirname, normalize, relative, resolve, Path } from '@angular-devkit/core';
+import {
+  getCommonConfig,
+  getStylesConfig,
+} from '@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs';
 
-function isDirectory(assetPath) {
+import { RuleSetRule, Configuration } from 'webpack';
+
+function isDirectory(assetPath: string) {
   try {
     return fs.statSync(assetPath).isDirectory();
   } catch (e) {
@@ -9,7 +15,7 @@ function isDirectory(assetPath) {
   }
 }
 
-function getAssetsParts(resolvedAssetPath, assetPath) {
+function getAssetsParts(resolvedAssetPath: Path, assetPath: Path) {
   if (isDirectory(resolvedAssetPath)) {
     return {
       glob: '**/*', // Folders get a recursive star glob.
@@ -23,7 +29,7 @@ function getAssetsParts(resolvedAssetPath, assetPath) {
   };
 }
 
-function isStylingRule(rule) {
+function isStylingRule(rule: RuleSetRule) {
   const { test } = rule;
 
   if (!test) {
@@ -37,7 +43,7 @@ function isStylingRule(rule) {
   return test.test('.css') || test.test('.scss') || test.test('.sass');
 }
 
-export function filterOutStylingRules(config) {
+export function filterOutStylingRules(config: Configuration) {
   return config.module.rules.filter(rule => !isStylingRule(rule));
 }
 
@@ -50,26 +56,26 @@ export function isBuildAngularInstalled() {
   }
 }
 
-export function getAngularCliParts(cliWebpackConfigOptions) {
-  // eslint-disable-next-line global-require, import/no-extraneous-dependencies
-  const ngCliConfigFactory = require('@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs');
-
+// todo add type
+export function getAngularCliParts(cliWebpackConfigOptions: any) {
   try {
     return {
-      cliCommonConfig: ngCliConfigFactory.getCommonConfig(cliWebpackConfigOptions),
-      cliStyleConfig: ngCliConfigFactory.getStylesConfig(cliWebpackConfigOptions),
+      cliCommonConfig: getCommonConfig(cliWebpackConfigOptions),
+      cliStyleConfig: getStylesConfig(cliWebpackConfigOptions),
     };
   } catch (e) {
     return null;
   }
 }
 
-export function normalizeAssetPatterns(assetPatterns, dirToSearch, sourceRoot) {
+// todo fix any
+export function normalizeAssetPatterns(assetPatterns: any, dirToSearch: Path, sourceRoot: Path) {
   if (!assetPatterns || !assetPatterns.length) {
     return [];
   }
 
-  return assetPatterns.map(assetPattern => {
+  // todo fix any
+  return assetPatterns.map((assetPattern: any) => {
     if (typeof assetPattern === 'object') {
       return assetPattern;
     }
diff --git a/app/angular/src/server/build.js b/app/angular/src/server/build.ts
similarity index 100%
rename from app/angular/src/server/build.js
rename to app/angular/src/server/build.ts
diff --git a/app/angular/src/server/create-fork-ts-checker-plugin.js b/app/angular/src/server/create-fork-ts-checker-plugin.ts
similarity index 80%
rename from app/angular/src/server/create-fork-ts-checker-plugin.js
rename to app/angular/src/server/create-fork-ts-checker-plugin.ts
index 40c8624ffab..f8881492f3d 100644
--- a/app/angular/src/server/create-fork-ts-checker-plugin.js
+++ b/app/angular/src/server/create-fork-ts-checker-plugin.ts
@@ -1,7 +1,9 @@
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 import { logger } from '@storybook/node-logger';
 
-export default function(tsLoaderOptions) {
+import { Options } from 'ts-loader';
+
+export default function(tsLoaderOptions: Partial<Options>) {
   if (tsLoaderOptions && tsLoaderOptions.configFile) {
     return new ForkTsCheckerWebpackPlugin({
       tsconfig: tsLoaderOptions.configFile,
diff --git a/app/angular/src/server/framework-preset-angular-cli.js b/app/angular/src/server/framework-preset-angular-cli.ts
similarity index 69%
rename from app/angular/src/server/framework-preset-angular-cli.js
rename to app/angular/src/server/framework-preset-angular-cli.ts
index d837c54e4c8..4d34f5f22de 100644
--- a/app/angular/src/server/framework-preset-angular-cli.js
+++ b/app/angular/src/server/framework-preset-angular-cli.ts
@@ -1,3 +1,5 @@
+import { Configuration } from 'webpack';
+import { Path } from '@angular-devkit/core';
 import { logger } from '@storybook/node-logger';
 
 import {
@@ -5,8 +7,8 @@ import {
   applyAngularCliWebpackConfig,
 } from './angular-cli_config';
 
-export function webpackFinal(config) {
-  const cwd = process.cwd();
+export function webpackFinal(config: Configuration) {
+  const cwd = process.cwd() as Path;
   const cliWebpackConfigOptions = getAngularCliWebpackConfigOptions(cwd);
 
   if (cliWebpackConfigOptions) {
diff --git a/app/angular/src/server/framework-preset-angular.js b/app/angular/src/server/framework-preset-angular.ts
similarity index 90%
rename from app/angular/src/server/framework-preset-angular.js
rename to app/angular/src/server/framework-preset-angular.ts
index 08949ce1851..c4a25fc63b4 100644
--- a/app/angular/src/server/framework-preset-angular.js
+++ b/app/angular/src/server/framework-preset-angular.ts
@@ -1,10 +1,13 @@
 import path from 'path';
-import { ContextReplacementPlugin } from 'webpack';
+import { ContextReplacementPlugin, Configuration } from 'webpack';
 import autoprefixer from 'autoprefixer';
 import getTsLoaderOptions from './ts_config';
 import createForkTsCheckerInstance from './create-fork-ts-checker-plugin';
 
-export function webpack(config, { configDir }) {
+export function webpack(
+  config: Configuration,
+  { configDir }: { configDir: string }
+): Configuration {
   const tsLoaderOptions = getTsLoaderOptions(configDir);
   return {
     ...config,
diff --git a/app/angular/src/server/index.js b/app/angular/src/server/index.ts
similarity index 100%
rename from app/angular/src/server/index.js
rename to app/angular/src/server/index.ts
diff --git a/app/angular/src/server/options.js b/app/angular/src/server/options.ts
similarity index 64%
rename from app/angular/src/server/options.js
rename to app/angular/src/server/options.ts
index 6ddc4098b20..75a84f17d3f 100644
--- a/app/angular/src/server/options.js
+++ b/app/angular/src/server/options.ts
@@ -1,4 +1,5 @@
-import packageJson from '../../package.json';
+// tslint:disable-next-line: no-var-requires
+const packageJson = require('../../package.json');
 
 export default {
   packageJson,
diff --git a/app/angular/src/server/ts_config.js b/app/angular/src/server/ts_config.js
deleted file mode 100644
index 6e643922760..00000000000
--- a/app/angular/src/server/ts_config.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { logger } from '@storybook/node-logger';
-
-function resolveTsConfig(tsConfigPath) {
-  if (!fs.existsSync(tsConfigPath)) {
-    return null;
-  }
-
-  logger.info('=> Found custom tsconfig.json');
-
-  return tsConfigPath;
-}
-
-export default function(configDir) {
-  const tsLoaderOptions = {
-    transpileOnly: true,
-  };
-  const configFilePath = resolveTsConfig(path.resolve(configDir, 'tsconfig.json'));
-
-  if (configFilePath) {
-    tsLoaderOptions.configFile = configFilePath;
-  }
-
-  return tsLoaderOptions;
-}
diff --git a/app/angular/src/server/ts_config.ts b/app/angular/src/server/ts_config.ts
new file mode 100644
index 00000000000..2613f61db33
--- /dev/null
+++ b/app/angular/src/server/ts_config.ts
@@ -0,0 +1,19 @@
+import fs from 'fs';
+import path from 'path';
+import { logger } from '@storybook/node-logger';
+
+function resolveTsConfig(tsConfigPath: string): string | undefined {
+  if (fs.existsSync(tsConfigPath)) {
+    logger.info('=> Found custom tsconfig.json');
+    return tsConfigPath;
+  }
+  return undefined;
+}
+
+export default function(configDir: string) {
+  const configFilePath = resolveTsConfig(path.resolve(configDir, 'tsconfig.json'));
+  return {
+    transpileOnly: true,
+    configFile: configFilePath || undefined,
+  };
+}
diff --git a/app/angular/src/typings.d.ts b/app/angular/src/typings.d.ts
index cbeccdbb15f..690e93343de 100644
--- a/app/angular/src/typings.d.ts
+++ b/app/angular/src/typings.d.ts
@@ -1,2 +1,5 @@
+declare module '@storybook/core/*';
+declare module 'global';
+
 // will be provided by the webpack define plugin
 declare var NODE_ENV: string | undefined;
diff --git a/app/angular/tsconfig.json b/app/angular/tsconfig.json
index 48b8f369e8e..8a9ea247510 100644
--- a/app/angular/tsconfig.json
+++ b/app/angular/tsconfig.json
@@ -1,18 +1,10 @@
 {
   "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*.ts"
-  ],
   "compileOnSave": false,
   "compilerOptions": {
     "outDir": "dist",
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "declaration": true,
+    "types": ["webpack-env"],
     "rootDir": "./src",
-    "lib": [
-      "es2017",
-      "dom"
-    ]
+    "resolveJsonModule": true
   }
 }
diff --git a/app/ember/package.json b/app/ember/package.json
index a9c3e5aef8d..bd0ed78b283 100644
--- a/app/ember/package.json
+++ b/app/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
   "bugs": {
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@ember/test-helpers": "^1.5.0",
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/html/package.json b/app/html/package.json
index d019dcd13c0..12fa105dc5b 100644
--- a/app/html/package.json
+++ b/app/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -16,6 +16,7 @@
   },
   "license": "MIT",
   "main": "dist/client/index.js",
+  "types": "dist/client/index.d.ts",
   "bin": {
     "build-storybook": "./bin/build.js",
     "start-storybook": "./bin/index.js",
@@ -25,7 +26,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/html/src/client/index.js b/app/html/src/client/index.ts
similarity index 100%
rename from app/html/src/client/index.js
rename to app/html/src/client/index.ts
diff --git a/app/html/src/client/preview/globals.js b/app/html/src/client/preview/globals.ts
similarity index 100%
rename from app/html/src/client/preview/globals.js
rename to app/html/src/client/preview/globals.ts
diff --git a/app/html/src/client/preview/index.js b/app/html/src/client/preview/index.js
deleted file mode 100644
index c1ac22948c0..00000000000
--- a/app/html/src/client/preview/index.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { start } from '@storybook/core/client';
-
-import './globals';
-import render from './render';
-
-const { load: coreLoad, clientApi, configApi, forceReRender } = start(render);
-
-export const {
-  setAddon,
-  addDecorator,
-  addParameters,
-  clearDecorators,
-  getStorybook,
-  raw,
-} = clientApi;
-
-const framework = 'html';
-export const storiesOf = (...args) => clientApi.storiesOf(...args).addParameters({ framework });
-export const load = (...args) => coreLoad(...args, framework);
-
-export const { configure } = configApi;
-export { forceReRender };
diff --git a/app/html/src/client/preview/index.ts b/app/html/src/client/preview/index.ts
new file mode 100644
index 00000000000..981aa6f432a
--- /dev/null
+++ b/app/html/src/client/preview/index.ts
@@ -0,0 +1,37 @@
+/* eslint-disable prefer-destructuring */
+import { start } from '@storybook/core/client';
+import { ClientStoryApi } from '@storybook/addons';
+
+import './globals';
+import render from './render';
+import { StoryFnHtmlReturnType, IStorybookSection } from './types';
+
+const framework = 'html';
+
+interface ClientApi extends ClientStoryApi<StoryFnHtmlReturnType> {
+  setAddon(addon: any): void;
+  configure(loaders: () => void, module: NodeModule): void;
+  getStorybook(): IStorybookSection[];
+  clearDecorators(): void;
+  forceReRender(): void;
+  raw: () => any; // todo add type
+  load: (req: any, m: NodeModule, framework: string) => void;
+}
+
+const api = start(render);
+
+export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
+  return (api.clientApi.storiesOf(kind, m) as ReturnType<ClientApi['storiesOf']>).addParameters({
+    framework,
+  });
+};
+
+export const load: ClientApi['load'] = (...args) => api.load(...args, framework);
+export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
+export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
+export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
+export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
+export const configure: ClientApi['configure'] = api.configApi.configure;
+export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
+export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
+export const raw: ClientApi['raw'] = api.clientApi.raw;
diff --git a/app/html/src/client/preview/render.js b/app/html/src/client/preview/render.ts
similarity index 94%
rename from app/html/src/client/preview/render.js
rename to app/html/src/client/preview/render.ts
index ff955aca414..760cbd0e1e9 100644
--- a/app/html/src/client/preview/render.js
+++ b/app/html/src/client/preview/render.ts
@@ -1,17 +1,17 @@
 import { document, Node } from 'global';
 import { stripIndents } from 'common-tags';
+import { RenderMainArgs } from './types';
 
 const rootElement = document.getElementById('root');
 
 export default function renderMain({
-  parameters = {},
   storyFn,
   selectedKind,
   selectedStory,
   showMain,
   showError,
   forceRender,
-}) {
+}: RenderMainArgs) {
   const element = storyFn();
 
   showMain();
diff --git a/app/html/src/client/preview/types.ts b/app/html/src/client/preview/types.ts
new file mode 100644
index 00000000000..36432e1a455
--- /dev/null
+++ b/app/html/src/client/preview/types.ts
@@ -0,0 +1,27 @@
+import { StoryFn } from '@storybook/addons';
+
+export type StoryFnHtmlReturnType = string | Node;
+
+export interface IStorybookStory {
+  name: string;
+  render: () => any;
+}
+
+export interface IStorybookSection {
+  kind: string;
+  stories: IStorybookStory[];
+}
+
+export interface ShowErrorArgs {
+  title: string;
+  description: string;
+}
+
+export interface RenderMainArgs {
+  storyFn: () => StoryFn<StoryFnHtmlReturnType>;
+  selectedKind: string;
+  selectedStory: string;
+  showMain: () => void;
+  showError: (args: ShowErrorArgs) => void;
+  forceRender: boolean;
+}
diff --git a/app/html/src/server/build.js b/app/html/src/server/build.ts
similarity index 100%
rename from app/html/src/server/build.js
rename to app/html/src/server/build.ts
diff --git a/app/html/src/server/framework-preset-html.js b/app/html/src/server/framework-preset-html.ts
similarity index 65%
rename from app/html/src/server/framework-preset-html.js
rename to app/html/src/server/framework-preset-html.ts
index 1abdd1c3386..a3b4185d0a1 100644
--- a/app/html/src/server/framework-preset-html.js
+++ b/app/html/src/server/framework-preset-html.ts
@@ -1,4 +1,7 @@
-export function webpack(config) {
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { Configuration } from 'webpack';
+
+export function webpack(config: Configuration) {
   return {
     ...config,
     module: {
diff --git a/app/html/src/server/index.js b/app/html/src/server/index.ts
similarity index 100%
rename from app/html/src/server/index.js
rename to app/html/src/server/index.ts
diff --git a/app/html/src/server/options.js b/app/html/src/server/options.ts
similarity index 52%
rename from app/html/src/server/options.js
rename to app/html/src/server/options.ts
index 03953efd592..27701b0063c 100644
--- a/app/html/src/server/options.js
+++ b/app/html/src/server/options.ts
@@ -1,4 +1,5 @@
-import packageJson from '../../package.json';
+// tslint:disable-next-line: no-var-requires
+const packageJson = require('../../package.json');
 
 export default {
   packageJson,
diff --git a/app/html/src/typings.d.ts b/app/html/src/typings.d.ts
new file mode 100644
index 00000000000..690e93343de
--- /dev/null
+++ b/app/html/src/typings.d.ts
@@ -0,0 +1,5 @@
+declare module '@storybook/core/*';
+declare module 'global';
+
+// will be provided by the webpack define plugin
+declare var NODE_ENV: string | undefined;
diff --git a/app/html/tsconfig.json b/app/html/tsconfig.json
new file mode 100644
index 00000000000..82ce44329cc
--- /dev/null
+++ b/app/html/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": ["src/**/*"],
+  "exclude": ["src/__tests__/**/*"]
+}
diff --git a/app/marko/package.json b/app/marko/package.json
index 0e6c64480c2..be64c1e77df 100644
--- a/app/marko/package.json
+++ b/app/marko/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/marko",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/mithril/package.json b/app/mithril/package.json
index f6701f9de8f..c4e49ea7d4f 100644
--- a/app/mithril/package.json
+++ b/app/mithril/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/mithril",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Mithril: Develop Mithril Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/polymer/package.json b/app/polymer/package.json
index 72b7786e057..1d06c14109c 100644
--- a/app/polymer/package.json
+++ b/app/polymer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/polymer",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/app/preact/package.json b/app/preact/package.json
index 9396e8d445c..bc445eaebbe 100644
--- a/app/preact/package.json
+++ b/app/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/rax/package.json b/app/rax/package.json
index 99c00cc0951..146cffdc9e5 100644
--- a/app/rax/package.json
+++ b/app/rax/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/rax",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Rax: Develop Rax Component in isolation.",
   "keywords": [
     "storybook",
@@ -27,7 +27,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "babel-preset-rax": "^1.0.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^2.6.2",
diff --git a/app/react-native-server/package.json b/app/react-native-server/package.json
index e517ad83223..a90c498e4ff 100644
--- a/app/react-native-server/package.json
+++ b/app/react-native-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-server",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/channel-websocket": "5.2.0-alpha.31",
-    "@storybook/core": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/ui": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/channel-websocket": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/ui": "5.2.0-alpha.44",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/react-native-server/src/client/manager/provider.js b/app/react-native-server/src/client/manager/provider.js
index 334a5a40167..688ed6f7e83 100644
--- a/app/react-native-server/src/client/manager/provider.js
+++ b/app/react-native-server/src/client/manager/provider.js
@@ -51,8 +51,7 @@ export default class ReactProvider extends Provider {
       <Consumer filter={mapper} pure>
         {({ storiesHash, storyId, api, viewMode }) => {
           if (storiesHash[storyId]) {
-            const { kind, story } = storiesHash[storyId];
-            api.emit(Events.SET_CURRENT_STORY, { kind, story });
+            api.emit(Events.SET_CURRENT_STORY, { storyId });
           }
           return viewMode === 'story' ? <PreviewHelp /> : null;
         }}
@@ -62,12 +61,6 @@ export default class ReactProvider extends Provider {
 
   handleAPI(api) {
     addons.loadAddons(api);
-    api.on(Events.STORY_CHANGED, () => {
-      api.emit(Events.SET_CURRENT_STORY, this.selection);
-    });
-    api.on(Events.GET_CURRENT_STORY, () => {
-      api.emit(Events.SET_CURRENT_STORY, this.selection);
-    });
     api.emit(Events.GET_STORIES);
   }
 }
diff --git a/app/react-native/package.json b/app/react-native/package.json
index f33ee3f3a51..b416aa27943 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -22,13 +22,15 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@emotion/native": "^10.0.10",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/channel-websocket": "5.2.0-alpha.31",
-    "@storybook/channels": "5.2.0-alpha.31",
-    "@storybook/client-api": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
+    "@emotion/core": "^10.0.14",
+    "@emotion/native": "^10.0.14",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/channel-websocket": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
+    "emotion-theming": "^10.0.14",
     "react-native-swipe-gestures": "^1.0.3",
     "rn-host-detect": "^1.1.5"
   },
diff --git a/app/react-native/src/index.ts b/app/react-native/src/index.ts
index 98b2a8d5c06..a13cd197f7d 100644
--- a/app/react-native/src/index.ts
+++ b/app/react-native/src/index.ts
@@ -1,3 +1,4 @@
+/* eslint-disable prefer-destructuring */
 import Preview from './preview';
 
 const preview = new Preview();
diff --git a/app/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx b/app/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx
index 51c49e1e95f..d368802cdd5 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx
+++ b/app/react-native/src/preview/components/OnDeviceUI/absolute-positioned-keyboard-aware-view.tsx
@@ -22,7 +22,9 @@ type Props = {
 // To avoid issues we use absolute positioned element with predefined screen size
 export default class AbsolutePositionedKeyboardAwareView extends PureComponent<Props> {
   keyboardDidShowListener: EmitterSubscription;
+
   keyboardDidHideListener: EmitterSubscription;
+
   keyboardOpen: boolean;
 
   componentWillMount() {
diff --git a/app/react-native/src/preview/components/OnDeviceUI/animation.ts b/app/react-native/src/preview/components/OnDeviceUI/animation.ts
index 4ce7747b158..f19ef152fd8 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/animation.ts
+++ b/app/react-native/src/preview/components/OnDeviceUI/animation.ts
@@ -1,5 +1,5 @@
-import { NAVIGATOR, PREVIEW, ADDONS } from './navigation/constants';
 import { Animated } from 'react-native';
+import { NAVIGATOR, PREVIEW, ADDONS } from './navigation/constants';
 
 const PREVIEW_SCALE = 0.3;
 
diff --git a/app/react-native/src/preview/components/OnDeviceUI/index.tsx b/app/react-native/src/preview/components/OnDeviceUI/index.tsx
index e875ec9394b..5718b0d86e1 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/index.tsx
+++ b/app/react-native/src/preview/components/OnDeviceUI/index.tsx
@@ -8,7 +8,6 @@ import {
   TouchableOpacityProps,
 } from 'react-native';
 import styled from '@emotion/native';
-import Events from '@storybook/core-events';
 import addons from '@storybook/addons';
 import Channel from '@storybook/channels';
 import StoryListView from '../StoryListView';
@@ -36,14 +35,11 @@ interface OnDeviceUIProps {
   url?: string;
   tabOpen?: number;
   isUIHidden?: boolean;
-  getInitialStory?: (...args: any[]) => any;
   shouldDisableKeyboardAvoidingView?: boolean;
   keyboardAvoidingViewVerticalOffset?: number;
 }
 
 interface OnDeviceUIState {
-  selection: any;
-  storyFn: any;
   tabOpen: number;
   slideBetweenAnimation: boolean;
   previewWidth: number;
@@ -64,6 +60,7 @@ const Preview: typeof TouchableOpacity = styled.TouchableOpacity`
 
 export default class OnDeviceUI extends PureComponent<OnDeviceUIProps, OnDeviceUIState> {
   animatedValue: Animated.Value;
+
   channel: Channel;
 
   constructor(props: OnDeviceUIProps) {
@@ -72,8 +69,6 @@ export default class OnDeviceUI extends PureComponent<OnDeviceUIProps, OnDeviceU
     this.state = {
       tabOpen,
       slideBetweenAnimation: false,
-      selection: {},
-      storyFn: null,
       previewWidth: 0,
       previewHeight: 0,
     };
@@ -81,24 +76,6 @@ export default class OnDeviceUI extends PureComponent<OnDeviceUIProps, OnDeviceU
     this.channel = addons.getChannel();
   }
 
-  async componentWillMount() {
-    const { getInitialStory } = this.props;
-    if (getInitialStory) {
-      const story = await getInitialStory();
-      this.setState({
-        selection: story || {},
-        storyFn: story ? story.storyFn : null,
-      });
-    }
-    this.channel.on(Events.SELECT_STORY, this.handleStoryChange);
-    this.channel.on(Events.FORCE_RE_RENDER, this.forceReRender);
-  }
-
-  componentWillUnmount() {
-    this.channel.removeListener(Events.SELECT_STORY, this.handleStoryChange);
-    this.channel.removeListener(Events.FORCE_RE_RENDER, this.forceReRender);
-  }
-
   onLayout = ({ previewWidth, previewHeight }: PreviewDimens) => {
     this.setState({ previewWidth, previewHeight });
   };
@@ -107,24 +84,6 @@ export default class OnDeviceUI extends PureComponent<OnDeviceUIProps, OnDeviceU
     this.handleToggleTab(PREVIEW);
   };
 
-  forceReRender = () => {
-    this.forceUpdate();
-  };
-
-  handleStoryChange = (selection: any) => {
-    const { selection: prevSelection } = this.state;
-    if (selection.kind === prevSelection.kind && selection.story === prevSelection.story) {
-      this.handleToggleTab(PREVIEW);
-    }
-    this.setState({
-      selection: {
-        kind: selection.kind,
-        story: selection.story,
-      },
-      storyFn: selection.storyFn,
-    });
-  };
-
   handleToggleTab = (newTabOpen: number) => {
     const { tabOpen } = this.state;
     if (newTabOpen === tabOpen) {
@@ -155,14 +114,7 @@ export default class OnDeviceUI extends PureComponent<OnDeviceUIProps, OnDeviceU
       keyboardAvoidingViewVerticalOffset,
     } = this.props;
 
-    const {
-      tabOpen,
-      slideBetweenAnimation,
-      selection,
-      storyFn,
-      previewWidth,
-      previewHeight,
-    } = this.state;
+    const { tabOpen, slideBetweenAnimation, previewWidth, previewHeight } = this.state;
 
     const previewWrapperStyles = [
       { flex: 1 },
@@ -190,21 +142,12 @@ export default class OnDeviceUI extends PureComponent<OnDeviceUIProps, OnDeviceU
                 disabled={tabOpen === PREVIEW}
                 onPress={this.handleOpenPreview}
               >
-                <StoryView
-                  url={url}
-                  selection={selection}
-                  storyFn={storyFn}
-                  listenToEvents={false}
-                />
+                <StoryView url={url} onDevice stories={stories} />
               </Preview>
             </Animated.View>
           </Animated.View>
           <Panel style={getNavigatorPanelPosition(this.animatedValue, previewWidth)}>
-            <StoryListView
-              stories={stories}
-              selectedKind={selection.kind}
-              selectedStory={selection.story}
-            />
+            <StoryListView stories={stories} />
           </Panel>
           <Panel style={getAddonPanelPosition(this.animatedValue, previewWidth)}>
             <Addons />
diff --git a/app/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx b/app/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx
index f2d03cf9aa9..7e30ebe3982 100644
--- a/app/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx
+++ b/app/react-native/src/preview/components/OnDeviceUI/navigation/index.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/destructuring-assignment */
 import React, { PureComponent } from 'react';
 import { View, SafeAreaView, StyleSheet } from 'react-native';
 import GestureRecognizer, { GestureRecognizerConfig } from 'react-native-swipe-gestures';
diff --git a/app/react-native/src/preview/components/StoryListView/index.tsx b/app/react-native/src/preview/components/StoryListView/index.tsx
index 3f296918c67..1d386c7d655 100644
--- a/app/react-native/src/preview/components/StoryListView/index.tsx
+++ b/app/react-native/src/preview/components/StoryListView/index.tsx
@@ -64,8 +64,6 @@ const ListItem: React.FunctionComponent<ListItemProps> = ({ kind, title, selecte
 
 interface Props {
   stories: any;
-  selectedKind?: string;
-  selectedStory?: string;
 }
 
 interface State {
@@ -90,28 +88,35 @@ export default class StoryListView extends Component<Props, State> {
   componentDidMount() {
     const channel = addons.getChannel();
     channel.on(Events.STORY_ADDED, this.handleStoryAdded);
+    channel.on(Events.SELECT_STORY, this.forceReRender);
     this.handleStoryAdded();
   }
 
   componentWillUnmount() {
     const channel = addons.getChannel();
     channel.removeListener(Events.STORY_ADDED, this.handleStoryAdded);
+    channel.removeListener(Events.SELECT_STORY, this.forceReRender);
   }
 
+  forceReRender = () => {
+    this.forceUpdate();
+  };
+
   handleStoryAdded = () => {
     const { stories } = this.props;
 
     if (stories) {
-      const data = stories.dumpStoryBook().map(
-        (section: any) => ({
-          title: section.kind,
-          data: section.stories.map((story: any) => ({
-            key: story,
-            name: story,
-            kind: section.kind,
-          })),
-        }),
-        {}
+      const data = Object.values(
+        stories
+          .raw()
+          .reduce((acc: { [kind: string]: { title: string; data: any[] } }, story: any) => {
+            acc[story.kind] = {
+              title: story.kind,
+              data: (acc[story.kind] ? acc[story.kind].data : []).concat(story),
+            };
+
+            return acc;
+          }, {})
       );
 
       this.setState({ data, originalData: data });
@@ -146,13 +151,15 @@ export default class StoryListView extends Component<Props, State> {
     this.setState({ data: filteredData });
   };
 
-  changeStory(kind: string, story: string) {
+  changeStory(storyId: string) {
     const channel = addons.getChannel();
-    channel.emit(Events.SET_CURRENT_STORY, { kind, story });
+    channel.emit(Events.SET_CURRENT_STORY, { storyId });
   }
 
   render() {
-    const { selectedKind, selectedStory } = this.props;
+    const { stories } = this.props;
+    const { storyId } = stories.getSelection();
+    const selectedStory = stories.fromId(storyId);
     const { data } = this.state;
 
     return (
@@ -171,12 +178,12 @@ export default class StoryListView extends Component<Props, State> {
             <ListItem
               title={item.name}
               kind={item.kind}
-              selected={item.kind === selectedKind && item.name === selectedStory}
-              onPress={() => this.changeStory(item.kind, item.name)}
+              selected={selectedStory && item.id === selectedStory.id}
+              onPress={() => this.changeStory(item.id)}
             />
           )}
           renderSectionHeader={({ section: { title } }) => (
-            <SectionHeader title={title} selected={title === selectedKind} />
+            <SectionHeader title={title} selected={selectedStory && title === selectedStory.kind} />
           )}
           keyExtractor={(item, index) => item + index}
           sections={data}
diff --git a/app/react-native/src/preview/components/StoryView/index.tsx b/app/react-native/src/preview/components/StoryView/index.tsx
index 3318b568773..5b75ecaf704 100644
--- a/app/react-native/src/preview/components/StoryView/index.tsx
+++ b/app/react-native/src/preview/components/StoryView/index.tsx
@@ -5,15 +5,9 @@ import addons from '@storybook/addons';
 import Events from '@storybook/core-events';
 
 interface Props {
-  listenToEvents: boolean;
-  selection?: any;
-  storyFn?: any;
+  stories: any;
   url: string;
-}
-
-interface State {
-  storyFn?: any;
-  selection?: any;
+  onDevice?: boolean;
 }
 
 const HelpContainer = styled.View`
@@ -24,33 +18,23 @@ const HelpContainer = styled.View`
   justify-content: center;
 `;
 
-export default class StoryView extends Component<Props, State> {
+export default class StoryView extends Component<Props> {
   componentDidMount() {
-    if (this.props.listenToEvents) {
-      const channel = addons.getChannel();
-      channel.on(Events.SELECT_STORY, this.selectStory);
-      channel.on(Events.FORCE_RE_RENDER, this.forceReRender);
-    }
+    const channel = addons.getChannel();
+    channel.on(Events.STORY_RENDER, this.forceReRender);
+    channel.on(Events.FORCE_RE_RENDER, this.forceReRender);
   }
 
   componentWillUnmount() {
-    const { listenToEvents } = this.props;
-
-    if (listenToEvents) {
-      const channel = addons.getChannel();
-      channel.removeListener(Events.SELECT_STORY, this.selectStory);
-      channel.removeListener(Events.FORCE_RE_RENDER, this.forceReRender);
-    }
+    const channel = addons.getChannel();
+    channel.removeListener(Events.STORY_RENDER, this.forceReRender);
+    channel.removeListener(Events.FORCE_RE_RENDER, this.forceReRender);
   }
 
   forceReRender = () => {
     this.forceUpdate();
   };
 
-  selectStory = (selection: any) => {
-    this.setState({ storyFn: selection.storyFn, selection });
-  };
-
   renderHelp = () => {
     const { url } = this.props;
     return (
@@ -75,41 +59,23 @@ export default class StoryView extends Component<Props, State> {
   );
 
   render() {
-    const { listenToEvents } = this.props;
+    const { onDevice, stories } = this.props;
+    const { storyId } = stories.getSelection();
+    const story = stories.fromId(storyId);
 
-    if (listenToEvents) {
-      return this.renderListening();
-    } else {
-      return this.renderOnDevice();
+    if (story && story.storyFn) {
+      const { id, storyFn } = story;
+      return (
+        <View key={id} style={{ flex: 1 }}>
+          {storyFn()}
+        </View>
+      );
     }
+
+    if (onDevice) {
+      return this.renderOnDeviceUIHelp();
+    }
+
+    return this.renderHelp();
   }
-
-  renderListening = () => {
-    if (!this.state) {
-      return null;
-    }
-    const { storyFn, selection } = this.state;
-    const { kind, story } = selection;
-
-    return storyFn ? (
-      <View key={`${kind}:::${story}`} style={{ flex: 1 }}>
-        {storyFn()}
-      </View>
-    ) : (
-      this.renderHelp()
-    );
-  };
-
-  renderOnDevice = () => {
-    const { storyFn, selection } = this.props;
-    const { kind, story } = selection;
-
-    return storyFn ? (
-      <View key={`${kind}:::${story}`} style={{ flex: 1 }}>
-        {storyFn()}
-      </View>
-    ) : (
-      this.renderOnDeviceUIHelp()
-    );
-  };
 }
diff --git a/app/react-native/src/preview/index.tsx b/app/react-native/src/preview/index.tsx
index b45f3b4b454..88bec552418 100644
--- a/app/react-native/src/preview/index.tsx
+++ b/app/react-native/src/preview/index.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable no-underscore-dangle */
 import React from 'react';
 import { AsyncStorage } from 'react-native';
 import { ThemeProvider } from 'emotion-theming';
@@ -32,17 +33,20 @@ export type Params = {
 } & EmotionProps;
 
 export default class Preview {
-  currentStory: any;
   _clientApi: ClientApi;
+
   _stories: StoryStore;
+
   _addons: any;
+
   _decorators: any[];
 
+  _asyncStorageStoryId: string;
+
   constructor() {
     this._addons = {};
     this._decorators = [];
-
-    this._stories = new StoryStore({});
+    this._stories = new StoryStore({ channel: null });
     this._clientApi = new ClientApi({ storyStore: this._stories });
   }
 
@@ -64,9 +68,6 @@ export default class Preview {
 
     const onDeviceUI = params.onDeviceUI !== false;
     const { initialSelection, shouldPersistSelection } = params;
-    // should the initial story be sent to storybookUI
-    // set to true if using disableWebsockets or if connection to WebsocketServer fails.
-    let setInitialStory = false;
 
     try {
       channel = addons.getChannel();
@@ -78,6 +79,7 @@ export default class Preview {
     if (!channel || params.resetStorybook) {
       if (onDeviceUI && params.disableWebsockets) {
         channel = new Channel({ async: true });
+        this._setInitialStory(initialSelection, shouldPersistSelection);
       } else {
         const host = getHost(params.host || 'localhost');
         const port = `:${params.port || 7007}`;
@@ -93,11 +95,7 @@ export default class Preview {
           url,
           async: onDeviceUI,
           onError: () => {
-            // We are both emitting event and telling the component to get initial story. It may happen that component is created before the error or vise versa.
-            // This way we handle both cases
             this._setInitialStory(initialSelection, shouldPersistSelection);
-
-            setInitialStory = true;
           },
         });
       }
@@ -113,13 +111,6 @@ export default class Preview {
 
     this._sendSetStories();
 
-    // If the app is started with server running, set the story as the one selected in the browser
-    if (webUrl) {
-      this._sendGetCurrentStory();
-    } else {
-      setInitialStory = true;
-    }
-
     const preview = this;
 
     addons.loadAddons(this._clientApi);
@@ -127,7 +118,6 @@ export default class Preview {
     const appliedTheme = { ...theme, ...params.theme };
 
     // react-native hot module loader must take in a Class - https://github.com/facebook/react-native/issues/10991
-    // eslint-disable-next-line react/prefer-stateless-function
     return class StorybookRoot extends React.PureComponent {
       render() {
         if (onDeviceUI) {
@@ -138,11 +128,6 @@ export default class Preview {
                 url={webUrl}
                 isUIHidden={params.isUIHidden}
                 tabOpen={params.tabOpen}
-                getInitialStory={
-                  setInitialStory
-                    ? preview._getInitialStory(initialSelection, shouldPersistSelection)
-                    : null
-                }
                 shouldDisableKeyboardAvoidingView={params.shouldDisableKeyboardAvoidingView}
                 keyboardAvoidingViewVerticalOffset={params.keyboardAvoidingViewVerticalOffset}
               />
@@ -152,7 +137,7 @@ export default class Preview {
 
         return (
           <ThemeProvider theme={appliedTheme}>
-            <StoryView url={webUrl} listenToEvents />
+            <StoryView stories={preview._stories} url={webUrl} />
           </ThemeProvider>
         );
       }
@@ -164,14 +149,6 @@ export default class Preview {
     const stories = this._stories.extract();
     channel.emit(Events.SET_STORIES, { stories });
     channel.emit(Events.STORIES_CONFIGURED);
-    if (this.currentStory) {
-      channel.emit(Events.SET_CURRENT_STORY, this.currentStory);
-    }
-  }
-
-  _sendGetCurrentStory() {
-    const channel = addons.getChannel();
-    channel.emit(Events.GET_CURRENT_STORY);
   }
 
   _setInitialStory = async (initialSelection: any, shouldPersistSelection = true) => {
@@ -187,11 +164,18 @@ export default class Preview {
     if (initialSelection && this._checkStory(initialSelection)) {
       story = initialSelection;
     } else if (shouldPersistSelection) {
-      const value = await AsyncStorage.getItem(STORAGE_KEY);
-      const previousStory = JSON.parse(value);
+      try {
+        let value = this._asyncStorageStoryId;
+        if (!value) {
+          value = JSON.parse(await AsyncStorage.getItem(STORAGE_KEY));
+          this._asyncStorageStoryId = value;
+        }
 
-      if (this._checkStory(previousStory)) {
-        story = previousStory;
+        if (this._checkStory(value)) {
+          story = value;
+        }
+      } catch (e) {
+        //
       }
     }
 
@@ -199,43 +183,44 @@ export default class Preview {
       return this._getStory(story);
     }
 
-    const dump = this._stories.dumpStoryBook();
-
-    const nonEmptyKind = dump.find((kind: any) => kind.stories.length > 0);
-    if (nonEmptyKind) {
-      return this._getStory({ kind: nonEmptyKind.kind, story: nonEmptyKind.stories[0] });
+    const stories = this._stories.raw();
+    if (stories && stories.length) {
+      return this._getStory(stories[0].id);
     }
 
     return null;
   };
 
-  _getStory(selection: { kind: string; story: string }) {
-    const { kind, story } = selection;
-    const storyFn = this._stories.getStoryWithContext(kind, story);
-    return { ...selection, storyFn };
+  _getStory(storyId: string) {
+    return this._stories.fromId(storyId);
   }
 
-  _selectStoryEvent(selection: { kind: string; story: string }) {
-    AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(selection));
+  _selectStoryEvent({ storyId }: { storyId: string }) {
+    if (storyId) {
+      try {
+        AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(storyId));
+      } catch (e) {
+        //
+      }
 
-    if (selection) {
-      const story = this._getStory(selection);
+      const story = this._getStory(storyId);
       this._selectStory(story);
     }
   }
 
   _selectStory(story: any) {
-    this.currentStory = story;
     const channel = addons.getChannel();
+
+    this._stories.setSelection({ storyId: story.id, viewMode: 'story' }, null);
     channel.emit(Events.SELECT_STORY, story);
   }
 
-  _checkStory(selection: any) {
-    if (!selection || typeof selection !== 'object' || !selection.kind || !selection.story) {
+  _checkStory(storyId: string) {
+    if (!storyId) {
       return null;
     }
 
-    const story = this._getStory(selection);
+    const story = this._getStory(storyId);
 
     if (story.storyFn === null) {
       return null;
diff --git a/app/react/package.json b/app/react/package.json
index 8fb84280596..6a9a0188c62 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -16,7 +16,7 @@
   },
   "license": "MIT",
   "main": "dist/client/index.js",
-  "jsnext:main": "src/client/index.js",
+  "types": "dist/client/index.d.ts",
   "bin": {
     "build-storybook": "./bin/build.js",
     "start-storybook": "./bin/index.js",
@@ -29,8 +29,9 @@
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/core": "5.2.0-alpha.31",
-    "@storybook/node-logger": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
     "@svgr/webpack": "^4.0.3",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-named-asset-import": "^0.3.1",
@@ -48,10 +49,16 @@
     "webpack": "^4.33.0"
   },
   "peerDependencies": {
+    "@babel/core": "^7.0.1",
     "babel-loader": "^7.0.0 || ^8.0.0",
     "react": "*",
     "react-dom": "*"
   },
+  "devDependencies": {
+    "@types/mini-css-extract-plugin": "^0.2.1",
+    "@types/node": "^12.0.8",
+    "@types/webpack": "^4.4.32"
+  },
   "engines": {
     "node": ">=8.0.0"
   },
diff --git a/app/react/src/client/index.js b/app/react/src/client/index.ts
similarity index 100%
rename from app/react/src/client/index.js
rename to app/react/src/client/index.ts
diff --git a/app/react/src/client/preview/element_check.test.js b/app/react/src/client/preview/element_check.test.tsx
similarity index 97%
rename from app/react/src/client/preview/element_check.test.js
rename to app/react/src/client/preview/element_check.test.tsx
index 293446612a6..862eee2a548 100644
--- a/app/react/src/client/preview/element_check.test.js
+++ b/app/react/src/client/preview/element_check.test.tsx
@@ -60,10 +60,11 @@ describe('element_check.isReactRenderable', () => {
   const number = 1337;
   const element = <span>what's up</span>;
   const array = [string, number, element];
-  const object = { key: null };
+  const object = { key: null } as any;
 
   it('allows rendering React elements only prior to React Fiber', () => {
     // mutate version for the purpose of the test
+    // @ts-ignore
     React.version = '15.5.4';
 
     expect(isReactRenderable(string)).toBe(false);
@@ -75,6 +76,7 @@ describe('element_check.isReactRenderable', () => {
 
   it('allows rendering string, numbers, arrays and React elements with React Fiber', () => {
     // mutate version for the purpose of the test
+    // @ts-ignore
     React.version = '16.0.0-alpha.13';
 
     expect(isReactRenderable(string)).toBe(true);
diff --git a/app/react/src/client/preview/element_check.js b/app/react/src/client/preview/element_check.ts
similarity index 86%
rename from app/react/src/client/preview/element_check.js
rename to app/react/src/client/preview/element_check.ts
index 185281bb3b3..42f6b551c45 100644
--- a/app/react/src/client/preview/element_check.js
+++ b/app/react/src/client/preview/element_check.ts
@@ -2,17 +2,17 @@ import React from 'react';
 import flattenDeep from 'lodash/flattenDeep';
 
 // return true if the element is renderable with react fiber
-export const isValidFiberElement = element =>
+export const isValidFiberElement = (element: React.ReactElement) =>
   typeof element === 'string' || typeof element === 'number' || React.isValidElement(element);
 
-export const isPriorToFiber = version => {
+export const isPriorToFiber = (version: string) => {
   const [majorVersion] = version.split('.');
 
   return Number(majorVersion) < 16;
 };
 
 // accepts an element and return true if renderable else return false
-const isReactRenderable = element => {
+const isReactRenderable = (element: React.ReactElement): boolean => {
   // storybook is running with a version prior to fiber,
   // run a simple check on the element
   if (isPriorToFiber(React.version)) {
diff --git a/app/react/src/client/preview/globals.js b/app/react/src/client/preview/globals.ts
similarity index 100%
rename from app/react/src/client/preview/globals.js
rename to app/react/src/client/preview/globals.ts
diff --git a/app/react/src/client/preview/index.js b/app/react/src/client/preview/index.js
deleted file mode 100644
index 43a5688e3f7..00000000000
--- a/app/react/src/client/preview/index.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { start } from '@storybook/core/client';
-
-import './globals';
-import render from './render';
-
-const { load: coreLoad, clientApi, configApi, forceReRender } = start(render);
-
-export const {
-  setAddon,
-  addDecorator,
-  addParameters,
-  clearDecorators,
-  getStorybook,
-  raw,
-} = clientApi;
-
-const framework = 'react';
-export const storiesOf = (...args) => clientApi.storiesOf(...args).addParameters({ framework });
-export const load = (...args) => coreLoad(...args, framework);
-
-export const { configure } = configApi;
-export { forceReRender };
diff --git a/app/react/src/client/preview/index.test.js b/app/react/src/client/preview/index.test.ts
similarity index 73%
rename from app/react/src/client/preview/index.test.js
rename to app/react/src/client/preview/index.test.ts
index cba87bb5e2d..bd25fc3ca82 100644
--- a/app/react/src/client/preview/index.test.js
+++ b/app/react/src/client/preview/index.test.ts
@@ -4,7 +4,7 @@ describe('preview', () => {
     jest.resetModules();
   });
 
-  const isFunction = value => typeof value === 'function';
+  const isFunction = (value: unknown) => typeof value === 'function';
 
   it('should return the client api in a browser environment', () => {
     const api = require('.');
@@ -13,10 +13,14 @@ describe('preview', () => {
   });
 
   it('should return the client api in a node.js environment', () => {
-    jest.mock('global', () => ({
-      document: undefined,
-      window: undefined,
-    }));
+    jest.mock(
+      'global',
+      () =>
+        ({
+          document: undefined,
+          window: undefined,
+        } as any)
+    );
     const api = require('.');
     expect(Object.keys(api).length).toBeGreaterThan(0);
     expect(Object.values(api).every(isFunction)).toEqual(true);
diff --git a/app/react/src/client/preview/index.ts b/app/react/src/client/preview/index.ts
new file mode 100644
index 00000000000..b9279263812
--- /dev/null
+++ b/app/react/src/client/preview/index.ts
@@ -0,0 +1,37 @@
+/* eslint-disable prefer-destructuring */
+import { start } from '@storybook/core/client';
+import { ClientStoryApi } from '@storybook/addons';
+
+import './globals';
+import render from './render';
+import { IStorybookSection, StoryFnReactReturnType } from './types';
+
+const framework = 'react';
+
+interface ClientApi extends ClientStoryApi<StoryFnReactReturnType> {
+  setAddon(addon: any): void;
+  configure(loaders: () => void, module: NodeModule): void;
+  getStorybook(): IStorybookSection[];
+  clearDecorators(): void;
+  forceReRender(): void;
+  raw: () => any; // todo add type
+  load: (...args: any[]) => void;
+}
+
+const api = start(render);
+
+export const storiesOf: ClientApi['storiesOf'] = (kind, m) => {
+  return (api.clientApi.storiesOf(kind, m) as ReturnType<ClientApi['storiesOf']>).addParameters({
+    framework,
+  });
+};
+
+export const load: ClientApi['load'] = (...args) => api.load(...args, framework);
+export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
+export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
+export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
+export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
+export const configure: ClientApi['configure'] = api.configApi.configure;
+export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
+export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
+export const raw: ClientApi['raw'] = api.clientApi.raw;
diff --git a/app/react/src/client/preview/render.js b/app/react/src/client/preview/render.tsx
similarity index 93%
rename from app/react/src/client/preview/render.js
rename to app/react/src/client/preview/render.tsx
index 5abc55c3572..429e81ab234 100644
--- a/app/react/src/client/preview/render.js
+++ b/app/react/src/client/preview/render.tsx
@@ -3,10 +3,11 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { stripIndents } from 'common-tags';
 import isReactRenderable from './element_check';
+import { RenderMainArgs } from './types';
 
 const rootEl = document ? document.getElementById('root') : null;
 
-function render(node, el) {
+function render(node: React.ReactElement, el: Element) {
   ReactDOM.render(
     process.env.STORYBOOK_EXAMPLE_APP ? <React.StrictMode>{node}</React.StrictMode> : node,
     el
@@ -20,7 +21,7 @@ export default function renderMain({
   showMain,
   showError,
   forceRender,
-}) {
+}: RenderMainArgs) {
   const element = storyFn();
 
   if (!element) {
diff --git a/app/react/src/client/preview/types.ts b/app/react/src/client/preview/types.ts
new file mode 100644
index 00000000000..5c5cbfab374
--- /dev/null
+++ b/app/react/src/client/preview/types.ts
@@ -0,0 +1,31 @@
+import React from 'react';
+
+export interface ShowErrorArgs {
+  title: string;
+  description: string;
+}
+
+export interface RenderMainArgs {
+  storyFn: () => React.ReactElement | undefined;
+  selectedKind: string;
+  selectedStory: string;
+  showMain: () => void;
+  showError: (args: ShowErrorArgs) => void;
+  forceRender: boolean;
+}
+
+export type StoryFnReactReturnType = React.ReactElement<unknown>;
+
+export interface ICollection {
+  [p: string]: any;
+}
+
+export interface IStorybookStory {
+  name: string;
+  render: () => any;
+}
+
+export interface IStorybookSection {
+  kind: string;
+  stories: IStorybookStory[];
+}
diff --git a/app/react/src/demo/Button.js b/app/react/src/demo/Button.tsx
similarity index 78%
rename from app/react/src/demo/Button.js
rename to app/react/src/demo/Button.tsx
index 901d0e8aa7e..33811af2d28 100644
--- a/app/react/src/demo/Button.js
+++ b/app/react/src/demo/Button.tsx
@@ -11,7 +11,13 @@ const styles = {
   margin: 10,
 };
 
-const Button = ({ children, onClick }) => (
+const Button = ({
+  children,
+  onClick,
+}: {
+  children: React.ReactChildren;
+  onClick: (event: React.MouseEvent<HTMLElement>) => void;
+}) => (
   <button onClick={onClick} style={styles} type="button">
     {children}
   </button>
diff --git a/app/react/src/demo/Welcome.js b/app/react/src/demo/Welcome.tsx
similarity index 74%
rename from app/react/src/demo/Welcome.js
rename to app/react/src/demo/Welcome.tsx
index 0c5a4cafaf5..78c87898d66 100644
--- a/app/react/src/demo/Welcome.js
+++ b/app/react/src/demo/Welcome.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Main = props => (
+const Main = (props?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>) => (
   <article
     {...props}
     style={{
@@ -13,7 +13,13 @@ const Main = props => (
   />
 );
 
-const Title = ({ children, ...props }) => <h1 {...props}>{children}</h1>;
+const Title = ({
+  children,
+  ...props
+}: {
+  children: string;
+  props?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
+}) => <h1 {...props}>{children}</h1>;
 Title.propTypes = {
   children: PropTypes.node,
 };
@@ -21,7 +27,9 @@ Title.defaultProps = {
   children: undefined,
 };
 
-const Note = props => (
+const Note = (
+  props?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>
+) => (
   <p
     {...props}
     style={{
@@ -30,7 +38,9 @@ const Note = props => (
   />
 );
 
-const InlineCode = props => (
+const InlineCode = (
+  props?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>
+) => (
   <code
     {...props}
     style={{
@@ -45,7 +55,18 @@ const InlineCode = props => (
   />
 );
 
-const Link = ({ children, href, ...props }) => (
+const Link = ({
+  children,
+  href,
+  target,
+  ...props
+}: {
+  children: string;
+  href: string;
+  target: string;
+  rel: string;
+  props?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+}) => (
   <a
     href={href}
     {...props}
@@ -68,7 +89,15 @@ Link.defaultProps = {
   children: undefined,
 };
 
-const NavButton = ({ children, ...props }) => (
+const NavButton = ({
+  children,
+  onClick,
+  ...props
+}: {
+  children: string;
+  onClick: (event: React.MouseEvent<HTMLElement>) => void;
+  props?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+}) => (
   <button
     {...props}
     type="button"
@@ -97,7 +126,7 @@ NavButton.defaultProps = {
   children: undefined,
 };
 
-const Welcome = ({ showApp }) => (
+const Welcome = ({ showApp }: { showApp: () => void }) => (
   <Main>
     <Title>Welcome to storybook</Title>
     <p>This is a UI component dev environment for your app.</p>
diff --git a/app/react/src/server/__mocks__/mockConfig.js b/app/react/src/server/__mocks__/mockConfig.ts
similarity index 100%
rename from app/react/src/server/__mocks__/mockConfig.js
rename to app/react/src/server/__mocks__/mockConfig.ts
diff --git a/app/react/src/server/__mocks__/mockRules.js b/app/react/src/server/__mocks__/mockRules.ts
similarity index 100%
rename from app/react/src/server/__mocks__/mockRules.js
rename to app/react/src/server/__mocks__/mockRules.ts
diff --git a/app/react/src/server/__snapshots__/cra-config.test.js.snap b/app/react/src/server/__snapshots__/cra-config.test.ts.snap
similarity index 100%
rename from app/react/src/server/__snapshots__/cra-config.test.js.snap
rename to app/react/src/server/__snapshots__/cra-config.test.ts.snap
diff --git a/app/react/src/server/build.js b/app/react/src/server/build.ts
old mode 100755
new mode 100644
similarity index 100%
rename from app/react/src/server/build.js
rename to app/react/src/server/build.ts
diff --git a/app/react/src/server/cra-config.test.js b/app/react/src/server/cra-config.test.ts
similarity index 95%
rename from app/react/src/server/cra-config.test.js
rename to app/react/src/server/cra-config.test.ts
index f7afea9a12e..35eb39a0db0 100644
--- a/app/react/src/server/cra-config.test.js
+++ b/app/react/src/server/cra-config.test.ts
@@ -18,7 +18,7 @@ jest.mock('mini-css-extract-plugin', () => {});
 
 const SCRIPT_PATH = '.bin/react-scripts';
 
-const stripCwd = loaderPath => loaderPath.replace(process.cwd(), '');
+const stripCwd = (loaderPath: string) => loaderPath.replace(process.cwd(), '');
 
 describe('cra-config', () => {
   describe('when used with the default react-scripts package', () => {
@@ -92,7 +92,9 @@ exit $ret`
     // Allows using TypeScript in the `.storybook` (or config) folder.
     it('should add the Storybook config directory to `include`', () => {
       const rules = getTypeScriptRules(mockRules, './.storybook');
-      expect(rules[0].include.findIndex(string => string.includes('.storybook'))).toEqual(1);
+      expect(rules[0].include.findIndex((string: string) => string.includes('.storybook'))).toEqual(
+        1
+      );
     });
 
     it('should get the baseUrl from a tsconfig.json', () => {
diff --git a/app/react/src/server/cra-config.js b/app/react/src/server/cra-config.ts
similarity index 90%
rename from app/react/src/server/cra-config.js
rename to app/react/src/server/cra-config.ts
index 15be0ff5257..330cc7f9738 100644
--- a/app/react/src/server/cra-config.js
+++ b/app/react/src/server/cra-config.ts
@@ -1,6 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import semver from 'semver';
+import { Configuration, Plugin, RuleSetRule } from 'webpack';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import { normalizeCondition } from 'webpack/lib/RuleSet';
 import { logger } from '@storybook/node-logger';
@@ -13,9 +14,9 @@ const cssExtensions = ['.css', '.scss', '.sass'];
 const cssModuleExtensions = ['.module.css', '.module.scss', '.module.sass'];
 const typeScriptExtensions = ['.ts', '.tsx'];
 
-let reactScriptsPath;
+let reactScriptsPath: string;
 
-export function getReactScriptsPath({ noCache } = {}) {
+export function getReactScriptsPath({ noCache }: { noCache?: boolean } = {}) {
   if (reactScriptsPath && !noCache) return reactScriptsPath;
 
   let reactScriptsScriptPath = fs.realpathSync(
@@ -69,8 +70,8 @@ export function isReactScriptsInstalled(requiredVersion = '2.0.0') {
   }
 }
 
-export const getRules = extensions => rules =>
-  rules.reduce((craRules, rule) => {
+export const getRules = (extensions: string[]) => (rules: RuleSetRule[]) =>
+  rules.reduce((craRules: any, rule: any) => {
     // If at least one extension satisfies the rule test, the rule is one
     // we want to extract
     if (rule.test && extensions.some(normalizeCondition(rule.test))) {
@@ -93,7 +94,7 @@ export const getRules = extensions => rules =>
 
 const getStyleRules = getRules(cssExtensions.concat(cssModuleExtensions));
 
-export const getTypeScriptRules = (webpackConfigRules, configDir) => {
+export const getTypeScriptRules = (webpackConfigRules: RuleSetRule[], configDir: string) => {
   const rules = getRules(typeScriptExtensions)(webpackConfigRules);
   // We know CRA only has one rule targetting TS for now, which is the first rule.
   const babelRule = rules[0];
@@ -126,7 +127,7 @@ export const getModulePath = () => {
   return false;
 };
 
-function mergePlugins(basePlugins, additionalPlugins) {
+function mergePlugins(basePlugins: Plugin[], additionalPlugins: Plugin[]) {
   return [...basePlugins, ...additionalPlugins].reduce((plugins, plugin) => {
     if (
       plugins.some(includedPlugin => includedPlugin.constructor.name === plugin.constructor.name)
@@ -137,7 +138,7 @@ function mergePlugins(basePlugins, additionalPlugins) {
   }, []);
 }
 
-export function getCraWebpackConfig(mode) {
+export function getCraWebpackConfig(mode: 'development' | 'production' | 'none') {
   const pathToReactScripts = getReactScriptsPath();
 
   const craWebpackConfig =
@@ -159,7 +160,7 @@ export function getCraWebpackConfig(mode) {
   return webpackConfig;
 }
 
-export function applyCRAWebpackConfig(baseConfig, configDir) {
+export function applyCRAWebpackConfig(baseConfig: Configuration, configDir: string): Configuration {
   // Check if the user can use TypeScript (react-scripts version 2.1+).
   const hasTsSupport = isReactScriptsInstalled('2.1.0');
 
diff --git a/app/react/src/server/framework-preset-cra.js b/app/react/src/server/framework-preset-cra.ts
similarity index 81%
rename from app/react/src/server/framework-preset-cra.js
rename to app/react/src/server/framework-preset-cra.ts
index c742566d92a..18c075f7c87 100644
--- a/app/react/src/server/framework-preset-cra.js
+++ b/app/react/src/server/framework-preset-cra.ts
@@ -1,8 +1,9 @@
 import path from 'path';
+import { Configuration } from 'webpack';
 import { logger } from '@storybook/node-logger';
 import { applyCRAWebpackConfig, getReactScriptsPath, isReactScriptsInstalled } from './cra-config';
 
-export function webpackFinal(config, { configDir }) {
+export function webpackFinal(config: Configuration, { configDir }: { configDir: string }) {
   if (!isReactScriptsInstalled()) {
     logger.info('=> Using base config because react-scripts is not installed.');
     return config;
@@ -12,7 +13,7 @@ export function webpackFinal(config, { configDir }) {
   return applyCRAWebpackConfig(config, configDir);
 }
 
-export function managerWebpack(config) {
+export function managerWebpack(config: Configuration) {
   if (!isReactScriptsInstalled()) {
     return config;
   }
@@ -25,7 +26,7 @@ export function managerWebpack(config) {
   };
 }
 
-export function babelDefault(config) {
+export function babelDefault(config: Configuration) {
   if (!isReactScriptsInstalled()) {
     return config;
   }
diff --git a/app/react/src/server/framework-preset-react-docgen.test.js b/app/react/src/server/framework-preset-react-docgen.test.ts
similarity index 93%
rename from app/react/src/server/framework-preset-react-docgen.test.js
rename to app/react/src/server/framework-preset-react-docgen.test.ts
index 359f27689de..1b1f0e27ca8 100644
--- a/app/react/src/server/framework-preset-react-docgen.test.js
+++ b/app/react/src/server/framework-preset-react-docgen.test.ts
@@ -1,3 +1,4 @@
+import { TransformOptions } from '@babel/core';
 import * as preset from './framework-preset-react-docgen';
 
 describe('framework-preset-react-docgen', () => {
@@ -28,10 +29,10 @@ describe('framework-preset-react-docgen', () => {
   });
 
   it('should return the config with the extra plugins when `plugins` is not an array.', () => {
-    const babelConfig = {
+    const babelConfig: TransformOptions = {
       babelrc: false,
       presets: ['env', 'foo-preset'],
-      plugins: 'bar-plugin',
+      plugins: ['bar-plugin'],
     };
 
     const config = preset.babel(babelConfig);
diff --git a/app/react/src/server/framework-preset-react-docgen.js b/app/react/src/server/framework-preset-react-docgen.ts
similarity index 84%
rename from app/react/src/server/framework-preset-react-docgen.js
rename to app/react/src/server/framework-preset-react-docgen.ts
index 5d344f6cf92..08a8fecc07f 100644
--- a/app/react/src/server/framework-preset-react-docgen.js
+++ b/app/react/src/server/framework-preset-react-docgen.ts
@@ -1,4 +1,6 @@
-export function babel(config) {
+import { TransformOptions } from '@babel/core';
+
+export function babel(config: TransformOptions) {
   // Ensure plugins are defined or fallback to an array to avoid empty values.
   const babelConfigPlugins = config.plugins || [];
 
diff --git a/app/react/src/server/framework-preset-react.js b/app/react/src/server/framework-preset-react.ts
similarity index 77%
rename from app/react/src/server/framework-preset-react.js
rename to app/react/src/server/framework-preset-react.ts
index c0be957bc4f..23d9151b636 100644
--- a/app/react/src/server/framework-preset-react.js
+++ b/app/react/src/server/framework-preset-react.ts
@@ -1,4 +1,6 @@
-export function babelDefault(config) {
+import { TransformOptions } from '@babel/core';
+
+export function babelDefault(config: TransformOptions) {
   return {
     ...config,
     presets: [
diff --git a/app/react/src/server/index.js b/app/react/src/server/index.ts
old mode 100755
new mode 100644
similarity index 100%
rename from app/react/src/server/index.js
rename to app/react/src/server/index.ts
diff --git a/app/react/src/server/options.js b/app/react/src/server/options.ts
similarity index 81%
rename from app/react/src/server/options.js
rename to app/react/src/server/options.ts
index dd787ee5878..04dc76219b3 100644
--- a/app/react/src/server/options.js
+++ b/app/react/src/server/options.ts
@@ -1,4 +1,4 @@
-import packageJson from '../../package.json';
+const packageJson = require('../../package.json');
 
 export default {
   packageJson,
diff --git a/app/react/src/typings.d.ts b/app/react/src/typings.d.ts
new file mode 100644
index 00000000000..10c6c8e3f99
--- /dev/null
+++ b/app/react/src/typings.d.ts
@@ -0,0 +1,4 @@
+declare module '@storybook/core/*';
+declare module 'global';
+// todo check for correct types
+declare module 'webpack/lib/RuleSet';
diff --git a/app/react/tsconfig.json b/app/react/tsconfig.json
new file mode 100644
index 00000000000..29fcd6ad6a2
--- /dev/null
+++ b/app/react/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"],
+    "resolveJsonModule": true
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/**/*.test.*"
+  ]
+}
diff --git a/app/riot/package.json b/app/riot/package.json
index feb62192c30..ab4d8d33037 100644
--- a/app/riot/package.json
+++ b/app/riot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/riot",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/svelte/package.json b/app/svelte/package.json
index f70d151620f..edd84592eba 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/vue/package.json b/app/vue/package.json
index ead988d61de..b388d56e887 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.31",
+    "@storybook/core": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/vue/src/client/preview/index.js b/app/vue/src/client/preview/index.js
index 71d6fbe03b7..b8342932c8f 100644
--- a/app/vue/src/client/preview/index.js
+++ b/app/vue/src/client/preview/index.js
@@ -46,13 +46,18 @@ function decorateStory(getStory, decorators) {
 
       const decoratedStory = decorator((p = {}) => {
         story = decorated(
-          Object.assign(
-            context,
-            p,
-            { parameters: Object.assign(context.parameters || {}, p.parameters) },
-            { options: Object.assign(context.options || {}, p.options) }
-          )
+          p
+            ? {
+                ...context,
+                ...p,
+                parameters: {
+                  ...context.parameters,
+                  ...p.parameters,
+                },
+              }
+            : context
         );
+
         return story;
       }, context);
 
diff --git a/dev-kits/addon-decorator/README.md b/dev-kits/addon-decorator/README.md
new file mode 100644
index 00000000000..d3a7de7499c
--- /dev/null
+++ b/dev-kits/addon-decorator/README.md
@@ -0,0 +1,12 @@
+# example addon: decorator
+
+This addon exposes a function users can use to wrap their storyFn with. This is called a decorator in storybook's terminology.
+
+A decorator can perform analysis on the storyFn, detect how long it takes to render, detect side-effects, and have access to the storyContext.
+
+It's also possible to wrap the results with some additional html/jsx or provide additional data to the storyFn.
+
+Uses include:
+- do side-effects detection
+- wrap story with additional html
+- add data to storyFn
diff --git a/dev-kits/addon-decorator/package.json b/dev-kits/addon-decorator/package.json
new file mode 100644
index 00000000000..b13e0e30d6f
--- /dev/null
+++ b/dev-kits/addon-decorator/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "@storybook/addon-decorator",
+  "version": "5.2.0-alpha.44",
+  "description": "decorator addon for storybook",
+  "keywords": [
+    "devkit",
+    "addon",
+    "storybook",
+    "decorator"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/master/addons/actions",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "addons/actions"
+  },
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "prepare": "node ../../scripts/prepare.js"
+  },
+  "dependencies": {
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "core-js": "^3.0.1",
+    "global": "^3.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/dev-kits/addon-decorator/src/constants.ts b/dev-kits/addon-decorator/src/constants.ts
new file mode 100644
index 00000000000..a8767864188
--- /dev/null
+++ b/dev-kits/addon-decorator/src/constants.ts
@@ -0,0 +1 @@
+export const ADDON_ID = 'storybook/decorator';
diff --git a/dev-kits/addon-decorator/src/index.ts b/dev-kits/addon-decorator/src/index.ts
new file mode 100644
index 00000000000..73952b007c4
--- /dev/null
+++ b/dev-kits/addon-decorator/src/index.ts
@@ -0,0 +1,21 @@
+/* eslint-disable no-console */
+import { document } from 'global';
+import { useEffect } from '@storybook/client-api';
+
+const root = document && document.getElementById('root');
+
+export const createDecorator = () => (options: any) => (storyFn: () => any) => {
+  useEffect(() => {
+    if (root != null) {
+      console.log('story was rendered');
+      return () => {
+        console.log('story was removed');
+      };
+    }
+    return undefined;
+  }, [root, options]);
+
+  return storyFn();
+};
+
+export const withDecorator = createDecorator();
diff --git a/dev-kits/addon-decorator/src/typings.d.ts b/dev-kits/addon-decorator/src/typings.d.ts
new file mode 100644
index 00000000000..5d85a4ae4c0
--- /dev/null
+++ b/dev-kits/addon-decorator/src/typings.d.ts
@@ -0,0 +1,3 @@
+// TODO: following packages need definition files or a TS migration
+declare module 'global';
+declare module 'react-inspector';
diff --git a/dev-kits/addon-decorator/tsconfig.json b/dev-kits/addon-decorator/tsconfig.json
new file mode 100644
index 00000000000..8876bb6737a
--- /dev/null
+++ b/dev-kits/addon-decorator/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "src/__tests__/**/*"
+  ]
+}
diff --git a/dev-kits/addon-parameter/package.json b/dev-kits/addon-parameter/package.json
index 443dff82606..121ea7e80e7 100644
--- a/dev-kits/addon-parameter/package.json
+++ b/dev-kits/addon-parameter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-parameter",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "parameter addon for storybook",
   "keywords": [
     "devkit",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-parameter/src/register.tsx b/dev-kits/addon-parameter/src/register.tsx
index 8a365752b30..924fb3d1b1b 100644
--- a/dev-kits/addon-parameter/src/register.tsx
+++ b/dev-kits/addon-parameter/src/register.tsx
@@ -1,4 +1,4 @@
-import React, { Fragment, useMemo } from 'react';
+import React, { useMemo } from 'react';
 
 import { useParameter } from '@storybook/api';
 import { addons, types } from '@storybook/addons';
diff --git a/dev-kits/addon-roundtrip/package.json b/dev-kits/addon-roundtrip/package.json
index daa935cfcbd..48fdf0fca3c 100644
--- a/dev-kits/addon-roundtrip/package.json
+++ b/dev-kits/addon-roundtrip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-roundtrip",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "roundtrip addon for storybook",
   "keywords": [
     "devkit",
@@ -24,12 +24,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-roundtrip/src/index.ts b/dev-kits/addon-roundtrip/src/index.ts
index 40f050b7860..6bbb89a2f3c 100644
--- a/dev-kits/addon-roundtrip/src/index.ts
+++ b/dev-kits/addon-roundtrip/src/index.ts
@@ -1,14 +1,11 @@
-import { addons } from '@storybook/addons';
+import { useChannel } from '@storybook/client-api';
 import { EVENTS } from './constants';
 
-const run = async () => {
-  const channel = await addons.ready();
-
-  channel.on(EVENTS.REQUEST, () => {
-    // do something in the preview context
-    // then report back to the manager
-    channel.emit(EVENTS.RESULT, ['from the preview']);
+export const withRoundtrip = (storyFn: () => any) => {
+  const emit = useChannel({
+    [EVENTS.REQUEST]: () => {
+      emit(EVENTS.RESULT, ['from the preview']);
+    },
   });
+  return storyFn();
 };
-
-run();
diff --git a/docs/package.json b/docs/package.json
index 6267ab5887e..6b07a551561 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -15,10 +15,10 @@
     "serve": "gatsby serve"
   },
   "dependencies": {
-    "@storybook/components": "5.2.0-alpha.23",
-    "@storybook/theming": "5.2.0-alpha.23",
+    "@storybook/components": "5.2.0-alpha.40",
+    "@storybook/theming": "5.2.0-alpha.40",
     "babel-loader": "^6.4.1",
-    "babel-plugin-styled-components": "^1.10.1",
+    "babel-plugin-styled-components": "^1.10.6",
     "bootstrap": "^4.3.1",
     "common-tags": "^1.8.0",
     "gatsby": "^1.9.279",
@@ -33,10 +33,10 @@
     "gatsby-source-filesystem": "^1.5.39",
     "gatsby-transformer-remark": "^1.7.44",
     "global": "^4.4.0",
-    "html-react-parser": "^0.8.0",
+    "html-react-parser": "^0.8.1",
     "is-builtin-module": "^3.0.0",
-    "lodash": "^4.17.11",
-    "marked": "^0.6.2",
+    "lodash": "^4.17.13",
+    "marked": "^0.7.0",
     "polished": "^3.4.1",
     "prop-types": "^15.7.2",
     "react": "^16.8.6",
@@ -47,7 +47,7 @@
     "react-router": "^4.3.1",
     "react-stack-grid": "^0.7.1",
     "recompose": "^0.30.0",
-    "sitemap": "^2.2.0",
+    "sitemap": "^3.2.1",
     "styled-components": "^4.3.2",
     "validatorjs": "^3.15.1"
   }
diff --git a/docs/src/new-components/basics/tooltip/WithTooltip.js b/docs/src/new-components/basics/tooltip/WithTooltip.js
index ddbef62ab42..35b02696111 100644
--- a/docs/src/new-components/basics/tooltip/WithTooltip.js
+++ b/docs/src/new-components/basics/tooltip/WithTooltip.js
@@ -1,9 +1,8 @@
 /* eslint-disable react/prop-types */
-import React from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import TooltipTrigger from 'react-popper-tooltip';
-import { withState } from 'recompose';
 
 import Tooltip from './Tooltip';
 
@@ -27,10 +26,12 @@ function WithTooltip({
   hasChrome,
   tooltip,
   children,
-  tooltipShown,
-  onVisibilityChange,
+  startOpen,
+  // tooltipShown,
+  // onVisibilityChange,
   ...props
 }) {
+  const [tooltipShown, onVisibilityChange] = useState(startOpen);
   const Container = svg ? TargetSvgContainer : TargetContainer;
   return (
     <TooltipTrigger
@@ -90,6 +91,4 @@ WithTooltip.defaultProps = {
   hasChrome: true,
 };
 
-export default withState('tooltipShown', 'onVisibilityChange', ({ startOpen }) => startOpen)(
-  WithTooltip
-);
+export default WithTooltip;
diff --git a/docs/src/pages/addons/using-addons/index.md b/docs/src/pages/addons/using-addons/index.md
index 42cec71d9e4..cbfcb08e0ca 100644
--- a/docs/src/pages/addons/using-addons/index.md
+++ b/docs/src/pages/addons/using-addons/index.md
@@ -65,6 +65,29 @@ 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 { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import Button from './Button';
+
+storiesOf('Button', module).add(
+  'with some emoji',
+  () => (
+    <Button onClick={action('clicked')}>
+      <span role="img" aria-label="so cool">
+        😀 😎 👍 💯
+      </span>
+    </Button>
+  ),
+  { notes: { disabled: true } }
+);
+```
+
 ## Global Configuration
 
 Sometimes you might want to configure an addon globally, as in the case of collocating stories with components, or just simply to keep your stories file cleaner. To do that, you can add your decorators to a config file, typically in `.storybook/config.js`. Here's an example of how you might do that.
diff --git a/docs/src/pages/addons/writing-addons/index.md b/docs/src/pages/addons/writing-addons/index.md
index 6e4d5338bff..8e3380cd92e 100644
--- a/docs/src/pages/addons/writing-addons/index.md
+++ b/docs/src/pages/addons/writing-addons/index.md
@@ -89,6 +89,7 @@ addons.register(ADDON_ID, api => {
     type: types.PANEL,
     title,
     render,
+    paramKey: PARAM_KEY,
   });
 });
 ```
@@ -246,6 +247,34 @@ storiesOf('Button', module)
   });
 ```
 
+### 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
+storiesOf('Button', module)
+  .add('with text', () => <Button>Hello Button</Button>, {
+    myAddon: {
+      disabled: true,
+    },
+  });
+```
+
+
 ## Styling your addon
 
 We use [emotion](https://emotion.sh) for styling, AND we provide a theme which can be set by the user!
diff --git a/docs/src/pages/testing/automated-visual-testing/index.md b/docs/src/pages/testing/automated-visual-testing/index.md
index 55238ef5d2f..3ebd7d42b3e 100644
--- a/docs/src/pages/testing/automated-visual-testing/index.md
+++ b/docs/src/pages/testing/automated-visual-testing/index.md
@@ -34,10 +34,12 @@ Another issue is that these tests are often slow compared to more lightweight un
 
 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)
+- [Chromatic](https://www.chromaticqa.com) made by Storybook maintainers
 - [Happo](https://happo.io)
 - [Loki](https://loki.js.org/)
 - [Percy](https://docs.percy.io/docs/storybook-for-react)
diff --git a/docs/src/templates/_docstemplate.jsx b/docs/src/templates/_docstemplate.jsx
index 36f49d66bbd..b82c39f4b87 100644
--- a/docs/src/templates/_docstemplate.jsx
+++ b/docs/src/templates/_docstemplate.jsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React from 'react';
 import PropTypes from 'prop-types';
 import capitalize from 'lodash/capitalize';
diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json
index 435954e59b1..f5461f7ccb6 100644
--- a/docs/src/versions/next.json
+++ b/docs/src/versions/next.json
@@ -1 +1 @@
-{"version":"5.2.0-alpha.31","info":{"plain":"### Breaking Changes\n\n* Module format: story field for name/parameters annotation ([#7202](https://github.com/storybookjs/storybook/pull/7202))\n\n### Features\n\n* Core: Story sorting ([#6472](https://github.com/storybookjs/storybook/pull/6472))\n\n### Maintenance\n\n* Addon-docs: Fix source-loader CI errors ([#7203](https://github.com/storybookjs/storybook/pull/7203))"}}
\ No newline at end of file
+{"version":"5.2.0-alpha.44","info":{"plain":"### Features\n\n* CLI: Add migrate command ([#7414](https://github.com/storybookjs/storybook/pull/7414))\n\n### Bug Fixes\n\n* UI: Fix Panel rendered wrong at Docs-page ([#7327](https://github.com/storybookjs/storybook/pull/7327))\n\n### Maintenance\n\n* Typescript: Fix types of client-api & storystore ([#7337](https://github.com/storybookjs/storybook/pull/7337))"}}
\ No newline at end of file
diff --git a/docs/yarn.lock b/docs/yarn.lock
index 56b317a50c5..1e672827445 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -254,17 +254,6 @@
   dependencies:
     "@ndhoule/each" "^2.0.1"
 
-"@reach/router@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@reach/router/-/router-1.2.1.tgz#34ae3541a5ac44fa7796e5506a5d7274a162be4e"
-  integrity sha512-kTaX08X4g27tzIFQGRukaHmNbtMYDS3LEWIS8+l6OayGIw6Oyo1HIF/JzeuR2FoF9z6oV+x/wJSVSq4v8tcUGQ==
-  dependencies:
-    create-react-context "^0.2.1"
-    invariant "^2.2.3"
-    prop-types "^15.6.1"
-    react-lifecycles-compat "^3.0.4"
-    warning "^3.0.0"
-
 "@segment/snippet@^4.0.1":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@segment/snippet/-/snippet-4.4.0.tgz#153f17b8048a2764bbb1343a61f3c3c24da038e2"
@@ -272,21 +261,21 @@
   dependencies:
     "@ndhoule/map" "^2.0.1"
 
-"@storybook/client-logger@5.2.0-alpha.23":
-  version "5.2.0-alpha.23"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-5.2.0-alpha.23.tgz#c59078b0041b8f443edeb24841e4b7a4908e3d0c"
-  integrity sha512-2TdYE+LBfmiiefRPt3DXVfRAxIu28vkc5pksgCbEwk1jscL6rAtD423HvcwhNR2nMdIDTzjBjkxq0ISp5dEmxw==
+"@storybook/client-logger@5.2.0-alpha.40":
+  version "5.2.0-alpha.40"
+  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-5.2.0-alpha.40.tgz#b922a7d2a114728b9b07ffa9dc5ebf9421cf898c"
+  integrity sha512-3Z69LoAhUcM3XupVM0Ej2uE2fPJl0l0rIeYfEAP0oWyazaVSBDJNhFGZ6Zj6+CpzWvT3d08kX9apj/4YAFhXBw==
   dependencies:
     core-js "^3.0.1"
 
-"@storybook/components@5.2.0-alpha.23":
-  version "5.2.0-alpha.23"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-5.2.0-alpha.23.tgz#df38d9dc5cf8245025dec25b247f4ce1b593f2c6"
-  integrity sha512-NaeB+r3eZPoyfZ6FrZk58Sy4zJVoTpVLhUHpc1cAhlQol8chuptUxreBDo6aRFYtVKOd/9rnyU/7B32ddxI+OA==
+"@storybook/components@5.2.0-alpha.40":
+  version "5.2.0-alpha.40"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-5.2.0-alpha.40.tgz#306b29fcc464916372a672d71704c45b0e910137"
+  integrity sha512-BXw6wNudzijGpeQoMGhqUfcC0wlLnfMJVnBJqPYODgVBIBgv/Yz+m2akzV0sJkI2+nx99sAdkPAkMyrXi7bv3Q==
   dependencies:
-    "@storybook/client-logger" "5.2.0-alpha.23"
-    "@storybook/router" "5.2.0-alpha.23"
-    "@storybook/theming" "5.2.0-alpha.23"
+    "@storybook/client-logger" "5.2.0-alpha.40"
+    "@storybook/theming" "5.2.0-alpha.40"
+    "@types/react-syntax-highlighter" "10.1.0"
     core-js "^3.0.1"
     global "^4.3.2"
     markdown-to-jsx "^6.9.1"
@@ -295,7 +284,6 @@
     popper.js "^1.14.7"
     prop-types "^15.7.2"
     react "^16.8.3"
-    react-addons-create-fragment "^15.6.2"
     react-dom "^16.8.3"
     react-focus-lock "^1.18.3"
     react-helmet-async "^1.0.2"
@@ -305,25 +293,14 @@
     recompose "^0.30.0"
     simplebar-react "^1.0.0-alpha.6"
 
-"@storybook/router@5.2.0-alpha.23":
-  version "5.2.0-alpha.23"
-  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-5.2.0-alpha.23.tgz#ce3d1bf997ad0e18925fb270d48a92514242e456"
-  integrity sha512-eTjJUN3GzwCHIR+nXzcVNEqvr/dlJExhC68JmkQ8QuabHXodnhWYLRyrUNc8ATJjUxdlc2VT/PBj0xq+PsUuHg==
-  dependencies:
-    "@reach/router" "^1.2.1"
-    core-js "^3.0.1"
-    global "^4.3.2"
-    memoizerific "^1.11.3"
-    qs "^6.6.0"
-
-"@storybook/theming@5.2.0-alpha.23":
-  version "5.2.0-alpha.23"
-  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.2.0-alpha.23.tgz#8f0ae7345416b605db619896656393f567a72396"
-  integrity sha512-8kUpX7ojq4pZH082MOxTC3lHLBrO7POwKrmviZHMWt+93FvaLfSerl9CK0lbEbWt+L8ZdsG+cXRNJbc+PJEI7A==
+"@storybook/theming@5.2.0-alpha.40":
+  version "5.2.0-alpha.40"
+  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.2.0-alpha.40.tgz#ec80469d96cf291f34e14db0f843b827bce53294"
+  integrity sha512-Z5jUxLconKPTbCHCeyv6MlI0IHPpIJt3RSA311XxA/mninxI3TlH98LgC4cwkFvNeTVG0kcbr4bZ1AcWYQQxdA==
   dependencies:
     "@emotion/core" "^10.0.9"
     "@emotion/styled" "^10.0.7"
-    "@storybook/client-logger" "5.2.0-alpha.23"
+    "@storybook/client-logger" "5.2.0-alpha.40"
     common-tags "^1.8.0"
     core-js "^3.0.1"
     deep-object-diff "^1.1.0"
@@ -420,6 +397,13 @@
     "@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@*":
   version "16.8.16"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-16.8.16.tgz#2bf980b4fb29cceeb01b2c139b3e185e57d3e08e"
@@ -1097,10 +1081,10 @@ babel-plugin-macros@^2.0.0:
     cosmiconfig "^5.2.0"
     resolve "^1.10.0"
 
-"babel-plugin-styled-components@>= 1", babel-plugin-styled-components@^1.10.1:
-  version "1.10.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.10.1.tgz#cc89ac5a13476ce675e13fbe53a826f9bb0ca4cd"
-  integrity sha512-F6R2TnPGNN6iuXCs0xQ+EsrunwNoWI55J5I8Pkd/+fzzbv1I4gFgTaZepMOVpLobYWU2XaLIm+73L0zD3CnOdQ==
+"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"
@@ -2978,12 +2962,7 @@ core-js@^1.0.0, core-js@^1.2.6:
   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.5"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.5.tgz#44bc8d249e7fb2ff5d00e0341a7ffb94fbf67895"
-  integrity sha512-klh/kDpwX8hryYL14M9w/xei6vrv6sE8gTHDG7/T/+SEovB/G4ejwcfE/CBzO6Edsu+OETZMZ3wcX/EjUkrl5A==
-
-core-js@^2.4.1:
+core-js@^2.4.0, core-js@^2.4.1, 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==
@@ -3063,14 +3042,6 @@ create-react-context@<=0.2.2:
     fbjs "^0.8.0"
     gud "^1.0.0"
 
-create-react-context@^0.2.1:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.2.3.tgz#9ec140a6914a22ef04b8b09b7771de89567cb6f3"
-  integrity sha512-CQBmD0+QGgTaxDL3OX1IDXYqjkp2It4RIbcb99jS6AEg27Ga+a9G3JtK6SIu0HBwPLZlmwt9F7UwWA4Bn92Rag==
-  dependencies:
-    fbjs "^0.8.0"
-    gud "^1.0.0"
-
 cross-env@^3.1.1:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-3.2.4.tgz#9e0585f277864ed421ce756f81a980ff0d698aba"
@@ -4410,7 +4381,7 @@ fbjs@1.0.0:
     setimmediate "^1.0.5"
     ua-parser-js "^0.7.18"
 
-fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.14, fbjs@^0.8.4, fbjs@^0.8.9:
+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=
@@ -5830,10 +5801,10 @@ html-entities@^1.2.0:
   resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.2.1.tgz#0df29351f0721163515dfb9e5543e5f6eed5162f"
   integrity sha1-DfKTUfByEWNRXfueVUPl9u7VFi8=
 
-html-react-parser@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/html-react-parser/-/html-react-parser-0.8.0.tgz#691a9d31153a87a16eb5ed4d6a08da5b18e0c9de"
-  integrity sha512-R5tkVKQ5pZzPzYUG5GlSoGvrDi46/K04JDwK9iRYVSVkvcF/3fN5JDEwnMmcnh8d9o8moSV7WaU/49TJGghYWg==
+html-react-parser@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/html-react-parser/-/html-react-parser-0.8.1.tgz#f42197e910995bdc7979f0a04267e85e34f52834"
+  integrity sha512-XUU/7JZuXehhLwnw0Vtpr8dxDEKwTrCFSRDUFmfKPA786vb7gIimvYXyIcxhrtg0Z8ZGEaYRUwL+fYUB8AbAhQ==
   dependencies:
     "@types/domhandler" "2.4.1"
     html-dom-parser "0.2.2"
@@ -6112,7 +6083,7 @@ interpret@^1.0.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.3, invariant@^2.2.4:
+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==
@@ -7101,9 +7072,9 @@ locate-path@^2.0.0:
     path-exists "^3.0.0"
 
 lodash-es@^4.2.1:
-  version "4.17.11"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.11.tgz#145ab4a7ac5c5e52a3531fb4f310255a152b4be0"
-  integrity sha512-DHb1ub+rMjjrxqlB3H56/6MXtm1lSksDp2rA2cNWjG8mlDUYFhUj3Di2Zn5IwSU87xLv8tNIQ7sSwE/YOX/D/Q==
+  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"
@@ -7180,6 +7151,11 @@ lodash.camelcase@^4.3.0:
   resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
   integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
 
+lodash.chunk@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/lodash.chunk/-/lodash.chunk-4.2.0.tgz#66e5ce1f76ed27b4303d8c6512e8d1216e8106bc"
+  integrity sha1-ZuXOH3btJ7QwPYxlEujRIW6BBrw=
+
 lodash.clonedeep@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
@@ -7289,14 +7265,14 @@ lodash.memoize@^4.1.2:
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
 lodash.merge@^4.4.0:
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.1.tgz#adc25d9cb99b9391c59624f379fbba60d7111d54"
-  integrity sha512-AOYza4+Hf5z1/0Hztxpm2/xiPZgi/cjMqdnKTUWTBSKchJlxXXuUSxCCl8rJlf4g6yww/j6mA8nC8Hw/EZWxKQ==
+  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.1"
-  resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz#639057e726c3afbdb3e7d42741caa8d6e4335927"
-  integrity sha512-eWw5r+PYICtEBgrBE5hhlT6aAa75f411bgDz/ZL2KZqYV03USvucsxcHUIlGTDTECs1eunpI7HOV7U+WLDvNdQ==
+  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"
@@ -7308,7 +7284,7 @@ lodash.padend@^4.1.0:
   resolved "https://registry.yarnpkg.com/lodash.padend/-/lodash.padend-4.6.1.tgz#53ccba047d06e158d311f45da625f4e49e6f166e"
   integrity sha1-U8y6BH0G4VjTEfRdpiX05J5vFm4=
 
-lodash.padstart@^4.1.0:
+lodash.padstart@^4.1.0, lodash.padstart@^4.6.1:
   version "4.6.1"
   resolved "https://registry.yarnpkg.com/lodash.padstart/-/lodash.padstart-4.6.1.tgz#d2e3eebff0d9d39ad50f5cbd1b52a7bce6bb611b"
   integrity sha1-0uPuv/DZ05rVD1y9G1KnvOa7YRs=
@@ -7338,6 +7314,11 @@ lodash.some@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.some/-/lodash.some-4.6.0.tgz#1bb9f314ef6b8baded13b549169b2a945eb68e4d"
   integrity sha1-G7nzFO9ri63tE7VJFpsqlF62jk0=
 
+lodash.sortby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
+  integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
+
 lodash.template@^3.0.0:
   version "3.6.2"
   resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-3.6.2.tgz#f8cdecc6169a255be9098ae8b0c53d378931d14f"
@@ -7396,10 +7377,10 @@ lodash@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.2, lodash@^4.17.4, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.6.1:
-  version "4.17.11"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
-  integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==
+lodash@4, lodash@^4.1.0, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, 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.13"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.13.tgz#0bdc3a6adc873d2f4e0c4bac285df91b64fc7b93"
+  integrity sha512-vm3/XWXfWtRua0FkUyEHBZy8kCPjErNBT9fJx8Zvs+U6zjqPbTUOpkaoum3O5uiA8sm+yNMHXfYkTUHFoMxFNA==
 
 lodash@4.11.1:
   version "4.11.1"
@@ -7560,10 +7541,10 @@ markdown-to-jsx@^6.9.1:
     prop-types "^15.6.2"
     unquote "^1.1.0"
 
-marked@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/marked/-/marked-0.6.2.tgz#c574be8b545a8b48641456ca1dbe0e37b6dccc1a"
-  integrity sha512-LqxwVH3P/rqKX4EKGz7+c2G9r98WeM/SW34ybhgNGhUQNKtf1GmmSkJ6cDGJ/t6tiyae49qRkpyTw2B9HOrgUA==
+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"
@@ -9706,11 +9687,6 @@ qs@6.5.2, qs@~6.5.2:
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
   integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
 
-qs@^6.6.0:
-  version "6.7.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
-  integrity sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==
-
 query-string@^4.1.0:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
@@ -9806,15 +9782,6 @@ react-15@0.2.0:
     fbjs "1.0.0"
     object-assign "4.1.1"
 
-react-addons-create-fragment@^15.6.2:
-  version "15.6.2"
-  resolved "https://registry.yarnpkg.com/react-addons-create-fragment/-/react-addons-create-fragment-15.6.2.tgz#a394de7c2c7becd6b5475ba1b97ac472ce7c74f8"
-  integrity sha1-o5TefCx77Na1R1uhuXrEcs58dPg=
-  dependencies:
-    fbjs "^0.8.4"
-    loose-envify "^1.3.1"
-    object-assign "^4.1.0"
-
 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"
@@ -9946,7 +9913,7 @@ react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1:
   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, react-lifecycles-compat@^3.0.4:
+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==
@@ -11228,14 +11195,15 @@ simplebar@^4.0.0-alpha.9:
     resize-observer-polyfill "^1.5.1"
     scrollbarwidth "^0.1.3"
 
-sitemap@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/sitemap/-/sitemap-2.2.0.tgz#98b8502762c5d7e8c77c9be5061dce85b326f1b0"
-  integrity sha512-9Zoi3UBhSIt5jWENDRUbzsqLMJ+Fha3P2aQ2PRghmh0FOivtHsC4FAJdkAEKHvATajd74BWp/57Yh7kz/UA53Q==
+sitemap@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/sitemap/-/sitemap-3.2.1.tgz#422ec208f5c0c70cb3a45c307ba5ec2782419636"
+  integrity sha512-n033QgXR8iBQu66hnpFXMHHRZhr7BTeTmRXhzqSsb1e5AMIkUxDcPpj+Nr9gtT1QpmeZIMR+mq2JHOEOgyZmaA==
   dependencies:
-    lodash "^4.17.10"
-    url-join "^4.0.0"
-    xmlbuilder "^10.0.0"
+    lodash.chunk "^4.2.0"
+    lodash.padstart "^4.6.1"
+    whatwg-url "^7.0.0"
+    xmlbuilder "^13.0.0"
 
 slash@^1.0.0:
   version "1.0.0"
@@ -12204,6 +12172,13 @@ toxic@^1.0.0:
   dependencies:
     lodash "^4.17.10"
 
+tr46@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
+  integrity sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=
+  dependencies:
+    punycode "^2.1.0"
+
 traceur@0.0.105:
   version "0.0.105"
   resolved "https://registry.yarnpkg.com/traceur/-/traceur-0.0.105.tgz#5cf9dee83d6b77861c3d6c44d53859aed7ab0479"
@@ -12560,11 +12535,6 @@ urix@^0.1.0:
   resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
   integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
 
-url-join@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.0.tgz#4d3340e807d3773bda9991f8305acdcc2a665d2a"
-  integrity sha1-TTNA6AfTdzvamZH4MFrNzCpmXSo=
-
 url-loader@^0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-0.6.2.tgz#a007a7109620e9d988d14bce677a1decb9a993f7"
@@ -12867,6 +12837,11 @@ web-namespaces@^1.0.0:
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-1.1.3.tgz#9bbf5c99ff0908d2da031f1d732492a96571a83f"
   integrity sha512-r8sAtNmgR0WKOKOxzuSgk09JsHlpKlB+uHi937qypOu3PZ17UxPrierFKDye/uNHjNTTEshu5PId8rojIPj/tA==
 
+webidl-conversions@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
+  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
+
 webpack-configurator@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/webpack-configurator/-/webpack-configurator-0.3.1.tgz#d16802afa674101a0cbfa6fc344d415c9649540b"
@@ -13013,6 +12988,15 @@ whatwg-fetch@>=0.10.0:
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz#fc804e458cc460009b1a2b966bc8817d2578aefb"
   integrity sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q==
 
+whatwg-url@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.0.0.tgz#fde926fa54a599f3adf82dff25a9f7be02dc6edd"
+  integrity sha512-37GeVSIJ3kn1JgKyjiYNmSLP1yzbpb29jdmwBSgkD9h40/hyrR/OifpVUndji3tmwGgD8qpw7iQu3RSbCrBpsQ==
+  dependencies:
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
+
 when@^3.7.5:
   version "3.7.8"
   resolved "https://registry.yarnpkg.com/when/-/when-3.7.8.tgz#c7130b6a7ea04693e842cdc9e7a1f2aa39a39f82"
@@ -13155,10 +13139,10 @@ xml2js@^0.4.5:
     sax ">=0.6.0"
     xmlbuilder "~9.0.1"
 
-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@^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"
diff --git a/examples-native/crna-kitchen-sink/App.js b/examples-native/crna-kitchen-sink/App.js
index cf84ee1adb0..cf409b5aa65 100644
--- a/examples-native/crna-kitchen-sink/App.js
+++ b/examples-native/crna-kitchen-sink/App.js
@@ -1,4 +1,6 @@
-export default from './storybook';
+import StorybookUIRoot from './storybook';
+
+export { StorybookUIRoot as default };
 
 // NOTE: The code below is what CRNA generates out of the box. We currently
 // have no clever way of replacing this with Storybook's UI (Vanilla RN does!)
diff --git a/examples-native/crna-kitchen-sink/metro.config.js b/examples-native/crna-kitchen-sink/metro.config.js
index 1f4f7e6fabd..1badc02560c 100644
--- a/examples-native/crna-kitchen-sink/metro.config.js
+++ b/examples-native/crna-kitchen-sink/metro.config.js
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 const path = require('path');
 const blacklist = require('metro-config/src/defaults/blacklist');
 
diff --git a/examples-native/crna-kitchen-sink/package.json b/examples-native/crna-kitchen-sink/package.json
index 060850ba9ea..75ff7ec8c85 100644
--- a/examples-native/crna-kitchen-sink/package.json
+++ b/examples-native/crna-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crna-kitchen-sink",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
@@ -24,21 +24,21 @@
   "devDependencies": {
     "@babel/core": "^7.2.2",
     "@babel/plugin-transform-react-jsx-source": "^7.2.0",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-ondevice-actions": "5.2.0-alpha.31",
-    "@storybook/addon-ondevice-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-ondevice-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-ondevice-notes": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/react-native": "5.2.0-alpha.31",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-ondevice-actions": "5.2.0-alpha.44",
+    "@storybook/addon-ondevice-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-ondevice-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-ondevice-notes": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/react-native": "5.2.0-alpha.44",
     "babel-loader": "^8.0.4",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-expo": "^5.1.1",
     "core-js": "^3.0.1",
     "expo-cli": "^2.17.1",
     "jest-expo": "^33.0.2",
-    "react-test-renderer": "16.5.1",
+    "react-test-renderer": "16.8.6",
     "schedule": "^0.5.0"
   },
   "workspaces": {
diff --git a/examples-native/crna-kitchen-sink/storybook/addons.js b/examples-native/crna-kitchen-sink/storybook/addons.js
index 8741fd55b89..e8a3976c753 100644
--- a/examples-native/crna-kitchen-sink/storybook/addons.js
+++ b/examples-native/crna-kitchen-sink/storybook/addons.js
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import '@storybook/addon-actions/register';
 import '@storybook/addon-links/register';
 import '@storybook/addon-options/register';
diff --git a/examples-native/crna-kitchen-sink/storybook/stories/index.js b/examples-native/crna-kitchen-sink/storybook/stories/index.js
index b1e80c977bd..a4fb250cbda 100644
--- a/examples-native/crna-kitchen-sink/storybook/stories/index.js
+++ b/examples-native/crna-kitchen-sink/storybook/stories/index.js
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import { Text } from 'react-native';
 
@@ -7,6 +8,7 @@ import { linkTo } from '@storybook/addon-links';
 import { withKnobs } from '@storybook/addon-knobs';
 import { withBackgrounds } from '@storybook/addon-ondevice-backgrounds';
 import knobsWrapper from './Knobs';
+// eslint-disable-next-line import/no-unresolved, import/extensions
 import Button from './Button';
 import CenterView from './CenterView';
 import Welcome from './Welcome';
@@ -20,19 +22,22 @@ addParameters({
   ],
 });
 
-storiesOf('Welcome', module).addParameters({
-  component: Welcome
-}).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />, {
-  notes: `
+storiesOf('Welcome', module)
+  .addParameters({
+    component: Welcome,
+  })
+  .add('to Storybook', () => <Welcome showApp={linkTo('Button')} />, {
+    notes: `
 # Markdown!\n
 * List Item
 * [List Item with Link](https://storybook.js.org)
 `,
-});
+  });
 
-storiesOf('Button', module).addParameters({
-  component: Button
-})
+storiesOf('Button', module)
+  .addParameters({
+    component: Button,
+  })
   .addParameters({
     backgrounds: [
       { name: 'dark', value: '#222222' },
diff --git a/examples/angular-cli/.storybook/config.ts b/examples/angular-cli/.storybook/config.ts
index 4b5a2f1a499..7510105da2c 100644
--- a/examples/angular-cli/.storybook/config.ts
+++ b/examples/angular-cli/.storybook/config.ts
@@ -1,6 +1,6 @@
-/* eslint-disable global-require */
-import { configure, addParameters, addDecorator } from '@storybook/angular';
+import { load, addParameters, addDecorator } from '@storybook/angular';
 import { withA11y } from '@storybook/addon-a11y';
+import { DocsPage } from '@storybook/addon-docs/blocks';
 import addCssWarning from '../src/cssWarning';
 
 addDecorator(withA11y);
@@ -9,16 +9,12 @@ addCssWarning();
 addParameters({
   options: {
     hierarchyRootSeparator: /\|/,
+    docs: {
+      iframeHeight: '60px',
+    },
   },
+  docs: DocsPage,
 });
 
-function loadStories() {
-  // put welcome screen at the top of the list so it's the first one displayed
-  require('../src/stories');
-
-  // automatically import all story ts files that end with *.stories.ts
-  const req = require.context('../src/stories', true, /\.stories\.ts$/);
-  req.keys().forEach(filename => req(filename));
-}
-
-configure(loadStories, module);
+load(require.context('../src/stories', true, /\.stories\.ts$/), module);
+load(require.context('../src/stories', true, /\.stories\.mdx$/), module);
diff --git a/examples/angular-cli/.storybook/presets.js b/examples/angular-cli/.storybook/presets.js
new file mode 100644
index 00000000000..d8d6ff57fc3
--- /dev/null
+++ b/examples/angular-cli/.storybook/presets.js
@@ -0,0 +1,8 @@
+module.exports = [
+  {
+    name: '@storybook/addon-docs/angular/preset',
+    options: {
+      configureJSX: true,
+    },
+  },
+];
diff --git a/examples/angular-cli/.storybook/webpack.config.ts b/examples/angular-cli/.storybook/webpack.config.ts
index 3a2d1f390e3..732d9a799ad 100644
--- a/examples/angular-cli/.storybook/webpack.config.ts
+++ b/examples/angular-cli/.storybook/webpack.config.ts
@@ -5,10 +5,7 @@ module.exports = async ({ config }: { config: any }) => {
     test: [/\.stories\.tsx?$/, /index\.ts$/],
     loaders: [
       {
-        loader: require.resolve('@storybook/addon-storysource/loader'),
-        options: {
-          parser: 'typescript',
-        },
+        loader: require.resolve('@storybook/source-loader'),
       },
     ],
     include: [resolve(__dirname, '../src')],
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index 5d7841b415a..bb89edfdbbc 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -34,19 +34,21 @@
     "@angular-devkit/build-angular": "^0.13.4",
     "@angular/cli": "^7.3.6",
     "@angular/compiler-cli": "^7.2.6",
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-jest": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/angular": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-docs": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/angular": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "@types/core-js": "^2.5.0",
     "@types/jest": "^24.0.11",
     "@types/node": "~12.0.2",
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot
index b2ec516143d..aceb663dd9c 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot
@@ -7,10 +7,10 @@ exports[`Storyshots Addon|Actions Action and method 1`] = `
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c4=""
+    _nghost-a-c1=""
   >
     <button
-      _ngcontent-a-c4=""
+      _ngcontent-a-c1=""
     >
       Action and Method
     </button>
@@ -25,10 +25,10 @@ exports[`Storyshots Addon|Actions Action only 1`] = `
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c3=""
+    _nghost-a-c0=""
   >
     <button
-      _ngcontent-a-c3=""
+      _ngcontent-a-c0=""
     >
       Action only
     </button>
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot
index e1225c5c8ad..2e50937f7f3 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot
@@ -72,11 +72,11 @@ exports[`Storyshots Addon|Background background template 1`] = `
 >
   <ng-component>
     <storybook-button-component
-      _nghost-a-c5=""
+      _nghost-a-c2=""
       ng-reflect-text="Hello Button"
     >
       <button
-        _ngcontent-a-c5=""
+        _ngcontent-a-c2=""
       >
         Hello Button
       </button>
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot
index fbbda4a2a62..518603dd9fd 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot
@@ -92,11 +92,11 @@ exports[`Storyshots Addon|Centered centered template 1`] = `
         style="margin: auto; max-height: 100%;"
       >
         <storybook-button-component
-          _nghost-a-c6=""
+          _nghost-a-c3=""
           ng-reflect-text="Hello Button"
         >
           <button
-            _ngcontent-a-c6=""
+            _ngcontent-a-c3=""
           >
             Hello Button
           </button>
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot
index 3befab713fa..d582fdc9b04 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot
@@ -7,10 +7,10 @@ exports[`Storyshots Addon|Links button with link to another story 1`] = `
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c7=""
+    _nghost-a-c4=""
   >
     <button
-      _ngcontent-a-c7=""
+      _ngcontent-a-c4=""
     >
       Go to Welcome Story
     </button>
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-notes.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-notes.stories.storyshot
index cb225344a79..ce374220837 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-notes.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-notes.stories.storyshot
@@ -7,10 +7,10 @@ exports[`Storyshots Addon|Notes Note with HTML 1`] = `
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c9=""
+    _nghost-a-c6=""
   >
     <button
-      _ngcontent-a-c9=""
+      _ngcontent-a-c6=""
     >
       Notes with HTML
     </button>
@@ -25,10 +25,10 @@ exports[`Storyshots Addon|Notes Simple note 1`] = `
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c8=""
+    _nghost-a-c5=""
   >
     <button
-      _ngcontent-a-c8=""
+      _ngcontent-a-c5=""
     >
       Notes on some Button
     </button>
diff --git a/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
index 0025d65968c..a69a126861f 100644
--- a/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
@@ -7,12 +7,12 @@ exports[`Storyshots Core|Parameters passed to story 1`] = `
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c10=""
+    _nghost-a-c7=""
   >
     <button
-      _ngcontent-a-c10=""
+      _ngcontent-a-c7=""
     >
-      Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"globalParameter":"globalParameter","framework":"angular","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
+      Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{},"docs":{"iframeHeight":"60px"}},"globalParameter":"globalParameter","framework":"angular","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
     </button>
   </storybook-button-component>
 </storybook-dynamic-app-root>
diff --git a/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot
index 5b5535931a4..2dda80850d2 100644
--- a/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot
@@ -8,11 +8,11 @@ exports[`Storyshots Custom|Style Default 1`] = `
 >
   <ng-component>
     <storybook-button-component
-      _nghost-a-c11=""
+      _nghost-a-c8=""
       ng-reflect-text="Button with custom styles"
     >
       <button
-        _ngcontent-a-c11=""
+        _ngcontent-a-c8=""
       >
         Button with custom styles
       </button>
@@ -29,11 +29,11 @@ exports[`Storyshots Custom|Style With Knobs 1`] = `
 >
   <ng-component>
     <storybook-button-component
-      _nghost-a-c12=""
+      _nghost-a-c9=""
       ng-reflect-text="Button with custom styles"
     >
       <button
-        _ngcontent-a-c12=""
+        _ngcontent-a-c9=""
       >
         Button with custom styles
       </button>
diff --git a/examples/angular-cli/src/stories/__snapshots__/index.storyshot b/examples/angular-cli/src/stories/__snapshots__/index.stories.storyshot
similarity index 81%
rename from examples/angular-cli/src/stories/__snapshots__/index.storyshot
rename to examples/angular-cli/src/stories/__snapshots__/index.stories.storyshot
index 34b1c6b6e16..6ffc693b113 100644
--- a/examples/angular-cli/src/stories/__snapshots__/index.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/index.stories.storyshot
@@ -8,11 +8,11 @@ exports[`Storyshots Button with some emoji 1`] = `
 >
   <ng-component>
     <storybook-button-component
-      _nghost-a-c2=""
+      _nghost-a-c12=""
       ng-reflect-text="😀 😎 👍 💯"
     >
       <button
-        _ngcontent-a-c2=""
+        _ngcontent-a-c12=""
       >
         😀 😎 👍 💯
       </button>
@@ -29,11 +29,11 @@ exports[`Storyshots Button with text 1`] = `
 >
   <ng-component>
     <storybook-button-component
-      _nghost-a-c1=""
+      _nghost-a-c11=""
       ng-reflect-text="Hello Button"
     >
       <button
-        _ngcontent-a-c1=""
+        _ngcontent-a-c11=""
       >
         Hello Button
       </button>
@@ -50,47 +50,47 @@ exports[`Storyshots Welcome to Storybook 1`] = `
 >
   <ng-component>
     <storybook-welcome-component
-      _nghost-a-c0=""
+      _nghost-a-c10=""
     >
       <main
-        _ngcontent-a-c0=""
+        _ngcontent-a-c10=""
       >
         <h1
-          _ngcontent-a-c0=""
+          _ngcontent-a-c10=""
         >
           Welcome to storybook
         </h1>
         <p
-          _ngcontent-a-c0=""
+          _ngcontent-a-c10=""
         >
           This is a UI component dev environment for your app.
         </p>
         <p
-          _ngcontent-a-c0=""
+          _ngcontent-a-c10=""
         >
            We've added some basic stories inside the 
           <span
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
             class="inline-code"
           >
             src/stories
           </span>
            directory. 
           <br
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
           />
            A story is a single state of one or more UI components. You can have as many stories as you want. 
           <br
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
           />
            (Basically a story is like a visual test case.) 
         </p>
         <p
-          _ngcontent-a-c0=""
+          _ngcontent-a-c10=""
         >
            See these sample 
           <a
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
             role="button"
             tabindex="0"
           >
@@ -98,7 +98,7 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           </a>
            for a component called 
           <span
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
             class="inline-code"
           >
             Button
@@ -106,26 +106,26 @@ exports[`Storyshots Welcome to Storybook 1`] = `
            . 
         </p>
         <p
-          _ngcontent-a-c0=""
+          _ngcontent-a-c10=""
         >
            Just like that, you can add your own components as stories. 
           <br
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
           />
            You can also edit those components and see changes right away. 
           <br
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
           />
            (Try editing the 
           <span
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
             class="inline-code"
           >
             Button
           </span>
            stories located at 
           <span
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
             class="inline-code"
           >
             src/stories/index.js
@@ -133,15 +133,15 @@ exports[`Storyshots Welcome to Storybook 1`] = `
           .) 
         </p>
         <p
-          _ngcontent-a-c0=""
+          _ngcontent-a-c10=""
         >
            Usually we create stories with smaller UI components in the app.
           <br
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
           />
            Have a look at the 
           <a
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
             href="https://storybook.js.org/basics/writing-stories"
             rel="noopener noreferrer"
             target="_blank"
@@ -151,20 +151,20 @@ exports[`Storyshots Welcome to Storybook 1`] = `
            section in our documentation. 
         </p>
         <p
-          _ngcontent-a-c0=""
+          _ngcontent-a-c10=""
           class="note"
         >
           <b
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
           >
             NOTE:
           </b>
           <br
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
           />
            Have a look at the 
           <span
-            _ngcontent-a-c0=""
+            _ngcontent-a-c10=""
             class="inline-code"
           >
             .storybook/webpack.config.js
diff --git a/examples/angular-cli/src/stories/addon-docs.stories.mdx b/examples/angular-cli/src/stories/addon-docs.stories.mdx
new file mode 100644
index 00000000000..318db4f3080
--- /dev/null
+++ b/examples/angular-cli/src/stories/addon-docs.stories.mdx
@@ -0,0 +1,82 @@
+import { moduleMetadata } from '@storybook/angular';
+import { Story, Meta } from '@storybook/addon-docs/blocks';
+import { Welcome, Button } from '@storybook/angular/demo';
+import { linkTo } from '@storybook/addon-links';
+
+# Storybook Docs for Angular
+
+Storybook supports every major view layer:
+React, Vue, Angular, Ember, React Native, etc.
+
+Storybook Docs does too.
+
+<Story id="welcome--to-storybook" height="400px" />
+
+Hallelujah! Angular is working out of the box without modification.
+How you like them apples?!
+
+## Component Declaration
+
+Just like in React, we first declare our component.
+
+<Meta title="Addon|Docs" decorators={[moduleMetadata({ declarations: [Button] })]} />
+
+This declaration doesn't show up in the MDX output.
+
+## SB5 "Classic" Angular Stories
+
+Next let's declare some stories.
+
+But first let's review how it's done in SB5 for Angular.
+
+```
+storiesOf('Button', module)
+  .addDecorator(
+    moduleMetadata({
+      declarations: [Button],
+    })
+  )
+  .add('with text', () => ({
+    template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
+    props: {
+      text: 'Hello Button',
+      onClick: () => {},
+    },
+  }));
+```
+
+## MDX Stories
+
+Similarly, here's how we do it in the Docs MDX format. We've already added the decorator above in the component declaration, so we just need to declare a story.
+
+<Story name="with text">
+  {{
+    template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
+    props: {
+      text: 'Hello Button',
+      onClick: () => {},
+    },
+  }}
+</Story>
+
+## Another one
+
+Let's add another one. The UI updates automatically as you'd expect.
+
+<Story name="with some emoji">
+  {{
+    template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
+    props: {
+      text: '😀 😎 👍 💯',
+      onClick: () => {},
+    },
+  }}
+</Story>
+
+## More info
+
+For more info, check out the [Storybook Docs Technical Preview](https://docs.google.com/document/d/1un6YX7xDKEKl5-MVb-egnOYN8dynb5Hf7mq0hipk8JE/edit?usp=sharing).
+
+We want your feedback to help make this more useful.
+
+Follow us on Twitter for more short demos & project updates! ❤️📈🛠
diff --git a/examples/angular-cli/src/stories/customControlValueAccessor/custom-cva.component.ts b/examples/angular-cli/src/stories/customControlValueAccessor/custom-cva.component.ts
index 2ed0534ef4e..3806d30ac5e 100644
--- a/examples/angular-cli/src/stories/customControlValueAccessor/custom-cva.component.ts
+++ b/examples/angular-cli/src/stories/customControlValueAccessor/custom-cva.component.ts
@@ -1,4 +1,3 @@
-/* eslint-disable no-use-before-define */
 import { Component, forwardRef } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
diff --git a/examples/angular-cli/src/stories/index.ts b/examples/angular-cli/src/stories/index.stories.ts
similarity index 97%
rename from examples/angular-cli/src/stories/index.ts
rename to examples/angular-cli/src/stories/index.stories.ts
index 2c1d1a62442..44f29c32738 100644
--- a/examples/angular-cli/src/stories/index.ts
+++ b/examples/angular-cli/src/stories/index.stories.ts
@@ -1,4 +1,3 @@
-/* eslint-disable no-console */
 import { storiesOf, moduleMetadata } from '@storybook/angular';
 import { Welcome, Button } from '@storybook/angular/demo';
 import { linkTo } from '@storybook/addon-links';
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index 1a04e9f8654..663b6165ca8 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -19,22 +19,22 @@
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-events": "5.2.0-alpha.31",
-    "@storybook/addon-info": "5.2.0-alpha.31",
-    "@storybook/addon-jest": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/react": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-events": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "react-scripts": "^3.0.1"
   }
 }
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/Lifecycle.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/Lifecycle.stories.storyshot
deleted file mode 100644
index b53b1b40877..00000000000
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/Lifecycle.stories.storyshot
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Lifecycle logging 1`] = `
-<div>
-  Lifecycle methods are logged to the console
-</div>
-`;
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/cra-dynamic-import.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/cra-dynamic-import.stories.storyshot
deleted file mode 100644
index 92268dda996..00000000000
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/cra-dynamic-import.stories.storyshot
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots CRA Dynamic import 1`] = `
-<div>
-  Waiting for Dynamic Import
-</div>
-`;
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/force-rerender.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/force-rerender.stories.storyshot
deleted file mode 100644
index 9316ca88f5d..00000000000
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/force-rerender.stories.storyshot
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Force ReRender button 1`] = `
-<button
-  type="button"
->
-  Click me to increment: 0
-</button>
-`;
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
deleted file mode 100644
index 214d9e9d9e2..00000000000
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
+++ /dev/null
@@ -1,388 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Button with new info 1`] = `
-<div>
-  <div
-    style="position:relative;z-index:0"
-  >
-    <div
-      title="the best container ever"
-    >
-      <span>
-        click the 
-        <span
-          style="font-family:sans-serif;font-size:12px;text-decoration:none;background:#027ac5;color:#fff;padding:5px 15px;margin:10px;border-radius:0px 0px 0px 5px"
-        >
-           Show Info 
-        </span>
-         label in top right for info about "with new info"
-      </span>
-    </div>
-  </div>
-  <button
-    class="info__show-button"
-    style="font-family:sans-serif;font-size:12px;display:block;position:fixed;border:none;background:#027ac5;color:#fff;padding:5px 15px;cursor:pointer;top:0;right:0;border-radius:0 0 0 5px"
-    type="button"
-  >
-    Show Info
-  </button>
-  <div
-    class="info__overlay"
-    style="position:fixed;background:white;top:0;bottom:0;left:0;right:0;padding:0 40px;overflow:auto;z-index:99999;display:none"
-  >
-    <button
-      class="info__close-button"
-      style="font-family:sans-serif;font-size:12px;display:block;position:fixed;border:none;background:#027ac5;color:#fff;padding:5px 15px;cursor:pointer;top:0;right:0;border-radius:0 0 0 5px"
-      type="button"
-    >
-      ×
-    </button>
-    <div>
-      <div
-        style="font-family:Helvetica Neue, Helvetica, Segoe UI, Arial, freesans, sans-serif;color:black;font-weight:300;line-height:1.45;font-size:15px;border:1px solid #eee;padding:20px 40px 40px;border-radius:2px;background-color:#fff;margin-top:20px;margin-bottom:20px"
-      >
-        <div
-          style="border-bottom:1px solid #eee;padding-top:10px;margin-bottom:10px"
-        >
-          <h1
-            style="margin:0;padding:0;font-size:35px"
-          >
-            Button
-          </h1>
-          <h2
-            style="margin:0 0 10px 0;padding:0;font-weight:400;font-size:22px"
-          >
-            with new info
-          </h2>
-        </div>
-        <div
-          style="margin-bottom:0"
-        >
-          <div
-            style="font-size:15px"
-          >
-            Use the 
-            <a
-              href="https://github.com/storybookjs/storybook/tree/master/addons/info"
-              rel="noopener noreferrer"
-              style="color:#3498db"
-              target="_blank"
-            >
-              info addon
-            </a>
-             with its new painless API.
-          </div>
-        </div>
-        <div>
-          <h1
-            style="margin:20px 0 0 0;padding:0 0 5px 0;font-size:25px;border-bottom:1px solid #EEE"
-          >
-            Story Source
-          </h1>
-          <pre
-            style="display:flex;justify-content:space-between;align-items:center;font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
-          >
-            <div>
-              <div>
-                <div
-                  style="padding-left:18px;padding-right:3px"
-                >
-                  <span
-                    style="color:#444"
-                  >
-                    &lt;Container
-                  </span>
-                  <span />
-                  <span
-                    style="color:#444"
-                  >
-                    &gt;
-                  </span>
-                </div>
-                <div>
-                  <div
-                    style="padding-left:33px;padding-right:3px"
-                  >
-                    <span
-                      style="color:#444"
-                    >
-                      &lt;span
-                    </span>
-                    <span />
-                    <span
-                      style="color:#444"
-                    >
-                      &gt;
-                    </span>
-                  </div>
-                  <div
-                    style="padding-left:48px;padding-right:3px"
-                  >
-                    <span
-                      style="color:#444"
-                    >
-                      click the 
-                    </span>
-                  </div>
-                  <div
-                    style="padding-left:48px;padding-right:3px"
-                  >
-                    <span
-                      style="color:#444"
-                    >
-                      &lt;InfoButton
-                    </span>
-                    <span />
-                    <span
-                      style="color:#444"
-                    >
-                      /&gt;
-                    </span>
-                  </div>
-                  <div
-                    style="padding-left:48px;padding-right:3px"
-                  >
-                    <span
-                      style="color:#444"
-                    >
-                       label in top right for info about "
-                    </span>
-                  </div>
-                  <div
-                    style="padding-left:48px;padding-right:3px"
-                  >
-                    <span
-                      style="color:#444"
-                    >
-                      with new info
-                    </span>
-                  </div>
-                  <div
-                    style="padding-left:48px;padding-right:3px"
-                  >
-                    <span
-                      style="color:#444"
-                    >
-                      "
-                    </span>
-                  </div>
-                  <div
-                    style="padding-left:33px;padding-right:3px"
-                  >
-                    <span
-                      style="color:#444"
-                    >
-                      &lt;/span&gt;
-                    </span>
-                  </div>
-                </div>
-                <div
-                  style="padding-left:18px;padding-right:3px"
-                >
-                  <span
-                    style="color:#444"
-                  >
-                    &lt;/Container&gt;
-                  </span>
-                </div>
-              </div>
-            </div>
-            <button
-              style="background-color:rgb(255, 255, 255);cursor:pointer;font-size:13px;align-self:flex-start;flex-shrink:0;overflow:hidden;border-width:1px;border-style:solid;border-color:rgb(238, 238, 238);border-image:initial;border-radius:3px;padding:3px 10px"
-              type="button"
-            >
-              Copy
-            </button>
-          </pre>
-        </div>
-        <div>
-          <h1
-            style="margin:20px 0 0 0;padding:0 0 5px 0;font-size:25px;border-bottom:1px solid #EEE"
-          >
-            Prop Types
-          </h1>
-          <div>
-            <h3
-              style="margin:20px 0 0 0"
-            >
-              "Container" Component
-            </h3>
-            <table
-              class="info-table"
-            >
-              <thead>
-                <tr>
-                  <th>
-                    property
-                  </th>
-                  <th>
-                    propType
-                  </th>
-                  <th>
-                    required
-                  </th>
-                  <th>
-                    default
-                  </th>
-                  <th>
-                    description
-                  </th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td
-                    class="info-table-monospace"
-                  >
-                    children
-                  </td>
-                  <td
-                    class="info-table-monospace"
-                  >
-                    <span>
-                      node
-                    </span>
-                  </td>
-                  <td>
-                    yes
-                  </td>
-                  <td>
-                    -
-                  </td>
-                  <td />
-                </tr>
-                <tr>
-                  <td
-                    class="info-table-monospace"
-                  >
-                    isAmazing
-                  </td>
-                  <td
-                    class="info-table-monospace"
-                  >
-                    <span>
-                      bool
-                    </span>
-                  </td>
-                  <td>
-                    -
-                  </td>
-                  <td>
-                    <span>
-                      false
-                    </span>
-                  </td>
-                  <td />
-                </tr>
-                <tr>
-                  <td
-                    class="info-table-monospace"
-                  >
-                    age
-                  </td>
-                  <td
-                    class="info-table-monospace"
-                  >
-                    <span>
-                      other
-                    </span>
-                  </td>
-                  <td>
-                    -
-                  </td>
-                  <td>
-                    <span>
-                      {
-                      <span>
-                        <span>
-                          isOld
-                        </span>
-                      </span>
-                      : 
-                      <span>
-                        false
-                      </span>
-                      ,
-                      <span>
-                        <span>
-                          value
-                        </span>
-                      </span>
-                      : 
-                      <span>
-                        0
-                      </span>
-                      }
-                    </span>
-                  </td>
-                  <td />
-                </tr>
-                <tr>
-                  <td
-                    class="info-table-monospace"
-                  >
-                    title
-                  </td>
-                  <td
-                    class="info-table-monospace"
-                  >
-                    <span>
-                      string
-                    </span>
-                  </td>
-                  <td>
-                    -
-                  </td>
-                  <td>
-                    <span>
-                      the best container ever
-                    </span>
-                  </td>
-                  <td />
-                </tr>
-              </tbody>
-            </table>
-          </div>
-          <div>
-            <h3
-              style="margin:20px 0 0 0"
-            >
-              "InfoButton" Component
-            </h3>
-            <small>
-              No propTypes defined!
-            </small>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Button with notes 1`] = `
-<button
-  style="border:1px solid #eee;border-radius:3px;background-color:#FFFFFF;cursor:pointer;font-size:15px;padding:3px 10px;margin:10px"
-  type="button"
->
-  Check my notes in the notes panel
-</button>
-`;
-
-exports[`Storyshots Button with some emoji 1`] = `
-<button
-  style="border:1px solid #eee;border-radius:3px;background-color:#FFFFFF;cursor:pointer;font-size:15px;padding:3px 10px;margin:10px"
-  type="button"
->
-  😀 😎 👍 💯
-</button>
-`;
-
-exports[`Storyshots Button with text 1`] = `
-<button
-  style="border:1px solid #eee;border-radius:3px;background-color:#FFFFFF;cursor:pointer;font-size:15px;padding:3px 10px;margin:10px"
-  type="button"
->
-  Hello Button
-</button>
-`;
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/long-description.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/long-description.stories.storyshot
deleted file mode 100644
index 2b7e153d8ac..00000000000
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/long-description.stories.storyshot
+++ /dev/null
@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Some really long story kind description with text 1`] = `
-<div
-  style="position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;overflow:auto"
->
-  <div
-    style="margin:auto;max-height:100%;overflow:auto"
-  >
-    <button
-      style="border:1px solid #eee;border-radius:3px;background-color:#FFFFFF;cursor:pointer;font-size:15px;padding:3px 10px;margin:10px"
-      type="button"
-    >
-      Hello Button
-    </button>
-  </div>
-</div>
-`;
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/welcome.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/welcome.storyshot
deleted file mode 100644
index 2408d8cf68a..00000000000
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/welcome.storyshot
+++ /dev/null
@@ -1,91 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Welcome to Storybook 1`] = `
-<article
-  style="padding:15px;line-height:1.4;font-family:\\"Helvetica Neue\\", Helvetica, \\"Segoe UI\\", Arial, freesans, sans-serif;background-color:#fff"
->
-  <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 
-    <code
-      style="font-size:15px;font-weight:600;padding:2px 5px;border:1px solid #eae9e9;border-radius:4px;background-color:#f3f2f2;color:#3a3a3a"
-    >
-      src/stories
-    </code>
-     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 
-    <button
-      style="color:#1474f3;text-decoration:none;border-bottom:1px solid #1474f3;padding-bottom:2px;border-top:none;border-right:none;border-left:none;background-color:transparent;padding:0;cursor:pointer;font:inherit"
-      type="button"
-    >
-      stories
-    </button>
-     for a component called 
-    <code
-      style="font-size:15px;font-weight:600;padding:2px 5px;border:1px solid #eae9e9;border-radius:4px;background-color:#f3f2f2;color:#3a3a3a"
-    >
-      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="font-size:15px;font-weight:600;padding:2px 5px;border:1px solid #eae9e9;border-radius:4px;background-color:#f3f2f2;color:#3a3a3a"
-    >
-      Button
-    </code>
-     stories located at 
-    <code
-      style="font-size:15px;font-weight:600;padding:2px 5px;border:1px solid #eae9e9;border-radius:4px;background-color:#f3f2f2;color:#3a3a3a"
-    >
-      src/stories/index.js
-    </code>
-    .)
-  </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"
-      rel="noopener noreferrer"
-      style="color:#1474f3;text-decoration:none;border-bottom:1px solid #1474f3;padding-bottom:2px"
-      target="_blank"
-    >
-      Writing Stories
-    </a>
-     section in our documentation.
-  </p>
-  <p
-    style="opacity:0.5"
-  >
-    <b>
-      NOTE:
-    </b>
-    <br />
-    Have a look at the 
-    <code
-      style="font-size:15px;font-weight:600;padding:2px 5px;border:1px solid #eae9e9;border-radius:4px;background-color:#f3f2f2;color:#3a3a3a"
-    >
-      .storybook/webpack.config.js
-    </code>
-     to add webpack loaders and plugins you are using in this project.
-  </p>
-</article>
-`;
diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json
index 916731ba857..fcbb7b598f3 100644
--- a/examples/cra-react15/package.json
+++ b/examples/cra-react15/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-react15",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "dependencies": {
     "babel-loader": "8.0.6",
@@ -19,10 +19,10 @@
     "build-storybook": "build-storybook -s public"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/react": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "babel-core": "6",
     "babel-runtime": "6"
   }
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index a428466cb02..ee79be205ef 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": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -14,12 +14,12 @@
     "react-dom": "^16.8.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-info": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/react": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
     "@types/enzyme": "^3.9.0",
     "@types/react": "^16.8.3",
     "@types/react-dom": "^16.8.2",
diff --git a/examples/dev-kits/package.json b/examples/dev-kits/package.json
index 928be3c5431..f9607500f76 100644
--- a/examples/dev-kits/package.json
+++ b/examples/dev-kits/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-devkits",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -8,20 +8,21 @@
     "storybook": "start-storybook -p 9011 -c ./"
   },
   "devDependencies": {
-    "@storybook/addon-parameter": "5.2.0-alpha.31",
-    "@storybook/addon-roundtrip": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/node-logger": "5.2.0-alpha.31",
-    "@storybook/react": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addon-decorator": "5.2.0-alpha.44",
+    "@storybook/addon-parameter": "5.2.0-alpha.44",
+    "@storybook/addon-roundtrip": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
     "eventemitter3": "^3.1.0",
     "express": "^4.16.4",
-    "express-graphql": "^0.7.1",
+    "express-graphql": "^0.8.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2",
     "graphql": "^14.1.1",
diff --git a/examples/dev-kits/stories/addon-decorator.js b/examples/dev-kits/stories/addon-decorator.js
new file mode 100644
index 00000000000..921d69667ec
--- /dev/null
+++ b/examples/dev-kits/stories/addon-decorator.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+
+import { withRoundtrip } from '@storybook/addon-roundtrip';
+import { withDecorator } from '@storybook/addon-decorator';
+
+storiesOf('addons|decorator', module)
+  .addDecorator(withRoundtrip)
+  .addDecorator(withDecorator())
+  .add('with decorator', () => (
+    <div>This story is wrapped with a decorator that is aware of when a story updates/changes</div>
+  ));
diff --git a/examples/dev-kits/stories/addon-roundtrip.js b/examples/dev-kits/stories/addon-roundtrip.js
index fb40e6013c7..8593a9a0951 100644
--- a/examples/dev-kits/stories/addon-roundtrip.js
+++ b/examples/dev-kits/stories/addon-roundtrip.js
@@ -1,8 +1,6 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 
-import '@storybook/addon-roundtrip';
-
 storiesOf('root|group/component', module).add('variant 1', () => <div>This is variant 1</div>);
 
 storiesOf('addons|parameter', module)
diff --git a/examples/ember-cli/.storybook/webpack.config.js b/examples/ember-cli/.storybook/webpack.config.js
index 915eb22693e..d382a097d81 100644
--- a/examples/ember-cli/.storybook/webpack.config.js
+++ b/examples/ember-cli/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../')],
     enforce: 'pre',
   });
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index f92da5d2d18..f935a847465 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "ember build",
@@ -15,19 +15,19 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/ember": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/ember": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "babel-loader": "^8",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^5.2.0",
diff --git a/examples/html-kitchen-sink/.storybook/webpack.config.js b/examples/html-kitchen-sink/.storybook/webpack.config.js
index d2d694457e0..49d6279ea52 100644
--- a/examples/html-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/html-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../stories')],
     enforce: 'pre',
   });
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index d6d24162fd7..c6c1d85e0c2 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "description": "",
   "keywords": [],
@@ -11,27 +11,28 @@
     "build-storybook": "build-storybook",
     "generate-addon-jest-testresults": "jest --config=tests/addon-jest.config.json --json --outputFile=stories/addon-jest.testresults.json",
     "now-build": "node ../../scripts/bootstrap --core && yarn run build-storybook --quiet",
-    "storybook": "start-storybook -p 9006"
+    "storybook": "start-storybook -p 9006 --no-dll"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-events": "5.2.0-alpha.31",
-    "@storybook/addon-jest": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/core": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/html": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-events": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/html": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2"
diff --git a/examples/html-kitchen-sink/stories/__snapshots__/welcome.stories.storyshot b/examples/html-kitchen-sink/stories/__snapshots__/welcome.stories.storyshot
deleted file mode 100644
index 8b68425a1ea..00000000000
--- a/examples/html-kitchen-sink/stories/__snapshots__/welcome.stories.storyshot
+++ /dev/null
@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Welcome Welcome 1`] = `
-<div
-  class="main"
->
-  
-  
-  <h1>
-    Welcome to Storybook for HTML
-  </h1>
-  
-  
-  <p>
-    This is a UI component dev environment for your plain HTML snippets.
-  </p>
-  
-  
-  <p>
-    
-    We've added some basic stories inside the 
-    <code
-      class="code"
-    >
-      stories
-    </code>
-     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
-      class="link"
-      data-sb-kind="Demo"
-      data-sb-story="button"
-      href="#"
-    >
-      stories
-    </a>
-    
-  
-  </p>
-  
-  
-  <p>
-    <img
-      class="logo"
-      src="logo.svg"
-    />
-  </p>
-  
-  
-  <p>
-    
-    Just like that, you can add your own snippets as stories.
-    
-    <br />
-    
-    You can also edit those snippets and see changes right away.
-    
-    <br />
-    
-  
-  </p>
-  
-  
-  <p>
-    
-    Usually we create stories with smaller UI components in the app.
-    <br />
-    
-    Have a look at the
-    
-    <a
-      class="link"
-      href="https://storybook.js.org/basics/writing-stories"
-      target="_blank"
-    >
-      
-      Writing Stories
-    
-    </a>
-    
-    section in our documentation.
-  
-  </p>
-  
-
-</div>
-`;
diff --git a/examples/html-kitchen-sink/stories/addon-events.stories.js b/examples/html-kitchen-sink/stories/addon-events.stories.js
index 812ddc22cb1..32c2bf2796c 100644
--- a/examples/html-kitchen-sink/stories/addon-events.stories.js
+++ b/examples/html-kitchen-sink/stories/addon-events.stories.js
@@ -1,6 +1,5 @@
 import EventEmitter from 'eventemitter3';
-import addons from '@storybook/addons';
-import CoreEvents from '@storybook/core-events';
+import { useEffect, useState } from '@storybook/client-api';
 import json from 'format-json';
 
 import withEvents from '@storybook/addon-events';
@@ -17,20 +16,6 @@ const TEST_EVENTS = {
 const emitter = new EventEmitter();
 const emit = emitter.emit.bind(emitter);
 
-const events = [];
-const eventHandlers = Object.values(TEST_EVENTS).map(name => ({
-  name,
-  handler: payload => {
-    events.push({ name, payload });
-    addons.getChannel().emit(CoreEvents.FORCE_RE_RENDER);
-  },
-}));
-
-const subscription = () => {
-  eventHandlers.forEach(({ name, handler }) => emitter.on(name, handler));
-  return () => eventHandlers.forEach(({ name, handler }) => emitter.removeListener(name, handler));
-};
-
 export default {
   title: 'Addons|Events',
   decorators: [
@@ -84,31 +69,42 @@ export default {
         },
       ],
     }),
-    storyFn => {
-      addons.getChannel().emit(CoreEvents.REGISTER_SUBSCRIPTION, subscription);
-      return storyFn();
-    },
   ],
 };
 
-export const Logger = () => `
-  <div class="wrapper">
-    <h1 class="title">Logger</h1>
-    <dl>
-      ${events
-        .map(
-          ({ name, payload }) => `
-            <div class="item">
-              <dt>
-                <b>Event name:</b> ${name}
-              </dt>
-              <dd>
-                <b>Event payload:</b> ${json.plain(payload)}
-              </dd>
-            </div>
-          `
-        )
-        .join('')}
-    </dl>
-  </div>
-`;
+export const Logger = () => {
+  const [events, setEvents] = useState([]);
+  useEffect(() => {
+    const eventHandlers = Object.values(TEST_EVENTS).map(name => ({
+      name,
+      handler: payload => {
+        setEvents(prevEvents => [...prevEvents, { name, payload }]);
+      },
+    }));
+    eventHandlers.forEach(({ name, handler }) => emitter.on(name, handler));
+    return () =>
+      eventHandlers.forEach(({ name, handler }) => emitter.removeListener(name, handler));
+  }, []);
+
+  return `
+    <div class="wrapper">
+      <h1 class="title">Logger</h1>
+      <dl>
+        ${events
+          .map(
+            ({ name, payload }) => `
+              <div class="item">
+                <dt>
+                  <b>Event name:</b> ${name}
+                </dt>
+                <dd>
+                  <b>Event payload:</b> ${json.plain(payload)}
+                </dd>
+              </div>
+            `
+          )
+          .join('')}
+      </dl>
+    </div>
+  `;
+};
diff --git a/examples/html-kitchen-sink/tests/__snapshots__/htmlshots.test.js.snap b/examples/html-kitchen-sink/tests/__snapshots__/htmlshots.test.js.snap
index 01411c235cb..75754d906d0 100644
--- a/examples/html-kitchen-sink/tests/__snapshots__/htmlshots.test.js.snap
+++ b/examples/html-kitchen-sink/tests/__snapshots__/htmlshots.test.js.snap
@@ -95,7 +95,7 @@ exports[`Storyshots Addons|Centered button in center 1`] = `
 
 exports[`Storyshots Addons|Events Logger 1`] = `
 
-  
+    
 `;
 
 exports[`Storyshots Addons|Jest withTests 1`] = `This story shows test results`;
diff --git a/examples/marko-cli/.storybook/webpack.config.js b/examples/marko-cli/.storybook/webpack.config.js
index 8c62bf31bd4..5c4768c30ce 100644
--- a/examples/marko-cli/.storybook/webpack.config.js
+++ b/examples/marko-cli/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json
index 641cc24be68..b05719fced1 100644
--- a/examples/marko-cli/package.json
+++ b/examples/marko-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "marko-cli",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "description": "Demo of how to build an app using marko-starter",
   "repository": {
@@ -24,14 +24,14 @@
     "marko-starter": "^2.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/marko": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/marko": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "prettier": "^1.16.4",
     "webpack": "^4.33.0"
   }
diff --git a/examples/mithril-kitchen-sink/.storybook/webpack.config.js b/examples/mithril-kitchen-sink/.storybook/webpack.config.js
index 8c62bf31bd4..5c4768c30ce 100644
--- a/examples/mithril-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/mithril-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json
index a9a3ccd908b..04294741af4 100644
--- a/examples/mithril-kitchen-sink/package.json
+++ b/examples/mithril-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mithril-example",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -11,20 +11,20 @@
     "mithril": "^1.1.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/mithril": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/mithril": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "webpack": "^4.33.0"
   }
 }
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index 28ed61978b4..a18f3042a66 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -15,34 +15,34 @@
   },
   "devDependencies": {
     "@packtracker/webpack-plugin": "^2.0.1",
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-contexts": "5.2.0-alpha.31",
-    "@storybook/addon-cssresources": "5.2.0-alpha.31",
-    "@storybook/addon-design-assets": "5.2.0-alpha.31",
-    "@storybook/addon-docs": "5.2.0-alpha.31",
-    "@storybook/addon-events": "5.2.0-alpha.31",
-    "@storybook/addon-graphql": "5.2.0-alpha.31",
-    "@storybook/addon-info": "5.2.0-alpha.31",
-    "@storybook/addon-jest": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-queryparams": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots-puppeteer": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/node-logger": "5.2.0-alpha.31",
-    "@storybook/react": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-contexts": "5.2.0-alpha.44",
+    "@storybook/addon-cssresources": "5.2.0-alpha.44",
+    "@storybook/addon-design-assets": "5.2.0-alpha.44",
+    "@storybook/addon-docs": "5.2.0-alpha.44",
+    "@storybook/addon-events": "5.2.0-alpha.44",
+    "@storybook/addon-graphql": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-queryparams": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots-puppeteer": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
@@ -58,6 +58,7 @@
     "react": "^16.8.3",
     "react-dom": "^16.8.3",
     "storybook-chromatic": "^1.3.3",
+    "terser-webpack-plugin": "^1.2.4",
     "ts-loader": "^6.0.0",
     "uuid": "^3.3.2",
     "webpack": "^4.33.0"
diff --git a/examples/official-storybook/stories/addon-actions.stories.js b/examples/official-storybook/stories/addon-actions.stories.js
index 88d87745f9c..8e3afb2858f 100644
--- a/examples/official-storybook/stories/addon-actions.stories.js
+++ b/examples/official-storybook/stories/addon-actions.stories.js
@@ -139,8 +139,10 @@ export const allTypes = () => {
       <Button onClick={() => action('Boolean')(false)}>Boolean</Button>
       <Button onClick={() => action('Empty Object')({})}>Empty Object</Button>
       <Button onClick={() => action('File')(file)}>File</Button>
-      <Button onClick={() => action('Function')(A)}>Function A</Button>
-      <Button onClick={() => action('Function (bound)')(bound)}>Bound Function B</Button>
+      <Button onClick={() => action('Function', { allowFunction: true })(A)}>Function A</Button>
+      <Button onClick={() => action('Function (bound)', { allowFunction: true })(bound)}>
+        Bound Function B
+      </Button>
       <Button onClick={() => action('Infinity')(Infinity)}>Infinity</Button>
       <Button onClick={() => action('-Infinity')(-Infinity)}>-Infinity</Button>
       <Button onClick={() => action('NaN')(NaN)}>NaN</Button>
diff --git a/examples/official-storybook/stories/addon-knobs.stories.js b/examples/official-storybook/stories/addon-knobs.stories.js
new file mode 100644
index 00000000000..25622355aac
--- /dev/null
+++ b/examples/official-storybook/stories/addon-knobs.stories.js
@@ -0,0 +1,331 @@
+import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { storiesOf } from '@storybook/react';
+
+import {
+  withKnobs,
+  text,
+  number,
+  boolean,
+  color,
+  select,
+  radios,
+  array,
+  date,
+  button,
+  object,
+  files,
+  optionsKnob as options,
+} from '@storybook/addon-knobs';
+
+const ItemLoader = ({ isLoading, items }) => {
+  if (isLoading) {
+    return <p>Loading data</p>;
+  }
+  if (!items.length) {
+    return <p>No items loaded</p>;
+  }
+  return (
+    <ul>
+      {items.map(i => (
+        <li key={i}>{i}</li>
+      ))}
+    </ul>
+  );
+};
+
+ItemLoader.propTypes = {
+  isLoading: PropTypes.bool.isRequired,
+  items: PropTypes.arrayOf(PropTypes.string).isRequired,
+};
+let injectedItems = [];
+let injectedIsLoading = false;
+
+storiesOf('Addons|Knobs.withKnobs', module)
+  .addDecorator(withKnobs)
+  .add('tweaks static values', () => {
+    const name = text('Name', 'Storyteller');
+    const age = number('Age', 70, { range: true, min: 0, max: 90, step: 5 });
+    const fruits = {
+      Apple: 'apple',
+      Banana: 'banana',
+      Cherry: 'cherry',
+    };
+    const fruit = select('Fruit', fruits, 'apple');
+
+    const otherFruits = {
+      Kiwi: 'kiwi',
+      Guava: 'guava',
+      Watermelon: 'watermelon',
+    };
+    const otherFruit = radios('Other Fruit', otherFruits, 'watermelon');
+    const dollars = number('Dollars', 12.5, { min: 0, max: 100, step: 0.01 });
+    const years = number('Years in NY', 9);
+
+    const backgroundColor = color('background', '#dedede');
+    const items = array('Items', ['Laptop', 'Book', 'Whiskey']);
+    const otherStyles = object('Styles', {
+      border: '2px dashed silver',
+      borderRadius: 10,
+      padding: '10px',
+    });
+    const nice = boolean('Nice', true);
+    const images = files('Happy Picture', 'image/*', [
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiARwMCyEWcOFPAAAAP0lEQVQoz8WQMQoAIAwDL/7/z3GwghSp4KDZyiUpBMCYUgd8rehtH16/l3XewgU2KAzapjXBbNFaPS6lDMlKB6OiDv3iAH1OAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAxLTI4VDEyOjExOjMzLTA3OjAwlAHQBgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMS0yOFQxMjoxMTozMy0wNzowMOVcaLoAAAAASUVORK5CYII=',
+    ]);
+
+    // NOTE: the default value must not change - e.g., do not do date('Label', new Date()) or date('Label')
+    const defaultBirthday = new Date('Jan 20 2017 GMT+0');
+    const birthday = date('Birthday', defaultBirthday);
+
+    const intro = `My name is ${name}, I'm ${age} years old, and my favorite fruit is ${fruit}. I also enjoy ${otherFruit}.`;
+    const style = { backgroundColor, ...otherStyles };
+    const salutation = nice ? 'Nice to meet you!' : 'Leave me alone!';
+    const dateOptions = { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' };
+
+    return (
+      <div style={style}>
+        <p>{intro}</p>
+        <p>My birthday is: {new Date(birthday).toLocaleDateString('en-US', dateOptions)}</p>
+        <p>I live in NY for {years} years.</p>
+        <p>My wallet contains: ${dollars.toFixed(2)}</p>
+        <p>In my backpack, I have:</p>
+        <ul>
+          {items.map(item => (
+            <li key={item}>{item}</li>
+          ))}
+        </ul>
+        <p>{salutation}</p>
+        <p>
+          When I am happy I look like this: <img src={images[0]} alt="happy" />
+        </p>
+      </div>
+    );
+  })
+  .add('tweaks static values organized in groups', () => {
+    const GROUP_IDS = {
+      DISPLAY: 'Display',
+      GENERAL: 'General',
+      FAVORITES: 'Favorites',
+    };
+
+    const fruits = {
+      Apple: 'apple',
+      Banana: 'banana',
+      Cherry: 'cherry',
+    };
+
+    const otherFruits = {
+      Kiwi: 'kiwi',
+      Guava: 'guava',
+      Watermelon: 'watermelon',
+    };
+
+    // NOTE: the default value must not change - e.g., do not do date('Label', new Date()) or date('Label')
+    const defaultBirthday = new Date('Jan 20 2017 GMT+0');
+
+    // Ungrouped
+    const ungrouped = text('Ungrouped', 'Mumble');
+
+    // General
+    const name = text('Name', 'Storyteller', GROUP_IDS.GENERAL);
+    const age = number('Age', 70, { range: true, min: 0, max: 90, step: 5 }, GROUP_IDS.GENERAL);
+    const birthday = date('Birthday', defaultBirthday, GROUP_IDS.GENERAL);
+    const dollars = number(
+      'Account Balance',
+      12.5,
+      { min: 0, max: 100, step: 0.01 },
+      GROUP_IDS.GENERAL
+    );
+    const years = number('Years in NY', 9, {}, GROUP_IDS.GENERAL);
+    const generalNotes = text('Notes', '', GROUP_IDS.GENERAL);
+
+    // Favorites
+    const nice = boolean('Nice', true, GROUP_IDS.FAVORITES);
+    const fruit = select('Fruit', fruits, 'apple', GROUP_IDS.FAVORITES);
+    const otherFruit = radios('Other Fruit', otherFruits, 'watermelon', GROUP_IDS.FAVORITES);
+    const items = array('Items', ['Laptop', 'Book', 'Whiskey'], ',', GROUP_IDS.FAVORITES);
+    const favoritesNotes = text('Notes', '', GROUP_IDS.FAVORITES);
+
+    // Display
+    const backgroundColor = color('Color', 'rgba(126, 211, 33, 0.22)', GROUP_IDS.DISPLAY);
+    const otherStyles = object(
+      'Styles',
+      {
+        border: '2px dashed silver',
+        borderRadius: 10,
+        padding: '10px',
+      },
+      GROUP_IDS.DISPLAY
+    );
+
+    const style = { backgroundColor, ...otherStyles };
+
+    const salutation = nice ? 'Nice to meet you!' : 'Leave me alone!';
+    const dateOptions = { year: 'numeric', month: 'long', day: 'numeric', timeZone: 'UTC' };
+
+    return (
+      <div style={style}>
+        <h1>General Information</h1>
+        <p>Name: {name}</p>
+        <p>Age: {age}</p>
+        <p>Birthday: {new Date(birthday).toLocaleDateString('en-US', dateOptions)}</p>
+        <p>Account Balance: {dollars}</p>
+        <p>Years in NY: {years}</p>
+        <p>Notes: {generalNotes}</p>
+        <hr />
+        <h1>Favorites</h1>
+        <p>Catchphrase: {salutation}</p>
+        <p>Fruit: {fruit}</p>
+        <p>Other Fruit: {otherFruit}</p>
+        <p>Items:</p>
+        <ul>
+          {items.map(item => (
+            <li key={`${item}`}>{item}</li>
+          ))}
+        </ul>
+        <p>When I'm by myself, I say: "{ungrouped}"</p>
+        <p>Notes: {favoritesNotes}</p>
+      </div>
+    );
+  })
+  .add('dynamic knobs', () => {
+    const showOptional = select('Show optional', ['yes', 'no'], 'yes');
+    return (
+      <Fragment>
+        <div>{text('compulsory', 'I must be here')}</div>
+        {showOptional === 'yes' ? <div>{text('optional', 'I can disappear')}</div> : null}
+      </Fragment>
+    );
+  })
+  .add('complex select', () => {
+    const m = select(
+      'complex',
+      {
+        number: 1,
+        string: 'string',
+        object: {},
+        array: [1, 2, 3],
+        function: () => {},
+      },
+      'string'
+    );
+    const value = m.toString();
+    const type = Array.isArray(m) ? 'array' : typeof m;
+    return (
+      <pre>
+        the type of {JSON.stringify(value, null, 2)} = {type}
+      </pre>
+    );
+  })
+  .add('optionsKnob', () => {
+    const valuesRadio = {
+      Monday: 'Monday',
+      Tuesday: 'Tuesday',
+      Wednesday: 'Wednesday',
+    };
+    const optionRadio = options('Radio', valuesRadio, 'Tuesday', { display: 'radio' });
+
+    const valuesInlineRadio = {
+      Saturday: 'Saturday',
+      Sunday: 'Sunday',
+    };
+    const optionInlineRadio = options('Inline Radio', valuesInlineRadio, 'Saturday', {
+      display: 'inline-radio',
+    });
+
+    const valuesSelect = {
+      January: 'January',
+      February: 'February',
+      March: 'March',
+    };
+    const optionSelect = options('Select', valuesSelect, 'January', { display: 'select' });
+
+    const valuesMultiSelect = {
+      Apple: 'apple',
+      Banana: 'banana',
+      Cherry: 'cherry',
+    };
+    const optionsMultiSelect = options('Multi Select', valuesMultiSelect, ['apple'], {
+      display: 'multi-select',
+    });
+
+    const valuesCheck = {
+      Corn: 'corn',
+      Carrot: 'carrot',
+      Cucumber: 'cucumber',
+    };
+    const optionsCheck = options('Check', valuesCheck, ['carrot'], { display: 'check' });
+
+    const valuesInlineCheck = {
+      Milk: 'milk',
+      Cheese: 'cheese',
+      Butter: 'butter',
+    };
+    const optionsInlineCheck = options('Inline Check', valuesInlineCheck, ['milk'], {
+      display: 'inline-check',
+    });
+
+    return (
+      <div>
+        <p>Weekday: {optionRadio}</p>
+        <p>Weekend: {optionInlineRadio}</p>
+        <p>Month: {optionSelect}</p>
+        <p>Fruit:</p>
+        <ul>
+          {optionsMultiSelect.map(item => (
+            <li key={item}>{item}</li>
+          ))}
+        </ul>
+        <p>Vegetables:</p>
+        <ul>
+          {optionsCheck.map(item => (
+            <li key={item}>{item}</li>
+          ))}
+        </ul>
+        <p>Dairy:</p>
+        <ul>
+          {optionsInlineCheck.map(item => (
+            <li key={item}>{item}</li>
+          ))}
+        </ul>
+      </div>
+    );
+  })
+  .add('triggers actions via button', () => {
+    button('Toggle item list state', () => {
+      if (!injectedIsLoading && injectedItems.length === 0) {
+        injectedIsLoading = true;
+      } else if (injectedIsLoading && injectedItems.length === 0) {
+        injectedIsLoading = false;
+        injectedItems = ['pencil', 'pen', 'eraser'];
+      } else if (injectedItems.length > 0) {
+        injectedItems = [];
+      }
+    });
+    return (
+      <Fragment>
+        <p>Hit the knob button and it will toggle the items list into multiple states.</p>
+        <ItemLoader isLoading={injectedIsLoading} items={injectedItems} />
+      </Fragment>
+    );
+  })
+  .add('XSS safety', () => (
+    <div
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML={{
+        __html: text('Rendered string', '<img src="x" onerror="alert(\'XSS Attack\')" >'),
+      }}
+    />
+  ))
+  .add('accepts story parameters', () => <div>{text('Rendered string', '<h1>Hello</h1>')}</div>, {
+    knobs: { escapeHTML: false },
+  });
+
+storiesOf('Addons|Knobs.withKnobs using options', module)
+  .addDecorator(
+    withKnobs({
+      escapeHTML: false,
+    })
+  )
+  .add('accepts options', () => <div>{text('Rendered string', '<h1>Hello</h1>')}</div>);
diff --git a/examples/official-storybook/stories/core/__snapshots__/unicode.stories.storyshot b/examples/official-storybook/stories/core/__snapshots__/unicode.stories.storyshot
deleted file mode 100644
index 8d210253506..00000000000
--- a/examples/official-storybook/stories/core/__snapshots__/unicode.stories.storyshot
+++ /dev/null
@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Core|Unicode Кнопки 1`] = `
-<p>
-  нормальный
-</p>
-`;
-
-exports[`Storyshots Core|Unicode 바보 1`] = `
-<p>
-  🤷🏻‍♂️
-</p>
-`;
-
-exports[`Storyshots Core|Unicode 😀 1`] = `
-<p>
-  ❤️
-</p>
-`;
diff --git a/examples/official-storybook/stories/core/parameters.stories.js b/examples/official-storybook/stories/core/parameters.stories.js
index d32c78d7427..1f9551856fa 100644
--- a/examples/official-storybook/stories/core/parameters.stories.js
+++ b/examples/official-storybook/stories/core/parameters.stories.js
@@ -1,7 +1,11 @@
+/* eslint-disable react/prop-types */
 import React from 'react';
 
-// We would need to add this in config.js idomatically however that would make this file a bit confusing
+// We would need to add this in config.js idiomatically however that would make this file a bit confusing
 import { addParameters } from '@storybook/react';
+import { addDecorator } from '@storybook/react/dist/client/preview';
+
+addDecorator(fn => fn({ customStoryContext: 52, parameters: { customParameter: 42 } }));
 
 addParameters({ globalParameter: 'globalParameter' });
 
@@ -15,10 +19,9 @@ export default {
 
 // I'm not sure what we should recommend regarding propTypes? are they a good idea for examples?
 // Given we sort of control the props, should we export a prop type?
-export const passed = ({
-  // eslint-disable-next-line react/prop-types
-  parameters: { options, ...parameters },
-}) => <pre>Parameters are {JSON.stringify(parameters, null, 2)}</pre>;
+export const passed = ({ parameters: { options, ...parameters }, ...rest }) => (
+  <pre>StoryContext: {JSON.stringify({ ...rest, parameters }, null, 2)}</pre>
+);
 passed.story = {
   name: 'passed to story',
   parameters: { storyParameter: 'storyParameter' },
diff --git a/examples/official-storybook/webpack.config.js b/examples/official-storybook/webpack.config.js
index bb05ac7a919..841f11f3dbc 100644
--- a/examples/official-storybook/webpack.config.js
+++ b/examples/official-storybook/webpack.config.js
@@ -39,13 +39,8 @@ module.exports = async ({ config }) => ({
         exclude: [/node_modules/, /dist/],
       },
       {
-        test: /\.stories\.jsx?$/,
+        test: /\.stories\.[tj]sx?$/,
         loader: require.resolve('@storybook/source-loader'),
-        options: {
-          injectParameters: true,
-          inspectLocalDependencies: false,
-          inspectDependencies: false,
-        },
         include: [
           path.resolve(__dirname, './stories'),
           path.resolve(__dirname, '../../lib/ui/src'),
diff --git a/examples/polymer-cli/.storybook/webpack.config.js b/examples/polymer-cli/.storybook/webpack.config.js
index 3e7ae19f52b..0be01086159 100644
--- a/examples/polymer-cli/.storybook/webpack.config.js
+++ b/examples/polymer-cli/.storybook/webpack.config.js
@@ -4,7 +4,7 @@ const webpack = require('webpack');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json
index dbf132235b8..4de36b90d6e 100644
--- a/examples/polymer-cli/package.json
+++ b/examples/polymer-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "polymer-cli",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -10,17 +10,17 @@
   },
   "dependencies": {
     "@polymer/polymer": "^2.6.0",
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/polymer": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/polymer": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "global": "^4.3.2",
     "lit-html": "^1.0.0",
diff --git a/examples/preact-kitchen-sink/.storybook/webpack.config.js b/examples/preact-kitchen-sink/.storybook/webpack.config.js
index 46ba330e666..c8a75926b7c 100644
--- a/examples/preact-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/preact-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index 5ba7c41575f..f184a6881cb 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,21 +16,21 @@
   "devDependencies": {
     "@babel/core": "^7.3.4",
     "@babel/plugin-transform-runtime": "^7.2.0",
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-contexts": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/preact": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-contexts": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/preact": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
deleted file mode 100644
index aa941ace197..00000000000
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ /dev/null
@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons|Actions Action and method 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
->
-  Click me to log the action
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Action only 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
->
-  Click me to log the action
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Multiple actions 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
-  ondblclick={[Function]}
->
-  (Double) click me to log the action
-</button>
-`;
-
-exports[`Storyshots Addons|Actions Multiple actions, object 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
-  ondblclick={[Function]}
->
-  (Double) click me to log the action
-</button>
-`;
diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
deleted file mode 100644
index 82a8e7a135e..00000000000
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
+++ /dev/null
@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons|Backgrounds Example 1 1`] = `
-<button
-  class="button"
->
-  You should be able to switch backgrounds for this story
-</button>
-`;
-
-exports[`Storyshots Addons|Backgrounds Example 2 1`] = `
-<button
-  class="button"
->
-  This one too!
-</button>
-`;
diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
deleted file mode 100644
index 66553138396..00000000000
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
+++ /dev/null
@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons|Centered Button 1`] = `
-<div
-  style={
-    Object {
-      "alignItems": "center",
-      "bottom": "0",
-      "display": "flex",
-      "left": "0",
-      "overflow": "auto",
-      "position": "fixed",
-      "right": "0",
-      "top": "0",
-    }
-  }
->
-  <div
-    style={
-      Object {
-        "margin": "auto",
-        "maxHeight": "100%",
-      }
-    }
-  >
-    <button
-      class="button"
-    >
-      A button
-    </button>
-  </div>
-</div>
-`;
diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot
deleted file mode 100644
index 8e9fe610526..00000000000
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot
+++ /dev/null
@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons|Contexts Simple CSS Theming 1`] = `
-<div
-  style={
-    Object {
-      "background": "#173F5F",
-      "color": "white",
-      "height": "100vh",
-      "padding": "10px",
-    }
-  }
->
-  <div>
-    I'm a children of the injected 'div' (where provides a theming context).
-  </div>
-</div>
-`;
diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
deleted file mode 100644
index efbb8b520b2..00000000000
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
+++ /dev/null
@@ -1,40 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons|Knobs All knobs 1`] = `
-<div
-  style="border:2px dotted deeppink; padding: 8px 22px; border-radius: 8px"
->
-  <h1>
-    My name is Jane,
-  </h1>
-  <h3>
-    today is January 20, 2017
-  </h3>
-  <p>
-    I have a stock of 20 apples, costing &dollar;2.25 each.
-  </p>
-  <p>
-    Also, I have:
-  </p>
-  <ul>
-    <li>
-      Laptop
-    </li>
-    <li>
-      Book
-    </li>
-    <li>
-      Whiskey
-    </li>
-  </ul>
-  <p>
-    Nice to meet you!
-  </p>
-</div>
-`;
-
-exports[`Storyshots Addons|Knobs Simple 1`] = `
-<div>
-  I am John Doe and I'm 44 years old.
-</div>
-`;
diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
deleted file mode 100644
index 6696d465f09..00000000000
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
+++ /dev/null
@@ -1,10 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons|Links Go to welcome 1`] = `
-<button
-  class="button"
-  onclick={[Function]}
->
-  This button links to Welcome
-</button>
-`;
diff --git a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot b/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
deleted file mode 100644
index fbbf169e206..00000000000
--- a/examples/preact-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
+++ /dev/null
@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addons|Notes Note with HTML 1`] = `
-<p>
-  <span>
-    🤔😳😯😮
-  </span>
-  <br />
-  <span>
-    😄😩😓😱
-  </span>
-  <br />
-  <span>
-    🤓😑😶😊
-  </span>
-</p>
-`;
-
-exports[`Storyshots Addons|Notes Simple note 1`] = `
-<p>
-  <strong>
-    Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.
-  </strong>
-</p>
-`;
diff --git a/examples/rax-kitchen-sink/.storybook/webpack.config.js b/examples/rax-kitchen-sink/.storybook/webpack.config.js
index 99e298d739f..39dff33950d 100644
--- a/examples/rax-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/rax-kitchen-sink/.storybook/webpack.config.js
@@ -5,7 +5,7 @@ module.exports = {
     rules: [
       {
         test: [/\.stories\.js$/, /index\.js$/],
-        loaders: [require.resolve('@storybook/addon-storysource/loader')],
+        loaders: [require.resolve('@storybook/source-loader')],
         include: [path.resolve(__dirname, '../src')],
         enforce: 'pre',
       },
diff --git a/examples/rax-kitchen-sink/package.json b/examples/rax-kitchen-sink/package.json
index 966781d1289..0908ce9440f 100644
--- a/examples/rax-kitchen-sink/package.json
+++ b/examples/rax-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rax-kitchen-sink",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "test:generate-output": "jest --json --outputFile=jest-test-results.json --config=./jest-addon.config.js",
@@ -20,27 +20,27 @@
     "rax-image": "^0.6.8",
     "rax-link": "^0.6.5",
     "rax-picker": "^0.6.5",
-    "rax-text": "^0.6.5",
+    "rax-text": "^1.0.0",
     "rax-view": "^0.6.5"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-events": "5.2.0-alpha.31",
-    "@storybook/addon-info": "5.2.0-alpha.31",
-    "@storybook/addon-jest": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/rax": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-events": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-jest": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/rax": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "babel-eslint": "^8.2.2",
     "babel-preset-rax": "^1.0.0-beta.0",
     "rax-scripts": "^1.0.0-beta.10",
diff --git a/examples/riot-kitchen-sink/.storybook/webpack.config.js b/examples/riot-kitchen-sink/.storybook/webpack.config.js
index 9eb38178998..5f6354c3c59 100644
--- a/examples/riot-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/riot-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json
index 024c99e4fed..6d951f7daee 100644
--- a/examples/riot-kitchen-sink/package.json
+++ b/examples/riot-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "riot-example",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,20 +16,20 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/riot": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/riot": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot b/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
deleted file mode 100644
index 5a00ea1a4a1..00000000000
--- a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ /dev/null
@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Actions Action only 1`] = `
-<div
-  data-is="my-button"
-  id="root"
->
-  <button
-    class="button"
-    style="color: #42b983; border-color: #42b983"
-  >
-    Click me to log the action!
-  </button>
-</div>
-`;
-
-exports[`Storyshots Addon|Actions Multiple actions 1`] = `
-<div
-  data-is="my-button"
-  id="root"
->
-  <button
-    class="button"
-    style="color: #42b983; border-color: #42b983"
-  >
-    Double Click me to log the action!
-  </button>
-</div>
-`;
diff --git a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot b/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
deleted file mode 100644
index 8119431de1d..00000000000
--- a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
+++ /dev/null
@@ -1,33 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Backgrounds story 1 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <my-button>
-    <button
-      class="button"
-      style="color: #42b983; border-color: #42b983"
-    >
-      You should be able to switch backgrounds for this story!
-    </button>
-  </my-button>
-</div>
-`;
-
-exports[`Storyshots Addon|Backgrounds story 2 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <my-button>
-    <button
-      class="button"
-      style="color: #42b983; border-color: #42b983"
-    >
-      This one too!!
-    </button>
-  </my-button>
-</div>
-`;
diff --git a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot b/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
deleted file mode 100644
index 14ea273a2b5..00000000000
--- a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
+++ /dev/null
@@ -1,78 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Knobs All knobs 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <whatigot>
-    <div
-      style="border:2px dotted deeppink; padding: 8px 22px; border-radius: 8px"
-    >
-       
-      <h1>
-        My name is Jane,
-      </h1>
-       
-      <h3>
-        today is January 20, 2017
-      </h3>
-       
-      <p>
-        I have a stock of 20 apples, costing $2.25 each.
-      </p>
-       
-      <p>
-        Also, I have:
-      </p>
-       
-      <ul>
-         
-        <li
-          key="Laptop"
-        >
-          Laptop
-        </li>
-        <li
-          key="Book"
-        >
-          Book
-        </li>
-        <li
-          key="Whiskey"
-        >
-          Whiskey
-        </li>
-         
-      </ul>
-       
-      <p>
-        Nice to meet you!
-      </p>
-       
-    </div>
-  </whatigot>
-</div>
-`;
-
-exports[`Storyshots Addon|Knobs Simple 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <div>
-    I am John Doe and I'm 44 years old.
-  </div>
-</div>
-`;
-
-exports[`Storyshots Addon|Knobs XSS safety 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <div>
-     &lt;img src=x onerror="alert('XSS Attack')" &gt; 
-  </div>
-</div>
-`;
diff --git a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot b/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
deleted file mode 100644
index ec5b61b5cea..00000000000
--- a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
+++ /dev/null
@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Links Go to welcome 1`] = `
-<div
-  data-is="my-button"
-  id="root"
->
-  <button
-    class="rounded button"
-    style="color: #42b983; border-color: #42b983"
-  >
-    This button links to Welcome!
-  </button>
-</div>
-`;
diff --git a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot b/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
deleted file mode 100644
index 51e06c5623f..00000000000
--- a/examples/riot-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
+++ /dev/null
@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Notes Note with HTML 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <div>
-    <p>
-      🤔😳😯😮
-      <br />
-      😄😩😓😱
-      <br />
-      🤓😑😶😊
-    </p>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Addon|Notes Simple note 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <p>
-    <strong>
-      Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.
-    </strong>
-  </p>
-</div>
-`;
diff --git a/examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot b/examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
deleted file mode 100644
index 2a250274756..00000000000
--- a/examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
+++ /dev/null
@@ -1,12 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Core|Parameters passed to story 1`] = `
-<div
-  data-is="parameters"
-  id="root"
->
-  <div>
-    Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"globalParameter":"globalParameter","framework":"riot","chapterParameter":"chapterParameter","storyParameter":"storyParameter","id":"root","dataIs":"parameters"}
-  </div>
-</div>
-`;
diff --git a/examples/riot-kitchen-sink/src/stories/__snapshots__/story-code.stories.storyshot b/examples/riot-kitchen-sink/src/stories/__snapshots__/story-code.stories.storyshot
deleted file mode 100644
index 94cdcf3a719..00000000000
--- a/examples/riot-kitchen-sink/src/stories/__snapshots__/story-code.stories.storyshot
+++ /dev/null
@@ -1,180 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Story|How to create a story built as string 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <test>
-    <div>
-      simple test
-    </div>
-  </test>
-</div>
-`;
-
-exports[`Storyshots Story|How to create a story built from raw import 1`] = `
-<div
-  data-is="simpletest"
-  id="root"
->
-  <div>
-    simple test (without parameter). Oh, by the way (... well, nothing)
-  </div>
-</div>
-`;
-
-exports[`Storyshots Story|How to create a story built from tags and template 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <simpletest
-    test="with a parameter"
-  >
-    <div>
-      simple test (with a parameter). Oh, by the way (value is mapped to riotValue)
-    </div>
-  </simpletest>
-</div>
-`;
-
-exports[`Storyshots Story|How to create a story built from the precompilation 1`] = `
-<div
-  data-is="anothertest"
-  id="root"
->
-  <div>
-    yet another test, precompiled this time (WARN, only works in lower case, never upper case with precompiled templates)
-  </div>
-</div>
-`;
-
-exports[`Storyshots Story|How to create a story built with tag 1`] = `
-<div
-  data-is="test"
-  id="root"
->
-  <div>
-    simple test (with a parameter)
-  </div>
-</div>
-`;
-
-exports[`Storyshots Story|How to create a story tags, template and tagConstructor at once 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <simpletest
-    hacked="true"
-    test="with a parameter"
-  >
-    <div>
-      HACKED : true ; simple test (with a parameter). Oh, by the way (value is mapped to riotValue)
-    </div>
-  </simpletest>
-</div>
-`;
-
-exports[`Storyshots Story|How to create a story the mount instruction is not necessary 1`] = `
-<div
-  data-is="anothertest"
-  id="root"
->
-  <div>
-    yet another test, precompiled this time (WARN, only works in lower case, never upper case with precompiled templates)
-  </div>
-</div>
-`;
-
-exports[`Storyshots Story|How to create a story the opts value is not necessary 1`] = `
-<div
-  data-is="anothertest"
-  id="root"
->
-  <div>
-    yet another test, precompiled this time (WARN, only works in lower case, never upper case with precompiled templates)
-  </div>
-</div>
-`;
-
-exports[`Storyshots Story|Nest tags Matriochka 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <matriochka>
-    <div>
-      <tag1>
-        <div>
-          Inside tag1:
-          <ul>
-            <li>
-              <tag2>
-                <div>
-                  Inside tag2:
-                  <ul>
-                    <li>
-                      <tag3>
-                        <div>
-                          Inside tag3:
-                          <ul>
-                            <li>
-                              <tag4>
-                                <div>
-                                  Inside tag4:
-                                  <ul>
-                                    <li>
-                                      <tag5>
-                                        <div>
-                                          Inside tag5:
-                                          <ul>
-                                            <li>
-                                              Content
-                                            </li>
-                                          </ul>
-                                        </div>
-                                      </tag5>
-                                    </li>
-                                  </ul>
-                                </div>
-                              </tag4>
-                            </li>
-                          </ul>
-                        </div>
-                      </tag3>
-                    </li>
-                  </ul>
-                </div>
-              </tag2>
-            </li>
-          </ul>
-        </div>
-      </tag1>
-    </div>
-  </matriochka>
-</div>
-`;
-
-exports[`Storyshots Story|Nest tags Three tags 1`] = `
-<div
-  data-is="root"
-  id="root"
->
-  <webpage>
-    <pageheader>
-      <h1>
-        Simple title
-      </h1>
-    </pageheader>
-    <pagebody>
-      <div
-        style="border-radius: 1em;border-right: solid 1px #cac9c9;border-bottom: solid 1px #cac9c9;box-shadow: 1em 1em 2em #eae9e9; margin: 3em; padding: 3em;min-height: 10em;min-width: 30em"
-      >
-        Simple Content
-      </div>
-    </pagebody>
-  </webpage>
-</div>
-`;
diff --git a/examples/standalone-preview/.babelrc.js b/examples/standalone-preview/.babelrc.js
new file mode 100644
index 00000000000..f053ebf7976
--- /dev/null
+++ b/examples/standalone-preview/.babelrc.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/examples/standalone-preview/README.md b/examples/standalone-preview/README.md
new file mode 100644
index 00000000000..50637155cae
--- /dev/null
+++ b/examples/standalone-preview/README.md
@@ -0,0 +1,20 @@
+# Standalone Preview
+
+This project demonstrates a preview running in standalone mode using `parcel`.
+
+To run the standalone preview:
+
+```
+yarn storybook
+```
+
+This starts a `parcel` dev server on port `1337`.
+
+To view the stories in the storybook UI:
+
+```
+cd ../official-storybook
+yarn storybook --preview-url=http://localhost:1337/iframe.html
+```
+
+This runs the Storybook dev server, but instead of showing `official-storybook`'s stories, it attaches to the `parcel` dev server, lists its stories in the navigation, and shows its stories in the preview iframe.
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
new file mode 100644
index 00000000000..b67a1dc293c
--- /dev/null
+++ b/examples/standalone-preview/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "standalone-preview",
+  "version": "5.2.0-alpha.44",
+  "private": true,
+  "scripts": {
+    "storybook": "parcel ./storybook.html --port 1337"
+  },
+  "devDependencies": {
+    "@storybook/react": "5.1.0-alpha.32",
+    "parcel": "^1.12.3",
+    "react": "^16.8.4",
+    "react-dom": "^16.8.4"
+  }
+}
diff --git a/examples/standalone-preview/storybook.html b/examples/standalone-preview/storybook.html
new file mode 100644
index 00000000000..ee1a10affe6
--- /dev/null
+++ b/examples/standalone-preview/storybook.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title></title>
+<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>+  <body>
+    <div id="root"></div>
+    <script src="./storybook.tsx"></script>
+    <div class="sb-errordisplay sb-wrapper">
+      <div id="error-message" class="sb-heading"></div>
+      <pre class="sb-errordisplay_code"><code id="error-stack"></code></pre>
+    </div>
+  </body>
+</html>
diff --git a/examples/standalone-preview/storybook.tsx b/examples/standalone-preview/storybook.tsx
new file mode 100644
index 00000000000..8c0e649e168
--- /dev/null
+++ b/examples/standalone-preview/storybook.tsx
@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { configure, storiesOf } from '@storybook/react';
+
+configure(() => {
+  storiesOf('Component 1', module).add('Story 1', () => <div>Component 1 - Story 1</div>);
+
+  storiesOf('Component 2', module)
+    .add('Story 1', () => <div>Category 2 - Story 1</div>)
+    .add('Story 2', () => <div>Category 2 - Story 2</div>);
+}, module);
diff --git a/examples/svelte-kitchen-sink/.storybook/webpack.config.js b/examples/svelte-kitchen-sink/.storybook/webpack.config.js
index a943831441a..243b6489507 100644
--- a/examples/svelte-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/svelte-kitchen-sink/.storybook/webpack.config.js
@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = async ({ config }) => {
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/svelte-kitchen-sink/__snapshots__/svelteshots.test.js.snap b/examples/svelte-kitchen-sink/__snapshots__/svelteshots.test.js.snap
index 3f995d18506..380555d1b05 100644
--- a/examples/svelte-kitchen-sink/__snapshots__/svelteshots.test.js.snap
+++ b/examples/svelte-kitchen-sink/__snapshots__/svelteshots.test.js.snap
@@ -361,15 +361,13 @@ exports[`Storyshots Welcome Welcome 1`] = `
     <h1>
       Welcome to Storybook for Svelte
     </h1>
-    
-			  
+     
     <p>
       
 			    This is a UI component dev environment for your svelte app.
 			  
     </p>
-    
-			  
+     
     <p>
       
 			    We've added some basic stories inside the 
@@ -388,17 +386,13 @@ exports[`Storyshots Welcome Welcome 1`] = `
 			    You can have as many stories as you want.
 			  
     </p>
-    
-
-			  
+     
     <h1
       class="logo svelte-5n9a95"
     >
       Svelte
     </h1>
-    
-
-			  
+     
     <p>
       
 			    Just like that, you can add your own components as stories.
@@ -422,8 +416,7 @@ exports[`Storyshots Welcome Welcome 1`] = `
       .)
 			  
     </p>
-    
-			  
+     
     <p>
       
 			    Usually we create stories with smaller UI components in the app.
@@ -442,16 +435,14 @@ exports[`Storyshots Welcome Welcome 1`] = `
 			    section in our documentation.
 			  
     </p>
-    
-			  
+     
     <p
       class="note svelte-5n9a95"
     >
       <b>
         NOTE:
       </b>
-      
-			    
+       
       <br />
       
 			    Have a look at the
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index 769ae1c6f2f..4e1549c2cd5 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -11,19 +11,19 @@
     "global": "^4.3.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
-    "@storybook/svelte": "5.2.0-alpha.31"
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/svelte": "5.2.0-alpha.44"
   }
 }
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
deleted file mode 100644
index c3dc6821fc2..00000000000
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ /dev/null
@@ -1,62 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Actions Action on component method 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <button
-    class="button svelte-n2tx93 rounded"
-  >
-    <strong>
-      Round
-       corners
-    </strong>
-    <br />
-     
-    Custom text
-     
-  </button>
-</section>
-`;
-
-exports[`Storyshots Addon|Actions Action on view method 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <h1>
-    Button view
-  </h1>
-   
-  <button
-    class="button svelte-n2tx93"
-  >
-    <strong>
-      Square
-       corners
-    </strong>
-    <br />
-     
-    
-     
-    You clicked
-    : 
-    0
-  </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>
-</section>
-`;
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
deleted file mode 100644
index 3f40c77cc6d..00000000000
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
+++ /dev/null
@@ -1,43 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Backgrounds story 1 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <h1>
-    Button view
-  </h1>
-   
-  <button
-    class="button svelte-n2tx93"
-  >
-    <strong>
-      Square
-       corners
-    </strong>
-    <br />
-     
-    
-     
-    You clicked
-    : 
-    0
-  </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>
-</section>
-`;
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
deleted file mode 100644
index 1232bcea2ae..00000000000
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
+++ /dev/null
@@ -1,39 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Centered rounded 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <button
-    class="button svelte-n2tx93 rounded"
-  >
-    <strong>
-      Round
-       corners
-    </strong>
-    <br />
-     
-    Look, I'm centered!
-     
-  </button>
-</section>
-`;
-
-exports[`Storyshots Addon|Centered with action 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <button
-    class="button svelte-n2tx93 rounded"
-  >
-    <strong>
-      Round
-       corners
-    </strong>
-    <br />
-     
-    
-     
-  </button>
-</section>
-`;
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
deleted file mode 100644
index 9ad2c1cc73d..00000000000
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
+++ /dev/null
@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Knobs Simple 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <div
-    style="width: 200px; height: 200px; background-color: green;"
-  >
-    <p>
-      I am interactive
-    </p>
-  </div>
-</section>
-`;
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
deleted file mode 100644
index 8e8009d5083..00000000000
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
+++ /dev/null
@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Links Go to welcome view 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <div
-    class="main"
-  >
-    <h1>
-      Link Action
-    </h1>
-     
-    <button
-      class="link"
-    >
-      
-			    Return to the 
-      <code
-        class="code"
-      >
-        Welcome
-      </code>
-       view story.
-			  
-    </button>
-  </div>
-</section>
-`;
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
deleted file mode 100644
index 4f71436ef5d..00000000000
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
+++ /dev/null
@@ -1,85 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Notes Note with HTML 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <h1>
-    Button view
-  </h1>
-   
-  <button
-    class="button svelte-n2tx93"
-  >
-    <strong>
-      Square
-       corners
-    </strong>
-    <br />
-     
-    
-     
-    🤔😳😯😮😄😩😓😱🤓😑😶😊
-    : 
-    0
-  </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>
-</section>
-`;
-
-exports[`Storyshots Addon|Notes Simple note 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <h1>
-    Button view
-  </h1>
-   
-  <button
-    class="button svelte-n2tx93"
-  >
-    <strong>
-      Square
-       corners
-    </strong>
-    <br />
-     
-    
-     
-    You clicked
-    : 
-    0
-  </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>
-</section>
-`;
diff --git a/examples/vue-kitchen-sink/.storybook/config.js b/examples/vue-kitchen-sink/.storybook/config.js
index a9548aa7df1..9fbd5064f92 100644
--- a/examples/vue-kitchen-sink/.storybook/config.js
+++ b/examples/vue-kitchen-sink/.storybook/config.js
@@ -13,8 +13,12 @@ Vue.use(Vuex);
 addParameters({
   options: {
     hierarchyRootSeparator: /\|/,
+    docs: {
+      iframeHeight: '60px',
+    },
   },
   docs: DocsPage,
 });
 
 load(require.context('../src/stories', true, /\.stories\.js$/), module);
+load(require.context('../src/stories', true, /\.stories\.mdx$/), module);
diff --git a/examples/vue-kitchen-sink/.storybook/presets.js b/examples/vue-kitchen-sink/.storybook/presets.js
new file mode 100644
index 00000000000..f140053de1f
--- /dev/null
+++ b/examples/vue-kitchen-sink/.storybook/presets.js
@@ -0,0 +1,8 @@
+module.exports = [
+  {
+    name: '@storybook/addon-docs/vue/preset',
+    options: {
+      configureJSX: true,
+    },
+  },
+];
diff --git a/examples/vue-kitchen-sink/.storybook/webpack.config.js b/examples/vue-kitchen-sink/.storybook/webpack.config.js
index a943831441a..1ded4214c02 100644
--- a/examples/vue-kitchen-sink/.storybook/webpack.config.js
+++ b/examples/vue-kitchen-sink/.storybook/webpack.config.js
@@ -1,9 +1,14 @@
 const path = require('path');
 
 module.exports = async ({ config }) => {
+  config.module.rules.push({
+    test: /\.vue$/,
+    loader: 'storybook-addon-vue-info/loader',
+    enforce: 'post',
+  });
   config.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
+    loaders: [require.resolve('@storybook/source-loader')],
     include: [path.resolve(__dirname, '../src')],
     enforce: 'pre',
   });
diff --git a/examples/vue-kitchen-sink/__snapshots__/vueshots.test.js.snap b/examples/vue-kitchen-sink/__snapshots__/vueshots.test.js.snap
index 15ea205ead2..589366792ca 100644
--- a/examples/vue-kitchen-sink/__snapshots__/vueshots.test.js.snap
+++ b/examples/vue-kitchen-sink/__snapshots__/vueshots.test.js.snap
@@ -280,7 +280,7 @@ exports[`Storyshots Button square 1`] = `
 
 exports[`Storyshots Core|Parameters passed to story 1`] = `
 <div>
-  Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"globalParameter":"globalParameter","framework":"vue","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
+  Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{},"docs":{"iframeHeight":"60px"}},"globalParameter":"globalParameter","framework":"vue","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
 </div>
 `;
 
@@ -327,6 +327,38 @@ exports[`Storyshots Custom|Decorator for Vue template 1`] = `
 </div>
 `;
 
+exports[`Storyshots Custom|Decorator for Vue withData 1`] = `
+<div
+  style="border: medium solid blue;"
+>
+  <div
+    style="border: medium solid red;"
+  >
+    <pre>
+      {
+  "id": "custom-decorator-for-vue--withdata",
+  "kind": "Custom|Decorator for Vue",
+  "name": "withData",
+  "story": "withData",
+  "customContext": 52,
+  "parameters": {
+    "options": {
+      "hierarchyRootSeparator": {},
+      "hierarchySeparator": {},
+      "docs": {
+        "iframeHeight": "60px"
+      }
+    },
+    "globalParameter": "globalParameter",
+    "framework": "vue",
+    "customParameter": 42
+  }
+}
+    </pre>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Custom|Method for rendering Vue JSX 1`] = `
 <button
   class="button"
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index ce7a4896b76..dc0401a61a1 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,26 +15,28 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.31",
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-contexts": "5.2.0-alpha.31",
-    "@storybook/addon-docs": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addon-storysource": "5.2.0-alpha.31",
-    "@storybook/addon-viewport": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/source-loader": "5.2.0-alpha.31",
-    "@storybook/vue": "5.2.0-alpha.31",
+    "@storybook/addon-a11y": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-contexts": "5.2.0-alpha.44",
+    "@storybook/addon-docs": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addon-storysource": "5.2.0-alpha.44",
+    "@storybook/addon-viewport": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/vue": "5.2.0-alpha.44",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.5",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
+    "prop-types": "^15.7.2",
+    "storybook-addon-vue-info": "^1.2.1",
     "svg-url-loader": "^2.3.2",
     "vue-loader": "^15.7.0",
     "webpack": "^4.33.0",
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
deleted file mode 100644
index d52d817bf2a..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ /dev/null
@@ -1,37 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Actions Action and method 1`] = `
-<button
-  class="button"
-  style="color: rgb(66, 185, 131); border-color: #42b983;"
->
-  Click me to log the action!
-</button>
-`;
-
-exports[`Storyshots Addon|Actions Action only 1`] = `
-<button
-  class="button"
-  style="color: rgb(66, 185, 131); border-color: #42b983;"
->
-  Click me to log the action!
-</button>
-`;
-
-exports[`Storyshots Addon|Actions Multiple actions 1`] = `
-<button
-  class="button"
-  style="color: rgb(66, 185, 131); border-color: #42b983;"
->
-  (Double) click me to log the action!
-</button>
-`;
-
-exports[`Storyshots Addon|Actions Multiple actions, object 1`] = `
-<button
-  class="button"
-  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-backgrounds.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
deleted file mode 100644
index 085173afdc9..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot
+++ /dev/null
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Backgrounds story 1 1`] = `
-<button>
-  You should be able to switch backgrounds for this story
-</button>
-`;
-
-exports[`Storyshots Addon|Backgrounds story 2 1`] = `
-<button>
-  This one too!
-</button>
-`;
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
deleted file mode 100644
index d19663d8679..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot
+++ /dev/null
@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Centered rounded 1`] = `
-<div
-  style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
->
-  <div
-    style="margin: auto; max-height: 100%;"
-  >
-    <button
-      class="button rounded"
-      style="color: rgb(66, 185, 131); border-color: #42b983;"
-    >
-      A Button with rounded edges!
-    </button>
-  </div>
-</div>
-`;
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot
deleted file mode 100644
index 6dc9d78191d..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot
+++ /dev/null
@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Contexts Languages 1`] = `
-<div
-  style="color: white; background: rgb(23, 63, 95); height: 100vh; padding: 10px;"
->
-  <div>
-    
-        Your locale is unknown, so I say NULL!
-      
-  </div>
-</div>
-`;
-
-exports[`Storyshots Addon|Contexts Simple CSS Theming 1`] = `
-<div
-  style="color: white; background: rgb(23, 63, 95); height: 100vh; padding: 10px;"
->
-  <span>
-    I'm a children of the injected 'div' (where provides a theming context).
-  </span>
-</div>
-`;
diff --git a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
deleted file mode 100644
index eeb3153aca7..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot
+++ /dev/null
@@ -1,51 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Knobs All knobs 1`] = `
-<div
-  style="border: 2px dotted; padding: 8px 22px; border-radius: 8px; border-color: deeppink;"
->
-  <h1>
-    My name is Jane,
-  </h1>
-   
-  <h3>
-    today is January 20, 2017
-  </h3>
-   
-  <p>
-    I have a stock of 20 apples, costing $2.25 each.
-  </p>
-   
-  <p>
-    Also, I have:
-  </p>
-   
-  <ul>
-    <li>
-      Laptop
-    </li>
-    <li>
-      Book
-    </li>
-    <li>
-      Whiskey
-    </li>
-  </ul>
-   
-  <p>
-    Nice to meet you!
-  </p>
-</div>
-`;
-
-exports[`Storyshots Addon|Knobs Simple 1`] = `
-<div>
-  I am John Doe and I'm 40 years old.
-</div>
-`;
-
-exports[`Storyshots Addon|Knobs XSS safety 1`] = `
-<div>
-  &lt;img src=x onerror="alert('XSS Attack')" &gt;
-</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
deleted file mode 100644
index 9fbbe1b4385..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot
+++ /dev/null
@@ -1,10 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Links Go to welcome 1`] = `
-<button
-  class="button rounded"
-  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__/addon-notes.stories.storyshot b/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
deleted file mode 100644
index a005840d537..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot
+++ /dev/null
@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Addon|Notes Note with HTML 1`] = `
-<p>
-  🤔😳😯😮
-  <br />
-  😄😩😓😱
-  <br />
-  🤓😑😶😊
-</p>
-`;
-
-exports[`Storyshots Addon|Notes Simple note 1`] = `
-<p>
-  <strong>
-    Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.
-  </strong>
-</p>
-`;
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
deleted file mode 100644
index 7f9ee9188fc..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot
+++ /dev/null
@@ -1,10 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Core|Template string only 1`] = `
-<button
-  class="button"
-  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
deleted file mode 100644
index 40d7a887f8a..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Core|Parameters passed to story 1`] = `
-<div>
-  Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"globalParameter":"globalParameter","framework":"vue","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
-</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
deleted file mode 100644
index a91f694293e..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot
+++ /dev/null
@@ -1,35 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Custom|Decorator for Vue render 1`] = `
-<div
-  style="border: medium solid blue;"
->
-  <div
-    style="border: medium solid red;"
-  >
-    <button
-      class="button"
-      style="color: pink; border-color: pink;"
-    >
-      renders component: MyButton!
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Custom|Decorator for Vue template 1`] = `
-<div
-  style="border: medium solid blue;"
->
-  <div
-    style="border: medium solid red;"
-  >
-    <button
-      class="button"
-      style="color: rgb(66, 185, 131); border-color: #42b983;"
-    >
-      MyButton with template!
-    </button>
-  </div>
-</div>
-`;
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
deleted file mode 100644
index 27a54c7eedd..00000000000
--- a/examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot
+++ /dev/null
@@ -1,96 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Custom|Method for rendering Vue JSX 1`] = `
-<button
-  class="button"
-  style="color: rgb(66, 185, 131); border-color: #42b983;"
->
-  MyButton rendered with JSX!
-</button>
-`;
-
-exports[`Storyshots Custom|Method for rendering Vue pre-registered component 1`] = `
-<p>
-  <em>
-    This component was pre-registered in .storybook/config.js
-  </em>
-  <br />
-   
-  <button
-    class="button"
-    style="color: rgb(66, 185, 131); border-color: #42b983;"
-  >
-    MyButton rendered in a template!
-  </button>
-</p>
-`;
-
-exports[`Storyshots Custom|Method for rendering Vue render + component 1`] = `
-<button
-  class="button"
-  style="color: pink; border-color: pink;"
->
-  renders component: MyButton!
-</button>
-`;
-
-exports[`Storyshots Custom|Method for rendering Vue render 1`] = `
-<div>
-  renders a div with some text in it..
-</div>
-`;
-
-exports[`Storyshots Custom|Method for rendering Vue template + component 1`] = `
-<button
-  class="button"
-  style="color: rgb(66, 185, 131); border-color: #42b983;"
->
-  MyButton rendered in a template!
-</button>
-`;
-
-exports[`Storyshots Custom|Method for rendering Vue template + methods 1`] = `
-<p>
-  <em>
-    Clicking the button will navigate to another story using the 'addon-links'
-  </em>
-  <br />
-   
-  <button
-    class="button rounded"
-    style="color: rgb(66, 185, 131); border-color: #42b983;"
-  >
-    MyButton rendered in a template + props & methods!
-  </button>
-</p>
-`;
-
-exports[`Storyshots Custom|Method for rendering Vue template 1`] = `
-<div>
-  <h1>
-    A template
-  </h1>
-   
-  <p>
-    rendered in vue in storybook
-  </p>
-</div>
-`;
-
-exports[`Storyshots Custom|Method for rendering Vue vuex + actions 1`] = `
-<button
-  class="button"
-  style="color: rgb(66, 185, 131); border-color: #42b983;"
->
-  with vuex: 0!
-</button>
-`;
-
-exports[`Storyshots Custom|Method for rendering Vue whatever you want 1`] = `
-<button
-  class="button"
-  style="color: rgb(66, 185, 131); border-color: #42b983;"
->
-  with awesomeness: 0!
-</button>
-`;
diff --git a/examples/vue-kitchen-sink/src/stories/addon-docs.stories.mdx b/examples/vue-kitchen-sink/src/stories/addon-docs.stories.mdx
new file mode 100644
index 00000000000..445657fe2a1
--- /dev/null
+++ b/examples/vue-kitchen-sink/src/stories/addon-docs.stories.mdx
@@ -0,0 +1,82 @@
+import { Story, Preview, Meta } from '@storybook/addon-docs/blocks';
+
+# Storybook Docs for Vue
+
+Storybook supports every major view layer:
+React, Vue, Angular, Ember, React Native, etc.
+
+Storybook Docs does too.
+
+<Story id="welcome--welcome" height="370px" />
+
+Let's check out a Vue prototype to see how this works.
+
+## Component Declaration
+
+Just like in React, we first declare our component.
+
+<Meta title="Addon|Docs" />
+
+This declaration doesn't show up in the MDX output.
+
+## SB5 "Classic" Vue Stories
+
+Next let's declare some stories.
+
+But first let's review how it's done in SB5 for Vue.
+
+```
+storiesOf('Button', module)
+  .add('rounded', () => ({
+    template: '<my-button :rounded="true">A Button with rounded edges</my-button>',
+  }))
+```
+
+## MDX Stories
+
+Similarly, here's how we do it in the Docs MDX format:
+
+<Story name="rounded" height="60px">
+  {{
+    template: '<my-button :rounded="true">A Button with rounded edges</my-button>',
+  }}
+</Story>
+
+This isn't the final syntax, but it gets the job done.
+
+## Another one
+
+Let's add another one. The UI updates automatically as you'd expect.
+
+<Story name="square" height="60px">
+  {{
+    template: '<my-button :rounded="false">A Button with square edges</my-button>',
+  }}
+</Story>
+
+## Longform docs
+
+And just like in the React, case we're generating long-form docs as we go.
+
+The primary difference is that for Vue Docs we generate an iframe per story.
+
+## Optimization
+
+This can be optimized using a library like [Vuera](https://github.com/akxcv/vuera)
+for embedding Vue components in React.
+
+We could also change the JSX rendering to render the entire page in Vue.
+
+## Previews
+
+Just like in React, we can easily reference other stories in our docs:
+
+<Story id="addon-knobs--all-knobs" height="400px" />
+
+## More info
+
+For more info, check out the [Storybook Docs Technical Preview](https://docs.google.com/document/d/1un6YX7xDKEKl5-MVb-egnOYN8dynb5Hf7mq0hipk8JE/edit?usp=sharing).
+
+We want your feedback to help make this more useful.
+
+Follow us on Twitter for more short demos & project updates! ❤️📈🛠
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 cdfd96be19b..bb32c513263 100644
--- a/examples/vue-kitchen-sink/src/stories/components/button.stories.js
+++ b/examples/vue-kitchen-sink/src/stories/components/button.stories.js
@@ -1,5 +1,10 @@
+import Button from '../Button.vue';
+
 export default {
   title: 'Button',
+  parameters: {
+    component: Button,
+  },
 };
 
 export const rounded = () => ({
diff --git a/examples/vue-kitchen-sink/src/stories/components/welcome.stories.js b/examples/vue-kitchen-sink/src/stories/components/welcome.stories.js
index 0dd5164380c..fd5f87471b0 100644
--- a/examples/vue-kitchen-sink/src/stories/components/welcome.stories.js
+++ b/examples/vue-kitchen-sink/src/stories/components/welcome.stories.js
@@ -9,7 +9,8 @@ export default {
   },
 };
 
-export const welcome = () => ({
-  render: h => h(Welcome, { props: { goToButton: linkTo('Button') } }),
-});
-welcome.story = { welcome };
+export const welcome = () => {
+  return {
+    render: h => h(Welcome, { props: { goToButton: linkTo('Button') } }),
+  };
+};
diff --git a/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js b/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
index c6103cbdb22..c5bc0a2d2d1 100644
--- a/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
+++ b/examples/vue-kitchen-sink/src/stories/custom-decorators.stories.js
@@ -5,7 +5,7 @@ export default {
   decorators: [
     storyFn => {
       // Decorated with story-function
-      const WrapButton = storyFn();
+      const WrapButton = storyFn({ customContext: 52, parameters: { customParameter: 42 } });
       return {
         components: { WrapButton },
         template: '<div :style="{ border: borderStyle }"><wrap-button/></div>',
@@ -30,6 +30,10 @@ export const template = () => ({
   template: '<my-button>MyButton with template</my-button>',
 });
 
+export const withData = ({ parameters, ...rest }) => ({
+  template: `<pre>${JSON.stringify({ ...rest, parameters }, null, 2)}</pre>`,
+});
+
 export const render = () => ({
   render(h) {
     return h(MyButton, { props: { color: 'pink' } }, ['renders component: MyButton']);
diff --git a/examples/vue-kitchen-sink/webpack.config.js b/examples/vue-kitchen-sink/webpack.config.js
index 9c5664d6605..42d89b8c123 100644
--- a/examples/vue-kitchen-sink/webpack.config.js
+++ b/examples/vue-kitchen-sink/webpack.config.js
@@ -39,6 +39,12 @@ module.exports = {
           noquotes: true,
         },
       },
+      {
+        test: /\.stories\.jsx?$/,
+        loader: require.resolve('@storybook/source-loader'),
+        include: [path.resolve(__dirname, '../stories')],
+        enforce: 'pre',
+      },
     ],
   },
   resolve: {
diff --git a/jest.config.js b/jest.config.js
index f5a57e84692..139bc97ae3b 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -3,7 +3,7 @@ module.exports = {
   clearMocks: true,
   moduleNameMapper: {
     // non-js files
-    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|mdx)$':
       '<rootDir>/__mocks__/fileMock.js',
     '\\.(css|scss|stylesheet)$': '<rootDir>/__mocks__/styleMock.js',
     '\\.(md)$': '<rootDir>/__mocks__/htmlMock.js',
@@ -68,9 +68,11 @@ module.exports = {
     '/generators/',
     '/dll/',
     '/__mocks__ /',
+    '/__testfixtures__/',
   ],
   globals: {
     DOCS_MODE: false,
+    PREVIEW_URL: undefined,
   },
   snapshotSerializers: ['jest-emotion', 'enzyme-to-json/serializer'],
   coverageDirectory: 'coverage',
diff --git a/lerna.json b/lerna.json
index 4c60f76e419..97ea2ed6dc7 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "5.2.0-alpha.31"
+  "version": "5.2.0-alpha.44"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index e4ea47b8907..0098176da9f 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -21,9 +21,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/channels": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/lib/addons/src/index.ts b/lib/addons/src/index.ts
index 046b59d403c..06f3ef85917 100644
--- a/lib/addons/src/index.ts
+++ b/lib/addons/src/index.ts
@@ -3,8 +3,8 @@ import global from 'global';
 import { ReactElement } from 'react';
 import { Channel } from '@storybook/channels';
 import { API } from '@storybook/api';
-import logger from '@storybook/client-logger';
-import { types, Types, isSupportedType } from './types';
+import { logger } from '@storybook/client-logger';
+import { types, Types } from './types';
 
 export interface RenderOptions {
   active: boolean;
@@ -24,12 +24,11 @@ export interface Addon {
   route?: (routeOptions: RouteOptions) => string;
   match?: (matchOptions: MatchOptions) => boolean;
   render: (renderOptions: RenderOptions) => ReactElement<any>;
+  paramKey?: string;
 }
 
 export type Loader = (api: API) => void;
 
-export { types, Types, isSupportedType };
-
 interface Loaders {
   [key: string]: Loader;
 }
diff --git a/lib/addons/src/make-decorator.test.ts b/lib/addons/src/make-decorator.test.ts
index 0fef08cc910..6501f583226 100644
--- a/lib/addons/src/make-decorator.test.ts
+++ b/lib/addons/src/make-decorator.test.ts
@@ -1,5 +1,6 @@
 import deprecate from 'util-deprecate';
-import { makeDecorator, StoryContext, StoryGetter } from './make-decorator';
+import { StoryContext, StoryGetter } from './types';
+import { makeDecorator } from './make-decorator';
 
 // Copy & paste from internal api: client-api/src/client_api
 type DecoratorFn = (fn: StoryGetter, context: StoryContext) => any;
diff --git a/lib/addons/src/make-decorator.ts b/lib/addons/src/make-decorator.ts
index 2347c3b32e4..912f69ab387 100644
--- a/lib/addons/src/make-decorator.ts
+++ b/lib/addons/src/make-decorator.ts
@@ -1,29 +1,5 @@
 import deprecate from 'util-deprecate';
-
-export interface StoryContext {
-  name: string;
-  kind: string;
-  parameters: {
-    [key: string]: any;
-  };
-}
-
-export interface WrapperSettings {
-  options: {
-    [key: string]: any;
-  };
-  parameters: {
-    [key: string]: any;
-  };
-}
-
-export type StoryGetter = (context: StoryContext) => any;
-
-export type StoryWrapper = (
-  getStory: StoryGetter,
-  context: StoryContext,
-  settings: WrapperSettings
-) => any;
+import { StoryWrapper, StoryGetter, StoryContext } from './types';
 
 type MakeDecoratorResult = (...args: any) => any;
 
diff --git a/lib/addons/src/public_api.ts b/lib/addons/src/public_api.ts
index a45518dec6c..8a3b7347b61 100644
--- a/lib/addons/src/public_api.ts
+++ b/lib/addons/src/public_api.ts
@@ -7,5 +7,6 @@ import { addons } from './index';
 
 export * from './make-decorator';
 export * from './index';
+export * from './types';
 export * from './storybook-channel-mock';
 export default addons;
diff --git a/lib/addons/src/types.ts b/lib/addons/src/types.ts
index 06ac6e0dfc7..78126fa4233 100644
--- a/lib/addons/src/types.ts
+++ b/lib/addons/src/types.ts
@@ -1,3 +1,5 @@
+import { Addon } from './index';
+
 export enum types {
   TAB = 'tab',
   PANEL = 'panel',
@@ -11,3 +13,83 @@ export type Types = types | string;
 export function isSupportedType(type: Types): boolean {
   return !!Object.values(types).find(typeVal => typeVal === type);
 }
+
+export interface Parameters {
+  fileName?: string;
+  options?: OptionsParameter;
+  [key: string]: any;
+}
+
+export interface StoryContext {
+  id: string;
+  name: string;
+  kind: string;
+  [key: string]: any;
+  parameters: Parameters;
+}
+
+export interface WrapperSettings {
+  options: OptionsParameter;
+  parameters: {
+    [key: string]: any;
+  };
+}
+
+export interface OptionsParameter extends Object {
+  storySort?: any;
+  hierarchyRootSeparator?: string;
+  hierarchySeparator?: RegExp;
+  theme?: {
+    base: string;
+    brandTitle?: string;
+  };
+  [key: string]: any;
+}
+
+export type StoryGetter = (context: StoryContext) => any;
+export type StoryFn<ReturnType = unknown> = (p?: StoryContext) => ReturnType;
+
+export type StoryWrapper = (
+  getStory: StoryGetter,
+  context: StoryContext,
+  settings: WrapperSettings
+) => any;
+
+export type MakeDecoratorResult = (...args: any) => any;
+
+export interface AddStoryArgs<ReturnType = unknown> {
+  id: string;
+  kind: string;
+  name: string;
+  storyFn: StoryFn<ReturnType>;
+  parameters: Parameters;
+}
+
+export interface ClientApiAddon<TApi = unknown> extends Addon {
+  apply: (a: StoryApi<TApi>, b: any[]) => any;
+}
+export interface ClientApiAddons<TApi> {
+  [key: string]: ClientApiAddon<TApi>;
+}
+
+export type ClientApiReturnFn<TApi> = (...args: any[]) => StoryApi<TApi>;
+
+export interface StoryApi<StoryFnReturnType> {
+  kind: string;
+  add: (
+    storyName: string,
+    storyFn: StoryFn<StoryFnReturnType>,
+    parameters?: Parameters
+  ) => StoryApi<StoryFnReturnType>;
+  addDecorator: (decorator: DecoratorFunction) => StoryApi<StoryFnReturnType>;
+  addParameters: (parameters: Parameters) => StoryApi<StoryFnReturnType>;
+  [k: string]: string | ClientApiReturnFn<StoryFnReturnType>;
+}
+
+export type DecoratorFunction = (fn: StoryFn, c: StoryContext) => ReturnType<StoryFn>;
+
+export interface ClientStoryApi<TApi> {
+  storiesOf(kind: string, module: NodeModule): StoryApi<TApi>;
+  addDecorator(decorator: DecoratorFunction): StoryApi<TApi>;
+  addParameters(parameter: Parameters): StoryApi<TApi>;
+}
diff --git a/lib/addons/src/typings.d.ts b/lib/addons/src/typings.d.ts
index b2b2f220352..6c38e9bdc48 100644
--- a/lib/addons/src/typings.d.ts
+++ b/lib/addons/src/typings.d.ts
@@ -1,2 +1,3 @@
 declare module 'global';
 declare module '@storybook/client-logger';
+declare module '@storybook/addons';
\ No newline at end of file
diff --git a/lib/api/package.json b/lib/api/package.json
index 0687ac0a0c2..12dcf91d16d 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -20,11 +20,11 @@
     "prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/lib/api/src/index.tsx b/lib/api/src/index.tsx
index 02bd7f7149d..f131a31fb0e 100644
--- a/lib/api/src/index.tsx
+++ b/lib/api/src/index.tsx
@@ -1,5 +1,4 @@
-/* eslint-disable react/no-multi-comp */
-import React, { ReactElement, Component, useContext, useEffect } from 'react';
+import React, { ReactElement, Component, useContext, useEffect, useRef } from 'react';
 import memoize from 'memoizerific';
 // @ts-ignore shallow-equal is not in DefinitelyTyped
 import shallowEqualObjects from 'shallow-equal/objects';
@@ -315,6 +314,7 @@ type StateMerger<S> = (input: S) => S;
 
 export function useAddonState<S>(addonId: string, defaultState?: S) {
   const api = useStorybookApi();
+  const ref = useRef<{ [k: string]: boolean }>({});
 
   const existingState = api.getAddonState<S>(addonId);
   const state = orDefault<S>(existingState, defaultState);
@@ -323,8 +323,11 @@ export function useAddonState<S>(addonId: string, defaultState?: S) {
     return api.setAddonState<S>(addonId, newStateOrMerger, options);
   };
 
-  if (typeof existingState === 'undefined') {
-    api.setAddonState<S>(addonId, state);
+  if (typeof existingState === 'undefined' && typeof state !== 'undefined') {
+    if (!ref.current[addonId]) {
+      api.setAddonState<S>(addonId, state);
+      ref.current[addonId] = true;
+    }
   }
 
   return [state, setState] as [
diff --git a/lib/api/src/modules/addons.ts b/lib/api/src/modules/addons.ts
index efc6a1758b3..8758e2a9738 100644
--- a/lib/api/src/modules/addons.ts
+++ b/lib/api/src/modules/addons.ts
@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 
-import { Module, State } from '../index';
+import { Module } from '../index';
 import { Options } from '../store';
 
 export enum types {
@@ -31,6 +31,7 @@ export interface Addon {
   route?: (routeOptions: RouteOptions) => string;
   match?: (matchOptions: MatchOptions) => boolean;
   render: (renderOptions: RenderOptions) => ReactElement<any>;
+  paramKey?: string;
 }
 export interface Collection {
   [key: string]: Addon;
@@ -42,9 +43,16 @@ interface Panels {
 
 type StateMerger<S> = (input: S) => S;
 
+interface StoryInput {
+  parameters: {
+    [parameterName: string]: any;
+  };
+}
+
 export interface SubAPI {
   getElements: (type: Types) => Collection;
   getPanels: () => Collection;
+  getStoryPanels: () => Collection;
   getSelectedPanel: () => string;
   setSelectedPanel: (panelName: string) => void;
   setAddonState<S>(
@@ -72,6 +80,28 @@ export default ({ provider, store }: Module) => {
   const api: SubAPI = {
     getElements: type => provider.getElements(type),
     getPanels: () => api.getElements(types.PANEL),
+    getStoryPanels: () => {
+      const allPanels = api.getPanels();
+      const { storyId, storiesHash } = store.getState();
+      const storyInput = storyId && (storiesHash[storyId] as StoryInput);
+
+      if (!allPanels || !storyInput) {
+        return allPanels;
+      }
+
+      const { parameters } = storyInput;
+
+      const filteredPanels: Collection = {};
+      Object.entries(allPanels).forEach(([id, panel]) => {
+        const { paramKey } = panel;
+        if (paramKey && parameters && parameters[paramKey] && parameters[paramKey].disabled) {
+          return;
+        }
+        filteredPanels[id] = panel;
+      });
+
+      return filteredPanels;
+    },
     getSelectedPanel: () => {
       const { selectedPanel } = store.getState();
       return ensurePanel(api.getPanels(), selectedPanel, selectedPanel);
@@ -85,6 +115,7 @@ export default ({ provider, store }: Module) => {
       options?: Options
     ): Promise<S> {
       let nextState;
+      const { addons: existing } = store.getState();
       if (typeof newStateOrMerger === 'function') {
         const merger = newStateOrMerger as StateMerger<S>;
         nextState = merger(api.getAddonState<S>(addonId));
@@ -92,7 +123,7 @@ export default ({ provider, store }: Module) => {
         nextState = newStateOrMerger;
       }
       return store
-        .setState({ addons: { [addonId]: nextState } }, options)
+        .setState({ addons: { ...existing, [addonId]: nextState } }, options)
         .then(() => api.getAddonState(addonId));
     },
     getAddonState: addonId => {
diff --git a/lib/api/src/modules/stories.ts b/lib/api/src/modules/stories.ts
index 524063400a9..43aa703f898 100644
--- a/lib/api/src/modules/stories.ts
+++ b/lib/api/src/modules/stories.ts
@@ -8,7 +8,7 @@ type Direction = -1 | 1;
 type StoryId = string;
 type ParameterName = string;
 
-type ViewMode = 'story' | 'info' | undefined;
+type ViewMode = 'story' | 'info' | 'settings' | undefined;
 
 export interface SubState {
   storiesHash: StoriesHash;
@@ -189,7 +189,7 @@ const initStoriesApi = ({
         hierarchySeparator: groupSeparator,
       } = (parameters && parameters.options) || {
         hierarchyRootSeparator: '|',
-        hierarchySeparator: '/',
+        hierarchySeparator: /\/|\./,
       };
 
       const { root, groups } = parseKind(kind, { rootSeparator, groupSeparator });
@@ -262,7 +262,7 @@ Did you create a path that uses the separator char accidentally, such as 'Vue <d
 
     // Now create storiesHash by reordering the above by group
     const storiesHash: StoriesHash = Object.values(storiesHashOutOfOrder).reduce(addItem, {});
-
+    const settingsPageList = ['about', 'shortcuts'];
     const { storyId, viewMode } = store.getState();
 
     if (storyId && storyId.match(/--\*$/)) {
@@ -279,7 +279,11 @@ Did you create a path that uses the separator char accidentally, such as 'Vue <d
       // we pick the first leaf and navigate
       const firstLeaf = Object.values(storiesHash).find((s: Story | Group) => !s.children);
 
-      if (viewMode && firstLeaf) {
+      if (viewMode === 'settings' && settingsPageList.includes(storyId)) {
+        navigate(`/${viewMode}/${storyId}`);
+      } else if (viewMode === 'settings' && !settingsPageList.includes(storyId)) {
+        navigate(`/story/${firstLeaf.id}`);
+      } else if (viewMode && firstLeaf) {
         navigate(`/${viewMode}/${firstLeaf.id}`);
       }
     }
diff --git a/lib/api/src/modules/versions.ts b/lib/api/src/modules/versions.ts
index b9aeb92cf5f..1544d918553 100644
--- a/lib/api/src/modules/versions.ts
+++ b/lib/api/src/modules/versions.ts
@@ -12,15 +12,20 @@ export interface Version {
   [key: string]: any;
 }
 
-export interface SubState {
-  versions: {
-    [key: string]: {
-      [key: string]: any;
-    };
-    latest?: Version;
-    next?: Version;
-    current?: Version;
+export interface UnknownEntries {
+  [key: string]: {
+    [key: string]: any;
   };
+}
+
+export interface Versions {
+  latest?: Version;
+  next?: Version;
+  current?: Version;
+}
+
+export interface SubState {
+  versions: Versions & UnknownEntries;
   lastVersionCheck: number;
   dismissedVersionNotification: undefined | string;
 }
diff --git a/lib/api/src/tests/addons.test.js b/lib/api/src/tests/addons.test.js
new file mode 100644
index 00000000000..c17c485518e
--- /dev/null
+++ b/lib/api/src/tests/addons.test.js
@@ -0,0 +1,159 @@
+import initAddons, { types } from '../modules/addons';
+
+const PANELS = {
+  a11y: {
+    title: 'Accessibility',
+    paramKey: 'a11y',
+  },
+  actions: {
+    title: 'Actions',
+    paramKey: 'actions',
+  },
+  knobs: {
+    title: 'Knobs',
+    paramKey: 'knobs',
+  },
+};
+
+const provider = {
+  getElements(type) {
+    if (type === types.PANEL) {
+      return PANELS;
+    }
+    return null;
+  },
+};
+
+const store = {
+  getState: () => ({
+    selectedPanel: '',
+  }),
+  setState: jest.fn(),
+};
+
+describe('Addons API', () => {
+  describe('#getElements', () => {
+    it('should return provider elements', () => {
+      // given
+      const { api } = initAddons({ provider, store });
+
+      // when
+      const panels = api.getElements(types.PANEL);
+
+      // then
+      expect(panels).toBe(PANELS);
+    });
+  });
+
+  describe('#getPanels', () => {
+    it('should return provider panels', () => {
+      // given
+      const { api } = initAddons({ provider, store });
+
+      // when
+      const panels = api.getPanels();
+
+      // then
+      expect(panels).toBe(PANELS);
+    });
+  });
+
+  describe('#getStoryPanels', () => {
+    it('should return all panels by default', () => {
+      // given
+      const { api } = initAddons({ provider, store });
+
+      // when
+      const filteredPanels = api.getStoryPanels();
+
+      // then
+      expect(filteredPanels).toBe(PANELS);
+    });
+
+    it('should filter disabled addons', () => {
+      // given
+      const storyId = 'story 1';
+      const storeWithStory = {
+        getState: () => ({
+          storyId,
+          storiesHash: {
+            [storyId]: {
+              parameters: {
+                a11y: { disabled: true },
+              },
+            },
+          },
+        }),
+        setState: jest.fn(),
+      };
+
+      const { api } = initAddons({ provider, store: storeWithStory });
+
+      // when
+      const filteredPanels = api.getStoryPanels();
+
+      // then
+      expect(filteredPanels).toEqual({
+        actions: PANELS.actions,
+        knobs: PANELS.knobs,
+      });
+    });
+  });
+
+  describe('#getSelectedPanel', () => {
+    it('should return provider panels', () => {
+      // given
+      const storeWithSelectedPanel = {
+        getState: () => ({
+          selectedPanel: 'actions',
+        }),
+        setState: jest.fn(),
+      };
+      const { api } = initAddons({ provider, store: storeWithSelectedPanel });
+
+      // when
+      const selectedPanel = api.getSelectedPanel();
+
+      // then
+      expect(selectedPanel).toBe('actions');
+    });
+
+    it('should return first panel when selected is not a panel', () => {
+      // given
+      const storeWithSelectedPanel = {
+        getState: () => ({
+          selectedPanel: 'unknown',
+        }),
+        setState: jest.fn(),
+      };
+      const { api } = initAddons({ provider, store: storeWithSelectedPanel });
+
+      // when
+      const selectedPanel = api.getSelectedPanel();
+
+      // then
+      expect(selectedPanel).toBe('a11y');
+    });
+  });
+
+  describe('#setSelectedPanel', () => {
+    it('should set value inn store', () => {
+      // given
+      const setState = jest.fn();
+      const storeWithSelectedPanel = {
+        getState: () => ({
+          selectedPanel: 'actions',
+        }),
+        setState,
+      };
+      const { api } = initAddons({ provider, store: storeWithSelectedPanel });
+      expect(setState).not.toHaveBeenCalled();
+
+      // when
+      api.setSelectedPanel('knobs');
+
+      // then
+      expect(setState).toHaveBeenCalledWith({ selectedPanel: 'knobs' }, { persistence: 'session' });
+    });
+  });
+});
diff --git a/lib/api/src/tests/stories.test.js b/lib/api/src/tests/stories.test.js
index 6db0dcf482f..7dc1240c9b6 100644
--- a/lib/api/src/tests/stories.test.js
+++ b/lib/api/src/tests/stories.test.js
@@ -221,6 +221,40 @@ describe('stories API', () => {
       setStories(storiesHash);
       expect(navigate).not.toHaveBeenCalled();
     });
+
+    it('navigates to the settings page if a existing page was selected', () => {
+      const navigate = jest.fn();
+      const store = {
+        getState: () => ({ viewMode: 'settings', storyId: 'about' }),
+        setState: jest.fn(),
+      };
+
+      const {
+        api: { setStories },
+      } = initStories({ store, navigate });
+
+      setStories(storiesHash);
+      expect(navigate).toHaveBeenCalledWith('/settings/about');
+    });
+
+    it(
+      'navigates to the first story in the store when viewMode is settings but' +
+        'non-existent page was selected',
+      () => {
+        const navigate = jest.fn();
+        const store = {
+          getState: () => ({ viewMode: 'settings', storyId: 'random' }),
+          setState: jest.fn(),
+        };
+
+        const {
+          api: { setStories },
+        } = initStories({ store, navigate });
+
+        setStories(storiesHash);
+        expect(navigate).toHaveBeenCalledWith('/story/a--1');
+      }
+    );
   });
 
   describe('jumpToStory', () => {
diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index 6586ec6dff2..c0509cbccee 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '5.2.0-alpha.31';
+export const version = '5.2.0-alpha.44';
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index 9a43f5f06df..dd4e375d22b 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "telejson": "^2.2.1"
diff --git a/lib/channel-postmessage/src/index.ts b/lib/channel-postmessage/src/index.ts
index 8b8cd2faee6..a2a01a4ea83 100644
--- a/lib/channel-postmessage/src/index.ts
+++ b/lib/channel-postmessage/src/index.ts
@@ -67,12 +67,18 @@ export class PostmsgTransport {
       });
     }
     let depth = 15;
+    let allowFunction = true;
+
+    if (options && typeof options.allowFunction === 'boolean') {
+      // eslint-disable-next-line prefer-destructuring
+      allowFunction = options.allowFunction;
+    }
     if (options && Number.isInteger(options.depth)) {
       // eslint-disable-next-line prefer-destructuring
       depth = options.depth;
     }
 
-    const data = stringify({ key: KEY, event }, { maxDepth: depth });
+    const data = stringify({ key: KEY, event }, { maxDepth: depth, allowFunction });
 
     // TODO: investigate http://blog.teamtreehouse.com/cross-domain-messaging-with-postmessage
     // might replace '*' with document.location ?
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index 17cbc63587c..146bc73c095 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.31",
+    "@storybook/channels": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "json-fn": "^1.1.1"
diff --git a/lib/channels/package.json b/lib/channels/package.json
index ccd536b4090..db3897c5f5d 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/cli/README.md b/lib/cli/README.md
index 1617b652534..4f5c83d1c6a 100644
--- a/lib/cli/README.md
+++ b/lib/cli/README.md
@@ -2,8 +2,6 @@
 
 Storybook CLI (_Command Line Interface_) is the easiest way to add [Storybook](https://github.com/storybookjs/storybook) to your project.
 
-In the future it will also add other useful generators and migration tooling.
-
 ![Screenshot](docs/getstorybook.png)
 
 Just go to your project and run:
@@ -13,7 +11,13 @@ cd my-app
 npx -p @storybook/cli sb init
 ```
 
-That's all you've to do.
+In addition to `init`, the CLI also has other commands:
+
+- `add` - add an addon and register it
+- `info` - print out system information for bug reports
+- `migrate` - run codemods to migrate your code
+
+See the command-line help with `-h` for details.
 
 ---
 
diff --git a/lib/cli/bin/generate.js b/lib/cli/bin/generate.js
index da290b80f68..c9fddf3d1fc 100644
--- a/lib/cli/bin/generate.js
+++ b/lib/cli/bin/generate.js
@@ -5,6 +5,7 @@ import pkg from '../package.json';
 import initiate from '../lib/initiate';
 import { codeLog } from '../lib/helpers';
 import add from '../lib/add';
+import { migrate } from '../lib/migrate';
 
 const logger = console;
 
@@ -36,7 +37,7 @@ if (process.argv[1].includes('getstorybook')) {
     .command('info')
     .description('Prints debugging information about the local environment')
     .action(() => {
-      console.log(chalk.bold('\nEnvironment Info:'));
+      logger.log(chalk.bold('\nEnvironment Info:'));
       envinfo
         .run({
           System: ['OS', 'CPU'],
@@ -44,7 +45,27 @@ if (process.argv[1].includes('getstorybook')) {
           Browsers: ['Chrome', 'Edge', 'Firefox', 'Safari'],
           npmGlobalPackages: ['@storybook/cli'],
         })
-        .then(console.log);
+        .then(logger.log);
+    });
+
+  program
+    .command('migrate [migration]')
+    .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(
+      '-n --dry-run',
+      'Dry run: verify the migration exists and show the files to which it will be applied'
+    )
+    .option(
+      '-r --rename <from-to>',
+      'Rename suffix of matching files after codemod has been applied, e.g. ".js:.ts"'
+    )
+    .action((migration, { configDir, glob, dryRun, list, rename }) => {
+      migrate(migration, { configDir, glob, dryRun, list, rename, logger }).catch(err => {
+        logger.error(err);
+        process.exit(1);
+      });
     });
 
   program.command('*', { noHelp: true }).action(cmd => {
diff --git a/lib/cli/generators/REACT_NATIVE/index.js b/lib/cli/generators/REACT_NATIVE/index.js
index b488122772c..c289ec32636 100644
--- a/lib/cli/generators/REACT_NATIVE/index.js
+++ b/lib/cli/generators/REACT_NATIVE/index.js
@@ -12,17 +12,12 @@ import {
 } from '../../lib/helpers';
 
 export default async (npmOptions, installServer) => {
-  const [
-    storybookVersion,
-    addonsVersion,
-    actionsVersion,
-    linksVersion,
-  ] = await getVersions(
+  const [storybookVersion, addonsVersion, actionsVersion, linksVersion] = await getVersions(
     npmOptions,
     '@storybook/react-native',
     '@storybook/addons',
     '@storybook/addon-actions',
-    '@storybook/addon-links',
+    '@storybook/addon-links'
   );
 
   // copy all files from the template directory to project directory
@@ -76,8 +71,5 @@ export default async (npmOptions, installServer) => {
 
   const babelDependencies = await getBabelDependencies(npmOptions, packageJson);
 
-  installDependencies(npmOptions, [
-    ...devDependencies,
-    ...babelDependencies,
-  ]);
+  installDependencies(npmOptions, [...devDependencies, ...babelDependencies]);
 };
diff --git a/lib/cli/generators/REACT_NATIVE/template/storybook/stories/index.js b/lib/cli/generators/REACT_NATIVE/template/storybook/stories/index.js
index 63f1a626671..b354a462808 100644
--- a/lib/cli/generators/REACT_NATIVE/template/storybook/stories/index.js
+++ b/lib/cli/generators/REACT_NATIVE/template/storybook/stories/index.js
@@ -5,6 +5,7 @@ import { storiesOf } from '@storybook/react-native';
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
 
+// eslint-disable-next-line import/extensions
 import Button from './Button';
 import CenterView from './CenterView';
 import Welcome from './Welcome';
diff --git a/lib/cli/lib/helpers.js b/lib/cli/lib/helpers.js
index 03290d91ae5..6b0d67ee801 100644
--- a/lib/cli/lib/helpers.js
+++ b/lib/cli/lib/helpers.js
@@ -181,7 +181,7 @@ export function installDepsFromPackageJson(options) {
 /**
  * Add dependencies to a project using `yarn add` or `npm install`.
  *
- * @param {Object} npmOptions contains `useYarn` and `installAsDevDependencies` which we use to determine how we install packages.
+ * @param {Object} npmOptions contains `useYarn`, `runInstall` and `installAsDevDependencies` which we use to determine how we install packages.
  * @param {Array} dependencies contains a list of packages to add.
  * @example
  * installDependencies(npmOptions, [
@@ -192,22 +192,45 @@ export function installDepsFromPackageJson(options) {
  * ]);
  */
 export function installDependencies(npmOptions, dependencies) {
-  const spawnCommand = npmOptions.useYarn ? 'yarn' : 'npm';
-  const installCommand = npmOptions.useYarn ? 'add' : 'install';
+  const { skipInstall } = npmOptions;
 
-  const installArgs = [installCommand, ...dependencies];
+  if (skipInstall) {
+    const spawnCommand = 'pkg-add-deps';
 
-  if (npmOptions.installAsDevDependencies) {
-    installArgs.push('-D');
-  }
+    const installArgs = dependencies;
 
-  const dependencyResult = spawnSync(spawnCommand, installArgs, {
-    stdio: 'inherit',
-  });
+    if (npmOptions.installAsDevDependencies) {
+      installArgs.push('-D');
+    }
 
-  if (dependencyResult.status !== 0) {
-    logger.error('An error occurred while installing dependencies.');
-    process.exit(1);
+    const dependencyResult = spawnSync(spawnCommand, installArgs, {
+      stdio: 'inherit',
+    });
+
+    if (dependencyResult.status !== 0) {
+      logger.error('An error occurred while installing dependencies.');
+      logger.log(dependencyResult);
+      process.exit(1);
+    }
+  } else {
+    const spawnCommand = npmOptions.useYarn ? 'yarn' : 'npm';
+    const installCommand = npmOptions.useYarn ? 'add' : 'install';
+
+    const installArgs = [installCommand, ...dependencies];
+
+    if (npmOptions.installAsDevDependencies) {
+      installArgs.push('-D');
+    }
+
+    const dependencyResult = spawnSync(spawnCommand, installArgs, {
+      stdio: 'inherit',
+    });
+
+    if (dependencyResult.status !== 0) {
+      logger.error('An error occurred while installing dependencies.');
+      logger.log(dependencyResult);
+      process.exit(1);
+    }
   }
 }
 
diff --git a/lib/cli/lib/initiate.js b/lib/cli/lib/initiate.js
index 438a0836eff..26437136e30 100644
--- a/lib/cli/lib/initiate.js
+++ b/lib/cli/lib/initiate.js
@@ -38,6 +38,7 @@ const installStorybook = (projectType, options) => {
   const npmOptions = {
     useYarn,
     installAsDevDependencies: true,
+    skipInstall: options.skipInstall,
   };
 
   const runStorybookCommand = useYarn ? 'yarn storybook' : 'npm run storybook';
@@ -195,7 +196,7 @@ const installStorybook = (projectType, options) => {
 
         // Add a new line for the clear visibility.
         logger.log();
-        // eslint-disable-next-line no-use-before-define
+
         return projectTypeInquirer(options);
     }
   };
diff --git a/lib/cli/lib/migrate.js b/lib/cli/lib/migrate.js
new file mode 100644
index 00000000000..40975fa3c21
--- /dev/null
+++ b/lib/cli/lib/migrate.js
@@ -0,0 +1,12 @@
+import { listCodemods, runCodemod } from '@storybook/codemod';
+import hasYarn from './has_yarn';
+
+export async function migrate(migration, { configDir, glob, dryRun, list, rename, logger }) {
+  if (list) {
+    listCodemods().forEach(key => logger.log(key));
+  } else if (migration) {
+    await runCodemod(migration, { configDir, glob, dryRun, logger, rename, hasYarn: hasYarn() });
+  } else {
+    throw new Error('Migrate: please specify a migration name or --list');
+  }
+}
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 8422af5d229..0a77fb173ed 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -30,7 +30,7 @@
     "@babel/core": "^7.4.5",
     "@babel/preset-env": "^7.4.5",
     "@babel/register": "^7.0.0",
-    "@storybook/codemod": "5.2.0-alpha.31",
+    "@storybook/codemod": "5.2.0-alpha.44",
     "chalk": "^2.4.1",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
@@ -40,38 +40,39 @@
     "inquirer": "^6.2.0",
     "jscodeshift": "^0.6.3",
     "json5": "^2.1.0",
+    "pkg-add-deps": "^0.1.0",
     "semver": "^6.0.0",
     "shelljs": "^0.8.3",
     "update-notifier": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.31",
-    "@storybook/addon-centered": "5.2.0-alpha.31",
-    "@storybook/addon-graphql": "5.2.0-alpha.31",
-    "@storybook/addon-info": "5.2.0-alpha.31",
-    "@storybook/addon-knobs": "5.2.0-alpha.31",
-    "@storybook/addon-links": "5.2.0-alpha.31",
-    "@storybook/addon-notes": "5.2.0-alpha.31",
-    "@storybook/addon-options": "5.2.0-alpha.31",
-    "@storybook/addon-storyshots": "5.2.0-alpha.31",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/angular": "5.2.0-alpha.31",
-    "@storybook/channel-postmessage": "5.2.0-alpha.31",
-    "@storybook/channel-websocket": "5.2.0-alpha.31",
-    "@storybook/channels": "5.2.0-alpha.31",
-    "@storybook/ember": "5.2.0-alpha.31",
-    "@storybook/html": "5.2.0-alpha.31",
-    "@storybook/marko": "5.2.0-alpha.31",
-    "@storybook/mithril": "5.2.0-alpha.31",
-    "@storybook/polymer": "5.2.0-alpha.31",
-    "@storybook/preact": "5.2.0-alpha.31",
-    "@storybook/rax": "5.2.0-alpha.31",
-    "@storybook/react": "5.2.0-alpha.31",
-    "@storybook/react-native": "5.2.0-alpha.31",
-    "@storybook/riot": "5.2.0-alpha.31",
-    "@storybook/svelte": "5.2.0-alpha.31",
-    "@storybook/ui": "5.2.0-alpha.31",
-    "@storybook/vue": "5.2.0-alpha.31"
+    "@storybook/addon-actions": "5.2.0-alpha.44",
+    "@storybook/addon-centered": "5.2.0-alpha.44",
+    "@storybook/addon-graphql": "5.2.0-alpha.44",
+    "@storybook/addon-info": "5.2.0-alpha.44",
+    "@storybook/addon-knobs": "5.2.0-alpha.44",
+    "@storybook/addon-links": "5.2.0-alpha.44",
+    "@storybook/addon-notes": "5.2.0-alpha.44",
+    "@storybook/addon-options": "5.2.0-alpha.44",
+    "@storybook/addon-storyshots": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/angular": "5.2.0-alpha.44",
+    "@storybook/channel-postmessage": "5.2.0-alpha.44",
+    "@storybook/channel-websocket": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/ember": "5.2.0-alpha.44",
+    "@storybook/html": "5.2.0-alpha.44",
+    "@storybook/marko": "5.2.0-alpha.44",
+    "@storybook/mithril": "5.2.0-alpha.44",
+    "@storybook/polymer": "5.2.0-alpha.44",
+    "@storybook/preact": "5.2.0-alpha.44",
+    "@storybook/rax": "5.2.0-alpha.44",
+    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/react-native": "5.2.0-alpha.44",
+    "@storybook/riot": "5.2.0-alpha.44",
+    "@storybook/svelte": "5.2.0-alpha.44",
+    "@storybook/ui": "5.2.0-alpha.44",
+    "@storybook/vue": "5.2.0-alpha.44"
   },
   "publishConfig": {
     "access": "public"
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index 0f6ca904047..6b0bef9d153 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -16,14 +16,17 @@
   },
   "license": "MIT",
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/channel-postmessage": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "eventemitter3": "^3.1.0",
@@ -31,7 +34,8 @@
     "is-plain-object": "^3.0.0",
     "lodash": "^4.17.11",
     "memoizerific": "^1.11.3",
-    "qs": "^6.6.0"
+    "qs": "^6.6.0",
+    "util-deprecate": "^1.0.2"
   },
   "publishConfig": {
     "access": "public"
diff --git a/lib/client-api/src/client_api.test.js b/lib/client-api/src/client_api.test.ts
similarity index 91%
rename from lib/client-api/src/client_api.test.js
rename to lib/client-api/src/client_api.test.ts
index 0a3d62cf594..95c9e2c5858 100644
--- a/lib/client-api/src/client_api.test.js
+++ b/lib/client-api/src/client_api.test.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-underscore-dangle */
 import { logger } from '@storybook/client-logger';
 import { mockChannel } from '@storybook/addons';
 import ClientApi from './client_api';
@@ -26,7 +27,7 @@ jest.mock('@storybook/client-logger', () => ({
 describe('preview.client_api', () => {
   describe('setAddon', () => {
     it('should register addons', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
       let data;
 
       clientApi.setAddon({
@@ -40,7 +41,7 @@ describe('preview.client_api', () => {
     });
 
     it('should not remove previous addons', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
       const data = [];
 
       clientApi.setAddon({
@@ -63,7 +64,7 @@ describe('preview.client_api', () => {
     });
 
     it('should call with the clientApi context', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
       let data;
 
       clientApi.setAddon({
@@ -77,7 +78,7 @@ describe('preview.client_api', () => {
     });
 
     it('should be able to access addons added previously', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
       let data;
 
       clientApi.setAddon({
@@ -97,7 +98,7 @@ describe('preview.client_api', () => {
     });
 
     it('should be able to access the current kind', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
       const kind = 'dfdwf3e3';
       let data;
 
@@ -114,31 +115,31 @@ describe('preview.client_api', () => {
 
   describe('addParameters', () => {
     it('should add parameters', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
 
       clientApi.addParameters({ a: '1' });
 
-      // eslint-disable-next-line no-underscore-dangle
+      // @ts-ignore
       expect(clientApi._globalParameters).toEqual({ a: '1', options: {} });
     });
 
     it('should merge options', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
 
       clientApi.addParameters({ options: { a: '1' } });
       clientApi.addParameters({ options: { b: '2' } });
 
-      // eslint-disable-next-line no-underscore-dangle
+      // @ts-ignore
       expect(clientApi._globalParameters).toEqual({ options: { a: '1', b: '2' } });
     });
 
     it('should override specific properties in options', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
 
       clientApi.addParameters({ backgrounds: ['value'], options: { a: '1', b: '3' } });
       clientApi.addParameters({ options: { a: '2' } });
 
-      // eslint-disable-next-line no-underscore-dangle
+      // @ts-ignore
       expect(clientApi._globalParameters).toEqual({
         backgrounds: ['value'],
         options: { a: '2', b: '3' },
@@ -146,12 +147,12 @@ describe('preview.client_api', () => {
     });
 
     it('should replace top level properties and override specific properties in options', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
 
       clientApi.addParameters({ backgrounds: ['value'], options: { a: '1', b: '3' } });
       clientApi.addParameters({ backgrounds: [], options: { a: '2' } });
 
-      // eslint-disable-next-line no-underscore-dangle
+      // @ts-ignore
       expect(clientApi._globalParameters).toEqual({
         backgrounds: [],
         options: { a: '2', b: '3' },
@@ -159,12 +160,12 @@ describe('preview.client_api', () => {
     });
 
     it('should deep merge in options', () => {
-      const { clientApi } = getContext();
+      const { clientApi } = getContext(undefined);
 
       clientApi.addParameters({ options: { a: '1', b: '2', theming: { c: '3' } } });
       clientApi.addParameters({ options: { theming: { c: '4', d: '5' } } });
 
-      // eslint-disable-next-line no-underscore-dangle
+      // @ts-ignore
       expect(clientApi._globalParameters).toEqual({
         options: { a: '1', b: '2', theming: { c: '4', d: '5' } },
       });
@@ -176,7 +177,7 @@ describe('preview.client_api', () => {
       const {
         clientApi: { storiesOf },
         storyStore,
-      } = getContext();
+      } = getContext(undefined);
 
       storiesOf('kind', module)
         .addDecorator(fn => `aa-${fn()}`)
@@ -189,11 +190,12 @@ describe('preview.client_api', () => {
       const {
         clientApi: { addDecorator, storiesOf },
         storyStore,
-      } = getContext();
+      } = getContext(undefined);
 
       addDecorator(fn => `bb-${fn()}`);
 
       storiesOf('kind', module).add('name', () => 'Hello');
+      const f = storyStore.fromId('x');
 
       expect(storyStore.fromId('kind--name').storyFn()).toBe('bb-Hello');
     });
@@ -202,7 +204,7 @@ describe('preview.client_api', () => {
       const {
         clientApi: { addDecorator, storiesOf },
         storyStore,
-      } = getContext();
+      } = getContext(undefined);
 
       addDecorator(fn => `aa-${fn()}`);
 
@@ -217,7 +219,7 @@ describe('preview.client_api', () => {
       const {
         clientApi: { storiesOf },
         storyStore,
-      } = getContext();
+      } = getContext(undefined);
 
       storiesOf('kind', module)
         .addDecorator(fn => `aa-${fn()}`)
@@ -231,7 +233,7 @@ describe('preview.client_api', () => {
       const {
         clientApi: { storiesOf },
         storyStore,
-      } = getContext();
+      } = getContext(undefined);
 
       storiesOf('kind', module)
         .addDecorator((fn, { kind, name }) => `${kind}-${name}-${fn()}`)
@@ -244,11 +246,13 @@ describe('preview.client_api', () => {
 
   describe('clearDecorators', () => {
     it('should remove all global decorators', () => {
-      const { clientApi } = getContext();
-      // eslint-disable-next-line no-underscore-dangle
+      const { clientApi } = getContext(undefined);
+
+      // @ts-ignore
       clientApi._globalDecorators = 1234;
       clientApi.clearDecorators();
-      // eslint-disable-next-line no-underscore-dangle
+
+      // @ts-ignore
       expect(clientApi._globalDecorators).toEqual([]);
     });
   });
@@ -257,7 +261,7 @@ describe('preview.client_api', () => {
     it('should transform the storybook to an array with filenames', () => {
       const {
         clientApi: { getStorybook, storiesOf },
-      } = getContext();
+      } = getContext(undefined);
 
       let book;
 
@@ -309,7 +313,7 @@ describe('preview.client_api', () => {
     it('reads filename from module', () => {
       const {
         clientApi: { getStorybook, storiesOf },
-      } = getContext();
+      } = getContext(undefined);
 
       const fn = jest.fn();
       storiesOf('kind', { id: 'foo.js' }).add('name', fn);
@@ -333,7 +337,7 @@ describe('preview.client_api', () => {
     it('should stringify ids from module', () => {
       const {
         clientApi: { getStorybook, storiesOf },
-      } = getContext();
+      } = getContext(undefined);
 
       const fn = jest.fn();
       storiesOf('kind', { id: 1211 }).add('name', fn);
@@ -374,7 +378,7 @@ describe('preview.client_api', () => {
       const {
         storyStore,
         clientApi: { storiesOf },
-      } = getContext();
+      } = getContext(undefined);
       const module = new MockModule();
 
       expect(storyStore.getRevision()).toEqual(0);
@@ -389,7 +393,7 @@ describe('preview.client_api', () => {
     it('should replace a kind when the module reloads', () => {
       const {
         clientApi: { storiesOf, getStorybook },
-      } = getContext();
+      } = getContext(undefined);
       const module = new MockModule();
 
       const stories = [jest.fn(), jest.fn()];
@@ -434,7 +438,7 @@ describe('preview.client_api', () => {
       const {
         storyStore,
         clientApi: { storiesOf, addParameters },
-      } = getContext();
+      } = getContext(undefined);
 
       addParameters({ a: 'global', b: 'global', c: 'global' });
 
@@ -456,7 +460,7 @@ describe('preview.client_api', () => {
       const {
         storyStore,
         clientApi: { storiesOf, addParameters },
-      } = getContext();
+      } = getContext(undefined);
 
       addParameters({
         addon1: 'global string value',
@@ -514,7 +518,7 @@ describe('preview.client_api', () => {
 
         const {
           clientApi: { storiesOf, getStorybook },
-        } = getContext();
+        } = getContext(undefined);
 
         expect(getStorybook()).toEqual([]);
 
@@ -537,6 +541,7 @@ describe('preview.client_api', () => {
         }
 
         storiesOf('kind', module).add('story', stories[1]);
+        // @ts-ignore
         expect(logger.warn.mock.calls[0][0]).toMatch(
           /Story with id kind--story already exists in the store/
         );
diff --git a/lib/client-api/src/client_api.js b/lib/client-api/src/client_api.ts
similarity index 70%
rename from lib/client-api/src/client_api.js
rename to lib/client-api/src/client_api.ts
index 28781896a81..264bdee65ca 100644
--- a/lib/client-api/src/client_api.js
+++ b/lib/client-api/src/client_api.ts
@@ -1,19 +1,21 @@
 /* eslint no-underscore-dangle: 0 */
-
+import deprecate from 'util-deprecate';
 import isPlainObject from 'is-plain-object';
 import { logger } from '@storybook/client-logger';
-import addons from '@storybook/addons';
+import addons, { StoryContext, StoryFn, Parameters, OptionsParameter } from '@storybook/addons';
 import Events from '@storybook/core-events';
 import { toId } from '@storybook/router/utils';
 
 import mergeWith from 'lodash/mergeWith';
 import isEqual from 'lodash/isEqual';
 import get from 'lodash/get';
-
+import { ClientApiParams, DecoratorFunction, ClientApiAddons, StoryApi } from './types';
 import subscriptionsStore from './subscriptions_store';
+import { applyHooks } from './hooks';
+import StoryStore from './story_store';
 
 // merge with concatenating arrays, but no duplicates
-const merge = (a, b) =>
+const merge = (a: any, b: any) =>
   mergeWith({}, a, b, (objValue, srcValue) => {
     if (Array.isArray(srcValue) && Array.isArray(objValue)) {
       srcValue.forEach(s => {
@@ -32,32 +34,44 @@ const merge = (a, b) =>
     return undefined;
   });
 
-export const defaultDecorateStory = (storyFn, decorators) =>
+const defaultContext: StoryContext = {
+  id: 'unspecified',
+  name: 'unspecified',
+  kind: 'unspecified',
+  parameters: {},
+};
+
+export const defaultDecorateStory = (storyFn: StoryFn, decorators: DecoratorFunction[]) =>
   decorators.reduce(
-    (decorated, decorator) => (context = {}) =>
+    (decorated, decorator) => (context: StoryContext = defaultContext) =>
       decorator(
-        (p = {}) =>
+        p =>
           decorated(
-            // MUTATION !
-            Object.assign(
-              context,
-              p,
-              { parameters: Object.assign(context.parameters || {}, p.parameters) },
-              { options: Object.assign(context.options || {}, p.options) }
-            )
+            p
+              ? {
+                  ...context,
+                  ...p,
+                  parameters: { ...context.parameters, ...p.parameters },
+                }
+              : context
           ),
         context
       ),
     storyFn
   );
 
+const metaSubscriptionHandler = deprecate(
+  subscriptionsStore.register,
+  'Events.REGISTER_SUBSCRIPTION is deprecated and will be removed in 6.0. Please use useEffect from @storybook/client-api instead.'
+);
+
 const metaSubscription = () => {
-  addons.getChannel().on(Events.REGISTER_SUBSCRIPTION, subscriptionsStore.register);
+  addons.getChannel().on(Events.REGISTER_SUBSCRIPTION, metaSubscriptionHandler);
   return () =>
-    addons.getChannel().removeListener(Events.REGISTER_SUBSCRIPTION, subscriptionsStore.register);
+    addons.getChannel().removeListener(Events.REGISTER_SUBSCRIPTION, metaSubscriptionHandler);
 };
 
-const withSubscriptionTracking = storyFn => {
+const withSubscriptionTracking = (storyFn: StoryFn) => {
   if (!addons.hasChannel()) {
     return storyFn();
   }
@@ -69,9 +83,20 @@ const withSubscriptionTracking = storyFn => {
 };
 
 export default class ClientApi {
-  constructor({ storyStore, decorateStory = defaultDecorateStory } = {}) {
+  private _storyStore: StoryStore;
+
+  private _addons: ClientApiAddons<unknown>;
+
+  private _globalDecorators: DecoratorFunction[];
+
+  private _globalParameters: Parameters;
+
+  private _decorateStory: (storyFn: StoryFn, decorators: DecoratorFunction[]) => any;
+
+  constructor({ storyStore, decorateStory = defaultDecorateStory }: ClientApiParams) {
     this._storyStore = storyStore;
     this._addons = {};
+
     this._globalDecorators = [];
     this._globalParameters = {};
     this._decorateStory = decorateStory;
@@ -81,7 +106,7 @@ export default class ClientApi {
     }
   }
 
-  setAddon = addon => {
+  setAddon = (addon: any) => {
     this._addons = {
       ...this._addons,
       ...addon,
@@ -98,11 +123,11 @@ export default class ClientApi {
       this._globalParameters.options
     );
 
-  addDecorator = decorator => {
+  addDecorator = (decorator: DecoratorFunction) => {
     this._globalDecorators.push(decorator);
   };
 
-  addParameters = parameters => {
+  addParameters = (parameters: Parameters | { globalParameter: 'string' }) => {
     this._globalParameters = {
       ...this._globalParameters,
       ...parameters,
@@ -116,7 +141,8 @@ export default class ClientApi {
     this._globalDecorators = [];
   };
 
-  storiesOf = (kind, m) => {
+  // what are the occasions that "m" is simply a boolean, vs an obj
+  storiesOf = <TApi = unknown>(kind: string, m: NodeModule): StoryApi<TApi> => {
     if (!kind && typeof kind !== 'string') {
       throw new Error('Invalid or missing kind provided for stories, should be a string');
     }
@@ -130,26 +156,25 @@ export default class ClientApi {
     if (m && m.hot && m.hot.dispose) {
       m.hot.dispose(() => {
         const { _storyStore } = this;
-        _storyStore.remove();
-
-        // TODO: refactor this
-        // Maybe not needed at all if stories can just be overwriten ?
-        this._storyStore.removeStoryKind(kind);
-        this._storyStore.incrementRevision();
+        _storyStore.removeStoryKind(kind);
+        _storyStore.incrementRevision();
       });
     }
 
-    const localDecorators = [];
-    let localParameters = {};
+    const localDecorators: DecoratorFunction[] = [];
+    let localParameters: Parameters = {};
     let hasAdded = false;
-    const api = {
-      kind,
+    const api: StoryApi<TApi> = {
+      kind: kind.toString(),
+      add: () => api,
+      addDecorator: () => api,
+      addParameters: () => api,
     };
 
     // apply addons
     Object.keys(this._addons).forEach(name => {
       const addon = this._addons[name];
-      api[name] = (...args) => {
+      api[name] = (...args: any[]) => {
         addon.apply(api, args);
         return api;
       };
@@ -158,6 +183,7 @@ export default class ClientApi {
     api.add = (storyName, storyFn, parameters) => {
       hasAdded = true;
       const { _globalParameters, _globalDecorators } = this;
+
       const id = toId(kind, storyName);
 
       if (typeof storyName !== 'string') {
@@ -173,7 +199,7 @@ export default class ClientApi {
       const fileName = m && m.id ? `${m.id}` : undefined;
 
       const { hierarchyRootSeparator, hierarchySeparator } = this.getSeparators();
-      const baseOptions = {
+      const baseOptions: OptionsParameter = {
         hierarchyRootSeparator,
         hierarchySeparator,
       };
@@ -183,7 +209,7 @@ export default class ClientApi {
         localParameters,
         parameters,
       ].reduce(
-        (acc, p) => {
+        (acc: Parameters, p) => {
           if (p) {
             Object.entries(p).forEach(([key, value]) => {
               const existingValue = acc[key];
@@ -211,7 +237,7 @@ export default class ClientApi {
           parameters: allParam,
         },
         {
-          applyDecorators: this._decorateStory,
+          applyDecorators: applyHooks(this._decorateStory),
           getDecorators: () => [
             ...(allParam.decorators || []),
             ...localDecorators,
@@ -223,7 +249,7 @@ export default class ClientApi {
       return api;
     };
 
-    api.addDecorator = decorator => {
+    api.addDecorator = (decorator: DecoratorFunction) => {
       if (hasAdded) {
         logger.warn(`You have added a decorator to the kind '${kind}' after a story has already been added.
 In Storybook 4 this applied the decorator only to subsequent stories. In Storybook 5+ it applies to all stories.
@@ -234,7 +260,7 @@ This is probably not what you intended. Read more here: https://github.com/story
       return api;
     };
 
-    api.addParameters = parameters => {
+    api.addParameters = (parameters: Parameters) => {
       localParameters = { ...localParameters, ...parameters };
       return api;
     };
diff --git a/lib/client-api/src/config_api.js b/lib/client-api/src/config_api.ts
similarity index 62%
rename from lib/client-api/src/config_api.js
rename to lib/client-api/src/config_api.ts
index 9008244478c..ba809d02414 100644
--- a/lib/client-api/src/config_api.js
+++ b/lib/client-api/src/config_api.ts
@@ -1,9 +1,31 @@
 /* eslint no-underscore-dangle: 0 */
 
 import Events from '@storybook/core-events';
+import Channel from '@storybook/channels';
+import { ErrorLike } from './types';
+import StoryStore from './story_store';
+import ClientApi from './client_api';
 
 export default class ConfigApi {
-  constructor({ channel, storyStore, clearDecorators, clientApi }) {
+  _channel: Channel;
+
+  _storyStore: StoryStore;
+
+  _clearDecorators: () => void;
+
+  clientApi: ClientApi;
+
+  constructor({
+    channel,
+    storyStore,
+    clientApi,
+    clearDecorators,
+  }: {
+    channel: Channel | null;
+    storyStore: StoryStore;
+    clientApi: ClientApi;
+    clearDecorators: () => void;
+  }) {
     // channel can be null when running in node
     // always check whether channel is available
     this._channel = channel;
@@ -17,7 +39,13 @@ export default class ConfigApi {
     this._storyStore.emit(Events.STORY_INIT);
   }
 
-  configure = (loaders, m) => {
+  _renderError(err: Error) {
+    const { stack, message } = err;
+    const error: ErrorLike = { stack, message };
+    this._storyStore.setSelection(undefined, error);
+  }
+
+  configure = (loaders: () => void, module: NodeModule) => {
     const render = () => {
       const errors = [];
 
@@ -42,13 +70,13 @@ export default class ConfigApi {
 
         throw errors[0];
       } else {
-        this._storyStore.setSelection(undefined, null);
+        this._storyStore.setSelection(undefined, undefined);
       }
     };
 
-    if (m.hot) {
-      m.hot.accept();
-      m.hot.dispose(() => {
+    if (module.hot) {
+      module.hot.accept();
+      module.hot.dispose(() => {
         this._clearDecorators();
       });
     }
diff --git a/lib/client-api/src/hooks.test.js b/lib/client-api/src/hooks.test.js
new file mode 100644
index 00000000000..2705f56523e
--- /dev/null
+++ b/lib/client-api/src/hooks.test.js
@@ -0,0 +1,445 @@
+import { FORCE_RE_RENDER } from '@storybook/addon-contexts/src/shared/constants';
+import { defaultDecorateStory } from './client_api';
+import {
+  applyHooks,
+  useEffect,
+  useMemo,
+  useCallback,
+  useRef,
+  useState,
+  useReducer,
+  useChannel,
+  useParameter,
+  useStoryContext,
+} from './hooks';
+
+jest.mock('@storybook/client-logger', () => ({
+  logger: { warn: jest.fn(), log: jest.fn() },
+}));
+
+let mockChannel;
+beforeEach(() => {
+  mockChannel = {
+    emit: jest.fn(),
+    on: jest.fn(),
+    removeListener: jest.fn(),
+  };
+});
+
+jest.mock('@storybook/addons', () => ({
+  getChannel: () => mockChannel,
+}));
+
+const decorateStory = applyHooks(defaultDecorateStory);
+
+const run = (storyFn, decorators = [], context) => decorateStory(storyFn, decorators)(context);
+
+describe('Preview hooks', () => {
+  describe('useEffect', () => {
+    it('triggers the effect from story function', () => {
+      const effect = jest.fn();
+      run(() => {
+        useEffect(effect);
+      });
+      expect(effect).toHaveBeenCalledTimes(1);
+    });
+    it('triggers the effect from decorator', () => {
+      const effect = jest.fn();
+      run(() => {}, [
+        storyFn => {
+          useEffect(effect);
+          return storyFn();
+        },
+      ]);
+      expect(effect).toHaveBeenCalledTimes(1);
+    });
+    it('triggers the effect from decorator if story call comes before useEffect', () => {
+      const effect = jest.fn();
+      run(() => {}, [
+        storyFn => {
+          const story = storyFn();
+          useEffect(effect);
+          return story;
+        },
+      ]);
+      expect(effect).toHaveBeenCalledTimes(1);
+    });
+    it('retriggers the effect if no deps array is provided', () => {
+      const effect = jest.fn();
+      const storyFn = () => {
+        useEffect(effect);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(effect).toHaveBeenCalledTimes(2);
+    });
+    it("doesn't retrigger the effect if empty deps array is provided", () => {
+      const effect = jest.fn();
+      const storyFn = () => {
+        useEffect(effect, []);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(effect).toHaveBeenCalledTimes(1);
+    });
+    it("doesn't retrigger the effect from decorator if story has changed", () => {
+      const effect = jest.fn();
+      const decorator = storyFn => {
+        useEffect(effect, []);
+        return storyFn();
+      };
+      run(() => {}, [decorator]);
+      run(() => {}, [decorator]);
+      expect(effect).toHaveBeenCalledTimes(1);
+    });
+    it("doesn't retrigger the effect from decorator if story has changed and story call comes before useEffect", () => {
+      const effect = jest.fn();
+      const decorator = storyFn => {
+        const story = storyFn();
+        useEffect(effect, []);
+        return story;
+      };
+      run(() => {}, [decorator]);
+      run(() => {}, [decorator]);
+      expect(effect).toHaveBeenCalledTimes(1);
+    });
+    it('retriggers the effect if some of the deps are changed', () => {
+      const effect = jest.fn();
+      let counter = 0;
+      const storyFn = () => {
+        useEffect(effect, [counter]);
+        counter += 1;
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(effect).toHaveBeenCalledTimes(2);
+    });
+    it("doesn't retrigger the effect if none of the deps are changed", () => {
+      const effect = jest.fn();
+      const storyFn = () => {
+        useEffect(effect, [0]);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(effect).toHaveBeenCalledTimes(1);
+    });
+    it('performs cleanup when retriggering', () => {
+      const destroy = jest.fn();
+      const storyFn = () => {
+        useEffect(() => destroy);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(destroy).toHaveBeenCalledTimes(1);
+    });
+    it("doesn't perform cleanup when keeping the current effect", () => {
+      const destroy = jest.fn();
+      const storyFn = () => {
+        useEffect(() => destroy, []);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(destroy).not.toHaveBeenCalled();
+    });
+    it('performs cleanup when removing the decorator', () => {
+      const destroy = jest.fn();
+      run(() => {}, [
+        storyFn => {
+          useEffect(() => destroy);
+          return storyFn();
+        },
+      ]);
+      run(() => {});
+      expect(destroy).toHaveBeenCalledTimes(1);
+    });
+  });
+  describe('useChannel', () => {
+    it('calls .on when rendering the decorator', () => {
+      const handler = () => {};
+      run(() => {}, [
+        storyFn => {
+          useChannel({
+            SOME_EVENT: handler,
+          });
+          return storyFn();
+        },
+      ]);
+      expect(mockChannel.on).toHaveBeenCalledTimes(1);
+      expect(mockChannel.removeListener).toHaveBeenCalledTimes(0);
+    });
+    it('calls .removeListener when removing the decorator', () => {
+      const handler = () => {};
+      run(() => {}, [
+        storyFn => {
+          useChannel({
+            SOME_EVENT: handler,
+          });
+          return storyFn();
+        },
+      ]);
+      expect(mockChannel.on).toHaveBeenCalledTimes(1);
+      expect(mockChannel.removeListener).toHaveBeenCalledTimes(0);
+      run(() => {});
+      expect(mockChannel.removeListener).toHaveBeenCalledTimes(1);
+    });
+  });
+  describe('useStoryContext', () => {
+    it('returns current context', () => {
+      const context = {};
+      run(
+        () => {
+          expect(useStoryContext()).toBe(context);
+        },
+        [],
+        context
+      );
+    });
+  });
+  describe('useParameter', () => {
+    it('will pull value from storyStore', () => {
+      run(
+        () => {},
+        [
+          storyFn => {
+            expect(useParameter('foo', 4)).toEqual(42);
+            return storyFn();
+          },
+        ],
+        { parameters: { foo: 42 } }
+      );
+    });
+    it('will return default value', () => {
+      run(
+        () => {},
+        [
+          storyFn => {
+            expect(useParameter('bar', 4)).toEqual(4);
+            return storyFn();
+          },
+        ],
+        { parameters: {} }
+      );
+    });
+    it('will return undefined when no value is found', () => {
+      run(
+        () => {},
+        [
+          storyFn => {
+            expect(useParameter('bar')).toBe(undefined);
+            return storyFn();
+          },
+        ],
+        { parameters: {} }
+      );
+    });
+  });
+  describe('useMemo', () => {
+    it('performs the calculation', () => {
+      let result;
+      const nextCreate = jest.fn(() => 'foo');
+      const storyFn = () => {
+        result = useMemo(nextCreate, []);
+      };
+      run(storyFn);
+      expect(nextCreate).toHaveBeenCalledTimes(1);
+      expect(result).toBe('foo');
+    });
+    it('performs the calculation once if deps are unchanged', () => {
+      let result;
+      const nextCreate = jest.fn(() => 'foo');
+      const storyFn = () => {
+        result = useMemo(nextCreate, []);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(nextCreate).toHaveBeenCalledTimes(1);
+      expect(result).toBe('foo');
+    });
+    it('performs the calculation again if deps are changed', () => {
+      let result;
+      let counter = 0;
+      const nextCreate = jest.fn(() => counter);
+      const storyFn = () => {
+        counter += 1;
+        result = useMemo(nextCreate, [counter]);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(nextCreate).toHaveBeenCalledTimes(2);
+      expect(result).toBe(counter);
+    });
+  });
+  describe('useCallback', () => {
+    it('returns the callback', () => {
+      let result;
+      const callback = () => {};
+      const storyFn = () => {
+        result = useCallback(callback, []);
+      };
+      run(storyFn);
+      expect(result).toBe(callback);
+    });
+    it('returns the previous callback reference if deps are unchanged', () => {
+      const callbacks = [];
+      const storyFn = () => {
+        const callback = useCallback(() => {}, []);
+        callbacks.push(callback);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(callbacks[0]).toBe(callbacks[1]);
+    });
+    it('creates new callback reference if deps are changed', () => {
+      const callbacks = [];
+      let counter = 0;
+      const storyFn = () => {
+        counter += 1;
+        const callback = useCallback(() => {}, [counter]);
+        callbacks.push(callback);
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(callbacks[0]).not.toBe(callbacks[1]);
+    });
+  });
+  describe('useRef', () => {
+    it('attaches initial value', () => {
+      let ref;
+      const storyFn = () => {
+        ref = useRef('foo');
+      };
+      run(storyFn);
+      expect(ref.current).toBe('foo');
+    });
+    it('stores mutations', () => {
+      let refValueFromSecondRender;
+      let counter = 0;
+      const storyFn = () => {
+        counter += 1;
+        const ref = useRef('foo');
+
+        if (counter === 1) {
+          ref.current = 'bar';
+        } else {
+          refValueFromSecondRender = ref.current;
+        }
+      };
+      run(storyFn);
+      run(storyFn);
+      expect(refValueFromSecondRender).toBe('bar');
+    });
+  });
+  describe('useState', () => {
+    it('sets initial state', () => {
+      let state;
+      const storyFn = () => {
+        [state] = useState('foo');
+      };
+      run(storyFn);
+      expect(state).toBe('foo');
+    });
+    it('calculates initial state', () => {
+      let state;
+      const storyFn = () => {
+        [state] = useState(() => 'foo');
+      };
+      run(storyFn);
+      expect(state).toBe('foo');
+    });
+    it('performs synchronous state updates', () => {
+      let state;
+      let setState;
+      const storyFn = jest.fn(() => {
+        [state, setState] = useState('foo');
+        if (state === 'foo') {
+          setState('bar');
+        }
+      });
+      run(storyFn);
+      expect(storyFn).toHaveBeenCalledTimes(2);
+      expect(state).toBe('bar');
+    });
+    it('performs synchronous state updates with updater function', () => {
+      let state;
+      let setState;
+      const storyFn = jest.fn(() => {
+        [state, setState] = useState(0);
+        if (state < 3) {
+          setState(prevState => prevState + 1);
+        }
+      });
+      run(storyFn);
+      expect(storyFn).toHaveBeenCalledTimes(4);
+      expect(state).toBe(3);
+    });
+    it('performs asynchronous state updates', () => {
+      let state;
+      let setState;
+      const storyFn = jest.fn(() => {
+        [state, setState] = useState('foo');
+      });
+      run(storyFn);
+      setState('bar');
+      expect(mockChannel.emit).toHaveBeenCalledWith(FORCE_RE_RENDER);
+      run(storyFn);
+      expect(state).toBe('bar');
+    });
+  });
+  describe('useReducer', () => {
+    it('sets initial state', () => {
+      let state;
+      const storyFn = () => {
+        [state] = useReducer(() => 'bar', 'foo');
+      };
+      run(storyFn);
+      expect(state).toBe('foo');
+    });
+    it('calculates initial state', () => {
+      let state;
+      const storyFn = () => {
+        [state] = useReducer(() => 'bar', 'foo', arg => arg);
+      };
+      run(storyFn);
+      expect(state).toBe('foo');
+    });
+    it('performs synchronous state updates', () => {
+      let state;
+      let dispatch;
+      const storyFn = jest.fn(() => {
+        [state, dispatch] = useReducer((prevState, action) => {
+          switch (action) {
+            case 'INCREMENT':
+              return prevState + 1;
+            default:
+              return prevState;
+          }
+        }, 0);
+        if (state < 3) {
+          dispatch('INCREMENT');
+        }
+      });
+      run(storyFn);
+      expect(storyFn).toHaveBeenCalledTimes(4);
+      expect(state).toBe(3);
+    });
+    it('performs asynchronous state updates', () => {
+      let state;
+      let dispatch;
+      const storyFn = jest.fn(() => {
+        [state, dispatch] = useReducer((prevState, action) => {
+          switch (action) {
+            case 'INCREMENT':
+              return prevState + 1;
+            default:
+              return prevState;
+          }
+        }, 0);
+      });
+      run(storyFn);
+      dispatch('INCREMENT');
+      expect(mockChannel.emit).toHaveBeenCalledWith(FORCE_RE_RENDER);
+      run(storyFn);
+      expect(state).toBe(1);
+    });
+  });
+});
diff --git a/lib/client-api/src/hooks.ts b/lib/client-api/src/hooks.ts
new file mode 100644
index 00000000000..fe3c30d83d1
--- /dev/null
+++ b/lib/client-api/src/hooks.ts
@@ -0,0 +1,324 @@
+/* eslint-disable import/export */
+import { logger } from '@storybook/client-logger';
+import addons, { StoryGetter, StoryContext } from '@storybook/addons';
+import { FORCE_RE_RENDER } from '@storybook/core-events';
+
+interface StoryStore {
+  fromId: (
+    id: string
+  ) => {
+    parameters: {
+      [parameterKey: string]: any;
+    };
+  };
+  getSelection: () => {
+    storyId: string;
+    viewMode: string;
+  };
+}
+
+interface Hook {
+  name: string;
+  memoizedState?: any;
+  deps?: any[] | undefined;
+}
+
+interface Effect {
+  create: () => (() => void) | void;
+  destroy?: (() => void) | void;
+}
+
+type Decorator = (getStory: StoryGetter, context: StoryContext) => any;
+type AbstractFunction = (...args: any[]) => any;
+
+const hookListsMap = new WeakMap<AbstractFunction, Hook[]>();
+let mountedDecorators = new Set<AbstractFunction>();
+
+let currentHooks: Hook[] = [];
+let nextHookIndex = 0;
+const getNextHook = () => {
+  const hook = currentHooks[nextHookIndex];
+  nextHookIndex += 1;
+  return hook;
+};
+let currentPhase: 'MOUNT' | 'UPDATE' | 'NONE' = 'NONE';
+let currentEffects: Effect[] = [];
+let prevEffects: Effect[] = [];
+let currentDecoratorName: string | null = null;
+let hasUpdates = false;
+let currentContext: StoryContext | null = null;
+
+const triggerEffects = () => {
+  // destroy removed effects
+  prevEffects.forEach(effect => {
+    if (!currentEffects.includes(effect) && effect.destroy) {
+      effect.destroy();
+    }
+  });
+  // trigger added effects
+  currentEffects.forEach(effect => {
+    if (!prevEffects.includes(effect)) {
+      // eslint-disable-next-line no-param-reassign
+      effect.destroy = effect.create();
+    }
+  });
+  prevEffects = currentEffects;
+  currentEffects = [];
+};
+
+const hookify = (fn: AbstractFunction) => (...args: any[]) => {
+  const prevPhase = currentPhase;
+  const prevHooks = currentHooks;
+  const prevNextHookIndex = nextHookIndex;
+  const prevDecoratorName = currentDecoratorName;
+
+  currentDecoratorName = fn.name;
+  if (mountedDecorators.has(fn)) {
+    currentPhase = 'UPDATE';
+    currentHooks = hookListsMap.get(fn) || [];
+  } else {
+    currentPhase = 'MOUNT';
+    currentHooks = [];
+    hookListsMap.set(fn, currentHooks);
+  }
+  nextHookIndex = 0;
+
+  const result = fn(...args);
+
+  if (currentPhase === 'UPDATE' && getNextHook() != null) {
+    throw new Error(
+      'Rendered fewer hooks than expected. This may be caused by an accidental early return statement.'
+    );
+  }
+
+  currentPhase = prevPhase;
+  currentHooks = prevHooks;
+  nextHookIndex = prevNextHookIndex;
+  currentDecoratorName = prevDecoratorName;
+  return result;
+};
+
+// Counter to prevent infinite loops.
+let numberOfRenders = 0;
+const RENDER_LIMIT = 25;
+export const applyHooks = (
+  applyDecorators: (getStory: StoryGetter, decorators: Decorator[]) => StoryGetter
+) => (getStory: StoryGetter, decorators: Decorator[]) => {
+  const decorated = applyDecorators(hookify(getStory), decorators.map(hookify));
+  return (context: StoryContext) => {
+    currentContext = context;
+    hasUpdates = false;
+    let result = decorated(context);
+    mountedDecorators = new Set([getStory, ...decorators]);
+    numberOfRenders = 1;
+    while (hasUpdates) {
+      hasUpdates = false;
+      result = decorated(context);
+      numberOfRenders += 1;
+      if (numberOfRenders > RENDER_LIMIT) {
+        throw new Error(
+          'Too many re-renders. Storybook limits the number of renders to prevent an infinite loop.'
+        );
+      }
+    }
+    triggerEffects();
+    currentContext = null;
+    return result;
+  };
+};
+
+const areDepsEqual = (deps: any[], nextDeps: any[]) =>
+  deps.length === nextDeps.length && deps.every((dep, i) => dep === nextDeps[i]);
+
+function useHook(name: string, callback: (hook: Hook) => void, deps?: any[] | undefined): Hook {
+  if (currentPhase === 'MOUNT') {
+    if (deps != null && !Array.isArray(deps)) {
+      logger.warn(
+        `${name} received a final argument that is not an array (instead, received ${deps}). When specified, the final argument must be an array.`
+      );
+    }
+    const hook: Hook = { name, deps };
+    currentHooks.push(hook);
+    callback(hook);
+    return hook;
+  }
+
+  if (currentPhase === 'UPDATE') {
+    const hook = getNextHook();
+    if (hook == null) {
+      throw new Error('Rendered more hooks than during the previous render.');
+    }
+
+    if (hook.name !== name) {
+      logger.warn(
+        `Storybook has detected a change in the order of Hooks${
+          currentDecoratorName ? ` called by ${currentDecoratorName}` : ''
+        }. This will lead to bugs and errors if not fixed.`
+      );
+    }
+
+    if (deps != null && hook.deps == null) {
+      logger.warn(
+        `${name} received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.`
+      );
+    }
+
+    if (deps != null && hook.deps != null && deps.length !== hook.deps.length) {
+      logger.warn(`The final argument passed to ${name} changed size between renders. The order and size of this array must remain constant.
+Previous: ${hook.deps}
+Incoming: ${deps}`);
+    }
+
+    if (deps == null || hook.deps == null || !areDepsEqual(deps, hook.deps)) {
+      callback(hook);
+      hook.deps = deps;
+    }
+    return hook;
+  }
+
+  throw new Error(
+    'Storybook preview hooks can only be called inside decorators and story functions.'
+  );
+}
+
+function useMemoLike<T>(name: string, nextCreate: () => T, deps: any[] | undefined): T {
+  const { memoizedState } = useHook(
+    name,
+    hook => {
+      // eslint-disable-next-line no-param-reassign
+      hook.memoizedState = nextCreate();
+    },
+    deps
+  );
+  return memoizedState;
+}
+
+/* Returns a memoized value, see https://reactjs.org/docs/hooks-reference.html#usememo */
+export function useMemo<T>(nextCreate: () => T, deps?: any[]): T {
+  return useMemoLike('useMemo', nextCreate, deps);
+}
+
+/* Returns a memoized callback, see https://reactjs.org/docs/hooks-reference.html#usecallback */
+export function useCallback<T>(callback: T, deps?: any[]): T {
+  return useMemoLike('useCallback', () => callback, deps);
+}
+
+function useRefLike<T>(name: string, initialValue: T): { current: T } {
+  return useMemoLike(name, () => ({ current: initialValue }), []);
+}
+
+/* Returns a mutable ref object, see https://reactjs.org/docs/hooks-reference.html#useref */
+export function useRef<T>(initialValue: T): { current: T } {
+  return useRefLike('useRef', initialValue);
+}
+
+function triggerUpdate() {
+  // Rerun getStory if updates were triggered synchronously, force rerender otherwise
+  if (currentPhase !== 'NONE') {
+    hasUpdates = true;
+  } else {
+    try {
+      addons.getChannel().emit(FORCE_RE_RENDER);
+    } catch (e) {
+      logger.warn('State updates of Storybook preview hooks work only in browser');
+    }
+  }
+}
+
+function useStateLike<S>(
+  name: string,
+  initialState: (() => S) | S
+): [S, (update: ((prevState: S) => S) | S) => void] {
+  const stateRef = useRefLike(
+    name,
+    // @ts-ignore S type should never be function, but there's no way to tell that to TypeScript
+    typeof initialState === 'function' ? initialState() : initialState
+  );
+  const setState = (update: ((prevState: S) => S) | S) => {
+    // @ts-ignore S type should never be function, but there's no way to tell that to TypeScript
+    stateRef.current = typeof update === 'function' ? update(stateRef.current) : update;
+    triggerUpdate();
+  };
+  return [stateRef.current, setState];
+}
+
+/* Returns a stateful value, and a function to update it, see https://reactjs.org/docs/hooks-reference.html#usestate */
+export function useState<S>(
+  initialState: (() => S) | S
+): [S, (update: ((prevState: S) => S) | S) => void] {
+  return useStateLike('useState', initialState);
+}
+
+/* A redux-like alternative to useState, see https://reactjs.org/docs/hooks-reference.html#usereducer */
+export function useReducer<S, A>(
+  reducer: (state: S, action: A) => S,
+  initialState: S
+): [S, (action: A) => void];
+export function useReducer<S, I, A>(
+  reducer: (state: S, action: A) => S,
+  initialArg: I,
+  init: (initialArg: I) => S
+): [S, (action: A) => void];
+export function useReducer<S, A>(
+  reducer: (state: S, action: A) => S,
+  initialArg: any,
+  init?: any
+): [S, (action: A) => void] {
+  const initialState: (() => S) | S = init != null ? () => init(initialArg) : initialArg;
+  const [state, setState] = useStateLike('useReducer', initialState);
+  const dispatch = (action: A) => setState(prevState => reducer(prevState, action));
+  return [state, dispatch];
+}
+
+/*
+  Triggers a side effect, see https://reactjs.org/docs/hooks-reference.html#usestate
+  Effects are triggered synchronously after calling the decorated story function
+*/
+export function useEffect(create: () => (() => void) | void, deps?: any[]): void {
+  const effect = useMemoLike('useEffect', () => ({ create }), deps);
+  currentEffects.push(effect);
+}
+
+export interface Listener {
+  (...args: any[]): void;
+  ignorePeer?: boolean;
+}
+
+export interface EventMap {
+  [eventId: string]: Listener;
+}
+
+/* Accepts a map of Storybook channel event listeners, returns an emit function */
+export function useChannel(eventMap: EventMap, deps: any[] = []) {
+  const channel = addons.getChannel();
+  useEffect(() => {
+    Object.entries(eventMap).forEach(([type, listener]) => channel.on(type, listener));
+    return () => {
+      Object.entries(eventMap).forEach(([type, listener]) =>
+        channel.removeListener(type, listener)
+      );
+    };
+  }, [...Object.keys(eventMap), ...deps]);
+
+  return channel.emit.bind(channel);
+}
+
+/* Returns current story context */
+export function useStoryContext(): StoryContext {
+  if (currentContext == null) {
+    throw new Error(
+      'Storybook preview hooks can only be called inside decorators and story functions.'
+    );
+  }
+
+  return currentContext;
+}
+
+/* Returns current value of a story parameter */
+export function useParameter<S>(parameterKey: string, defaultValue?: S): S | undefined {
+  const { parameters } = useStoryContext();
+  if (parameterKey) {
+    return parameters[parameterKey] || (defaultValue as S);
+  }
+  return undefined;
+}
diff --git a/lib/client-api/src/index.js b/lib/client-api/src/index.ts
similarity index 94%
rename from lib/client-api/src/index.js
rename to lib/client-api/src/index.ts
index 23934980e12..575cccde1e9 100644
--- a/lib/client-api/src/index.js
+++ b/lib/client-api/src/index.ts
@@ -6,6 +6,8 @@ import pathToId from './pathToId';
 
 import { getQueryParams, getQueryParam } from './queryparams';
 
+export * from './hooks';
+
 export {
   ClientApi,
   StoryStore,
diff --git a/lib/client-api/src/pathToId.js b/lib/client-api/src/pathToId.ts
similarity index 77%
rename from lib/client-api/src/pathToId.js
rename to lib/client-api/src/pathToId.ts
index 818eeff63b5..fe534f5dfdd 100644
--- a/lib/client-api/src/pathToId.js
+++ b/lib/client-api/src/pathToId.ts
@@ -1,4 +1,4 @@
-export default function pathToId(path) {
+export default function pathToId(path: string) {
   const match = (path || '').match(/^\/story\/(.+)/);
   if (!match) {
     throw new Error(`Invalid path '${path}',  must start with '/story/'`);
diff --git a/lib/client-api/src/pathToid.test.js b/lib/client-api/src/pathToid.test.ts
similarity index 100%
rename from lib/client-api/src/pathToid.test.js
rename to lib/client-api/src/pathToid.test.ts
diff --git a/lib/client-api/src/queryparams.js b/lib/client-api/src/queryparams.ts
similarity index 85%
rename from lib/client-api/src/queryparams.js
rename to lib/client-api/src/queryparams.ts
index 14948489081..d7717a5fb75 100644
--- a/lib/client-api/src/queryparams.js
+++ b/lib/client-api/src/queryparams.ts
@@ -9,7 +9,8 @@ export const getQueryParams = () => {
   return {};
 };
 
-export const getQueryParam = key => {
+export const getQueryParam = (key: string): string | void => {
   const params = getQueryParams();
+
   return params[key];
 };
diff --git a/lib/client-api/src/story_store.test.js b/lib/client-api/src/story_store.test.ts
similarity index 76%
rename from lib/client-api/src/story_store.test.js
rename to lib/client-api/src/story_store.test.ts
index f27cf64cc24..118acee1d9d 100644
--- a/lib/client-api/src/story_store.test.js
+++ b/lib/client-api/src/story_store.test.ts
@@ -32,7 +32,7 @@ describe('preview.story_store', () => {
   describe('raw storage', () => {
     it('stores hash object', () => {
       const store = new StoryStore({ channel });
-      store.addStory(...make('a', '1', () => 0));
+      store.addStory(...make('a', '1', () => 0), undefined);
       store.addStory(...make('a', '2', () => 0));
       store.addStory(...make('b', '1', () => 0));
 
@@ -95,6 +95,41 @@ describe('preview.story_store', () => {
       const store = new StoryStore({ channel });
       store.removeStoryKind('kind');
     });
+    it('should remove the kind in both modern and legacy APIs', () => {
+      const store = new StoryStore({ channel });
+      store.addStory(...make('kind-1', 'story-1.1', () => 0));
+      store.addStory(...make('kind-1', 'story-1.2', () => 0));
+      store.addStory(...make('kind-2', 'story-2.1', () => 0));
+      store.addStory(...make('kind-2', 'story-2.2', () => 0));
+
+      store.removeStoryKind('kind-1');
+
+      // _legacydata
+      expect(store.hasStory('kind-1', 'story-1.1')).toBeFalsy();
+      expect(store.hasStory('kind-2', 'story-2.1')).toBeTruthy();
+
+      // _data
+      expect(store.fromId(toId('kind-1', 'story-1.1'))).toBeFalsy();
+      expect(store.fromId(toId('kind-2', 'story-2.1'))).toBeTruthy();
+    });
+  });
+
+  describe('remove', () => {
+    it('should remove the kind in both modern and legacy APIs', () => {
+      const store = new StoryStore({ channel });
+      store.addStory(...make('kind-1', 'story-1.1', () => 0));
+      store.addStory(...make('kind-1', 'story-1.2', () => 0));
+
+      store.remove(toId('kind-1', 'story-1.1'));
+
+      // _legacydata
+      expect(store.hasStory('kind-1', 'story-1.1')).toBeFalsy();
+      expect(store.hasStory('kind-1', 'story-1.2')).toBeTruthy();
+
+      // _data
+      expect(store.fromId(toId('kind-1', 'story-1.1'))).toBeFalsy();
+      expect(store.fromId(toId('kind-1', 'story-1.2'))).toBeTruthy();
+    });
   });
 
   describe('getStoryAndParameters', () => {
@@ -150,7 +185,7 @@ describe('preview.story_store', () => {
         ...make('kind-2', 'story-2.1', () => 0, { fileName: 'bar.js', options: { storySort } })
       );
 
-      const stories = Object.values(store.extract());
+      const stories = Object.values(store.extract()) as any[];
       expect(stories[0].id).toBe('kind-1--story-1-2');
       expect(stories[1].id).toBe('kind-1--z-story-1-1');
       expect(stories[2].id).toBe('kind-2--a-story-2-1');
diff --git a/lib/client-api/src/story_store.js b/lib/client-api/src/story_store.ts
similarity index 55%
rename from lib/client-api/src/story_store.js
rename to lib/client-api/src/story_store.ts
index 5c685e4e268..3292de14877 100644
--- a/lib/client-api/src/story_store.js
+++ b/lib/client-api/src/story_store.ts
@@ -4,25 +4,33 @@ import memoize from 'memoizerific';
 import debounce from 'lodash/debounce';
 import { stripIndents } from 'common-tags';
 
+import { Channel } from '@storybook/channels';
 import Events from '@storybook/core-events';
 import { logger } from '@storybook/client-logger';
+import { StoryFn, Parameters } from '@storybook/addons';
+import {
+  DecoratorFunction,
+  LegacyData,
+  LegacyItem,
+  StoreData,
+  AddStoryArgs,
+  StoreItem,
+  ErrorLike,
+} from './types';
 
 // TODO: these are copies from components/nav/lib
 // refactor to DRY
-
-const toKey = input =>
+const toKey = (input: string) =>
   input.replace(/[^a-z0-9]+([a-z0-9])/gi, (...params) => params[1].toUpperCase());
 
-const toChild = it => ({ ...it });
-
 let count = 0;
 
-function getId() {
+const getId = (): number => {
   count += 1;
   return count;
-}
+};
 
-const toExtracted = obj =>
+const toExtracted = <T>(obj: T) =>
   Object.entries(obj).reduce((acc, [key, value]) => {
     if (typeof value === 'function') {
       return acc;
@@ -33,25 +41,45 @@ const toExtracted = obj =>
     return Object.assign(acc, { [key]: value });
   }, {});
 
+interface Selection {
+  storyId: string;
+  viewMode: string;
+}
+
 export default class StoryStore extends EventEmitter {
-  constructor(params) {
+  _error?: ErrorLike;
+
+  _channel: Channel;
+
+  _data: StoreData;
+
+  _legacyData?: LegacyData;
+
+  _legacydata: LegacyData;
+
+  _revision: number;
+
+  _selection: Selection;
+
+  constructor(params: { channel: Channel }) {
     super();
 
-    this._legacydata = {};
-    this._data = {};
+    this._legacydata = {} as any;
+    this._data = {} as any;
     this._revision = 0;
-    this._selection = {};
+    this._selection = {} as any;
     this._channel = params.channel;
+    this._error = undefined;
   }
 
-  setChannel = channel => {
+  setChannel = (channel: Channel) => {
     this._channel = channel;
   };
 
   // NEW apis
-  fromId = id => {
+  fromId = (id: string): StoreItem | null => {
     try {
-      const data = this._data[id];
+      const data = this._data[id as string];
 
       if (!data || !data.getDecorated) {
         return null;
@@ -61,14 +89,10 @@ export default class StoryStore extends EventEmitter {
     } catch (e) {
       logger.warn('failed to get story:', this._data);
       logger.error(e);
-      return {};
+      return null;
     }
   };
 
-  setSeparators(data) {
-    this.separators = data;
-  }
-
   raw() {
     return Object.values(this._data)
       .filter(i => !!i.getDecorated)
@@ -80,7 +104,8 @@ export default class StoryStore extends EventEmitter {
     // determine if we should apply a sort to the stories or just use default import order
     if (Object.values(this._data).length > 0) {
       const index = Object.keys(this._data).find(
-        key => this._data[key] && this._data[key].parameters && this._data[key].parameters.options
+        key =>
+          !!(this._data[key] && this._data[key].parameters && this._data[key].parameters.options)
       );
       if (index && this._data[index].parameters.options.storySort) {
         const sortFn = this._data[index].parameters.options.storySort;
@@ -91,27 +116,49 @@ export default class StoryStore extends EventEmitter {
     return stories.reduce((a, [k, v]) => Object.assign(a, { [k]: toExtracted(v) }), {});
   }
 
-  setSelection = (data, error) => {
-    const { storyId, viewMode } = data || {};
-
-    this._selection = data === undefined ? this._selection : { storyId, viewMode };
+  setSelection(data: Selection | undefined, error: ErrorLike): void {
+    this._selection =
+      data === undefined ? this._selection : { storyId: data.storyId, viewMode: data.viewMode };
     this._error = error === undefined ? this._error : error;
 
-    setTimeout(() => this.emit(Events.STORY_RENDER), 1);
-  };
+    setTimeout(() => {
+      // preferred method to emit event.
+      if (this._channel) {
+        this._channel.emit(Events.STORY_RENDER);
+      }
 
-  getSelection = () => this._selection;
+      // should be deprecated in future.
+      this.emit(Events.STORY_RENDER);
+    }, 1);
+  }
 
-  getError = () => this._error;
+  getSelection = (): Selection => this._selection;
 
-  remove = id => {
+  getError = (): ErrorLike | undefined => this._error;
+
+  remove = (id: string): void => {
     const { _data } = this;
+    const story = _data[id];
     delete _data[id];
+
+    if (story) {
+      const { kind, name } = story;
+      const kindData = this._legacydata[toKey(kind)];
+      if (kindData) {
+        delete kindData.stories[toKey(name)];
+      }
+    }
   };
 
   addStory(
-    { id, kind, name, storyFn: original, parameters = {} },
-    { getDecorators, applyDecorators }
+    { id, kind, name, storyFn: original, parameters = {} }: AddStoryArgs,
+    {
+      getDecorators,
+      applyDecorators,
+    }: {
+      getDecorators: () => DecoratorFunction[];
+      applyDecorators: (fn: StoryFn, decorators: DecoratorFunction[]) => any;
+    }
   ) {
     const { _data } = this;
 
@@ -135,11 +182,18 @@ export default class StoryStore extends EventEmitter {
     const getOriginal = () => original;
 
     // lazily decorate the story when it's loaded
-    const getDecorated = memoize(1)(() => applyDecorators(getOriginal(), getDecorators()));
+    const getDecorated: () => StoryFn = memoize(1)(() =>
+      applyDecorators(getOriginal(), getDecorators())
+    );
 
-    const storyFn = p => getDecorated()({ ...identification, parameters: { ...parameters, ...p } });
+    const storyFn: StoryFn = p =>
+      getDecorated()({
+        ...identification,
+        ...p,
+        parameters: { ...parameters, ...(p && p.parameters) },
+      });
 
-    _data[id] = toChild({
+    _data[id] = {
       ...identification,
 
       getDecorated,
@@ -147,7 +201,7 @@ export default class StoryStore extends EventEmitter {
       storyFn,
 
       parameters,
-    });
+    };
 
     // LEGACY DATA
     this.addLegacyStory({ kind, name, storyFn, parameters });
@@ -174,10 +228,20 @@ export default class StoryStore extends EventEmitter {
     this._revision += 1;
   }
 
-  addLegacyStory({ kind, name, storyFn, parameters = {} }) {
+  addLegacyStory({
+    kind,
+    name,
+    storyFn,
+    parameters,
+  }: {
+    kind: string;
+    name: string;
+    storyFn: StoryFn;
+    parameters: Parameters;
+  }) {
     const k = toKey(kind);
-    if (!this._legacydata[k]) {
-      this._legacydata[k] = {
+    if (!this._legacydata[k as string]) {
+      this._legacydata[k as string] = {
         kind,
         fileName: parameters.fileName,
         index: getId(),
@@ -185,7 +249,7 @@ export default class StoryStore extends EventEmitter {
       };
     }
 
-    this._legacydata[k].stories[toKey(name)] = {
+    this._legacydata[k as string].stories[toKey(name)] = {
       name,
       // kind,
       index: getId(),
@@ -196,26 +260,27 @@ export default class StoryStore extends EventEmitter {
 
   getStoryKinds() {
     return Object.values(this._legacydata)
-      .filter(kind => Object.keys(kind.stories).length > 0)
-      .sort((info1, info2) => info1.index - info2.index)
-      .map(info => info.kind);
+      .filter((kind: LegacyItem) => Object.keys(kind.stories).length > 0)
+      .sort((info1: LegacyItem, info2: LegacyItem) => info1.index - info2.index)
+      .map((info: LegacyItem) => info.kind);
   }
 
-  getStories(kind) {
+  getStories(kind: string) {
     const key = toKey(kind);
-    if (!this._legacydata[key]) {
+
+    if (!this._legacydata[key as string]) {
       return [];
     }
 
-    return Object.keys(this._legacydata[key].stories)
-      .map(name => this._legacydata[key].stories[name])
+    return Object.keys(this._legacydata[key as string].stories)
+      .map(name => this._legacydata[key as string].stories[name])
       .sort((info1, info2) => info1.index - info2.index)
       .map(info => info.name);
   }
 
-  getStoryFileName(kind) {
+  getStoryFileName(kind: string) {
     const key = toKey(kind);
-    const storiesKind = this._legacydata[key];
+    const storiesKind = this._legacydata[key as string];
     if (!storiesKind) {
       return null;
     }
@@ -223,12 +288,12 @@ export default class StoryStore extends EventEmitter {
     return storiesKind.fileName;
   }
 
-  getStoryAndParameters(kind, name) {
+  getStoryAndParameters(kind: string, name: string) {
     if (!kind || !name) {
       return null;
     }
 
-    const storiesKind = this._legacydata[toKey(kind)];
+    const storiesKind = this._legacydata[toKey(kind) as string];
     if (!storiesKind) {
       return null;
     }
@@ -245,32 +310,38 @@ export default class StoryStore extends EventEmitter {
     };
   }
 
-  getStory(kind, name) {
+  getStory(kind: string, name: string) {
     const data = this.getStoryAndParameters(kind, name);
     return data && data.story;
   }
 
-  getStoryWithContext(kind, name) {
+  getStoryWithContext(kind: string, name: string) {
     const data = this.getStoryAndParameters(kind, name);
     if (!data) {
       return null;
     }
-
     const { story } = data;
     return story;
   }
 
-  removeStoryKind(kind) {
+  removeStoryKind(kind: string) {
     if (this.hasStoryKind(kind)) {
       this._legacydata[toKey(kind)].stories = {};
+
+      this._data = Object.entries(this._data).reduce((acc, [id, story]) => {
+        if (story.kind !== kind) {
+          Object.assign(acc, { [id]: story });
+        }
+        return acc;
+      }, {});
     }
   }
 
-  hasStoryKind(kind) {
-    return Boolean(this._legacydata[toKey(kind)]);
+  hasStoryKind(kind: string) {
+    return Boolean(this._legacydata[toKey(kind) as string]);
   }
 
-  hasStory(kind, name) {
+  hasStory(kind: string, name: string) {
     return Boolean(this.getStory(kind, name));
   }
 
@@ -288,6 +359,6 @@ export default class StoryStore extends EventEmitter {
   }
 
   clean() {
-    this.getStoryKinds().forEach(kind => delete this._legacydata[toKey(kind)]);
+    this.getStoryKinds().forEach(kind => delete this._legacydata[toKey(kind) as string]);
   }
 }
diff --git a/lib/client-api/src/subscriptions_store.js b/lib/client-api/src/subscriptions_store.js
deleted file mode 100644
index 4a817afee68..00000000000
--- a/lib/client-api/src/subscriptions_store.js
+++ /dev/null
@@ -1,34 +0,0 @@
-export const createSubscriptionsStore = () => {
-  const subscripions = new Map();
-
-  return {
-    register(subscribe) {
-      let subscription = subscripions.get(subscribe);
-      if (!subscription) {
-        subscription = {
-          unsubscribe: subscribe(),
-        };
-        subscripions.set(subscribe, subscription);
-      }
-      subscription.used = true;
-    },
-
-    markAllAsUnused() {
-      subscripions.forEach(subscription => {
-        // eslint-disable-next-line no-param-reassign
-        subscription.used = false;
-      });
-    },
-
-    clearUnused() {
-      subscripions.forEach((subscripion, key) => {
-        if (subscripion.used) return;
-
-        subscripion.unsubscribe();
-        subscripions.delete(key);
-      });
-    },
-  };
-};
-
-export default createSubscriptionsStore();
diff --git a/lib/client-api/src/subscriptions_store.test.js b/lib/client-api/src/subscriptions_store.test.ts
similarity index 99%
rename from lib/client-api/src/subscriptions_store.test.js
rename to lib/client-api/src/subscriptions_store.test.ts
index 33a9cfa554d..f19ca3729eb 100644
--- a/lib/client-api/src/subscriptions_store.test.js
+++ b/lib/client-api/src/subscriptions_store.test.ts
@@ -12,7 +12,7 @@ const mockSubscription = () => {
         listening = false;
       };
     },
-    trigger(value) {
+    trigger(value?) {
       if (listening) {
         listener(value);
       }
diff --git a/lib/client-api/src/subscriptions_store.ts b/lib/client-api/src/subscriptions_store.ts
new file mode 100644
index 00000000000..7cf418f1799
--- /dev/null
+++ b/lib/client-api/src/subscriptions_store.ts
@@ -0,0 +1,34 @@
+export const createSubscriptionsStore = () => {
+  const subscriptions = new Map();
+
+  return {
+    register(subscribe: () => void): void {
+      let subscription = subscriptions.get(subscribe);
+      if (!subscription) {
+        subscription = {
+          unsubscribe: subscribe(),
+        };
+        subscriptions.set(subscribe, subscription);
+      }
+      subscription.used = true;
+    },
+
+    markAllAsUnused(): void {
+      subscriptions.forEach(subscription => {
+        // eslint-disable-next-line no-param-reassign
+        subscription.used = false;
+      });
+    },
+
+    clearUnused(): void {
+      subscriptions.forEach((subscription, key) => {
+        if (subscription.used) return;
+
+        subscription.unsubscribe();
+        subscriptions.delete(key);
+      });
+    },
+  };
+};
+
+export default createSubscriptionsStore();
diff --git a/lib/client-api/src/types.ts b/lib/client-api/src/types.ts
new file mode 100644
index 00000000000..a0f2ecdcb0e
--- /dev/null
+++ b/lib/client-api/src/types.ts
@@ -0,0 +1,63 @@
+import { Addon, StoryFn, StoryContext, Parameters } from '@storybook/addons';
+import StoryStore from './story_store';
+
+export interface ErrorLike {
+  message: string;
+  stack: string;
+}
+
+export interface StoreItem extends StoryContext {
+  getDecorated: () => StoryFn;
+  getOriginal: () => StoryFn;
+  story: string;
+  storyFn: StoryFn;
+}
+
+export interface StoreData {
+  [key: string]: StoreItem;
+}
+
+export interface ClientApiParams {
+  storyStore: StoryStore;
+  decorateStory?: (storyFn: any, decorators: any) => any;
+}
+
+export type ClientApiReturnFn<TApi> = (...args: any[]) => StoryApi<TApi>;
+
+export interface StoryApi<TApi> {
+  kind: string;
+  add: (storyName: string, storyFn: StoryFn, parameters: Parameters) => StoryApi<TApi>;
+  addDecorator: (decorator: DecoratorFunction) => StoryApi<TApi>;
+  addParameters: (parameters: Parameters) => StoryApi<TApi>;
+  [k: string]: string | ClientApiReturnFn<TApi>;
+}
+
+export type DecoratorFunction = (fn: StoryFn, c: StoryContext) => ReturnType<StoryFn>;
+
+export interface LegacyItem {
+  fileName: string;
+  index: number;
+  kind: string;
+  stories: { [key: string]: any };
+  revision?: number;
+  selection?: { storyId: string };
+}
+
+export interface AddStoryArgs {
+  id: string;
+  kind: string;
+  name: string;
+  storyFn: StoryFn;
+  parameters: Parameters;
+}
+
+export interface LegacyData {
+  [K: string]: LegacyItem;
+}
+
+export interface ClientApiAddon<TApi = unknown> extends Addon {
+  apply: (a: StoryApi<TApi>, b: any[]) => any;
+}
+export interface ClientApiAddons<TApi> {
+  [key: string]: ClientApiAddon<TApi>;
+}
diff --git a/lib/client-api/src/typings.d.ts b/lib/client-api/src/typings.d.ts
new file mode 100644
index 00000000000..2f4eb9cf4fd
--- /dev/null
+++ b/lib/client-api/src/typings.d.ts
@@ -0,0 +1 @@
+declare module 'global';
diff --git a/lib/client-api/tsconfig.json b/lib/client-api/tsconfig.json
new file mode 100644
index 00000000000..62968dd8bd2
--- /dev/null
+++ b/lib/client-api/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "types": ["webpack-env"]
+  },
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.ts"]
+}
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index 5c4f8209930..bfdf829c21c 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/codemod/README.md b/lib/codemod/README.md
index c07d7856d3f..5ffa1b42050 100644
--- a/lib/codemod/README.md
+++ b/lib/codemod/README.md
@@ -3,8 +3,26 @@
 Storybook Codemods is a collection of codemod scripts written with JSCodeshift.
 It will help you migrate breaking changes & deprecations.
 
+## CLI Integration
+
+The preferred way to run these codemods is via the CLI's `migrate` command.
+
+To get a list of available codemods:
+
+```
+npx -p @storybook/cli sb migrate --list
+```
+
+To run a codemod:
+
+```
+npx -p @storybook/cli sb migrate name-of-codemod --glob "**/*.stories.js"
+```
+
 ## Installation
 
+If you want to run these codemods by hand:
+
 ```sh
 yarn add jscodeshift @storybook/codemod --dev
 ```
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 4e0f39472f5..ca4155cd74e 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -22,7 +22,10 @@
   },
   "dependencies": {
     "@mdx-js/mdx": "^1.0.0",
+    "@storybook/node-logger": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
+    "cross-spawn": "^6.0.5",
+    "globby": "^10.0.1",
     "jscodeshift": "^0.6.3",
     "lodash": "^4.17.11",
     "prettier": "^1.16.4",
diff --git a/lib/codemod/src/index.js b/lib/codemod/src/index.js
index 3803050c267..0b2726471a8 100644
--- a/lib/codemod/src/index.js
+++ b/lib/codemod/src/index.js
@@ -1,4 +1,7 @@
 /* eslint import/prefer-default-export: "off" */
+import fs from 'fs';
+import globby from 'globby';
+import { sync as spawnSync } from 'cross-spawn';
 
 export {
   default as updateOrganisationName,
@@ -6,3 +9,48 @@ export {
 } from './transforms/update-organisation-name';
 
 export { default as updateAddonInfo } from './transforms/update-addon-info';
+
+const TRANSFORM_DIR = `${__dirname}/transforms`;
+
+export function listCodemods() {
+  return fs
+    .readdirSync(TRANSFORM_DIR)
+    .filter(fname => fname.endsWith('.js'))
+    .map(fname => fname.slice(0, -3));
+}
+
+async function renameFile(file, from, to, { logger }) {
+  const newFile = file.replace(from, to);
+  logger.log(`Rename: ${file} ${newFile}`);
+  return fs.rename(file, newFile);
+}
+
+export async function runCodemod(codemod, { glob, logger, dryRun, rename, hasYarn }) {
+  const codemods = listCodemods();
+  if (!codemods.includes(codemod)) {
+    throw new Error(`Unknown codemod ${codemod}. Run --list for options.`);
+  }
+
+  let renameParts = null;
+  if (rename) {
+    renameParts = rename.split(':');
+    if (renameParts.length !== 2) {
+      throw new Error(`Codemod rename: expected format "from:to", got "${rename}"`);
+    }
+  }
+
+  const files = await globby([glob, '!node_modules', '!dist']);
+  logger.log(`=> Applying ${codemod}: ${files.length} files`);
+  if (!dryRun) {
+    const runner = hasYarn ? 'yarn' : 'npm';
+    spawnSync(runner, ['run', 'jscodeshift', '-t', `${TRANSFORM_DIR}/${codemod}.js`, ...files], {
+      stdio: 'inherit',
+    });
+  }
+
+  if (renameParts) {
+    const [from, to] = renameParts;
+    logger.log(`=> Renaming ${rename}: ${files.length} files`);
+    await Promise.all(files.map(file => renameFile(file, new RegExp(`${from}$`), to, { logger })));
+  }
+}
diff --git a/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js b/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
index a0df5ee4640..21a053db2e9 100644
--- a/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
+++ b/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
@@ -1,5 +1,7 @@
 import { defineTest } from 'jscodeshift/dist/testUtils';
 
+jest.mock('@storybook/node-logger');
+
 const testNames = [
   'basic',
   'decorators',
diff --git a/lib/codemod/src/transforms/convert-storiesof-to-module.js b/lib/codemod/src/transforms/convert-storiesof-to-module.js
index 7ba932f7127..fc330b033df 100644
--- a/lib/codemod/src/transforms/convert-storiesof-to-module.js
+++ b/lib/codemod/src/transforms/convert-storiesof-to-module.js
@@ -1,5 +1,6 @@
 import prettier from 'prettier';
 import camelCase from 'lodash/camelCase';
+import { logger } from '@storybook/node-logger';
 
 /**
  * Convert a legacy story file to module format
@@ -153,8 +154,7 @@ export default function transformer(file, api, options) {
   // If there's already a default export
   if (defaultExports.size() > 0) {
     if (initialStoriesOf.size() > 0) {
-      // eslint-disable-next-line no-console
-      console.log(
+      logger.warn(
         `Found ${initialStoriesOf.size()} 'storiesOf' calls but existing default export, SKIPPING: '${
           file.path
         }'`
@@ -187,8 +187,7 @@ export default function transformer(file, api, options) {
 
   const source = root.toSource({ trailingComma: true, quote: 'single', tabWidth: 2 });
   if (initialStoriesOf.size() > 1) {
-    // eslint-disable-next-line no-console
-    console.log(
+    logger.warn(
       `Found ${initialStoriesOf.size()} 'storiesOf' calls, PLEASE FIX BY HAND: '${file.path}'`
     );
     return source;
diff --git a/lib/components/package.json b/lib/components/package.json
index f80eac129c6..6f180f9c30c 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -21,8 +21,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
+    "@types/react-syntax-highlighter": "10.1.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "markdown-to-jsx": "^6.9.1",
@@ -37,13 +38,10 @@
     "react-popper-tooltip": "^2.8.3",
     "react-syntax-highlighter": "^8.0.1",
     "react-textarea-autosize": "^7.1.0",
-    "recompose": "^0.30.0",
     "simplebar-react": "^1.0.0-alpha.6"
   },
   "devDependencies": {
-    "@types/react-syntax-highlighter": "10.1.0",
     "@types/react-textarea-autosize": "^4.3.3",
-    "@types/recompose": "^0.30.5",
     "enzyme": "^3.9.0",
     "jest": "^24.7.1",
     "jest-enzyme": "^7.0.2"
diff --git a/lib/components/src/ActionBar/ActionBar.tsx b/lib/components/src/ActionBar/ActionBar.tsx
index 9e988679262..3b566348aff 100644
--- a/lib/components/src/ActionBar/ActionBar.tsx
+++ b/lib/components/src/ActionBar/ActionBar.tsx
@@ -2,7 +2,7 @@ import React, { FunctionComponent } from 'react';
 
 import { styled } from '@storybook/theming';
 
-const Container = styled.div(({ theme }) => ({
+const Container = styled.div<{}>(({ theme }) => ({
   position: 'absolute',
   bottom: 0,
   right: 0,
@@ -12,7 +12,7 @@ const Container = styled.div(({ theme }) => ({
   zIndex: 1,
 }));
 
-export const ActionButton = styled.button(({ theme }) => ({
+export const ActionButton = styled.button<{}>(({ theme }) => ({
   border: '0 none',
   padding: '4px 10px',
   cursor: 'pointer',
diff --git a/lib/components/src/Badge/__snapshots__/Badge.stories.storyshot b/lib/components/src/Badge/__snapshots__/Badge.stories.storyshot
deleted file mode 100644
index 47f8c347e83..00000000000
--- a/lib/components/src/Badge/__snapshots__/Badge.stories.storyshot
+++ /dev/null
@@ -1,96 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|Badge all badges 1`] = `
-.emotion-0 {
-  display: inline-block;
-  font-size: 11px;
-  line-height: 12px;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  padding: 4px 12px;
-  border-radius: 3em;
-  font-weight: 700;
-  color: #66BF3C;
-  background: #E1FFD4;
-}
-
-.emotion-0 svg {
-  height: 12px;
-  width: 12px;
-  margin-right: 4px;
-  margin-top: -2px;
-}
-
-.emotion-0 svg path {
-  fill: currentColor;
-}
-
-.emotion-1 {
-  display: inline-block;
-  font-size: 11px;
-  line-height: 12px;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  padding: 4px 12px;
-  border-radius: 3em;
-  font-weight: 700;
-  color: #FF4400;
-  background: #FEDED2;
-}
-
-.emotion-1 svg {
-  height: 12px;
-  width: 12px;
-  margin-right: 4px;
-  margin-top: -2px;
-}
-
-.emotion-1 svg path {
-  fill: currentColor;
-}
-
-.emotion-2 {
-  display: inline-block;
-  font-size: 11px;
-  line-height: 12px;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
-  align-self: center;
-  padding: 4px 12px;
-  border-radius: 3em;
-  font-weight: 700;
-  color: #666666;
-  background: #EEEEEE;
-}
-
-.emotion-2 svg {
-  height: 12px;
-  width: 12px;
-  margin-right: 4px;
-  margin-top: -2px;
-}
-
-.emotion-2 svg path {
-  fill: currentColor;
-}
-
-<div>
-  <div
-    class="emotion-0"
-  >
-    Positive
-  </div>
-  <div
-    class="emotion-1"
-  >
-    Negative
-  </div>
-  <div
-    class="emotion-2"
-  >
-    Neutral
-  </div>
-</div>
-`;
diff --git a/lib/components/src/Button/Button.tsx b/lib/components/src/Button/Button.tsx
index 81629e5f985..d5ee1387457 100644
--- a/lib/components/src/Button/Button.tsx
+++ b/lib/components/src/Button/Button.tsx
@@ -1,4 +1,4 @@
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, forwardRef } from 'react';
 import { styled, css } from '@storybook/theming';
 import { darken, lighten, rgba, transparentize } from 'polished';
 
@@ -233,13 +233,24 @@ export interface ButtonProps {
   containsIcon?: boolean;
 }
 
-export const Button: FunctionComponent<ButtonProps> = ({ isLink, children, ...props }) => {
-  if (isLink) {
-    return <ButtonLink {...props}>{children}</ButtonLink>;
+export const Button = Object.assign(
+  forwardRef<any, ButtonProps>(({ isLink, children, ...props }, ref) => {
+    if (isLink) {
+      return (
+        <ButtonLink {...props} ref={ref}>
+          {children}
+        </ButtonLink>
+      );
+    }
+    return (
+      <ButtonWrapper {...props} ref={ref}>
+        {children}
+      </ButtonWrapper>
+    );
+  }),
+  {
+    defaultProps: {
+      isLink: false,
+    },
   }
-  return <ButtonWrapper {...props}>{children}</ButtonWrapper>;
-};
-
-Button.defaultProps = {
-  isLink: false,
-};
+);
diff --git a/lib/components/src/Button/__snapshots__/Button.stories.storyshot b/lib/components/src/Button/__snapshots__/Button.stories.storyshot
deleted file mode 100644
index b3095259427..00000000000
--- a/lib/components/src/Button/__snapshots__/Button.stories.storyshot
+++ /dev/null
@@ -1,1028 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|Button all buttons 1`] = `
-.emotion-4 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-3 {
-  fill: currentColor;
-}
-
-.emotion-0 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #fafafa;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  display: inline;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: visible;
-  z-index: 2;
-}
-
-.emotion-0 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-0 svg path {
-  fill: currentColor;
-}
-
-.emotion-0:hover {
-  background: #f2f2f2;
-}
-
-.emotion-0:active {
-  background: #FFFFFF;
-}
-
-.emotion-0:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
-}
-
-.emotion-0:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-.emotion-1 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 13px 20px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1;
-  background: #FF4785;
-  color: #FFFFFF;
-}
-
-.emotion-1 svg {
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  vertical-align: top;
-  margin-right: 6px;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  pointer-events: none;
-}
-
-.emotion-1 svg path {
-  fill: currentColor;
-}
-
-.emotion-1:hover {
-  background: #ff2d74;
-}
-
-.emotion-1:active {
-  box-shadow: rgba(0,0,0,0.1) 0 0 0 3em inset;
-}
-
-.emotion-1:focus {
-  box-shadow: rgba(255,71,133,0.4) 0 1px 9px 2px;
-}
-
-.emotion-1:focus:hover {
-  box-shadow: rgba(255,71,133,0.2) 0 8px 18px 0px;
-}
-
-.emotion-2 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 13px 20px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1;
-  background: #1EA7FD;
-  color: #FFFFFF;
-}
-
-.emotion-2 svg {
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  vertical-align: top;
-  margin-right: 6px;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  pointer-events: none;
-}
-
-.emotion-2 svg path {
-  fill: currentColor;
-}
-
-.emotion-2:hover {
-  background: #059dfd;
-}
-
-.emotion-2:active {
-  box-shadow: rgba(0,0,0,0.1) 0 0 0 3em inset;
-}
-
-.emotion-2:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 1px 9px 2px;
-}
-
-.emotion-2:focus:hover {
-  box-shadow: rgba(30,167,253,0.2) 0 8px 18px 0px;
-}
-
-.emotion-5 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 13px 20px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1;
-  padding: 12px;
-  box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
-  color: rgba(51,51,51,0.7);
-  background: transparent;
-}
-
-.emotion-5 svg {
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  vertical-align: top;
-  margin-right: 6px;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  pointer-events: none;
-}
-
-.emotion-5 svg path {
-  fill: currentColor;
-}
-
-.emotion-5 svg {
-  display: block;
-  margin: 0;
-}
-
-.emotion-5:hover {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
-}
-
-.emotion-5:active {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
-  color: #333;
-}
-
-.emotion-6 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 13px 20px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1;
-  box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
-  color: rgba(51,51,51,0.7);
-  background: transparent;
-}
-
-.emotion-6 svg {
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  vertical-align: top;
-  margin-right: 6px;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  pointer-events: none;
-}
-
-.emotion-6 svg path {
-  fill: currentColor;
-}
-
-.emotion-6:hover {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
-}
-
-.emotion-6:active {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
-  color: #333;
-}
-
-.emotion-7 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 13px 20px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1;
-  background: #FF4785;
-  color: #FFFFFF;
-  box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
-  color: rgba(51,51,51,0.7);
-  background: transparent;
-  box-shadow: #FF4785 0 0 0 1px inset;
-  color: #FF4785;
-}
-
-.emotion-7 svg {
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  vertical-align: top;
-  margin-right: 6px;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  pointer-events: none;
-}
-
-.emotion-7 svg path {
-  fill: currentColor;
-}
-
-.emotion-7:hover {
-  background: #ff2d74;
-}
-
-.emotion-7:active {
-  box-shadow: rgba(0,0,0,0.1) 0 0 0 3em inset;
-}
-
-.emotion-7:focus {
-  box-shadow: rgba(255,71,133,0.4) 0 1px 9px 2px;
-}
-
-.emotion-7:focus:hover {
-  box-shadow: rgba(255,71,133,0.2) 0 8px 18px 0px;
-}
-
-.emotion-7:hover {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
-}
-
-.emotion-7:active {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
-  color: #333;
-}
-
-.emotion-7 svg path {
-  fill: #FF4785;
-}
-
-.emotion-7:hover {
-  box-shadow: #FF4785 0 0 0 1px inset;
-  background: transparent;
-}
-
-.emotion-7:active {
-  background: #FF4785;
-  box-shadow: #FF4785 0 0 0 1px inset;
-  color: #FFFFFF;
-}
-
-.emotion-7:focus {
-  box-shadow: #FF4785 0 0 0 1px inset, rgba(255,71,133,0.4) 0 1px 9px 2px;
-}
-
-.emotion-7:focus:hover {
-  box-shadow: #FF4785 0 0 0 1px inset, rgba(255,71,133,0.2) 0 8px 18px 0px;
-}
-
-.emotion-8 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 13px 20px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1;
-  background: #1EA7FD;
-  color: #FFFFFF;
-  box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
-  color: rgba(51,51,51,0.7);
-  background: transparent;
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-  color: #1EA7FD;
-}
-
-.emotion-8 svg {
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  vertical-align: top;
-  margin-right: 6px;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  pointer-events: none;
-}
-
-.emotion-8 svg path {
-  fill: currentColor;
-}
-
-.emotion-8:hover {
-  background: #059dfd;
-}
-
-.emotion-8:active {
-  box-shadow: rgba(0,0,0,0.1) 0 0 0 3em inset;
-}
-
-.emotion-8:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 1px 9px 2px;
-}
-
-.emotion-8:focus:hover {
-  box-shadow: rgba(30,167,253,0.2) 0 8px 18px 0px;
-}
-
-.emotion-8:hover {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
-}
-
-.emotion-8:active {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
-  color: #333;
-}
-
-.emotion-8:hover {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-  background: transparent;
-}
-
-.emotion-8:active {
-  background: #1EA7FD;
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-  color: #FFFFFF;
-}
-
-.emotion-8:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset, rgba(30,167,253,0.4) 0 1px 9px 2px;
-}
-
-.emotion-8:focus:hover {
-  box-shadow: #1EA7FD 0 0 0 1px inset, rgba(30,167,253,0.2) 0 8px 18px 0px;
-}
-
-.emotion-9 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 13px 20px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1;
-  cursor: not-allowed !important;
-  opacity: 0.5;
-  background: #FF4785;
-  color: #FFFFFF;
-}
-
-.emotion-9 svg {
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  vertical-align: top;
-  margin-right: 6px;
-  margin-top: -2px;
-  margin-bottom: -2px;
-  pointer-events: none;
-}
-
-.emotion-9 svg path {
-  fill: currentColor;
-}
-
-.emotion-9:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-.emotion-9:hover {
-  background: #ff2d74;
-}
-
-.emotion-9:active {
-  box-shadow: rgba(0,0,0,0.1) 0 0 0 3em inset;
-}
-
-.emotion-9:focus {
-  box-shadow: rgba(255,71,133,0.4) 0 1px 9px 2px;
-}
-
-.emotion-9:focus:hover {
-  box-shadow: rgba(255,71,133,0.2) 0 8px 18px 0px;
-}
-
-.emotion-10 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #FF4785;
-  color: #FFFFFF;
-}
-
-.emotion-10 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-10 svg path {
-  fill: currentColor;
-}
-
-.emotion-10:hover {
-  background: #ff2d74;
-}
-
-.emotion-10:active {
-  box-shadow: rgba(0,0,0,0.1) 0 0 0 3em inset;
-}
-
-.emotion-10:focus {
-  box-shadow: rgba(255,71,133,0.4) 0 1px 9px 2px;
-}
-
-.emotion-10:focus:hover {
-  box-shadow: rgba(255,71,133,0.2) 0 8px 18px 0px;
-}
-
-.emotion-11 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #1EA7FD;
-  color: #FFFFFF;
-}
-
-.emotion-11 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-11 svg path {
-  fill: currentColor;
-}
-
-.emotion-11:hover {
-  background: #059dfd;
-}
-
-.emotion-11:active {
-  box-shadow: rgba(0,0,0,0.1) 0 0 0 3em inset;
-}
-
-.emotion-11:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 1px 9px 2px;
-}
-
-.emotion-11:focus:hover {
-  box-shadow: rgba(30,167,253,0.2) 0 8px 18px 0px;
-}
-
-.emotion-12 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
-  color: rgba(51,51,51,0.7);
-  background: transparent;
-}
-
-.emotion-12 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-12 svg path {
-  fill: currentColor;
-}
-
-.emotion-12:hover {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
-}
-
-.emotion-12:active {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
-  color: #333;
-}
-
-.emotion-13 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  cursor: not-allowed !important;
-  opacity: 0.5;
-  background: #FF4785;
-  color: #FFFFFF;
-}
-
-.emotion-13 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-13 svg path {
-  fill: currentColor;
-}
-
-.emotion-13:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-.emotion-13:hover {
-  background: #ff2d74;
-}
-
-.emotion-13:active {
-  box-shadow: rgba(0,0,0,0.1) 0 0 0 3em inset;
-}
-
-.emotion-13:focus {
-  box-shadow: rgba(255,71,133,0.4) 0 1px 9px 2px;
-}
-
-.emotion-13:focus:hover {
-  box-shadow: rgba(255,71,133,0.2) 0 8px 18px 0px;
-}
-
-.emotion-16 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  padding: 9px;
-  box-shadow: rgba(51,51,51,0.2) 0 0 0 1px inset;
-  color: rgba(51,51,51,0.7);
-  background: transparent;
-}
-
-.emotion-16 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-16 svg path {
-  fill: currentColor;
-}
-
-.emotion-16 svg {
-  display: block;
-  margin: 0;
-}
-
-.emotion-16:hover {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 1px inset;
-}
-
-.emotion-16:active {
-  box-shadow: rgba(51,51,51,0.5) 0 0 0 2px inset;
-  color: #333;
-}
-
-<div>
-  <p>
-    Button that is used for forms
-  </p>
-  <button
-    class="emotion-0"
-  >
-    Form.Button
-  </button>
-  <br />
-  <p>
-    Buttons that are used for everything else
-  </p>
-  <button
-    class="emotion-1"
-  >
-    Primary
-  </button>
-  <button
-    class="emotion-2"
-  >
-    Secondary
-  </button>
-  <button
-    class="emotion-5"
-  >
-    <svg
-      class="emotion-4"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-3"
-        d="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"
-      />
-    </svg>
-  </button>
-  <br />
-  <button
-    class="emotion-6"
-  >
-    Outline
-  </button>
-  <button
-    class="emotion-7"
-  >
-    Outline primary
-  </button>
-  <button
-    class="emotion-8"
-  >
-    Outline secondary
-  </button>
-  <button
-    class="emotion-9"
-    disabled=""
-  >
-    Disabled
-  </button>
-  <br />
-  <button
-    class="emotion-10"
-  >
-    Primary
-  </button>
-  <button
-    class="emotion-11"
-  >
-    Secondary
-  </button>
-  <button
-    class="emotion-12"
-  >
-    Outline
-  </button>
-  <button
-    class="emotion-13"
-    disabled=""
-  >
-    Disabled
-  </button>
-  <button
-    class="emotion-16"
-  >
-    <svg
-      class="emotion-4"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-3"
-        d="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"
-      />
-    </svg>
-  </button>
-  <button
-    class="emotion-12"
-  >
-    <svg
-      class="emotion-4"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-3"
-        d="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"
-      />
-    </svg>
-    Link
-  </button>
-</div>
-`;
diff --git a/lib/components/src/ScrollArea/ScrollArea.tsx b/lib/components/src/ScrollArea/ScrollArea.tsx
index 10a289b64e6..45bc5ad3c51 100644
--- a/lib/components/src/ScrollArea/ScrollArea.tsx
+++ b/lib/components/src/ScrollArea/ScrollArea.tsx
@@ -13,7 +13,9 @@ export interface ScrollProps {
   [key: string]: any;
 }
 
-const Scroll = styled(({ vertical, horizontal, ...rest }: ScrollProps) => <SimpleBar {...rest} />)(
+const Scroll = styled(({ vertical, horizontal, ...rest }: ScrollProps) => <SimpleBar {...rest} />)<
+  ScrollProps
+>(
   ({ vertical }) =>
     !vertical
       ? {
diff --git a/lib/components/src/blocks/ColorPalette.tsx b/lib/components/src/blocks/ColorPalette.tsx
index 28372213a00..8796a29fd69 100644
--- a/lib/components/src/blocks/ColorPalette.tsx
+++ b/lib/components/src/blocks/ColorPalette.tsx
@@ -4,11 +4,11 @@ import { transparentize } from 'polished';
 
 import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
 
-const ItemTitle = styled.div(({ theme }) => ({
+const ItemTitle = styled.div<{}>(({ theme }) => ({
   fontWeight: theme.typography.weight.bold,
 }));
 
-const ItemSubtitle = styled.div(({ theme }) => ({
+const ItemSubtitle = styled.div<{}>(({ theme }) => ({
   color:
     theme.base === 'light'
       ? transparentize(0.2, theme.color.defaultText)
@@ -21,7 +21,7 @@ const ItemDescription = styled.div({
   marginTop: 5,
 });
 
-const SwatchLabel = styled.div(({ theme }) => ({
+const SwatchLabel = styled.div<{}>(({ theme }) => ({
   flex: 1,
   textAlign: 'center',
   fontFamily: theme.typography.fonts.mono,
@@ -49,7 +49,7 @@ const Swatch = styled.div({
   flex: 1,
 });
 
-const SwatchColors = styled.div(({ theme }) => ({
+const SwatchColors = styled.div<{}>(({ theme }) => ({
   ...getBlockBackgroundStyle(theme),
   display: 'flex',
   flexDirection: 'row',
@@ -85,7 +85,7 @@ const ListSwatches = styled.div({
   flex: 1,
 });
 
-const ListHeading = styled.div(({ theme }) => ({
+const ListHeading = styled.div<{}>(({ theme }) => ({
   display: 'flex',
   flexDirection: 'row',
   alignItems: 'center',
diff --git a/lib/components/src/blocks/DocsPage.tsx b/lib/components/src/blocks/DocsPage.tsx
index c455666b9d8..3d4907467ab 100644
--- a/lib/components/src/blocks/DocsPage.tsx
+++ b/lib/components/src/blocks/DocsPage.tsx
@@ -12,7 +12,7 @@ export interface DocsPageProps {
   subtitle?: string;
 }
 
-const Title = styled.h1(({ theme }) => ({
+const Title = styled.h1<{}>(({ theme }) => ({
   // overrides h1 in DocumentFormatting
   '&&': {
     fontSize: theme.typography.size.m3,
@@ -25,7 +25,7 @@ const Title = styled.h1(({ theme }) => ({
   },
 }));
 
-const Subtitle = styled.h2(({ theme }) => ({
+const Subtitle = styled.h2<{}>(({ theme }) => ({
   // overrides h2 in DocumentFormatting
   '&&': {
     fontWeight: theme.typography.weight.regular,
@@ -52,7 +52,7 @@ export const DocsContent = styled(DocumentFormatting)({
   width: '100%',
 });
 
-export const DocsWrapper = styled.div(({ theme }) => ({
+export const DocsWrapper = styled.div<{}>(({ theme }) => ({
   background: theme.background.content,
   display: 'flex',
   justifyContent: 'center',
diff --git a/lib/components/src/blocks/EmptyBlock.tsx b/lib/components/src/blocks/EmptyBlock.tsx
index 155a51f46ed..db4ecf43ec6 100644
--- a/lib/components/src/blocks/EmptyBlock.tsx
+++ b/lib/components/src/blocks/EmptyBlock.tsx
@@ -2,7 +2,7 @@ import React, { FunctionComponent } from 'react';
 import { styled } from '@storybook/theming';
 import { transparentize } from 'polished';
 
-const Wrapper = styled.div(({ theme }) => ({
+const Wrapper = styled.div<{}>(({ theme }) => ({
   backgroundColor: theme.base === 'light' ? 'rgba(0,0,0,.01)' : 'rgba(255,255,255,.01)',
   borderRadius: theme.appBorderRadius,
   border: `1px dashed ${theme.appBorderColor}`,
diff --git a/lib/components/src/blocks/IFrame.tsx b/lib/components/src/blocks/IFrame.tsx
index be8e0dc60ba..66a0dc484b9 100644
--- a/lib/components/src/blocks/IFrame.tsx
+++ b/lib/components/src/blocks/IFrame.tsx
@@ -37,9 +37,6 @@ export class IFrame extends React.Component<IFrameProps> {
         transformOrigin: 'top left',
       });
     }
-    // if(this.props.src !== src) {
-    //   debugger;
-    // }
     return false;
   }
 
diff --git a/lib/components/src/blocks/IconGallery.tsx b/lib/components/src/blocks/IconGallery.tsx
index 1bb9cfde6f9..22ceb329c48 100644
--- a/lib/components/src/blocks/IconGallery.tsx
+++ b/lib/components/src/blocks/IconGallery.tsx
@@ -8,7 +8,7 @@ const ItemLabel = styled.div({
   lineHeight: 1.2,
 });
 
-const ItemSpecimen = styled.div(({ theme }) => ({
+const ItemSpecimen = styled.div<{}>(({ theme }) => ({
   ...getBlockBackgroundStyle(theme),
   overflow: 'hidden',
   height: 40,
diff --git a/lib/components/src/blocks/Preview.tsx b/lib/components/src/blocks/Preview.tsx
index 713550bf95d..49e275a4162 100644
--- a/lib/components/src/blocks/Preview.tsx
+++ b/lib/components/src/blocks/Preview.tsx
@@ -26,7 +26,7 @@ const ChildrenContainer = styled.div<PreviewProps>(({ isColumn, columns }) => ({
   },
 }));
 
-const StyledSource = styled(Source)(({ theme }) => ({
+const StyledSource = styled(Source)<{}>(({ theme }) => ({
   margin: 0,
   borderTopLeftRadius: 0,
   borderTopRightRadius: 0,
diff --git a/lib/components/src/blocks/PropsTable/PropRow.tsx b/lib/components/src/blocks/PropsTable/PropRow.tsx
index d3000ea4fbb..7121f317b56 100644
--- a/lib/components/src/blocks/PropsTable/PropRow.tsx
+++ b/lib/components/src/blocks/PropsTable/PropRow.tsx
@@ -27,13 +27,13 @@ interface PropRowProps {
 
 const Name = styled.span({ fontWeight: 'bold' });
 
-const Required = styled.span(({ theme }) => ({
+const Required = styled.span<{}>(({ theme }) => ({
   color: theme.color.negative,
   fontFamily: theme.typography.fonts.mono,
   cursor: 'help',
 }));
 
-const StyledPropDef = styled.div(({ theme }) => ({
+const StyledPropDef = styled.div<{}>(({ theme }) => ({
   color:
     theme.base === 'light'
       ? transparentize(0.4, theme.color.defaultText)
diff --git a/lib/components/src/blocks/PropsTable/PropsTable.tsx b/lib/components/src/blocks/PropsTable/PropsTable.tsx
index 2637144b7aa..b23ec02ef82 100644
--- a/lib/components/src/blocks/PropsTable/PropsTable.tsx
+++ b/lib/components/src/blocks/PropsTable/PropsTable.tsx
@@ -5,7 +5,7 @@ import { PropRow } from './PropRow';
 import { PropDef } from './PropDef';
 import { EmptyBlock } from '../EmptyBlock';
 
-export const Table = styled.table(({ theme }) => ({
+export const Table = styled.table<{}>(({ theme }) => ({
   '&&': {
     // Resets for cascading/system styles
     borderCollapse: 'collapse',
diff --git a/lib/components/src/blocks/Source.tsx b/lib/components/src/blocks/Source.tsx
index f7b1b6da667..dadd3d97364 100644
--- a/lib/components/src/blocks/Source.tsx
+++ b/lib/components/src/blocks/Source.tsx
@@ -4,7 +4,7 @@ import { EmptyBlock } from './EmptyBlock';
 
 import { SyntaxHighlighter } from '../syntaxhighlighter/syntaxhighlighter';
 
-const StyledSyntaxHighlighter = styled(SyntaxHighlighter)(({ theme }) => ({
+const StyledSyntaxHighlighter = styled(SyntaxHighlighter)<{}>(({ theme }) => ({
   // DocBlocks-specific styling and overrides
   margin: '25px 0 40px',
   boxShadow:
diff --git a/lib/components/src/blocks/Typeset.tsx b/lib/components/src/blocks/Typeset.tsx
index 890474dae36..6cd034fd5f9 100644
--- a/lib/components/src/blocks/Typeset.tsx
+++ b/lib/components/src/blocks/Typeset.tsx
@@ -4,7 +4,7 @@ import { transparentize } from 'polished';
 
 import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
 
-const Label = styled.div(({ theme }) => ({
+const Label = styled.div<{}>(({ theme }) => ({
   marginRight: 30,
   fontSize: `${theme.typography.size.s1}px`,
   color:
@@ -27,7 +27,7 @@ const TypeSpecimen = styled.div({
   '&:not(:last-child)': { marginBottom: '1rem' },
 });
 
-const Wrapper = styled.div(({ theme }) => ({
+const Wrapper = styled.div<{}>(({ theme }) => ({
   ...getBlockBackgroundStyle(theme),
   margin: '25px 0 40px',
   padding: '30px 20px',
diff --git a/lib/components/src/brand/__snapshots__/StorybookIcon.stories.storyshot b/lib/components/src/brand/__snapshots__/StorybookIcon.stories.storyshot
deleted file mode 100644
index f0fc7565bd2..00000000000
--- a/lib/components/src/brand/__snapshots__/StorybookIcon.stories.storyshot
+++ /dev/null
@@ -1,36 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|Brand/StorybookIcon default 1`] = `
-<svg
-  viewBox="0 0 64 64"
->
-  <title>
-    Storybook icon
-  </title>
-  <g
-    fill="none"
-    fill-rule="evenodd"
-    id="Artboard"
-    stroke="none"
-    stroke-width="1"
-  >
-    <path
-      d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
-      fill="#FF4785"
-      fill-rule="nonzero"
-      id="path-1"
-    />
-    <path
-      d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
-      fill="#FFFFFF"
-      fill-rule="nonzero"
-      id="path9_fill-path"
-    />
-    <path
-      d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
-      fill="#FFFFFF"
-      id="Path"
-    />
-  </g>
-</svg>
-`;
diff --git a/lib/components/src/form/__snapshots__/form.stories.storyshot b/lib/components/src/form/__snapshots__/form.stories.storyshot
deleted file mode 100644
index 136f4c46b3d..00000000000
--- a/lib/components/src/form/__snapshots__/form.stories.storyshot
+++ /dev/null
@@ -1,2756 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|Form/Button sizes 1`] = `
-.emotion-6 > * {
-  margin-top: 10px;
-}
-
-.emotion-6 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-0 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #fafafa;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  display: inline;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: visible;
-  z-index: 2;
-}
-
-.emotion-0 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-0 svg path {
-  fill: currentColor;
-}
-
-.emotion-0:hover {
-  background: #f2f2f2;
-}
-
-.emotion-0:active {
-  background: #FFFFFF;
-}
-
-.emotion-0:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
-}
-
-.emotion-0:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-2 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #fafafa;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: visible;
-  z-index: 2;
-}
-
-.emotion-2 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-2 svg path {
-  fill: currentColor;
-}
-
-.emotion-2:hover {
-  background: #f2f2f2;
-}
-
-.emotion-2:active {
-  background: #FFFFFF;
-}
-
-.emotion-2:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
-}
-
-.emotion-2:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-.emotion-4 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #fafafa;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  width: 100%;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: visible;
-  z-index: 2;
-}
-
-.emotion-4 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-4 svg path {
-  fill: currentColor;
-}
-
-.emotion-4:hover {
-  background: #f2f2f2;
-}
-
-.emotion-4:active {
-  background: #FFFFFF;
-}
-
-.emotion-4:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
-}
-
-.emotion-4:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-<div
-  class="emotion-6"
->
-  <div
-    class="emotion-1"
-  >
-    <button
-      class="emotion-0"
-    >
-      click this button
-    </button>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <button
-      class="emotion-2"
-    >
-      click this button
-    </button>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <button
-      class="emotion-4"
-    >
-      click this button
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Button validations 1`] = `
-.emotion-8 > * {
-  margin-top: 10px;
-}
-
-.emotion-8 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-6 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #fafafa;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  width: 100%;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: visible;
-  z-index: 2;
-}
-
-.emotion-6 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-6 svg path {
-  fill: currentColor;
-}
-
-.emotion-6:hover {
-  background: #f2f2f2;
-}
-
-.emotion-6:active {
-  background: #FFFFFF;
-}
-
-.emotion-6:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
-}
-
-.emotion-6:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-.emotion-0 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #fafafa;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  width: 100%;
-  box-shadow: #FF4400 0 0 0 1px inset !important;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: visible;
-  z-index: 2;
-}
-
-.emotion-0 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-0 svg path {
-  fill: currentColor;
-}
-
-.emotion-0:hover {
-  background: #f2f2f2;
-}
-
-.emotion-0:active {
-  background: #FFFFFF;
-}
-
-.emotion-0:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
-}
-
-.emotion-0:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-.emotion-2 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #fafafa;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  width: 100%;
-  box-shadow: #E69D00 0 0 0 1px inset;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: visible;
-  z-index: 2;
-}
-
-.emotion-2 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-2 svg path {
-  fill: currentColor;
-}
-
-.emotion-2:hover {
-  background: #f2f2f2;
-}
-
-.emotion-2:active {
-  background: #FFFFFF;
-}
-
-.emotion-2:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
-}
-
-.emotion-2:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-.emotion-4 {
-  border: 0;
-  border-radius: 3em;
-  cursor: pointer;
-  display: inline-block;
-  overflow: hidden;
-  padding: 10px 16px;
-  position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  vertical-align: top;
-  white-space: nowrap;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  opacity: 1;
-  margin: 0;
-  background: transparent;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1;
-  background: #fafafa;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  width: 100%;
-  box-shadow: #66BF3C 0 0 0 1px inset !important;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: visible;
-  z-index: 2;
-}
-
-.emotion-4 svg {
-  display: inline-block;
-  height: 14px;
-  width: 14px;
-  vertical-align: top;
-  margin-right: 4px;
-  margin-top: -1px;
-  margin-bottom: -1px;
-  pointer-events: none;
-}
-
-.emotion-4 svg path {
-  fill: currentColor;
-}
-
-.emotion-4:hover {
-  background: #f2f2f2;
-}
-
-.emotion-4:active {
-  background: #FFFFFF;
-}
-
-.emotion-4:focus {
-  box-shadow: rgba(30,167,253,0.4) 0 0 0 1px inset;
-}
-
-.emotion-4:hover {
-  -webkit-transform: none;
-  -ms-transform: none;
-  transform: none;
-}
-
-<div
-  class="emotion-8"
->
-  <div
-    class="emotion-1"
-  >
-    <button
-      class="emotion-0"
-    >
-      click this button
-    </button>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <button
-      class="emotion-2"
-    >
-      click this button
-    </button>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <button
-      class="emotion-4"
-    >
-      click this button
-    </button>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <button
-      class="emotion-6"
-    >
-      click this button
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Field field 1`] = `
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  border-bottom: 1px solid rgba(0,0,0,.1);
-  margin: 0 15px;
-  padding: 8px 0;
-}
-
-.emotion-2:last-child {
-  margin-bottom: 3rem;
-}
-
-.emotion-0 {
-  min-width: 100px;
-  font-weight: 700;
-  margin-right: 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  line-height: 16px;
-}
-
-.emotion-1 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  display: inline;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.emotion-1:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-1[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-1:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-1::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-1::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-1:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-1::placeholder {
-  color: #999999;
-}
-
-<label
-  class="emotion-2"
->
-  <span
-    class="emotion-0"
-  >
-    <span>
-      label
-    </span>
-  </span>
-  <select
-    class="emotion-1"
-    size="1"
-  >
-    <option
-      value="val1"
-    >
-      Value 1
-    </option>
-    <option
-      selected=""
-      value="val2"
-    >
-      Value 2
-    </option>
-    <option
-      value="val3"
-    >
-      Value 3
-    </option>
-  </select>
-</label>
-`;
-
-exports[`Storyshots Basics|Form/Input alignment 1`] = `
-.emotion-6 > * {
-  margin-top: 10px;
-}
-
-.emotion-6 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-4 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  min-height: 32px;
-}
-
-.emotion-4:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-4[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-4:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-4::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-4:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::placeholder {
-  color: #999999;
-}
-
-.emotion-0 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: right;
-  min-height: 32px;
-}
-
-.emotion-0:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-0[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-0:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-0::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-0:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::placeholder {
-  color: #999999;
-}
-
-.emotion-2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: center;
-  min-height: 32px;
-}
-
-.emotion-2:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-2[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-2:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-2::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-2:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::placeholder {
-  color: #999999;
-}
-
-<div
-  class="emotion-6"
->
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-0"
-      value="text"
-    />
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-2"
-      value="text"
-    />
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-4"
-      value="text"
-    />
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Input sizes 1`] = `
-.emotion-6 > * {
-  margin-top: 10px;
-}
-
-.emotion-6 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-0 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  display: inline;
-  text-align: left;
-  min-height: 32px;
-}
-
-.emotion-0:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-0[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-0:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-0::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-0:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::placeholder {
-  color: #999999;
-}
-
-.emotion-2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  min-height: 32px;
-}
-
-.emotion-2:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-2[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-2:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-2::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-2:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::placeholder {
-  color: #999999;
-}
-
-.emotion-4 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  min-height: 32px;
-}
-
-.emotion-4:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-4[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-4:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-4::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-4:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::placeholder {
-  color: #999999;
-}
-
-<div
-  class="emotion-6"
->
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-0"
-      value="text"
-    />
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-2"
-      value="text"
-    />
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-4"
-      value="text"
-    />
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Input validations 1`] = `
-.emotion-8 > * {
-  margin-top: 10px;
-}
-
-.emotion-8 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-6 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  min-height: 32px;
-}
-
-.emotion-6:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-6[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-6:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-6::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-6::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-6:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-6::placeholder {
-  color: #999999;
-}
-
-.emotion-0 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  box-shadow: #FF4400 0 0 0 1px inset !important;
-  min-height: 32px;
-}
-
-.emotion-0:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-0[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-0:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-0::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-0:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::placeholder {
-  color: #999999;
-}
-
-.emotion-2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  box-shadow: #E69D00 0 0 0 1px inset;
-  min-height: 32px;
-}
-
-.emotion-2:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-2[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-2:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-2::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-2:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::placeholder {
-  color: #999999;
-}
-
-.emotion-4 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  box-shadow: #66BF3C 0 0 0 1px inset !important;
-  min-height: 32px;
-}
-
-.emotion-4:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-4[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-4:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-4::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-4:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::placeholder {
-  color: #999999;
-}
-
-<div
-  class="emotion-8"
->
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-0"
-      value="text"
-    />
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-2"
-      value="text"
-    />
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-4"
-      value="text"
-    />
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <input
-      class="emotion-6"
-      value="text"
-    />
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Select sizes 1`] = `
-.emotion-6 > * {
-  margin-top: 10px;
-}
-
-.emotion-6 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-0 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  display: inline;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.emotion-0:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-0[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-0:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-0::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-0:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::placeholder {
-  color: #999999;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.emotion-2:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-2[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-2:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-2::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-2:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::placeholder {
-  color: #999999;
-}
-
-.emotion-4 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.emotion-4:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-4[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-4:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-4::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-4:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::placeholder {
-  color: #999999;
-}
-
-<div
-  class="emotion-6"
->
-  <div
-    class="emotion-1"
-  >
-    <select
-      class="emotion-0"
-    >
-      <option
-        value="val1"
-      >
-        Value 1
-      </option>
-      <option
-        selected=""
-        value="val2"
-      >
-        Value 2
-      </option>
-      <option
-        value="val3"
-      >
-        Value 3
-      </option>
-    </select>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <select
-      class="emotion-2"
-    >
-      <option
-        value="val1"
-      >
-        Value 1
-      </option>
-      <option
-        selected=""
-        value="val2"
-      >
-        Value 2
-      </option>
-      <option
-        value="val3"
-      >
-        Value 3
-      </option>
-    </select>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <select
-      class="emotion-4"
-    >
-      <option
-        value="val1"
-      >
-        Value 1
-      </option>
-      <option
-        selected=""
-        value="val2"
-      >
-        Value 2
-      </option>
-      <option
-        value="val3"
-      >
-        Value 3
-      </option>
-    </select>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Select validations 1`] = `
-.emotion-4 > * {
-  margin-top: 10px;
-}
-
-.emotion-4 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-3 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.emotion-3:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-3[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-3:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-3::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-3::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-3:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-3::placeholder {
-  color: #999999;
-}
-
-.emotion-0 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  box-shadow: #FF4400 0 0 0 1px inset !important;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.emotion-0:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-0[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-0:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-0::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-0:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::placeholder {
-  color: #999999;
-}
-
-.emotion-1 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  box-shadow: #E69D00 0 0 0 1px inset;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.emotion-1:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-1[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-1:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-1::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-1::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-1:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-1::placeholder {
-  color: #999999;
-}
-
-.emotion-2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  box-shadow: #66BF3C 0 0 0 1px inset !important;
-  height: 32px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  padding-right: 20px;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.emotion-2:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-2[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-2:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-2::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-2:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::placeholder {
-  color: #999999;
-}
-
-<div>
-  <div
-    class="emotion-4"
-  >
-    <select
-      class="emotion-0"
-    >
-      <option
-        value="val1"
-      >
-        Value 1
-      </option>
-      <option
-        selected=""
-        value="val2"
-      >
-        Value 2
-      </option>
-      <option
-        value="val3"
-      >
-        Value 3
-      </option>
-    </select>
-    <select
-      class="emotion-1"
-    >
-      <option
-        value="val1"
-      >
-        Value 1
-      </option>
-      <option
-        selected=""
-        value="val2"
-      >
-        Value 2
-      </option>
-      <option
-        value="val3"
-      >
-        Value 3
-      </option>
-    </select>
-    <select
-      class="emotion-2"
-    >
-      <option
-        value="val1"
-      >
-        Value 1
-      </option>
-      <option
-        selected=""
-        value="val2"
-      >
-        Value 2
-      </option>
-      <option
-        value="val3"
-      >
-        Value 3
-      </option>
-    </select>
-    <select
-      class="emotion-3"
-    >
-      <option
-        value="val1"
-      >
-        Value 1
-      </option>
-      <option
-        selected=""
-        value="val2"
-      >
-        Value 2
-      </option>
-      <option
-        value="val3"
-      >
-        Value 3
-      </option>
-    </select>
-  </div>
-  <select
-    class="emotion-3"
-    disabled=""
-  >
-    <option
-      value="val1"
-    >
-      Value 1
-    </option>
-    <option
-      selected=""
-      value="val2"
-    >
-      Value 2
-    </option>
-    <option
-      value="val3"
-    >
-      Value 3
-    </option>
-  </select>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Textarea alignment 1`] = `
-.emotion-6 > * {
-  margin-top: 10px;
-}
-
-.emotion-6 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-4 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  overflow: visible;
-}
-
-.emotion-4:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-4[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-4:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-4::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-4:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::placeholder {
-  color: #999999;
-}
-
-.emotion-0 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: right;
-  overflow: visible;
-}
-
-.emotion-0:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-0[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-0:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-0::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-0:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::placeholder {
-  color: #999999;
-}
-
-.emotion-2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: center;
-  overflow: visible;
-}
-
-.emotion-2:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-2[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-2:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-2::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-2:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::placeholder {
-  color: #999999;
-}
-
-<div
-  class="emotion-6"
->
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      align="end"
-      class="emotion-0"
-      style="height:0"
-    >
-      textarea
-    </textarea>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      align="center"
-      class="emotion-2"
-      style="height:0"
-    >
-      textarea
-    </textarea>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      align="start"
-      class="emotion-4"
-      style="height:0"
-    >
-      textarea
-    </textarea>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Textarea sizes 1`] = `
-.emotion-6 > * {
-  margin-top: 10px;
-}
-
-.emotion-6 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-0 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  display: inline;
-  text-align: left;
-  overflow: visible;
-}
-
-.emotion-0:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-0[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-0:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-0::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-0:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::placeholder {
-  color: #999999;
-}
-
-.emotion-2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  overflow: visible;
-}
-
-.emotion-2:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-2[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-2:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-2::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-2:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::placeholder {
-  color: #999999;
-}
-
-.emotion-4 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  overflow: visible;
-}
-
-.emotion-4:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-4[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-4:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-4::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-4:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::placeholder {
-  color: #999999;
-}
-
-<div
-  class="emotion-6"
->
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      class="emotion-0"
-      style="height:0"
-    >
-      textarea
-    </textarea>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      class="emotion-2"
-      style="height:0"
-    >
-      textarea
-    </textarea>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      class="emotion-4"
-      style="height:0"
-    >
-      textarea
-    </textarea>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Form/Textarea validations 1`] = `
-.emotion-8 > * {
-  margin-top: 10px;
-}
-
-.emotion-8 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-6 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  overflow: visible;
-}
-
-.emotion-6:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-6[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-6:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-6::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-6::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-6:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-6::placeholder {
-  color: #999999;
-}
-
-.emotion-0 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  box-shadow: #FF4400 0 0 0 1px inset !important;
-  overflow: visible;
-}
-
-.emotion-0:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-0[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-0:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-0::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-0:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-0::placeholder {
-  color: #999999;
-}
-
-.emotion-2 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  box-shadow: #E69D00 0 0 0 1px inset;
-  overflow: visible;
-}
-
-.emotion-2:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-2[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-2:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-2::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-2:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-2::placeholder {
-  color: #999999;
-}
-
-.emotion-4 {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  border: 0;
-  box-sizing: inherit;
-  display: block;
-  margin: 0;
-  background: #FFFFFF;
-  padding: .42em 1em;
-  font-size: 13px;
-  position: relative;
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  color: #333333;
-  box-shadow: rgba(0,0,0,.1) 0 0 0 1px inset;
-  border-radius: 4px;
-  line-height: 20px;
-  width: 100%;
-  text-align: left;
-  box-shadow: #66BF3C 0 0 0 1px inset !important;
-  overflow: visible;
-}
-
-.emotion-4:focus {
-  box-shadow: #1EA7FD 0 0 0 1px inset;
-}
-
-.emotion-4[disabled] {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.emotion-4:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 3em #FFFFFF inset;
-}
-
-.emotion-4::-webkit-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::-moz-placeholder {
-  color: #999999;
-}
-
-.emotion-4:-ms-input-placeholder {
-  color: #999999;
-}
-
-.emotion-4::placeholder {
-  color: #999999;
-}
-
-<div
-  class="emotion-8"
->
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      class="emotion-0"
-      style="height:0"
-      valid="error"
-    >
-      textarea
-    </textarea>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      class="emotion-2"
-      style="height:0"
-      valid="warn"
-    >
-      textarea
-    </textarea>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      class="emotion-4"
-      style="height:0"
-      valid="valid"
-    >
-      textarea
-    </textarea>
-  </div>
-  <div
-    class="emotion-1"
-  >
-    <textarea
-      class="emotion-6"
-      style="height:0"
-    >
-      textarea
-    </textarea>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/form/field/field.tsx b/lib/components/src/form/field/field.tsx
index 58cd8682c33..4a009c83c1a 100644
--- a/lib/components/src/form/field/field.tsx
+++ b/lib/components/src/form/field/field.tsx
@@ -1,7 +1,7 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { styled } from '@storybook/theming';
 
-const Wrapper = styled.label(({ theme }) => ({
+const Wrapper = styled.label<{}>(({ theme }) => ({
   display: 'flex',
   borderBottom: `1px solid ${theme.appBorderColor}`,
   margin: '0 15px',
@@ -12,7 +12,7 @@ const Wrapper = styled.label(({ theme }) => ({
   },
 }));
 
-const Label = styled.span(({ theme }) => ({
+const Label = styled.span<{}>(({ theme }) => ({
   minWidth: 100,
   fontWeight: theme.typography.weight.bold,
   marginRight: 15,
diff --git a/lib/components/src/form/index.tsx b/lib/components/src/form/index.tsx
index 587a3abd0f2..e2829db3522 100644
--- a/lib/components/src/form/index.tsx
+++ b/lib/components/src/form/index.tsx
@@ -1,6 +1,7 @@
 import { styled } from '@storybook/theming';
 import { Field } from './field/field';
-import { Input, Select, Textarea, Button } from './input/input';
+// InputStyleProps import is for TS
+import { InputStyleProps, Input, Select, Textarea, Button } from './input/input';
 
 export const Form = Object.assign(
   styled.form({
diff --git a/lib/components/src/form/input/input.tsx b/lib/components/src/form/input/input.tsx
index fc3000651b6..14efa426387 100644
--- a/lib/components/src/form/input/input.tsx
+++ b/lib/components/src/form/input/input.tsx
@@ -1,11 +1,11 @@
-import { styled, Theme } from '@storybook/theming';
-import { withProps } from 'recompose';
+import React, { FunctionComponent, forwardRef, Ref } from 'react';
+import { styled, Theme, CSSObject } from '@storybook/theming';
 
-import TextareaAutoResize from 'react-textarea-autosize';
+import TextareaAutoResize, { TextareaAutosizeProps } from 'react-textarea-autosize';
 
 import { Button as StyledButton } from '../../Button/Button';
 
-const styleResets = {
+const styleResets: CSSObject = {
   // resets
   appearance: 'none',
   border: '0',
@@ -18,7 +18,7 @@ const styleResets = {
   position: 'relative',
 };
 
-const styles = ({ theme }: Theme) => ({
+const styles = ({ theme }: { theme: Theme }): CSSObject => ({
   ...styleResets,
 
   transition: 'all 200ms ease-out',
@@ -43,7 +43,17 @@ const styles = ({ theme }: Theme) => ({
   },
 });
 
-const sizes = ({ size }: { size?: string | number }) => {
+type Sizes = '100%' | 'flex' | 'auto';
+type Alignments = 'end' | 'center' | 'start';
+type ValidationStates = 'valid' | 'error' | 'warn';
+
+export interface InputStyleProps {
+  size?: Sizes;
+  align?: Alignments;
+  valid?: ValidationStates;
+}
+
+const sizes = ({ size }: { size?: Sizes }): CSSObject => {
   switch (size) {
     case '100%': {
       return { width: '100%' };
@@ -57,7 +67,7 @@ const sizes = ({ size }: { size?: string | number }) => {
     }
   }
 };
-const alignment = ({ align }: { align: string }) => {
+const alignment = ({ align }: InputStyleProps): CSSObject => {
   switch (align) {
     case 'end': {
       return { textAlign: 'right' };
@@ -71,7 +81,7 @@ const alignment = ({ align }: { align: string }) => {
     }
   }
 };
-const validation = ({ valid, theme }: { valid: string; theme: Theme }) => {
+const validation = ({ valid, theme }: { valid: ValidationStates; theme: Theme }): CSSObject => {
   switch (valid) {
     case 'valid': {
       return { boxShadow: `${theme.color.positive} 0 0 0 1px inset !important` };
@@ -92,44 +102,77 @@ const validation = ({ valid, theme }: { valid: string; theme: Theme }) => {
   }
 };
 
-export const Input = styled.input<any>(styles as any, sizes, alignment as any, validation, {
-  minHeight: 32,
-});
-(Input as any).styles = { ...styleResets, ...styles };
-(Input as any).sizes = sizes;
-(Input as any).alignment = alignment;
-Input.displayName = 'Input';
-
-export const Select = styled.select(styles as any, sizes, validation, {
-  height: 32,
-  userSelect: 'none',
-  paddingRight: 20,
-  appearance: 'menulist',
-} as any) as any;
-Select.displayName = 'Select';
-
-export const Textarea = styled(TextareaAutoResize)(
-  styles as any,
-  sizes,
-  alignment as any,
-  validation,
+type InputProps = Omit<React.HTMLProps<HTMLInputElement>, keyof InputStyleProps> & InputStyleProps;
+export const Input = Object.assign(
+  styled(
+    forwardRef<any, InputProps>(({ size, valid, align, ...props }, ref) => (
+      <input {...props} ref={ref} />
+    ))
+  )<InputStyleProps>(styles, sizes, alignment, validation, {
+    minHeight: 32,
+  }),
   {
-    overflow: 'visible',
+    displayName: 'Input',
   }
-) as any;
-Textarea.displayName = 'Textarea';
+);
 
-export const Button = withProps({ tertiary: true, small: true, inForm: true })(
-  styled(StyledButton)(sizes as any, validation as any, {
-    // Custom styling for color widget nested in buttons
+// (Input).styles = { ...styleResets, ...styles };
+// (Input).sizes = sizes;
+// (Input).alignment = alignment;
+
+type SelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, keyof InputStyleProps> &
+  InputStyleProps;
+export const Select = Object.assign(
+  styled(
+    forwardRef<any, SelectProps>(({ size, valid, align, ...props }, ref) => (
+      <select {...props} ref={ref} />
+    ))
+  )<SelectProps>(styles, sizes, validation, {
+    height: 32,
     userSelect: 'none',
-    overflow: 'visible',
-    zIndex: 2,
+    paddingRight: 20,
+    appearance: 'menulist',
+  }),
+  {
+    displayName: 'Select',
+  }
+);
 
-    // overrides the default hover from Button
-    '&:hover': {
-      transform: 'none',
-    },
-  })
-) as any;
-Button.displayName = 'Button';
+type TextareaProps = Omit<TextareaAutosizeProps, keyof InputStyleProps> & InputStyleProps;
+export const Textarea = Object.assign(
+  styled(
+    forwardRef<any, TextareaProps>(({ size, valid, align, ...props }, ref) => (
+      <TextareaAutoResize {...props} ref={ref} />
+    ))
+  )<TextareaProps>(styles, sizes, alignment, validation, {
+    overflow: 'visible',
+  }),
+  {
+    displayName: 'Textarea',
+  }
+);
+
+const ButtonStyled = styled(
+  forwardRef<any, InputStyleProps>(({ size, valid, align, ...props }, ref) => (
+    <StyledButton {...props} ref={ref} />
+  ))
+)<InputStyleProps>(sizes, validation, {
+  // Custom styling for color widget nested in buttons
+  userSelect: 'none',
+  overflow: 'visible',
+  zIndex: 2,
+
+  // overrides the default hover from Button
+  '&:hover': {
+    transform: 'none',
+  },
+});
+
+export const Button: FunctionComponent<any> = Object.assign(
+  forwardRef<{}, {}>((props, ref) => (
+    <ButtonStyled {...props} {...{ tertiary: true, small: true, inForm: true }} ref={ref} />
+  )),
+  {
+    displayName: 'Button',
+  }
+);
diff --git a/lib/components/src/icon/__snapshots__/icon.stories.storyshot b/lib/components/src/icon/__snapshots__/icon.stories.storyshot
deleted file mode 100644
index 0c674a0fdae..00000000000
--- a/lib/components/src/icon/__snapshots__/icon.stories.storyshot
+++ /dev/null
@@ -1,4960 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|Icon labels 1`] = `
-.emotion-1 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-604 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-flow: row wrap;
-  -ms-flex-flow: row wrap;
-  flex-flow: row wrap;
-}
-
-.emotion-3 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 0 1 20%;
-  -ms-flex: 0 1 20%;
-  flex: 0 1 20%;
-  min-width: 120px;
-  padding: 0px 7.5px 20px;
-}
-
-.emotion-3 svg {
-  margin-right: 10px;
-  width: 24px;
-  height: 24px;
-}
-
-.emotion-2 {
-  color: #333;
-  font-size: 12px;
-}
-
-<div
-  class="emotion-604"
->
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      add
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      admin
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      alert
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      arrowdown
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      arrowleft
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      arrowleftalt
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      arrowright
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      arrowrightalt
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      arrowup
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      back
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      basket
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      batchaccept
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      batchdeny
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      beaker
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      bell
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      bitbucket
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      book
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      bookmark
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      bookmarkhollow
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      bottombar
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      box
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      branch
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      browser
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      button
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      calendar
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      camera
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      category
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      certificate
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      check
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      chevrondown
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      chroma
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      circle
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      circlehollow
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      close
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="M586.7 512L936 861.4a52.8 52.8 0 0 1-74.6 74.7L512 586.7 162.6 936A52.8 52.8 0 0 1 88 861.4L437.3 512 88 162.6A52.8 52.8 0 1 1 162.6 88L512 437.3 861.4 88a52.8 52.8 0 1 1 74.7 74.7L586.7 512z"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      closeAlt
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      cog
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      comment
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      commit
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      compass
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      component
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      copy
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      cpu
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      credit
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      cross
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      dashboard
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      database
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      delete
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      discord
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      docchart
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      doclist
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      document
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      download
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      edit
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      ellipsis
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      email
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      expand
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      expandalt
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      eye
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      eyeclose
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      facebook
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      facehappy
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      faceneutral
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      facesad
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      filter
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      flag
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      folder
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      form
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      gdrive
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      github
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      gitlab
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      globe
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      google
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      graphbar
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      graphline
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      graphql
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      grid
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      grow
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      heart
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      hearthollow
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      home
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      hourglass
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      info
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      key
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      lightning
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      link
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      listunordered
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      location
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      lock
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      medium
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      memory
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      menu
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      merge
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      mirror
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      mobile
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      nut
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      outbox
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      paintbrush
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      paperclip
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      paragraph
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      phone
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      photo
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      pin
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      play
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      plus
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      power
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      print
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      proceed
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      profile
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      pullrequest
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      question
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      redirect
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      redux
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      reply
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      repository
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      requestchange
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      rss
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      search
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      share
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      shield
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      sidebar
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      sidebaralt
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      speaker
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      star
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      starhollow
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      stop
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      structure
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      subtract
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      support
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      switchalt
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      sync
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      tablet
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      thumbsup
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      time
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      timer
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      transfer
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      trash
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      twitter
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      undo
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      unlock
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      upload
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      user
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      useradd
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      useralt
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      users
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      video
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      watch
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      wrench
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      youtube
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      zoom
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      zoomout
-    </div>
-  </div>
-  <div
-    class="emotion-3"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-     
-    <div
-      class="emotion-2"
-    >
-      zoomreset
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Icon no labels 1`] = `
-.emotion-1 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-453 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-flow: row wrap;
-  -ms-flex-flow: row wrap;
-  flex-flow: row wrap;
-}
-
-.emotion-2 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-flex: 0 1 20%;
-  -ms-flex: 0 1 20%;
-  flex: 0 1 20%;
-  min-width: 120px;
-  padding: 0px 7.5px 20px;
-  -webkit-flex: none;
-  -ms-flex: none;
-  flex: none;
-  min-width: auto;
-  padding: 0;
-  background: #fff;
-  border: 1px solid #666;
-}
-
-.emotion-2 svg {
-  margin-right: 10px;
-  width: 24px;
-  height: 24px;
-}
-
-.emotion-2 svg {
-  display: block;
-  margin-right: 0;
-  width: 48px;
-  height: 48px;
-}
-
-<div
-  class="emotion-453"
->
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="M586.7 512L936 861.4a52.8 52.8 0 0 1-74.6 74.7L512 586.7 162.6 936A52.8 52.8 0 0 1 88 861.4L437.3 512 88 162.6A52.8 52.8 0 1 1 162.6 88L512 437.3 861.4 88a52.8 52.8 0 1 1 74.7 74.7L586.7 512z"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-  <div
-    class="emotion-2"
-  >
-    <svg
-      class="emotion-1"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-0"
-        d="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"
-      />
-    </svg>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/index.ts b/lib/components/src/index.ts
index c986162212d..9d59301baed 100644
--- a/lib/components/src/index.ts
+++ b/lib/components/src/index.ts
@@ -16,7 +16,7 @@ export { Button } from './Button/Button';
 export { Form } from './form/index';
 
 // Tooltips
-export { WithTooltip } from './tooltip/WithTooltip';
+export { WithTooltip, WithTooltipPure } from './tooltip/WithTooltip';
 export { TooltipMessage } from './tooltip/TooltipMessage';
 export { TooltipNote } from './tooltip/TooltipNote';
 export { TooltipLinkList } from './tooltip/TooltipLinkList';
diff --git a/lib/components/src/spaced/__snapshots__/Spaced.stories.storyshot b/lib/components/src/spaced/__snapshots__/Spaced.stories.storyshot
deleted file mode 100644
index 38ceb1d92be..00000000000
--- a/lib/components/src/spaced/__snapshots__/Spaced.stories.storyshot
+++ /dev/null
@@ -1,249 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|Spaced col 1`] = `
-.emotion-0 {
-  background: silver;
-  display: inline-block;
-  padding: 20px;
-}
-
-.emotion-4 {
-  display: inline-block;
-  vertical-align: inherit;
-}
-
-.emotion-4 > * {
-  margin-left: 10px;
-  vertical-align: inherit;
-}
-
-.emotion-4 > *:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-1 {
-  background: hotpink;
-  display: inline-block;
-  padding: 20px;
-}
-
-<div>
-  <span
-    class="emotion-0"
-    color="silver"
-  />
-  <div
-    class="emotion-4"
-  >
-    <span
-      class="emotion-1"
-    />
-    <span
-      class="emotion-1"
-    />
-    <span
-      class="emotion-1"
-    />
-  </div>
-  <span
-    class="emotion-0"
-    color="silver"
-  />
-</div>
-`;
-
-exports[`Storyshots Basics|Spaced col outer 1`] = `
-.emotion-0 {
-  background: silver;
-  display: inline-block;
-  padding: 20px;
-}
-
-.emotion-1 {
-  background: hotpink;
-  display: inline-block;
-  padding: 20px;
-}
-
-.emotion-4 {
-  display: inline-block;
-  vertical-align: inherit;
-  margin-left: 10px;
-  margin-right: 10px;
-}
-
-.emotion-4 > * {
-  margin-left: 10px;
-  vertical-align: inherit;
-}
-
-.emotion-4 > *:first-of-type {
-  margin-left: 0;
-}
-
-<div>
-  <span
-    class="emotion-0"
-    color="silver"
-  />
-  <div
-    class="emotion-4"
-  >
-    <span
-      class="emotion-1"
-    />
-    <span
-      class="emotion-1"
-    />
-    <span
-      class="emotion-1"
-    />
-  </div>
-  <span
-    class="emotion-0"
-    color="silver"
-  />
-</div>
-`;
-
-exports[`Storyshots Basics|Spaced row 1`] = `
-.emotion-4 > * {
-  margin-top: 10px;
-}
-
-.emotion-4 > *:first-of-type {
-  margin-top: 0;
-}
-
-.emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-.emotion-1 {
-  background: hotpink;
-  padding: 20px;
-}
-
-<div>
-  <div
-    class="emotion-0"
-    color="silver"
-  />
-  <div
-    class="emotion-4"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-1"
-    />
-  </div>
-  <div
-    class="emotion-0"
-    color="silver"
-  />
-</div>
-`;
-
-exports[`Storyshots Basics|Spaced row multiply 1`] = `
-.emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-.emotion-1 {
-  background: hotpink;
-  padding: 20px;
-}
-
-.emotion-4 {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-.emotion-4 > * {
-  margin-top: 30px;
-}
-
-.emotion-4 > *:first-of-type {
-  margin-top: 0;
-}
-
-<div>
-  <div
-    class="emotion-0"
-    color="silver"
-  />
-  <div
-    class="emotion-4"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-1"
-    />
-  </div>
-  <div
-    class="emotion-0"
-    color="silver"
-  />
-</div>
-`;
-
-exports[`Storyshots Basics|Spaced row outer 1`] = `
-.emotion-0 {
-  background: silver;
-  padding: 20px;
-}
-
-.emotion-1 {
-  background: hotpink;
-  padding: 20px;
-}
-
-.emotion-4 {
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-
-.emotion-4 > * {
-  margin-top: 10px;
-}
-
-.emotion-4 > *:first-of-type {
-  margin-top: 0;
-}
-
-<div>
-  <div
-    class="emotion-0"
-    color="silver"
-  />
-  <div
-    class="emotion-4"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-1"
-    />
-  </div>
-  <div
-    class="emotion-0"
-    color="silver"
-  />
-</div>
-`;
diff --git a/lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot b/lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot
deleted file mode 100644
index 94659147058..00000000000
--- a/lib/components/src/syntaxhighlighter/__snapshots__/syntaxhighlighter.stories.storyshot
+++ /dev/null
@@ -1,3974 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|SyntaxHighlighter bash 1`] = `
-.emotion-2 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-2 code {
-  padding-right: 10px;
-}
-
-.emotion-2 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-2 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.string {
-  color: #A31515;
-}
-
-.emotion-2 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-2 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-2 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.function {
-  color: #393A34;
-}
-
-.emotion-2 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-2 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-2 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-2 * .token.tag {
-  color: #800000;
-}
-
-.emotion-2 * .token.selector {
-  color: #800000;
-}
-
-.emotion-2 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-2 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-2 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-  color: #333333;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-<div
-  class="emotion-3"
->
-  <div
-    class="emotion-2"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <pre
-                class="hljs emotion-1"
-              >
-                <code
-                  class="emotion-0"
-                >
-                  npx npm-check-updates 
-                  <span
-                    class="token string"
-                  >
-                    '/storybook/'
-                  </span>
-                   -u 
-                  <span
-                    class="token operator"
-                  >
-                    &&
-                  </span>
-                   
-                  <span
-                    class="token function"
-                  >
-                    npm
-                  </span>
-                   
-                  <span
-                    class="token function"
-                  >
-                    install
-                  </span>
-                </code>
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|SyntaxHighlighter bordered & copy-able 1`] = `
-.emotion-5 {
-  position: relative;
-  overflow: hidden;
-  color: #333333;
-  border: 1px solid rgba(0,0,0,.1);
-  background: #FFFFFF;
-}
-
-.emotion-2 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-2 code {
-  padding-right: 10px;
-}
-
-.emotion-2 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-2 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.string {
-  color: #A31515;
-}
-
-.emotion-2 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-2 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-2 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.function {
-  color: #393A34;
-}
-
-.emotion-2 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-2 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-2 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-2 * .token.tag {
-  color: #800000;
-}
-
-.emotion-2 * .token.selector {
-  color: #800000;
-}
-
-.emotion-2 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-2 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-2 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 10px;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-4 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  max-width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  background: #FFFFFF;
-  z-index: 1;
-}
-
-.emotion-3 {
-  border: 0 none;
-  padding: 4px 10px;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: #333333;
-  background: #FFFFFF;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 700;
-  border-top: 1px solid rgba(0,0,0,.1);
-  border-left: 1px solid rgba(0,0,0,.1);
-  margin-left: -1px;
-  border-radius: 4px 0 0 0;
-}
-
-.emotion-3:not(:last-child) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-3 + * {
-  border-left: 1px solid rgba(0,0,0,.1);
-  border-radius: 0;
-}
-
-.emotion-3:focus {
-  box-shadow: #1EA7FD 0 -3px 0 0 inset;
-  outline: 0 none;
-}
-
-<div
-  class="emotion-5"
->
-  <div
-    class="emotion-2"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <pre
-                class="hljs emotion-1"
-              >
-                <code
-                  class="emotion-0"
-                >
-                  <span
-                    class="token keyword"
-                  >
-                    import
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   Good
-                  <span
-                    class="token punctuation"
-                  >
-                    ,
-                  </span>
-                   Things 
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    from
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    'life'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    const
-                  </span>
-                   
-                  <span
-                    class="token function-variable function"
-                  >
-                    result
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =&gt;
-                  </span>
-                   
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Good
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Things
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token punctuation"
-                    >
-                      /&gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Good
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    export
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   result 
-                  <span
-                    class="token keyword"
-                  >
-                    as
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    default
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                </code>
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-  <div
-    class="emotion-4"
-  >
-    <button
-      class="emotion-3"
-    >
-      Copy
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|SyntaxHighlighter dark unsupported 1`] = `
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 10px;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-2 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-2 code {
-  padding-right: 10px;
-}
-
-.emotion-2 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-2 * .token.comment {
-  color: #7C7C7C;
-  font-style: italic;
-}
-
-.emotion-2 * .token.prolog {
-  color: #7C7C7C;
-  font-style: italic;
-}
-
-.emotion-2 * .token.doctype {
-  color: #7C7C7C;
-  font-style: italic;
-}
-
-.emotion-2 * .token.cdata {
-  color: #7C7C7C;
-  font-style: italic;
-}
-
-.emotion-2 * .token.string {
-  color: #92C379;
-}
-
-.emotion-2 * .token.punctuation {
-  color: #EDEDED;
-}
-
-.emotion-2 * .token.operator {
-  color: #EDEDED;
-}
-
-.emotion-2 * .token.url {
-  color: #C6C5FE;
-}
-
-.emotion-2 * .token.symbol {
-  color: #C6C5FE;
-}
-
-.emotion-2 * .token.number {
-  color: #C6C5FE;
-}
-
-.emotion-2 * .token.boolean {
-  color: #C6C5FE;
-}
-
-.emotion-2 * .token.variable {
-  color: #C6C5FE;
-}
-
-.emotion-2 * .token.constant {
-  color: #C6C5FE;
-}
-
-.emotion-2 * .token.inserted {
-  color: #C6C5FE;
-}
-
-.emotion-2 * .token.atrule {
-  color: #B474DD;
-}
-
-.emotion-2 * .token.keyword {
-  color: #B474DD;
-}
-
-.emotion-2 * .token.attr-value {
-  color: #B474DD;
-}
-
-.emotion-2 * .token.function {
-  color: #EDEDED;
-}
-
-.emotion-2 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-2 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-2 * .token.class-name {
-  color: #FFFFB6;
-}
-
-.emotion-2 * .token.tag {
-  color: #A8FF60;
-}
-
-.emotion-2 * .token.selector {
-  color: #A8FF60;
-}
-
-.emotion-2 * .token.attr-name {
-  color: #96CBFE;
-}
-
-.emotion-2 * .token.property {
-  color: #96CBFE;
-}
-
-.emotion-2 * .token.regex {
-  color: #96CBFE;
-}
-
-.emotion-2 * .token.entity {
-  color: #96CBFE;
-}
-
-.emotion-2 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #EDEDED;
-}
-
-.emotion-2 * .language-json .token.boolean {
-  color: #B474DD;
-}
-
-.emotion-2 * .language-json .token.number {
-  color: #B474DD;
-}
-
-.emotion-2 * .language-json .token.property {
-  color: #FFFFB6;
-}
-
-.emotion-2 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-4 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  max-width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  background: #333;
-  z-index: 1;
-}
-
-.emotion-3 {
-  border: 0 none;
-  padding: 4px 10px;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: #FFFFFF;
-  background: #333;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 700;
-  border-top: 1px solid rgba(255,255,255,.1);
-  border-left: 1px solid rgba(255,255,255,.1);
-  margin-left: -1px;
-  border-radius: 4px 0 0 0;
-}
-
-.emotion-3:not(:last-child) {
-  border-right: 1px solid rgba(255,255,255,.1);
-}
-
-.emotion-3 + * {
-  border-left: 1px solid rgba(255,255,255,.1);
-  border-radius: 0;
-}
-
-.emotion-3:focus {
-  box-shadow: #1EA7FD 0 -3px 0 0 inset;
-  outline: 0 none;
-}
-
-.emotion-5 {
-  position: relative;
-  overflow: hidden;
-  color: #FFFFFF;
-  border: 1px solid rgba(255,255,255,.1);
-  background: #333333;
-}
-
-<div
-  class="emotion-5"
->
-  <div
-    class="emotion-2"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <pre
-                class="hljs emotion-1"
-              >
-                <code
-                  class="emotion-0"
-                >
-                  // A Hello World! program in C#.
-using System;
-namespace HelloWorld
-{
-  class Hello
-  {
-    static void Main()
-    {
-      Console.WriteLine("Hello World!");
-
-      // Keep the console window open in debug mode.
-      Console.WriteLine("Press any key to exit.");
-      Console.ReadKey();
-    }
-  }
-}
-                </code>
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-  <div
-    class="emotion-4"
-  >
-    <button
-      class="emotion-3"
-    >
-      Copy
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|SyntaxHighlighter jsx 1`] = `
-.emotion-2 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-2 code {
-  padding-right: 10px;
-}
-
-.emotion-2 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-2 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.string {
-  color: #A31515;
-}
-
-.emotion-2 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-2 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-2 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.function {
-  color: #393A34;
-}
-
-.emotion-2 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-2 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-2 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-2 * .token.tag {
-  color: #800000;
-}
-
-.emotion-2 * .token.selector {
-  color: #800000;
-}
-
-.emotion-2 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-2 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-2 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-  color: #333333;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-<div
-  class="emotion-3"
->
-  <div
-    class="emotion-2"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <pre
-                class="hljs emotion-1"
-              >
-                <code
-                  class="emotion-0"
-                >
-                  <span
-                    class="token keyword"
-                  >
-                    import
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   Good
-                  <span
-                    class="token punctuation"
-                  >
-                    ,
-                  </span>
-                   Things 
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    from
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    'life'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    const
-                  </span>
-                   
-                  <span
-                    class="token function-variable function"
-                  >
-                    result
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =&gt;
-                  </span>
-                   
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Good
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Things
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token attr-name"
-                    >
-                      all
-                    </span>
-                    <span
-                      class="token script language-javascript"
-                    >
-                      <span
-                        class="token script-punctuation punctuation"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="token punctuation"
-                      >
-                        {
-                      </span>
-                      <span
-                        class="token boolean"
-                      >
-                        true
-                      </span>
-                      <span
-                        class="token punctuation"
-                      >
-                        }
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token punctuation"
-                    >
-                      /&gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Good
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    export
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   result 
-                  <span
-                    class="token keyword"
-                  >
-                    as
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    default
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                </code>
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|SyntaxHighlighter padded 1`] = `
-.emotion-2 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-2 code {
-  padding-right: 10px;
-}
-
-.emotion-2 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-2 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.string {
-  color: #A31515;
-}
-
-.emotion-2 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-2 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-2 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.function {
-  color: #393A34;
-}
-
-.emotion-2 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-2 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-2 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-2 * .token.tag {
-  color: #800000;
-}
-
-.emotion-2 * .token.selector {
-  color: #800000;
-}
-
-.emotion-2 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-2 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-2 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 10px;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-  color: #333333;
-}
-
-<div
-  class="emotion-3"
->
-  <div
-    class="emotion-2"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <pre
-                class="hljs emotion-1"
-              >
-                <code
-                  class="emotion-0"
-                >
-                  <span
-                    class="token keyword"
-                  >
-                    import
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   Good
-                  <span
-                    class="token punctuation"
-                  >
-                    ,
-                  </span>
-                   Things 
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    from
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    'life'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    const
-                  </span>
-                   
-                  <span
-                    class="token function-variable function"
-                  >
-                    result
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =&gt;
-                  </span>
-                   
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Good
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Things
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token punctuation"
-                    >
-                      /&gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Good
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    export
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   result 
-                  <span
-                    class="token keyword"
-                  >
-                    as
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    default
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                </code>
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|SyntaxHighlighter showLineNumbers 1`] = `
-.emotion-2 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-2 code {
-  padding-right: 10px;
-}
-
-.emotion-2 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-2 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.string {
-  color: #A31515;
-}
-
-.emotion-2 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-2 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-2 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.function {
-  color: #393A34;
-}
-
-.emotion-2 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-2 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-2 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-2 * .token.tag {
-  color: #800000;
-}
-
-.emotion-2 * .token.selector {
-  color: #800000;
-}
-
-.emotion-2 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-2 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-2 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-  color: #333333;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-<div
-  class="emotion-3"
->
-  <div
-    class="emotion-2"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <pre
-                class="hljs emotion-1"
-              >
-                <code>
-                  <span
-                    class="react-syntax-highlighter-line-number"
-                  >
-                    1
-
-                  </span>
-                  <span
-                    class="react-syntax-highlighter-line-number"
-                  >
-                    2
-
-                  </span>
-                  <span
-                    class="react-syntax-highlighter-line-number"
-                  >
-                    3
-
-                  </span>
-                  <span
-                    class="react-syntax-highlighter-line-number"
-                  >
-                    4
-
-                  </span>
-                  <span
-                    class="react-syntax-highlighter-line-number"
-                  >
-                    5
-
-                  </span>
-                </code>
-                <code
-                  class="emotion-0"
-                >
-                  <span
-                    class="token keyword"
-                  >
-                    import
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   Good
-                  <span
-                    class="token punctuation"
-                  >
-                    ,
-                  </span>
-                   Things 
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    from
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    'life'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    const
-                  </span>
-                   
-                  <span
-                    class="token function-variable function"
-                  >
-                    result
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =&gt;
-                  </span>
-                   
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Good
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Things
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token punctuation"
-                    >
-                      /&gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Good
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    export
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   result 
-                  <span
-                    class="token keyword"
-                  >
-                    as
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    default
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                </code>
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|SyntaxHighlighter story 1`] = `
-.emotion-2 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-2 code {
-  padding-right: 10px;
-}
-
-.emotion-2 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-2 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.string {
-  color: #A31515;
-}
-
-.emotion-2 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-2 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-2 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.function {
-  color: #393A34;
-}
-
-.emotion-2 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-2 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-2 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-2 * .token.tag {
-  color: #800000;
-}
-
-.emotion-2 * .token.selector {
-  color: #800000;
-}
-
-.emotion-2 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-2 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-2 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-3 {
-  position: relative;
-  overflow: hidden;
-  color: #333333;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 0;
-}
-
-<div
-  class="emotion-3"
->
-  <div
-    class="emotion-2"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <pre
-                class="hljs emotion-1"
-              >
-                <code
-                  class="emotion-0"
-                >
-                  <span
-                    class="token keyword"
-                  >
-                    import
-                  </span>
-                   React 
-                  <span
-                    class="token keyword"
-                  >
-                    from
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    'react'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-                  <span
-                    class="token keyword"
-                  >
-                    import
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   storiesOf 
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    from
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    '@storybook/react'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-                  <span
-                    class="token keyword"
-                  >
-                    import
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                   styled 
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                   
-                  <span
-                    class="token keyword"
-                  >
-                    from
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    '@storybook/theming'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    import
-                  </span>
-                   Heading 
-                  <span
-                    class="token keyword"
-                  >
-                    from
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    './heading'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token keyword"
-                  >
-                    const
-                  </span>
-                   Holder 
-                  <span
-                    class="token operator"
-                  >
-                    =
-                  </span>
-                   styled
-                  <span
-                    class="token punctuation"
-                  >
-                    .
-                  </span>
-                  <span
-                    class="token function"
-                  >
-                    div
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    {
-                  </span>
-                  
-  margin
-                  <span
-                    class="token punctuation"
-                  >
-                    :
-                  </span>
-                   
-                  <span
-                    class="token number"
-                  >
-                    10
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ,
-                  </span>
-                  
-  border
-                  <span
-                    class="token punctuation"
-                  >
-                    :
-                  </span>
-                   
-                  <span
-                    class="token string"
-                  >
-                    '1px dashed deepskyblue'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ,
-                  </span>
-                  
-  
-                  <span
-                    class="token comment"
-                  >
-                    // overflow: 'hidden',
-                  </span>
-                  
-
-                  <span
-                    class="token punctuation"
-                  >
-                    }
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                  
-
-
-                  <span
-                    class="token function"
-                  >
-                    storiesOf
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  <span
-                    class="token string"
-                  >
-                    'Basics|Heading'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ,
-                  </span>
-                   module
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    .
-                  </span>
-                  <span
-                    class="token function"
-                  >
-                    add
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  <span
-                    class="token string"
-                  >
-                    'types'
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ,
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                   
-                  <span
-                    class="token operator"
-                  >
-                    =&gt;
-                  </span>
-                   
-                  <span
-                    class="token punctuation"
-                  >
-                    (
-                  </span>
-                  
-  
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      div
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-    
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Holder
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-      
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Heading
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    DEFAULT WITH ALL CAPS
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Heading
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-    
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Holder
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-    
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Holder
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-      
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Heading
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token attr-name"
-                    >
-                      sub
-                    </span>
-                    <span
-                      class="token attr-value"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="token punctuation"
-                      >
-                        "
-                      </span>
-                      With a great sub
-                      <span
-                        class="token punctuation"
-                      >
-                        "
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    THIS LONG DEFAULT WITH ALL CAPS & SUB
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Heading
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-    
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Holder
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-    
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Holder
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-      
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Heading
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token attr-name"
-                    >
-                      type
-                    </span>
-                    <span
-                      class="token attr-value"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="token punctuation"
-                      >
-                        "
-                      </span>
-                      page
-                      <span
-                        class="token punctuation"
-                      >
-                        "
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    page type
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Heading
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-    
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Holder
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-    
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Holder
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-      
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Heading
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token attr-name"
-                    >
-                      type
-                    </span>
-                    <span
-                      class="token attr-value"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="token punctuation"
-                      >
-                        "
-                      </span>
-                      page
-                      <span
-                        class="token punctuation"
-                      >
-                        "
-                      </span>
-                    </span>
-                     
-                    <span
-                      class="token attr-name"
-                    >
-                      sub
-                    </span>
-                    <span
-                      class="token attr-value"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="token punctuation"
-                      >
-                        "
-                      </span>
-                      With a sub
-                      <span
-                        class="token punctuation"
-                      >
-                        "
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-        page type
-      
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Heading
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-    
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      <span
-                        class="token class-name"
-                      >
-                        Holder
-                      </span>
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  <span
-                    class="token plain-text"
-                  >
-                    
-  
-                  </span>
-                  <span
-                    class="token tag"
-                  >
-                    <span
-                      class="token tag"
-                    >
-                      <span
-                        class="token punctuation"
-                      >
-                        &lt;/
-                      </span>
-                      div
-                    </span>
-                    <span
-                      class="token punctuation"
-                    >
-                      &gt;
-                    </span>
-                  </span>
-                  
-
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    )
-                  </span>
-                  <span
-                    class="token punctuation"
-                  >
-                    ;
-                  </span>
-                </code>
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|SyntaxHighlighter unsupported 1`] = `
-.emotion-5 {
-  position: relative;
-  overflow: hidden;
-  color: #333333;
-  border: 1px solid rgba(0,0,0,.1);
-  background: #FFFFFF;
-}
-
-.emotion-2 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-2 code {
-  padding-right: 10px;
-}
-
-.emotion-2 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-2 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-2 * .token.string {
-  color: #A31515;
-}
-
-.emotion-2 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-2 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-2 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-2 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-2 * .token.function {
-  color: #393A34;
-}
-
-.emotion-2 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-2 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-2 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-2 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-2 * .token.tag {
-  color: #800000;
-}
-
-.emotion-2 * .token.selector {
-  color: #800000;
-}
-
-.emotion-2 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-2 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-2 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-2 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-2 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 10px;
-}
-
-.emotion-0 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-4 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  max-width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  background: #FFFFFF;
-  z-index: 1;
-}
-
-.emotion-3 {
-  border: 0 none;
-  padding: 4px 10px;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: #333333;
-  background: #FFFFFF;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 700;
-  border-top: 1px solid rgba(0,0,0,.1);
-  border-left: 1px solid rgba(0,0,0,.1);
-  margin-left: -1px;
-  border-radius: 4px 0 0 0;
-}
-
-.emotion-3:not(:last-child) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-3 + * {
-  border-left: 1px solid rgba(0,0,0,.1);
-  border-radius: 0;
-}
-
-.emotion-3:focus {
-  box-shadow: #1EA7FD 0 -3px 0 0 inset;
-  outline: 0 none;
-}
-
-<div
-  class="emotion-5"
->
-  <div
-    class="emotion-2"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <pre
-                class="hljs emotion-1"
-              >
-                <code
-                  class="emotion-0"
-                >
-                  // A Hello World! program in C#.
-using System;
-namespace HelloWorld
-{
-  class Hello
-  {
-    static void Main()
-    {
-      Console.WriteLine("Hello World!");
-
-      // Keep the console window open in debug mode.
-      Console.WriteLine("Press any key to exit.");
-      Console.ReadKey();
-    }
-  }
-}
-                </code>
-              </pre>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-  <div
-    class="emotion-4"
-  >
-    <button
-      class="emotion-3"
-    >
-      Copy
-    </button>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot b/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
deleted file mode 100644
index a936ac0a198..00000000000
--- a/lib/components/src/tabs/__snapshots__/tabs.stories.storyshot
+++ /dev/null
@@ -1,2029 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|Tabs stateful - dynamic 1`] = `
-.emotion-9 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-7 > * {
-  margin-left: 15px;
-}
-
-.emotion-6 {
-  overflow: hidden;
-}
-
-.emotion-6:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-2 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-2:empty {
-  display: none;
-}
-
-.emotion-2:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-12 {
-  display: block;
-}
-
-.emotion-11 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-}
-
-.emotion-10 {
-  display: none;
-}
-
-<div
-  style="position:relative;height:calc(100vh - 20px);width:calc(100vw - 20px);margin:10px"
->
-  <div
-    class="emotion-12"
-  >
-    <div
-      class="emotion-9"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-8"
-                >
-                  <div
-                    class="emotion-7"
-                  >
-                    <div
-                      class="emotion-6"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #1
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #2
-                      </button>
-                      <button
-                        class="emotion-2"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab with scroll!
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #4
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #5
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #6
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-11"
-    >
-      <div
-        id="test2"
-        style="background:hotpink;min-height:100%;display:none"
-      >
-        CONTENT 2
-      </div>
-      <div
-        id="test3"
-      >
-        <div
-          style="background:#000000;height:30.8px"
-        />
-        <div
-          style="background:#111111;height:31.3px"
-        />
-        <div
-          style="background:#222222;height:32.1px"
-        />
-        <div
-          style="background:#333333;height:33.4px"
-        />
-        <div
-          style="background:#444444;height:35.5px"
-        />
-        <div
-          style="background:#555555;height:38.9px"
-        />
-        <div
-          style="background:#666666;height:44.4px"
-        />
-        <div
-          style="background:#777777;height:53.3px"
-        />
-        <div
-          style="background:#888888;height:67.7px"
-        />
-        <div
-          style="background:#999999;height:91px"
-        />
-        <div
-          style="background:#aaaaaa;height:128.7px"
-        />
-        <div
-          style="background:#bbbbbb;height:189.7px"
-        />
-        <div
-          style="background:#cccccc;height:288.4px"
-        />
-        <div
-          style="background:#dddddd;height:448.1px"
-        />
-        <div
-          style="background:#eeeeee;height:706.5px"
-        />
-      </div>
-      <div
-        class="emotion-10"
-      >
-        <div>
-          CONTENT 6
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Tabs stateful - no initial 1`] = `
-.emotion-9 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-7 > * {
-  margin-left: 15px;
-}
-
-.emotion-6 {
-  overflow: hidden;
-}
-
-.emotion-6:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-1 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-1:empty {
-  display: none;
-}
-
-.emotion-1:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-12 {
-  display: block;
-}
-
-.emotion-11 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-}
-
-.emotion-10 {
-  display: none;
-}
-
-<div
-  style="position:relative;height:calc(100vh - 20px);width:calc(100vw - 20px);margin:10px"
->
-  <div
-    class="emotion-12"
-  >
-    <div
-      class="emotion-9"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-8"
-                >
-                  <div
-                    class="emotion-7"
-                  >
-                    <div
-                      class="emotion-6"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #1
-                      </button>
-                      <button
-                        class="emotion-1"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #2
-                      </button>
-                      <button
-                        class="emotion-1"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab with scroll!
-                      </button>
-                      <button
-                        class="emotion-1"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #4
-                      </button>
-                      <button
-                        class="emotion-1"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #5
-                      </button>
-                      <button
-                        class="emotion-1"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #6
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-11"
-    >
-      <div
-        id="test1"
-      >
-        CONTENT 1
-      </div>
-      <div
-        id="test2"
-        style="background:hotpink;min-height:100%;display:none"
-      >
-        CONTENT 2
-      </div>
-      <div
-        class="emotion-10"
-      >
-        <div>
-          CONTENT 6
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Tabs stateful - static 1`] = `
-.emotion-5 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-3 > * {
-  margin-left: 15px;
-}
-
-.emotion-2 {
-  overflow: hidden;
-}
-
-.emotion-2:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-1 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-1:empty {
-  display: none;
-}
-
-.emotion-1:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-6 {
-  display: block;
-}
-
-.emotion-7 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-}
-
-<div
-  style="position:relative;height:calc(100vh - 20px);width:calc(100vw - 20px);margin:10px"
->
-  <div
-    class="emotion-6"
-  >
-    <div
-      class="emotion-5"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-4"
-                >
-                  <div
-                    class="emotion-3"
-                  >
-                    <div
-                      class="emotion-2"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        With a function
-                      </button>
-                      <button
-                        class="emotion-1"
-                        role="tab"
-                        type="button"
-                      >
-                        With markup
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-7"
-    >
-      <div
-        class="emotion-6"
-        role="tabpanel"
-      >
-        <div>
-          test2 is always active (but visually hidden)
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Tabs stateless - absolute 1`] = `
-.emotion-9 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-7 > * {
-  margin-left: 15px;
-}
-
-.emotion-6 {
-  overflow: hidden;
-}
-
-.emotion-6:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-2 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-2:empty {
-  display: none;
-}
-
-.emotion-2:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-11 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-  height: calc(100% - 40px);
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 40px;
-  overflow: auto;
-}
-
-.emotion-11 > *:first-child {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-}
-
-.emotion-10 {
-  display: none;
-}
-
-.emotion-12 {
-  background-clip: padding-box;
-  border: 1px solid rgba(0,0,0,.1);
-  border-radius: 4px;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-<div
-  style="position:relative;height:calc(100vh - 20px);width:calc(100vw - 20px);margin:10px"
->
-  <div
-    class="emotion-12"
-  >
-    <div
-      class="emotion-9"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-8"
-                >
-                  <div
-                    class="emotion-7"
-                  >
-                    <div
-                      class="emotion-6"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #1
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #2
-                      </button>
-                      <button
-                        class="emotion-2"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab with scroll!
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #4
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #5
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #6
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-11"
-    >
-      <div
-        id="test2"
-        style="background:hotpink;min-height:100%;display:none"
-      >
-        CONTENT 2
-      </div>
-      <div
-        id="test3"
-      >
-        <div
-          style="background:#000000;height:30.8px"
-        />
-        <div
-          style="background:#111111;height:31.3px"
-        />
-        <div
-          style="background:#222222;height:32.1px"
-        />
-        <div
-          style="background:#333333;height:33.4px"
-        />
-        <div
-          style="background:#444444;height:35.5px"
-        />
-        <div
-          style="background:#555555;height:38.9px"
-        />
-        <div
-          style="background:#666666;height:44.4px"
-        />
-        <div
-          style="background:#777777;height:53.3px"
-        />
-        <div
-          style="background:#888888;height:67.7px"
-        />
-        <div
-          style="background:#999999;height:91px"
-        />
-        <div
-          style="background:#aaaaaa;height:128.7px"
-        />
-        <div
-          style="background:#bbbbbb;height:189.7px"
-        />
-        <div
-          style="background:#cccccc;height:288.4px"
-        />
-        <div
-          style="background:#dddddd;height:448.1px"
-        />
-        <div
-          style="background:#eeeeee;height:706.5px"
-        />
-      </div>
-      <div
-        class="emotion-10"
-      >
-        <div>
-          CONTENT 6
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Tabs stateless - bordered 1`] = `
-.emotion-9 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-7 > * {
-  margin-left: 15px;
-}
-
-.emotion-6 {
-  overflow: hidden;
-}
-
-.emotion-6:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-2 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-2:empty {
-  display: none;
-}
-
-.emotion-2:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-11 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-}
-
-.emotion-10 {
-  display: none;
-}
-
-.emotion-12 {
-  background-clip: padding-box;
-  border: 1px solid rgba(0,0,0,.1);
-  border-radius: 4px;
-  overflow: hidden;
-  display: block;
-}
-
-<div
-  style="position:relative;height:calc(100vh - 20px);width:calc(100vw - 20px);margin:10px"
->
-  <div
-    class="emotion-12"
-  >
-    <div
-      class="emotion-9"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-8"
-                >
-                  <div
-                    class="emotion-7"
-                  >
-                    <div
-                      class="emotion-6"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #1
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #2
-                      </button>
-                      <button
-                        class="emotion-2"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab with scroll!
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #4
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #5
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #6
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-11"
-    >
-      <div
-        id="test2"
-        style="background:hotpink;min-height:100%;display:none"
-      >
-        CONTENT 2
-      </div>
-      <div
-        id="test3"
-      >
-        <div
-          style="background:#000000;height:30.8px"
-        />
-        <div
-          style="background:#111111;height:31.3px"
-        />
-        <div
-          style="background:#222222;height:32.1px"
-        />
-        <div
-          style="background:#333333;height:33.4px"
-        />
-        <div
-          style="background:#444444;height:35.5px"
-        />
-        <div
-          style="background:#555555;height:38.9px"
-        />
-        <div
-          style="background:#666666;height:44.4px"
-        />
-        <div
-          style="background:#777777;height:53.3px"
-        />
-        <div
-          style="background:#888888;height:67.7px"
-        />
-        <div
-          style="background:#999999;height:91px"
-        />
-        <div
-          style="background:#aaaaaa;height:128.7px"
-        />
-        <div
-          style="background:#bbbbbb;height:189.7px"
-        />
-        <div
-          style="background:#cccccc;height:288.4px"
-        />
-        <div
-          style="background:#dddddd;height:448.1px"
-        />
-        <div
-          style="background:#eeeeee;height:706.5px"
-        />
-      </div>
-      <div
-        class="emotion-10"
-      >
-        <div>
-          CONTENT 6
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Tabs stateless - empty 1`] = `
-.emotion-1 {
-  padding: 30px;
-  text-align: center;
-  color: #333333;
-  font-size: 13px;
-}
-
-.emotion-0 {
-  font-weight: 700;
-}
-
-<div
-  style="position:relative;height:calc(100vh - 20px);width:calc(100vw - 20px);margin:10px"
->
-  <div
-    class="emotion-1"
-  >
-    <div
-      class="emotion-0"
-    >
-      Nothing found
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots Basics|Tabs stateless - with tools 1`] = `
-.emotion-10 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-9 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-7 > * {
-  margin-left: 15px;
-}
-
-.emotion-6 {
-  overflow: hidden;
-}
-
-.emotion-6:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-2 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-2:empty {
-  display: none;
-}
-
-.emotion-2:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: 30px;
-}
-
-.emotion-8 > * {
-  margin-right: 15px;
-}
-
-.emotion-13 {
-  display: block;
-}
-
-.emotion-12 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-}
-
-.emotion-11 {
-  display: none;
-}
-
-<div
-  style="position:relative;height:calc(100vh - 20px);width:calc(100vw - 20px);margin:10px"
->
-  <div
-    class="emotion-13"
-  >
-    <div
-      class="emotion-10"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-9"
-                >
-                  <div
-                    class="emotion-7"
-                  >
-                    <div
-                      class="emotion-6"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #1
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #2
-                      </button>
-                      <button
-                        class="emotion-2"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab with scroll!
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #4
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #5
-                      </button>
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        Tab title #6
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    class="emotion-8"
-                  >
-                    <button
-                      type="button"
-                    >
-                      1
-                    </button>
-                    <button
-                      type="button"
-                    >
-                      2
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-12"
-    >
-      <div
-        id="test2"
-        style="background:hotpink;min-height:100%;display:none"
-      >
-        CONTENT 2
-      </div>
-      <div
-        id="test3"
-      >
-        <div
-          style="background:#000000;height:30.8px"
-        />
-        <div
-          style="background:#111111;height:31.3px"
-        />
-        <div
-          style="background:#222222;height:32.1px"
-        />
-        <div
-          style="background:#333333;height:33.4px"
-        />
-        <div
-          style="background:#444444;height:35.5px"
-        />
-        <div
-          style="background:#555555;height:38.9px"
-        />
-        <div
-          style="background:#666666;height:44.4px"
-        />
-        <div
-          style="background:#777777;height:53.3px"
-        />
-        <div
-          style="background:#888888;height:67.7px"
-        />
-        <div
-          style="background:#999999;height:91px"
-        />
-        <div
-          style="background:#aaaaaa;height:128.7px"
-        />
-        <div
-          style="background:#bbbbbb;height:189.7px"
-        />
-        <div
-          style="background:#cccccc;height:288.4px"
-        />
-        <div
-          style="background:#dddddd;height:448.1px"
-        />
-        <div
-          style="background:#eeeeee;height:706.5px"
-        />
-      </div>
-      <div
-        class="emotion-11"
-      >
-        <div>
-          CONTENT 6
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/tooltip/TooltipLinkList.stories.tsx b/lib/components/src/tooltip/TooltipLinkList.stories.tsx
index e34ad4aa9ff..4946dd6f2e2 100644
--- a/lib/components/src/tooltip/TooltipLinkList.stories.tsx
+++ b/lib/components/src/tooltip/TooltipLinkList.stories.tsx
@@ -41,7 +41,7 @@ export const links = [
 storiesOf('basics/Tooltip/TooltipLinkList', module)
   .addDecorator(storyFn => (
     <div style={{ height: '300px' }}>
-      <WithTooltip placement="top" trigger="click" tooltipShown tooltip={storyFn()}>
+      <WithTooltip placement="top" trigger="click" startOpen tooltip={storyFn()}>
         <div>Tooltip</div>
       </WithTooltip>
     </div>
diff --git a/lib/components/src/tooltip/TooltipLinkList.tsx b/lib/components/src/tooltip/TooltipLinkList.tsx
index 49700873257..b1c44a41795 100644
--- a/lib/components/src/tooltip/TooltipLinkList.tsx
+++ b/lib/components/src/tooltip/TooltipLinkList.tsx
@@ -3,7 +3,7 @@ import { styled } from '@storybook/theming';
 
 import ListItem, { LinkWrapperType } from './ListItem';
 
-const List = styled.div(
+const List = styled.div<{}>(
   {
     minWidth: 180,
     overflow: 'hidden',
diff --git a/lib/components/src/tooltip/TooltipMessage.stories.tsx b/lib/components/src/tooltip/TooltipMessage.stories.tsx
index c7fd4efa3dc..747b4790d05 100644
--- a/lib/components/src/tooltip/TooltipMessage.stories.tsx
+++ b/lib/components/src/tooltip/TooltipMessage.stories.tsx
@@ -7,7 +7,7 @@ import { TooltipMessage } from './TooltipMessage';
 storiesOf('basics/Tooltip/TooltipMessage', module)
   .addDecorator(storyFn => (
     <div style={{ height: '300px' }}>
-      <WithTooltip placement="top" trigger="click" tooltipShown tooltip={storyFn()}>
+      <WithTooltip placement="top" trigger="click" startOpen tooltip={storyFn()}>
         <div>Tooltip</div>
       </WithTooltip>
     </div>
diff --git a/lib/components/src/tooltip/TooltipNote.stories.tsx b/lib/components/src/tooltip/TooltipNote.stories.tsx
index ffc5796342f..893fd374def 100644
--- a/lib/components/src/tooltip/TooltipNote.stories.tsx
+++ b/lib/components/src/tooltip/TooltipNote.stories.tsx
@@ -7,13 +7,7 @@ import { TooltipNote } from './TooltipNote';
 storiesOf('basics/Tooltip/TooltipNote', module)
   .addDecorator(storyFn => (
     <div style={{ height: '300px' }}>
-      <WithTooltip
-        hasChrome={false}
-        placement="top"
-        trigger="click"
-        tooltipShown
-        tooltip={storyFn()}
-      >
+      <WithTooltip hasChrome={false} placement="top" trigger="click" startOpen tooltip={storyFn()}>
         <div>Tooltip</div>
       </WithTooltip>
     </div>
diff --git a/lib/components/src/tooltip/WithTooltip.tsx b/lib/components/src/tooltip/WithTooltip.tsx
index 9c4caad31ab..c9e21ebf04a 100644
--- a/lib/components/src/tooltip/WithTooltip.tsx
+++ b/lib/components/src/tooltip/WithTooltip.tsx
@@ -1,7 +1,7 @@
-import React, { FunctionComponent, ReactNode } from 'react';
+import React, { FunctionComponent, ReactNode, useState, useEffect } from 'react';
 import { styled } from '@storybook/theming';
 import { logger } from '@storybook/client-logger';
-import { withState, lifecycle } from 'recompose';
+// import { withState, lifecycle } from 'recompose';
 import { document } from 'global';
 
 import TooltipTrigger from 'react-popper-tooltip';
@@ -18,6 +18,10 @@ const TargetSvgContainer = styled.g<{ mode: string }>`
   cursor: ${props => (props.mode === 'hover' ? 'default' : 'pointer')};
 `;
 
+interface WithHideFn {
+  onHide: () => void;
+}
+
 export interface WithTooltipPureProps {
   svg?: boolean;
   trigger?: 'none' | 'hover' | 'click' | 'right-click';
@@ -25,7 +29,7 @@ export interface WithTooltipPureProps {
   placement?: Placement;
   modifiers?: Modifiers;
   hasChrome?: boolean;
-  tooltip: ReactNode;
+  tooltip: ReactNode | ((p: WithHideFn) => ReactNode);
   children: ReactNode;
   tooltipShown?: boolean;
   onVisibilityChange?: (visibility: boolean) => void;
@@ -96,9 +100,14 @@ WithTooltipPure.defaultProps = {
   tooltipShown: false,
 };
 
-export const WithTooltip = lifecycle<WithTooltipPureProps, {}>({
-  componentDidMount() {
-    const { onVisibilityChange } = this.props;
+const WithToolTipState: FunctionComponent<
+  WithTooltipPureProps & {
+    startOpen?: boolean;
+  }
+> = ({ startOpen, ...rest }) => {
+  const [tooltipShown, onVisibilityChange] = useState(startOpen || false);
+
+  useEffect(() => {
     const hide = () => onVisibilityChange(false);
     document.addEventListener('keydown', hide, false);
 
@@ -130,24 +139,21 @@ export const WithTooltip = lifecycle<WithTooltipPureProps, {}>({
       });
     });
 
-    (this as any).unbind = () => {
+    return () => {
       document.removeEventListener('keydown', hide);
       unbinders.forEach(unbind => {
         unbind();
       });
     };
-  },
-  componentWillUnmount() {
-    if ((this as any).unbind) {
-      (this as any).unbind();
-    }
-  },
-})(WithTooltipPure);
+  });
 
-const WithToolTipState: any = withState(
-  'tooltipShown',
-  'onVisibilityChange',
-  ({ startOpen }) => startOpen
-)(WithTooltip as any);
+  return (
+    <WithTooltipPure
+      {...rest}
+      tooltipShown={tooltipShown}
+      onVisibilityChange={onVisibilityChange}
+    />
+  );
+};
 
-export { WithTooltipPure, WithToolTipState };
+export { WithTooltipPure, WithToolTipState, WithToolTipState as WithTooltip };
diff --git a/lib/components/src/tooltip/__snapshots__/ListItem.stories.storyshot b/lib/components/src/tooltip/__snapshots__/ListItem.stories.storyshot
deleted file mode 100644
index a65a0547e46..00000000000
--- a/lib/components/src/tooltip/__snapshots__/ListItem.stories.storyshot
+++ /dev/null
@@ -1,1212 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots basics|Tooltip/ListItem active icon 1`] = `
-.emotion-3 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-2 {
-  fill: currentColor;
-}
-
-.emotion-5 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-5 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-5:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-5:hover svg {
-  opacity: 1;
-}
-
-.emotion-1 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-1 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-0 {
-  color: #333333;
-  font-weight: 400;
-  color: #FF4785;
-  font-weight: 700;
-}
-
-.emotion-4 svg {
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  opacity: 0;
-  height: 12px;
-  width: 12px;
-  margin: 3px 0;
-  vertical-align: top;
-}
-
-.emotion-4 path {
-  fill: inherit;
-}
-
-.emotion-4 svg {
-  opacity: 1;
-}
-
-.emotion-4 path {
-  fill: #FF4785;
-}
-
-<a
-  class="emotion-5"
->
-  <span
-    class="emotion-1"
-  >
-    <span
-      class="emotion-0"
-    >
-      active icon
-    </span>
-  </span>
-  <span
-    class="emotion-4"
-  >
-    <svg
-      class="emotion-3"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-2"
-        d="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"
-      />
-    </svg>
-  </span>
-</a>
-`;
-
-exports[`Storyshots basics|Tooltip/ListItem all 1`] = `
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-.emotion-9 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-8 {
-  fill: currentColor;
-}
-
-.emotion-2 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-2 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-2:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-2:hover svg {
-  opacity: 1;
-}
-
-.emotion-1 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-1 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-3 {
-  color: #333333;
-  font-weight: 400;
-}
-
-.emotion-0 {
-  color: #333333;
-  font-weight: 400;
-  -webkit-animation: animation-0 1.5s ease-in-out infinite;
-  animation: animation-0 1.5s ease-in-out infinite;
-  color: transparent;
-  cursor: progress;
-}
-
-.emotion-10 svg {
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  opacity: 0;
-  height: 12px;
-  width: 12px;
-  margin: 3px 0;
-  vertical-align: top;
-}
-
-.emotion-10 path {
-  fill: inherit;
-}
-
-.emotion-14 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: center;
-}
-
-.emotion-18 svg {
-  opacity: 1;
-}
-
-.emotion-18 path {
-  fill: #FF4785;
-}
-
-.emotion-19 {
-  color: #333333;
-  font-weight: 400;
-  color: #FF4785;
-  font-weight: 700;
-}
-
-.emotion-20 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: center;
-  color: #FF4785;
-}
-
-.emotion-22 svg {
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  opacity: 0;
-  height: 12px;
-  width: 12px;
-  margin: 3px 0;
-  vertical-align: top;
-}
-
-.emotion-22 path {
-  fill: inherit;
-}
-
-.emotion-22 svg {
-  opacity: 1;
-}
-
-.emotion-22 path {
-  fill: #FF4785;
-}
-
-.emotion-37 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  cursor: not-allowed;
-}
-
-.emotion-37 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-37:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-37:hover svg {
-  opacity: 1;
-}
-
-.emotion-33 {
-  color: #333333;
-  font-weight: 400;
-  color: rgba(51,51,51,0.3);
-}
-
-.emotion-34 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: center;
-  color: #999999;
-}
-
-<div>
-  <a
-    class="emotion-2"
-  >
-    <span
-      class="emotion-1"
-    >
-      <span
-        class="emotion-0"
-      >
-        <span>
-          Loading state
-        </span>
-      </span>
-    </span>
-  </a>
-  <a
-    class="emotion-2"
-  >
-    <span
-      class="emotion-1"
-    >
-      <span
-        class="emotion-3"
-      >
-        Default
-      </span>
-    </span>
-  </a>
-  <a
-    class="emotion-2"
-  >
-    <span
-      class="emotion-1"
-    >
-      <span
-        class="emotion-3"
-      >
-        Default icon
-      </span>
-    </span>
-    <span
-      class="emotion-10"
-    >
-      <svg
-        class="emotion-9"
-        viewBox="0 0 1024 1024"
-      >
-        <path
-          class="emotion-8"
-          d="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"
-        />
-      </svg>
-    </span>
-  </a>
-  <a
-    class="emotion-2"
-  >
-    <span
-      class="emotion-12"
-    >
-      left
-    </span>
-    <span
-      class="emotion-1"
-    >
-      <span
-        class="emotion-3"
-      >
-        title
-      </span>
-      <span
-        class="emotion-14"
-      >
-        center
-      </span>
-    </span>
-    <span
-      class="emotion-10"
-    >
-      right
-    </span>
-  </a>
-  <a
-    class="emotion-2"
-  >
-    <span
-      class="emotion-18"
-    >
-      left
-    </span>
-    <span
-      class="emotion-1"
-    >
-      <span
-        class="emotion-19"
-      >
-        active
-      </span>
-      <span
-        class="emotion-20"
-      >
-        center
-      </span>
-    </span>
-    <span
-      class="emotion-22"
-    >
-      right
-    </span>
-  </a>
-  <a
-    class="emotion-2"
-  >
-    <span
-      class="emotion-18"
-    >
-      left
-    </span>
-    <span
-      class="emotion-1"
-    >
-      <span
-        class="emotion-19"
-      >
-        active icon
-      </span>
-      <span
-        class="emotion-20"
-      >
-        center
-      </span>
-    </span>
-    <span
-      class="emotion-22"
-    >
-      <svg
-        class="emotion-9"
-        viewBox="0 0 1024 1024"
-      >
-        <path
-          class="emotion-8"
-          d="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"
-        />
-      </svg>
-    </span>
-  </a>
-  <a
-    class="emotion-37"
-    disabled=""
-  >
-    <span
-      class="emotion-12"
-      disabled=""
-    >
-      left
-    </span>
-    <span
-      class="emotion-1"
-    >
-      <span
-        class="emotion-33"
-        disabled=""
-      >
-        disabled
-      </span>
-      <span
-        class="emotion-34"
-        disabled=""
-      >
-        center
-      </span>
-    </span>
-    <span
-      class="emotion-10"
-      disabled=""
-    >
-      right
-    </span>
-  </a>
-</div>
-`;
-
-exports[`Storyshots basics|Tooltip/ListItem default 1`] = `
-.emotion-2 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-2 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-2:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-2:hover svg {
-  opacity: 1;
-}
-
-.emotion-1 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-1 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-0 {
-  color: #333333;
-  font-weight: 400;
-}
-
-<a
-  class="emotion-2"
->
-  <span
-    class="emotion-1"
-  >
-    <span
-      class="emotion-0"
-    >
-      Default
-    </span>
-  </span>
-</a>
-`;
-
-exports[`Storyshots basics|Tooltip/ListItem default icon 1`] = `
-.emotion-3 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-2 {
-  fill: currentColor;
-}
-
-.emotion-5 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-5 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-5:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-5:hover svg {
-  opacity: 1;
-}
-
-.emotion-1 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-1 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-0 {
-  color: #333333;
-  font-weight: 400;
-}
-
-.emotion-4 svg {
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  opacity: 0;
-  height: 12px;
-  width: 12px;
-  margin: 3px 0;
-  vertical-align: top;
-}
-
-.emotion-4 path {
-  fill: inherit;
-}
-
-<a
-  class="emotion-5"
->
-  <span
-    class="emotion-1"
-  >
-    <span
-      class="emotion-0"
-    >
-      Default icon
-    </span>
-  </span>
-  <span
-    class="emotion-4"
-  >
-    <svg
-      class="emotion-3"
-      viewBox="0 0 1024 1024"
-    >
-      <path
-        class="emotion-2"
-        d="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"
-      />
-    </svg>
-  </span>
-</a>
-`;
-
-exports[`Storyshots basics|Tooltip/ListItem disabled 1`] = `
-.emotion-3 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-3 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-4 svg {
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  opacity: 0;
-  height: 12px;
-  width: 12px;
-  margin: 3px 0;
-  vertical-align: top;
-}
-
-.emotion-4 path {
-  fill: inherit;
-}
-
-.emotion-5 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  cursor: not-allowed;
-}
-
-.emotion-5 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-5:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-5:hover svg {
-  opacity: 1;
-}
-
-.emotion-1 {
-  color: #333333;
-  font-weight: 400;
-  color: rgba(51,51,51,0.3);
-}
-
-.emotion-2 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: center;
-  color: #999999;
-}
-
-<a
-  class="emotion-5"
-  disabled=""
->
-  <span
-    class="emotion-0"
-    disabled=""
-  >
-    left
-  </span>
-  <span
-    class="emotion-3"
-  >
-    <span
-      class="emotion-1"
-      disabled=""
-    >
-      disabled
-    </span>
-    <span
-      class="emotion-2"
-      disabled=""
-    >
-      center
-    </span>
-  </span>
-  <span
-    class="emotion-4"
-    disabled=""
-  >
-    right
-  </span>
-</a>
-`;
-
-exports[`Storyshots basics|Tooltip/ListItem loading 1`] = `
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-@keyframes animation-0 {
-  0%, 100% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: .4;
-  }
-}
-
-.emotion-2 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-2 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-2:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-2:hover svg {
-  opacity: 1;
-}
-
-.emotion-1 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-1 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-0 {
-  color: #333333;
-  font-weight: 400;
-  -webkit-animation: animation-0 1.5s ease-in-out infinite;
-  animation: animation-0 1.5s ease-in-out infinite;
-  color: transparent;
-  cursor: progress;
-}
-
-<a
-  class="emotion-2"
->
-  <span
-    class="emotion-1"
-  >
-    <span
-      class="emotion-0"
-    >
-      <span>
-        Loading state
-      </span>
-    </span>
-  </span>
-</a>
-`;
-
-exports[`Storyshots basics|Tooltip/ListItem w/positions 1`] = `
-.emotion-5 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-5 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-5:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-5:hover svg {
-  opacity: 1;
-}
-
-.emotion-3 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-3 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-1 {
-  color: #333333;
-  font-weight: 400;
-}
-
-.emotion-4 svg {
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  opacity: 0;
-  height: 12px;
-  width: 12px;
-  margin: 3px 0;
-  vertical-align: top;
-}
-
-.emotion-4 path {
-  fill: inherit;
-}
-
-.emotion-2 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: center;
-}
-
-<a
-  class="emotion-5"
->
-  <span
-    class="emotion-0"
-  >
-    left
-  </span>
-  <span
-    class="emotion-3"
-  >
-    <span
-      class="emotion-1"
-    >
-      title
-    </span>
-    <span
-      class="emotion-2"
-    >
-      center
-    </span>
-  </span>
-  <span
-    class="emotion-4"
-  >
-    right
-  </span>
-</a>
-`;
-
-exports[`Storyshots basics|Tooltip/ListItem w/positions active 1`] = `
-.emotion-5 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-5 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-5:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-5:hover svg {
-  opacity: 1;
-}
-
-.emotion-3 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-3 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-0 svg {
-  opacity: 1;
-}
-
-.emotion-0 path {
-  fill: #FF4785;
-}
-
-.emotion-1 {
-  color: #333333;
-  font-weight: 400;
-  color: #FF4785;
-  font-weight: 700;
-}
-
-.emotion-2 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: center;
-  color: #FF4785;
-}
-
-.emotion-4 svg {
-  -webkit-transition: all 200ms ease-out;
-  transition: all 200ms ease-out;
-  opacity: 0;
-  height: 12px;
-  width: 12px;
-  margin: 3px 0;
-  vertical-align: top;
-}
-
-.emotion-4 path {
-  fill: inherit;
-}
-
-.emotion-4 svg {
-  opacity: 1;
-}
-
-.emotion-4 path {
-  fill: #FF4785;
-}
-
-<a
-  class="emotion-5"
->
-  <span
-    class="emotion-0"
-  >
-    left
-  </span>
-  <span
-    class="emotion-3"
-  >
-    <span
-      class="emotion-1"
-    >
-      active
-    </span>
-    <span
-      class="emotion-2"
-    >
-      center
-    </span>
-  </span>
-  <span
-    class="emotion-4"
-  >
-    right
-  </span>
-</a>
-`;
diff --git a/lib/components/src/tooltip/__snapshots__/Tooltip.stories.storyshot b/lib/components/src/tooltip/__snapshots__/Tooltip.stories.storyshot
deleted file mode 100644
index baeb3ec4662..00000000000
--- a/lib/components/src/tooltip/__snapshots__/Tooltip.stories.storyshot
+++ /dev/null
@@ -1,269 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots basics/Tooltip/Tooltip basic, default 1`] = `
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-0 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.emotion-1 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-
-<div
-  class="emotion-2"
-  color="medium"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-    color="medium"
-  />
-  <div
-    class="emotion-1"
-  >
-    Text
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/Tooltip basic, default, bottom 1`] = `
-.emotion-1 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 0px;
-  margin-top: 10px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-0 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 8px;
-  margin-top: 0px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: autopx;
-  top: -8px;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 8px;
-  border-top-width: 0px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: transparent;
-  border-bottom-color: rgba(255,255,255,0.95);
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-<div
-  class="emotion-2"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-  />
-  <div
-    class="emotion-1"
-  >
-    Text
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/Tooltip basic, default, left 1`] = `
-.emotion-1 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 0px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 10px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-0 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 8px;
-  margin-top: 8px;
-  margin-right: 0px;
-  margin-left: 8px;
-  bottom: autopx;
-  top: autopx;
-  right: -8px;
-  left: autopx;
-  border-bottom-width: 8px;
-  border-top-width: 8px;
-  border-right-width: 0px;
-  border-left-width: 8px;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  border-left-color: rgba(255,255,255,0.95);
-  border-right-color: transparent;
-}
-
-<div
-  class="emotion-2"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-  />
-  <div
-    class="emotion-1"
-  >
-    Text
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/Tooltip basic, default, right 1`] = `
-.emotion-1 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 0px;
-  margin-top: 0px;
-  margin-left: 10px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-0 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 8px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 0px;
-  bottom: autopx;
-  top: autopx;
-  right: autopx;
-  left: -8px;
-  border-bottom-width: 8px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 0px;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: rgba(255,255,255,0.95);
-}
-
-<div
-  class="emotion-2"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-  />
-  <div
-    class="emotion-1"
-  >
-    Text
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/Tooltip no chrome 1`] = `
-.emotion-0 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-
-.emotion-1 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 8px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-<div
-  class="emotion-1"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-  >
-    Text
-  </div>
-</div>
-`;
diff --git a/lib/components/src/tooltip/__snapshots__/TooltipLinkList.stories.storyshot b/lib/components/src/tooltip/__snapshots__/TooltipLinkList.stories.storyshot
deleted file mode 100644
index 7a2cc780cf9..00000000000
--- a/lib/components/src/tooltip/__snapshots__/TooltipLinkList.stories.storyshot
+++ /dev/null
@@ -1,326 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots basics/Tooltip/TooltipLinkList links 1`] = `
-.emotion-8 {
-  min-width: 180px;
-  overflow: hidden;
-  border-radius: 8px;
-}
-
-.emotion-4 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-4 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-4:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-4:hover svg {
-  opacity: 1;
-}
-
-.emotion-3 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-3 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-2 {
-  color: #333333;
-  font-weight: 400;
-}
-
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-9 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-1 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-9"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-8"
-    >
-      <a
-        class="emotion-4"
-        href="http://google.com"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            Link
-          </span>
-        </span>
-      </a>
-      <a
-        class="emotion-4"
-        href="http://google.com"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            Link
-          </span>
-        </span>
-      </a>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/TooltipLinkList links and callback 1`] = `
-.emotion-11 {
-  min-width: 180px;
-  overflow: hidden;
-  border-radius: 8px;
-}
-
-.emotion-4 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-4 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-4:hover {
-  background: rgba(0,0,0,.05);
-}
-
-.emotion-4:hover svg {
-  opacity: 1;
-}
-
-.emotion-3 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-
-.emotion-3 > * + * {
-  padding-left: 10px;
-}
-
-.emotion-2 {
-  color: #333333;
-  font-weight: 400;
-}
-
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-12 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-1 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-12"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-11"
-    >
-      <a
-        class="emotion-4"
-        href="http://google.com"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            Link
-          </span>
-        </span>
-      </a>
-      <a
-        class="emotion-4"
-        href="http://google.com"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            Link
-          </span>
-        </span>
-      </a>
-      <a
-        class="emotion-4"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            callback
-          </span>
-        </span>
-      </a>
-    </div>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/tooltip/__snapshots__/TooltipMessage.stories.storyshot b/lib/components/src/tooltip/__snapshots__/TooltipMessage.stories.storyshot
deleted file mode 100644
index b38f7898aa3..00000000000
--- a/lib/components/src/tooltip/__snapshots__/TooltipMessage.stories.storyshot
+++ /dev/null
@@ -1,514 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots basics/Tooltip/TooltipMessage default 1`] = `
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-6 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-1 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.emotion-5 {
-  padding: 15px;
-  width: 280px;
-  box-sizing: border-box;
-}
-
-.emotion-4 {
-  color: #444444;
-  line-height: 18px;
-}
-
-.emotion-2 {
-  font-weight: 900;
-}
-
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-6"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-5"
-    >
-      <div
-        class="emotion-4"
-      >
-        <div
-          class="emotion-2"
-        >
-          Lorem ipsum dolor sit
-        </div>
-        <span
-          class="emotion-3"
-        >
-          Amet consectatur vestibulum concet durum politu coret weirom
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/TooltipMessage minimal message 1`] = `
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-5 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-1 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.emotion-4 {
-  padding: 15px;
-  width: 280px;
-  box-sizing: border-box;
-}
-
-.emotion-3 {
-  color: #444444;
-  line-height: 18px;
-}
-
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-5"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-4"
-    >
-      <div
-        class="emotion-3"
-      >
-        <span
-          class="emotion-2"
-        >
-          Amet consectatur vestibulum concet durum politu coret weirom
-        </span>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/TooltipMessage with link 1`] = `
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-6 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-}
-
-.emotion-6 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-6:hover,
-.emotion-6:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-6:hover svg path,
-.emotion-6:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-6:active {
-  color: #028ee6;
-}
-
-.emotion-6:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-6 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-9 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-1 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.emotion-8 {
-  padding: 15px;
-  width: 280px;
-  box-sizing: border-box;
-}
-
-.emotion-4 {
-  color: #444444;
-  line-height: 18px;
-}
-
-.emotion-2 {
-  font-weight: 900;
-}
-
-.emotion-7 {
-  margin-top: 8px;
-  text-align: center;
-}
-
-.emotion-7 > * {
-  margin: 0 8px;
-  font-weight: 900;
-}
-
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-9"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-8"
-    >
-      <div
-        class="emotion-4"
-      >
-        <div
-          class="emotion-2"
-        >
-          Lorem ipsum dolor sit
-        </div>
-        <span
-          class="emotion-3"
-        >
-          Amet consectatur vestibulum concet durum politu coret weirom
-        </span>
-      </div>
-      <div
-        class="emotion-7"
-      >
-        <a
-          class="emotion-6"
-          href="test"
-        >
-          <span
-            class="emotion-5"
-          >
-            Continue
-          </span>
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/TooltipMessage with links 1`] = `
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-6 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-}
-
-.emotion-6 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-6:hover,
-.emotion-6:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-6:hover svg path,
-.emotion-6:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-6:active {
-  color: #028ee6;
-}
-
-.emotion-6:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-6 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-11 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-1 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.emotion-10 {
-  padding: 15px;
-  width: 280px;
-  box-sizing: border-box;
-}
-
-.emotion-4 {
-  color: #444444;
-  line-height: 18px;
-}
-
-.emotion-2 {
-  font-weight: 900;
-}
-
-.emotion-9 {
-  margin-top: 8px;
-  text-align: center;
-}
-
-.emotion-9 > * {
-  margin: 0 8px;
-  font-weight: 900;
-}
-
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-11"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-10"
-    >
-      <div
-        class="emotion-4"
-      >
-        <div
-          class="emotion-2"
-        >
-          Lorem ipsum dolor sit
-        </div>
-        <span
-          class="emotion-3"
-        >
-          Amet consectatur vestibulum concet durum politu coret weirom
-        </span>
-      </div>
-      <div
-        class="emotion-9"
-      >
-        <a
-          class="emotion-6"
-          href="test"
-        >
-          <span
-            class="emotion-5"
-          >
-            Get more tips
-          </span>
-        </a>
-        <a
-          class="emotion-6"
-          href="test"
-        >
-          <span
-            class="emotion-5"
-          >
-            Done
-          </span>
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/tooltip/__snapshots__/TooltipNote.stories.storyshot b/lib/components/src/tooltip/__snapshots__/TooltipNote.stories.storyshot
deleted file mode 100644
index 0eea0521232..00000000000
--- a/lib/components/src/tooltip/__snapshots__/TooltipNote.stories.storyshot
+++ /dev/null
@@ -1,54 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots basics/Tooltip/TooltipNote default 1`] = `
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 8px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-}
-
-.emotion-1 {
-  padding: 2px 6px;
-  line-height: 16px;
-  font-size: 10px;
-  font-weight: 700;
-  color: #FFFFFF;
-  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;
-}
-
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-2"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    >
-      Lorem ipsum dolor
-    </div>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/tooltip/__snapshots__/WithTooltip.stories.storyshot b/lib/components/src/tooltip/__snapshots__/WithTooltip.stories.storyshot
deleted file mode 100644
index 5faba31ab23..00000000000
--- a/lib/components/src/tooltip/__snapshots__/WithTooltip.stories.storyshot
+++ /dev/null
@@ -1,448 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots basics/Tooltip/WithTooltip no chrome 1`] = `
-.emotion-2 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-4 {
-  height: 300px;
-}
-
-.emotion-3 {
-  width: 500px;
-  height: 500px;
-  overflow-y: scroll;
-  background: #eee;
-  position: relative;
-}
-
-.emotion-0 {
-  height: 100px;
-}
-
-.emotion-1 {
-  width: 200px;
-  height: 100px;
-  background-color: red;
-  color: white;
-}
-
-<div
-  class="emotion-4"
->
-  <div
-    class="emotion-3"
-  >
-    <div
-      class="emotion-0"
-    />
-    <div
-      class="emotion-2"
-    >
-      <div
-        class="emotion-1"
-      >
-        Click me!
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/WithTooltip simple click 1`] = `
-.emotion-2 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-4 {
-  height: 300px;
-}
-
-.emotion-3 {
-  width: 500px;
-  height: 500px;
-  overflow-y: scroll;
-  background: #eee;
-  position: relative;
-}
-
-.emotion-0 {
-  height: 100px;
-}
-
-.emotion-1 {
-  width: 200px;
-  height: 100px;
-  background-color: red;
-  color: white;
-}
-
-<div
-  class="emotion-4"
->
-  <div
-    class="emotion-3"
-  >
-    <div
-      class="emotion-0"
-    />
-    <div
-      class="emotion-2"
-    >
-      <div
-        class="emotion-1"
-      >
-        Click me!
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/WithTooltip simple click closeOnClick 1`] = `
-.emotion-2 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-4 {
-  height: 300px;
-}
-
-.emotion-3 {
-  width: 500px;
-  height: 500px;
-  overflow-y: scroll;
-  background: #eee;
-  position: relative;
-}
-
-.emotion-0 {
-  height: 100px;
-}
-
-.emotion-1 {
-  width: 200px;
-  height: 100px;
-  background-color: red;
-  color: white;
-}
-
-<div
-  class="emotion-4"
->
-  <div
-    class="emotion-3"
-  >
-    <div
-      class="emotion-0"
-    />
-    <div
-      class="emotion-2"
-    >
-      <div
-        class="emotion-1"
-      >
-        Click me!
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/WithTooltip simple click start open 1`] = `
-.emotion-2 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-8 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-}
-
-.emotion-8 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-8:hover,
-.emotion-8:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-8:hover svg path,
-.emotion-8:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-8:active {
-  color: #028ee6;
-}
-
-.emotion-8:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-8 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-11 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-
-.emotion-3 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-
-.emotion-10 {
-  padding: 15px;
-  width: 280px;
-  box-sizing: border-box;
-}
-
-.emotion-6 {
-  color: #444444;
-  line-height: 18px;
-}
-
-.emotion-4 {
-  font-weight: 900;
-}
-
-.emotion-9 {
-  margin-top: 8px;
-  text-align: center;
-}
-
-.emotion-9 > * {
-  margin: 0 8px;
-  font-weight: 900;
-}
-
-.emotion-13 {
-  height: 300px;
-}
-
-.emotion-12 {
-  width: 500px;
-  height: 500px;
-  overflow-y: scroll;
-  background: #eee;
-  position: relative;
-}
-
-.emotion-0 {
-  height: 100px;
-}
-
-.emotion-1 {
-  width: 200px;
-  height: 100px;
-  background-color: red;
-  color: white;
-}
-
-<div
-  class="emotion-13"
->
-  <div
-    class="emotion-12"
-  >
-    <div
-      class="emotion-0"
-    />
-    <div
-      class="emotion-2"
-    >
-      <div
-        class="emotion-1"
-      >
-        Click me!
-      </div>
-    </div>
-    <div
-      class="emotion-11"
-      style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-    >
-      <div
-        class="emotion-3"
-      />
-      <div
-        class="emotion-10"
-      >
-        <div
-          class="emotion-6"
-        >
-          <div
-            class="emotion-4"
-          >
-            Lorem ipsum dolor sit
-          </div>
-          <span
-            class="emotion-5"
-          >
-            Amet consectatur vestibulum concet durum politu coret weirom
-          </span>
-        </div>
-        <div
-          class="emotion-9"
-        >
-          <a
-            class="emotion-8"
-          >
-            <span
-              class="emotion-7"
-            >
-              Continue
-            </span>
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/WithTooltip simple hover 1`] = `
-.emotion-2 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-4 {
-  height: 300px;
-}
-
-.emotion-3 {
-  width: 500px;
-  height: 500px;
-  overflow-y: scroll;
-  background: #eee;
-  position: relative;
-}
-
-.emotion-0 {
-  height: 100px;
-}
-
-.emotion-1 {
-  width: 200px;
-  height: 100px;
-  background-color: red;
-  color: white;
-}
-
-<div
-  class="emotion-4"
->
-  <div
-    class="emotion-3"
-  >
-    <div
-      class="emotion-0"
-    />
-    <div
-      class="emotion-2"
-    >
-      <div
-        class="emotion-1"
-      >
-        Hover me!
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots basics/Tooltip/WithTooltip simple hover, functional 1`] = `
-.emotion-2 {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.emotion-4 {
-  height: 300px;
-}
-
-.emotion-3 {
-  width: 500px;
-  height: 500px;
-  overflow-y: scroll;
-  background: #eee;
-  position: relative;
-}
-
-.emotion-0 {
-  height: 100px;
-}
-
-.emotion-1 {
-  width: 200px;
-  height: 100px;
-  background-color: red;
-  color: white;
-}
-
-<div
-  class="emotion-4"
->
-  <div
-    class="emotion-3"
-  >
-    <div
-      class="emotion-0"
-    />
-    <div
-      class="emotion-2"
-    >
-      <div
-        class="emotion-1"
-      >
-        Hover me!
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/typography/__snapshots__/typography.stories.storyshot b/lib/components/src/typography/__snapshots__/typography.stories.storyshot
deleted file mode 100644
index 5d48136bc13..00000000000
--- a/lib/components/src/typography/__snapshots__/typography.stories.storyshot
+++ /dev/null
@@ -1,186 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|typography all 1`] = `
-.emotion-16 {
-  padding: 3rem;
-}
-
-.emotion-0 {
-  margin-bottom: 3rem;
-}
-
-.emotion-15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-15 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 40px;
-}
-
-.emotion-10 {
-  font-weight: 900;
-}
-
-.emotion-10 > * {
-  margin-bottom: 1rem;
-}
-
-.emotion-1 {
-  font-size: 48px;
-}
-
-.emotion-2 {
-  font-size: 40px;
-}
-
-.emotion-3 {
-  font-size: 32px;
-}
-
-.emotion-4 {
-  font-size: 28px;
-}
-
-.emotion-6 {
-  font-size: 20px;
-}
-
-.emotion-7 {
-  font-size: 16px;
-}
-
-.emotion-8 {
-  font-size: 14px;
-}
-
-.emotion-9 {
-  font-size: 12px;
-}
-
-.emotion-14 > * {
-  margin-bottom: 1rem;
-}
-
-<div
-  class="emotion-16"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      <b>
-        Font-family:
-      </b>
-       "Nunito sans", Apple system font ... sans-serif
-    </div>
-    <div>
-      <b>
-        UI text size:
-      </b>
-       13px
-    </div>
-    <div>
-      <b>
-        Document/Markdown text size:
-      </b>
-       14px
-    </div>
-    <div>
-      <b>
-        Code font:
-      </b>
-       
-      <code>
-        Operator Mono, Fira Code, Consolas ... monospace
-      </code>
-    </div>
-    <div>
-      <b>
-        Weights:
-      </b>
-       400(normal), 600(bold), 900(black)
-    </div>
-  </div>
-  <div
-    class="emotion-15"
-  >
-    <div
-      class="emotion-10"
-    >
-      <div
-        class="emotion-1"
-      >
-        48 heading
-      </div>
-      <div
-        class="emotion-2"
-      >
-        40 heading
-      </div>
-      <div
-        class="emotion-3"
-      >
-        32 heading
-      </div>
-      <div
-        class="emotion-4"
-      >
-        28 heading
-      </div>
-      <div
-        class="emotion-4"
-      >
-        24 heading
-      </div>
-      <div
-        class="emotion-6"
-      >
-        20 heading
-      </div>
-      <div
-        class="emotion-7"
-      >
-        16 heading
-      </div>
-      <div
-        class="emotion-8"
-      >
-        14 heading
-      </div>
-      <div
-        class="emotion-9"
-      >
-        12 heading
-      </div>
-    </div>
-    <div
-      class="emotion-14"
-    >
-      <div
-        class="emotion-7"
-      >
-        16 The quick brown fox jumps over the lazy dog
-      </div>
-      <div
-        class="emotion-8"
-      >
-        14 The quick brown fox jumps over the lazy dog
-      </div>
-      <div
-        class="emotion-9"
-      >
-        12 The quick brown fox jumps over the lazy dog
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/lib/components/src/typography/link/__snapshots__/link.stories.storyshot b/lib/components/src/typography/link/__snapshots__/link.stories.storyshot
deleted file mode 100644
index d43a0dd939d..00000000000
--- a/lib/components/src/typography/link/__snapshots__/link.stories.storyshot
+++ /dev/null
@@ -1,664 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Basics|Link cancel w/ href 1`] = `
-.emotion-1 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-}
-
-.emotion-1 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-1:hover svg path,
-.emotion-1:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-1:active {
-  color: #028ee6;
-}
-
-.emotion-1:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-1 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-<a
-  class="emotion-1"
-  href="http://example.com"
->
-  <span
-    class="emotion-0"
-  >
-    Link
-  </span>
-</a>
-`;
-
-exports[`Storyshots Basics|Link cancel w/ onClick 1`] = `
-.emotion-1 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-}
-
-.emotion-1 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-1:hover svg path,
-.emotion-1:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-1:active {
-  color: #028ee6;
-}
-
-.emotion-1:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-1 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-<a
-  class="emotion-1"
-  href="/"
->
-  <span
-    class="emotion-0"
-  >
-    Try clicking with different mouse buttons and modifier keys (shift/ctrl/alt/cmd)
-  </span>
-</a>
-`;
-
-exports[`Storyshots Basics|Link no-cancel w/ href 1`] = `
-.emotion-1 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-}
-
-.emotion-1 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-1:hover svg path,
-.emotion-1:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-1:active {
-  color: #028ee6;
-}
-
-.emotion-1:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-1 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-<a
-  class="emotion-1"
-  href="http://example.com"
->
-  <span
-    class="emotion-0"
-  >
-    Link
-  </span>
-</a>
-`;
-
-exports[`Storyshots Basics|Link no-cancel w/ onClick 1`] = `
-.emotion-1 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-}
-
-.emotion-1 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-1:hover svg path,
-.emotion-1:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-1:active {
-  color: #028ee6;
-}
-
-.emotion-1:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-1 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-<a
-  class="emotion-1"
-  href="/"
->
-  <span
-    class="emotion-0"
-  >
-    any click will go through
-  </span>
-</a>
-`;
-
-exports[`Storyshots Basics|Link styled links 1`] = `
-.emotion-9 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-8 {
-  fill: currentColor;
-}
-
-.emotion-1 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-}
-
-.emotion-1 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-1:hover svg path,
-.emotion-1:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-1:active {
-  color: #028ee6;
-}
-
-.emotion-1:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-1 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-3 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #999999;
-}
-
-.emotion-3 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-3:hover,
-.emotion-3:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-3:hover svg path,
-.emotion-3:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-3:active {
-  color: #028ee6;
-}
-
-.emotion-3:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-3 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-3 svg path {
-  fill: #999999;
-}
-
-.emotion-3:hover {
-  color: #666666;
-}
-
-.emotion-3:hover svg path {
-  fill: #666666;
-}
-
-.emotion-3:active {
-  color: #444444;
-}
-
-.emotion-3:active svg path {
-  fill: #444444;
-}
-
-.emotion-5 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #666666;
-}
-
-.emotion-5 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-5:hover,
-.emotion-5:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-5:hover svg path,
-.emotion-5:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-5:active {
-  color: #028ee6;
-}
-
-.emotion-5:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-5 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-5 svg path {
-  fill: #666666;
-}
-
-.emotion-5:hover {
-  color: #333333;
-}
-
-.emotion-5:hover svg path {
-  fill: #333333;
-}
-
-.emotion-5:active {
-  color: #999999;
-}
-
-.emotion-5:active svg path {
-  fill: #999999;
-}
-
-.emotion-7 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: inherit;
-}
-
-.emotion-7 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-7:hover,
-.emotion-7:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-7:hover svg path,
-.emotion-7:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-7:active {
-  color: #028ee6;
-}
-
-.emotion-7:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-7 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-7:hover,
-.emotion-7:active {
-  color: inherit;
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.emotion-14 svg {
-  height: 1em;
-  width: 1em;
-  vertical-align: middle;
-  position: relative;
-  bottom: 0;
-  margin-right: 0;
-}
-
-.emotion-18 > svg:last-of-type {
-  height: 0.7em;
-  width: 0.7em;
-  margin-right: 0;
-  margin-left: 0.25em;
-  bottom: auto;
-  vertical-align: inherit;
-}
-
-.emotion-18 svg {
-  height: 1em;
-  width: 1em;
-  vertical-align: middle;
-  position: relative;
-  bottom: 0;
-  margin-right: 0;
-}
-
-.emotion-21 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #FFFFFF;
-}
-
-.emotion-21 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-21:hover,
-.emotion-21:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-21:hover svg path,
-.emotion-21:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-21:active {
-  color: #028ee6;
-}
-
-.emotion-21:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-21 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-21 svg path {
-  fill: #FFFFFF;
-}
-
-.emotion-21:hover {
-  color: #F8F8F8;
-}
-
-.emotion-21:hover svg path {
-  fill: #F8F8F8;
-}
-
-.emotion-21:active {
-  color: #F3F3F3;
-}
-
-.emotion-21:active svg path {
-  fill: #F3F3F3;
-}
-
-<div>
-  <a
-    class="emotion-1"
-    href="http://google.com"
-  >
-    <span
-      class="emotion-0"
-    >
-      Default
-    </span>
-  </a>
-  <br />
-  <a
-    class="emotion-3"
-    href="http://google.com"
-  >
-    <span
-      class="emotion-0"
-    >
-      Secondary
-    </span>
-  </a>
-  <br />
-  <a
-    class="emotion-5"
-    href="http://google.com"
-  >
-    <span
-      class="emotion-0"
-    >
-      tertiary
-    </span>
-  </a>
-  <br />
-  <a
-    class="emotion-7"
-    href="http://google.com"
-  >
-    <span
-      class="emotion-0"
-    >
-      nochrome
-    </span>
-  </a>
-  <br />
-  <a
-    class="emotion-1"
-    href="http://google.com"
-  >
-    <span
-      class="emotion-0"
-    >
-      <svg
-        class="emotion-9"
-        viewBox="0 0 1024 1024"
-      >
-        <path
-          class="emotion-8"
-          d="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"
-        />
-      </svg>
-      With icon in front
-    </span>
-  </a>
-  <br />
-  <a
-    class="emotion-1"
-    href="http://google.com"
-  >
-    <span
-      class="emotion-14"
-    >
-      <svg
-        class="emotion-9"
-        viewBox="0 0 1024 1024"
-      >
-        <path
-          class="emotion-8"
-          d="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"
-        />
-      </svg>
-    </span>
-  </a>
-  <br />
-  <a
-    class="emotion-1"
-    href="http://google.com"
-  >
-    <span
-      class="emotion-18"
-    >
-      With arrow behind
-      <svg
-        class="emotion-9"
-        viewBox="0 0 1024 1024"
-      >
-        <path
-          class="emotion-8"
-          d="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"
-        />
-      </svg>
-    </span>
-  </a>
-  <br />
-  <span
-    style="background:#333"
-  >
-    <a
-      class="emotion-21"
-      href="http://google.com"
-    >
-      <span
-        class="emotion-0"
-      >
-        Inverted colors
-      </span>
-    </a>
-  </span>
-  <br />
-</div>
-`;
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index f02640ea43b..d0cca86adc0 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/lib/core/package.json b/lib/core/package.json
index 0c24cf0a28d..214ecad0b86 100644
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -25,20 +25,20 @@
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-env": "^7.4.5",
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/channel-postmessage": "5.2.0-alpha.31",
-    "@storybook/client-api": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/node-logger": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
-    "@storybook/ui": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/channel-postmessage": "5.2.0-alpha.44",
+    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/ui": "5.2.0-alpha.44",
     "airbnb-js-shims": "^1 || ^2",
     "ansi-to-html": "^0.6.11",
     "autoprefixer": "^9.4.9",
     "babel-plugin-add-react-displayname": "^0.0.5",
-    "babel-plugin-emotion": "^10.0.9",
+    "babel-plugin-emotion": "^10.0.14",
     "babel-plugin-macros": "^2.4.5",
     "babel-preset-minify": "^0.5.0 || 0.6.0-alpha.5",
     "boxen": "^3.0.0",
diff --git a/lib/core/src/client/preview/start.js b/lib/core/src/client/preview/start.js
index 7c5fd41d7f0..35fff24b5fe 100644
--- a/lib/core/src/client/preview/start.js
+++ b/lib/core/src/client/preview/start.js
@@ -190,11 +190,35 @@ export default function start(render, { decorateStory } = {}) {
       addons.getChannel().emit(Events.STORY_CHANGED, id);
     }
 
+    // Docs view renders into a different root ID to avoid conflicts
+    // with the user's view layer. Therefore we need to clean up whenever
+    // we transition between view modes
+    if (viewMode !== previousViewMode) {
+      switch (viewMode) {
+        case 'docs': {
+          document.getElementById('root').setAttribute('hidden', true);
+          document.getElementById('docs-root').removeAttribute('hidden');
+          break;
+        }
+        case 'story':
+        default: {
+          if (previousViewMode === 'docs') {
+            document.getElementById('docs-root').setAttribute('hidden', true);
+            ReactDOM.unmountComponentAtNode(document.getElementById('docs-root'));
+            document.getElementById('root').removeAttribute('hidden');
+          }
+        }
+      }
+    }
+    // Given a cleaned up state, render the appropriate view mode
     switch (viewMode) {
       case 'docs': {
         const NoDocs = () => <div style={{ fontFamily: 'sans-serif' }}>No docs found</div>;
         const StoryDocs = (parameters && parameters.docs) || NoDocs;
-        ReactDOM.render(<StoryDocs context={renderContext} />, document.getElementById('root'));
+        ReactDOM.render(
+          <StoryDocs context={renderContext} />,
+          document.getElementById('docs-root')
+        );
         break;
       }
       case 'story':
@@ -276,6 +300,7 @@ export default function start(render, { decorateStory } = {}) {
 
   if (typeof window !== 'undefined') {
     window.__STORYBOOK_CLIENT_API__ = clientApi;
+    window.__STORYBOOK_STORY_STORE__ = storyStore;
     window.__STORYBOOK_ADDONS_CHANNEL__ = channel; // may not be defined
   }
 
diff --git a/lib/core/src/server/build-dev.js b/lib/core/src/server/build-dev.js
index 5290bf067a4..bc4ec134f92 100644
--- a/lib/core/src/server/build-dev.js
+++ b/lib/core/src/server/build-dev.js
@@ -16,6 +16,8 @@ import semver from 'semver';
 import { stripIndents } from 'common-tags';
 import Table from 'cli-table3';
 import prettyTime from 'pretty-hrtime';
+import inquirer from 'inquirer';
+import detectFreePort from 'detect-port';
 
 import storybook from './dev-server';
 import { getDevCli } from './cli';
@@ -35,6 +37,12 @@ const writeStats = async (name, stats) => {
   );
 };
 
+const getFreePort = port =>
+  detectFreePort(port).catch(error => {
+    logger.error(error);
+    process.exit(-1);
+  });
+
 async function getServer(app, options) {
   if (!options.https) {
     return http.createServer(app);
@@ -238,7 +246,22 @@ function openInBrowser(address) {
 
 export async function buildDevStandalone(options) {
   try {
-    const { port, host, extendServer } = options;
+    const { host, extendServer } = options;
+
+    const port = await getFreePort(options.port);
+
+    if (!options.ci && !options.smokeTest && options.port != null && port !== options.port) {
+      const { shouldChangePort } = await inquirer.prompt({
+        type: 'confirm',
+        default: true,
+        name: 'shouldChangePort',
+        message: `Port ${options.port} is not available. Would you like to run Storybook on port ${port} instead?`,
+      });
+
+      if (!shouldChangePort) {
+        process.exit(1);
+      }
+    }
 
     // Used with `app.listen` below
     const listenAddr = [port];
@@ -343,6 +366,7 @@ export async function buildDev({ packageJson, ...loadOptions }) {
     ...loadOptions,
     packageJson,
     configDir: loadOptions.configDir || cliOptions.configDir || './.storybook',
+    ignorePreview: !!cliOptions.previewUrl,
     docsMode: !!cliOptions.docs,
   });
 }
diff --git a/lib/core/src/server/build-static.js b/lib/core/src/server/build-static.js
index 853edf9c5bc..90990f2c2ec 100644
--- a/lib/core/src/server/build-static.js
+++ b/lib/core/src/server/build-static.js
@@ -124,6 +124,7 @@ async function buildManager(configType, outputDir, configDir, options) {
     corePresets: [require.resolve('./manager/manager-preset.js')],
     frameworkPresets: options.frameworkPresets,
     docsMode: options.docsMode,
+    previewUrl: options.previewUrl,
   });
 
   if (options.debugWebpack) {
@@ -204,6 +205,7 @@ export function buildStatic({ packageJson, ...loadOptions }) {
     packageJson,
     configDir: loadOptions.configDir || cliOptions.configDir || './.storybook',
     outputDir: loadOptions.outputDir || cliOptions.outputDir || './storybook-static',
+    ignorePreview: !!cliOptions.previewUrl,
     docsMode: !!cliOptions.docs,
   });
 }
diff --git a/lib/core/src/server/cli/dev.js b/lib/core/src/server/cli/dev.js
index 61ea25e2770..71136e3c6b1 100644
--- a/lib/core/src/server/cli/dev.js
+++ b/lib/core/src/server/cli/dev.js
@@ -1,16 +1,9 @@
 import program from 'commander';
 import chalk from 'chalk';
-import detectFreePort from 'detect-port';
 import inquirer from 'inquirer';
 import { logger } from '@storybook/node-logger';
 import { parseList, getEnvConfig } from './utils';
 
-const getFreePort = port =>
-  detectFreePort(port).catch(error => {
-    logger.error(error);
-    process.exit(-1);
-  });
-
 async function getCLI(packageJson) {
   process.env.NODE_ENV = process.env.NODE_ENV || 'development';
 
@@ -36,6 +29,10 @@ async function getCLI(packageJson) {
     .option('--quiet', 'Suppress verbose build output')
     .option('--no-dll', 'Do not use dll reference')
     .option('--debug-webpack', 'Display final webpack configurations for debugging purposes')
+    .option(
+      '--preview-url [string]',
+      'Disables the default storybook preview and lets your use your own'
+    )
     .option('--docs', 'Build a documentation-only site using addon-docs')
     .parse(process.argv);
 
@@ -64,22 +61,7 @@ async function getCLI(packageJson) {
     program.port = parseInt(program.port, 10);
   }
 
-  const port = await getFreePort(program.port);
-
-  if (!program.ci && !program.smokeTest && program.port != null && port !== program.port) {
-    const { shouldChangePort } = await inquirer.prompt({
-      type: 'confirm',
-      default: true,
-      name: 'shouldChangePort',
-      message: `Port ${program.port} is not available.
-Would you like to run Storybook on port ${port} instead?`,
-    });
-    if (!shouldChangePort) {
-      process.exit(1);
-    }
-  }
-
-  return { ...program, port };
+  return { ...program };
 }
 
 export default getCLI;
diff --git a/lib/core/src/server/cli/prod.js b/lib/core/src/server/cli/prod.js
index d20e410390f..99ad8f81076 100644
--- a/lib/core/src/server/cli/prod.js
+++ b/lib/core/src/server/cli/prod.js
@@ -16,6 +16,10 @@ function getCLI(packageJson) {
     .option('--loglevel [level]', 'Control level of logging during build')
     .option('--no-dll', 'Do not use dll reference')
     .option('--debug-webpack', 'Display final webpack configurations for debugging purposes')
+    .option(
+      '--preview-url [string]',
+      'Disables the default storybook preview and lets your use your own'
+    )
     .option('--docs', 'Build a documentation-only site using addon-docs')
     .parse(process.argv);
 
diff --git a/lib/core/src/server/dev-server.js b/lib/core/src/server/dev-server.js
index 9962d613d89..0645bbe6ee7 100644
--- a/lib/core/src/server/dev-server.js
+++ b/lib/core/src/server/dev-server.js
@@ -45,7 +45,6 @@ export default function(options) {
       webpack(config).watch(
         {
           aggregateTimeout: 1,
-          ignored: /node_modules/,
         },
         (err, stats) => {
           managerTotalTime = process.hrtime(startTime);
@@ -99,7 +98,6 @@ export default function(options) {
           publicPath: previewConfig.output.publicPath,
           watchOptions: {
             aggregateTimeout: 1,
-            ignored: /node_modules/,
             ...(previewConfig.watchOptions || {}),
           },
           // this actually causes 0 (regular) output from wdm & webpack
diff --git a/lib/core/src/server/manager/manager-webpack.config.js b/lib/core/src/server/manager/manager-webpack.config.js
index 4d0af42b1ac..8884951613b 100644
--- a/lib/core/src/server/manager/manager-webpack.config.js
+++ b/lib/core/src/server/manager/manager-webpack.config.js
@@ -28,6 +28,7 @@ export default ({
   outputDir,
   cache,
   babelOptions,
+  previewUrl,
 }) => {
   const { raw, stringified } = loadEnv();
   const isProd = configType === 'PRODUCTION';
@@ -72,7 +73,8 @@ export default ({
       new DefinePlugin({
         'process.env': stringified,
         NODE_ENV: JSON.stringify(process.env.NODE_ENV),
-        DOCS_MODE: docsMode, // global docs mode
+        DOCS_MODE: JSON.stringify(docsMode), // global docs mode
+        PREVIEW_URL: JSON.stringify(previewUrl), // global preview URL
       }),
       // See https://github.com/graphql/graphql-language-service/issues/111#issuecomment-306723400
       new ContextReplacementPlugin(/graphql-language-service-interface[/\\]dist/, /\.js$/),
diff --git a/lib/core/src/server/preview/custom-webpack-preset.js b/lib/core/src/server/preview/custom-webpack-preset.js
index 52b0a7c99b6..074df6562d7 100644
--- a/lib/core/src/server/preview/custom-webpack-preset.js
+++ b/lib/core/src/server/preview/custom-webpack-preset.js
@@ -11,7 +11,13 @@ async function createFinalDefaultConfig(presets, config, options) {
 }
 
 export async function webpack(config, options) {
-  const { configDir, configType, presets } = options;
+  const { configDir, configType, presets, webpackConfig } = options;
+
+  // through standalone webpackConfig option
+  if (webpackConfig) {
+    const finalDefaultConfig = await createFinalDefaultConfig(presets, config, options);
+    return webpackConfig(finalDefaultConfig);
+  }
 
   // Check whether user has a custom webpack config file and
   // return the (extended) base configuration if it's not available.
diff --git a/lib/core/src/server/templates/index.ejs b/lib/core/src/server/templates/index.ejs
index 514b7be4e6e..5731c9b020b 100644
--- a/lib/core/src/server/templates/index.ejs
+++ b/lib/core/src/server/templates/index.ejs
@@ -1,48 +1,36 @@
 <!DOCTYPE html>
 <html>
+  <head>
+    <meta charset="utf-8" />
+    <title><%= options.title || 'Storybook'%></title>
 
-<head>
-  <meta charset="utf-8">
-  <title><%= options.title || 'Storybook'%></title>
+    <% if (files.favicon) { %>
+    <link rel="shortcut icon" href="<%= files.favicon%>" />
+    <% } %>
 
-  <% if (files.favicon) { %>
-    <link rel="shortcut icon" href="<%= files.favicon%>">
-  <% } %>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+    <% if (typeof headHtmlSnippet !== 'undefined') { %> <%= headHtmlSnippet %> <% } %> <%
+    files.css.forEach(file => { %>
+    <link href="<%= file %>" rel="stylesheet" />
+    <% }); %>
+<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>+  <body>
+    <% if (typeof bodyHtmlSnippet !== 'undefined') { %> <%= bodyHtmlSnippet %> <% } %>
 
-  <% if (typeof headHtmlSnippet !== 'undefined') { %>
-    <%= headHtmlSnippet %>
-  <% } %>
+    <div id="root"></div>
+    <div id="docs-root"></div>
 
-  <% files.css.forEach(file => { %>
-    <link href="<%= file %>" rel="stylesheet">
-  <% }); %>
-  
-<script defer src="https://umami.decryptology.net/script.js" data-website-id="66544d5e-4324-4253-97aa-bb033b55a236"></script>
</head>-<body>
-
-<% if (typeof bodyHtmlSnippet !== 'undefined') { %>
-  <%= bodyHtmlSnippet %>
-<% } %>
-
-<div id="root"></div>
-
-<% if (options.window) { %>
-<script>
-  <% for (var varName in options.window) { %>
-    window['<%=varName%>'] = <%= JSON.stringify(options.window[varName]) %>;
-  <% } %>
-</script>
-<% } %>
-
-<% dlls.forEach(file => { %>
-  <script src="<%= file %>"></script>
-<% }); %>
-
-<% files.js.forEach(file => { %>
-  <script src="<%= file %>"></script>
-<% }); %>
-
-</body>
+    <% if (options.window) { %>
+    <script>
+      <% for (var varName in options.window) { %>
+        window['<%=varName%>'] = <%= JSON.stringify(options.window[varName]) %>;
+      <% } %>
+    </script>
+    <% } %> <% dlls.forEach(file => { %>
+    <script src="<%= file %>"></script>
+    <% }); %> <% files.js.forEach(file => { %>
+    <script src="<%= file %>"></script>
+    <% }); %>
+  </body>
 </html>
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index db1a28e7565..4a112b0e4b3 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/router/package.json b/lib/router/package.json
index f57028769bf..09c18b49479 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
@@ -22,14 +22,12 @@
   },
   "dependencies": {
     "@reach/router": "^1.2.1",
+    "@types/reach__router": "^1.2.3",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
     "qs": "^6.6.0"
   },
-  "devDependencies": {
-    "@types/reach__router": "^1.2.3"
-  },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
diff --git a/lib/router/src/utils.ts b/lib/router/src/utils.ts
index 57812fe36d4..5a03d8f24eb 100644
--- a/lib/router/src/utils.ts
+++ b/lib/router/src/utils.ts
@@ -11,7 +11,6 @@ interface SeparatorOptions {
   groupSeparator: string | RegExp;
 }
 
-export const knownNonViewModesRegex = /(settings)/;
 const splitPathRegex = /\/([^/]+)\/([^/]+)?/;
 
 // Remove punctuation https://gist.github.com/davidjrice/9d2af51100e41c6c4b4a
@@ -47,7 +46,7 @@ export const parsePath: (path?: string) => StoryData = memoize(1000)(
 
     if (path) {
       const [, viewMode, storyId] = path.match(splitPathRegex) || [undefined, undefined, undefined];
-      if (viewMode && !viewMode.match(knownNonViewModesRegex)) {
+      if (viewMode) {
         Object.assign(result, {
           viewMode,
           storyId,
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index d875479403a..9c26d5e3d9c 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "global": "^4.3.2",
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 65ba7d29a2e..5fb6faca66d 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
@@ -283,7 +283,7 @@ import { storiesOf } from '@storybook/angular';
 })
 class WithNgContentComponent {}
 
-storiesOf('Custom|ng-content', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add('Default', () => ({
+storiesOf('Custom|ng-content', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add('Default', () => ({
   template: \`<storybook-with-ng-content><h1>This is rendered in ng-content</h1></storybook-with-ng-content>\`,
   moduleMetadata: {
     declarations: [WithNgContentComponent],
@@ -328,7 +328,7 @@ class Table extends React.Component<Props, State> {
   }
 }
 
-const stories = storiesOf('Table', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__));
+const stories = storiesOf('Table', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__));
 stories.add('Flow Class', withInfo('Lorum Ipsum Nem')(() => <Table />));
 "
 `;
@@ -377,7 +377,7 @@ class WithStoreComponent {
   }
 }
 
-storiesOf('ngrx|Store', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
+storiesOf('ngrx|Store', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
   .addDecorator(
     moduleMetadata({
       imports: [StoreModule.forRoot({})],
@@ -659,7 +659,7 @@ import FlowTypeButton from '../components/FlowTypeButton';
 import BaseButton from '../components/BaseButton';
 import TableComponent from '../components/TableComponent';
 
-storiesOf('Addons|Info.React Docgen', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
+storiesOf('Addons|Info.React Docgen', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
   .add(
     'Comments from PropType declarations',
     withInfo(
@@ -690,12 +690,12 @@ const Button = () => <button />;
 Maybe include a [link](http://storybook.js.org) to your project as well.
 \`;
 
-storiesOf('Addons|Info.Markdown', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Markdown', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Displays Markdown in description',
   withInfo(markdownDescription)(() => <BaseButton onClick={action('clicked')} label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.inline', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.inline', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Inlines component inside story',
   withInfo({
     text: 'Component should be inlined between description and PropType table',
@@ -703,7 +703,7 @@ storiesOf('Addons|Info.Options.inline', module).addDecorator(withSourceLoader(__
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.header', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.header', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Shows or hides Info Addon header',
   withInfo({
     text: 'The Info Addon header should be hidden',
@@ -711,7 +711,7 @@ storiesOf('Addons|Info.Options.header', module).addDecorator(withSourceLoader(__
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.source', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.source', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Shows or hides Info Addon source',
   withInfo({
     text: 'The Info Addon source section should be hidden',
@@ -719,7 +719,7 @@ storiesOf('Addons|Info.Options.source', module).addDecorator(withSourceLoader(__
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.propTables', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.propTables', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Shows additional component prop tables',
   withInfo({
     text: 'There should be a prop table added for a component not included in the story',
@@ -727,7 +727,7 @@ storiesOf('Addons|Info.Options.propTables', module).addDecorator(withSourceLoade
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Options.propTablesExclude', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.propTablesExclude', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Exclude component from prop tables',
   withInfo({
     text: 'This can exclude extraneous components from being displayed in prop tables.',
@@ -740,7 +740,7 @@ storiesOf('Addons|Info.Options.propTablesExclude', module).addDecorator(withSour
   ))
 );
 
-storiesOf('Addons|Info.Options.styles', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
+storiesOf('Addons|Info.Options.styles', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
   .add(
     'Extend info styles with an object',
     withInfo({
@@ -774,14 +774,14 @@ storiesOf('Addons|Info.Options.styles', module).addDecorator(withSourceLoader(__
     })(() => <BaseButton label=\\"Button\\" />)
   );
 
-storiesOf('Addons|Info.Options.TableComponent', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.Options.TableComponent', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   'Use a custom component for the table',
   withInfo({
     TableComponent,
   })(() => <BaseButton label=\\"Button\\" />)
 );
 
-storiesOf('Addons|Info.Decorator', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
+storiesOf('Addons|Info.Decorator', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__))
   .addDecorator((story, context) =>
     withInfo('Info could be used as a global or local decorator as well.')(story)(context)
   )
@@ -793,7 +793,7 @@ const Input = hoc(() => <input type=\\"text\\" />);
 
 const TextArea = hoc(({ children }) => <textarea>{children}</textarea>);
 
-storiesOf('Addons|Info.GitHub issues', module).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
+storiesOf('Addons|Info.GitHub issues', module).addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } }).addDecorator(withSourceLoader(__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__)).add(
   '#1814',
   withInfo('Allow Duplicate DisplayNames for HOC #1814')(() => (
     <div>
@@ -866,7 +866,7 @@ storiesOf('Foo', module)
 `;
 
 exports[`inject-decorator will not change the source when there are no "storiesOf" functions 1`] = `
-"var addSourceDecorator = require(\\"@storybook/source-loader\\").addSource;
+"var addSourceDecorator = require(\\"@storybook/source-loader/dist/preview\\").addSource;
 while(true) {
   console.log(\\"it's a kind of magic\\");
 }"
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 a79e96fec7d..6ca55dbe944 100644
--- a/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
+++ b/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
@@ -68,7 +68,7 @@ const STORY_DECORATOR_STATEMENT =
 const ADD_PARAMETERS_STATEMENT =
   '.addParameters({ storySource: { source: __STORY__, locationsMap: __ADDS_MAP__ } })';
 const IMPORT_DECLARATION_FOR_EXPORTED_STORIES_DECORATOR =
-  'var addSourceDecorator = require("@storybook/source-loader").addSource;\n';
+  'var addSourceDecorator = require("@storybook/source-loader/dist/preview").addSource;\n';
 const applyExportDecoratorStatement = part =>
   ` addSourceDecorator(${part}, {__STORY__, __ADDS_MAP__,__MAIN_FILE_LOCATION__,__MODULE_DEPENDENCIES__,__LOCAL_DEPENDENCIES__,__SOURCE_PREFIX__,__IDS_TO_FRAMEWORKS__});`;
 
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 9cd8008f9f1..d944398ca49 100644
--- a/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
+++ b/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
@@ -21,7 +21,7 @@ function extendOptions(source, comments, filepath, options) {
 }
 
 function inject(source, filepath, options = {}, log = message => {}) {
-  const { injectDecorator = true, inspectDependencies } = options;
+  const { injectDecorator = true, injectParameters = true, inspectDependencies } = options;
   const obviouslyNotCode = ['md', 'txt', 'json'].includes(options.parser);
   let parser = null;
   try {
@@ -43,7 +43,7 @@ function inject(source, filepath, options = {}, log = message => {}) {
 
   const { changed, source: cleanedSource, comments, exportTokenFound } =
     injectDecorator === true
-      ? generateSourceWithDecorators(source, ast, options.injectParameters)
+      ? generateSourceWithDecorators(source, ast, injectParameters)
       : generateSourceWithoutDecorators(source, ast);
 
   const storySource = generateStorySource(extendOptions(source, comments, filepath, options));
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 8dd3b1a2061..4edda95f55f 100644
--- a/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
+++ b/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
@@ -75,7 +75,7 @@ export function findAddsMap(ast, storiesOfIdentifiers) {
 
 // Handle cases like:
 //   export const withText = () => <Button />;
-//   withText.title = 'with text';
+//   withText.story = { name: 'with text' };
 function findStoryTitle(storyVar, ast) {
   const titleAssignment = ast.program.body.find(
     d =>
@@ -83,13 +83,25 @@ function findStoryTitle(storyVar, ast) {
       d.expression &&
       d.expression.type === 'AssignmentExpression' &&
       d.expression.left &&
+      d.expression.left.type === 'MemberExpression' &&
       d.expression.left.object &&
       d.expression.left.object.type === 'Identifier' &&
       d.expression.left.object.name === storyVar &&
+      d.expression.left.property.type === 'Identifier' &&
+      d.expression.left.property.name === 'story' &&
       d.expression.right &&
-      d.expression.right.type === 'StringLiteral'
+      d.expression.right.type === 'ObjectExpression'
   );
-  return titleAssignment && titleAssignment.expression.right.value;
+  const nameProp =
+    titleAssignment &&
+    titleAssignment.expression.right.properties.find(
+      prop =>
+        prop.key.type === 'Identifier' &&
+        prop.key.name === 'name' &&
+        prop.value.type === 'StringLiteral'
+    );
+
+  return nameProp && nameProp.value.value;
 }
 
 export function findExportsMap(ast) {
diff --git a/lib/source-loader/src/build.js b/lib/source-loader/src/build.js
index 685077cd429..2edf97ca3fb 100644
--- a/lib/source-loader/src/build.js
+++ b/lib/source-loader/src/build.js
@@ -15,7 +15,7 @@ export function transform(inputSource) {
         localDependencies,
         idsToFrameworks,
       }) => `
-  var withSourceLoader = require('@storybook/source-loader').withSource;
+  var withSourceLoader = require('@storybook/source-loader/dist/preview').withSource;
   var __SOURCE_PREFIX__ = "${prefix.replace(/\\([^\\ ])/g, '\\\\$1')}";
   var __STORY__ = ${sourceJson};
   var __ADDS_MAP__ = ${JSON.stringify(addsMap)};
diff --git a/lib/source-loader/src/preview.js b/lib/source-loader/src/preview.js
index a40d84a72cd..7a03d3f576b 100644
--- a/lib/source-loader/src/preview.js
+++ b/lib/source-loader/src/preview.js
@@ -46,7 +46,7 @@ export function addSource(storyFn, sourceContext) {
     __SOURCE_PREFIX__: prefix,
     __IDS_TO_FRAMEWORKS__: idsToFrameworks,
   } = sourceContext;
-  const decorated = context => {
+  const decorated = (context = {}) => {
     sendEvent(
       context,
       source,
diff --git a/lib/theming/package.json b/lib/theming/package.json
index c14e71d42b5..71391d36abb 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -21,13 +21,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.9",
-    "@emotion/styled": "^10.0.7",
-    "@storybook/client-logger": "5.2.0-alpha.31",
+    "@emotion/core": "^10.0.14",
+    "@emotion/styled": "^10.0.14",
+    "@storybook/client-logger": "5.2.0-alpha.44",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "deep-object-diff": "^1.1.0",
-    "emotion-theming": "^10.0.9",
+    "emotion-theming": "^10.0.14",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
     "polished": "^3.3.1",
diff --git a/lib/ui/package.json b/lib/ui/package.json
index 7e3249eece0..7501540071a 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "5.2.0-alpha.31",
+  "version": "5.2.0-alpha.44",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -22,18 +22,18 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.31",
-    "@storybook/api": "5.2.0-alpha.31",
-    "@storybook/channels": "5.2.0-alpha.31",
-    "@storybook/client-logger": "5.2.0-alpha.31",
-    "@storybook/components": "5.2.0-alpha.31",
-    "@storybook/core-events": "5.2.0-alpha.31",
-    "@storybook/router": "5.2.0-alpha.31",
-    "@storybook/theming": "5.2.0-alpha.31",
+    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/components": "5.2.0-alpha.44",
+    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/theming": "5.2.0-alpha.44",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "core-js-pure": "^3.0.1",
-    "emotion-theming": "^10.0.10",
+    "emotion-theming": "^10.0.14",
     "fast-deep-equal": "^2.0.1",
     "fuse.js": "^3.4.4",
     "global": "^4.3.2",
@@ -49,7 +49,6 @@
     "react-helmet-async": "^1.0.2",
     "react-hotkeys": "2.0.0-pre4",
     "react-sizeme": "^2.6.7",
-    "recompose": "^0.30.0",
     "regenerator-runtime": "^0.13.2",
     "resolve-from": "^5.0.0",
     "semver": "^6.0.0",
diff --git a/lib/ui/src/__tests__/index.js b/lib/ui/src/__tests__/index.js
index 9729d651d70..7f21cdc5d85 100644
--- a/lib/ui/src/__tests__/index.js
+++ b/lib/ui/src/__tests__/index.js
@@ -1,14 +1,12 @@
 import renderStorybookUI from '..';
 
 describe('Main API', () => {
-  describe('default export', () => {
-    it('should fail if provider is not extended from the base Provider', () => {
-      const run = () => {
-        const fakeProvider = {};
-        renderStorybookUI(null, fakeProvider);
-      };
+  it('should fail if provider is not extended from the base Provider', () => {
+    const run = () => {
+      const fakeProvider = {};
+      renderStorybookUI(null, fakeProvider);
+    };
 
-      expect(run).toThrow(/base Provider/);
-    });
+    expect(run).toThrow(/base Provider/);
   });
 });
diff --git a/lib/ui/src/app.js b/lib/ui/src/app.js
index d1288657d36..2023efb4f5f 100644
--- a/lib/ui/src/app.js
+++ b/lib/ui/src/app.js
@@ -41,7 +41,7 @@ const View = styled.div({
   width: '100vw',
 });
 
-const App = React.memo(({ viewMode, layout, size: { width, height } }) => {
+const App = React.memo(({ viewMode, layout, panelCount, size: { width, height } }) => {
   const props = createProps();
 
   let content;
@@ -53,9 +53,17 @@ const App = React.memo(({ viewMode, layout, size: { width, height } }) => {
       </div>
     );
   } else if (width < 600) {
-    content = <Mobile {...props} viewMode={viewMode} options={layout} />;
+    content = <Mobile {...props} viewMode={viewMode} options={layout} panelCount={panelCount} />;
   } else {
-    content = <Desktop {...props} viewMode={viewMode} options={layout} {...{ width, height }} />;
+    content = (
+      <Desktop
+        {...props}
+        viewMode={viewMode}
+        options={layout}
+        {...{ width, height }}
+        panelCount={panelCount}
+      />
+    );
   }
 
   return (
@@ -66,7 +74,8 @@ const App = React.memo(({ viewMode, layout, size: { width, height } }) => {
   );
 });
 App.propTypes = {
-  viewMode: PropTypes.oneOf(['story', 'info', 'docs']),
+  viewMode: PropTypes.oneOf(['story', 'info', 'docs', 'settings']),
+  panelCount: PropTypes.number.isRequired,
   layout: PropTypes.shape({}).isRequired,
   size: PropTypes.shape({
     width: PropTypes.number,
diff --git a/lib/ui/src/app.stories.js b/lib/ui/src/app.stories.js
new file mode 100644
index 00000000000..c18c4ed37eb
--- /dev/null
+++ b/lib/ui/src/app.stories.js
@@ -0,0 +1,37 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import addons from '@storybook/addons';
+
+import { Root as App, Provider } from './index';
+
+class FakeProvider extends Provider {
+  constructor() {
+    super();
+
+    this.addons = addons;
+    this.channel = {
+      on: () => {},
+      off: () => {},
+      emit: () => {},
+      addPeerListener: () => {},
+    };
+  }
+
+  getElements(type) {
+    return addons.getElements(type);
+  }
+
+  renderPreview() {
+    return <div>Hello world</div>;
+  }
+
+  handleAPI(api) {
+    addons.loadAddons(api);
+  }
+}
+
+storiesOf('UI|Layout/App', module)
+  .addParameters({
+    component: App,
+  })
+  .add('default', () => <App provider={new FakeProvider()} />);
diff --git a/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot b/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
deleted file mode 100644
index 8d1cebbbd65..00000000000
--- a/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
+++ /dev/null
@@ -1,3221 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots UI|Layout/Desktop bottom Panel 1`] = `
-.emotion-0 {
-  z-index: 10;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: rgba(0,0,0,.1);
-  overflow: hidden;
-  -webkit-transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  cursor: col-resize;
-  height: 100%;
-  width: 10px;
-  margin-left: 0;
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 10px 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-0:hover {
-  color: #1EA7FD;
-}
-
-.emotion-0:hover {
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 0 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-3 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-2 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-5 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  z-index: 9;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-8 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: #FFFFFF;
-  border-radius: 4px;
-  overflow: hidden;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-}
-
-.emotion-4 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-6 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-1 {
-  z-index: 10;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: rgba(0,0,0,.1);
-  overflow: hidden;
-  -webkit-transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  cursor: row-resize;
-  height: 10px;
-  width: 100%;
-  margin-top: 0;
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 100% 50px;
-  background-position: 50% 10px;
-  background-repeat: no-repeat;
-}
-
-.emotion-1:hover {
-  color: #1EA7FD;
-}
-
-.emotion-1:hover {
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 100% 50px;
-  background-position: 50% 0;
-  background-repeat: no-repeat;
-}
-
-.emotion-7 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  border-top: 1px solid rgba(0,0,0,.1);
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-<div
-  style="min-height:600px;min-width:600px"
->
-  <div
-    class="react-draggable emotion-0"
-    style="touch-action:none;transform:translate(200px,0px)"
-  />
-  <div
-    class="react-draggable emotion-1"
-    style="touch-action:none;left:210px;width:804px;margin-top:-10px;transform:translate(0px,461px)"
-  />
-  <div
-    class="emotion-3"
-    style="height:768px;left:0;top:0;width:210px"
-  >
-    <div
-      class="emotion-2"
-      color="hotpink"
-    >
-      <h2
-        style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-      >
-        1
-      </h2>
-      <pre>
-        {
-  "debug": {
-    "animate": true,
-    "hidden": false,
-    "position": {
-      "height": 768,
-      "left": 0,
-      "top": 0,
-      "width": 210
-    }
-  }
-}
-      </pre>
-    </div>
-  </div>
-  <div
-    class="emotion-5"
-    style="height:748px;left:210px;top:10px;width:804px"
-  >
-    <div
-      class="emotion-8"
-    >
-      <div
-        class="emotion-5"
-        style="height:451px;left:0;top:0;width:804px"
-      >
-        <div
-          class="emotion-4"
-          color="deepskyblue"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "id": "main",
-  "debug": {
-    "animate": true,
-    "isFullscreen": false,
-    "position": {
-      "height": 451,
-      "left": 0,
-      "top": 0,
-      "width": 804
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-      <div
-        class="emotion-7"
-        style="height:297px;left:0;top:451px;width:804px"
-      >
-        <div
-          class="emotion-6"
-          color="orangered"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "debug": {
-    "animate": true,
-    "align": "bottom",
-    "hidden": false,
-    "position": {
-      "height": 297,
-      "left": 0,
-      "top": 451,
-      "width": 804
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Desktop default 1`] = `
-.emotion-0 {
-  z-index: 10;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: rgba(0,0,0,.1);
-  overflow: hidden;
-  -webkit-transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  cursor: col-resize;
-  height: 100%;
-  width: 10px;
-  margin-left: 0;
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 10px 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-0:hover {
-  color: #1EA7FD;
-}
-
-.emotion-0:hover {
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 0 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-3 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-2 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-5 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  z-index: 9;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-8 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: #FFFFFF;
-  border-radius: 4px;
-  overflow: hidden;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-}
-
-.emotion-4 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-7 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  border-left: 1px solid rgba(0,0,0,.1);
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-6 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-<div
-  style="min-height:600px;min-width:600px"
->
-  <div
-    class="react-draggable emotion-0"
-    style="touch-action:none;transform:translate(200px,0px)"
-  />
-  <div
-    class="react-draggable emotion-0"
-    style="touch-action:none;margin-left:-10px;transform:translate(624px,0px)"
-  />
-  <div
-    class="emotion-3"
-    style="height:768px;left:0;top:0;width:210px"
-  >
-    <div
-      class="emotion-2"
-      color="hotpink"
-    >
-      <h2
-        style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-      >
-        1
-      </h2>
-      <pre>
-        {
-  "debug": {
-    "animate": true,
-    "hidden": false,
-    "position": {
-      "height": 768,
-      "left": 0,
-      "top": 0,
-      "width": 210
-    }
-  }
-}
-      </pre>
-    </div>
-  </div>
-  <div
-    class="emotion-5"
-    style="height:748px;left:210px;top:10px;width:804px"
-  >
-    <div
-      class="emotion-8"
-    >
-      <div
-        class="emotion-5"
-        style="height:748px;left:0;top:0;width:414px"
-      >
-        <div
-          class="emotion-4"
-          color="deepskyblue"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "id": "main",
-  "debug": {
-    "animate": true,
-    "isFullscreen": false,
-    "position": {
-      "height": 748,
-      "left": 0,
-      "top": 0,
-      "width": 414
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-      <div
-        class="emotion-7"
-        style="height:748px;left:414px;top:0;width:390px"
-      >
-        <div
-          class="emotion-6"
-          color="orangered"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "debug": {
-    "animate": true,
-    "align": "right",
-    "hidden": false,
-    "position": {
-      "height": 748,
-      "left": 414,
-      "top": 0,
-      "width": 390
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Desktop full 1`] = `
-.emotion-1 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  z-index: 9;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-0 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-3 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  border-left: 1px solid rgba(0,0,0,.1);
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-2 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  box-shadow: none;
-  border-radius: 0;
-}
-
-<div
-  style="min-height:600px;min-width:600px"
->
-  <div
-    class="emotion-1"
-  >
-    <div
-      class="emotion-4"
-    >
-      <div
-        class="emotion-1"
-      >
-        <div
-          class="emotion-0"
-          color="deepskyblue"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "id": "main",
-  "debug": {
-    "animate": true,
-    "isFullscreen": true,
-    "position": {}
-  }
-}
-          </pre>
-        </div>
-      </div>
-      <div
-        class="emotion-3"
-        style="height:748px;left:614px;top:0;width:390px"
-      >
-        <div
-          class="emotion-2"
-          color="orangered"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "debug": {
-    "animate": true,
-    "align": "right",
-    "hidden": true,
-    "position": {
-      "height": 748,
-      "left": 614,
-      "top": 0,
-      "width": 390
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Desktop no Nav 1`] = `
-.emotion-0 {
-  z-index: 10;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: rgba(0,0,0,.1);
-  overflow: hidden;
-  -webkit-transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  cursor: col-resize;
-  height: 100%;
-  width: 10px;
-  margin-left: 0;
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 10px 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-0:hover {
-  color: #1EA7FD;
-}
-
-.emotion-0:hover {
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 0 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-2 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  z-index: 9;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-5 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: #FFFFFF;
-  border-radius: 4px;
-  overflow: hidden;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-}
-
-.emotion-1 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  border-left: 1px solid rgba(0,0,0,.1);
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-3 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-<div
-  style="min-height:600px;min-width:600px"
->
-  <div
-    class="react-draggable emotion-0"
-    style="touch-action:none;margin-left:-10px;transform:translate(624px,0px)"
-  />
-  <div
-    class="emotion-2"
-    style="height:748px;left:10px;top:10px;width:1004px"
-  >
-    <div
-      class="emotion-5"
-    >
-      <div
-        class="emotion-2"
-        style="height:748px;left:0;top:0;width:614px"
-      >
-        <div
-          class="emotion-1"
-          color="deepskyblue"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "id": "main",
-  "debug": {
-    "animate": true,
-    "isFullscreen": false,
-    "position": {
-      "height": 748,
-      "left": 0,
-      "top": 0,
-      "width": 614
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-      <div
-        class="emotion-4"
-        style="height:748px;left:614px;top:0;width:390px"
-      >
-        <div
-          class="emotion-3"
-          color="orangered"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "debug": {
-    "animate": true,
-    "align": "right",
-    "hidden": false,
-    "position": {
-      "height": 748,
-      "left": 614,
-      "top": 0,
-      "width": 390
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Desktop no Panel 1`] = `
-.emotion-0 {
-  z-index: 10;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: rgba(0,0,0,.1);
-  overflow: hidden;
-  -webkit-transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  cursor: col-resize;
-  height: 100%;
-  width: 10px;
-  margin-left: 0;
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 10px 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-0:hover {
-  color: #1EA7FD;
-}
-
-.emotion-0:hover {
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 0 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-2 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-1 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  z-index: 9;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-7 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: #FFFFFF;
-  border-radius: 4px;
-  overflow: hidden;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-}
-
-.emotion-3 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-6 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  border-left: 1px solid rgba(0,0,0,.1);
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-5 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-<div
-  style="min-height:600px;min-width:600px"
->
-  <div
-    class="react-draggable emotion-0"
-    style="touch-action:none;transform:translate(200px,0px)"
-  />
-  <div
-    class="emotion-2"
-    style="height:768px;left:0;top:0;width:210px"
-  >
-    <div
-      class="emotion-1"
-      color="hotpink"
-    >
-      <h2
-        style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-      >
-        1
-      </h2>
-      <pre>
-        {
-  "debug": {
-    "animate": true,
-    "hidden": false,
-    "position": {
-      "height": 768,
-      "left": 0,
-      "top": 0,
-      "width": 210
-    }
-  }
-}
-      </pre>
-    </div>
-  </div>
-  <div
-    class="emotion-4"
-    style="height:748px;left:210px;top:10px;width:804px"
-  >
-    <div
-      class="emotion-7"
-    >
-      <div
-        class="emotion-4"
-      >
-        <div
-          class="emotion-3"
-          color="deepskyblue"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "id": "main",
-  "debug": {
-    "animate": true,
-    "isFullscreen": false,
-    "position": {}
-  }
-}
-          </pre>
-        </div>
-      </div>
-      <div
-        class="emotion-6"
-        style="height:748px;left:414px;top:0;width:390px"
-      >
-        <div
-          class="emotion-5"
-          color="orangered"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "debug": {
-    "animate": true,
-    "align": "right",
-    "hidden": true,
-    "position": {
-      "height": 748,
-      "left": 414,
-      "top": 0,
-      "width": 390
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Desktop no Panel, no Nav 1`] = `
-.emotion-1 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  z-index: 9;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-0 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-3 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  border-left: 1px solid rgba(0,0,0,.1);
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-2 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  box-shadow: none;
-  border-radius: 0;
-}
-
-<div
-  style="min-height:600px;min-width:600px"
->
-  <div
-    class="emotion-1"
-  >
-    <div
-      class="emotion-4"
-    >
-      <div
-        class="emotion-1"
-      >
-        <div
-          class="emotion-0"
-          color="deepskyblue"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "id": "main",
-  "debug": {
-    "animate": true,
-    "isFullscreen": true,
-    "position": {}
-  }
-}
-          </pre>
-        </div>
-      </div>
-      <div
-        class="emotion-3"
-        style="height:748px;left:614px;top:0;width:390px"
-      >
-        <div
-          class="emotion-2"
-          color="orangered"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "debug": {
-    "animate": true,
-    "align": "right",
-    "hidden": true,
-    "position": {
-      "height": 748,
-      "left": 614,
-      "top": 0,
-      "width": 390
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Desktop page 1`] = `
-.emotion-0 {
-  z-index: 10;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: rgba(0,0,0,.1);
-  overflow: hidden;
-  -webkit-transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  transition: color 0.2s linear,background-position 0.2s linear,background-size 0.2s linear,background 0.2s linear;
-  cursor: col-resize;
-  height: 100%;
-  width: 10px;
-  margin-left: 0;
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 10px 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-0:hover {
-  color: #1EA7FD;
-}
-
-.emotion-0:hover {
-  background-image: radial-gradient(at center center,rgba(0,0,0,0.2) 0%,transparent 70%,transparent 100%);
-  background-size: 50px 100%;
-  background-position: 0 50%;
-  background-repeat: no-repeat;
-}
-
-.emotion-2 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-1 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-9 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 1;
-  z-index: 9;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-8 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: #FFFFFF;
-  border-radius: 4px;
-  overflow: hidden;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-}
-
-.emotion-3 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-5 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  z-index: 9;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-6 {
-  position: absolute;
-  box-sizing: border-box;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  border-left: 1px solid rgba(0,0,0,.1);
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,-webkit-transform 0.1s ease-out;
-  -webkit-transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-  transition: width 0.1s ease-out,height 0.1s ease-out,top 0.1s ease-out,left 0.1s ease-out,background 0.1s ease-out,opacity 0.1s ease-out,transform 0.1s ease-out;
-}
-
-.emotion-7 {
-  background: cyan;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-<div
-  style="min-height:600px;min-width:600px"
->
-  <div
-    class="react-draggable emotion-0"
-    style="touch-action:none;transform:translate(200px,0px)"
-  />
-  <div
-    class="emotion-2"
-    style="height:768px;left:0;top:0;width:210px"
-  >
-    <div
-      class="emotion-1"
-      color="hotpink"
-    >
-      <h2
-        style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-      >
-        1
-      </h2>
-      <pre>
-        {
-  "debug": {
-    "animate": true,
-    "hidden": false,
-    "position": {
-      "height": 768,
-      "left": 0,
-      "top": 0,
-      "width": 210
-    }
-  }
-}
-      </pre>
-    </div>
-  </div>
-  <div
-    class="emotion-9"
-    style="height:748px;left:210px;top:10px;width:804px"
-  >
-    <div
-      class="emotion-8"
-    >
-      <div
-        class="emotion-4"
-        hidden=""
-      >
-        <div
-          class="emotion-3"
-          color="deepskyblue"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "id": "main",
-  "debug": {
-    "animate": true,
-    "isFullscreen": false,
-    "position": {}
-  }
-}
-          </pre>
-        </div>
-      </div>
-      <div
-        class="emotion-6"
-        hidden=""
-        style="height:748px;left:414px;top:0;width:390px"
-      >
-        <div
-          class="emotion-5"
-          color="orangered"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {
-  "debug": {
-    "animate": true,
-    "align": "right",
-    "hidden": true,
-    "position": {
-      "height": 748,
-      "left": 414,
-      "top": 0,
-      "width": 390
-    }
-  }
-}
-          </pre>
-        </div>
-      </div>
-      <div
-        class="emotion-7"
-        color="cyan"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {}
-        </pre>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Mobile initial 0 1`] = `
-.emotion-8 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-8:empty {
-  display: none;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-7 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-7:empty {
-  display: none;
-}
-
-.emotion-7:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-2 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-11 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.emotion-6 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: calc(100% - 40px);
-}
-
-.emotion-1 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 80vw;
-  -webkit-transform: translateX(-80vw);
-  -ms-transform: translateX(-80vw);
-  transform: translateX(-80vw);
-  left: 0;
-  -webkit-transform: translateX(-0px);
-  -ms-transform: translateX(-0px);
-  transform: translateX(-0px);
-}
-
-.emotion-1:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-1:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-3 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 100%;
-  -webkit-transform: translateX(0) scale(1);
-  -ms-transform: translateX(0) scale(1);
-  transform: translateX(0) scale(1);
-  left: 0;
-  -webkit-transform: translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-  -ms-transform: translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-  transform: translateX(40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-}
-
-.emotion-3:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-3:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-5 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 80vw;
-  -webkit-transform: translateX(80vw);
-  -ms-transform: translateX(80vw);
-  transform: translateX(80vw);
-  right: 0;
-}
-
-.emotion-5:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-5:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-10 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100vw;
-  height: 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-  background: #FFFFFF;
-}
-
-.emotion-10 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-<div
-  class="emotion-11"
->
-  <div
-    class="emotion-6"
-  >
-    <div
-      class="emotion-1"
-    >
-      <div
-        class="emotion-0"
-        color="hotpink"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {}
-        </pre>
-      </div>
-    </div>
-    <div
-      class="emotion-3"
-    >
-      <div>
-        <div>
-          <div
-            class="emotion-2"
-            color="deepskyblue"
-          >
-            <h2
-              style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-            >
-              1
-            </h2>
-            <pre>
-              {
-  "id": "main",
-  "viewMode": "story",
-  "debug": {
-    "initialActive": 0
-  }
-}
-            </pre>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="emotion-5"
-    >
-      <div
-        class="emotion-4"
-        color="orangered"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {
-  "hidden": false
-}
-        </pre>
-      </div>
-    </div>
-  </div>
-  <nav
-    class="emotion-10"
-  >
-    <button
-      class="emotion-7"
-    >
-      Sidebar
-    </button>
-    <button
-      class="emotion-8"
-    >
-      Canvas
-    </button>
-    <button
-      class="emotion-8"
-    >
-      Addons
-    </button>
-  </nav>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Mobile initial 1 1`] = `
-.emotion-7 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-7:empty {
-  display: none;
-}
-
-.emotion-7:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-8 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-8:empty {
-  display: none;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-2 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-11 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.emotion-6 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: calc(100% - 40px);
-}
-
-.emotion-5 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 80vw;
-  -webkit-transform: translateX(80vw);
-  -ms-transform: translateX(80vw);
-  transform: translateX(80vw);
-  right: 0;
-}
-
-.emotion-5:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-5:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-10 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100vw;
-  height: 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-  background: #FFFFFF;
-}
-
-.emotion-10 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-1 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 80vw;
-  -webkit-transform: translateX(-80vw);
-  -ms-transform: translateX(-80vw);
-  transform: translateX(-80vw);
-  left: 0;
-}
-
-.emotion-1:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-1:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-3 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 100%;
-  -webkit-transform: translateX(0) scale(1);
-  -ms-transform: translateX(0) scale(1);
-  transform: translateX(0) scale(1);
-  left: 0;
-}
-
-.emotion-3:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-3:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-<div
-  class="emotion-11"
->
-  <div
-    class="emotion-6"
-  >
-    <div
-      class="emotion-1"
-    >
-      <div
-        class="emotion-0"
-        color="hotpink"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {}
-        </pre>
-      </div>
-    </div>
-    <div
-      class="emotion-3"
-    >
-      <div>
-        <div>
-          <div
-            class="emotion-2"
-            color="deepskyblue"
-          >
-            <h2
-              style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-            >
-              1
-            </h2>
-            <pre>
-              {
-  "id": "main",
-  "viewMode": "story",
-  "debug": {
-    "initialActive": 1
-  }
-}
-            </pre>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="emotion-5"
-    >
-      <div
-        class="emotion-4"
-        color="orangered"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {
-  "hidden": false
-}
-        </pre>
-      </div>
-    </div>
-  </div>
-  <nav
-    class="emotion-10"
-  >
-    <button
-      class="emotion-7"
-    >
-      Sidebar
-    </button>
-    <button
-      class="emotion-8"
-    >
-      Canvas
-    </button>
-    <button
-      class="emotion-7"
-    >
-      Addons
-    </button>
-  </nav>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Mobile initial 2 1`] = `
-.emotion-7 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-7:empty {
-  display: none;
-}
-
-.emotion-7:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-9 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-9:empty {
-  display: none;
-}
-
-.emotion-9:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-2 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-11 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.emotion-6 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: calc(100% - 40px);
-}
-
-.emotion-10 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100vw;
-  height: 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-  background: #FFFFFF;
-}
-
-.emotion-10 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-1 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 80vw;
-  -webkit-transform: translateX(-80vw);
-  -ms-transform: translateX(-80vw);
-  transform: translateX(-80vw);
-  left: 0;
-}
-
-.emotion-1:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-1:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-3 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 100%;
-  -webkit-transform: translateX(0) scale(1);
-  -ms-transform: translateX(0) scale(1);
-  transform: translateX(0) scale(1);
-  left: 0;
-  -webkit-transform: translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-  -ms-transform: translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-  transform: translateX(-40vw) translateY(-42.5vh) translateY(40px) scale(0.2);
-}
-
-.emotion-3:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-3:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-5 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 80vw;
-  -webkit-transform: translateX(80vw);
-  -ms-transform: translateX(80vw);
-  transform: translateX(80vw);
-  right: 0;
-  -webkit-transform: translateX(0px);
-  -ms-transform: translateX(0px);
-  transform: translateX(0px);
-}
-
-.emotion-5:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-5:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-<div
-  class="emotion-11"
->
-  <div
-    class="emotion-6"
-  >
-    <div
-      class="emotion-1"
-    >
-      <div
-        class="emotion-0"
-        color="hotpink"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {}
-        </pre>
-      </div>
-    </div>
-    <div
-      class="emotion-3"
-    >
-      <div>
-        <div>
-          <div
-            class="emotion-2"
-            color="deepskyblue"
-          >
-            <h2
-              style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-            >
-              1
-            </h2>
-            <pre>
-              {
-  "id": "main",
-  "viewMode": "story",
-  "debug": {
-    "initialActive": 2
-  }
-}
-            </pre>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="emotion-5"
-    >
-      <div
-        class="emotion-4"
-        color="orangered"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {
-  "hidden": false
-}
-        </pre>
-      </div>
-    </div>
-  </div>
-  <nav
-    class="emotion-10"
-  >
-    <button
-      class="emotion-7"
-    >
-      Sidebar
-    </button>
-    <button
-      class="emotion-7"
-    >
-      Canvas
-    </button>
-    <button
-      class="emotion-9"
-    >
-      Addons
-    </button>
-  </nav>
-</div>
-`;
-
-exports[`Storyshots UI|Layout/Mobile page 1`] = `
-.emotion-8 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-8:empty {
-  display: none;
-}
-
-.emotion-8:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-9 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-9:empty {
-  display: none;
-}
-
-.emotion-9:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0 {
-  background: hotpink;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-2 {
-  background: deepskyblue;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-5 {
-  background: orangered;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-3 {
-  background: cyan;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  overflow: hidden;
-}
-
-.emotion-12 {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: 100vh;
-  overflow: hidden;
-}
-
-.emotion-7 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: calc(100% - 40px);
-}
-
-.emotion-6 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 80vw;
-  -webkit-transform: translateX(80vw);
-  -ms-transform: translateX(80vw);
-  transform: translateX(80vw);
-  right: 0;
-}
-
-.emotion-6:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-6:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-11 {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100vw;
-  height: 40px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
-  background: #FFFFFF;
-}
-
-.emotion-11 > * {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-
-.emotion-1 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 80vw;
-  -webkit-transform: translateX(-80vw);
-  -ms-transform: translateX(-80vw);
-  transform: translateX(-80vw);
-  left: 0;
-}
-
-.emotion-1:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-1:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-4 {
-  -webkit-transition: -webkit-transform .2s ease;
-  -webkit-transition: transform .2s ease;
-  transition: transform .2s ease;
-  position: absolute;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-  background: #FFFFFF;
-  width: 100%;
-  -webkit-transform: translateX(0) scale(1);
-  -ms-transform: translateX(0) scale(1);
-  transform: translateX(0) scale(1);
-  left: 0;
-}
-
-.emotion-4:nth-of-type(1) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-4:nth-of-type(3) {
-  border-left: 1px solid rgba(0,0,0,.1);
-}
-
-<div
-  class="emotion-12"
->
-  <div
-    class="emotion-7"
-  >
-    <div
-      class="emotion-1"
-    >
-      <div
-        class="emotion-0"
-        color="hotpink"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {}
-        </pre>
-      </div>
-    </div>
-    <div
-      class="emotion-4"
-    >
-      <div>
-        <div>
-          <div
-            class="emotion-2"
-            color="deepskyblue"
-          >
-            <h2
-              style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-            >
-              1
-            </h2>
-            <pre>
-              {
-  "id": "main",
-  "viewMode": "settings",
-  "debug": {
-    "initialActive": 1
-  }
-}
-            </pre>
-          </div>
-        </div>
-        <div
-          class="emotion-3"
-          color="cyan"
-        >
-          <h2
-            style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-          >
-            1
-          </h2>
-          <pre>
-            {}
-          </pre>
-        </div>
-      </div>
-    </div>
-    <div
-      class="emotion-6"
-    >
-      <div
-        class="emotion-5"
-        color="orangered"
-      >
-        <h2
-          style="position:absolute;bottom:0;right:0;color:rgba(0,0,0,0.2);font-size:150px;line-height:150px;margin:-20px"
-        >
-          1
-        </h2>
-        <pre>
-          {
-  "hidden": false
-}
-        </pre>
-      </div>
-    </div>
-  </div>
-  <nav
-    class="emotion-11"
-  >
-    <button
-      class="emotion-8"
-    >
-      Sidebar
-    </button>
-    <button
-      class="emotion-9"
-    >
-      Canvassettings
-    </button>
-    <button
-      class="emotion-8"
-    >
-      Addons
-    </button>
-  </nav>
-</div>
-`;
diff --git a/lib/ui/src/components/layout/container.js b/lib/ui/src/components/layout/container.js
index 3a80a66cafe..85b82fce7b7 100644
--- a/lib/ui/src/components/layout/container.js
+++ b/lib/ui/src/components/layout/container.js
@@ -405,12 +405,13 @@ class Layout extends Component {
   };
 
   render() {
-    const { children, bounds, options, theme, viewMode } = this.props;
+    const { children, bounds, options, theme, viewMode, panelCount } = this.props;
     const { isDragging, resizerNav, resizerPanel } = this.state;
 
     const margin = theme.layoutMargin;
     const isNavHidden = options.isFullscreen || !options.showNav;
-    const isPanelHidden = options.isFullscreen || !options.showPanel || viewMode !== 'story';
+    const isPanelHidden =
+      options.isFullscreen || !options.showPanel || viewMode !== 'story' || panelCount === 0;
     const isFullscreen = options.isFullscreen || (isNavHidden && isPanelHidden);
     const { isToolshown } = options;
 
@@ -540,6 +541,7 @@ class Layout extends Component {
 }
 Layout.propTypes = {
   children: PropTypes.func.isRequired,
+  panelCount: PropTypes.number.isRequired,
   bounds: PropTypes.shape({
     width: PropTypes.number.isRequired,
     height: PropTypes.number.isRequired,
@@ -549,9 +551,10 @@ Layout.propTypes = {
     showNav: PropTypes.bool.isRequired,
     showPanel: PropTypes.bool.isRequired,
     panelPosition: PropTypes.string.isRequired,
+    isToolshown: PropTypes.bool.isRequired,
   }).isRequired,
-  viewMode: PropTypes.oneOf(['story', 'info', 'docs']),
-  theme: PropTypes.shape({}).isRequired,
+  viewMode: PropTypes.oneOf(['story', 'info', 'docs', 'settings']),
+  theme: PropTypes.shape({ layoutMargin: PropTypes.number }).isRequired,
 };
 Layout.defaultProps = {
   viewMode: undefined,
diff --git a/lib/ui/src/components/layout/desktop.js b/lib/ui/src/components/layout/desktop.js
index de0b7346ed6..60dc6075f72 100644
--- a/lib/ui/src/components/layout/desktop.js
+++ b/lib/ui/src/components/layout/desktop.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import * as S from './container';
 
 const Desktop = React.memo(
-  ({ Panel, Nav, Preview, Notifications, pages, options, viewMode, width, height }) => (
+  ({ Panel, Nav, Preview, Notifications, pages, options, viewMode, width, height, panelCount }) => (
     <Fragment>
       <Notifications
         placement={{
@@ -14,7 +14,12 @@ const Desktop = React.memo(
         }}
       />
       {width && height ? (
-        <S.Layout options={options} bounds={{ width, height }} viewMode={viewMode}>
+        <S.Layout
+          options={options}
+          bounds={{ width, height }}
+          viewMode={viewMode}
+          panelCount={panelCount}
+        >
           {({ navProps, mainProps, panelProps, previewProps }) => (
             <Fragment>
               <S.Nav {...navProps}>
@@ -46,6 +51,7 @@ const Desktop = React.memo(
 Desktop.displayName = 'DesktopLayout';
 Desktop.propTypes = {
   width: PropTypes.number,
+  panelCount: PropTypes.number.isRequired,
   height: PropTypes.number,
   Nav: PropTypes.any.isRequired, // eslint-disable-line react/forbid-prop-types
   Preview: PropTypes.any.isRequired, // eslint-disable-line react/forbid-prop-types
@@ -65,7 +71,7 @@ Desktop.propTypes = {
     panelPosition: PropTypes.string.isRequired,
     isToolshown: PropTypes.bool.isRequired,
   }).isRequired,
-  viewMode: PropTypes.oneOf(['story', 'info', 'docs']),
+  viewMode: PropTypes.oneOf(['story', 'info', 'docs', 'settings']),
 };
 Desktop.defaultProps = {
   viewMode: undefined,
diff --git a/lib/ui/src/components/layout/layout.stories.js b/lib/ui/src/components/layout/layout.stories.js
index b813208e58a..453ce8644f3 100644
--- a/lib/ui/src/components/layout/layout.stories.js
+++ b/lib/ui/src/components/layout/layout.stories.js
@@ -116,6 +116,7 @@ const mockProps = {
   path: '/story/UI-DesktopLayout-noNav',
   viewMode: 'story',
   storyId: 'UI-DesktopLayout-noNav',
+  panelCount: 2,
 };
 
 const realProps = {
@@ -134,6 +135,7 @@ const realProps = {
   path: '/story/UI-DesktopLayout-noNav',
   viewMode: 'story',
   storyId: 'UI-DesktopLayout-noNav',
+  panelCount: 2,
 };
 
 storiesOf('UI|Layout/Desktop', module)
@@ -155,6 +157,7 @@ storiesOf('UI|Layout/Desktop', module)
     return <div style={{ minHeight: 600, minWidth: 600 }}>{storyFn({ props })}</div>;
   })
   .add('default', ({ props }) => <Desktop {...props} />)
+  .add('no addons', ({ props }) => <Desktop {...props} panelCount={0} />)
   .add('no Nav', ({ props }) => (
     <Desktop {...props} options={{ ...props.options, showNav: false }} />
   ))
diff --git a/lib/ui/src/components/layout/mobile.js b/lib/ui/src/components/layout/mobile.js
index ab9d8d3b518..5e4eca8af53 100644
--- a/lib/ui/src/components/layout/mobile.js
+++ b/lib/ui/src/components/layout/mobile.js
@@ -201,9 +201,10 @@ Mobile.propTypes = {
       render: PropTypes.func.isRequired,
     })
   ).isRequired,
-  viewMode: PropTypes.oneOf(['story', 'info', 'docs']),
+  viewMode: PropTypes.oneOf(['story', 'info', 'docs', 'settings']),
   options: PropTypes.shape({
     initialActive: PropTypes.number,
+    isToolshown: PropTypes.bool,
   }).isRequired,
 };
 Mobile.defaultProps = {
diff --git a/lib/ui/src/components/notifications/item.stories.js b/lib/ui/src/components/notifications/item.stories.js
index d4901c14969..dda8bb5ff3a 100644
--- a/lib/ui/src/components/notifications/item.stories.js
+++ b/lib/ui/src/components/notifications/item.stories.js
@@ -10,14 +10,17 @@ export default {
 };
 
 export const simpleData = {
+  id: '1',
   content: '🎉 Storybook is cool!',
 };
 
 export const longData = {
+  id: '2',
   content: '🎉 This is a long message that extends over two lines!',
 };
 
 export const linkData = {
+  id: '3',
   content: '🎉 Storybook X.X is available! Download now »',
   link: '/some/path',
 };
diff --git a/lib/ui/src/components/notifications/notifications.js b/lib/ui/src/components/notifications/notifications.js
index 8386b0be511..973923beb66 100644
--- a/lib/ui/src/components/notifications/notifications.js
+++ b/lib/ui/src/components/notifications/notifications.js
@@ -42,8 +42,13 @@ NotificationList.propTypes = {
     top: PropTypes.number,
     bottom: PropTypes.number,
   }),
-  notifications: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string.isRequired }).isRequired)
-    .isRequired,
+  notifications: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.string,
+      content: PropTypes.string.isRequired,
+      link: PropTypes.string,
+    }).isRequired
+  ).isRequired,
 };
 NotificationList.defaultProps = {
   placement: undefined,
diff --git a/lib/ui/src/components/notifications/notifications.stories.js b/lib/ui/src/components/notifications/notifications.stories.js
index 99037e16568..94818283970 100644
--- a/lib/ui/src/components/notifications/notifications.stories.js
+++ b/lib/ui/src/components/notifications/notifications.stories.js
@@ -17,9 +17,13 @@ const items = Array.from(Object.entries(itemStories))
 export const singleData = [items[0]];
 export const allData = items;
 
-export const single = () => <NotificationList notifications={singleData} />;
+export const single = () => (
+  <NotificationList notifications={singleData} placement={{ position: 'relative' }} />
+);
 
-export const all = () => <NotificationList notifications={allData} />;
+export const all = () => (
+  <NotificationList notifications={allData} placement={{ position: 'relative' }} />
+);
 
 export const placement = () => (
   <NotificationList
diff --git a/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot b/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
deleted file mode 100644
index e47ade3cbf0..00000000000
--- a/lib/ui/src/components/panel/__snapshots__/panel.stories.storyshot
+++ /dev/null
@@ -1,394 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots UI|Panel default 1`] = `
-.emotion-14 {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-12 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-3 > * {
-  margin-left: 15px;
-}
-
-.emotion-2 {
-  overflow: hidden;
-}
-
-.emotion-2:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-1 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-1:empty {
-  display: none;
-}
-
-.emotion-1:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: 30px;
-}
-
-.emotion-10 > * {
-  margin-right: 15px;
-}
-
-.emotion-6 {
-  height: 40px;
-  background: none;
-  color: inherit;
-  padding: 0;
-  cursor: pointer;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-}
-
-.emotion-6:hover,
-.emotion-6:focus {
-  outline: 0 none;
-  color: #1EA7FD;
-}
-
-.emotion-6 > svg {
-  width: 15px;
-}
-
-@media (max-width:599px) {
-  .emotion-6 {
-    display: none;
-  }
-}
-
-.emotion-5 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-4 {
-  fill: currentColor;
-}
-
-.emotion-13 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-  height: calc(100% - 40px);
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 40px;
-  overflow: auto;
-}
-
-.emotion-13 > *:first-child {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-}
-
-<div
-  class="emotion-14"
-  id="storybook-panel-root"
->
-  <div
-    class="emotion-12"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <div
-                class="emotion-11"
-              >
-                <div
-                  class="emotion-3"
-                >
-                  <div
-                    class="emotion-2"
-                    role="tablist"
-                  >
-                    <button
-                      class="emotion-0"
-                      role="tab"
-                      type="button"
-                    >
-                      Test 1
-                    </button>
-                    <button
-                      class="emotion-1"
-                      role="tab"
-                      type="button"
-                    >
-                      Test 2
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="emotion-10"
-                >
-                  <button
-                    class="emotion-6"
-                    title="Change orientation"
-                  >
-                    <svg
-                      class="emotion-5"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-4"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <button
-                    class="emotion-6"
-                    title="Hide addons"
-                  >
-                    <svg
-                      class="emotion-5"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-4"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>
-  <div
-    class="emotion-13"
-  >
-    <div
-      id="test2"
-    >
-      TEST 2
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Panel no panels 1`] = `
-.emotion-1 {
-  padding: 30px;
-  text-align: center;
-  color: #333333;
-  font-size: 13px;
-}
-
-.emotion-0 {
-  font-weight: 700;
-}
-
-<div
-  class="emotion-1"
->
-  <div
-    class="emotion-0"
-  >
-    Nothing found
-  </div>
-</div>
-`;
diff --git a/lib/ui/src/components/panel/panel.js b/lib/ui/src/components/panel/panel.js
index e2bff02e6d0..819cc5717e4 100644
--- a/lib/ui/src/components/panel/panel.js
+++ b/lib/ui/src/components/panel/panel.js
@@ -44,49 +44,56 @@ SafeTab.defaultProps = {
   children: null,
 };
 
-const AddonPanel = React.memo(({ panels, actions, selectedPanel, panelPosition }) => (
-  <Tabs
-    absolute
-    selected={selectedPanel}
-    actions={actions}
-    flex
-    tools={
-      <Fragment>
-        <DesktopOnlyIconButton
-          key="position"
-          onClick={actions.togglePosition}
-          title="Change orientation"
-        >
-          <Icons icon={panelPosition === 'bottom' ? 'bottombar' : 'sidebaralt'} />
-        </DesktopOnlyIconButton>
-        <DesktopOnlyIconButton
-          key="visibility"
-          onClick={actions.toggleVisibility}
-          title="Hide addons"
-        >
-          <Icons icon="close" />
-        </DesktopOnlyIconButton>
-      </Fragment>
-    }
-    id="storybook-panel-root"
-  >
-    {Object.entries(panels).map(([k, v]) => (
-      <SafeTab key={k} id={k} title={v.title}>
-        {v.render}
-      </SafeTab>
-    ))}
-  </Tabs>
-));
+const AddonPanel = React.memo(
+  ({ panels, actions, selectedPanel, panelPosition, absolute = true }) => (
+    <Tabs
+      absolute={absolute}
+      selected={selectedPanel}
+      actions={actions}
+      flex
+      tools={
+        <Fragment>
+          <DesktopOnlyIconButton
+            key="position"
+            onClick={actions.togglePosition}
+            title="Change orientation"
+          >
+            <Icons icon={panelPosition === 'bottom' ? 'bottombar' : 'sidebaralt'} />
+          </DesktopOnlyIconButton>
+          <DesktopOnlyIconButton
+            key="visibility"
+            onClick={actions.toggleVisibility}
+            title="Hide addons"
+          >
+            <Icons icon="close" />
+          </DesktopOnlyIconButton>
+        </Fragment>
+      }
+      id="storybook-panel-root"
+    >
+      {Object.entries(panels).map(([k, v]) => (
+        <SafeTab key={k} id={k} title={v.title}>
+          {v.render}
+        </SafeTab>
+      ))}
+    </Tabs>
+  )
+);
 AddonPanel.displayName = 'AddonPanel';
 AddonPanel.propTypes = {
   selectedPanel: PropTypes.string,
-  actions: PropTypes.shape({}).isRequired,
+  actions: PropTypes.shape({
+    togglePosition: PropTypes.func,
+    toggleVisibility: PropTypes.func,
+  }).isRequired,
   panels: PropTypes.shape({}).isRequired,
   panelPosition: PropTypes.oneOf(['bottom', 'right']),
+  absolute: PropTypes.bool,
 };
 AddonPanel.defaultProps = {
   selectedPanel: null,
   panelPosition: 'right',
+  absolute: true,
 };
 
 export default AddonPanel;
diff --git a/lib/ui/src/components/panel/panel.stories.js b/lib/ui/src/components/panel/panel.stories.js
index 6c59dfafcbb..704b0b552aa 100644
--- a/lib/ui/src/components/panel/panel.stories.js
+++ b/lib/ui/src/components/panel/panel.stories.js
@@ -37,6 +37,7 @@ storiesOf('UI|Panel', module)
   })
   .add('default', () => (
     <Panel
+      absolute={false}
       panels={panels}
       actions={{ onSelect, toggleVisibility, togglePosition }}
       selectedPanel="test2"
diff --git a/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot b/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
deleted file mode 100644
index 728662d428f..00000000000
--- a/lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
+++ /dev/null
@@ -1,800 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots UI|Preview/Preview no tabs 1`] = `
-Array [
-  .emotion-25 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-13 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-13 > * {
-  margin-left: 15px;
-}
-
-.emotion-24 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: 30px;
-}
-
-.emotion-24 > * {
-  margin-right: 15px;
-}
-
-.emotion-1 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-0 {
-  fill: currentColor;
-}
-
-.emotion-26 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  -webkit-transition: -webkit-transform .2s linear;
-  -webkit-transition: transform .2s linear;
-  transition: transform .2s linear;
-  -webkit-tranform: translateY(0px);
-  tranform: translateY(0px);
-}
-
-.emotion-2 {
-  height: 40px;
-  background: none;
-  color: inherit;
-  padding: 0;
-  cursor: pointer;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-}
-
-.emotion-2:hover,
-.emotion-2:focus {
-  outline: 0 none;
-  color: #1EA7FD;
-}
-
-.emotion-2 > svg {
-  width: 15px;
-}
-
-.emotion-9 {
-  width: 1px;
-  height: 24px;
-  background: rgba(0,0,0,.1);
-  margin-top: 8px;
-}
-
-.emotion-9 + .emotion-9 {
-  display: none;
-}
-
-@media (max-width:599px) {
-  .emotion-17 {
-    display: none;
-  }
-}
-
-<div
-    class="emotion-26"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <div
-                class="emotion-25"
-              >
-                <div
-                  class="emotion-13"
-                >
-                  <button
-                    class="emotion-2"
-                    title="Zoom in"
-                  >
-                    <svg
-                      class="emotion-1"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-0"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <button
-                    class="emotion-2"
-                    title="Zoom out"
-                  >
-                    <svg
-                      class="emotion-1"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-0"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <button
-                    class="emotion-2"
-                    title="Reset zoom"
-                  >
-                    <svg
-                      class="emotion-1"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-0"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <span
-                    class="emotion-9"
-                  />
-                  <button
-                    class="emotion-2"
-                    title="Toggle background grid"
-                  >
-                    <svg
-                      class="emotion-1"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-0"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                </div>
-                <div
-                  class="emotion-24"
-                >
-                  <span
-                    class="emotion-17"
-                  >
-                    <button
-                      class="emotion-2"
-                      title="Go full screen"
-                    >
-                      <svg
-                        class="emotion-1"
-                        viewBox="0 0 1024 1024"
-                      >
-                        <path
-                          class="emotion-0"
-                          d="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"
-                        />
-                      </svg>
-                    </button>
-                  </span>
-                  <button
-                    class="emotion-2"
-                    title="Open canvas in new tab"
-                  >
-                    <svg
-                      class="emotion-1"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-0"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <button
-                    class="emotion-2"
-                    title="Copy canvas link"
-                  >
-                    <svg
-                      class="emotion-1"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-0"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>,
-  .emotion-1 {
-  position: absolute;
-  overflow: auto;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 40px;
-  z-index: 3;
-  -webkit-transition: all 0.1s linear;
-  transition: all 0.1s linear;
-  height: calc(100% - 40px);
-  background: transparent;
-}
-
-.emotion-0 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  -webkit-transition: background .1s linear;
-  transition: background .1s linear;
-  background: #FFFFFF;
-}
-
-.emotion-0 iframe {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  border: 0 none;
-}
-
-<div
-    class="emotion-1"
-    offset="40"
-  >
-    <div>
-      <div
-        class="emotion-0"
-        id="storybook-preview-background"
-        value="transparent"
-      >
-        <iframe
-          allowfullscreen=""
-          id="storybook-preview-iframe"
-          scrolling="yes"
-          src="http://example.com?id=string&viewMode=story"
-          title="string"
-        />
-      </div>
-    </div>
-  </div>,
-]
-`;
-
-exports[`Storyshots UI|Preview/Preview with tabs 1`] = `
-Array [
-  .emotion-31 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-19 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-19 > * {
-  margin-left: 15px;
-}
-
-.emotion-4 {
-  overflow: hidden;
-}
-
-.emotion-4:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: inherit;
-  border-bottom-color: transparent;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-30 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: 30px;
-}
-
-.emotion-30 > * {
-  margin-right: 15px;
-}
-
-.emotion-7 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-6 {
-  fill: currentColor;
-}
-
-.emotion-32 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  -webkit-transition: -webkit-transform .2s linear;
-  -webkit-transition: transform .2s linear;
-  transition: transform .2s linear;
-  -webkit-tranform: translateY(0px);
-  tranform: translateY(0px);
-}
-
-.emotion-8 {
-  height: 40px;
-  background: none;
-  color: inherit;
-  padding: 0;
-  cursor: pointer;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-}
-
-.emotion-8:hover,
-.emotion-8:focus {
-  outline: 0 none;
-  color: #1EA7FD;
-}
-
-.emotion-8 > svg {
-  width: 15px;
-}
-
-.emotion-5 {
-  width: 1px;
-  height: 24px;
-  background: rgba(0,0,0,.1);
-  margin-top: 8px;
-}
-
-.emotion-5 + .emotion-5 {
-  display: none;
-}
-
-@media (max-width:599px) {
-  .emotion-23 {
-    display: none;
-  }
-}
-
-.emotion-1 {
-  color: inherit;
-  -webkit-text-decoration: inherit;
-  text-decoration: inherit;
-  display: inline-block;
-}
-
-<div
-    class="emotion-32"
-    data-simplebar="true"
-  >
-    <div
-      class="simplebar-wrapper"
-    >
-      <div
-        class="simplebar-height-auto-observer-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer"
-        />
-      </div>
-      <div
-        class="simplebar-mask"
-      >
-        <div
-          class="simplebar-offset"
-        >
-          <div
-            class="simplebar-content-wrapper"
-          >
-            <div
-              class="simplebar-content"
-            >
-              <div
-                class="emotion-31"
-              >
-                <div
-                  class="emotion-19"
-                >
-                  <div
-                    class="emotion-4"
-                  >
-                    <a
-                      class="emotion-1"
-                      href="/?path=/story/string"
-                    >
-                      <button
-                        class="emotion-0"
-                      >
-                        Canvas
-                      </button>
-                    </a>
-                    <a
-                      class="emotion-1"
-                      href="/?path=/info/string"
-                    >
-                      <button
-                        class="emotion-0"
-                      >
-                        Notes
-                      </button>
-                    </a>
-                  </div>
-                  <span
-                    class="emotion-5"
-                  />
-                  <button
-                    class="emotion-8"
-                    title="Zoom in"
-                  >
-                    <svg
-                      class="emotion-7"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-6"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <button
-                    class="emotion-8"
-                    title="Zoom out"
-                  >
-                    <svg
-                      class="emotion-7"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-6"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <button
-                    class="emotion-8"
-                    title="Reset zoom"
-                  >
-                    <svg
-                      class="emotion-7"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-6"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <span
-                    class="emotion-5"
-                  />
-                  <button
-                    class="emotion-8"
-                    title="Toggle background grid"
-                  >
-                    <svg
-                      class="emotion-7"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-6"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                </div>
-                <div
-                  class="emotion-30"
-                >
-                  <span
-                    class="emotion-23"
-                  >
-                    <button
-                      class="emotion-8"
-                      title="Go full screen"
-                    >
-                      <svg
-                        class="emotion-7"
-                        viewBox="0 0 1024 1024"
-                      >
-                        <path
-                          class="emotion-6"
-                          d="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"
-                        />
-                      </svg>
-                    </button>
-                  </span>
-                  <button
-                    class="emotion-8"
-                    title="Open canvas in new tab"
-                  >
-                    <svg
-                      class="emotion-7"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-6"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                  <button
-                    class="emotion-8"
-                    title="Copy canvas link"
-                  >
-                    <svg
-                      class="emotion-7"
-                      viewBox="0 0 1024 1024"
-                    >
-                      <path
-                        class="emotion-6"
-                        d="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"
-                      />
-                    </svg>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="simplebar-placeholder"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-horizontal"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-    <div
-      class="simplebar-track simplebar-vertical"
-    >
-      <div
-        class="simplebar-scrollbar"
-      />
-    </div>
-  </div>,
-  .emotion-1 {
-  position: absolute;
-  overflow: auto;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 40px;
-  z-index: 3;
-  -webkit-transition: all 0.1s linear;
-  transition: all 0.1s linear;
-  height: calc(100% - 40px);
-  background: transparent;
-}
-
-.emotion-0 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  -webkit-transition: background .1s linear;
-  transition: background .1s linear;
-  background: #FFFFFF;
-}
-
-.emotion-0 iframe {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  border: 0 none;
-}
-
-<div
-    class="emotion-1"
-    offset="40"
-  >
-    <div>
-      <div
-        class="emotion-0"
-        id="storybook-preview-background"
-        value="transparent"
-      >
-        <iframe
-          allowfullscreen=""
-          id="storybook-preview-iframe"
-          scrolling="yes"
-          src="http://example.com?id=string&viewMode=story"
-          title="string"
-        />
-      </div>
-    </div>
-  </div>,
-]
-`;
diff --git a/lib/ui/src/components/preview/background.js b/lib/ui/src/components/preview/background.js
deleted file mode 100644
index aad35b97a87..00000000000
--- a/lib/ui/src/components/preview/background.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { Component } from 'react';
-import { renderToStaticMarkup } from 'react-dom/server';
-import PropTypes from 'prop-types';
-import { styled } from '@storybook/theming';
-
-const Context = React.createContext();
-
-class Provider extends Component {
-  static propTypes = {
-    children: PropTypes.node.isRequired,
-  };
-
-  state = {
-    grid: false,
-    value: 'transparent',
-  };
-
-  setValue = value => this.setState({ value });
-
-  setGrid = grid => this.setState({ grid });
-
-  render() {
-    const { setValue, setGrid } = this;
-    const { children } = this.props;
-    const { value, grid } = this.state;
-
-    return (
-      <Context.Provider value={{ value, setValue, grid, setGrid }}>{children}</Context.Provider>
-    );
-  }
-}
-
-const { Consumer } = Context;
-
-function createGridStyles(cellSize) {
-  const cellSizeDoubled = cellSize * 2;
-  const cellSizeSquared = cellSize ** 2;
-
-  const gridSVGEncoded = encodeURIComponent(
-    renderToStaticMarkup(
-      <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
-        <defs>
-          <pattern id="smallGrid" width={cellSize} height={cellSize} patternUnits="userSpaceOnUse">
-            <path
-              d={`M ${cellSize} 0 L 0 0 0 ${cellSize}`}
-              fill="none"
-              stroke="gray"
-              strokeWidth="0.5"
-            />
-          </pattern>
-          <pattern
-            id="grid"
-            width={cellSizeSquared}
-            height={cellSizeSquared}
-            patternUnits="userSpaceOnUse"
-          >
-            <rect width={cellSizeSquared} height={cellSizeSquared} fill="url(#smallGrid)" />
-            <path
-              d={`M ${cellSizeSquared} 0 L 0 0 0 ${cellSizeSquared}`}
-              fill="none"
-              stroke="gray"
-              strokeWidth="1"
-            />
-          </pattern>
-        </defs>
-        <rect width="100%" height="100%" fill="url(#grid)" />
-      </svg>
-    )
-  );
-
-  return {
-    backgroundImage: `url("data:image/svg+xml,${gridSVGEncoded}")`,
-    backgroundSize: `${cellSizeSquared}px ${cellSizeSquared}px, ${cellSizeSquared}px ${cellSizeSquared}px, ${cellSizeDoubled}px ${cellSizeDoubled}px, ${cellSizeDoubled}px ${cellSizeDoubled}px`,
-    backgroundPosition: '-2px -2px',
-    mixBlendMode: 'difference',
-  };
-}
-
-const Grid = styled.div(
-  {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: '100%',
-    height: '100%',
-  },
-  ({ theme }) => createGridStyles(theme.background.gridCellSize)
-);
-
-const Background = styled.div(
-  {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    width: '100%',
-    minHeight: '100%',
-    transition: 'background .1s linear',
-    iframe: {
-      width: '100%',
-      height: '100%',
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      border: '0 none',
-    },
-  },
-  ({ theme }) => ({ background: theme.background.content })
-);
-
-export { Grid, Background, Consumer as BackgroundConsumer, Provider as BackgroundProvider };
diff --git a/lib/ui/src/components/preview/iframe.js b/lib/ui/src/components/preview/iframe.js
index cf6002de063..2f934f04c62 100644
--- a/lib/ui/src/components/preview/iframe.js
+++ b/lib/ui/src/components/preview/iframe.js
@@ -2,6 +2,19 @@ import window from 'global';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
+import { styled } from '@storybook/theming';
+
+const StyledIframe = styled.iframe({
+  position: 'absolute',
+  display: 'block',
+  boxSizing: 'content-box',
+  height: '100%',
+  width: '100%',
+  border: '0 none',
+  transition: 'all .3s, background-position 0s',
+  backgroundPosition: '-1px -1px, -1px -1px, -1px -1px, -1px -1px',
+});
+
 export class IFrame extends Component {
   iframe = null;
 
@@ -34,7 +47,7 @@ export class IFrame extends Component {
   render() {
     const { id, title, src, allowFullScreen, scale, ...rest } = this.props;
     return (
-      <iframe
+      <StyledIframe
         scrolling="yes"
         id={id}
         title={title}
diff --git a/lib/ui/src/components/preview/preview.js b/lib/ui/src/components/preview/preview.js
index 5f98896f528..dbbf46926d7 100644
--- a/lib/ui/src/components/preview/preview.js
+++ b/lib/ui/src/components/preview/preview.js
@@ -16,7 +16,6 @@ import { Toolbar } from './toolbar';
 import * as S from './components';
 
 import { ZoomProvider, ZoomConsumer, Zoom } from './zoom';
-import { Grid, Background, BackgroundProvider, BackgroundConsumer } from './background';
 
 import { IFrame } from './iframe';
 
@@ -64,18 +63,23 @@ const ActualPreview = ({
   );
 };
 
+const IframeWrapper = styled.div(({ theme }) => ({
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0,
+  width: '100%',
+  height: '100%',
+  background: theme.background.content,
+}));
+
 const defaultWrappers = [
-  { render: p => <div hidden={!p.active}>{p.children}</div> },
   {
     render: p => (
-      <BackgroundConsumer>
-        {({ value, grid }) => (
-          <Background id="storybook-preview-background" value={value}>
-            {grid ? <Grid /> : null}
-            {p.children}
-          </Background>
-        )}
-      </BackgroundConsumer>
+      <IframeWrapper id="storybook-preview-wrapper" hidden={!p.active}>
+        {p.children}
+      </IframeWrapper>
     ),
   },
 ];
@@ -116,23 +120,6 @@ const getTools = memoize(10)(
           </Fragment>
         ),
       },
-      {
-        match: p => p.viewMode === 'story',
-        render: () => (
-          <BackgroundConsumer>
-            {({ setGrid, grid }) => (
-              <IconButton
-                active={!!grid}
-                key="grid"
-                onClick={() => setGrid(!grid)}
-                title="Toggle background grid"
-              >
-                <Icons icon="grid" />
-              </IconButton>
-            )}
-          </BackgroundConsumer>
-        ),
-      },
     ]);
 
     const extraTools = getElementList(getElements, types.TOOLEXTRA, [
@@ -289,28 +276,26 @@ class Preview extends Component {
     );
 
     return (
-      <BackgroundProvider>
-        <ZoomProvider>
-          <Fragment>
-            {id === 'main' && (
-              <Helmet key="description">
-                <title>{description ? `${description} ⋅ ` : ''}Storybook</title>
-              </Helmet>
-            )}
-            <Toolbar key="toolbar" shown={options.isToolshown} border>
-              <Fragment key="left">{left}</Fragment>
-              <Fragment key="right">{right}</Fragment>
-            </Toolbar>
-            <S.FrameWrap key="frame" offset={toolbarHeight}>
-              {panels.map(p => (
-                <Fragment key={p.id || p.key}>
-                  {p.render({ active: p.match({ storyId, viewMode, location, path }) })}
-                </Fragment>
-              ))}
-            </S.FrameWrap>
-          </Fragment>
-        </ZoomProvider>
-      </BackgroundProvider>
+      <ZoomProvider>
+        <Fragment>
+          {id === 'main' && (
+            <Helmet key="description">
+              <title>{description ? `${description} ⋅ ` : ''}Storybook</title>
+            </Helmet>
+          )}
+          <Toolbar key="toolbar" shown={options.isToolshown} border>
+            <Fragment key="left">{left}</Fragment>
+            <Fragment key="right">{right}</Fragment>
+          </Toolbar>
+          <S.FrameWrap key="frame" offset={toolbarHeight}>
+            {panels.map(p => (
+              <Fragment key={p.id || p.key}>
+                {p.render({ active: p.match({ storyId, viewMode, location, path }) })}
+              </Fragment>
+            ))}
+          </S.FrameWrap>
+        </Fragment>
+      </ZoomProvider>
     );
   }
 }
@@ -326,7 +311,7 @@ Preview.propTypes = {
   }).isRequired,
   storyId: PropTypes.string,
   path: PropTypes.string,
-  viewMode: PropTypes.oneOf(['story', 'info', 'docs']),
+  viewMode: PropTypes.oneOf(['story', 'info', 'docs', 'settings']),
   location: PropTypes.shape({}).isRequired,
   getElements: PropTypes.func.isRequired,
   queryParams: PropTypes.shape({}).isRequired,
@@ -336,6 +321,7 @@ Preview.propTypes = {
   }).isRequired,
   baseUrl: PropTypes.string,
 };
+
 Preview.defaultProps = {
   viewMode: undefined,
   storyId: undefined,
diff --git a/lib/ui/src/components/sidebar/SidebarHeading.js b/lib/ui/src/components/sidebar/SidebarHeading.js
index 150eab4b4ac..b78ef31c78e 100644
--- a/lib/ui/src/components/sidebar/SidebarHeading.js
+++ b/lib/ui/src/components/sidebar/SidebarHeading.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { withState } from 'recompose';
 
 import { styled, withTheme } from '@storybook/theming';
 import { StorybookLogo, WithTooltip, TooltipLinkList, Button, Icons } from '@storybook/components';
@@ -100,8 +99,8 @@ const Brand = withTheme(({ theme: { brand: { title = 'Storybook', url = './', im
   return null;
 });
 
-const SidebarHeading = withState('tooltipShown', 'onVisibilityChange', false)(
-  ({ menuHighlighted, menu, tooltipShown, onVisibilityChange, ...props }) => (
+const SidebarHeading = ({ menuHighlighted, menu, ...props }) => {
+  return (
     <Head {...props}>
       <BrandArea>
         <Brand />
@@ -110,16 +109,17 @@ const SidebarHeading = withState('tooltipShown', 'onVisibilityChange', false)(
       <WithTooltip
         placement="top"
         trigger="click"
-        tooltipShown={tooltipShown}
-        onVisibilityChange={onVisibilityChange}
-        tooltip={
+        tooltip={({ onHide }) => (
           <TooltipLinkList
             links={menu.map(i => ({
               ...i,
-              onClick: (...args) => onVisibilityChange(false) || i.onClick(...args),
+              onClick: (...args) => {
+                i.onClick(...args);
+                onHide();
+              },
             }))}
           />
-        }
+        )}
         closeOnClick
       >
         <MenuButton outline small containsIcon highlighted={menuHighlighted} title="Shortcuts">
@@ -127,8 +127,8 @@ const SidebarHeading = withState('tooltipShown', 'onVisibilityChange', false)(
         </MenuButton>
       </WithTooltip>
     </Head>
-  )
-);
+  );
+};
 SidebarHeading.propTypes = {
   menuHighlighted: PropTypes.bool,
   menu: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
diff --git a/lib/ui/src/components/sidebar/SidebarSearch.js b/lib/ui/src/components/sidebar/SidebarSearch.js
index d632c781930..878fd7c3c10 100644
--- a/lib/ui/src/components/sidebar/SidebarSearch.js
+++ b/lib/ui/src/components/sidebar/SidebarSearch.js
@@ -1,7 +1,6 @@
-import React from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@storybook/theming';
-import { withState } from 'recompose';
 import { opacify } from 'polished';
 
 import { Icons } from '@storybook/components';
@@ -98,40 +97,41 @@ const FilterForm = styled.form(({ theme, focussed }) => ({
   },
 }));
 
-export const PureSidebarSearch = ({ focussed, onSetFocussed, className, onChange, ...props }) => (
-  <FilterForm
-    autoComplete="off"
-    focussed={focussed}
-    className={className}
-    onReset={() => onChange('')}
-  >
-    <FilterField
-      type="text"
-      autocomplete="off"
-      id="storybook-explorer-searchfield"
-      onFocus={() => onSetFocussed(true)}
-      onBlur={() => onSetFocussed(false)}
-      onChange={e => onChange(e.target.value)}
-      {...props}
-      placeholder={focussed ? 'Type to search...' : 'Press "/" to search...'}
-      aria-label="Search stories"
-    />
-    <Icons icon="search" />
-    <CancelButton type="reset" value="reset" title="Clear search">
-      <Icons icon="closeAlt" />
-    </CancelButton>
-  </FilterForm>
-);
+export const PureSidebarSearch = ({ className, onChange, ...props }) => {
+  const [focussed, onSetFocussed] = useState(false);
+  return (
+    <FilterForm
+      autoComplete="off"
+      focussed={focussed}
+      className={className}
+      onReset={() => onChange('')}
+    >
+      <FilterField
+        type="text"
+        autocomplete="off"
+        id="storybook-explorer-searchfield"
+        onFocus={() => onSetFocussed(true)}
+        onBlur={() => onSetFocussed(false)}
+        onChange={e => onChange(e.target.value)}
+        {...props}
+        placeholder={focussed ? 'Type to search...' : 'Press "/" to search...'}
+        aria-label="Search stories"
+      />
+      <Icons icon="search" />
+      <CancelButton type="reset" value="reset" title="Clear search">
+        <Icons icon="closeAlt" />
+      </CancelButton>
+    </FilterForm>
+  );
+};
 
 PureSidebarSearch.propTypes = {
   className: PropTypes.string,
-  focussed: PropTypes.bool.isRequired,
   onChange: PropTypes.func.isRequired,
-  onSetFocussed: PropTypes.func.isRequired,
 };
 
 PureSidebarSearch.defaultProps = {
   className: null,
 };
 
-export default withState('focussed', 'onSetFocussed', false)(PureSidebarSearch);
+export default PureSidebarSearch;
diff --git a/lib/ui/src/components/sidebar/SidebarStories.js b/lib/ui/src/components/sidebar/SidebarStories.js
index 51d1787580b..14f2e73057a 100644
--- a/lib/ui/src/components/sidebar/SidebarStories.js
+++ b/lib/ui/src/components/sidebar/SidebarStories.js
@@ -49,6 +49,10 @@ const PlainLink = styled.a(plain);
 
 const Wrapper = styled.div({});
 
+const refinedViewMode = (viewMode: string) => {
+  return viewMode === 'settings' ? 'story' : viewMode;
+};
+
 export const Link = ({ id, prefix, name, children, isLeaf, onClick, onKeyUp }) =>
   isLeaf ? (
     <Location>
@@ -56,7 +60,7 @@ export const Link = ({ id, prefix, name, children, isLeaf, onClick, onKeyUp }) =
         <PlainRouterLink
           title={name}
           id={prefix + id}
-          to={`/${viewMode || 'story'}/${id}`}
+          to={`/${refinedViewMode(viewMode) || 'story'}/${id}`}
           onKeyUp={onKeyUp}
           onClick={onClick}
         >
diff --git a/lib/ui/src/components/sidebar/__snapshots__/SidebarSubheading.stories.storyshot b/lib/ui/src/components/sidebar/__snapshots__/SidebarSubheading.stories.storyshot
deleted file mode 100644
index 80ff86fa129..00000000000
--- a/lib/ui/src/components/sidebar/__snapshots__/SidebarSubheading.stories.storyshot
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots UI|Sidebar/SidebarSubheading default 1`] = `
-.emotion-0 {
-  -webkit-letter-spacing: 0.35em;
-  -moz-letter-spacing: 0.35em;
-  -ms-letter-spacing: 0.35em;
-  letter-spacing: 0.35em;
-  text-transform: uppercase;
-  font-weight: 900;
-  font-size: 11px;
-  line-height: 24px;
-  color: rgba(51,51,51,0.5);
-}
-
-<div
-  class="emotion-0"
->
-  Subheading
-</div>
-`;
diff --git a/lib/ui/src/components/sidebar/treeview/treeview.js b/lib/ui/src/components/sidebar/treeview/treeview.js
index f8f9748c634..0ddf56dfdf1 100644
--- a/lib/ui/src/components/sidebar/treeview/treeview.js
+++ b/lib/ui/src/components/sidebar/treeview/treeview.js
@@ -391,12 +391,26 @@ class TreeState extends PureComponent {
 TreeState.propTypes = {
   prefix: PropTypes.string.isRequired,
   dataset: PropTypes.shape({}).isRequired,
-  // We do use this prop, eslint is confused
-  // eslint-disable-next-line react/no-unused-prop-types
   selectedId: PropTypes.string,
+  Filter: PropTypes.elementType,
+  List: PropTypes.elementType,
+  Title: PropTypes.elementType,
+  Link: PropTypes.elementType,
+  Leaf: PropTypes.elementType,
+  Head: PropTypes.elementType,
+  Section: PropTypes.elementType,
+  Message: PropTypes.elementType,
 };
 TreeState.defaultProps = {
   selectedId: null,
+  Filter: undefined,
+  List: undefined,
+  Title: undefined,
+  Link: undefined,
+  Leaf: undefined,
+  Head: undefined,
+  Section: undefined,
+  Message: undefined,
 };
 
 export { TreeState, Tree };
diff --git a/lib/ui/src/components/sidebar/treeview/utils.js b/lib/ui/src/components/sidebar/treeview/utils.js
index e3185dbd49e..b313bb569bc 100644
--- a/lib/ui/src/components/sidebar/treeview/utils.js
+++ b/lib/ui/src/components/sidebar/treeview/utils.js
@@ -68,7 +68,6 @@ export const getPrevious = ({ id, dataset, expanded }) => {
   // find previous sibling
   // recurse into that sibling's last children that are expanded
 
-  // debugger;
   const current = get(id, dataset);
   const parent = getParent(id, dataset);
   const mains = getMainsKeys(dataset);
diff --git a/lib/ui/src/containers/panel.js b/lib/ui/src/containers/panel.js
index de4d62f233f..88821840822 100644
--- a/lib/ui/src/containers/panel.js
+++ b/lib/ui/src/containers/panel.js
@@ -11,7 +11,7 @@ const createPanelActions = memoize(1)(api => ({
 }));
 
 const mapper = ({ state, api }) => ({
-  panels: api.getPanels(),
+  panels: api.getStoryPanels(),
   selectedPanel: api.getSelectedPanel(),
   panelPosition: state.layout.panelPosition,
   actions: createPanelActions(api),
diff --git a/lib/ui/src/containers/panel.stories.js b/lib/ui/src/containers/panel.stories.js
new file mode 100644
index 00000000000..f920d6639ff
--- /dev/null
+++ b/lib/ui/src/containers/panel.stories.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+
+storiesOf('UI|Addon Panel', module)
+  .add('default', () => <div>By default all addon panels are rendered</div>)
+  .add(
+    'disable panel',
+    () => (
+      <div>
+        This story disables Actions and Accessibility panels
+        <pre>
+          {`storiesOf('UI|Addon Panel', module)
+  .add(
+    'my story',
+    <MyComponent />,
+    { a11y: { disable: true }, actions: { disable: true } }
+  );`}
+        </pre>
+      </div>
+    ),
+    { a11y: { disabled: true }, actions: { disabled: true } }
+  );
diff --git a/lib/ui/src/containers/preview.js b/lib/ui/src/containers/preview.js
index 82720f70545..5724926ea27 100644
--- a/lib/ui/src/containers/preview.js
+++ b/lib/ui/src/containers/preview.js
@@ -20,10 +20,26 @@ const mapper = ({ api, state: { layout, location, selected, customQueryParams }
   location,
 });
 
+function getBaseUrl() {
+  try {
+    // eslint-disable-next-line no-undef
+    return PREVIEW_URL || 'iframe.html'; // webpack-injected
+  } catch (e) {
+    return 'iframe.html';
+  }
+}
+
 const PreviewConnected = React.memo(props => (
   <Consumer filter={mapper}>
     {fromState => {
-      return <Preview {...props} {...fromState} customCanvas={fromState.api.renderPreview} />;
+      return (
+        <Preview
+          {...props}
+          baseUrl={getBaseUrl()}
+          {...fromState}
+          customCanvas={fromState.api.renderPreview}
+        />
+      );
     }}
   </Consumer>
 ));
diff --git a/lib/ui/src/index.js b/lib/ui/src/index.js
index d2831aff6e7..d6e58269184 100644
--- a/lib/ui/src/index.js
+++ b/lib/ui/src/index.js
@@ -14,11 +14,18 @@ import Provider from './provider';
 ThemeProvider.displayName = 'ThemeProvider';
 HelmetProvider.displayName = 'HelmetProvider';
 
-const Container = process.env.XSTORYBOOK_EXAMPLE_APP ? React.StrictMode : React.Fragment;
-// eslint-disable-next-line no-undef
-const docsMode = !!DOCS_MODE; // webpack-injected
+const getDocsMode = () => {
+  try {
+    // eslint-disable-next-line no-undef
+    return !!DOCS_MODE; // webpack-injected
+  } catch (e) {
+    return false;
+  }
+};
 
-const Root = ({ provider }) => (
+const Container = process.env.XSTORYBOOK_EXAMPLE_APP ? React.StrictMode : React.Fragment;
+
+export const Root = ({ provider }) => (
   <Container key="container">
     <HelmetProvider key="helmet.Provider">
       <LocationProvider key="location.provider">
@@ -28,13 +35,21 @@ const Root = ({ provider }) => (
               key="manager"
               provider={provider}
               {...locationData}
-              docsMode={docsMode}
+              docsMode={getDocsMode()}
             >
-              {({ state }) => (
-                <ThemeProvider key="theme.provider" theme={ensureTheme(state.theme)}>
-                  <App key="app" viewMode={state.viewMode} layout={state.layout} />
-                </ThemeProvider>
-              )}
+              {({ state, api }) => {
+                const panelCount = Object.keys(api.getPanels()).length;
+                return (
+                  <ThemeProvider key="theme.provider" theme={ensureTheme(state.theme)}>
+                    <App
+                      key="app"
+                      viewMode={state.viewMode}
+                      layout={state.layout}
+                      panelCount={panelCount}
+                    />
+                  </ThemeProvider>
+                );
+              }}
             </ManagerProvider>
           )}
         </Location>
@@ -56,4 +71,4 @@ function renderStorybookUI(domNode, provider) {
 }
 
 export { Provider };
-export default renderStorybookUI;
+export { renderStorybookUI as default };
diff --git a/lib/ui/src/keyboard/keyCodes.ts b/lib/ui/src/keyboard/keyCodes.ts
index f76900dffe7..8cdd9fa269d 100644
--- a/lib/ui/src/keyboard/keyCodes.ts
+++ b/lib/ui/src/keyboard/keyCodes.ts
@@ -1,5 +1,4 @@
 /* eslint-disable no-shadow */
-/* eslint-disable no-use-before-define */
 /* eslint-disable no-bitwise */
 /* eslint-disable no-underscore-dangle */
 import { OperatingSystem } from './platform';
diff --git a/lib/ui/src/settings/__snapshots__/about.stories.storyshot b/lib/ui/src/settings/__snapshots__/about.stories.storyshot
deleted file mode 100644
index 6c72a075a06..00000000000
--- a/lib/ui/src/settings/__snapshots__/about.stories.storyshot
+++ /dev/null
@@ -1,4237 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots UI|Settings/AboutScreen failed to fetch new version 1`] = `
-.emotion-26 {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-8 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-2 > * {
-  margin-left: 15px;
-}
-
-.emotion-1 {
-  overflow: hidden;
-}
-
-.emotion-1:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: 30px;
-}
-
-.emotion-6 > * {
-  margin-right: 15px;
-}
-
-.emotion-4 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-3 {
-  fill: currentColor;
-}
-
-.emotion-25 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-  height: calc(100% - 40px);
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 40px;
-  overflow: auto;
-}
-
-.emotion-25 > *:first-child {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-}
-
-.emotion-5 {
-  height: 40px;
-  background: none;
-  color: inherit;
-  padding: 0;
-  cursor: pointer;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-}
-
-.emotion-5:hover,
-.emotion-5:focus {
-  outline: 0 none;
-  color: #1EA7FD;
-}
-
-.emotion-5 > svg {
-  width: 15px;
-}
-
-.emotion-22 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding-top: 20px;
-  margin-top: 20px;
-  border-top: 1px solid rgba(0,0,0,.1);
-  font-weight: 700;
-}
-
-.emotion-22 > * + * {
-  margin-left: 20px;
-}
-
-.emotion-14 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #999999;
-}
-
-.emotion-14 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-14:hover,
-.emotion-14:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-14:hover svg path,
-.emotion-14:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-14:active {
-  color: #028ee6;
-}
-
-.emotion-14:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-14 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-14 svg path {
-  fill: #999999;
-}
-
-.emotion-14:hover {
-  color: #666666;
-}
-
-.emotion-14:hover svg path {
-  fill: #666666;
-}
-
-.emotion-14:active {
-  color: #444444;
-}
-
-.emotion-14:active svg path {
-  fill: #444444;
-}
-
-.emotion-24 {
-  display: block;
-}
-
-.emotion-23 {
-  padding: 3rem 20px;
-  max-width: 600px;
-  margin: 0 auto;
-}
-
-.emotion-9 {
-  margin-bottom: 20px;
-  font-size: 28px;
-  font-weight: 900;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-9 > svg {
-  height: 32px;
-  width: auto;
-  margin-right: 8px;
-}
-
-.emotion-13 > svg:last-of-type {
-  height: 0.7em;
-  width: 0.7em;
-  margin-right: 0;
-  margin-left: 0.25em;
-  bottom: auto;
-  vertical-align: inherit;
-}
-
-.emotion-10 {
-  background: #FEDED2;
-  color: #FF4400;
-  font-weight: 700;
-  font-size: 14px;
-  padding: 10px 20px;
-  margin-bottom: 24px;
-  border-radius: 4px;
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: center;
-}
-
-.emotion-15 {
-  font-weight: 700;
-  text-align: center;
-}
-
-<div
-  style="position:relative;height:calc(100vh);width:calc(100vw)"
->
-  <div
-    class="emotion-26"
-  >
-    <div
-      class="emotion-8"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-7"
-                >
-                  <div
-                    class="emotion-2"
-                  >
-                    <div
-                      class="emotion-1"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        About
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    class="emotion-6"
-                  >
-                    <button
-                      class="emotion-5"
-                    >
-                      <svg
-                        class="emotion-4"
-                        viewBox="0 0 1024 1024"
-                      >
-                        <path
-                          class="emotion-3"
-                          d="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"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-25"
-    >
-      <div
-        class="emotion-24"
-        role="tabpanel"
-      >
-        <div
-          class="emotion-23"
-        >
-          <header
-            class="emotion-9"
-          >
-            <svg
-              viewBox="0 0 64 64"
-            >
-              <title>
-                Storybook icon
-              </title>
-              <g
-                fill="none"
-                fill-rule="evenodd"
-                id="Artboard"
-                stroke="none"
-                stroke-width="1"
-              >
-                <path
-                  d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
-                  fill="#FF4785"
-                  fill-rule="nonzero"
-                  id="path-1"
-                />
-                <path
-                  d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
-                  fill="#FFFFFF"
-                  fill-rule="nonzero"
-                  id="path9_fill-path"
-                />
-                <path
-                  d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
-                  fill="#FFFFFF"
-                  id="Path"
-                />
-              </g>
-            </svg>
-            Storybook 5.0.0
-          </header>
-          <div
-            class="emotion-10"
-          >
-            Oops! The latest version of Storybook couldn't be fetched.
-          </div>
-          <div
-            class="emotion-15"
-          >
-            <a
-              class="emotion-14"
-              href="https://github.com/storybookjs/storybook/releases"
-              target="_blank"
-            >
-              <span
-                class="emotion-13"
-              >
-                Check Storybook's release history
-                <svg
-                  class="emotion-4"
-                  viewBox="0 0 1024 1024"
-                >
-                  <path
-                    class="emotion-3"
-                    d="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"
-                  />
-                </svg>
-              </span>
-            </a>
-          </div>
-          <div
-            class="emotion-22"
-          >
-            <a
-              class="emotion-14"
-              href="https://storybook.js.org"
-              target="_blank"
-            >
-              <span
-                class="emotion-16"
-              >
-                Docs
-              </span>
-            </a>
-            <a
-              class="emotion-14"
-              href="https://github.com/storybookjs/storybook"
-              target="_blank"
-            >
-              <span
-                class="emotion-16"
-              >
-                GitHub
-              </span>
-            </a>
-            <a
-              class="emotion-14"
-              href="https://storybook.js.org/support"
-              target="_blank"
-            >
-              <span
-                class="emotion-16"
-              >
-                Support
-              </span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Settings/AboutScreen new version required 1`] = `
-.emotion-42 {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-8 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-2 > * {
-  margin-left: 15px;
-}
-
-.emotion-1 {
-  overflow: hidden;
-}
-
-.emotion-1:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: 30px;
-}
-
-.emotion-6 > * {
-  margin-right: 15px;
-}
-
-.emotion-4 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-3 {
-  fill: currentColor;
-}
-
-.emotion-41 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-  height: calc(100% - 40px);
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 40px;
-  overflow: auto;
-}
-
-.emotion-41 > *:first-child {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-}
-
-.emotion-5 {
-  height: 40px;
-  background: none;
-  color: inherit;
-  padding: 0;
-  cursor: pointer;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-}
-
-.emotion-5:hover,
-.emotion-5:focus {
-  outline: 0 none;
-  color: #1EA7FD;
-}
-
-.emotion-5 > svg {
-  width: 15px;
-}
-
-.emotion-38 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding-top: 20px;
-  margin-top: 20px;
-  border-top: 1px solid rgba(0,0,0,.1);
-  font-weight: 700;
-}
-
-.emotion-38 > * + * {
-  margin-left: 20px;
-}
-
-.emotion-33 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #999999;
-}
-
-.emotion-33 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-33:hover,
-.emotion-33:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-33:hover svg path,
-.emotion-33:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-33:active {
-  color: #028ee6;
-}
-
-.emotion-33:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-33 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-33 svg path {
-  fill: #999999;
-}
-
-.emotion-33:hover {
-  color: #666666;
-}
-
-.emotion-33:hover svg path {
-  fill: #666666;
-}
-
-.emotion-33:active {
-  color: #444444;
-}
-
-.emotion-33:active svg path {
-  fill: #444444;
-}
-
-.emotion-40 {
-  display: block;
-}
-
-.emotion-39 {
-  padding: 3rem 20px;
-  max-width: 600px;
-  margin: 0 auto;
-}
-
-.emotion-9 {
-  margin-bottom: 20px;
-  font-size: 28px;
-  font-weight: 900;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-9 > svg {
-  height: 32px;
-  width: auto;
-  margin-right: 8px;
-}
-
-.emotion-16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: .75rem;
-}
-
-.emotion-11 {
-  -webkit-letter-spacing: 0.35em;
-  -moz-letter-spacing: 0.35em;
-  -ms-letter-spacing: 0.35em;
-  letter-spacing: 0.35em;
-  text-transform: uppercase;
-  font-weight: 900;
-  font-size: 13px;
-  line-height: 24px;
-  color: #999999;
-}
-
-.emotion-15 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #999999;
-  font-size: 12px;
-}
-
-.emotion-15 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-15:hover,
-.emotion-15:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-15:hover svg path,
-.emotion-15:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-15:active {
-  color: #028ee6;
-}
-
-.emotion-15:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-15 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-15 svg path {
-  fill: #999999;
-}
-
-.emotion-15:hover {
-  color: #666666;
-}
-
-.emotion-15:hover svg path {
-  fill: #666666;
-}
-
-.emotion-15:active {
-  color: #444444;
-}
-
-.emotion-15:active svg path {
-  fill: #444444;
-}
-
-.emotion-14 > svg:last-of-type {
-  height: 0.7em;
-  width: 0.7em;
-  margin-right: 0;
-  margin-left: 0.25em;
-  bottom: auto;
-  vertical-align: inherit;
-}
-
-.emotion-17 {
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-.emotion-17 h1 {
-  font-size: 32px;
-  font-weight: 900;
-}
-
-.emotion-17 h2 {
-  font-size: 24px;
-  border-bottom: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-17 h3 {
-  font-size: 20px;
-}
-
-.emotion-17 h4 {
-  font-size: 16px;
-}
-
-.emotion-17 h5 {
-  font-size: 14px;
-}
-
-.emotion-17 h6 {
-  font-size: 14px;
-  color: #666666;
-}
-
-.emotion-17 pre:not(.hljs) {
-  background: transparent;
-  border: none;
-  border-radius: 0;
-  padding: 0;
-  margin: 0;
-}
-
-.emotion-17 pre pre,
-.emotion-17 pre.hljs {
-  padding: 15px;
-  margin: 0;
-  white-space: pre-wrap;
-  color: inherit;
-  font-size: 13px;
-  line-height: 19px;
-}
-
-.emotion-17 pre pre code,
-.emotion-17 pre.hljs code {
-  color: inherit;
-  font-size: inherit;
-}
-
-.emotion-17 pre code {
-  margin: 0;
-  padding: 0;
-  white-space: pre;
-  border: none;
-  background: transparent;
-}
-
-.emotion-17 pre code,
-.emotion-17 pre tt {
-  background-color: transparent;
-  border: none;
-}
-
-.emotion-17 body > *:first-of-type {
-  margin-top: 0 !important;
-}
-
-.emotion-17 body > *:last-child {
-  margin-bottom: 0 !important;
-}
-
-.emotion-17 a {
-  color: #1EA7FD;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-17 a.absent {
-  color: #cc0000;
-}
-
-.emotion-17 a.anchor {
-  display: block;
-  padding-left: 30px;
-  margin-left: -30px;
-  cursor: pointer;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-}
-
-.emotion-17 h1,
-.emotion-17 h2,
-.emotion-17 h3,
-.emotion-17 h4,
-.emotion-17 h5,
-.emotion-17 h6 {
-  margin: 20px 0 10px;
-  padding: 0;
-  cursor: text;
-  position: relative;
-}
-
-.emotion-17 h2:first-of-type,
-.emotion-17 h1:first-of-type,
-.emotion-17 h1:first-of-type + h2,
-.emotion-17 h3:first-of-type,
-.emotion-17 h4:first-of-type,
-.emotion-17 h5:first-of-type,
-.emotion-17 h6:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 h1:hover a.anchor,
-.emotion-17 h2:hover a.anchor,
-.emotion-17 h3:hover a.anchor,
-.emotion-17 h4:hover a.anchor,
-.emotion-17 h5:hover a.anchor,
-.emotion-17 h6:hover a.anchor {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-17 h1 tt,
-.emotion-17 h1 code {
-  font-size: inherit;
-}
-
-.emotion-17 h2 tt,
-.emotion-17 h2 code {
-  font-size: inherit;
-}
-
-.emotion-17 h3 tt,
-.emotion-17 h3 code {
-  font-size: inherit;
-}
-
-.emotion-17 h4 tt,
-.emotion-17 h4 code {
-  font-size: inherit;
-}
-
-.emotion-17 h5 tt,
-.emotion-17 h5 code {
-  font-size: inherit;
-}
-
-.emotion-17 h6 tt,
-.emotion-17 h6 code {
-  font-size: inherit;
-}
-
-.emotion-17 p,
-.emotion-17 blockquote,
-.emotion-17 ul,
-.emotion-17 ol,
-.emotion-17 dl,
-.emotion-17 li,
-.emotion-17 table,
-.emotion-17 pre {
-  margin: 15px 0;
-}
-
-.emotion-17 hr {
-  border: 0 none;
-  color: rgba(0,0,0,.1);
-  height: 4px;
-  padding: 0;
-}
-
-.emotion-17 body > h2:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h1:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h1:first-of-type + h2 {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h3:first-of-type,
-.emotion-17 body > h4:first-of-type,
-.emotion-17 body > h5:first-of-type,
-.emotion-17 body > h6:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 a:first-of-type h1,
-.emotion-17 a:first-of-type h2,
-.emotion-17 a:first-of-type h3,
-.emotion-17 a:first-of-type h4,
-.emotion-17 a:first-of-type h5,
-.emotion-17 a:first-of-type h6 {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 h1 p,
-.emotion-17 h2 p,
-.emotion-17 h3 p,
-.emotion-17 h4 p,
-.emotion-17 h5 p,
-.emotion-17 h6 p {
-  margin-top: 0;
-}
-
-.emotion-17 li p.first {
-  display: inline-block;
-}
-
-.emotion-17 ul,
-.emotion-17 ol {
-  padding-left: 30px;
-}
-
-.emotion-17 ul :first-of-type,
-.emotion-17 ol :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 ul :last-child,
-.emotion-17 ol :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 dl {
-  padding: 0;
-}
-
-.emotion-17 dl dt {
-  font-size: 14px;
-  font-weight: bold;
-  font-style: italic;
-  padding: 0;
-  margin: 15px 0 5px;
-}
-
-.emotion-17 dl dt:first-of-type {
-  padding: 0;
-}
-
-.emotion-17 dl dt > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 dl dt > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 dl dd {
-  margin: 0 0 15px;
-  padding: 0 15px;
-}
-
-.emotion-17 dl dd > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 dl dd > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 blockquote {
-  border-left: 4px solid #DDDDDD;
-  padding: 0 15px;
-  color: #666666;
-}
-
-.emotion-17 blockquote > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 blockquote > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 table {
-  padding: 0;
-  border-collapse: collapse;
-}
-
-.emotion-17 table tr {
-  border-top: 1px solid rgba(0,0,0,.1);
-  background-color: white;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-17 table tr:nth-of-type(2n) {
-  background-color: #F8F8F8;
-}
-
-.emotion-17 table tr th {
-  font-weight: bold;
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: left;
-  margin: 0;
-  padding: 6px 13px;
-}
-
-.emotion-17 table tr td {
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: left;
-  margin: 0;
-  padding: 6px 13px;
-}
-
-.emotion-17 table tr th :first-of-type,
-.emotion-17 table tr td :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 table tr th :last-child,
-.emotion-17 table tr td :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 img {
-  max-width: 100%;
-}
-
-.emotion-17 span.frame {
-  display: block;
-  overflow: hidden;
-}
-
-.emotion-17 span.frame > span {
-  border: 1px solid #DDDDDD;
-  display: block;
-  float: left;
-  overflow: hidden;
-  margin: 13px 0 0;
-  padding: 7px;
-  width: auto;
-}
-
-.emotion-17 span.frame span img {
-  display: block;
-  float: left;
-}
-
-.emotion-17 span.frame span span {
-  clear: both;
-  color: #333333;
-  display: block;
-  padding: 5px 0 0;
-}
-
-.emotion-17 span.align-center {
-  display: block;
-  overflow: hidden;
-  clear: both;
-}
-
-.emotion-17 span.align-center > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px auto 0;
-  text-align: center;
-}
-
-.emotion-17 span.align-center span img {
-  margin: 0 auto;
-  text-align: center;
-}
-
-.emotion-17 span.align-right {
-  display: block;
-  overflow: hidden;
-  clear: both;
-}
-
-.emotion-17 span.align-right > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px 0 0;
-  text-align: right;
-}
-
-.emotion-17 span.align-right span img {
-  margin: 0;
-  text-align: right;
-}
-
-.emotion-17 span.float-left {
-  display: block;
-  margin-right: 13px;
-  overflow: hidden;
-  float: left;
-}
-
-.emotion-17 span.float-left span {
-  margin: 13px 0 0;
-}
-
-.emotion-17 span.float-right {
-  display: block;
-  margin-left: 13px;
-  overflow: hidden;
-  float: right;
-}
-
-.emotion-17 span.float-right > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px auto 0;
-  text-align: right;
-}
-
-.emotion-17 code,
-.emotion-17 tt {
-  margin: 0 2px;
-  padding: 0 5px;
-  white-space: nowrap;
-  border: 1px solid #EEEEEE;
-  background-color: #F8F8F8;
-  border-radius: 3px;
-}
-
-.emotion-10 {
-  background: #E1FFD4;
-  color: #66BF3C;
-  font-weight: 700;
-  font-size: 14px;
-  padding: 10px 20px;
-  margin-bottom: 24px;
-  border-radius: 4px;
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: center;
-}
-
-.emotion-31 {
-  margin-top: 20px;
-  border-top: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-23 {
-  position: relative;
-  overflow: hidden;
-  color: #333333;
-  border: 1px solid rgba(0,0,0,.1);
-  background: #FFFFFF;
-}
-
-.emotion-20 {
-  overflow-y: auto;
-  height: 100%;
-  overflow-x: auto;
-  width: 100%;
-  position: relative;
-}
-
-.emotion-20 code {
-  padding-right: 10px;
-}
-
-.emotion-20 * .token {
-  font-family: "Operator Mono","Fira Code Retina","Fira Code","FiraCode-Retina","Andale Mono","Lucida Console",Consolas,Monaco,monospace;
-  -webkit-font-smoothing: antialiased;
-}
-
-.emotion-20 * .token.comment {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-20 * .token.prolog {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-20 * .token.doctype {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-20 * .token.cdata {
-  color: #008000;
-  font-style: italic;
-}
-
-.emotion-20 * .token.string {
-  color: #A31515;
-}
-
-.emotion-20 * .token.punctuation {
-  color: #393A34;
-}
-
-.emotion-20 * .token.operator {
-  color: #393A34;
-}
-
-.emotion-20 * .token.url {
-  color: #36acaa;
-}
-
-.emotion-20 * .token.symbol {
-  color: #36acaa;
-}
-
-.emotion-20 * .token.number {
-  color: #36acaa;
-}
-
-.emotion-20 * .token.boolean {
-  color: #36acaa;
-}
-
-.emotion-20 * .token.variable {
-  color: #36acaa;
-}
-
-.emotion-20 * .token.constant {
-  color: #36acaa;
-}
-
-.emotion-20 * .token.inserted {
-  color: #36acaa;
-}
-
-.emotion-20 * .token.atrule {
-  color: #0000ff;
-}
-
-.emotion-20 * .token.keyword {
-  color: #0000ff;
-}
-
-.emotion-20 * .token.attr-value {
-  color: #0000ff;
-}
-
-.emotion-20 * .token.function {
-  color: #393A34;
-}
-
-.emotion-20 * .token.deleted {
-  color: #9a050f;
-}
-
-.emotion-20 * .token.important {
-  font-weight: bold;
-}
-
-.emotion-20 * .token.bold {
-  font-weight: bold;
-}
-
-.emotion-20 * .token.italic {
-  font-style: italic;
-}
-
-.emotion-20 * .token.class-name {
-  color: #2B91AF;
-}
-
-.emotion-20 * .token.tag {
-  color: #800000;
-}
-
-.emotion-20 * .token.selector {
-  color: #800000;
-}
-
-.emotion-20 * .token.attr-name {
-  color: #ff0000;
-}
-
-.emotion-20 * .token.property {
-  color: #ff0000;
-}
-
-.emotion-20 * .token.regex {
-  color: #ff0000;
-}
-
-.emotion-20 * .token.entity {
-  color: #ff0000;
-}
-
-.emotion-20 * .token.directive.tag .tag {
-  background: #ffff00;
-  color: #393A34;
-}
-
-.emotion-20 * .language-json .token.boolean {
-  color: #0000ff;
-}
-
-.emotion-20 * .language-json .token.number {
-  color: #0000ff;
-}
-
-.emotion-20 * .language-json .token.property {
-  color: #2B91AF;
-}
-
-.emotion-20 * .namespace {
-  opacity: 0.7;
-}
-
-.emotion-19 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin: 0;
-  padding: 10px;
-}
-
-.emotion-18 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 0;
-  opacity: 1;
-}
-
-.emotion-22 {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  max-width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  background: #FFFFFF;
-  z-index: 1;
-}
-
-.emotion-21 {
-  border: 0 none;
-  padding: 4px 10px;
-  cursor: pointer;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: #333333;
-  background: #FFFFFF;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 700;
-  border-top: 1px solid rgba(0,0,0,.1);
-  border-left: 1px solid rgba(0,0,0,.1);
-  margin-left: -1px;
-  border-radius: 4px 0 0 0;
-}
-
-.emotion-21:not(:last-child) {
-  border-right: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-21 + * {
-  border-left: 1px solid rgba(0,0,0,.1);
-  border-radius: 0;
-}
-
-.emotion-21:focus {
-  box-shadow: #1EA7FD 0 -3px 0 0 inset;
-  outline: 0 none;
-}
-
-<div
-  style="position:relative;height:calc(100vh);width:calc(100vw)"
->
-  <div
-    class="emotion-42"
-  >
-    <div
-      class="emotion-8"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-7"
-                >
-                  <div
-                    class="emotion-2"
-                  >
-                    <div
-                      class="emotion-1"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        About
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    class="emotion-6"
-                  >
-                    <button
-                      class="emotion-5"
-                    >
-                      <svg
-                        class="emotion-4"
-                        viewBox="0 0 1024 1024"
-                      >
-                        <path
-                          class="emotion-3"
-                          d="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"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-41"
-    >
-      <div
-        class="emotion-40"
-        role="tabpanel"
-      >
-        <div
-          class="emotion-39"
-        >
-          <header
-            class="emotion-9"
-          >
-            <svg
-              viewBox="0 0 64 64"
-            >
-              <title>
-                Storybook icon
-              </title>
-              <g
-                fill="none"
-                fill-rule="evenodd"
-                id="Artboard"
-                stroke="none"
-                stroke-width="1"
-              >
-                <path
-                  d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
-                  fill="#FF4785"
-                  fill-rule="nonzero"
-                  id="path-1"
-                />
-                <path
-                  d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
-                  fill="#FFFFFF"
-                  fill-rule="nonzero"
-                  id="path9_fill-path"
-                />
-                <path
-                  d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
-                  fill="#FFFFFF"
-                  id="Path"
-                />
-              </g>
-            </svg>
-            Storybook 5.0.0
-          </header>
-          <div
-            class="emotion-10"
-          >
-            Storybook 5.0.3 is available. Upgrade from 5.0.0 now.
-          </div>
-          <div
-            class="emotion-16"
-          >
-            <span
-              class="emotion-11"
-            >
-              5.0.3 Changelog
-            </span>
-            <a
-              class="emotion-15"
-              href="https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md"
-              target="_blank"
-            >
-              <span
-                class="emotion-14"
-              >
-                Read full changelog
-                <svg
-                  class="emotion-4"
-                  viewBox="0 0 1024 1024"
-                >
-                  <path
-                    class="emotion-3"
-                    d="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"
-                  />
-                </svg>
-              </span>
-            </a>
-          </div>
-          <div
-            class="emotion-17"
-          >
-            <ul>
-              <li>
-                upgrade webpack & babel to latest
-              </li>
-              <li>
-                new addParameters and third argument to .add to pass data to addons
-              </li>
-              <li>
-                added the ability to theme storybook
-              </li>
-              <li>
-                improved ui for mobile devices
-              </li>
-              <li>
-                improved performance of addon-knobs
-              </li>
-            </ul>
-          </div>
-          <div
-            class="emotion-31"
-          >
-            <div
-              class="emotion-17"
-            >
-              <p>
-                <b>
-                  Upgrade all Storybook packages to latest:
-                </b>
-              </p>
-              <div
-                class="emotion-23"
-              >
-                <div
-                  class="emotion-20"
-                  data-simplebar="true"
-                >
-                  <div
-                    class="simplebar-wrapper"
-                  >
-                    <div
-                      class="simplebar-height-auto-observer-wrapper"
-                    >
-                      <div
-                        class="simplebar-height-auto-observer"
-                      />
-                    </div>
-                    <div
-                      class="simplebar-mask"
-                    >
-                      <div
-                        class="simplebar-offset"
-                      >
-                        <div
-                          class="simplebar-content-wrapper"
-                        >
-                          <div
-                            class="simplebar-content"
-                          >
-                            <pre
-                              class="hljs emotion-19"
-                            >
-                              <code
-                                class="emotion-18"
-                              >
-                                npx npm-check-updates 
-                                <span
-                                  class="token string"
-                                >
-                                  '/storybook/'
-                                </span>
-                                 -u 
-                                <span
-                                  class="token operator"
-                                >
-                                  &&
-                                </span>
-                                 
-                                <span
-                                  class="token function"
-                                >
-                                  npm
-                                </span>
-                                 
-                                <span
-                                  class="token function"
-                                >
-                                  install
-                                </span>
-                              </code>
-                            </pre>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="simplebar-placeholder"
-                    />
-                  </div>
-                  <div
-                    class="simplebar-track simplebar-horizontal"
-                  >
-                    <div
-                      class="simplebar-scrollbar"
-                    />
-                  </div>
-                  <div
-                    class="simplebar-track simplebar-vertical"
-                  >
-                    <div
-                      class="simplebar-scrollbar"
-                    />
-                  </div>
-                </div>
-                <div
-                  class="emotion-22"
-                >
-                  <button
-                    class="emotion-21"
-                  >
-                    Copy
-                  </button>
-                </div>
-              </div>
-              <p>
-                Alternatively, if you're using yarn run the following command, and check all Storybook related packages:
-              </p>
-              <div
-                class="emotion-23"
-              >
-                <div
-                  class="emotion-20"
-                  data-simplebar="true"
-                >
-                  <div
-                    class="simplebar-wrapper"
-                  >
-                    <div
-                      class="simplebar-height-auto-observer-wrapper"
-                    >
-                      <div
-                        class="simplebar-height-auto-observer"
-                      />
-                    </div>
-                    <div
-                      class="simplebar-mask"
-                    >
-                      <div
-                        class="simplebar-offset"
-                      >
-                        <div
-                          class="simplebar-content-wrapper"
-                        >
-                          <div
-                            class="simplebar-content"
-                          >
-                            <pre
-                              class="hljs emotion-19"
-                            >
-                              <code
-                                class="emotion-18"
-                              >
-                                <span
-                                  class="token function"
-                                >
-                                  yarn
-                                </span>
-                                 upgrade-interactive --latest
-                              </code>
-                            </pre>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <div
-                      class="simplebar-placeholder"
-                    />
-                  </div>
-                  <div
-                    class="simplebar-track simplebar-horizontal"
-                  >
-                    <div
-                      class="simplebar-scrollbar"
-                    />
-                  </div>
-                  <div
-                    class="simplebar-track simplebar-vertical"
-                  >
-                    <div
-                      class="simplebar-scrollbar"
-                    />
-                  </div>
-                </div>
-                <div
-                  class="emotion-22"
-                >
-                  <button
-                    class="emotion-21"
-                  >
-                    Copy
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="emotion-38"
-          >
-            <a
-              class="emotion-33"
-              href="https://storybook.js.org"
-              target="_blank"
-            >
-              <span
-                class="emotion-32"
-              >
-                Docs
-              </span>
-            </a>
-            <a
-              class="emotion-33"
-              href="https://github.com/storybookjs/storybook"
-              target="_blank"
-            >
-              <span
-                class="emotion-32"
-              >
-                GitHub
-              </span>
-            </a>
-            <a
-              class="emotion-33"
-              href="https://storybook.js.org/support"
-              target="_blank"
-            >
-              <span
-                class="emotion-32"
-              >
-                Support
-              </span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Settings/AboutScreen old version race condition 1`] = `
-.emotion-28 {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-8 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-2 > * {
-  margin-left: 15px;
-}
-
-.emotion-1 {
-  overflow: hidden;
-}
-
-.emotion-1:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: 30px;
-}
-
-.emotion-6 > * {
-  margin-right: 15px;
-}
-
-.emotion-4 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-3 {
-  fill: currentColor;
-}
-
-.emotion-27 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-  height: calc(100% - 40px);
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 40px;
-  overflow: auto;
-}
-
-.emotion-27 > *:first-child {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-}
-
-.emotion-5 {
-  height: 40px;
-  background: none;
-  color: inherit;
-  padding: 0;
-  cursor: pointer;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-}
-
-.emotion-5:hover,
-.emotion-5:focus {
-  outline: 0 none;
-  color: #1EA7FD;
-}
-
-.emotion-5 > svg {
-  width: 15px;
-}
-
-.emotion-24 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding-top: 20px;
-  margin-top: 20px;
-  border-top: 1px solid rgba(0,0,0,.1);
-  font-weight: 700;
-}
-
-.emotion-24 > * + * {
-  margin-left: 20px;
-}
-
-.emotion-19 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #999999;
-}
-
-.emotion-19 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-19:hover,
-.emotion-19:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-19:hover svg path,
-.emotion-19:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-19:active {
-  color: #028ee6;
-}
-
-.emotion-19:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-19 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-19 svg path {
-  fill: #999999;
-}
-
-.emotion-19:hover {
-  color: #666666;
-}
-
-.emotion-19:hover svg path {
-  fill: #666666;
-}
-
-.emotion-19:active {
-  color: #444444;
-}
-
-.emotion-19:active svg path {
-  fill: #444444;
-}
-
-.emotion-26 {
-  display: block;
-}
-
-.emotion-25 {
-  padding: 3rem 20px;
-  max-width: 600px;
-  margin: 0 auto;
-}
-
-.emotion-9 {
-  margin-bottom: 20px;
-  font-size: 28px;
-  font-weight: 900;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-9 > svg {
-  height: 32px;
-  width: auto;
-  margin-right: 8px;
-}
-
-.emotion-10 {
-  background: #EAF3FC;
-  color: #333333;
-  font-weight: 700;
-  font-size: 14px;
-  padding: 10px 20px;
-  margin-bottom: 24px;
-  border-radius: 4px;
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: center;
-}
-
-.emotion-16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: .75rem;
-}
-
-.emotion-11 {
-  -webkit-letter-spacing: 0.35em;
-  -moz-letter-spacing: 0.35em;
-  -ms-letter-spacing: 0.35em;
-  letter-spacing: 0.35em;
-  text-transform: uppercase;
-  font-weight: 900;
-  font-size: 13px;
-  line-height: 24px;
-  color: #999999;
-}
-
-.emotion-15 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #999999;
-  font-size: 12px;
-}
-
-.emotion-15 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-15:hover,
-.emotion-15:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-15:hover svg path,
-.emotion-15:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-15:active {
-  color: #028ee6;
-}
-
-.emotion-15:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-15 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-15 svg path {
-  fill: #999999;
-}
-
-.emotion-15:hover {
-  color: #666666;
-}
-
-.emotion-15:hover svg path {
-  fill: #666666;
-}
-
-.emotion-15:active {
-  color: #444444;
-}
-
-.emotion-15:active svg path {
-  fill: #444444;
-}
-
-.emotion-14 > svg:last-of-type {
-  height: 0.7em;
-  width: 0.7em;
-  margin-right: 0;
-  margin-left: 0.25em;
-  bottom: auto;
-  vertical-align: inherit;
-}
-
-.emotion-17 {
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-.emotion-17 h1 {
-  font-size: 32px;
-  font-weight: 900;
-}
-
-.emotion-17 h2 {
-  font-size: 24px;
-  border-bottom: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-17 h3 {
-  font-size: 20px;
-}
-
-.emotion-17 h4 {
-  font-size: 16px;
-}
-
-.emotion-17 h5 {
-  font-size: 14px;
-}
-
-.emotion-17 h6 {
-  font-size: 14px;
-  color: #666666;
-}
-
-.emotion-17 pre:not(.hljs) {
-  background: transparent;
-  border: none;
-  border-radius: 0;
-  padding: 0;
-  margin: 0;
-}
-
-.emotion-17 pre pre,
-.emotion-17 pre.hljs {
-  padding: 15px;
-  margin: 0;
-  white-space: pre-wrap;
-  color: inherit;
-  font-size: 13px;
-  line-height: 19px;
-}
-
-.emotion-17 pre pre code,
-.emotion-17 pre.hljs code {
-  color: inherit;
-  font-size: inherit;
-}
-
-.emotion-17 pre code {
-  margin: 0;
-  padding: 0;
-  white-space: pre;
-  border: none;
-  background: transparent;
-}
-
-.emotion-17 pre code,
-.emotion-17 pre tt {
-  background-color: transparent;
-  border: none;
-}
-
-.emotion-17 body > *:first-of-type {
-  margin-top: 0 !important;
-}
-
-.emotion-17 body > *:last-child {
-  margin-bottom: 0 !important;
-}
-
-.emotion-17 a {
-  color: #1EA7FD;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-17 a.absent {
-  color: #cc0000;
-}
-
-.emotion-17 a.anchor {
-  display: block;
-  padding-left: 30px;
-  margin-left: -30px;
-  cursor: pointer;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-}
-
-.emotion-17 h1,
-.emotion-17 h2,
-.emotion-17 h3,
-.emotion-17 h4,
-.emotion-17 h5,
-.emotion-17 h6 {
-  margin: 20px 0 10px;
-  padding: 0;
-  cursor: text;
-  position: relative;
-}
-
-.emotion-17 h2:first-of-type,
-.emotion-17 h1:first-of-type,
-.emotion-17 h1:first-of-type + h2,
-.emotion-17 h3:first-of-type,
-.emotion-17 h4:first-of-type,
-.emotion-17 h5:first-of-type,
-.emotion-17 h6:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 h1:hover a.anchor,
-.emotion-17 h2:hover a.anchor,
-.emotion-17 h3:hover a.anchor,
-.emotion-17 h4:hover a.anchor,
-.emotion-17 h5:hover a.anchor,
-.emotion-17 h6:hover a.anchor {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-17 h1 tt,
-.emotion-17 h1 code {
-  font-size: inherit;
-}
-
-.emotion-17 h2 tt,
-.emotion-17 h2 code {
-  font-size: inherit;
-}
-
-.emotion-17 h3 tt,
-.emotion-17 h3 code {
-  font-size: inherit;
-}
-
-.emotion-17 h4 tt,
-.emotion-17 h4 code {
-  font-size: inherit;
-}
-
-.emotion-17 h5 tt,
-.emotion-17 h5 code {
-  font-size: inherit;
-}
-
-.emotion-17 h6 tt,
-.emotion-17 h6 code {
-  font-size: inherit;
-}
-
-.emotion-17 p,
-.emotion-17 blockquote,
-.emotion-17 ul,
-.emotion-17 ol,
-.emotion-17 dl,
-.emotion-17 li,
-.emotion-17 table,
-.emotion-17 pre {
-  margin: 15px 0;
-}
-
-.emotion-17 hr {
-  border: 0 none;
-  color: rgba(0,0,0,.1);
-  height: 4px;
-  padding: 0;
-}
-
-.emotion-17 body > h2:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h1:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h1:first-of-type + h2 {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h3:first-of-type,
-.emotion-17 body > h4:first-of-type,
-.emotion-17 body > h5:first-of-type,
-.emotion-17 body > h6:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 a:first-of-type h1,
-.emotion-17 a:first-of-type h2,
-.emotion-17 a:first-of-type h3,
-.emotion-17 a:first-of-type h4,
-.emotion-17 a:first-of-type h5,
-.emotion-17 a:first-of-type h6 {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 h1 p,
-.emotion-17 h2 p,
-.emotion-17 h3 p,
-.emotion-17 h4 p,
-.emotion-17 h5 p,
-.emotion-17 h6 p {
-  margin-top: 0;
-}
-
-.emotion-17 li p.first {
-  display: inline-block;
-}
-
-.emotion-17 ul,
-.emotion-17 ol {
-  padding-left: 30px;
-}
-
-.emotion-17 ul :first-of-type,
-.emotion-17 ol :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 ul :last-child,
-.emotion-17 ol :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 dl {
-  padding: 0;
-}
-
-.emotion-17 dl dt {
-  font-size: 14px;
-  font-weight: bold;
-  font-style: italic;
-  padding: 0;
-  margin: 15px 0 5px;
-}
-
-.emotion-17 dl dt:first-of-type {
-  padding: 0;
-}
-
-.emotion-17 dl dt > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 dl dt > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 dl dd {
-  margin: 0 0 15px;
-  padding: 0 15px;
-}
-
-.emotion-17 dl dd > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 dl dd > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 blockquote {
-  border-left: 4px solid #DDDDDD;
-  padding: 0 15px;
-  color: #666666;
-}
-
-.emotion-17 blockquote > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 blockquote > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 table {
-  padding: 0;
-  border-collapse: collapse;
-}
-
-.emotion-17 table tr {
-  border-top: 1px solid rgba(0,0,0,.1);
-  background-color: white;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-17 table tr:nth-of-type(2n) {
-  background-color: #F8F8F8;
-}
-
-.emotion-17 table tr th {
-  font-weight: bold;
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: left;
-  margin: 0;
-  padding: 6px 13px;
-}
-
-.emotion-17 table tr td {
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: left;
-  margin: 0;
-  padding: 6px 13px;
-}
-
-.emotion-17 table tr th :first-of-type,
-.emotion-17 table tr td :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 table tr th :last-child,
-.emotion-17 table tr td :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 img {
-  max-width: 100%;
-}
-
-.emotion-17 span.frame {
-  display: block;
-  overflow: hidden;
-}
-
-.emotion-17 span.frame > span {
-  border: 1px solid #DDDDDD;
-  display: block;
-  float: left;
-  overflow: hidden;
-  margin: 13px 0 0;
-  padding: 7px;
-  width: auto;
-}
-
-.emotion-17 span.frame span img {
-  display: block;
-  float: left;
-}
-
-.emotion-17 span.frame span span {
-  clear: both;
-  color: #333333;
-  display: block;
-  padding: 5px 0 0;
-}
-
-.emotion-17 span.align-center {
-  display: block;
-  overflow: hidden;
-  clear: both;
-}
-
-.emotion-17 span.align-center > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px auto 0;
-  text-align: center;
-}
-
-.emotion-17 span.align-center span img {
-  margin: 0 auto;
-  text-align: center;
-}
-
-.emotion-17 span.align-right {
-  display: block;
-  overflow: hidden;
-  clear: both;
-}
-
-.emotion-17 span.align-right > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px 0 0;
-  text-align: right;
-}
-
-.emotion-17 span.align-right span img {
-  margin: 0;
-  text-align: right;
-}
-
-.emotion-17 span.float-left {
-  display: block;
-  margin-right: 13px;
-  overflow: hidden;
-  float: left;
-}
-
-.emotion-17 span.float-left span {
-  margin: 13px 0 0;
-}
-
-.emotion-17 span.float-right {
-  display: block;
-  margin-left: 13px;
-  overflow: hidden;
-  float: right;
-}
-
-.emotion-17 span.float-right > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px auto 0;
-  text-align: right;
-}
-
-.emotion-17 code,
-.emotion-17 tt {
-  margin: 0 2px;
-  padding: 0 5px;
-  white-space: nowrap;
-  border: 1px solid #EEEEEE;
-  background-color: #F8F8F8;
-  border-radius: 3px;
-}
-
-<div
-  style="position:relative;height:calc(100vh);width:calc(100vw)"
->
-  <div
-    class="emotion-28"
-  >
-    <div
-      class="emotion-8"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-7"
-                >
-                  <div
-                    class="emotion-2"
-                  >
-                    <div
-                      class="emotion-1"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        About
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    class="emotion-6"
-                  >
-                    <button
-                      class="emotion-5"
-                    >
-                      <svg
-                        class="emotion-4"
-                        viewBox="0 0 1024 1024"
-                      >
-                        <path
-                          class="emotion-3"
-                          d="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"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-27"
-    >
-      <div
-        class="emotion-26"
-        role="tabpanel"
-      >
-        <div
-          class="emotion-25"
-        >
-          <header
-            class="emotion-9"
-          >
-            <svg
-              viewBox="0 0 64 64"
-            >
-              <title>
-                Storybook icon
-              </title>
-              <g
-                fill="none"
-                fill-rule="evenodd"
-                id="Artboard"
-                stroke="none"
-                stroke-width="1"
-              >
-                <path
-                  d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
-                  fill="#FF4785"
-                  fill-rule="nonzero"
-                  id="path-1"
-                />
-                <path
-                  d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
-                  fill="#FFFFFF"
-                  fill-rule="nonzero"
-                  id="path9_fill-path"
-                />
-                <path
-                  d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
-                  fill="#FFFFFF"
-                  id="Path"
-                />
-              </g>
-            </svg>
-            Storybook 5.0.3
-          </header>
-          <div
-            class="emotion-10"
-          >
-            Looking good! You're up to date.
-          </div>
-          <div
-            class="emotion-16"
-          >
-            <span
-              class="emotion-11"
-            >
-              5.0.0 Changelog
-            </span>
-            <a
-              class="emotion-15"
-              href="https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md"
-              target="_blank"
-            >
-              <span
-                class="emotion-14"
-              >
-                Read full changelog
-                <svg
-                  class="emotion-4"
-                  viewBox="0 0 1024 1024"
-                >
-                  <path
-                    class="emotion-3"
-                    d="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"
-                  />
-                </svg>
-              </span>
-            </a>
-          </div>
-          <div
-            class="emotion-17"
-          >
-            <ul>
-              <li>
-                upgrade webpack & babel to latest
-              </li>
-              <li>
-                new addParameters and third argument to .add to pass data to addons
-              </li>
-              <li>
-                added the ability to theme storybook
-              </li>
-              <li>
-                improved ui for mobile devices
-              </li>
-              <li>
-                improved performance of addon-knobs
-              </li>
-            </ul>
-          </div>
-          <div
-            class="emotion-24"
-          >
-            <a
-              class="emotion-19"
-              href="https://storybook.js.org"
-              target="_blank"
-            >
-              <span
-                class="emotion-18"
-              >
-                Docs
-              </span>
-            </a>
-            <a
-              class="emotion-19"
-              href="https://github.com/storybookjs/storybook"
-              target="_blank"
-            >
-              <span
-                class="emotion-18"
-              >
-                GitHub
-              </span>
-            </a>
-            <a
-              class="emotion-19"
-              href="https://storybook.js.org/support"
-              target="_blank"
-            >
-              <span
-                class="emotion-18"
-              >
-                Support
-              </span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots UI|Settings/AboutScreen up to date 1`] = `
-.emotion-28 {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-8 {
-  overflow-y: hidden;
-  overflow-x: auto;
-  width: 100%;
-  color: #999999;
-  width: 100%;
-  height: 40px;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-shadow: rgba(0,0,0,.1) 0 -1px 0 0 inset;
-  background: #FFFFFF;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  position: relative;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  height: 40px;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.emotion-2 > * {
-  margin-left: 15px;
-}
-
-.emotion-1 {
-  overflow: hidden;
-}
-
-.emotion-1:first-of-type {
-  margin-left: 0;
-}
-
-.emotion-0 {
-  white-space: normal;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  overflow: hidden;
-  vertical-align: top;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  padding: 0 15px;
-  text-transform: capitalize;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  height: 40px;
-  line-height: 12px;
-  cursor: pointer;
-  background: transparent;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  font-weight: bold;
-  font-size: 13px;
-  color: #1EA7FD;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-0:empty {
-  display: none;
-}
-
-.emotion-0:focus {
-  outline: 0 none;
-  border-bottom-color: #1EA7FD;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  white-space: nowrap;
-  -webkit-flex-basis: auto;
-  -ms-flex-preferred-size: auto;
-  flex-basis: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-left: 30px;
-}
-
-.emotion-6 > * {
-  margin-right: 15px;
-}
-
-.emotion-4 {
-  shape-rendering: inherit;
-  -webkit-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  transform: translate3d(0,0,0);
-  display: block;
-}
-
-.emotion-3 {
-  fill: currentColor;
-}
-
-.emotion-27 {
-  display: block;
-  position: relative;
-  font-size: 13px;
-  height: calc(100% - 40px);
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 40px;
-  overflow: auto;
-}
-
-.emotion-27 > *:first-child {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  height: 100%;
-  overflow: auto;
-}
-
-.emotion-5 {
-  height: 40px;
-  background: none;
-  color: inherit;
-  padding: 0;
-  cursor: pointer;
-  border: 0 solid transparent;
-  border-top: 3px solid transparent;
-  border-bottom: 3px solid transparent;
-  -webkit-transition: color 0.2s linear,border-bottom-color 0.2s linear;
-  transition: color 0.2s linear,border-bottom-color 0.2s linear;
-}
-
-.emotion-5:hover,
-.emotion-5:focus {
-  outline: 0 none;
-  color: #1EA7FD;
-}
-
-.emotion-5 > svg {
-  width: 15px;
-}
-
-.emotion-24 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding-top: 20px;
-  margin-top: 20px;
-  border-top: 1px solid rgba(0,0,0,.1);
-  font-weight: 700;
-}
-
-.emotion-24 > * + * {
-  margin-left: 20px;
-}
-
-.emotion-19 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #999999;
-}
-
-.emotion-19 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-19:hover,
-.emotion-19:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-19:hover svg path,
-.emotion-19:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-19:active {
-  color: #028ee6;
-}
-
-.emotion-19:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-19 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-19 svg path {
-  fill: #999999;
-}
-
-.emotion-19:hover {
-  color: #666666;
-}
-
-.emotion-19:hover svg path {
-  fill: #666666;
-}
-
-.emotion-19:active {
-  color: #444444;
-}
-
-.emotion-19:active svg path {
-  fill: #444444;
-}
-
-.emotion-26 {
-  display: block;
-}
-
-.emotion-25 {
-  padding: 3rem 20px;
-  max-width: 600px;
-  margin: 0 auto;
-}
-
-.emotion-9 {
-  margin-bottom: 20px;
-  font-size: 28px;
-  font-weight: 900;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-9 > svg {
-  height: 32px;
-  width: auto;
-  margin-right: 8px;
-}
-
-.emotion-10 {
-  background: #EAF3FC;
-  color: #333333;
-  font-weight: 700;
-  font-size: 14px;
-  padding: 10px 20px;
-  margin-bottom: 24px;
-  border-radius: 4px;
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: center;
-}
-
-.emotion-16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin-bottom: .75rem;
-}
-
-.emotion-11 {
-  -webkit-letter-spacing: 0.35em;
-  -moz-letter-spacing: 0.35em;
-  -ms-letter-spacing: 0.35em;
-  letter-spacing: 0.35em;
-  text-transform: uppercase;
-  font-weight: 900;
-  font-size: 13px;
-  line-height: 24px;
-  color: #999999;
-}
-
-.emotion-15 {
-  display: inline-block;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  color: #1EA7FD;
-  color: #999999;
-  font-size: 12px;
-}
-
-.emotion-15 svg path {
-  fill: #1EA7FD;
-}
-
-.emotion-15:hover,
-.emotion-15:focus {
-  cursor: pointer;
-  color: #0297f5;
-}
-
-.emotion-15:hover svg path,
-.emotion-15:focus svg path {
-  fill: #0297f5;
-}
-
-.emotion-15:active {
-  color: #028ee6;
-}
-
-.emotion-15:active svg path {
-  fill: #028ee6;
-}
-
-.emotion-15 svg {
-  display: inline-block;
-  height: 1em;
-  width: 1em;
-  vertical-align: text-top;
-  position: relative;
-  bottom: -0.125em;
-  margin-right: 0.4em;
-}
-
-.emotion-15 svg path {
-  fill: #999999;
-}
-
-.emotion-15:hover {
-  color: #666666;
-}
-
-.emotion-15:hover svg path {
-  fill: #666666;
-}
-
-.emotion-15:active {
-  color: #444444;
-}
-
-.emotion-15:active svg path {
-  fill: #444444;
-}
-
-.emotion-14 > svg:last-of-type {
-  height: 0.7em;
-  width: 0.7em;
-  margin-right: 0;
-  margin-left: 0.25em;
-  bottom: auto;
-  vertical-align: inherit;
-}
-
-.emotion-17 {
-  font-size: 14px;
-  line-height: 1.6;
-}
-
-.emotion-17 h1 {
-  font-size: 32px;
-  font-weight: 900;
-}
-
-.emotion-17 h2 {
-  font-size: 24px;
-  border-bottom: 1px solid rgba(0,0,0,.1);
-}
-
-.emotion-17 h3 {
-  font-size: 20px;
-}
-
-.emotion-17 h4 {
-  font-size: 16px;
-}
-
-.emotion-17 h5 {
-  font-size: 14px;
-}
-
-.emotion-17 h6 {
-  font-size: 14px;
-  color: #666666;
-}
-
-.emotion-17 pre:not(.hljs) {
-  background: transparent;
-  border: none;
-  border-radius: 0;
-  padding: 0;
-  margin: 0;
-}
-
-.emotion-17 pre pre,
-.emotion-17 pre.hljs {
-  padding: 15px;
-  margin: 0;
-  white-space: pre-wrap;
-  color: inherit;
-  font-size: 13px;
-  line-height: 19px;
-}
-
-.emotion-17 pre pre code,
-.emotion-17 pre.hljs code {
-  color: inherit;
-  font-size: inherit;
-}
-
-.emotion-17 pre code {
-  margin: 0;
-  padding: 0;
-  white-space: pre;
-  border: none;
-  background: transparent;
-}
-
-.emotion-17 pre code,
-.emotion-17 pre tt {
-  background-color: transparent;
-  border: none;
-}
-
-.emotion-17 body > *:first-of-type {
-  margin-top: 0 !important;
-}
-
-.emotion-17 body > *:last-child {
-  margin-bottom: 0 !important;
-}
-
-.emotion-17 a {
-  color: #1EA7FD;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-17 a.absent {
-  color: #cc0000;
-}
-
-.emotion-17 a.anchor {
-  display: block;
-  padding-left: 30px;
-  margin-left: -30px;
-  cursor: pointer;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-}
-
-.emotion-17 h1,
-.emotion-17 h2,
-.emotion-17 h3,
-.emotion-17 h4,
-.emotion-17 h5,
-.emotion-17 h6 {
-  margin: 20px 0 10px;
-  padding: 0;
-  cursor: text;
-  position: relative;
-}
-
-.emotion-17 h2:first-of-type,
-.emotion-17 h1:first-of-type,
-.emotion-17 h1:first-of-type + h2,
-.emotion-17 h3:first-of-type,
-.emotion-17 h4:first-of-type,
-.emotion-17 h5:first-of-type,
-.emotion-17 h6:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 h1:hover a.anchor,
-.emotion-17 h2:hover a.anchor,
-.emotion-17 h3:hover a.anchor,
-.emotion-17 h4:hover a.anchor,
-.emotion-17 h5:hover a.anchor,
-.emotion-17 h6:hover a.anchor {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-.emotion-17 h1 tt,
-.emotion-17 h1 code {
-  font-size: inherit;
-}
-
-.emotion-17 h2 tt,
-.emotion-17 h2 code {
-  font-size: inherit;
-}
-
-.emotion-17 h3 tt,
-.emotion-17 h3 code {
-  font-size: inherit;
-}
-
-.emotion-17 h4 tt,
-.emotion-17 h4 code {
-  font-size: inherit;
-}
-
-.emotion-17 h5 tt,
-.emotion-17 h5 code {
-  font-size: inherit;
-}
-
-.emotion-17 h6 tt,
-.emotion-17 h6 code {
-  font-size: inherit;
-}
-
-.emotion-17 p,
-.emotion-17 blockquote,
-.emotion-17 ul,
-.emotion-17 ol,
-.emotion-17 dl,
-.emotion-17 li,
-.emotion-17 table,
-.emotion-17 pre {
-  margin: 15px 0;
-}
-
-.emotion-17 hr {
-  border: 0 none;
-  color: rgba(0,0,0,.1);
-  height: 4px;
-  padding: 0;
-}
-
-.emotion-17 body > h2:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h1:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h1:first-of-type + h2 {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 body > h3:first-of-type,
-.emotion-17 body > h4:first-of-type,
-.emotion-17 body > h5:first-of-type,
-.emotion-17 body > h6:first-of-type {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 a:first-of-type h1,
-.emotion-17 a:first-of-type h2,
-.emotion-17 a:first-of-type h3,
-.emotion-17 a:first-of-type h4,
-.emotion-17 a:first-of-type h5,
-.emotion-17 a:first-of-type h6 {
-  margin-top: 0;
-  padding-top: 0;
-}
-
-.emotion-17 h1 p,
-.emotion-17 h2 p,
-.emotion-17 h3 p,
-.emotion-17 h4 p,
-.emotion-17 h5 p,
-.emotion-17 h6 p {
-  margin-top: 0;
-}
-
-.emotion-17 li p.first {
-  display: inline-block;
-}
-
-.emotion-17 ul,
-.emotion-17 ol {
-  padding-left: 30px;
-}
-
-.emotion-17 ul :first-of-type,
-.emotion-17 ol :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 ul :last-child,
-.emotion-17 ol :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 dl {
-  padding: 0;
-}
-
-.emotion-17 dl dt {
-  font-size: 14px;
-  font-weight: bold;
-  font-style: italic;
-  padding: 0;
-  margin: 15px 0 5px;
-}
-
-.emotion-17 dl dt:first-of-type {
-  padding: 0;
-}
-
-.emotion-17 dl dt > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 dl dt > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 dl dd {
-  margin: 0 0 15px;
-  padding: 0 15px;
-}
-
-.emotion-17 dl dd > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 dl dd > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 blockquote {
-  border-left: 4px solid #DDDDDD;
-  padding: 0 15px;
-  color: #666666;
-}
-
-.emotion-17 blockquote > :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 blockquote > :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 table {
-  padding: 0;
-  border-collapse: collapse;
-}
-
-.emotion-17 table tr {
-  border-top: 1px solid rgba(0,0,0,.1);
-  background-color: white;
-  margin: 0;
-  padding: 0;
-}
-
-.emotion-17 table tr:nth-of-type(2n) {
-  background-color: #F8F8F8;
-}
-
-.emotion-17 table tr th {
-  font-weight: bold;
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: left;
-  margin: 0;
-  padding: 6px 13px;
-}
-
-.emotion-17 table tr td {
-  border: 1px solid rgba(0,0,0,.1);
-  text-align: left;
-  margin: 0;
-  padding: 6px 13px;
-}
-
-.emotion-17 table tr th :first-of-type,
-.emotion-17 table tr td :first-of-type {
-  margin-top: 0;
-}
-
-.emotion-17 table tr th :last-child,
-.emotion-17 table tr td :last-child {
-  margin-bottom: 0;
-}
-
-.emotion-17 img {
-  max-width: 100%;
-}
-
-.emotion-17 span.frame {
-  display: block;
-  overflow: hidden;
-}
-
-.emotion-17 span.frame > span {
-  border: 1px solid #DDDDDD;
-  display: block;
-  float: left;
-  overflow: hidden;
-  margin: 13px 0 0;
-  padding: 7px;
-  width: auto;
-}
-
-.emotion-17 span.frame span img {
-  display: block;
-  float: left;
-}
-
-.emotion-17 span.frame span span {
-  clear: both;
-  color: #333333;
-  display: block;
-  padding: 5px 0 0;
-}
-
-.emotion-17 span.align-center {
-  display: block;
-  overflow: hidden;
-  clear: both;
-}
-
-.emotion-17 span.align-center > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px auto 0;
-  text-align: center;
-}
-
-.emotion-17 span.align-center span img {
-  margin: 0 auto;
-  text-align: center;
-}
-
-.emotion-17 span.align-right {
-  display: block;
-  overflow: hidden;
-  clear: both;
-}
-
-.emotion-17 span.align-right > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px 0 0;
-  text-align: right;
-}
-
-.emotion-17 span.align-right span img {
-  margin: 0;
-  text-align: right;
-}
-
-.emotion-17 span.float-left {
-  display: block;
-  margin-right: 13px;
-  overflow: hidden;
-  float: left;
-}
-
-.emotion-17 span.float-left span {
-  margin: 13px 0 0;
-}
-
-.emotion-17 span.float-right {
-  display: block;
-  margin-left: 13px;
-  overflow: hidden;
-  float: right;
-}
-
-.emotion-17 span.float-right > span {
-  display: block;
-  overflow: hidden;
-  margin: 13px auto 0;
-  text-align: right;
-}
-
-.emotion-17 code,
-.emotion-17 tt {
-  margin: 0 2px;
-  padding: 0 5px;
-  white-space: nowrap;
-  border: 1px solid #EEEEEE;
-  background-color: #F8F8F8;
-  border-radius: 3px;
-}
-
-<div
-  style="position:relative;height:calc(100vh);width:calc(100vw)"
->
-  <div
-    class="emotion-28"
-  >
-    <div
-      class="emotion-8"
-      data-simplebar="true"
-    >
-      <div
-        class="simplebar-wrapper"
-      >
-        <div
-          class="simplebar-height-auto-observer-wrapper"
-        >
-          <div
-            class="simplebar-height-auto-observer"
-          />
-        </div>
-        <div
-          class="simplebar-mask"
-        >
-          <div
-            class="simplebar-offset"
-          >
-            <div
-              class="simplebar-content-wrapper"
-            >
-              <div
-                class="simplebar-content"
-              >
-                <div
-                  class="emotion-7"
-                >
-                  <div
-                    class="emotion-2"
-                  >
-                    <div
-                      class="emotion-1"
-                      role="tablist"
-                    >
-                      <button
-                        class="emotion-0"
-                        role="tab"
-                        type="button"
-                      >
-                        About
-                      </button>
-                    </div>
-                  </div>
-                  <div
-                    class="emotion-6"
-                  >
-                    <button
-                      class="emotion-5"
-                    >
-                      <svg
-                        class="emotion-4"
-                        viewBox="0 0 1024 1024"
-                      >
-                        <path
-                          class="emotion-3"
-                          d="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"
-                        />
-                      </svg>
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="simplebar-placeholder"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-horizontal"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-      <div
-        class="simplebar-track simplebar-vertical"
-      >
-        <div
-          class="simplebar-scrollbar"
-        />
-      </div>
-    </div>
-    <div
-      class="emotion-27"
-    >
-      <div
-        class="emotion-26"
-        role="tabpanel"
-      >
-        <div
-          class="emotion-25"
-        >
-          <header
-            class="emotion-9"
-          >
-            <svg
-              viewBox="0 0 64 64"
-            >
-              <title>
-                Storybook icon
-              </title>
-              <g
-                fill="none"
-                fill-rule="evenodd"
-                id="Artboard"
-                stroke="none"
-                stroke-width="1"
-              >
-                <path
-                  d="M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z"
-                  fill="#FF4785"
-                  fill-rule="nonzero"
-                  id="path-1"
-                />
-                <path
-                  d="M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z"
-                  fill="#FFFFFF"
-                  fill-rule="nonzero"
-                  id="path9_fill-path"
-                />
-                <path
-                  d="M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z"
-                  fill="#FFFFFF"
-                  id="Path"
-                />
-              </g>
-            </svg>
-            Storybook 5.0.0
-          </header>
-          <div
-            class="emotion-10"
-          >
-            Looking good! You're up to date.
-          </div>
-          <div
-            class="emotion-16"
-          >
-            <span
-              class="emotion-11"
-            >
-              5.0.0 Changelog
-            </span>
-            <a
-              class="emotion-15"
-              href="https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md"
-              target="_blank"
-            >
-              <span
-                class="emotion-14"
-              >
-                Read full changelog
-                <svg
-                  class="emotion-4"
-                  viewBox="0 0 1024 1024"
-                >
-                  <path
-                    class="emotion-3"
-                    d="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"
-                  />
-                </svg>
-              </span>
-            </a>
-          </div>
-          <div
-            class="emotion-17"
-          >
-            <ul>
-              <li>
-                upgrade webpack & babel to latest
-              </li>
-              <li>
-                new addParameters and third argument to .add to pass data to addons
-              </li>
-              <li>
-                added the ability to theme storybook
-              </li>
-              <li>
-                improved ui for mobile devices
-              </li>
-              <li>
-                improved performance of addon-knobs
-              </li>
-            </ul>
-          </div>
-          <div
-            class="emotion-24"
-          >
-            <a
-              class="emotion-19"
-              href="https://storybook.js.org"
-              target="_blank"
-            >
-              <span
-                class="emotion-18"
-              >
-                Docs
-              </span>
-            </a>
-            <a
-              class="emotion-19"
-              href="https://github.com/storybookjs/storybook"
-              target="_blank"
-            >
-              <span
-                class="emotion-18"
-              >
-                GitHub
-              </span>
-            </a>
-            <a
-              class="emotion-19"
-              href="https://storybook.js.org/support"
-              target="_blank"
-            >
-              <span
-                class="emotion-18"
-              >
-                Support
-              </span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/package.json b/package.json
index 2b3b943f4c7..9741d875eab 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/root",
-  "version": "5.2.0-alpha.23",
+  "version": "5.2.0-alpha.40",
   "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": [
@@ -150,7 +150,7 @@
     "babel-loader": "^8.0.5",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-dynamic-import-node": "^2.2.0",
-    "babel-plugin-emotion": "^10.0.9",
+    "babel-plugin-emotion": "^10.0.14",
     "babel-plugin-macros": "^2.4.5",
     "babel-plugin-require-context-hook": "^1.0.0",
     "babel-preset-vue": "^2.0.2",
@@ -187,7 +187,7 @@
     "jest-cli": "^24.7.1",
     "jest-config": "^24.0.0",
     "jest-diff": "^24.7.0",
-    "jest-emotion": "^10.0.10",
+    "jest-emotion": "^10.0.14",
     "jest-environment-jsdom": "^24.7.1",
     "jest-environment-jsdom-thirteen": "^1.0.1",
     "jest-enzyme": "^7.0.2",
diff --git a/scripts/bootstrap.js b/scripts/bootstrap.js
index 890f22dbe5e..a9f57e69893 100755
--- a/scripts/bootstrap.js
+++ b/scripts/bootstrap.js
@@ -5,6 +5,8 @@ const childProcess = require('child_process');
 const { lstatSync, readdirSync } = require('fs');
 const { join } = require('path');
 
+const logger = console;
+
 let cooldown = 0;
 
 try {
@@ -13,7 +15,7 @@ try {
   require('chalk');
   require('npmlog');
 } catch (e) {
-  console.log('🕘 running bootstrap on a clean repo, we have to install dependencies');
+  logger.log('🕘 running bootstrap on a clean repo, we have to install dependencies');
   childProcess.spawnSync('yarn', ['install', '--ignore-optional'], {
     stdio: ['inherit', 'inherit', 'inherit'],
   });
@@ -23,7 +25,6 @@ try {
   // give the filesystem some time
   cooldown = 1000;
 } finally {
-  // eslint-disable-next-line no-use-before-define
   setTimeout(run, cooldown);
 }
 
@@ -83,7 +84,6 @@ function run() {
     command: () => {
       // run all pre tasks
       pre
-        // eslint-disable-next-line no-use-before-define
         .map(key => tasks[key])
         .forEach(task => {
           if (task.check()) {
diff --git a/scripts/compile-babel.js b/scripts/compile-babel.js
index eaa97968e4c..2211c5e2307 100644
--- a/scripts/compile-babel.js
+++ b/scripts/compile-babel.js
@@ -4,26 +4,18 @@ const path = require('path');
 const shell = require('shelljs');
 
 function getCommand(watch) {
-  const babel = path.join(__dirname, '..', 'node_modules', '.bin', 'babel');
+  // Compile anuglar with tsc
+  if (process.cwd().includes(path.join('app', 'angular'))) {
+    return '';
+  }
 
-  const ignore = [
-    '**/__mocks__/',
-    '**/tests/',
-    '**/__tests__/',
-    '**/*.test.*',
-    '**/stories/',
-    '**/*.story.*',
-    '**/*.stories.*',
-    '**/__snapshots__',
-    '**/*.d.ts',
-  ];
+  const babel = path.join(__dirname, '..', 'node_modules', '.bin', 'babel');
 
   const args = [
     './src',
     '--out-dir ./dist',
     `--config-file ${path.resolve(__dirname, '../.babelrc.js')}`,
     `--copy-files`,
-    `--ignore "${ignore.join('","')}"`,
   ];
 
   /*
@@ -31,10 +23,7 @@ function getCommand(watch) {
    * runtime errors because of the the babel decorators plugin
    * Only transpile .js and let tsc do the job for .ts files
    */
-  if (
-    process.cwd().includes(path.join('app', 'angular')) ||
-    process.cwd().includes(path.join('addons', 'storyshots'))
-  ) {
+  if (process.cwd().includes(path.join('addons', 'storyshots'))) {
     args.push(`--extensions ".js"`);
   } else {
     args.push(`--extensions ".js,.jsx,.ts,.tsx"`);
@@ -68,9 +57,10 @@ function babelify(options = {}) {
   }
 
   const command = getCommand(watch);
-  const { code, stderr } = shell.exec(command, { silent });
-
-  handleExit(code, stderr, errorCallback);
+  if (command !== '') {
+    const { code, stderr } = shell.exec(command, { silent });
+    handleExit(code, stderr, errorCallback);
+  }
 }
 
 module.exports = {
diff --git a/scripts/compile-tsc.js b/scripts/compile-tsc.js
index 402ed63649d..121abf167ff 100644
--- a/scripts/compile-tsc.js
+++ b/scripts/compile-tsc.js
@@ -13,13 +13,16 @@ function getCommand(watch) {
    * Currently, angular and storyshots (that contains an angular component) need to be compiled
    * with tsc. (see comments in compile-babel.js)
    */
-  if (
-    !process.cwd().includes(path.join('app', 'angular')) &&
-    !process.cwd().includes(path.join('addons', 'storyshots'))
-  ) {
+  const isAngular = process.cwd().includes(path.join('app', 'angular'));
+  const isStoryshots = process.cwd().includes(path.join('addons', 'storyshots'));
+  if (!isAngular && !isStoryshots) {
     args.push('--emitDeclarationOnly --declaration true');
   }
 
+  if (isAngular) {
+    args.push('--declaration true');
+  }
+
   if (watch) {
     args.push('-w');
   }
diff --git a/scripts/prepare.js b/scripts/prepare.js
index 74af9aed12a..ce83f95f973 100644
--- a/scripts/prepare.js
+++ b/scripts/prepare.js
@@ -19,15 +19,23 @@ function removeDist() {
   shell.rm('-rf', 'dist');
 }
 
+const ignore = ['__mocks__', '__snapshots__', '__tests__', '/tests/', /.+\.test\..+/];
+
 function cleanup() {
-  // add .ts filtering to babel args and remove after babel - 7 is adopted
+  // remove files after babel --copy-files output
   // --copy-files option doesn't work with --ignore
-  // https://github.com/babel/babel/issues/5404
+  // https://github.com/babel/babel/issues/6226
   if (fs.existsSync(path.join(process.cwd(), 'dist'))) {
-    // ^(?!.*\.d\.ts$).*\.(ts|tsx)$ => Remove everything except .d.ts files https://regex101.com/r/gEBQ0U/16
-    const files = shell.find('dist').filter(tsFile => tsFile.match(/^(?!.*\.d\.ts$).*\.(ts|tsx)$/));
+    const files = shell.find('dist').filter(filePath => {
+      if (fs.lstatSync(filePath).isDirectory()) {
+        return false;
+      }
+      return ignore.reduce((acc, pattern) => {
+        return acc || !!filePath.match(pattern);
+      }, false);
+    });
     if (files.length) {
-      shell.rm(files);
+      shell.rm('-f', ...files);
     }
   }
 }
@@ -42,9 +50,10 @@ function logError(type, packageJson, errorLogs) {
 const packageJson = getPackageJson();
 
 removeDist();
-babelify({ errorCallback: errorLogs => logError('js', packageJson, errorLogs) });
-cleanup();
 
+babelify({ errorCallback: errorLogs => logError('js', packageJson, errorLogs) });
 tscfy({ errorCallback: errorLogs => logError('ts', packageJson, errorLogs) });
 
+cleanup();
+
 console.log(chalk.gray(`Built: ${chalk.bold(`${packageJson.name}@${packageJson.version}`)}`));
diff --git a/scripts/reset.js b/scripts/reset.js
index 1928f04845e..6a645c6e5d8 100644
--- a/scripts/reset.js
+++ b/scripts/reset.js
@@ -3,6 +3,8 @@ import { spawn, exec } from 'child_process';
 import trash from 'trash';
 import del from 'del';
 
+const logger = console;
+
 fs.writeFileSync('reset.log', '');
 
 // let results = [];
@@ -30,15 +32,15 @@ cleaningProcess.stdout.on('data', data => {
             uri.match(/dll/)
           ) {
             del(uri).then(() => {
-              console.log(`deleted ${uri}`);
+              logger.log(`deleted ${uri}`);
             });
           } else {
             trash(uri)
               .then(() => {
-                console.log(`trashed ${uri}`);
+                logger.log(`trashed ${uri}`);
               })
               .catch(e => {
-                console.log('failed to trash, will try permanent delete');
+                logger.log('failed to trash, will try permanent delete');
                 trash(uri);
               });
           }
@@ -53,8 +55,8 @@ cleaningProcess.stdout.on('data', data => {
 });
 cleaningProcess.on('exit', code => {
   if (code === 0) {
-    console.log('all went well, files are being trashed now');
+    logger.log('all went well, files are being trashed now');
   } else {
-    console.error(code);
+    logger.error(code);
   }
 });
diff --git a/scripts/test.js b/scripts/test.js
index 5870525aa6a..fd29e7ac5cf 100644
--- a/scripts/test.js
+++ b/scripts/test.js
@@ -174,7 +174,10 @@ selection
           ? ''
           : `--projects ${jestProjects.join(' ')}`;
 
-        spawn(`node --max_old_space_size=4096 ${jest} ${projectsParam} ${extraParams}`);
+        const cmd = `node --max_old_space_size=4096 ${jest} ${projectsParam} ${extraParams}`;
+
+        console.log(cmd);
+        spawn(cmd);
       }
 
       nonJestProjects.forEach(key =>
diff --git a/tsconfig.json b/tsconfig.json
index 2261ec059c1..a2454a3af84 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,14 +13,8 @@
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "target": "es5",
-    "types": [
-      "node",
-      "jest"
-    ],
-    "lib": [
-      "es2017",
-      "dom"
-    ]
+    "types": ["node", "jest"],
+    "lib": ["es2017", "dom"]
   },
   "exclude": [
     "**/dist",
diff --git a/yarn.lock b/yarn.lock
index 27465eae633..13dd86a34a4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -179,9 +179,9 @@
     tslib "^1.9.0"
 
 "@babel/cli@^7.2.3":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.4.4.tgz#5454bb7112f29026a4069d8e6f0e1794e651966c"
-  integrity sha512-XGr5YjQSjgTa6OzQZY57FAJsdeVSAKR/u/KA5exWIz66IKtv/zXtHy+fIZcMry/EgYegwuHE7vzGnrFhjdIAsQ==
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.5.0.tgz#f403c930692e28ecfa3bf02a9e7562b474f38271"
+  integrity sha512-qNH55fWbKrEsCwID+Qc/3JDPnsSGpIIiMDbppnR8Z6PxLAqMQCFNqBctkIkBrMH49Nx+qqVTrHRWUR+ho2k+qQ==
   dependencies:
     commander "^2.8.1"
     convert-source-map "^1.1.0"
@@ -195,7 +195,7 @@
   optionalDependencies:
     chokidar "^2.0.4"
 
-"@babel/code-frame@7.0.0", "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.0.0-beta.44":
+"@babel/code-frame@7.0.0", "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.0.0 <7.4.0", "@babel/code-frame@^7.0.0-beta.44":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0.tgz#06e2ab19bdb535385559aabb5ba59729482800f8"
   integrity sha512-OfC2uemaknXr87bdLUkWog7nYuliM9Ij5HUcajsVcMCpQrcLmtxRbVFTIqmcSkSeYRBFBRxs2FiUqFJDLdiebA==
@@ -204,14 +204,14 @@
 
 "@babel/code-frame@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0-beta.44.tgz#2a02643368de80916162be70865c97774f3adbd9"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0-beta.44.tgz#2a02643368de80916162be70865c97774f3adbd9"
   integrity sha512-cuAuTTIQ9RqcFRJ/Y8PvTh+paepNcaGxwQwjIDRWPXmzzyAeCO4KqS9ikMvq0MCbRk6GlYKwfzStrcP3/jSL8g==
   dependencies:
     "@babel/highlight" "7.0.0-beta.44"
 
 "@babel/core@7.2.0":
   version "7.2.0"
-  resolved "https://registry.npmjs.org/@babel/core/-/core-7.2.0.tgz#a4dd3814901998e93340f0086e9867fefa163ada"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.2.0.tgz#a4dd3814901998e93340f0086e9867fefa163ada"
   integrity sha512-7pvAdC4B+iKjFFp9Ztj0QgBndJ++qaMeonT185wAqUnhipw8idm9Rv1UMyBuKtYjfl6ORNkgEgcsYLfHX/GpLw==
   dependencies:
     "@babel/code-frame" "^7.0.0"
@@ -229,6 +229,26 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
+"@babel/core@7.2.2":
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.2.2.tgz#07adba6dde27bb5ad8d8672f15fde3e08184a687"
+  integrity sha512-59vB0RWt09cAct5EIe58+NzGP4TFSD3Bz//2/ELy3ZeTeKF6VTD1AXlH8BGGbCX0PuobZBsIzO7IAI9PH67eKw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/generator" "^7.2.2"
+    "@babel/helpers" "^7.2.0"
+    "@babel/parser" "^7.2.2"
+    "@babel/template" "^7.2.2"
+    "@babel/traverse" "^7.2.2"
+    "@babel/types" "^7.2.2"
+    convert-source-map "^1.1.0"
+    debug "^4.1.0"
+    json5 "^2.1.0"
+    lodash "^4.17.10"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
 "@babel/core@7.4.3":
   version "7.4.3"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.4.3.tgz#198d6d3af4567be3989550d97e068de94503074f"
@@ -249,18 +269,38 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.1.6", "@babel/core@^7.2.2", "@babel/core@^7.3.3", "@babel/core@^7.3.4", "@babel/core@^7.4.3", "@babel/core@^7.4.5":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.4.5.tgz#081f97e8ffca65a9b4b0fdc7e274e703f000c06a"
-  integrity sha512-OvjIh6aqXtlsA8ujtGKfC7LYWksYSX8yQcM8Ay3LuvVeQ63lcOKgoZWVqcpFwkd29aYU9rVx7jxhfhiEDV9MZA==
+"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.1.6", "@babel/core@^7.2.2", "@babel/core@^7.3.3", "@babel/core@^7.3.4", "@babel/core@^7.4.5":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.5.0.tgz#6ed6a2881ad48a732c5433096d96d1b0ee5eb734"
+  integrity sha512-6Isr4X98pwXqHvtigw71CKgmhL1etZjPs5A67jL/w0TkLM9eqmFR40YrnJvEc1WnMZFsskjsmid8bHZyxKEAnw==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@babel/generator" "^7.4.4"
-    "@babel/helpers" "^7.4.4"
-    "@babel/parser" "^7.4.5"
+    "@babel/generator" "^7.5.0"
+    "@babel/helpers" "^7.5.0"
+    "@babel/parser" "^7.5.0"
     "@babel/template" "^7.4.4"
-    "@babel/traverse" "^7.4.5"
-    "@babel/types" "^7.4.4"
+    "@babel/traverse" "^7.5.0"
+    "@babel/types" "^7.5.0"
+    convert-source-map "^1.1.0"
+    debug "^4.1.0"
+    json5 "^2.1.0"
+    lodash "^4.17.11"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
+"@babel/core@^7.0.0 <7.4.0":
+  version "7.3.4"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.3.4.tgz#921a5a13746c21e32445bf0798680e9d11a6530b"
+  integrity sha512-jRsuseXBo9pN197KnDwhhaaBzyZr2oIcLHHTt2oDdQrej5Qp57dCCJafWx5ivU8/alEYDpssYqv1MUqcxwQlrA==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/generator" "^7.3.4"
+    "@babel/helpers" "^7.2.0"
+    "@babel/parser" "^7.3.4"
+    "@babel/template" "^7.2.2"
+    "@babel/traverse" "^7.3.4"
+    "@babel/types" "^7.3.4"
     convert-source-map "^1.1.0"
     debug "^4.1.0"
     json5 "^2.1.0"
@@ -271,7 +311,7 @@
 
 "@babel/generator@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.0.0-beta.44.tgz#c7e67b9b5284afcf69b309b50d7d37f3e5033d42"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.0.0-beta.44.tgz#c7e67b9b5284afcf69b309b50d7d37f3e5033d42"
   integrity sha512-5xVb7hlhjGcdkKpMXgicAVgx8syK5VJz193k0i/0sLP6DzE6lRrU1K3B/rFefgdo9LPGMAOOOAWW4jycj07ShQ==
   dependencies:
     "@babel/types" "7.0.0-beta.44"
@@ -280,23 +320,23 @@
     source-map "^0.5.0"
     trim-right "^1.0.1"
 
-"@babel/generator@^7.0.0", "@babel/generator@^7.4.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==
+"@babel/generator@^7.0.0", "@babel/generator@^7.2.0", "@babel/generator@^7.2.2", "@babel/generator@^7.3.4", "@babel/generator@^7.4.0", "@babel/generator@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.5.0.tgz#f20e4b7a91750ee8b63656073d843d2a736dca4a"
+  integrity sha512-1TTVrt7J9rcG5PMjvO7VEG3FrEoEJNHxumRq66GemPmzboLWtIjjcJgk8rokuAS7IiRSpgVSu5Vb9lc99iJkOA==
   dependencies:
-    "@babel/types" "^7.4.4"
+    "@babel/types" "^7.5.0"
     jsesc "^2.5.1"
     lodash "^4.17.11"
     source-map "^0.5.0"
     trim-right "^1.0.1"
 
-"@babel/generator@^7.2.0":
-  version "7.4.0"
-  resolved "https://registry.npmjs.org/@babel/generator/-/generator-7.4.0.tgz#c230e79589ae7a729fd4631b9ded4dc220418196"
-  integrity sha512-/v5I+a1jhGSKLgZDcmAUZ4K/VePi43eRkUs3yePW1HB1iANOD5tqJXwGSG4BZhSksP8J9ejSlwGeTiiOFZOrXQ==
+"@babel/generator@^7.0.0 <7.4.0":
+  version "7.3.4"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.3.4.tgz#9aa48c1989257877a9d971296e5b73bfe72e446e"
+  integrity sha512-8EXhHRFqlVVWXPezBW5keTiQi/rJMQTg/Y9uVCEZ0CAF3PKtCCaVRnp64Ii1ujhkoDhhF1fVsImoN4yJ2uz4Wg==
   dependencies:
-    "@babel/types" "^7.4.0"
+    "@babel/types" "^7.3.4"
     jsesc "^2.5.1"
     lodash "^4.17.11"
     source-map "^0.5.0"
@@ -334,22 +374,10 @@
     "@babel/traverse" "^7.4.4"
     "@babel/types" "^7.4.4"
 
-"@babel/helper-create-class-features-plugin@^7.2.0":
-  version "7.4.3"
-  resolved "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.4.3.tgz#5bbd279c6c3ac6a60266b89bbfe7f8021080a1ef"
-  integrity sha512-UMl3TSpX11PuODYdWGrUeW6zFkdYhDn7wRLrOuNVM6f9L+S9CzmDXYyrp3MTHcwWjnzur1f/Op8A7iYZWya2Yg==
-  dependencies:
-    "@babel/helper-function-name" "^7.1.0"
-    "@babel/helper-member-expression-to-functions" "^7.0.0"
-    "@babel/helper-optimise-call-expression" "^7.0.0"
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-replace-supers" "^7.4.0"
-    "@babel/helper-split-export-declaration" "^7.4.0"
-
-"@babel/helper-create-class-features-plugin@^7.4.0", "@babel/helper-create-class-features-plugin@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.4.4.tgz#fc3d690af6554cc9efc607364a82d48f58736dba"
-  integrity sha512-UbBHIa2qeAGgyiNR9RszVF7bUHEdgS4JAUNT8SiqrAN6YJVxlOxeLr5pBzb5kan302dejJ9nla4RyKcR1XT6XA==
+"@babel/helper-create-class-features-plugin@^7.2.0", "@babel/helper-create-class-features-plugin@^7.3.0", "@babel/helper-create-class-features-plugin@^7.4.0", "@babel/helper-create-class-features-plugin@^7.4.4", "@babel/helper-create-class-features-plugin@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.5.0.tgz#02edb97f512d44ba23b3227f1bf2ed43454edac5"
+  integrity sha512-EAoMc3hE5vE5LNhMqDOwB1usHvmRjCDAnH8CD4PVkX9/Yr3W/tcz8xE8QvdZxfsFBDICwZnF2UTHIqslRpvxmA==
   dependencies:
     "@babel/helper-function-name" "^7.1.0"
     "@babel/helper-member-expression-to-functions" "^7.0.0"
@@ -358,7 +386,7 @@
     "@babel/helper-replace-supers" "^7.4.4"
     "@babel/helper-split-export-declaration" "^7.4.4"
 
-"@babel/helper-define-map@^7.4.0", "@babel/helper-define-map@^7.4.4":
+"@babel/helper-define-map@^7.1.0", "@babel/helper-define-map@^7.4.0", "@babel/helper-define-map@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.4.4.tgz#6969d1f570b46bdc900d1eba8e5d59c48ba2c12a"
   integrity sha512-IX3Ln8gLhZpSuqHJSnTNBWGDE9kdkTEWl21A/K7PQ00tseBwbqCHTvNLHSBd9M0R5rER4h5Rsvj9vw0R5SieBg==
@@ -377,7 +405,7 @@
 
 "@babel/helper-function-name@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.0.0-beta.44.tgz#e18552aaae2231100a6e485e03854bc3532d44dd"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.0.0-beta.44.tgz#e18552aaae2231100a6e485e03854bc3532d44dd"
   integrity sha512-MHRG2qZMKMFaBavX0LWpfZ2e+hLloT++N7rfM3DYOMUOGCD8cVjqZpwiL8a0bOX3IYcQev1ruciT0gdFFRTxzg==
   dependencies:
     "@babel/helper-get-function-arity" "7.0.0-beta.44"
@@ -395,7 +423,7 @@
 
 "@babel/helper-get-function-arity@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0-beta.44.tgz#d03ca6dd2b9f7b0b1e6b32c56c72836140db3a15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0-beta.44.tgz#d03ca6dd2b9f7b0b1e6b32c56c72836140db3a15"
   integrity sha512-w0YjWVwrM2HwP6/H3sEgrSQdkCaxppqFeJtAnB23pRiJB5E/O9Yp7JAAeWBl+gGEgmBFinnTyOv2RN7rcSmMiw==
   dependencies:
     "@babel/types" "7.0.0-beta.44"
@@ -490,7 +518,7 @@
 
 "@babel/helper-split-export-declaration@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0-beta.44.tgz#c0b351735e0fbcb3822c8ad8db4e583b05ebd9dc"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0-beta.44.tgz#c0b351735e0fbcb3822c8ad8db4e583b05ebd9dc"
   integrity sha512-aQ7QowtkgKKzPGf0j6u77kBMdUFVBKNHw2p/3HX/POt5/oz8ec5cs0GwlgM8Hz7ui5EwJnzyfRmkNF1Nx1N7aA==
   dependencies:
     "@babel/types" "7.0.0-beta.44"
@@ -512,18 +540,18 @@
     "@babel/traverse" "^7.1.0"
     "@babel/types" "^7.2.0"
 
-"@babel/helpers@^7.2.0", "@babel/helpers@^7.4.3", "@babel/helpers@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.4.4.tgz#868b0ef59c1dd4e78744562d5ce1b59c89f2f2a5"
-  integrity sha512-igczbR/0SeuPR8RFfC7tGrbdTbFL3QTvH6D+Z6zNxnTe//GyqmtHmDkzrqDmyZ3eSwPqB/LhyKoU5DXsp+Vp2A==
+"@babel/helpers@^7.2.0", "@babel/helpers@^7.4.3", "@babel/helpers@^7.5.0":
+  version "7.5.1"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.5.1.tgz#65407c741a56ddd59dd86346cd112da3de912db3"
+  integrity sha512-rVOTDv8sH8kNI72Unenusxw6u+1vEepZgLxeV+jHkhsQlYhzVhzL1EpfoWT7Ub3zpWSv2WV03V853dqsnyoQzA==
   dependencies:
     "@babel/template" "^7.4.4"
-    "@babel/traverse" "^7.4.4"
-    "@babel/types" "^7.4.4"
+    "@babel/traverse" "^7.5.0"
+    "@babel/types" "^7.5.0"
 
 "@babel/highlight@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.0.0-beta.44.tgz#18c94ce543916a80553edcdcf681890b200747d5"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.0.0-beta.44.tgz#18c94ce543916a80553edcdcf681890b200747d5"
   integrity sha512-Il19yJvy7vMFm8AVAh6OZzaFoAd0hbkeMZiX3P5HGD+z7dyI7RzndHB0dg6Urh/VAFfHtpOIzDUSxmY6coyZWQ==
   dependencies:
     chalk "^2.0.0"
@@ -531,28 +559,23 @@
     js-tokens "^3.0.0"
 
 "@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==
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540"
+  integrity sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==
   dependencies:
     chalk "^2.0.0"
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.1.6", "@babel/parser@^7.4.2", "@babel/parser@^7.4.3", "@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/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.1.6", "@babel/parser@^7.2.0", "@babel/parser@^7.2.2", "@babel/parser@^7.2.3", "@babel/parser@^7.3.4", "@babel/parser@^7.4.2", "@babel/parser@^7.4.3", "@babel/parser@^7.4.4", "@babel/parser@^7.4.5", "@babel/parser@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.5.0.tgz#3e0713dff89ad6ae37faec3b29dcfc5c979770b7"
+  integrity sha512-I5nW8AhGpOXGCCNYGc+p7ExQIBxRFnS2fd/d862bNOKvmoEPjYPcfIjsfdy0ujagYOIYPczKgD9l3FsgTkAzKA==
 
-"@babel/parser@^7.2.0":
-  version "7.4.3"
-  resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.4.3.tgz#eb3ac80f64aa101c907d4ce5406360fe75b7895b"
-  integrity sha512-gxpEUhTS1sGA63EGQGuA+WESPR/6tz6ng7tSHFCmaTJK/cGK8y37cBTspX+U2xCAue2IQVvF6Z0oigmjwD8YGQ==
-
-"@babel/parser@^7.4.0":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.4.4.tgz#5977129431b8fe33471730d255ce8654ae1250b6"
-  integrity sha512-5pCS4mOsL+ANsFZGdvNLybx4wtqAZJ0MJjMHxvzI3bvIsz6sQvzW8XX92EYIkiPtIvcfG3Aj+Ir5VNyjnZhP7w==
+"@babel/parser@^7.0.0 <7.4.0":
+  version "7.3.4"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.3.4.tgz#a43357e4bbf4b92a437fb9e465c192848287f27c"
+  integrity sha512-tXZCqWtlOOP4wgCp6RjRvLmfuhnqTLy9VHwRochJBCP2nDm27JnnuFEnXFASVyQNHk36jD1tAammsCEEqgscIQ==
 
 "@babel/plugin-external-helpers@^7.0.0":
   version "7.2.0"
@@ -572,12 +595,20 @@
 
 "@babel/plugin-proposal-class-properties@7.2.0":
   version "7.2.0"
-  resolved "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.2.0.tgz#12ade6dc7b92ea4fa4c84b4d7b87e9d0f446b4f8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.2.0.tgz#12ade6dc7b92ea4fa4c84b4d7b87e9d0f446b4f8"
   integrity sha512-pdBj4Hvyt/L1LA0Vvm/Tkp9gNDGLIkSbX8IrYfWcoA5xUZIg8qjSOTChUSaCjYdvoMcB9y2bXVGNVZ5DH62CZg==
   dependencies:
     "@babel/helper-create-class-features-plugin" "^7.2.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-proposal-class-properties@7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.3.0.tgz#272636bc0fa19a0bc46e601ec78136a173ea36cd"
+  integrity sha512-wNHxLkEKTQ2ay0tnsam2z7fGZUi+05ziDJflEt3AZTP3oXLKHJp9HqhfroB/vdMvt3sda9fAbq7FsG8QPDrZBg==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.3.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-proposal-class-properties@7.4.0":
   version "7.4.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.4.0.tgz#d70db61a2f1fd79de927eea91f6411c964e084b8"
@@ -587,16 +618,16 @@
     "@babel/helper-plugin-utils" "^7.0.0"
 
 "@babel/plugin-proposal-class-properties@^7.0.0", "@babel/plugin-proposal-class-properties@^7.1.0", "@babel/plugin-proposal-class-properties@^7.3.3", "@babel/plugin-proposal-class-properties@^7.3.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.4.4.tgz#93a6486eed86d53452ab9bab35e368e9461198ce"
-  integrity sha512-WjKTI8g8d5w1Bc9zgwSz2nfrsNQsXcCf9J9cdCvrJV6RF56yztwm4TmJC0MgJ9tvwO9gUA/mcYe89bLdGfiXFg==
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.5.0.tgz#5bc6a0537d286fcb4fd4e89975adbca334987007"
+  integrity sha512-9L/JfPCT+kShiiTTzcnBJ8cOwdKVmlC1RcCf9F0F9tERVrM4iWtWnXtjWCRqNm2la2BxO1MPArWNsU9zsSJWSQ==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.4.4"
+    "@babel/helper-create-class-features-plugin" "^7.5.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
 "@babel/plugin-proposal-decorators@7.2.0":
   version "7.2.0"
-  resolved "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.2.0.tgz#6b4278282a6f5dd08b5d89b94f21aa1671fea071"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.2.0.tgz#6b4278282a6f5dd08b5d89b94f21aa1671fea071"
   integrity sha512-yrDmvCsOMvNPpjCC6HMseiac2rUuQdeNqUyPU+3QbW7gLg/APX0c/7l9i/aulSICJQOkP6/4EHxkcB4d4DqZhg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -604,6 +635,15 @@
     "@babel/helper-split-export-declaration" "^7.0.0"
     "@babel/plugin-syntax-decorators" "^7.2.0"
 
+"@babel/plugin-proposal-decorators@7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.3.0.tgz#637ba075fa780b1f75d08186e8fb4357d03a72a7"
+  integrity sha512-3W/oCUmsO43FmZIqermmq6TKaRSYhmh/vybPfVFwQWdSb8xwki38uAIvknCRzuyHRuYfCYmJzL9or1v0AffPjg==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.3.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-decorators" "^7.2.0"
+
 "@babel/plugin-proposal-decorators@7.4.0":
   version "7.4.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.4.0.tgz#8e1bfd83efa54a5f662033afcc2b8e701f4bb3a9"
@@ -622,6 +662,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-decorators" "^7.2.0"
 
+"@babel/plugin-proposal-dynamic-import@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.5.0.tgz#e532202db4838723691b10a67b8ce509e397c506"
+  integrity sha512-x/iMjggsKTFHYC6g11PL7Qy58IK8H5zqfm9e6hu4z1iH2IRyAp9u9dL80zA6R76yFovETFLKz2VJIC2iIPBuFw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.2.0"
+
 "@babel/plugin-proposal-export-default-from@7.2.0", "@babel/plugin-proposal-export-default-from@^7.0.0", "@babel/plugin-proposal-export-default-from@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.2.0.tgz#737b0da44b9254b6152fe29bb99c64e5691f6f68"
@@ -632,7 +680,7 @@
 
 "@babel/plugin-proposal-export-namespace-from@^7.0.0":
   version "7.2.0"
-  resolved "https://registry.npmjs.org/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.2.0.tgz#308fd4d04ff257fc3e4be090550840eeabad5dd9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.2.0.tgz#308fd4d04ff257fc3e4be090550840eeabad5dd9"
   integrity sha512-DZUxbHYxQ5fUFIkMEnh75ogEdBLPfL+mQUqrO2hNY2LGm+tqFnxE924+mhAcCOh/8za8AaZsWHbq6bBoS3TAzA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -640,7 +688,7 @@
 
 "@babel/plugin-proposal-function-bind@^7.2.0":
   version "7.2.0"
-  resolved "https://registry.npmjs.org/@babel/plugin-proposal-function-bind/-/plugin-proposal-function-bind-7.2.0.tgz#94dc2cdc505cafc4e225c0014335a01648056bf7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-function-bind/-/plugin-proposal-function-bind-7.2.0.tgz#94dc2cdc505cafc4e225c0014335a01648056bf7"
   integrity sha512-qOFJ/eX1Is78sywwTxDcsntLOdb5ZlHVVqUz5xznq8ldAfOVIyZzp1JE2rzHnaksZIhrqMrwIpQL/qcEprnVbw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -662,6 +710,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.2.0"
 
+"@babel/plugin-proposal-object-rest-spread@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.3.2.tgz#6d1859882d4d778578e41f82cc5d7bf3d5daf6c1"
+  integrity sha512-DjeMS+J2+lpANkYLLO+m6GjoTMygYglKmRe6cDTbFv3L9i6mmiE8fe6B8MtCSLZpVXscD5kn7s6SgtHrDoBWoA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
+
 "@babel/plugin-proposal-object-rest-spread@7.4.3":
   version "7.4.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.4.3.tgz#be27cd416eceeba84141305b93c282f5de23bbb4"
@@ -670,10 +726,10 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
 
-"@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.3.2", "@babel/plugin-proposal-object-rest-spread@^7.4.3", "@babel/plugin-proposal-object-rest-spread@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.4.4.tgz#1ef173fcf24b3e2df92a678f027673b55e7e3005"
-  integrity sha512-dMBG6cSPBbHeEBdFXeQ2QLc5gUpg4Vkaz8octD4aoW/ISO+jBOcsuxYL7bsb5WSu8RLP6boxrBIALEHgoHtO9g==
+"@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.3.1", "@babel/plugin-proposal-object-rest-spread@^7.3.2", "@babel/plugin-proposal-object-rest-spread@^7.3.4", "@babel/plugin-proposal-object-rest-spread@^7.4.3", "@babel/plugin-proposal-object-rest-spread@^7.5.4":
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.5.4.tgz#250de35d867ce8260a31b1fdac6c4fc1baa99331"
+  integrity sha512-KCx0z3y7y8ipZUMAEEJOyNi11lMb/FOPUjjB113tfowgw0c16EGYos7worCKBcUAh2oG+OBnoUhsnTSoLpV9uA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
@@ -740,7 +796,7 @@
 
 "@babel/plugin-syntax-export-namespace-from@^7.2.0":
   version "7.2.0"
-  resolved "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.2.0.tgz#8d257838c6b3b779db52c0224443459bd27fb039"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.2.0.tgz#8d257838c6b3b779db52c0224443459bd27fb039"
   integrity sha512-1zGA3UNch6A+A11nIzBVEaE3DDJbjfB+eLIcf0GGOh/BJr/8NxL3546MGhV/r0RhH4xADFIEso39TKCfEMlsGA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -754,7 +810,7 @@
 
 "@babel/plugin-syntax-function-bind@^7.2.0":
   version "7.2.0"
-  resolved "https://registry.npmjs.org/@babel/plugin-syntax-function-bind/-/plugin-syntax-function-bind-7.2.0.tgz#68fe85b0c0da67125f87bf239c68051b06c66309"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-function-bind/-/plugin-syntax-function-bind-7.2.0.tgz#68fe85b0c0da67125f87bf239c68051b06c66309"
   integrity sha512-/WzU1lLU2l0wDfB42Wkg6tahrmtBbiD8C4H6EGSX0M4GAjzN6JiOpq/Uh8G6GSoR6lPMvhjM0MNiV6znj6y/zg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -815,10 +871,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-async-to-generator@^7.0.0", "@babel/plugin-transform-async-to-generator@^7.2.0", "@babel/plugin-transform-async-to-generator@^7.4.0", "@babel/plugin-transform-async-to-generator@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.4.4.tgz#a3f1d01f2f21cadab20b33a82133116f14fb5894"
-  integrity sha512-YiqW2Li8TXmzgbXw+STsSqPBPFnGviiaSp6CYOq55X8GQ2SGVLrXB6pNid8HkqkZAzOH6knbai3snhP7v0fNwA==
+"@babel/plugin-transform-async-to-generator@^7.0.0", "@babel/plugin-transform-async-to-generator@^7.2.0", "@babel/plugin-transform-async-to-generator@^7.3.4", "@babel/plugin-transform-async-to-generator@^7.4.0", "@babel/plugin-transform-async-to-generator@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.5.0.tgz#89a3848a0166623b5bc481164b5936ab947e887e"
+  integrity sha512-mqvkzwIGkq0bEF1zLRRiTdjfomZJDV33AH3oQzHVGkI2VzEmXLpKKOBvEVaFZBJdN0XTyH38s9j/Kiqr68dggg==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -831,7 +887,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-block-scoping@^7.0.0", "@babel/plugin-transform-block-scoping@^7.2.0", "@babel/plugin-transform-block-scoping@^7.4.0", "@babel/plugin-transform-block-scoping@^7.4.4":
+"@babel/plugin-transform-block-scoping@^7.0.0", "@babel/plugin-transform-block-scoping@^7.2.0", "@babel/plugin-transform-block-scoping@^7.3.4", "@babel/plugin-transform-block-scoping@^7.4.0", "@babel/plugin-transform-block-scoping@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.4.4.tgz#c13279fabf6b916661531841a23c4b7dae29646d"
   integrity sha512-jkTUyWZcTrwxu5DD4rWz6rDB5Cjdmgz6z7M7RLXOJyCUkFBawssDGcGh8M/0FTSB87avyJI1HsTwUXp9nKA1PA==
@@ -839,6 +895,20 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     lodash "^4.17.11"
 
+"@babel/plugin-transform-classes@7.2.2":
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.2.2.tgz#6c90542f210ee975aa2aa8c8b5af7fa73a126953"
+  integrity sha512-gEZvgTy1VtcDOaQty1l10T3jQmJKlNVxLDCs+3rCVPr6nMkODLELxViq5X9l+rfxbie3XrfrMCYYY6eX3aOcOQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.0.0"
+    "@babel/helper-define-map" "^7.1.0"
+    "@babel/helper-function-name" "^7.1.0"
+    "@babel/helper-optimise-call-expression" "^7.0.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-replace-supers" "^7.1.0"
+    "@babel/helper-split-export-declaration" "^7.0.0"
+    globals "^11.1.0"
+
 "@babel/plugin-transform-classes@7.4.3":
   version "7.4.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.4.3.tgz#adc7a1137ab4287a555d429cc56ecde8f40c062c"
@@ -853,7 +923,7 @@
     "@babel/helper-split-export-declaration" "^7.4.0"
     globals "^11.1.0"
 
-"@babel/plugin-transform-classes@^7.0.0", "@babel/plugin-transform-classes@^7.2.0", "@babel/plugin-transform-classes@^7.4.3", "@babel/plugin-transform-classes@^7.4.4":
+"@babel/plugin-transform-classes@^7.0.0", "@babel/plugin-transform-classes@^7.2.0", "@babel/plugin-transform-classes@^7.3.4", "@babel/plugin-transform-classes@^7.4.3", "@babel/plugin-transform-classes@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.4.4.tgz#0ce4094cdafd709721076d3b9c38ad31ca715eb6"
   integrity sha512-/e44eFLImEGIpL9qPxSRat13I5QNRgBLu2hOQJCF7VLy/otSM/sypV1+XaIw5+502RX/+6YaSAPmldk+nhHDPw==
@@ -874,6 +944,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-destructuring@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.3.2.tgz#f2f5520be055ba1c38c41c0e094d8a461dd78f2d"
+  integrity sha512-Lrj/u53Ufqxl/sGxyjsJ2XNtNuEjDyjpqdhMNh5aZ+XFOdThL46KBj27Uem4ggoezSYBxKWAil6Hu8HtwqesYw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-destructuring@7.4.3":
   version "7.4.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.4.3.tgz#1a95f5ca2bf2f91ef0648d5de38a8d472da4350f"
@@ -881,10 +958,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-destructuring@^7.0.0", "@babel/plugin-transform-destructuring@^7.2.0", "@babel/plugin-transform-destructuring@^7.4.3", "@babel/plugin-transform-destructuring@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.4.4.tgz#9d964717829cc9e4b601fc82a26a71a4d8faf20f"
-  integrity sha512-/aOx+nW0w8eHiEHm+BTERB2oJn5D127iye/SUQl7NjHy0lf+j7h4MKMMSOwdazGq9OxgiNADncE+SRJkCxjZpQ==
+"@babel/plugin-transform-destructuring@^7.0.0", "@babel/plugin-transform-destructuring@^7.2.0", "@babel/plugin-transform-destructuring@^7.4.3", "@babel/plugin-transform-destructuring@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.5.0.tgz#f6c09fdfe3f94516ff074fe877db7bc9ef05855a"
+  integrity sha512-YbYgbd3TryYYLGyC7ZR+Tq8H/+bCmwoaxHfJHupom5ECstzbRLTch6gOQbhEY9Z4hiCNHEURgq06ykFv9JZ/QQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
@@ -897,10 +974,10 @@
     "@babel/helper-regex" "^7.4.4"
     regexpu-core "^4.5.4"
 
-"@babel/plugin-transform-duplicate-keys@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.2.0.tgz#d952c4930f312a4dbfff18f0b2914e60c35530b3"
-  integrity sha512-q+yuxW4DsTjNceUiTzK0L+AfQ0zD9rWaTLiUqHA8p0gxx7lu1EylenfzjeIWNkPy6e/0VG/Wjw9uf9LueQwLOw==
+"@babel/plugin-transform-duplicate-keys@^7.2.0", "@babel/plugin-transform-duplicate-keys@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.5.0.tgz#c5dbf5106bf84cdf691222c0974c12b1df931853"
+  integrity sha512-igcziksHizyQPlX9gfSjHkE2wmoCH3evvD2qR5w29/Dk0SMKE/eOI7f1HhBdNhR/zxJDqrgpoDTq5YSLH/XMsQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
@@ -912,6 +989,14 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.1.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-flow-strip-types@7.2.3":
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.2.3.tgz#e3ac2a594948454e7431c7db33e1d02d51b5cd69"
+  integrity sha512-xnt7UIk9GYZRitqCnsVMjQK1O2eKZwFB3CvvHjf5SGx6K6vr/MScCKQDnf1DxRaj501e3pXjti+inbSXX2ZUoQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.2.0"
+
 "@babel/plugin-transform-flow-strip-types@7.4.0":
   version "7.4.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.4.0.tgz#f3c59eecff68c99b9c96eaafe4fe9d1fa8947138"
@@ -928,6 +1013,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-flow" "^7.2.0"
 
+"@babel/plugin-transform-flow-strip-types@^7.0.0 <7.4.0":
+  version "7.3.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.3.4.tgz#00156236defb7dedddc2d3c9477dcc01a4494327"
+  integrity sha512-PmQC9R7DwpBFA+7ATKMyzViz3zCaMNouzZMPZN2K5PnbBbtL3AXFYTkDk+Hey5crQq2A90UG5Uthz0mel+XZrA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.2.0"
+
 "@babel/plugin-transform-for-of@^7.0.0", "@babel/plugin-transform-for-of@^7.2.0", "@babel/plugin-transform-for-of@^7.4.3", "@babel/plugin-transform-for-of@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.4.4.tgz#0267fc735e24c808ba173866c6c4d1440fc3c556"
@@ -957,30 +1050,42 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-modules-amd@^7.0.0", "@babel/plugin-transform-modules-amd@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.2.0.tgz#82a9bce45b95441f617a24011dc89d12da7f4ee6"
-  integrity sha512-mK2A8ucqz1qhrdqjS9VMIDfIvvT2thrEsIQzbaTdc5QFzhDjQv2CkJJ5f6BXIkgbmaoax3zBr2RyvV/8zeoUZw==
+"@babel/plugin-transform-modules-amd@^7.0.0", "@babel/plugin-transform-modules-amd@^7.2.0", "@babel/plugin-transform-modules-amd@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.5.0.tgz#ef00435d46da0a5961aa728a1d2ecff063e4fb91"
+  integrity sha512-n20UsQMKnWrltocZZm24cRURxQnWIvsABPJlw/fvoy9c6AgHZzoelAIzajDHAQrDpuKFFPPcFGd7ChsYuIUMpg==
   dependencies:
     "@babel/helper-module-transforms" "^7.1.0"
     "@babel/helper-plugin-utils" "^7.0.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.2.0", "@babel/plugin-transform-modules-commonjs@^7.4.3", "@babel/plugin-transform-modules-commonjs@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.4.4.tgz#0bef4713d30f1d78c2e59b3d6db40e60192cac1e"
-  integrity sha512-4sfBOJt58sEo9a2BQXnZq+Q3ZTSAUXyK3E30o36BOGnJ+tvJ6YSxF0PG6kERvbeISgProodWuI9UVG3/FMY6iw==
+"@babel/plugin-transform-modules-commonjs@^7.0.0", "@babel/plugin-transform-modules-commonjs@^7.2.0", "@babel/plugin-transform-modules-commonjs@^7.4.3", "@babel/plugin-transform-modules-commonjs@^7.4.4", "@babel/plugin-transform-modules-commonjs@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.5.0.tgz#425127e6045231360858eeaa47a71d75eded7a74"
+  integrity sha512-xmHq0B+ytyrWJvQTc5OWAC4ii6Dhr0s22STOoydokG51JjWhyYo5mRPXoi+ZmtHQhZZwuXNN+GG5jy5UZZJxIQ==
   dependencies:
     "@babel/helper-module-transforms" "^7.4.4"
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-simple-access" "^7.1.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-systemjs@^7.2.0", "@babel/plugin-transform-modules-systemjs@^7.4.0", "@babel/plugin-transform-modules-systemjs@^7.4.4":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.4.4.tgz#dc83c5665b07d6c2a7b224c00ac63659ea36a405"
-  integrity sha512-MSiModfILQc3/oqnG7NrP1jHaSPryO6tA2kOMmAQApz5dayPxWiHqmq4sWH2xF5LcQK56LlbKByCd8Aah/OIkQ==
+"@babel/plugin-transform-modules-commonjs@^7.0.0 <7.4.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.2.0.tgz#c4f1933f5991d5145e9cfad1dfd848ea1727f404"
+  integrity sha512-V6y0uaUQrQPXUrmj+hgnks8va2L0zcZymeU7TtWEgdRLNkceafKXEduv7QzgQAE4lT+suwooG9dC7LFhdRAbVQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.1.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-simple-access" "^7.1.0"
+
+"@babel/plugin-transform-modules-systemjs@^7.2.0", "@babel/plugin-transform-modules-systemjs@^7.3.4", "@babel/plugin-transform-modules-systemjs@^7.4.0", "@babel/plugin-transform-modules-systemjs@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.5.0.tgz#e75266a13ef94202db2a0620977756f51d52d249"
+  integrity sha512-Q2m56tyoQWmuNGxEtUyeEkm6qJYFqs4c+XyXH5RAuYxObRNz9Zgj/1g2GMnjYp2EUyEy7YTrxliGCXzecl/vJg==
   dependencies:
     "@babel/helper-hoist-variables" "^7.4.4"
     "@babel/helper-plugin-utils" "^7.0.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
 "@babel/plugin-transform-modules-umd@^7.2.0":
   version "7.2.0"
@@ -990,7 +1095,7 @@
     "@babel/helper-module-transforms" "^7.1.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.4.2", "@babel/plugin-transform-named-capturing-groups-regex@^7.4.5":
+"@babel/plugin-transform-named-capturing-groups-regex@^7.3.0", "@babel/plugin-transform-named-capturing-groups-regex@^7.4.2", "@babel/plugin-transform-named-capturing-groups-regex@^7.4.5":
   version "7.4.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.4.5.tgz#9d269fd28a370258199b4294736813a60bbdd106"
   integrity sha512-z7+2IsWafTBbjNsOxU/Iv5CvTJlr5w4+HGu1HovKYTtgJ362f7kBcQglkfmlspKKZ3bgrbSGvLfNx++ZJgCWsg==
@@ -1035,7 +1140,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-react-constant-elements@7.2.0", "@babel/plugin-transform-react-constant-elements@^7.0.0", "@babel/plugin-transform-react-constant-elements@^7.2.0":
+"@babel/plugin-transform-react-constant-elements@7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.2.0.tgz#ed602dc2d8bff2f0cb1a5ce29263dbdec40779f7"
   integrity sha512-YYQFg6giRFMsZPKUM9v+VcHOdfSQdz9jHCx3akAi3UYgyjndmdYGSXylQ/V+HswQt4fL8IklchD9HTsaOCrWQQ==
@@ -1043,6 +1148,14 @@
     "@babel/helper-annotate-as-pure" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-react-constant-elements@^7.0.0", "@babel/plugin-transform-react-constant-elements@^7.2.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.5.0.tgz#4d6ae4033bc38f8a65dfca2b6235c44522a422fc"
+  integrity sha512-c5Ba8cpybZFp1Izkf2sWGuNjOxoQ32tFgBvvYvwGhi4+9f6vGiSK9Gex4uVuO/Va6YJFu41aAh1MzMjUWkp0IQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.0.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-react-display-name@7.2.0", "@babel/plugin-transform-react-display-name@^7.0.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.2.0.tgz#ebfaed87834ce8dc4279609a4f0c324c156e3eb0"
@@ -1059,14 +1172,14 @@
     "@babel/plugin-syntax-jsx" "^7.2.0"
 
 "@babel/plugin-transform-react-jsx-source@^7.0.0", "@babel/plugin-transform-react-jsx-source@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.2.0.tgz#20c8c60f0140f5dd3cd63418d452801cf3f7180f"
-  integrity sha512-A32OkKTp4i5U6aE88GwwcuV4HAprUgHcTq0sSafLxjr6AW0QahrCRCjxogkbbcdtpbXkuTOlgpjophCxb6sh5g==
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.5.0.tgz#583b10c49cf057e237085bcbd8cc960bd83bd96b"
+  integrity sha512-58Q+Jsy4IDCZx7kqEZuSDdam/1oW8OdDX8f+Loo6xyxdfg1yF0GE2XNJQSTZCaMol93+FBzpWiPEwtbMloAcPg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.2.0"
 
-"@babel/plugin-transform-react-jsx@^7.0.0", "@babel/plugin-transform-react-jsx@^7.3.0":
+"@babel/plugin-transform-react-jsx@^7.0.0", "@babel/plugin-transform-react-jsx@^7.0.0 <7.4.0", "@babel/plugin-transform-react-jsx@^7.3.0":
   version "7.3.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.3.0.tgz#f2cab99026631c767e2745a5368b331cfe8f5290"
   integrity sha512-a/+aRb7R06WcKvQLOu4/TpjKOdvVEKRLWFpKcNuHhiREPgGRB4TQJxq07+EZLS8LFVYpfq1a5lDUnuMdcCpBKg==
@@ -1075,7 +1188,7 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.2.0"
 
-"@babel/plugin-transform-regenerator@^7.0.0", "@babel/plugin-transform-regenerator@^7.4.3", "@babel/plugin-transform-regenerator@^7.4.5":
+"@babel/plugin-transform-regenerator@^7.0.0", "@babel/plugin-transform-regenerator@^7.3.4", "@babel/plugin-transform-regenerator@^7.4.3", "@babel/plugin-transform-regenerator@^7.4.5":
   version "7.4.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.4.5.tgz#629dc82512c55cee01341fb27bdfcb210354680f"
   integrity sha512-gBKRh5qAaCWntnd09S8QC7r3auLCqq5DI6O0DlfoyDjslSBVqBibrMdsqO+Uhmx3+BlOmE/Kw1HFxmGbv0N9dA==
@@ -1089,6 +1202,16 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-runtime@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.2.0.tgz#566bc43f7d0aedc880eaddbd29168d0f248966ea"
+  integrity sha512-jIgkljDdq4RYDnJyQsiWbdvGeei/0MOTtSHKO/rfbd/mXBxNpdlulMx49L0HQ4pug1fXannxoqCI+fYSle9eSw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    resolve "^1.8.1"
+    semver "^5.5.1"
+
 "@babel/plugin-transform-runtime@7.4.3":
   version "7.4.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.4.3.tgz#4d6691690ecdc9f5cb8c3ab170a1576c1f556371"
@@ -1100,9 +1223,9 @@
     semver "^5.5.1"
 
 "@babel/plugin-transform-runtime@^7.0.0", "@babel/plugin-transform-runtime@^7.2.0":
-  version "7.4.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.4.4.tgz#a50f5d16e9c3a4ac18a1a9f9803c107c380bce08"
-  integrity sha512-aMVojEjPszvau3NRg+TIH14ynZLvPewH4xhlCW1w6A3rkxTS1m4uwzRclYR9oS+rl/dr+kT+pzbfHuAWP/lc7Q==
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.5.0.tgz#45242c2c9281158c5f06d25beebac63e498a284e"
+  integrity sha512-LmPIZOAgTLl+86gR9KjLXex6P/lRz1fWEjTz6V6QZMmKie51ja3tvzdwORqhHc4RWR8TcZ5pClpRWs0mlaA2ng==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -1146,11 +1269,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-typescript@^7.0.0", "@babel/plugin-transform-typescript@^7.3.2":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.4.5.tgz#ab3351ba35307b79981993536c93ff8be050ba28"
-  integrity sha512-RPB/YeGr4ZrFKNwfuQRlMf2lxoCUaU01MTw39/OFE/RiL8HDjtn68BwEPft1P7JN4akyEmjGWAMNldOV7o9V2g==
+"@babel/plugin-transform-typescript@^7.0.0", "@babel/plugin-transform-typescript@^7.1.0", "@babel/plugin-transform-typescript@^7.3.2":
+  version "7.5.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.5.1.tgz#6e3d4e62ba2b7b596f9bbfa658fc24ee62461bdd"
+  integrity sha512-dzJ4e/vIFjQOucCu6d+s/ebr+kc8/sAaSscI35X34yEX0gfS6yxY9pKX15U2kumeXe3ScQiTnTQcvRv48bmMtQ==
   dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.5.0"
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-typescript" "^7.2.0"
 
@@ -1163,7 +1287,7 @@
     "@babel/helper-regex" "^7.4.4"
     regexpu-core "^4.5.4"
 
-"@babel/polyfill@^7.0.0", "@babel/polyfill@^7.2.5":
+"@babel/polyfill@^7.0.0", "@babel/polyfill@^7.2.5", "@babel/polyfill@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/polyfill/-/polyfill-7.4.4.tgz#78801cf3dbe657844eeabf31c1cae3828051e893"
   integrity sha512-WlthFLfhQQhh+A2Gn5NSFl0Huxz36x86Jn+E9OW7ibK8edKPq+KLy4apM1yDpQ8kJOVi1OVjpP4vSDLdrI04dg==
@@ -1173,7 +1297,7 @@
 
 "@babel/preset-env@7.2.0":
   version "7.2.0"
-  resolved "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.2.0.tgz#a5030e7e4306af5a295dd5d7c78dc5464af3fee2"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.2.0.tgz#a5030e7e4306af5a295dd5d7c78dc5464af3fee2"
   integrity sha512-haGR38j5vOGVeBatrQPr3l0xHbs14505DcM57cbJy48kgMFvvHHoYEhHuRV+7vi559yyAUAVbTWzbK/B/pzJng==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
@@ -1218,6 +1342,55 @@
     js-levenshtein "^1.1.3"
     semver "^5.3.0"
 
+"@babel/preset-env@7.3.1":
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.3.1.tgz#389e8ca6b17ae67aaf9a2111665030be923515db"
+  integrity sha512-FHKrD6Dxf30e8xgHQO0zJZpUPfVZg+Xwgz5/RdSWCbza9QLNk4Qbp40ctRoqDxml3O8RMzB1DU55SXeDG6PqHQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-proposal-async-generator-functions" "^7.2.0"
+    "@babel/plugin-proposal-json-strings" "^7.2.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.3.1"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.2.0"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.2.0"
+    "@babel/plugin-syntax-async-generators" "^7.2.0"
+    "@babel/plugin-syntax-json-strings" "^7.2.0"
+    "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
+    "@babel/plugin-transform-arrow-functions" "^7.2.0"
+    "@babel/plugin-transform-async-to-generator" "^7.2.0"
+    "@babel/plugin-transform-block-scoped-functions" "^7.2.0"
+    "@babel/plugin-transform-block-scoping" "^7.2.0"
+    "@babel/plugin-transform-classes" "^7.2.0"
+    "@babel/plugin-transform-computed-properties" "^7.2.0"
+    "@babel/plugin-transform-destructuring" "^7.2.0"
+    "@babel/plugin-transform-dotall-regex" "^7.2.0"
+    "@babel/plugin-transform-duplicate-keys" "^7.2.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.2.0"
+    "@babel/plugin-transform-for-of" "^7.2.0"
+    "@babel/plugin-transform-function-name" "^7.2.0"
+    "@babel/plugin-transform-literals" "^7.2.0"
+    "@babel/plugin-transform-modules-amd" "^7.2.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.2.0"
+    "@babel/plugin-transform-modules-systemjs" "^7.2.0"
+    "@babel/plugin-transform-modules-umd" "^7.2.0"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.3.0"
+    "@babel/plugin-transform-new-target" "^7.0.0"
+    "@babel/plugin-transform-object-super" "^7.2.0"
+    "@babel/plugin-transform-parameters" "^7.2.0"
+    "@babel/plugin-transform-regenerator" "^7.0.0"
+    "@babel/plugin-transform-shorthand-properties" "^7.2.0"
+    "@babel/plugin-transform-spread" "^7.2.0"
+    "@babel/plugin-transform-sticky-regex" "^7.2.0"
+    "@babel/plugin-transform-template-literals" "^7.2.0"
+    "@babel/plugin-transform-typeof-symbol" "^7.2.0"
+    "@babel/plugin-transform-unicode-regex" "^7.2.0"
+    browserslist "^4.3.4"
+    invariant "^2.2.2"
+    js-levenshtein "^1.1.3"
+    semver "^5.3.0"
+
 "@babel/preset-env@7.4.3":
   version "7.4.3"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.4.3.tgz#e71e16e123dc0fbf65a52cbcbcefd072fbd02880"
@@ -1272,39 +1445,41 @@
     js-levenshtein "^1.1.3"
     semver "^5.5.0"
 
-"@babel/preset-env@^7.0.0", "@babel/preset-env@^7.1.6", "@babel/preset-env@^7.3.1", "@babel/preset-env@^7.4.1", "@babel/preset-env@^7.4.3", "@babel/preset-env@^7.4.5":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.4.5.tgz#2fad7f62983d5af563b5f3139242755884998a58"
-  integrity sha512-f2yNVXM+FsR5V8UwcFeIHzHWgnhXg3NpRmy0ADvALpnhB0SLbCvrCRr4BLOUYbQNLS+Z0Yer46x9dJXpXewI7w==
+"@babel/preset-env@^7.0.0", "@babel/preset-env@^7.1.6", "@babel/preset-env@^7.3.1", "@babel/preset-env@^7.4.1", "@babel/preset-env@^7.4.5":
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.5.4.tgz#64bc15041a3cbb0798930319917e70fcca57713d"
+  integrity sha512-hFnFnouyRNiH1rL8YkX1ANCNAUVC8Djwdqfev8i1415tnAG+7hlA5zhZ0Q/3Q5gkop4HioIPbCEWAalqcbxRoQ==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-proposal-async-generator-functions" "^7.2.0"
+    "@babel/plugin-proposal-dynamic-import" "^7.5.0"
     "@babel/plugin-proposal-json-strings" "^7.2.0"
-    "@babel/plugin-proposal-object-rest-spread" "^7.4.4"
+    "@babel/plugin-proposal-object-rest-spread" "^7.5.4"
     "@babel/plugin-proposal-optional-catch-binding" "^7.2.0"
     "@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
     "@babel/plugin-syntax-async-generators" "^7.2.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.2.0"
     "@babel/plugin-syntax-json-strings" "^7.2.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
     "@babel/plugin-transform-arrow-functions" "^7.2.0"
-    "@babel/plugin-transform-async-to-generator" "^7.4.4"
+    "@babel/plugin-transform-async-to-generator" "^7.5.0"
     "@babel/plugin-transform-block-scoped-functions" "^7.2.0"
     "@babel/plugin-transform-block-scoping" "^7.4.4"
     "@babel/plugin-transform-classes" "^7.4.4"
     "@babel/plugin-transform-computed-properties" "^7.2.0"
-    "@babel/plugin-transform-destructuring" "^7.4.4"
+    "@babel/plugin-transform-destructuring" "^7.5.0"
     "@babel/plugin-transform-dotall-regex" "^7.4.4"
-    "@babel/plugin-transform-duplicate-keys" "^7.2.0"
+    "@babel/plugin-transform-duplicate-keys" "^7.5.0"
     "@babel/plugin-transform-exponentiation-operator" "^7.2.0"
     "@babel/plugin-transform-for-of" "^7.4.4"
     "@babel/plugin-transform-function-name" "^7.4.4"
     "@babel/plugin-transform-literals" "^7.2.0"
     "@babel/plugin-transform-member-expression-literals" "^7.2.0"
-    "@babel/plugin-transform-modules-amd" "^7.2.0"
-    "@babel/plugin-transform-modules-commonjs" "^7.4.4"
-    "@babel/plugin-transform-modules-systemjs" "^7.4.4"
+    "@babel/plugin-transform-modules-amd" "^7.5.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.5.0"
+    "@babel/plugin-transform-modules-systemjs" "^7.5.0"
     "@babel/plugin-transform-modules-umd" "^7.2.0"
     "@babel/plugin-transform-named-capturing-groups-regex" "^7.4.5"
     "@babel/plugin-transform-new-target" "^7.4.4"
@@ -1319,13 +1494,62 @@
     "@babel/plugin-transform-template-literals" "^7.4.4"
     "@babel/plugin-transform-typeof-symbol" "^7.2.0"
     "@babel/plugin-transform-unicode-regex" "^7.4.4"
-    "@babel/types" "^7.4.4"
+    "@babel/types" "^7.5.0"
     browserslist "^4.6.0"
     core-js-compat "^3.1.1"
     invariant "^2.2.2"
     js-levenshtein "^1.1.3"
     semver "^5.5.0"
 
+"@babel/preset-env@^7.0.0 <7.4.0":
+  version "7.3.4"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.3.4.tgz#887cf38b6d23c82f19b5135298bdb160062e33e1"
+  integrity sha512-2mwqfYMK8weA0g0uBKOt4FE3iEodiHy9/CW0b+nWXcbL+pGzLx8ESYc+j9IIxr6LTDHWKgPm71i9smo02bw+gA==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-proposal-async-generator-functions" "^7.2.0"
+    "@babel/plugin-proposal-json-strings" "^7.2.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.3.4"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.2.0"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.2.0"
+    "@babel/plugin-syntax-async-generators" "^7.2.0"
+    "@babel/plugin-syntax-json-strings" "^7.2.0"
+    "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
+    "@babel/plugin-transform-arrow-functions" "^7.2.0"
+    "@babel/plugin-transform-async-to-generator" "^7.3.4"
+    "@babel/plugin-transform-block-scoped-functions" "^7.2.0"
+    "@babel/plugin-transform-block-scoping" "^7.3.4"
+    "@babel/plugin-transform-classes" "^7.3.4"
+    "@babel/plugin-transform-computed-properties" "^7.2.0"
+    "@babel/plugin-transform-destructuring" "^7.2.0"
+    "@babel/plugin-transform-dotall-regex" "^7.2.0"
+    "@babel/plugin-transform-duplicate-keys" "^7.2.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.2.0"
+    "@babel/plugin-transform-for-of" "^7.2.0"
+    "@babel/plugin-transform-function-name" "^7.2.0"
+    "@babel/plugin-transform-literals" "^7.2.0"
+    "@babel/plugin-transform-modules-amd" "^7.2.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.2.0"
+    "@babel/plugin-transform-modules-systemjs" "^7.3.4"
+    "@babel/plugin-transform-modules-umd" "^7.2.0"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.3.0"
+    "@babel/plugin-transform-new-target" "^7.0.0"
+    "@babel/plugin-transform-object-super" "^7.2.0"
+    "@babel/plugin-transform-parameters" "^7.2.0"
+    "@babel/plugin-transform-regenerator" "^7.3.4"
+    "@babel/plugin-transform-shorthand-properties" "^7.2.0"
+    "@babel/plugin-transform-spread" "^7.2.0"
+    "@babel/plugin-transform-sticky-regex" "^7.2.0"
+    "@babel/plugin-transform-template-literals" "^7.2.0"
+    "@babel/plugin-transform-typeof-symbol" "^7.2.0"
+    "@babel/plugin-transform-unicode-regex" "^7.2.0"
+    browserslist "^4.3.4"
+    invariant "^2.2.2"
+    js-levenshtein "^1.1.3"
+    semver "^5.3.0"
+
 "@babel/preset-flow@7.0.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"
@@ -1345,6 +1569,14 @@
     "@babel/plugin-transform-react-jsx-self" "^7.0.0"
     "@babel/plugin-transform-react-jsx-source" "^7.0.0"
 
+"@babel/preset-typescript@7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.1.0.tgz#49ad6e2084ff0bfb5f1f7fb3b5e76c434d442c7f"
+  integrity sha512-LYveByuF9AOM8WrsNne5+N79k1YxjNB6gmpCQsnuSBAcV8QUeB+ZUxQzL7Rz7HksPbahymKkq2qBR+o36ggFZA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.1.0"
+
 "@babel/preset-typescript@7.3.3", "@babel/preset-typescript@^7.1.0", "@babel/preset-typescript@^7.3.3":
   version "7.3.3"
   resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.3.3.tgz#88669911053fa16b2b276ea2ede2ca603b3f307a"
@@ -1365,7 +1597,14 @@
     pirates "^4.0.0"
     source-map-support "^0.5.9"
 
-"@babel/runtime@7.3.4":
+"@babel/runtime@7.3.1":
+  version "7.3.1"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.3.1.tgz#574b03e8e8a9898eaf4a872a92ea20b7846f6f2a"
+  integrity sha512-7jGW8ppV0ant637pIqAcFfQDDH1orEPGJb8aXfUozuCU3QqX7rX4DA8iwrbPrR1hcH0FTTHz47yQnk+bl5xHQA==
+  dependencies:
+    regenerator-runtime "^0.12.0"
+
+"@babel/runtime@7.3.4", "@babel/runtime@^7.0.0 <7.4.0":
   version "7.3.4"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.3.4.tgz#73d12ba819e365fcf7fd152aed56d6df97d21c83"
   integrity sha512-IvfvnMdSaLBateu0jfsYIpZTxAc2cKEXEMiezGGN75QcBcecDUKd3PgLAncT0oOgxKy8dd8hrJKj9MfzgfZd6g==
@@ -1379,16 +1618,23 @@
   dependencies:
     regenerator-runtime "^0.13.2"
 
-"@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.2", "@babel/runtime@^7.4.3", "@babel/runtime@^7.4.4", "@babel/runtime@^7.4.5":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.4.5.tgz#582bb531f5f9dc67d2fcb682979894f75e253f12"
-  integrity sha512-TuI4qpWZP6lGOGIuGWtp9sPluqYICmbk8T/1vpSysqJxRPkudh/ofFWyqdcMsDf2s7KvDL4/YHgKyvcS3g9CJQ==
+"@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.2", "@babel/runtime@^7.4.3", "@babel/runtime@^7.4.5":
+  version "7.5.1"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.5.1.tgz#51b56e216e87103ab3f7d6040b464c538e242888"
+  integrity sha512-g+hmPKs16iewFSmW57NkH9xpPkuYD1RV3UE2BCkXx9j+nhhRb9hsiSxPmEa67j35IecTQdn4iyMtHMbt5VoREg==
+  dependencies:
+    regenerator-runtime "^0.13.2"
+
+"@babel/runtime@^7.4.4":
+  version "7.5.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.5.2.tgz#98f584f4d03be5d8142c77107ffaedee4d5956f1"
+  integrity sha512-9M29wrrP7//JBGX70+IrDuD1w4iOYhUGpJNMQJVNAXue+cFeFlMTqBECouIziXPUphlgrfjcfiEpGX4t0WGK4g==
   dependencies:
     regenerator-runtime "^0.13.2"
 
 "@babel/template@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/template/-/template-7.0.0-beta.44.tgz#f8832f4fdcee5d59bf515e595fc5106c529b394f"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.0.0-beta.44.tgz#f8832f4fdcee5d59bf515e595fc5106c529b394f"
   integrity sha512-w750Sloq0UNifLx1rUqwfbnC6uSUk0mfwwgGRfdLiaUzfAOiH0tHJE6ILQIUi3KYkjiCDTskoIsnfqZvWLBDng==
   dependencies:
     "@babel/code-frame" "7.0.0-beta.44"
@@ -1396,7 +1642,7 @@
     babylon "7.0.0-beta.44"
     lodash "^4.2.0"
 
-"@babel/template@^7.0.0", "@babel/template@^7.1.0", "@babel/template@^7.4.0", "@babel/template@^7.4.4":
+"@babel/template@^7.0.0", "@babel/template@^7.1.0", "@babel/template@^7.1.2", "@babel/template@^7.2.2", "@babel/template@^7.4.0", "@babel/template@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.4.4.tgz#f4b88d1225689a08f5bc3a17483545be9e4ed237"
   integrity sha512-CiGzLN9KgAvgZsnivND7rkA+AeJ9JB0ciPOD4U59GKbQP2iQl+olF1l76kJOupqidozfZ32ghwBEJDhnk9MEcw==
@@ -1405,18 +1651,18 @@
     "@babel/parser" "^7.4.4"
     "@babel/types" "^7.4.4"
 
-"@babel/template@^7.1.2":
-  version "7.4.0"
-  resolved "https://registry.npmjs.org/@babel/template/-/template-7.4.0.tgz#12474e9c077bae585c5d835a95c0b0b790c25c8b"
-  integrity sha512-SOWwxxClTTh5NdbbYZ0BmaBVzxzTh2tO/TeLTbF6MO6EzVhHTnff8CdBXx3mEtazFBoysmEM6GU/wF+SuSx4Fw==
+"@babel/template@^7.0.0 <7.4.0":
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.2.2.tgz#005b3fdf0ed96e88041330379e0da9a708eb2907"
+  integrity sha512-zRL0IMM02AUDwghf5LMSSDEz7sBCO2YnNmpg3uWTZj/v1rcG2BmQUvaGU8GhU8BvfMh1k2KIAYZ7Ji9KXPUg7g==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.4.0"
-    "@babel/types" "^7.4.0"
+    "@babel/parser" "^7.2.2"
+    "@babel/types" "^7.2.2"
 
 "@babel/traverse@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.0.0-beta.44.tgz#a970a2c45477ad18017e2e465a0606feee0d2966"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.0.0-beta.44.tgz#a970a2c45477ad18017e2e465a0606feee0d2966"
   integrity sha512-UHuDz8ukQkJCDASKHf+oDt3FVUzFd+QYfuBIsiNu/4+/ix6pP/C+uQZJ6K1oEfbCMv/IKWbgDEh7fcsnIE5AtA==
   dependencies:
     "@babel/code-frame" "7.0.0-beta.44"
@@ -1430,49 +1676,58 @@
     invariant "^2.2.0"
     lodash "^4.2.0"
 
-"@babel/traverse@^7.0.0", "@babel/traverse@^7.1.0", "@babel/traverse@^7.4.3", "@babel/traverse@^7.4.4", "@babel/traverse@^7.4.5":
-  version "7.4.5"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.4.5.tgz#4e92d1728fd2f1897dafdd321efbff92156c3216"
-  integrity sha512-Vc+qjynwkjRmIFGxy0KYoPj4FdVDxLej89kMHFsWScq999uX+pwcX4v9mWRjW0KcAYTPAuVQl2LKP1wEVLsp+A==
+"@babel/traverse@^7.0.0", "@babel/traverse@^7.1.0", "@babel/traverse@^7.1.6", "@babel/traverse@^7.2.2", "@babel/traverse@^7.3.4", "@babel/traverse@^7.4.3", "@babel/traverse@^7.4.4", "@babel/traverse@^7.4.5", "@babel/traverse@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.5.0.tgz#4216d6586854ef5c3c4592dab56ec7eb78485485"
+  integrity sha512-SnA9aLbyOCcnnbQEGwdfBggnc142h/rbqqsXcaATj2hZcegCl903pUD/lfpsNBlBSuWow/YDfRyJuWi2EPR5cg==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@babel/generator" "^7.4.4"
+    "@babel/generator" "^7.5.0"
     "@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"
+    "@babel/parser" "^7.5.0"
+    "@babel/types" "^7.5.0"
     debug "^4.1.0"
     globals "^11.1.0"
     lodash "^4.17.11"
 
-"@babel/traverse@^7.1.6":
-  version "7.4.3"
-  resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.4.3.tgz#1a01f078fc575d589ff30c0f71bf3c3d9ccbad84"
-  integrity sha512-HmA01qrtaCwwJWpSKpA948cBvU5BrmviAief/b3AVw936DtcdsTexlbyzNuDnthwhOQ37xshn7hvQaEQk7ISYQ==
+"@babel/traverse@^7.0.0 <7.4.0":
+  version "7.3.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.3.4.tgz#1330aab72234f8dea091b08c4f8b9d05c7119e06"
+  integrity sha512-TvTHKp6471OYEcE/91uWmhR6PrrYywQntCHSaZ8CM8Vmp+pjAusal4nGB2WCCQd0rvI7nOMKn9GnbcvTUz3/ZQ==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@babel/generator" "^7.4.0"
+    "@babel/generator" "^7.3.4"
     "@babel/helper-function-name" "^7.1.0"
-    "@babel/helper-split-export-declaration" "^7.4.0"
-    "@babel/parser" "^7.4.3"
-    "@babel/types" "^7.4.0"
+    "@babel/helper-split-export-declaration" "^7.0.0"
+    "@babel/parser" "^7.3.4"
+    "@babel/types" "^7.3.4"
     debug "^4.1.0"
     globals "^11.1.0"
     lodash "^4.17.11"
 
 "@babel/types@7.0.0-beta.44":
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/@babel/types/-/types-7.0.0-beta.44.tgz#6b1b164591f77dec0a0342aca995f2d046b3a757"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.0.0-beta.44.tgz#6b1b164591f77dec0a0342aca995f2d046b3a757"
   integrity sha512-5eTV4WRmqbaFM3v9gHAIljEQJU4Ssc6fxL61JN+Oe2ga/BwyjzjamwkCVVAQjHGuAX8i0BWo42dshL8eO5KfLQ==
   dependencies:
     esutils "^2.0.2"
     lodash "^4.2.0"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.4.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==
+"@babel/types@^7.0.0", "@babel/types@^7.2.0", "@babel/types@^7.2.2", "@babel/types@^7.3.0", "@babel/types@^7.3.4", "@babel/types@^7.4.0", "@babel/types@^7.4.4", "@babel/types@^7.5.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.5.0.tgz#e47d43840c2e7f9105bc4d3a2c371b4d0c7832ab"
+  integrity sha512-UFpDVqRABKsW01bvw7/wSUe56uy6RXM5+VJibVVAybDGxEW25jdwiFJEf7ASvSaC7sN7rbE/l3cLp2izav+CtQ==
+  dependencies:
+    esutils "^2.0.2"
+    lodash "^4.17.11"
+    to-fast-properties "^2.0.0"
+
+"@babel/types@^7.0.0 <7.4.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"
@@ -1507,124 +1762,94 @@
   integrity sha512-6It2EVfGskxZCQhuykrfnALg7oVeiI6KclWSmGDqB0AiInVrTGB9Jp9i4/Ad21u9Jde/voVQz6eFX/eSg/UsPA==
 
 "@ember/test-helpers@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@ember/test-helpers/-/test-helpers-1.5.0.tgz#a480181c412778294e317c256d04ca52e63c813a"
-  integrity sha512-RrS0O3VlDASMsI6v9nxUgO0k8EJGy1nzz/1HgiScbu8LbCpPj4Mp8S82yT/olXA3TShu7c/RfLZHjlN/iRW2OA==
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/@ember/test-helpers/-/test-helpers-1.6.0.tgz#e928c0190a19c312bf40dc8a6f4159735af48a7f"
+  integrity sha512-t6K15t4p/iW1D7rUAfGZZwIWqLV8HoVm9Dxn44L9PwMFjw3GAJf4bHdwCbdr3jpsgjG14HH+5XzF9IBIvmOZ4A==
   dependencies:
     broccoli-debug "^0.6.5"
     broccoli-funnel "^2.0.2"
     ember-assign-polyfill "^2.6.0"
-    ember-cli-babel "^7.4.3"
+    ember-cli-babel "^7.7.3"
     ember-cli-htmlbars-inline-precompile "^2.1.0"
+    ember-test-waiters "^1.0.0"
 
-"@emotion/babel-utils@^0.6.4":
-  version "0.6.10"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-utils/-/babel-utils-0.6.10.tgz#83dbf3dfa933fae9fc566e54fbb45f14674c6ccc"
-  integrity sha512-/fnkM/LTEp3jKe++T0KyTszVGWNKPNOUJfjNKLO17BzQ6QPxgbg3whayom1Qr2oLFH3V92tDymU+dT5q676uow==
+"@emotion/cache@^10.0.14", "@emotion/cache@^10.0.9":
+  version "10.0.14"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.14.tgz#56093cff025c04b0330bdd92afe8335ed326dd18"
+  integrity sha512-HNGEwWnPlNyy/WPXBXzbjzkzeZFV657Z99/xq2xs5yinJHbMfi3ioCvBJ6Y8Zc8DQzO9F5jDmVXJB41Ytx3QMw==
   dependencies:
-    "@emotion/hash" "^0.6.6"
-    "@emotion/memoize" "^0.6.6"
-    "@emotion/serialize" "^0.9.1"
-    convert-source-map "^1.5.1"
-    find-root "^1.1.0"
-    source-map "^0.7.2"
+    "@emotion/sheet" "0.9.3"
+    "@emotion/stylis" "0.8.4"
+    "@emotion/utils" "0.11.2"
+    "@emotion/weak-memoize" "0.2.3"
 
-"@emotion/cache@^10.0.9":
-  version "10.0.9"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-10.0.9.tgz#e0c7b7a289f7530edcfad4dcf3858bd2e5700a6f"
-  integrity sha512-f7MblpE2xoimC4fCMZ9pivmsIn7hyWRIvY75owMDi8pdOSeh+w5tH3r4hBJv/LLrwiMM7cTQURqTPcYoL5pWnw==
+"@emotion/core@^10.0.14", "@emotion/core@^10.0.9":
+  version "10.0.14"
+  resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.0.14.tgz#cac5c334b278d5b7688cfff39e460a5b50abb71c"
+  integrity sha512-G9FbyxLm3lSnPfLDcag8fcOQBKui/ueXmWOhV+LuEQg9HrqExuWnWaO6gm6S5rNe+AMcqLXVljf8pYgAdFLNSg==
   dependencies:
-    "@emotion/sheet" "0.9.2"
-    "@emotion/stylis" "0.8.3"
-    "@emotion/utils" "0.11.1"
-    "@emotion/weak-memoize" "0.2.2"
+    "@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/core@^10.0.9":
-  version "10.0.10"
-  resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.0.10.tgz#8d3114e5a2f8b178a7067c603a2937516f180b08"
-  integrity sha512-U1aE2cOWUscjc8ZJ3Cx32udOzLeRoJwGxBH93xQD850oQFpwPKZARzdUtdc9SByUOwzSFYxhDhrpXnV34FJmWg==
+"@emotion/css@^10.0.14", "@emotion/css@^10.0.9":
+  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/cache" "^10.0.9"
-    "@emotion/css" "^10.0.9"
-    "@emotion/serialize" "^0.11.6"
-    "@emotion/sheet" "0.9.2"
-    "@emotion/utils" "0.11.1"
+    "@emotion/serialize" "^0.11.8"
+    "@emotion/utils" "0.11.2"
+    babel-plugin-emotion "^10.0.14"
 
-"@emotion/css@^10.0.9":
-  version "10.0.9"
-  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-10.0.9.tgz#ea0df431965a308f6cb1d61386df8ad61e5befb5"
-  integrity sha512-jtHhUSWw+L7yxYgNtC+KJ3Ory90/jiAtpG1qT+gTQQ/RR5AMiigs9/lDHu/vnwljaq2S48FoKb/FZZMlJcC4bw==
+"@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":
+  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/serialize" "^0.11.6"
-    "@emotion/utils" "0.11.1"
-    babel-plugin-emotion "^10.0.9"
+    "@emotion/memoize" "0.7.2"
 
-"@emotion/hash@0.7.1":
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.7.1.tgz#9833722341379fb7d67f06a4b00ab3c37913da53"
-  integrity sha512-OYpa/Sg+2GDX+jibUfpZVn1YqSVRpYmTLF2eyAfrFTIJSbwyIrc+YscayoykvaOME/wV4BV0Sa0yqdMrgse6mA==
+"@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/hash@^0.6.2", "@emotion/hash@^0.6.6":
-  version "0.6.6"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.6.6.tgz#62266c5f0eac6941fece302abad69f2ee7e25e44"
-  integrity sha512-ojhgxzUHZ7am3D2jHkMzPpsBAiB005GF5YU4ea+8DNPybMk01JJUM9V9YRlF/GE95tcOm8DxQvWA2jq19bGalQ==
-
-"@emotion/is-prop-valid@0.7.3":
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.7.3.tgz#a6bf4fa5387cbba59d44e698a4680f481a8da6cc"
-  integrity sha512-uxJqm/sqwXw3YPA5GXX365OBcJGFtxUVkB6WyezqFHlNe9jqUWH5ur2O2M8dGBz61kn1g3ZBlzUunFQXQIClhA==
+"@emotion/native@^10.0.14":
+  version "10.0.14"
+  resolved "https://registry.yarnpkg.com/@emotion/native/-/native-10.0.14.tgz#5cb7688bb677990c949ed06e22af925741d32310"
+  integrity sha512-de01O1GvP6Qq8zWbCPOhTZ7GLkaYO6WhDXddVjVIx/16Ax360AotNBs9nBdkTrEExq1cSDa9vj5178Vw3R2x3w==
   dependencies:
-    "@emotion/memoize" "0.7.1"
+    "@emotion/primitives-core" "10.0.14"
 
-"@emotion/memoize@0.7.1":
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.1.tgz#e93c13942592cf5ef01aa8297444dc192beee52f"
-  integrity sha512-Qv4LTqO11jepd5Qmlp3M1YEjBumoTHcHFdgPTQ+sFlIL5myi/7xu/POwP7IRu6odBdmLXdtIs1D6TuW6kbwbbg==
-
-"@emotion/memoize@^0.6.1", "@emotion/memoize@^0.6.6":
-  version "0.6.6"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.6.6.tgz#004b98298d04c7ca3b4f50ca2035d4f60d2eed1b"
-  integrity sha512-h4t4jFjtm1YV7UirAFuSuFGyLa+NNxjdkq6DpFLANNQY5rHueFZHVY+8Cu1HYVP6DrheB0kv4m5xPjo7eKT7yQ==
-
-"@emotion/native@^10.0.10":
-  version "10.0.11"
-  resolved "https://registry.yarnpkg.com/@emotion/native/-/native-10.0.11.tgz#c92cf61e9d8b00bf150ac2de629dc405049a8266"
-  integrity sha512-wl6WiLt+ULTSiOm5ekwHAkdr9YO+r5Mm4BPcggAbfBTuu2GSU9OTf8bzznQQfkkyjBzonGhtqagMxr1MW4Wojw==
-  dependencies:
-    "@emotion/primitives-core" "10.0.1"
-
-"@emotion/primitives-core@10.0.1":
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/@emotion/primitives-core/-/primitives-core-10.0.1.tgz#56bf12d4b5db56b0c8f83a9ea163a33b0191e3d9"
-  integrity sha512-q1499Ng3zSsGBoiyrmBo4BvcmXxJEVfdMpVoFPnDitzkmAl59XrNL8z2t5pfkjV5Usdb+akJR5YrEA0IgUJeCA==
+"@emotion/primitives-core@10.0.14":
+  version "10.0.14"
+  resolved "https://registry.yarnpkg.com/@emotion/primitives-core/-/primitives-core-10.0.14.tgz#bfade06bb8221d5348215c2a64b338bc2aaebc5c"
+  integrity sha512-ROpEf0ISDUKXiGT73fE55xYa+VCrcZWKrjRNgT/AFTT1v6unHNHaUTKGchGumI3lUv19dvZXs/oSQWBLnMDRWA==
   dependencies:
     css-to-react-native "^2.2.1"
 
-"@emotion/serialize@^0.11.6":
-  version "0.11.6"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.6.tgz#78be8b9ee9ff49e0196233ba6ec1c1768ba1e1fc"
-  integrity sha512-n4zVv2qGLmspF99jaEUwnMV0fnEGsyUMsC/8KZKUSUTZMYljHE+j+B6rSD8PIFtaUIhHaxCG2JawN6L+OgLN0Q==
+"@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.1"
-    "@emotion/memoize" "0.7.1"
-    "@emotion/unitless" "0.7.3"
-    "@emotion/utils" "0.11.1"
+    "@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/serialize@^0.9.1":
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.9.1.tgz#a494982a6920730dba6303eb018220a2b629c145"
-  integrity sha512-zTuAFtyPvCctHBEL8KZ5lJuwBanGSutFEncqLn/m9T1a6a93smBStK+bZzcNPgj4QS8Rkw9VTwJGhRIUVO8zsQ==
-  dependencies:
-    "@emotion/hash" "^0.6.6"
-    "@emotion/memoize" "^0.6.6"
-    "@emotion/unitless" "^0.6.7"
-    "@emotion/utils" "^0.8.2"
-
-"@emotion/sheet@0.9.2":
-  version "0.9.2"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-0.9.2.tgz#74e5c6b5e489a1ba30ab246ab5eedd96916487c4"
-  integrity sha512-pVBLzIbC/QCHDKJF2E82V2H/W/B004mDFQZiyo/MSR+VC4pV5JLG0TF/zgQDFvP3fZL/5RTPGEmXlYJBMUuJ+A==
+"@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/snapshot-serializer@^0.8.2":
   version "0.8.2"
@@ -1634,58 +1859,115 @@
     chalk "^2.4.1"
     css "^2.2.1"
 
-"@emotion/styled-base@^10.0.10":
-  version "10.0.10"
-  resolved "https://registry.yarnpkg.com/@emotion/styled-base/-/styled-base-10.0.10.tgz#ffb811295c9dcd9b3c12bf93301d7d8bcb02e6f4"
-  integrity sha512-uZwKrBfcH7jCRAQi5ZxsEGIZ+1Zr9/lof4TMsIolC0LSwpnWkQ+JRJLy+p4ZyATee9SdmyCV0sG/VTngVSnrpA==
+"@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:
-    "@emotion/is-prop-valid" "0.7.3"
-    "@emotion/serialize" "^0.11.6"
-    "@emotion/utils" "0.11.1"
-    object-assign "^4.1.1"
+    "@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.7":
-  version "10.0.11"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-10.0.11.tgz#f749ca95bfe398b3e511b65ea14b16984f049e6d"
-  integrity sha512-c/M/JJHTQuqdY9viSZD41ccCJDe07/VMrj+JgOcyb8uDnRAr+3cCQ03tyrgl72bQD0YWcjXHhpA7Ja9S3+vuRw==
+"@emotion/styled@^10.0.14", "@emotion/styled@^10.0.7":
+  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.10"
-    babel-plugin-emotion "^10.0.9"
+    "@emotion/styled-base" "^10.0.14"
+    babel-plugin-emotion "^10.0.14"
 
-"@emotion/stylis@0.8.3":
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.3.tgz#3ca7e9bcb31b3cb4afbaeb66156d86ee85e23246"
-  integrity sha512-M3nMfJ6ndJMYloSIbYEBq6G3eqoYD41BpDOxreE8j0cb4fzz/5qvmqU9Mb2hzsXcCnIlGlWhS03PCzVGvTAe0Q==
+"@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/stylis@^0.7.0":
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.7.1.tgz#50f63225e712d99e2b2b39c19c70fff023793ca5"
-  integrity sha512-/SLmSIkN13M//53TtNxgxo57mcJk/UJIDFRKwOiLIBEyBHEcipgR6hNMQ/59Sl4VjCJ0Z/3zeAZyvnSLPG/1HQ==
+"@emotion/unitless@0.7.4":
+  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/unitless@0.7.3":
-  version "0.7.3"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.3.tgz#6310a047f12d21a1036fb031317219892440416f"
-  integrity sha512-4zAPlpDEh2VwXswwr/t8xGNDGg8RQiPxtxZ3qQEXyQsBV39ptTdESCjuBvGze1nLMVrxmTIKmnO/nAV8Tqjjzg==
+"@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/unitless@^0.6.2", "@emotion/unitless@^0.6.7":
-  version "0.6.7"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.6.7.tgz#53e9f1892f725b194d5e6a1684a7b394df592397"
-  integrity sha512-Arj1hncvEVqQ2p7Ega08uHLr1JuRYBuO5cIvcA+WWEQ5+VmkOE3ZXzl04NbQxeQpWX78G7u6MqxKuNX3wvYZxg==
+"@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==
 
-"@emotion/utils@0.11.1":
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.11.1.tgz#8529b7412a6eb4b48bdf6e720cc1b8e6e1e17628"
-  integrity sha512-8M3VN0hetwhsJ8dH8VkVy7xo5/1VoBsDOk/T4SJOeXwTO1c4uIqVNx2qyecLFnnUWD5vvUqHQ1gASSeUN6zcTg==
+"@evocateur/libnpmaccess@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@evocateur/libnpmaccess/-/libnpmaccess-3.1.0.tgz#e546ee4e4bedca54ed9303948ec54c985cec33e4"
+  integrity sha512-bfrqZ0v+Il5TJBsgF2oyepeJg34K2pBItapzP+UT1QMIGpUh/Zc1pQql4jrafamZTqP3ZvdJxaElat8B5K3ICA==
+  dependencies:
+    "@evocateur/npm-registry-fetch" "^3.9.1"
+    aproba "^2.0.0"
+    figgy-pudding "^3.5.1"
+    get-stream "^4.0.0"
+    npm-package-arg "^6.1.0"
 
-"@emotion/utils@^0.8.2":
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.8.2.tgz#576ff7fb1230185b619a75d258cbc98f0867a8dc"
-  integrity sha512-rLu3wcBWH4P5q1CGoSSH/i9hrXs7SlbRLkoq9IGuoPYNGQvDJ3pt/wmOM+XgYjIDRMVIdkUWt0RsfzF50JfnCw==
+"@evocateur/libnpmpublish@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@evocateur/libnpmpublish/-/libnpmpublish-1.2.0.tgz#3e0d79fdc0a75f212adabb7c7e341b017effeac2"
+  integrity sha512-sezhX9FSnPIyrBBvxVocVJVO1uIWPczf6rOmUZSntCWfQMraO8pWTFlDJbroFqPbEqFFHf3eyw8NQ0Eb7OLd1g==
+  dependencies:
+    "@evocateur/npm-registry-fetch" "^3.9.1"
+    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"
+    semver "^5.5.1"
+    ssri "^6.0.1"
 
-"@emotion/weak-memoize@0.2.2":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.2.tgz#63985d3d8b02530e0869962f4da09142ee8e200e"
-  integrity sha512-n/VQ4mbfr81aqkx/XmVicOLjviMuy02eenSdJY33SVA7S2J42EU0P1H0mOogfYedb3wXA0d/LVtBrgTSm04WEA==
+"@evocateur/npm-registry-fetch@^3.9.1":
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/@evocateur/npm-registry-fetch/-/npm-registry-fetch-3.9.1.tgz#75b3917320e559f6c91e26af17e62b085ec457a2"
+  integrity sha512-6v1bHbcAypQ+te/1RGSNL4JkK6mcMtcZrUusqo5iKRtYSAig9UJXlOaCcBR+eLywt2DQMNpEwAj24jwWDX5G/w==
+  dependencies:
+    JSONStream "^1.3.4"
+    bluebird "^3.5.1"
+    figgy-pudding "^3.4.1"
+    lru-cache "^4.1.3"
+    make-fetch-happen "^4.0.1"
+    npm-package-arg "^6.1.0"
+    safe-buffer "^5.1.2"
+
+"@evocateur/pacote@^9.6.0":
+  version "9.6.0"
+  resolved "https://registry.yarnpkg.com/@evocateur/pacote/-/pacote-9.6.0.tgz#3f0d08fb81c572289a2dfa981e7f97b6dd83cef2"
+  integrity sha512-nKx8EPxXhzqNfePbqC6603z7Kkf6GBS2q+SNGtBS/bCgS5Q+p3OVR6MXKOkpvC3WHse98W2WLu8QaV9axtfxyw==
+  dependencies:
+    "@evocateur/npm-registry-fetch" "^3.9.1"
+    bluebird "^3.5.3"
+    cacache "^11.3.2"
+    figgy-pudding "^3.5.1"
+    get-stream "^4.1.0"
+    glob "^7.1.3"
+    lru-cache "^5.1.1"
+    make-fetch-happen "^4.0.1"
+    minimatch "^3.0.4"
+    minipass "^2.3.5"
+    mississippi "^3.0.0"
+    mkdirp "^0.5.1"
+    normalize-package-data "^2.4.0"
+    npm-package-arg "^6.1.0"
+    npm-packlist "^1.1.12"
+    npm-pick-manifest "^2.2.3"
+    osenv "^0.1.5"
+    promise-inflight "^1.0.1"
+    promise-retry "^1.1.1"
+    protoduck "^5.0.1"
+    rimraf "^2.6.2"
+    safe-buffer "^5.1.2"
+    semver "^5.6.0"
+    ssri "^6.0.1"
+    tar "^4.4.8"
+    unique-filename "^1.1.1"
+    which "^1.3.1"
 
 "@expo/bunyan@3.0.2":
   version "3.0.2"
@@ -1699,39 +1981,50 @@
     mv "~2"
     safe-json-stringify "~1"
 
-"@expo/config@^1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@expo/config/-/config-1.0.5.tgz#3e1ce45a81f2e279d48b2934b320aab774191b9f"
-  integrity sha512-2fY83PjSXc4oszh+mcD5iFgNVuVYEWyXczGvrrxLsfLbzKudfEm/eSbD/GVQZJ3rEbjY+o4KTiw3PIRNq5dlFw==
+"@expo/config@^2.0.4", "@expo/config@^2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@expo/config/-/config-2.1.0.tgz#8d73e014283f35d1a79e337179117767e3e3a194"
+  integrity sha512-xAbUKdTquT7hd+OAwAPRiD/waiP8N4rYgw6ApjPOzerhO3X8RFaHZlHIDEBL9Odj7ymAz/lKT44gc1gEjkHDOQ==
   dependencies:
-    "@expo/json-file" "^8.1.3"
+    "@expo/json-file" "^8.1.7"
+    find-yarn-workspace-root "^1.2.1"
     fs-extra "^7.0.1"
-    resolve-from "^4.0.0"
+    resolve-from "^5.0.0"
     slugify "^1.3.4"
 
-"@expo/dev-tools@^0.5.14":
-  version "0.5.14"
-  resolved "https://registry.yarnpkg.com/@expo/dev-tools/-/dev-tools-0.5.14.tgz#8ad41314081329bb1dcfb16fb2ebfa0d484f9bfb"
-  integrity sha512-7+DWm9X/IbFULMH1AhO6/BL5plGz6/zrvkPCKRYbcHBZhUitQ+EyBIXc6e///btIXK3wmKq4ujuUfK6na4w2zQ==
+"@expo/dev-tools@^0.5.38":
+  version "0.5.39"
+  resolved "https://registry.yarnpkg.com/@expo/dev-tools/-/dev-tools-0.5.39.tgz#8a55fa9f8586f26452d738a29d6a24994c5b974d"
+  integrity sha512-KMBY8s0e0T+Pi/LzFh/S0M/Lte2dM6nflhq6AkjudOu+3xWcC+EmsDm25pJYCjl/50cjiQ4AM8XdJ5/Q5IdWyg==
   dependencies:
-    "@expo/config" "^1.0.5"
+    "@expo/config" "^2.1.0"
     express "4.16.4"
     freeport-async "1.1.1"
     graphql "0.13.2"
     graphql-tools "3.0.0"
     iterall "1.2.2"
-    lodash "4.17.5"
+    lodash "^4.17.11"
     subscriptions-transport-ws "0.9.8"
 
-"@expo/json-file@^8.1.3":
-  version "8.1.3"
-  resolved "https://registry.yarnpkg.com/@expo/json-file/-/json-file-8.1.3.tgz#75d265d57facb85f52079031a53c7c9f5fc6c50b"
-  integrity sha512-2Jjn/gN75n526lWD1oIOQvQTQt3UMbICjeDgO3Tjr48zkWPYCakWBbS2cj3UnBIUqd30vIkGsp4fRh2JFEoocA==
+"@expo/image-utils@^0.2.1", "@expo/image-utils@^0.2.2":
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/@expo/image-utils/-/image-utils-0.2.2.tgz#29f6c2fed7b03669189e7cdd22f9d3b8b37173fb"
+  integrity sha512-GTQ37sfCmTt5dspdP0R+Pek45YG4inZA30joLtNgBjZLLXdQDHMJ9nF9Pvm8E0YgQW2HaV8vouxyp6C+Y1QTxg==
+  dependencies:
+    "@expo/spawn-async" "1.5.0"
+    semver "6.1.1"
+  optionalDependencies:
+    sharp-cli "1.10.0"
+
+"@expo/json-file@^8.1.6", "@expo/json-file@^8.1.7":
+  version "8.1.7"
+  resolved "https://registry.yarnpkg.com/@expo/json-file/-/json-file-8.1.7.tgz#5f3965a6c709c663d44da609a9c1163337d215f1"
+  integrity sha512-K+YVId3bWV/o9VHxSxIxfAwy+th6A4uh1nw7Q7WTUXJmyHY7OJBFyn/Itj24nTKoIzsFPF/xTgvrGtcCUtyfdQ==
   dependencies:
     "@babel/code-frame" "^7.0.0-beta.44"
     fs-extra "^8.0.1"
     json5 "^1.0.1"
-    lodash "^4.17.4"
+    lodash "^4.17.11"
     util.promisify "^1.0.0"
     write-file-atomic "^2.3.0"
 
@@ -1819,16 +2112,15 @@
     request "^2.81.0"
     uuid "^3.0.0"
 
-"@expo/osascript@^1.9.2":
-  version "1.9.2"
-  resolved "https://registry.yarnpkg.com/@expo/osascript/-/osascript-1.9.2.tgz#09de523a07d38e5cefca0db55ac7984e5d5776ca"
-  integrity sha512-jsT+Nauqp+ZnWsTJEPSPYImJzGY1L22cQEmaOZvWzgc6MTdBgfWG9KoKVHvn3WvPYHio7sOMk1zGocM1CW95LQ==
+"@expo/osascript@^2.0.1":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@expo/osascript/-/osascript-2.0.2.tgz#4433848080845b37684ca049474ba25cbfc7c4ee"
+  integrity sha512-bxoyxBRKzQ1T526dOp7e+wEnQ1ehdTIlcT2vPfS/7TncRiu81IJLXMseEw0Ik8isiP6pNmVG6JnqlZQAngT7oQ==
   dependencies:
-    "@expo/spawn-async" "^1.2.8"
-    babel-runtime "^6.23.0"
+    "@expo/spawn-async" "^1.5.0"
     exec-async "^2.2.0"
 
-"@expo/schemer@^1.2.5":
+"@expo/schemer@1.2.5":
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/@expo/schemer/-/schemer-1.2.5.tgz#f2d457ee7aeae3edf29dd98d3dfa84af6b11dfc3"
   integrity sha512-j74QDjk5gka5yeIgdiBFg1YQB3upnOedct6Ji8K1+iIQ1OErN4grf1YxCH/v81rhrsbBjKT5wgn0eKH7wqdsRw==
@@ -1847,22 +2139,22 @@
   resolved "https://registry.yarnpkg.com/@expo/simple-spinner/-/simple-spinner-1.0.2.tgz#b31447de60e5102837a4edf702839fcc8f7f31f3"
   integrity sha1-sxRH3mDlECg3pO33AoOfzI9/MfM=
 
-"@expo/spawn-async@1.4.2", "@expo/spawn-async@^1.2.8":
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/@expo/spawn-async/-/spawn-async-1.4.2.tgz#334b28215e3850071cede3a23d898f977904e01a"
-  integrity sha512-afevfRz0S/R63MfAVQstrowC/M5cwWdIKkim4wqFSYmnvOejq8B8RAeWZ0lKimPmP2QfuvA/FG2L0SzonrHTKQ==
+"@expo/spawn-async@1.5.0", "@expo/spawn-async@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@expo/spawn-async/-/spawn-async-1.5.0.tgz#799827edd8c10ef07eb1a2ff9dcfe081d596a395"
+  integrity sha512-LB7jWkqrHo+5fJHNrLAFdimuSXQ2MQ4lA7SQW5bf/HbsXuV2VrT/jN/M8f/KoWt0uJMGN4k/j7Opx4AvOOxSew==
   dependencies:
     cross-spawn "^6.0.5"
 
-"@expo/traveling-fastlane-darwin@1.9.4":
-  version "1.9.4"
-  resolved "https://registry.yarnpkg.com/@expo/traveling-fastlane-darwin/-/traveling-fastlane-darwin-1.9.4.tgz#29b370a6d6e115e69c4c4ea53003d679779b4592"
-  integrity sha512-bKw/sRPd0gXyzXhrvU9ewhav6FXstQC/g9P9ulf3x0Y2bxNYu7g1zv3hrNJxVbKx0DsFMzXqesV8HD8mU6jwrw==
+"@expo/traveling-fastlane-darwin@1.9.9":
+  version "1.9.9"
+  resolved "https://registry.yarnpkg.com/@expo/traveling-fastlane-darwin/-/traveling-fastlane-darwin-1.9.9.tgz#88445052d4bfd0826f332f71a08f4402ad7ffdcd"
+  integrity sha512-rz6gSbRrJI/g+JNgSunAX//TpedIpEGhLnB6H5uTtGl3Oqg/UkLIDlCjtHCdPrHAVRQqCR1qdT9k3AXbEYFV1w==
 
-"@expo/traveling-fastlane-linux@1.9.4":
-  version "1.9.4"
-  resolved "https://registry.yarnpkg.com/@expo/traveling-fastlane-linux/-/traveling-fastlane-linux-1.9.4.tgz#2867093af2ae1eaf49c77a73681e42968bdee53f"
-  integrity sha512-4DbD+OmXJSpYoV/DRP92y7/IzKP9bsExc1kF82PVcZIZqN66ZwExWmOyPoYeociY71GwptkVEQ0Dur+II5/g8A==
+"@expo/traveling-fastlane-linux@1.9.9":
+  version "1.9.9"
+  resolved "https://registry.yarnpkg.com/@expo/traveling-fastlane-linux/-/traveling-fastlane-linux-1.9.9.tgz#fd05ec401e1f45052bf8681dc4bfd21e4e05d66b"
+  integrity sha512-DKfeDhfeXmYhfM/CT7yiPjyvEMFyLvEDuKU3RIdieMZ3CJOobTkdaOQlQd39VYZ+q1a1qL5QvTiIlPvcSXv9PQ==
 
 "@expo/vector-icons@~9.0.0":
   version "9.0.0"
@@ -1872,16 +2164,16 @@
     lodash "^4.17.4"
     react-native-vector-icons "6.0.0"
 
-"@expo/webpack-config@^0.5.7":
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/@expo/webpack-config/-/webpack-config-0.5.7.tgz#13c6c3ac75079511d7916fca3f38d9006feadb00"
-  integrity sha512-twAxMHlO4dROgY7GQFZFloYmKVTAilK7G9/hLv6Qoc8qk6x5pJhO11x71SqbMzPAXIwCwoQJRG7gQKRnoxGrxw==
+"@expo/webpack-config@^0.5.19":
+  version "0.5.19"
+  resolved "https://registry.yarnpkg.com/@expo/webpack-config/-/webpack-config-0.5.19.tgz#f000eb4e81dc81eb09ad1b4f40703c251cd5fce9"
+  integrity sha512-jQp/UAL+42GZhy4W+9W9IfzvU+UlAH3QduEl4WzevS10oUWiPxoVxyTP6r/ZWkBp9ldfISjLxhv16wuzbDOWpw==
   dependencies:
     "@babel/core" "^7.0.0"
     "@babel/polyfill" "^7.2.5"
     "@babel/runtime" "^7.3.4"
-    "@expo/config" "^1.0.5"
-    "@expo/webpack-pwa-manifest-plugin" "^1.0.5"
+    "@expo/config" "^2.0.4"
+    "@expo/webpack-pwa-manifest-plugin" "^1.1.5"
     babel-loader "^8.0.5"
     babel-preset-expo "^5.1.1"
     brotli-webpack-plugin "^1.1.0"
@@ -1891,6 +2183,7 @@
     compression-webpack-plugin "^2.0.0"
     copy-webpack-plugin "^5.0.0"
     css-loader "^2.1.1"
+    deep-diff "^1.0.2"
     file-loader "^3.0.1"
     find-yarn-workspace-root "^1.2.1"
     html-loader "^0.5.5"
@@ -1912,14 +2205,15 @@
     webpack-merge "^4.2.1"
     workbox-webpack-plugin "^3.6.3"
 
-"@expo/webpack-pwa-manifest-plugin@^1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@expo/webpack-pwa-manifest-plugin/-/webpack-pwa-manifest-plugin-1.0.5.tgz#06690219769ca77171f94cf4fb1a8723e28333c0"
-  integrity sha512-x2XqTi4g8dQlW//83HB+asI3BCxGJ6Y9WHu2tHS9HjciLi93r2kuplrkJA2cttyRnM04meQM/Of2tjXn6MZMRg==
+"@expo/webpack-pwa-manifest-plugin@^1.1.5":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@expo/webpack-pwa-manifest-plugin/-/webpack-pwa-manifest-plugin-1.2.0.tgz#c84afe88700ceccd79a53ba4399e8a79bdead6c6"
+  integrity sha512-ej1sxRmJStaC0dOdiM8+T5nACUdxJFuEVY7mBnrMgtmByRr/+vpmlL4UjOoNKDrCPmHW8gEC9RR1FrhA6M/8xQ==
   dependencies:
+    "@expo/image-utils" "^0.2.2"
     css-color-names "^1.0.1"
-    jimp "^0.6.0"
     mime "^2.4.0"
+    tempy "^0.3.0"
 
 "@expo/websql@^1.0.1":
   version "1.0.1"
@@ -1932,27 +2226,27 @@
     pouchdb-collections "^1.0.1"
     tiny-queue "^0.2.1"
 
-"@expo/xdl@^54.0.1":
-  version "54.0.1"
-  resolved "https://registry.yarnpkg.com/@expo/xdl/-/xdl-54.0.1.tgz#97aa2530bb2931a30c6ad72e34ff5aa79873bb15"
-  integrity sha512-FyW3KCtv21Ss+IKUrdOUd6Ar1LYwps8Mm6hA3tBuWc0T0xun+qkKvWvrCiBcsSEu8weH7SIQds1I0Fuax6OOiA==
+"@expo/xdl@^55.0.14":
+  version "55.0.14"
+  resolved "https://registry.yarnpkg.com/@expo/xdl/-/xdl-55.0.14.tgz#ecd7026f932612076f5fe98626686e1347338d49"
+  integrity sha512-TZHTkYEowDmsKP4RzFXPm9XuudU4vIrpiJ1Sxuv7Qt7rWo/0q/Z9uL3PMqVYPAy7TiucjZFhcuyKXHaSFn9Qwg==
   dependencies:
     "@expo/bunyan" "3.0.2"
-    "@expo/config" "^1.0.5"
-    "@expo/json-file" "^8.1.3"
+    "@expo/config" "^2.0.4"
+    "@expo/image-utils" "^0.2.1"
+    "@expo/json-file" "^8.1.6"
     "@expo/ngrok" "2.4.3"
-    "@expo/osascript" "^1.9.2"
-    "@expo/schemer" "^1.2.5"
-    "@expo/spawn-async" "1.4.2"
-    "@expo/webpack-config" "^0.5.7"
-    analytics-node "^2.1.0"
+    "@expo/osascript" "^2.0.1"
+    "@expo/schemer" "1.2.5"
+    "@expo/spawn-async" "1.5.0"
+    "@expo/webpack-config" "^0.5.19"
+    analytics-node "3.3.0"
     axios v0.19.0-beta.1
     chalk "2.4.1"
     concat-stream "1.6.2"
     decache "4.4.0"
     delay-async "1.1.0"
     es6-error "4.1.1"
-    escape-string-regexp "1.0.5"
     express "4.16.4"
     form-data "2.3.2"
     freeport-async "1.1.1"
@@ -1977,8 +2271,8 @@
     mv "2.1.1"
     ncp "2.0.0"
     node-forge "0.7.6"
-    opn "5.4.0"
     p-timeout "2.0.1"
+    package-json "^6.4.0"
     pacote "9.3.0"
     plist "2.1.0"
     probe-image-size "^4.0.0"
@@ -1991,17 +2285,18 @@
     request-promise-native "1.0.5"
     resolve-from "4.0.0"
     semver "5.5.0"
-    sharp "^0.22.1"
     slugid "1.1.0"
     slugify "1.3.1"
     source-map-support "0.4.18"
     split "1.0.1"
     tar "4.4.6"
+    tempy "^0.3.0"
     tree-kill "1.2.0"
     url "0.11.0"
     url-join "4.0.0"
     util.promisify "1.0.0"
     uuid "3.3.2"
+    validator "11.0.0"
     webpack "4.24.0"
     webpack-dev-server "3.2.0"
     xmldom "0.1.27"
@@ -2043,25 +2338,41 @@
   integrity sha512-mV6T0IYqb0xL1UALPFplXYQmR0twnXG0M6jUswpquqT2sD12BOiCiLy3EvMp/Fy7s3DZElC4/aPjEjo2jeZpvw==
 
 "@hapi/hoek@6.x.x":
-  version "6.2.3"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-6.2.3.tgz#0abff7ac75d0c5388d2829c464b2aff74d473721"
-  integrity sha512-CtV9cp35+6Sfh6OfB+AYBozNIorZ6npNJjfO8InIyh/iFQI7uBW9bIApYoYf6TWq9w9BArecw2DDJf7oK+VlRw==
+  version "6.2.4"
+  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-6.2.4.tgz#4b95fbaccbfba90185690890bdf1a2fbbda10595"
+  integrity sha512-HOJ20Kc93DkDVvjwHyHawPwPkX44sIrbXazAUDiUXaY2R9JwQGo2PhFfnQtdrsIe4igjG2fPgMra7NYw7qhy0A==
+
+"@hapi/hoek@8.x.x":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-8.0.2.tgz#f63a5ff00e891a4e7aa98f11119f9515c6672032"
+  integrity sha512-O6o6mrV4P65vVccxymuruucb+GhP2zl9NLCG8OdoFRS8BEGw3vwpPp20wpAtpbQQxz1CEUtmxJGgWhjq1XA3qw==
 
 "@hapi/joi@^15.0.0":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-15.0.3.tgz#e94568fd859e5e945126d5675e7dd218484638a7"
-  integrity sha512-z6CesJ2YBwgVCi+ci8SI8zixoj8bGFn/vZb9MBPbSyoxsS2PnWYjHcyTM17VLK6tx64YVK38SDIh10hJypB+ig==
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-15.1.0.tgz#940cb749b5c55c26ab3b34ce362e82b6162c8e7a"
+  integrity sha512-n6kaRQO8S+kepUTbXL9O/UOL788Odqs38/VOfoCrATDtTvyfiO3fgjlSRaNkHabpTLgM7qru9ifqXlXbXk8SeQ==
   dependencies:
     "@hapi/address" "2.x.x"
     "@hapi/hoek" "6.x.x"
+    "@hapi/marker" "1.x.x"
     "@hapi/topo" "3.x.x"
 
+"@hapi/marker@1.x.x":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@hapi/marker/-/marker-1.0.0.tgz#65b0b2b01d1be06304886ce9b4b77b1bfb21a769"
+  integrity sha512-JOfdekTXnJexfE8PyhZFyHvHjt81rBFSAbTIRAhF2vv/2Y1JzoKsGqxH/GpZJoF7aEfYok8JVcAHmSz1gkBieA==
+
 "@hapi/topo@3.x.x":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-3.1.0.tgz#5c47cd9637c2953db185aa957a27bcb2a8b7a6f8"
-  integrity sha512-gZDI/eXOIk8kP2PkUKjWu9RW8GGVd2Hkgjxyr/S7Z+JF+0mr7bAlbw+DkTRxnD580o8Kqxlnba9wvqp5aOHBww==
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-3.1.2.tgz#57cc1317be1a8c5f47c124f9b0e3c49cd78424d2"
+  integrity sha512-r+aumOqJ5QbD6aLPJWqVjMAPsx5pZKz+F5yPqXZ/WWG9JTtHbQqlzrJoknJ0iJxLj9vlXtmpSdjlkszseeG8OA==
   dependencies:
-    "@hapi/hoek" "6.x.x"
+    "@hapi/hoek" "8.x.x"
+
+"@iarna/toml@^2.2.0":
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.3.tgz#f060bf6eaafae4d56a7dac618980838b0696e2ab"
+  integrity sha512-FmuxfCuolpLl0AnQ2NHSzoUKWEJDFl63qXjzdoWBVyFCXzMGm1spBzk7LeHNoVCiWCF7mRVms9e6jEV9+MoPbg==
 
 "@icons/material@^0.2.4":
   version "0.2.4"
@@ -2214,258 +2525,6 @@
     "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^12.0.9"
 
-"@jimp/bmp@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/bmp/-/bmp-0.6.4.tgz#0f4b94486e979d82c83e1e87cd00b756afb26e49"
-  integrity sha512-dhKM7Cjw4XoOefx3/we2+vWyTP6hQPpM7mEsziGjtsrK2f/e3/+hhHbEsQNgO9BOA1FPJRXAOiYHts9IlMH1mg==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    bmp-js "^0.1.0"
-    core-js "^2.5.7"
-
-"@jimp/core@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/core/-/core-0.6.4.tgz#19ab5f4ff0db4f602b36b159c714e37ebfb5672f"
-  integrity sha512-nyiAXI8/uU54fGO53KrRB8pdn1s+IODZ+rj0jG2owsNJlTlagFrsZAy8IVTUCOiiXjh9TbwFo7D5XMrmi4KUww==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    any-base "^1.1.0"
-    buffer "^5.2.0"
-    core-js "^2.5.7"
-    exif-parser "^0.1.12"
-    file-type "^9.0.0"
-    load-bmfont "^1.3.1"
-    mkdirp "0.5.1"
-    phin "^2.9.1"
-    pixelmatch "^4.0.2"
-    tinycolor2 "^1.4.1"
-
-"@jimp/custom@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/custom/-/custom-0.6.4.tgz#eb1abbda83f13149e50e71f0c5fc78d873fb485b"
-  integrity sha512-sdBHrBoVr1+PFx4dlUAgXvvu4dG0esQobhg7qhpSLRje1ScavIgE2iXdJKpycgzrqwAOL8vW4/E5w2/rONlaoQ==
-  dependencies:
-    "@jimp/core" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/gif@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/gif/-/gif-0.6.4.tgz#cbe8c27ceffd28112ec045b3f8a74724b8d3cdd0"
-  integrity sha512-14mLoyG0UrYJsGNRoXBFvSJdFtBD0BSBwQ1zCNeW+HpQqdl+Kh5E1Pz4nqT2KNylJe1jypyR51Q2yndgcfGVyg==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-    omggif "^1.0.9"
-
-"@jimp/jpeg@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/jpeg/-/jpeg-0.6.4.tgz#613e040514b1876a802f7943399be2b304bdb461"
-  integrity sha512-NrFla9fZC/Bhw1Aa9vJ6cBOqpB5ylEPb9jD+yZ0fzcAw5HwILguS//oXv9EWLApIY1XsOMFFe0XWpY653rv8hw==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-    jpeg-js "^0.3.4"
-
-"@jimp/plugin-blit@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-blit/-/plugin-blit-0.6.4.tgz#f8d7b2fa635fbef79d11f7476ff40e8aed00c026"
-  integrity sha512-suVznd4XozkQIuECX0u8kMl+cAQpZN3WcbWXUcJaVxRi+VBvHIetG1Qs5qGLzuEg9627+kE7ppv0UgZ5mkE6lg==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-blur@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-blur/-/plugin-blur-0.6.4.tgz#dd5d64454cae865ea8e4c6133b75708e93f31d89"
-  integrity sha512-M2fDMYUUtEKVNnCJZk5J0KSMzzISobmWfnG88RdHXJCkOn98kdawQFwTsYOfJJfCM8jWfhIxwZLFhC/2lkTN2w==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-color@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-color/-/plugin-color-0.6.4.tgz#d5ce139a0e665437ef9d5df7642be66f33735645"
-  integrity sha512-6Nfr2l9KSb6zH2fij8G6fQOw85TTkyRaBlqMvDmsQp/I1IlaDbXzA2C2Eh9jkQYZQDPu61B1MkmlEhJp/TUx6Q==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-    tinycolor2 "^1.4.1"
-
-"@jimp/plugin-contain@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-contain/-/plugin-contain-0.6.4.tgz#ee2cc03a066cc1ec9dcb2a5c6cdbbfb80af42d05"
-  integrity sha512-qI1MxU1noS6NbEPu/bDDeP405aMviuIsfpOz8J3En8IwIwrJV22qt6QIHmF+eyng8CYgivwIPjEPzFzLR566Nw==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-cover@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-cover/-/plugin-cover-0.6.4.tgz#1d341438552ffc673c2e8b68b4419b9aaf844657"
-  integrity sha512-z6eafPonj3LJY8cTEfRkXmOfCDi1+f0tbYaNvmiu+OrWJ3Ojw2hMt+BVVvJ8pKe1dWIFkCjxOjyjZWj1gEkaLw==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-crop@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-crop/-/plugin-crop-0.6.4.tgz#3447611790703cd7d51a0127b2cf77906711f9ec"
-  integrity sha512-w9TR+pn+GeWbznscGe2HRkPxInge0whAF3TLPWhPwBVjZChTT8dSDXsUpUlxQqvI4SfzuKp8z3/0SBqYDCzxxA==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-displace@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-displace/-/plugin-displace-0.6.4.tgz#7d641e402aade5d13d8eea93dc94fac39027da97"
-  integrity sha512-MEvtBXOAio/3iGJkKBrTtFs3Q38ez2Wy/wTD0Ruas+L8fjJR7l4mDgV+zjRr57CqB5mpY+L48VEoa2/gNXh9cg==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-dither@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-dither/-/plugin-dither-0.6.4.tgz#3feea3cd3ef59f951759c9ac0bafdd4abee50d7b"
-  integrity sha512-w+AGLcIMUeJZ4CI0FvFomahgKLcW+ICsLidUNOqyLzceluPAfug4X7vDhQ41pNkzKg0M1+Q1j0aWV8bdyF+LhA==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-flip@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-flip/-/plugin-flip-0.6.4.tgz#3ac31f01a4e1dc07caa9ff8c6a34097fb719de19"
-  integrity sha512-ukINMegMUM9KYjyDCiyYKYdSsbhNRLHDwOJN0xVRalmOKqNaZmjNbiMbaVxKlYt6sHW76RhSMOekw9f6GQB9tQ==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-gaussian@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-gaussian/-/plugin-gaussian-0.6.4.tgz#17d51465dc973cb97ce8d433f2c0c565070377a9"
-  integrity sha512-C1P6ohzIddpNb7CX5X+ygbp+ow8Fpt64ZLoIgdjYPs/42HxKluvY62fVfMhY6m5zUGKIMbg0uYeAtz/9LRJPyw==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-invert@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-invert/-/plugin-invert-0.6.4.tgz#38c8a6fa5d62f0c2a097041d09595decb10f7d36"
-  integrity sha512-sleGz1jXaNEsP/5Ayqw8oez/6KesWcyCqovIuK4Z4kDmMc2ncuhsXIJQXDWtIF4tTQVzNEgrxUDNA4bi9xpCUA==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-mask@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-mask/-/plugin-mask-0.6.4.tgz#47bb907a70c457f51439f96e2dc0fa73dd2b8ea2"
-  integrity sha512-3D4FbRxnpO9nzwa6cF8AImgO1aVReYbfRRO4I4bku4/iZ+kuU3fBLV+SRhB4c7di3ejG5u+rGsIfaNc94iYYvw==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-normalize@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-normalize/-/plugin-normalize-0.6.4.tgz#6f49eb866b605c947c05fd9ca6ea3934f57137e4"
-  integrity sha512-nOFMwOaVkOKArHkD/T6/1HKAPj3jlW6l0JduVDn1A5eIPCtlnyhlE9zdjgi5Q9IBR/gRjwW6tTzBKuJenS51kg==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-print@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-print/-/plugin-print-0.6.4.tgz#6642e2a5dea7fa6fb70c8655f82a770ae0faa0d9"
-  integrity sha512-3z5DLVCKg0NfZhHATEaYH/4XanIboPP1pOUoxIUeF++qOnGiGgH2giFJlRprHmx2l3E3DukR1v8pt54PGvfrFw==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-    load-bmfont "^1.4.0"
-
-"@jimp/plugin-resize@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-resize/-/plugin-resize-0.6.4.tgz#cf6b253b4f40a6f9678509b391bf5a8d261951c8"
-  integrity sha512-fk2+KheUNClrOWj6aDNWj1r4byVQb6Qxy4aT1UHX5GXPHDA+nhlej7ghaYdzeWZYodeM3lpasYtByu1XE2qScQ==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-rotate@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-rotate/-/plugin-rotate-0.6.4.tgz#3075538a8f644d78d07ea3f126ee3c85a37302bc"
-  integrity sha512-44VgV5D4xQIYInJAVevdW9J3SOhGKyz0OEr2ciA8Q3ktonKx0O5Q1g2kbruiqxFSkK/u2CKPLeKXZzYCFrmJGQ==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugin-scale@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugin-scale/-/plugin-scale-0.6.4.tgz#062305d129ab80d0e49df021ab96202b0594a3dc"
-  integrity sha512-RAQRaDiCHmEz+A8QS5d/Z38EnlNsQizz3Mu3NsjA8uFtJsv1yMKWXZSQuzniofZw8tlMV6oI3VdM0eQVE07/5w==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-
-"@jimp/plugins@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/plugins/-/plugins-0.6.4.tgz#341eeadab17ab1a1bac99b788acf2a43369f119d"
-  integrity sha512-NpO/87CKnF4Q9r8gMl6w+jPKOM/C089qExkViD9cPvcFZEnyVOu7ucGzcMmTcabWOU62iQTOkRViPYr6XaK0LQ==
-  dependencies:
-    "@jimp/plugin-blit" "^0.6.4"
-    "@jimp/plugin-blur" "^0.6.4"
-    "@jimp/plugin-color" "^0.6.4"
-    "@jimp/plugin-contain" "^0.6.4"
-    "@jimp/plugin-cover" "^0.6.4"
-    "@jimp/plugin-crop" "^0.6.4"
-    "@jimp/plugin-displace" "^0.6.4"
-    "@jimp/plugin-dither" "^0.6.4"
-    "@jimp/plugin-flip" "^0.6.4"
-    "@jimp/plugin-gaussian" "^0.6.4"
-    "@jimp/plugin-invert" "^0.6.4"
-    "@jimp/plugin-mask" "^0.6.4"
-    "@jimp/plugin-normalize" "^0.6.4"
-    "@jimp/plugin-print" "^0.6.4"
-    "@jimp/plugin-resize" "^0.6.4"
-    "@jimp/plugin-rotate" "^0.6.4"
-    "@jimp/plugin-scale" "^0.6.4"
-    core-js "^2.5.7"
-    timm "^1.6.1"
-
-"@jimp/png@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/png/-/png-0.6.4.tgz#2a74b14d1c968d1f09e684803d6e170950728b55"
-  integrity sha512-qv3oo6ll3XWVIToBwVC1wQX0MFKwpxbe2o+1ld9B4ZDavqvAHzalzcmTd/iyooI85CVDAcC3RRDo66oiizGZCQ==
-  dependencies:
-    "@jimp/utils" "^0.6.4"
-    core-js "^2.5.7"
-    pngjs "^3.3.3"
-
-"@jimp/tiff@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/tiff/-/tiff-0.6.4.tgz#c999751b977f01817d785327732ed4e40a4ecc9a"
-  integrity sha512-8/vD4qleexmhPdppiu6fSstj/n/kGNTn8iIlf1emiqOuMN2PL9q5GOPDWU0xWdGNyJMMIDXJPgUFUkKfqXdg7w==
-  dependencies:
-    core-js "^2.5.7"
-    utif "^2.0.1"
-
-"@jimp/types@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/types/-/types-0.6.4.tgz#242fce9a914875e0b48b6ebac2ab55e95714cdf8"
-  integrity sha512-/EMbipQDg5U6DnBAgcSiydlMBRYoKhnaK7MJRImeTzhDJ6xfgNOF7lYq66o0kmaezKdG/cIwZ1CLecn2y3D8SQ==
-  dependencies:
-    "@jimp/bmp" "^0.6.4"
-    "@jimp/gif" "^0.6.4"
-    "@jimp/jpeg" "^0.6.4"
-    "@jimp/png" "^0.6.4"
-    "@jimp/tiff" "^0.6.4"
-    core-js "^2.5.7"
-    timm "^1.6.1"
-
-"@jimp/utils@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@jimp/utils/-/utils-0.6.4.tgz#4a17103829c8487384539f1c2b1db257bbd30c0b"
-  integrity sha512-EFQurCyEnZLSM2Q1BYDTUmsOJPSOYEQd18Fvq8bGo8hnBHoGLWLWWyNi2l4cYhtpKmIXyhvQqa6/WaEpKPzvqA==
-  dependencies:
-    core-js "^2.5.7"
-
 "@lasso/marko-taglib@^1.0.13":
   version "1.0.15"
   resolved "https://registry.yarnpkg.com/@lasso/marko-taglib/-/marko-taglib-1.0.15.tgz#c0076ce265d9cbb2c2f84adb5c8101fcac6118a8"
@@ -2477,20 +2536,20 @@
     raptor-logging "^1.1.3"
     raptor-util "^1.1.2"
 
-"@lerna/add@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/add/-/add-3.14.0.tgz#799d416e67d48c285967abf883be746557aefa48"
-  integrity sha512-Sa79Ju6HqF3heSVpBiYPNrGtuS56U/jMzVq4CcVvhNwB34USLrzJJncGFVcfnuUvsjKeFJv+jHxUycHeRE8XYw==
+"@lerna/add@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/add/-/add-3.15.0.tgz#10be562f43cde59b60f299083d54ac39520ec60a"
+  integrity sha512-+KrG4GFy/6FISZ+DwWf5Fj5YB4ESa4VTnSn/ujf3VEda6dxngHPN629j+TcPbsdOxUYVah+HuZbC/B8NnkrKpQ==
   dependencies:
-    "@lerna/bootstrap" "3.14.0"
-    "@lerna/command" "3.14.0"
-    "@lerna/filter-options" "3.14.0"
+    "@evocateur/pacote" "^9.6.0"
+    "@lerna/bootstrap" "3.15.0"
+    "@lerna/command" "3.15.0"
+    "@lerna/filter-options" "3.14.2"
     "@lerna/npm-conf" "3.13.0"
     "@lerna/validation-error" "3.13.0"
     dedent "^0.7.0"
     npm-package-arg "^6.1.0"
     p-map "^1.2.0"
-    pacote "^9.5.0"
     semver "^5.5.0"
 
 "@lerna/batch-packages@3.14.0":
@@ -2501,23 +2560,23 @@
     "@lerna/package-graph" "3.14.0"
     npmlog "^4.1.2"
 
-"@lerna/bootstrap@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/bootstrap/-/bootstrap-3.14.0.tgz#dde35eac0a912097033e1daea237a50e5c3cb75b"
-  integrity sha512-AvnuDp8b0kX4zZgqD3v7ItPABhUsN5CmTEvZBD2JqM+xkQKhzCfz5ABcHEwDwOPWnNQmtH+/2iQdwaD7xBcAXw==
+"@lerna/bootstrap@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/bootstrap/-/bootstrap-3.15.0.tgz#f53e0bbbbfb8367e609a06378409bfc673ff2930"
+  integrity sha512-4AxsPKKbgj2Ju03qDddQTpOHvpqnwd0yaiEU/aCcWv/4tDTe79NqUne2Z3+P2WZY0Zzb8+nUKcskwYBMTeq+Mw==
   dependencies:
     "@lerna/batch-packages" "3.14.0"
-    "@lerna/command" "3.14.0"
-    "@lerna/filter-options" "3.14.0"
-    "@lerna/has-npm-version" "3.13.3"
-    "@lerna/npm-install" "3.13.3"
+    "@lerna/command" "3.15.0"
+    "@lerna/filter-options" "3.14.2"
+    "@lerna/has-npm-version" "3.14.2"
+    "@lerna/npm-install" "3.14.2"
     "@lerna/package-graph" "3.14.0"
     "@lerna/pulse-till-done" "3.13.0"
-    "@lerna/rimraf-dir" "3.13.3"
+    "@lerna/rimraf-dir" "3.14.2"
     "@lerna/run-lifecycle" "3.14.0"
     "@lerna/run-parallel-batches" "3.13.0"
-    "@lerna/symlink-binary" "3.14.0"
-    "@lerna/symlink-dependencies" "3.14.0"
+    "@lerna/symlink-binary" "3.14.2"
+    "@lerna/symlink-dependencies" "3.14.2"
     "@lerna/validation-error" "3.13.0"
     dedent "^0.7.0"
     get-port "^3.2.0"
@@ -2531,45 +2590,45 @@
     read-package-tree "^5.1.6"
     semver "^5.5.0"
 
-"@lerna/changed@3.14.1":
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/@lerna/changed/-/changed-3.14.1.tgz#274fa67a34f234546925c139aabe20765f07a8e4"
-  integrity sha512-G0RgYL/WLTFzbezRBLUO2J0v39EvgZIO5bHHUtYt7zUFSfzapkPfvpdpBj+5JlMtf0B2xfxwTk+lSA4LVnbfmA==
+"@lerna/changed@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/changed/-/changed-3.15.0.tgz#20db9d992d697e4288c260aa38b989dcb93f4b40"
+  integrity sha512-Hns1ssI9T9xOTGVc7PT2jUaqzsSkxV3hV/Y7iFO0uKTk+fduyTwGTHU9A/ybQ/xi/9iaJbvaXyjxKiGoEnzmhg==
   dependencies:
-    "@lerna/collect-updates" "3.14.0"
-    "@lerna/command" "3.14.0"
+    "@lerna/collect-updates" "3.14.2"
+    "@lerna/command" "3.15.0"
     "@lerna/listable" "3.14.0"
     "@lerna/output" "3.13.0"
-    "@lerna/version" "3.14.1"
+    "@lerna/version" "3.15.0"
 
-"@lerna/check-working-tree@3.14.1":
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/@lerna/check-working-tree/-/check-working-tree-3.14.1.tgz#4102681c31e4cebed3968db27567e3180e519822"
-  integrity sha512-ae/sdZPNh4SS+6c4UDuWP/QKbtIFAn/TvKsPncA1Jdo0PqXLBlug4DzkHTGkvZ5F0nj+0JrSxYteInakJV99vg==
+"@lerna/check-working-tree@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/check-working-tree/-/check-working-tree-3.14.2.tgz#5ce007722180a69643a8456766ed8a91fc7e9ae1"
+  integrity sha512-7safqxM/MYoAoxZxulUDtIJIbnBIgo0PB/FHytueG+9VaX7GMnDte2Bt1EKa0dz2sAyQdmQ3Q8ZXpf/6JDjaeg==
   dependencies:
-    "@lerna/collect-uncommitted" "3.14.1"
-    "@lerna/describe-ref" "3.13.3"
+    "@lerna/collect-uncommitted" "3.14.2"
+    "@lerna/describe-ref" "3.14.2"
     "@lerna/validation-error" "3.13.0"
 
-"@lerna/child-process@3.13.3":
-  version "3.13.3"
-  resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-3.13.3.tgz#6c084ee5cca9fc9e04d6bf4fc3f743ed26ff190c"
-  integrity sha512-3/e2uCLnbU+bydDnDwyadpOmuzazS01EcnOleAnuj9235CU2U97DH6OyoG1EW/fU59x11J+HjIqovh5vBaMQjQ==
+"@lerna/child-process@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-3.14.2.tgz#950240cba83f7dfe25247cfa6c9cebf30b7d94f6"
+  integrity sha512-xnq+W5yQb6RkwI0p16ZQnrn6HkloH/MWTw4lGE1nKsBLAUbmSU5oTE93W1nrG0X3IMF/xWc9UYvNdUGMWvZZ4w==
   dependencies:
     chalk "^2.3.1"
     execa "^1.0.0"
     strong-log-transformer "^2.0.0"
 
-"@lerna/clean@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/clean/-/clean-3.14.0.tgz#4399f4a3289106b0b8ffbffd4a6cfd2e3fe935f2"
-  integrity sha512-wEuAqOS9VMqh2C20KD63IySzyEnyVDqDI3LUsXw+ByUf9AJDgEHv0TCOxbDjDYaaQw1tjSBNZMyYInNeoASwhA==
+"@lerna/clean@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/clean/-/clean-3.15.0.tgz#a94da50908a80ba443a0a682706aca79ac2ecf27"
+  integrity sha512-D1BN7BnJk6YjrSR7E7RiCmWiFVWDo3L+OSe6zDq6rNNYexPBtSi2JOCeF/Dibi3jd2luVu0zkVpUtuEEdPiD+A==
   dependencies:
-    "@lerna/command" "3.14.0"
-    "@lerna/filter-options" "3.14.0"
+    "@lerna/command" "3.15.0"
+    "@lerna/filter-options" "3.14.2"
     "@lerna/prompt" "3.13.0"
     "@lerna/pulse-till-done" "3.13.0"
-    "@lerna/rimraf-dir" "3.13.3"
+    "@lerna/rimraf-dir" "3.14.2"
     p-map "^1.2.0"
     p-map-series "^1.0.0"
     p-waterfall "^1.0.0"
@@ -2584,35 +2643,35 @@
     npmlog "^4.1.2"
     yargs "^12.0.1"
 
-"@lerna/collect-uncommitted@3.14.1":
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/@lerna/collect-uncommitted/-/collect-uncommitted-3.14.1.tgz#b3498c4c7f46efc79092ce4aa0a24edc535e5d1a"
-  integrity sha512-hQ67S+nlSJwsPylXbWlrQSZUcWa8tTNIdcMd9OY4+QxdJlZUG7CLbWSyaxi0g11WdoRJHT163mr9xQyAvIVT1A==
+"@lerna/collect-uncommitted@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/collect-uncommitted/-/collect-uncommitted-3.14.2.tgz#b5ed00d800bea26bb0d18404432b051eee8d030e"
+  integrity sha512-4EkQu4jIOdNL2BMzy/N0ydHB8+Z6syu6xiiKXOoFl0WoWU9H1jEJCX4TH7CmVxXL1+jcs8FIS2pfQz4oew99Eg==
   dependencies:
-    "@lerna/child-process" "3.13.3"
+    "@lerna/child-process" "3.14.2"
     chalk "^2.3.1"
     figgy-pudding "^3.5.1"
     npmlog "^4.1.2"
 
-"@lerna/collect-updates@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/collect-updates/-/collect-updates-3.14.0.tgz#64d64ff1ec05ac53dfe6851be49d2ad261e6795e"
-  integrity sha512-siRHo2atAwj5KpKVOo6QTVIYDYbNs7dzTG6ow9VcFMLKX5shuaEyFA22Z3LmnxQ3sakVFdgvvVeediEz6cM3VA==
+"@lerna/collect-updates@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/collect-updates/-/collect-updates-3.14.2.tgz#396201f6568ec5916bf2c11e7a29b0931fcd3e5b"
+  integrity sha512-+zSQ2ZovH8Uc0do5dR+sk8VvRJc6Xl+ZnJJGESIl17KSpEw/lVjcOyt6f3BP+WHn+iSOjMWcGvUVA601FIEdZw==
   dependencies:
-    "@lerna/child-process" "3.13.3"
-    "@lerna/describe-ref" "3.13.3"
+    "@lerna/child-process" "3.14.2"
+    "@lerna/describe-ref" "3.14.2"
     minimatch "^3.0.4"
     npmlog "^4.1.2"
     slash "^1.0.0"
 
-"@lerna/command@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/command/-/command-3.14.0.tgz#5f5e68293c0ff1e85a20b4e96fa6bea33b7632df"
-  integrity sha512-PtFi5EtXB2VuSruoLsjfZdus56d7oKlZAI4iSRoaS/BBxE2Wyfn7//vW7Ow4hZCzuqb9tBcpDq+4u2pdXN1d2Q==
+"@lerna/command@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/command/-/command-3.15.0.tgz#e1dc1319054f1cf0b135aa0c5730f3335641a0ca"
+  integrity sha512-dZqr4rKFN+veuXakIQ1DcGUpzBgcWKaYFNN4O6/skOdVQaEfGefzo1sZET+q7k/BkypxkhXHXpv5UqqSuL/EHQ==
   dependencies:
-    "@lerna/child-process" "3.13.3"
+    "@lerna/child-process" "3.14.2"
     "@lerna/package-graph" "3.14.0"
-    "@lerna/project" "3.13.1"
+    "@lerna/project" "3.15.0"
     "@lerna/validation-error" "3.13.0"
     "@lerna/write-log-file" "3.13.0"
     dedent "^0.7.0"
@@ -2646,13 +2705,14 @@
     fs-extra "^7.0.0"
     npmlog "^4.1.2"
 
-"@lerna/create@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/create/-/create-3.14.0.tgz#ec7a0d4aa81e60c918ea2ba06f3c71ee2855a936"
-  integrity sha512-J4PeGnzVBOSV7Cih8Uhv9xIauljR9bGcfSDN9aMzFtJhSX0xFXNvmnpXRORp7xNHV2lbxk7mNxRQxzR9CQRMuw==
+"@lerna/create@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/create/-/create-3.15.0.tgz#27bfadcbdf71d34226aa82432293f5290f7ab1aa"
+  integrity sha512-doXGt0HTwTQl8GkC2tOrraA/5OWbz35hJqi7Dsl3Fl0bAxiv9XmF3LykHFJ+YTDHfGpdoJ8tKu66f/VKP16G0w==
   dependencies:
-    "@lerna/child-process" "3.13.3"
-    "@lerna/command" "3.14.0"
+    "@evocateur/pacote" "^9.6.0"
+    "@lerna/child-process" "3.14.2"
+    "@lerna/command" "3.15.0"
     "@lerna/npm-conf" "3.13.0"
     "@lerna/validation-error" "3.13.0"
     camelcase "^5.0.0"
@@ -2662,7 +2722,6 @@
     init-package-json "^1.10.3"
     npm-package-arg "^6.1.0"
     p-reduce "^1.0.0"
-    pacote "^9.5.0"
     pify "^3.0.0"
     semver "^5.5.0"
     slash "^1.0.0"
@@ -2670,42 +2729,42 @@
     validate-npm-package-name "^3.0.0"
     whatwg-url "^7.0.0"
 
-"@lerna/describe-ref@3.13.3":
-  version "3.13.3"
-  resolved "https://registry.yarnpkg.com/@lerna/describe-ref/-/describe-ref-3.13.3.tgz#13318513613f6a407d37fc5dc025ec2cfb705606"
-  integrity sha512-5KcLTvjdS4gU5evW8ESbZ0BF44NM5HrP3dQNtWnOUSKJRgsES8Gj0lq9AlB2+YglZfjEftFT03uOYOxnKto4Uw==
+"@lerna/describe-ref@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/describe-ref/-/describe-ref-3.14.2.tgz#edc3c973f5ca9728d23358c4f4d3b55a21f65be5"
+  integrity sha512-qa5pzDRK2oBQXNjyRmRnN7E8a78NMYfQjjlRFB0KNHMsT6mCiL9+8kIS39sSE2NqT8p7xVNo2r2KAS8R/m3CoQ==
   dependencies:
-    "@lerna/child-process" "3.13.3"
+    "@lerna/child-process" "3.14.2"
     npmlog "^4.1.2"
 
-"@lerna/diff@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/diff/-/diff-3.14.0.tgz#a4860c062faf990dd3c208dcf1c6fbde5a042bdb"
-  integrity sha512-H6FSj0jOiQ6unVCwOK6ReT5uZN6ZIn/j/cx4YwuOtU3SMcs3UfuQRIFNeKg/tKmOcQGd39Mn9zDhmt3TAYGROA==
+"@lerna/diff@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/diff/-/diff-3.15.0.tgz#573d6f58f6809d16752dcfab74c5e286b6678371"
+  integrity sha512-N1Pr0M554Bt+DlVoD+DXWGh92gcq6G9icn8sH5GSqfwi0XCpPNJ2i1BNEZpUQ6ulLWOMa1YHR4PypPxecRGBjA==
   dependencies:
-    "@lerna/child-process" "3.13.3"
-    "@lerna/command" "3.14.0"
+    "@lerna/child-process" "3.14.2"
+    "@lerna/command" "3.15.0"
     "@lerna/validation-error" "3.13.0"
     npmlog "^4.1.2"
 
-"@lerna/exec@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/exec/-/exec-3.14.0.tgz#da632dac4a86d59f7fe8c566af8648f8272241ff"
-  integrity sha512-cNFO8hWsBVLeqVQ7LsQ4rYKbbQ2eN+Ne+hWKTlUQoyRbYzgJ22TXhjKR6IMr68q0xtclcDlasfcNO+XEWESh0g==
+"@lerna/exec@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/exec/-/exec-3.15.0.tgz#b31510f47255367eb0d3e4a4f7b6ef8f7e41b985"
+  integrity sha512-YuXPd64TNG9wbb3lRvyMARQbdlbMZ1bJZ+GCm0enivnIWUyg0qtBDcfPY2dWpIgOif04zx+K/gmOX4lCaGM4UQ==
   dependencies:
-    "@lerna/child-process" "3.13.3"
-    "@lerna/command" "3.14.0"
-    "@lerna/filter-options" "3.14.0"
+    "@lerna/child-process" "3.14.2"
+    "@lerna/command" "3.15.0"
+    "@lerna/filter-options" "3.14.2"
     "@lerna/run-topologically" "3.14.0"
     "@lerna/validation-error" "3.13.0"
     p-map "^1.2.0"
 
-"@lerna/filter-options@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/filter-options/-/filter-options-3.14.0.tgz#6a2e60708633f54973bf31262b58e53efb537ef2"
-  integrity sha512-ZmNZK9m8evxHc+2ZnDyCm8XFIKVDKpIASG1wtizr3R14t49fuYE7nR+rm4t82u9oSSmER8gb8bGzh0SKZme/jg==
+"@lerna/filter-options@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/filter-options/-/filter-options-3.14.2.tgz#7ba91cb54ff3fd9f4650ad8d7c40bc1075e44c2d"
+  integrity sha512-Ct8oYvRttbYB9JalngHhirb8o9ZVyLm5a9MpXNevXoHiu6j0vNhI19BQCwNnrL6wZvEHJnzPuUl/jO23tWxemg==
   dependencies:
-    "@lerna/collect-updates" "3.14.0"
+    "@lerna/collect-updates" "3.14.2"
     "@lerna/filter-packages" "3.13.0"
     dedent "^0.7.0"
 
@@ -2734,37 +2793,46 @@
     ssri "^6.0.1"
     tar "^4.4.8"
 
-"@lerna/github-client@3.13.3":
-  version "3.13.3"
-  resolved "https://registry.yarnpkg.com/@lerna/github-client/-/github-client-3.13.3.tgz#bcf9b4ff40bdd104cb40cd257322f052b41bb9ce"
-  integrity sha512-fcJkjab4kX0zcLLSa/DCUNvU3v8wmy2c1lhdIbL7s7gABmDcV0QZq93LhnEee3VkC9UpnJ6GKG4EkD7eIifBnA==
+"@lerna/github-client@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/github-client/-/github-client-3.14.2.tgz#a743792b51cd9bdfb785186e429568827a6372eb"
+  integrity sha512-+2Xh7t4qVmXiXE2utPnh5T7YwSltG74JP7c+EiooRY5+3zjh9MpPOcTKxVY3xKclzpsyXMohk2KpTF4tzA5rrg==
   dependencies:
-    "@lerna/child-process" "3.13.3"
+    "@lerna/child-process" "3.14.2"
     "@octokit/plugin-enterprise-rest" "^2.1.1"
     "@octokit/rest" "^16.16.0"
     git-url-parse "^11.1.2"
     npmlog "^4.1.2"
 
+"@lerna/gitlab-client@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/gitlab-client/-/gitlab-client-3.15.0.tgz#91f4ec8c697b5ac57f7f25bd50fe659d24aa96a6"
+  integrity sha512-OsBvRSejHXUBMgwWQqNoioB8sgzL/Pf1pOUhHKtkiMl6aAWjklaaq5HPMvTIsZPfS6DJ9L5OK2GGZuooP/5c8Q==
+  dependencies:
+    node-fetch "^2.5.0"
+    npmlog "^4.1.2"
+    whatwg-url "^7.0.0"
+
 "@lerna/global-options@3.13.0":
   version "3.13.0"
   resolved "https://registry.yarnpkg.com/@lerna/global-options/-/global-options-3.13.0.tgz#217662290db06ad9cf2c49d8e3100ee28eaebae1"
   integrity sha512-SlZvh1gVRRzYLVluz9fryY1nJpZ0FHDGB66U9tFfvnnxmueckRQxLopn3tXj3NU1kc3QANT2I5BsQkOqZ4TEFQ==
 
-"@lerna/has-npm-version@3.13.3":
-  version "3.13.3"
-  resolved "https://registry.yarnpkg.com/@lerna/has-npm-version/-/has-npm-version-3.13.3.tgz#167e3f602a2fb58f84f93cf5df39705ca6432a2d"
-  integrity sha512-mQzoghRw4dBg0R9FFfHrj0TH0glvXyzdEZmYZ8Isvx5BSuEEwpsryoywuZSdppcvLu8o7NAdU5Tac8cJ/mT52w==
+"@lerna/has-npm-version@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/has-npm-version/-/has-npm-version-3.14.2.tgz#ac17f7c68e92114b8332b95ae6cffec9c0d67a7b"
+  integrity sha512-cG+z5bB8JPd5f+nT2eLN2LmKg06O11AxlnUxgw2W7cLyc7cnsmMSp/rxt2JBMwW2r4Yn+CLLJIRwJZ2Es8jFSw==
   dependencies:
-    "@lerna/child-process" "3.13.3"
+    "@lerna/child-process" "3.14.2"
     semver "^5.5.0"
 
-"@lerna/import@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/import/-/import-3.14.0.tgz#de5727dc18d21c50af14b481e47b424c5bbe107c"
-  integrity sha512-j8z/m85FX1QYPgl5TzMNupdxsQF/NFZSmdCR19HQzqiVKC8ULGzF30WJEk66+KeZ94wYMSakINtYD+41s34pNQ==
+"@lerna/import@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/import/-/import-3.15.0.tgz#47f2da52059a96bb08a4c09e18d985258fce9ce1"
+  integrity sha512-4GKQgeTXBTwMbZNkYyPdQIVA41HIISD7D6XRNrDaG0falUfvoPsknijQPCBmGqeh66u1Fcn2+4lkL3OCTj2FMg==
   dependencies:
-    "@lerna/child-process" "3.13.3"
-    "@lerna/command" "3.14.0"
+    "@lerna/child-process" "3.14.2"
+    "@lerna/command" "3.15.0"
     "@lerna/prompt" "3.13.0"
     "@lerna/pulse-till-done" "3.13.0"
     "@lerna/validation-error" "3.13.0"
@@ -2772,35 +2840,35 @@
     fs-extra "^7.0.0"
     p-map-series "^1.0.0"
 
-"@lerna/init@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/init/-/init-3.14.0.tgz#f5b92f171f9ed4168bd3d9305fffe6a46460a1d2"
-  integrity sha512-X3PQkQZds5ozA1xiarmVzAK6LPLNK3bBu24Api0w2KJXO7Ccs9ob/VcGdevZuzqdJo1Xg2H6oBhEqIClU9Uqqw==
+"@lerna/init@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/init/-/init-3.15.0.tgz#bda36de44c365972f87cbd287fe85b6fb7bb1070"
+  integrity sha512-VOqH6kFbFtfUbXxhSqXKY6bjnVp9nLuLRI6x9tVHOANX2LmSlXm17OUGBnNt+eM4uJLuiUsAR8nTlpCiz//lPQ==
   dependencies:
-    "@lerna/child-process" "3.13.3"
-    "@lerna/command" "3.14.0"
+    "@lerna/child-process" "3.14.2"
+    "@lerna/command" "3.15.0"
     fs-extra "^7.0.0"
     p-map "^1.2.0"
     write-json-file "^2.3.0"
 
-"@lerna/link@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/link/-/link-3.14.0.tgz#817243559b3d460a08bd65582e7632b1dbc6df69"
-  integrity sha512-xlwQhWTVOZrgAuoONY3/OIBWehDfZXmf5qFhnOy7lIxByRhEX5Vwx0ApaGxHTv3Flv7T+oI4s8UZVq5F6dT8Aw==
+"@lerna/link@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/link/-/link-3.15.0.tgz#718b4116a8eacb3fc73414ae8d97f8fdaf8125da"
+  integrity sha512-yKHuifADINobvDOLljBGkVGpVwy6J3mg5p9lQXBdOLXBoIKC8o/UKBR9JvZMFvT/Iy6zn6FPy1v5lz9iU1Ib0Q==
   dependencies:
-    "@lerna/command" "3.14.0"
+    "@lerna/command" "3.15.0"
     "@lerna/package-graph" "3.14.0"
-    "@lerna/symlink-dependencies" "3.14.0"
+    "@lerna/symlink-dependencies" "3.14.2"
     p-map "^1.2.0"
     slash "^1.0.0"
 
-"@lerna/list@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/list/-/list-3.14.0.tgz#cfe826937c63a3652003639eb7fd36bf4b0a3660"
-  integrity sha512-Gp+9gaIkBfXBwc9Ng0Y74IEfAqpQpLiXwOP4IOpdINxOeDpllhMaYP6SzLaMvrfSyHRayM7Cq5/PRnHkXQ5uuQ==
+"@lerna/list@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/list/-/list-3.15.0.tgz#4e401c1ad990bb12bd38298cb61d21136420ff68"
+  integrity sha512-8SvxnlfAnbEzQDf2NL0IxWyUuqWTykF9cHt5/f5TOzgESClpaOkDtqwh/UlE8nVTzWMnxnQUPQi3UTKyJD3i3g==
   dependencies:
-    "@lerna/command" "3.14.0"
-    "@lerna/filter-options" "3.14.0"
+    "@lerna/command" "3.15.0"
+    "@lerna/filter-options" "3.14.2"
     "@lerna/listable" "3.14.0"
     "@lerna/output" "3.13.0"
 
@@ -2831,23 +2899,23 @@
     config-chain "^1.1.11"
     pify "^3.0.0"
 
-"@lerna/npm-dist-tag@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-dist-tag/-/npm-dist-tag-3.14.0.tgz#69b1f99ce9d777782afe646522cb14293d986eb5"
-  integrity sha512-DEyYEdufTGIC6E4RTJUsYPgqlz1Bs/XPeEQ5fd+ojWnICevj7dRrr2DfHucPiUCADlm2jbAraAQc3QPU0dXRhw==
+"@lerna/npm-dist-tag@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-dist-tag/-/npm-dist-tag-3.15.0.tgz#262dd1e67a4cf82ae78fadfe02622ebce4add078"
+  integrity sha512-lnbdwc4Ebs7/EI9fTIgbH3dxXnP+SuCcGhG7P5ZjOqo67SY09sRZGcygEzabpvIwXvKpBF8vCd4xxzjnF2u+PA==
   dependencies:
+    "@evocateur/npm-registry-fetch" "^3.9.1"
     "@lerna/otplease" "3.14.0"
     figgy-pudding "^3.5.1"
     npm-package-arg "^6.1.0"
-    npm-registry-fetch "^3.9.0"
     npmlog "^4.1.2"
 
-"@lerna/npm-install@3.13.3":
-  version "3.13.3"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-install/-/npm-install-3.13.3.tgz#9b09852732e51c16d2e060ff2fd8bfbbb49cf7ba"
-  integrity sha512-7Jig9MLpwAfcsdQ5UeanAjndChUjiTjTp50zJ+UZz4CbIBIDhoBehvNMTCL2G6pOEC7sGEg6sAqJINAqred6Tg==
+"@lerna/npm-install@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-install/-/npm-install-3.14.2.tgz#fd22ff432f8b7cbe05bedfd36b0506482f1a4732"
+  integrity sha512-JYJJRtLETrGpcQZa8Rj16vbye399RqnaXmJlZuZ2twjJ2DYVYtwkfsGEOdvdaKw5KVOEpWcAxBA9OMmKQtCLQw==
   dependencies:
-    "@lerna/child-process" "3.13.3"
+    "@lerna/child-process" "3.14.2"
     "@lerna/get-npm-exec-opts" "3.13.0"
     fs-extra "^7.0.0"
     npm-package-arg "^6.1.0"
@@ -2855,27 +2923,27 @@
     signal-exit "^3.0.2"
     write-pkg "^3.1.0"
 
-"@lerna/npm-publish@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-publish/-/npm-publish-3.14.0.tgz#e3fc5613a2dd08cdd3323347ba87fad5dc5f11fb"
-  integrity sha512-ShG0qEnGkWxtjQvIRATgm/CzeoVaSyyoNRag5t8gDSR/r2u9ux72oROKQUEaE8OwcTS4rL2cyBECts8XMNmyYw==
+"@lerna/npm-publish@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-publish/-/npm-publish-3.15.0.tgz#89126d74ec97186475767b852954a5f55b732a71"
+  integrity sha512-G7rcNcSGjG0La8eHPXDvCvoNXbwNnP6XJ+GPh3CH5xiR/nikfLOa+Bfm4ytdjVWWxnKfCT4qyMTCoV1rROlqQQ==
   dependencies:
+    "@evocateur/libnpmpublish" "^1.2.0"
     "@lerna/otplease" "3.14.0"
     "@lerna/run-lifecycle" "3.14.0"
     figgy-pudding "^3.5.1"
     fs-extra "^7.0.0"
-    libnpmpublish "^1.1.1"
     npm-package-arg "^6.1.0"
     npmlog "^4.1.2"
     pify "^3.0.0"
     read-package-json "^2.0.13"
 
-"@lerna/npm-run-script@3.13.3":
-  version "3.13.3"
-  resolved "https://registry.yarnpkg.com/@lerna/npm-run-script/-/npm-run-script-3.13.3.tgz#9bb6389ed70cd506905d6b05b6eab336b4266caf"
-  integrity sha512-qR4o9BFt5hI8Od5/DqLalOJydnKpiQFEeN0h9xZi7MwzuX1Ukwh3X22vqsX4YRbipIelSFtrDzleNVUm5jj0ow==
+"@lerna/npm-run-script@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/npm-run-script/-/npm-run-script-3.14.2.tgz#8c518ea9d241a641273e77aad6f6fddc16779c3f"
+  integrity sha512-LbVFv+nvAoRTYLMrJlJ8RiakHXrLslL7Jp/m1R18vYrB8LYWA3ey+nz5Tel2OELzmjUiemAKZsD9h6i+Re5egg==
   dependencies:
-    "@lerna/child-process" "3.13.3"
+    "@lerna/child-process" "3.14.2"
     "@lerna/get-npm-exec-opts" "3.13.0"
     npmlog "^4.1.2"
 
@@ -2894,13 +2962,13 @@
   dependencies:
     npmlog "^4.1.2"
 
-"@lerna/pack-directory@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/pack-directory/-/pack-directory-3.14.0.tgz#229446c2e3f307a7932f2f779d7fb8b8ff7d93b0"
-  integrity sha512-E9PmC1oWYjYN8Z0Oeoj7X98NruMg/pcdDiRxnwJ5awnB0d/kyfoquHXCYwCQQFCnWUfto7m5lM4CSostcolEVQ==
+"@lerna/pack-directory@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/pack-directory/-/pack-directory-3.14.2.tgz#577b8ebf867c9b636a2e4659a27552ee24d83b9d"
+  integrity sha512-b3LnJEmIml3sDj94TQT8R+kVyrDlmE7Su0WwcBYZDySXPMSZ38WA2/2Xjy/EWhXlFxp/nUJKyUG78nDrZ/00Uw==
   dependencies:
     "@lerna/get-packed" "3.13.0"
-    "@lerna/package" "3.13.0"
+    "@lerna/package" "3.14.2"
     "@lerna/run-lifecycle" "3.14.0"
     figgy-pudding "^3.5.1"
     npm-packlist "^1.4.1"
@@ -2919,10 +2987,10 @@
     npmlog "^4.1.2"
     semver "^5.5.0"
 
-"@lerna/package@3.13.0":
-  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/@lerna/package/-/package-3.13.0.tgz#4baeebc49a57fc9b31062cc59f5ee38384429fc8"
-  integrity sha512-kSKO0RJQy093BufCQnkhf1jB4kZnBvL7kK5Ewolhk5gwejN+Jofjd8DGRVUDUJfQ0CkW1o6GbUeZvs8w8VIZDg==
+"@lerna/package@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/package/-/package-3.14.2.tgz#f893cb42e26c869df272dafbe1dd5a3473b0bd4d"
+  integrity sha512-YR/+CzYdufJYfsUlrfuhTjA35iSZpXK7mVOZmeR9iRWhSaqesm4kq2zfxm9vCpZV2oAQQZOwi4eo5h0rQBtdiw==
   dependencies:
     load-json-file "^4.0.0"
     npm-package-arg "^6.1.0"
@@ -2935,12 +3003,12 @@
   dependencies:
     semver "^5.5.0"
 
-"@lerna/project@3.13.1":
-  version "3.13.1"
-  resolved "https://registry.yarnpkg.com/@lerna/project/-/project-3.13.1.tgz#bce890f60187bd950bcf36c04b5260642e295e79"
-  integrity sha512-/GoCrpsCCTyb9sizk1+pMBrIYchtb+F1uCOn3cjn9yenyG/MfYEnlfrbV5k/UDud0Ei75YBLbmwCbigHkAKazQ==
+"@lerna/project@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/project/-/project-3.15.0.tgz#733b0993a849dcf5b68fcd0ec11d8f7de38a6999"
+  integrity sha512-eNGUWiMbQ9kh9kGkomtMnsLypS0rfLqxKgZP2+VnNVtIXjnLv4paeTm+1lkL+naNJUwhnpMk2NSLEeoxT/20QA==
   dependencies:
-    "@lerna/package" "3.13.0"
+    "@lerna/package" "3.14.2"
     "@lerna/validation-error" "3.13.0"
     cosmiconfig "^5.1.0"
     dedent "^0.7.0"
@@ -2961,39 +3029,39 @@
     inquirer "^6.2.0"
     npmlog "^4.1.2"
 
-"@lerna/publish@3.14.1":
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/@lerna/publish/-/publish-3.14.1.tgz#c1f7ad8d152947bb88a1755b4305a5a431d3e610"
-  integrity sha512-p+By/P84XJkndBzrmcnVLMcFpGAE+sQZCQK4e3aKQrEMLDrEwXkWt/XJxzeQskPxInFA/7Icj686LOADO7p0qg==
+"@lerna/publish@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/publish/-/publish-3.15.0.tgz#54f93f8f0820d2d419d0b65df1eb55d8277090c9"
+  integrity sha512-6tRRBJ8olLSXfrUsR4f7vSfx0cT1oPi6/v06yI3afDSsUX6eQ3ooZh7gMY4RWmd+nM/IJHTUzhlKF6WhTvo+9g==
   dependencies:
-    "@lerna/check-working-tree" "3.14.1"
-    "@lerna/child-process" "3.13.3"
-    "@lerna/collect-updates" "3.14.0"
-    "@lerna/command" "3.14.0"
-    "@lerna/describe-ref" "3.13.3"
+    "@evocateur/libnpmaccess" "^3.1.0"
+    "@evocateur/npm-registry-fetch" "^3.9.1"
+    "@evocateur/pacote" "^9.6.0"
+    "@lerna/check-working-tree" "3.14.2"
+    "@lerna/child-process" "3.14.2"
+    "@lerna/collect-updates" "3.14.2"
+    "@lerna/command" "3.15.0"
+    "@lerna/describe-ref" "3.14.2"
     "@lerna/log-packed" "3.13.0"
     "@lerna/npm-conf" "3.13.0"
-    "@lerna/npm-dist-tag" "3.14.0"
-    "@lerna/npm-publish" "3.14.0"
+    "@lerna/npm-dist-tag" "3.15.0"
+    "@lerna/npm-publish" "3.15.0"
     "@lerna/output" "3.13.0"
-    "@lerna/pack-directory" "3.14.0"
+    "@lerna/pack-directory" "3.14.2"
     "@lerna/prerelease-id-from-version" "3.14.0"
     "@lerna/prompt" "3.13.0"
     "@lerna/pulse-till-done" "3.13.0"
     "@lerna/run-lifecycle" "3.14.0"
     "@lerna/run-topologically" "3.14.0"
     "@lerna/validation-error" "3.13.0"
-    "@lerna/version" "3.14.1"
+    "@lerna/version" "3.15.0"
     figgy-pudding "^3.5.1"
     fs-extra "^7.0.0"
-    libnpmaccess "^3.0.1"
     npm-package-arg "^6.1.0"
-    npm-registry-fetch "^3.9.0"
     npmlog "^4.1.2"
     p-finally "^1.0.0"
     p-map "^1.2.0"
     p-pipe "^1.2.0"
-    pacote "^9.5.0"
     semver "^5.5.0"
 
 "@lerna/pulse-till-done@3.13.0":
@@ -3020,12 +3088,12 @@
     npmlog "^4.1.2"
     read-cmd-shim "^1.0.1"
 
-"@lerna/rimraf-dir@3.13.3":
-  version "3.13.3"
-  resolved "https://registry.yarnpkg.com/@lerna/rimraf-dir/-/rimraf-dir-3.13.3.tgz#3a8e71317fde853893ef0262bc9bba6a180b7227"
-  integrity sha512-d0T1Hxwu3gpYVv73ytSL+/Oy8JitsmvOYUR5ouRSABsmqS7ZZCh5t6FgVDDGVXeuhbw82+vuny1Og6Q0k4ilqw==
+"@lerna/rimraf-dir@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/rimraf-dir/-/rimraf-dir-3.14.2.tgz#103a49882abd85d42285d05cc76869b89f21ffd2"
+  integrity sha512-eFNkZsy44Bu9v1Hrj5Zk6omzg8O9h/7W6QYK1TTUHeyrjTEwytaNQlqF0lrTLmEvq55sviV42NC/8P3M2cvq8Q==
   dependencies:
-    "@lerna/child-process" "3.13.3"
+    "@lerna/child-process" "3.14.2"
     npmlog "^4.1.2"
     path-exists "^3.0.0"
     rimraf "^2.6.2"
@@ -3057,38 +3125,38 @@
     figgy-pudding "^3.5.1"
     p-queue "^4.0.0"
 
-"@lerna/run@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/run/-/run-3.14.0.tgz#1a5d3330149fbf5092012707b775d5f57d9d0057"
-  integrity sha512-kGGFGLYPKozAN07CSJ7kOyLY6W3oLCQcxCathg1isSkBqQH29tWUg8qNduOlhIFLmnq/nf1JEJxxoXnF6IRLjQ==
+"@lerna/run@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/run/-/run-3.15.0.tgz#465028b5b561a050bd760924e4a0749de3f43172"
+  integrity sha512-KQBkzZYoEKmzILKjbjsm1KKVWFBXwAdwzqJWj/lfxxd3V5LRF8STASk8aiw8bSpB0bUL9TU/pbXakRxiNzjDwQ==
   dependencies:
-    "@lerna/command" "3.14.0"
-    "@lerna/filter-options" "3.14.0"
-    "@lerna/npm-run-script" "3.13.3"
+    "@lerna/command" "3.15.0"
+    "@lerna/filter-options" "3.14.2"
+    "@lerna/npm-run-script" "3.14.2"
     "@lerna/output" "3.13.0"
     "@lerna/run-topologically" "3.14.0"
     "@lerna/timer" "3.13.0"
     "@lerna/validation-error" "3.13.0"
     p-map "^1.2.0"
 
-"@lerna/symlink-binary@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/symlink-binary/-/symlink-binary-3.14.0.tgz#db1c3204b83d91c4b43386302ee76cea4d20bc3f"
-  integrity sha512-AHFb4NlazxYmC+7guoamM3laIRbMSeKERMooKHJ7moe0ayGPBWsCGOH+ZFKZ+eXSDek+FnxdzayR3wf8B3LkTg==
+"@lerna/symlink-binary@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/symlink-binary/-/symlink-binary-3.14.2.tgz#a832fdc6c4b1e5aaf9e6ac9c7e6c322746965eb0"
+  integrity sha512-tqMwuWi6z1da0AFFbleWyu3H9fqayiV50rjj4anFTfayel9jSjlA1xPG+56sGIP6zUUNuUSc9kLh7oRRmlauoA==
   dependencies:
     "@lerna/create-symlink" "3.14.0"
-    "@lerna/package" "3.13.0"
+    "@lerna/package" "3.14.2"
     fs-extra "^7.0.0"
     p-map "^1.2.0"
 
-"@lerna/symlink-dependencies@3.14.0":
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/@lerna/symlink-dependencies/-/symlink-dependencies-3.14.0.tgz#f17e5cd704a0f067636038dafeaf42b5d2f28802"
-  integrity sha512-kuSXxwAWiVZqFcXfUBKH4yLUH3lrnGyZmCYon7UnZitw3AK3LQY7HvV2LNNw/oatfjOAiKhPBxnYjYijKiV4oA==
+"@lerna/symlink-dependencies@3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@lerna/symlink-dependencies/-/symlink-dependencies-3.14.2.tgz#e6b2a9544ff26addc1f4324734595e2f71dfc795"
+  integrity sha512-Ox7WKXnHZ7IwWlejcCq3n0Hd/yMLv8AwIryhvWxM/RauAge+ML4wg578SsdCyKob8ecgm/R0ytHiU06j81iL1w==
   dependencies:
     "@lerna/create-symlink" "3.14.0"
     "@lerna/resolve-symlink" "3.13.0"
-    "@lerna/symlink-binary" "3.14.0"
+    "@lerna/symlink-binary" "3.14.2"
     fs-extra "^7.0.0"
     p-finally "^1.0.0"
     p-map "^1.2.0"
@@ -3106,18 +3174,18 @@
   dependencies:
     npmlog "^4.1.2"
 
-"@lerna/version@3.14.1":
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/@lerna/version/-/version-3.14.1.tgz#df081fec70fcfdcd3c470648c49b035b44a373bf"
-  integrity sha512-H/jykoxVIt4oDEYkBgwDfO5dmZFl3G6vP1UEttRVP1FIkI+gCN+olby8S0Qd8XprDuR5OrLboiDWQs3p7nJhLw==
+"@lerna/version@3.15.0":
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/@lerna/version/-/version-3.15.0.tgz#3c65d223d94f211312995266abb07ee6606d5f73"
+  integrity sha512-vReYX1NMXZ9PwzTZm97wAl/k3bmRnRZhnQi3mq/m49xTnDavq7p4sbUdFpvu8cVZNKnYS02pNIVGHrQw+K8ZCw==
   dependencies:
-    "@lerna/batch-packages" "3.14.0"
-    "@lerna/check-working-tree" "3.14.1"
-    "@lerna/child-process" "3.13.3"
-    "@lerna/collect-updates" "3.14.0"
-    "@lerna/command" "3.14.0"
+    "@lerna/check-working-tree" "3.14.2"
+    "@lerna/child-process" "3.14.2"
+    "@lerna/collect-updates" "3.14.2"
+    "@lerna/command" "3.15.0"
     "@lerna/conventional-commits" "3.14.0"
-    "@lerna/github-client" "3.13.3"
+    "@lerna/github-client" "3.14.2"
+    "@lerna/gitlab-client" "3.15.0"
     "@lerna/output" "3.13.0"
     "@lerna/prerelease-id-from-version" "3.14.0"
     "@lerna/prompt" "3.13.0"
@@ -3203,17 +3271,38 @@
     tree-kill "1.2.1"
     webpack-sources "1.3.0"
 
+"@nodelib/fs.scandir@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.1.tgz#7fa8fed654939e1a39753d286b48b4836d00e0eb"
+  integrity sha512-NT/skIZjgotDSiXs0WqYhgcuBKhUMgfekCmCGtkUAiLqZdOnrdjmZr9wRl3ll64J9NF79uZ4fk16Dx0yMc/Xbg==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.1"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.1", "@nodelib/fs.stat@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.1.tgz#814f71b1167390cfcb6a6b3d9cdeb0951a192c14"
+  integrity sha512-+RqhBlLn6YRBGOIoVYthsG0J9dfpO79eJyN7BYBkZJtfqrBwf2KK+rD/M/yjZR6WBmIhAgOV7S60eCgaSWtbFw==
+
 "@nodelib/fs.stat@^1.1.2":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
 
-"@octokit/endpoint@^5.1.0":
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-5.1.3.tgz#b503e56c74663a601e6e03c8eb6d143f4653d34d"
-  integrity sha512-ePx9kcUo0agRk0HaXhl+pKMXpBH1O3CAygwWIh7GT5i5kcUr8QowS0GBaZPirr1e0PqaFYr41hQfcUBA1R5AEQ==
+"@nodelib/fs.walk@^1.2.1":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.2.tgz#6a6450c5e17012abd81450eb74949a4d970d2807"
+  integrity sha512-J/DR3+W12uCzAJkw7niXDcqcKBg6+5G5Q/ZpThpGNzAUz70eOR6RV4XnnSN01qHZiVl0eavoxJsBypQoKsV2QQ==
   dependencies:
-    deepmerge "3.2.0"
+    "@nodelib/fs.scandir" "2.1.1"
+    fastq "^1.6.0"
+
+"@octokit/endpoint@^5.1.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-5.2.0.tgz#acd569cb7152549998454aa5658532eb24a0987e"
+  integrity sha512-g4r1MKr8GJ8qubJQp3HP3JrxDY+ZeVqjYBTgtu1lPEDLhfQDY6rOhyZOoHKOw+gaIF6aAcmuvPPNZUro2OwmOg==
+  dependencies:
+    deepmerge "3.3.0"
     is-plain-object "^3.0.0"
     universal-user-agent "^2.1.0"
     url-template "^2.0.8"
@@ -3224,17 +3313,17 @@
   integrity sha512-CTZr64jZYhGWNTDGlSJ2mvIlFsm9OEO3LqWn9I/gmoHI4jRBp4kpHoFYNemG4oA75zUAcmbuWblb7jjP877YZw==
 
 "@octokit/request-error@^1.0.1", "@octokit/request-error@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@octokit/request-error/-/request-error-1.0.2.tgz#e6dbc5be13be1041ef8eca9225520982add574cf"
-  integrity sha512-T9swMS/Vc4QlfWrvyeSyp/GjhXtYaBzCcibjGywV4k4D2qVrQKfEMPy8OxMDEj7zkIIdpHwqdpVbKCvnUPqkXw==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@octokit/request-error/-/request-error-1.0.4.tgz#15e1dc22123ba4a9a4391914d80ec1e5303a23be"
+  integrity sha512-L4JaJDXn8SGT+5G0uX79rZLv0MNJmfGa4vb4vy1NnpjSnWDLJRy6m90udGwvMmavwsStgbv2QNkPzzTCMmL+ig==
   dependencies:
     deprecation "^2.0.0"
     once "^1.4.0"
 
 "@octokit/request@^4.0.1":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-4.1.0.tgz#e85dc377113baf2fe24433af8feb20e8a32e21b0"
-  integrity sha512-RvpQAba4i+BNH0z8i0gPRc1ShlHidj4puQjI/Tno6s+Q3/Mzb0XRSHJiOhpeFrZ22V7Mwjq1E7QS27P5CgpWYA==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-4.1.1.tgz#614262214f48417b4d3b14e047d09a9c8e2f7a09"
+  integrity sha512-LOyL0i3oxRo418EXRSJNk/3Q4I0/NKawTn6H/CQp+wnrG1UFLGu080gSsgnWobhPo5BpUNgSQ5BRk5FOOJhD1Q==
   dependencies:
     "@octokit/endpoint" "^5.1.0"
     "@octokit/request-error" "^1.0.1"
@@ -3257,9 +3346,9 @@
     url-template "^2.0.8"
 
 "@octokit/rest@^16.14.1", "@octokit/rest@^16.16.0":
-  version "16.27.0"
-  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-16.27.0.tgz#6c2d1cba3efb8866ef2741c64d23b8f257c9dc89"
-  integrity sha512-UvCxVOCfHzEhOaltSKQBy81kMqQ+hglF3rAR4STut4WWr2tXvVnrIkGxeblO0TvmTt5zuxfgQfgG5kAHUT44RA==
+  version "16.28.2"
+  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-16.28.2.tgz#3fc3b8700046ab29ab1e2a4bdf49f89e94f7ba27"
+  integrity sha512-csuYiHvJ1P/GFDadVn0QhwO83R1+YREjcwCY7ZIezB6aJTRIEidJZj+R7gAkUhT687cqYb4cXTZsDVu9F+Fmug==
   dependencies:
     "@octokit/request" "^4.0.1"
     "@octokit/request-error" "^1.0.2"
@@ -3276,20 +3365,61 @@
     url-template "^2.0.8"
 
 "@packtracker/webpack-plugin@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@packtracker/webpack-plugin/-/webpack-plugin-2.0.1.tgz#bd188431f724b759231f844fad031b20bb4616f3"
-  integrity sha512-OjzXfDsEjQuxLqPpSwjDIktIDBV7ygw58j2vNk41cJo/lDS/aPuBwKCmcbW7PraL5y+gQ0yxurVSKdda9t5LgA==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@packtracker/webpack-plugin/-/webpack-plugin-2.1.0.tgz#57c1020c0d5d353f688d21b85c723d577a31f0e5"
+  integrity sha512-H5UddXmJDsKEiVTAOEGiL3LVhj4A/q4LPrXSUXJFCaKRcHGGhO+nfzTiLgewbV3cQdPDGNbtyN9ZFiHMe8Y9bg==
   dependencies:
     lodash "^4.17.11"
     minimist "^1.2.0"
     omit-deep "^0.3.0"
     tiny-json-http "^7.0.2"
-    webpack-bundle-analyzer "^3.0.4"
+    webpack-bundle-analyzer "^3.3.2"
+
+"@parcel/fs@^1.11.0":
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/@parcel/fs/-/fs-1.11.0.tgz#fb8a2be038c454ad46a50dc0554c1805f13535cd"
+  integrity sha512-86RyEqULbbVoeo8OLcv+LQ1Vq2PKBAvWTU9fCgALxuCTbbs5Ppcvll4Vr+Ko1AnmMzja/k++SzNAwJfeQXVlpA==
+  dependencies:
+    "@parcel/utils" "^1.11.0"
+    mkdirp "^0.5.1"
+    rimraf "^2.6.2"
+
+"@parcel/logger@^1.11.0":
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/@parcel/logger/-/logger-1.11.0.tgz#91f39da14ba08dd85db247145698c62102960abb"
+  integrity sha512-lIRfDg+junbFUUeU0QtHX00gKCgEsYHZydFKwrJ8dc0D+WE2SYT1FcVCgpPAfKYgtg0QQMns8E9vzT9UjH92PQ==
+  dependencies:
+    "@parcel/workers" "^1.11.0"
+    chalk "^2.1.0"
+    grapheme-breaker "^0.3.2"
+    ora "^2.1.0"
+    strip-ansi "^4.0.0"
+
+"@parcel/utils@^1.11.0":
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/@parcel/utils/-/utils-1.11.0.tgz#539e08fff8af3b26eca11302be80b522674b51ea"
+  integrity sha512-cA3p4jTlaMeOtAKR/6AadanOPvKeg8VwgnHhOyfi0yClD0TZS/hi9xu12w4EzA/8NtHu0g6o4RDfcNjqN8l1AQ==
+
+"@parcel/watcher@^1.12.0":
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-1.12.0.tgz#769024b2a810b0c3b38c310f297d104c77df3660"
+  integrity sha512-yijGiAqG7Tjf5WnFwOkiNWwerfZQDNABldiiqRDtr7vDWLO+F/DIncyB7tTcaD5Loevrr5mzzGo8Ntf3d2GIPg==
+  dependencies:
+    "@parcel/utils" "^1.11.0"
+    chokidar "^2.0.3"
+
+"@parcel/workers@^1.11.0":
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/@parcel/workers/-/workers-1.11.0.tgz#7b8dcf992806f4ad2b6cecf629839c41c2336c59"
+  integrity sha512-USSjRAAQYsZFlv43FUPdD+jEGML5/8oLF0rUzPQTtK4q9kvaXr49F5ZplyLz5lox78cLZ0TxN2bIDQ1xhOkulQ==
+  dependencies:
+    "@parcel/utils" "^1.11.0"
+    physical-cpu-count "^2.0.0"
 
 "@polymer/polymer@^2.6.0":
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/@polymer/polymer/-/polymer-2.7.2.tgz#ae49d14b412acf065527ae44db3db5b802d16867"
-  integrity sha512-y+sNxHj6IIJnsbLrpGargZkg4C1c2C0P270+xwQvf/10bf/JoYYdU2huFeMXsUCWB797+j+/Qk1HKTkrHgjEag==
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/@polymer/polymer/-/polymer-2.8.0.tgz#dad7ecbf8ae5933df8f4e1af1bbfe57c88a2c7b3"
+  integrity sha512-R3LXHDmHG8f3wxIFKyCVRutlWggJBrjHVytOr+6ZTnLedKFke7i9SQRBtunl/w+NgnkN45a2S9jG+wtHV2pY+Q==
 
 "@reach/router@^1.2.1":
   version "1.2.1"
@@ -3332,10 +3462,10 @@
     semver "5.6.0"
     semver-intersect "1.4.0"
 
-"@segment/loosely-validate-event@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@segment/loosely-validate-event/-/loosely-validate-event-1.1.2.tgz#d77840999e3f7e43e74b3b0d43391c1526f793b8"
-  integrity sha1-13hAmZ4/fkPnSzsNQzkcFSb3k7g=
+"@segment/loosely-validate-event@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@segment/loosely-validate-event/-/loosely-validate-event-2.0.0.tgz#87dfc979e5b4e7b82c5f1d8b722dfd5d77644681"
+  integrity sha512-ZMCSfztDBqwotkl848ODgVcAmN4OItEWDCkshcKz0/W6gGSQayuuCtWV/MlodFivAZD793d6UgANd6wCXUfrIw==
   dependencies:
     component-type "^1.2.1"
     join-component "^1.1.0"
@@ -3367,6 +3497,294 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.7.0.tgz#9a06f4f137ee84d7df0460c1fdb1135ffa6c50fd"
   integrity sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==
 
+"@storybook/addons@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-5.1.0-alpha.32.tgz#7392535f6ec8412048181f78c109ad3e6fa2b7bd"
+  integrity sha512-D90X2NsphzvFqRnRmXiakboXfxbhyp91Ss3jB5FIqKUp6r1wy3ul3VPa43tIod3drkrDRsvWA9qZLG9/Df9/dg==
+  dependencies:
+    "@storybook/api" "5.1.0-alpha.32"
+    "@storybook/channels" "5.1.0-alpha.32"
+    "@storybook/client-logger" "5.1.0-alpha.32"
+    core-js "^2.6.5"
+    global "^4.3.2"
+    util-deprecate "^1.0.2"
+
+"@storybook/api@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/api/-/api-5.1.0-alpha.32.tgz#42b2d41ef7a4831160f5a33918d85000678f4ab0"
+  integrity sha512-lcsT9iL8hk+wG0Ef0senJy8pH7d/7UThLPQR+EdMscqe37/9RKpwNO004D4YAeOTO8ZNIvYXKScPQzNHlXg79Q==
+  dependencies:
+    "@storybook/channels" "5.1.0-alpha.32"
+    "@storybook/client-logger" "5.1.0-alpha.32"
+    "@storybook/core-events" "5.1.0-alpha.32"
+    "@storybook/router" "5.1.0-alpha.32"
+    "@storybook/theming" "5.1.0-alpha.32"
+    core-js "^2.6.5"
+    fast-deep-equal "^2.0.1"
+    global "^4.3.2"
+    lodash.isequal "^4.5.0"
+    lodash.mergewith "^4.6.1"
+    lodash.pick "^4.4.0"
+    memoizerific "^1.11.3"
+    prop-types "^15.6.2"
+    react "^16.7.0"
+    semver "^5.6.0"
+    store2 "^2.7.1"
+    telejson "^2.1.1"
+    util-deprecate "^1.0.2"
+
+"@storybook/channel-postmessage@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-5.1.0-alpha.32.tgz#0a2f35ffc668d65e54870355261501b59d6de943"
+  integrity sha512-A+g9AJki9X8BhMj2YSnRu9WBpaCvOyebT9KHKThl9dhV1Mr08vJl4RFfXcVds9Zy4qbljbzanJWJ85LYjxp82g==
+  dependencies:
+    "@storybook/channels" "5.1.0-alpha.32"
+    "@storybook/client-logger" "5.1.0-alpha.32"
+    core-js "^2.6.5"
+    global "^4.3.2"
+    telejson "^2.1.1"
+
+"@storybook/channels@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-5.1.0-alpha.32.tgz#74afb7f0f84c6088232fa23f680adc9d9c03587e"
+  integrity sha512-f2ZmlvhdqS5fuLxYFbrTqoaZMnbAhrmKvlu6+lwSRXIV3H9PEipeSX7RQJSJAsdqJaw2YfIMgNIbZaj9XpoPNw==
+  dependencies:
+    core-js "^2.6.5"
+
+"@storybook/client-api@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-5.1.0-alpha.32.tgz#2e4d91580edc9bb4695a8984bc442c0ebdbd082d"
+  integrity sha512-/Q/kbiMsfl6hvuC9/uJ6HPQePc2UNLA072k/RaHl2rMHWuNDRkML7VDjrt+Zthh+PQB5Vd/IZ79owJVHG5+/Lg==
+  dependencies:
+    "@storybook/addons" "5.1.0-alpha.32"
+    "@storybook/client-logger" "5.1.0-alpha.32"
+    "@storybook/core-events" "5.1.0-alpha.32"
+    "@storybook/router" "5.1.0-alpha.32"
+    common-tags "^1.8.0"
+    core-js "^2.6.5"
+    eventemitter3 "^3.1.0"
+    global "^4.3.2"
+    is-plain-object "^2.0.4"
+    lodash.debounce "^4.0.8"
+    lodash.isequal "^4.5.0"
+    lodash.mergewith "^4.6.1"
+    memoizerific "^1.11.3"
+    qs "^6.6.0"
+
+"@storybook/client-logger@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-5.1.0-alpha.32.tgz#5f1e537e8bcc624c00e9049267f2dae5d5c47ec5"
+  integrity sha512-Aw8CkhBwGdjSAjp2hOr+GDMkymORHNvlrK3HZFF1dFQcpyD8Xlyj/Tjo/mm3Wx9GDoC45/8h/LxwzsyyMl+qNA==
+  dependencies:
+    core-js "^2.6.5"
+
+"@storybook/components@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-5.1.0-alpha.32.tgz#f920956ea1eb7a3b65caa103a1002c4751388141"
+  integrity sha512-Ovn55VQmRh2RcyYxw2mlw175FAUZ/mMgfwGm6Pi0V/VCFKII3Lv6wcmZMsw+8e1lGb1Ho3R/lXcrDK+Fmgor0Q==
+  dependencies:
+    "@storybook/client-logger" "5.1.0-alpha.32"
+    "@storybook/theming" "5.1.0-alpha.32"
+    core-js "^2.6.5"
+    global "^4.3.2"
+    js-beautify "^1.8.9"
+    markdown-to-jsx "^6.9.1"
+    memoizerific "^1.11.3"
+    polished "^3.0.0"
+    popper.js "^1.14.7"
+    prop-types "^15.7.2"
+    react "^16.8.4"
+    react-dom "^16.8.4"
+    react-focus-lock "^1.18.3"
+    react-helmet-async "^0.2.0"
+    react-popper-tooltip "^2.8.0"
+    react-syntax-highlighter "^8.0.1"
+    react-textarea-autosize "^7.1.0"
+    recompose "^0.30.0"
+    simplebar-react "^0.1.5"
+
+"@storybook/core-events@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-5.1.0-alpha.32.tgz#3a8221ccd15f4f6148fe0551e2d3cf05e957d123"
+  integrity sha512-b62AocO0I07x0d3EFr2TimKkXdaB44w2P/6Z6H2paJptRQm0YtUND6pJJW/OFLoZQWc7nwEoO8eZhTXUyzPuPg==
+  dependencies:
+    core-js "^2.6.5"
+
+"@storybook/core@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/core/-/core-5.1.0-alpha.32.tgz#bdc5520edcc622f9b06c210923f5b24d493ee404"
+  integrity sha512-VgHr68Bs/nSYNnKbGZM4n4lGaD4LWjhLIISDlq6vW0vvr8pqHmPAcvSKGfdgHZ14/GxEqwGc5/0oZ2Fg6KvnBg==
+  dependencies:
+    "@babel/plugin-proposal-class-properties" "^7.3.3"
+    "@babel/plugin-proposal-object-rest-spread" "^7.3.2"
+    "@babel/plugin-syntax-dynamic-import" "^7.2.0"
+    "@babel/plugin-transform-react-constant-elements" "^7.2.0"
+    "@babel/preset-env" "^7.4.1"
+    "@storybook/addons" "5.1.0-alpha.32"
+    "@storybook/channel-postmessage" "5.1.0-alpha.32"
+    "@storybook/client-api" "5.1.0-alpha.32"
+    "@storybook/client-logger" "5.1.0-alpha.32"
+    "@storybook/core-events" "5.1.0-alpha.32"
+    "@storybook/node-logger" "5.1.0-alpha.32"
+    "@storybook/router" "5.1.0-alpha.32"
+    "@storybook/theming" "5.1.0-alpha.32"
+    "@storybook/ui" "5.1.0-alpha.32"
+    airbnb-js-shims "^1 || ^2"
+    autoprefixer "^9.4.9"
+    babel-plugin-add-react-displayname "^0.0.5"
+    babel-plugin-emotion "^10.0.9"
+    babel-plugin-macros "^2.4.5"
+    babel-preset-minify "^0.5.0 || 0.6.0-alpha.5"
+    boxen "^3.0.0"
+    case-sensitive-paths-webpack-plugin "^2.2.0"
+    chalk "^2.4.2"
+    cli-table3 "0.5.1"
+    commander "^2.19.0"
+    common-tags "^1.8.0"
+    core-js "^2.6.5"
+    css-loader "^2.1.1"
+    detect-port "^1.3.0"
+    dotenv-webpack "^1.7.0"
+    ejs "^2.6.1"
+    express "^4.16.4"
+    file-loader "^3.0.1"
+    file-system-cache "^1.0.5"
+    find-cache-dir "^2.0.0"
+    fs-extra "^7.0.1"
+    global "^4.3.2"
+    html-webpack-plugin "^4.0.0-beta.2"
+    inquirer "^6.2.0"
+    interpret "^1.2.0"
+    ip "^1.1.5"
+    json5 "^2.1.0"
+    lazy-universal-dotenv "^2.0.0"
+    node-fetch "^2.3.0"
+    open "^6.1.0"
+    postcss-flexbugs-fixes "^4.1.0"
+    postcss-loader "^3.0.0"
+    pretty-hrtime "^1.0.3"
+    qs "^6.6.0"
+    raw-loader "^1.0.0"
+    react-dev-utils "^8.0.0"
+    regenerator-runtime "^0.12.1"
+    resolve "^1.10.0"
+    resolve-from "^4.0.0"
+    semver "^5.6.0"
+    serve-favicon "^2.5.0"
+    shelljs "^0.8.3"
+    style-loader "^0.23.1"
+    terser-webpack-plugin "^1.2.2"
+    url-loader "^1.1.2"
+    util-deprecate "^1.0.2"
+    webpack "^4.28.0"
+    webpack-dev-middleware "^3.6.0"
+    webpack-hot-middleware "^2.24.3"
+
+"@storybook/node-logger@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-5.1.0-alpha.32.tgz#4c9dd139770b3b23c952872df6832fddad573089"
+  integrity sha512-MaiH8rEccXY5PfwGC78enxZ+Moupy3hTzUqGKOoUMeLIdZ/FvNb04MR4Leo8Cd1Pw6GTW1DVb0aUu7t3GlBH7w==
+  dependencies:
+    chalk "^2.4.2"
+    core-js "^2.6.5"
+    npmlog "^4.1.2"
+    pretty-hrtime "^1.0.3"
+    regenerator-runtime "^0.12.1"
+
+"@storybook/react@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/react/-/react-5.1.0-alpha.32.tgz#0acd22184a86c942a187919df466368de6823a17"
+  integrity sha512-x7ssSlrmNXsmqHgAVjoMoMUFgOJsym+HUDs/p/DFxRjF4fuBrddz8BvjByqH+Tr9YW4nyGA2vUHP3InfAiS4Hw==
+  dependencies:
+    "@babel/plugin-transform-react-constant-elements" "^7.2.0"
+    "@babel/preset-flow" "^7.0.0"
+    "@babel/preset-react" "^7.0.0"
+    "@storybook/core" "5.1.0-alpha.32"
+    "@storybook/node-logger" "5.1.0-alpha.32"
+    "@svgr/webpack" "^4.0.3"
+    babel-plugin-named-asset-import "^0.3.1"
+    babel-plugin-react-docgen "^3.0.0"
+    babel-preset-react-app "^7.0.2"
+    common-tags "^1.8.0"
+    core-js "^2.6.5"
+    global "^4.3.2"
+    lodash "^4.17.11"
+    mini-css-extract-plugin "^0.5.0"
+    prop-types "^15.7.2"
+    react-dev-utils "^8.0.0"
+    regenerator-runtime "^0.12.1"
+    semver "^5.6.0"
+    webpack "^4.28.0"
+
+"@storybook/router@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-5.1.0-alpha.32.tgz#f862f6ff2652dbc990030fd4ea1d3a9fd9d01431"
+  integrity sha512-t4agmfHiaN+a8El8482Fot5+AHZQrE1h8aep4hKZXK3JF3KL+mHk9QvrILdMsDrx5BNiDMI4v4WQ5w8f2U88aQ==
+  dependencies:
+    "@reach/router" "^1.2.1"
+    "@storybook/theming" "5.1.0-alpha.32"
+    core-js "^2.6.5"
+    global "^4.3.2"
+    memoizerific "^1.11.3"
+    qs "^6.6.0"
+
+"@storybook/theming@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.1.0-alpha.32.tgz#4742b9ad2969017138e440222af5ae033a202871"
+  integrity sha512-2BcOtxIZK3daKwmUyhlVpEXYDFp0rBB2GPoLF3CODOhF7wAmxjia46Amg7Ch82EqhstRko8geBhgJcHsD0OhqA==
+  dependencies:
+    "@emotion/core" "^10.0.9"
+    "@emotion/styled" "^10.0.7"
+    "@storybook/client-logger" "5.1.0-alpha.32"
+    common-tags "^1.8.0"
+    core-js "^2.6.5"
+    deep-object-diff "^1.1.0"
+    emotion-theming "^10.0.9"
+    global "^4.3.2"
+    lodash.isequal "^4.5.0"
+    lodash.mergewith "^4.6.1"
+    memoizerific "^1.11.3"
+    polished "^3.0.0"
+    prop-types "^15.7.2"
+    react-inspector "^2.3.1"
+
+"@storybook/ui@5.1.0-alpha.32":
+  version "5.1.0-alpha.32"
+  resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-5.1.0-alpha.32.tgz#2fdba3555e3ea33f9843bb3406db79115212e3f0"
+  integrity sha512-C33Mq4lSMGRSQWKWKyKjljXatsvGXzAAjknhVUWWC5Z9CBeFoYfvvfvcovdO3IGoTMwifzr5YqWGqcF2OaiRKg==
+  dependencies:
+    "@storybook/addons" "5.1.0-alpha.32"
+    "@storybook/api" "5.1.0-alpha.32"
+    "@storybook/client-logger" "5.1.0-alpha.32"
+    "@storybook/components" "5.1.0-alpha.32"
+    "@storybook/core-events" "5.1.0-alpha.32"
+    "@storybook/router" "5.1.0-alpha.32"
+    "@storybook/theming" "5.1.0-alpha.32"
+    core-js "^2.6.5"
+    fast-deep-equal "^2.0.1"
+    fuse.js "^3.4.4"
+    global "^4.3.2"
+    lodash.debounce "^4.0.8"
+    lodash.isequal "^4.5.0"
+    lodash.mergewith "^4.6.1"
+    lodash.pick "^4.4.0"
+    markdown-to-jsx "^6.9.3"
+    memoizerific "^1.11.3"
+    polished "^3.0.0"
+    prop-types "^15.7.2"
+    qs "^6.6.0"
+    react "^16.8.4"
+    react-dom "^16.8.4"
+    react-draggable "^3.1.1"
+    react-helmet-async "^0.2.0"
+    react-hotkeys "2.0.0-pre4"
+    react-resize-detector "^4.0.5"
+    recompose "^0.30.0"
+    semver "^5.6.0"
+    store2 "^2.7.1"
+    telejson "^2.1.1"
+    util-deprecate "^1.0.2"
+
 "@svgr/babel-plugin-add-jsx-attribute@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz#dadcb6218503532d6884b210e7f3c502caaa44b1"
@@ -3387,10 +3805,10 @@
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-4.2.0.tgz#310ec0775de808a6a2e4fd4268c245fd734c1165"
   integrity sha512-U9m870Kqm0ko8beHawRXLGLvSi/ZMrl89gJ5BNcT452fAjtF2p4uRzXkdzvGJJJYBgx7BmqlDjBN/eCp5AAX2w==
 
-"@svgr/babel-plugin-svg-dynamic-title@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-4.2.0.tgz#43f0f689a5347a894160eb51b39a109889a4df20"
-  integrity sha512-gH2qItapwCUp6CCqbxvzBbc4dh4OyxdYKsW3EOkYexr0XUmQL0ScbdNh6DexkZ01T+sdClniIbnCObsXcnx3sQ==
+"@svgr/babel-plugin-svg-dynamic-title@^4.3.1":
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-4.3.1.tgz#646c2f5b5770c2fe318d6e51492344c3d62ddb63"
+  integrity sha512-p6z6JJroP989jHWcuraeWpzdejehTmLUpyC9smhTBWyPN0VVGe2phbYxpPTV7Vh8XzmFrcG55idrnfWn/2oQEw==
 
 "@svgr/babel-plugin-svg-em-dimensions@^4.2.0":
   version "4.2.0"
@@ -3407,56 +3825,56 @@
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-4.2.0.tgz#5f1e2f886b2c85c67e76da42f0f6be1b1767b697"
   integrity sha512-hYfYuZhQPCBVotABsXKSCfel2slf/yvJY8heTVX1PCTaq/IgASq1IyxPPKJ0chWREEKewIU/JMSsIGBtK1KKxw==
 
-"@svgr/babel-preset@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-4.2.0.tgz#c9fc236445a02a8cd4e750085e51c181de00d6c5"
-  integrity sha512-iLetHpRCQXfK47voAs5/uxd736cCyocEdorisjAveZo8ShxJ/ivSZgstBmucI1c8HyMF5tOrilJLoFbhpkPiKw==
+"@svgr/babel-preset@^4.3.1":
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-4.3.1.tgz#62ffcb85d756580e8ce608e9d2ac3b9063be9e28"
+  integrity sha512-rPFKLmyhlh6oeBv3j2vEAj2nd2QbWqpoJLKzBLjwQVt+d9aeXajVaPNEqrES2spjXKR4OxfgSs7U0NtmAEkr0Q==
   dependencies:
     "@svgr/babel-plugin-add-jsx-attribute" "^4.2.0"
     "@svgr/babel-plugin-remove-jsx-attribute" "^4.2.0"
     "@svgr/babel-plugin-remove-jsx-empty-expression" "^4.2.0"
     "@svgr/babel-plugin-replace-jsx-attribute-value" "^4.2.0"
-    "@svgr/babel-plugin-svg-dynamic-title" "^4.2.0"
+    "@svgr/babel-plugin-svg-dynamic-title" "^4.3.1"
     "@svgr/babel-plugin-svg-em-dimensions" "^4.2.0"
     "@svgr/babel-plugin-transform-react-native-svg" "^4.2.0"
     "@svgr/babel-plugin-transform-svg-component" "^4.2.0"
 
-"@svgr/core@^4.1.0", "@svgr/core@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-4.2.0.tgz#f32ef8b9d05312aaa775896ec30ae46a6521e248"
-  integrity sha512-nvzXaf2VavqjMCTTfsZfjL4o9035KedALkMzk82qOlHOwBb8JT+9+zYDgBl0oOunbVF94WTLnvGunEg0csNP3Q==
+"@svgr/core@^4.1.0", "@svgr/core@^4.3.1":
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-4.3.1.tgz#58c44d0ccc3fe41718c50433758b549dabd4d197"
+  integrity sha512-TXFcvzp6QjxKP5Oy7qoQY08w/nAix9TMOc4jSi3wjIJBBMUqypVwQJFMxtHrViGMQGmFdaN1y2diQrhvA+xNNQ==
   dependencies:
-    "@svgr/plugin-jsx" "^4.2.0"
+    "@svgr/plugin-jsx" "^4.3.1"
     camelcase "^5.3.1"
-    cosmiconfig "^5.2.0"
+    cosmiconfig "^5.2.1"
 
-"@svgr/hast-util-to-babel-ast@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-4.2.0.tgz#dd743435a5f3a8e84a1da067f27b5fae3d7b6b63"
-  integrity sha512-IvAeb7gqrGB5TH9EGyBsPrMRH/QCzIuAkLySKvH2TLfLb2uqk98qtJamordRQTpHH3e6TORfBXoTo7L7Opo/Ow==
+"@svgr/hast-util-to-babel-ast@^4.3.1":
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-4.3.1.tgz#b3ea5b2228b50ff335a5d3cf3855f4b1f9fbc70e"
+  integrity sha512-MZbRccEpsro70mE6mhiv5QUXjBwHGDQZ7XrVcrDs44inaNvYUtIcheX0d9eColcnNgJmsfU3tEFfoGRnJ9E5pA==
   dependencies:
-    "@babel/types" "^7.4.0"
+    "@babel/types" "^7.4.4"
 
-"@svgr/plugin-jsx@^4.1.0", "@svgr/plugin-jsx@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-4.2.0.tgz#15a91562c9b5f90640ea0bdcb2ad59d692ee7ae9"
-  integrity sha512-AM1YokmZITgveY9bulLVquqNmwiFo2Px2HL+IlnTCR01YvWDfRL5QKdnF7VjRaS5MNP938mmqvL0/8oz3zQMkg==
+"@svgr/plugin-jsx@^4.1.0", "@svgr/plugin-jsx@^4.3.1":
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-4.3.1.tgz#5b7f849213d1411886e1cec9b6c287faec69143e"
+  integrity sha512-v9sgsn/VpDM9G1U0ZDCair7ZmYqNrVC5LiSyIQli03DAm34bYLM12xVOOrl3dg8NGNY1k4C3A6YgBL3VKjA6Og==
   dependencies:
-    "@babel/core" "^7.4.3"
-    "@svgr/babel-preset" "^4.2.0"
-    "@svgr/hast-util-to-babel-ast" "^4.2.0"
+    "@babel/core" "^7.4.5"
+    "@svgr/babel-preset" "^4.3.1"
+    "@svgr/hast-util-to-babel-ast" "^4.3.1"
     rehype-parse "^6.0.0"
     unified "^7.1.0"
-    vfile "^4.0.0"
+    vfile "^4.0.1"
 
-"@svgr/plugin-svgo@^4.0.3", "@svgr/plugin-svgo@^4.2.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-4.2.0.tgz#2a594a2d3312955e75fd87dc77ae51f377c809f3"
-  integrity sha512-zUEKgkT172YzHh3mb2B2q92xCnOAMVjRx+o0waZ1U50XqKLrVQ/8dDqTAtnmapdLsGurv8PSwenjLCUpj6hcvw==
+"@svgr/plugin-svgo@^4.0.3", "@svgr/plugin-svgo@^4.3.1":
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-4.3.1.tgz#daac0a3d872e3f55935c6588dd370336865e9e32"
+  integrity sha512-PrMtEDUWjX3Ea65JsVCwTIXuSqa3CG9px+DluF1/eo9mlDrgrtFE7NE/DjdhjJgSM9wenlVBzkzneSIUgfUI/w==
   dependencies:
-    cosmiconfig "^5.2.0"
+    cosmiconfig "^5.2.1"
     merge-deep "^3.0.2"
-    svgo "^1.2.1"
+    svgo "^1.2.2"
 
 "@svgr/webpack@4.1.0":
   version "4.1.0"
@@ -3473,17 +3891,17 @@
     loader-utils "^1.1.0"
 
 "@svgr/webpack@^4.0.3":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-4.2.0.tgz#b7cdef42ae671a27ed4cfe118a0f2da7f4e9ebed"
-  integrity sha512-sm3UUJHmRlqEg8w8bjUT+FAMf5lkgCydxotEapinpd10kzrpQP++Qd+bmuepE3hsIUU68BO24vgQALQ92qBZEw==
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-4.3.1.tgz#cf6214853935cab8ba817b825e2483aa36c6b2e0"
+  integrity sha512-yU7AB+VKayqLQZl+MrxI6kpuqzXDLJr8JdYvSONBwQ5VMT31PYXofenS+1n8XuCSnY9p8IAJQ0qeLTYIieMKVQ==
   dependencies:
-    "@babel/core" "^7.4.3"
+    "@babel/core" "^7.4.5"
     "@babel/plugin-transform-react-constant-elements" "^7.0.0"
-    "@babel/preset-env" "^7.4.3"
+    "@babel/preset-env" "^7.4.5"
     "@babel/preset-react" "^7.0.0"
-    "@svgr/core" "^4.2.0"
-    "@svgr/plugin-jsx" "^4.2.0"
-    "@svgr/plugin-svgo" "^4.2.0"
+    "@svgr/core" "^4.3.1"
+    "@svgr/plugin-jsx" "^4.3.1"
+    "@svgr/plugin-svgo" "^4.3.1"
     loader-utils "^1.2.3"
 
 "@szmarczak/http-timer@^1.1.2":
@@ -3505,6 +3923,19 @@
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
   integrity sha512-/+CRPXpBDpo2RK9C68N3b2cOvO0Cf5B9aPijHsoDQTHivnGSObdOF2BRQOYjojWTDy6nQvMjmqRXIxH55VjxxA==
 
+"@types/autoprefixer@^9.4.0":
+  version "9.5.0"
+  resolved "https://registry.yarnpkg.com/@types/autoprefixer/-/autoprefixer-9.5.0.tgz#aaf489be1bda03650717ef9cb01b8fc4d5eb1ad4"
+  integrity sha512-V5p6QSFDMlsNUOfRgCSbXcolHNkYgW0VsxBWg2RzZ3ckOSGvkmyCxj7cEkEM3GAJmepItITHhvHSXC0bLkrT9g==
+  dependencies:
+    "@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":
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.2.tgz#608c74f55928033fce18b99b213c16be4b3d114f"
@@ -3532,16 +3963,28 @@
     "@babel/types" "^7.0.0"
 
 "@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.0.6"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.6.tgz#328dd1a8fc4cfe3c8458be9477b219ea158fd7b2"
-  integrity sha512-XYVgHF2sQ0YblLRMLNPB3CkFMewzFmlDsH/TneZFHUXDlABQgh88uOxuez7ZcXxayLFrqLwtDH1t+FmlFwNZxw==
+  version "7.0.7"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.7.tgz#2496e9ff56196cc1429c72034e07eab6121b6f3f"
+  integrity sha512-CeBpmX1J8kWLcDEnI3Cl2Eo6RfbGvzUctA+CjZUhOKDFbLfcr7fc4usEqLNWetrlJd7RhAkyYe2czXop4fICpw==
   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/browserslist@*":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@types/browserslist/-/browserslist-4.4.0.tgz#e2a5f7f8c7e97afb39f50812a77e5230d3ca2353"
+  integrity sha512-hrIjWSu7Hh96/rKlpChe58qHEwIZ0+F5Zf4QNdvSVP5LUXbaJM04g9tBjo702VTNqPZr5znEJeqNR3nAV3vJPg==
+
 "@types/cheerio@*":
-  version "0.22.11"
-  resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.11.tgz#61c0facf9636d14ba5f77fc65ed8913aa845d717"
-  integrity sha512-x0X3kPbholdJZng9wDMhb2swvUi3UYRNAuWAmIPIWlfgAJZp//cql/qblE7181Mg7SjWVwq6ldCPCLn5AY/e7w==
+  version "0.22.12"
+  resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.12.tgz#93c050401d4935a5376e8b352965f7458bed5340"
+  integrity sha512-aczowyAJNfrkBV+HS8DyAA87OnvkqGrrOmm5s7V6Jbgimzv/1ZoAy91cLJX8GQrUS60KufD7EIzA2LbK8HV4hg==
   dependencies:
     "@types/node" "*"
 
@@ -3556,18 +3999,23 @@
   integrity sha512-htRqZr5qn8EzMelhX/Xmx142z218lLyGaeZ3YR8jlze4TATRU9huKKvuBmAJEW4LCC4pnY1N6JAm6p85fMHjhg==
 
 "@types/core-js@^2.5.0":
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/@types/core-js/-/core-js-2.5.0.tgz#35cc282488de6f10af1d92902899a3b8ca3fbc47"
-  integrity sha512-qjkHL3wF0JMHMqgm/kmL8Pf8rIiqvueEiZ0g6NVTcBX1WN46GWDr+V5z+gsHUeL0n8TfAmXnYmF7ajsxmBp4PQ==
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/@types/core-js/-/core-js-2.5.2.tgz#d4c25420044d4a5b65e00a82fc04b7824b62691f"
+  integrity sha512-+NPqjXgyA02xTHKJDeDca9u8Zr42ts6jhdND4C3PrPeQ35RJa0dmfAedXW7a9K4N1QcBbuWI1nSfGK4r1eVFCQ==
 
 "@types/enzyme@^3.9.0":
-  version "3.9.3"
-  resolved "https://registry.yarnpkg.com/@types/enzyme/-/enzyme-3.9.3.tgz#d1029c0edd353d7b00f3924803eb88216460beed"
-  integrity sha512-jDKoZiiMA3lGO3skSO7dfqEHNvmiTLLV+PHD9EBQVlJANJvpY6qq1zzjRI24ZOtG7F+CS7BVWDXKewRmN8PjHQ==
+  version "3.10.1"
+  resolved "https://registry.yarnpkg.com/@types/enzyme/-/enzyme-3.10.1.tgz#74a7f7345075a4c03e574661068d3f96a054f495"
+  integrity sha512-Jd2hvn3w/0rBH8qD2n+JLMq2GjmZoKTZc5TTg8q9cDnJ9jkR7gzPV+ZdipKwGkWpMRXKDm9kuc9UiUqsW5s20w==
   dependencies:
     "@types/cheerio" "*"
     "@types/react" "*"
 
+"@types/escape-html@0.0.20":
+  version "0.0.20"
+  resolved "https://registry.yarnpkg.com/@types/escape-html/-/escape-html-0.0.20.tgz#cae698714dd61ebee5ab3f2aeb9a34ba1011735a"
+  integrity sha512-6dhZJLbA7aOwkYB2GDGdIqJ20wmHnkDzaxV9PJXe7O02I2dSFTERzRB6JrX6cWKaS+VqhhY7cQUMCbO5kloFUw==
+
 "@types/estree@*", "@types/estree@0.0.39":
   version "0.0.39"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
@@ -3606,9 +4054,9 @@
     hoist-non-react-statics "^3.3.0"
 
 "@types/invariant@^2.2.29":
-  version "2.2.29"
-  resolved "https://registry.yarnpkg.com/@types/invariant/-/invariant-2.2.29.tgz#aa845204cd0a289f65d47e0de63a6a815e30cc66"
-  integrity sha512-lRVw09gOvgviOfeUrKc/pmTiRZ7g7oDOU6OAutyuSHpm1/o2RaBQvRhgK8QEdu+FFuw/wnWb29A/iuxv9i8OpQ==
+  version "2.2.30"
+  resolved "https://registry.yarnpkg.com/@types/invariant/-/invariant-2.2.30.tgz#20efa342807606ada5483731a8137cb1561e5fe9"
+  integrity sha512-98fB+yo7imSD2F7PF7GIpELNgtLNgo5wjivu0W5V4jx+KVVJxo6p/qN4zdzSTBWy4/sN3pPyXwnhRSD28QX+ag==
 
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
   version "2.0.1"
@@ -3641,9 +4089,9 @@
   integrity sha512-Q5hTcfdudEL2yOmluA1zaSyPbzWPmJ3XfSWeP3RyoYvS9hnje1ZyagrZOuQ6+1nQC1Gw+7gap3pLNL3xL6UBug==
 
 "@types/jest@^24.0.11":
-  version "24.0.13"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-24.0.13.tgz#10f50b64cb05fb02411fbba49e9042a3a11da3f9"
-  integrity sha512-3m6RPnO35r7Dg+uMLj1+xfZaOgIHHHut61djNjzwExXN4/Pm9has9C6I1KMYSfz7mahDhWUOVg4HW/nZdv5Pww==
+  version "24.0.15"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-24.0.15.tgz#6c42d5af7fe3b44ffff7cc65de7bf741e8fa427f"
+  integrity sha512-MU1HIvWUme74stAoc3mgAi+aMlgKOudgEvQDIm1v4RkrDudBh1T+NFp5sftpBAdXdx1J0PbdpJ+M2EsSOi1djA==
   dependencies:
     "@types/jest-diff" "*"
 
@@ -3660,9 +4108,16 @@
     "@types/lodash" "*"
 
 "@types/lodash@*", "@types/lodash@^4.14.129":
-  version "4.14.132"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.132.tgz#8ce45ca8745ff2e004fac0de0ab46f61e390ffa0"
-  integrity sha512-RNUU1rrh85NgUJcjOOr96YXr+RHwInGbaQCZmlitqOaCKXffj8bh+Zxwuq5rjDy5OgzFldDVoqk4pyLEDiwxIw==
+  version "4.14.135"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.135.tgz#d2607c35dd68f70c2b35ba020c667493dedd8447"
+  integrity sha512-Ed+tSZ9qM1oYpi5kzdsBuOzcAIn1wDW+e8TFJ50IMJMlSopGdJgKAbhHzN6h1E1OfjlGOr2JepzEWtg9NIfoNg==
+
+"@types/mini-css-extract-plugin@^0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@types/mini-css-extract-plugin/-/mini-css-extract-plugin-0.2.1.tgz#f833abd67e8d6e40efb08a0455be252db063d475"
+  integrity sha512-KJOp7SZusMEGpiE5VprIUBcXtr3okLeVsJOykLGpcnrc7ivoWg9+5vGAANSIPrwn06HqXMruCYqzEZl3/uvwwg==
+  dependencies:
+    "@types/webpack" "*"
 
 "@types/minimatch@*", "@types/minimatch@^3.0.3":
   version "3.0.3"
@@ -3675,9 +4130,14 @@
   integrity sha512-+HlRvSpKwXP8RXh1hrIcgSHQ/Fh+5O9nYfG7fgNN7PGr2K03G+hLoiA+HXzmUJCsQfPEuNiBQ+TwRl6n7kerSw==
 
 "@types/node@*", "@types/node@~12.0.2":
-  version "12.0.2"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.0.2.tgz#3452a24edf9fea138b48fad4a0a028a683da1e40"
-  integrity sha512-5tabW/i+9mhrfEOUcLDu2xBPsHJ+X5Orqy9FKpale3SjDA17j5AEpYq5vfy3oAeAHGcvANRCO3NV3d2D6q3NiA==
+  version "12.0.12"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.0.12.tgz#cc791b402360db1eaf7176479072f91ee6c6c7ca"
+  integrity sha512-Uy0PN4R5vgBUXFoJrKryf5aTk3kJ8Rv3PdlHjl6UaX+Cqp1QE0yPQ68MPXGrZOfG7gZVNDIJZYyot0B9ubXUrQ==
+
+"@types/node@^12.0.8":
+  version "12.6.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-12.6.1.tgz#d5544f6de0aae03eefbb63d5120f6c8be0691946"
+  integrity sha512-rp7La3m845mSESCgsJePNL/JQyhkOJA6G4vcwvVgkDAwHhGdq5GCumxmPjEk1MZf+8p5ZQAUE7tqgQRQTXN7uQ==
 
 "@types/node@^6.0.0":
   version "6.14.6"
@@ -3685,9 +4145,9 @@
   integrity sha512-rFs9zCFtSHuseiNXxYxFlun8ibu+jtZPgRM+2ILCmeLiGeGLiIGxuOzD+cNyHegI1GD+da3R/cIbs9+xCLp13w==
 
 "@types/node@^9.4.6":
-  version "9.6.48"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.48.tgz#06e765bda1fef91b075c58d540207e8b37dbdc1f"
-  integrity sha512-velR2CyDrHC1WFheHr5Jm25mdCMs0BXJRp6u0zf8PF9yeOy4Xff5sJeusWS7xOmhAoezlSq8LJ0+9M5H7YkTdw==
+  version "9.6.49"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-9.6.49.tgz#ab4df6e505db088882c8ce5417ae0bc8cbb7a8a6"
+  integrity sha512-YY0Okyn4QXC4ugJI+Kng5iWjK8A6eIHiQVaGIhJkyn0YL6Iqo0E0tBC8BuhvYcBK87vykBijM5FtMnCqaa5anA==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.0"
@@ -3695,9 +4155,9 @@
   integrity sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==
 
 "@types/npmlog@^4.1.1":
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/@types/npmlog/-/npmlog-4.1.1.tgz#b51cf39a6324a4ede17ef72dfa58a64fbefb39c7"
-  integrity sha512-uCZpakN0HrNsX+rZeXwCPByanpTN+dB3iApOrV4uggG955GZOw1YVziEpH6YDE60/+H95Jztg48UQ0NGZ6TPag==
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/@types/npmlog/-/npmlog-4.1.2.tgz#d070fe6a6b78755d1092a3dc492d34c3d8f871c4"
+  integrity sha512-4QQmOF5KlwfxJ5IGXFIudkeLCdMABz03RcUXu+LCb24zmln8QW6aDjuGl4d4XPVLf2j+FnjelHTP7dvceAFbhA==
 
 "@types/parse5@^2.2.32":
   version "2.2.34"
@@ -3739,31 +4199,54 @@
     "@types/history" "*"
     "@types/react" "*"
 
-"@types/react-dom@^16.8.2":
+"@types/react-color@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@types/react-color/-/react-color-3.0.1.tgz#5433e2f503ea0e0831cbc6fd0c20f8157d93add0"
+  integrity sha512-J6mYm43Sid9y+OjZ7NDfJ2VVkeeuTPNVImNFITgQNXodHteKfl/t/5pAR5Z9buodZ2tCctsZjgiMlQOpfntakw==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-dom@*", "@types/react-dom@^16.8.2":
   version "16.8.4"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.8.4.tgz#7fb7ba368857c7aa0f4e4511c4710ca2c5a12a88"
   integrity sha512-eIRpEW73DCzPIMaNBDP5pPIpK1KXyZwNgfxiVagb5iGiz6da+9A5hslSX6GAQKdO7SayVCS/Fr2kjqprgAvkfA==
   dependencies:
     "@types/react" "*"
 
+"@types/react-lifecycles-compat@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@types/react-lifecycles-compat/-/react-lifecycles-compat-3.0.1.tgz#a0b1fe18cfb9435bd52737829a69cbe93faf32e2"
+  integrity sha512-4KiU5s1Go4xRbf7t6VxUUpBeN5PGjpjpBv9VvET4uiPHC500VNYBclU13f8ehHkHoZL39b2cfwHu6RzbV3b44A==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-native@^0.57.57":
-  version "0.57.60"
-  resolved "https://registry.yarnpkg.com/@types/react-native/-/react-native-0.57.60.tgz#61e97a84e2f64ed971e7d238bb30cec188898235"
-  integrity sha512-zObrnRsCbpM7qDm97d8+5qiSIMMYRaWgpqu6orjbjzLUAcJaKnpBMXgW6bRXWkFBjHgm3hjDAdVVGMWlrYJBdw==
+  version "0.57.65"
+  resolved "https://registry.yarnpkg.com/@types/react-native/-/react-native-0.57.65.tgz#9da4773aaa95924bce42a54a5c19cfd8ffd5022b"
+  integrity sha512-7P5ulTb+/cnwbABWaAjzKmSYkRWeK7UCTfUwHhDpnwxdiL2X/KbdN1sPgo0B2E4zxfYE3MEoHv7FhB8Acfvf8A==
   dependencies:
     "@types/prop-types" "*"
     "@types/react" "*"
 
 "@types/react-redux@^7.0.6":
-  version "7.0.9"
-  resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.0.9.tgz#4825ee2872c44768916304b6bb8df5b46d443b88"
-  integrity sha512-fMVX9SneWWw68d/JoeNUh6hj42kx2G30YhPdCYJTOv3xqbJ1xzIz6tEM/xzi7nBvpNbwZkSa9TMsV06kWOFIIg==
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.1.tgz#eb01e89cf71cad77df9f442b819d5db692b997cb"
+  integrity sha512-owqNahzE8en/jR4NtrUJDJya3tKru7CIEGSRL/pVS84LtSCdSoT7qZTkrbBd3S4Lp11sAp+7LsvxIeONJVKMnw==
   dependencies:
     "@types/hoist-non-react-statics" "^3.3.0"
     "@types/react" "*"
     hoist-non-react-statics "^3.3.0"
     redux "^4.0.0"
 
+"@types/react-select@^2.0.19":
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/@types/react-select/-/react-select-2.0.19.tgz#59a80ef81a4a5cb37f59970c53a4894d15065199"
+  integrity sha512-5GGBO3npQ0G/poQmEn+kI3Vn3DoJ9WjRXCeGcpwLxd5rYmjYPH235lbYPX5aclXE2RqEXyFxd96oh0wYwPXYpg==
+  dependencies:
+    "@types/react" "*"
+    "@types/react-dom" "*"
+    "@types/react-transition-group" "*"
+
 "@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"
@@ -3778,30 +4261,30 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-transition-group@*":
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-2.9.2.tgz#c48cf2a11977c8b4ff539a1c91d259eaa627028d"
+  integrity sha512-5Fv2DQNO+GpdPZcxp2x/OQG/H19A01WlmpjVD9cKvVFmoVLOZ9LvBgSWG6pSXIU4og5fgbvGPaCV5+VGkWAEHA==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react@*", "@types/react@^16.8.14", "@types/react@^16.8.3":
-  version "16.8.18"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.8.18.tgz#fe66fb748b0b6ca9709d38b87b2d1356d960a511"
-  integrity sha512-lUXdKzRqWR4FebR5tGHkLCqnvQJS4fdXKCBrNGGbglqZg2gpU+J82pMONevQODUotATs9fc9k66bx3/St8vReg==
+  version "16.8.23"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.8.23.tgz#ec6be3ceed6353a20948169b6cb4c97b65b97ad2"
+  integrity sha512-abkEOIeljniUN9qB5onp++g0EY38h7atnDHxwKUFz1r3VH1+yG1OKi2sNPTyObL40goBmfKFpdii2lEzwLX1cA==
   dependencies:
     "@types/prop-types" "*"
     csstype "^2.2.0"
 
-"@types/recompose@^0.30.5":
-  version "0.30.6"
-  resolved "https://registry.yarnpkg.com/@types/recompose/-/recompose-0.30.6.tgz#f6ffae2008b84df916ed6633751f9287f344ea3e"
-  integrity sha512-A9c880h07JMrvVe+PwyjVihrQRyKWp4/GFjfA9YE4NgxdEuQD74gSdDhInhUNctO/dkCcR66rexEXevzBy85cQ==
-  dependencies:
-    "@types/react" "*"
-
 "@types/selenium-webdriver@^3.0.0":
   version "3.0.16"
   resolved "https://registry.yarnpkg.com/@types/selenium-webdriver/-/selenium-webdriver-3.0.16.tgz#50a4755f8e33edacd9c406729e9b930d2451902a"
   integrity sha512-lMC2G0ItF2xv4UCiwbJGbnJlIuUixHrioOhNGHSCsYCJ8l4t9hMCUimCytvFv7qy6AfSzRxhRHoGa+UqaqwyeA==
 
 "@types/semver@^6.0.0":
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-6.0.0.tgz#86ba89f02a414e39c68d02b351872e4ed31bd773"
-  integrity sha512-OO0srjOGH99a4LUN2its3+r6CBYcplhJ466yLqs+zvAWgphCpS8hYZEZ797tRDP/QKcqTdb/YCN6ifASoAWkrQ==
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-6.0.1.tgz#a984b405c702fa5a7ec6abc56b37f2ba35ef5af6"
+  integrity sha512-ffCdcrEE5h8DqVxinQjo+2d1q+FV5z7iNtPofw3JsrltSoSVlOGaW0rY8XxtO9XukdTn8TaCGWmk2VFGhI70mg==
 
 "@types/source-list-map@*":
   version "0.1.2"
@@ -3851,9 +4334,9 @@
   integrity sha512-9R+mA6mMXkFVQnXEeX5fMQDR2SYND7cafJTqbeMpLhgsL7qr7MF4ZBxWpLexml3lZsBsyAmqVWbOiB0N10m15w==
 
 "@types/uuid@^3.4.4":
-  version "3.4.4"
-  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-3.4.4.tgz#7af69360fa65ef0decb41fd150bf4ca5c0cefdf5"
-  integrity sha512-tPIgT0GUmdJQNSHxp0X2jnpQfBSTfGxUMc/2CXBU2mnyTFVYVa2ojpoQ74w0U2yn2vw3jnC640+77lkFFpdVDw==
+  version "3.4.5"
+  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-3.4.5.tgz#d4dc10785b497a1474eae0ba7f0cb09c0ddfd6eb"
+  integrity sha512-MNL15wC3EKyw1VLF+RoVO4hJJdk9t/Hlv3rt1OL65Qvuadm4BYo6g9ZJQqoq7X8NBFSsQXgAujWciovh2lpVjA==
   dependencies:
     "@types/node" "*"
 
@@ -3874,7 +4357,7 @@
     "@types/unist" "*"
     "@types/vfile-message" "*"
 
-"@types/webpack-env@^1.13.7":
+"@types/webpack-env@^1.13.7", "@types/webpack-env@^1.13.9":
   version "1.13.9"
   resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.13.9.tgz#a67287861c928ebf4159a908d1fb1a2a34d4097a"
   integrity sha512-p8zp5xqkly3g4cCmo2mKOHI9+Z/kObmDj0BmjbDDJQlgDTiEGTbm17MEwTAusV6XceCy+bNw9q/ZHXHyKo3zkg==
@@ -3888,10 +4371,10 @@
     "@types/source-list-map" "*"
     source-map "^0.6.1"
 
-"@types/webpack@^4.4.25":
-  version "4.4.32"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.4.32.tgz#2d460cd33a15e568e93f38de5e628cf846396c51"
-  integrity sha512-mNARoaSJTzbiHxtZbf9NULFilu2frqD+g9Iyl9V2jPYJWXi+AC3Hz8lQWPZ5LLtgUm7iF4SDDMB/1bPrbRQgFw==
+"@types/webpack@*", "@types/webpack@^4.4.25", "@types/webpack@^4.4.32":
+  version "4.4.34"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.4.34.tgz#e5f88b9a795da11683b4ec4a07d1c2b023b19810"
+  integrity sha512-GnEBgjHsfO1M7DIQ0dAupSofcmDItE3Zsu3reK8SQpl/6N0rtUQxUmQzVFAS5ou/FGjsYKjXAWfItLZ0kNFTfQ==
   dependencies:
     "@types/anymatch" "*"
     "@types/node" "*"
@@ -3920,24 +4403,23 @@
     tsutils "^3.7.0"
 
 "@typescript-eslint/eslint-plugin@^1.7.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-1.9.0.tgz#29d73006811bf2563b88891ceeff1c5ea9c8d9c6"
-  integrity sha512-FOgfBorxjlBGpDIw+0LaZIXRX6GEEUfzj8LXwaQIUCp+gDOvkI+1WgugJ7SmWiISqK9Vj5r8S7NDKO/LB+6X9A==
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-1.11.0.tgz#870f752c520db04db6d3668af7479026a6f2fb9a"
+  integrity sha512-mXv9ccCou89C8/4avKHuPB2WkSZyY/XcTQUXd5LFZAcLw1I3mWYVjUu6eS9Ja0QkP/ClolbcW9tb3Ov/pMdcqw==
   dependencies:
-    "@typescript-eslint/experimental-utils" "1.9.0"
-    "@typescript-eslint/parser" "1.9.0"
+    "@typescript-eslint/experimental-utils" "1.11.0"
     eslint-utils "^1.3.1"
     functional-red-black-tree "^1.0.1"
     regexpp "^2.0.1"
-    requireindex "^1.2.0"
     tsutils "^3.7.0"
 
-"@typescript-eslint/experimental-utils@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-1.9.0.tgz#a92777d0c92d7bc8627abd7cdb06cdbcaf2b39e8"
-  integrity sha512-1s2dY9XxBwtS9IlSnRIlzqILPyeMly5tz1bfAmQ84Ul687xBBve5YsH5A5EKeIcGurYYqY2w6RkHETXIwnwV0A==
+"@typescript-eslint/experimental-utils@1.11.0":
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-1.11.0.tgz#594abe47091cbeabac1d6f9cfed06d0ad99eb7e3"
+  integrity sha512-7LbfaqF6B8oa8cp/315zxKk8FFzosRzzhF8Kn/ZRsRsnpm7Qcu25cR/9RnAQo5utZ2KIWVgaALr+ZmcbG47ruw==
   dependencies:
-    "@typescript-eslint/typescript-estree" "1.9.0"
+    "@typescript-eslint/typescript-estree" "1.11.0"
+    eslint-scope "^4.0.0"
 
 "@typescript-eslint/parser@1.6.0":
   version "1.6.0"
@@ -3948,15 +4430,13 @@
     eslint-scope "^4.0.0"
     eslint-visitor-keys "^1.0.0"
 
-"@typescript-eslint/parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-1.9.0.tgz#5796cbfcb9a3a5757aeb671c1ac88d7a94a95962"
-  integrity sha512-CWgC1XrQ34H/+LwAU7vY5xteZDkNqeAkeidEpJnJgkKu0yqQ3ZhQ7S+dI6MX4vmmM1TKRbOrKuXc6W0fIHhdbA==
+"@typescript-eslint/typescript-estree@1.11.0":
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-1.11.0.tgz#b7b5782aab22e4b3b6d84633652c9f41e62d37d5"
+  integrity sha512-fquUHF5tAx1sM2OeRCC7wVxFd1iMELWMGCzOSmJ3pLzArj9+kRixdlC4d5MncuzXpjEqc6045p3KwM0o/3FuUA==
   dependencies:
-    "@typescript-eslint/experimental-utils" "1.9.0"
-    "@typescript-eslint/typescript-estree" "1.9.0"
-    eslint-scope "^4.0.0"
-    eslint-visitor-keys "^1.0.0"
+    lodash.unescape "4.0.1"
+    semver "5.5.0"
 
 "@typescript-eslint/typescript-estree@1.6.0":
   version "1.6.0"
@@ -3966,14 +4446,6 @@
     lodash.unescape "4.0.1"
     semver "5.5.0"
 
-"@typescript-eslint/typescript-estree@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-1.9.0.tgz#5d6d49be936e96fb0f859673480f89b070a5dd9b"
-  integrity sha512-7Eg0TEQpCkTsEwsl1lIzd6i7L3pJLQFWesV08dS87bNz0NeSjbL78gNAP1xCKaCejkds4PhpLnZkaAjx9SU8OA==
-  dependencies:
-    lodash.unescape "4.0.1"
-    semver "5.5.0"
-
 "@vue/component-compiler-utils@^2.5.1":
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz#aa46d2a6f7647440b0b8932434d22f12371e543b"
@@ -4295,6 +4767,13 @@
     text-table "^0.2.0"
     webpack-log "^1.1.2"
 
+"@wry/equality@^0.1.2":
+  version "0.1.9"
+  resolved "https://registry.yarnpkg.com/@wry/equality/-/equality-0.1.9.tgz#b13e18b7a8053c6858aa6c85b54911fb31e3a909"
+  integrity sha512-mB6ceGjpMGz1ZTza8HYnrPGos2mC6So4NhS1PtZ8s4Qt0K7fBiIGhpSxUbQmhwcSWE3no+bYxmI2OL6KuXYmoQ==
+  dependencies:
+    tslib "^1.9.3"
+
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
@@ -4358,6 +4837,13 @@ 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:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.2.tgz#4e2c2313a597fd589720395f6354b41cd5ec8006"
@@ -4389,24 +4875,29 @@ acorn-node@^1.2.0, acorn-node@^1.3.0, acorn-node@^1.5.2, acorn-node@^1.6.1:
     xtend "^4.0.1"
 
 acorn-walk@^6.0.1, acorn-walk@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.1.1.tgz#d363b66f5fac5f018ff9c3a1e7b6f8e310cc3913"
-  integrity sha512-OtUw6JUTgxA2QoqqmrmQ7F2NYqiBPi/L2jqHyFtllhOUvXYQXf0Z1CYUinIfyT4bTCGmrA7gX9FvHA81uzCoVw==
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
+  integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
 
-acorn@^3.0.4:
+acorn@^3.0.4, 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.2.1, acorn@^5.5.0, acorn@^5.5.3, acorn@^5.6.2:
   version "5.7.3"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
   integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
 
 acorn@^6.0.1, acorn@^6.0.4, acorn@^6.0.5, acorn@^6.0.7, acorn@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.1.1.tgz#7d25ae05bb8ad1f9b699108e1094ecd7884adc1f"
-  integrity sha512-jPTiwtOxaHNaAPg/dmrJ/beuzLRnXtB0kQPQ8JpotKJgTB6rX6c8mlf315941pyjBSaPg8NHXS9fhP4u17DpGA==
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.2.0.tgz#67f0da2fc339d6cfb5d6fb244fd449f33cd8bbe3"
+  integrity sha512-8oe72N3WPMjA+2zVG71Ia0nXZ8DpQH+QyyHO+p06jT8eg8FGG3FbcUIi8KziHlAfheJQZeoqbvq1mQSQHXKYLw==
 
 address@1.0.3:
   version "1.0.3"
@@ -4428,7 +4919,14 @@ after@0.8.2:
   resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f"
   integrity sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=
 
-agent-base@4, agent-base@^4.1.0, agent-base@~4.2.1:
+agent-base@4, agent-base@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.3.0.tgz#8165f01c436009bccad0b1d122f05ed770efc6ee"
+  integrity sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==
+  dependencies:
+    es6-promisify "^5.0.0"
+
+agent-base@~4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.2.1.tgz#d89e5999f797875674c07d87f260fc41e83e8ca9"
   integrity sha512-JVwXMr9nHYTUXsBFKUqhJwvlcYU/blreOEUkhNR2eXZIvwd+c+o5V4MgDPKWnMS/56awN3TRzIP+KoPn+roQtg==
@@ -4487,9 +4985,9 @@ ajv-errors@^1.0.0:
   integrity sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==
 
 ajv-keywords@^3.1.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.0.tgz#4b831e7b531415a7cc518cd404e73f6193c6349d"
-  integrity sha512-aUjdRFISbuFOl0EIZc+9e4FfZp0bDZgAdOOf30bJmw8VM9v84SHyVyxDfbWxpGYbdZD/9XoKxfHVNmxPkhwyGw==
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"
+  integrity sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==
 
 ajv@6.9.1:
   version "6.9.1"
@@ -4512,15 +5010,24 @@ ajv@^5.0.0, ajv@^5.2.2:
     json-schema-traverse "^0.3.0"
 
 ajv@^6.1.0, ajv@^6.5.5, ajv@^6.9.1:
-  version "6.10.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.0.tgz#90d0d54439da587cd7e843bfb7045f50bd22bdf1"
-  integrity sha512-nffhOpkymDECQyR0mnsUtoCE8RlX38G0rYP+wgLWFyZuUyuuojSSvi/+euOiQBIn63whYwYVIIH1TvE3tu4OEg==
+  version "6.10.1"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.1.tgz#ebf8d3af22552df9dd049bfbe50cc2390e823593"
+  integrity sha512-w1YQaVGNC6t2UCPjEawK/vo/dG8OOrVtUmhBT1uJJYxbl5kU2Tj3v6LGqBcsysN1yhuCStJCCA3GqdvKY8sqXQ==
   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.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
@@ -4546,20 +5053,20 @@ amdefine@>=0.0.4:
   resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
   integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=
 
-analytics-node@^2.1.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/analytics-node/-/analytics-node-2.4.1.tgz#1f96c8eb887b6c47691044ac7fc9a1231fb020f7"
-  integrity sha1-H5bI64h7bEdpEESsf8mhIx+wIPc=
+analytics-node@3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/analytics-node/-/analytics-node-3.3.0.tgz#7fb4be288c253d00857e840bf9ef642b64313ac0"
+  integrity sha512-wxrsmibvZVysy5CfkLItYrYMGbNVXDBccWurz+hgLUg98pbijiS2/QQdRc0SjHWVEqByxReEJ2T2MGhgb4jk3A==
   dependencies:
-    "@segment/loosely-validate-event" "^1.1.2"
-    clone "^2.1.1"
+    "@segment/loosely-validate-event" "^2.0.0"
+    axios "^0.17.1"
+    axios-retry "^3.0.2"
     commander "^2.9.0"
-    crypto-token "^1.0.1"
-    debug "^2.6.2"
-    lodash "^4.17.4"
+    lodash.isstring "^4.0.1"
+    md5 "^2.2.1"
+    ms "^2.0.0"
     remove-trailing-slash "^0.1.0"
-    superagent "^3.5.0"
-    superagent-retry "^0.6.0"
+    uuid "^3.2.1"
 
 angular2-template-loader@^0.6.2:
   version "0.6.2"
@@ -4582,7 +5089,7 @@ ansi-colors@^1.0.1:
   dependencies:
     ansi-wrap "^0.1.0"
 
-ansi-colors@^3.0.0, ansi-colors@^3.2.1:
+ansi-colors@^3.0.0, ansi-colors@^3.0.5, ansi-colors@^3.2.1:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf"
   integrity sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==
@@ -4645,7 +5152,7 @@ ansi-styles@^3.0.0, ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
-ansi-to-html@^0.6.11:
+ansi-to-html@^0.6.11, ansi-to-html@^0.6.4:
   version "0.6.11"
   resolved "https://registry.yarnpkg.com/ansi-to-html/-/ansi-to-html-0.6.11.tgz#5093fc4962186c0e9343dec572a4f71abdc93439"
   integrity sha512-88XZtrcwrfkyn6fGstHnkaF1kl7hGtNCYh4vSmItgEV+6JnQHryDBf7udF4f2RhTRQmYvJvPcTtqgaqrxzc9oA==
@@ -4667,11 +5174,6 @@ ansicolors@~0.2.1:
   resolved "https://registry.yarnpkg.com/ansicolors/-/ansicolors-0.2.1.tgz#be089599097b74a5c9c4a84a0cdbcdb62bd87aef"
   integrity sha1-vgiVmQl7dKXJxKhKDNvNtivYeu8=
 
-any-base@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/any-base/-/any-base-1.1.0.tgz#ae101a62bc08a597b4c9ab5b7089d456630549fe"
-  integrity sha512-uMgjozySS8adZZYePpaWs8cxB9/kdzmpX6SgJZ+wbz1K5eYk5QMYDVJaZKhxyIHUdnnJkfR7SVgStgH7LkGUyg==
-
 any-observable@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/any-observable/-/any-observable-0.3.0.tgz#af933475e5806a67d0d7df090dd5e8bef65d119b"
@@ -4715,10 +5217,11 @@ apollo-link@1.2.1:
     zen-observable-ts "^0.8.6"
 
 apollo-utilities@^1.0.0, apollo-utilities@^1.0.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-1.3.0.tgz#9803724c07ac94ca11dc26397edb58735d2b0211"
-  integrity sha512-wQjV+FdWcTWmWUFlChG5rS0vHKy5OsXC6XlV9STRstQq6VbXANwHy6DHnTEQAfLXWAbNcPgBu+nBUpR3dFhwrA==
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-1.3.2.tgz#8cbdcf8b012f664cd6cb5767f6130f5aed9115c9"
+  integrity sha512-JWNHj8XChz7S4OZghV6yc9FNnzEXj285QYp/nLNh943iObycI5GTDO3NGR9Dth12LRrSFMeDOConPfPln+WGfg==
   dependencies:
+    "@wry/equality" "^0.1.2"
     fast-json-stable-stringify "^2.0.0"
     ts-invariant "^0.4.0"
     tslib "^1.9.3"
@@ -4738,16 +5241,28 @@ 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:
+append-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/append-buffer/-/append-buffer-1.0.2.tgz#d8220cf466081525efea50614f3de6514dfa58f1"
+  integrity sha1-2CIM9GYIFSXv6lBhTz3mUU36WPE=
+  dependencies:
+    buffer-equal "^1.0.0"
+
+aproba@^1.0.3, aproba@^1.1.1, aproba@^1.1.2:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
 
-aproba@^2.0.0:
+"aproba@^1.1.2 || 2", 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==
 
+archy@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
+  integrity sha1-+cjBN1fMHde8N5rHeyxipcKGjEA=
+
 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"
@@ -4811,11 +5326,25 @@ arr-diff@^4.0.0:
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
   integrity sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=
 
+arr-filter@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/arr-filter/-/arr-filter-1.1.2.tgz#43fdddd091e8ef11aa4c45d9cdc18e2dff1711ee"
+  integrity sha1-Q/3d0JHo7xGqTEXZzcGOLf8XEe4=
+  dependencies:
+    make-iterator "^1.0.0"
+
 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-map@^2.0.0, arr-map@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/arr-map/-/arr-map-2.0.2.tgz#3a77345ffc1cf35e2a91825601f9e58f2e24cac4"
+  integrity sha1-Onc0X/wc814qkYJWAfnljy4kysQ=
+  dependencies:
+    make-iterator "^1.0.0"
+
 arr-union@^2.0.1:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-2.1.0.tgz#20f9eab5ec70f5c7d215b1077b1c39161d292c7d"
@@ -4831,6 +5360,11 @@ array-differ@^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.0, 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-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
@@ -4874,6 +5408,21 @@ array-includes@^3.0.3:
     define-properties "^1.1.2"
     es-abstract "^1.7.0"
 
+array-initial@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/array-initial/-/array-initial-1.1.0.tgz#2fa74b26739371c3947bd7a7adc73be334b3d795"
+  integrity sha1-L6dLJnOTccOUe9enrcc74zSz15U=
+  dependencies:
+    array-slice "^1.0.0"
+    is-number "^4.0.0"
+
+array-last@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/array-last/-/array-last-1.3.0.tgz#7aa77073fec565ddab2493f5f88185f404a9d336"
+  integrity sha512-eOCut5rXlI6aCOS7Z7kCplKRKyiFQ6dHFBem4PwlwKeNFk2/XxTrhRh5T9PyaEWGy/NHTZWbY+nsZlNFJu9rYg==
+  dependencies:
+    is-number "^4.0.0"
+
 array-map@~0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/array-map/-/array-map-0.0.0.tgz#88a2bab73d1cf7bcd5c1b118a003f66f665fa662"
@@ -4889,6 +5438,20 @@ array-slice@^0.2.3:
   resolved "https://registry.yarnpkg.com/array-slice/-/array-slice-0.2.3.tgz#dd3cfb80ed7973a75117cdac69b0b99ec86186f5"
   integrity sha1-3Tz7gO15c6dRF82sabC5nshhhvU=
 
+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-sort@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-sort/-/array-sort-1.0.0.tgz#e4c05356453f56f53512a7d1d6123f2c54c0a88a"
+  integrity sha512-ihLeJkonmdiAsD7vpgN3CRcx2J2S0TiYW+IS/5zHBI7mKUq3ySvBdzzBfD236ubDBQFiiyG3SWCPc+msQ9KoYg==
+  dependencies:
+    default-compare "^1.0.0"
+    get-value "^2.0.6"
+    kind-of "^5.0.2"
+
 array-to-error@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array-to-error/-/array-to-error-1.1.1.tgz#d68812926d14097a205579a667eeaf1856a44c07"
@@ -4908,6 +5471,11 @@ array-union@^1.0.1:
   dependencies:
     array-uniq "^1.0.1"
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 array-uniq@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
@@ -5023,7 +5591,7 @@ 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.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==
@@ -5051,6 +5619,16 @@ async-disk-cache@^1.2.1:
     rsvp "^3.0.18"
     username-sync "^1.0.2"
 
+async-done@^1.2.0, async-done@^1.2.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/async-done/-/async-done-1.3.2.tgz#5e15aa729962a4b07414f528a88cdf18e0b290a2"
+  integrity sha512-uYkTP8dw2og1tu1nmza1n1CMW0qb8gWWlwqMmLb7MhBVs4BXrFziT6HXUd+/RlRA/i4H9AkofYloUbs1fwMqlw==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.2"
+    process-nextick-args "^2.0.0"
+    stream-exhaust "^1.0.1"
+
 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"
@@ -5074,6 +5652,13 @@ async-promise-queue@^1.0.3, async-promise-queue@^1.0.4:
     async "^2.4.1"
     debug "^2.6.8"
 
+async-settle@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/async-settle/-/async-settle-1.0.0.tgz#1d0a914bb02575bec8a8f3a74e5080f72b2c0c6b"
+  integrity sha1-HQqRS7Aldb7IqPOnTlCA9yssDGs=
+  dependencies:
+    async-done "^1.2.2"
+
 async-writer@^1.1.0:
   version "1.4.5"
   resolved "https://registry.yarnpkg.com/async-writer/-/async-writer-1.4.5.tgz#8a5527b9493e59f7f31a4a47184e0ea12ebf283f"
@@ -5131,17 +5716,17 @@ autoprefixer@9.4.6:
     postcss-value-parser "^3.3.1"
 
 autoprefixer@^9.4.3, autoprefixer@^9.4.9:
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.6.0.tgz#0111c6bde2ad20c6f17995a33fad7cf6854b4c87"
-  integrity sha512-kuip9YilBqhirhHEGHaBTZKXL//xxGnzvsD0FtBQa6z+A69qZD6s/BAX9VzDF1i9VKDquTJDQaPLSEhOnL6FvQ==
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.6.1.tgz#51967a02d2d2300bb01866c1611ec8348d355a47"
+  integrity sha512-aVo5WxR3VyvyJxcJC3h4FKfwCQvQWb1tSI5VHNibddCVWrcD1NvlxEweg3TSgiPztMnWfjpy2FURKA2kvDE+Tw==
   dependencies:
-    browserslist "^4.6.1"
-    caniuse-lite "^1.0.30000971"
+    browserslist "^4.6.3"
+    caniuse-lite "^1.0.30000980"
     chalk "^2.4.2"
     normalize-range "^0.1.2"
     num2fraction "^1.2.2"
-    postcss "^7.0.16"
-    postcss-value-parser "^3.3.1"
+    postcss "^7.0.17"
+    postcss-value-parser "^4.0.0"
 
 aws-sign2@~0.7.0:
   version "0.7.0"
@@ -5158,7 +5743,14 @@ axe-core@^3.2.2:
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-3.2.2.tgz#b06d6e9ae4636d706068843272bfaeed3fe97362"
   integrity sha512-gAy4kMSPpuRJV3mwictJqlg5LhE84Vw2CydKdC4tvrLhR6+G3KW51zbL/vYujcLA2jvWOq3HMHrVeNuw+mrLVA==
 
-axios@0.17.1:
+axios-retry@^3.0.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/axios-retry/-/axios-retry-3.1.2.tgz#4f4dcbefb0b434e22b72bd5e28a027d77b8a3458"
+  integrity sha512-+X0mtJ3S0mmia1kTVi1eA3DAC+oWnT2A29g3CpkzcBPMT6vJm+hn/WiV9wPt/KXLHVmg5zev9mWqkPx7bHMovg==
+  dependencies:
+    is-retry-allowed "^1.1.0"
+
+axios@0.17.1, axios@^0.17.1:
   version "0.17.1"
   resolved "https://registry.yarnpkg.com/axios/-/axios-0.17.1.tgz#2d8e3e5d0bdbd7327f91bc814f5c57660f81824d"
   integrity sha1-LY4+XQvb1zJ/kbyBT1xXZg+Bgk0=
@@ -5228,7 +5820,7 @@ babel-core@^7.0.0-bridge.0:
   resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
   integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==
 
-babel-eslint@10.0.1, babel-eslint@^10.0.1:
+babel-eslint@10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.0.1.tgz#919681dc099614cd7d31d45c8908695092a1faed"
   integrity sha512-z7OT1iNV+TjOwHNLLyJk+HN+YVWX+CLE6fPD2SymJZOZQBs+QIexFjhm4keGTm8MW9xr4EC9Q0PbaLB24V5GoQ==
@@ -5240,9 +5832,21 @@ babel-eslint@10.0.1, babel-eslint@^10.0.1:
     eslint-scope "3.7.1"
     eslint-visitor-keys "^1.0.0"
 
+babel-eslint@^10.0.1:
+  version "10.0.2"
+  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.0.2.tgz#182d5ac204579ff0881684b040560fdcc1558456"
+  integrity sha512-UdsurWPtgiPgpJ06ryUnuaSXC2s0WoSZnQmEpbAH65XZSdwowgN5MvyP7e88nW07FYXv72erVtpBkxyDVKhH1Q==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/parser" "^7.0.0"
+    "@babel/traverse" "^7.0.0"
+    "@babel/types" "^7.0.0"
+    eslint-scope "3.7.1"
+    eslint-visitor-keys "^1.0.0"
+
 babel-eslint@^8.2.2:
   version "8.2.6"
-  resolved "https://registry.npmjs.org/babel-eslint/-/babel-eslint-8.2.6.tgz#6270d0c73205628067c0f7ae1693a9e797acefd9"
+  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-8.2.6.tgz#6270d0c73205628067c0f7ae1693a9e797acefd9"
   integrity sha512-aCdHjhzcILdP8c9lej7hvXKvQieyRt20SF102SIGyY4cUIiw6UaAtK4j2o3dXX74jEmy0TJ0CEhv4fTIM3SzcA==
   dependencies:
     "@babel/code-frame" "7.0.0-beta.44"
@@ -5435,6 +6039,14 @@ babel-helpers@^6.24.1:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
+babel-jest@^23.6.0:
+  version "23.6.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-23.6.0.tgz#a644232366557a2240a0c083da6b25786185a2f1"
+  integrity sha512-lqKGG6LYXYu+DQh/slrQ8nxXQkEkhugdXsU6St7GmhVS7Ilc/22ArwqXNJrf0QaOBjZB0360qZMwXqDYQHXaew==
+  dependencies:
+    babel-plugin-istanbul "^4.1.6"
+    babel-preset-jest "^23.2.0"
+
 babel-jest@^24.7.1, babel-jest@^24.8.0:
   version "24.8.0"
   resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.8.0.tgz#5c15ff2b28e20b0f45df43fe6b7f2aae93dba589"
@@ -5450,7 +6062,7 @@ babel-jest@^24.7.1, babel-jest@^24.8.0:
 
 babel-loader@8.0.4:
   version "8.0.4"
-  resolved "https://registry.npmjs.org/babel-loader/-/babel-loader-8.0.4.tgz#7bbf20cbe4560629e2e41534147692d3fecbdce6"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.0.4.tgz#7bbf20cbe4560629e2e41534147692d3fecbdce6"
   integrity sha512-fhBhNkUToJcW9nV46v8w87AJOwAJDz84c1CL57n3Stj73FANM/b9TbCUK4YhdOwEyZ+OxhYpdeZDNzSI29Firw==
   dependencies:
     find-cache-dir "^1.0.0"
@@ -5485,6 +6097,14 @@ babel-macros@^1.2.0:
   dependencies:
     cosmiconfig "3.1.0"
 
+babel-merge@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/babel-merge/-/babel-merge-3.0.0.tgz#9bd368d48116dab18b8f3e8022835479d80f3b50"
+  integrity sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==
+  dependencies:
+    deepmerge "^2.2.1"
+    object.omit "^3.0.0"
+
 babel-messages@^6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
@@ -5519,35 +6139,42 @@ babel-plugin-debug-macros@^0.2.0-beta.6:
     semver "^5.3.0"
 
 babel-plugin-debug-macros@^0.3.0:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-debug-macros/-/babel-plugin-debug-macros-0.3.1.tgz#cf45b497ab02cdd0c98e11f6da79b1e0773ceae1"
-  integrity sha512-1tnO63L4d9HFHguR4Xc+/Y7Og1+mDsXwiStVrsayyXIDauv6r1o9dnhRKPmmCV5digG2XgScnQJpWDsxNNLU7g==
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-debug-macros/-/babel-plugin-debug-macros-0.3.2.tgz#b536a29386fac76f525bf1b73c4f74cd5281c5fa"
+  integrity sha512-CslqMZ3RGUvlEERuKr+wrXcHqQGvQ9ALLrbcOt8aSEp4ySfNCHAQbuGQYKZYw3P30/VGkPaR0Begch+dbqgEpg==
   dependencies:
     semver "^5.3.0"
 
-babel-plugin-dynamic-import-node@2.2.0, babel-plugin-dynamic-import-node@^2.2.0:
+babel-plugin-dynamic-import-node@2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.2.0.tgz#c0adfb07d95f4a4495e9aaac6ec386c4d7c2524e"
   integrity sha512-fP899ELUnTaBcIzmrW7nniyqqdYWrWuJUyPWHxFa/c7r7hS6KC8FscNfLlBNIoPSc55kYMGEEKjPjJGCLbE1qA==
   dependencies:
     object.assign "^4.1.0"
 
-babel-plugin-ember-modules-api-polyfill@^2.6.0, babel-plugin-ember-modules-api-polyfill@^2.8.0:
+babel-plugin-dynamic-import-node@^2.2.0, babel-plugin-dynamic-import-node@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz#f00f507bdaa3c3e3ff6e7e5e98d90a7acab96f7f"
+  integrity sha512-o6qFkpeQEBxcqt0XYlWzAVxNCSCZdUgcR8IRlhD/8DylxjjO4foPcvTW0GGKa/cVt3rvxZ7o5ippJ+/0nvLhlQ==
+  dependencies:
+    object.assign "^4.1.0"
+
+babel-plugin-ember-modules-api-polyfill@^2.6.0, babel-plugin-ember-modules-api-polyfill@^2.9.0:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-ember-modules-api-polyfill/-/babel-plugin-ember-modules-api-polyfill-2.9.0.tgz#8503e7b4192aeb336b00265e6235258ff6b754aa"
   integrity sha512-c03h50291phJ2gQxo/aIOvFQE2c6glql1A7uagE3XbPXpKVAJOUxtVDjvWG6UAB6BC5ynsJfMWvY0w4TPRKIHQ==
   dependencies:
     ember-rfc176-data "^0.3.9"
 
-babel-plugin-emotion@^10.0.9:
-  version "10.0.9"
-  resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-10.0.9.tgz#04a0404d5a4084d5296357a393d344c0f8303ae4"
-  integrity sha512-IfWP12e9/wHtWHxVTzD692Nbcmrmcz2tip7acp6YUqtrP7slAyr5B+69hyZ8jd55GsyNSZwryNnmuDEVe0j+7w==
+babel-plugin-emotion@^10.0.14, babel-plugin-emotion@^10.0.9:
+  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.1"
-    "@emotion/memoize" "0.7.1"
-    "@emotion/serialize" "^0.11.6"
+    "@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"
@@ -5555,29 +6182,21 @@ babel-plugin-emotion@^10.0.9:
     find-root "^1.1.0"
     source-map "^0.5.7"
 
-babel-plugin-emotion@^9.2.11:
-  version "9.2.11"
-  resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-9.2.11.tgz#319c005a9ee1d15bb447f59fe504c35fd5807728"
-  integrity sha512-dgCImifnOPPSeXod2znAmgc64NhaaOjGEHROR/M+lmStb3841yK1sgaDYAYMnlvWNz8GnpwIPN0VmNpbWYZ+VQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@emotion/babel-utils" "^0.6.4"
-    "@emotion/hash" "^0.6.2"
-    "@emotion/memoize" "^0.6.1"
-    "@emotion/stylis" "^0.7.0"
-    babel-plugin-macros "^2.0.0"
-    babel-plugin-syntax-jsx "^6.18.0"
-    convert-source-map "^1.5.0"
-    find-root "^1.1.0"
-    mkdirp "^0.5.1"
-    source-map "^0.5.7"
-    touch "^2.0.1"
-
 babel-plugin-htmlbars-inline-precompile@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-htmlbars-inline-precompile/-/babel-plugin-htmlbars-inline-precompile-1.0.0.tgz#a9d2f6eaad8a3f3d361602de593a8cbef8179c22"
   integrity sha512-4jvKEHR1bAX03hBDZ94IXsYCj3bwk9vYsn6ux6JZNL2U5pvzCWjqyrGahfsGNrhERyxw8IqcirOi9Q6WCo3dkQ==
 
+babel-plugin-istanbul@^4.1.6:
+  version "4.1.6"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-4.1.6.tgz#36c59b2192efce81c5b378321b74175add1c9a45"
+  integrity sha512-PWP9FQ1AhZhS01T/4qLSKoHGY/xvkZdVBGlKM/HuxxS3+sC66HhTNR7+MpbO/so/cz/wY94MeSWJuP1hXIPfwQ==
+  dependencies:
+    babel-plugin-syntax-object-rest-spread "^6.13.0"
+    find-up "^2.1.0"
+    istanbul-lib-instrument "^1.10.1"
+    test-exclude "^4.2.1"
+
 babel-plugin-istanbul@^5.1.0:
   version "5.1.4"
   resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.1.4.tgz#841d16b9a58eeb407a0ddce622ba02fe87a752ba"
@@ -5587,6 +6206,11 @@ babel-plugin-istanbul@^5.1.0:
     istanbul-lib-instrument "^3.3.0"
     test-exclude "^5.2.3"
 
+babel-plugin-jest-hoist@^23.2.0:
+  version "23.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-23.2.0.tgz#e61fae05a1ca8801aadee57a6d66b8cefaf44167"
+  integrity sha1-5h+uBaHKiAGq3uV6bWa4zvr0QWc=
+
 babel-plugin-jest-hoist@^24.6.0:
   version "24.6.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-24.6.0.tgz#f7f7f7ad150ee96d7a5e8e2c5da8319579e78019"
@@ -5608,7 +6232,15 @@ babel-plugin-jsx-v-model@^2.0.1:
     html-tags "^2.0.0"
     svg-tags "^1.0.0"
 
-babel-plugin-macros@2.5.1, babel-plugin-macros@^2.0.0, babel-plugin-macros@^2.4.5:
+babel-plugin-macros@2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.5.0.tgz#01f4d3b50ed567a67b80a30b9da066e94f4097b6"
+  integrity sha512-BWw0lD0kVZAXRD3Od1kMrdmfudqzDzYv2qrN3l2ISR1HVp1EgLKfbOrYV9xmY5k3qx3RIu5uPAUZZZHpo0o5Iw==
+  dependencies:
+    cosmiconfig "^5.0.5"
+    resolve "^1.8.1"
+
+babel-plugin-macros@2.5.1:
   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==
@@ -5617,6 +6249,15 @@ babel-plugin-macros@2.5.1, babel-plugin-macros@^2.0.0, babel-plugin-macros@^2.4.
     cosmiconfig "^5.2.0"
     resolve "^1.10.0"
 
+babel-plugin-macros@^2.0.0, babel-plugin-macros@^2.4.5:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.6.1.tgz#41f7ead616fc36f6a93180e89697f69f51671181"
+  integrity sha512-6W2nwiXme6j1n2erPOnmRiWfObUhWH7Qw1LMi9XZy8cj+KtESu3T6asZvtk5bMQQjX8te35o7CFueiSdL/2NmQ==
+  dependencies:
+    "@babel/runtime" "^7.4.2"
+    cosmiconfig "^5.2.0"
+    resolve "^1.10.0"
+
 babel-plugin-minify-builtins@^0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-minify-builtins/-/babel-plugin-minify-builtins-0.5.0.tgz#31eb82ed1a0d0efdc31312f93b6e4741ce82c36b"
@@ -5716,10 +6357,10 @@ babel-plugin-react-docgen@^3.0.0:
     react-docgen "^4.1.0"
     recast "^0.14.7"
 
-babel-plugin-react-native-web@^0.9.6:
-  version "0.9.13"
-  resolved "https://registry.yarnpkg.com/babel-plugin-react-native-web/-/babel-plugin-react-native-web-0.9.13.tgz#20d76e8e78815582b3d983efa19b3116168e7784"
-  integrity sha512-cgHJcA+jDIcEH0g0JSCjRxGlKIMVR5GWCgVSFwfjIP1HCvjFOtjUWGHPEnlMShp9mHl/WtL2v59sRWzVnoK3CA==
+babel-plugin-react-native-web@^0.11.2:
+  version "0.11.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-react-native-web/-/babel-plugin-react-native-web-0.11.5.tgz#df22a66991772fb3695279942528d3ae4dcba7af"
+  integrity sha512-elK9hL69DBxn5JUJT48QVoPEOrjb2AIkB18t476DYbmCZUFRuhGCbDxze0WXEI0NLhQDKrigJFgl6pVSHoCSmA==
 
 babel-plugin-require-context-hook@^1.0.0:
   version "1.0.0"
@@ -5727,9 +6368,9 @@ babel-plugin-require-context-hook@^1.0.0:
   integrity sha512-EMZD1563QUqLhzrqcThk759RhuNVX/ZJdrtGK6drwzgvnR+ARjWyXIHPbu+tUNaMGtPz/gQeAM2M6VUw2UiUeA==
 
 babel-plugin-root-import@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.npmjs.org/babel-plugin-root-import/-/babel-plugin-root-import-6.1.0.tgz#ea27407df1e920750fc247b2702e322a19f8a14f"
-  integrity sha512-7pFBKr83H7S4mjLICsHENXm8oZ//sTdrjlxP20y7wWAmDl8N1IRtUVAGJDCTk3E9E3LOyRdiPb9znoweDVCrFg==
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-root-import/-/babel-plugin-root-import-6.2.0.tgz#5a5cbcefbd67506738679ed6f899c013142bcd49"
+  integrity sha512-Tsq1pfSRn2XkNOrMXOYoTAxYddvWC21850h8Cj6xozccwr50WQu+GrzrHmr9RAmHCaLVUOfFYe3cshpQbDmf4w==
   dependencies:
     slash "^1.0.0"
 
@@ -5758,7 +6399,7 @@ babel-plugin-syntax-jsx@^6.18.0, babel-plugin-syntax-jsx@^6.8.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:
+babel-plugin-syntax-object-rest-spread@^6.13.0, 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=
@@ -6020,7 +6661,7 @@ babel-plugin-transform-inline-consecutive-adds@^0.4.3:
 
 babel-plugin-transform-jsx-stylesheet@0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/babel-plugin-transform-jsx-stylesheet/-/babel-plugin-transform-jsx-stylesheet-0.6.5.tgz#ff704790a4db5a8ce36dd483f5f29f17d3ba0b7f"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-jsx-stylesheet/-/babel-plugin-transform-jsx-stylesheet-0.6.5.tgz#ff704790a4db5a8ce36dd483f5f29f17d3ba0b7f"
   integrity sha512-6ZNSWp+jYXs9FmqpqZW2euZA2EhSr2eazHQBMfpSui0fy46zxPu3Ec4pqvmpmcw7zlReblsESpTJtYq+O77Cbw==
   dependencies:
     camelcase "^3.0.0"
@@ -6183,16 +6824,17 @@ babel-preset-env@^1.7.0:
     semver "^5.3.0"
 
 babel-preset-expo@^5.0.0, babel-preset-expo@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-expo/-/babel-preset-expo-5.1.1.tgz#2fb9e14013ee872b1716d857e3c583981a47e3b9"
-  integrity sha512-aboINGtepZW4s5IKu9dpNY7RUzTlM4S55xw2cuQ39DiEWY1fr8TsbLyK4lMC5LXrGhoTGypnn85/Y4yPEdnK5g==
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-expo/-/babel-preset-expo-5.2.0.tgz#37f466e65c29ab518d91d04c299d84cef07590d2"
+  integrity sha512-yNHYwSFk7fvVCVJM3m3Vi/BVBNAeox1Iw1tHhCJGbLnpYkR94wst/I8IF9y+K01FhJ98epIK1S0Go3EmHJbbzA==
   dependencies:
     "@babel/core" "^7.1.0"
     "@babel/plugin-proposal-decorators" "^7.1.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.4.4"
     "@babel/preset-env" "^7.3.1"
     babel-plugin-module-resolver "^3.1.1"
-    babel-plugin-react-native-web "^0.9.6"
-    metro-react-native-babel-preset "^0.49.0"
+    babel-plugin-react-native-web "^0.11.2"
+    metro-react-native-babel-preset "^0.51.1"
 
 babel-preset-fbjs@2.3.0, babel-preset-fbjs@^2.1.2:
   version "2.3.0"
@@ -6268,6 +6910,14 @@ babel-preset-flow@^6.23.0:
   dependencies:
     babel-plugin-transform-flow-strip-types "^6.22.0"
 
+babel-preset-jest@^23.2.0:
+  version "23.2.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-23.2.0.tgz#8ec7a03a138f001a1a8fb1e8113652bf1a55da46"
+  integrity sha1-jsegOhOPABoaj7HoETZSvxpV2kY=
+  dependencies:
+    babel-plugin-jest-hoist "^23.2.0"
+    babel-plugin-syntax-object-rest-spread "^6.13.0"
+
 babel-preset-jest@^24.6.0:
   version "24.6.0"
   resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.6.0.tgz#66f06136eefce87797539c0d63f1769cc3915984"
@@ -6307,7 +6957,7 @@ babel-preset-jest@^24.6.0:
 
 babel-preset-rax@^1.0.0-beta.0:
   version "1.0.0-beta.0"
-  resolved "https://registry.npmjs.org/babel-preset-rax/-/babel-preset-rax-1.0.0-beta.0.tgz#1633efb1061e5908fc1889b0178044f1700b69b0"
+  resolved "https://registry.yarnpkg.com/babel-preset-rax/-/babel-preset-rax-1.0.0-beta.0.tgz#1633efb1061e5908fc1889b0178044f1700b69b0"
   integrity sha512-0JwoP+QoxgL3tzhIjr/HjOBo2D0pt3o3S6Xx7hVo8boJdYgFsggNrXDBLqzbdmqF9lfaUvUMxAT05dly+8Vt5Q==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -6316,6 +6966,31 @@ babel-preset-rax@^1.0.0-beta.0:
     "@babel/plugin-transform-react-jsx-self" "^7.0.0"
     "@babel/plugin-transform-react-jsx-source" "^7.0.0"
 
+babel-preset-react-app@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-7.0.2.tgz#d01ae973edc93b9f1015cb0236dd55889a584308"
+  integrity sha512-mwCk/u2wuiO8qQqblN5PlDa44taY0acq7hw6W+a70W522P7a9mIcdggL1fe5/LgAT7tqCq46q9wwhqaMoYKslQ==
+  dependencies:
+    "@babel/core" "7.2.2"
+    "@babel/plugin-proposal-class-properties" "7.3.0"
+    "@babel/plugin-proposal-decorators" "7.3.0"
+    "@babel/plugin-proposal-object-rest-spread" "7.3.2"
+    "@babel/plugin-syntax-dynamic-import" "7.2.0"
+    "@babel/plugin-transform-classes" "7.2.2"
+    "@babel/plugin-transform-destructuring" "7.3.2"
+    "@babel/plugin-transform-flow-strip-types" "7.2.3"
+    "@babel/plugin-transform-react-constant-elements" "7.2.0"
+    "@babel/plugin-transform-react-display-name" "7.2.0"
+    "@babel/plugin-transform-runtime" "7.2.0"
+    "@babel/preset-env" "7.3.1"
+    "@babel/preset-react" "7.0.0"
+    "@babel/preset-typescript" "7.1.0"
+    "@babel/runtime" "7.3.1"
+    babel-loader "8.0.5"
+    babel-plugin-dynamic-import-node "2.2.0"
+    babel-plugin-macros "2.5.0"
+    babel-plugin-transform-react-remove-prop-types "0.4.24"
+
 babel-preset-react-app@^9.0.0:
   version "9.0.0"
   resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-9.0.0.tgz#703108142bc9dd7173bde6a1a0138a762abc76f9"
@@ -6364,7 +7039,7 @@ babel-register@^6.26.0:
     mkdirp "^0.5.1"
     source-map-support "^0.4.15"
 
-babel-runtime@6, babel-runtime@6.26.0, babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.23.0, babel-runtime@^6.26.0:
+babel-runtime@6, babel-runtime@6.26.0, babel-runtime@^6.11.6, babel-runtime@^6.18.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
   integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
@@ -6403,7 +7078,7 @@ babel-traverse@^6.18.0, babel-traverse@^6.19.0, babel-traverse@^6.24.1, babel-tr
     invariant "^2.2.2"
     lodash "^4.17.4"
 
-babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.24.1, babel-types@^6.26.0:
+babel-types@^6.15.0, babel-types@^6.18.0, 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=
@@ -6413,9 +7088,18 @@ babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.24.1, babel-types@^6.26
     lodash "^4.17.4"
     to-fast-properties "^1.0.3"
 
+babylon-walk@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/babylon-walk/-/babylon-walk-1.0.2.tgz#3b15a5ddbb482a78b4ce9c01c8ba181702d9d6ce"
+  integrity sha1-OxWl3btIKni0zpwByLoYFwLZ1s4=
+  dependencies:
+    babel-runtime "^6.11.6"
+    babel-types "^6.15.0"
+    lodash.clone "^4.5.0"
+
 babylon@7.0.0-beta.44:
   version "7.0.0-beta.44"
-  resolved "https://registry.npmjs.org/babylon/-/babylon-7.0.0-beta.44.tgz#89159e15e6e30c5096e22d738d8c0af8a0e8ca1d"
+  resolved "https://registry.yarnpkg.com/babylon/-/babylon-7.0.0-beta.44.tgz#89159e15e6e30c5096e22d738d8c0af8a0e8ca1d"
   integrity sha512-5Hlm13BJVAioCHpImtFqNOF2H3ieTOHd0fmFGMxOJ9jgeFqeAwsv3u5P5cR7CSeFrkgHsT19DgFJkHV0/Mcd8g==
 
 babylon@^6.14.1, babylon@^6.18.0:
@@ -6423,6 +7107,21 @@ babylon@^6.14.1, babylon@^6.18.0:
   resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
   integrity sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==
 
+bach@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/bach/-/bach-1.2.0.tgz#4b3ce96bf27134f79a1b414a51c14e34c3bd9880"
+  integrity sha1-Szzpa/JxNPeaG0FKUcFONMO9mIA=
+  dependencies:
+    arr-filter "^1.1.1"
+    arr-flatten "^1.0.1"
+    arr-map "^2.0.0"
+    array-each "^1.0.0"
+    array-initial "^1.0.0"
+    array-last "^1.1.1"
+    async-done "^1.2.2"
+    async-settle "^1.0.0"
+    now-and-later "^2.0.0"
+
 backbone@^1.1.2:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/backbone/-/backbone-1.4.0.tgz#54db4de9df7c3811c3f032f34749a4cd27f3bd12"
@@ -6535,19 +7234,19 @@ better-assert@~1.0.0:
     callsite "1.0.0"
 
 bfj@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/bfj/-/bfj-6.1.1.tgz#05a3b7784fbd72cfa3c22e56002ef99336516c48"
-  integrity sha512-+GUNvzHR4nRyGybQc2WpNJL4MJazMuvf92ueIyA0bIkPRwhhQu3IfZQ2PSoVPpCBJfmoSdOxu5rnotfFLlvYRQ==
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/bfj/-/bfj-6.1.2.tgz#325c861a822bcb358a41c78a33b8e6e2086dde7f"
+  integrity sha512-BmBJa4Lip6BPRINSZ0BPEIfB1wUY/9rwbwvIHQA1KjX9om29B6id0wnWXq7m3bn5JrUVjeOTnVuhPT1FiHwPGw==
   dependencies:
-    bluebird "^3.5.1"
-    check-types "^7.3.0"
-    hoopy "^0.1.2"
-    tryer "^1.0.0"
+    bluebird "^3.5.5"
+    check-types "^8.0.3"
+    hoopy "^0.1.4"
+    tryer "^1.0.1"
 
 big-integer@^1.6.7:
-  version "1.6.43"
-  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.43.tgz#8ac15bf13e93e509500859061233e19d8d0d99d1"
-  integrity sha512-9dULc9jsKmXl0Aeunug8wbF+58n+hQoFjqClN7WeZwGLh0XJUWyJJ9Ee+Ep+Ql/J9fRsTVaeThp8MhiCCrY0Jg==
+  version "1.6.44"
+  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.44.tgz#4ee9ae5f5839fc11ade338fea216b4513454a539"
+  integrity sha512-7MzElZPTyJ2fNvBkPxtFQ2fWIkVmuzw41+BZHSzpEq3ymB2MfeKp1+yXl/tS75xCx+WnyV+yb0kp+K1C3UNwmQ==
 
 big.js@^3.1.3:
   version "3.2.0"
@@ -6559,6 +7258,17 @@ 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.2"
+  resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-1.1.2.tgz#fb74bd54bae6b7befc6c6221f25322ac830d9757"
+  integrity sha512-8eEHVgYP03nILphilltWjeIjMbKyJo3wvp9K816pHbhP301ismzw15mxAAEVQ/USUwcP++1uNrbERbp8lOA6Fg==
+  dependencies:
+    bluebird "^3.5.0"
+    cmd-shim "^2.0.2"
+    gentle-fs "^2.0.0"
+    graceful-fs "^4.1.11"
+    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"
@@ -6576,7 +7286,12 @@ bindings@^1.2.1:
   dependencies:
     file-uri-to-path "1.0.0"
 
-bl@^1.0.0:
+bindings@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.2.1.tgz#14ad6113812d2d37d72e67b4cacb4bb726505f11"
+  integrity sha1-FK1hE4EtLTfXLme0ystLtyZQXxE=
+
+bl@^1.0.0, bl@^1.2.1:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/bl/-/bl-1.2.2.tgz#a160911717103c07410cef63ef51b397c025af9c"
   integrity sha512-e8tQYnZodmebYDWGH7KMRvtzKXaJHx3BbilrgZCfvyLUYdKpK1t5PSPmpkny/SgiTSCnjfLW7v5rlONXVFkQEA==
@@ -6608,15 +7323,10 @@ blocking-proxy@^1.0.0:
   dependencies:
     minimist "^1.2.0"
 
-bluebird@^3.1.1, bluebird@^3.3.5, bluebird@^3.4.6, bluebird@^3.5.1, bluebird@^3.5.3:
-  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.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/bmp-js/-/bmp-js-0.1.0.tgz#e05a63f796a6c1ff25f4771ec7adadc148c07233"
-  integrity sha1-4Fpj95amwf8l9Hcex62twUjAcjM=
+bluebird@^3.1.1, bluebird@^3.3.5, bluebird@^3.4.6, bluebird@^3.5.0, bluebird@^3.5.1, bluebird@^3.5.3, bluebird@^3.5.5:
+  version "3.5.5"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.5.tgz#a8d0afd73251effbbd5fe384a77d73003c17a71f"
+  integrity sha512-5am6HnnfN+urzt4yfg7IgTbotDjIT/u8AJpEt0sIU9FtXfVeezXAPKswrG+xKUCOYAINpSdgZVDU6QFh+cuH3w==
 
 bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
   version "4.11.8"
@@ -6779,6 +7489,16 @@ braces@^3.0.1:
   dependencies:
     fill-range "^7.0.1"
 
+brfs@^1.2.0:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/brfs/-/brfs-1.6.1.tgz#b78ce2336d818e25eea04a0947cba6d4fb8849c3"
+  integrity sha512-OfZpABRQQf+Xsmju8XE9bDjs+uU4vLREGolP7bDgcpsI17QREyZ4Bl+2KLxxx1kCgA0fAIhKQBaBYh+PEcCqYQ==
+  dependencies:
+    quote-stream "^1.0.1"
+    resolve "^1.1.5"
+    static-module "^2.2.0"
+    through2 "^2.0.0"
+
 broccoli-amd-funnel@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/broccoli-amd-funnel/-/broccoli-amd-funnel-2.0.1.tgz#dbdbfd28841731342d538126567c25bea3f15310"
@@ -7063,10 +7783,10 @@ broccoli-persistent-filter@^1.1.6, broccoli-persistent-filter@^1.4.3:
     symlink-or-copy "^1.0.1"
     walk-sync "^0.3.1"
 
-broccoli-persistent-filter@^2.1.1, broccoli-persistent-filter@^2.2.1:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/broccoli-persistent-filter/-/broccoli-persistent-filter-2.2.3.tgz#63dbd7ff05b6d7dcfdefd75238e1097370ac7467"
-  integrity sha512-WSq6S9lC78LZ2T6L8s+NueEDuWdVSDiwjH8XbHo4ocL7V5fZLXupxvnPWtoH2Jp20j6/nvznTkgKJC4g70JVdA==
+broccoli-persistent-filter@^2.1.1, broccoli-persistent-filter@^2.2.1, broccoli-persistent-filter@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/broccoli-persistent-filter/-/broccoli-persistent-filter-2.3.1.tgz#4a052e0e0868b344c3a2977e35a3d497aa9eca72"
+  integrity sha512-hVsmIgCDrl2NFM+3Gs4Cr2TA6UPaIZip99hN8mtkaUPgM8UeVnCbxelCvBjUBHo0oaaqP5jzqqnRVvb568Yu5g==
   dependencies:
     async-disk-cache "^1.2.1"
     async-promise-queue "^1.0.3"
@@ -7080,6 +7800,7 @@ broccoli-persistent-filter@^2.1.1, broccoli-persistent-filter@^2.2.1:
     rimraf "^2.6.1"
     rsvp "^4.7.0"
     symlink-or-copy "^1.0.1"
+    sync-disk-cache "^1.3.3"
     walk-sync "^1.0.0"
 
 broccoli-plugin@1.1.0:
@@ -7330,9 +8051,9 @@ browserify-zlib@^0.2.0, browserify-zlib@~0.2.0:
     pako "~1.0.5"
 
 browserify@^16.2.2:
-  version "16.2.3"
-  resolved "https://registry.yarnpkg.com/browserify/-/browserify-16.2.3.tgz#7ee6e654ba4f92bce6ab3599c3485b1cc7a0ad0b"
-  integrity sha512-zQt/Gd1+W+IY+h/xX2NYMW4orQWhqSwyV+xsblycTtpOuB27h1fZhhNQuipJ4t79ohw4P4mMem0jp/ZkISQtjQ==
+  version "16.3.0"
+  resolved "https://registry.yarnpkg.com/browserify/-/browserify-16.3.0.tgz#4d414466e0b07492fff493a009ea883a9f2db230"
+  integrity sha512-BWaaD7alyGZVEBBwSTYx4iJF5DswIGzK17o8ai9w4iKRbYpk3EOiprRHMRRA8DCZFmFeOdx7A385w2XdFvxWmg==
   dependencies:
     JSONStream "^1.0.3"
     assert "^1.4.0"
@@ -7409,14 +8130,14 @@ browserslist@^3.2.6:
     caniuse-lite "^1.0.30000844"
     electron-to-chromium "^1.3.47"
 
-browserslist@^4.0.0, browserslist@^4.1.1, browserslist@^4.3.4, browserslist@^4.4.1, browserslist@^4.4.2, browserslist@^4.5.2, browserslist@^4.6.0, browserslist@^4.6.1:
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.6.1.tgz#ee5059b1aec18cbec9d055d6cb5e24ae50343a9b"
-  integrity sha512-1MC18ooMPRG2UuVFJTHFIAkk6mpByJfxCrnUyvSlu/hyQSFHMrlhM02SzNuCV+quTP4CKmqtOMAIjrifrpBJXQ==
+browserslist@^4.0.0, browserslist@^4.1.0, browserslist@^4.1.1, browserslist@^4.3.4, browserslist@^4.4.1, browserslist@^4.4.2, browserslist@^4.5.2, browserslist@^4.6.0, browserslist@^4.6.2, browserslist@^4.6.3:
+  version "4.6.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.6.3.tgz#0530cbc6ab0c1f3fc8c819c72377ba55cf647f05"
+  integrity sha512-CNBqTCq22RKM8wKJNowcqihHJ4SkI8CGeK7KOR9tPboXUuS5Zk5lQgzzTbs4oxD8x+6HUshZUa2OyNI9lR93bQ==
   dependencies:
-    caniuse-lite "^1.0.30000971"
-    electron-to-chromium "^1.3.137"
-    node-releases "^1.1.21"
+    caniuse-lite "^1.0.30000975"
+    electron-to-chromium "^1.3.164"
+    node-releases "^1.1.23"
 
 browserstack@^1.5.1:
   version "1.5.2"
@@ -7433,9 +8154,9 @@ bs-logger@0.x:
     fast-json-stable-stringify "2.x"
 
 bser@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.0.0.tgz#9ac78d3ed5d915804fd87acb158bc797147a1719"
-  integrity sha1-mseNPtXZFYBP2HrLFYvHlxR6Fxk=
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.0.tgz#65fc784bf7f87c009b973c12db6546902fa9c7b5"
+  integrity sha512-8zsjWrQkkBoLK6uxASk1nJ2SKv97ltiGDo6A3wA0/yRPz+CwmEyDo0hUrhIuukG2JHpAl3bvFIixw2/3Hi0DOg==
   dependencies:
     node-int64 "^0.4.0"
 
@@ -7444,6 +8165,14 @@ btoa-lite@^1.0.0:
   resolved "https://registry.yarnpkg.com/btoa-lite/-/btoa-lite-1.0.0.tgz#337766da15801210fdd956c22e9c6891ab9d0337"
   integrity sha1-M3dm2hWAEhD92VbCLpxokaudAzc=
 
+bubble-stream-error@1.0.x:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/bubble-stream-error/-/bubble-stream-error-1.0.0.tgz#7dad97f17128da396169bf37ada4acb195361e30"
+  integrity sha1-fa2X8XEo2jlhab83raSssZU2HjA=
+  dependencies:
+    once "^1.3.3"
+    sliced "^1.0.1"
+
 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"
@@ -7467,6 +8196,11 @@ buffer-equal@0.0.1:
   resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-0.0.1.tgz#91bc74b11ea405bc916bc6aa908faafa5b4aac4b"
   integrity sha1-kbx0sR6kBbyRa8aqkI+q+ltKrEs=
 
+buffer-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-1.0.0.tgz#59616b498304d556abd466966b22eeda3eca5fbe"
+  integrity sha1-WWFrSYME1Var1GaWayLu2j7KX74=
+
 buffer-fill@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
@@ -7496,7 +8230,7 @@ buffer@^4.3.0:
     ieee754 "^1.1.4"
     isarray "^1.0.0"
 
-buffer@^5.0.2, buffer@^5.1.0, buffer@^5.2.0:
+buffer@^5.0.2, buffer@^5.1.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.2.1.tgz#dd57fa0f109ac59c602479044dca7b8b3d0b71d6"
   integrity sha512-c+Ko0loDaFfuPWiL02ls9Xd3GO3cPVmUobQ6t3rXNUk304u6hGq+8N/kFi+QEIKhzK3uwolVhLzszmfLmMLnqg==
@@ -7568,22 +8302,22 @@ cacache@^10.0.4:
     unique-filename "^1.1.0"
     y18n "^4.0.0"
 
-cacache@^11.0.1, cacache@^11.0.2, cacache@^11.2.0, cacache@^11.3.2:
-  version "11.3.2"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-11.3.2.tgz#2d81e308e3d258ca38125b676b98b2ac9ce69bfa"
-  integrity sha512-E0zP4EPGDOaT2chM08Als91eYnf8Z+eH1awwwVsngUmgppfM5jjJ8l3z5vO5p5w/I3LsiXawb1sW0VY65pQABg==
+cacache@^11.0.2, cacache@^11.2.0, cacache@^11.3.2, cacache@^11.3.3:
+  version "11.3.3"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-11.3.3.tgz#8bd29df8c6a718a6ebd2d010da4d7972ae3bbadc"
+  integrity sha512-p8WcneCytvzPxhDvYp31PD039vi77I12W+/KfR9S8AZbaiARFBCpsPJS+9uhWfeBfeAtW7o/4vt3MUqLkbY6nA==
   dependencies:
-    bluebird "^3.5.3"
+    bluebird "^3.5.5"
     chownr "^1.1.1"
     figgy-pudding "^3.5.1"
-    glob "^7.1.3"
+    glob "^7.1.4"
     graceful-fs "^4.1.15"
     lru-cache "^5.1.1"
     mississippi "^3.0.0"
     mkdirp "^0.5.1"
     move-concurrently "^1.0.1"
     promise-inflight "^1.0.1"
-    rimraf "^2.6.2"
+    rimraf "^2.6.3"
     ssri "^6.0.1"
     unique-filename "^1.1.1"
     y18n "^4.0.0"
@@ -7617,19 +8351,19 @@ cacheable-request@^2.1.1:
     responselike "1.0.2"
 
 cacheable-request@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.0.0.tgz#4a1727414e02ac4af82560c4da1b61daa3fa2b63"
-  integrity sha512-2N7AmszH/WPPpl5Z3XMw1HAP+8d+xugnKQAeKvxFZ/04dbT/CAznqwbl+7eSr3HkwdepNwtb2yx3CAMQWvG01Q==
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912"
+  integrity sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==
   dependencies:
     clone-response "^1.0.2"
-    get-stream "^4.0.0"
+    get-stream "^5.1.0"
     http-cache-semantics "^4.0.0"
     keyv "^3.0.0"
-    lowercase-keys "^1.0.1"
-    normalize-url "^3.1.0"
+    lowercase-keys "^2.0.0"
+    normalize-url "^4.1.0"
     responselike "^1.0.2"
 
-cached-path-relative@^1.0.0:
+cached-path-relative@^1.0.0, cached-path-relative@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/cached-path-relative/-/cached-path-relative-1.0.2.tgz#a13df4196d26776220cc3356eb147a52dba2c6db"
   integrity sha512-5r2GqsoEb4qMTTN9J+WzXfjov+hjxT+j3u5K+kIVNIwAd99DLCJE9pBIMP1qVeybV6JiijL385Oz0DcYxfbOIg==
@@ -7705,6 +8439,11 @@ camelcase-keys@^4.0.0:
     map-obj "^2.0.0"
     quick-lru "^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"
@@ -7752,10 +8491,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.30000929, caniuse-lite@^1.0.30000939, caniuse-lite@^1.0.30000955, caniuse-lite@^1.0.30000971:
-  version "1.0.30000974"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000974.tgz#b7afe14ee004e97ce6dc73e3f878290a12928ad8"
-  integrity sha512-xc3rkNS/Zc3CmpMKuczWEdY2sZgx09BkAxfvkxlAEBTqcMHeL8QnPqhKse+5sRTi3nrw2pJwToD2WvKn1Uhvww==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000844, caniuse-lite@^1.0.30000929, caniuse-lite@^1.0.30000939, caniuse-lite@^1.0.30000955, caniuse-lite@^1.0.30000975, caniuse-lite@^1.0.30000980:
+  version "1.0.30000980"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000980.tgz#0df53e4354b3111f83ac15b0bd4c71fe92994231"
+  integrity sha512-as0PRtWHaX3gl2gpC7qA7bX88lr+qLacMMXm1QKLLQtBCwT/Ljbgrv5EXKMNBoeEX6yFZ4vIsBb4Nh+PEwW2Rw==
 
 canonical-path@1.0.0:
   version "1.0.0"
@@ -7804,6 +8543,14 @@ ccount@^1.0.0, ccount@^1.0.3:
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.0.4.tgz#9cf2de494ca84060a2a8d2854edd6dfb0445f386"
   integrity sha512-fpZ81yYfzentuieinmGnphk0pLkOTMm6MZdVqwd77ROvhko6iujLNGrHH5E7utq3ygWklwfmwuG+A7P+NpqT6w==
 
+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"
@@ -7891,6 +8638,13 @@ character-entities@^1.0.0:
   resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.3.tgz#bbed4a52fe7ef98cc713c6d80d9faa26916d54e6"
   integrity sha512-yB4oYSAa9yLcGyTbB4ItFwHw43QHdH129IJ5R+WvxOkWlyFnR5FAaBNnUq4mcxsTVZGh28bHoeTHMKXH1wZf3w==
 
+character-parser@^2.1.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/character-parser/-/character-parser-2.2.0.tgz#c7ce28f36d4bcd9744e5ffc2c5fcde1c73261fc0"
+  integrity sha1-x84o821LzZdE5f/CxfzeHHMmH8A=
+  dependencies:
+    is-regex "^1.0.3"
+
 character-reference-invalid@^1.0.0:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.3.tgz#1647f4f726638d3ea4a750cf5d1975c1c7919a85"
@@ -7918,10 +8672,10 @@ charm@^1.0.0:
   dependencies:
     inherits "^2.0.1"
 
-check-types@^7.3.0:
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/check-types/-/check-types-7.4.0.tgz#0378ec1b9616ec71f774931a3c6516fad8c152f4"
-  integrity sha512-YbulWHdfP99UfZ73NcUDlNJhEIDgm9Doq9GhpyXbF+7Aegi3CVV7qqMCKTTqJxlvEvnQBp9IA+dxsGN6xK/nSg==
+check-types@^8.0.3:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/check-types/-/check-types-8.0.3.tgz#3356cca19c889544f2d7a95ed49ce508a0ecf552"
+  integrity sha512-YpeKZngUmG65rLudJ4taU7VLkOCTMhNl/u4ctNC56LQS/zJTyNH0Lrtwm1tfTsbLlwvlfsA2d1c8vCf/Kh2KwQ==
 
 checkup@^1.3.0:
   version "1.3.0"
@@ -7976,7 +8730,7 @@ chokidar@^1.4.3:
   optionalDependencies:
     fsevents "^1.0.0"
 
-chokidar@^2.0.0, chokidar@^2.0.2, chokidar@^2.0.3, chokidar@^2.0.4, chokidar@^2.1.1, chokidar@^2.1.6:
+chokidar@^2.0.0, chokidar@^2.0.2, chokidar@^2.0.3, chokidar@^2.0.4, chokidar@^2.1.1, chokidar@^2.1.2, chokidar@^2.1.6:
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.6.tgz#b6cad653a929e244ce8a834244164d241fa954c5"
   integrity sha512-V2jUo67OKkc6ySiRpJrjlpJKl9kDuG+Xb8VgsGzb+aEouhgS1D0weyPU4lEzdAcsCAvrih2J2BqyXqHWvVLw5g==
@@ -7996,14 +8750,14 @@ chokidar@^2.0.0, chokidar@^2.0.2, chokidar@^2.0.3, chokidar@^2.0.4, chokidar@^2.
     fsevents "^1.2.7"
 
 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==
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.2.tgz#a18f1e0b269c8a6a5d3c86eb298beb14c3dd7bf6"
+  integrity sha512-GkfeAQh+QNy3wquu9oIZr6SS5x7wGdSgNQvD10X3r+AZr1Oys22HW8kAmDMvNg2+Dm0TeGaEuO8gFwdBXxwO8A==
 
 chrome-trace-event@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.0.tgz#45a91bd2c20c9411f0963b5aaeb9a1b95e09cc48"
-  integrity sha512-xDbVgyfDTT2piup/h8dK/y4QZfJRSa73bw1WZ8b4XM1o7fsFubUVGYcE+1ANtOzJJELGpYoG2961z0Z6OAld9A==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
+  integrity sha512-9e/zx1jw7B4CO+c/RXoCsfg/x1AfUBioy4owYH0bJprEYAx5hRFLRhWBqHAG57D0ZM4H7vxbP7bPe0VwhQRYDQ==
   dependencies:
     tslib "^1.9.0"
 
@@ -8108,15 +8862,15 @@ cli-cursor@^2.0.0, cli-cursor@^2.1.0:
   dependencies:
     restore-cursor "^2.0.0"
 
-cli-spinners@^1.0.1:
+cli-spinners@^1.0.1, cli-spinners@^1.1.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-1.3.1.tgz#002c1990912d0d59580c93bd36c056de99e4259a"
   integrity sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==
 
 cli-spinners@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.1.0.tgz#22c34b4d51f573240885b201efda4e4ec9fff3c7"
-  integrity sha512-8B00fJOEh1HPrx4fo5eW16XmE1PcL1tGpGrxy63CXGP9nHdPBN63X75hA1zhvQuhVztJWLqV58Roj2qlNM7cAA==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.2.0.tgz#e8b988d9206c692302d8ee834e7a85c0144d8f77"
+  integrity sha512-tgU3fKwzYjiLEQgPMD9Jt+JjHVL9kW93FiIMX/l7rivvOD4/LL0Mf7gda3+4U2KJBloybwgj5KEoQgGRioMiKQ==
 
 cli-table3@0.5.1:
   version "0.5.1"
@@ -8157,6 +8911,15 @@ clipboard@^2.0.0:
     select "^1.1.2"
     tiny-emitter "^2.0.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"
@@ -8175,6 +8938,20 @@ cliui@^4.0.0:
     strip-ansi "^4.0.0"
     wrap-ansi "^2.0.0"
 
+cliui@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
+  integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
+  dependencies:
+    string-width "^3.1.0"
+    strip-ansi "^5.2.0"
+    wrap-ansi "^5.1.0"
+
+clone-buffer@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/clone-buffer/-/clone-buffer-1.0.0.tgz#e3e25b207ac4e701af721e2cb5a16792cac3dc58"
+  integrity sha1-4+JbIHrE5wGvch4staFnksrD3Fg=
+
 clone-deep@^0.2.4:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-0.2.4.tgz#4e73dd09e9fb971cc38670c5dced9c1896481cc6"
@@ -8203,6 +8980,11 @@ clone-response@1.0.2, clone-response@^1.0.2:
   dependencies:
     mimic-response "^1.0.0"
 
+clone-stats@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/clone-stats/-/clone-stats-1.0.0.tgz#b3782dff8bb5474e18b9b6bf0fdfe782f8777680"
+  integrity sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=
+
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
@@ -8213,6 +8995,20 @@ clone@^2.0.0, clone@^2.1.0, clone@^2.1.1, clone@^2.1.2:
   resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
   integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
 
+cloneable-readable@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/cloneable-readable/-/cloneable-readable-1.1.3.tgz#120a00cb053bfb63a222e709f9683ea2e11d8cec"
+  integrity sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==
+  dependencies:
+    inherits "^2.0.1"
+    process-nextick-args "^2.0.0"
+    readable-stream "^2.3.5"
+
+clones@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/clones/-/clones-1.2.0.tgz#b34c872045446a9f264ccceb7731bca05c529b71"
+  integrity sha512-FXDYw4TjR8wgPZYui2LeTqWh1BLpfQ8lB6upMtlpDF6WlOOxghmTTxWyngdKTgozqBgKnHbTVwTE+hOHqAykuQ==
+
 closest-file-data@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/closest-file-data/-/closest-file-data-0.1.4.tgz#975f87c132f299d24a0375b9f63ca3fb88f72b3a"
@@ -8276,24 +9072,33 @@ codelyzer@^5.0.0:
     source-map "^0.5.7"
     sprintf-js "^1.1.2"
 
-codemirror-graphql@^0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/codemirror-graphql/-/codemirror-graphql-0.7.1.tgz#64b995643d511b9aa8f85eeeb2feac7aeb4b94d4"
-  integrity sha512-HtHXMJAn6iGJYpijkzi3IlqWIdGrB6V0RqJ607yffJTCKk/OgaNtdLOb8hZJyEtHfkw7PZDaKybMAVCi6ScWSQ==
+codemirror-graphql@^0.8.3:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/codemirror-graphql/-/codemirror-graphql-0.8.3.tgz#8de806d418f72121ccfd9820594aa306ac0d3366"
+  integrity sha512-ZipSnPXFKDMThfvfTKTAt1dQmuGctVNann8hTZg6017+vwOcGpIqCuQIZLRDw/Y3zZfCyydRARHgbSydSCXpow==
   dependencies:
     graphql-language-service-interface "^1.3.2"
     graphql-language-service-parser "^1.2.2"
 
-codemirror@^5.26.0:
-  version "5.47.0"
-  resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.47.0.tgz#c13a521ae5660d3acc655af252f4955065293789"
-  integrity sha512-kV49Fr+NGFHFc/Imsx6g180hSlkGhuHxTSDDmDHOuyln0MQYFLixDY4+bFkBVeCEiepYfDimAF/e++9jPJk4QA==
+codemirror@^5.47.0:
+  version "5.48.0"
+  resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.48.0.tgz#66e6dae6ca79b955e34b322881ebb7b5512f3cc5"
+  integrity sha512-3Ter+tYtRlTNtxtYdYNPxGxBL/b3cMcvPdPm70gvmcOO2Rauv/fUEewWa0tT596Hosv6ea2mtpx28OXBy1mQCg==
 
 collapse-white-space@^1.0.0, collapse-white-space@^1.0.2, collapse-white-space@^1.0.4:
   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-map@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/collection-map/-/collection-map-1.0.0.tgz#aea0f06f8d26c780c2b75494385544b2255af18c"
+  integrity sha1-rqDwb40mx4DCt1SUOFVEsiVa8Yw=
+  dependencies:
+    arr-map "^2.0.2"
+    for-own "^1.0.0"
+    make-iterator "^1.0.0"
+
 collection-visit@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
@@ -8341,9 +9146,9 @@ color@^2.0.1:
     color-string "^1.5.2"
 
 color@^3.0.0, color@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/color/-/color-3.1.1.tgz#7abf5c0d38e89378284e873c207ae2172dcc8a61"
-  integrity sha512-PvUltIXRjehRKPSy89VnDWFKY58xyhTLyxIg21vwQBI6qLwZNPmC8k3C1uytIgFKEpOIzN4y32iPm8231zFHIg==
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
+  integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
   dependencies:
     color-convert "^1.9.1"
     color-string "^1.5.2"
@@ -8363,7 +9168,7 @@ colors@^0.6.2:
   resolved "https://registry.yarnpkg.com/colors/-/colors-0.6.2.tgz#2423fe6678ac0c5dae8852e5d0e5be08c997abcc"
   integrity sha1-JCP+ZnisDF2uiFLl0OW+CMmXq8w=
 
-colors@^1.1.2:
+colors@^1.1.2, colors@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.3.3.tgz#39e005d546afe01e01f9c4ca8fa50f686a01205d"
   integrity sha512-mmGt/1pZqYRjMxB1axhTo16/snVZ5krrKkcmMeVKxzECMMXoCgnvTPp10QgHfcbQZw8Dq2jMNG6je4JlWU0gWg==
@@ -8405,6 +9210,11 @@ comma-separated-tokens@^1.0.0:
   resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.7.tgz#419cd7fb3258b1ed838dc0953167a25e152f5b59"
   integrity sha512-Jrx3xsP4pPv4AwJUDWY9wOXGtwPXARej6Xd99h4TUGotmf8APuquKMpK+dnD3UgyxK7OEWaisjZz+3b5jtL6xQ==
 
+command-exists@^1.2.6:
+  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.17.1, commander@2.17.x:
   version "2.17.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
@@ -8417,7 +9227,7 @@ commander@2.8.x:
   dependencies:
     graceful-readlink ">= 1.0.0"
 
-commander@^2.11.0, commander@^2.12.1, commander@^2.14.1, commander@^2.15.1, commander@^2.18.0, commander@^2.19.0, commander@^2.5.0, commander@^2.6.0, commander@^2.8.1, commander@^2.9.0, commander@~2.20.0:
+commander@^2.11.0, commander@^2.12.1, commander@^2.14.1, commander@^2.15.1, commander@^2.18.0, commander@^2.19.0, commander@^2.20.0, commander@^2.5.0, commander@^2.6.0, commander@^2.8.1, commander@^2.9.0, commander@~2.20.0:
   version "2.20.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422"
   integrity sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==
@@ -8465,10 +9275,10 @@ compare-func@^1.3.1:
     array-ify "^1.0.0"
     dot-prop "^3.0.0"
 
-complain@^1.0.0, complain@^1.2.0, complain@^1.3.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/complain/-/complain-1.4.0.tgz#a74a20f4118f193d55c61a907d4b1a81e278b8cb"
-  integrity sha512-hF8Q89CznkA5dGafHoHWFuAMopiSlsL2XPY1W7BSFePFpXPB3qBA8rcf7DwD0uQBUsnqIxQE7q3CPxOwmyCkMA==
+complain@^1.0.0, complain@^1.2.0, complain@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/complain/-/complain-1.6.0.tgz#e8a1ff3f7dc03ff2b396b4b3e27af35236a3c25c"
+  integrity sha512-9oBfSEfxveaNmo2eSp/vEPkaBVxUhiJTZVgGYayzBchSAXQM6CK1PAQeV5ICShnSgfT+biYzrN7egKwwX+HkCw==
   dependencies:
     error-stack-parser "^2.0.1"
 
@@ -8482,7 +9292,7 @@ component-emitter@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.0, component-emitter@^1.2.1:
+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==
@@ -8555,9 +9365,9 @@ concat-stream@^2.0.0:
     typedarray "^0.0.6"
 
 concurrently@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-4.1.0.tgz#17fdf067da71210685d9ea554423ef239da30d33"
-  integrity sha512-pwzXCE7qtOB346LyO9eFWpkFJVO3JQZ/qU/feGeaAHiX1M3Rw3zgXKc5cZ8vSH5DGygkjzLFDzA/pwoQDkRNGg==
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-4.1.1.tgz#42cf84d625163f3f5b2e2262568211ad76e1dbe8"
+  integrity sha512-48+FE5RJ0qc8azwKv4keVQWlni1hZeSjcWr8shBelOBtBHcKj1aJFM9lHRiSc1x7lq416pkvsqfBMhSRja+Lhw==
   dependencies:
     chalk "^2.4.1"
     date-fns "^1.23.0"
@@ -8569,7 +9379,7 @@ concurrently@^4.0.1:
     tree-kill "^1.1.0"
     yargs "^12.0.1"
 
-config-chain@^1.1.11:
+config-chain@^1.1.11, config-chain@^1.1.12:
   version "1.1.12"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.12.tgz#0fde8d091200eb5e808caf25fe618c02f48e4efa"
   integrity sha512-a1eOIcu8+7lUInge4Rpf/n4Krkf3Dd9lqhljRzII1/Zno/kRtUWnznPO3jOKBmTEktkt3fkxisUcivoj0ebzoA==
@@ -8589,7 +9399,7 @@ configstore@^4.0.0:
     write-file-atomic "^2.0.0"
     xdg-basedir "^3.0.0"
 
-confusing-browser-globals@^1.0.7:
+confusing-browser-globals@^1.0.5, confusing-browser-globals@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.7.tgz#5ae852bd541a910e7ffb2dbb864a2d21a36ad29b"
   integrity sha512-cgHI1azax5ATrZ8rJ+ODDML9Fvu67PimB6aNxBrc/QwSaDaM9eTfIEUHx3bBLJJ82ioSb+/5zfsMCCEJax3ByQ==
@@ -8622,9 +9432,9 @@ console-control-strings@^1.0.0, console-control-strings@~1.1.0:
   integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
 
 console-ui@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/console-ui/-/console-ui-3.0.4.tgz#1df0b003ea7b6adcda3d2f781f567b3b75ee7cbb"
-  integrity sha512-1obVCKinYE179hoPKnlHzJY5q1fQdiuiUXrYbTkZDTE+UXxGFMayxFzJjKN9GLfEkTo/rg6+Iqt+yGaOqc3GXQ==
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/console-ui/-/console-ui-3.1.1.tgz#681a0414e8b0a23ed679d0a2802e39d920801171"
+  integrity sha512-22y+uk4AGq9quz6kofKQjkeCIAm86+MTxT/RZMFm8fMArP2lAkzxjUjNyrw7S6wXnnB+qRnC+/2ANMTke68RTQ==
   dependencies:
     chalk "^2.1.0"
     inquirer "^6"
@@ -8647,6 +9457,16 @@ constant-case@^2.0.0:
     snake-case "^2.1.0"
     upper-case "^1.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"
+
 constants-browserify@^1.0.0, constants-browserify@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
@@ -8789,11 +9609,6 @@ cookie@0.4.0:
   resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
   integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
 
-cookiejar@^2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/cookiejar/-/cookiejar-2.1.2.tgz#dd8a235530752f988f9a0844f3fc589e3111125c"
-  integrity sha512-Mw+adcfzPxcPeI+0WlvRrr/3lGVO0bD75SxX6811cxSh1Wbxx7xZBGK1eVtDf6si8rg2lhnUjsVLMFMfbRIuwA==
-
 copy-concurrently@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
@@ -8816,7 +9631,15 @@ copy-descriptor@^0.1.0:
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
   integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
 
-copy-to-clipboard@^3.0.8:
+copy-props@^2.0.1:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/copy-props/-/copy-props-2.0.4.tgz#93bb1cadfafd31da5bb8a9d4b41f471ec3a72dfe"
+  integrity sha512-7cjuUME+p+S3HZlbllgsn2CDwS+5eCCX16qBgNC4jgSTf49qR1VKy/Zhl400m0IQXl/bPGEVqncgUUMjrr4s8A==
+  dependencies:
+    each-props "^1.3.0"
+    is-plain-object "^2.0.1"
+
+copy-to-clipboard@^3.0.8, copy-to-clipboard@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/copy-to-clipboard/-/copy-to-clipboard-3.2.0.tgz#d2724a3ccbfed89706fac8a894872c979ac74467"
   integrity sha512-eOZERzvCmxS8HWzugj4Uxl8OJxa7T2k1Gi0X5qavwydHIfuSHq2dTD09LOg/XyGq4Zpb5IsR/2OJ5lbOegz78w==
@@ -8856,18 +9679,18 @@ copy-webpack-plugin@^5.0.0:
     webpack-log "^2.0.0"
 
 core-js-compat@^3.0.0, core-js-compat@^3.1.1:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.1.2.tgz#c29ab9722517094b98622175e2218c3b7398176d"
-  integrity sha512-X0Ch5f6itrHxhg5HSJucX6nNLNAGr+jq+biBh6nPGc3YAWz2a8p/ZIZY8cUkDzSRNG54omAuu3hoEF8qZbu/6Q==
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.1.4.tgz#e4d0c40fbd01e65b1d457980fe4112d4358a7408"
+  integrity sha512-Z5zbO9f1d0YrJdoaQhphVAnKPimX92D6z8lCGphH89MNRxlL1prI9ExJPqVwP0/kgkQCv8c4GJGT8X16yUncOg==
   dependencies:
-    browserslist "^4.6.0"
-    core-js-pure "3.1.2"
-    semver "^6.0.0"
+    browserslist "^4.6.2"
+    core-js-pure "3.1.4"
+    semver "^6.1.1"
 
-core-js-pure@3.1.2, core-js-pure@^3.0.1:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.1.2.tgz#62fc435f35b7374b9b782013cdcb2f97e9f6dffa"
-  integrity sha512-5ckIdBF26B3ldK9PM177y2ZcATP2oweam9RskHSoqfZCrJ2As6wVg8zJ1zTriFsZf6clj/N1ThDFRGaomMsh9w==
+core-js-pure@3.1.4, core-js-pure@^3.0.1:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.1.4.tgz#5fa17dc77002a169a3566cc48dc774d2e13e3769"
+  integrity sha512-uJ4Z7iPNwiu1foygbcZYJsJs1jiXrTTCvxfLDXNhI/I+NHbSIEyr548y4fcsCEyWY0XgfAG/qqaunJ1SThHenA==
 
 core-js@3.0.1:
   version "3.0.1"
@@ -8879,22 +9702,12 @@ core-js@^1.0.0:
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
   integrity sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=
 
-core-js@^2.2.2, core-js@^2.4.0, core-js@^2.4.1, core-js@^2.5.0, core-js@^2.5.7, core-js@^2.6.5:
-  version "2.6.8"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.8.tgz#dc3a1e633a04267944e0cb850d3880f340248139"
-  integrity sha512-RWlREFU74TEkdXzyl1bka66O3kYp8jeTXrvJZDzVVMH8AiHUSOFpL1yfhQJ+wHocAm1m+4971W1PPzfLuCv1vg==
+core-js@^2.2.2, core-js@^2.4.0, core-js@^2.4.1, core-js@^2.5.0, core-js@^2.5.7, core-js@^2.6.2, core-js@^2.6.5:
+  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@^2.6.2:
-  version "2.6.5"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.5.tgz#44bc8d249e7fb2ff5d00e0341a7ffb94fbf67895"
-  integrity sha512-klh/kDpwX8hryYL14M9w/xei6vrv6sE8gTHDG7/T/+SEovB/G4ejwcfE/CBzO6Edsu+OETZMZ3wcX/EjUkrl5A==
-
-core-js@^3.0.0, core-js@^3.0.1:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.1.2.tgz#2549a2cfb3ca1a5d851c9f7838e8b282cef2f3ba"
-  integrity sha512-3poRGjbu56leCtZCZCzCgQ7GcKOflDFnjWIepaPFUsM0IXUBrne10sl3aa2Bkcz3+FjRdIxBe9dAMhIJmEnQNA==
-
-core-js@^3.0.4:
+core-js@^3.0.0, core-js@^3.0.1, core-js@^3.0.4:
   version "3.1.4"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.1.4.tgz#3a2837fc48e582e1ae25907afcd6cf03b0cc7a07"
   integrity sha512-YNZN8lt82XIMLnLirj9MhKDFZHalwzzrL9YLt6eb0T5D0EDl4IQ90IGkua8mHbnxNrkj1d8hbdizMc0Qmg1WnQ==
@@ -8912,9 +9725,9 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
 corejs-upgrade-webpack-plugin@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/corejs-upgrade-webpack-plugin/-/corejs-upgrade-webpack-plugin-2.0.0.tgz#adc05c9db427d87062c981373d28d4d174ddffcd"
-  integrity sha512-EiVJMYjo8uVkaj0JdQnfCW+ZuGPdloCDCSNTDdxr7R/9T+WHCx/4u2Q9kCNNMDRoB02jpyZPzrX5GBWNXM+Smg==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/corejs-upgrade-webpack-plugin/-/corejs-upgrade-webpack-plugin-2.1.0.tgz#6afa44672486353ae639c297548c0686b64fb325"
+  integrity sha512-gc+S4t8VT9YFSgOPrhZlD6kDoGZtUq71QwXxS2neGNPhli0veKhbzzilODIpy73TjXGUrCHCpevK8vBnzUPuhw==
   dependencies:
     resolve-from "^5.0.0"
     webpack "^4.33.0"
@@ -8942,17 +9755,7 @@ cosmiconfig@3.1.0:
     parse-json "^3.0.0"
     require-from-string "^2.0.1"
 
-cosmiconfig@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-4.0.0.tgz#760391549580bbd2df1e562bc177b13c290972dc"
-  integrity sha512-6e5vDdrXZD+t5v0L8CrurPeybg4Fmf+FCSYxXKYVAqLUtyCSbuyqE059d0kDthTNRzKVjL7QMgNpEUlsoYH3iQ==
-  dependencies:
-    is-directory "^0.3.1"
-    js-yaml "^3.9.0"
-    parse-json "^4.0.0"
-    require-from-string "^2.0.1"
-
-cosmiconfig@^5.0.0, cosmiconfig@^5.0.5, cosmiconfig@^5.1.0, cosmiconfig@^5.2.0:
+cosmiconfig@^5.0.0, cosmiconfig@^5.0.5, cosmiconfig@^5.1.0, cosmiconfig@^5.2.0, cosmiconfig@^5.2.1:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
   integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
@@ -8981,19 +9784,6 @@ create-ecdh@^4.0.0:
     bn.js "^4.1.0"
     elliptic "^6.0.0"
 
-create-emotion@^9.2.12:
-  version "9.2.12"
-  resolved "https://registry.yarnpkg.com/create-emotion/-/create-emotion-9.2.12.tgz#0fc8e7f92c4f8bb924b0fef6781f66b1d07cb26f"
-  integrity sha512-P57uOF9NL2y98Xrbl2OuiDQUZ30GVmASsv5fbsjF4Hlraip2kyAvMm+2PoYUvFFw03Fhgtxk3RqZSm2/qHL9hA==
-  dependencies:
-    "@emotion/hash" "^0.6.2"
-    "@emotion/memoize" "^0.6.1"
-    "@emotion/stylis" "^0.7.0"
-    "@emotion/unitless" "^0.6.2"
-    csstype "^2.5.2"
-    stylis "^3.5.0"
-    stylis-rule-sheet "^0.0.10"
-
 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"
@@ -9081,7 +9871,7 @@ cross-spawn-async@^2.1.1:
     lru-cache "^4.0.0"
     which "^1.2.8"
 
-cross-spawn@6.0.5, cross-spawn@^6.0.0, cross-spawn@^6.0.5:
+cross-spawn@6.0.5, cross-spawn@^6.0.0, cross-spawn@^6.0.4, cross-spawn@^6.0.5:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
   integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
@@ -9136,11 +9926,6 @@ crypto-random-string@^1.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
   integrity sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=
 
-crypto-token@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/crypto-token/-/crypto-token-1.0.1.tgz#27c6482faf3b63c2f5da11577f8304346fe797a5"
-  integrity sha1-J8ZIL687Y8L12hFXf4MENG/nl6U=
-
 css-blank-pseudo@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz#dfdefd3254bf8a82027993674ccf35483bfcb3c5"
@@ -9214,6 +9999,18 @@ css-loader@^3.0.0:
     postcss-value-parser "^4.0.0"
     schema-utils "^1.0.0"
 
+css-modules-loader-core@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/css-modules-loader-core/-/css-modules-loader-core-1.1.0.tgz#5908668294a1becd261ae0a4ce21b0b551f21d16"
+  integrity sha1-WQhmgpShvs0mGuCkziGwtVHyHRY=
+  dependencies:
+    icss-replace-symbols "1.1.0"
+    postcss "6.0.1"
+    postcss-modules-extract-imports "1.1.0"
+    postcss-modules-local-by-default "1.2.0"
+    postcss-modules-scope "1.1.0"
+    postcss-modules-values "1.3.0"
+
 css-parse@1.7.x:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-1.7.0.tgz#321f6cf73782a6ff751111390fc05e2c657d8c9b"
@@ -9300,7 +10097,7 @@ css-what@2.1, css-what@^2.1.2:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
   integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==
 
-css@2.2.4, css@^2.2.1:
+css@^2.2.1:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
   integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
@@ -9395,7 +10192,7 @@ cssnano-util-same-parent@^4.0.0:
   resolved "https://registry.yarnpkg.com/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz#574082fb2859d2db433855835d9a8456ea18bbf3"
   integrity sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==
 
-cssnano@^4.1.0:
+cssnano@^4.0.0, cssnano@^4.1.0, cssnano@^4.1.10, cssnano@^4.1.9:
   version "4.1.10"
   resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.1.10.tgz#0ac41f0b13d13d465487e111b778d42da631b8b2"
   integrity sha512-5wny+F6H4/8RgNlaqab4ktc3e0/blKutmq8yNlBFXA//nSFFAqAngjNVRzUvCgYROULmZZUoosL/KSoZo5aUaQ==
@@ -9412,22 +10209,22 @@ csso@^3.5.1:
   dependencies:
     css-tree "1.0.0-alpha.29"
 
-cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0", cssom@^0.3.4:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.6.tgz#f85206cee04efa841f3c5982a74ba96ab20d65ad"
-  integrity sha512-DtUeseGk9/GBW0hl0vVPpU22iHL6YB5BUX7ml1hB+GMpo0NX5G4voX3kdWiMSEguFtcW3Vh3djqNF4aIe6ne0A==
+"cssom@>= 0.3.2 < 0.4.0", cssom@^0.3.4, cssom@~0.3.6:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
 
 cssstyle@^1.0.0, cssstyle@^1.1.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.2.2.tgz#427ea4d585b18624f6fdbf9de7a2a1a3ba713077"
-  integrity sha512-43wY3kl1CVQSvL7wUY1qXkxVGkStjpkDmVjiIKX8R97uhajy8Bybay78uOtqvh7Q5GK75dNPfW0geWjE6qQQow==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.3.0.tgz#c36c466f7037fd30f03baa271b65f0f17b50585c"
+  integrity sha512-wXsoRfsRfsLVNaVzoKdqvEmK/5PFaEXNspVT22Ots6K/cnJdpoDKuQFw+qlMiXnmaif1OgeC466X1zISgAOcGg==
   dependencies:
-    cssom "0.3.x"
+    cssom "~0.3.6"
 
-csstype@^2.2.0, csstype@^2.5.2, 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==
+csstype@^2.2.0, csstype@^2.5.7:
+  version "2.6.5"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.5.tgz#1cd1dff742ebf4d7c991470ae71e12bb6751e034"
+  integrity sha512-JsTaiksRsel5n7XwqPAfB0l3TFKdpjW/kgAELf9vrb5adGA7UCPLajKK5s3nFrcFm3Rkyp/Qkgl73ENc1UY3cA==
 
 currently-unhandled@^0.4.1:
   version "0.4.1"
@@ -9442,11 +10239,12 @@ cyclist@~0.2.2:
   integrity sha1-GzN5LhHpFKL9bW7WRHRkRE5fpkA=
 
 d@1:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.0.tgz#754bb5bfe55451da69a58b94d45f4c5b0462d58f"
-  integrity sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
+  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
   dependencies:
-    es5-ext "^0.10.9"
+    es5-ext "^0.10.50"
+    type "^1.0.1"
 
 dag-map@^2.0.2:
   version "2.0.2"
@@ -9553,6 +10351,14 @@ de-indent@^1.0.2:
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
   integrity sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=
 
+deasync@^0.1.14:
+  version "0.1.15"
+  resolved "https://registry.yarnpkg.com/deasync/-/deasync-0.1.15.tgz#788c4bbe6d32521233b28d23936de1bbadd2e112"
+  integrity sha512-pxMaCYu8cQIbGkA4Y1R0PLSooPIpH1WgFBLeJ+zLxQgHfkZG86ViJSmZmONSjZJ/R3NjwkMcIWZAzpLB2G9/CA==
+  dependencies:
+    bindings "~1.2.1"
+    node-addon-api "^1.6.0"
+
 debug@*, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@~4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
@@ -9560,7 +10366,7 @@ debug@*, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@~4.1.0:
   dependencies:
     ms "^2.1.1"
 
-debug@2, debug@2.6.9, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.2, debug@^2.6.8, debug@^2.6.9:
+debug@2, debug@2.6.9, debug@2.6.x, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, 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==
@@ -9601,7 +10407,7 @@ decamelize-keys@^1.0.0:
     decamelize "^1.1.0"
     map-obj "^1.0.0"
 
-decamelize@^1.1.0, decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0:
+decamelize@^1.0.0, decamelize@^1.1.0, decamelize@^1.1.1, 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=
@@ -9625,6 +10431,11 @@ decompress-response@^3.3.0:
   dependencies:
     mimic-response "^1.0.0"
 
+dedent-tabs@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/dedent-tabs/-/dedent-tabs-0.8.0.tgz#e8e37e2a84f8d305bc714c2f1121fee873170db6"
+  integrity sha512-YKS/ItX7e9+TdLaUiwht1IxkFDbQEHNJSTruwvrwODRXFov8X7C7iCwrUynrsOh1+CkwmjFK51P5d1HsrI5VJA==
+
 dedent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.6.0.tgz#0e6da8f0ce52838ef5cec5c8f9396b0c1b64a3cb"
@@ -9635,6 +10446,11 @@ dedent@^0.7.0:
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
   integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 
+deep-diff@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/deep-diff/-/deep-diff-1.0.2.tgz#afd3d1f749115be965e89c63edc7abb1506b9c26"
+  integrity sha512-aWS3UIVH+NPGCD1kki+DCU9Dua032iSsO43LqQpcs4R3+dVv7tX0qBGjiVHJHjplsoUM2XRO/KB92glqc68awg==
+
 deep-eql@^0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-0.1.3.tgz#ef558acab8de25206cd713906d74e56930eb69f2"
@@ -9669,29 +10485,36 @@ deep-object-diff@^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==
 
-deep-scope-analyser@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/deep-scope-analyser/-/deep-scope-analyser-1.6.0.tgz#3010f6115a026654be4e9b81e7fd61e283179f0e"
-  integrity sha512-f1PMpb9p5j8TVrfsuVGCeQtGD2+2TuFrpzFOxbrs1sfqeAST93JoYjTE9Da0XpwQ2oH4fHpKUdmHtxNUjyJ5cQ==
+deep-scope-analyser@^1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/deep-scope-analyser/-/deep-scope-analyser-1.6.1.tgz#e523eacb0ed7853593a7782198606c83d70ac48e"
+  integrity sha512-t4wtDt0eKygcVwi+KE+eCAOAUciHRdJ9IqSkRJdni5O2v9IwFWibkSFYc6sWGotZerj9JolsC42QnVuf10lYqA==
   dependencies:
     esrecurse "^4.2.1"
     estraverse "^4.2.0"
 
-deepmerge@3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.2.0.tgz#58ef463a57c08d376547f8869fdc5bcee957f44e"
-  integrity sha512-6+LuZGU7QCNUnAJyX8cIrlzoEgggTM6B7mm+znKOX4t5ltluT9KLjN6g61ECMS0LTsLW7yDpNoxhix5FZcrIow==
+deepmerge@3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.3.0.tgz#d3c47fd6f3a93d517b14426b0628a17b0125f5f7"
+  integrity sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==
 
 deepmerge@^1.3.0:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
   integrity sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==
 
-deepmerge@^2.0.1:
+deepmerge@^2.0.1, deepmerge@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
   integrity sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==
 
+default-compare@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/default-compare/-/default-compare-1.0.0.tgz#cb61131844ad84d84788fb68fd01681ca7781a2f"
+  integrity sha512-QWfXlM0EkAbqOCbD/6HjdwT19j7WCkMyiRhWilc4H9/5h/RzTF9gv5LYh1+CmDV5d1rki6KAWLtQale0xt20eQ==
+  dependencies:
+    kind-of "^5.0.2"
+
 default-gateway@^2.6.0:
   version "2.7.2"
   resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-2.7.2.tgz#b7ef339e5e024b045467af403d50348db4642d0f"
@@ -9708,6 +10531,11 @@ default-gateway@^4.2.0:
     execa "^1.0.0"
     ip-regex "^2.1.0"
 
+default-resolution@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/default-resolution/-/default-resolution-2.0.0.tgz#bcb82baa72ad79b426a76732f1a81ad6df26d684"
+  integrity sha1-vLgrqnKtebQmp2cy8aga1t8m1oQ=
+
 defaults@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
@@ -9833,9 +10661,9 @@ deprecated-decorator@^0.1.6:
   integrity sha1-AJZjF7ehL+kvPMgx91g68ym4bDc=
 
 deprecation@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.0.0.tgz#dd0427cd920c78bc575ec39dab2f22e7c304fb9d"
-  integrity sha512-lbQN037mB3VfA2JFuguM5GCJ+zPinMeCrFe+AfSZ6eqrnJA/Fs+EYMnd6Nb2mn9lf2jO9xwEd9o9lic+D4vkcw==
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
+  integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
 
 deps-sort@^2.0.0:
   version "2.0.0"
@@ -9988,6 +10816,13 @@ dir-glob@^2.0.0:
   dependencies:
     path-type "^3.0.0"
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
 discontinuous-range@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a"
@@ -10050,6 +10885,11 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
+doctypes@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/doctypes/-/doctypes-1.1.0.tgz#ea80b106a87538774e8a3a4a5afe293de489e0a9"
+  integrity sha1-6oCxBqh1OHdOijpKWv4pPeSJ4Kk=
+
 dom-converter@^0.2:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
@@ -10166,7 +11006,7 @@ dotenv-defaults@^1.0.2:
   dependencies:
     dotenv "^6.2.0"
 
-dotenv-expand@4.2.0:
+dotenv-expand@4.2.0, dotenv-expand@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-4.2.0.tgz#def1f1ca5d6059d24a766e587942c21106ce1275"
   integrity sha1-3vHxyl1gWdJKdm5YeULCEQbOEnU=
@@ -10183,11 +11023,16 @@ dotenv-webpack@^1.7.0:
   dependencies:
     dotenv-defaults "^1.0.2"
 
-dotenv@6.2.0, dotenv@^6.2.0:
+dotenv@6.2.0, dotenv@^6.0.0, dotenv@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-6.2.0.tgz#941c0410535d942c8becf28d3f357dbd9d476064"
   integrity sha512-HygQCKUBSFl8wKQZBSemMywRWcEDNidvNbjGVyZu3nbZ8qq9ubiPoGLMdRDpfSrpkkm9BXYFkpKxxFX38o/76w==
 
+dotenv@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-5.0.1.tgz#a5317459bd3d79ab88cff6e44057a6a3fbb1fcef"
+  integrity sha512-4As8uPrjfwb7VXC+WnLCbXK7y+Ueb2B3zgNCePYfhxS1PYeaO1YTeplffTEcbfLhvFNGLAz90VvJs9yomG7bow==
+
 dotenv@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.0.0.tgz#ed310c165b4e8a97bb745b0a9d99c31bda566440"
@@ -10195,26 +11040,31 @@ dotenv@^8.0.0:
 
 driver-browser@^0.6.5:
   version "0.6.7"
-  resolved "https://registry.npmjs.org/driver-browser/-/driver-browser-0.6.7.tgz#69eb463d31187b63e8abfa175d8683e81f197953"
+  resolved "https://registry.yarnpkg.com/driver-browser/-/driver-browser-0.6.7.tgz#69eb463d31187b63e8abfa175d8683e81f197953"
   integrity sha512-Z0k+Y9kbG8NBp73UTwlxl7Qq8pZv5h2BBokSPKmuxCeqpPqv9CP+PpI2dUSJLvDLF9+SGFVRYcSjSDP16TtWaQ==
   dependencies:
     style-unit "^0.6.5"
 
+driver-dom@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/driver-dom/-/driver-dom-1.0.0.tgz#3ccc3d69f4b1a5d1e82e174a6ca721b436eb7893"
+  integrity sha512-JbcLgMNFT1QR5ER8ER2uiAIBzsOPBnGWvq3PUQ/sc+88zBDLWTYApamg1j1z4I8J6ig0eS0bprKqf1tDMz/pgw==
+
 driver-server@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/driver-server/-/driver-server-0.6.5.tgz#9c4a53cbee3a882404579343f9d12fdc27ec52ee"
+  resolved "https://registry.yarnpkg.com/driver-server/-/driver-server-0.6.5.tgz#9c4a53cbee3a882404579343f9d12fdc27ec52ee"
   integrity sha512-hNAYcdkYhqSpHzkFJjm5ZmtnnGaMB9iU8kycP+54DSfD1la008OyiNj92FJ2UJJ5ByAIArMJneVeWsbacFIU9w==
   dependencies:
     style-unit "^0.6.5"
 
 driver-weex@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/driver-weex/-/driver-weex-0.6.5.tgz#b3ab60e40989a2ba89d68cc9b42267fff4ff6a42"
+  resolved "https://registry.yarnpkg.com/driver-weex/-/driver-weex-0.6.5.tgz#b3ab60e40989a2ba89d68cc9b42267fff4ff6a42"
   integrity sha512-LMHxlhKlEmhsyYJB8LcXEZ59Uv5CHk3daovpqikttoSFH9W4mhUggFnp9Ol8WE0DKev5pga2DSqBm3fGgEg36w==
   dependencies:
     style-unit "^0.6.5"
 
-duplexer2@^0.1.2, duplexer2@~0.1.0, duplexer2@~0.1.2:
+duplexer2@^0.1.2, duplexer2@~0.1.0, duplexer2@~0.1.2, duplexer2@~0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
   integrity sha1-ixLauHjA1p4+eJEFFmKjL8a93ME=
@@ -10241,6 +11091,14 @@ duplexify@^3.4.2, duplexify@^3.6.0:
     readable-stream "^2.0.0"
     stream-shift "^1.0.0"
 
+each-props@^1.3.0:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/each-props/-/each-props-1.3.2.tgz#ea45a414d16dd5cfa419b1a81720d5ca06892333"
+  integrity sha512-vV0Hem3zAGkJAyU7JSjixeU66rwdynTAa1vofCrSA5fEln+m67Az9CcnkVD776/fsN/UjIWmBDoNRS6t6G9RfA==
+  dependencies:
+    is-plain-object "^2.0.1"
+    object.defaults "^1.1.0"
+
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
@@ -10271,25 +11129,30 @@ editions@^1.1.1:
   resolved "https://registry.yarnpkg.com/editions/-/editions-1.3.4.tgz#3662cb592347c3168eb8e498a0ff73271d67f50b"
   integrity sha512-gzao+mxnYDzIysXKMQi/+M1mjy/rjestjg6OPoYTtI+3Izp23oiGZitsl9lPDPiTGXbcSIk1iJWhliSaglxnUg==
 
+editorconfig@^0.15.3:
+  version "0.15.3"
+  resolved "https://registry.yarnpkg.com/editorconfig/-/editorconfig-0.15.3.tgz#bef84c4e75fb8dcb0ce5cee8efd51c15999befc5"
+  integrity sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==
+  dependencies:
+    commander "^2.19.0"
+    lru-cache "^4.1.5"
+    semver "^5.6.0"
+    sigmund "^1.0.1"
+
 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=
 
 ejs@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/ejs/-/ejs-2.6.1.tgz#498ec0d495655abc6f23cd61868d926464071aa0"
-  integrity sha512-0xy4A/twfrRCnkhfk8ErDi5DqdAsAqeGxht4xkCUrsvhhbQNs7E+4jV0CN7+NKIY0aHE72+XvqtBIXzD31ZbXQ==
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/ejs/-/ejs-2.6.2.tgz#3a32c63d1cd16d11266cd4703b14fec4e74ab4f6"
+  integrity sha512-PcW2a0tyTuPHz3tWyYqtK6r1fZ3gp+3Sop8Ph+ZYN81Ob5rwmbHEzaqs10N3BEsaGTkh/ooniXK+WwszGlc2+Q==
 
-electron-to-chromium@^1.3.103, electron-to-chromium@^1.3.122, electron-to-chromium@^1.3.47:
-  version "1.3.137"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.137.tgz#ba7c88024984c038a5c5c434529aabcea7b42944"
-  integrity sha512-kGi32g42a8vS/WnYE7ELJyejRT7hbr3UeOOu0WeuYuQ29gCpg9Lrf6RdcTQVXSt/v0bjCfnlb/EWOOsiKpTmkw==
-
-electron-to-chromium@^1.3.137:
-  version "1.3.148"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.148.tgz#5796c0d9eb0358d397163413b90bf376c5d8bf08"
-  integrity sha512-nuCOlXNlGMQmdzihIPGm2K3Yf3H1hke/1rK381i02pH8wNliJU9hVNnOi/xjmxt+mjABd/BzufP5nPHWKshLWA==
+electron-to-chromium@^1.3.103, electron-to-chromium@^1.3.122, electron-to-chromium@^1.3.164, electron-to-chromium@^1.3.47:
+  version "1.3.188"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.188.tgz#e28e1afe4bb229989e280bfd3b395c7ec03c8b7a"
+  integrity sha512-tEQcughYIMj8WDMc59EGEtNxdGgwal/oLLTDw+NEqJRJwGflQvH3aiyiexrWeZOETP4/ko78PVr6gwNhdozvuQ==
 
 elegant-spinner@^1.0.1:
   version "1.0.1"
@@ -10304,9 +11167,9 @@ element-resize-detector@^1.1.15:
     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==
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.0.tgz#2b8ed4c891b7de3200e14412a5b8248c7af505ca"
+  integrity sha512-eFOJTMyCYb7xtE/caJ6JJu+bhi67WCYNbkGSknu20pmM8Ke/bqOfdnZWxyoGN26JgfxTbXrsCkEw4KheCT/KGg==
   dependencies:
     bn.js "^4.4.0"
     brorand "^1.0.1"
@@ -10364,10 +11227,10 @@ ember-cli-babel@^6.12.0, ember-cli-babel@^6.16.0:
     ember-cli-version-checker "^2.1.2"
     semver "^5.5.0"
 
-ember-cli-babel@^7.0.0, ember-cli-babel@^7.1.2, ember-cli-babel@^7.4.2, ember-cli-babel@^7.4.3, ember-cli-babel@^7.6.0:
-  version "7.7.3"
-  resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-7.7.3.tgz#f94709f6727583d18685ca6773a995877b87b8a0"
-  integrity sha512-/LWwyKIoSlZQ7k52P+6agC7AhcOBqPJ5C2u27qXHVVxKvCtg6ahNuRk/KmfZmV4zkuw4EjTZxfJE1PzpFyHkXg==
+ember-cli-babel@^7.0.0, ember-cli-babel@^7.1.2, ember-cli-babel@^7.4.2, ember-cli-babel@^7.6.0, ember-cli-babel@^7.7.3:
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-7.8.0.tgz#e596500eca0f5a7c9aaee755f803d1542f578acf"
+  integrity sha512-xUBgJQ81fqd7k/KIiGU+pjpoXhrmmRf9pUrqLenNSU5N+yeNFT5a1+w0b+p1F7oBphfXVwuxApdZxrmAHOdA3Q==
   dependencies:
     "@babel/core" "^7.0.0"
     "@babel/plugin-proposal-class-properties" "^7.3.4"
@@ -10379,7 +11242,7 @@ ember-cli-babel@^7.0.0, ember-cli-babel@^7.1.2, ember-cli-babel@^7.4.2, ember-cl
     "@babel/runtime" "^7.2.0"
     amd-name-resolver "^1.2.1"
     babel-plugin-debug-macros "^0.3.0"
-    babel-plugin-ember-modules-api-polyfill "^2.8.0"
+    babel-plugin-ember-modules-api-polyfill "^2.9.0"
     babel-plugin-module-resolver "^3.1.1"
     broccoli-babel-transpiler "^7.1.2"
     broccoli-debug "^0.6.4"
@@ -10419,13 +11282,13 @@ ember-cli-htmlbars-inline-precompile@^2.1.0:
     silent-error "^1.1.0"
 
 ember-cli-htmlbars@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/ember-cli-htmlbars/-/ember-cli-htmlbars-3.0.1.tgz#01e21f0fd05e0a6489154f26614b1041769e3e58"
-  integrity sha512-pyyB2s52vKTXDC5svU3IjU7GRLg2+5O81o9Ui0ZSiBS14US/bZl46H2dwcdSJAK+T+Za36ZkQM9eh1rNwOxfoA==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/ember-cli-htmlbars/-/ember-cli-htmlbars-3.1.0.tgz#87806c2a0bca2ab52d4fb8af8e2215c1ca718a99"
+  integrity sha512-cgvRJM73IT0aePUG7oQ/afB7vSRBV3N0wu9BrWhHX2zkR7A7cUBI7KC9VPk6tbctCXoM7BRGsCC4aIjF7yrfXA==
   dependencies:
-    broccoli-persistent-filter "^1.4.3"
-    hash-for-dep "^1.2.3"
-    json-stable-stringify "^1.0.0"
+    broccoli-persistent-filter "^2.3.1"
+    hash-for-dep "^1.5.1"
+    json-stable-stringify "^1.0.1"
     strip-bom "^3.0.0"
 
 ember-cli-inject-live-reload@^2.0.1:
@@ -10683,6 +11546,13 @@ ember-template-compiler@^1.9.0-alpha:
   resolved "https://registry.yarnpkg.com/ember-template-compiler/-/ember-template-compiler-1.9.0-alpha.tgz#193dfcfcf0d8c1b3595a9609eb46d90d05d34f2f"
   integrity sha1-GT38/PDYwbNZWpYJ60bZDQXTTy8=
 
+ember-test-waiters@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/ember-test-waiters/-/ember-test-waiters-1.0.0.tgz#6990daed15a31e4593dc153a33a20668f76abe5c"
+  integrity sha512-0VP7oTTur/wm2///9EuMwg1/6KP6yRAamyP7DaiYfrY1js1vHtZU2fDPgjwuL0QL4FG1chyUiL/Gi3+dIaqQmA==
+  dependencies:
+    ember-cli-babel "^7.1.2"
+
 emoji-regex@^7.0.1, emoji-regex@^7.0.2:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
@@ -10693,22 +11563,14 @@ emojis-list@^2.0.0:
   resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
   integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
 
-emotion-theming@^10.0.10, emotion-theming@^10.0.9:
-  version "10.0.10"
-  resolved "https://registry.yarnpkg.com/emotion-theming/-/emotion-theming-10.0.10.tgz#efe8751119751bdc70fdc1795fe4cde0fb0cf14c"
-  integrity sha512-E4SQ3Y91avxxydDgubi/po/GaC5MM1XHm8kcClKg1PA/TeOye0PiLBzAzlgt9dBzDRV9+qHDunsayPvzVYIYng==
+emotion-theming@^10.0.14, emotion-theming@^10.0.9:
+  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:
-    "@emotion/weak-memoize" "0.2.2"
+    "@babel/runtime" "^7.4.3"
+    "@emotion/weak-memoize" "0.2.3"
     hoist-non-react-statics "^3.3.0"
-    object-assign "^4.1.1"
-
-emotion@^9.1.2:
-  version "9.2.12"
-  resolved "https://registry.yarnpkg.com/emotion/-/emotion-9.2.12.tgz#53925aaa005614e65c6e43db8243c843574d1ea9"
-  integrity sha512-hcx7jppaI8VoXxIWEhxpDW7I+B4kq9RNzQLmsrF6LY8BGKqe2N+gFAQr0EfuFucFlPs2A9HM4+xNj4NeqEWIOQ==
-  dependencies:
-    babel-plugin-emotion "^9.2.11"
-    create-emotion "^9.2.12"
 
 encodeurl@~1.0.2:
   version "1.0.2"
@@ -10827,9 +11689,9 @@ envinfo@^7.3.1:
   integrity sha512-GvXiDTqLYrORVSCuJCsWHPXF5BFvoWMQA9xX4YVjPT1jyS3aZEHUBwjzxU/6LTPF9ReHgVEbX7IEN5UvSXHw/A==
 
 enzyme-adapter-react-16@^1.9.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.13.1.tgz#2e8ee300e38674b9914ae52b04af9493050355e2"
-  integrity sha512-DCKbkiVlfLTbn4SXO8mXDQx1SmmwON5oKXn2QfQSMCt8eTYGwUXy/OBGSuss6KKwY5w5QfK1sQFxhgFOkMCjrw==
+  version "1.14.0"
+  resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.14.0.tgz#204722b769172bcf096cb250d33e6795c1f1858f"
+  integrity sha512-7PcOF7pb4hJUvjY7oAuPGpq3BmlCig3kxXGi2kFx0YzJHppqX1K8IIV9skT1IirxXlu8W7bneKi+oQ10QRnhcA==
   dependencies:
     enzyme-adapter-utils "^1.12.0"
     has "^1.0.3"
@@ -10838,7 +11700,7 @@ enzyme-adapter-react-16@^1.9.1:
     prop-types "^15.7.2"
     react-is "^16.8.6"
     react-test-renderer "^16.0.0-0"
-    semver "^5.6.0"
+    semver "^5.7.0"
 
 enzyme-adapter-utils@^1.12.0:
   version "1.12.0"
@@ -10957,7 +11819,7 @@ es-to-primitive@^1.2.0:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-es5-ext@^0.10.35, es5-ext@^0.10.9, es5-ext@~0.10.14:
+es5-ext@^0.10.35, es5-ext@^0.10.46, es5-ext@^0.10.50, 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==
@@ -10981,7 +11843,7 @@ es6-error@4.1.1, es6-error@^4.0.2:
   resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
   integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
 
-es6-iterator@~2.0.3:
+es6-iterator@^2.0.1, es6-iterator@^2.0.3, 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=
@@ -10991,9 +11853,9 @@ es6-iterator@~2.0.3:
     es6-symbol "^3.1.1"
 
 es6-promise@^4.0.3:
-  version "4.2.6"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.6.tgz#b685edd8258886365ea62b57d30de28fadcd974f"
-  integrity sha512-aRVgGdnmW2OiySVPUC9e6m+plolMAJKjZnQlCwNSuK5yQ0JN61DZSO1X1Ufd1foqWRAlig0rhduTCHe7sVtK5Q==
+  version "4.2.8"
+  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
+  integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
 
 es6-promisify@^5.0.0:
   version "5.0.0"
@@ -11023,6 +11885,16 @@ es6-templates@^0.2.3:
     recast "~0.11.12"
     through "~2.3.6"
 
+es6-weak-map@^2.0.1:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es6-weak-map/-/es6-weak-map-2.0.3.tgz#b6da1f16cc2cc0d9be43e6bdbfc5e7dfcdf31d53"
+  integrity sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==
+  dependencies:
+    d "1"
+    es5-ext "^0.10.46"
+    es6-iterator "^2.0.3"
+    es6-symbol "^3.1.1"
+
 escape-html@^1.0.3, escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
@@ -11045,23 +11917,35 @@ escodegen@^1.10.0, escodegen@^1.11.0, escodegen@^1.8.1, escodegen@^1.9.1:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-airbnb-base@^13.1.0:
-  version "13.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-13.1.0.tgz#b5a1b480b80dfad16433d6c4ad84e6605052c05c"
-  integrity sha512-XWwQtf3U3zIoKO1BbHh6aUhJZQweOwSt4c2JrPDg9FP3Ltv3+YfEv7jIDB8275tVnO/qOHbfuYg3kzw6Je7uWw==
+escodegen@~1.9.0:
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.9.1.tgz#dbae17ef96c8e4bedb1356f4504fa4cc2f7cb7e2"
+  integrity sha512-6hTjO1NAWkHnDk3OqQ4YrCuwwmGHL9S3nPlzBOUG/R44rda3wLNrfvQ5fkSGjyhHFKM7ALPKcKGrwvCLe0lC7Q==
   dependencies:
-    eslint-restricted-globals "^0.1.1"
+    esprima "^3.1.3"
+    estraverse "^4.2.0"
+    esutils "^2.0.2"
+    optionator "^0.8.1"
+  optionalDependencies:
+    source-map "~0.6.1"
+
+eslint-config-airbnb-base@^13.2.0:
+  version "13.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb-base/-/eslint-config-airbnb-base-13.2.0.tgz#f6ea81459ff4dec2dda200c35f1d8f7419d57943"
+  integrity sha512-1mg/7eoB4AUeB0X1c/ho4vb2gYkNH8Trr/EgCT/aGmKhhG+F6vF5s8+iRBlWAzFIAphxIdp3YfEKgEl0f9Xg+w==
+  dependencies:
+    confusing-browser-globals "^1.0.5"
     object.assign "^4.1.0"
-    object.entries "^1.0.4"
+    object.entries "^1.1.0"
 
 eslint-config-airbnb@^17.0.0:
-  version "17.1.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-airbnb/-/eslint-config-airbnb-17.1.0.tgz#3964ed4bc198240315ff52030bf8636f42bc4732"
-  integrity sha512-R9jw28hFfEQnpPau01NO5K/JWMGLi6aymiF6RsnMURjTk+MqZKllCqGK/0tOvHkPi/NWSSOU2Ced/GX++YxLnw==
+  version "17.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-airbnb/-/eslint-config-airbnb-17.1.1.tgz#2272e0b86bb1e2b138cdf88d07a3b6f4cda3d626"
+  integrity sha512-xCu//8a/aWqagKljt+1/qAM62BYZeNq04HmdevG5yUGWpja0I/xhqd6GdLRch5oetEGFiJAnvtGuTEAese53Qg==
   dependencies:
-    eslint-config-airbnb-base "^13.1.0"
+    eslint-config-airbnb-base "^13.2.0"
     object.assign "^4.1.0"
-    object.entries "^1.0.4"
+    object.entries "^1.1.0"
 
 eslint-config-prettier@^4.3.0:
   version "4.3.0"
@@ -11139,10 +12023,10 @@ eslint-plugin-import@2.16.0:
     read-pkg-up "^2.0.0"
     resolve "^1.9.0"
 
-eslint-plugin-import@^2.16.0:
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.17.3.tgz#00548b4434c18faebaba04b24ae6198f280de189"
-  integrity sha512-qeVf/UwXFJbeyLbxuY8RgqDyEKCkqV7YC+E5S5uOjAp4tOc8zj01JP3ucoBM8JcEqd1qRasJSg6LLlisirfy0Q==
+eslint-plugin-import@^2.14.0, eslint-plugin-import@^2.16.0:
+  version "2.18.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.18.0.tgz#7a5ba8d32622fb35eb9c8db195c2090bd18a3678"
+  integrity sha512-PZpAEC4gj/6DEMMoU2Df01C5c50r7zdGIN52Yfi7CvvWaYssG7Jt5R9nFG5gmqodxNOz9vQS87xk6Izdtpdrig==
   dependencies:
     array-includes "^3.0.3"
     contains-path "^0.1.0"
@@ -11157,9 +12041,9 @@ eslint-plugin-import@^2.16.0:
     resolve "^1.11.0"
 
 eslint-plugin-jest@^22.4.1:
-  version "22.6.4"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-22.6.4.tgz#2895b047dd82f90f43a58a25cf136220a21c9104"
-  integrity sha512-36OqnZR/uMCDxXGmTsqU4RwllR0IiB/XF8GW3ODmhsjiITKuI0GpgultWFt193ipN3HARkaIcKowpE6HBvRHNg==
+  version "22.7.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-22.7.2.tgz#7ab118a66a34e46ae5e16a128b5d24fd28b43dca"
+  integrity sha512-Aecqe3ulBVI7amgOycVI8ZPL8o0SnGHOf3zn2/Ciu8TXyXDHcjtwD3hOs3ss/Qh/VAwlW/DMcuiXg5btgF+XMA==
 
 eslint-plugin-json@^1.4.0:
   version "1.4.0"
@@ -11168,7 +12052,7 @@ eslint-plugin-json@^1.4.0:
   dependencies:
     vscode-json-languageservice "^3.2.1"
 
-eslint-plugin-jsx-a11y@6.2.1, eslint-plugin-jsx-a11y@^6.2.1:
+eslint-plugin-jsx-a11y@6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.2.1.tgz#4ebba9f339b600ff415ae4166e3e2e008831cf0c"
   integrity sha512-cjN2ObWrRz0TTw7vEcGQrx+YltMvZoOEx4hWU8eEERDnBIU00OTq7Vr+jA7DFKxiwLNv4tTh5Pq2GUNEa8b6+w==
@@ -11182,6 +12066,21 @@ eslint-plugin-jsx-a11y@6.2.1, eslint-plugin-jsx-a11y@^6.2.1:
     has "^1.0.3"
     jsx-ast-utils "^2.0.1"
 
+eslint-plugin-jsx-a11y@^6.2.1:
+  version "6.2.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.2.3.tgz#b872a09d5de51af70a97db1eea7dc933043708aa"
+  integrity sha512-CawzfGt9w83tyuVekn0GDPU9ytYtxyxyFZ3aSWROmnRRFQFT2BiPJd7jvRdzNDi6oLWaS2asMeYSNMjWTV4eNg==
+  dependencies:
+    "@babel/runtime" "^7.4.5"
+    aria-query "^3.0.0"
+    array-includes "^3.0.3"
+    ast-types-flow "^0.0.7"
+    axobject-query "^2.0.2"
+    damerau-levenshtein "^1.0.4"
+    emoji-regex "^7.0.2"
+    has "^1.0.3"
+    jsx-ast-utils "^2.2.1"
+
 eslint-plugin-prettier@^3.0.1:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.0.tgz#8695188f95daa93b0dc54b249347ca3b79c4686d"
@@ -11190,9 +12089,9 @@ eslint-plugin-prettier@^3.0.1:
     prettier-linter-helpers "^1.0.0"
 
 eslint-plugin-react-hooks@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-1.6.0.tgz#348efcda8fb426399ac7b8609607c7b4025a6f5f"
-  integrity sha512-lHBVRIaz5ibnIgNG07JNiAuBUeKhEf8l4etNx5vfAEwqQ5tcuK3jV9yjmopPgQDagQb7HwIuQVsE3IVcGrRnag==
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-1.6.1.tgz#3c66a5515ea3e0a221ffc5d4e75c971c217b1a4c"
+  integrity sha512-wHhmGJyVuijnYIJXZJHDUF2WM+rJYTjulUTqF9k61d3BTk8etydz+M4dXUVH7M76ZRS85rqBTCx0Es/lLsrjnA==
 
 eslint-plugin-react@7.12.4:
   version "7.12.4"
@@ -11208,22 +12107,30 @@ eslint-plugin-react@7.12.4:
     resolve "^1.9.0"
 
 eslint-plugin-react@^7.12.4:
-  version "7.13.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.13.0.tgz#bc13fd7101de67996ea51b33873cd9dc2b7e5758"
-  integrity sha512-uA5LrHylu8lW/eAH3bEQe9YdzpPaFd9yAJTwTi/i/BKTD7j6aQMKVAdGM/ML72zD6womuSK7EiGtMKuK06lWjQ==
+  version "7.14.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.14.2.tgz#94c193cc77a899ac0ecbb2766fbef88685b7ecc1"
+  integrity sha512-jZdnKe3ip7FQOdjxks9XPN0pjUKZYq48OggNMd16Sk+8VXx6JOvXmlElxROCgp7tiUsTsze3jd78s/9AFJP2mA==
   dependencies:
     array-includes "^3.0.3"
     doctrine "^2.1.0"
     has "^1.0.3"
     jsx-ast-utils "^2.1.0"
+    object.entries "^1.1.0"
     object.fromentries "^2.0.0"
+    object.values "^1.1.0"
     prop-types "^15.7.2"
     resolve "^1.10.1"
 
-eslint-restricted-globals@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-restricted-globals/-/eslint-restricted-globals-0.1.1.tgz#35f0d5cbc64c2e3ed62e93b4b1a7af05ba7ed4d7"
-  integrity sha1-NfDVy8ZMLj7WLpO0saevBbp+1Nc=
+eslint-plugin-react@~7.11.1:
+  version "7.11.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.11.1.tgz#c01a7af6f17519457d6116aa94fc6d2ccad5443c"
+  integrity sha512-cVVyMadRyW7qsIUh3FHp3u6QHNhOgVrLQYdQEB1bPWBsgbNCHdFAeNMquBMCcZJu59eNthX053L70l7gRt4SCw==
+  dependencies:
+    array-includes "^3.0.3"
+    doctrine "^2.1.0"
+    has "^1.0.3"
+    jsx-ast-utils "^2.0.1"
+    prop-types "^15.6.2"
 
 eslint-scope@3.7.1:
   version "3.7.1"
@@ -11251,7 +12158,7 @@ eslint-visitor-keys@^1.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#3f3180fb2e291017716acb4c9d6d5b5c34a6a81d"
   integrity sha512-qzm/XxIbxm/FHyH341ZrbnMUpe+5Bocte9xkmFMzPMjRaZMcXww+MpBptFvtU+79L362nqiLhekCxCxDPaUMBQ==
 
-eslint@^5.14.1, eslint@^5.16.0:
+eslint@^5.10.0, eslint@^5.14.1, eslint@^5.16.0:
   version "5.16.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.16.0.tgz#a1e3ac1aae4a3fbd8296fcf8f7ab7314cbb6abea"
   integrity sha512-S3Rz11i7c8AA5JPv7xAH+dOyq/Cu/VXHiHXBPOU1k/JAM5dXqQPt3qcrhpHSorXmrpu2g0gkIBVXAqCpzfoZIg==
@@ -11354,10 +12261,10 @@ estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1, estraverse@^4.2.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
   integrity sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=
 
-estree-walker@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.0.tgz#5d865327c44a618dde5699f763891ae31f257dae"
-  integrity sha512-peq1RfVAVzr3PU/jL31RaOjUKLoZJpObQWJJ+LgfcxDUifyLZ1RjPQZTl0pzj2uJ45b7A7XpyppXvxdEqzo4rw==
+estree-walker@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
+  integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
 
 esutils@^1.1.6:
   version "1.1.6"
@@ -11376,7 +12283,7 @@ etag@~1.8.1:
 
 event-emitter@^0.3.5:
   version "0.3.5"
-  resolved "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
+  resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39"
   integrity sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=
   dependencies:
     d "1"
@@ -11516,11 +12423,6 @@ exeunt@1.1.0:
   resolved "https://registry.yarnpkg.com/exeunt/-/exeunt-1.1.0.tgz#af72db6f94b3cb75e921aee375d513049843d284"
   integrity sha1-r3Lbb5Szy3XpIa7jddUTBJhD0oQ=
 
-exif-parser@^0.1.12:
-  version "0.1.12"
-  resolved "https://registry.yarnpkg.com/exif-parser/-/exif-parser-0.1.12.tgz#58a9d2d72c02c1f6f02a0ef4a9166272b7760922"
-  integrity sha1-WKnS1ywCwfbwKg70qRZicrd2CSI=
-
 exit@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
@@ -11652,17 +12554,17 @@ expo-camera@~2.0.0:
     prop-types "^15.6.0"
 
 expo-cli@^2.17.1:
-  version "2.18.3"
-  resolved "https://registry.yarnpkg.com/expo-cli/-/expo-cli-2.18.3.tgz#a54fa03546e4bb4cfe5e5912b0e33faae7fccbe8"
-  integrity sha512-DIKtQvKJtV8IgnhvIxs5cAC4bgJjXWGzPi5xyP+AMbSVLenrmF6DOTU9mhOzgykxvBoVNCvr7KoBuw/sHuGjuQ==
+  version "2.21.2"
+  resolved "https://registry.yarnpkg.com/expo-cli/-/expo-cli-2.21.2.tgz#7e2d24f5c2de1cf9347fc7c9209a0053b9f6aa14"
+  integrity sha512-0Dx1Mmj72b/Xpg5vuougrOqfWhfa3VTSPYQl89TPV8TD5ZeKZsEpAL+/+Sr1FYl4i0BBiolHT/mSYRnElTWxXg==
   dependencies:
     "@expo/bunyan" "3.0.2"
-    "@expo/config" "^1.0.5"
-    "@expo/dev-tools" "^0.5.14"
-    "@expo/json-file" "^8.1.3"
+    "@expo/config" "^2.0.4"
+    "@expo/dev-tools" "^0.5.38"
+    "@expo/json-file" "^8.1.6"
     "@expo/simple-spinner" "1.0.2"
-    "@expo/spawn-async" "1.4.2"
-    "@expo/xdl" "^54.0.1"
+    "@expo/spawn-async" "1.5.0"
+    "@expo/xdl" "^55.0.14"
     ansi-regex "^4.1.0"
     axios "0.18.0"
     babel-runtime "6.26.0"
@@ -11686,7 +12588,7 @@ expo-cli@^2.17.1:
     lodash "4.17.10"
     match-require "2.1.0"
     npm-package-arg "6.1.0"
-    opn "5.4.0"
+    open "6.3.0"
     ora "1.4.0"
     pacote "9.3.0"
     pngjs "3.4.0"
@@ -11701,8 +12603,8 @@ expo-cli@^2.17.1:
     validator "10.5.0"
     wordwrap "1.0.0"
   optionalDependencies:
-    "@expo/traveling-fastlane-darwin" "1.9.4"
-    "@expo/traveling-fastlane-linux" "1.9.4"
+    "@expo/traveling-fastlane-darwin" "1.9.9"
+    "@expo/traveling-fastlane-linux" "1.9.9"
 
 expo-constants-interface@~2.0.0:
   version "2.0.0"
@@ -12007,16 +12909,6 @@ expo@^32.0.6:
     uuid-js "^0.7.5"
     whatwg-fetch "^2.0.4"
 
-express-graphql@^0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/express-graphql/-/express-graphql-0.7.1.tgz#6c7712ee966c3aba1930e064ea4c8181e56fd3ef"
-  integrity sha512-YpheAqTbSKpb5h57rV2yu2dPNUBi4FvZDspZ5iEV3ov34PBRgnM4lEBkv60+vZRJ6SweYL14N8AGYdov7g6ooQ==
-  dependencies:
-    accepts "^1.3.5"
-    content-type "^1.0.4"
-    http-errors "^1.7.1"
-    raw-body "^2.3.3"
-
 express-graphql@^0.8.0:
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/express-graphql/-/express-graphql-0.8.0.tgz#5d434709bcabe6d5527751730376d8265a197976"
@@ -12063,10 +12955,10 @@ express@4.16.4:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
-express@^4.10.7, express@^4.16.2, express@^4.16.3, express@^4.16.4, express@^4.17.0:
-  version "4.17.0"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.17.0.tgz#288af62228a73f4c8ea2990ba3b791bb87cd4438"
-  integrity sha512-1Z7/t3Z5ZnBG252gKUPyItc4xdeaA0X934ca2ewckAsVsw9EG71i++ZHZPYnus8g/s5Bty8IMpSVEuRkmwwPRQ==
+express@^4.10.7, express@^4.16.2, express@^4.16.3, express@^4.16.4, express@^4.17.0, express@^4.17.1:
+  version "4.17.1"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.17.1.tgz#4491fc38605cf51f8629d39c2b5d026f98a4c134"
+  integrity sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==
   dependencies:
     accepts "~1.3.7"
     array-flatten "1.1.1"
@@ -12185,6 +13077,16 @@ extsprintf@^1.2.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
   integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
+falafel@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/falafel/-/falafel-2.1.0.tgz#96bb17761daba94f46d001738b3cedf3a67fe06c"
+  integrity sha1-lrsXdh2rqU9G0AFzizzt86Z/4Gw=
+  dependencies:
+    acorn "^5.0.0"
+    foreach "^2.0.5"
+    isarray "0.0.1"
+    object-keys "^1.0.6"
+
 fancy-log@^1.3.2:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/fancy-log/-/fancy-log-1.3.3.tgz#dbc19154f558690150a23953a0adbd035be45fc7"
@@ -12223,7 +13125,7 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
-fast-glob@^2.0.2:
+fast-glob@^2.0.2, fast-glob@^2.2.2:
   version "2.2.7"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d"
   integrity sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw==
@@ -12235,6 +13137,18 @@ fast-glob@^2.0.2:
     merge2 "^1.2.3"
     micromatch "^3.1.10"
 
+fast-glob@^3.0.3:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.0.4.tgz#d484a41005cb6faeb399b951fd1bd70ddaebb602"
+  integrity sha512-wkIbV6qg37xTJwqSsdnIphL1e+LaGz4AIQqr00mIubMaEhv1/HEmJ0uuCGZRNRUkZZmOB5mJKO0ZUTVq+SxMQg==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.1"
+    "@nodelib/fs.walk" "^1.2.1"
+    glob-parent "^5.0.0"
+    is-glob "^4.0.1"
+    merge2 "^1.2.3"
+    micromatch "^4.0.2"
+
 fast-json-stable-stringify@2.0.0, fast-json-stable-stringify@2.x, 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"
@@ -12271,6 +13185,13 @@ fastparse@^1.1.1:
   resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
   integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
 
+fastq@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.6.0.tgz#4ec8a38f4ac25f21492673adb7eae9cfef47d1c2"
+  integrity sha512-jmxqQ3Z/nXoeyDmWAzF9kH1aGZSis6e/SbfPmJpUnyZ0ogr6iscHQaml4wsEepEWSdtmpy+eVXmCRIMpxaXqOA==
+  dependencies:
+    reusify "^1.0.0"
+
 fault@^1.0.0, fault@^1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/fault/-/fault-1.0.3.tgz#4da88cf979b6b792b4e13c7ec836767725170b7e"
@@ -12286,9 +13207,9 @@ faye-websocket@^0.10.0, faye-websocket@~0.10.0:
     websocket-driver ">=0.5.1"
 
 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=
+  version "0.11.3"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.3.tgz#5c0e9a8968e8912c286639fde977a8b209f2508e"
+  integrity sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==
   dependencies:
     websocket-driver ">=0.5.1"
 
@@ -12415,14 +13336,6 @@ file-entry-cache@^5.0.1:
   dependencies:
     flat-cache "^2.0.1"
 
-file-loader@1.1.11:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-1.1.11.tgz#6fe886449b0f2a936e43cabaac0cdbfb369506f8"
-  integrity sha512-TGR4HU7HUsGg6GCOPJnFk06RhWgEWFLAGWiT6rcD+GRC2keU3s9RGJ+b3Z6/U73jwwNb2gKLJ7YCrp+jvU4ALg==
-  dependencies:
-    loader-utils "^1.0.2"
-    schema-utils "^0.4.5"
-
 file-loader@3.0.1, file-loader@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-3.0.1.tgz#f8e0ba0b599918b51adfe45d66d1e771ad560faa"
@@ -12431,6 +13344,14 @@ file-loader@3.0.1, file-loader@^3.0.1:
     loader-utils "^1.0.2"
     schema-utils "^1.0.0"
 
+file-loader@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-4.0.0.tgz#c3570783fefb6e1bc0978a856f4bf5825b966c2a"
+  integrity sha512-roAbL6IdSGczwfXxhMi6Zq+jD4IfUpL0jWHD7fvmjdOVb7xBfdRUHe4LpBgO23VtVK5AW1OlWZo0p34Jvx3iWg==
+  dependencies:
+    loader-utils "^1.2.2"
+    schema-utils "^1.0.0"
+
 file-loader@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-2.0.0.tgz#39749c82f020b9e85901dcff98e8004e6401cfde"
@@ -12448,11 +13369,6 @@ file-system-cache@^1.0.5:
     fs-extra "^0.30.0"
     ramda "^0.21.0"
 
-file-type@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/file-type/-/file-type-9.0.0.tgz#a68d5ad07f486414dfb2c8866f73161946714a18"
-  integrity sha512-Qe/5NJrgIOlwijpq3B7BEpzPFcgzggOTagZmkXQY4LA6bsXKTUstK7Wp12lEJ/mLKTpvIZxmIuRcLYWT6ov9lw==
-
 file-uri-to-path@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
@@ -12463,7 +13379,7 @@ filename-regex@^2.0.0:
   resolved "https://registry.yarnpkg.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
   integrity sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=
 
-filesize@3.6.1, filesize@^3.6.1:
+filesize@3.6.1, filesize@^3.6.0, filesize@^3.6.1:
   version "3.6.1"
   resolved "https://registry.yarnpkg.com/filesize/-/filesize-3.6.1.tgz#090bb3ee01b6f801a8a8be99d31710b3422bb317"
   integrity sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==
@@ -12571,10 +13487,10 @@ 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-parent-dir@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/find-parent-dir/-/find-parent-dir-0.3.0.tgz#33c44b429ab2b2f0646299c5f9f718f376ff8d54"
-  integrity sha1-M8RLQpqysvBkYpnF+fcY83b/jVQ=
+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.0.0, find-root@^1.1.0:
   version "1.1.0"
@@ -12604,11 +13520,12 @@ find-up@^2.0.0, find-up@^2.1.0:
     locate-path "^2.0.0"
 
 find-up@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.0.0.tgz#c367f8024de92efb75f2d4906536d24682065c3a"
-  integrity sha512-zoH7ZWPkRdgwYCDVoQTzqjG8JSPANhtvLhh4KVUHyKnaUJJrNeFmWIkTcNuJmR3GLMEmGYEf2S2bjgx26JTF+Q==
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
   dependencies:
     locate-path "^5.0.0"
+    path-exists "^4.0.0"
 
 find-yarn-workspace-root@^1.1.0, find-yarn-workspace-root@^1.2.1:
   version "1.2.1"
@@ -12618,6 +13535,16 @@ find-yarn-workspace-root@^1.1.0, find-yarn-workspace-root@^1.2.1:
     fs-extra "^4.0.3"
     micromatch "^3.1.4"
 
+findup-sync@3.0.0, findup-sync@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-3.0.0.tgz#17b108f9ee512dfb7a5c7f3c8b27ea9e1a9c08d1"
+  integrity sha512-YbffarhcicEhOrm4CtrwdKBdCuz576RLdhJDsIfvNtxUuhdRet1qZcsMjqbePtAseKdAnDyM/IyXbu7PRPRLYg==
+  dependencies:
+    detect-file "^1.0.0"
+    is-glob "^4.0.0"
+    micromatch "^3.0.4"
+    resolve-dir "^1.0.1"
+
 findup-sync@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/findup-sync/-/findup-sync-2.0.0.tgz#9326b1488c22d1a6088650a86901b2d9a90a2cbc"
@@ -12628,6 +13555,17 @@ findup-sync@^2.0.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"
+
 fireworm@^0.7.0:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/fireworm/-/fireworm-0.7.1.tgz#ccf20f7941f108883fcddb99383dbe6e1861c758"
@@ -12639,6 +13577,11 @@ fireworm@^0.7.0:
     lodash.flatten "^3.0.2"
     minimatch "^3.0.2"
 
+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-cache@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
@@ -12649,9 +13592,9 @@ flat-cache@^2.0.1:
     write "1.0.3"
 
 flatted@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.0.tgz#55122b6536ea496b4b44893ee2608141d10d9916"
-  integrity sha512-R+H8IZclI8AAkSBRQJLVOsxwAoHd6WC40b4QTNWIjzAa6BXOBfQcM587MXDTVPeYaopFNWHUFLx7eNmHDSxMWg==
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.1.tgz#69e57caa8f0eacbc281d2e2cb458d46fdb449e08"
+  integrity sha512-a1hQMktqW9Nmqr5aktAux3JMNqaucxGcjtjWnZLHX7yyPCmlSV3M54nGYbqT8K+0GhF3NBgmJCc3ma+WOgX8Jg==
 
 flatten@^1.0.2:
   version "1.0.2"
@@ -12659,16 +13602,16 @@ flatten@^1.0.2:
   integrity sha1-2uRqnXj74lKSJYzB54CkHZXAN4I=
 
 flow-parser@0.*:
-  version "0.99.0"
-  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.99.0.tgz#1fd3d1751b897a74c1f92c758688eb7f200237f0"
-  integrity sha512-6opkcL97qs5MhXqP9X/jym0lia6jsqyHpA+Z+6GlJv3bPOfmR45WACEwubJCXv0rMS1ryGF+E5ONzRpxzSoGZQ==
+  version "0.102.0"
+  resolved "https://registry.yarnpkg.com/flow-parser/-/flow-parser-0.102.0.tgz#5b42d36759d50bd73509b2a2fc8b5a00162a03c1"
+  integrity sha512-lePuMLr6QXv3AwTCl/pnh55YIzHNHHNPl0FW0wuug+tJKSN2UoWFCriANsYNax0Bm0GivHUGQPPQ/GmGgEXbSA==
 
 flush-promises@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/flush-promises/-/flush-promises-1.0.2.tgz#4948fd58f15281fed79cbafc86293d5bb09b2ced"
   integrity sha512-G0sYfLQERwKz4+4iOZYQEZVpOt9zQrlItIxQAAYAWpfby3gbHrx0osCHz5RLl/XoXevXk0xoN4hDFky/VV9TrA==
 
-flush-write-stream@^1.0.0:
+flush-write-stream@^1.0.0, flush-write-stream@^1.0.2:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
   integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
@@ -12682,9 +13625,9 @@ fn-name@^2.0.1, fn-name@~2.0.1:
   integrity sha1-UhTXU3pNBqSjAcDMJi/rhBiAAuc=
 
 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==
+  version "0.6.5"
+  resolved "https://registry.yarnpkg.com/focus-lock/-/focus-lock-0.6.5.tgz#f6eb37832a9b1b205406175f5277396a28c0fce1"
+  integrity sha512-i/mVBOoa9o+tl+u9owOJUF8k8L85odZNIsctB+JAK2HFT8jckiBwmk+3uydlm6FN8czgnkIwQtBv6yyAbrzXjw==
 
 follow-redirects@^1.0.0, follow-redirects@^1.2.5, follow-redirects@^1.3.0, follow-redirects@^1.4.1:
   version "1.7.0"
@@ -12693,13 +13636,6 @@ follow-redirects@^1.0.0, follow-redirects@^1.2.5, follow-redirects@^1.3.0, follo
   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@^0.1.3:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"
@@ -12724,11 +13660,29 @@ for-own@^1.0.0:
   dependencies:
     for-in "^1.0.1"
 
+foreach@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
+  integrity sha1-C+4AUBiusmDQo6865ljdATbsG5k=
+
 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=
 
+fork-ts-checker-webpack-plugin@1.0.0-alpha.6:
+  version "1.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-1.0.0-alpha.6.tgz#826c57048addf8a3253853615c84f3ff7beeaf45"
+  integrity sha512-s/V+58nLrUjuXyzYk8AL11XG8bxIirTbafDLMn26sL59HQx8QvvsRTqOkhq4MV0coIkog1jZuH/E9Abm8zFZ2g==
+  dependencies:
+    babel-code-frame "^6.22.0"
+    chalk "^2.4.1"
+    chokidar "^2.0.4"
+    micromatch "^3.1.10"
+    minimatch "^3.0.4"
+    semver "^5.6.0"
+    tapable "^1.0.0"
+
 fork-ts-checker-webpack-plugin@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-1.1.1.tgz#caf2a210778fb1e171b6993ca0a40f9b6589e3b7"
@@ -12744,9 +13698,9 @@ fork-ts-checker-webpack-plugin@1.1.1:
     worker-rpc "^0.1.0"
 
 fork-ts-checker-webpack-plugin@^1.3.3, fork-ts-checker-webpack-plugin@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-1.3.4.tgz#a75b6fe8d3db0089555f083c4f77372227704244"
-  integrity sha512-2QDXnI2mbbly/OHx/ivtspi2l4K2g+IB0LTQ3AwsBfxyHtMFXtojlsJqGyhUggX08BC+F02CoCG0hRSPOLU2dQ==
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-1.3.7.tgz#2b9d50f1abcafe2c0b9c6e8cce76ee384fa661a1"
+  integrity sha512-n55O6fIIZrPdWFSQ0WYBs6Umdx0EatCvCM7xstegycDucnDQJmyUO9tc1lvabTh8ojL6a9aN/Sh0iFXZxq4mfA==
   dependencies:
     babel-code-frame "^6.22.0"
     chalk "^2.4.1"
@@ -12766,7 +13720,7 @@ form-data@2.3.2:
     combined-stream "1.0.6"
     mime-types "^2.1.12"
 
-form-data@^2.3.1, form-data@~2.3.2:
+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==
@@ -12785,11 +13739,6 @@ format@^0.2.2:
   resolved "https://registry.yarnpkg.com/format/-/format-0.2.2.tgz#d6170107e9efdc4ed30c9dc39016df942b5cb58b"
   integrity sha1-1hcBB+nv3E7TDJ3DkBbflCtctYs=
 
-formidable@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/formidable/-/formidable-1.2.1.tgz#70fb7ca0290ee6ff961090415f4b3df3d2082659"
-  integrity sha512-Fs9VRguL0gqGHkXS5GQiMCr1VhZBxz0JnJs4JmMp/2jL18Fmbzvv7vOFRU+U8TBkHEE/CX1qDXzJplVULgsLeg==
-
 forwarded@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
@@ -12902,11 +13851,11 @@ fs-extra@^5.0.0:
     universalify "^0.1.0"
 
 fs-extra@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.0.1.tgz#90294081f978b1f182f347a440a209154344285b"
-  integrity sha512-W+XLrggcDzlle47X/XnS7FXrXu9sDo+Ze9zpndeBxdgv88FHLm1HtmkhEwavruS6koanBjp098rUpHs65EmG7A==
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
   dependencies:
-    graceful-fs "^4.1.2"
+    graceful-fs "^4.2.0"
     jsonfile "^4.0.0"
     universalify "^0.1.0"
 
@@ -12917,6 +13866,14 @@ fs-minipass@^1.2.5:
   dependencies:
     minipass "^2.2.1"
 
+fs-mkdirp-stream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz#0b7815fc3201c6a69e14db98ce098c16935259eb"
+  integrity sha1-C3gV/DIBxqaeFNuYzgmMFpNSWes=
+  dependencies:
+    graceful-fs "^4.1.11"
+    through2 "^2.0.3"
+
 fs-readdir-recursive@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
@@ -12964,6 +13921,15 @@ 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"
@@ -13072,6 +14038,20 @@ genfun@^5.0.0:
   resolved "https://registry.yarnpkg.com/genfun/-/genfun-5.0.0.tgz#9dd9710a06900a5c4a5bf57aca5da4e52fe76537"
   integrity sha512-KGDOARWVga7+rnB3z9Sd2Letx515owfk0hSxHGuqjANb1M+x2bGZGqHLiozPsYMdM2OubeMni/Hpwmjq6qIUhA==
 
+gentle-fs@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/gentle-fs/-/gentle-fs-2.0.1.tgz#585cfd612bfc5cd52471fdb42537f016a5ce3687"
+  integrity sha512-cEng5+3fuARewXktTEGbwsktcldA+YsnUEaXZwcK/3pjSE1X9ObnTs+/8rYf8s+RnIcQm2D5x3rwpN7Zom8Bew==
+  dependencies:
+    aproba "^1.1.2"
+    fs-vacuum "^1.2.10"
+    graceful-fs "^4.1.11"
+    iferr "^0.1.5"
+    mkdirp "^0.5.1"
+    path-is-inside "^1.0.2"
+    read-cmd-shim "^1.0.1"
+    slide "^1.1.6"
+
 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"
@@ -13082,7 +14062,7 @@ get-caller-file@^1.0.1:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
   integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==
 
-get-caller-file@^2.0.0:
+get-caller-file@^2.0.0, get-caller-file@^2.0.1:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
@@ -13145,6 +14125,13 @@ get-stream@^4.0.0, get-stream@^4.1.0:
   dependencies:
     pump "^3.0.0"
 
+get-stream@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.1.0.tgz#01203cdc92597f9b909067c3e656cc1f4d3c4dc9"
+  integrity sha512-EXr1FOzrzTfGeL0gQdeFEvOMm2mzMOglyiOXSTpPC+iAjAKftbr3jpCMWynogwYnM+eSj9sHGc6wjIcDvYiygw==
+  dependencies:
+    pump "^3.0.0"
+
 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"
@@ -13273,6 +14260,13 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
+glob-parent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.0.0.tgz#1dc99f0f39b006d3e92c2c284068382f0c20e954"
+  integrity sha512-Z2RwiujPRGluePM6j699ktJYxmPpJKCfpGA13jz2hmFZC7gKetzrWvg5KN3+OsIFmydGyZ1AVwERCq1w/ZZwRg==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob-promise@3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/glob-promise/-/glob-promise-3.4.0.tgz#b6b8f084504216f702dc2ce8c9bc9ac8866fdb20"
@@ -13280,11 +14274,39 @@ glob-promise@3.4.0:
   dependencies:
     "@types/glob" "*"
 
+glob-stream@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/glob-stream/-/glob-stream-6.1.0.tgz#7045c99413b3eb94888d83ab46d0b404cc7bdde4"
+  integrity sha1-cEXJlBOz65SIjYOrRtC0BMx73eQ=
+  dependencies:
+    extend "^3.0.0"
+    glob "^7.1.1"
+    glob-parent "^3.1.0"
+    is-negated-glob "^1.0.0"
+    ordered-read-streams "^1.0.0"
+    pumpify "^1.3.5"
+    readable-stream "^2.1.5"
+    remove-trailing-separator "^1.0.1"
+    to-absolute-glob "^2.0.0"
+    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-watcher@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/glob-watcher/-/glob-watcher-5.0.3.tgz#88a8abf1c4d131eb93928994bc4a593c2e5dd626"
+  integrity sha512-8tWsULNEPHKQ2MR4zXuzSmqbdyV5PtwwCaWSGQ1WwHsJ07ilNeN1JB8ntxhckbnpSHaf9dXFUHzIWvm1I13dsg==
+  dependencies:
+    anymatch "^2.0.0"
+    async-done "^1.2.0"
+    chokidar "^2.0.0"
+    is-negated-glob "^1.0.0"
+    just-debounce "^1.0.0"
+    object.defaults "^1.1.0"
+
 glob@7.0.x:
   version "7.0.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
@@ -13343,7 +14365,7 @@ glob@^6.0.1:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.0.4, glob@^7.0.6, glob@^7.1.0, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@~7.1.1:
+glob@^7.0.0, glob@^7.0.3, glob@^7.0.4, glob@^7.0.6, glob@^7.1.0, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@~7.1.1:
   version "7.1.4"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.4.tgz#aa608a2f6c577ad357e1ae5a5c26d9a8d1969255"
   integrity sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==
@@ -13398,13 +14420,21 @@ global-prefix@^3.0.0:
     kind-of "^6.0.2"
     which "^1.3.1"
 
-global@^4.3.0, global@^4.3.2, global@~4.3.0:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/global/-/global-4.3.2.tgz#e76989268a6c74c38908b1305b10fc0e394e9d0f"
-  integrity sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=
+global@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/global/-/global-3.0.2.tgz#a278d23f35acc041e4938e8982dc66e383fb1329"
+  integrity sha1-onjSPzWswEHkk46Jgtxm44P7Eyk=
+  dependencies:
+    min-document "^2.6.1"
+    process "~0.5.1"
+
+global@^4.3.0, global@^4.3.2:
+  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.5.1"
+    process "^0.11.10"
 
 globals@^11.1.0, globals@^11.7.0:
   version "11.12.0"
@@ -13449,6 +14479,20 @@ globby@8.0.2, globby@^8.0.1:
     pify "^3.0.0"
     slash "^1.0.0"
 
+globby@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.1.tgz#4782c34cb75dd683351335c5829cc3420e606b22"
+  integrity sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A==
+  dependencies:
+    "@types/glob" "^7.1.1"
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.0.3"
+    glob "^7.1.3"
+    ignore "^5.1.1"
+    merge2 "^1.2.3"
+    slash "^3.0.0"
+
 globby@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d"
@@ -13482,6 +14526,13 @@ globule@^1.0.0:
     lodash "~4.17.10"
     minimatch "~3.0.2"
 
+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"
@@ -13546,23 +14597,32 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
-  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-fs@^4.0.0, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.0.tgz#8d8fdc73977cb04104721cb53666c1ca64cd328b"
+  integrity sha512-jpSvDPV4Cq/bgtpndIWbI5hmYxhQGHPC4d4cqBPb4DLniCfhJokdXhwhaDuLBGLQdvvRum/UiX6ECVIPvDXqdg==
 
 "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=
 
-graphiql@^0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/graphiql/-/graphiql-0.13.0.tgz#8fcbfd25f73d84806ba6d3e8c96eac0a5bec8ab7"
-  integrity sha512-m2RBtSY1CQLz4XqCftQC0V9ZcbUXEx2Uwvuok3L/TJtsN5HOHUmPxGhOAZs7mESaAsg7Z8Tgy04BmYirDyfWug==
+grapheme-breaker@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/grapheme-breaker/-/grapheme-breaker-0.3.2.tgz#5b9e6b78c3832452d2ba2bb1cb830f96276410ac"
+  integrity sha1-W55reMODJFLSuiuxy4MPlidkEKw=
   dependencies:
-    codemirror "^5.26.0"
-    codemirror-graphql "^0.7.1"
+    brfs "^1.2.0"
+    unicode-trie "^0.3.1"
+
+graphiql@^0.13.0:
+  version "0.13.2"
+  resolved "https://registry.yarnpkg.com/graphiql/-/graphiql-0.13.2.tgz#cdd0f3eb656a82e9787531ae27433819ca455d58"
+  integrity sha512-4N2HmQQpUfApS1cxrTtoZ15tnR3EW88oUiqmza6GgNQYZZfDdBGphdQlBYsKcjAB/SnIOJort+RA1dB6kf4M7Q==
+  dependencies:
+    codemirror "^5.47.0"
+    codemirror-graphql "^0.8.3"
+    copy-to-clipboard "^3.2.0"
     markdown-it "^8.4.0"
 
 graphql-config@2.0.1:
@@ -13642,9 +14702,9 @@ graphql@0.13.2:
     iterall "^1.2.1"
 
 graphql@^14.1.1, graphql@^14.2.1:
-  version "14.3.1"
-  resolved "https://registry.yarnpkg.com/graphql/-/graphql-14.3.1.tgz#b3aa50e61a841ada3c1f9ccda101c483f8e8c807"
-  integrity sha512-FZm7kAa3FqKdXy8YSSpAoTtyDFMIYSpCDOr+3EqlI1bxmtHu+Vv/I2vrSeT1sBOEnEniX3uo4wFhFdS/8XN6gA==
+  version "14.4.2"
+  resolved "https://registry.yarnpkg.com/graphql/-/graphql-14.4.2.tgz#553a7d546d524663eda49ed6df77577be3203ae3"
+  integrity sha512-6uQadiRgnpnSS56hdZUSvFrVcQ6OF9y6wkxJfKquFtHlnl7+KSuWwSJsdwiK1vybm1HgcdbpGkCpvhvsVQ0UZQ==
   dependencies:
     iterall "^1.2.2"
 
@@ -13670,6 +14730,69 @@ gud@^1.0.0:
   resolved "https://registry.yarnpkg.com/gud/-/gud-1.0.0.tgz#a489581b17e6a70beca9abe3ae57de7a499852c0"
   integrity sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==
 
+gulp-babel@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/gulp-babel/-/gulp-babel-8.0.0.tgz#e0da96f4f2ec4a88dd3a3030f476e38ab2126d87"
+  integrity sha512-oomaIqDXxFkg7lbpBou/gnUkX51/Y/M2ZfSjL2hdqXTAlSWZcgZtd2o0cOH0r/eE8LWD0+Q/PsLsr2DKOoqToQ==
+  dependencies:
+    plugin-error "^1.0.1"
+    replace-ext "^1.0.0"
+    through2 "^2.0.0"
+    vinyl-sourcemaps-apply "^0.2.0"
+
+gulp-cli@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/gulp-cli/-/gulp-cli-2.2.0.tgz#5533126eeb7fe415a7e3e84a297d334d5cf70ebc"
+  integrity sha512-rGs3bVYHdyJpLqR0TUBnlcZ1O5O++Zs4bA0ajm+zr3WFCfiSLjGwoCBqFs18wzN+ZxahT9DkOK5nDf26iDsWjA==
+  dependencies:
+    ansi-colors "^1.0.1"
+    archy "^1.0.0"
+    array-sort "^1.0.0"
+    color-support "^1.1.3"
+    concat-stream "^1.6.0"
+    copy-props "^2.0.1"
+    fancy-log "^1.3.2"
+    gulplog "^1.0.0"
+    interpret "^1.1.0"
+    isobject "^3.0.1"
+    liftoff "^3.1.0"
+    matchdep "^2.0.0"
+    mute-stdout "^1.0.0"
+    pretty-hrtime "^1.0.0"
+    replace-homedir "^1.0.0"
+    semver-greatest-satisfied-range "^1.1.0"
+    v8flags "^3.0.1"
+    yargs "^7.1.0"
+
+gulp-typescript@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/gulp-typescript/-/gulp-typescript-5.0.1.tgz#96c6565a6eb31e08c2aae1c857b1a079e6226d94"
+  integrity sha512-YuMMlylyJtUSHG1/wuSVTrZp60k1dMEFKYOvDf7OvbAJWrDtxxD4oZon4ancdWwzjj30ztiidhe4VXJniF0pIQ==
+  dependencies:
+    ansi-colors "^3.0.5"
+    plugin-error "^1.0.1"
+    source-map "^0.7.3"
+    through2 "^3.0.0"
+    vinyl "^2.1.0"
+    vinyl-fs "^3.0.3"
+
+gulp@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/gulp/-/gulp-4.0.2.tgz#543651070fd0f6ab0a0650c6a3e6ff5a7cb09caa"
+  integrity sha512-dvEs27SCZt2ibF29xYgmnwwCYZxdxhQ/+LFWlbAW8y7jt68L/65402Lz3+CKy0Ov4rOs+NERmDq7YlZaDqUIfA==
+  dependencies:
+    glob-watcher "^5.0.3"
+    gulp-cli "^2.2.0"
+    undertaker "^1.2.1"
+    vinyl-fs "^3.0.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@5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-5.0.0.tgz#a55ecd99222f4c48fd8c01c625ce3b349d0a0e80"
@@ -13739,6 +14862,11 @@ has-cors@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@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
@@ -13829,7 +14957,7 @@ hash-base@^3.0.0:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
-hash-for-dep@^1.0.2, hash-for-dep@^1.2.3, hash-for-dep@^1.4.7, hash-for-dep@^1.5.0:
+hash-for-dep@^1.0.2, hash-for-dep@^1.2.3, hash-for-dep@^1.4.7, hash-for-dep@^1.5.0, hash-for-dep@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/hash-for-dep/-/hash-for-dep-1.5.1.tgz#497754b39bee2f1c4ade4521bfd2af0a7c1196e3"
   integrity sha512-/dQ/A2cl7FBPI2pO0CANkvuuVi/IFS5oTyJ0PsOb6jW6WbVW1js5qJXMJTNbWHXBIPdFTWFbabjB+mE0d+gelw==
@@ -13872,9 +15000,9 @@ hast-to-hyperscript@^7.0.0:
     web-namespaces "^1.1.2"
 
 hast-util-from-parse5@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-5.0.0.tgz#a505a05766e0f96e389bfb0b1dd809eeefcef47b"
-  integrity sha512-A7ev5OseS/J15214cvDdcI62uwovJO2PB60Xhnq7kaxvvQRFDEccuqbkrFXU03GPBGopdPqlpQBRqIcDS/Fjbg==
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-5.0.1.tgz#7da8841d707dcf7be73715f7f3b14e021c4e469a"
+  integrity sha512-UfPzdl6fbxGAxqGYNThRUhRlDYY7sXu6XU9nQeX4fFZtV+IHbyEJtd+DUuwOqNV4z3K05E/1rIkoVr/JHmeWWA==
   dependencies:
     ccount "^1.0.3"
     hastscript "^5.0.0"
@@ -13883,9 +15011,9 @@ hast-util-from-parse5@^5.0.0:
     xtend "^4.0.1"
 
 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==
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-2.2.2.tgz#66aabccb252c47d94975f50a281446955160380b"
+  integrity sha512-jIMtnzrLTjzqgVEQqPEmwEZV+ea4zHRFTP8Z2Utw0I5HuBOXHzUPPQWr6ouJdJqDKLbFU/OEiYwZ79LalZkmmw==
 
 hast-util-raw@^5.0.0:
   version "5.0.1"
@@ -13913,9 +15041,9 @@ hast-util-to-parse5@^5.0.0:
     zwitch "^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==
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-5.1.0.tgz#a19b3cca6a26a2bcd0f1b1eac574af9427c1c7df"
+  integrity sha512-7mOQX5VfVs/gmrOGlN8/EDfp1GqV6P3gTNVt+KnX4gbYhpASTM8bklFdFQCbFRAadURXAmw0R1QQdBdqp7jswQ==
   dependencies:
     comma-separated-tokens "^1.0.0"
     hast-util-parse-selector "^2.2.0"
@@ -13968,6 +15096,11 @@ 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@^9.12.0:
+  version "9.15.8"
+  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.15.8.tgz#f344fda123f36f1a65490e932cf90569e4999971"
+  integrity sha512-RrapkKQWwE+wKdF73VsOa2RQdIoO3mxwJ4P8mhbI6KYJUraUHRKM5w5zQQKXNk0xNL4UVRdulV9SBJcmzJNzVA==
+
 highlight.js@~9.12.0:
   version "9.12.0"
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.12.0.tgz#e6d9dbe57cbefe60751f02af336195870c90c01e"
@@ -14024,7 +15157,7 @@ homedir-polyfill@^1.0.0, homedir-polyfill@^1.0.1:
   dependencies:
     parse-passwd "^1.0.0"
 
-hoopy@^0.1.2:
+hoopy@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
   integrity sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==
@@ -14102,6 +15235,11 @@ html-minifier@^3.2.3, html-minifier@^3.5.20, html-minifier@^3.5.8:
     relateurl "0.2.x"
     uglify-js "3.4.x"
 
+html-tags@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-1.2.0.tgz#c78de65b5663aa597989dd2b7ab49200d7e4db98"
+  integrity sha1-x43mW1Zjqll5id0rerSSANfk25g=
+
 html-tags@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-2.0.0.tgz#10b30a386085f43cede353cc8fa7cb0deeea668b"
@@ -14139,7 +15277,7 @@ html-webpack-plugin@4.0.0-beta.5, html-webpack-plugin@^4.0.0-beta.2:
 
 html-webpack-plugin@^3.2.0:
   version "3.2.0"
-  resolved "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz#b01abbd723acaaa7b37b6af4492ebda03d9dd37b"
+  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz#b01abbd723acaaa7b37b6af4492ebda03d9dd37b"
   integrity sha1-sBq71yOsqqeze2r0SS69oD2d03s=
   dependencies:
     html-minifier "^3.2.3"
@@ -14155,15 +15293,29 @@ htmlescape@^1.1.0:
   resolved "https://registry.yarnpkg.com/htmlescape/-/htmlescape-1.1.1.tgz#3a03edc2214bca3b66424a3e7959349509cb0351"
   integrity sha1-OgPtwiFLyjtmQko+eVk0lQnLA1E=
 
-htmljs-parser@^2.6.5:
-  version "2.6.6"
-  resolved "https://registry.yarnpkg.com/htmljs-parser/-/htmljs-parser-2.6.6.tgz#e3121346524acdaa7574cd8ce167c90da8985d94"
-  integrity sha512-cwIV9dkA5WgDuhZigrL6Aw1+sGdhlVi5b4csijnGVHe0GATGY0ibHt68q2O7nULTtg5HTMtR8tdvd2yVfPIZxg==
+htmljs-parser@^2.6.7:
+  version "2.6.8"
+  resolved "https://registry.yarnpkg.com/htmljs-parser/-/htmljs-parser-2.6.8.tgz#cce8237aea2b3141dc69cc282f3920f51079fa3f"
+  integrity sha512-il0NrLbNyt29nZuciLbrRKRMBi8VVVjVpv/x37z9qyubQscsoMzcsw3Fp35QvPR9p2eurQ/TBKrfdZ+joDX/rw==
   dependencies:
     char-props "^0.1.5"
     complain "^1.0.0"
 
-htmlparser2@^3.10.0, htmlparser2@^3.3.0, htmlparser2@^3.9.1:
+htmlnano@^0.2.2:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/htmlnano/-/htmlnano-0.2.3.tgz#ff654a641e8006c893bdd9ad4988ee4ab664449a"
+  integrity sha512-iS6T3J5gk2wInodbtMUyAU8sLYJOhuWDnIEd8lFRoHTypVGgawPHFEx2ZIK/XTErtDfwHBsrXeCwHAP8bdoSWw==
+  dependencies:
+    cssnano "^4.1.9"
+    normalize-html-whitespace "^0.2.0"
+    object-assign "^4.0.1"
+    posthtml "^0.11.3"
+    posthtml-render "^1.1.4"
+    svgo "^1.0.5"
+    terser "^3.16.1"
+    uncss "^0.16.2"
+
+htmlparser2@^3.10.0, htmlparser2@^3.3.0, htmlparser2@^3.9.1, htmlparser2@^3.9.2:
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
   integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==
@@ -14200,7 +15352,7 @@ http-errors@1.6.3, http-errors@~1.6.2, http-errors@~1.6.3:
     setprototypeof "1.1.0"
     statuses ">= 1.4.0 < 2"
 
-http-errors@1.7.2, http-errors@^1.7.1, http-errors@^1.7.2, http-errors@~1.7.2:
+http-errors@1.7.2:
   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==
@@ -14211,10 +15363,21 @@ http-errors@1.7.2, http-errors@^1.7.1, http-errors@^1.7.2, http-errors@~1.7.2:
     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-errors@1.7.3, http-errors@^1.7.2, http-errors@~1.7.2:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.3.tgz#6c619e4f9c60308c38519498c14fbb10aacebb06"
+  integrity sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==
+  dependencies:
+    depd "~1.1.2"
+    inherits "2.0.4"
+    setprototypeof "1.1.1"
+    statuses ">= 1.5.0 < 2"
+    toidentifier "1.0.0"
+
+"http-parser-js@>=0.4.0 <0.4.11":
+  version "0.4.10"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.4.10.tgz#92c9c1374c35085f75db359ec56cc257cbb93fa4"
+  integrity sha1-ksnBN0w1CF912zWexWzCV8u5P6Q=
 
 http-proxy-agent@^2.1.0:
   version "2.1.0"
@@ -14282,11 +15445,11 @@ https-browserify@^1.0.0:
   integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
 
 https-proxy-agent@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.1.tgz#51552970fa04d723e04c56d04178c3f92592bbc0"
-  integrity sha512-HPCTS1LW51bcyMYbxUIOO4HEOlQ1/1qRaFWcyxvwaqUS9TY88aoEuHUY33kuAh1YhVVaDQhLZsnPd+XNARWZlQ==
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.2.tgz#271ea8e90f836ac9f119daccd39c19ff7dfb0793"
+  integrity sha512-c8Ndjc9Bkpfx/vCJueCPy0jlP4ccCCSNDp8xwCZzPjKJUm+B+u9WX2x98Qx4n1PiMNTWo3D7KK5ifNV/yJyRzg==
   dependencies:
-    agent-base "^4.1.0"
+    agent-base "^4.3.0"
     debug "^3.1.0"
 
 humanize-ms@^1.2.1:
@@ -14297,9 +15460,9 @@ humanize-ms@^1.2.1:
     ms "^2.0.0"
 
 husky@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-2.3.0.tgz#8b78ed24d763042df7fd899991985d65a976dd13"
-  integrity sha512-A/ZQSEILoq+mQM3yC3RIBSaw1bYXdkKnyyKVSUiJl+iBjVZc5LQEXdGY1ZjrDxC4IzfRPiJ0IqzEQGCN5TQa/A==
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-2.7.0.tgz#c0a9a6a3b51146224e11bba0b46bba546e461d05"
+  integrity sha512-LIi8zzT6PyFpcYKdvWRCn/8X+6SuG2TgYYMrM6ckEYhlp44UcEduVymZGIZNLiwOUjrEud+78w/AsAiqJA/kRg==
   dependencies:
     cosmiconfig "^5.2.0"
     execa "^1.0.0"
@@ -14331,7 +15494,7 @@ iconv-lite@0.4.24, iconv-lite@^0.4.17, iconv-lite@^0.4.24, iconv-lite@^0.4.4, ic
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
-icss-replace-symbols@^1.1.0:
+icss-replace-symbols@1.1.0, 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=
@@ -14382,6 +15545,11 @@ ignore@^4.0.6:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
+ignore@^5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.2.tgz#e28e584d43ad7e92f96995019cc43b9e1ac49558"
+  integrity sha512-vdqWBp7MyzdmHkkRWV5nY+PfGRbYbahfuvsBCh277tq+w9zyNi7h5CYJCK0kmzti9kU+O/cB7sE8HvKv6aXAKQ==
+
 ignoring-watcher@^1.0.5:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/ignoring-watcher/-/ignoring-watcher-1.1.0.tgz#44baf129b8ebe319b5519d6582e109283a9dd2c0"
@@ -14413,7 +15581,7 @@ image-size@^0.6.0, image-size@^0.6.3:
 
 image-source-loader@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/image-source-loader/-/image-source-loader-0.6.5.tgz#5c8f803d3f354d947e860893200f4561b8bbe9a8"
+  resolved "https://registry.yarnpkg.com/image-source-loader/-/image-source-loader-0.6.5.tgz#5c8f803d3f354d947e860893200f4561b8bbe9a8"
   integrity sha512-mvDrYkpECf4sXih54ATE4ONqVFlIHpE+ovpmaJYApaq5BK5myUoPEVdDKRfxdMrmvRfxvSI0PEHYzvYItMzO5g==
   dependencies:
     image-size "^0.5.1"
@@ -14454,9 +15622,9 @@ import-fresh@^2.0.0:
     resolve-from "^3.0.0"
 
 import-fresh@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.0.0.tgz#a3d897f420cab0e671236897f75bc14b4885c390"
-  integrity sha512-pOnA9tfM3Uwics+SaBLCNyZZZbK+4PTu0OPZtLlMIrv17EdBoC15S9Kn8ckJ9TZTyKb3ywNE5y1yeDxxGA7nTQ==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.1.0.tgz#6d33fa1dcef6df930fae003446f33415af905118"
+  integrity sha512-PpuksHKGt8rXfWEr9m9EHIpgyyaltBy8+eF6GJM0QCAxMgxCfucMF3mjecK2QsJr0amJW7gTqh5/wht0z2UhEQ==
   dependencies:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
@@ -14473,6 +15641,14 @@ import-lazy@^2.1.0:
   resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43"
   integrity sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=
 
+import-local@2.0.0, import-local@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
+  integrity sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==
+  dependencies:
+    pkg-dir "^3.0.0"
+    resolve-cwd "^2.0.0"
+
 import-local@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-1.0.0.tgz#5e4ffdc03f4fe6c009c6729beb29631c2f8227bc"
@@ -14481,14 +15657,6 @@ import-local@^1.0.0:
     pkg-dir "^2.0.0"
     resolve-cwd "^2.0.0"
 
-import-local@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
-  integrity sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==
-  dependencies:
-    pkg-dir "^3.0.0"
-    resolve-cwd "^2.0.0"
-
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -14534,16 +15702,21 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.3, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, 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, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
 inherits@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
   integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
 
+inherits@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
+
 ini@1.3.5, ini@^1.3.2, ini@^1.3.4, ini@^1.3.5, ini@~1.3.0:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
@@ -14581,6 +15754,11 @@ inline-source-map@~0.6.0:
   dependencies:
     source-map "~0.5.3"
 
+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==
+
 inquirer@5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-5.2.0.tgz#db350c2b73daca77ff1243962e9f22f099685726"
@@ -14659,9 +15837,9 @@ inquirer@^3.0.6:
     through "^2.3.6"
 
 inquirer@^6, inquirer@^6.2.0, inquirer@^6.2.2:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.3.1.tgz#7a413b5e7950811013a3db491c61d1f3b776e8e7"
-  integrity sha512-MmL624rfkFt4TG9y/Jvmt8vdmOo836U7Y0Hxr2aFk3RelZEGX4Igk0KabWrcaaZaTv9uzglOqWh1Vly+FAWAXA==
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.4.1.tgz#7bd9e5ab0567cd23b41b0180b68e0cfa82fc3c0b"
+  integrity sha512-/Jw+qPZx4EDYsaT6uz7F4GJRNFMRdKNeUZw3ZnKV8lyuUgz/YWRCSUAJMZSVhSq4Ec0R2oYnyi6b3d4JXcL5Nw==
   dependencies:
     ansi-escapes "^3.2.0"
     chalk "^2.4.2"
@@ -14709,7 +15887,7 @@ internal-ip@^4.0.0, internal-ip@^4.2.0, internal-ip@^4.3.0:
     default-gateway "^4.2.0"
     ipaddr.js "^1.9.0"
 
-interpret@^1.0.0, interpret@^1.1.0, interpret@^1.2.0:
+interpret@1.2.0, interpret@^1.0.0, interpret@^1.1.0, interpret@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.2.0.tgz#d5061a6224be58e8083985f5014d844359576296"
   integrity sha512-mT34yGKMNceBQUoVn7iCDKDntA7SC6gycMAWzGx1z/CMCTV7b2AAtXlo3nRyHZ1FelRkQbQjprHSYGwzLtkVbw==
@@ -14777,6 +15955,14 @@ is-absolute@^0.2.3:
     is-relative "^0.2.1"
     is-windows "^0.2.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"
@@ -14925,9 +16111,12 @@ is-directory@^0.3.1:
   integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
 
 is-dom@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/is-dom/-/is-dom-1.0.9.tgz#483832d52972073de12b9fe3f60320870da8370d"
-  integrity sha1-SDgy1SlyBz3hK5/j9gMghw2oNw0=
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-dom/-/is-dom-1.1.0.tgz#af1fced292742443bb59ca3f76ab5e80907b4e8a"
+  integrity sha512-u82f6mvhYxRPKpw8V1N0W8ce1xXwOrQtgGcxl6UCL5zBmZu3is/18K0rR7uFCnMDuAsS/3W54mGL4vsaFUQlEQ==
+  dependencies:
+    is-object "^1.0.1"
+    is-window "^1.0.2"
 
 is-dotfile@^1.0.0:
   version "1.0.3"
@@ -14946,12 +16135,20 @@ 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-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:
+is-extendable@^1.0.0, 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==
@@ -15033,6 +16230,13 @@ is-hidden@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-hidden/-/is-hidden-1.1.2.tgz#6497d48ec5affc7da0f11a3c0dadceb6752e8edd"
   integrity sha512-kytBeNVW2QTIqZdJBDKIjP+EkUTzDT07rsc111w/gxqR6wK3ODkOswcpxgED6HU6t7fEhOxqojVZ2a2kU9rj+A==
 
+is-html@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-html/-/is-html-1.1.0.tgz#e04f1c18d39485111396f9a0273eab51af218464"
+  integrity sha1-4E8cGNOUhRETlvmgJz6rUa8hhGQ=
+  dependencies:
+    html-tags "^1.0.0"
+
 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"
@@ -15048,6 +16252,11 @@ is-lower-case@^1.1.0:
   dependencies:
     lower-case "^1.1.0"
 
+is-negated-glob@^1.0.0:
+  version "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@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-3.0.0.tgz#ec9147bfb629c43f494cf67936a961edec7e8053"
@@ -15105,9 +16314,9 @@ is-path-cwd@^1.0.0:
   integrity sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0=
 
 is-path-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.1.0.tgz#2e0c7e463ff5b7a0eb60852d851a6809347a124c"
-  integrity sha512-Sc5j3/YnM8tDeyCsVeKlm/0p95075DyLmDEIkSgQ7mXkrOX+uTCtmQFm0CYzVyJwcCCmO3k8qfJt17SxQwB5Zw==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
+  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
 
 is-path-in-cwd@^1.0.0:
   version "1.0.1"
@@ -15166,7 +16375,7 @@ is-primitive@^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:
+is-promise@^2.0.0, 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=
@@ -15183,7 +16392,7 @@ is-reference@^1.1.0:
   dependencies:
     "@types/estree" "0.0.39"
 
-is-regex@^1.0.4:
+is-regex@^1.0.3, 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=
@@ -15202,6 +16411,13 @@ is-relative@^0.2.1:
   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-resolvable@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
@@ -15279,6 +16495,13 @@ is-unc-path@^0.1.1:
   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-upper-case@^1.1.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/is-upper-case/-/is-upper-case-1.1.2.tgz#8d0b1fa7e7933a1e58483600ec7d9661cbaf756f"
@@ -15286,16 +16509,31 @@ is-upper-case@^1.1.0:
   dependencies:
     upper-case "^1.1.0"
 
-is-utf8@^0.2.0:
+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==
+
+is-utf8@^0.2.0, is-utf8@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
   integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
 
+is-valid-glob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-valid-glob/-/is-valid-glob-1.0.0.tgz#29bf3eff701be2d4d315dbacc39bc39fe8f601aa"
+  integrity sha1-Kb8+/3Ab4tTTFdusw5vDn+j2Aao=
+
 is-whitespace-character@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.3.tgz#b3ad9546d916d7d3ffa78204bca0c26b56257fac"
   integrity sha512-SNPgMLz9JzPccD3nPctcj8sZlX9DAMJSKH8bP7Z6bohCwuNgX8xbWr1eTAYXX9Vpi/aSn8Y1akL9WgM3t43YNQ==
 
+is-window@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-window/-/is-window-1.0.2.tgz#2c896ca53db97de45d3c33133a65d8c9f563480d"
+  integrity sha1-LIlspT25feRdPDMTOmXYyfVjSA0=
+
 is-windows@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-0.2.0.tgz#de1aa6d63ea29dd248737b69f1ff8b8002d2108c"
@@ -15317,9 +16555,9 @@ is-wsl@^1.1.0:
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
 is-wsl@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.0.0.tgz#32849d5bf66413883ce07fada2e924f5505ed493"
-  integrity sha512-58xqeym9YpL60zUX4GlBfSLgV0mOL5JRQ6b8HnmmD4crNxprFdL7JGuo9AgtY38+JqseeA6t+XzYCprTkD4nmg==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.1.0.tgz#94369bbeb2249ef07b831b1b08590e686330ccbb"
+  integrity sha512-pFTjpv/x5HRj8kbZ/Msxi9VrvtOMRBqaDi3OIcbwPI3OuH+r3lLxVWukLITBaOGJIbA/w2+M1eVmVa4XNQlAmQ==
 
 is-yarn-global@^0.3.0:
   version "0.3.0"
@@ -15410,7 +16648,7 @@ istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.5:
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#675f0ab69503fad4b1d849f736baaca803344f49"
   integrity sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==
 
-istanbul-lib-instrument@^1.7.3:
+istanbul-lib-instrument@^1.10.1, istanbul-lib-instrument@^1.7.3:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.10.2.tgz#1f55ed10ac3c47f2bdddd5307935126754d0a9ca"
   integrity sha512-aWHxfxDqvh/ZlxR8BBaEPVSWDPUkGD63VjGQn3jcw8jCp7sHEMKcrj4xfJn/ABzdMEHiQNyvDQhqm5o8+SQg7A==
@@ -15607,10 +16845,10 @@ jest-each@^24.8.0:
     jest-util "^24.8.0"
     pretty-format "^24.8.0"
 
-jest-emotion@^10.0.10:
-  version "10.0.11"
-  resolved "https://registry.yarnpkg.com/jest-emotion/-/jest-emotion-10.0.11.tgz#7d75e2675f36c4c8a30333e5b8e405f11c1a0638"
-  integrity sha512-gSlcRwDq5A6RCK+9vnQ3was3W3wTcQ1Jl+MbS6A4F9yvhT+YKHC4T1W7l+iqmGGNGiqFtJ7nXL6f0Q0En6o2ew==
+jest-emotion@^10.0.10, jest-emotion@^10.0.14:
+  version "10.0.14"
+  resolved "https://registry.yarnpkg.com/jest-emotion/-/jest-emotion-10.0.14.tgz#e3b7b267fda4201de995388f1934e1083f5dec81"
+  integrity sha512-iwvJV06Ref40/t5l3MswnNx7V9hohiaDRuegxADZr9ybPjdHt9Xvv+XGSARqHp2V/N6nIGQzBZ0nb1TCmyG2nw==
   dependencies:
     "@babel/runtime" "^7.4.3"
     "@types/jest" "^23.0.2"
@@ -15706,9 +16944,9 @@ jest-haste-map@23.5.0:
     sane "^2.0.0"
 
 jest-haste-map@^24.8.0:
-  version "24.8.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.8.0.tgz#51794182d877b3ddfd6e6d23920e3fe72f305800"
-  integrity sha512-ZBPRGHdPt1rHajWelXdqygIDpJx8u3xOoLyUBWRW28r3tagrgoepPrzAozW7kW9HrQfhvmiv1tncsxqHJO1onQ==
+  version "24.8.1"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.8.1.tgz#f39cc1d2b1d907e014165b4bd5a957afcb992982"
+  integrity sha512-SwaxMGVdAZk3ernAx2Uv2sorA7jm3Kx+lR0grp6rMmnY06Kn/urtKx1LPN2mGTea4fCT38impYT28FfcLUhX0g==
   dependencies:
     "@jest/types" "^24.8.0"
     anymatch "^2.0.0"
@@ -15725,9 +16963,9 @@ jest-haste-map@^24.8.0:
     fsevents "^1.2.7"
 
 jest-image-snapshot@^2.8.2:
-  version "2.8.2"
-  resolved "https://registry.yarnpkg.com/jest-image-snapshot/-/jest-image-snapshot-2.8.2.tgz#d9e95b8987fdf176a94505cd1b1f22916b11c897"
-  integrity sha512-gtKgxfW5ifAikNI+fp0c0o/3byOeOUSmYeAELblGzINEZrDGUYxwUZtn5rNrgVuzjgGMBBsKYv/2gIM6VpzLaw==
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/jest-image-snapshot/-/jest-image-snapshot-2.9.0.tgz#38d9ac6882c3efeb7125b0cbd58a5cecfb984f77"
+  integrity sha512-ih/DwdW2AWjQLgTZeaXDH1qMw7g346t6RUK+2KVGXX8c4tNpTinSKR3h059AWhFQGxlZpBZ/dds3DMigosUcdw==
   dependencies:
     chalk "^1.1.3"
     get-stdin "^5.0.1"
@@ -15766,6 +17004,11 @@ jest-leak-detector@^24.8.0:
   dependencies:
     pretty-format "^24.8.0"
 
+jest-localstorage-mock@^2.3.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/jest-localstorage-mock/-/jest-localstorage-mock-2.4.0.tgz#c6073810735dd3af74020ea6c3885ec1cc6d0d13"
+  integrity sha512-/mC1JxnMeuIlAaQBsDMilskC/x/BicsQ/BXQxEOw+5b1aGZkkOAqAF3nu8yq449CpzGtp5jJ5wCmDNxLgA2m6A==
+
 jest-matcher-utils@^24.7.0, jest-matcher-utils@^24.8.0:
   version "24.8.0"
   resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.8.0.tgz#2bce42204c9af12bde46f83dc839efe8be832495"
@@ -16055,7 +17298,7 @@ jest@24.7.1:
     import-local "^2.0.0"
     jest-cli "^24.7.1"
 
-jest@^24.7.1:
+jest@^24.7.1, jest@^24.8.0:
   version "24.8.0"
   resolved "https://registry.yarnpkg.com/jest/-/jest-24.8.0.tgz#d5dff1984d0d1002196e9b7f12f75af1b2809081"
   integrity sha512-o0HM90RKFRNWmAWvlyV8i5jGZ97pFwkeVoGvPW1EtLTgJc2+jcuqcbbqcSZLE/3f2S5pt0y2ZBETuhpWNl1Reg==
@@ -16063,17 +17306,6 @@ jest@^24.7.1:
     import-local "^2.0.0"
     jest-cli "^24.8.0"
 
-jimp@^0.6.0:
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/jimp/-/jimp-0.6.4.tgz#266c5777752a6edb4227792ef288198a1e99102f"
-  integrity sha512-WQVMoNhkcq/fgthZOWeMdIguCVPg+t4PDFfSxvbNcrECwl8eq3/Ou2whcFWWjyW45m43yAJEY2UT7acDKl6uSQ==
-  dependencies:
-    "@babel/polyfill" "^7.0.0"
-    "@jimp/custom" "^0.6.4"
-    "@jimp/plugins" "^0.6.4"
-    "@jimp/types" "^0.6.4"
-    core-js "^2.5.7"
-
 joi@14.0.4:
   version "14.0.4"
   resolved "https://registry.yarnpkg.com/joi/-/joi-14.0.4.tgz#f066f79330f6bd6f3dda243be6d2c211f83a5f9b"
@@ -16097,11 +17329,6 @@ join-component@^1.1.0:
   resolved "https://registry.yarnpkg.com/join-component/-/join-component-1.1.0.tgz#b8417b750661a392bee2c2537c68b2a9d4977cd5"
   integrity sha1-uEF7dQZho5K+4sJTfGiyqdSXfNU=
 
-jpeg-js@^0.3.4:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.3.5.tgz#6fbd6cd0e49627c5a0341796c9e50c70a2aa3673"
-  integrity sha512-hvaExqwmQDS8O9qnZAVDXGWU43Tbu1V0wMZmjROjT11jloSgGICZpscG+P6Nyi1BVAvyu2ARRx8qmEW30sxgdQ==
-
 jquery-deferred@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/jquery-deferred/-/jquery-deferred-0.3.1.tgz#596eca1caaff54f61b110962b23cafea74c35355"
@@ -16117,11 +17344,27 @@ js-base64@^2.1.8:
   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.1.tgz#1efa39ef2c5f7980bb1784ade4a8af2de3291121"
   integrity sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==
 
+js-beautify@^1.8.9:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.10.0.tgz#9753a13c858d96828658cd18ae3ca0e5783ea672"
+  integrity sha512-OMwf/tPDpE/BLlYKqZOhqWsd3/z2N3KOlyn1wsCRGFwViE8LOQTcDtathQvHvZc+q+zWmcNAbwKSC+iJoMaH2Q==
+  dependencies:
+    config-chain "^1.1.12"
+    editorconfig "^0.15.3"
+    glob "^7.1.3"
+    mkdirp "~0.5.1"
+    nopt "~4.0.1"
+
 js-levenshtein@^1.1.3:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"
   integrity sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==
 
+js-stringify@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/js-stringify/-/js-stringify-1.0.2.tgz#1736fddfd9724f28a3682adc6230ae7e4e9679db"
+  integrity sha1-Fzb939lyTyijaCrcYjCufk6Weds=
+
 js-tokens@^3.0.0, js-tokens@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
@@ -16169,7 +17412,7 @@ jscodeshift@^0.6.3:
     temp "^0.8.1"
     write-file-atomic "^2.3.0"
 
-jsdom@^11.5.1:
+jsdom@^11.3.0, jsdom@^11.5.1:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-11.12.0.tgz#1a80d40ddd378a1de59656e9e6dc5a3ba8657bc8"
   integrity sha512-y8Px43oyiBM13Zc1z780FrfNLJCXTL40EWlty/LXUtcjykRBNgLlCjWXpfSPBl2iv+N7koQN+dvqszHZgT/Fjw==
@@ -16354,9 +17597,9 @@ json-stringify-safe@5.0.x, json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.
   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=
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.3.tgz#7fc10e375fc5ae42c4705a5cc0aa6f62be305b81"
+  integrity sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==
 
 json5@2.x, json5@^2.1.0:
   version "2.1.0"
@@ -16377,7 +17620,7 @@ json5@^1.0.0, json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
-jsonc-parser@^2.0.2:
+jsonc-parser@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-2.1.0.tgz#eb0d0c7a3c33048524ce3574c57c7278fb2f1bf3"
   integrity sha512-n9GrT8rrr2fhvBbANa1g+xFmgGK5X91KFeDwlKQ3+SJfmH5+tKv/M/kahx/TXOMflfWHKGKqKyfHQaLKTNzJ6w==
@@ -16453,12 +17696,36 @@ jstransform@^11.0.3:
     object-assign "^2.0.0"
     source-map "^0.4.2"
 
-jsx-ast-utils@^2.0.1, jsx-ast-utils@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.1.0.tgz#0ee4e2c971fb9601c67b5641b71be80faecf0b36"
-  integrity sha512-yDGDG2DS4JcqhA6blsuYbtsT09xL8AoLuUR2Gb5exrw7UEM19sBcOTq+YBBhrNbl0PUC4R4LnFu+dHg2HKeVvA==
+jstransformer@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/jstransformer/-/jstransformer-1.0.0.tgz#ed8bf0921e2f3f1ed4d5c1a44f68709ed24722c3"
+  integrity sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=
+  dependencies:
+    is-promise "^2.0.0"
+    promise "^7.0.1"
+
+jsx-ast-utils@^2.0.1, jsx-ast-utils@^2.1.0, jsx-ast-utils@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.2.1.tgz#4d4973ebf8b9d2837ee91a8208cc66f3a2776cfb"
+  integrity sha512-v3FxCcAf20DayI+uxnCuw795+oOIkVu6EnJ1+kSzhqqTZHNkTZ7B66ZgLp4oLJ/gbA64cI0B7WRoHZMSRdyVRQ==
   dependencies:
     array-includes "^3.0.3"
+    object.assign "^4.1.0"
+
+jsx-compiler@^0.1.0:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/jsx-compiler/-/jsx-compiler-0.1.4.tgz#33c35e88feed0648e4e8a587c187201dba65aa16"
+  integrity sha512-xKRCBK5l5/6v06BMJYwrPn4etUTHkFpFWD2n2GVnbrUWSOfEzwd5YGs49MEwD1IY0X2EqoXmp4ZdXJzcrG+6hQ==
+  dependencies:
+    "@babel/generator" "^7.3.4"
+    "@babel/parser" "^7.3.4"
+    "@babel/traverse" "^7.3.4"
+    "@babel/types" "^7.3.4"
+    chalk "^2.4.2"
+    colors "^1.3.3"
+    fs-extra "^7.0.1"
+    kebab-case "^1.0.0"
+    md5 "^2.2.1"
 
 jsx-to-string@^1.4.0:
   version "1.4.0"
@@ -16469,16 +17736,40 @@ jsx-to-string@^1.4.0:
     json-stringify-pretty-compact "^1.0.1"
     react "^0.14.0"
 
+jsx2mp@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/jsx2mp/-/jsx2mp-0.1.2.tgz#3790ec25d4e86b0ebd1cd2df920471b4ce6d2262"
+  integrity sha512-rIPb3qHyeBp+jg3N5gy55HahY094Wdw61zQOZzTnrgIr8ADa+PcKrIJZuzu5eqPQASuRA8m7b89+bwzpsiZYKQ==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/generator" "^7.3.4"
+    "@babel/parser" "^7.3.4"
+    "@babel/traverse" "^7.3.4"
+    "@babel/types" "^7.4.0"
+    chokidar "^2.1.2"
+    colors "^1.3.3"
+    commander "^2.20.0"
+    fs-extra "^7.0.1"
+    glob "^7.1.3"
+    inquirer "^6.2.2"
+    jsx-compiler "^0.1.0"
+    kebab-case "^1.0.0"
+
 jszip@^3.1.3:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.2.1.tgz#c5d32df7274042282b157efb16e522b43435e01a"
-  integrity sha512-iCMBbo4eE5rb1VCpm5qXOAaUiRKRUKiItn8ah2YQQx9qymmSAY98eyQfioChEYcVQLh0zxJ3wS4A0mh90AVPvw==
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.2.2.tgz#b143816df7e106a9597a94c77493385adca5bd1d"
+  integrity sha512-NmKajvAFQpbg3taXQXr/ccS2wcucR1AZ+NtyWp2Nq7HHVsXhcJFR8p0Baf32C2yVvBylFWVeKf+WI2AnvlPhpA==
   dependencies:
     lie "~3.3.0"
     pako "~1.0.2"
     readable-stream "~2.3.6"
     set-immediate-shim "~1.0.1"
 
+just-debounce@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/just-debounce/-/just-debounce-1.0.0.tgz#87fccfaeffc0b68cd19d55f6722943f929ea35ea"
+  integrity sha1-h/zPrv/AtozRnVX2cilD+SnqNeo=
+
 jwa@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/jwa/-/jwa-1.4.1.tgz#743c32985cb9e98655530d53641b66c8645b039a"
@@ -16503,6 +17794,11 @@ karma-source-map-support@1.3.0:
   dependencies:
     source-map-support "^0.5.5"
 
+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=
+
 keyv@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373"
@@ -16548,7 +17844,7 @@ kind-of@^4.0.0:
   dependencies:
     is-buffer "^1.1.5"
 
-kind-of@^5.0.0:
+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==
@@ -16707,6 +18003,14 @@ last-call-webpack-plugin@^3.0.0:
     lodash "^4.17.5"
     webpack-sources "^1.1.0"
 
+last-run@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/last-run/-/last-run-1.1.1.tgz#45b96942c17b1c79c772198259ba943bebf8ca5b"
+  integrity sha1-RblpQsF7HHnHchmCWbqUO+v4yls=
+  dependencies:
+    default-resolution "^2.0.0"
+    es6-weak-map "^2.0.1"
+
 latest-version@4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-4.0.0.tgz#9542393ac55a585861a4c4ebc02389a0b4a9c332"
@@ -16731,6 +18035,17 @@ lazy-cache@^1.0.3:
   resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
   integrity sha1-odePw6UEdMuAhF07O24dpJpEbo4=
 
+lazy-universal-dotenv@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/lazy-universal-dotenv/-/lazy-universal-dotenv-2.0.0.tgz#e015ad9f77be9ef811956d53ea9519b1c0ab0214"
+  integrity sha512-1Wi0zgZMfRLaRAK21g3odYuU+HE1d85Loe2tb44YhcNwIzhmD49mTPR9aKckpB9Q9Q9mA+hUMLI2xlkcCAe3yw==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    app-root-dir "^1.0.2"
+    core-js "^2.5.7"
+    dotenv "^6.0.0"
+    dotenv-expand "^4.2.0"
+
 lazy-universal-dotenv@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lazy-universal-dotenv/-/lazy-universal-dotenv-3.0.0.tgz#e71f07f89d8de6bbf491478e4503df3c96729b8d"
@@ -16742,6 +18057,13 @@ lazy-universal-dotenv@^3.0.0:
     dotenv "^8.0.0"
     dotenv-expand "^5.1.0"
 
+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"
@@ -16756,6 +18078,13 @@ lcid@^2.0.0:
   dependencies:
     invert-kv "^2.0.0"
 
+lead@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/lead/-/lead-1.0.0.tgz#6f14f99a37be3a9dd784f5495690e5903466ee42"
+  integrity sha1-bxT5mje+Op3XhPVJVpDlkDRm7kI=
+  dependencies:
+    flush-write-stream "^1.0.2"
+
 leek@0.0.24:
   version "0.0.24"
   resolved "https://registry.yarnpkg.com/leek/-/leek-0.0.24.tgz#e400e57f0e60d8ef2bd4d068dc428a54345dbcda"
@@ -16771,25 +18100,25 @@ left-pad@^1.3.0:
   integrity sha512-XI5MPzVNApjAyhQzphX8BkmKsKUxD4LdyK24iZeQGinBN9yTQT3bFlCBy/aVx2HrNcqQGsdot8ghrjyrvMCoEA==
 
 lerna@^3.14.1:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/lerna/-/lerna-3.14.1.tgz#6bce5d2d4958e853f51387f8f41a8f2d9aa4a8ea"
-  integrity sha512-lQxmGeEECjOMI3pRh2+I6jazoEWhEfvZNIs7XaX71op33AVwyjlY/nQ1GJGrPhxYBuQnlPgH0vH/nC/lcLaVkw==
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/lerna/-/lerna-3.15.0.tgz#b044dba8138d7a1a8dd48ac1d80e7541bdde0d1f"
+  integrity sha512-kRIQ3bgzkmew5/WZQ0C9WjH0IUf3ZmTNnBwTHfXgLkVY7td0lbwMQFD7zehflUn0zG4ou54o/gn+IfjF0ti/5A==
   dependencies:
-    "@lerna/add" "3.14.0"
-    "@lerna/bootstrap" "3.14.0"
-    "@lerna/changed" "3.14.1"
-    "@lerna/clean" "3.14.0"
+    "@lerna/add" "3.15.0"
+    "@lerna/bootstrap" "3.15.0"
+    "@lerna/changed" "3.15.0"
+    "@lerna/clean" "3.15.0"
     "@lerna/cli" "3.13.0"
-    "@lerna/create" "3.14.0"
-    "@lerna/diff" "3.14.0"
-    "@lerna/exec" "3.14.0"
-    "@lerna/import" "3.14.0"
-    "@lerna/init" "3.14.0"
-    "@lerna/link" "3.14.0"
-    "@lerna/list" "3.14.0"
-    "@lerna/publish" "3.14.1"
-    "@lerna/run" "3.14.0"
-    "@lerna/version" "3.14.1"
+    "@lerna/create" "3.15.0"
+    "@lerna/diff" "3.15.0"
+    "@lerna/exec" "3.15.0"
+    "@lerna/import" "3.15.0"
+    "@lerna/init" "3.15.0"
+    "@lerna/link" "3.15.0"
+    "@lerna/list" "3.15.0"
+    "@lerna/publish" "3.15.0"
+    "@lerna/run" "3.15.0"
+    "@lerna/version" "3.15.0"
     import-local "^1.0.0"
     npmlog "^4.1.2"
 
@@ -16831,6 +18160,32 @@ levn@^0.3.0, levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
+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.1"
   resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-3.0.1.tgz#5b3a9de621f293d425191aa2e779102f84167fa8"
@@ -16841,7 +18196,36 @@ libnpmaccess@^3.0.1:
     npm-package-arg "^6.1.0"
     npm-registry-fetch "^3.8.0"
 
-libnpmpublish@^1.1.1:
+libnpmconfig@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/libnpmconfig/-/libnpmconfig-1.2.1.tgz#c0c2f793a74e67d4825e5039e7a02a0044dfcbc0"
+  integrity sha512-9esX8rTQAHqarx6qeZqmGQKBNZR5OIbl/Ayr0qQDy3oXja2iFVQQI81R6GZ2a02bSNZ9p3YOGX1O6HHCb1X7kA==
+  dependencies:
+    figgy-pudding "^3.5.1"
+    find-up "^3.0.0"
+    ini "^1.3.5"
+
+libnpmhook@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/libnpmhook/-/libnpmhook-5.0.2.tgz#d12817b0fb893f36f1d5be20017f2aea25825d94"
+  integrity sha512-vLenmdFWhRfnnZiNFPNMog6CK7Ujofy2TWiM2CrpZUjBRIhHkJeDaAbJdYCT6W4lcHtyrJR8yXW8KFyq6UAp1g==
+  dependencies:
+    aproba "^2.0.0"
+    figgy-pudding "^3.4.1"
+    get-stream "^4.0.0"
+    npm-registry-fetch "^3.8.0"
+
+libnpmorg@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/libnpmorg/-/libnpmorg-1.0.0.tgz#979b868c48ba28c5820e3bb9d9e73c883c16a232"
+  integrity sha512-o+4eVJBoDGMgRwh2lJY0a8pRV2c/tQM/SxlqXezjcAg26Qe9jigYVs+Xk0vvlYDWCDhP0g74J8UwWeAgsB7gGw==
+  dependencies:
+    aproba "^2.0.0"
+    figgy-pudding "^3.4.1"
+    get-stream "^4.0.0"
+    npm-registry-fetch "^3.8.0"
+
+libnpmpublish@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-1.1.1.tgz#ff0c6bb0b4ad2bda2ad1f5fba6760a4af37125f0"
   integrity sha512-nefbvJd/wY38zdt+b9SHL6171vqBrMtZ56Gsgfd0duEKb/pB8rDT4/ObUQLrHz1tOfht1flt2zM+UGaemzAG5g==
@@ -16856,6 +18240,25 @@ libnpmpublish@^1.1.1:
     semver "^5.5.1"
     ssri "^6.0.1"
 
+libnpmsearch@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/libnpmsearch/-/libnpmsearch-2.0.1.tgz#eccc73a8fbf267d765d18082b85daa2512501f96"
+  integrity sha512-K0yXyut9MHHCAH+DOiglQCpmBKPZXSUu76+BE2maSEfQN15OwNaA/Aiioe9lRFlVFOr7WcuJCY+VSl+gLi9NTA==
+  dependencies:
+    figgy-pudding "^3.5.1"
+    get-stream "^4.0.0"
+    npm-registry-fetch "^3.8.0"
+
+libnpmteam@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/libnpmteam/-/libnpmteam-1.0.1.tgz#ff704b1b6c06ea674b3b1101ac3e305f5114f213"
+  integrity sha512-gDdrflKFCX7TNwOMX1snWojCoDE5LoRWcfOC0C/fqF7mBq8Uz9zWAX4B2RllYETNO7pBupBaSyBDkTAC15cAMg==
+  dependencies:
+    aproba "^2.0.0"
+    figgy-pudding "^3.4.1"
+    get-stream "^4.0.0"
+    npm-registry-fetch "^3.8.0"
+
 license-webpack-plugin@2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/license-webpack-plugin/-/license-webpack-plugin-2.1.0.tgz#83acaa6e89c3c5316effdd80cb4ec9c5cd8efc2f"
@@ -16871,6 +18274,20 @@ lie@~3.3.0:
   dependencies:
     immediate "~3.0.5"
 
+liftoff@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/liftoff/-/liftoff-3.1.0.tgz#c9ba6081f908670607ee79062d700df062c52ed3"
+  integrity sha512-DlIPlJUkCV0Ips2zf2pJP0unEoT1kwYhiiPUGF3s/jtxTCjziNLoiVVh+jqWOWeFi6mmwQ5fNxvAUyPad4Dfog==
+  dependencies:
+    extend "^3.0.0"
+    findup-sync "^3.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"
+
 linkify-it@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-2.1.0.tgz#c4caf38a6cd7ac2212ef3c7d2bde30a91561f9db"
@@ -16879,9 +18296,9 @@ linkify-it@^2.0.0:
     uc.micro "^1.0.1"
 
 lint-staged@^8.1.7:
-  version "8.1.7"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-8.1.7.tgz#a8988bc83bdffa97d04adb09dbc0b1f3a58fa6fc"
-  integrity sha512-egT0goFhIFoOGk6rasPngTFh2qDqxZddM0PwI58oi66RxCDcn5uDwxmiasWIF0qGnchHSYVJ8HPRD5LrFo7TKA==
+  version "8.2.1"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-8.2.1.tgz#752fcf222d9d28f323a3b80f1e668f3654ff221f"
+  integrity sha512-n0tDGR/rTCgQNwXnUf/eWIpPNddGWxC32ANTNYsj2k02iZb7Cz5ox2tytwBu+2r0zDXMEMKw7Y9OD/qsav561A==
   dependencies:
     chalk "^2.3.1"
     commander "^2.14.1"
@@ -16890,7 +18307,6 @@ lint-staged@^8.1.7:
     dedent "^0.7.0"
     del "^3.0.0"
     execa "^1.0.0"
-    find-parent-dir "^0.3.0"
     g-status "^2.0.2"
     is-glob "^4.0.0"
     is-windows "^1.0.2"
@@ -16968,20 +18384,6 @@ livereload-js@^2.3.0:
   resolved "https://registry.yarnpkg.com/livereload-js/-/livereload-js-2.4.0.tgz#447c31cf1ea9ab52fc20db615c5ddf678f78009c"
   integrity sha512-XPQH8Z2GDP/Hwz2PCDrh2mth4yFejwA1OZ/81Ti3LgKyhDcEjsSsqFWZojHG0va/duGd+WyosY7eXLDoOyqcPw==
 
-load-bmfont@^1.3.1, load-bmfont@^1.4.0:
-  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:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
@@ -17034,16 +18436,7 @@ loader-runner@^2.3.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
   integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-loader-utils@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
-  integrity sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=
-  dependencies:
-    big.js "^3.1.3"
-    emojis-list "^2.0.0"
-    json5 "^0.5.0"
-
-loader-utils@1.2.3, loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.0.3, loader-utils@^1.1.0, loader-utils@^1.2.3:
+loader-utils@1.2.3, loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.0.3, loader-utils@^1.1.0, loader-utils@^1.2.2, loader-utils@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7"
   integrity sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==
@@ -17095,11 +18488,24 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+lock-verify@^2.0.2:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lock-verify/-/lock-verify-2.1.0.tgz#fff4c918b8db9497af0c5fa7f6d71555de3ceb47"
+  integrity sha512-vcLpxnGvrqisKvLQ2C2v0/u7LVly17ak2YSgoK4PrdsYBXQIax19vhKiLfvKNFx7FRrpTnitrpzF/uuCMuorIg==
+  dependencies:
+    npm-package-arg "^6.1.0"
+    semver "^5.4.1"
+
 lock@^0.1.2:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/lock/-/lock-0.1.4.tgz#fec7deaef17e7c3a0a55e1da042803e25d91745d"
   integrity sha1-/sfervF+fDoKVeHaBCgD4l2RdF0=
 
+lodash-es@^4.17.11:
+  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._baseassign@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/lodash._baseassign/-/lodash._baseassign-3.2.0.tgz#8c38a099500f215ad09e59f1722fd0c52bfe0a4e"
@@ -17299,6 +18705,11 @@ lodash.castarray@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.castarray/-/lodash.castarray-4.4.0.tgz#c02513515e309daddd4c24c60cfddcf5976d9115"
   integrity sha1-wCUTUV4wna3dTCTGDP3c9ZdtkRU=
 
+lodash.clone@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.clone/-/lodash.clone-4.5.0.tgz#195870450f5a13192478df4bc3d23d2dea1907b6"
+  integrity sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y=
+
 lodash.clonedeep@^4.4.1, lodash.clonedeep@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
@@ -17325,9 +18736,9 @@ lodash.defaults@~2.3.0:
     lodash.keys "~2.3.0"
 
 lodash.defaultsdeep@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.0.tgz#bec1024f85b1bd96cbea405b23c14ad6443a6f81"
-  integrity sha1-vsECT4WxvZbL6kBbI8FK1kQ6b4E=
+  version "4.6.1"
+  resolved "https://registry.yarnpkg.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
+  integrity sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==
 
 lodash.escape@^4.0.1:
   version "4.0.1"
@@ -17532,9 +18943,14 @@ lodash.memoize@~3.0.3:
   integrity sha1-LcvSwofLwKVcxCMovQxzYVDVPj8=
 
 lodash.merge@^4.3.1, lodash.merge@^4.6.0:
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.1.tgz#adc25d9cb99b9391c59624f379fbba60d7111d54"
-  integrity sha512-AOYza4+Hf5z1/0Hztxpm2/xiPZgi/cjMqdnKTUWTBSKchJlxXXuUSxCCl8rJlf4g6yww/j6mA8nC8Hw/EZWxKQ==
+  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.noop@~2.3.0:
   version "2.3.0"
@@ -17676,15 +19092,10 @@ lodash@4.17.10:
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"
   integrity sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==
 
-lodash@4.17.5:
-  version "4.17.5"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.5.tgz#99a92d65c0272debe8c96b6057bc8fbfa3bed511"
-  integrity sha512-svL3uiZf1RwhH+cWrfZn3A4+U58wbP0tGVTLQPbjplZxZ8ROD9VLuNgsRniTlLe7OlSqR79RUehXgpBW/s0IQw==
-
-lodash@4.x, "lodash@>=3.5 <5", lodash@^4.0.0, lodash@^4.0.1, lodash@^4.13.1, lodash@^4.15.0, lodash@^4.16.6, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.5.0, lodash@^4.6.1, lodash@~4.17.10:
-  version "4.17.11"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
-  integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==
+"lodash@>=3.5 <5", lodash@^4.0.0, lodash@^4.0.1, lodash@^4.13.1, lodash@^4.15.0, lodash@^4.16.6, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.5.0, lodash@^4.6.1, lodash@~4.17.10:
+  version "4.17.14"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.14.tgz#9ce487ae66c96254fe20b599f21b6816028078ba"
+  integrity sha512-mmKYbW3GLuJeX+iGP+Y7Gp1AiGHGbXHCOh/jZmrawMmsE7MS4znI3RL2FsjbqOyMayHInjOeykW7PEajUk1/xw==
 
 log-symbols@^1.0.2:
   version "1.0.2"
@@ -17710,18 +19121,17 @@ log-update@^2.3.0:
     wrap-ansi "^3.0.1"
 
 logfmt@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/logfmt/-/logfmt-1.2.1.tgz#0e99838eb3a87fb6272d6d2b4fc327b95a29abee"
-  integrity sha512-QlZuQi8AlGbrXfW7LrxH/lhyFjI6Xr2DNSrIzhtIJAicAgl21P2gHpqABR3Sh0Kd4dvwTAej6jDVdh0o/HwfcA==
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/logfmt/-/logfmt-1.3.2.tgz#be34020b7390b8201212a12f533e3cb4c92d70c2"
+  integrity sha512-U0lelcaGWEfEITZQXs8y5HrJp2xa0BJ+KDfkkLJRmuKbQIEVGNv145FbaNekY4ZYHJSBBx8NLJitaPtRqLEkxQ==
   dependencies:
-    lodash "4.x"
     split "0.2.x"
     through "2.3.x"
 
-loglevel@^1.4.1, loglevel@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.1.tgz#e0fc95133b6ef276cdc8887cdaf24aa6f156f8fa"
-  integrity sha1-4PyVEztu8nbNyIh82vJKpvFW+Po=
+loglevel@^1.4.1, loglevel@^1.6.3:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.3.tgz#77f2eb64be55a404c9fd04ad16d57c1d6d6b1280"
+  integrity sha512-LoEDv5pgpvWgPF4kNYuIp0qqSJVWak/dML0RY74xlzMZiT9w77teNAwKYKWBTYjlokMirg+o3jBwp+vlLrcfAA==
 
 loglevelnext@^1.0.1:
   version "1.0.5"
@@ -17736,6 +19146,11 @@ longest-streak@^2.0.1:
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.3.tgz#3de7a3f47ee18e9074ded8575b5c091f5d0a4105"
   integrity sha512-9lz5IVdpwsKLMzQi0MQ+oD9EA0mIGcWYP7jXMTZVXP8D42PwuAk+M/HBFYQoxt1G5OR8m7aSIgb1UymfWGBWEw==
 
+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"
@@ -17788,6 +19203,11 @@ lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
   integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
 
+lowercase-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
+  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
+
 lowlight@~1.9.1:
   version "1.9.2"
   resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.9.2.tgz#0b9127e3cec2c3021b7795dd81005c709a42fdd1"
@@ -17796,7 +19216,7 @@ lowlight@~1.9.1:
     fault "^1.0.2"
     highlight.js "~9.12.0"
 
-lru-cache@^4.0.0, lru-cache@^4.0.1, lru-cache@^4.1.1, lru-cache@^4.1.2, lru-cache@^4.1.3:
+lru-cache@^4.0.0, lru-cache@^4.0.1, lru-cache@^4.1.1, lru-cache@^4.1.2, lru-cache@^4.1.3, lru-cache@^4.1.5:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
   integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
@@ -17812,14 +19232,21 @@ lru-cache@^5.1.1:
     yallist "^3.0.2"
 
 macos-release@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.2.0.tgz#ab58d55dd4714f0a05ad4b0e90f4370fef5cdea8"
-  integrity sha512-iV2IDxZaX8dIcM7fG6cI46uNmHUxHE4yN+Z8tKHAW1TBPMZDIKHf/3L+YnOuj/FK9il14UaVdHmiQ1tsi90ltA==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.3.0.tgz#eb1930b036c0800adebccd5f17bc4c12de8bb71f"
+  integrity sha512-OHhSbtcviqMPt7yfw5ef5aghS2jzFVKEFyCJndQt2YpSQ9qRVSEv2axSJI1paVThEu+FFGs584h/1YhxjVqajA==
+
+magic-string@^0.22.4:
+  version "0.22.5"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.22.5.tgz#8e9cf5afddf44385c1da5bc2a6a0dbd10b03657e"
+  integrity sha512-oreip9rJZkzvA8Qzk9HFs8fZGF/u7H/gtrE8EN6RjKJ9kh2HlC+yQ2QezifqTZfGyiuAV0dRv5a+y/8gBb1m9w==
+  dependencies:
+    vlq "^0.2.2"
 
 magic-string@^0.25.0:
-  version "0.25.2"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.2.tgz#139c3a729515ec55e96e69e82a11fe890a293ad9"
-  integrity sha512-iLs9mPjh9IuTtRsqqhNGYcZXGei0Nh/A4xirrsqW7c+QhKVFL2vm7U09ru6cHRD22azaP/wMDgI+HCqbETMTtg==
+  version "0.25.3"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.3.tgz#34b8d2a2c7fec9d9bdf9929a3fd81d271ef35be9"
+  integrity sha512-6QK0OpF/phMz0Q2AxILkX2mFhi7m+WMwTRg0LQKq/WBB0cDP4rYH3Wp4/d3OTXlrPLVJT/RFqj8tFeAR4nk8AA==
   dependencies:
     sourcemap-codec "^1.4.4"
 
@@ -17850,23 +19277,30 @@ make-error@1.x, make-error@^1.1.1:
   resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.5.tgz#efe4e81f6db28cadd605c70f29c831b58ef776c8"
   integrity sha512-c3sIjNUow0+8swNwVpqoH4YCShKNFkMaw6oH1mNS2haDZQqkeZFlHS3dhoeEbKKmJB4vXpJucU6oH75aDYeE9g==
 
-make-fetch-happen@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-4.0.1.tgz#141497cb878f243ba93136c83d8aba12c216c083"
-  integrity sha512-7R5ivfy9ilRJ1EMKIOziwrns9fGeAD4bAha8EB7BIiBBLHm2KeTUGCrICFt2rbHfzheTLynv50GnNTK1zDTrcQ==
+make-fetch-happen@^4.0.1, 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.0.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 "^4.1.2"
+    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-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"
@@ -17886,7 +19320,7 @@ map-age-cleaner@^0.1.1:
   dependencies:
     p-defer "^1.0.0"
 
-map-cache@^0.2.2:
+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=
@@ -17951,17 +19385,17 @@ markdown-table@^1.1.0:
   integrity sha512-1RUZVgQlpJSPWYbFSpmudq5nHY1doEIv89gBtF0s4gW1GF2XorxcA/70M5vq7rLv0a6mhOUccRsqkwhwLCIQ2Q==
 
 markdown-to-jsx@^6.9.1, markdown-to-jsx@^6.9.3:
-  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==
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-6.10.2.tgz#644f602b81d088f10aef1c3674874876146cf38b"
+  integrity sha512-eDCsRobOkbQ4PqCphrxNi/U8geA8DGf52dMP4BrrYsVFyQ2ILFnXIB5sRcIxnRK2nPl8k5hUYdRNRXLlQNYLYg==
   dependencies:
     prop-types "^15.6.2"
     unquote "^1.1.0"
 
 marked@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/marked/-/marked-0.6.2.tgz#c574be8b545a8b48641456ca1dbe0e37b6dccc1a"
-  integrity sha512-LqxwVH3P/rqKX4EKGz7+c2G9r98WeM/SW34ybhgNGhUQNKtf1GmmSkJ6cDGJ/t6tiyae49qRkpyTw2B9HOrgUA==
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-0.6.3.tgz#79babad78af638ba4d522a9e715cdfdd2429e946"
+  integrity sha512-Fqa7eq+UaxfMriqzYLayfqAE40WN03jf+zHjT18/uXNuzjq3TY0XTbrAoPeqSJrAmPz11VuUA+kBPYOhHt9oOQ==
 
 marko-loader@^1.5.0:
   version "1.5.0"
@@ -18015,16 +19449,16 @@ marko-starter@^2.0.4:
     try-require "^1.2.1"
 
 marko@^4.1.1, marko@^4.10.0, marko@^4.16.15:
-  version "4.17.2"
-  resolved "https://registry.yarnpkg.com/marko/-/marko-4.17.2.tgz#3dd1b5ad78bf7e8013c9909edc2047c69de611f3"
-  integrity sha512-P1y1nCKVIZXpwitrqx7sUYDBdni8jfRs37ypUu4ggz9i7d9+87PjcggbOBn8axD3KQ/dcP8dXsd2ydK6gPYc7g==
+  version "4.18.6"
+  resolved "https://registry.yarnpkg.com/marko/-/marko-4.18.6.tgz#74b1996e17b61da19ac676c51870a8ff8249bc8c"
+  integrity sha512-heNlwOnIYeRGr9pqcNuksLlb9+hZj0wic2TsNIMq20cgNQWptTK9JBiGww5h4vmfSwpPt/sZcPMDjfO3V4rFHg==
   dependencies:
     app-module-path "^2.2.0"
     argly "^1.0.0"
     browser-refresh-client "^1.0.0"
     camelcase "^5.0.0"
     char-props "~0.1.5"
-    complain "^1.3.0"
+    complain "^1.6.0"
     deresolve "^1.1.2"
     escodegen "^1.8.1"
     esprima "^4.0.0"
@@ -18032,7 +19466,7 @@ marko@^4.1.1, marko@^4.10.0, marko@^4.16.15:
     events "^1.0.2"
     events-light "^1.0.0"
     he "^1.1.0"
-    htmljs-parser "^2.6.5"
+    htmljs-parser "^2.6.7"
     lasso-caching-fs "^1.0.1"
     lasso-modules-client "^2.0.4"
     lasso-package-root "^1.0.1"
@@ -18068,6 +19502,16 @@ match-require@2.1.0:
   dependencies:
     uuid "^3.0.0"
 
+matchdep@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/matchdep/-/matchdep-2.0.0.tgz#c6f34834a0d8dbc3b37c27ee8bbcb27c7775582e"
+  integrity sha1-xvNINKDY28OzfCfui7yyfHd1WC4=
+  dependencies:
+    findup-sync "^2.0.0"
+    micromatch "^3.0.4"
+    resolve "^1.4.0"
+    stack-trace "0.0.10"
+
 matcher-collection@^1.0.0, matcher-collection@^1.0.5, matcher-collection@^1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/matcher-collection/-/matcher-collection-1.1.2.tgz#1076f506f10ca85897b53d14ef54f90a5c426838"
@@ -18288,6 +19732,13 @@ merge-descriptors@1.0.1:
   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
   integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
 
+merge-source-map@1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/merge-source-map/-/merge-source-map-1.0.4.tgz#a5de46538dae84d4114cc5ea02b4772a6346701f"
+  integrity sha1-pd5GU42uhNQRTMXqArR3KmNGcB8=
+  dependencies:
+    source-map "^0.5.6"
+
 merge-source-map@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/merge-source-map/-/merge-source-map-1.1.0.tgz#2fdde7e6020939f70906a68f2d7ae685e4c8c646"
@@ -18332,7 +19783,7 @@ merge@^1.2.0:
   resolved "https://registry.yarnpkg.com/merge/-/merge-1.2.1.tgz#38bebf80c3220a8a487b6fcfb3941bb11720c145"
   integrity sha512-VjFo4P5Whtj4vsLzsYBu5ayHhoHJ0UqNm7ibvShmbmoz7tGi0vXaoJbGdB+GmDMLUdg8DpQXEIeVDAe8MaABvQ==
 
-methods@^1.1.1, methods@~1.1.2:
+methods@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
   integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
@@ -18387,10 +19838,10 @@ metro-babel7-plugin-react-transform@0.48.5:
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
 
-metro-babel7-plugin-react-transform@0.49.2:
-  version "0.49.2"
-  resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.49.2.tgz#d4c43faa6f2b91cc1b244a36a5d708ae8d39dbb2"
-  integrity sha512-LpJT8UvqF/tvVqEwiLUTMjRPhEGdI8e2dr3424XaRANba3j0nqmrbKdJQsPE8TrcqMWR4RHmfsXk0ti5QrEvJg==
+metro-babel7-plugin-react-transform@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.51.1.tgz#9cce2c340cc4006fc82aa6dfab27af22d592607e"
+  integrity sha512-wzn4X9KgmAMZ7Bi6v9KxA7dw+AHGL0RODPxU5NDJ3A6d0yERvzfZ3qkzWhz8jbFkVBK12cu5DTho3HBazKQDOw==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
 
@@ -18560,10 +20011,10 @@ metro-react-native-babel-preset@0.48.5:
     metro-babel7-plugin-react-transform "0.48.5"
     react-transform-hmr "^1.0.4"
 
-metro-react-native-babel-preset@^0.49.0:
-  version "0.49.2"
-  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.49.2.tgz#8d53610e044e0c9a53a03d307e1c51f9e8577abc"
-  integrity sha512-N0+4ramShYCHSAVEPUNWIZuKZskWj8/RDSoinhadHpdpHORMbMxLkexSOVHLluB+XFQ+DENLEx5oVPYwOlENBA==
+metro-react-native-babel-preset@^0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.51.1.tgz#44aeeedfea37f7c2ab8f6f273fa71b90fe65f089"
+  integrity sha512-e9tsYDFhU70gar0jQWcZXRPJVCv4k7tEs6Pm74wXO2OO/T1MEumbvniDIGwGG8bG8RUnYdHhjcaiub2Vc5BRWw==
   dependencies:
     "@babel/plugin-proposal-class-properties" "^7.0.0"
     "@babel/plugin-proposal-export-default-from" "^7.0.0"
@@ -18598,7 +20049,7 @@ metro-react-native-babel-preset@^0.49.0:
     "@babel/plugin-transform-typescript" "^7.0.0"
     "@babel/plugin-transform-unicode-regex" "^7.0.0"
     "@babel/template" "^7.0.0"
-    metro-babel7-plugin-react-transform "0.49.2"
+    metro-babel7-plugin-react-transform "0.51.1"
     react-transform-hmr "^1.0.4"
 
 metro-resolver@0.45.6:
@@ -18782,7 +20233,7 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4, micromatch@^3.1.8, mic
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-micromatch@^4.0.0:
+micromatch@^4.0.0, micromatch@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
   integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
@@ -18833,9 +20284,9 @@ mime@1.6.0, mime@^1.2.11, mime@^1.3.4, mime@^1.4.1:
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
 mime@^2.0.3, mime@^2.3.1, mime@^2.4.0, mime@^2.4.2:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.3.tgz#229687331e86f68924e6cb59e1cdd937f18275fe"
-  integrity sha512-QgrPRJfE+riq5TPZMcHZOtm8c6K/yYrMbKIoRfapfiGLxS8OTeIfRhUGW5LU7MlRa52KOAGCfUNruqLrIBvWZw==
+  version "2.4.4"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.4.tgz#bd7b91135fc6b01cde3e9bae33d659b63d8857e5"
+  integrity sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==
 
 mimic-fn@^1.0.0:
   version "1.2.0"
@@ -18852,7 +20303,7 @@ mimic-response@^1.0.0, mimic-response@^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:
+min-document@^2.19.0, min-document@^2.6.1:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
   integrity sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=
@@ -18918,7 +20369,7 @@ minimist@~0.0.1:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
   integrity sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=
 
-minipass@2.3.5, minipass@^2.2.0, minipass@^2.2.1, minipass@^2.3.3, minipass@^2.3.4, minipass@^2.3.5:
+minipass@2.3.5, minipass@^2.2.0, minipass@^2.2.1, minipass@^2.3.3, minipass@^2.3.5:
   version "2.3.5"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.3.5.tgz#cacebe492022497f656b0f0f51e2682a9ed2d848"
   integrity sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==
@@ -18926,7 +20377,7 @@ minipass@2.3.5, minipass@^2.2.0, minipass@^2.2.1, minipass@^2.3.3, minipass@^2.3
     safe-buffer "^5.1.2"
     yallist "^3.0.0"
 
-minizlib@^1.1.0, minizlib@^1.1.1:
+minizlib@^1.1.0, minizlib@^1.2.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==
@@ -18971,9 +20422,9 @@ mithril@*, mithril@^1.1.6:
   integrity sha512-fWcUrQTCqu8M916rj1MFGlHaPh65rznPu6U/N2U9g81H89klDCIptSK5bnkNkC+jyi3sJIXjyGhSQjUnR8jzZA==
 
 mixin-deep@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.1.tgz#a49e7268dce1a0d9698e45326c5626df3543d0fe"
-  integrity sha512-8ZItLHeEgaqEvd5lYBXfm4EZSFCX29Jb9K+lAHhDKzReKBQKj3R+7NOF6tjqYi9t4oI8VUfaWITJQm86wnXGNQ==
+  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"
@@ -18999,9 +20450,9 @@ mktemp@~0.4.0:
   integrity sha1-bQUVYRyKjITkhKogABKbmOmB/ws=
 
 mock-fs@^4.8.0:
-  version "4.10.0"
-  resolved "https://registry.yarnpkg.com/mock-fs/-/mock-fs-4.10.0.tgz#1d017f797416c9f4879dd58ee9438d8b9323a731"
-  integrity sha512-eBpLEjI6tK4RKK44BbUBQu89lrNh+5WeX3wf2U6Uwo6RtRGAQ77qvKeuuQh3lVXHF1aPndVww9VcjqmLThIdtA==
+  version "4.10.1"
+  resolved "https://registry.yarnpkg.com/mock-fs/-/mock-fs-4.10.1.tgz#50a07a20114a6cdb119f35762f61f46266a1e323"
+  integrity sha512-w22rOL5ZYu6HbUehB5deurghGM0hS/xBVyHMGKOuQctkk93J9z9VEOhDsiWrXOprVNQpP9uzGKdl8v9mFspKuw==
 
 modify-values@^1.0.0:
   version "1.0.1"
@@ -19009,13 +20460,13 @@ modify-values@^1.0.0:
   integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
 
 module-deps@^6.0.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/module-deps/-/module-deps-6.2.0.tgz#d41a2e790245ce319171e4e7c4d8c73993ba3cd5"
-  integrity sha512-hKPmO06so6bL/ZvqVNVqdTVO8UAYsi3tQWlCa+z9KuWhoN4KDQtb5hcqQQv58qYiDE21wIvnttZEPiDgEbpwbA==
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/module-deps/-/module-deps-6.2.1.tgz#cfe558784060e926824f474b4e647287837cda50"
+  integrity sha512-UnEn6Ah36Tu4jFiBbJVUtt0h+iXqxpLqDvPS8nllbw5RZFmNJ1+Mz5BjYnM9ieH80zyxHkARGLnMIHlPK5bu6A==
   dependencies:
     JSONStream "^1.0.3"
     browser-resolve "^1.7.0"
-    cached-path-relative "^1.0.0"
+    cached-path-relative "^1.0.2"
     concat-stream "~1.6.0"
     defined "^1.0.0"
     detective "^5.0.2"
@@ -19030,9 +20481,9 @@ module-deps@^6.0.0:
     xtend "^4.0.0"
 
 moment-timezone@^0.5.23:
-  version "0.5.25"
-  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.25.tgz#a11bfa2f74e088327f2cd4c08b3e7bdf55957810"
-  integrity sha512-DgEaTyN/z0HFaVcVbSyVCUU6HeFdnNC3vE4c9cgu2dgMTvjBUBdBzWfasTBmAW45u5OIMeCJtU8yNjM22DHucw==
+  version "0.5.26"
+  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.26.tgz#c0267ca09ae84631aa3dc33f65bedbe6e8e0d772"
+  integrity sha512-sFP4cgEKTCymBBKgoxZjYzlSovC20Y6J7y3nanDc5RoBIXKlZhoYwBoZGe3flwU6A372AcRwScH8KiwV6zjy1g==
   dependencies:
     moment ">= 2.9.0"
 
@@ -19097,11 +20548,16 @@ ms@2.0.0:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
 
-ms@2.1.1, ms@^2.0.0, ms@^2.1.1:
+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==
 
+ms@^2.0.0, ms@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
 multicast-dns-service-types@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz#899f11d9686e5e05cb91b35d5f0e63b773cfc901"
@@ -19125,11 +20581,24 @@ multimatch@^2.1.0:
     arrify "^1.0.0"
     minimatch "^3.0.0"
 
+multiyargs@1.0.x:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/multiyargs/-/multiyargs-1.0.0.tgz#006e2e409eb6c155220d1eb5323dd09bfd34b828"
+  integrity sha1-AG4uQJ62wVUiDR61Mj3Qm/00uCg=
+  dependencies:
+    debug "2.6.x"
+    promise-do-whilst "1.0.x"
+
 mustache@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/mustache/-/mustache-3.0.1.tgz#873855f23aa8a95b150fb96d9836edbc5a1d248a"
   integrity sha512-jFI/4UVRsRYdUbuDTKT7KzfOp7FiD5WzYmmwNwXyUVypC0xjoTL78Fqc0jHUPIvvGD+6DQSPHIt1NE7D1ArsqA==
 
+mute-stdout@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mute-stdout/-/mute-stdout-1.0.1.tgz#acb0300eb4de23a7ddeec014e3e96044b3472331"
+  integrity sha512-kDcwXR4PS7caBpuRYYBUz9iVixUk3anO3f5OYFiIPwK/20vCzKCHyKoulbiDY1S53zD2bxUpxN/IJ+TnXjfvxg==
+
 mute-stream@0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
@@ -19262,12 +20731,17 @@ no-case@^2.2.0, no-case@^2.3.2:
     lower-case "^1.1.1"
 
 node-abi@^2.7.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.8.0.tgz#bd2e88dbe6a6871e6dd08553e0605779325737ec"
-  integrity sha512-1/aa2clS0pue0HjckL62CsbhWWU35HARvBDXcJtYKbYR7LnIutmpxmXbuDMV9kEviD2lP/wACOgWmmwljghHyQ==
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-2.9.0.tgz#ae4075b298dab2d92dd1e22c48ccc7ffd7f06200"
+  integrity sha512-jmEOvv0eanWjhX8dX1pmjb7oJl1U1oR4FOh0b2GnvALwSYoOdU7sj+kLDSAyjo4pfC9aj/IxkloxdLJQhSSQBA==
   dependencies:
     semver "^5.4.1"
 
+node-addon-api@^1.6.0:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-1.6.3.tgz#3998d4593e2dca2ea82114670a4eb003386a9fe1"
+  integrity sha512-FXWH6mqjWgU8ewuahp4spec8LkroFZK2NicOv6bNwZC3kcwZUI8LeZdG80UzTSLLhK4T7MsgNwlYDVRlDdfTDg==
+
 node-ask@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/node-ask/-/node-ask-1.0.1.tgz#caaa1076cc58e0364267a0903e3eadfac158396b"
@@ -19307,7 +20781,7 @@ node-fetch@2.1.2:
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.1.2.tgz#ab884e8e7e57e38a944753cec706f788d1768bb5"
   integrity sha1-q4hOjn5X44qUR1POxwb3iNF2i7U=
 
-node-fetch@^2.2.0, node-fetch@^2.3.0, node-fetch@^2.6.0:
+node-fetch@^2.2.0, node-fetch@^2.3.0, node-fetch@^2.5.0, node-fetch@^2.6.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
   integrity sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==
@@ -19317,7 +20791,7 @@ node-forge@0.7.5:
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.5.tgz#6c152c345ce11c52f465c2abd957e8639cd674df"
   integrity sha512-MmbQJ2MTESTjt3Gi/3yG1wGpIMhUfcIypUCGtTizFR9IiccFwxSpfp0vtIZlkFclEqERemxfnSdZEMR9VqqEFQ==
 
-node-forge@0.7.6:
+node-forge@0.7.6, node-forge@^0.7.1:
   version "0.7.6"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.6.tgz#fdf3b418aee1f94f0ef642cd63486c77ca9724ac"
   integrity sha512-sol30LUpz1jQFBjOKwbjxijiE3b6pjd74YwfD0fJOKPjF+fONKb2Yg8rYgS6+bK6VDl+/wfr4IYpC7jDzLUIfw==
@@ -19363,9 +20837,9 @@ node-int64@^0.4.0:
   integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
 
 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==
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
+  integrity sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==
   dependencies:
     assert "^1.1.1"
     browserify-zlib "^0.2.0"
@@ -19377,7 +20851,7 @@ node-libs-browser@^2.0.0:
     events "^3.0.0"
     https-browserify "^1.0.0"
     os-browserify "^0.3.0"
-    path-browserify "0.0.0"
+    path-browserify "0.0.1"
     process "^0.11.10"
     punycode "^1.2.4"
     querystring-es3 "^0.2.0"
@@ -19389,7 +20863,7 @@ node-libs-browser@^2.0.0:
     tty-browserify "0.0.0"
     url "^0.11.0"
     util "^0.11.0"
-    vm-browserify "0.0.4"
+    vm-browserify "^1.0.1"
 
 node-loggly-bulk@^2.2.4:
   version "2.2.4"
@@ -19437,17 +20911,10 @@ node-pre-gyp@^0.12.0:
     semver "^5.3.0"
     tar "^4"
 
-node-releases@^1.1.13, node-releases@^1.1.3:
-  version "1.1.21"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.21.tgz#46c86f9adaceae4d63c75d3c2f2e6eee618e55f3"
-  integrity sha512-TwnURTCjc8a+ElJUjmDqU6+12jhli1Q61xOQmdZ7ECZVBZuQpN/1UnembiIHDM1wCcfLvh5wrWXUF5H6ufX64Q==
-  dependencies:
-    semver "^5.3.0"
-
-node-releases@^1.1.21:
-  version "1.1.23"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.23.tgz#de7409f72de044a2fa59c097f436ba89c39997f0"
-  integrity sha512-uq1iL79YjfYC0WXoHbC/z28q/9pOl8kSHaXdWmAAc8No+bDwqkZbzIJz55g/MUsPgSGm9LZ7QSUbzTcH5tz47w==
+node-releases@^1.1.13, node-releases@^1.1.23, node-releases@^1.1.3:
+  version "1.1.25"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.25.tgz#0c2d7dbc7fed30fbe02a9ee3007b8c90bf0133d3"
+  integrity sha512-fI5BXuk83lKEoZDdH3gRhtsNgh05/wZacuXkgbiYkceE7+QIMXOg98n9ZV7mz27B+kFHnqHcUpscZZlGRSmTpQ==
   dependencies:
     semver "^5.3.0"
 
@@ -19491,7 +20958,7 @@ noop-logger@^0.1.1:
   dependencies:
     abbrev "1"
 
-nopt@^4.0.1:
+nopt@^4.0.1, nopt@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
   integrity sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=
@@ -19499,12 +20966,10 @@ nopt@^4.0.1:
     abbrev "1"
     osenv "^0.1.4"
 
-nopt@~1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-1.0.10.tgz#6ddd21bd2a31417b92727dd585f8a6f37608ebee"
-  integrity sha1-bd0hvSoxQXuScn3Vhfim83YI6+4=
-  dependencies:
-    abbrev "1"
+normalize-html-whitespace@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/normalize-html-whitespace/-/normalize-html-whitespace-0.2.0.tgz#101722f6423551c75cdb8f9d104ff850daf1e10e"
+  integrity sha1-EBci9kI1Ucdc24+dEE/4UNrx4Q4=
 
 normalize-package-data@^2.0.0, normalize-package-data@^2.3.0, normalize-package-data@^2.3.2, normalize-package-data@^2.3.4, normalize-package-data@^2.3.5, normalize-package-data@^2.4.0, normalize-package-data@^2.5.0:
   version "2.5.0"
@@ -19552,17 +21017,29 @@ normalize-url@2.0.1:
     query-string "^5.0.1"
     sort-keys "^2.0.0"
 
-normalize-url@^3.0.0, normalize-url@^3.1.0, normalize-url@^3.3.0:
+normalize-url@^3.0.0, normalize-url@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
   integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
 
+normalize-url@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.3.0.tgz#9c49e10fc1876aeb76dba88bf1b2b5d9fa57b2ee"
+  integrity sha512-0NLtR71o4k6GLP+mr6Ty34c5GA6CMoEsncKJxvQd8NzPxaHRJNnb5gZE8R1XF4CPIS7QPHLJ74IFszwtNVAHVQ==
+
+now-and-later@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/now-and-later/-/now-and-later-2.0.1.tgz#8e579c8685764a7cc02cb680380e94f43ccb1f7c"
+  integrity sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==
+  dependencies:
+    once "^1.3.2"
+
 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-lifecycle@^2.1.1:
+npm-lifecycle@^2.1.0, npm-lifecycle@^2.1.1:
   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==
@@ -19576,6 +21053,11 @@ npm-lifecycle@^2.1.1:
     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-package-arg@6.1.0, "npm-package-arg@^4.0.0 || ^5.0.0 || ^6.0.0", npm-package-arg@^6.0.0, npm-package-arg@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-6.1.0.tgz#15ae1e2758a5027efb4c250554b85a737db7fcc1"
@@ -19587,9 +21069,9 @@ npm-package-arg@6.1.0, "npm-package-arg@^4.0.0 || ^5.0.0 || ^6.0.0", npm-package
     validate-npm-package-name "^3.0.0"
 
 npm-packlist@^1.1.12, npm-packlist@^1.1.6, npm-packlist@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.1.tgz#19064cdf988da80ea3cee45533879d90192bbfbc"
-  integrity sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.4.tgz#866224233850ac534b63d1a6e76050092b5d2f44"
+  integrity sha512-zTLo8UcVYtDU3gdeaFu2Xu0n0EvelfHDGuqtNIn5RO7yQj4H1TqNdBc/yZjxnWA0PVB8D3Woyp0i5B43JwQ6Vw==
   dependencies:
     ignore-walk "^3.0.1"
     npm-bundled "^1.0.1"
@@ -19619,16 +21101,25 @@ npm-prefix@^1.2.0:
     shellsubstitute "^1.1.0"
     untildify "^2.1.0"
 
-npm-registry-fetch@^3.8.0, npm-registry-fetch@^3.9.0:
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-3.9.0.tgz#44d841780e2833f06accb34488f8c7450d1a6856"
-  integrity sha512-srwmt8YhNajAoSAaDWndmZgx89lJwIZ1GWxOuckH4Coek4uHv5S+o/l9FLQe/awA+JwTnj4FJHldxhlXdZEBmw==
+npm-profile@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-profile/-/npm-profile-4.0.1.tgz#d350f7a5e6b60691c7168fbb8392c3603583f5aa"
+  integrity sha512-NQ1I/1Q7YRtHZXkcuU1/IyHeLy6pd+ScKg4+DQHdfsm769TGq6HPrkbuNJVJS4zwE+0mvvmeULzQdWn2L2EsVA==
+  dependencies:
+    aproba "^1.1.2 || 2"
+    figgy-pudding "^3.4.1"
+    npm-registry-fetch "^3.8.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 "^4.1.3"
-    make-fetch-happen "^4.0.1"
+    lru-cache "^5.1.1"
+    make-fetch-happen "^4.0.2"
     npm-package-arg "^6.1.0"
 
 npm-run-path@^1.0.0:
@@ -19739,12 +21230,17 @@ object-inspect@^1.6.0:
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.6.0.tgz#c70b6cbf72f274aab4c34c0c82f5167bf82cf15b"
   integrity sha512-GJzfBZ6DgDAmnuaM3104jR4s1Myxr3Y3zfIyN4z3UdqN69oSRacNK8UhnobDdC+7J2AHCjGwxQubNJfE70SXXQ==
 
+object-inspect@~1.4.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.4.1.tgz#37ffb10e71adaf3748d05f713b4c9452f402cbc4"
+  integrity sha512-wqdhLpfCUbEsoEwl3FXwGyv8ief1k/1aUdIPCqVnupM6e8l63BEJdiF/0swtn04/8p05tG/T0FrpTlfwvljOdw==
+
 object-is@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.0.1.tgz#0aa60ec9989a0b3ed795cf4d06f62cf1ad6539b6"
   integrity sha1-CqYOyZiaCz7Xlc9NBvYs8a1lObY=
 
-object-keys@^1.0.11, object-keys@^1.0.12:
+object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.0.6:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
@@ -19756,7 +21252,7 @@ object-visit@^1.0.0:
   dependencies:
     isobject "^3.0.0"
 
-object.assign@^4.0.1, object.assign@^4.1.0:
+object.assign@^4.0.1, object.assign@^4.0.4, object.assign@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.0.tgz#968bf1100d7956bb3ca086f006f846b3bc4008da"
   integrity sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==
@@ -19766,6 +21262,16 @@ object.assign@^4.0.1, object.assign@^4.1.0:
     has-symbols "^1.0.0"
     object-keys "^1.0.11"
 
+object.defaults@^1.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.entries@^1.0.4, object.entries@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.0.tgz#2024fc6d6ba246aee38bdb0ffd5cfbcf371b7519"
@@ -19794,6 +21300,14 @@ object.getownpropertydescriptors@^2.0.3:
     define-properties "^1.1.2"
     es-abstract "^1.5.1"
 
+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"
@@ -19802,13 +21316,28 @@ object.omit@^2.0.0:
     for-own "^0.1.4"
     is-extendable "^0.1.1"
 
-object.pick@^1.3.0:
+object.omit@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-3.0.0.tgz#0e3edc2fce2ba54df5577ff529f6d97bd8a522af"
+  integrity sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==
+  dependencies:
+    is-extendable "^1.0.0"
+
+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"
 
+object.reduce@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/object.reduce/-/object.reduce-1.0.1.tgz#6fe348f2ac7fa0f95ca621226599096825bb03ad"
+  integrity sha1-b+NI8qx/oPlcpiEiZZkJaCW7A60=
+  dependencies:
+    for-own "^1.0.0"
+    make-iterator "^1.0.0"
+
 object.values@^1.0.4, object.values@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.0.tgz#bf6810ef5da3e5325790eaaa2be213ea84624da9"
@@ -19829,11 +21358,6 @@ octokit-pagination-methods@^1.1.0:
   resolved "https://registry.yarnpkg.com/octokit-pagination-methods/-/octokit-pagination-methods-1.1.0.tgz#cf472edc9d551055f9ef73f6e42b4dbb4c80bea4"
   integrity sha512-fZ4qZdQ2nxJvtcasX7Ghl+WlWS/d9IgnBIwFZXVNNZUmzpno91SX5bc5vuxiuKoCtK78XxGGNuSCrDC7xYB3OQ==
 
-omggif@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/omggif/-/omggif-1.0.9.tgz#dcb7024dacd50c52b4d303f04802c91c057c765f"
-  integrity sha1-3LcCTazVDFK00wPwSALJHAV8dl8=
-
 omit-deep@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/omit-deep/-/omit-deep-0.3.0.tgz#21c8af3499bcadd29651a232cbcacbc52445ebec"
@@ -19854,7 +21378,7 @@ on-headers@~1.0.1, on-headers@~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.4.0:
+once@^1.3.0, once@^1.3.1, once@^1.3.2, 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=
@@ -19875,13 +21399,20 @@ open@6.0.0:
   dependencies:
     is-wsl "^1.1.0"
 
-open@^6.1.0:
+open@6.3.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/open/-/open-6.3.0.tgz#60d0b845ee38fae0631f5d739a21bd40e3d2a527"
   integrity sha512-6AHdrJxPvAXIowO/aIaeHZ8CeMdDf7qCyRNq8NwJpinmCdXhz+NZR7ie1Too94lpciCDsG+qHGO9Mt0svA4OqA==
   dependencies:
     is-wsl "^1.1.0"
 
+open@^6.1.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-6.4.0.tgz#5c13e96d0dc894686164f18965ecfe889ecfc8a9"
+  integrity sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==
+  dependencies:
+    is-wsl "^1.1.0"
+
 opener@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.1.tgz#6d2f0e77f1a0af0032aca716c2c1fbb8e7e8abed"
@@ -19926,7 +21457,7 @@ optimist@0.6.x, optimist@^0.6.1, optimist@~0.6.0:
     minimist "~0.0.1"
     wordwrap "~0.0.2"
 
-optimize-css-assets-webpack-plugin@5.0.1, optimize-css-assets-webpack-plugin@^5.0.1:
+optimize-css-assets-webpack-plugin@5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.1.tgz#9eb500711d35165b45e7fd60ba2df40cb3eb9159"
   integrity sha512-Rqm6sSjWtx9FchdP0uzTQDc7GXDKnwVEGoSxjezPkzMewx7gEWE9IMUYKmigTRC4U3RaNSwYVnUDLuIdtTpm0A==
@@ -19934,6 +21465,14 @@ optimize-css-assets-webpack-plugin@5.0.1, optimize-css-assets-webpack-plugin@^5.
     cssnano "^4.1.0"
     last-call-webpack-plugin "^3.0.0"
 
+optimize-css-assets-webpack-plugin@^5.0.1:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.3.tgz#e2f1d4d94ad8c0af8967ebd7cf138dcb1ef14572"
+  integrity sha512-q9fbvCRS6EYtUKKSwI87qm2IxlyJK5b4dygW1rKUBT6mMDhdG5e5bZT63v6tnJR9F9FB/H5a0HTmtw+laUBxKA==
+  dependencies:
+    cssnano "^4.1.10"
+    last-call-webpack-plugin "^3.0.0"
+
 optionator@^0.8.1, optionator@^0.8.2:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64"
@@ -19961,6 +21500,18 @@ ora@1.4.0:
     cli-spinners "^1.0.1"
     log-symbols "^2.1.0"
 
+ora@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/ora/-/ora-2.1.0.tgz#6caf2830eb924941861ec53a173799e008b51e5b"
+  integrity sha512-hNNlAd3gfv/iPmsNxYoAPLvxg7HuPozww7fFonMZvL84tP6Ox5igfk5j/+a9rtJJwqMgKK+JgWsAQik5o0HTLA==
+  dependencies:
+    chalk "^2.3.1"
+    cli-cursor "^2.1.0"
+    cli-spinners "^1.1.0"
+    log-symbols "^2.2.0"
+    strip-ansi "^4.0.0"
+    wcwidth "^1.0.1"
+
 ora@^3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/ora/-/ora-3.4.0.tgz#bf0752491059a3ef3ed4c85097531de9fdbcd318"
@@ -19973,6 +21524,13 @@ ora@^3.4.0:
     strip-ansi "^5.2.0"
     wcwidth "^1.0.1"
 
+ordered-read-streams@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz#77c0cb37c41525d64166d990ffad7ec6a0e1363e"
+  integrity sha1-d8DLN8QVJdZBZtmQ/61+xqDhNj4=
+  dependencies:
+    readable-stream "^2.0.1"
+
 original@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/original/-/original-1.0.2.tgz#e442a61cffe1c5fd20a65f3261c26663b303f25f"
@@ -20006,7 +21564,7 @@ os-locale@^2.0.0:
     lcid "^1.0.0"
     mem "^1.1.0"
 
-os-locale@^3.0.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"
   integrity sha512-Z8l3R4wYWM40/52Z+S265okfFj8Kt2cC2MKY+xNi3kFs+XGI7WXu/I309QQQYbRW4ijiZ+yxs9pqEhJh0DqW3Q==
@@ -20156,6 +21714,13 @@ p-reduce@^1.0.0:
   resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-1.0.0.tgz#18c2b0dd936a4690a529f8231f58a0fdb6a47dfa"
   integrity sha1-GMKw3ZNqRpClKfgjH1ig/bakffo=
 
+p-retry@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-3.0.1.tgz#316b4c8893e2c8dc1cfa891f406c4b422bebf328"
+  integrity sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==
+  dependencies:
+    retry "^0.12.0"
+
 p-timeout@2.0.1, p-timeout@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-2.0.1.tgz#d8dd1979595d2dc0139e1fe46b8b646cb3cdf038"
@@ -20190,15 +21755,15 @@ package-json@^5.0.0:
     registry-url "^3.1.0"
     semver "^5.5.0"
 
-package-json@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/package-json/-/package-json-6.3.0.tgz#5ed793418b8322af7abfb985a19a20c2f40c2fb0"
-  integrity sha512-XO7WS3EEXd48vmW633Y97Mh9xuENFiOevI9G+ExfTG/k6xuY9cBd3fxkAoDMSEsNZXasaVJIJ1rD/n7GMf18bA==
+package-json@^6.3.0, package-json@^6.4.0:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/package-json/-/package-json-6.4.0.tgz#4f626976604f4a9a41723ce1792b204a60b1b61e"
+  integrity sha512-bd1T8OBG7hcvMd9c/udgv6u5v9wISP3Oyl9Cm7Weop8EFwrtcQDnS2sb6zhwqus2WslSr5wSTIPiTTpxxmPm7Q==
   dependencies:
     got "^9.6.0"
     registry-auth-token "^3.4.0"
     registry-url "^5.0.0"
-    semver "^5.6.0"
+    semver "^6.1.1"
 
 pacote@9.3.0:
   version "9.3.0"
@@ -20266,10 +21831,10 @@ pacote@9.4.0:
     unique-filename "^1.1.1"
     which "^1.3.1"
 
-pacote@^9.5.0:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/pacote/-/pacote-9.5.0.tgz#85f3013a3f6dd51c108b0ccabd3de8102ddfaeda"
-  integrity sha512-aUplXozRbzhaJO48FaaeClmN+2Mwt741MC6M3bevIGZwdCaP7frXzbUOfOWa91FPHoLITzG0hYaKY363lxO3bg==
+pacote@^9.2.3, pacote@^9.5.0:
+  version "9.5.1"
+  resolved "https://registry.yarnpkg.com/pacote/-/pacote-9.5.1.tgz#adb0d23daeef6d0b813ab5891d0c6459ccec998d"
+  integrity sha512-Zqvczvf/zZ7QNosdE9uTC7SRuvSs9tFqRkF6cJl+2HH7COBnx4BRAGpeXJlrbN+mM0CMHpbi620xdEHhCflghA==
   dependencies:
     bluebird "^3.5.3"
     cacache "^11.3.2"
@@ -20306,7 +21871,12 @@ pad-right@^0.2.2:
   dependencies:
     repeat-string "^1.5.2"
 
-pako@^1.0.5, pako@~1.0.2, pako@~1.0.5:
+pako@^0.2.5:
+  version "0.2.9"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+  integrity sha1-8/dSL073gjSNqBYbrZ7P1Rv4OnU=
+
+pako@~1.0.2, 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==
@@ -20327,6 +21897,69 @@ param-case@2.1.x, param-case@^2.1.0:
   dependencies:
     no-case "^2.2.0"
 
+parcel@^1.12.3:
+  version "1.12.3"
+  resolved "https://registry.yarnpkg.com/parcel/-/parcel-1.12.3.tgz#1f1341589380f20be924f1dd67c7fed193b346ec"
+  integrity sha512-j9XCVLeol9qZvGemRKt2z8bptbXq9LVy8/IzjqWQKMiKd8DR0NpDAlRHV0zyF72/J/UUTsdsrhnw6UGo9nGI+Q==
+  dependencies:
+    "@babel/code-frame" "^7.0.0 <7.4.0"
+    "@babel/core" "^7.0.0 <7.4.0"
+    "@babel/generator" "^7.0.0 <7.4.0"
+    "@babel/parser" "^7.0.0 <7.4.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0 <7.4.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0 <7.4.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0 <7.4.0"
+    "@babel/preset-env" "^7.0.0 <7.4.0"
+    "@babel/runtime" "^7.0.0 <7.4.0"
+    "@babel/template" "^7.0.0 <7.4.0"
+    "@babel/traverse" "^7.0.0 <7.4.0"
+    "@babel/types" "^7.0.0 <7.4.0"
+    "@iarna/toml" "^2.2.0"
+    "@parcel/fs" "^1.11.0"
+    "@parcel/logger" "^1.11.0"
+    "@parcel/utils" "^1.11.0"
+    "@parcel/watcher" "^1.12.0"
+    "@parcel/workers" "^1.11.0"
+    ansi-to-html "^0.6.4"
+    babylon-walk "^1.0.2"
+    browserslist "^4.1.0"
+    chalk "^2.1.0"
+    clone "^2.1.1"
+    command-exists "^1.2.6"
+    commander "^2.11.0"
+    cross-spawn "^6.0.4"
+    css-modules-loader-core "^1.1.0"
+    cssnano "^4.0.0"
+    deasync "^0.1.14"
+    dotenv "^5.0.0"
+    dotenv-expand "^4.2.0"
+    fast-glob "^2.2.2"
+    filesize "^3.6.0"
+    get-port "^3.2.0"
+    htmlnano "^0.2.2"
+    is-glob "^4.0.0"
+    is-url "^1.2.2"
+    js-yaml "^3.10.0"
+    json5 "^1.0.1"
+    micromatch "^3.0.4"
+    mkdirp "^0.5.1"
+    node-forge "^0.7.1"
+    node-libs-browser "^2.0.0"
+    opn "^5.1.0"
+    postcss "^7.0.11"
+    postcss-value-parser "^3.3.1"
+    posthtml "^0.11.2"
+    posthtml-parser "^0.4.0"
+    posthtml-render "^1.1.3"
+    resolve "^1.4.0"
+    semver "^5.4.1"
+    serialize-to-js "^1.1.1"
+    serve-static "^1.12.4"
+    source-map "0.6.1"
+    terser "^3.7.3"
+    v8-compile-cache "^2.0.0"
+    ws "^5.1.1"
+
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -20353,24 +21986,6 @@ parse-asn1@^5.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-diff@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/parse-diff/-/parse-diff-0.5.1.tgz#18b3e82a0765ac1c8796e3854e475073a691c4fb"
@@ -20388,6 +22003,15 @@ parse-entities@^1.0.2, parse-entities@^1.1.0, parse-entities@^1.1.2:
     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-git-config@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/parse-git-config/-/parse-git-config-2.0.3.tgz#6fb840d4a956e28b971c97b33a5deb73a6d5b6bb"
@@ -20417,14 +22041,6 @@ parse-glob@^3.0.4:
     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.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
@@ -20553,21 +22169,16 @@ path-based-router@^1.1.3:
   resolved "https://registry.yarnpkg.com/path-based-router/-/path-based-router-1.1.3.tgz#2995e8e7055f54ad76e9a320f7545d85da33f4d2"
   integrity sha1-KZXo5wVfVK126aMg91Rdhdoz9NI=
 
-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-browserify@0.0.1, path-browserify@~0.0.0:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
+  integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
 
 path-browserify@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.0.tgz#40702a97af46ae00b0ea6fa8998c0b03c0af160d"
   integrity sha512-Hkavx/nY4/plImrZPHRk2CL9vpOymZLgEbMNX1U0bjcBL7QN9wODxyx0yaMZURSQaUtSEvDrfAvxa9oPb0at9g==
 
-path-browserify@~0.0.0:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
-  integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
-
 path-case@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/path-case/-/path-case-2.1.1.tgz#94b8037c372d3fe2906e465bb45e25d226e8eea5"
@@ -20592,6 +22203,11 @@ path-exists@^3.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
   integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
 
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
 path-is-absolute@1.0.1, 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"
@@ -20644,6 +22260,11 @@ path-to-regexp@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@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-3.0.0.tgz#c981a218f3df543fa28696be2f88e0c58d2e012a"
+  integrity sha512-ZOtfhPttCrqp2M1PBBH4X13XlvnfhIwD7yCLx+GoGoXRPQyxGOTdQMpIzPSPKXAJT/JQrdfFrgdJOyAzvgpQ9A==
+
 path-type@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
@@ -20667,6 +22288,11 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
 paths.macro@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/paths.macro/-/paths.macro-2.0.2.tgz#7b7b3930170c9d41f42ec426c987b2df3505fb72"
@@ -20703,10 +22329,10 @@ performance-now@^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==
+physical-cpu-count@^2.0.0:
+  version "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.5:
   version "2.0.7"
@@ -20759,6 +22385,16 @@ pixelmatch@^4.0.2:
   dependencies:
     pngjs "^3.0.0"
 
+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"
@@ -20839,6 +22475,16 @@ plugin-error@^0.1.2:
     arr-union "^2.0.1"
     extend-shallow "^1.1.2"
 
+plugin-error@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/plugin-error/-/plugin-error-1.0.1.tgz#77016bd8919d0ac377fdcdd0322328953ca5781c"
+  integrity sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==
+  dependencies:
+    ansi-colors "^1.0.1"
+    arr-diff "^4.0.0"
+    arr-union "^3.1.0"
+    extend-shallow "^3.0.2"
+
 plur@^3.0.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/plur/-/plur-3.1.1.tgz#60267967866a8d811504fe58f2faaba237546a5b"
@@ -20863,19 +22509,26 @@ pnp-webpack-plugin@1.2.1:
   dependencies:
     ts-pnp "^1.0.0"
 
-pnp-webpack-plugin@1.4.3, pnp-webpack-plugin@^1.2.1:
+pnp-webpack-plugin@1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.4.3.tgz#0a100b63f4a1d09cee6ee55a87393b69f03ab5c7"
   integrity sha512-ExrNwuFH3DudHwWY2uRMqyiCOBEDdhQYHIAsqW/CM6hIZlSgXC/ma/p08FoNOUhVyh9hl1NGnMpR94T5i3SHaQ==
   dependencies:
     ts-pnp "^1.1.2"
 
-polished@^3.3.1:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/polished/-/polished-3.4.0.tgz#29b2a028ee0408df5dded55a2a25e913bc6749a9"
-  integrity sha512-GiuavmunMIKMOEoSPkXoqBYM2ZcI4YIwCaiwmTOQ55Zq4HG2kD0YZt3WlLZ2l3U9XhJ1LM/fgjCFHHffiZP0YQ==
+pnp-webpack-plugin@^1.2.1:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.5.0.tgz#62a1cd3068f46d564bb33c56eb250e4d586676eb"
+  integrity sha512-jd9olUr9D7do+RN8Wspzhpxhgp1n6Vd0NtQ4SFkmIACZoEL1nkyAdW9Ygrinjec0vgDcWjscFQQ1gDW8rsfKTg==
   dependencies:
-    "@babel/runtime" "^7.4.4"
+    ts-pnp "^1.1.2"
+
+polished@^3.0.0, polished@^3.3.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/polished/-/polished-3.4.1.tgz#1eb5597ec1792206365635811d465751f5cbf71c"
+  integrity sha512-GflTnlP5rrpDoigjczEkS6Ye7NDA4sFvAnlr5hSDrEvjiVj97Xzev3hZlLi3UB27fpxyTS9rWU64VzVLWkG+mg==
+  dependencies:
+    "@babel/runtime" "^7.4.5"
 
 polymer-webpack-loader@^2.0.3:
   version "2.0.3"
@@ -21005,11 +22658,11 @@ postcss-custom-media@^7.0.7:
     postcss "^7.0.14"
 
 postcss-custom-properties@^8.0.9:
-  version "8.0.10"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-8.0.10.tgz#e8dc969e1e15c555f0b836b7f278ef47e3cdeaff"
-  integrity sha512-GDL0dyd7++goDR4SSasYdRNNvp4Gqy1XMzcCnTijiph7VB27XXpJ8bW/AI0i2VSBZ55TpdGhMr37kMSpRfYD0Q==
+  version "8.0.11"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz#2d61772d6e92f22f5e0d52602df8fae46fa30d97"
+  integrity sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==
   dependencies:
-    postcss "^7.0.14"
+    postcss "^7.0.17"
     postcss-values-parser "^2.0.1"
 
 postcss-custom-selectors@^5.1.2:
@@ -21143,11 +22796,11 @@ postcss-lab-function@^2.0.1:
     postcss-values-parser "^2.0.0"
 
 postcss-load-config@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.0.0.tgz#f1312ddbf5912cd747177083c5ef7a19d62ee484"
-  integrity sha512-V5JBLzw406BB8UIfsAWSK2KSwIJ5yoEIVFb4gVkXci0QdKgA24jLmHZ/ghe/GgX0lJ0/D1uUK1ejhzEY94MChQ==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.0.tgz#c84d692b7bb7b41ddced94ee62e8ab31b417b003"
+  integrity sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==
   dependencies:
-    cosmiconfig "^4.0.0"
+    cosmiconfig "^5.0.0"
     import-cwd "^2.0.0"
 
 postcss-loader@3.0.0, postcss-loader@^3.0.0:
@@ -21236,6 +22889,13 @@ postcss-minify-selectors@^4.0.2:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
+postcss-modules-extract-imports@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.1.0.tgz#b614c9720be6816eaee35fb3a5faa1dba6a05ddb"
+  integrity sha1-thTJcgvmgW6u41+zpfqh26agXds=
+  dependencies:
+    postcss "^6.0.1"
+
 postcss-modules-extract-imports@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
@@ -21243,6 +22903,14 @@ postcss-modules-extract-imports@^2.0.0:
   dependencies:
     postcss "^7.0.5"
 
+postcss-modules-local-by-default@1.2.0:
+  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-local-by-default@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-2.0.6.tgz#dd9953f6dd476b5fd1ef2d8830c8929760b56e63"
@@ -21262,6 +22930,14 @@ postcss-modules-local-by-default@^3.0.2:
     postcss-selector-parser "^6.0.2"
     postcss-value-parser "^4.0.0"
 
+postcss-modules-scope@1.1.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-scope@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.1.0.tgz#ad3f5bf7856114f6fcab901b0502e2a2bc39d4eb"
@@ -21270,6 +22946,14 @@ postcss-modules-scope@^2.1.0:
     postcss "^7.0.6"
     postcss-selector-parser "^6.0.0"
 
+postcss-modules-values@1.3.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-modules-values@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-2.0.0.tgz#479b46dc0c5ca3dc7fa5270851836b9ec7152f64"
@@ -21516,7 +23200,7 @@ postcss-selector-not@^4.0.0:
     balanced-match "^1.0.0"
     postcss "^7.0.2"
 
-postcss-selector-parser@^3.0.0:
+postcss-selector-parser@3.1.1, postcss-selector-parser@^3.0.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.1.tgz#4f875f4afb0c96573d5cf4d74011aee250a7e865"
   integrity sha1-T4dfSvsMllc9XPTXQBGu4lCn6GU=
@@ -21581,6 +23265,15 @@ postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
+postcss@6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.1.tgz#000dbd1f8eef217aa368b9a212c5fc40b2a8f3f2"
+  integrity sha1-AA29H47vIXqjaLmiEsX8QLKo8/I=
+  dependencies:
+    chalk "^1.1.3"
+    source-map "^0.5.6"
+    supports-color "^3.2.3"
+
 postcss@7.0.14:
   version "7.0.14"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.14.tgz#4527ed6b1ca0d82c53ce5ec1a2041c2346bbd6e5"
@@ -21590,7 +23283,16 @@ postcss@7.0.14:
     source-map "^0.6.1"
     supports-color "^6.1.0"
 
-postcss@^6.0.9:
+postcss@7.x.x, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.5, postcss@^7.0.6:
+  version "7.0.17"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f"
+  integrity sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ==
+  dependencies:
+    chalk "^2.4.2"
+    source-map "^0.6.1"
+    supports-color "^6.1.0"
+
+postcss@^6.0.1, postcss@^6.0.14, postcss@^6.0.9:
   version "6.0.23"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
   integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
@@ -21599,14 +23301,26 @@ postcss@^6.0.9:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.13, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.5, postcss@^7.0.6:
-  version "7.0.17"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f"
-  integrity sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ==
+posthtml-parser@^0.4.0, posthtml-parser@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/posthtml-parser/-/posthtml-parser-0.4.1.tgz#95b78fef766fbbe0a6f861b6e95582bc3d1ff933"
+  integrity sha512-h7vXIQ21Ikz2w5wPClPakNP6mJeJCK6BT0GpqnQrNNABdR7/TchNlFyryL1Bz6Ww53YWCKkr6tdZuHlxY1AVdQ==
   dependencies:
-    chalk "^2.4.2"
-    source-map "^0.6.1"
-    supports-color "^6.1.0"
+    htmlparser2 "^3.9.2"
+    object-assign "^4.1.1"
+
+posthtml-render@^1.1.3, posthtml-render@^1.1.4, posthtml-render@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/posthtml-render/-/posthtml-render-1.1.5.tgz#387934e85438a3de77085fbc7d264efb00bd0e0f"
+  integrity sha512-yvt54j0zCBHQVEFAuR+yHld8CZrCa/E1Z/OcFNCV1IEWTLVxT8O7nYnM4IIw1CD4r8kaRd3lc42+0lgCKgm87w==
+
+posthtml@^0.11.2, posthtml@^0.11.3:
+  version "0.11.4"
+  resolved "https://registry.yarnpkg.com/posthtml/-/posthtml-0.11.4.tgz#26784d005d57d7aea93ab06dda899d59bdf186c7"
+  integrity sha512-ezlzBkoPoRgh0jkmT1dsM8eT+lr2azyZ546kbda8oHnVnzvyaB3Ywo6UxUz8wPSOkFAAflCxZJhvvpQH1F6qcA==
+  dependencies:
+    posthtml-parser "^0.4.1"
+    posthtml-render "^1.1.5"
 
 pouchdb-collections@^1.0.1:
   version "1.0.1"
@@ -21678,9 +23392,9 @@ prettier@1.16.3:
   integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
 
 prettier@^1.16.4:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.1.tgz#ed64b4e93e370cb8a25b9ef7fef3e4fd1c0995db"
-  integrity sha512-TzGRNvuUSmPgwivDqkZ9tM/qTGW9hqDKWOE9YHiyQdixlKbv7kvEqsmDPrcHJTKwthU774TQwZXVtaQ/mMsvjg==
+  version "1.18.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.18.2.tgz#6823e7c5900017b4bd3acf46fe9ac4b4d7bda9ea"
+  integrity sha512-OeHeMc0JhFE9idD4ZdtNibzY0+TPHSpSSb9h8FqtP+YnoZZ1sl8Vc9b1sasjfymH3SonAF4QcA2+mzHPhMvIiw==
 
 pretty-bytes@^4.0.2:
   version "4.0.2"
@@ -21723,7 +23437,7 @@ pretty-format@^4.2.1:
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-4.3.1.tgz#530be5c42b3c05b36414a7a2a4337aa80acd0e8d"
   integrity sha1-UwvlxCs8BbNkFKeipDN6qArNDo0=
 
-pretty-hrtime@^1.0.3:
+pretty-hrtime@^1.0.0, pretty-hrtime@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
   integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=
@@ -21776,10 +23490,10 @@ probe-image-size@^4.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-nextick-args@^2.0.0, process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
 process-relative-require@^1.0.0:
   version "1.0.0"
@@ -21807,6 +23521,14 @@ progress-bar-webpack-plugin@^1.12.1:
     object.assign "^4.0.1"
     progress "^1.1.8"
 
+progress-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/progress-stream/-/progress-stream-2.0.0.tgz#fac63a0b3d11deacbb0969abcc93b214bce19ed5"
+  integrity sha1-+sY6Cz0R3qy7CWmrzJOyFLzhntU=
+  dependencies:
+    speedometer "~1.0.0"
+    through2 "~2.0.3"
+
 progress@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.0.tgz#8a1be366bf8fc23db2bd23f10c6fe920b4389d1f"
@@ -21817,11 +23539,16 @@ progress@^1.1.8:
   resolved "https://registry.yarnpkg.com/progress/-/progress-1.1.8.tgz#e260c78f6161cdd9b0e56cc3e0a85de17c7a57be"
   integrity sha1-4mDHj2Fhzdmw5WzD4Khd4Xx6V74=
 
-progress@^2.0.0, progress@^2.0.1:
+progress@^2.0.0, progress@^2.0.1, progress@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
   integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
 
+promise-do-whilst@1.0.x:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-do-whilst/-/promise-do-whilst-1.0.1.tgz#6ddad44009f36da9549dbdccfad99a868dff9ecf"
+  integrity sha1-bdrUQAnzbalUnb3M+tmaho3/ns8=
+
 promise-inflight@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
@@ -21867,7 +23594,7 @@ promise@8.0.2:
   dependencies:
     asap "~2.0.6"
 
-promise@^7.0.3, promise@^7.1.1:
+promise@^7.0.1, promise@^7.0.3, 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==
@@ -21986,9 +23713,9 @@ pseudomap@^1.0.2:
   integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
 
 psl@^1.1.24, psl@^1.1.28:
-  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==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.2.0.tgz#df12b5b1b3a30f51c329eacbdef98f3a6e136dc6"
+  integrity sha512-GEn74ZffufCmkDDLNcl3uuyF/aSD6exEyh1v/ZSdAomB82t6G9hzJVRx0jBmLDW+VfZqks3aScmMw9DszwUalA==
 
 public-encrypt@^4.0.0:
   version "4.0.3"
@@ -22002,6 +23729,111 @@ 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-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-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-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-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-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-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-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-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-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-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@^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"
+
 pump@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/pump/-/pump-1.0.3.tgz#5dfe8311c33bbf6fc18261f9f34702c47c08a954"
@@ -22026,7 +23858,7 @@ pump@^3.0.0:
     end-of-stream "^1.1.0"
     once "^1.3.1"
 
-pumpify@^1.3.3:
+pumpify@^1.3.3, pumpify@^1.3.5:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
   integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
@@ -22051,9 +23883,9 @@ punycode@^1.2.4, punycode@^1.3.2, punycode@^1.4.1:
   integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
 
 puppeteer@^1.12.2:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.17.0.tgz#371957d227a2f450fa74b78e78a2dadb2be7f14f"
-  integrity sha512-3EXZSximCzxuVKpIHtyec8Wm2dWZn1fc5tQi34qWfiUgubEVYHjUvr0GOJojqf3mifI6oyKnCdrGxaOI+lWReA==
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.18.1.tgz#4a66f3bdab01115ededf70443ec904c99917a815"
+  integrity sha512-luUy0HPSuWPsPZ1wAp6NinE0zgetWtudf5zwZ6dHjMWfYpTQcmKveFRox7VBNhQ98OjNA9PQ9PzQyX8k/KrxTg==
   dependencies:
     debug "^4.1.0"
     extract-zip "^1.6.6"
@@ -22084,7 +23916,7 @@ qs@6.5.2, qs@~6.5.2:
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
   integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
 
-qs@6.7.0, qs@^6.2.0, qs@^6.4.0, qs@^6.5.0, qs@^6.5.1, qs@^6.6.0:
+qs@6.7.0, qs@^6.2.0, qs@^6.4.0, qs@^6.5.0, qs@^6.6.0:
   version "6.7.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
   integrity sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==
@@ -22140,6 +23972,20 @@ quick-temp@^0.1.2, quick-temp@^0.1.3, quick-temp@^0.1.5, quick-temp@^0.1.8:
     rimraf "^2.5.4"
     underscore.string "~3.3.4"
 
+quote-stream@^1.0.1, quote-stream@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/quote-stream/-/quote-stream-1.0.2.tgz#84963f8c9c26b942e153feeb53aae74652b7e0b2"
+  integrity sha1-hJY/jJwmuULhU/7rU6rnRlK34LI=
+  dependencies:
+    buffer-equal "0.0.1"
+    minimist "^1.1.3"
+    through2 "^2.0.0"
+
+raf-schd@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.1.tgz#e72f29a96de260dead719f34c29e56fdc1c1473e"
+  integrity sha512-/QTXV4+Tf81CmJgTZac47N63ZzKmaVe+1cQX/grCFeLrs4Mcc6oq+KJfbF3tFjeS1NF91lmTvgmwYjk02UTo9A==
+
 raf@3.4.1, raf@^3.4.0:
   version "3.4.1"
   resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
@@ -22322,7 +24168,7 @@ raw-body@2.3.3:
     iconv-lite "0.4.23"
     unpipe "1.0.0"
 
-raw-body@2.4.0, raw-body@^2.3.3:
+raw-body@2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.4.0.tgz#a1ce6fb9c9bc356ca52e89256ab59059e13d0332"
   integrity sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==
@@ -22332,6 +24178,16 @@ raw-body@2.4.0, raw-body@^2.3.3:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+raw-body@^2.3.3:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.4.1.tgz#30ac82f98bb5ae8c152e67149dac8d55153b168c"
+  integrity sha512-9WmIKF6mkvA0SLmA2Knm9+qj89e+j1zqgyn8aXGd7+nAduPoqgI9lO57SAZNn/Byzo5P7JhXTyg9PzaJbH73bA==
+  dependencies:
+    bytes "3.1.0"
+    http-errors "1.7.3"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
 raw-body@~1.1.0:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-1.1.7.tgz#1d027c2bfa116acc6623bca8f00016572a87d425"
@@ -22340,7 +24196,7 @@ raw-body@~1.1.0:
     bytes "1"
     string_decoder "0.10"
 
-raw-loader@1.0.0:
+raw-loader@1.0.0, raw-loader@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-1.0.0.tgz#3f9889e73dadbda9a424bce79809b4133ad46405"
   integrity sha512-Uqy5AqELpytJTRxYT4fhltcKPj0TyaEpzJDcGz7DFJi+pQOOi3GjR/DOdxTkTsF+NzhnldIoG6TORaBlInUuqA==
@@ -22358,7 +24214,7 @@ raw-loader@^2.0.0:
 
 rax-button@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-button/-/rax-button-0.6.5.tgz#696be89f23880fcc79c3db52598a75f5d0c41a8a"
+  resolved "https://registry.yarnpkg.com/rax-button/-/rax-button-0.6.5.tgz#696be89f23880fcc79c3db52598a75f5d0c41a8a"
   integrity sha512-lKUv2mLB56vmSPportf7QcCWVLHFcZ0h8I2VNzM4iGaicmWYAcJyBo6imfhBCTrewK/lo83CPzsJOYV0AK/sHQ==
   dependencies:
     rax-text "^0.6.5"
@@ -22367,7 +24223,7 @@ rax-button@^0.6.5:
 
 rax-hot-loader@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-hot-loader/-/rax-hot-loader-0.6.5.tgz#dcbcada2a6cb7ed5b5848c815a40c72376d45ab9"
+  resolved "https://registry.yarnpkg.com/rax-hot-loader/-/rax-hot-loader-0.6.5.tgz#dcbcada2a6cb7ed5b5848c815a40c72376d45ab9"
   integrity sha512-UWinYMvPSALvOgILtwRTbKK21trUHMf2ZHpZ72uT2Kxw0vnig4ffF/cpGuXHej9LGnOg28u7sIubG0jPRxZuyg==
   dependencies:
     babel-template "^6.24.1"
@@ -22378,15 +24234,22 @@ rax-hot-loader@^0.6.5:
 
 rax-hot-module-replacement-webpack-plugin@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-hot-module-replacement-webpack-plugin/-/rax-hot-module-replacement-webpack-plugin-0.6.5.tgz#007f37967543cfb2956f1f1516e56071f72546ff"
+  resolved "https://registry.yarnpkg.com/rax-hot-module-replacement-webpack-plugin/-/rax-hot-module-replacement-webpack-plugin-0.6.5.tgz#007f37967543cfb2956f1f1516e56071f72546ff"
   integrity sha512-hVrHcYP66Ur36Qh4xWFiX9IuIDC4hyZE6i2LpjiTAK8prDZMC5B6WLgFke9VTZol3YagDaUVRwICwgyiTHkeUA==
   dependencies:
     tapable "^0.2.6"
     webpack-sources "^0.2.3"
 
+rax-hydrate@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/rax-hydrate/-/rax-hydrate-1.0.1.tgz#2a778f036435c66680f51336cbbf7b4dbec53c42"
+  integrity sha512-Nl6Ki9yV0CoGoDrc5H02YQdtgvluFNCZ3+Tnl03WHbHapyLvrpuJunX+0ywlH1Twp4TrGdcSI843mkvBlATUhA==
+  dependencies:
+    driver-dom "^1.0.0"
+
 rax-image@^0.6.8:
   version "0.6.8"
-  resolved "https://registry.npmjs.org/rax-image/-/rax-image-0.6.8.tgz#44b6e559178e8c3668f1eaf352bfcfdd09d7ce75"
+  resolved "https://registry.yarnpkg.com/rax-image/-/rax-image-0.6.8.tgz#44b6e559178e8c3668f1eaf352bfcfdd09d7ce75"
   integrity sha512-Ee7H0ePdXv4J4t4w3HAtjXasLPNqD2HQiPbJeybdnOOHHVrzawN68ypb+wy5I2Atad0CvdEQ9dXDNpkPPwElDw==
   dependencies:
     rax-view "^0.6.5"
@@ -22394,7 +24257,7 @@ rax-image@^0.6.8:
 
 rax-link@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-link/-/rax-link-0.6.5.tgz#da541440003a982b7af93e55b61957ddcc23990d"
+  resolved "https://registry.yarnpkg.com/rax-link/-/rax-link-0.6.5.tgz#da541440003a982b7af93e55b61957ddcc23990d"
   integrity sha512-KnPzsQckm88h9BOg/2xbyv1mL5wUuXlj0KwjRb2BKjkYXgYe98+exJnc24k5B+sn61PicW4EhHo+K/5wLgKu5A==
   dependencies:
     rax-text "^0.6.5"
@@ -22402,7 +24265,7 @@ rax-link@^0.6.5:
 
 rax-picker@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-picker/-/rax-picker-0.6.5.tgz#ab945f864312654cb6a1fa858bbe2504ead8ce5c"
+  resolved "https://registry.yarnpkg.com/rax-picker/-/rax-picker-0.6.5.tgz#ab945f864312654cb6a1fa858bbe2504ead8ce5c"
   integrity sha512-fu1s+YkVab/ZHvgLX47ku2eu5IBBoDV2EzL5KGYELKLBBfpivC3jAQ7hgO4Gdg9SF+6OKMx0elDigByJFJ9LXw==
   dependencies:
     rax "^0.6.5"
@@ -22410,10 +24273,24 @@ rax-picker@^0.6.5:
     rax-touchable "^0.6.5"
     universal-env "^0.6.5"
 
+rax-pwa-webpack-plugin@^1.0.0-0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/rax-pwa-webpack-plugin/-/rax-pwa-webpack-plugin-1.0.1.tgz#617ec0ff71beaae6c296f9f397e1410cf09c987f"
+  integrity sha512-nCTwXEMHi5hduDVKN6LO6ITf1TWDtXWjR6GDnID6S9PUTBXSb9Xz4akE7z83swBVtBHgp0IoRBYYgLVAX6VbXQ==
+
+rax-pwa@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/rax-pwa/-/rax-pwa-1.0.1.tgz#965460e5682f367745f0197b728d66a67bb3b035"
+  integrity sha512-T7wPYQxnTQc9ybNWWFwcgP7fUc70G+VazDWFWdSiDZlxHA6OyojCEyALmNyFzrkWe27ptkJq2cBPPXo7zLSNcw==
+  dependencies:
+    "@babel/polyfill" "^7.4.4"
+    path-to-regexp "^3.0.0"
+    rax-server-renderer "^1.0.1"
+
 rax-scripts@^1.0.0-beta.10:
-  version "1.2.0"
-  resolved "https://registry.npmjs.org/rax-scripts/-/rax-scripts-1.2.0.tgz#57f2012241c8fac8f1967847450b6a943c000365"
-  integrity sha512-tQLXWY9GtmAKnimmFbvWB6njw5DNWWGta14pPw6ycqACTP+pf5Q0PnMEBWIt/hysKloP2sMFuep2So8KzpoDkw==
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/rax-scripts/-/rax-scripts-1.3.7.tgz#c2c880744e3c0563a3b2aad10862502951a9d8f8"
+  integrity sha512-aUob9P4rHs6XXS3J7/1JReEkprdiocRKqmOooVwXs/AlbvyekCNWz3QiHA8hFuC6/XH8fFVJRO72f5H2KVia2A==
   dependencies:
     "@babel/core" "7.2.0"
     "@babel/plugin-proposal-class-properties" "7.2.0"
@@ -22428,11 +24305,15 @@ rax-scripts@^1.0.0-beta.10:
     "@babel/preset-env" "7.2.0"
     "@babel/preset-flow" "7.0.0"
     "@babel/preset-react" "7.0.0"
+    "@babel/preset-typescript" "^7.3.3"
     "@babel/runtime" "^7.2.0"
     address "^1.0.1"
     autoprefixer "^9.4.3"
     babel-core "^7.0.0-bridge.0"
+    babel-eslint "10.0.1"
+    babel-jest "^23.6.0"
     babel-loader "8.0.4"
+    babel-merge "^3.0.0"
     babel-plugin-root-import "^6.1.0"
     babel-plugin-transform-jsx-stylesheet "0.6.5"
     camelcase "^5.0.0"
@@ -22443,21 +24324,38 @@ rax-scripts@^1.0.0-beta.10:
     cross-spawn "^6.0.5"
     css-loader "^2.1.1"
     decamelize "^2.0.0"
+    eslint "^5.10.0"
+    eslint-plugin-import "^2.14.0"
+    eslint-plugin-react "~7.11.1"
+    express "^4.16.4"
     file-loader "^2.0.0"
     glob "^7.1.3"
+    gulp "^4.0.2"
+    gulp-babel "^8.0.0"
+    gulp-cli "^2.2.0"
+    gulp-typescript "^5.0.1"
     html-webpack-plugin "^3.2.0"
     image-source-loader "^0.6.5"
     internal-ip "^3.0.1"
+    jest "^24.8.0"
+    jest-cli "^24.7.1"
+    jest-localstorage-mock "^2.3.0"
+    jsx2mp "^0.1.0"
     loader-utils "^1.1.0"
     mini-css-extract-plugin "^0.5.0"
     minimatch "^3.0.4"
     optimize-css-assets-webpack-plugin "^5.0.1"
     path-exists "^3.0.0"
+    postcss "^7.0.17"
     postcss-import "^12.0.1"
     postcss-loader "^3.0.0"
     postcss-preset-env "^6.6.0"
     rax-hot-loader "^0.6.5"
     rax-hot-module-replacement-webpack-plugin "^0.6.5"
+    rax-hydrate "^1.0.1"
+    rax-pwa-webpack-plugin "^1.0.0-0"
+    rax-server "^1.0.0-3"
+    rax-ssr-dev-server "^1.0.0"
     rax-webpack-plugin "^0.6.5"
     rimraf "^2.6.2"
     strip-ansi "^5.0.0"
@@ -22465,28 +24363,64 @@ rax-scripts@^1.0.0-beta.10:
     ts-loader "^5.3.3"
     typescript "^3.2.4"
     uglifyjs-webpack-plugin "^2.1.2"
+    universal-app-shell-loader "^0.1.1"
     uppercamelcase "^3.0.0"
+    vinyl-buffer "^1.0.1"
+    vinyl-source-stream "^2.0.0"
     webpack "^4.27.1"
     webpack-bundle-analyzer "^3.0.3"
     webpack-dev-server "^3.1.11"
+    webpack-hot-middleware "^2.25.0"
     webpack-merge "^4.1.5"
     webpack-sources "^1.3.0"
 
+rax-server-renderer@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/rax-server-renderer/-/rax-server-renderer-1.0.4.tgz#a176af7817735f6f1b68051584ac42fd910f0556"
+  integrity sha512-f8ZqG5TVIhknHMApja46Lb7/qZWiMrjzxdSFDgLLmp6KA4TIhxMOj9iP25YbabXsAYfz5E1+nUBAJ6KWV4z6iw==
+
+rax-server@^1.0.0, rax-server@^1.0.0-3:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/rax-server/-/rax-server-1.0.0.tgz#f8b64995cbc3e7bdf31f6a3d6116a71836a5ecee"
+  integrity sha512-DWD89vSM5AG5QGUZRFf4dZkQpYAxZiRv99WABkQrb/kg9UjcaqyTKWxOw6rEGREYm1KZZN7aYrvo3CXpIMz8Lg==
+  dependencies:
+    "@babel/polyfill" "^7.4.4"
+    path-to-regexp "^3.0.0"
+    rax-pwa "^1.0.0"
+    rax-server-renderer "^1.0.1"
+
+rax-ssr-dev-server@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/rax-ssr-dev-server/-/rax-ssr-dev-server-1.0.0.tgz#28b652f9ad028e851f9259729385c5be6ead27a5"
+  integrity sha512-9AWWcgft88d+NX/CeKgJXiMXAkrZFBcDQOK7gXzkuM6VB7Iz6HiwfSXUMwdowbPkQpMk+gE+ZyBC/nDw0ii6Uw==
+  dependencies:
+    express "^4.17.1"
+    rax-server "^1.0.0"
+    webpack-dev-middleware "^3.7.0"
+    webpack-hot-middleware "^2.25.0"
+
 rax-test-renderer@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-test-renderer/-/rax-test-renderer-0.6.5.tgz#f8716709a6da0a48d8de47ff433e996df3fef1fc"
+  resolved "https://registry.yarnpkg.com/rax-test-renderer/-/rax-test-renderer-0.6.5.tgz#f8716709a6da0a48d8de47ff433e996df3fef1fc"
   integrity sha512-3/bTE0eWiQgEtxoB5c0XjhTq9LHGdIhL16LoodSB2SRW3QG3uzKbeKP9GS8VHvQn8gHRSh6fBNnydUQeyJrnTQ==
 
 rax-text@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-text/-/rax-text-0.6.5.tgz#021772f60a2acf38a42f3d48061655d9a21eb044"
+  resolved "https://registry.yarnpkg.com/rax-text/-/rax-text-0.6.5.tgz#021772f60a2acf38a42f3d48061655d9a21eb044"
   integrity sha512-5UtVusKu4DkIm/bgOCMjnl7nmURS5uzRIghw10idEm40K4ANdPf5VXTYmfus2q2jpfn8zVAO/t9w+acAvzdYbw==
   dependencies:
     universal-env "^0.6.5"
 
+rax-text@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/rax-text/-/rax-text-1.0.0.tgz#81be12a97c8dc406f934456d75e060e52dd26104"
+  integrity sha512-eLMOkvmlSLFf6XlvHvS+PIBL0bo/rDNilVyONkb77s+NGL/zz2/8OnBCasg4NzjulUJ6MJYE0k/DgJ4GHCdPDw==
+  dependencies:
+    universal-env "^0.6.5"
+
 rax-touchable@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-touchable/-/rax-touchable-0.6.5.tgz#f4b9db897ec73a47faf8b3af52f0fae3749e99ea"
+  resolved "https://registry.yarnpkg.com/rax-touchable/-/rax-touchable-0.6.5.tgz#f4b9db897ec73a47faf8b3af52f0fae3749e99ea"
   integrity sha512-1lgtVdtv84S+Dpan2/ei4j3mOGdA/y1yxdO5BZQquyjBKGbnhAzUwKNA9KvA8hY2Dn0m9EjEsAmdiWy+r36aMw==
   dependencies:
     rax-view "^0.6.5"
@@ -22494,14 +24428,14 @@ rax-touchable@^0.6.5:
 
 rax-view@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-view/-/rax-view-0.6.5.tgz#495c18751dc5d514bf2b83dbb738e36b03f74079"
+  resolved "https://registry.yarnpkg.com/rax-view/-/rax-view-0.6.5.tgz#495c18751dc5d514bf2b83dbb738e36b03f74079"
   integrity sha512-2MUVDcOPyaKGg4SMUYcVCKt3nHHjfpBoqN5sd2p5tJvVGngrYSuhPMr/UYldKSqq4YJN9T41Zix5N7/lFSiDGg==
   dependencies:
     universal-env "^0.6.5"
 
 rax-webpack-plugin@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/rax-webpack-plugin/-/rax-webpack-plugin-0.6.5.tgz#aa87d7767ffd98931eac83cb6b6181d41d22f726"
+  resolved "https://registry.yarnpkg.com/rax-webpack-plugin/-/rax-webpack-plugin-0.6.5.tgz#aa87d7767ffd98931eac83cb6b6181d41d22f726"
   integrity sha512-bo3dVVQfHIv+s0zmwQ6t+WVkSLx8ynDnBxuOSqZ4RT/aWLr8rnG3nU/ibqQ/CvMqeDWoaKsrPVF9VKfKxbo6bg==
   dependencies:
     babel-code-frame "^6.22.0"
@@ -22517,7 +24451,7 @@ rax-webpack-plugin@^0.6.5:
 
 rax@^0.6.5:
   version "0.6.7"
-  resolved "https://registry.npmjs.org/rax/-/rax-0.6.7.tgz#171eed75e7ef8f77908664c3a923f34b0f53b8e2"
+  resolved "https://registry.yarnpkg.com/rax/-/rax-0.6.7.tgz#171eed75e7ef8f77908664c3a923f34b0f53b8e2"
   integrity sha512-/6IGag0QiWPdNsIvGcOkwDo3E4jsghf66HUYaVfKBSl5lBZhAygbp72HisiqwBocWBH8UBQCEXm0+i0gxYMCcw==
   dependencies:
     driver-browser "^0.6.5"
@@ -22559,16 +24493,15 @@ react-app-polyfill@^1.0.1:
 
 react-children@^0.0.2:
   version "0.0.2"
-  resolved "https://registry.npmjs.org/react-children/-/react-children-0.0.2.tgz#ca1d42fce1bc2787a07f33c456121028fc086ebc"
+  resolved "https://registry.yarnpkg.com/react-children/-/react-children-0.0.2.tgz#ca1d42fce1bc2787a07f33c456121028fc086ebc"
   integrity sha1-yh1C/OG8J4egfzPEVhIQKPwIbrw=
 
 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==
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/react-clientside-effect/-/react-clientside-effect-1.2.1.tgz#feb81abe9531061d4987941c15a00f2b3d0b6071"
+  integrity sha512-foSwZatJak6r+F4OqJ8a+MOWcBi3jwa7/RPdJIDZI1Ck0dn/FJZkkFu7YK+SiZxsCZIrotolxHSobcnBHgIjfw==
   dependencies:
     "@babel/runtime" "^7.0.0"
-    shallowequal "^1.1.0"
 
 react-clone-referenced-element@^1.0.1:
   version "1.1.0"
@@ -22594,7 +24527,7 @@ react-deep-force-update@^1.0.0:
 
 react-deep-force-update@^2.0.1:
   version "2.1.3"
-  resolved "https://registry.npmjs.org/react-deep-force-update/-/react-deep-force-update-2.1.3.tgz#740612322e617bcced38f61794a4af75dc3d98e7"
+  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@^7.0.3:
@@ -22627,6 +24560,37 @@ react-dev-utils@^7.0.3:
     strip-ansi "5.0.0"
     text-table "0.2.0"
 
+react-dev-utils@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-8.0.0.tgz#7c5b227a45a32ea8ff7fbc318f336cf9e2c6e34c"
+  integrity sha512-TK8cj7eghvxfe7bfBluLGpI/upo4EXC+G74hYmPucAG8C2XcbT+vKnlWPwLnABb75Zk+mR6D556Da+yvDjljrw==
+  dependencies:
+    "@babel/code-frame" "7.0.0"
+    address "1.0.3"
+    browserslist "4.4.1"
+    chalk "2.4.2"
+    cross-spawn "6.0.5"
+    detect-port-alt "1.1.6"
+    escape-string-regexp "1.0.5"
+    filesize "3.6.1"
+    find-up "3.0.0"
+    fork-ts-checker-webpack-plugin "1.0.0-alpha.6"
+    global-modules "2.0.0"
+    globby "8.0.2"
+    gzip-size "5.0.0"
+    immer "1.10.0"
+    inquirer "6.2.1"
+    is-root "2.0.0"
+    loader-utils "1.2.3"
+    opn "5.4.0"
+    pkg-up "2.0.0"
+    react-error-overlay "^5.1.4"
+    recursive-readdir "2.2.2"
+    shell-quote "1.6.1"
+    sockjs-client "1.3.0"
+    strip-ansi "5.0.0"
+    text-table "0.2.0"
+
 react-dev-utils@^9.0.0, react-dev-utils@^9.0.1:
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-9.0.1.tgz#5c03d85a0b2537d0c46af7165c24a7dfb274bef2"
@@ -22684,9 +24648,9 @@ react-docgen-typescript-loader@^3.0.1:
     react-docgen-typescript "^1.12.3"
 
 react-docgen-typescript@^1.12.3:
-  version "1.12.4"
-  resolved "https://registry.yarnpkg.com/react-docgen-typescript/-/react-docgen-typescript-1.12.4.tgz#9ec8080e9ef41067ff17153bf42b3b2d49ae5503"
-  integrity sha512-OSmUfmdtcz4kLRWPiR8uUdE8ta+s5DV0uXOz1YsWaAUf3Ty64use7DYWK97zH8ZOlD4slq5zUfGc+UbfGLqfEQ==
+  version "1.12.5"
+  resolved "https://registry.yarnpkg.com/react-docgen-typescript/-/react-docgen-typescript-1.12.5.tgz#922cdbd9b6f3804695c94bff377c1b40a2e04f0c"
+  integrity sha512-rXwT6sNThl4A9ISJCnhGLIZBbz0KnXKaNRDIJlpyAsUnG0CutR51grpJv+gsltj+wTLXyr4bhRcuOu8l6MkCHw==
 
 react-docgen@^4.1.0:
   version "4.1.1"
@@ -22711,7 +24675,7 @@ react-dom@^15.4.2:
     object-assign "^4.1.0"
     prop-types "^15.5.10"
 
-react-dom@^16.8.3:
+react-dom@^16.8.3, react-dom@^16.8.4:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.8.6.tgz#71d6303f631e8b0097f56165ef608f051ff6e10f"
   integrity sha512-1nL7PIq9LTL3fthPqwkvr2zY7phIPjYrT0jp4HjyEQrEROnw4dG41VVwi/wfoCneoleqrNX7iAD+pXebJZwrwA==
@@ -22742,7 +24706,7 @@ react-error-overlay@^5.1.4, react-error-overlay@^5.1.6:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-5.1.6.tgz#0cd73407c5d141f9638ae1e0c63e7b2bf7e9929d"
   integrity sha512-X1Y+0jR47ImDVr54Ab6V9eGk0Hnu7fVWGeHQSOXHf/C2pF9c6uy3gef8QUeuUiWlNb0i08InPSE5a/KJzNzw1Q==
 
-react-fast-compare@2.0.4:
+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==
@@ -22758,9 +24722,19 @@ react-focus-lock@^1.18.3:
     react-clientside-effect "^1.2.0"
 
 react-ga@^2.5.7:
-  version "2.5.7"
-  resolved "https://registry.yarnpkg.com/react-ga/-/react-ga-2.5.7.tgz#1c80a289004bf84f84c26d46f3a6a6513081bf2e"
-  integrity sha512-UmATFaZpEQDO96KFjB5FRLcT6hFcwaxOmAJZnjrSiFN/msTqylq9G+z5Z8TYzN/dbamDTiWf92m6MnXXJkAivQ==
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/react-ga/-/react-ga-2.6.0.tgz#c3fe830ead2ad25117e1d33280d9698de9b28496"
+  integrity sha512-GWHBWZDFjDGMkIk1LzroIn0mNTygKw3adXuqvGvheFZvlbpqMPbHsQsTdQBIxRRdXGQM/Zq+dQLRPKbwIHMTaw==
+
+react-helmet-async@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/react-helmet-async/-/react-helmet-async-0.2.0.tgz#d20d8725c1dcdcc95d54e281a1040af47c3abffa"
+  integrity sha512-xo8oN+SUt0YkgQscKPTqhZZIOn5ni18FMv/H3KuBDt5+yAXTGktPEf3HU2EyufbHAF0TQ8qI+JrA3ILnjVfqNA==
+  dependencies:
+    invariant "^2.2.4"
+    prop-types "^15.6.1"
+    react-fast-compare "^2.0.2"
+    shallowequal "^1.0.2"
 
 react-helmet-async@^1.0.2:
   version "1.0.2"
@@ -22787,6 +24761,15 @@ react-input-autosize@^2.2.1:
   dependencies:
     prop-types "^15.5.8"
 
+react-inspector@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-2.3.1.tgz#f0eb7f520669b545b441af9d38ec6d706e5f649c"
+  integrity sha512-tUUK7t3KWgZEIUktOYko5Ic/oYwvjEvQUFAGC1UeMeDaQ5za2yZFtItJa2RTwBJB//NxPr000WQK6sEbqC6y0Q==
+  dependencies:
+    babel-runtime "^6.26.0"
+    is-dom "^1.0.9"
+    prop-types "^15.6.1"
+
 react-inspector@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/react-inspector/-/react-inspector-3.0.2.tgz#c530a06101f562475537e47df428e1d7aff16ed8"
@@ -22796,7 +24779,7 @@ react-inspector@^3.0.2:
     is-dom "^1.0.9"
     prop-types "^15.6.1"
 
-react-is@^16.5.1, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.3, react-is@^16.8.4, react-is@^16.8.6:
+react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.3, react-is@^16.8.4, react-is@^16.8.6:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
   integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==
@@ -22819,9 +24802,9 @@ react-native-branch@2.2.5:
   integrity sha1-QHTdY7SXPmOX2c5Q6XtXx3pRjp0=
 
 react-native-color-picker@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/react-native-color-picker/-/react-native-color-picker-0.4.0.tgz#801a413a20b833ea8aa9b10418c3761dd4d88fb6"
-  integrity sha1-gBpBOiC4M+qKqbEEGMN2HdTYj7Y=
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/react-native-color-picker/-/react-native-color-picker-0.4.1.tgz#84617f259dbdb470651613bb81a85828c13d7e71"
+  integrity sha512-FpsSshxIIFIAeduQct2ThZxegRf3A1TPPNfJ09+JIh4//oFDNTzQElmWtaKjUvsMNxve+7kXODlxyk91NzOcLw==
   dependencies:
     prop-types "^15.5.10"
     tinycolor2 "^1.4.1"
@@ -22839,12 +24822,12 @@ react-native-maps@expo/react-native-maps#v0.22.1-exp.0:
   version "0.22.1"
   resolved "https://codeload.github.com/expo/react-native-maps/tar.gz/e6f98ff7272e5d0a7fe974a41f28593af2d77bb2"
 
-react-native-modal-datetime-picker@^6.0.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/react-native-modal-datetime-picker/-/react-native-modal-datetime-picker-6.1.0.tgz#246563ed582e68a886134ba1e2a3226504590819"
-  integrity sha512-QIhWcaUli+KpezHJhBfeH2x3E1yBcn8R44ZHsGb6598v+k2rV6JB/Kvn9CDFRFDbr7nsTnsHMqz5eUMxiTXNdQ==
+react-native-modal-datetime-picker@^7.4.2:
+  version "7.4.2"
+  resolved "https://registry.yarnpkg.com/react-native-modal-datetime-picker/-/react-native-modal-datetime-picker-7.4.2.tgz#d000c4c9675ca8add779820f2947c814e0aa2e53"
+  integrity sha512-RzQiYvbtBE/FJdaPhFcyc4tjw4LZ6AuE3uWPRqiTy4WSoE9pGV1QzrJzPIYhrJfmKWLF72ntnzG8uQyUAx/Znw==
   dependencies:
-    prop-types "^15.6.2"
+    prop-types "^15.7.2"
     react-native-modal "^9.0.0"
 
 react-native-modal-selector@^1.0.2:
@@ -23036,7 +25019,7 @@ react-native@^0.57.8:
     xmldoc "^0.4.0"
     yargs "^9.0.0"
 
-react-popper-tooltip@^2.8.3:
+react-popper-tooltip@^2.8.0, 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==
@@ -23065,17 +25048,28 @@ react-proxy@^1.1.7, react-proxy@^1.1.8:
     react-deep-force-update "^1.0.0"
 
 react-redux@^7.0.2:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.0.3.tgz#983c5a6de81cb1e696bd1c090ba826545f9170f1"
-  integrity sha512-vYZA7ftOYlDk3NetitsI7fLjryt/widNl1SLXYvFenIpm7vjb4ryK0EeFrgn62usg5fYkyIAWNUPKnwWPevKLg==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-7.1.0.tgz#72af7cf490a74acdc516ea9c1dd80e25af9ea0b2"
+  integrity sha512-hyu/PoFK3vZgdLTg9ozbt7WF3GgX5+Yn3pZm5/96/o4UueXA+zj08aiSC9Mfj2WtD1bvpIb3C5yvskzZySzzaw==
   dependencies:
-    "@babel/runtime" "^7.4.3"
+    "@babel/runtime" "^7.4.5"
     hoist-non-react-statics "^3.3.0"
     invariant "^2.2.4"
     loose-envify "^1.4.0"
     prop-types "^15.7.2"
     react-is "^16.8.6"
 
+react-resize-detector@^4.0.5:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/react-resize-detector/-/react-resize-detector-4.2.0.tgz#b87aee6b37c9e8a52daca8736b3230cf6a2a8647"
+  integrity sha512-AtOaNIxs0ydua7tEoglXR3902/EdlIj9PXDu1Zj0ug2VAUnkSQjguLGzaG/N6CXLOhJSccTsUCZxjLayQ1mE9Q==
+  dependencies:
+    lodash "^4.17.11"
+    lodash-es "^4.17.11"
+    prop-types "^15.7.2"
+    raf-schd "^4.0.0"
+    resize-observer-polyfill "^1.5.1"
+
 react-scripts@3.0.1, react-scripts@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-3.0.1.tgz#e5565350d8069cc9966b5998d3fe3befe3d243ac"
@@ -23136,13 +25130,16 @@ react-scripts@3.0.1, react-scripts@^3.0.1:
   optionalDependencies:
     fsevents "2.0.6"
 
-react-select@^2.2.0:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-2.4.3.tgz#62efdf76d7e33e9bde22d907a0cc8abd0aeab656"
-  integrity sha512-cmxNaiHpviRYkojeW9rGEUJ4jpX7QTmPe2wcscwA4d1lStzw/cJtr4ft5H2O/YhfpkrcwaLghu3XmEYdXhBo8Q==
+react-select@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-3.0.4.tgz#16bde37c24fd4f6444914d4681e78f15ffbc86d3"
+  integrity sha512-fbVISKa/lSUlLsltuatfUiKcWCNvdLXxFFyrzVQCBUsjxJZH/m7UMPdw/ywmRixAmwXAP++MdbNNZypOsiDEfA==
   dependencies:
+    "@babel/runtime" "^7.4.4"
+    "@emotion/cache" "^10.0.9"
+    "@emotion/core" "^10.0.9"
+    "@emotion/css" "^10.0.9"
     classnames "^2.2.5"
-    emotion "^9.1.2"
     memoize-one "^5.0.0"
     prop-types "^15.6.0"
     raf "^3.4.0"
@@ -23170,17 +25167,7 @@ react-syntax-highlighter@^8.0.1:
     prismjs "^1.8.4"
     refractor "^2.4.1"
 
-react-test-renderer@16.5.1:
-  version "16.5.1"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.5.1.tgz#17f020fb0cf884cadebb5240d9d9c23452f18299"
-  integrity sha512-NOOtwdN5DNGFqsOyU4zqO2+N82wBt7Z5gNOW+ZY/Aui1K/ohmW7uqd5yUW6UYN0Y64Ci/m9CbwrytTHYIMIWtQ==
-  dependencies:
-    object-assign "^4.1.1"
-    prop-types "^15.6.2"
-    react-is "^16.5.1"
-    schedule "^0.4.0"
-
-react-test-renderer@^16.0.0-0, react-test-renderer@^16.8.3, react-test-renderer@^16.8.6:
+react-test-renderer@16.8.6, react-test-renderer@^16.0.0-0, react-test-renderer@^16.8.3, react-test-renderer@^16.8.6:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.8.6.tgz#188d8029b8c39c786f998aa3efd3ffe7642d5ba1"
   integrity sha512-H2srzU5IWYT6cZXof6AhUcx/wEyJddQ8l7cLM/F7gDXYyPr4oq+vCIxJYXVGhId1J706sqziAjuOEjyNkfgoEw==
@@ -23229,7 +25216,7 @@ react-transition-group@^2.2.1:
     prop-types "^15.6.2"
     react-lifecycles-compat "^3.0.4"
 
-react@*, react@16.8.6, react@^16.6.0, react@^16.8.3:
+react@*, react@16.8.6, react@^16.6.0, react@^16.7.0, react@^16.8.3, react@^16.8.4:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react/-/react-16.8.6.tgz#ad6c3a9614fd3a4e9ef51117f54d888da01f2bbe"
   integrity sha512-pC0uMkhLaHm11ZSJULfOBqV4tIZkx87ZLvbbQYunNixAAvjnC+snJCg0XQXn9VIsttVsbZP/H/ewzgsd5fxKXw==
@@ -23314,15 +25301,13 @@ read-only-stream@^2.0.0:
     graceful-fs "^4.1.2"
 
 read-package-tree@^5.1.6:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/read-package-tree/-/read-package-tree-5.2.2.tgz#4b6a0ef2d943c1ea36a578214c9a7f6b7424f7a8"
-  integrity sha512-rW3XWUUkhdKmN2JKB4FL563YAgtINifso5KShykufR03nJ5loGFlkUMe1g/yxmqX073SoYYTsgXu7XdDinKZuA==
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/read-package-tree/-/read-package-tree-5.3.1.tgz#a32cb64c7f31eb8a6f31ef06f9cedf74068fe636"
+  integrity sha512-mLUDsD5JVtlZxjSlPPx1RETkNjjvQYuweKwNVt1Sn8kP5Jh44pvYuUHCp6xSVDZWbNxVxG5lyZJ921aJH61sTw==
   dependencies:
-    debuglog "^1.0.1"
-    dezalgo "^1.0.0"
-    once "^1.3.0"
     read-package-json "^2.0.0"
     readdir-scoped-modules "^1.0.0"
+    util-promisify "^2.1.0"
 
 read-pkg-up@^1.0.1:
   version "1.0.1"
@@ -23418,7 +25403,7 @@ read@1, read@~1.0.1:
   dependencies:
     mute-stream "~0.0.4"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, 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:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, 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.3, 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==
@@ -23432,9 +25417,9 @@ read@1, read@~1.0.1:
     util-deprecate "~1.0.1"
 
 "readable-stream@2 || 3", readable-stream@^3.0.2, readable-stream@^3.0.6, 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==
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.4.0.tgz#a51c26754658e0a3c21dbf59163bd45ba6f447fc"
+  integrity sha512-jItXPLmrSR8jmTRmRWJXCnGJsfy85mB3Wd/uINMXA65yrnFo0cPClFIUWzo2najVNSl+mx7/4W8ttlLWJe99pQ==
   dependencies:
     inherits "^2.0.3"
     string_decoder "^1.1.1"
@@ -23451,9 +25436,9 @@ readable-stream@~1.0.2:
     string_decoder "~0.10.x"
 
 readdir-scoped-modules@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.0.2.tgz#9fafa37d286be5d92cbaebdee030dc9b5f406747"
-  integrity sha1-n6+jfShr5dksuuve4DDcm19AZ0c=
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.1.0.tgz#8d45407b4f870a0dcaebc0e28670d18e74514309"
+  integrity sha512-asaikDeqAQg7JifRsZn1NJZXo9E+VwlyCfbkZhwyISinqk5zNS6266HS5kah6P0SaQKGF6SkNnZVHUzHFYxYDw==
   dependencies:
     debuglog "^1.0.1"
     dezalgo "^1.0.0"
@@ -23668,9 +25653,9 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     safe-regex "^1.1.0"
 
 regexp-tree@^0.1.6:
-  version "0.1.10"
-  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.10.tgz#d837816a039c7af8a8d64d7a7c3cf6a1d93450bc"
-  integrity sha512-K1qVSbcedffwuIslMwpe6vGlj+ZXRnGkvjAtFHfDZZZuEdA/h0dxljAPu9vhUo6Rrx2U2AwJ+nSQ6hK+lrP5MQ==
+  version "0.1.11"
+  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.11.tgz#c9c7f00fcf722e0a56c7390983a7a63dd6c272f3"
+  integrity sha512-7/l/DgapVVDzZobwMCCgMlqiqyLFJ0cduo/j+3BcDJIB+yJdsYCfKuI3l/04NV+H/rfNRdPIDbXNZHM9XvQatg==
 
 regexp.prototype.flags@^1.2.0:
   version "1.2.0"
@@ -23761,9 +25746,9 @@ regjsparser@^0.6.0:
     jsesc "~0.5.0"
 
 rehype-parse@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/rehype-parse/-/rehype-parse-6.0.0.tgz#f681555f2598165bee2c778b39f9073d17b16bca"
-  integrity sha512-V2OjMD0xcSt39G4uRdMTqDXXm6HwkUbLMDayYKA/d037j8/OtVSQ+tqKwYWOuyBeoCs/3clXRe30VUjeMDTBSA==
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/rehype-parse/-/rehype-parse-6.0.1.tgz#a5401d7f4144d5e17cbb69be11f05a2a7ba87e27"
+  integrity sha512-FrGSbOzcGxIvWty1qHjKTvHT4WBTt7C6JLs65EkvFPa7ZKraSmsoDDj6al1eBxaXS1t/kiGdPYazUe58Mgflgw==
   dependencies:
     hast-util-from-parse5 "^5.0.0"
     parse5 "^5.0.0"
@@ -23784,16 +25769,16 @@ remark-cli@^6.0.1:
     unified-args "^6.0.0"
 
 remark-lint-final-newline@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/remark-lint-final-newline/-/remark-lint-final-newline-1.0.2.tgz#13b9ff6bd3e9c377286b439d8f14b04efde3898f"
-  integrity sha512-hW/lbDwVKtME3jIcJWJ16wBtoJdFPWIiu0fEI93yzNTjeB1g3VSWJp66dHbtCLYwquRS5fr8UlGx7JxIu1kiuA==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/remark-lint-final-newline/-/remark-lint-final-newline-1.0.3.tgz#06c3d71ec7b97c16cde31543cd41a16b36c30f79"
+  integrity sha512-ETAadktv75EwUS3XDhyZUVstXKxfPAEn7SmfN9kZ4+Jb4qo4hHE9gtTOzhE6HxLUxxl9BBhpC5mMO3JcL8UZ5A==
   dependencies:
     unified-lint-rule "^1.0.0"
 
 remark-lint-hard-break-spaces@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/remark-lint-hard-break-spaces/-/remark-lint-hard-break-spaces-1.0.3.tgz#0485fc09265dcea436f5eb3420a3b6f616c6fad7"
-  integrity sha512-GiC0uXeFwef6/Pfo+EYBN0WIVlEFffh+9TdeJ4uLt89ZweaRVDPCTJQqkkuXoiXSPnZGD7cGHdkWCfXU1PaU7Q==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/remark-lint-hard-break-spaces/-/remark-lint-hard-break-spaces-1.0.4.tgz#200e1dae849a6bc2f8fdb3b843faf23c70942530"
+  integrity sha512-YM82UpgliZCZhGNmFxEe7ArfhqR5CplFf2bc0k0+8w3rKWKx7EJcGMar2NK410tIi40gGeWtH/pIEypPJFCCiA==
   dependencies:
     unified-lint-rule "^1.0.0"
     unist-util-generated "^1.1.0"
@@ -23801,9 +25786,9 @@ remark-lint-hard-break-spaces@^1.0.0:
     unist-util-visit "^1.1.1"
 
 remark-lint-list-item-bullet-indent@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/remark-lint-list-item-bullet-indent/-/remark-lint-list-item-bullet-indent-1.0.2.tgz#82461e7295b9e208e7c41b62d30476a69727b0cb"
-  integrity sha512-zvyQD6mJLRratZjk4Dw7D4vh73L43NXNCcap/6TxcmU9SKO7dXzoh8Ap9tyaFLic0LnHFc3Gx1pqYiPQ7PnL2g==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/remark-lint-list-item-bullet-indent/-/remark-lint-list-item-bullet-indent-1.0.3.tgz#3b12b7360694508402e0056c7ecd0eedab2aaac1"
+  integrity sha512-iVxQbrgzLpMHG3C6o6wRta/+Bc96etOiBYJnh2zm/aWz6DJ7cGLDykngblP/C4he7LYSeWOD/8Y57HbXZwM2Og==
   dependencies:
     plur "^3.0.0"
     unified-lint-rule "^1.0.0"
@@ -23812,9 +25797,9 @@ remark-lint-list-item-bullet-indent@^1.0.0:
     unist-util-visit "^1.1.1"
 
 remark-lint-list-item-indent@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/remark-lint-list-item-indent/-/remark-lint-list-item-indent-1.0.3.tgz#93dac0cc312ee8dd9c8a0749b44b17b95b765f53"
-  integrity sha512-/IcVUPIxQ2X/oCKzqiAtH85CS8An3xQbcMD0DRBHZjBrIUO0Ot7lBiQedSHwCg9lnh7pDOTvHrmNS3FaWjVQqw==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/remark-lint-list-item-indent/-/remark-lint-list-item-indent-1.0.4.tgz#7a1ef6283f9a928f4940e02ec37099935f2783e6"
+  integrity sha512-Sv0gVH6qP1/nFpbJuyyguB9sAD2o42StD2WbEZeUcEexXwRO4u/YaX0Pm5pMtCiEHyN+qyL6ShKBQMtgol9BeA==
   dependencies:
     plur "^3.0.0"
     unified-lint-rule "^1.0.0"
@@ -23823,9 +25808,9 @@ remark-lint-list-item-indent@^1.0.0:
     unist-util-visit "^1.1.1"
 
 remark-lint-no-auto-link-without-protocol@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-auto-link-without-protocol/-/remark-lint-no-auto-link-without-protocol-1.0.2.tgz#4532087419b1b131b4057ecf0a3a446f0afc2c6e"
-  integrity sha512-3GtkSxOyd6we4b8JdtJsNgt8+3UN+hpw1UiMoE9X96ahc1rqsCFm6miorNUnF/gfPQ1liHBvZUed2SIenDmpkg==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-auto-link-without-protocol/-/remark-lint-no-auto-link-without-protocol-1.0.3.tgz#f97aed92af24e6c07023a7a7dc2c147f7eb7927f"
+  integrity sha512-k+hg2mXnO4Q9WV+UShPLen5oThvFxcRVWkx2hviVd/nu3eiszBKH3o38csBwjeJoMG3l2ZhdUW8dlOBhq8670Q==
   dependencies:
     mdast-util-to-string "^1.0.2"
     unified-lint-rule "^1.0.0"
@@ -23834,9 +25819,9 @@ remark-lint-no-auto-link-without-protocol@^1.0.0:
     unist-util-visit "^1.1.1"
 
 remark-lint-no-blockquote-without-marker@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-blockquote-without-marker/-/remark-lint-no-blockquote-without-marker-2.0.2.tgz#61b6a0a74fbfba8fd168ac0fcc2a673eb47b9880"
-  integrity sha512-jkfZ4hFiviZttEo7Ac7GZWFgMQ/bdVPfSluLeuf+qwL8sQvR4ClklKJ0Xbkk3cLRjvlGsc8U8uZR8qqH5MSLoA==
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-blockquote-without-marker/-/remark-lint-no-blockquote-without-marker-2.0.3.tgz#7eb431fcb742412e3bc66faa7f58531245ad952f"
+  integrity sha512-faDzKrA6aKidsRXG6gcIlCO8TexLxIxe+n9B3mdnl8mhZGgE0FfWTkIWVMj0IYps/xVsVMf45KxhXgc1wU9kwg==
   dependencies:
     unified-lint-rule "^1.0.0"
     unist-util-generated "^1.1.0"
@@ -23845,20 +25830,20 @@ remark-lint-no-blockquote-without-marker@^2.0.0:
     vfile-location "^2.0.1"
 
 remark-lint-no-duplicate-definitions@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-duplicate-definitions/-/remark-lint-no-duplicate-definitions-1.0.3.tgz#d35e21718e230b2e75a88f166efcfe84267baa82"
-  integrity sha512-8iQhawbIMwQILRpCsoYCVYrSF2rrWEfF7KPvIIJavp0TA02Wv+SX7b3hQslNtvso0Ka2VX+kI1+x+QzG16Duqg==
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-duplicate-definitions/-/remark-lint-no-duplicate-definitions-1.0.5.tgz#b0347f3bae7f8870a9f04a27157ff658fbde28a4"
+  integrity sha512-zKXmfNUODXhJsGQdqfguMG9Nl9v1sLaDsQgMjUtmOSoQRnNud9ThQAZl62eX5jBn5HKcpOifG80tgkyBvU5eEw==
   dependencies:
     unified-lint-rule "^1.0.0"
     unist-util-generated "^1.1.0"
     unist-util-position "^3.0.0"
-    unist-util-stringify-position "^1.1.2"
+    unist-util-stringify-position "^2.0.0"
     unist-util-visit "^1.4.0"
 
 remark-lint-no-heading-content-indent@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-heading-content-indent/-/remark-lint-no-heading-content-indent-1.0.2.tgz#812c4af2a18491bbf278f15a6f533169203a1b3c"
-  integrity sha512-g2MVmJhHbfFungca5WGWVB9bBY4YTrY6og20U+6DxkdS4ngoc8ezXUt8zV1HHEn0M/GdKr9F7fYhXcekJd/qaw==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-heading-content-indent/-/remark-lint-no-heading-content-indent-1.0.3.tgz#2f1f23b3e9f0c1e3c3abca5e2de1587cc3178d6b"
+  integrity sha512-7xM6X5E/dt8OXOHdejH+sfYb139a3kMr8ZSSkcp90Ab1y+ZQBNaWsR3mYh8FRKkYPTN5eyd+KjhNpLWyqqCbgg==
   dependencies:
     mdast-util-heading-style "^1.0.2"
     plur "^3.0.0"
@@ -23868,9 +25853,9 @@ remark-lint-no-heading-content-indent@^1.0.0:
     unist-util-visit "^1.1.1"
 
 remark-lint-no-inline-padding@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-inline-padding/-/remark-lint-no-inline-padding-1.0.3.tgz#a31e3a04ab0d47ea7e7be8416b5d2d668ad8f7cf"
-  integrity sha512-zEe7LjM13kQshdBtPnSzzCUNzGIX/XiGspMb7HZBCDWYsPJ73s01X+m+YI99Dz7wKvB3EUTZ7/MFhTUIvqcGRw==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-inline-padding/-/remark-lint-no-inline-padding-1.0.4.tgz#eedb4ca2691d30f3f05b4e5e33967bd64a34daa4"
+  integrity sha512-u5rgbDkcfVv645YxxOwoGBBJbsHEwWm/XqnO8EhfKTxkfKOF4ZItG7Ajhj89EDaeXMkvCcB/avBl4bj50eJH3g==
   dependencies:
     mdast-util-to-string "^1.0.2"
     unified-lint-rule "^1.0.0"
@@ -23878,9 +25863,9 @@ remark-lint-no-inline-padding@^1.0.0:
     unist-util-visit "^1.4.0"
 
 remark-lint-no-literal-urls@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-literal-urls/-/remark-lint-no-literal-urls-1.0.2.tgz#1c60160a76bd9ddacd42819b43dadeb481a530df"
-  integrity sha512-+mWZIJA4yAqpKIclcFP5wRy/6hxcPnfU9Xmgp4fR7OD4JQ4JHkKq9O7MUbda14PLez1aMX+Is0O0hWI7OuqsSw==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-literal-urls/-/remark-lint-no-literal-urls-1.0.3.tgz#1b5374e416d1b595ee1902587dc37f34c0d6244a"
+  integrity sha512-H5quyMzl2kaewK+jYD1FI0G1SIinIsIp4DEyOUwIR+vYUoKwo0B4vvW0cmPpD1dgqqxHYx0B2B0JQQKFVWzGiw==
   dependencies:
     mdast-util-to-string "^1.0.2"
     unified-lint-rule "^1.0.0"
@@ -23889,27 +25874,27 @@ remark-lint-no-literal-urls@^1.0.0:
     unist-util-visit "^1.1.1"
 
 remark-lint-no-shortcut-reference-image@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-shortcut-reference-image/-/remark-lint-no-shortcut-reference-image-1.0.2.tgz#784011b832173ad9e87d4f40c90f935de0841764"
-  integrity sha512-IVYv5pgyf70jYcrn+BNHVO37BuQJg26rFOLzi2mj+/8EdFpolJiJcTvkChJgz5yip7317DmQQSNLX6gCExuDrQ==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-shortcut-reference-image/-/remark-lint-no-shortcut-reference-image-1.0.3.tgz#ab4fa15fd8aff251cb8db1f3aed4853e293aff41"
+  integrity sha512-CGm27X54kXp/5ehXejDTsZjqzK4uIhLGcrFzN3k/KjdwunQouEY92AARGrLSEuJ1hQx0bJsmnvr/hvQyWAfNJg==
   dependencies:
     unified-lint-rule "^1.0.0"
     unist-util-generated "^1.1.0"
     unist-util-visit "^1.1.1"
 
 remark-lint-no-shortcut-reference-link@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-shortcut-reference-link/-/remark-lint-no-shortcut-reference-link-1.0.3.tgz#4210d37d234b427dd131eb11473a7a2d3719a819"
-  integrity sha512-v5mk4wYQL+YRmlOTqi8avpzhoGZg+P42dDRda2jedysDIx7TJBEXUH6oMFEbo/qV6PMmtr7fr066M3RrOrLpiQ==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-shortcut-reference-link/-/remark-lint-no-shortcut-reference-link-1.0.4.tgz#92af34b939c0341eacdb2fc2ede855f742dc1779"
+  integrity sha512-FXdMJYqspZBhPlxYqfVgVluVXjxStg0RHJzqrk8G9wS8fCS62AE3reoaoiCahwoH1tfKcA+poktbKqDAmZo7Jg==
   dependencies:
     unified-lint-rule "^1.0.0"
     unist-util-generated "^1.1.0"
     unist-util-visit "^1.1.1"
 
 remark-lint-no-undefined-references@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-undefined-references/-/remark-lint-no-undefined-references-1.1.0.tgz#3cd85c01e53023dfb76fafc4cc9d01ac10dfb695"
-  integrity sha512-XscZKp6AyQjsdwo68R6IwCKQH89PlTY7c3ar4GAsjc7oEJHw9h2EvtlhcQtHPV+E1Op/XRg0gJGJ5UZzY7ZjaQ==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-undefined-references/-/remark-lint-no-undefined-references-1.1.1.tgz#b9fa2caec896df41a3c47169d9c6dd0cee3a2075"
+  integrity sha512-b1eIjWFaCu6m16Ax2uG33o1v+eRYqDTQRUqU6UeQ76JXmDmVtVO75ZuyRpqqE7VTZRW8YLVurXfJPDXfIa5Wng==
   dependencies:
     collapse-white-space "^1.0.4"
     unified-lint-rule "^1.0.0"
@@ -23917,18 +25902,18 @@ remark-lint-no-undefined-references@^1.0.0:
     unist-util-visit "^1.4.0"
 
 remark-lint-no-unused-definitions@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/remark-lint-no-unused-definitions/-/remark-lint-no-unused-definitions-1.0.4.tgz#c627146f89ab8aec0f3c4e587e29e41ee6ab2ea9"
-  integrity sha512-wKh10+2hiVKEkVXfW5zC8lyDCJQM6lpyRsyIVxq0ROHkrAjsO+seljEQCOsIJ55nZHbdCOCFDQosA0/5wgryRw==
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/remark-lint-no-unused-definitions/-/remark-lint-no-unused-definitions-1.0.5.tgz#183a0de2e55295f52ff888f99f9830eae35eaddf"
+  integrity sha512-Bo22e0RNzc1QMW317KTuStGFDG7uTDUQhm/TrW6Qzud0WXnNnqUyvts+e7wTYoj8VnwhhjyjyoA9lKA3uXMdAQ==
   dependencies:
     unified-lint-rule "^1.0.0"
     unist-util-generated "^1.1.0"
     unist-util-visit "^1.4.0"
 
 remark-lint-ordered-list-marker-style@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/remark-lint-ordered-list-marker-style/-/remark-lint-ordered-list-marker-style-1.0.2.tgz#ad7461306a7701fc931245300dfd7dbd9fbb589f"
-  integrity sha512-4EHuHxZqy8IT4k+4Vc8P38I34AiZfgl07fS5/iqGhCdoSMCvvxdOuzTWTgpDFbx/W2QpHelBfJ+FtOp+E0J4Lg==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/remark-lint-ordered-list-marker-style/-/remark-lint-ordered-list-marker-style-1.0.3.tgz#3fc6b9e254a641036e275269254365c42b7c62a1"
+  integrity sha512-24TmW1eUa/2JlwprZg9jJ8LKLxNGKnlKiI5YOhN4taUp2yv8daqlV9vR54yfn/ZZQh6EQvbIX0jeVY9NYgQUtw==
   dependencies:
     unified-lint-rule "^1.0.0"
     unist-util-generated "^1.1.0"
@@ -23936,9 +25921,9 @@ remark-lint-ordered-list-marker-style@^1.0.0:
     unist-util-visit "^1.1.1"
 
 remark-lint@^6.0.0, remark-lint@^6.0.4:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/remark-lint/-/remark-lint-6.0.4.tgz#13def899efd7d7d105188c274663a60e0fe8fa59"
-  integrity sha512-miD6SKhjEkLgdJXgAmNhGsdY1yIGAzwpoGIn/59MR6nZhshdxSm9/pLPiw9fK3loNASA3j7k//kea6x5vHb+jQ==
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/remark-lint/-/remark-lint-6.0.5.tgz#fbb864d56bf83d2e5d23ea7e346ca5e36710fda3"
+  integrity sha512-o1I3ddm+KNsTxk60wWGI+p2yU1jB1gcm8jo2Sy6VhJ4ab2TrQIp1oQbp5xeLoFXYSh/NAqCpKjHkCM/BYpkFdQ==
   dependencies:
     remark-message-control "^4.0.0"
 
@@ -23956,9 +25941,9 @@ remark-mdx@^1.0.21:
     unified "^7.0.0"
 
 remark-message-control@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/remark-message-control/-/remark-message-control-4.1.1.tgz#a3f0b08dffda484e7196f0539de1488220f1d251"
-  integrity sha512-DojJPPeSux/U7aHCN6GUWBgp6F1EQFPUNvnk2gfuGgiMCHVubz/xAC3TkvPaf5w1F0PEGaOEpCtvxJK6O4Kmiw==
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/remark-message-control/-/remark-message-control-4.2.0.tgz#184c4a69ce6c4c707a5633fa35b0ce3dbf81f22c"
+  integrity sha512-WXH2t5ljTyhsXlK1zPBLF3iPHbXl58R94phPMreS1xcHWBZJt6Oiu8RtNjy1poZFb3PqKnbYLJeR/CWcZ1bTFw==
   dependencies:
     mdast-comment-marker "^1.0.0"
     unified-message-control "^1.0.0"
@@ -23986,9 +25971,9 @@ remark-parse@^6.0.0:
     xtend "^4.0.1"
 
 remark-preset-lint-recommended@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/remark-preset-lint-recommended/-/remark-preset-lint-recommended-3.0.2.tgz#5ce675678895ce7131326c12b6df9105a5d0632c"
-  integrity sha512-os4YNWLbkorjvDHVB4o+zCCufZLzGoD4Iwdk7SV7bSIZurUTrMp/ZrpNytyetN9ugIMXuHbWJUE+dF0ND+WorQ==
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/remark-preset-lint-recommended/-/remark-preset-lint-recommended-3.0.3.tgz#1322af0e49801278057f8f275ed1b6ed60328b40"
+  integrity sha512-5sQ34j1Irlsj6Tt4WWRylZ7UU+1jD5es/LfDZBZp/LXDwC4ldGqKpMmCCR6Z00x1jYM1phmS4M+eGqTdah0qkQ==
   dependencies:
     remark-lint "^6.0.0"
     remark-lint-final-newline "^1.0.0"
@@ -24043,7 +26028,24 @@ remark@^10.0.0:
     remark-stringify "^6.0.0"
     unified "^7.0.0"
 
-remove-trailing-separator@^1.0.1:
+remove-bom-buffer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz#c2bf1e377520d324f623892e33c10cac2c252b53"
+  integrity sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==
+  dependencies:
+    is-buffer "^1.1.5"
+    is-utf8 "^0.2.1"
+
+remove-bom-stream@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/remove-bom-stream/-/remove-bom-stream-1.2.0.tgz#05f1a593f16e42e1fb90ebf59de8e569525f9523"
+  integrity sha1-BfGlk/FuQuH7kOv1nejlaVJflSM=
+  dependencies:
+    remove-bom-buffer "^3.0.0"
+    safe-buffer "^5.1.0"
+    through2 "^2.0.3"
+
+remove-trailing-separator@^1.0.1, remove-trailing-separator@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
   integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8=
@@ -24081,11 +26083,20 @@ repeating@^2.0.0:
   dependencies:
     is-finite "^1.0.0"
 
-replace-ext@1.0.0:
+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=
 
+replace-homedir@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/replace-homedir/-/replace-homedir-1.0.0.tgz#e87f6d513b928dde808260c12be7fec6ff6e798c"
+  integrity sha1-6H9tUTuSjd6AgmDBK+f+xv9ueYw=
+  dependencies:
+    homedir-polyfill "^1.0.1"
+    is-absolute "^1.0.0"
+    remove-trailing-separator "^1.1.0"
+
 replace-string@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/replace-string/-/replace-string-1.1.0.tgz#87062117f823fe5800c306bacb2cfa359b935fea"
@@ -24123,7 +26134,7 @@ request-promise-native@^1.0.5:
     stealthy-require "^1.1.1"
     tough-cookie "^2.3.3"
 
-request@2.88.0, "request@>=2.76.0 <3.0.0", request@^2.81.0, request@^2.83.0, request@^2.87.0, request@^2.88.0:
+request@2.88.0, "request@>=2.76.0 <3.0.0", request@^2.72.0, request@^2.81.0, request@^2.83.0, request@^2.87.0, request@^2.88.0:
   version "2.88.0"
   resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
   integrity sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==
@@ -24196,7 +26207,7 @@ reselect@^3.0.1:
   resolved "https://registry.yarnpkg.com/reselect/-/reselect-3.0.1.tgz#efdaa98ea7451324d092b2b2163a6a1d7a9a2147"
   integrity sha1-79qpjqdFEyTQkrKyFjpqHXqaIUc=
 
-resize-observer-polyfill@^1.5.1:
+resize-observer-polyfill@^1.5.0, 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==
@@ -24241,6 +26252,13 @@ resolve-from@^5.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
+resolve-options@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/resolve-options/-/resolve-options-1.1.0.tgz#32bb9e39c06d67338dc9378c0d6d6074566ad131"
+  integrity sha1-MrueOcBtZzONyTeMDW1gdFZq0TE=
+  dependencies:
+    value-or-function "^3.0.0"
+
 resolve-package-path@^1.0.11, resolve-package-path@^1.2.6:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/resolve-package-path/-/resolve-package-path-1.2.7.tgz#2a7bc37ad96865e239330e3102c31322847e652e"
@@ -24274,10 +26292,10 @@ resolve@1.10.0:
   dependencies:
     path-parse "^1.0.6"
 
-resolve@1.x, resolve@^1.1.4, resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.11.0, resolve@^1.3.2, resolve@^1.3.3, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1, resolve@^1.9.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.11.0.tgz#4014870ba296176b86343d50b60f3b50609ce232"
-  integrity sha512-WL2pBDjqT6pGUNSUzMw00o4T7If+z4H2x3Gz893WoUQ5KW8Vr9txp00ykiP16VBaZF5+j/OcXJHZ9+PCvdiDKw==
+resolve@1.x, resolve@^1.1.4, resolve@^1.1.5, resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.11.0, resolve@^1.3.2, resolve@^1.3.3, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.8.1, resolve@^1.9.0:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.11.1.tgz#ea10d8110376982fef578df8fc30b9ac30a07a3e"
+  integrity sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==
   dependencies:
     path-parse "^1.0.6"
 
@@ -24315,15 +26333,25 @@ retry@^0.10.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
   integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
 
+retry@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
+  integrity sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=
+
+reusify@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 reverse-path@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/reverse-path/-/reverse-path-0.0.1.tgz#855adc35c1d4218e28f5530fd7297bcd0cfa225a"
   integrity sha1-hVrcNcHUIY4o9VMP1yl7zQz6Ilo=
 
 rfc6902@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rfc6902/-/rfc6902-3.0.2.tgz#b0edcf918d38d089b433764973dd6a195bcaed4e"
-  integrity sha512-Ky6zSlAL5HVu28/BQ+R8vgrKxgTKYBygww9D+TSms7Mylg+mSFdFVtGpHr+XZ8TFiAWslsqaK6qHbrl7XvYjWA==
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/rfc6902/-/rfc6902-3.0.4.tgz#82965f13536fd20cb7799ce0376e9ce7cd3ebfe6"
+  integrity sha512-OnzreaZXrwT5w2ikKXWr5QcuI7NZpL+J3hIkAwozjOnKVUL7fPsB8Vcmu8YBiiou1/r3V0Jc0T1uQDyfAPvLzA==
 
 rgb-regex@^1.0.1:
   version "1.0.1"
@@ -24335,6 +26363,13 @@ 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.6.3, rimraf@^2.2.8, rimraf@^2.3.4, 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.6.2:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
@@ -24433,12 +26468,11 @@ rn-host-detect@^1.1.5:
   integrity sha512-ufk2dFT3QeP9HyZ/xTuMtW27KnFy815CYitJMqQm+pgG3ZAtHBsrU8nXizNKkqXGy3bQmhEoloVbrfbvMJMqkg==
 
 rollup-pluginutils@^2.0.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.7.1.tgz#a7915ce8b12c177364784bf38a1590cc6c2c8250"
-  integrity sha512-3nRf3buQGR9qz/IsSzhZAJyoK663kzseps8itkYHr+Z7ESuaffEPfgRinxbCRA0pf0gzLqkNKkSb8aNVTq75NA==
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.1.tgz#8fa6dd0697344938ef26c2c09d2488ce9e33ce97"
+  integrity sha512-J5oAoysWar6GuZo0s+3bZ6sVZAC0pfqKz68De7ZgDi5z63jOVZn1uJL/+z1jeKHNbGII8kAyHF5q8LnxSX5lQg==
   dependencies:
-    estree-walker "^0.6.0"
-    micromatch "^3.1.10"
+    estree-walker "^0.6.1"
 
 rollup@^0.57.1:
   version "0.57.1"
@@ -24479,9 +26513,9 @@ rsvp@^3.0.14, rsvp@^3.0.17, rsvp@^3.0.18, rsvp@^3.0.21, rsvp@^3.0.6, rsvp@^3.1.0
   integrity sha512-OfWGQTb9vnwRjwtA2QwpG2ICclHC3pgXZO5xt8H2EfgDquO0qVdSb5T88L4qJVAEugbS56pAuV4XZM58UX8ulw==
 
 rsvp@^4.7.0, rsvp@^4.8.2, rsvp@^4.8.3, rsvp@^4.8.4:
-  version "4.8.4"
-  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.4.tgz#b50e6b34583f3dd89329a2f23a8a2be072845911"
-  integrity sha512-6FomvYPfs+Jy9TfXmBpBuMWNH94SgCsZmJKcanySzgNNP6LjWxBvyLTa9KaMfDDM5oxRfrKDB0r/qeRsLwnBfA==
+  version "4.8.5"
+  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
+  integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
 
 rsvp@~3.2.1:
   version "3.2.1"
@@ -24505,6 +26539,11 @@ run-node@^1.0.0:
   resolved "https://registry.yarnpkg.com/run-node/-/run-node-1.0.0.tgz#46b50b946a2aa2d4947ae1d886e9856fd9cabe5e"
   integrity sha512-kc120TBlQ3mih1LSzdAJXo4xn/GWS2ec0l3S+syHDXP9uRr0JAT8Qd3mdMuyjqCzeZktgP3try92cEgf9Nks8A==
 
+run-parallel@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
+  integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
+
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -24560,11 +26599,16 @@ safe-buffer@5.1.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
   integrity sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==
 
-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:
+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-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.0.tgz#b74daec49b1148f88c64b68d49b1e815c1f2f519"
+  integrity sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==
+
 safe-json-parse@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/safe-json-parse/-/safe-json-parse-1.0.1.tgz#3e76723e38dfdda13c9b1d29a1e07ffee4b30b57"
@@ -24587,6 +26631,13 @@ safe-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
+safer-eval@^1.3.0:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/safer-eval/-/safer-eval-1.3.3.tgz#0309e9fcc0609e66c1b599fd0d4772132b260ca8"
+  integrity sha512-j/qb0rtnwTp5V1D7nR0Ns/14HU8OiHPaoZNJhM+Lfmv1nbXZCXG9LHaVW157agEocdSVAeeRNddK/yuWfalzGQ==
+  dependencies:
+    clones "^1.2.0"
+
 sane@^2.0.0:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/sane/-/sane-2.5.2.tgz#b4dc1861c21b427e929507a3e751e2a2cb8ab3fa"
@@ -24663,18 +26714,11 @@ sax@~1.1.1:
   integrity sha1-XWFr6KXmB9VOEUr65Vt+ry/MMkA=
 
 saxes@^3.1.5, saxes@^3.1.9:
-  version "3.1.9"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-3.1.9.tgz#c1c197cd54956d88c09f960254b999e192d7058b"
-  integrity sha512-FZeKhJglhJHk7eWG5YM0z46VHmI3KJpMBAQm3xa9meDvd+wevB5GuBB0wc0exPInZiBBHqi00DbS8AcvCGCFMw==
+  version "3.1.11"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-3.1.11.tgz#d59d1fd332ec92ad98a2e0b2ee644702384b1c5b"
+  integrity sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==
   dependencies:
-    xmlchars "^1.3.1"
-
-schedule@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/schedule/-/schedule-0.4.0.tgz#fa20cfd0bfbf91c47d02272fd7096780d3170bbb"
-  integrity sha512-hYjmoaEMojiMkWCxKr6ue+LYcZ29u29+AamWYmzwT2VOO9ws5UJp/wNhsVUPiUeNh+EdRfZm7nDeB40ffTfMhA==
-  dependencies:
-    object-assign "^4.1.1"
+    xmlchars "^2.1.1"
 
 schedule@^0.5.0:
   version "0.5.0"
@@ -24774,6 +26818,13 @@ semver-dsl@^1.0.1:
   dependencies:
     semver "^5.3.0"
 
+semver-greatest-satisfied-range@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/semver-greatest-satisfied-range/-/semver-greatest-satisfied-range-1.1.0.tgz#13e8c2658ab9691cb0cd71093240280d36f77a5b"
+  integrity sha1-E+jCZYq5aRywzXEJMkAoDTb3els=
+  dependencies:
+    sver-compat "^1.5.0"
+
 semver-intersect@1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/semver-intersect/-/semver-intersect-1.4.0.tgz#bdd9c06bedcdd2fedb8cd352c3c43ee8c61321f3"
@@ -24781,7 +26832,7 @@ semver-intersect@1.4.0:
   dependencies:
     semver "^5.0.0"
 
-"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, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0:
+"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, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0:
   version "5.7.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.0.tgz#790a7cf6fea5459bac96110b29b60412dc8ff96b"
   integrity sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==
@@ -24801,10 +26852,15 @@ semver@6.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.0.0.tgz#05e359ee571e5ad7ed641a6eec1e547ba52dea65"
   integrity sha512-0UewU+9rFapKFnlbirLi3byoOuhrSsli/z/ihNnvM24vgF+8sNBiI1LZPBSH9wJKUwaUbw+s3hToDLCXkrghrQ==
 
-semver@^6.0.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.1.0.tgz#e95dc415d45ecf03f2f9f83b264a6b11f49c0cca"
-  integrity sha512-kCqEOOHoBcFs/2Ccuk4Xarm/KiWRSLEX9CAZF8xkJ6ZPlIoTZ8V5f7J16vYLJqDbR7KrxTJpR2lqjIEm2Qx9cQ==
+semver@6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.1.1.tgz#53f53da9b30b2103cd4f15eab3a18ecbcb210c9b"
+  integrity sha512-rWYq2e5iYW+fFe/oPPtYJxYgjBm8sC4rmoGdUOgBB7VnwKt6HrL793l2voH1UlsyYZpJ4g0wfjnTEO1s1NP2eQ==
+
+semver@^6.0.0, semver@^6.1.1:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.2.0.tgz#4d813d9590aaf8a9192693d6c85b9344de5901db"
+  integrity sha512-jdFC1VdUGT/2Scgbimf7FSx9iJLXoqfglSF+gJeuNWVpiE37OIbc1jywR/GJyFdz3mnkz2/id0L0J/cr0izR5A==
 
 semver@~5.3.0:
   version "5.3.0"
@@ -24867,6 +26923,14 @@ serialize-javascript@^1.4.0, serialize-javascript@^1.7.0:
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-1.7.0.tgz#d6e0dfb2a3832a8c94468e6eb1db97e55a192a65"
   integrity sha512-ke8UG8ulpFOxO8f8gRYabHQe/ZntKlcig2Mp+8+URDP1D8vJZ0KUt7LYo07q25Z/+JVSgpr/cui9PIp5H6/+nA==
 
+serialize-to-js@^1.1.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/serialize-to-js/-/serialize-to-js-1.2.2.tgz#1a567b0c9bf557bc7d7b77b503dfae0a8218d15d"
+  integrity sha512-mUc8vA5iJghe+O+3s0YDGFLMJcqitVFk787YKiv8a4sf6RX5W0u81b+gcHrp15O0fFa010dRBVZvwcKXOWsL9Q==
+  dependencies:
+    js-beautify "^1.8.9"
+    safer-eval "^1.3.0"
+
 serve-favicon@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/serve-favicon/-/serve-favicon-2.5.0.tgz#935d240cdfe0f5805307fdfe967d88942a2cbcf0"
@@ -24901,7 +26965,7 @@ serve-static@1.13.2:
     parseurl "~1.3.2"
     send "0.16.2"
 
-serve-static@1.14.1, serve-static@^1.13.1:
+serve-static@1.14.1, serve-static@^1.12.4, serve-static@^1.13.1:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.14.1.tgz#666e636dc4f010f7ef29970a88a674320898b2f9"
   integrity sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==
@@ -24921,20 +26985,10 @@ set-immediate-shim@~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==
+set-value@^2.0.0, set-value@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
+  integrity sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==
   dependencies:
     extend-shallow "^2.0.1"
     is-extendable "^0.1.1"
@@ -24983,17 +27037,33 @@ shallow-clone@^1.0.0:
     kind-of "^5.0.0"
     mixin-object "^2.0.1"
 
-shallow-equal@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/shallow-equal/-/shallow-equal-1.1.0.tgz#cc022f030dcba0d1c198abf658a3c6c744e171ca"
-  integrity sha512-0SW1nWo1hnabO62SEeHsl8nmTVVEzguVWZCj5gaQrgWAxz/BaCja4OWdJBWLVPDxdtE/WU7c98uUCCXyPHSCvw==
+shallow-copy@~0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/shallow-copy/-/shallow-copy-0.0.1.tgz#415f42702d73d810330292cc5ee86eae1a11a170"
+  integrity sha1-QV9CcC1z2BAzApLMXuhurhoRoXA=
 
-shallowequal@1.1.0, shallowequal@^1.1.0:
+shallow-equal@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/shallow-equal/-/shallow-equal-1.2.0.tgz#fd828d2029ff4e19569db7e19e535e94e2d1f5cc"
+  integrity sha512-Z21pVxR4cXsfwpMKMhCEIO1PCi5sp7KEp+CmOpBQ+E8GpHwKOw2sEzk7sgblM3d/j4z4gakoWEoPcjK0VJQogA==
+
+shallowequal@1.1.0, shallowequal@^1.0.2, 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.22.1:
+sharp-cli@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/sharp-cli/-/sharp-cli-1.10.0.tgz#d201c85303ee66be286051157c2161053860aeb3"
+  integrity sha512-Sh3nXZGzGBNwnl++qSvtdlGaP0DRcEmGoD72xac7wJGmdMA2Afab/TMnBghNtxf10ym5ydTvW6Q6WrK7GEalxQ==
+  dependencies:
+    bubble-stream-error "1.0.x"
+    multiyargs "1.0.x"
+    sharp "0.22.1"
+    url-template "2.0.x"
+    yargs "12.0.x"
+
+sharp@0.22.1:
   version "0.22.1"
   resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.22.1.tgz#a67c0e75567f03dd5a7861b901fec04072c5b0f4"
   integrity sha512-lXzSk/FL5b/MpWrT1pQZneKe25stVjEbl6uhhJcTULm7PhmJgKKRbTDM/vtjyUuC/RLqL2PRyC4rpKwbv3soEw==
@@ -25063,6 +27133,11 @@ shorthash@0.0.2:
   resolved "https://registry.yarnpkg.com/shorthash/-/shorthash-0.0.2.tgz#59b268eecbde59038b30da202bcfbddeb2c4a4eb"
   integrity sha1-WbJo7sveWQOLMNogK8+93rLEpOs=
 
+sigmund@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
+  integrity sha1-P/IfGYytIXX587eBhT/ZTQ0ZtZA=
+
 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"
@@ -25104,9 +27179,9 @@ simple-get@^3.0.3:
     simple-concat "^1.0.0"
 
 simple-git@^1.85.0:
-  version "1.113.0"
-  resolved "https://registry.yarnpkg.com/simple-git/-/simple-git-1.113.0.tgz#668989728a1e9cf4ec6c72b69ea2eecc93489bea"
-  integrity sha512-i9WVsrK2u0G/cASI9nh7voxOk9mhanWY9eGtWBDSYql6m49Yk5/Fan6uZsDr/xmzv8n+eQ8ahKCoEr8cvU3h+g==
+  version "1.118.0"
+  resolved "https://registry.yarnpkg.com/simple-git/-/simple-git-1.118.0.tgz#6e31d50672c58abdbdb0410fadfdb1db29bd71bd"
+  integrity sha512-0CaCfxdR7ula3EuOkrVFKBiqt7LcvMPfXgIdUhSwjC4A+OaO8yEPGjdO/kWY7ew9uYP9KEoH+dvslOOm7eVzkA==
   dependencies:
     debug "^4.0.1"
 
@@ -25142,18 +27217,39 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
-simplebar-react@^1.0.0-alpha.6:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/simplebar-react/-/simplebar-react-1.0.0.tgz#8fe914d7f980dd077cc9dfd3e22ec5596f006b8d"
-  integrity sha512-FbM2yn7D/UzrJGCY60CKeLkZ3gOs7tYr7KmyamteUt9SKh2x4yW5KVM4IQBw86x4ofRoD6FT19MWmfMKv4Onhw==
+simplebar-react@^0.1.5:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/simplebar-react/-/simplebar-react-0.1.6.tgz#571caee7c9f15892de847622140aaa15dff9450e"
+  integrity sha512-p++2mrBGroib/GnWGVhmLsRZ7kys0CVicp2Ocun7aTQZ+nt0Ry+v0MQ1apNyORD3L8TDHnUm0xxNenHVKsGolw==
   dependencies:
     prop-types "^15.6.1"
-    simplebar "^4.0.0"
+    simplebar "^3.1.5"
 
-simplebar@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/simplebar/-/simplebar-4.0.0.tgz#7f1b9e735ec94a58f887d4803f6b15abf401b6b5"
-  integrity sha512-td6vJVhqIXfa3JgNZR5OgETPLfmHNSSpt+OXIbk6WH/nOrUtX3Qcyio30+5rdxxAV/61+F5eJ4jJV4Ek7/KJYQ==
+simplebar-react@^1.0.0-alpha.6:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/simplebar-react/-/simplebar-react-1.1.0.tgz#9241817265aee28b40abced66d6a2663e046d721"
+  integrity sha512-0nbUpoB5Gq3z2dbhRjPxwTLlscgFjCw8vKQRmbXIr47JMc5BeHj/WbZdVAESuKAvua7ESh6mkxbzywMNgRdbCw==
+  dependencies:
+    prop-types "^15.6.1"
+    simplebar "^4.1.0"
+
+simplebar@^3.1.5:
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/simplebar/-/simplebar-3.1.5.tgz#257f2d0836baa250cd2a8841892a10c3c3081b17"
+  integrity sha512-6hPEvcUEbgRWAyldqdd5yd1OcrnxelopEOKwMwOafLc0/Kc3Um2x1US8t+feUAA5ae+lTbrQwcGJvMH+9A23FA==
+  dependencies:
+    can-use-dom "^0.1.0"
+    core-js "^2.6.2"
+    lodash.debounce "^4.0.8"
+    lodash.memoize "^4.1.2"
+    lodash.throttle "^4.1.1"
+    resize-observer-polyfill "^1.5.0"
+    scrollbarwidth "^0.1.3"
+
+simplebar@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/simplebar/-/simplebar-4.1.0.tgz#c4b78b278dd0ce41ed70a71473bfad8132a6260f"
+  integrity sha512-kX+CsWbWLeufIsqJl8xg5J4WbYMyq5NONR/aTaehN8XLQxOthSgRT/uAXsqX9Yrw3iiGxD9PPwM1PmEJfWAdcg==
   dependencies:
     can-use-dom "^0.1.0"
     core-js "^3.0.1"
@@ -25161,12 +27257,11 @@ simplebar@^4.0.0:
     lodash.memoize "^4.1.2"
     lodash.throttle "^4.1.1"
     resize-observer-polyfill "^1.5.1"
-    scrollbarwidth "^0.1.3"
 
 sisteransi@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.0.tgz#77d9622ff909080f1c19e5f4a1df0c1b0a27b88c"
-  integrity sha512-N+z4pHB4AmUv0SjveWRd6q1Nj5w62m5jodv+GD8lvmbY/83T/rpbJGZOnK5T149OldDj4Db07BSv9xY4K6NTPQ==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.2.tgz#ec57d64b6f25c4f26c0e2c7dd23f2d7f12f7e418"
+  integrity sha512-ZcYcZcT69nSLAR2oLN2JwNmLkJEKGooFMCdvOkFrToUt/WfcRWqhIg4P4KwY4dmLbuyXIx4o4YmPsvMRJYJd/w==
 
 skip-regex@^0.3.1:
   version "0.3.1"
@@ -25390,7 +27485,7 @@ sort-routes@^1.0.0:
 
 source-list-map@^1.1.1:
   version "1.1.2"
-  resolved "https://registry.npmjs.org/source-list-map/-/source-list-map-1.1.2.tgz#9889019d1024cce55cdc069498337ef6186a11a1"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-1.1.2.tgz#9889019d1024cce55cdc069498337ef6186a11a1"
   integrity sha1-mIkBnRAkzOVc3AaUmDN+9hhqEaE=
 
 source-list-map@^2.0.0:
@@ -25445,7 +27540,7 @@ source-map-support@0.5.9:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map-support@^0.5.5, source-map-support@^0.5.6, source-map-support@^0.5.9, source-map-support@~0.5.10:
+source-map-support@^0.5.5, source-map-support@^0.5.6, source-map-support@^0.5.9, source-map-support@~0.5.10, source-map-support@~0.5.12:
   version "0.5.12"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.12.tgz#b4f3b10d51857a5af0138d3ce8003b201613d599"
   integrity sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==
@@ -25482,25 +27577,25 @@ source-map@0.5.6:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
   integrity sha1-dc449SvwczxafwwRjYEzSiu19BI=
 
-source-map@0.7.3, source-map@^0.7.2:
-  version "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.0, 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.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, 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.7.3, source-map@^0.7.2, source-map@^0.7.3:
+  version "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.1, source-map@^0.5.3, source-map@^0.5.6, source-map@^0.5.7, source-map@~0.5.0, 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=
+
 sourcemap-codec@^1.4.1, sourcemap-codec@^1.4.4:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.4.tgz#c63ea927c029dd6bd9a2b7fa03b3fec02ad56e9f"
-  integrity sha512-CYAPYdBu34781kLHkaW3m6b/uUSyMOC2R61gcYMWooeuaGtjof86ZA/8T+qVPPt7np1085CR9hmMGrySwEc8Xg==
+  version "1.4.6"
+  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.6.tgz#e30a74f0402bad09807640d39e971090a08ce1e9"
+  integrity sha512-1ZooVLYFxC448piVLBbtOxFcXwnymH9oUF8nRd3CuYDVvkRBxRl6pB4Mtas5a4drtL+E8LDgFkQNcgIw6tc8Hg==
 
 sourcemap-validator@^1.1.0:
   version "1.1.0"
@@ -25517,6 +27612,11 @@ space-separated-tokens@^1.0.0:
   resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-1.1.4.tgz#27910835ae00d0adfcdbd0ad7e611fb9544351fa"
   integrity sha512-UyhMSmeIqZrQn2UdjYpxEkwY9JUrn8pP+7L4f91zRzOQuI8MF1FGLfYU9DKCYeLdo7LXMxwrX5zKFy7eeeVHuA==
 
+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==
+
 spawn-args@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/spawn-args/-/spawn-args-0.2.0.tgz#fb7d0bd1d70fd4316bd9e3dec389e65f9d6361bb"
@@ -25583,6 +27683,11 @@ speed-measure-webpack-plugin@1.3.1:
   dependencies:
     chalk "^2.0.1"
 
+speedometer@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/speedometer/-/speedometer-1.0.0.tgz#cd671cb06752c22bca3370e2f334440be4fc62e2"
+  integrity sha1-zWccsGdSwivKM3Di8zREC+T8YuI=
+
 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"
@@ -25692,6 +27797,13 @@ state-toggle@^1.0.0:
   resolved "https://registry.yarnpkg.com/state-toggle/-/state-toggle-1.0.2.tgz#75e93a61944116b4959d665c8db2d243631d6ddc"
   integrity sha512-8LpelPGR0qQM4PnfLiplOQNJcIN1/r2Gy0xKB2zKnIW2YzPMt2sR4I/+gtPjhN7Svh9kw+zqEg2SFwpBO9iNiw==
 
+static-eval@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.2.tgz#2d1759306b1befa688938454c546b7871f806a42"
+  integrity sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==
+  dependencies:
+    escodegen "^1.8.1"
+
 static-extend@^0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
@@ -25700,6 +27812,26 @@ static-extend@^0.1.1:
     define-property "^0.2.5"
     object-copy "^0.1.0"
 
+static-module@^2.2.0:
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/static-module/-/static-module-2.2.5.tgz#bd40abceae33da6b7afb84a0e4329ff8852bfbbf"
+  integrity sha512-D8vv82E/Kpmz3TXHKG8PPsCPg+RAX6cbCOyvjM6x04qZtQ47EtJFVwRsdov3n5d6/6ynrOY9XB4JkaZwB2xoRQ==
+  dependencies:
+    concat-stream "~1.6.0"
+    convert-source-map "^1.5.1"
+    duplexer2 "~0.1.4"
+    escodegen "~1.9.0"
+    falafel "^2.1.0"
+    has "^1.0.1"
+    magic-string "^0.22.4"
+    merge-source-map "1.0.4"
+    object-inspect "~1.4.0"
+    quote-stream "~1.0.2"
+    readable-stream "~2.3.3"
+    shallow-copy "~0.0.1"
+    static-eval "^2.0.0"
+    through2 "~2.0.3"
+
 stats-webpack-plugin@0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/stats-webpack-plugin/-/stats-webpack-plugin-0.7.0.tgz#ccffe9b745de8bbb155571e063f8263fc0e2bc06"
@@ -25734,10 +27866,25 @@ store2@^2.7.1:
   resolved "https://registry.yarnpkg.com/store2/-/store2-2.7.1.tgz#22070b7dc04748a792fc6912a58ab99d3a21d788"
   integrity sha512-zzzP5ZY6QWumnAFV6kBRbS44pUMcpZBNER5DWUe1HETlaKXqLcCQxbNu6IHaKr1pUsjuhUGBdOy8sWKmMkL6pQ==
 
+storybook-addon-vue-info@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/storybook-addon-vue-info/-/storybook-addon-vue-info-1.2.1.tgz#41dc5b16392640866878441abb8c060414803c78"
+  integrity sha512-B4l93SBHjVilrbzZ7sFMyfBlwm5nCuecU+ZOhpeci5zOK0ixTgCAwg/zIWBpCT9yI0iUAZv70xaIO9ICxm3vOQ==
+  dependencies:
+    clone "^2.1.2"
+    dedent-tabs "^0.8.0"
+    highlight.js "^9.12.0"
+    loader-utils "^1.2.3"
+    marked "^0.6.2"
+    querystring "^0.2.0"
+    vue-docgen-api "^3.11.4"
+    vue-template-compiler "^2.5.16"
+    vuera "^0.2.3"
+
 storybook-chromatic@^1.2.6, storybook-chromatic@^1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/storybook-chromatic/-/storybook-chromatic-1.3.3.tgz#4ea0ff8dfc7e196243e045c3cd0d1e19086b3587"
-  integrity sha512-Ub92mvOfuPWOUUvS4Q3+mVCuWgbnWQAq4hxtLfg39vNDm7d14R/nLLCKgRI7KglATrL0+t4g1x0MNa3nCcN4fA==
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/storybook-chromatic/-/storybook-chromatic-1.4.0.tgz#69171f6c093dc34864b9d42722331f4183e50281"
+  integrity sha512-MEkq0dngque3MeXvXEsQHkQz1lmthf9b2JxaboOjjhY1tTeJJLLdEsvKT0CxOxnJZRPZg6eZek5QHd0kd0LCQg==
   dependencies:
     "@babel/runtime" "^7.3.1"
     "@chromaui/localtunnel" "1.9.1-chromatic.3"
@@ -25752,6 +27899,8 @@ storybook-chromatic@^1.2.6, storybook-chromatic@^1.3.3:
     minimatch "^3.0.4"
     node-ask "^1.0.1"
     node-loggly-bulk "^2.2.4"
+    progress "^2.0.3"
+    progress-stream "^2.0.0"
     strip-color "^0.1.0"
     tree-kill "^1.1.0"
     uuid "^3.3.2"
@@ -25785,6 +27934,11 @@ stream-each@^1.1.0:
     end-of-stream "^1.1.0"
     stream-shift "^1.0.0"
 
+stream-exhaust@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/stream-exhaust/-/stream-exhaust-1.0.2.tgz#acdac8da59ef2bc1e17a2c0ccf6c320d120e555d"
+  integrity sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==
+
 stream-http@^2.0.0, stream-http@^2.7.2:
   version "2.8.3"
   resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
@@ -25867,7 +28021,7 @@ string-width@^1.0.1, string-width@^1.0.2:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
-string-width@^3.0.0:
+string-width@^3.0.0, string-width@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
   integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
@@ -25961,6 +28115,11 @@ stringify-object@^3.2.2, stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
+stringify-package@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stringify-package/-/stringify-package-1.0.0.tgz#e02828089333d7d45cd8c287c30aa9a13375081b"
+  integrity sha512-JIQqiWmLiEozOC0b0BtxZ/AOUtdUZHCBPgqIZ2kSJJqGwgb9neo44XdTHUC4HZSGqi03hOeB7W/E8rAlKnGe9g==
+
 strip-ansi@5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.0.0.tgz#f78f68b5d0866c20b2c9b8c61b5298508dc8756f"
@@ -26054,15 +28213,15 @@ style-loader@0.23.1, style-loader@^0.23.1:
     schema-utils "^1.0.0"
 
 style-to-object@^0.2.1:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.2.2.tgz#3ea3b276bd3fa9da1195fcdcdd03bc52aa2aae01"
-  integrity sha512-GcbtvfsqyKmIPpHeOHZ5Rmwsx2MDJct4W9apmTGcbPTbpA2FcgTFl2Z43Hm4Qb61MWGPNK8Chki7ITiY7lLOow==
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.2.3.tgz#afcf42bc03846b1e311880c55632a26ad2780bcb"
+  integrity sha512-1d/k4EY2N7jVLOqf2j04dTc37TPOv/hHxZmvpg8Pdh8UYydxeu/C1W1U4vD8alzf5V2Gt7rLsmkr4dxAlDm9ng==
   dependencies:
-    css "2.2.4"
+    inline-style-parser "0.1.1"
 
 style-unit@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/style-unit/-/style-unit-0.6.5.tgz#4c471b1429a3b951bfd881fbf512ca20a19047da"
+  resolved "https://registry.yarnpkg.com/style-unit/-/style-unit-0.6.5.tgz#4c471b1429a3b951bfd881fbf512ca20a19047da"
   integrity sha512-xq4xnVvUSRNnHrx3v9PI9CLOM4HN1E3LL0XjNvwoL3hQPGvdiQ2+gsBFbdnb0UWABnDjJA6x8Ca5c7AzYFvo+A==
 
 styled_string@0.0.1:
@@ -26081,7 +28240,7 @@ stylehacks@^4.0.0:
 
 stylesheet-loader@^0.6.5:
   version "0.6.5"
-  resolved "https://registry.npmjs.org/stylesheet-loader/-/stylesheet-loader-0.6.5.tgz#ecdc84cc4d8cecc68f65e5f28d14b757d74e6e19"
+  resolved "https://registry.yarnpkg.com/stylesheet-loader/-/stylesheet-loader-0.6.5.tgz#ecdc84cc4d8cecc68f65e5f28d14b757d74e6e19"
   integrity sha512-o88XkASmIGNfhYqjaTHfNgXBagOa8qSmawENlLxOFFRjQPoBEGEwfBCgBHu1EXc4lv58fWjL/wSKWNQ4vIhKyw==
   dependencies:
     camelcase "^3.0.0"
@@ -26089,16 +28248,6 @@ stylesheet-loader@^0.6.5:
     css "^2.2.1"
     loader-utils "^0.2.16"
 
-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"
@@ -26148,32 +28297,25 @@ sum-up@^1.0.1:
   dependencies:
     chalk "^1.0.0"
 
-superagent-retry@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/superagent-retry/-/superagent-retry-0.6.0.tgz#e49b35ca96c0e3b1d0e3f49605136df0e0a028b7"
-  integrity sha1-5Js1ypbA47HQ4/SWBRNt8OCgKLc=
-
-superagent@^3.5.0:
-  version "3.8.3"
-  resolved "https://registry.yarnpkg.com/superagent/-/superagent-3.8.3.tgz#460ea0dbdb7d5b11bc4f78deba565f86a178e128"
-  integrity sha512-GLQtLMCoEIK4eDv6OGtkOoSMt3D+oq0y3dsxMuYuDvaNUvuT8eFBuLmfR0iYYzHC1e8hpzC6ZsxbuP6DIalMFA==
+supports-color@6.1.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:
-    component-emitter "^1.2.0"
-    cookiejar "^2.1.0"
-    debug "^3.1.0"
-    extend "^3.0.0"
-    form-data "^2.3.1"
-    formidable "^1.2.0"
-    methods "^1.1.1"
-    mime "^1.4.1"
-    qs "^6.5.1"
-    readable-stream "^2.3.5"
+    has-flag "^3.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.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@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.5.0.tgz#be7a0de484dec5c5cddf8b3d59125044912f635b"
@@ -26181,20 +28323,13 @@ supports-color@^4.5.0:
   dependencies:
     has-flag "^2.0.0"
 
-supports-color@^5.0.0, supports-color@^5.1.0, supports-color@^5.3.0, supports-color@^5.4.0, supports-color@^5.5.0:
+supports-color@^5.0.0, supports-color@^5.1.0, supports-color@^5.3.0, supports-color@^5.4.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"
-
 supports-hyperlinks@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-1.0.1.tgz#71daedf36cc1060ac5100c351bb3da48c29c0ef7"
@@ -26222,9 +28357,17 @@ svelte-loader@^2.13.4:
     svelte-dev-helper "^1.1.9"
 
 svelte@^3.4.1:
-  version "3.4.4"
-  resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.4.4.tgz#8dcb60796b2b5a47175371f0763a612bf33a0944"
-  integrity sha512-O9tzroEWVPOQe1QITW1jP8LAJwXmCfDDGdkOCa9Y6NlJ+gQwn+/rhFbMQ+vu2PWPLZt1gxN8DjTFM4nOBuMLFg==
+  version "3.6.4"
+  resolved "https://registry.yarnpkg.com/svelte/-/svelte-3.6.4.tgz#6b04e9b261af17e2ee9b3bf92104e8a0dbcd35ff"
+  integrity sha512-oI2FAZK4iLUKwwf/ltn9Y9185+03LX3uMzKlVnLrkW5P1xazJnCOHBX5mI5FeyhSIPIyueTQtqJ9cQaEUMMXgA==
+
+sver-compat@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/sver-compat/-/sver-compat-1.5.0.tgz#3cf87dfeb4d07b4a3f14827bc186b3fd0c645cd8"
+  integrity sha1-PPh9/rTQe0o/FIJ7wYaz/QxkXNg=
+  dependencies:
+    es6-iterator "^2.0.1"
+    es6-symbol "^3.1.1"
 
 svg-tags@^1.0.0:
   version "1.0.0"
@@ -26232,14 +28375,14 @@ svg-tags@^1.0.0:
   integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
 
 svg-url-loader@^2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/svg-url-loader/-/svg-url-loader-2.3.2.tgz#dd86b26c19fe3b914f04ea10ef39594eade04464"
-  integrity sha1-3YaybBn+O5FPBOoQ7zlZTq3gRGQ=
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/svg-url-loader/-/svg-url-loader-2.3.3.tgz#4b111f6047472f815f9c1fd780c6faa413a8efab"
+  integrity sha512-dFXrXCrtyEucN6dWdvDGMipbVwPPez4OVVYUpxJwLJ5WuaPLYY9RmpOjUparDNs1+sPEXrsdDGIOCOK8NOy5VQ==
   dependencies:
-    file-loader "1.1.11"
-    loader-utils "1.1.0"
+    file-loader "4.0.0"
+    loader-utils "1.2.3"
 
-svgo@^1.0.0, svgo@^1.2.1:
+svgo@^1.0.0, svgo@^1.0.5, svgo@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.2.2.tgz#0253d34eccf2aed4ad4f283e11ee75198f9d7316"
   integrity sha512-rAfulcwp2D9jjdGu+0CuqlrAUin6bBWrpoqXWwKDZZZJfXcUXQSxLJOFJCQCSA0x0pP2U0TxSlJu2ROq5Bq6qA==
@@ -26278,9 +28421,9 @@ symbol-observable@1.2.0, symbol-observable@^1.0.4, symbol-observable@^1.1.0, sym
   integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
 
 symbol-tree@^3.2.2:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.2.tgz#ae27db38f660a7ae2e1c3b7d1bc290819b8519e6"
-  integrity sha1-rifbOPZgp64uHDt9G8KQgZuFGeY=
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
+  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
 symbol.prototype.description@^1.0.0:
   version "1.0.0"
@@ -26294,10 +28437,21 @@ symlink-or-copy@^1.0.0, symlink-or-copy@^1.0.1, symlink-or-copy@^1.1.8, symlink-
   resolved "https://registry.yarnpkg.com/symlink-or-copy/-/symlink-or-copy-1.2.0.tgz#5d49108e2ab824a34069b68974486c290020b393"
   integrity sha512-W31+GLiBmU/ZR02Ii0mVZICuNEN9daZ63xZMPDsYgPgNjMtg+atqLEGI7PPI936jYSQZxoLb/63xos8Adrx4Eg==
 
+sync-disk-cache@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/sync-disk-cache/-/sync-disk-cache-1.3.3.tgz#481933461623fdc2bdf46cfc87872ba215a7e246"
+  integrity sha512-Kp7DFemXDPRUbFW856CKamtX7bJuThZPa2dwnK2RfNqMew7Ah8xDc52SdooNlfN8oydDdDHlBPLsXTrtmA7HKw==
+  dependencies:
+    debug "^2.1.3"
+    heimdalljs "^0.2.3"
+    mkdirp "^0.5.0"
+    rimraf "^2.2.8"
+    username-sync "^1.0.2"
+
 synchronous-promise@^2.0.6:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/synchronous-promise/-/synchronous-promise-2.0.8.tgz#01fd026fffdbf2d3d39ec06ee1a7c971578136f7"
-  integrity sha512-xYavZtFC1vKgJu0AOSYdrLeikNCsNwmUeZaV1XF9cMqEhBVVxLq6rEbYzOGrF1MV2MNPkhsJqqiXuQ4a76CEUg==
+  version "2.0.9"
+  resolved "https://registry.yarnpkg.com/synchronous-promise/-/synchronous-promise-2.0.9.tgz#b83db98e9e7ae826bf9c8261fd8ac859126c780a"
+  integrity sha512-LO95GIW16x69LuND1nuuwM4pjgFGupg7pZ/4lU86AmchPKrhk0o2tpMU2unXRrqo81iAFe1YJ0nAGEVwsrZAgg==
 
 syntax-error@^1.1.1:
   version "1.4.0"
@@ -26307,9 +28461,9 @@ syntax-error@^1.1.1:
     acorn-node "^1.2.0"
 
 table@^5.2.3:
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/table/-/table-5.4.0.tgz#d772a3216e68829920a41a32c18eda286c95d780"
-  integrity sha512-nHFDrxmbrkU7JAFKqKbDJXfzrX2UBsWmrieXFTGxiI5e4ncg3VqsZeI4EzNmX0ncp4XNGVeoxIWJXfCIXwrsvw==
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/table/-/table-5.4.1.tgz#0691ae2ebe8259858efb63e550b6d5f9300171e8"
+  integrity sha512-E6CK1/pZe2N75rGZQotFOdmzWQ1AILtgYbMAbAjvms0S1l5IDB47zG3nCnFGB/w+7nB3vKofbLXCH7HPBo864w==
   dependencies:
     ajv "^6.9.1"
     lodash "^4.17.11"
@@ -26381,17 +28535,17 @@ tar@^2.0.0:
     inherits "2"
 
 tar@^4, tar@^4.4.8:
-  version "4.4.8"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.8.tgz#b19eec3fde2a96e64666df9fdb40c5ca1bc3747d"
-  integrity sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==
+  version "4.4.10"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.10.tgz#946b2810b9a5e0b26140cf78bea6b0b0d689eba1"
+  integrity sha512-g2SVs5QIxvo6OLp0GudTqEf05maawKUxXru104iaayWA09551tFCTI8f1Asb4lPfkBr91k07iL4c11XO3/b0tA==
   dependencies:
     chownr "^1.1.1"
     fs-minipass "^1.2.5"
-    minipass "^2.3.4"
-    minizlib "^1.1.1"
+    minipass "^2.3.5"
+    minizlib "^1.2.1"
     mkdirp "^0.5.0"
     safe-buffer "^5.1.2"
-    yallist "^3.0.2"
+    yallist "^3.0.3"
 
 teeny-request@^3.11.3:
   version "3.11.3"
@@ -26402,7 +28556,7 @@ teeny-request@^3.11.3:
     node-fetch "^2.2.0"
     uuid "^3.3.2"
 
-telejson@^2.2.1:
+telejson@^2.1.1, telejson@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/telejson/-/telejson-2.2.1.tgz#d9ee7e7eba0c81d9378257342fde7142a03787e2"
   integrity sha512-JtFAnITek+Z9t+uQjVl4Fxur9Z3Bi3flytBLc3KZVXmMUHLXdtAxiP0g8IBkHvKn1kQIYZC57IG0jjGH1s64HQ==
@@ -26447,6 +28601,15 @@ temp@0.9.0:
   dependencies:
     rimraf "~2.6.2"
 
+tempy@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/tempy/-/tempy-0.3.0.tgz#6f6c5b295695a16130996ad5ab01a8bd726e8bf8"
+  integrity sha512-WrH/pui8YCwmeiAoxV+lpRH9HpRtgBhSR2ViBPgpGb/wnYDzp21R4MN45fsCGvLROvY67o3byhJRYRONJyImVQ==
+  dependencies:
+    temp-dir "^1.0.0"
+    type-fest "^0.3.1"
+    unique-string "^1.0.0"
+
 term-size@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
@@ -26482,22 +28645,23 @@ terser-webpack-plugin@1.2.3:
     webpack-sources "^1.1.0"
     worker-farm "^1.5.2"
 
-terser-webpack-plugin@^1.1.0, terser-webpack-plugin@^1.2.3, terser-webpack-plugin@^1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.2.4.tgz#56f87540c28dd5265753431009388f473b5abba3"
-  integrity sha512-64IiILNQlACWZLzFlpzNaG0bpQ4ytaB7fwOsbpsdIV70AfLUmIGGeuKL0YV2WmtcrURjE2aOvHD4/lrFV3Rg+Q==
+terser-webpack-plugin@^1.1.0, terser-webpack-plugin@^1.2.2, terser-webpack-plugin@^1.2.3, terser-webpack-plugin@^1.2.4:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.3.0.tgz#69aa22426299f4b5b3775cbed8cb2c5d419aa1d4"
+  integrity sha512-W2YWmxPjjkUcOWa4pBEv4OP4er1aeQJlSo2UhtCFQCuRXEHjOFscO8VyWHj9JLlA0RzQb8Y2/Ta78XZvT54uGg==
   dependencies:
     cacache "^11.3.2"
     find-cache-dir "^2.0.0"
     is-wsl "^1.1.0"
+    loader-utils "^1.2.3"
     schema-utils "^1.0.0"
     serialize-javascript "^1.7.0"
     source-map "^0.6.1"
-    terser "^3.17.0"
+    terser "^4.0.0"
     webpack-sources "^1.3.0"
     worker-farm "^1.7.0"
 
-terser@^3.16.1, terser@^3.17.0, terser@^3.7.5:
+terser@^3.16.1, terser@^3.17.0, terser@^3.7.3, terser@^3.7.5:
   version "3.17.0"
   resolved "https://registry.yarnpkg.com/terser/-/terser-3.17.0.tgz#f88ffbeda0deb5637f9d24b0da66f4e15ab10cb2"
   integrity sha512-/FQzzPJmCpjAH9Xvk2paiWrFq+5M6aVOf+2KRbwhByISDX/EujxsK+BAvrhb6H+2rtrLCHK9N01wO014vrIwVQ==
@@ -26506,6 +28670,26 @@ terser@^3.16.1, terser@^3.17.0, terser@^3.7.5:
     source-map "~0.6.1"
     source-map-support "~0.5.10"
 
+terser@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-4.1.0.tgz#fe949a2189345b2f1789f2bafc6c3b056dab16ed"
+  integrity sha512-O2MzVShUr/B+bxTh83ycpDR+Ocesg5qLR8kphWApRbWCkSnfKq1YPmydnVNfsJuJKHvzSgDNqFq4cr1O36oQ2A==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.12"
+
+test-exclude@^4.2.1:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.2.3.tgz#a9a5e64474e4398339245a0a769ad7c2f4a97c20"
+  integrity sha512-SYbXgY64PT+4GAL2ocI3HwPa4Q4TBKm0cwAVeKOt/Aoc0gSpNRjJX8w0pA1LMKZ3LBmd8pYBqApFNQLII9kavA==
+  dependencies:
+    arrify "^1.0.1"
+    micromatch "^2.3.11"
+    object-assign "^4.1.0"
+    read-pkg-up "^1.0.1"
+    require-main-filename "^1.0.1"
+
 test-exclude@^5.2.3:
   version "5.2.3"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-5.2.3.tgz#c3d3e1e311eb7ee405e092dac10aefd09091eac0"
@@ -26589,7 +28773,15 @@ throttle-debounce@^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@^2.0.0, through2@^2.0.2:
+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@^2.0.0, through2@^2.0.2, through2@^2.0.3, through2@~2.0.0, through2@~2.0.3:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
   integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
@@ -26643,11 +28835,6 @@ timers-browserify@^2.0.4:
   dependencies:
     setimmediate "^1.0.4"
 
-timm@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/timm/-/timm-1.6.1.tgz#5f8aafc932248c76caf2c6af60542a32d3c30701"
-  integrity sha512-hqDTYi/bWuDxL2i6T3v6nrvkAQ/1Bc060GSkVEQZp02zTSTB4CHSKsOkliequCftQaNRcjRqUZmpGWs5FfhrNg==
-
 timsort@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
@@ -26658,6 +28845,11 @@ tiny-emitter@^2.0.0:
   resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
   integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
 
+tiny-inflate@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/tiny-inflate/-/tiny-inflate-1.0.2.tgz#93d9decffc8805bd57eae4310f0b745e9b6fb3a7"
+  integrity sha1-k9nez/yIBb1X6uQxDwt0Xptvs6c=
+
 tiny-json-http@^7.0.2:
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/tiny-json-http/-/tiny-json-http-7.1.2.tgz#620e189849bab08992ec23fada7b48c7c61637b4"
@@ -26719,6 +28911,14 @@ tmpl@1.0.x:
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
   integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
 
+to-absolute-glob@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz#1865f43d9e74b0822db9f145b78cff7d0f7c849b"
+  integrity sha1-GGX0PZ50sIItufFFt4z/fQ98hJs=
+  dependencies:
+    is-absolute "^1.0.0"
+    is-negated-glob "^1.0.0"
+
 to-array@0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/to-array/-/to-array-0.1.4.tgz#17e6c11f73dd4f3d74cda7a4ff3238e9ad9bf890"
@@ -26786,6 +28986,13 @@ to-style@^1.3.3:
   resolved "https://registry.yarnpkg.com/to-style/-/to-style-1.3.3.tgz#63a2b70a6f4a7d4fdc2ed57a0be4e7235cb6699c"
   integrity sha1-Y6K3Cm9KfU/cLtV6C+TnI1y2aZw=
 
+to-through@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-through/-/to-through-2.0.0.tgz#fc92adaba072647bc0b67d6b03664aa195093af6"
+  integrity sha1-/JKtq6ByZHvAtn1rA2ZKoZUJOvY=
+  dependencies:
+    through2 "^2.0.3"
+
 to-vfile@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/to-vfile/-/to-vfile-4.0.0.tgz#465ade5fc2b9e97e6c80b854d378a5d0f4b5d04a"
@@ -26804,6 +29011,11 @@ 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=
+
 topo@2.x.x:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/topo/-/topo-2.0.2.tgz#cd5615752539057c0dc0491a621c3bc6fbe1d182"
@@ -26828,13 +29040,6 @@ toposort@^2.0.2:
   resolved "https://registry.yarnpkg.com/toposort/-/toposort-2.0.2.tgz#ae21768175d1559d48bef35420b2f4962f09c330"
   integrity sha1-riF2gXXRVZ1IvvNUILL0li8JwzA=
 
-touch@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/touch/-/touch-2.0.2.tgz#ca0b2a3ae3211246a61b16ba9e6cbf1596287164"
-  integrity sha512-qjNtvsFXTRq7IuMLweVgFxmEuQ6gLbRs2jQxL80TtZ31dEKWYIxRXquij6w6VimyDek5hD3PytljHmEtAs2u0A==
-  dependencies:
-    nopt "~1.0.10"
-
 tough-cookie@>=2.3.3:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-3.0.1.tgz#9df4f57e739c26930a018184887f4adb7dca73b2"
@@ -26959,15 +29164,15 @@ try-require@^1.2.1:
   resolved "https://registry.yarnpkg.com/try-require/-/try-require-1.2.1.tgz#34489a2cac0c09c1cc10ed91ba011594d4333be2"
   integrity sha1-NEiaLKwMCcHMEO2RugEVlNQzO+I=
 
-tryer@^1.0.0:
+tryer@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
   integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
 
 ts-invariant@^0.4.0:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.4.2.tgz#8685131b8083e67c66d602540e78763408be9113"
-  integrity sha512-PTAAn8lJPEdRBJJEs4ig6MVZWfO12yrFzV7YaPslmyhG7+4MA279y4BXT3f72gXeVl0mC1aAWq2rMX4eKTWU/Q==
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.4.4.tgz#97a523518688f93aafad01b0e80eb803eb2abd86"
+  integrity sha512-uEtWkFM/sdZvRNNDL3Ehu4WVpwaulhwQszV8mrtcdeE8nN00BV9mAmQ88RkrBhFgl9gMgvjJLAQcZbnPXI9mlA==
   dependencies:
     tslib "^1.9.3"
 
@@ -27008,9 +29213,9 @@ ts-loader@^5.3.3:
     semver "^5.0.1"
 
 ts-loader@^6.0.0, ts-loader@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-6.0.1.tgz#abe8ba59356da8cbc85c01ab5feb85ae998db315"
-  integrity sha512-9H5ErTIw5t73sdSoFE0hX0RO45B7cdDA4pW1VIQ2wNFAhxSpZcAlv2fwMcfv6SAYLoI7uGwHuzC5dECzmzqtzA==
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-6.0.4.tgz#bc331ad91a887a60632d94c9f79448666f2c4b63"
+  integrity sha512-p2zJYe7OtwR+49kv4gs7v4dMrfYD1IPpOtqiSPCbe8oR+4zEBtdHwzM7A7M91F+suReqgzZrlClk4LRSSp882g==
   dependencies:
     chalk "^2.3.0"
     enhanced-resolve "^4.0.0"
@@ -27018,6 +29223,11 @@ ts-loader@^6.0.0, ts-loader@^6.0.1:
     micromatch "^4.0.0"
     semver "^6.0.0"
 
+ts-map@^1.0.3:
+  version "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.2.0:
   version "8.2.0"
   resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-8.2.0.tgz#4a89754b00560bb24cd54526e1685fa38c45f240"
@@ -27060,9 +29270,9 @@ tslib@1.9.0:
   integrity sha512-f/qGG2tUkrISBlQZEjEqoZ3B2+npJjIf04H1wuAv9iA8i04Icp+61KRXxFdha22670NJopsZCIjhC3SnjPRKrQ==
 
 tslib@^1.7.1, tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.9.3.tgz#d7e4dd79245d85428c4d7e4822a79917954ca286"
-  integrity sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ==
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
+  integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==
 
 tslint-config-airbnb@^5.11.1:
   version "5.11.1"
@@ -27099,9 +29309,9 @@ tslint-microsoft-contrib@~5.2.1:
     tsutils "^2.27.2 <2.29.0"
 
 tslint@^5.14.0:
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/tslint/-/tslint-5.16.0.tgz#ae61f9c5a98d295b9a4f4553b1b1e831c1984d67"
-  integrity sha512-UxG2yNxJ5pgGwmMzPMYh/CCnCnh0HfPgtlVRDs1ykZklufFBL1ZoTlWFRz2NQjcoEiDoRp+JyT0lhBbbH/obyA==
+  version "5.18.0"
+  resolved "https://registry.yarnpkg.com/tslint/-/tslint-5.18.0.tgz#f61a6ddcf372344ac5e41708095bbf043a147ac6"
+  integrity sha512-Q3kXkuDEijQ37nXZZLKErssQVnwCV/+23gFEMROi8IlbaBG6tXqLPQJ5Wjcyt/yHPKBC+hD5SzuGaMora+ZS6w==
   dependencies:
     "@babel/code-frame" "^7.0.0"
     builtin-modules "^1.1.1"
@@ -27109,7 +29319,7 @@ tslint@^5.14.0:
     commander "^2.12.1"
     diff "^3.2.0"
     glob "^7.1.1"
-    js-yaml "^3.13.0"
+    js-yaml "^3.13.1"
     minimatch "^3.0.4"
     mkdirp "^0.5.1"
     resolve "^1.3.2"
@@ -27132,9 +29342,9 @@ tsutils@^2.29.0:
     tslib "^1.8.1"
 
 tsutils@^3.0.0, tsutils@^3.5.0, tsutils@^3.7.0:
-  version "3.10.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.10.0.tgz#6f1c95c94606e098592b0dff06590cf9659227d6"
-  integrity sha512-q20XSMq7jutbGB8luhKKsQldRKWvyBO2BGqni3p4yq8Ys9bEP/xQw3KepKmMRt9gJ4lvQSScrihJrcKdKoSU7Q==
+  version "3.14.0"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.14.0.tgz#bf8d5a7bae5369331fa0f2b0a5a10bd7f7396c77"
+  integrity sha512-SmzGbB0l+8I0QwsPgjooFRaRvHLBLNYM8SeQ0k6rtNDru5sCGeLJcZdwilNndN+GysuFjF5EIYgN8GfFG6UeUw==
   dependencies:
     tslib "^1.8.1"
 
@@ -27177,7 +29387,7 @@ type-detect@^1.0.0:
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-1.0.0.tgz#762217cc06db258ec48908a1298e8b95121e8ea2"
   integrity sha1-diIXzAbbJY7EiQihKY6LlRIejqI=
 
-type-fest@^0.3.0:
+type-fest@^0.3.0, type-fest@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
   integrity sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==
@@ -27188,9 +29398,9 @@ type-fest@^0.4.1:
   integrity sha512-IwzA/LSfD2vC1/YDYMv/zHP4rDF1usCwllsDpbolT3D4fUepIO7f9K70jjmUewU/LmGUKJcwcVtDCpnKk4BPMw==
 
 type-fest@^0.5.0:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.5.1.tgz#56df246608dcb6df0991f83e689ce49a98c54798"
-  integrity sha512-UTA/kMieFSWe/CP+BOCfvoSvQCLp+W4I4SX6QpBTJJFyEnF3YPaRXa5mtnOwgqsV/GbaD+aIINrQ4wkxqzDJig==
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.5.2.tgz#d6ef42a0356c6cd45f49485c3b6281fc148e48a2"
+  integrity sha512-DWkS49EQKVX//Tbupb9TFa19c7+MK1XmzkrZUR8TAktmE/DizXoaoJV6TZ/tSIPXipqNiRI6CyAe7x69Jb6RSw==
 
 type-is@~1.6.16, type-is@~1.6.17, type-is@~1.6.18:
   version "1.6.18"
@@ -27200,6 +29410,11 @@ type-is@~1.6.16, type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+type@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/type/-/type-1.0.1.tgz#084c9a17fcc9151a2cdb1459905c2e45e4bb7d61"
+  integrity sha512-MAM5dBMJCJNKs9E7JXo4CXRAansRfG0nlJxW7Wf6GZzSOvH31zClSaHdIMWLehe/EGMBkqeC55rrkaOr5Oo7Nw==
+
 typed-styles@^0.0.7:
   version "0.0.7"
   resolved "https://registry.yarnpkg.com/typed-styles/-/typed-styles-0.0.7.tgz#93392a008794c4595119ff62dde6809dbc40a3d9"
@@ -27220,17 +29435,12 @@ typescript@3.2.4:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.2.4.tgz#c585cb952912263d915b462726ce244ba510ef3d"
   integrity sha512-0RNDbSdEokBeEAkgNbxJ+BLwSManFy9TeXz8uW+48j/xhEXv1ePME60olyzw2XzUqUBNAYFeJadIqAgNqIACwg==
 
-typescript@^3.2.4, typescript@^3.4.1:
-  version "3.4.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.4.5.tgz#2d2618d10bb566572b8d7aad5180d84257d70a99"
-  integrity sha512-YycBxUb49UUhdNMU5aJ7z5Ej2XGmaIBL0x34vZ82fn3hGvD+bgrMrVDpatgz2f7YxUMJxMkbWxJZeAvDxVe7Vw==
+typescript@^3.2.2, typescript@^3.2.4, typescript@^3.4.1:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.5.2.tgz#a09e1dc69bc9551cadf17dba10ee42cf55e5d56c"
+  integrity sha512-7KxJovlYhTX5RaRbUdkAXN1KUZ8PwWlTzQdHV6xNqvuFOs7+WBo10TQUqT19Q/Jz2hk5v9TQDIhyLhhJY4p5AA==
 
-ua-parser-js@^0.7.18, ua-parser-js@^0.7.19:
-  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==
-
-ua-parser-js@^0.7.9:
+ua-parser-js@^0.7.18, ua-parser-js@^0.7.19, ua-parser-js@^0.7.9:
   version "0.7.20"
   resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.20.tgz#7527178b82f6a62a0f243d1f94fd30e3e3c21098"
   integrity sha512-8OaIKfzL5cpx8eCMAhhvTlft8GYF8b2eQr6JkCyVdrgjcytyOmPCXrqXFcUnhonRpLlh5yxEZVohm6mzaowUOw==
@@ -27256,21 +29466,28 @@ uglify-js@3.4.x:
     commander "~2.19.0"
     source-map "~0.6.1"
 
-uglify-js@^3.0.0:
-  version "3.5.8"
-  resolved "https://registry.npmjs.org/uglify-js/-/uglify-js-3.5.8.tgz#496f62a8c23c3e6791563acbc04908edaca4025f"
-  integrity sha512-GFSjB1nZIzoIq70qvDRtWRORHX3vFkAnyK/rDExc0BN7r9+/S+Voz3t/fwJuVfjppAMz+ceR2poE7tkhvnVwQQ==
+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, uglify-js@^3.5.12:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.6.0.tgz#704681345c53a8b2079fb6cec294b05ead242ff5"
+  integrity sha512-W+jrUHJr3DXKhrsS7NUVxn3zqMOFn0hL/Ei6v0anCIMoKC93TjcflTagwIHLW7SfMFfiQuktQyFVCFHGUE0+yg==
   dependencies:
     commander "~2.20.0"
     source-map "~0.6.1"
 
-uglify-js@^3.1.4:
-  version "3.5.15"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.5.15.tgz#fe2b5378fd0b09e116864041437bff889105ce24"
-  integrity sha512-fe7aYFotptIddkwcm6YuA0HmknBZ52ZzOsUxZEdhhkSsz7RfjHDX2QDxwKTiv4JQ5t5NhfmpgAK+J7LiDhKSqg==
-  dependencies:
-    commander "~2.20.0"
-    source-map "~0.6.1"
+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=
 
 uglifyjs-webpack-plugin@^1.2.4:
   version "1.3.0"
@@ -27287,18 +29504,19 @@ uglifyjs-webpack-plugin@^1.2.4:
     worker-farm "^1.5.2"
 
 uglifyjs-webpack-plugin@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.npmjs.org/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-2.1.2.tgz#70e5c38fb2d35ee887949c2a0adb2656c23296d5"
-  integrity sha512-G1fJx2uOAAfvdZ77SVCzmFo6mv8uKaHoZBL9Qq/ciC8r6p0ANOL1uY85fIUiyWXKw5RzAaJYZfNSL58Or2hQ0A==
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-2.1.3.tgz#b00a18d1acda271deb755c99ba0d93568156eb76"
+  integrity sha512-/lRkCaFbI6pT3CxsQHDhBcqB6tocOnqba0vJqJ2DzSWFLRgOIiip8q0nVFydyXk+n8UtF7ZuS6hvWopcYH5FuA==
   dependencies:
-    cacache "^11.2.0"
-    find-cache-dir "^2.0.0"
+    cacache "^11.3.2"
+    find-cache-dir "^2.1.0"
+    is-wsl "^1.1.0"
     schema-utils "^1.0.0"
-    serialize-javascript "^1.4.0"
+    serialize-javascript "^1.7.0"
     source-map "^0.6.1"
-    uglify-js "^3.0.0"
-    webpack-sources "^1.1.0"
-    worker-farm "^1.5.2"
+    uglify-js "^3.5.12"
+    webpack-sources "^1.3.0"
+    worker-farm "^1.7.0"
 
 uid-number@0.0.6:
   version "0.0.6"
@@ -27325,11 +29543,26 @@ umd@^3.0.0:
   resolved "https://registry.yarnpkg.com/umd/-/umd-3.0.3.tgz#aa9fe653c42b9097678489c01000acb69f0b26cf"
   integrity sha512-4IcGSufhFshvLNcMCV80UnQVlZ5pMOC8mvNPForqwA4+lzYQuetTESLDQkeLmihq8bRcnpbQa48Wb8Lh16/xow==
 
-unc-path-regex@^0.1.0:
+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=
 
+uncss@^0.16.2:
+  version "0.16.2"
+  resolved "https://registry.yarnpkg.com/uncss/-/uncss-0.16.2.tgz#3b2269c59012da7c66cbe98fbedddeef94f0649c"
+  integrity sha1-OyJpxZAS2nxmy+mPvt3e75TwZJw=
+  dependencies:
+    commander "^2.9.0"
+    glob "^7.0.3"
+    is-absolute-url "^2.0.0"
+    is-html "^1.0.0"
+    jsdom "^11.3.0"
+    lodash "^4.13.1"
+    postcss "^6.0.14"
+    postcss-selector-parser "3.1.1"
+    request "^2.72.0"
+
 undeclared-identifiers@^1.1.2:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/undeclared-identifiers/-/undeclared-identifiers-1.1.3.tgz#9254c1d37bdac0ac2b52de4b6722792d2a91e30f"
@@ -27354,6 +29587,26 @@ underscore@>=1.8.3:
   resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.9.1.tgz#06dce34a0e68a7babc29b365b8e74b8925203961"
   integrity sha512-5/4etnCkd9c8gwgowi5/om/mYO5ajCaOgdzj/oW+0eQV9WxKBDZw5+ycmKmeaTXjInS/W0BzpGLo2xR2aBwZdg==
 
+undertaker-registry@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/undertaker-registry/-/undertaker-registry-1.0.1.tgz#5e4bda308e4a8a2ae584f9b9a4359a499825cc50"
+  integrity sha1-XkvaMI5KiirlhPm5pDWaSZglzFA=
+
+undertaker@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/undertaker/-/undertaker-1.2.1.tgz#701662ff8ce358715324dfd492a4f036055dfe4b"
+  integrity sha512-71WxIzDkgYk9ZS+spIB8iZXchFhAdEo2YU8xYqBYJ39DIUIqziK78ftm26eecoIY49X0J2MLhG4hr18Yp6/CMA==
+  dependencies:
+    arr-flatten "^1.0.1"
+    arr-map "^2.0.0"
+    bach "^1.0.0"
+    collection-map "^1.0.0"
+    es6-weak-map "^2.0.1"
+    last-run "^1.1.0"
+    object.defaults "^1.0.0"
+    object.reduce "^1.0.0"
+    undertaker-registry "^1.0.0"
+
 unherit@^1.0.4:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.2.tgz#14f1f397253ee4ec95cec167762e77df83678449"
@@ -27385,6 +29638,14 @@ unicode-property-aliases-ecmascript@^1.0.4:
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.5.tgz#a9cc6cc7ce63a0a3023fc99e341b94431d405a57"
   integrity sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==
 
+unicode-trie@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/unicode-trie/-/unicode-trie-0.3.1.tgz#d671dddd89101a08bac37b6a5161010602052085"
+  integrity sha1-1nHd3YkQGgi6w3tqUWEBBgIFIIU=
+  dependencies:
+    pako "^0.2.5"
+    tiny-inflate "^1.0.0"
+
 unified-args@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/unified-args/-/unified-args-6.0.0.tgz#ffa3be9372ebe311099b30435b17269b0000d04c"
@@ -27425,9 +29686,9 @@ unified-engine@^6.0.0:
     xtend "^4.0.1"
 
 unified-lint-rule@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/unified-lint-rule/-/unified-lint-rule-1.0.3.tgz#e302b0c4a7ac428c0980e049a500e59528001299"
-  integrity sha512-6z+HH3mtlFdj/w3MaQpObrZAd9KRiro370GxBFh13qkV8LYR21lLozA4iQiZPhe7KuX/lHewoGOEgQ4AWrAR3Q==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/unified-lint-rule/-/unified-lint-rule-1.0.4.tgz#be432d316db7ad801166041727b023ba18963e24"
+  integrity sha512-q9wY6S+d38xRAuWQVOMjBQYi7zGyKkY23ciNafB8JFVmDroyKjtytXHCg94JnhBCXrNqpfojo3+8D+gmF4zxJQ==
   dependencies:
     wrapped "^1.0.1"
 
@@ -27455,14 +29716,14 @@ unified@^7.0.0, unified@^7.1.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=
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
+  integrity sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==
   dependencies:
     arr-union "^3.1.0"
     get-value "^2.0.6"
     is-extendable "^0.1.1"
-    set-value "^0.4.3"
+    set-value "^2.0.1"
 
 union@~0.4.3:
   version "0.4.6"
@@ -27489,12 +29750,20 @@ unique-filename@^1.1.0, unique-filename@^1.1.1:
     unique-slug "^2.0.0"
 
 unique-slug@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.1.tgz#5e9edc6d1ce8fb264db18a507ef9bd8544451ca6"
-  integrity sha512-n9cU6+gITaVu7VGj1Z8feKMmfAjEAQGhwD9fE3zvpRRa0wEIx8ODYkVGfSc94M2OX00tUFV8wH3zYbm1I8mxFg==
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
+  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
   dependencies:
     imurmurhash "^0.1.4"
 
+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"
@@ -27521,11 +29790,6 @@ unist-util-inspect@^4.1.2:
   dependencies:
     is-empty "^1.0.0"
 
-unist-util-is@^2.1.2:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-2.1.3.tgz#459182db31f4742fceaea88d429693cbf0043d20"
-  integrity sha512-4WbQX2iwfr/+PfM4U3zd2VNXY+dWtZsN1fLnWEi2QQXA4qyDYAZcDMfXUX0Cu6XZUHHAO9q4nyxxLT4Awk1qUA==
-
 unist-util-is@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-3.0.0.tgz#d9e84381c2468e82629e4a5be9d7d05a2dd324cd"
@@ -27550,7 +29814,7 @@ unist-util-remove@^1.0.0:
   dependencies:
     unist-util-is "^3.0.0"
 
-unist-util-stringify-position@^1.0.0, unist-util-stringify-position@^1.1.1, unist-util-stringify-position@^1.1.2:
+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==
@@ -27563,11 +29827,11 @@ unist-util-stringify-position@^2.0.0:
     "@types/unist" "^2.0.2"
 
 unist-util-visit-parents@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-2.1.1.tgz#b6a663448eed29325974235c6252a308de2e8eab"
-  integrity sha512-/vuqJFrPaWX2QpW3WqOfnvRmqqlPux5BlWMRcUYm8QO5odQJ9XTGoonFYT9hzJXrpT+AmNMKQjK/9xMB5DaLhw==
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz#25e43e55312166f3348cae6743588781d112c1e9"
+  integrity sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==
   dependencies:
-    unist-util-is "^2.1.2"
+    unist-util-is "^3.0.0"
 
 unist-util-visit@^1.0.0, unist-util-visit@^1.1.0, unist-util-visit@^1.1.1, unist-util-visit@^1.3.0, unist-util-visit@^1.4.0:
   version "1.4.1"
@@ -27576,9 +29840,20 @@ unist-util-visit@^1.0.0, unist-util-visit@^1.1.0, unist-util-visit@^1.1.1, unist
   dependencies:
     unist-util-visit-parents "^2.0.0"
 
+universal-app-shell-loader@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/universal-app-shell-loader/-/universal-app-shell-loader-0.1.1.tgz#412595898e281685edfee4af1b4012f2c090b1ab"
+  integrity sha512-MjeabLNWCWsyoj9HG+MyW4ywEC/vyIvCkbqXoEpba6lpSuP13Kqb75zQOXHovTYq97N9lRP9CbFXDe0tRl4Obw==
+  dependencies:
+    "@babel/core" "^7.4.5"
+    "@babel/parser" "^7.4.5"
+    "@babel/traverse" "^7.4.5"
+    "@babel/types" "^7.4.4"
+    loader-utils "^1.2.3"
+
 universal-env@^0.6.5:
   version "0.6.6"
-  resolved "https://registry.npmjs.org/universal-env/-/universal-env-0.6.6.tgz#dd5adf816a8ec3e908d4848e1714dfe30dd8a970"
+  resolved "https://registry.yarnpkg.com/universal-env/-/universal-env-0.6.6.tgz#dd5adf816a8ec3e908d4848e1714dfe30dd8a970"
   integrity sha512-CqBdTKFStTEV7wETHjWm7CDIbSdUxIlN3zQ5xraTG6Wb1XEmBgyW1pu8lJW0buRXjACgjrD+pr97akumbQ0Y6A==
 
 universal-user-agent@^2.0.0, universal-user-agent@^2.1.0:
@@ -27642,9 +29917,9 @@ upath@^1.0.2, upath@^1.0.5, upath@^1.1.0, upath@^1.1.1:
   integrity sha512-kXpym8nmDmlCBr7nKdIx8P2jNBa+pBpIUFRnKJ4dr8htyYGJFokkr2ZvERRtUN+9SY+JqXouNgUPtv6JQva/2Q==
 
 update-notifier@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-3.0.0.tgz#e9bbf8f0f5b7a2ce6666ca46334fdb29492e8fab"
-  integrity sha512-6Xe3oF2bvuoj4YECUc52yxVs94yWrxwqHbzyveDktTS1WhnlTRpNcQMxUshcB7nRVGi1jEXiqL5cW1S5WSyzKg==
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-3.0.1.tgz#78ecb68b915e2fd1be9f767f6e298ce87b736250"
+  integrity sha512-grrmrB6Zb8DUiyDIaeRTBCkgISYUgETNe7NglEbVsrLWXeESnlCSP50WfRSj/GmzMPl6Uchj24S/p80nP/ZQrQ==
   dependencies:
     boxen "^3.0.0"
     chalk "^2.0.1"
@@ -27673,7 +29948,7 @@ upper-case@^1.0.3, upper-case@^1.1.0, upper-case@^1.1.1, upper-case@^1.1.3:
 
 uppercamelcase@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.npmjs.org/uppercamelcase/-/uppercamelcase-3.0.0.tgz#380b321b8d73cba16fec4d752a575152d1ef7317"
+  resolved "https://registry.yarnpkg.com/uppercamelcase/-/uppercamelcase-3.0.0.tgz#380b321b8d73cba16fec4d752a575152d1ef7317"
   integrity sha1-OAsyG41zy6Fv7E11KldRUtHvcxc=
   dependencies:
     camelcase "^4.1.0"
@@ -27695,7 +29970,7 @@ urix@^0.1.0:
   resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
   integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
 
-url-join@4.0.0, url-join@^4.0.0:
+url-join@4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.0.tgz#4d3340e807d3773bda9991f8305acdcc2a665d2a"
   integrity sha1-TTNA6AfTdzvamZH4MFrNzCpmXSo=
@@ -27705,6 +29980,11 @@ url-join@^2.0.2:
   resolved "https://registry.yarnpkg.com/url-join/-/url-join-2.0.5.tgz#5af22f18c052a000a48d7b82c5e9c2e2feeda728"
   integrity sha1-WvIvGMBSoACkjXuCxenC4v7tpyg=
 
+url-join@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.1.tgz#b642e21a2646808ffa178c4c5fda39844e12cde7"
+  integrity sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==
+
 url-loader@1.1.2, url-loader@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-1.1.2.tgz#b971d191b83af693c5e3fea4064be9e1f2d7f8d8"
@@ -27736,7 +30016,7 @@ url-parse@^1.4.3:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
-url-template@^2.0.8:
+url-template@2.0.x, url-template@^2.0.8:
   version "2.0.8"
   resolved "https://registry.yarnpkg.com/url-template/-/url-template-2.0.8.tgz#fc565a3cccbff7730c775f5641f9555791439f21"
   integrity sha1-/FZaPMy/93MMd19WQflVV5FDnyE=
@@ -27760,9 +30040,9 @@ urlgrey@^0.4.4:
   integrity sha1-iS/pWWCAXoVRnxzUOJ8stMu3ZS8=
 
 use-image@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/use-image/-/use-image-1.0.3.tgz#550d19d828b82c115852181a33ee7759b7c1fa50"
-  integrity sha512-0cFB0cmHeUU/2hte3mrLnDnj2+So0mS77s7HVqYgc44sgLLxI9O9SH2KV7CmR/0uPGERdWsXXcj7yMyA7UhVvA==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/use-image/-/use-image-1.0.4.tgz#5e04c8956d051114677662dc2716b759e85f1a11"
+  integrity sha512-rtSdFy6uTaG/MGJj5N+FPrzObzzTnxs1N+FqazOsOf9tfvt9sTAaxivDudtjbaHg79dMDjnn8FADpqw3I6UOmw==
 
 use@^3.1.0:
   version "3.1.1"
@@ -27781,18 +30061,18 @@ username-sync@^1.0.2:
   resolved "https://registry.yarnpkg.com/username-sync/-/username-sync-1.0.2.tgz#0a3697909fb7b5768d29e2921f573acfdd427592"
   integrity sha512-ayNkOJdoNSGNDBE46Nkc+l6IXmeugbzahZLSMkwvgRWv5y5ZqNY2IrzcgmkR4z32sj1W3tM3TuTUMqkqBzO+RA==
 
-utif@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/utif/-/utif-2.0.1.tgz#9e1582d9bbd20011a6588548ed3266298e711759"
-  integrity sha512-Z/S1fNKCicQTf375lIP9G8Sa1H/phcysstNrrSdZKj1f9g58J4NMgb5IgiEZN9/nLMPDwF0W7hdOe9Qq2IYoLg==
-  dependencies:
-    pako "^1.0.5"
-
 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-promisify@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/util-promisify/-/util-promisify-2.1.0.tgz#3c2236476c4d32c5ff3c47002add7c13b9a82a53"
+  integrity sha1-PCI2R2xNMsX/PEcAKt18E7moKlM=
+  dependencies:
+    object.getownpropertydescriptors "^2.0.3"
+
 util.promisify@1.0.0, util.promisify@^1.0.0, util.promisify@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
@@ -27857,11 +30137,18 @@ uuid@^2.0.1:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-2.0.3.tgz#67e2e863797215530dff318e5bf9dcebfd47b21a"
   integrity sha1-Z+LoY3lyFVMN/zGOW/nc6/1Hsho=
 
-v8-compile-cache@^2.0.2:
+v8-compile-cache@2.0.3, v8-compile-cache@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.0.3.tgz#00f7494d2ae2b688cfe2899df6ed2c54bef91dbe"
   integrity sha512-CNmdbwQMBjwr9Gsmohvm0pbL954tJrNzf6gWL3K+QMQf00PF7ERGrEiLgjuU3mKreLC2MeGhUsNV9ybTbLgd3w==
 
+v8flags@^3.0.1:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-3.1.3.tgz#fc9dc23521ca20c5433f81cc4eb9b3033bb105d8"
+  integrity sha512-amh9CCg3ZxkzQ48Mhcb8iX7xpAfYJgePHxWMQCBWECpOSqJUXgY26ncA61UTV0BkPqfhcy6mzwCIoP4ygxpW8w==
+  dependencies:
+    homedir-polyfill "^1.0.1"
+
 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"
@@ -27882,6 +30169,16 @@ validator@10.5.0:
   resolved "https://registry.yarnpkg.com/validator/-/validator-10.5.0.tgz#1debbe1e6f5fd0c920ed2af47516f3762033939c"
   integrity sha512-6OOi+eV2mOxCFLq0f2cJDrdB6lrtLXEUxabhNRGjgOLT/l3SSll9J49Cl+LIloUqkWWTPraK/mucEQ3dc2jStQ==
 
+validator@11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/validator/-/validator-11.0.0.tgz#fb10128bfb1fd14ce4ed36b79fc94289eae70667"
+  integrity sha512-+wnGLYqaKV2++nUv60uGzUJyJQwYVOin6pn1tgEiFCeCQO60yeu3Og9/yPccbBX574kxIcEJicogkzx6s6eyag==
+
+value-or-function@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/value-or-function/-/value-or-function-3.0.0.tgz#1c243a50b595c1be54a754bfece8563b9ff8d813"
+  integrity sha1-HCQ6ULWVwb5Up1S/7OhWO5/42BM=
+
 vary@^1, vary@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
@@ -27902,9 +30199,9 @@ verror@1.10.0:
     extsprintf "^1.2.0"
 
 vfile-location@^2.0.0, vfile-location@^2.0.1:
-  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==
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-2.0.5.tgz#c83eb02f8040228a8d2b3f10e485be3e3433e0a2"
+  integrity sha512-Pa1ey0OzYBkLPxPZI3d9E+S4BmvfVwNAAXrrqGbwTVXWaX2p9kM1zZ+n35UtVM06shmWKH4RPRN8KI80qE3wNQ==
 
 vfile-message@^1.0.0:
   version "1.1.1"
@@ -27914,34 +30211,34 @@ vfile-message@^1.0.0:
     unist-util-stringify-position "^1.1.1"
 
 vfile-message@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-2.0.0.tgz#750bbb86fe545988a67e899b329bbcabb73edef6"
-  integrity sha512-YS6qg6UpBfIeiO+6XlhPOuJaoLvt1Y9g2cmlwqhBOOU0XRV8j5RLeoz72t6PWLvNXq3EBG1fQ05wNPrUoz0deQ==
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-2.0.1.tgz#951881861c22fc1eb39f873c0b93e336a64e8f6d"
+  integrity sha512-KtasSV+uVU7RWhUn4Lw+wW1Zl/nW8JWx7JCPps10Y9JRRIDeDXf8wfBLoOSsJLyo27DqMyAi54C6Jf/d6Kr2Bw==
   dependencies:
     "@types/unist" "^2.0.2"
-    unist-util-stringify-position "^1.1.1"
+    unist-util-stringify-position "^2.0.0"
 
 vfile-reporter@^5.0.0:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/vfile-reporter/-/vfile-reporter-5.1.1.tgz#419688c7e9dcaf65ba81bfdb0ad443e9e0248e09"
-  integrity sha512-A/cfKvfVmeEmAKx1yyOWggCjC/k184Vkl5pVJAw5CEdppHd5FHBVcdyJ1JBSqIdJjJqyhZY4ZD3JycHr/uwmlA==
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/vfile-reporter/-/vfile-reporter-5.1.2.tgz#80f1db5cbe8f9c12f2f30cce3e2cd18353a48519"
+  integrity sha512-b15sTuss1wOPWVlyWOvu+n6wGJ/eTYngz3uqMLimQvxZ+Q5oFQGYZZP1o3dR9sk58G5+wej0UPCZSwQBX/mzrQ==
   dependencies:
     repeat-string "^1.5.0"
     string-width "^2.0.0"
-    supports-color "^5.4.0"
-    unist-util-stringify-position "^1.0.0"
+    supports-color "^5.0.0"
+    unist-util-stringify-position "^2.0.0"
     vfile-sort "^2.1.2"
     vfile-statistics "^1.1.0"
 
 vfile-sort@^2.1.2:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/vfile-sort/-/vfile-sort-2.2.0.tgz#383a8727ec4c5daf37c05683684a5eb686366d39"
-  integrity sha512-RgxLXVWrJBWb2GuP8FsSkqK7HmbjXjnI8qx3nD6NTWhsWaelaKvJuxfh1F1d1lkCPD7imo4zzi8cf6IOMgaTnQ==
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/vfile-sort/-/vfile-sort-2.2.1.tgz#74e714f9175618cdae96bcaedf1a3dc711d87567"
+  integrity sha512-5dt7xEhC44h0uRQKhbM2JAe0z/naHphIZlMOygtMBM9Nn0pZdaX5fshhwWit9wvsuP8t/wp43nTDRRErO1WK8g==
 
 vfile-statistics@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vfile-statistics/-/vfile-statistics-1.1.2.tgz#c50132627e4669a3afa07c64ff1e7aa7695e8151"
-  integrity sha512-16wAC9eEGXdsD35LX9m/iXCRIZyX5LIrDgDtAF92rbATSqsBRbC4n05e0Rj5vt3XRpcKu0UJeWnTxWsSyvNZ+w==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/vfile-statistics/-/vfile-statistics-1.1.3.tgz#e9c87071997fbcb4243764d2c3805e0bb0820c60"
+  integrity sha512-CstaK/ebTz1W3Qp41Bt9Lj/2DmumFsCwC2sKahDNSPh0mPh7/UyMLCoU8ZBX34CRU0d61B4W41yIFsV0NKMZeA==
 
 vfile@^3.0.0:
   version "3.0.1"
@@ -27953,59 +30250,149 @@ vfile@^3.0.0:
     unist-util-stringify-position "^1.0.0"
     vfile-message "^1.0.0"
 
-vfile@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/vfile/-/vfile-4.0.0.tgz#ebf3b48af9fcde524d5e08d5f75812058a5f78ad"
-  integrity sha512-WMNeHy5djSl895BqE86D7WqA0Ie5fAIeGCa7V1EqiXyJg5LaGch2SUaZueok5abYQGH6mXEAsZ45jkoILIOlyA==
+vfile@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-4.0.1.tgz#fc3d43a1c71916034216bf65926d5ee3c64ed60c"
+  integrity sha512-lRHFCuC4SQBFr7Uq91oJDJxlnftoTLQ7eKIpMdubhYcVMho4781a8MWXLy3qZrZ0/STD1kRiKc0cQOHm4OkPeA==
   dependencies:
-    "@types/unist" "^2.0.2"
+    "@types/unist" "^2.0.0"
     is-buffer "^2.0.0"
     replace-ext "1.0.0"
     unist-util-stringify-position "^2.0.0"
     vfile-message "^2.0.0"
 
-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=
+vinyl-buffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/vinyl-buffer/-/vinyl-buffer-1.0.1.tgz#96c1a3479b8c5392542c612029013b5b27f88bbf"
+  integrity sha1-lsGjR5uMU5JULGEgKQE7Wyf4i78=
   dependencies:
-    indexof "0.0.1"
+    bl "^1.2.1"
+    through2 "^2.0.3"
 
-vm-browserify@^1.0.0:
+vinyl-fs@^3.0.0, vinyl-fs@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/vinyl-fs/-/vinyl-fs-3.0.3.tgz#c85849405f67428feabbbd5c5dbdd64f47d31bc7"
+  integrity sha512-vIu34EkyNyJxmP0jscNzWBSygh7VWhqun6RmqVfXePrOwi9lhvRs//dOaGOTRUQr4tx7/zd26Tk5WeSVZitgng==
+  dependencies:
+    fs-mkdirp-stream "^1.0.0"
+    glob-stream "^6.1.0"
+    graceful-fs "^4.0.0"
+    is-valid-glob "^1.0.0"
+    lazystream "^1.0.0"
+    lead "^1.0.0"
+    object.assign "^4.0.4"
+    pumpify "^1.3.5"
+    readable-stream "^2.3.3"
+    remove-bom-buffer "^3.0.0"
+    remove-bom-stream "^1.2.0"
+    resolve-options "^1.1.0"
+    through2 "^2.0.0"
+    to-through "^2.0.0"
+    value-or-function "^3.0.0"
+    vinyl "^2.0.0"
+    vinyl-sourcemap "^1.1.0"
+
+vinyl-source-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/vinyl-source-stream/-/vinyl-source-stream-2.0.0.tgz#f38a5afb9dd1e93b65d550469ac6182ac4f54b8e"
+  integrity sha1-84pa+53R6Ttl1VBGmsYYKsT1S44=
+  dependencies:
+    through2 "^2.0.3"
+    vinyl "^2.1.0"
+
+vinyl-sourcemap@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz#92a800593a38703a8cdb11d8b300ad4be63b3e16"
+  integrity sha1-kqgAWTo4cDqM2xHYswCtS+Y7PhY=
+  dependencies:
+    append-buffer "^1.0.2"
+    convert-source-map "^1.5.0"
+    graceful-fs "^4.1.6"
+    normalize-path "^2.1.1"
+    now-and-later "^2.0.0"
+    remove-bom-buffer "^3.0.0"
+    vinyl "^2.0.0"
+
+vinyl-sourcemaps-apply@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz#ab6549d61d172c2b1b87be5c508d239c8ef87705"
+  integrity sha1-q2VJ1h0XLCsbh75cUI0jnI74dwU=
+  dependencies:
+    source-map "^0.5.1"
+
+vinyl@^2.0.0, vinyl@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/vinyl/-/vinyl-2.2.0.tgz#d85b07da96e458d25b2ffe19fece9f2caa13ed86"
+  integrity sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==
+  dependencies:
+    clone "^2.1.1"
+    clone-buffer "^1.0.0"
+    clone-stats "^1.0.0"
+    cloneable-readable "^1.0.0"
+    remove-trailing-separator "^1.0.1"
+    replace-ext "^1.0.0"
+
+vlq@^0.2.2:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.3.tgz#8f3e4328cf63b1540c0d67e1b2778386f8975b26"
+  integrity sha512-DRibZL6DsNhIgYQ+wNdWDL2SL3bKPlVrRiBqV5yuMm++op8W4kGFtaQfCs4KEJn0wBZcHVHJ3eoywX8983k1ow==
+
+vm-browserify@^1.0.0, vm-browserify@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.0.tgz#bd76d6a23323e2ca8ffa12028dc04559c75f9019"
   integrity sha512-iq+S7vZJE60yejDYM0ek6zg308+UZsdtPExWP9VZoCFCz1zkJoXFnAX7aZfd/ZwrkidzdUZL0C/ryW+JwAiIGw==
 
+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=
+
 vscode-json-languageservice@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/vscode-json-languageservice/-/vscode-json-languageservice-3.2.1.tgz#991d51128ebd81c5525d0578cabfa5b03e3cba2a"
-  integrity sha512-ee9MJ70/xR55ywvm0bZsDLhA800HCRE27AYgMNTU14RSg20Y+ngHdQnUt6OmiTXrQDI/7sne6QUOtHIN0hPQYA==
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/vscode-json-languageservice/-/vscode-json-languageservice-3.3.0.tgz#f80ec21c19fb8648c815220a2857f9f0b22e1094"
+  integrity sha512-upq1PhwDItazdtRJ/R7uU0Fgrf9iaYa1xLK4WFLExR0DgbPojd0YgMpfyknVyXGlxsg3fJQ0H7J++QeByXHh9w==
   dependencies:
-    jsonc-parser "^2.0.2"
-    vscode-languageserver-types "^3.13.0"
-    vscode-nls "^4.0.0"
-    vscode-uri "^1.0.6"
+    jsonc-parser "^2.1.0"
+    vscode-languageserver-types "^3.15.0-next.2"
+    vscode-nls "^4.1.1"
+    vscode-uri "^2.0.1"
 
-vscode-languageserver-types@^3.13.0:
-  version "3.14.0"
-  resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.14.0.tgz#d3b5952246d30e5241592b6dde8280e03942e743"
-  integrity sha512-lTmS6AlAlMHOvPQemVwo3CezxBp0sNB95KNPkqp3Nxd5VFEnuG1ByM0zlRWos0zjO3ZWtkvhal0COgiV1xIA4A==
+vscode-languageserver-types@^3.15.0-next.2:
+  version "3.15.0-next.2"
+  resolved "https://registry.yarnpkg.com/vscode-languageserver-types/-/vscode-languageserver-types-3.15.0-next.2.tgz#a0601332cdaafac21931f497bb080cfb8d73f254"
+  integrity sha512-2JkrMWWUi2rlVLSo9OFR2PIGUzdiowEM8NgNYiwLKnXTjpwpjjIrJbNNxDik7Rv4oo9KtikcFQZKXbrKilL/MQ==
 
-vscode-nls@^4.0.0:
+vscode-nls@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/vscode-nls/-/vscode-nls-4.1.1.tgz#f9916b64e4947b20322defb1e676a495861f133c"
   integrity sha512-4R+2UoUUU/LdnMnFjePxfLqNhBS8lrAFyX7pjb2ud/lqDkrUavFUTcG7wR0HBZFakae0Q6KLBFjMS6W93F403A==
 
-vscode-uri@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-1.0.6.tgz#6b8f141b0bbc44ad7b07e94f82f168ac7608ad4d"
-  integrity sha512-sLI2L0uGov3wKVb9EB+vIQBl9tVP90nqRvxSoJ35vI3NjxE8jfsE5DSOhWgSunHSZmKS4OCi2jrtfxK7uyp2ww==
+vscode-uri@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-2.0.2.tgz#cbc7982525e1cd102d2da6515e6f103650cb507c"
+  integrity sha512-VebpIxm9tG0fG2sBOhnsSPzDYuNUPP1UQW4K3mwthlca4e4f3d6HKq3HkITC2OPFomOaB7pHTSjcpdFWjfYTzg==
 
 vue-class-component@^6.1.0:
   version "6.3.2"
   resolved "https://registry.yarnpkg.com/vue-class-component/-/vue-class-component-6.3.2.tgz#e6037e84d1df2af3bde4f455e50ca1b9eec02be6"
   integrity sha512-cH208IoM+jgZyEf/g7mnFyofwPDJTM/QvBNhYMjqGB8fCsRyTf68rH2ISw/G20tJv+5mIThQ3upKwoL4jLTr1A==
 
+vue-docgen-api@^3.11.4:
+  version "3.15.3"
+  resolved "https://registry.yarnpkg.com/vue-docgen-api/-/vue-docgen-api-3.15.3.tgz#9eebc6e6c6d9cece0e10e6e78e7b01d80bb5e5cc"
+  integrity sha512-jmoRPlXMvhTA36Trvmtm5+/7/nDu6Zajsj92gYjKs4x09h7rQEO/Nudu3Xgkrs8Hpksdz52MdVVlKiRfofRfvg==
+  dependencies:
+    "@babel/parser" "^7.2.3"
+    "@babel/types" "^7.0.0"
+    ast-types "^0.12.2"
+    hash-sum "^1.0.2"
+    lru-cache "^4.1.5"
+    pug "^2.0.3"
+    recast "^0.17.3"
+    ts-map "^1.0.3"
+    typescript "^3.2.2"
+    vue-template-compiler "^2.0.0"
+
 vue-hot-reload-api@^2.3.0:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz#2756f46cb3258054c5f4723de8ae7e87302a1ccf"
@@ -28038,7 +30425,7 @@ vue-style-loader@^4.1.0:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@^2.6.8:
+vue-template-compiler@^2.0.0, vue-template-compiler@^2.5.16, vue-template-compiler@^2.6.8:
   version "2.6.10"
   resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz#323b4f3495f04faa3503337a82f5d6507799c9cc"
   integrity sha512-jVZkw4/I/HT5ZMvRnhv78okGusqe0+qH2A0Em0Cp8aq78+NK9TII263CDVz2QXZsIT+yyV/gZc/j/vlwa+Epyg==
@@ -28056,6 +30443,11 @@ vue@*, vue@^2.6.8:
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.10.tgz#a72b1a42a4d82a721ea438d1b6bf55e66195c637"
   integrity sha512-ImThpeNU9HbdZL3utgMCq0oiMzAkt1mcgy3/E6zWC/G6AaQoeuFdsl9nDhTDU3X1R6FK7nsIUuRACVcjI+A2GQ==
 
+vuera@^0.2.3:
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/vuera/-/vuera-0.2.5.tgz#d428fd629eee284aea2f2c032dbf2f5942e8a2a0"
+  integrity sha512-+XFoqjnf08QIj3Fyc5KG1DEaxHmFyl20VLNSwwN7d5VObSkO6LYEZH3PD/uz+YqHuaom2u6djf2TqIXq8vKlXg==
+
 vuex@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/vuex/-/vuex-3.1.1.tgz#0c264bfe30cdbccf96ab9db3177d211828a5910e"
@@ -28099,9 +30491,9 @@ walk-sync@^0.3.0, walk-sync@^0.3.1, walk-sync@^0.3.2, walk-sync@^0.3.3:
     matcher-collection "^1.0.0"
 
 walk-sync@^1.0.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/walk-sync/-/walk-sync-1.1.3.tgz#3b7b6468f068b5eba2278c931c57db3d39092969"
-  integrity sha512-23ivbET0Q/389y3EHpiIgxx881AS2mwdXA7iBqUDNSymoTPYb2jWlF3gkuuAP1iLgdNXmiHw/kZ/wZwrELU6Ag==
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/walk-sync/-/walk-sync-1.1.4.tgz#81049f3d8095479b49574cfa5f558d7a252b127d"
+  integrity sha512-nowc9thB/Jg0KW4TgxoRjLLYRPvl3DB/98S89r4ZcJqq2B0alNcKDh6pzLkBSkPMzRSMsJghJHQi79qw0YWEkA==
   dependencies:
     "@types/minimatch" "^3.0.3"
     ensure-posix-path "^1.1.0"
@@ -28197,9 +30589,9 @@ webdriver-js-extender@2.1.0:
     selenium-webdriver "^3.0.1"
 
 webdriver-manager@^12.0.6:
-  version "12.1.4"
-  resolved "https://registry.yarnpkg.com/webdriver-manager/-/webdriver-manager-12.1.4.tgz#d737ab845fb131e4d66c0eaf8ac374c2bc3bfe22"
-  integrity sha512-aNUzdimlHSl3EotUTdE2QwP9sBUjZgWPCy8C+m1wMmF9jBDKuO/24nnpr2O25Db8dYtsjvj9drPTpSIGqRrNnQ==
+  version "12.1.5"
+  resolved "https://registry.yarnpkg.com/webdriver-manager/-/webdriver-manager-12.1.5.tgz#28817b14d4b16b94ede10d5a7ee187aeb7679edf"
+  integrity sha512-f1apDjMpZ8SHlXtXGzqBxOjV+WQcDRz5PN7pWScgjXS7vhUIFcM3V89Shetf4A04n8DDR2MxiVQq6JproFcRZw==
   dependencies:
     adm-zip "^0.4.9"
     chalk "^1.1.1"
@@ -28218,7 +30610,7 @@ webidl-conversions@^4.0.2:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-webpack-bundle-analyzer@^3.0.3, webpack-bundle-analyzer@^3.0.4:
+webpack-bundle-analyzer@^3.0.3, webpack-bundle-analyzer@^3.0.4, webpack-bundle-analyzer@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.3.2.tgz#3da733a900f515914e729fcebcd4c40dde71fc6f"
   integrity sha512-7qvJLPKB4rRWZGjVp5U1KEjwutbDHSKboAl0IfafnrdXMrgC0tOtZbQD6Rw0u4cmpgRN4O02Fc0t8eAT+FgGzA==
@@ -28238,21 +30630,21 @@ webpack-bundle-analyzer@^3.0.3, webpack-bundle-analyzer@^3.0.4:
     ws "^6.0.0"
 
 webpack-cli@^3.3.0:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-3.3.2.tgz#aed2437b0db0a7faa2ad28484e166a5360014a91"
-  integrity sha512-FLkobnaJJ+03j5eplxlI0TUxhGCOdfewspIGuvDVtpOlrAuKMFC57K42Ukxqs1tn8947/PM6tP95gQc0DCzRYA==
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-3.3.5.tgz#f4d1238a66a2843d9cebf189835ea22142e72767"
+  integrity sha512-w0j/s42c5UhchwTmV/45MLQnTVwRoaUTu9fM5LuyOd/8lFoCNCELDogFoecx5NzRUndO0yD/gF2b02XKMnmAWQ==
   dependencies:
-    chalk "^2.4.1"
-    cross-spawn "^6.0.5"
-    enhanced-resolve "^4.1.0"
-    findup-sync "^2.0.0"
-    global-modules "^1.0.0"
-    import-local "^2.0.0"
-    interpret "^1.1.0"
-    loader-utils "^1.1.0"
-    supports-color "^5.5.0"
-    v8-compile-cache "^2.0.2"
-    yargs "^12.0.5"
+    chalk "2.4.2"
+    cross-spawn "6.0.5"
+    enhanced-resolve "4.1.0"
+    findup-sync "3.0.0"
+    global-modules "2.0.0"
+    import-local "2.0.0"
+    interpret "1.2.0"
+    loader-utils "1.2.3"
+    supports-color "6.1.0"
+    v8-compile-cache "2.0.3"
+    yargs "13.2.4"
 
 webpack-core@^0.6.8:
   version "0.6.9"
@@ -28263,11 +30655,11 @@ webpack-core@^0.6.8:
     source-map "~0.4.1"
 
 webpack-deep-scope-plugin@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/webpack-deep-scope-plugin/-/webpack-deep-scope-plugin-1.6.0.tgz#5a3a26dc8a40863c7c362840df1fb63f5ca4c441"
-  integrity sha512-ZYldKNeWQtk9SoV70x7Eb2NRmvHMtNBOjscs0wUdg/pfymntiF+0W/D9v2o76ztufjND6RNFjNVnyFQww25AZg==
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/webpack-deep-scope-plugin/-/webpack-deep-scope-plugin-1.6.1.tgz#c6d12083062ccce3c0e1d7905f8fb51b7a651591"
+  integrity sha512-S/O7ifv0iYOc3JBvKIvt635qLT1ok7DUE/GiYjZNWX3JRIYidj8uoPW61dumCLMcwWvpsCDUZE7QECpkK2a00Q==
   dependencies:
-    deep-scope-analyser "^1.6.0"
+    deep-scope-analyser "^1.6.1"
 
 webpack-dev-middleware@3.4.0:
   version "3.4.0"
@@ -28289,7 +30681,7 @@ webpack-dev-middleware@3.5.1:
     range-parser "^1.0.3"
     webpack-log "^2.0.0"
 
-webpack-dev-middleware@^3.5.1, webpack-dev-middleware@^3.7.0:
+webpack-dev-middleware@^3.5.1, webpack-dev-middleware@^3.6.0, webpack-dev-middleware@^3.7.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.7.0.tgz#ef751d25f4e9a5c8a35da600c5fda3582b5c6cff"
   integrity sha512-qvDesR1QZRIAZHOE3iQ4CXLZZSQ1lAUsSpnQmlB1PBfoN/xdRjmge3Dok0W4IdaVLJOGJy3sGI4sZHwjRU0PCA==
@@ -28408,9 +30800,9 @@ webpack-dev-server@3.2.1:
     yargs "12.0.2"
 
 webpack-dev-server@^3.1.11, webpack-dev-server@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-3.4.1.tgz#a5fd8dec95dec410098e7d9a037ff9405395d51a"
-  integrity sha512-CRqZQX2ryMtrg0r3TXQPpNh76eM1HD3Wmu6zDBxIKi/d2y+4aa28Ia8weNT0bfgWpY6Vs3Oq/K8+DjfbR+tWYw==
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-3.7.2.tgz#f79caa5974b7f8b63268ef5421222a8486d792f5"
+  integrity sha512-mjWtrKJW2T9SsjJ4/dxDC2fkFVUw8jlpemDERqV0ZJIkjjjamR2AbQlr3oz+j4JLhYCHImHnXZK5H06P2wvUew==
   dependencies:
     ansi-html "0.0.7"
     bonjour "^3.5.0"
@@ -28419,19 +30811,20 @@ webpack-dev-server@^3.1.11, webpack-dev-server@^3.4.1:
     connect-history-api-fallback "^1.6.0"
     debug "^4.1.1"
     del "^4.1.1"
-    express "^4.17.0"
+    express "^4.17.1"
     html-entities "^1.2.1"
     http-proxy-middleware "^0.19.1"
     import-local "^2.0.0"
     internal-ip "^4.3.0"
     ip "^1.1.5"
     killable "^1.0.1"
-    loglevel "^1.6.1"
+    loglevel "^1.6.3"
     opn "^5.5.0"
+    p-retry "^3.0.1"
     portfinder "^1.0.20"
     schema-utils "^1.0.0"
     selfsigned "^1.10.4"
-    semver "^6.0.0"
+    semver "^6.1.1"
     serve-index "^1.9.1"
     sockjs "0.3.19"
     sockjs-client "1.3.0"
@@ -28443,7 +30836,7 @@ webpack-dev-server@^3.1.11, webpack-dev-server@^3.4.1:
     webpack-log "^2.0.0"
     yargs "12.0.5"
 
-webpack-hot-middleware@^2.25.0:
+webpack-hot-middleware@^2.24.3, 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"
   integrity sha512-xs5dPOrGPCzuRXNi8F6rwhawWvQQkeli5Ro48PRuQh8pYPCPmNnltP9itiUPT4xI8oW+y0m59lyyeQk54s5VgA==
@@ -28497,7 +30890,7 @@ webpack-sources@1.3.0, webpack-sources@^1.0.1, webpack-sources@^1.0.2, webpack-s
 
 webpack-sources@^0.2.3:
   version "0.2.3"
-  resolved "https://registry.npmjs.org/webpack-sources/-/webpack-sources-0.2.3.tgz#17c62bfaf13c707f9d02c479e0dcdde8380697fb"
+  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"
@@ -28600,40 +30993,10 @@ webpack@4.29.6:
     watchpack "^1.5.0"
     webpack-sources "^1.3.0"
 
-webpack@^4.27.1:
-  version "4.32.2"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.32.2.tgz#3639375364a617e84b914ddb2c770aed511e5bc8"
-  integrity sha512-F+H2Aa1TprTQrpodRAWUMJn7A8MgDx82yQiNvYMaj3d1nv3HetKU0oqEulL9huj8enirKi8KvEXQ3QtuHF89Zg==
-  dependencies:
-    "@webassemblyjs/ast" "1.8.5"
-    "@webassemblyjs/helper-module-context" "1.8.5"
-    "@webassemblyjs/wasm-edit" "1.8.5"
-    "@webassemblyjs/wasm-parser" "1.8.5"
-    acorn "^6.0.5"
-    acorn-dynamic-import "^4.0.0"
-    ajv "^6.1.0"
-    ajv-keywords "^3.1.0"
-    chrome-trace-event "^1.0.0"
-    enhanced-resolve "^4.1.0"
-    eslint-scope "^4.0.0"
-    json-parse-better-errors "^1.0.2"
-    loader-runner "^2.3.0"
-    loader-utils "^1.1.0"
-    memory-fs "~0.4.1"
-    micromatch "^3.1.8"
-    mkdirp "~0.5.0"
-    neo-async "^2.5.0"
-    node-libs-browser "^2.0.0"
-    schema-utils "^1.0.0"
-    tapable "^1.1.0"
-    terser-webpack-plugin "^1.1.0"
-    watchpack "^1.5.0"
-    webpack-sources "^1.3.0"
-
-webpack@^4.33.0:
-  version "4.33.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.33.0.tgz#c30fc4307db432e5c5e3333aaa7c16a15a3b277e"
-  integrity sha512-ggWMb0B2QUuYso6FPZKUohOgfm+Z0sVFs8WwWuSH1IAvkWs428VDNmOlAxvHGTB9Dm/qOB/qtE5cRx5y01clxw==
+webpack@^4.27.1, webpack@^4.28.0, webpack@^4.33.0:
+  version "4.35.2"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.35.2.tgz#5c8b8a66602cbbd6ec65c6e6747914a61c1449b1"
+  integrity sha512-TZAmorNymV4q66gAM/h90cEjG+N3627Q2MnkSgKlX/z3DlNVKUtqy57lz1WmZU2+FUZwzM+qm7cGaO95PyrX5A==
   dependencies:
     "@webassemblyjs/ast" "1.8.5"
     "@webassemblyjs/helper-module-context" "1.8.5"
@@ -28661,11 +31024,12 @@ webpack@^4.33.0:
     webpack-sources "^1.3.0"
 
 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=
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.3.tgz#a2d4e0d4f4f116f1e6297eba58b05d430100e9f9"
+  integrity sha512-bpxWlvbbB459Mlipc5GBzzZwhoZgGEZLuqPaR0INBGnPAY1vdBX6hPnoFXiw+3yWxDuHyQjO2oXTMyS8A5haFg==
   dependencies:
-    http-parser-js ">=0.4.0"
+    http-parser-js ">=0.4.0 <0.4.11"
+    safe-buffer ">=5.1.0"
     websocket-extensions ">=0.1.1"
 
 websocket-extensions@>=0.1.1:
@@ -28764,6 +31128,11 @@ widest-line@^2.0.0:
   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=
+
 windows-release@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/windows-release/-/windows-release-3.2.0.tgz#8122dad5afc303d833422380680a79cdfa91785f"
@@ -28771,6 +31140,19 @@ 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"
+
+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@1.0.0, wordwrap@^1.0.0, wordwrap@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
@@ -29089,6 +31471,15 @@ wrap-ansi@^3.0.1:
     string-width "^2.1.1"
     strip-ansi "^4.0.0"
 
+wrap-ansi@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
+  integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
+  dependencies:
+    ansi-styles "^3.2.0"
+    string-width "^3.0.0"
+    strip-ansi "^5.0.0"
+
 wrapped@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wrapped/-/wrapped-1.0.1.tgz#c783d9d807b273e9b01e851680a938c87c907242"
@@ -29121,9 +31512,9 @@ write-file-atomic@^1.2.0:
     slide "^1.1.5"
 
 write-file-atomic@^2.0.0, write-file-atomic@^2.3.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==
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
+  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
   dependencies:
     graceful-fs "^4.1.11"
     imurmurhash "^0.1.4"
@@ -29173,7 +31564,7 @@ ws@^3.0.0, ws@^3.3.1:
     safe-buffer "~5.1.0"
     ultron "~1.1.0"
 
-ws@^5.2.0:
+ws@^5.1.1, ws@^5.2.0:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
   integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
@@ -29239,27 +31630,12 @@ xdg-trashdir@^2.1.1:
     user-home "^2.0.0"
     xdg-basedir "^2.0.0"
 
-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-name-validator@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
   integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
 
-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.17, xml2js@^0.4.5:
+xml2js@^0.4.17:
   version "0.4.19"
   resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.19.tgz#686c20f213209e94abf0d1bcf1efaa291c7827a7"
   integrity sha512-esZnJZJOiJR9wWKMyuvSE1y6Dq5LCuJanqhxslH2bxM6duahNZ+HMpCLhBQGZkbX6xRf8x1Y2eJlgt2q3qo49Q==
@@ -29277,10 +31653,10 @@ xmlbuilder@^9.0.7, xmlbuilder@~9.0.1:
   resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-9.0.7.tgz#132ee63d2ec5565c557e20f4c22df9aca686b10d"
   integrity sha1-Ey7mPS7FVlxVfiD0wi35rKaGsQ0=
 
-xmlchars@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-1.3.1.tgz#1dda035f833dbb4f86a0c28eaa6ca769214793cf"
-  integrity sha512-tGkGJkN8XqCod7OT+EvGYK5Z4SfDQGD30zAa58OcnAa0RRWgzUEK72tkXhsX1FZd+rgnhRxFtmO+ihkp8LHSkw==
+xmlchars@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.1.1.tgz#ef1a81c05bff629c2280007f12daca21bd6f6c93"
+  integrity sha512-7hew1RPJ1iIuje/Y01bGD/mXokXxegAgVS+e+E0wSi2ILHQkYAH1+JXARwTjZSM4Z4Z+c73aKspEcqj+zPPL/w==
 
 xmldoc@^0.4.0:
   version "0.4.0"
@@ -29329,7 +31705,7 @@ yallist@^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:
+yallist@^3.0.0, yallist@^3.0.2, yallist@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.3.tgz#b4b049e314be545e3ce802236d6cd22cd91c3de9"
   integrity sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==
@@ -29357,6 +31733,14 @@ yargs-parser@^11.1.1:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^13.1.0:
+  version "13.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
+  integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs-parser@^4.2.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c"
@@ -29403,7 +31787,7 @@ yargs@12.0.2:
     y18n "^3.2.1 || ^4.0.0"
     yargs-parser "^10.1.0"
 
-yargs@12.0.5, yargs@^12.0.1, yargs@^12.0.2, yargs@^12.0.5:
+yargs@12.0.5, yargs@12.0.x, yargs@^12.0.1, yargs@^12.0.2:
   version "12.0.5"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-12.0.5.tgz#05f5997b609647b64f66b81e3b4b10a368e7ad13"
   integrity sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==
@@ -29421,6 +31805,23 @@ yargs@12.0.5, yargs@^12.0.1, yargs@^12.0.2, yargs@^12.0.5:
     y18n "^3.2.1 || ^4.0.0"
     yargs-parser "^11.1.1"
 
+yargs@13.2.4, yargs@^13.2.2:
+  version "13.2.4"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.2.4.tgz#0b562b794016eb9651b98bd37acf364aa5d6dc83"
+  integrity sha512-HG/DWAJa1PAnHT9JAhNa8AbAv3FPaiLzioSjCcmuXXhP8MlpHO5vwls4g4j6n30Z74GVQj8Xa62dWVx1QCGklg==
+  dependencies:
+    cliui "^5.0.0"
+    find-up "^3.0.0"
+    get-caller-file "^2.0.1"
+    os-locale "^3.1.0"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^3.0.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^13.1.0"
+
 yargs@6.6.0:
   version "6.6.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
@@ -29477,7 +31878,7 @@ yargs@^11.0.0:
     y18n "^3.2.1"
     yargs-parser "^9.0.2"
 
-yargs@^7.0.0:
+yargs@^7.0.0, yargs@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-7.1.0.tgz#6ba318eb16961727f5d284f8ea003e8d6154d0c8"
   integrity sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=
@@ -29515,6 +31916,16 @@ yargs@^8.0.2:
     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.4.1:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.4.1.tgz#9528f442dab1b2284e58b4379bb194e22e0c4005"
@@ -29545,9 +31956,9 @@ yup@^0.27.0:
     toposort "^2.0.2"
 
 zen-observable-ts@^0.8.6:
-  version "0.8.18"
-  resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-0.8.18.tgz#ade44b1060cc4a800627856ec10b9c67f5f639c8"
-  integrity sha512-q7d05s75Rn1j39U5Oapg3HI2wzriVwERVo4N7uFGpIYuHB9ff02P/E92P9B8T7QVC93jCMHpbXH7X0eVR5LA7A==
+  version "0.8.19"
+  resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-0.8.19.tgz#c094cd20e83ddb02a11144a6e2a89706946b5694"
+  integrity sha512-u1a2rpE13G+jSzrg3aiCqXU5tN2kw41b+cBZGmnc+30YimdkKiDj9bTowcB41eL77/17RF/h+393AuVgShyheQ==
   dependencies:
     tslib "^1.9.3"
     zen-observable "^0.8.0"

From d50c383e52fc9ab1d07de02d7887b2f1d5105a33 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 11:25:13 +0800
Subject: [PATCH 23/66] Codemod: convert-mdx-to-module add story ref test case

---
 .../convert-mdx-to-module/story-refs.input.js | 21 ++++++
 .../story-refs.output.js                      | 29 ++++++++
 .../__tests__/convert-mdx-to-module.test.js   |  9 ++-
 .../src/transforms/convert-mdx-to-module.js   | 71 ++++++++++++-------
 4 files changed, 102 insertions(+), 28 deletions(-)
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.output.js

diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.input.js
new file mode 100644
index 00000000000..dde5d657a50
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.input.js
@@ -0,0 +1,21 @@
+import { Story, Meta } from '@storybook/addon-docs/blocks';
+import { action } from '@storybook/addon-actions';
+import { Button } from '@storybook/react/demo';
+
+<Meta
+  title="Addons|Docs/mdx"
+  decorators={[storyFn => <div style={{ backgroundColor: 'yellow' }}>{storyFn()}</div>]}
+  parameters={{ component: Button, notes: 'component notes' }}
+/>
+
+## Getting into details
+
+<Story name="solo story">
+  <Button onClick={action('clicked')}>solo</Button>
+</Story>
+
+<Source name="hello story" />
+
+## Configurable height
+
+<Story id="basics-button--all-buttons" height="400px" />
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.output.js
new file mode 100644
index 00000000000..128fdf95d7e
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.output.js
@@ -0,0 +1,29 @@
+import { action } from '@storybook/addon-actions';
+import { Button } from '@storybook/react/demo';
+
+export default {
+  title: 'Addons|Docs/mdx',
+
+  decorators: [
+    storyFn => (
+      <div
+        style={{
+          backgroundColor: 'yellow',
+        }}
+      >
+        {storyFn()}
+      </div>
+    ),
+  ],
+
+  parameters: {
+    component: Button,
+    notes: 'component notes',
+  },
+};
+
+export const soloStory = () => <Button onClick={action('clicked')}>solo</Button>;
+
+soloStory.story = {
+  name: 'solo story',
+};
diff --git a/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js b/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
index 561397afc56..73bac68c380 100644
--- a/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
+++ b/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
@@ -1,6 +1,13 @@
 import { defineTest } from 'jscodeshift/dist/testUtils';
 
-const testNames = ['basic', 'decorators', 'parameters', 'story-parameters', 'exclude-stories'];
+const testNames = [
+  'basic',
+  'decorators',
+  'parameters',
+  'story-parameters',
+  'exclude-stories',
+  'story-refs',
+];
 
 testNames.forEach(testName => {
   defineTest(__dirname, `convert-mdx-to-module`, null, `convert-mdx-to-module/${testName}`);
diff --git a/lib/codemod/src/transforms/convert-mdx-to-module.js b/lib/codemod/src/transforms/convert-mdx-to-module.js
index cf07c417f7d..87ffa75656d 100644
--- a/lib/codemod/src/transforms/convert-mdx-to-module.js
+++ b/lib/codemod/src/transforms/convert-mdx-to-module.js
@@ -55,32 +55,34 @@ export default function transformer(file, api) {
       .filter(elt => elt.node.openingElement.name.name === 'Story')
       .forEach(elt => {
         const attrs = parseJsxAttributes(elt.node.openingElement.attributes);
-        const storyKey = camelCase(attrs.name.value);
-        includeStories.push(storyKey);
-        if (storyKey === attrs.name.value) {
-          delete attrs.name;
-        }
-        storyStatements.push(
-          j.exportDeclaration(
-            false,
-            j.variableDeclaration('const', [
-              j.variableDeclarator(
-                j.identifier(storyKey),
-                j.arrowFunctionExpression([], elt.node.children[0])
-              ),
-            ])
-          )
-        );
-        if (Object.keys(attrs).length > 0) {
+        if (attrs.name) {
+          const storyKey = camelCase(attrs.name.value);
+          includeStories.push(storyKey);
+          if (storyKey === attrs.name.value) {
+            delete attrs.name;
+          }
           storyStatements.push(
-            j.assignmentStatement(
-              '=',
-              j.memberExpression(j.identifier(storyKey), j.identifier('story')),
-              genObjectExpression(attrs)
+            j.exportDeclaration(
+              false,
+              j.variableDeclaration('const', [
+                j.variableDeclarator(
+                  j.identifier(storyKey),
+                  j.arrowFunctionExpression([], elt.node.children.find(n => n.type !== 'JSXText'))
+                ),
+              ])
             )
           );
+          if (Object.keys(attrs).length > 0) {
+            storyStatements.push(
+              j.assignmentStatement(
+                '=',
+                j.memberExpression(j.identifier(storyKey), j.identifier('story')),
+                genObjectExpression(attrs)
+              )
+            );
+          }
+          storyStatements.push(j.emptyStatement());
         }
-        storyStatements.push(j.emptyStatement());
       });
 
     if (root.find(j.ExportNamedDeclaration).size() > 0) {
@@ -102,21 +104,22 @@ export default function transformer(file, api) {
   root.find(j.ExportDefaultDeclaration).forEach(convertToStories);
 
   // strip out Story/Meta import and MDX junk
+
   //   /* @jsx mdx */
-  //   const makeShortcode = ...
-  //   const layoutProps = {};
-  //   const MDXLayout = 'wrapper';
-  //   MDXContent.isMDXComponent = true;
   root
     .find(j.ImportDeclaration)
     .at(0)
     .replaceWith(exp => j.importDeclaration(exp.node.specifiers, exp.node.source));
 
+  //  import { Story, Meta } from '@storybook/addon-docs/blocks';
   root
     .find(j.ImportDeclaration)
     .filter(exp => exp.node.source.value === '@storybook/addon-docs/blocks')
     .remove();
 
+  //   const makeShortcode = ...
+  //   const layoutProps = {};
+  //   const MDXLayout = 'wrapper';
   const MDX_DECLS = ['makeShortcode', 'layoutProps', 'MDXLayout'];
   root
     .find(j.VariableDeclaration)
@@ -126,11 +129,25 @@ export default function transformer(file, api) {
     )
     .remove();
 
+  //   const Source = makeShortcode('Source');
+  root
+    .find(j.VariableDeclarator)
+    .filter(
+      expr =>
+        expr.node.init.type === 'CallExpression' &&
+        expr.node.init.callee.type === 'Identifier' &&
+        expr.node.init.callee.name === 'makeShortcode'
+    )
+    .remove();
+
+  //   MDXContent.isMDXComponent = true;
   root
     .find(j.AssignmentExpression)
     .filter(
       expr =>
-        expr.node.left.type === 'MemberExpression' && expr.node.left.object.name === 'MDXContent'
+        expr.node.left.type === 'MemberExpression' &&
+        expr.node.left.object.type === 'Identifier' &&
+        expr.node.left.object.name === 'MDXContent'
     )
     .remove();
 

From cfc658cf157ced2dc8b761f11787c034e673936d Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 11:36:55 +0800
Subject: [PATCH 24/66] Fix plaintext story corner case

---
 .../convert-mdx-to-module/plaintext.input.js                | 3 +++
 .../convert-mdx-to-module/plaintext.output.js               | 2 ++
 .../src/transforms/__tests__/convert-mdx-to-module.test.js  | 1 +
 lib/codemod/src/transforms/convert-mdx-to-module.js         | 6 +++++-
 4 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.output.js

diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.input.js
new file mode 100644
index 00000000000..0808a95fa53
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.input.js
@@ -0,0 +1,3 @@
+import { Story, Meta } from '@storybook/addon-docs/blocks';
+
+<Story name="plaintext">Plain text</Story>;
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.output.js
new file mode 100644
index 00000000000..e7280c0bbd1
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.output.js
@@ -0,0 +1,2 @@
+export default {};
+export const plaintext = () => 'Plain text';
diff --git a/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js b/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
index 73bac68c380..0db824e5514 100644
--- a/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
+++ b/lib/codemod/src/transforms/__tests__/convert-mdx-to-module.test.js
@@ -7,6 +7,7 @@ const testNames = [
   'story-parameters',
   'exclude-stories',
   'story-refs',
+  'plaintext',
 ];
 
 testNames.forEach(testName => {
diff --git a/lib/codemod/src/transforms/convert-mdx-to-module.js b/lib/codemod/src/transforms/convert-mdx-to-module.js
index 87ffa75656d..5c79a04a440 100644
--- a/lib/codemod/src/transforms/convert-mdx-to-module.js
+++ b/lib/codemod/src/transforms/convert-mdx-to-module.js
@@ -67,7 +67,11 @@ export default function transformer(file, api) {
               j.variableDeclaration('const', [
                 j.variableDeclarator(
                   j.identifier(storyKey),
-                  j.arrowFunctionExpression([], elt.node.children.find(n => n.type !== 'JSXText'))
+                  j.arrowFunctionExpression(
+                    [],
+                    elt.node.children.find(n => n.type !== 'JSXText') ||
+                      j.literal(elt.node.children[0].value)
+                  )
                 ),
               ])
             )

From 07eeedb94caef9c5d085a68c3f362277d3f62d01 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 14:15:57 +0800
Subject: [PATCH 25/66] Remove eslint disable

---
 .../__testfixtures__/convert-module-to-mdx/basic.input.js        | 1 -
 .../__testfixtures__/convert-module-to-mdx/decorators.input.js   | 1 -
 .../convert-module-to-mdx/exclude-stories.input.js               | 1 -
 .../__testfixtures__/convert-module-to-mdx/parameters.input.js   | 1 -
 .../convert-module-to-mdx/story-parameters.input.js              | 1 -
 5 files changed, 5 deletions(-)

diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.input.js
index 0fb5d849fd6..d35dd99ac60 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.input.js
@@ -1,4 +1,3 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
 import { action } from '@storybook/addon-actions';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.input.js
index 64368d1aaca..9910ac2024b 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.input.js
@@ -1,4 +1,3 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
 
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.input.js
index 3ed70f938a9..32f84f07054 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.input.js
@@ -1,4 +1,3 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
 import { action } from '@storybook/addon-actions';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.input.js
index d2e764fd6f5..5da4d1d544c 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.input.js
@@ -1,4 +1,3 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
 
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.input.js
index b849f3bc263..4aceae77d1f 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.input.js
@@ -1,4 +1,3 @@
-/* eslint-disable */
 import React from 'react';
 import Button from './Button';
 

From e13709f698e7924f33e91a4e26aa1d97684dd71f Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 20:41:05 +0800
Subject: [PATCH 26/66] 5.2.0-beta.0 changelog

---
 CHANGELOG.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 89773013682..f426803a086 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,9 @@
+## 5.2.0-beta.0 (July 15, 2019)
+
+### Features
+
+* Codemod: Convert module format to MDX ([#7418](https://github.com/storybookjs/storybook/pull/7418))
+
 ## 5.2.0-alpha.44 (July 15, 2019)
 
 ### Features

From fbf724f2a1efac7a33e66713fbec1c9a6af0a7e6 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 20:49:44 +0800
Subject: [PATCH 27/66] v5.2.0-beta.0

---
 addons/a11y/package.json                      | 14 ++---
 addons/actions/package.json                   | 14 ++---
 addons/backgrounds/package.json               | 14 ++---
 addons/centered/package.json                  |  4 +-
 addons/contexts/package.json                  | 10 ++--
 addons/cssresources/package.json              | 10 ++--
 addons/design-assets/package.json             | 14 ++---
 addons/docs/package.json                      | 12 ++--
 addons/events/package.json                    | 12 ++--
 addons/google-analytics/package.json          |  6 +-
 addons/graphql/package.json                   |  6 +-
 addons/info/package.json                      | 10 ++--
 addons/jest/package.json                      | 12 ++--
 addons/knobs/package.json                     | 12 ++--
 addons/links/package.json                     |  8 +--
 addons/notes/package.json                     | 16 ++---
 addons/ondevice-actions/package.json          |  8 +--
 addons/ondevice-backgrounds/package.json      |  4 +-
 addons/ondevice-knobs/package.json            |  6 +-
 addons/ondevice-notes/package.json            |  6 +-
 addons/options/package.json                   |  4 +-
 addons/queryparams/package.json               | 14 ++---
 .../storyshots/storyshots-core/package.json   |  4 +-
 .../storyshots-puppeteer/package.json         |  6 +-
 addons/storysource/package.json               | 10 ++--
 addons/viewport/package.json                  | 14 ++---
 app/angular/package.json                      |  8 +--
 app/ember/package.json                        |  4 +-
 app/html/package.json                         |  6 +-
 app/marko/package.json                        |  4 +-
 app/mithril/package.json                      |  4 +-
 app/polymer/package.json                      |  4 +-
 app/preact/package.json                       |  4 +-
 app/rax/package.json                          |  4 +-
 app/react-native-server/package.json          | 14 ++---
 app/react-native/package.json                 | 12 ++--
 app/react/package.json                        |  8 +--
 app/riot/package.json                         |  4 +-
 app/svelte/package.json                       |  4 +-
 app/vue/package.json                          |  4 +-
 dev-kits/addon-decorator/package.json         |  6 +-
 dev-kits/addon-parameter/package.json         | 14 ++---
 dev-kits/addon-roundtrip/package.json         | 16 ++---
 .../crna-kitchen-sink/package.json            | 18 +++---
 examples/angular-cli/package.json             | 32 +++++-----
 examples/cra-kitchen-sink/package.json        | 34 +++++------
 examples/cra-react15/package.json             | 10 ++--
 examples/cra-ts-kitchen-sink/package.json     | 14 ++---
 examples/dev-kits/package.json                | 20 +++----
 examples/ember-cli/package.json               | 28 ++++-----
 examples/html-kitchen-sink/package.json       | 40 ++++++-------
 examples/marko-cli/package.json               | 18 +++---
 examples/mithril-kitchen-sink/package.json    | 30 +++++-----
 examples/official-storybook/package.json      | 58 +++++++++----------
 examples/polymer-cli/package.json             | 24 ++++----
 examples/preact-kitchen-sink/package.json     | 32 +++++-----
 examples/rax-kitchen-sink/package.json        | 36 ++++++------
 examples/riot-kitchen-sink/package.json       | 30 +++++-----
 examples/standalone-preview/package.json      |  2 +-
 examples/svelte-kitchen-sink/package.json     | 30 +++++-----
 examples/vue-kitchen-sink/package.json        | 34 +++++------
 lerna.json                                    |  2 +-
 lib/addons/package.json                       |  8 +--
 lib/api/package.json                          | 12 ++--
 lib/channel-postmessage/package.json          |  6 +-
 lib/channel-websocket/package.json            |  4 +-
 lib/channels/package.json                     |  2 +-
 lib/cli/package.json                          | 58 +++++++++----------
 lib/client-api/package.json                   | 14 ++---
 lib/client-logger/package.json                |  2 +-
 lib/codemod/package.json                      |  4 +-
 lib/components/package.json                   |  6 +-
 lib/core-events/package.json                  |  2 +-
 lib/core/package.json                         | 20 +++----
 lib/node-logger/package.json                  |  2 +-
 lib/router/package.json                       |  2 +-
 lib/source-loader/package.json                |  6 +-
 lib/theming/package.json                      |  4 +-
 lib/ui/package.json                           | 18 +++---
 79 files changed, 516 insertions(+), 516 deletions(-)

diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index 9b120ba2c7a..4cb2db170d4 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -26,12 +26,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "axe-core": "^3.2.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/addons/actions/package.json b/addons/actions/package.json
index e09f55b9096..7886e29d798 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-api": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-api": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index 0ad4e47b9d2..572269f4035 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -25,12 +25,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "memoizerific": "^1.11.3",
     "react": "^16.8.3",
diff --git a/addons/centered/package.json b/addons/centered/package.json
index e21f5ffdbb7..c4a186b9625 100644
--- a/addons/centered/package.json
+++ b/addons/centered/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-centered",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook decorator to center components",
   "keywords": [
     "addon",
@@ -23,7 +23,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/addons/contexts/package.json b/addons/contexts/package.json
index d4bdc6dbd00..866c70f9724 100644
--- a/addons/contexts/package.json
+++ b/addons/contexts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-contexts",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook Addon Contexts",
   "keywords": [
     "storybook",
@@ -28,10 +28,10 @@
     "dev:check-types": "tsc --noEmit"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
     "core-js": "^3.0.1"
   },
   "peerDependencies": {
diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json
index 96718793a28..f3ebdde9698 100644
--- a/addons/cssresources/package.json
+++ b/addons/cssresources/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-cssresources",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "A storybook addon to switch between css resources at runtime for your story",
   "keywords": [
     "addon",
@@ -25,10 +25,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3"
diff --git a/addons/design-assets/package.json b/addons/design-assets/package.json
index ddca076c190..794671b14d3 100644
--- a/addons/design-assets/package.json
+++ b/addons/design-assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-design-assets",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Design asset preview for storybook",
   "keywords": [
     "addon",
@@ -27,12 +27,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/docs/package.json b/addons/docs/package.json
index 5e7b2554f8e..9d8a72a1c1e 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Superior documentation for your components",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "@mdx-js/loader": "^1.0.0",
     "@mdx-js/mdx": "^1.0.0",
     "@mdx-js/react": "^1.0.16",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.11",
diff --git a/addons/events/package.json b/addons/events/package.json
index c0b02598ebf..08ff74eb8dd 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-events",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Add events to your Storybook stories.",
   "keywords": [
     "addon",
@@ -24,11 +24,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-api": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-api": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "format-json": "^1.0.3",
     "lodash": "^4.17.11",
diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json
index 809dbfd124d..dd67d9ff7c0 100644
--- a/addons/google-analytics/package.json
+++ b/addons/google-analytics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-google-analytics",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook addon for google analytics",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react-ga": "^2.5.7"
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index 94c12feb8e4..a07d905384d 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-graphql",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook addon to display the GraphiQL IDE",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "graphiql": "^0.13.0",
diff --git a/addons/info/package.json b/addons/info/package.json
index 3d08bb124e5..cd44a2211a6 100644
--- a/addons/info/package.json
+++ b/addons/info/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-info",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "A Storybook addon to show additional information for your stories.",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "jsx-to-string": "^1.4.0",
diff --git a/addons/jest/package.json b/addons/jest/package.json
index 6d2008cd582..eb71b3eb3ac 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 0884acc1e2f..6f934a746ff 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-knobs",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook Addon Prop Editor Component",
   "keywords": [
     "addon",
@@ -22,11 +22,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/client-api": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/client-api": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "escape-html": "^1.0.3",
diff --git a/addons/links/package.json b/addons/links/package.json
index 47d9847865f..64da8aba35a 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Story Links addon for storybook",
   "keywords": [
     "addon",
@@ -22,9 +22,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/notes/package.json b/addons/notes/package.json
index b5acc2440a0..e77e5e0b66a 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-notes",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Write notes for your Storybook stories.",
   "keywords": [
     "addon",
@@ -23,13 +23,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "markdown-to-jsx": "^6.9.3",
diff --git a/addons/ondevice-actions/package.json b/addons/ondevice-actions/package.json
index 3fd843e3965..e78cd80a8cf 100644
--- a/addons/ondevice-actions/package.json
+++ b/addons/ondevice-actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-actions",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Action Logger addon for react-native storybook",
   "keywords": [
     "storybook"
@@ -19,13 +19,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
     "core-js": "^2.5.7",
     "fast-deep-equal": "^2.0.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.44"
+    "@storybook/addon-actions": "5.2.0-beta.0"
   },
   "peerDependencies": {
     "@storybook/addon-actions": "*",
diff --git a/addons/ondevice-backgrounds/package.json b/addons/ondevice-backgrounds/package.json
index ddd6c2b0d4a..9ebf1aec2ab 100644
--- a/addons/ondevice-backgrounds/package.json
+++ b/addons/ondevice-backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-backgrounds",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "A react-native storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -24,7 +24,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2"
   },
diff --git a/addons/ondevice-knobs/package.json b/addons/ondevice-knobs/package.json
index 0ff1af3d6af..a6e266e2fbf 100644
--- a/addons/ondevice-knobs/package.json
+++ b/addons/ondevice-knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-knobs",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Display storybook story knobs on your deviced.",
   "keywords": [
     "addon",
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",
diff --git a/addons/ondevice-notes/package.json b/addons/ondevice-notes/package.json
index ecc6d459f67..de8fe2f9dc9 100644
--- a/addons/ondevice-notes/package.json
+++ b/addons/ondevice-notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-notes",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Write notes for your react-native Storybook stories.",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2",
     "react-native-simple-markdown": "^1.1.0"
diff --git a/addons/options/package.json b/addons/options/package.json
index d81fde50ccd..afcd44c44cd 100644
--- a/addons/options/package.json
+++ b/addons/options/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-options",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Options addon for storybook",
   "keywords": [
     "addon",
@@ -22,7 +22,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "util-deprecate": "^1.0.2"
   },
diff --git a/addons/queryparams/package.json b/addons/queryparams/package.json
index 09876790b1c..b130853d755 100644
--- a/addons/queryparams/package.json
+++ b/addons/queryparams/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-queryparams",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "parameter addon for storybook",
   "keywords": [
     "addon",
@@ -23,12 +23,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index 9491a60dbac..7b5dad91979 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
   "keywords": [
     "addon",
@@ -25,7 +25,7 @@
     "storybook": "start-storybook -p 6006"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "glob": "^7.1.3",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index 314499618e8..1c1fdfcefd7 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": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Image snappshots addition to StoryShots base on puppeteer",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "jest-image-snapshot": "^2.8.2",
     "regenerator-runtime": "^0.12.1"
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index b2f53c40b8f..b52ec90b7e1 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Stories addon for storybook",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "loader-utils": "^1.2.3",
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index b0b8564c8bd..12efeea45fb 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook addon to change the viewport size to mobile",
   "keywords": [
     "addon",
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
diff --git a/app/angular/package.json b/app/angular/package.json
index 75c0ca25144..fb0192ed3d4 100644
--- a/app/angular/package.json
+++ b/app/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,9 +26,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/core": "5.2.0-alpha.44",
-    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/node-logger": "5.2.0-beta.0",
     "angular2-template-loader": "^0.6.2",
     "core-js": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^1.3.4",
diff --git a/app/ember/package.json b/app/ember/package.json
index bd0ed78b283..98d4726dc30 100644
--- a/app/ember/package.json
+++ b/app/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
   "bugs": {
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@ember/test-helpers": "^1.5.0",
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/html/package.json b/app/html/package.json
index 12fa105dc5b..e5f37d66565 100644
--- a/app/html/package.json
+++ b/app/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,8 +26,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/marko/package.json b/app/marko/package.json
index be64c1e77df..47ca38c4732 100644
--- a/app/marko/package.json
+++ b/app/marko/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/marko",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/mithril/package.json b/app/mithril/package.json
index c4e49ea7d4f..d759550449d 100644
--- a/app/mithril/package.json
+++ b/app/mithril/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/mithril",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Mithril: Develop Mithril Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/polymer/package.json b/app/polymer/package.json
index 1d06c14109c..accdc093f34 100644
--- a/app/polymer/package.json
+++ b/app/polymer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/polymer",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/app/preact/package.json b/app/preact/package.json
index bc445eaebbe..92bcb0333ac 100644
--- a/app/preact/package.json
+++ b/app/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/rax/package.json b/app/rax/package.json
index 146cffdc9e5..41543d89bdf 100644
--- a/app/rax/package.json
+++ b/app/rax/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/rax",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Rax: Develop Rax Component in isolation.",
   "keywords": [
     "storybook",
@@ -27,7 +27,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "babel-preset-rax": "^1.0.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^2.6.2",
diff --git a/app/react-native-server/package.json b/app/react-native-server/package.json
index a90c498e4ff..a8102eaeb93 100644
--- a/app/react-native-server/package.json
+++ b/app/react-native-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-server",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/channel-websocket": "5.2.0-alpha.44",
-    "@storybook/core": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/ui": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/channel-websocket": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/ui": "5.2.0-beta.0",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/react-native/package.json b/app/react-native/package.json
index b416aa27943..a30b92882e6 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,11 +24,11 @@
   "dependencies": {
     "@emotion/core": "^10.0.14",
     "@emotion/native": "^10.0.14",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/channel-websocket": "5.2.0-alpha.44",
-    "@storybook/channels": "5.2.0-alpha.44",
-    "@storybook/client-api": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/channel-websocket": "5.2.0-beta.0",
+    "@storybook/channels": "5.2.0-beta.0",
+    "@storybook/client-api": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "emotion-theming": "^10.0.14",
     "react-native-swipe-gestures": "^1.0.3",
diff --git a/app/react/package.json b/app/react/package.json
index 6a9a0188c62..9b8e6d4c109 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -29,9 +29,9 @@
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/core": "5.2.0-alpha.44",
-    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/node-logger": "5.2.0-beta.0",
     "@svgr/webpack": "^4.0.3",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-named-asset-import": "^0.3.1",
diff --git a/app/riot/package.json b/app/riot/package.json
index ab4d8d33037..93fc82e8a8e 100644
--- a/app/riot/package.json
+++ b/app/riot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/riot",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/svelte/package.json b/app/svelte/package.json
index edd84592eba..4eef5a06f48 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/vue/package.json b/app/vue/package.json
index b388d56e887..16447c556c5 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-alpha.44",
+    "@storybook/core": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-decorator/package.json b/dev-kits/addon-decorator/package.json
index b13e0e30d6f..7445f47392b 100644
--- a/dev-kits/addon-decorator/package.json
+++ b/dev-kits/addon-decorator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-decorator",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "decorator addon for storybook",
   "keywords": [
     "devkit",
@@ -24,8 +24,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/client-api": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/client-api": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^3.0.1"
   },
diff --git a/dev-kits/addon-parameter/package.json b/dev-kits/addon-parameter/package.json
index 121ea7e80e7..bf04206e8d7 100644
--- a/dev-kits/addon-parameter/package.json
+++ b/dev-kits/addon-parameter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-parameter",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "parameter addon for storybook",
   "keywords": [
     "devkit",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-roundtrip/package.json b/dev-kits/addon-roundtrip/package.json
index 48fdf0fca3c..4245a9ae96a 100644
--- a/dev-kits/addon-roundtrip/package.json
+++ b/dev-kits/addon-roundtrip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-roundtrip",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "roundtrip addon for storybook",
   "keywords": [
     "devkit",
@@ -24,13 +24,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/client-api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/client-api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/examples-native/crna-kitchen-sink/package.json b/examples-native/crna-kitchen-sink/package.json
index 75ff7ec8c85..0aa8c8980bc 100644
--- a/examples-native/crna-kitchen-sink/package.json
+++ b/examples-native/crna-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crna-kitchen-sink",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
@@ -24,14 +24,14 @@
   "devDependencies": {
     "@babel/core": "^7.2.2",
     "@babel/plugin-transform-react-jsx-source": "^7.2.0",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-ondevice-actions": "5.2.0-alpha.44",
-    "@storybook/addon-ondevice-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-ondevice-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-ondevice-notes": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/react-native": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-ondevice-actions": "5.2.0-beta.0",
+    "@storybook/addon-ondevice-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-ondevice-knobs": "5.2.0-beta.0",
+    "@storybook/addon-ondevice-notes": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/react-native": "5.2.0-beta.0",
     "babel-loader": "^8.0.4",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-expo": "^5.1.1",
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index bb89edfdbbc..f2eaeb0574a 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -34,21 +34,21 @@
     "@angular-devkit/build-angular": "^0.13.4",
     "@angular/cli": "^7.3.6",
     "@angular/compiler-cli": "^7.2.6",
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-docs": "5.2.0-alpha.44",
-    "@storybook/addon-jest": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/angular": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-docs": "5.2.0-beta.0",
+    "@storybook/addon-jest": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/angular": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "@types/core-js": "^2.5.0",
     "@types/jest": "^24.0.11",
     "@types/node": "~12.0.2",
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index 663b6165ca8..0f577fd7f8e 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -19,22 +19,22 @@
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-events": "5.2.0-alpha.44",
-    "@storybook/addon-info": "5.2.0-alpha.44",
-    "@storybook/addon-jest": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/react": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-events": "5.2.0-beta.0",
+    "@storybook/addon-info": "5.2.0-beta.0",
+    "@storybook/addon-jest": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/react": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "react-scripts": "^3.0.1"
   }
 }
diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json
index fcbb7b598f3..f12410fc057 100644
--- a/examples/cra-react15/package.json
+++ b/examples/cra-react15/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-react15",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "dependencies": {
     "babel-loader": "8.0.6",
@@ -19,10 +19,10 @@
     "build-storybook": "build-storybook -s public"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/react": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/react": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "babel-core": "6",
     "babel-runtime": "6"
   }
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index ee79be205ef..0adeb3569f2 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": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -14,12 +14,12 @@
     "react-dom": "^16.8.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-info": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/react": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-info": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/react": "5.2.0-beta.0",
     "@types/enzyme": "^3.9.0",
     "@types/react": "^16.8.3",
     "@types/react-dom": "^16.8.2",
diff --git a/examples/dev-kits/package.json b/examples/dev-kits/package.json
index f9607500f76..b205c0c8a28 100644
--- a/examples/dev-kits/package.json
+++ b/examples/dev-kits/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-devkits",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -8,15 +8,15 @@
     "storybook": "start-storybook -p 9011 -c ./"
   },
   "devDependencies": {
-    "@storybook/addon-decorator": "5.2.0-alpha.44",
-    "@storybook/addon-parameter": "5.2.0-alpha.44",
-    "@storybook/addon-roundtrip": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/node-logger": "5.2.0-alpha.44",
-    "@storybook/react": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addon-decorator": "5.2.0-beta.0",
+    "@storybook/addon-parameter": "5.2.0-beta.0",
+    "@storybook/addon-roundtrip": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/node-logger": "5.2.0-beta.0",
+    "@storybook/react": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index f935a847465..cb7fcd15edd 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build": "ember build",
@@ -15,19 +15,19 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/ember": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/ember": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "babel-loader": "^8",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^5.2.0",
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index c6c1d85e0c2..2a4c1cee337 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,25 +14,25 @@
     "storybook": "start-storybook -p 9006 --no-dll"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-events": "5.2.0-alpha.44",
-    "@storybook/addon-jest": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/client-api": "5.2.0-alpha.44",
-    "@storybook/core": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/html": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-events": "5.2.0-beta.0",
+    "@storybook/addon-jest": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/client-api": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/html": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2"
diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json
index b05719fced1..ff296007dee 100644
--- a/examples/marko-cli/package.json
+++ b/examples/marko-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "marko-cli",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "description": "Demo of how to build an app using marko-starter",
   "repository": {
@@ -24,14 +24,14 @@
     "marko-starter": "^2.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/marko": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/marko": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "prettier": "^1.16.4",
     "webpack": "^4.33.0"
   }
diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json
index 04294741af4..f1790f7dfef 100644
--- a/examples/mithril-kitchen-sink/package.json
+++ b/examples/mithril-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mithril-example",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -11,20 +11,20 @@
     "mithril": "^1.1.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/mithril": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/mithril": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "webpack": "^4.33.0"
   }
 }
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index a18f3042a66..1ce2abc9874 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -15,34 +15,34 @@
   },
   "devDependencies": {
     "@packtracker/webpack-plugin": "^2.0.1",
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-contexts": "5.2.0-alpha.44",
-    "@storybook/addon-cssresources": "5.2.0-alpha.44",
-    "@storybook/addon-design-assets": "5.2.0-alpha.44",
-    "@storybook/addon-docs": "5.2.0-alpha.44",
-    "@storybook/addon-events": "5.2.0-alpha.44",
-    "@storybook/addon-graphql": "5.2.0-alpha.44",
-    "@storybook/addon-info": "5.2.0-alpha.44",
-    "@storybook/addon-jest": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-queryparams": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots-puppeteer": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/node-logger": "5.2.0-alpha.44",
-    "@storybook/react": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-contexts": "5.2.0-beta.0",
+    "@storybook/addon-cssresources": "5.2.0-beta.0",
+    "@storybook/addon-design-assets": "5.2.0-beta.0",
+    "@storybook/addon-docs": "5.2.0-beta.0",
+    "@storybook/addon-events": "5.2.0-beta.0",
+    "@storybook/addon-graphql": "5.2.0-beta.0",
+    "@storybook/addon-info": "5.2.0-beta.0",
+    "@storybook/addon-jest": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-queryparams": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storyshots-puppeteer": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/node-logger": "5.2.0-beta.0",
+    "@storybook/react": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json
index 4de36b90d6e..202b686682e 100644
--- a/examples/polymer-cli/package.json
+++ b/examples/polymer-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "polymer-cli",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -10,17 +10,17 @@
   },
   "dependencies": {
     "@polymer/polymer": "^2.6.0",
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/polymer": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/polymer": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "global": "^4.3.2",
     "lit-html": "^1.0.0",
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index f184a6881cb..ba1a70aa0b7 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,21 +16,21 @@
   "devDependencies": {
     "@babel/core": "^7.3.4",
     "@babel/plugin-transform-runtime": "^7.2.0",
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-contexts": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/preact": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-contexts": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/preact": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/rax-kitchen-sink/package.json b/examples/rax-kitchen-sink/package.json
index 0908ce9440f..4ceb898df37 100644
--- a/examples/rax-kitchen-sink/package.json
+++ b/examples/rax-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rax-kitchen-sink",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "test:generate-output": "jest --json --outputFile=jest-test-results.json --config=./jest-addon.config.js",
@@ -24,23 +24,23 @@
     "rax-view": "^0.6.5"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-events": "5.2.0-alpha.44",
-    "@storybook/addon-info": "5.2.0-alpha.44",
-    "@storybook/addon-jest": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/rax": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-events": "5.2.0-beta.0",
+    "@storybook/addon-info": "5.2.0-beta.0",
+    "@storybook/addon-jest": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/rax": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "babel-eslint": "^8.2.2",
     "babel-preset-rax": "^1.0.0-beta.0",
     "rax-scripts": "^1.0.0-beta.10",
diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json
index 6d951f7daee..89a72c0cef8 100644
--- a/examples/riot-kitchen-sink/package.json
+++ b/examples/riot-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "riot-example",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,20 +16,20 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/riot": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/riot": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index b67a1dc293c..b7bcfe9723c 100644
--- a/examples/standalone-preview/package.json
+++ b/examples/standalone-preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "standalone-preview",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "storybook": "parcel ./storybook.html --port 1337"
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index 4e1549c2cd5..63bc793dd3f 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -11,19 +11,19 @@
     "global": "^4.3.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
-    "@storybook/svelte": "5.2.0-alpha.44"
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/svelte": "5.2.0-beta.0"
   }
 }
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index dc0401a61a1..8a1c4b8760d 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,22 +15,22 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-alpha.44",
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-backgrounds": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-contexts": "5.2.0-alpha.44",
-    "@storybook/addon-docs": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addon-storysource": "5.2.0-alpha.44",
-    "@storybook/addon-viewport": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/source-loader": "5.2.0-alpha.44",
-    "@storybook/vue": "5.2.0-alpha.44",
+    "@storybook/addon-a11y": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-backgrounds": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-contexts": "5.2.0-beta.0",
+    "@storybook/addon-docs": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addon-storysource": "5.2.0-beta.0",
+    "@storybook/addon-viewport": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/vue": "5.2.0-beta.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.5",
     "cross-env": "^5.2.0",
diff --git a/lerna.json b/lerna.json
index 97ea2ed6dc7..1e9756abe31 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "5.2.0-alpha.44"
+  "version": "5.2.0-beta.0"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index 0098176da9f..1ed4297a460 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -21,9 +21,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/channels": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/channels": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/lib/api/package.json b/lib/api/package.json
index 12dcf91d16d..e5157588dc9 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -20,11 +20,11 @@
     "prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index dd4e375d22b..f9f7758f9e0 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "telejson": "^2.2.1"
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index 146bc73c095..7c28ab9e381 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-alpha.44",
+    "@storybook/channels": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "json-fn": "^1.1.1"
diff --git a/lib/channels/package.json b/lib/channels/package.json
index db3897c5f5d..45d369ef61e 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 0a77fb173ed..38de7fbb2c9 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -30,7 +30,7 @@
     "@babel/core": "^7.4.5",
     "@babel/preset-env": "^7.4.5",
     "@babel/register": "^7.0.0",
-    "@storybook/codemod": "5.2.0-alpha.44",
+    "@storybook/codemod": "5.2.0-beta.0",
     "chalk": "^2.4.1",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
@@ -46,33 +46,33 @@
     "update-notifier": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-alpha.44",
-    "@storybook/addon-centered": "5.2.0-alpha.44",
-    "@storybook/addon-graphql": "5.2.0-alpha.44",
-    "@storybook/addon-info": "5.2.0-alpha.44",
-    "@storybook/addon-knobs": "5.2.0-alpha.44",
-    "@storybook/addon-links": "5.2.0-alpha.44",
-    "@storybook/addon-notes": "5.2.0-alpha.44",
-    "@storybook/addon-options": "5.2.0-alpha.44",
-    "@storybook/addon-storyshots": "5.2.0-alpha.44",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/angular": "5.2.0-alpha.44",
-    "@storybook/channel-postmessage": "5.2.0-alpha.44",
-    "@storybook/channel-websocket": "5.2.0-alpha.44",
-    "@storybook/channels": "5.2.0-alpha.44",
-    "@storybook/ember": "5.2.0-alpha.44",
-    "@storybook/html": "5.2.0-alpha.44",
-    "@storybook/marko": "5.2.0-alpha.44",
-    "@storybook/mithril": "5.2.0-alpha.44",
-    "@storybook/polymer": "5.2.0-alpha.44",
-    "@storybook/preact": "5.2.0-alpha.44",
-    "@storybook/rax": "5.2.0-alpha.44",
-    "@storybook/react": "5.2.0-alpha.44",
-    "@storybook/react-native": "5.2.0-alpha.44",
-    "@storybook/riot": "5.2.0-alpha.44",
-    "@storybook/svelte": "5.2.0-alpha.44",
-    "@storybook/ui": "5.2.0-alpha.44",
-    "@storybook/vue": "5.2.0-alpha.44"
+    "@storybook/addon-actions": "5.2.0-beta.0",
+    "@storybook/addon-centered": "5.2.0-beta.0",
+    "@storybook/addon-graphql": "5.2.0-beta.0",
+    "@storybook/addon-info": "5.2.0-beta.0",
+    "@storybook/addon-knobs": "5.2.0-beta.0",
+    "@storybook/addon-links": "5.2.0-beta.0",
+    "@storybook/addon-notes": "5.2.0-beta.0",
+    "@storybook/addon-options": "5.2.0-beta.0",
+    "@storybook/addon-storyshots": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/angular": "5.2.0-beta.0",
+    "@storybook/channel-postmessage": "5.2.0-beta.0",
+    "@storybook/channel-websocket": "5.2.0-beta.0",
+    "@storybook/channels": "5.2.0-beta.0",
+    "@storybook/ember": "5.2.0-beta.0",
+    "@storybook/html": "5.2.0-beta.0",
+    "@storybook/marko": "5.2.0-beta.0",
+    "@storybook/mithril": "5.2.0-beta.0",
+    "@storybook/polymer": "5.2.0-beta.0",
+    "@storybook/preact": "5.2.0-beta.0",
+    "@storybook/rax": "5.2.0-beta.0",
+    "@storybook/react": "5.2.0-beta.0",
+    "@storybook/react-native": "5.2.0-beta.0",
+    "@storybook/riot": "5.2.0-beta.0",
+    "@storybook/svelte": "5.2.0-beta.0",
+    "@storybook/ui": "5.2.0-beta.0",
+    "@storybook/vue": "5.2.0-beta.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index 6b0bef9d153..d7610209120 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/channel-postmessage": "5.2.0-alpha.44",
-    "@storybook/channels": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/channel-postmessage": "5.2.0-beta.0",
+    "@storybook/channels": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "eventemitter3": "^3.1.0",
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index bfdf829c21c..a0a9888f8cc 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 1ac8589f9b6..2044cf97416 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.2.0-alpha.44",
+    "@storybook/node-logger": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "cross-spawn": "^6.0.5",
     "globby": "^10.0.1",
diff --git a/lib/components/package.json b/lib/components/package.json
index 6f180f9c30c..e9a4e0a0f1a 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "@types/react-syntax-highlighter": "10.1.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index d0cca86adc0..e9cf9e1b514 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/lib/core/package.json b/lib/core/package.json
index 214ecad0b86..d7ab88ae5b5 100644
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -25,15 +25,15 @@
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-env": "^7.4.5",
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/channel-postmessage": "5.2.0-alpha.44",
-    "@storybook/client-api": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/node-logger": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
-    "@storybook/ui": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/channel-postmessage": "5.2.0-beta.0",
+    "@storybook/client-api": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/node-logger": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/ui": "5.2.0-beta.0",
     "airbnb-js-shims": "^1 || ^2",
     "ansi-to-html": "^0.6.11",
     "autoprefixer": "^9.4.9",
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index 4a112b0e4b3..f622e9cfa7f 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/router/package.json b/lib/router/package.json
index 09c18b49479..5cfcecfc863 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index 9c26d5e3d9c..277cc693830 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "global": "^4.3.2",
diff --git a/lib/theming/package.json b/lib/theming/package.json
index 71391d36abb..d714a9bd2dc 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -23,7 +23,7 @@
   "dependencies": {
     "@emotion/core": "^10.0.14",
     "@emotion/styled": "^10.0.14",
-    "@storybook/client-logger": "5.2.0-alpha.44",
+    "@storybook/client-logger": "5.2.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "deep-object-diff": "^1.1.0",
diff --git a/lib/ui/package.json b/lib/ui/package.json
index 7501540071a..fd8e2b1a07b 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "5.2.0-alpha.44",
+  "version": "5.2.0-beta.0",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -22,14 +22,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-alpha.44",
-    "@storybook/api": "5.2.0-alpha.44",
-    "@storybook/channels": "5.2.0-alpha.44",
-    "@storybook/client-logger": "5.2.0-alpha.44",
-    "@storybook/components": "5.2.0-alpha.44",
-    "@storybook/core-events": "5.2.0-alpha.44",
-    "@storybook/router": "5.2.0-alpha.44",
-    "@storybook/theming": "5.2.0-alpha.44",
+    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/channels": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/components": "5.2.0-beta.0",
+    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/theming": "5.2.0-beta.0",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "core-js-pure": "^3.0.1",

From 7102a68cd0ee040808595c44f24fa28742e1c038 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 21:04:09 +0800
Subject: [PATCH 28/66] 5.2.0-beta.0 next.json version file

---
 docs/src/versions/next.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json
index f5461f7ccb6..a0d98c29af8 100644
--- a/docs/src/versions/next.json
+++ b/docs/src/versions/next.json
@@ -1 +1 @@
-{"version":"5.2.0-alpha.44","info":{"plain":"### Features\n\n* CLI: Add migrate command ([#7414](https://github.com/storybookjs/storybook/pull/7414))\n\n### Bug Fixes\n\n* UI: Fix Panel rendered wrong at Docs-page ([#7327](https://github.com/storybookjs/storybook/pull/7327))\n\n### Maintenance\n\n* Typescript: Fix types of client-api & storystore ([#7337](https://github.com/storybookjs/storybook/pull/7337))"}}
\ No newline at end of file
+{"version":"5.2.0-beta.0","info":{"plain":"### Features\n\n* Codemod: Convert module format to MDX ([#7418](https://github.com/storybookjs/storybook/pull/7418))"}}
\ No newline at end of file

From 8e955913df22f073bbcb31d0d082859329da3770 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Mon, 15 Jul 2019 21:07:43 +0800
Subject: [PATCH 29/66] Update version.ts

---
 lib/api/src/version.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index c0509cbccee..b96f37a0f72 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '5.2.0-alpha.44';
+export const version = '5.2.0-beta.0';

From c2588f97b04639f3b0c434f71c81651617509dfe Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Tue, 16 Jul 2019 01:47:25 +0800
Subject: [PATCH 30/66] Migration bugfixes

---
 lib/codemod/src/transforms/convert-mdx-to-module.js | 8 ++++++++
 lib/codemod/src/transforms/convert-module-to-mdx.js | 7 ++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/lib/codemod/src/transforms/convert-mdx-to-module.js b/lib/codemod/src/transforms/convert-mdx-to-module.js
index 5c79a04a440..3b6afc01ba5 100644
--- a/lib/codemod/src/transforms/convert-mdx-to-module.js
+++ b/lib/codemod/src/transforms/convert-mdx-to-module.js
@@ -155,6 +155,14 @@ export default function transformer(file, api) {
     )
     .remove();
 
+  // Add back `import React from 'react';` which is implicit in MDX
+  root
+    .find(j.ImportDeclaration)
+    .at(0)
+    .insertBefore(
+      j.importDeclaration([j.importDefaultSpecifier(j.identifier('React'))], j.literal('react'))
+    );
+
   const source = root.toSource({ trailingComma: true, quote: 'single', tabWidth: 2 });
   return prettier.format(source, {
     parser: 'babel',
diff --git a/lib/codemod/src/transforms/convert-module-to-mdx.js b/lib/codemod/src/transforms/convert-module-to-mdx.js
index c5526ac88d2..6903f1b4984 100644
--- a/lib/codemod/src/transforms/convert-module-to-mdx.js
+++ b/lib/codemod/src/transforms/convert-module-to-mdx.js
@@ -117,7 +117,7 @@ export default function transformer(file, api) {
     return root.toSource();
   }
 
-  // 2. Add imports from '@storybook/addon-docs/blocks'
+  // 2b. Add imports from '@storybook/addon-docs/blocks'
   root
     .find(j.ImportDeclaration)
     .at(-1)
@@ -128,6 +128,11 @@ export default function transformer(file, api) {
         j.literal('@storybook/addon-docs/blocks')
       )
     );
+  // 2a. Remove react import which is implicit
+  root
+    .find(j.ImportDeclaration)
+    .filter(decl => decl.node.source.value === 'react')
+    .remove();
 
   // 3. Save out all the excluded stories
   defaultExportWithTitle.forEach(exp => {

From ac405a025f1bb27646c571b2b8a6553b712bae6c Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Tue, 16 Jul 2019 07:18:58 +0800
Subject: [PATCH 31/66] Update codemod test fixtures for React bugfix

---
 .../convert-mdx-to-module/basic.input.js          |  1 -
 .../convert-mdx-to-module/decorators.input.js     |  1 -
 .../exclude-stories.input.js                      |  1 -
 .../convert-mdx-to-module/plaintext.output.js     |  1 +
 .../story-parameters.input.js                     |  1 -
 .../convert-mdx-to-module/story-refs.output.js    |  1 +
 .../convert-module-to-mdx/basic.output.js         |  1 -
 .../convert-module-to-mdx/decorators.output.js    |  1 -
 .../exclude-stories.output.js                     |  1 -
 .../convert-module-to-mdx/parameters.output.js    |  1 -
 .../story-parameters.output.js                    |  1 -
 .../src/transforms/convert-mdx-to-module.js       | 15 +++++++++------
 .../src/transforms/convert-module-to-mdx.js       |  4 ++--
 13 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.input.js
index 13ac69e016e..816062e09b9 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/basic.input.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { action } from '@storybook/addon-actions';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.input.js
index 4a86d72aaba..a0f7a6be726 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/decorators.input.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
 
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.input.js
index f37798881c5..0c8ca0c6513 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/exclude-stories.input.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { action } from '@storybook/addon-actions';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.output.js
index e7280c0bbd1..c1e243aed14 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/plaintext.output.js
@@ -1,2 +1,3 @@
+import React from 'react';
 export default {};
 export const plaintext = () => 'Plain text';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.input.js
index 8c9d469af39..43e834a8f6f 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.input.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-parameters.input.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { storiesOf } from '@storybook/react';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.output.js
index 128fdf95d7e..ca002408d5c 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-mdx-to-module/story-refs.output.js
@@ -1,3 +1,4 @@
+import React from 'react';
 import { action } from '@storybook/addon-actions';
 import { Button } from '@storybook/react/demo';
 
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.output.js
index 13ac69e016e..816062e09b9 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/basic.output.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { action } from '@storybook/addon-actions';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.output.js
index 4a86d72aaba..a0f7a6be726 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/decorators.output.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
 
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.output.js
index c89872c653f..5c6d14a3856 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/exclude-stories.output.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { action } from '@storybook/addon-actions';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.output.js
index 625ba4ea5dd..9ed5e1e7f0a 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/parameters.output.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { storiesOf } from '@storybook/react';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.output.js
index 8c9d469af39..43e834a8f6f 100644
--- a/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.output.js
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-module-to-mdx/story-parameters.output.js
@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from './Button';
 import { storiesOf } from '@storybook/react';
 import { Meta, Story } from '@storybook/addon-docs/blocks';
diff --git a/lib/codemod/src/transforms/convert-mdx-to-module.js b/lib/codemod/src/transforms/convert-mdx-to-module.js
index 3b6afc01ba5..01ec9429a62 100644
--- a/lib/codemod/src/transforms/convert-mdx-to-module.js
+++ b/lib/codemod/src/transforms/convert-mdx-to-module.js
@@ -156,12 +156,15 @@ export default function transformer(file, api) {
     .remove();
 
   // Add back `import React from 'react';` which is implicit in MDX
-  root
-    .find(j.ImportDeclaration)
-    .at(0)
-    .insertBefore(
-      j.importDeclaration([j.importDefaultSpecifier(j.identifier('React'))], j.literal('react'))
-    );
+  const react = root.find(j.ImportDeclaration).filter(decl => decl.node.source.value === 'react');
+  if (react.size() === 0) {
+    root
+      .find(j.Statement)
+      .at(0)
+      .insertBefore(
+        j.importDeclaration([j.importDefaultSpecifier(j.identifier('React'))], j.literal('react'))
+      );
+  }
 
   const source = root.toSource({ trailingComma: true, quote: 'single', tabWidth: 2 });
   return prettier.format(source, {
diff --git a/lib/codemod/src/transforms/convert-module-to-mdx.js b/lib/codemod/src/transforms/convert-module-to-mdx.js
index 6903f1b4984..b97818ee337 100644
--- a/lib/codemod/src/transforms/convert-module-to-mdx.js
+++ b/lib/codemod/src/transforms/convert-module-to-mdx.js
@@ -117,7 +117,7 @@ export default function transformer(file, api) {
     return root.toSource();
   }
 
-  // 2b. Add imports from '@storybook/addon-docs/blocks'
+  // 2a. Add imports from '@storybook/addon-docs/blocks'
   root
     .find(j.ImportDeclaration)
     .at(-1)
@@ -128,7 +128,7 @@ export default function transformer(file, api) {
         j.literal('@storybook/addon-docs/blocks')
       )
     );
-  // 2a. Remove react import which is implicit
+  // 2b. Remove react import which is implicit
   root
     .find(j.ImportDeclaration)
     .filter(decl => decl.node.source.value === 'react')

From ae61a9e0cc31ff53d551ef47b47f6ff021c8532c Mon Sep 17 00:00:00 2001
From: Roberto Wesley Overdijk <r.w.overdijk@gmail.com>
Date: Tue, 16 Jul 2019 14:13:16 +0200
Subject: [PATCH 32/66] use same param key as backgrounds addon

---
 addons/ondevice-backgrounds/src/constants.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/ondevice-backgrounds/src/constants.js b/addons/ondevice-backgrounds/src/constants.js
index 8e876dace84..d28430f5e05 100644
--- a/addons/ondevice-backgrounds/src/constants.js
+++ b/addons/ondevice-backgrounds/src/constants.js
@@ -1,4 +1,4 @@
-export const PARAM_KEY = 'background';
+export const PARAM_KEY = 'backgrounds';
 export const ADDON_ID = 'storybook-addon-background';
 export const PANEL_ID = `${ADDON_ID}/background-panel`;
 

From b2f82266e394780f1605e4389fcadb4b697b9e8f Mon Sep 17 00:00:00 2001
From: Roberto Wesley Overdijk <r.w.overdijk@gmail.com>
Date: Tue, 16 Jul 2019 14:17:11 +0200
Subject: [PATCH 33/66] skip render if state is null

---
 addons/ondevice-backgrounds/src/BackgroundPanel.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/ondevice-backgrounds/src/BackgroundPanel.js b/addons/ondevice-backgrounds/src/BackgroundPanel.js
index 30800f7ca8e..379f8947028 100644
--- a/addons/ondevice-backgrounds/src/BackgroundPanel.js
+++ b/addons/ondevice-backgrounds/src/BackgroundPanel.js
@@ -56,7 +56,7 @@ export default class BackgroundPanel extends Component {
   render() {
     const { active, api } = this.props;
 
-    if (!active) {
+    if (!active || !this.state) {
       return null;
     }
 

From 7b37c795112f1c94fb2e4845fb2cde4be2c4ce17 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Wed, 17 Jul 2019 01:28:42 +0800
Subject: [PATCH 34/66] Module format embedding example

---
 .../stories/demo/button-module-embed.test.js      | 15 +++++++++++++++
 .../stories/demo/button.stories.js                |  1 -
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 examples/official-storybook/stories/demo/button-module-embed.test.js

diff --git a/examples/official-storybook/stories/demo/button-module-embed.test.js b/examples/official-storybook/stories/demo/button-module-embed.test.js
new file mode 100644
index 00000000000..3dc0798894d
--- /dev/null
+++ b/examples/official-storybook/stories/demo/button-module-embed.test.js
@@ -0,0 +1,15 @@
+import { render, fireEvent } from 'react-testing-library';
+import { withText } from './button.stories';
+
+const mockAction = jest.fn();
+jest.mock('@storybook/addon-actions', () => ({
+  action: () => mockAction,
+}));
+
+describe('button interactivity', () => {
+  it('should handle clicks', () => {
+    const comp = render(withText());
+    fireEvent.click(comp.getByText('Hello Button'));
+    expect(mockAction).toHaveBeenCalled();
+  });
+});
diff --git a/examples/official-storybook/stories/demo/button.stories.js b/examples/official-storybook/stories/demo/button.stories.js
index a232e29bcce..d6e7caf01f3 100644
--- a/examples/official-storybook/stories/demo/button.stories.js
+++ b/examples/official-storybook/stories/demo/button.stories.js
@@ -21,7 +21,6 @@ export const withSomeEmoji = () => (
     </span>
   </Button>
 );
-
 withSomeEmoji.story = {
   name: 'with some emoji',
 };

From df5ba456c7db249424b4ffc6f2acc02e2717a81e Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Wed, 17 Jul 2019 10:09:00 +0800
Subject: [PATCH 35/66] Update README.md

---
 lib/codemod/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/codemod/README.md b/lib/codemod/README.md
index 2e140bef876..f8ebdbf2452 100644
--- a/lib/codemod/README.md
+++ b/lib/codemod/README.md
@@ -13,10 +13,10 @@ To get a list of available codemods:
 npx -p @storybook/cli sb migrate --list
 ```
 
-To run a codemod:
+To run a codemod `<name-of-codemod>`:
 
 ```
-npx -p @storybook/cli sb migrate name-of-codemod --glob "**/*.stories.js"
+npx -p @storybook/cli sb migrate <name-of-codemod> --glob "**/*.stories.js"
 ```
 
 ## Installation

From 6c8e7b74f96889da9a6e0191a54c885fda49c6cb Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 17 Jul 2019 11:04:23 +0200
Subject: [PATCH 36/66] ADD migration guide for the grid toolbar feature

---
 MIGRATION.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/MIGRATION.md b/MIGRATION.md
index 9d1c4b5985e..e61987b01e9 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -64,6 +64,10 @@
 
 ## From version 5.1.x to 5.2.x
 
+### Grid toolbar-feature
+
+The grid feature in the toolbar has been relocated to [addon-background](https://github.com/storybookjs/storybook/tree/next/addons/backgrounds), follow the setup intructions on that addon to get the feature again.
+
 ### Docs mode docgen
 
 This isn't a breaking change per se, because `addon-docs` is a new feature. However it's intended to replace `addon-info`, so if you're migrating from `addon-info` there are a few things you should know:

From 538924f3e2995aafeb3935b2e985f5357d4d0df5 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 17 Jul 2019 11:11:15 +0200
Subject: [PATCH 37/66] IMPROVE mention of UI changes on viewport & background

---
 CHANGELOG.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f426803a086..53b5a68aaba 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -31,6 +31,11 @@
 
 * Addon-actions: Use v4 UUID instead of v1 for action IDs ([#7397](https://github.com/storybookjs/storybook/pull/7397))
 * UI: Remove recompose ([#7385](https://github.com/storybookjs/storybook/pull/7385))
+* UI: FIX & IMPROVE styling interop of addon-background & addon-viewport ([#7385](https://github.com/storybookjs/storybook/pull/7385))
+
+### Breaking Changes
+
+* Move grid toolbar feature to background-addon ([#7385](https://github.com/storybookjs/storybook/pull/7385))
 
 ## 5.2.0-alpha.42 (July 12, 2019)
 

From 4cfd2f4cacb7ae30610de852a9123de7a3e21a35 Mon Sep 17 00:00:00 2001
From: Emilio Martinez <e.marticor@gmail.com>
Date: Sat, 13 Jul 2019 03:20:10 -0700
Subject: [PATCH 38/66] Addon-knobs: improve types via generics and
 readonlyarray

---
 addons/knobs/src/KnobManager.ts               |  4 +-
 addons/knobs/src/components/types/Array.tsx   | 12 +++--
 addons/knobs/src/components/types/Boolean.tsx | 10 ++---
 addons/knobs/src/components/types/Button.tsx  | 12 +++--
 .../knobs/src/components/types/Checkboxes.tsx | 24 +++++-----
 addons/knobs/src/components/types/Color.tsx   | 13 ++----
 addons/knobs/src/components/types/Date.tsx    | 13 ++----
 addons/knobs/src/components/types/Files.tsx   |  8 ++--
 addons/knobs/src/components/types/Number.tsx  | 11 ++---
 addons/knobs/src/components/types/Object.tsx  | 12 ++---
 addons/knobs/src/components/types/Options.tsx | 15 ++++---
 addons/knobs/src/components/types/Radio.tsx   | 20 +++------
 addons/knobs/src/components/types/Select.tsx  | 30 +++++++------
 addons/knobs/src/components/types/Text.tsx    | 13 ++----
 addons/knobs/src/components/types/index.ts    | 12 +++--
 addons/knobs/src/components/types/types.ts    | 10 +++++
 addons/knobs/src/index.ts                     | 45 ++++++++++++-------
 addons/knobs/src/type-defs.ts                 |  4 ++
 18 files changed, 131 insertions(+), 137 deletions(-)
 create mode 100644 addons/knobs/src/components/types/types.ts

diff --git a/addons/knobs/src/KnobManager.ts b/addons/knobs/src/KnobManager.ts
index fe875efd61e..e9c172de39b 100644
--- a/addons/knobs/src/KnobManager.ts
+++ b/addons/knobs/src/KnobManager.ts
@@ -7,7 +7,7 @@ import { getQueryParams } from '@storybook/client-api';
 import { Channel } from '@storybook/channels';
 
 import KnobStore, { KnobStoreKnob } from './KnobStore';
-import { Knob, KnobType } from './type-defs';
+import { Knob, KnobType, Mutable } from './type-defs';
 import { SET } from './shared';
 
 import { deserializers } from './converters';
@@ -72,7 +72,7 @@ export default class KnobManager {
     return this.options.escapeHTML ? escapeStrings(value) : value;
   }
 
-  knob<T extends KnobType = any>(name: string, options: Knob<T>): Knob<T>['value'] {
+  knob<T extends KnobType = any>(name: string, options: Knob<T>): Mutable<Knob<T>['value']> {
     this._mayCallChannel();
 
     const knobName = options.groupId ? `${name}_${options.groupId}` : name;
diff --git a/addons/knobs/src/components/types/Array.tsx b/addons/knobs/src/components/types/Array.tsx
index d9f7ca82f55..7583f2d3eef 100644
--- a/addons/knobs/src/components/types/Array.tsx
+++ b/addons/knobs/src/components/types/Array.tsx
@@ -2,18 +2,16 @@ import PropTypes from 'prop-types';
 import React, { ChangeEvent, Component, WeakValidationMap } from 'react';
 
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
-type ArrayTypeKnobValue = string[];
+export type ArrayTypeKnobValue = string[] | readonly string[];
 
-export interface ArrayTypeKnob {
-  name: string;
-  value: ArrayTypeKnobValue;
+export interface ArrayTypeKnob extends KnobControlConfig<ArrayTypeKnobValue> {
   separator: string;
 }
 
-interface ArrayTypeProps {
+interface ArrayTypeProps extends KnobControlProps<ArrayTypeKnobValue> {
   knob: ArrayTypeKnob;
-  onChange: (value: ArrayTypeKnobValue) => ArrayTypeKnobValue;
 }
 
 function formatArray(value: string, separator: string) {
@@ -41,7 +39,7 @@ export default class ArrayType extends Component<ArrayTypeProps> {
 
   static serialize = (value: ArrayTypeKnobValue) => value;
 
-  static deserialize = (value: ArrayTypeKnobValue) => {
+  static deserialize = (value: string[]) => {
     if (Array.isArray(value)) return value;
 
     return Object.keys(value)
diff --git a/addons/knobs/src/components/types/Boolean.tsx b/addons/knobs/src/components/types/Boolean.tsx
index d9c1443d260..25d30dd6605 100644
--- a/addons/knobs/src/components/types/Boolean.tsx
+++ b/addons/knobs/src/components/types/Boolean.tsx
@@ -2,18 +2,14 @@ import PropTypes from 'prop-types';
 import React, { FunctionComponent } from 'react';
 
 import { styled } from '@storybook/theming';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 type BooleanTypeKnobValue = boolean;
 
-export interface BooleanTypeKnob {
-  name: string;
-  value: BooleanTypeKnobValue;
-  separator: string;
-}
+export type BooleanTypeKnob = KnobControlConfig<BooleanTypeKnobValue>;
 
-export interface BooleanTypeProps {
+export interface BooleanTypeProps extends KnobControlProps<BooleanTypeKnobValue> {
   knob: BooleanTypeKnob;
-  onChange: (value: BooleanTypeKnobValue) => BooleanTypeKnobValue;
 }
 
 const Input = styled.input({
diff --git a/addons/knobs/src/components/types/Button.tsx b/addons/knobs/src/components/types/Button.tsx
index 4dfe28b6639..79f3a311850 100644
--- a/addons/knobs/src/components/types/Button.tsx
+++ b/addons/knobs/src/components/types/Button.tsx
@@ -2,19 +2,17 @@ import PropTypes from 'prop-types';
 import React, { FunctionComponent, Validator } from 'react';
 
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
-export interface ButtonTypeKnob {
-  name: string;
-  value: unknown;
-}
+export type ButtonTypeKnob = KnobControlConfig<never>;
 
-export type ButtonTypeOnClickProp = (knob: ButtonTypeKnob) => any;
-
-export interface ButtonTypeProps {
+export interface ButtonTypeProps extends KnobControlProps<never> {
   knob: ButtonTypeKnob;
   onClick: ButtonTypeOnClickProp;
 }
 
+export type ButtonTypeOnClickProp = (knob: ButtonTypeKnob) => any;
+
 const serialize = (): undefined => undefined;
 const deserialize = (): undefined => undefined;
 
diff --git a/addons/knobs/src/components/types/Checkboxes.tsx b/addons/knobs/src/components/types/Checkboxes.tsx
index 7b12cf53767..8f5ef3d21ac 100644
--- a/addons/knobs/src/components/types/Checkboxes.tsx
+++ b/addons/knobs/src/components/types/Checkboxes.tsx
@@ -1,32 +1,28 @@
 import React, { Component, ChangeEvent, WeakValidationMap } from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@storybook/theming';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 type CheckboxesTypeKnobValue = string[];
 
-interface CheckboxesWrapperProps {
-  isInline: boolean;
+export interface CheckboxesTypeKnob extends KnobControlConfig<CheckboxesTypeKnobValue> {
+  options: Record<string, string>;
 }
 
-export interface CheckboxesTypeKnob {
-  name: string;
-  value: CheckboxesTypeKnobValue;
-  defaultValue: CheckboxesTypeKnobValue;
-  options: {
-    [key: string]: string;
-  };
-}
-
-interface CheckboxesTypeProps {
+interface CheckboxesTypeProps
+  extends KnobControlProps<CheckboxesTypeKnobValue>,
+    CheckboxesWrapperProps {
   knob: CheckboxesTypeKnob;
-  isInline: boolean;
-  onChange: (value: CheckboxesTypeKnobValue) => CheckboxesTypeKnobValue;
 }
 
 interface CheckboxesTypeState {
   values: CheckboxesTypeKnobValue;
 }
 
+interface CheckboxesWrapperProps {
+  isInline: boolean;
+}
+
 const CheckboxesWrapper = styled.div(({ isInline }: CheckboxesWrapperProps) =>
   isInline
     ? {
diff --git a/addons/knobs/src/components/types/Color.tsx b/addons/knobs/src/components/types/Color.tsx
index b6ae06cb3ba..80d3c418683 100644
--- a/addons/knobs/src/components/types/Color.tsx
+++ b/addons/knobs/src/components/types/Color.tsx
@@ -5,18 +5,11 @@ import { SketchPicker, ColorResult } from 'react-color';
 
 import { styled } from '@storybook/theming';
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 type ColorTypeKnobValue = string;
-
-export interface ColorTypeKnob {
-  name: string;
-  value: ColorTypeKnobValue;
-}
-
-interface ColorTypeProps {
-  knob: ColorTypeKnob;
-  onChange: (value: ColorTypeKnobValue) => ColorTypeKnobValue;
-}
+export type ColorTypeKnob = KnobControlConfig<ColorTypeKnobValue>;
+type ColorTypeProps = KnobControlProps<ColorTypeKnobValue>;
 
 interface ColorTypeState {
   displayColorPicker: boolean;
diff --git a/addons/knobs/src/components/types/Date.tsx b/addons/knobs/src/components/types/Date.tsx
index e27b70eca10..59e3a0ac71e 100644
--- a/addons/knobs/src/components/types/Date.tsx
+++ b/addons/knobs/src/components/types/Date.tsx
@@ -2,18 +2,11 @@ import React, { Component, ChangeEvent, WeakValidationMap } from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@storybook/theming';
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 type DateTypeKnobValue = number;
-
-export interface DateTypeKnob {
-  name: string;
-  value: DateTypeKnobValue;
-}
-
-interface DateTypeProps {
-  knob: DateTypeKnob;
-  onChange: (value: DateTypeKnobValue) => DateTypeKnobValue;
-}
+export type DateTypeKnob = KnobControlConfig<DateTypeKnobValue>;
+type DateTypeProps = KnobControlProps<DateTypeKnobValue>;
 
 interface DateTypeState {
   valid: boolean | undefined;
diff --git a/addons/knobs/src/components/types/Files.tsx b/addons/knobs/src/components/types/Files.tsx
index 762bdd67d93..76668f1d186 100644
--- a/addons/knobs/src/components/types/Files.tsx
+++ b/addons/knobs/src/components/types/Files.tsx
@@ -4,18 +4,16 @@ import React, { ChangeEvent, FunctionComponent } from 'react';
 import { styled } from '@storybook/theming';
 
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 type DateTypeKnobValue = string[];
 
-export interface FileTypeKnob {
-  name: string;
+export interface FileTypeKnob extends KnobControlConfig<DateTypeKnobValue> {
   accept: string;
-  value: DateTypeKnobValue;
 }
 
-export interface FilesTypeProps {
+export interface FilesTypeProps extends KnobControlProps<DateTypeKnobValue> {
   knob: FileTypeKnob;
-  onChange: (value: DateTypeKnobValue) => DateTypeKnobValue;
 }
 
 const FileInput = styled(Form.Input)({
diff --git a/addons/knobs/src/components/types/Number.tsx b/addons/knobs/src/components/types/Number.tsx
index 686abd9948e..1f7e47e8463 100644
--- a/addons/knobs/src/components/types/Number.tsx
+++ b/addons/knobs/src/components/types/Number.tsx
@@ -3,6 +3,7 @@ import React, { Component, ChangeEvent } from 'react';
 
 import { styled } from '@storybook/theming';
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 type NumberTypeKnobValue = number;
 
@@ -13,14 +14,14 @@ export interface NumberTypeKnobOptions {
   step?: number;
 }
 
-export interface NumberTypeKnob extends NumberTypeKnobOptions {
-  name: string;
-  value: number;
+export interface NumberTypeKnob
+  extends KnobControlConfig<NumberTypeKnobValue>,
+    NumberTypeKnobOptions {
+  value: NumberTypeKnobValue;
 }
 
-interface NumberTypeProps {
+interface NumberTypeProps extends KnobControlProps<NumberTypeKnobValue> {
   knob: NumberTypeKnob;
-  onChange: (value: NumberTypeKnobValue) => NumberTypeKnobValue;
 }
 
 const RangeInput = styled.input(
diff --git a/addons/knobs/src/components/types/Object.tsx b/addons/knobs/src/components/types/Object.tsx
index 3000e24cabe..3bac4dc597c 100644
--- a/addons/knobs/src/components/types/Object.tsx
+++ b/addons/knobs/src/components/types/Object.tsx
@@ -3,16 +3,10 @@ import PropTypes from 'prop-types';
 import deepEqual from 'fast-deep-equal';
 import { polyfill } from 'react-lifecycles-compat';
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
-export interface ObjectTypeKnob<T> {
-  name: string;
-  value: T;
-}
-
-interface ObjectTypeProps<T> {
-  knob: ObjectTypeKnob<T>;
-  onChange: (value: T) => T;
-}
+export type ObjectTypeKnob<T> = KnobControlConfig<T>;
+type ObjectTypeProps<T> = KnobControlProps<T>;
 
 interface ObjectTypeState<T> {
   value: string;
diff --git a/addons/knobs/src/components/types/Options.tsx b/addons/knobs/src/components/types/Options.tsx
index 62a972d1a41..c5d5bcb98cf 100644
--- a/addons/knobs/src/components/types/Options.tsx
+++ b/addons/knobs/src/components/types/Options.tsx
@@ -3,12 +3,19 @@ import PropTypes from 'prop-types';
 import ReactSelect from 'react-select';
 import { ValueType } from 'react-select/lib/types';
 import { styled } from '@storybook/theming';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 import RadiosType from './Radio';
 import CheckboxesType from './Checkboxes';
 
 // TODO: Apply the Storybook theme to react-select
 
+export type OptionsTypeKnobSingleValue = string | number | null | undefined;
+
+export type OptionsTypeKnobValue<
+  T extends OptionsTypeKnobSingleValue = OptionsTypeKnobSingleValue
+> = T | NonNullable<T>[] | readonly NonNullable<T>[];
+
 export type OptionsKnobOptionsDisplay =
   | 'radio'
   | 'inline-radio'
@@ -21,10 +28,7 @@ export interface OptionsKnobOptions {
   display?: OptionsKnobOptionsDisplay;
 }
 
-export interface OptionsTypeKnob<T> {
-  name: string;
-  value: T;
-  defaultValue: T;
+export interface OptionsTypeKnob<T extends OptionsTypeKnobValue> extends KnobControlConfig<T> {
   options: OptionsTypeOptionsProp<T>;
   optionsObj: OptionsKnobOptions;
 }
@@ -33,10 +37,9 @@ export interface OptionsTypeOptionsProp<T> {
   [key: string]: T;
 }
 
-export interface OptionsTypeProps<T> {
+export interface OptionsTypeProps<T extends OptionsTypeKnobValue> extends KnobControlProps<T> {
   knob: OptionsTypeKnob<T>;
   display: OptionsKnobOptionsDisplay;
-  onChange: (value: T) => T;
 }
 
 // : React.ComponentType<ReactSelectProps>
diff --git a/addons/knobs/src/components/types/Radio.tsx b/addons/knobs/src/components/types/Radio.tsx
index 9cd910f6795..375ce20a629 100644
--- a/addons/knobs/src/components/types/Radio.tsx
+++ b/addons/knobs/src/components/types/Radio.tsx
@@ -1,24 +1,18 @@
 import React, { Component, WeakValidationMap } from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@storybook/theming';
+import { KnobControlConfig, KnobControlProps } from './types';
 
-type RadiosTypeKnobValue = string;
+export type RadiosTypeKnobValue = string | number | null | undefined;
 
-export interface RadiosTypeKnob {
-  name: string;
-  value: RadiosTypeKnobValue;
-  defaultValue: RadiosTypeKnobValue;
-  options: RadiosTypeOptionsProp;
+export type RadiosTypeOptionsProp<T extends RadiosTypeKnobValue> = Record<string | number, T>;
+
+export interface RadiosTypeKnob extends KnobControlConfig<RadiosTypeKnobValue> {
+  options: RadiosTypeOptionsProp<RadiosTypeKnobValue>;
 }
 
-export interface RadiosTypeOptionsProp {
-  [key: string]: RadiosTypeKnobValue;
-}
-
-interface RadiosTypeProps {
+interface RadiosTypeProps extends KnobControlProps<RadiosTypeKnobValue>, RadiosWrapperProps {
   knob: RadiosTypeKnob;
-  isInline: boolean;
-  onChange: (value: RadiosTypeKnobValue) => RadiosTypeKnobValue;
 }
 
 interface RadiosWrapperProps {
diff --git a/addons/knobs/src/components/types/Select.tsx b/addons/knobs/src/components/types/Select.tsx
index ab338edc7a9..7775403bd1b 100644
--- a/addons/knobs/src/components/types/Select.tsx
+++ b/addons/knobs/src/components/types/Select.tsx
@@ -2,22 +2,23 @@ import React, { FunctionComponent, ChangeEvent } from 'react';
 import PropTypes from 'prop-types';
 
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 export type SelectTypeKnobValue = string | number | null | undefined;
 
-export interface SelectTypeKnob {
-  name: string;
-  value: SelectTypeKnobValue;
-  options: SelectTypeOptionsProp;
+export type SelectTypeOptionsProp<T extends SelectTypeKnobValue = SelectTypeKnobValue> =
+  | Record<string, T>
+  | T[]
+  | readonly T[];
+
+export interface SelectTypeKnob<T extends SelectTypeKnobValue = SelectTypeKnobValue>
+  extends KnobControlConfig<T> {
+  options: SelectTypeOptionsProp<T>;
 }
 
-export type SelectTypeOptionsProp =
-  | Record<string, SelectTypeKnobValue>
-  | NonNullable<SelectTypeKnobValue>[];
-
-export interface SelectTypeProps {
-  knob: SelectTypeKnob;
-  onChange: (value: SelectTypeKnobValue) => SelectTypeKnobValue;
+export interface SelectTypeProps<T extends SelectTypeKnobValue = SelectTypeKnobValue>
+  extends KnobControlProps<T> {
+  knob: SelectTypeKnob<T>;
 }
 
 const serialize = (value: SelectTypeKnobValue) => value;
@@ -29,8 +30,11 @@ const SelectType: FunctionComponent<SelectTypeProps> & {
 } = ({ knob, onChange }) => {
   const { options } = knob;
   const entries = Array.isArray(options)
-    ? options.reduce((acc, k) => Object.assign(acc, { [k]: k }), {})
-    : options;
+    ? options.reduce<Record<number, SelectTypeKnobValue>>(
+        (acc, k) => Object.assign(acc, { [k]: k }),
+        {}
+      )
+    : (options as Record<string, SelectTypeKnobValue>);
 
   const selectedKey = Object.keys(entries).find(k => entries[k] === knob.value);
 
diff --git a/addons/knobs/src/components/types/Text.tsx b/addons/knobs/src/components/types/Text.tsx
index cf939ffa3f1..cc4c74ec6a9 100644
--- a/addons/knobs/src/components/types/Text.tsx
+++ b/addons/knobs/src/components/types/Text.tsx
@@ -2,18 +2,11 @@ import PropTypes from 'prop-types';
 import React, { Component, ChangeEvent, WeakValidationMap } from 'react';
 
 import { Form } from '@storybook/components';
+import { KnobControlConfig, KnobControlProps } from './types';
 
 type TextTypeKnobValue = string;
-
-export interface TextTypeKnob {
-  name: string;
-  value: TextTypeKnobValue;
-}
-
-interface TextTypeProps {
-  knob: TextTypeKnob;
-  onChange: (value: TextTypeKnobValue) => TextTypeKnobValue;
-}
+export type TextTypeKnob = KnobControlConfig<TextTypeKnobValue>;
+type TextTypeProps = KnobControlProps<TextTypeKnobValue>;
 
 export default class TextType extends Component<TextTypeProps> {
   static defaultProps: TextTypeProps = {
diff --git a/addons/knobs/src/components/types/index.ts b/addons/knobs/src/components/types/index.ts
index 1a25315f8d0..9340dee5699 100644
--- a/addons/knobs/src/components/types/index.ts
+++ b/addons/knobs/src/components/types/index.ts
@@ -45,9 +45,15 @@ export { ColorTypeKnob } from './Color';
 export { BooleanTypeKnob } from './Boolean';
 export { ObjectTypeKnob } from './Object';
 export { SelectTypeKnob, SelectTypeOptionsProp, SelectTypeKnobValue } from './Select';
-export { RadiosTypeKnob, RadiosTypeOptionsProp } from './Radio';
-export { ArrayTypeKnob } from './Array';
+export { RadiosTypeKnob, RadiosTypeOptionsProp, RadiosTypeKnobValue } from './Radio';
+export { ArrayTypeKnob, ArrayTypeKnobValue } from './Array';
 export { DateTypeKnob } from './Date';
 export { ButtonTypeKnob, ButtonTypeOnClickProp } from './Button';
 export { FileTypeKnob } from './Files';
-export { OptionsTypeKnob, OptionsTypeOptionsProp, OptionsKnobOptions } from './Options';
+export {
+  OptionsTypeKnob,
+  OptionsKnobOptions,
+  OptionsTypeOptionsProp,
+  OptionsTypeKnobSingleValue,
+  OptionsTypeKnobValue,
+} from './Options';
diff --git a/addons/knobs/src/components/types/types.ts b/addons/knobs/src/components/types/types.ts
new file mode 100644
index 00000000000..91e1f36e27e
--- /dev/null
+++ b/addons/knobs/src/components/types/types.ts
@@ -0,0 +1,10 @@
+export interface KnobControlConfig<T = never> {
+  name: string;
+  value: T;
+  defaultValue?: T;
+}
+
+export interface KnobControlProps<T> {
+  knob: KnobControlConfig<T>;
+  onChange: (value: T) => T;
+}
diff --git a/addons/knobs/src/index.ts b/addons/knobs/src/index.ts
index c7a060c5785..f240cf34092 100644
--- a/addons/knobs/src/index.ts
+++ b/addons/knobs/src/index.ts
@@ -2,19 +2,26 @@ import addons, { makeDecorator } from '@storybook/addons';
 
 import { SET_OPTIONS } from './shared';
 import { manager, registerKnobs } from './registerKnobs';
-import { Knob, KnobType } from './type-defs';
+import { Knob, KnobType, Mutable } from './type-defs';
 import {
   NumberTypeKnobOptions,
   ButtonTypeOnClickProp,
   RadiosTypeOptionsProp,
   SelectTypeOptionsProp,
   SelectTypeKnobValue,
+  OptionsTypeKnobValue,
   OptionsTypeOptionsProp,
+  OptionsTypeKnobSingleValue,
   OptionsKnobOptions,
+  RadiosTypeKnobValue,
+  ArrayTypeKnobValue,
 } from './components/types';
 
-export function knob<T extends KnobType>(name: string, options: Knob<T>) {
-  return manager.knob(name, options);
+export function knob<T extends KnobType, V = Mutable<Knob<T>['value']>>(
+  name: string,
+  options: Knob<T>
+): V {
+  return manager.knob(name, options) as V;
 }
 
 export function text(name: string, value: string, groupId?: string) {
@@ -62,25 +69,31 @@ export function object<T>(name: string, value: T, groupId?: string): T {
   return manager.knob(name, { type: 'object', value, groupId });
 }
 
-export function select(
+export function select<T extends SelectTypeKnobValue>(
   name: string,
-  options: SelectTypeOptionsProp,
-  value: SelectTypeKnobValue,
+  options: SelectTypeOptionsProp<T>,
+  value: T,
   groupId?: string
-) {
-  return manager.knob(name, { type: 'select', selectV2: true, options, value, groupId });
+): T {
+  return manager.knob(name, {
+    type: 'select',
+    selectV2: true,
+    options: options as SelectTypeOptionsProp,
+    value,
+    groupId,
+  }) as T;
 }
 
-export function radios(
+export function radios<T extends RadiosTypeKnobValue>(
   name: string,
-  options: RadiosTypeOptionsProp,
-  value: string,
+  options: RadiosTypeOptionsProp<T>,
+  value: T,
   groupId?: string
-) {
-  return manager.knob(name, { type: 'radios', options, value, groupId });
+): T {
+  return manager.knob(name, { type: 'radios', options, value, groupId }) as T;
 }
 
-export function array(name: string, value: string[], separator = ',', groupId?: string) {
+export function array(name: string, value: ArrayTypeKnobValue, separator = ',', groupId?: string) {
   return manager.knob(name, { type: 'array', value, separator, groupId });
 }
 
@@ -97,10 +110,10 @@ export function files(name: string, accept: string, value: string[] = [], groupI
   return manager.knob(name, { type: 'files', accept, value, groupId });
 }
 
-export function optionsKnob<T>(
+export function optionsKnob<T extends OptionsTypeKnobSingleValue>(
   name: string,
   valuesObj: OptionsTypeOptionsProp<T>,
-  value: T,
+  value: OptionsTypeKnobValue<T>,
   optionsObj: OptionsKnobOptions,
   groupId?: string
 ): T {
diff --git a/addons/knobs/src/type-defs.ts b/addons/knobs/src/type-defs.ts
index 51c76c6c2b3..ddc8c2de34e 100644
--- a/addons/knobs/src/type-defs.ts
+++ b/addons/knobs/src/type-defs.ts
@@ -14,6 +14,10 @@ import {
   KnobType,
 } from './components/types';
 
+export type Mutable<T> = {
+  -readonly [P in keyof T]: T[P] extends readonly (infer U)[] ? U[] : T[P];
+};
+
 type KnobPlus<T extends KnobType, K> = K & { type: T; groupId?: string };
 
 export type Knob<T extends KnobType = any> = T extends 'text'

From 0ef667525037abd3d9a3d60c12b349a7d7725131 Mon Sep 17 00:00:00 2001
From: Emilio Martinez <e.marticor@gmail.com>
Date: Sat, 13 Jul 2019 04:39:16 -0700
Subject: [PATCH 39/66] Addon-knobs: add knobs types test cases

---
 addons/knobs/src/__types__/knob-test-cases.ts | 199 ++++++++++++++++++
 1 file changed, 199 insertions(+)
 create mode 100644 addons/knobs/src/__types__/knob-test-cases.ts

diff --git a/addons/knobs/src/__types__/knob-test-cases.ts b/addons/knobs/src/__types__/knob-test-cases.ts
new file mode 100644
index 00000000000..460eabc0427
--- /dev/null
+++ b/addons/knobs/src/__types__/knob-test-cases.ts
@@ -0,0 +1,199 @@
+import {
+  number,
+  color,
+  files,
+  object,
+  boolean,
+  text,
+  select,
+  date,
+  array,
+  button,
+  knob,
+  radios,
+  optionsKnob as options,
+} from '../index';
+
+// Note: this is a helper to batch test return types and avoid "declared but never read" errors
+function expectKnobOfType<T>(..._: T[]) {}
+
+const groupId = 'GROUP-ID1';
+
+/** Text knob */
+
+expectKnobOfType<string>(
+  text('text simple', 'Batman'),
+  text('text with group', 'default', groupId)
+);
+
+/** Date knob */
+
+expectKnobOfType<number>(
+  date('date simple', new Date('January 20 1887')),
+  date('date with group', new Date(), groupId)
+);
+
+/** Boolean knob */
+
+expectKnobOfType<boolean>(
+  boolean('boolean simple', false),
+  boolean('boolean with group', true, groupId)
+);
+
+/** Color knob */
+
+expectKnobOfType<string>(
+  color('color simple', 'black'),
+  color('color with group', '#ffffff', groupId)
+);
+
+/** Number knob */
+
+expectKnobOfType<number>(
+  number('number basic', 42),
+  number('number with options', 72, { range: true, min: 60, max: 90, step: 1 }),
+  number('number with group', 1, {}, groupId)
+);
+
+/** Radios knob */
+
+expectKnobOfType(
+  radios<string>(
+    'radio with string values',
+    {
+      1100: '1100',
+      2200: '2200',
+      3300: '3300',
+    },
+    '2200'
+  ),
+  radios<number>('radio with number values', { 3: 3, 7: 7, 23: 23 }, 3),
+  radios(
+    'radio with mixed value',
+    {
+      1100: '1100',
+      2200: 2200,
+      3300: '3300',
+    },
+    null,
+    groupId
+  )
+);
+
+/** Select knob */
+
+enum SomeEnum {
+  Type1 = 1,
+  Type2,
+}
+const stringLiteralArray: ('Apple' | 'Banana' | 'Grapes')[] = ['Apple', 'Banana', 'Grapes'];
+
+expectKnobOfType<string>(
+  select(
+    'select with string options',
+    {
+      None: 'none',
+      Underline: 'underline',
+      'Line-through': 'line-through',
+    },
+    'none'
+  ),
+  select('select with string array', ['yes', 'no'], 'yes'),
+  select('select with string literal array', stringLiteralArray, stringLiteralArray[0]),
+  select('select with readonly array', ['red', 'blue'] as const, 'red'),
+  select('select with null option', { a: 'Option', b: null }, null, groupId)
+);
+
+expectKnobOfType<number>(
+  select('select with number options', { 'type a': 1, 'type b': 2 }, 1),
+  select<SomeEnum>(
+    'select with enum options',
+    { 'type a': SomeEnum.Type1, 'type b': SomeEnum.Type2 },
+    SomeEnum.Type2
+  ),
+  select('select with number array', [1, 2, 3, 4], 1),
+  select('select with readonly number array', [1, 2] as const, 1)
+);
+
+/** Object knob */
+
+expectKnobOfType(
+  object('object simple', {
+    fontFamily: 'Arial',
+    padding: 20,
+  }),
+  object('object with group', {}, groupId)
+);
+
+/** Options knob */
+
+type Tool = 'hammer' | 'saw' | 'drill';
+const visibleToolOptions: Record<string, Tool> = {
+  hammer: 'hammer',
+  saw: 'saw',
+  drill: 'drill',
+};
+
+expectKnobOfType(
+  options<Tool>('options with single selection', visibleToolOptions, 'hammer', {
+    display: 'check',
+  }),
+  options<Tool>('options with multi selection', visibleToolOptions, ['hammer', 'saw'], {
+    display: 'inline-check',
+  }),
+  options<Tool>('options with readonly multi selection', visibleToolOptions, ['hammer'] as const, {
+    display: 'radio',
+  }),
+  options('options with group', {}, '', { display: 'check' })
+);
+
+/** Array knob */
+
+const arrayReadonly = array('array as readonly', ['hi', 'there'] as const);
+
+expectKnobOfType<string[]>(
+  array('array simple', ['red', 'green', 'blue']),
+  arrayReadonly,
+  array('array with group', [], ',', groupId)
+);
+
+// Should return a mutable array despite the readonly input
+arrayReadonly.push('Make sure that the output is still mutable although the input need not be!');
+
+/** Button knob */
+
+expectKnobOfType(
+  button('button simple', () => {}),
+  button('button with group', () => undefined, groupId)
+);
+
+/** Files knob */
+
+expectKnobOfType<string[]>(
+  files('files simple', 'image/*', []),
+  files('files with group', 'image/*', ['img.jpg'], groupId)
+);
+
+/** Generic knob */
+
+expectKnobOfType<string>(
+  knob('generic knob as text', { type: 'text', value: 'a' }),
+  knob('generic knob as color', { type: 'color', value: 'black' }),
+  knob<'select', string>('generic knob as string select', {
+    type: 'select',
+    value: 'yes',
+    options: ['yes', 'no'],
+    selectV2: true,
+  })
+);
+
+expectKnobOfType<number>(
+  knob('generic knob as number', { type: 'number', value: 42 }),
+  knob('generic knob as select', { type: 'radios', value: 3, options: { 3: 3, 7: 7, 23: 23 } }),
+  knob('generic knob as number select', {
+    type: 'select',
+    value: 1,
+    options: [1, 2],
+    selectV2: true,
+  })
+);

From 98265c72f1fef13890deb02c8c54e45f338500f2 Mon Sep 17 00:00:00 2001
From: Emilio Martinez <e.marticor@gmail.com>
Date: Wed, 17 Jul 2019 02:57:28 -0700
Subject: [PATCH 40/66] Addon-knobs: select support for enum-like record types

---
 addons/knobs/src/__types__/knob-test-cases.ts | 7 ++++++-
 addons/knobs/src/components/types/Select.tsx  | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/addons/knobs/src/__types__/knob-test-cases.ts b/addons/knobs/src/__types__/knob-test-cases.ts
index 460eabc0427..1e1e2d8684d 100644
--- a/addons/knobs/src/__types__/knob-test-cases.ts
+++ b/addons/knobs/src/__types__/knob-test-cases.ts
@@ -86,6 +86,10 @@ enum SomeEnum {
   Type1 = 1,
   Type2,
 }
+enum ButtonVariant {
+  primary = 'primary',
+  secondary = 'secondary',
+}
 const stringLiteralArray: ('Apple' | 'Banana' | 'Grapes')[] = ['Apple', 'Banana', 'Grapes'];
 
 expectKnobOfType<string>(
@@ -101,13 +105,14 @@ expectKnobOfType<string>(
   select('select with string array', ['yes', 'no'], 'yes'),
   select('select with string literal array', stringLiteralArray, stringLiteralArray[0]),
   select('select with readonly array', ['red', 'blue'] as const, 'red'),
+  select<ButtonVariant>('select with string enum options', ButtonVariant, ButtonVariant.primary),
   select('select with null option', { a: 'Option', b: null }, null, groupId)
 );
 
 expectKnobOfType<number>(
   select('select with number options', { 'type a': 1, 'type b': 2 }, 1),
   select<SomeEnum>(
-    'select with enum options',
+    'select with numeric enum options',
     { 'type a': SomeEnum.Type1, 'type b': SomeEnum.Type2 },
     SomeEnum.Type2
   ),
diff --git a/addons/knobs/src/components/types/Select.tsx b/addons/knobs/src/components/types/Select.tsx
index 7775403bd1b..18154ab6843 100644
--- a/addons/knobs/src/components/types/Select.tsx
+++ b/addons/knobs/src/components/types/Select.tsx
@@ -8,6 +8,7 @@ export type SelectTypeKnobValue = string | number | null | undefined;
 
 export type SelectTypeOptionsProp<T extends SelectTypeKnobValue = SelectTypeKnobValue> =
   | Record<string, T>
+  | Record<T, T[keyof T]>
   | T[]
   | readonly T[];
 

From ede5be3c1cb9b3418d6d19a810a273be19069990 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Wed, 17 Jul 2019 13:24:52 +0200
Subject: [PATCH 41/66] REMOVE deprecated withViewports decorator (it was
 already not being exported) && ADD default viewports to story

---
 addons/viewport/preview.js                          |  1 -
 addons/viewport/src/legacy_preview/withViewport.ts  | 13 -------------
 .../stories/addon-viewport/default.stories.js       |  6 ++++++
 3 files changed, 6 insertions(+), 14 deletions(-)
 delete mode 100644 addons/viewport/src/legacy_preview/withViewport.ts

diff --git a/addons/viewport/preview.js b/addons/viewport/preview.js
index aea18c08354..dc47e9c63cb 100644
--- a/addons/viewport/preview.js
+++ b/addons/viewport/preview.js
@@ -3,4 +3,3 @@ const preview = require('./dist/legacy_preview/index');
 exports.configureViewport = preview.configureViewport;
 exports.DEFAULT_VIEWPORT = preview.DEFAULT_VIEWPORT;
 exports.INITIAL_VIEWPORTS = preview.INITIAL_VIEWPORTS;
-exports.withViewport = preview.withViewport;
diff --git a/addons/viewport/src/legacy_preview/withViewport.ts b/addons/viewport/src/legacy_preview/withViewport.ts
deleted file mode 100644
index d4b0e3b96a5..00000000000
--- a/addons/viewport/src/legacy_preview/withViewport.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { makeDecorator, StoryGetter, StoryContext } from '@storybook/addons';
-import deprecate from 'util-deprecate';
-
-const withViewport = makeDecorator({
-  name: 'withViewport',
-  parameterName: 'viewport',
-  wrapper: deprecate(
-    (getStory: StoryGetter, context: StoryContext) => getStory(context),
-    'withViewport is no longer supported, use .addParameters({ viewport }) instead'
-  ),
-});
-
-export default withViewport;
diff --git a/examples/official-storybook/stories/addon-viewport/default.stories.js b/examples/official-storybook/stories/addon-viewport/default.stories.js
index 85739e83d92..430a7fb88aa 100644
--- a/examples/official-storybook/stories/addon-viewport/default.stories.js
+++ b/examples/official-storybook/stories/addon-viewport/default.stories.js
@@ -1,10 +1,16 @@
 import React from 'react';
 import { styled } from '@storybook/theming';
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 const Panel = styled.div();
 
 export default {
   title: 'Addons|Viewport',
+  parameters: {
+    viewport: {
+      viewports: INITIAL_VIEWPORTS,
+    },
+  },
 };
 export const defaultFn = () => (
   <Panel>I don't have problems being rendered using the default viewport.</Panel>

From aff037b46da839cde3585dc07f048bb5ae824d9f Mon Sep 17 00:00:00 2001
From: Gytis Vinclovas <gytis.vinclovas@gmail.com>
Date: Wed, 17 Jul 2019 15:14:01 +0300
Subject: [PATCH 42/66] Emit event when story is rendered in react native

---
 .../src/preview/components/StoryView/index.tsx         | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/react-native/src/preview/components/StoryView/index.tsx b/app/react-native/src/preview/components/StoryView/index.tsx
index 5b75ecaf704..83c8576ebff 100644
--- a/app/react-native/src/preview/components/StoryView/index.tsx
+++ b/app/react-native/src/preview/components/StoryView/index.tsx
@@ -25,6 +25,16 @@ export default class StoryView extends Component<Props> {
     channel.on(Events.FORCE_RE_RENDER, this.forceReRender);
   }
 
+  componentDidUpdate() {
+    const channel = addons.getChannel();
+    const { stories } = this.props;
+    const { storyId } = stories.getSelection();
+
+    if (storyId) {
+      channel.emit(Events.STORY_RENDERED);
+    }
+  }
+
   componentWillUnmount() {
     const channel = addons.getChannel();
     channel.removeListener(Events.STORY_RENDER, this.forceReRender);

From de0755005648722b3661c5c066a1a4a7ca07f487 Mon Sep 17 00:00:00 2001
From: Denis Evgrafov <stereodenis@gmail.com>
Date: Wed, 17 Jul 2019 16:41:26 +0300
Subject: [PATCH 43/66] Update frameworkLoader.js

---
 .../storyshots-core/src/frameworks/frameworkLoader.js           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/storyshots/storyshots-core/src/frameworks/frameworkLoader.js b/addons/storyshots/storyshots-core/src/frameworks/frameworkLoader.js
index 137cc61e282..c9af2d0cb67 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/frameworkLoader.js
+++ b/addons/storyshots/storyshots-core/src/frameworks/frameworkLoader.js
@@ -23,7 +23,7 @@ function loadFramework(options) {
 
   if (!loader) {
     throw new Error(
-      "Couldn't find an appropriate framework loader -- do you need to set the `frameowrk` option?"
+      "Couldn't find an appropriate framework loader -- do you need to set the `framework` option?"
     );
   }
 

From bd16681034ce381a9f929da04cfd96fd325fc9a6 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 00:37:06 +0800
Subject: [PATCH 44/66] Addon-Docs: HTML support & example

---
 addons/docs/html/index.js                     |  1 +
 addons/docs/html/preset.js                    |  1 +
 .../html-kitchen-sink/.storybook/config.js    |  6 ++++++
 .../html-kitchen-sink/.storybook/presets.js   |  8 ++++++++
 examples/html-kitchen-sink/package.json       |  1 +
 .../stories/addon-docs.stories.mdx            | 20 +++++++++++++++++++
 6 files changed, 37 insertions(+)
 create mode 100644 addons/docs/html/index.js
 create mode 100644 addons/docs/html/preset.js
 create mode 100644 examples/html-kitchen-sink/.storybook/presets.js
 create mode 100644 examples/html-kitchen-sink/stories/addon-docs.stories.mdx

diff --git a/addons/docs/html/index.js b/addons/docs/html/index.js
new file mode 100644
index 00000000000..38c1756201b
--- /dev/null
+++ b/addons/docs/html/index.js
@@ -0,0 +1 @@
+module.exports = require('../common/index');
diff --git a/addons/docs/html/preset.js b/addons/docs/html/preset.js
new file mode 100644
index 00000000000..a9b8af2cce0
--- /dev/null
+++ b/addons/docs/html/preset.js
@@ -0,0 +1 @@
+module.exports = require('../common/preset');
diff --git a/examples/html-kitchen-sink/.storybook/config.js b/examples/html-kitchen-sink/.storybook/config.js
index eeb82641683..cc92d650156 100644
--- a/examples/html-kitchen-sink/.storybook/config.js
+++ b/examples/html-kitchen-sink/.storybook/config.js
@@ -1,5 +1,6 @@
 import { load, addParameters, addDecorator } from '@storybook/html';
 import { withA11y } from '@storybook/addon-a11y';
+import { DocsPage } from '@storybook/addon-docs/blocks';
 
 addDecorator(withA11y);
 
@@ -13,7 +14,12 @@ addParameters({
   },
   options: {
     hierarchyRootSeparator: /\|/,
+    docs: {
+      iframeHeight: '200px',
+    },
   },
+  docs: DocsPage,
 });
 
 load(require.context('../stories', true, /\.stories\.js$/), module);
+load(require.context('../stories', true, /\.stories\.mdx$/), module);
diff --git a/examples/html-kitchen-sink/.storybook/presets.js b/examples/html-kitchen-sink/.storybook/presets.js
new file mode 100644
index 00000000000..183ad7f73f8
--- /dev/null
+++ b/examples/html-kitchen-sink/.storybook/presets.js
@@ -0,0 +1,8 @@
+module.exports = [
+  {
+    name: '@storybook/addon-docs/html/preset',
+    options: {
+      configureJSX: true,
+    },
+  },
+];
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index 2a4c1cee337..64321c924d0 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -19,6 +19,7 @@
     "@storybook/addon-backgrounds": "5.2.0-beta.0",
     "@storybook/addon-centered": "5.2.0-beta.0",
     "@storybook/addon-events": "5.2.0-beta.0",
+    "@storybook/addon-docs": "5.2.0-beta.0",
     "@storybook/addon-jest": "5.2.0-beta.0",
     "@storybook/addon-knobs": "5.2.0-beta.0",
     "@storybook/addon-links": "5.2.0-beta.0",
diff --git a/examples/html-kitchen-sink/stories/addon-docs.stories.mdx b/examples/html-kitchen-sink/stories/addon-docs.stories.mdx
new file mode 100644
index 00000000000..c0dc6c7b68f
--- /dev/null
+++ b/examples/html-kitchen-sink/stories/addon-docs.stories.mdx
@@ -0,0 +1,20 @@
+import { Story, Preview, Meta } from '@storybook/addon-docs/blocks';
+
+# Storybook Docs for HTML
+
+<Meta title="Addons|Docs" />
+
+## Story definition
+
+Hallelujah! HTML is working out of the box without modification.
+How you like them apples?!
+
+<Story name="heading" height="100px">
+  {'<h1>Hello World</h1>'}
+</Story>
+
+## Story reference
+
+You can also reference an existing story from within your MDX file.
+
+<Story id="welcome--welcome" height="800px" />

From 91efd6ab8b0b9b27369e412fd5556e727a30530e Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 10:05:37 +0800
Subject: [PATCH 45/66] 5.2.0-beta.1 changelog

---
 CHANGELOG.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 53b5a68aaba..21a4ebbf5fd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,14 @@
+## 5.2.0-beta.1 (July 18, 2019)
+
+### Features
+
+* React native: Emit event when story is rendered ([#7449](https://github.com/storybookjs/storybook/pull/7449))
+
+### Bug Fixes
+
+* Addon-knobs: improve types via generics and readonlyarray ([#7411](https://github.com/storybookjs/storybook/pull/7411))
+* Ondevice-backgrounds: use same param key as addon-backgrounds ([#7437](https://github.com/storybookjs/storybook/pull/7437))
+
 ## 5.2.0-beta.0 (July 15, 2019)
 
 ### Features

From cec7d5c2825c520d4fbd6a31d7f5ceb54d84150e Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 10:09:31 +0800
Subject: [PATCH 46/66] v5.2.0-beta.1

---
 addons/a11y/package.json                      | 14 ++---
 addons/actions/package.json                   | 14 ++---
 addons/backgrounds/package.json               | 14 ++---
 addons/centered/package.json                  |  4 +-
 addons/contexts/package.json                  | 10 ++--
 addons/cssresources/package.json              | 10 ++--
 addons/design-assets/package.json             | 14 ++---
 addons/docs/package.json                      | 12 ++--
 addons/events/package.json                    | 12 ++--
 addons/google-analytics/package.json          |  6 +-
 addons/graphql/package.json                   |  6 +-
 addons/info/package.json                      | 10 ++--
 addons/jest/package.json                      | 12 ++--
 addons/knobs/package.json                     | 12 ++--
 addons/links/package.json                     |  8 +--
 addons/notes/package.json                     | 16 ++---
 addons/ondevice-actions/package.json          |  8 +--
 addons/ondevice-backgrounds/package.json      |  4 +-
 addons/ondevice-knobs/package.json            |  6 +-
 addons/ondevice-notes/package.json            |  6 +-
 addons/options/package.json                   |  4 +-
 addons/queryparams/package.json               | 14 ++---
 .../storyshots/storyshots-core/package.json   |  4 +-
 .../storyshots-puppeteer/package.json         |  6 +-
 addons/storysource/package.json               | 10 ++--
 addons/viewport/package.json                  | 14 ++---
 app/angular/package.json                      |  8 +--
 app/ember/package.json                        |  4 +-
 app/html/package.json                         |  6 +-
 app/marko/package.json                        |  4 +-
 app/mithril/package.json                      |  4 +-
 app/polymer/package.json                      |  4 +-
 app/preact/package.json                       |  4 +-
 app/rax/package.json                          |  4 +-
 app/react-native-server/package.json          | 14 ++---
 app/react-native/package.json                 | 12 ++--
 app/react/package.json                        |  8 +--
 app/riot/package.json                         |  4 +-
 app/svelte/package.json                       |  4 +-
 app/vue/package.json                          |  4 +-
 dev-kits/addon-decorator/package.json         |  6 +-
 dev-kits/addon-parameter/package.json         | 14 ++---
 dev-kits/addon-roundtrip/package.json         | 16 ++---
 .../crna-kitchen-sink/package.json            | 18 +++---
 examples/angular-cli/package.json             | 32 +++++-----
 examples/cra-kitchen-sink/package.json        | 34 +++++------
 examples/cra-react15/package.json             | 10 ++--
 examples/cra-ts-kitchen-sink/package.json     | 14 ++---
 examples/dev-kits/package.json                | 20 +++----
 examples/ember-cli/package.json               | 28 ++++-----
 examples/html-kitchen-sink/package.json       | 40 ++++++-------
 examples/marko-cli/package.json               | 18 +++---
 examples/mithril-kitchen-sink/package.json    | 30 +++++-----
 examples/official-storybook/package.json      | 58 +++++++++----------
 examples/polymer-cli/package.json             | 24 ++++----
 examples/preact-kitchen-sink/package.json     | 32 +++++-----
 examples/rax-kitchen-sink/package.json        | 36 ++++++------
 examples/riot-kitchen-sink/package.json       | 30 +++++-----
 examples/standalone-preview/package.json      |  2 +-
 examples/svelte-kitchen-sink/package.json     | 30 +++++-----
 examples/vue-kitchen-sink/package.json        | 34 +++++------
 lerna.json                                    |  2 +-
 lib/addons/package.json                       |  8 +--
 lib/api/package.json                          | 12 ++--
 lib/channel-postmessage/package.json          |  6 +-
 lib/channel-websocket/package.json            |  4 +-
 lib/channels/package.json                     |  2 +-
 lib/cli/package.json                          | 58 +++++++++----------
 lib/client-api/package.json                   | 14 ++---
 lib/client-logger/package.json                |  2 +-
 lib/codemod/package.json                      |  4 +-
 lib/components/package.json                   |  6 +-
 lib/core-events/package.json                  |  2 +-
 lib/core/package.json                         | 20 +++----
 lib/node-logger/package.json                  |  2 +-
 lib/router/package.json                       |  2 +-
 lib/source-loader/package.json                |  6 +-
 lib/theming/package.json                      |  4 +-
 lib/ui/package.json                           | 18 +++---
 79 files changed, 516 insertions(+), 516 deletions(-)

diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index 4cb2db170d4..ba0b36a35f2 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -26,12 +26,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "axe-core": "^3.2.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/addons/actions/package.json b/addons/actions/package.json
index 7886e29d798..74797d21651 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-api": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-api": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index 572269f4035..c8de65edeb3 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -25,12 +25,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "memoizerific": "^1.11.3",
     "react": "^16.8.3",
diff --git a/addons/centered/package.json b/addons/centered/package.json
index c4a186b9625..7ca2fc49d80 100644
--- a/addons/centered/package.json
+++ b/addons/centered/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-centered",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook decorator to center components",
   "keywords": [
     "addon",
@@ -23,7 +23,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/addons/contexts/package.json b/addons/contexts/package.json
index 866c70f9724..52270af6fbb 100644
--- a/addons/contexts/package.json
+++ b/addons/contexts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-contexts",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook Addon Contexts",
   "keywords": [
     "storybook",
@@ -28,10 +28,10 @@
     "dev:check-types": "tsc --noEmit"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
     "core-js": "^3.0.1"
   },
   "peerDependencies": {
diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json
index f3ebdde9698..45d1a9b06dc 100644
--- a/addons/cssresources/package.json
+++ b/addons/cssresources/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-cssresources",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "A storybook addon to switch between css resources at runtime for your story",
   "keywords": [
     "addon",
@@ -25,10 +25,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3"
diff --git a/addons/design-assets/package.json b/addons/design-assets/package.json
index 794671b14d3..df281c52960 100644
--- a/addons/design-assets/package.json
+++ b/addons/design-assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-design-assets",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Design asset preview for storybook",
   "keywords": [
     "addon",
@@ -27,12 +27,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/docs/package.json b/addons/docs/package.json
index 9d8a72a1c1e..27064b7560d 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Superior documentation for your components",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "@mdx-js/loader": "^1.0.0",
     "@mdx-js/mdx": "^1.0.0",
     "@mdx-js/react": "^1.0.16",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.11",
diff --git a/addons/events/package.json b/addons/events/package.json
index 08ff74eb8dd..26a86093a6e 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-events",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Add events to your Storybook stories.",
   "keywords": [
     "addon",
@@ -24,11 +24,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-api": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-api": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "format-json": "^1.0.3",
     "lodash": "^4.17.11",
diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json
index dd67d9ff7c0..aca302e8043 100644
--- a/addons/google-analytics/package.json
+++ b/addons/google-analytics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-google-analytics",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook addon for google analytics",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react-ga": "^2.5.7"
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index a07d905384d..2de72ae7923 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-graphql",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook addon to display the GraphiQL IDE",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "graphiql": "^0.13.0",
diff --git a/addons/info/package.json b/addons/info/package.json
index cd44a2211a6..f9f953f531d 100644
--- a/addons/info/package.json
+++ b/addons/info/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-info",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "A Storybook addon to show additional information for your stories.",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "jsx-to-string": "^1.4.0",
diff --git a/addons/jest/package.json b/addons/jest/package.json
index eb71b3eb3ac..532c1f9423e 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index 6f934a746ff..abbfe841848 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-knobs",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook Addon Prop Editor Component",
   "keywords": [
     "addon",
@@ -22,11 +22,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/client-api": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/client-api": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "escape-html": "^1.0.3",
diff --git a/addons/links/package.json b/addons/links/package.json
index 64da8aba35a..5b417b58a39 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Story Links addon for storybook",
   "keywords": [
     "addon",
@@ -22,9 +22,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/notes/package.json b/addons/notes/package.json
index e77e5e0b66a..fb987b61834 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-notes",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Write notes for your Storybook stories.",
   "keywords": [
     "addon",
@@ -23,13 +23,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "markdown-to-jsx": "^6.9.3",
diff --git a/addons/ondevice-actions/package.json b/addons/ondevice-actions/package.json
index e78cd80a8cf..42d89c66c40 100644
--- a/addons/ondevice-actions/package.json
+++ b/addons/ondevice-actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-actions",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Action Logger addon for react-native storybook",
   "keywords": [
     "storybook"
@@ -19,13 +19,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
     "core-js": "^2.5.7",
     "fast-deep-equal": "^2.0.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-beta.0"
+    "@storybook/addon-actions": "5.2.0-beta.1"
   },
   "peerDependencies": {
     "@storybook/addon-actions": "*",
diff --git a/addons/ondevice-backgrounds/package.json b/addons/ondevice-backgrounds/package.json
index 9ebf1aec2ab..9a7174f988d 100644
--- a/addons/ondevice-backgrounds/package.json
+++ b/addons/ondevice-backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-backgrounds",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "A react-native storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -24,7 +24,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2"
   },
diff --git a/addons/ondevice-knobs/package.json b/addons/ondevice-knobs/package.json
index a6e266e2fbf..15719a1ff95 100644
--- a/addons/ondevice-knobs/package.json
+++ b/addons/ondevice-knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-knobs",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Display storybook story knobs on your deviced.",
   "keywords": [
     "addon",
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",
diff --git a/addons/ondevice-notes/package.json b/addons/ondevice-notes/package.json
index de8fe2f9dc9..1f2162ce908 100644
--- a/addons/ondevice-notes/package.json
+++ b/addons/ondevice-notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-notes",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Write notes for your react-native Storybook stories.",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2",
     "react-native-simple-markdown": "^1.1.0"
diff --git a/addons/options/package.json b/addons/options/package.json
index afcd44c44cd..50510f3c76b 100644
--- a/addons/options/package.json
+++ b/addons/options/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-options",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Options addon for storybook",
   "keywords": [
     "addon",
@@ -22,7 +22,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "util-deprecate": "^1.0.2"
   },
diff --git a/addons/queryparams/package.json b/addons/queryparams/package.json
index b130853d755..324eb3ceed3 100644
--- a/addons/queryparams/package.json
+++ b/addons/queryparams/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-queryparams",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "parameter addon for storybook",
   "keywords": [
     "addon",
@@ -23,12 +23,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index 7b5dad91979..3bff8fd32f2 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
   "keywords": [
     "addon",
@@ -25,7 +25,7 @@
     "storybook": "start-storybook -p 6006"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "glob": "^7.1.3",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index 1c1fdfcefd7..d03b69b7ea3 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": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Image snappshots addition to StoryShots base on puppeteer",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/node-logger": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "jest-image-snapshot": "^2.8.2",
     "regenerator-runtime": "^0.12.1"
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index b52ec90b7e1..0c184fb8cda 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Stories addon for storybook",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "loader-utils": "^1.2.3",
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 12efeea45fb..203c0797fde 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook addon to change the viewport size to mobile",
   "keywords": [
     "addon",
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
diff --git a/app/angular/package.json b/app/angular/package.json
index fb0192ed3d4..cd5051651d7 100644
--- a/app/angular/package.json
+++ b/app/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,9 +26,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/core": "5.2.0-beta.0",
-    "@storybook/node-logger": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/node-logger": "5.2.0-beta.1",
     "angular2-template-loader": "^0.6.2",
     "core-js": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^1.3.4",
diff --git a/app/ember/package.json b/app/ember/package.json
index 98d4726dc30..f65f30316f3 100644
--- a/app/ember/package.json
+++ b/app/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
   "bugs": {
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@ember/test-helpers": "^1.5.0",
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/html/package.json b/app/html/package.json
index e5f37d66565..5d30420f047 100644
--- a/app/html/package.json
+++ b/app/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,8 +26,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/marko/package.json b/app/marko/package.json
index 47ca38c4732..0e352be1ca5 100644
--- a/app/marko/package.json
+++ b/app/marko/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/marko",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/mithril/package.json b/app/mithril/package.json
index d759550449d..d9160029d67 100644
--- a/app/mithril/package.json
+++ b/app/mithril/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/mithril",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Mithril: Develop Mithril Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/polymer/package.json b/app/polymer/package.json
index accdc093f34..41e3d0bcdd4 100644
--- a/app/polymer/package.json
+++ b/app/polymer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/polymer",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/app/preact/package.json b/app/preact/package.json
index 92bcb0333ac..83c813b7d72 100644
--- a/app/preact/package.json
+++ b/app/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/rax/package.json b/app/rax/package.json
index 41543d89bdf..af6359612fa 100644
--- a/app/rax/package.json
+++ b/app/rax/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/rax",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Rax: Develop Rax Component in isolation.",
   "keywords": [
     "storybook",
@@ -27,7 +27,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "babel-preset-rax": "^1.0.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^2.6.2",
diff --git a/app/react-native-server/package.json b/app/react-native-server/package.json
index a8102eaeb93..f5cb06f1f72 100644
--- a/app/react-native-server/package.json
+++ b/app/react-native-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-server",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/channel-websocket": "5.2.0-beta.0",
-    "@storybook/core": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/ui": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/channel-websocket": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/ui": "5.2.0-beta.1",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/react-native/package.json b/app/react-native/package.json
index a30b92882e6..2e052a5f42e 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,11 +24,11 @@
   "dependencies": {
     "@emotion/core": "^10.0.14",
     "@emotion/native": "^10.0.14",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/channel-websocket": "5.2.0-beta.0",
-    "@storybook/channels": "5.2.0-beta.0",
-    "@storybook/client-api": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/channel-websocket": "5.2.0-beta.1",
+    "@storybook/channels": "5.2.0-beta.1",
+    "@storybook/client-api": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "emotion-theming": "^10.0.14",
     "react-native-swipe-gestures": "^1.0.3",
diff --git a/app/react/package.json b/app/react/package.json
index 9b8e6d4c109..4133e613b43 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -29,9 +29,9 @@
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/core": "5.2.0-beta.0",
-    "@storybook/node-logger": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/node-logger": "5.2.0-beta.1",
     "@svgr/webpack": "^4.0.3",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-named-asset-import": "^0.3.1",
diff --git a/app/riot/package.json b/app/riot/package.json
index 93fc82e8a8e..4855f799d62 100644
--- a/app/riot/package.json
+++ b/app/riot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/riot",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/svelte/package.json b/app/svelte/package.json
index 4eef5a06f48..5eefaf1534d 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/vue/package.json b/app/vue/package.json
index 16447c556c5..10890509fee 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.0",
+    "@storybook/core": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-decorator/package.json b/dev-kits/addon-decorator/package.json
index 7445f47392b..13e9568c75b 100644
--- a/dev-kits/addon-decorator/package.json
+++ b/dev-kits/addon-decorator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-decorator",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "decorator addon for storybook",
   "keywords": [
     "devkit",
@@ -24,8 +24,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/client-api": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/client-api": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^3.0.1"
   },
diff --git a/dev-kits/addon-parameter/package.json b/dev-kits/addon-parameter/package.json
index bf04206e8d7..0087f7945e0 100644
--- a/dev-kits/addon-parameter/package.json
+++ b/dev-kits/addon-parameter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-parameter",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "parameter addon for storybook",
   "keywords": [
     "devkit",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-roundtrip/package.json b/dev-kits/addon-roundtrip/package.json
index 4245a9ae96a..6f536ef2208 100644
--- a/dev-kits/addon-roundtrip/package.json
+++ b/dev-kits/addon-roundtrip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-roundtrip",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "roundtrip addon for storybook",
   "keywords": [
     "devkit",
@@ -24,13 +24,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/client-api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/client-api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/examples-native/crna-kitchen-sink/package.json b/examples-native/crna-kitchen-sink/package.json
index 0aa8c8980bc..3872d963861 100644
--- a/examples-native/crna-kitchen-sink/package.json
+++ b/examples-native/crna-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crna-kitchen-sink",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
@@ -24,14 +24,14 @@
   "devDependencies": {
     "@babel/core": "^7.2.2",
     "@babel/plugin-transform-react-jsx-source": "^7.2.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-ondevice-actions": "5.2.0-beta.0",
-    "@storybook/addon-ondevice-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-ondevice-knobs": "5.2.0-beta.0",
-    "@storybook/addon-ondevice-notes": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/react-native": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-ondevice-actions": "5.2.0-beta.1",
+    "@storybook/addon-ondevice-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-ondevice-knobs": "5.2.0-beta.1",
+    "@storybook/addon-ondevice-notes": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/react-native": "5.2.0-beta.1",
     "babel-loader": "^8.0.4",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-expo": "^5.1.1",
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index f2eaeb0574a..6a4e53f947d 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -34,21 +34,21 @@
     "@angular-devkit/build-angular": "^0.13.4",
     "@angular/cli": "^7.3.6",
     "@angular/compiler-cli": "^7.2.6",
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-docs": "5.2.0-beta.0",
-    "@storybook/addon-jest": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/angular": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-docs": "5.2.0-beta.1",
+    "@storybook/addon-jest": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/angular": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "@types/core-js": "^2.5.0",
     "@types/jest": "^24.0.11",
     "@types/node": "~12.0.2",
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index 0f577fd7f8e..7d7a66f0e6c 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -19,22 +19,22 @@
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-events": "5.2.0-beta.0",
-    "@storybook/addon-info": "5.2.0-beta.0",
-    "@storybook/addon-jest": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/react": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-events": "5.2.0-beta.1",
+    "@storybook/addon-info": "5.2.0-beta.1",
+    "@storybook/addon-jest": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/react": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "react-scripts": "^3.0.1"
   }
 }
diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json
index f12410fc057..38501cba434 100644
--- a/examples/cra-react15/package.json
+++ b/examples/cra-react15/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-react15",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "dependencies": {
     "babel-loader": "8.0.6",
@@ -19,10 +19,10 @@
     "build-storybook": "build-storybook -s public"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/react": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/react": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "babel-core": "6",
     "babel-runtime": "6"
   }
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index 0adeb3569f2..681ee20e00b 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": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -14,12 +14,12 @@
     "react-dom": "^16.8.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-info": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/react": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-info": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/react": "5.2.0-beta.1",
     "@types/enzyme": "^3.9.0",
     "@types/react": "^16.8.3",
     "@types/react-dom": "^16.8.2",
diff --git a/examples/dev-kits/package.json b/examples/dev-kits/package.json
index b205c0c8a28..e2d0d682db3 100644
--- a/examples/dev-kits/package.json
+++ b/examples/dev-kits/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-devkits",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -8,15 +8,15 @@
     "storybook": "start-storybook -p 9011 -c ./"
   },
   "devDependencies": {
-    "@storybook/addon-decorator": "5.2.0-beta.0",
-    "@storybook/addon-parameter": "5.2.0-beta.0",
-    "@storybook/addon-roundtrip": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/node-logger": "5.2.0-beta.0",
-    "@storybook/react": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addon-decorator": "5.2.0-beta.1",
+    "@storybook/addon-parameter": "5.2.0-beta.1",
+    "@storybook/addon-roundtrip": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/node-logger": "5.2.0-beta.1",
+    "@storybook/react": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index cb7fcd15edd..946366fc839 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build": "ember build",
@@ -15,19 +15,19 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/ember": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/ember": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "babel-loader": "^8",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^5.2.0",
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index 2a4c1cee337..74963cb2de6 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,25 +14,25 @@
     "storybook": "start-storybook -p 9006 --no-dll"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-events": "5.2.0-beta.0",
-    "@storybook/addon-jest": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/client-api": "5.2.0-beta.0",
-    "@storybook/core": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/html": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-events": "5.2.0-beta.1",
+    "@storybook/addon-jest": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/client-api": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/html": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2"
diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json
index ff296007dee..fde4e30a4bc 100644
--- a/examples/marko-cli/package.json
+++ b/examples/marko-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "marko-cli",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "description": "Demo of how to build an app using marko-starter",
   "repository": {
@@ -24,14 +24,14 @@
     "marko-starter": "^2.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/marko": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/marko": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "prettier": "^1.16.4",
     "webpack": "^4.33.0"
   }
diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json
index f1790f7dfef..af25554fcb4 100644
--- a/examples/mithril-kitchen-sink/package.json
+++ b/examples/mithril-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mithril-example",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -11,20 +11,20 @@
     "mithril": "^1.1.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/mithril": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/mithril": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "webpack": "^4.33.0"
   }
 }
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index 1ce2abc9874..27b8f38e1bb 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -15,34 +15,34 @@
   },
   "devDependencies": {
     "@packtracker/webpack-plugin": "^2.0.1",
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-contexts": "5.2.0-beta.0",
-    "@storybook/addon-cssresources": "5.2.0-beta.0",
-    "@storybook/addon-design-assets": "5.2.0-beta.0",
-    "@storybook/addon-docs": "5.2.0-beta.0",
-    "@storybook/addon-events": "5.2.0-beta.0",
-    "@storybook/addon-graphql": "5.2.0-beta.0",
-    "@storybook/addon-info": "5.2.0-beta.0",
-    "@storybook/addon-jest": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-queryparams": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storyshots-puppeteer": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/node-logger": "5.2.0-beta.0",
-    "@storybook/react": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-contexts": "5.2.0-beta.1",
+    "@storybook/addon-cssresources": "5.2.0-beta.1",
+    "@storybook/addon-design-assets": "5.2.0-beta.1",
+    "@storybook/addon-docs": "5.2.0-beta.1",
+    "@storybook/addon-events": "5.2.0-beta.1",
+    "@storybook/addon-graphql": "5.2.0-beta.1",
+    "@storybook/addon-info": "5.2.0-beta.1",
+    "@storybook/addon-jest": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-queryparams": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storyshots-puppeteer": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/node-logger": "5.2.0-beta.1",
+    "@storybook/react": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json
index 202b686682e..af1d23a5e91 100644
--- a/examples/polymer-cli/package.json
+++ b/examples/polymer-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "polymer-cli",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -10,17 +10,17 @@
   },
   "dependencies": {
     "@polymer/polymer": "^2.6.0",
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/polymer": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/polymer": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "global": "^4.3.2",
     "lit-html": "^1.0.0",
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index ba1a70aa0b7..8df48a24d95 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,21 +16,21 @@
   "devDependencies": {
     "@babel/core": "^7.3.4",
     "@babel/plugin-transform-runtime": "^7.2.0",
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-contexts": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/preact": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-contexts": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/preact": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/rax-kitchen-sink/package.json b/examples/rax-kitchen-sink/package.json
index 4ceb898df37..c45bfe10266 100644
--- a/examples/rax-kitchen-sink/package.json
+++ b/examples/rax-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rax-kitchen-sink",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "test:generate-output": "jest --json --outputFile=jest-test-results.json --config=./jest-addon.config.js",
@@ -24,23 +24,23 @@
     "rax-view": "^0.6.5"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-events": "5.2.0-beta.0",
-    "@storybook/addon-info": "5.2.0-beta.0",
-    "@storybook/addon-jest": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/rax": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-events": "5.2.0-beta.1",
+    "@storybook/addon-info": "5.2.0-beta.1",
+    "@storybook/addon-jest": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/rax": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "babel-eslint": "^8.2.2",
     "babel-preset-rax": "^1.0.0-beta.0",
     "rax-scripts": "^1.0.0-beta.10",
diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json
index 89a72c0cef8..b0257557fa4 100644
--- a/examples/riot-kitchen-sink/package.json
+++ b/examples/riot-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "riot-example",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,20 +16,20 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/riot": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/riot": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index b7bcfe9723c..fe06d1f35d1 100644
--- a/examples/standalone-preview/package.json
+++ b/examples/standalone-preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "standalone-preview",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "storybook": "parcel ./storybook.html --port 1337"
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index 63bc793dd3f..9d3358ce667 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -11,19 +11,19 @@
     "global": "^4.3.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
-    "@storybook/svelte": "5.2.0-beta.0"
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/svelte": "5.2.0-beta.1"
   }
 }
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index 8a1c4b8760d..3cc0fcb2fe1 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,22 +15,22 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-beta.0",
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-backgrounds": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-contexts": "5.2.0-beta.0",
-    "@storybook/addon-docs": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addon-storysource": "5.2.0-beta.0",
-    "@storybook/addon-viewport": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/source-loader": "5.2.0-beta.0",
-    "@storybook/vue": "5.2.0-beta.0",
+    "@storybook/addon-a11y": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-backgrounds": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-contexts": "5.2.0-beta.1",
+    "@storybook/addon-docs": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addon-storysource": "5.2.0-beta.1",
+    "@storybook/addon-viewport": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/vue": "5.2.0-beta.1",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.5",
     "cross-env": "^5.2.0",
diff --git a/lerna.json b/lerna.json
index 1e9756abe31..50ad8df9bea 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "5.2.0-beta.0"
+  "version": "5.2.0-beta.1"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index 1ed4297a460..66a1b083ca1 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -21,9 +21,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/channels": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/channels": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/lib/api/package.json b/lib/api/package.json
index e5157588dc9..dbba0bd9c5c 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -20,11 +20,11 @@
     "prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/channels": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index f9f7758f9e0..3cc246e0840 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/channels": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "telejson": "^2.2.1"
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index 7c28ab9e381..7a6beec79b2 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-beta.0",
+    "@storybook/channels": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "json-fn": "^1.1.1"
diff --git a/lib/channels/package.json b/lib/channels/package.json
index 45d369ef61e..5bdee229ff9 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 38de7fbb2c9..10ff9b9b0f8 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -30,7 +30,7 @@
     "@babel/core": "^7.4.5",
     "@babel/preset-env": "^7.4.5",
     "@babel/register": "^7.0.0",
-    "@storybook/codemod": "5.2.0-beta.0",
+    "@storybook/codemod": "5.2.0-beta.1",
     "chalk": "^2.4.1",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
@@ -46,33 +46,33 @@
     "update-notifier": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-beta.0",
-    "@storybook/addon-centered": "5.2.0-beta.0",
-    "@storybook/addon-graphql": "5.2.0-beta.0",
-    "@storybook/addon-info": "5.2.0-beta.0",
-    "@storybook/addon-knobs": "5.2.0-beta.0",
-    "@storybook/addon-links": "5.2.0-beta.0",
-    "@storybook/addon-notes": "5.2.0-beta.0",
-    "@storybook/addon-options": "5.2.0-beta.0",
-    "@storybook/addon-storyshots": "5.2.0-beta.0",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/angular": "5.2.0-beta.0",
-    "@storybook/channel-postmessage": "5.2.0-beta.0",
-    "@storybook/channel-websocket": "5.2.0-beta.0",
-    "@storybook/channels": "5.2.0-beta.0",
-    "@storybook/ember": "5.2.0-beta.0",
-    "@storybook/html": "5.2.0-beta.0",
-    "@storybook/marko": "5.2.0-beta.0",
-    "@storybook/mithril": "5.2.0-beta.0",
-    "@storybook/polymer": "5.2.0-beta.0",
-    "@storybook/preact": "5.2.0-beta.0",
-    "@storybook/rax": "5.2.0-beta.0",
-    "@storybook/react": "5.2.0-beta.0",
-    "@storybook/react-native": "5.2.0-beta.0",
-    "@storybook/riot": "5.2.0-beta.0",
-    "@storybook/svelte": "5.2.0-beta.0",
-    "@storybook/ui": "5.2.0-beta.0",
-    "@storybook/vue": "5.2.0-beta.0"
+    "@storybook/addon-actions": "5.2.0-beta.1",
+    "@storybook/addon-centered": "5.2.0-beta.1",
+    "@storybook/addon-graphql": "5.2.0-beta.1",
+    "@storybook/addon-info": "5.2.0-beta.1",
+    "@storybook/addon-knobs": "5.2.0-beta.1",
+    "@storybook/addon-links": "5.2.0-beta.1",
+    "@storybook/addon-notes": "5.2.0-beta.1",
+    "@storybook/addon-options": "5.2.0-beta.1",
+    "@storybook/addon-storyshots": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/angular": "5.2.0-beta.1",
+    "@storybook/channel-postmessage": "5.2.0-beta.1",
+    "@storybook/channel-websocket": "5.2.0-beta.1",
+    "@storybook/channels": "5.2.0-beta.1",
+    "@storybook/ember": "5.2.0-beta.1",
+    "@storybook/html": "5.2.0-beta.1",
+    "@storybook/marko": "5.2.0-beta.1",
+    "@storybook/mithril": "5.2.0-beta.1",
+    "@storybook/polymer": "5.2.0-beta.1",
+    "@storybook/preact": "5.2.0-beta.1",
+    "@storybook/rax": "5.2.0-beta.1",
+    "@storybook/react": "5.2.0-beta.1",
+    "@storybook/react-native": "5.2.0-beta.1",
+    "@storybook/riot": "5.2.0-beta.1",
+    "@storybook/svelte": "5.2.0-beta.1",
+    "@storybook/ui": "5.2.0-beta.1",
+    "@storybook/vue": "5.2.0-beta.1"
   },
   "publishConfig": {
     "access": "public"
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index d7610209120..0a27a12bff9 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/channel-postmessage": "5.2.0-beta.0",
-    "@storybook/channels": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/channel-postmessage": "5.2.0-beta.1",
+    "@storybook/channels": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "eventemitter3": "^3.1.0",
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index a0a9888f8cc..11516df8263 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 2044cf97416..fbcfaf49cf5 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.2.0-beta.0",
+    "@storybook/node-logger": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "cross-spawn": "^6.0.5",
     "globby": "^10.0.1",
diff --git a/lib/components/package.json b/lib/components/package.json
index e9a4e0a0f1a..b1f23198a75 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "@types/react-syntax-highlighter": "10.1.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index e9cf9e1b514..3455d3bf956 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/lib/core/package.json b/lib/core/package.json
index d7ab88ae5b5..07258dc4390 100644
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -25,15 +25,15 @@
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-env": "^7.4.5",
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/channel-postmessage": "5.2.0-beta.0",
-    "@storybook/client-api": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/node-logger": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
-    "@storybook/ui": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/channel-postmessage": "5.2.0-beta.1",
+    "@storybook/client-api": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/node-logger": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/ui": "5.2.0-beta.1",
     "airbnb-js-shims": "^1 || ^2",
     "ansi-to-html": "^0.6.11",
     "autoprefixer": "^9.4.9",
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index f622e9cfa7f..d282e5f06a0 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/router/package.json b/lib/router/package.json
index 5cfcecfc863..78deaa2a6f9 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index 277cc693830..c620e5c1cd5 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "global": "^4.3.2",
diff --git a/lib/theming/package.json b/lib/theming/package.json
index d714a9bd2dc..7b0680186a5 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -23,7 +23,7 @@
   "dependencies": {
     "@emotion/core": "^10.0.14",
     "@emotion/styled": "^10.0.14",
-    "@storybook/client-logger": "5.2.0-beta.0",
+    "@storybook/client-logger": "5.2.0-beta.1",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "deep-object-diff": "^1.1.0",
diff --git a/lib/ui/package.json b/lib/ui/package.json
index fd8e2b1a07b..7606b45a3ea 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "5.2.0-beta.0",
+  "version": "5.2.0-beta.1",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -22,14 +22,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.0",
-    "@storybook/api": "5.2.0-beta.0",
-    "@storybook/channels": "5.2.0-beta.0",
-    "@storybook/client-logger": "5.2.0-beta.0",
-    "@storybook/components": "5.2.0-beta.0",
-    "@storybook/core-events": "5.2.0-beta.0",
-    "@storybook/router": "5.2.0-beta.0",
-    "@storybook/theming": "5.2.0-beta.0",
+    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/channels": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/components": "5.2.0-beta.1",
+    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/theming": "5.2.0-beta.1",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "core-js-pure": "^3.0.1",

From e630c6903b6dab9eaf266caece6cf4c8dba7fd1e Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 10:17:40 +0800
Subject: [PATCH 47/66] Update version.ts

---
 lib/api/src/version.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index b96f37a0f72..ab84b3e0254 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '5.2.0-beta.0';
+export const version = '5.2.0-beta.1';

From 753402eb86fd65d01bd08d0db3a5c8a8b399f3f0 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 10:20:11 +0800
Subject: [PATCH 48/66] 5.2.0-beta.1 next.json version file

---
 docs/src/versions/next.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json
index a0d98c29af8..bdab3e78fd1 100644
--- a/docs/src/versions/next.json
+++ b/docs/src/versions/next.json
@@ -1 +1 @@
-{"version":"5.2.0-beta.0","info":{"plain":"### Features\n\n* Codemod: Convert module format to MDX ([#7418](https://github.com/storybookjs/storybook/pull/7418))"}}
\ No newline at end of file
+{"version":"5.2.0-beta.1","info":{"plain":"### Features\n\n* React native: Emit event when story is rendered ([#7449](https://github.com/storybookjs/storybook/pull/7449))\n\n### Bug Fixes\n\n* Addon-knobs: improve types via generics and readonlyarray ([#7411](https://github.com/storybookjs/storybook/pull/7411))\n* Ondevice-backgrounds: use same param key as addon-backgrounds ([#7437](https://github.com/storybookjs/storybook/pull/7437))"}}
\ No newline at end of file

From fa87bb091d252883582d9ee8b0d29af93618fdee Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 12:26:15 +0800
Subject: [PATCH 49/66] Fix sb migrate on npm: use npx to run jscodeshift

---
 lib/codemod/src/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/codemod/src/index.js b/lib/codemod/src/index.js
index 0b2726471a8..8977ff40530 100644
--- a/lib/codemod/src/index.js
+++ b/lib/codemod/src/index.js
@@ -42,8 +42,8 @@ export async function runCodemod(codemod, { glob, logger, dryRun, rename, hasYar
   const files = await globby([glob, '!node_modules', '!dist']);
   logger.log(`=> Applying ${codemod}: ${files.length} files`);
   if (!dryRun) {
-    const runner = hasYarn ? 'yarn' : 'npm';
-    spawnSync(runner, ['run', 'jscodeshift', '-t', `${TRANSFORM_DIR}/${codemod}.js`, ...files], {
+    const runner = hasYarn ? 'yarn' : 'npx';
+    spawnSync(runner, ['jscodeshift', '-t', `${TRANSFORM_DIR}/${codemod}.js`, ...files], {
       stdio: 'inherit',
     });
   }

From 7be57273768c58aa37714d18acd55fa1ce6fe92c Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 12:37:59 +0800
Subject: [PATCH 50/66] CLI: sb migrate typescript support

---
 lib/cli/bin/generate.js  |  7 ++++---
 lib/codemod/src/index.js | 13 +++++++++----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/lib/cli/bin/generate.js b/lib/cli/bin/generate.js
index c9fddf3d1fc..2752b350ae0 100644
--- a/lib/cli/bin/generate.js
+++ b/lib/cli/bin/generate.js
@@ -22,7 +22,7 @@ if (process.argv[1].includes('getstorybook')) {
     .option('-f --force', 'Forcely add storybook')
     .option('-s --skip-install', 'Skip installing deps')
     .option('-N --use-npm', 'Use npm to install deps')
-    .option('-p --parser <babel | babylon | flow>', 'jscodeshift parser')
+    .option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser')
     .option('-t --type <type>', 'Add Storybook for a specific project type')
     .option('-y --yes', 'Answer yes to all prompts')
     .action(options => initiate(options, pkg));
@@ -53,6 +53,7 @@ if (process.argv[1].includes('getstorybook')) {
     .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')
     .option(
       '-n --dry-run',
       'Dry run: verify the migration exists and show the files to which it will be applied'
@@ -61,8 +62,8 @@ if (process.argv[1].includes('getstorybook')) {
       '-r --rename <from-to>',
       'Rename suffix of matching files after codemod has been applied, e.g. ".js:.ts"'
     )
-    .action((migration, { configDir, glob, dryRun, list, rename }) => {
-      migrate(migration, { configDir, glob, dryRun, list, rename, logger }).catch(err => {
+    .action((migration, { configDir, glob, dryRun, list, rename, parser }) => {
+      migrate(migration, { configDir, glob, dryRun, list, rename, parser, logger }).catch(err => {
         logger.error(err);
         process.exit(1);
       });
diff --git a/lib/codemod/src/index.js b/lib/codemod/src/index.js
index 8977ff40530..a78536fb76b 100644
--- a/lib/codemod/src/index.js
+++ b/lib/codemod/src/index.js
@@ -25,7 +25,7 @@ async function renameFile(file, from, to, { logger }) {
   return fs.rename(file, newFile);
 }
 
-export async function runCodemod(codemod, { glob, logger, dryRun, rename, hasYarn }) {
+export async function runCodemod(codemod, { glob, logger, dryRun, rename, hasYarn, parser }) {
   const codemods = listCodemods();
   if (!codemods.includes(codemod)) {
     throw new Error(`Unknown codemod ${codemod}. Run --list for options.`);
@@ -43,9 +43,14 @@ export async function runCodemod(codemod, { glob, logger, dryRun, rename, hasYar
   logger.log(`=> Applying ${codemod}: ${files.length} files`);
   if (!dryRun) {
     const runner = hasYarn ? 'yarn' : 'npx';
-    spawnSync(runner, ['jscodeshift', '-t', `${TRANSFORM_DIR}/${codemod}.js`, ...files], {
-      stdio: 'inherit',
-    });
+    const parserArgs = parser ? ['--parser', parser] : [];
+    spawnSync(
+      runner,
+      ['jscodeshift', '-t', `${TRANSFORM_DIR}/${codemod}.js`, ...parserArgs, ...files],
+      {
+        stdio: 'inherit',
+      }
+    );
   }
 
   if (renameParts) {

From 3a42f39d40a6e967205a21b1093b536eaae4ebe1 Mon Sep 17 00:00:00 2001
From: Gytis Vinclovas <gytis.vinclovas@gmail.com>
Date: Thu, 18 Jul 2019 12:46:39 +0300
Subject: [PATCH 51/66] Displays proper input name. Filters out fields  from
 other which have group id. Added some margin to group tabs to make them look
 "better".

---
 addons/ondevice-knobs/src/GroupTabs.js | 1 +
 addons/ondevice-knobs/src/PropField.js | 3 ++-
 addons/ondevice-knobs/src/panel.js     | 5 +++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/addons/ondevice-knobs/src/GroupTabs.js b/addons/ondevice-knobs/src/GroupTabs.js
index d6632c2a176..b1e38d7ff19 100644
--- a/addons/ondevice-knobs/src/GroupTabs.js
+++ b/addons/ondevice-knobs/src/GroupTabs.js
@@ -14,6 +14,7 @@ class GroupTabs extends Component {
     return (
       <TouchableOpacity
         style={{
+          marginTop: 5,
           marginRight: 15,
           paddingBottom: 10,
         }}
diff --git a/addons/ondevice-knobs/src/PropField.js b/addons/ondevice-knobs/src/PropField.js
index 3fe8f3a3852..3b053b5a180 100644
--- a/addons/ondevice-knobs/src/PropField.js
+++ b/addons/ondevice-knobs/src/PropField.js
@@ -19,7 +19,7 @@ const PropField = ({ onChange, onPress, knob }) => {
             fontWeight: 'bold',
           }}
         >
-          {`${knob.name}`}
+          {`${knob.label || knob.name}`}
         </Text>
       ) : null}
       <InputType knob={knob} onChange={onChange} onPress={onPress} />
@@ -30,6 +30,7 @@ const PropField = ({ onChange, onPress, knob }) => {
 PropField.propTypes = {
   knob: PropTypes.shape({
     name: PropTypes.string,
+    label: PropTypes.string,
     value: PropTypes.any,
     hideLabel: PropTypes.bool,
     type: PropTypes.oneOf([
diff --git a/addons/ondevice-knobs/src/panel.js b/addons/ondevice-knobs/src/panel.js
index e8266207887..3a87df68534 100644
--- a/addons/ondevice-knobs/src/panel.js
+++ b/addons/ondevice-knobs/src/panel.js
@@ -118,6 +118,11 @@ export default class Panel extends React.Component {
         render: () => <Text id={DEFAULT_GROUP_ID}>{DEFAULT_GROUP_ID}</Text>,
         title: DEFAULT_GROUP_ID,
       };
+
+      if (groupId === DEFAULT_GROUP_ID) {
+        knobsArray = knobsArray.filter(key => !knobs[key].groupId);
+      }
+
       if (groupId !== DEFAULT_GROUP_ID) {
         knobsArray = knobsArray.filter(key => knobs[key].groupId === groupId);
       }

From 19613e93eedfd436032f2b3297d1d74100733450 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 18:18:41 +0800
Subject: [PATCH 52/66] convert-storiesof-to-module: user exports, collisions,
 reserved keywords

---
 lib/codemod/src/lib/isReserved.js             |  3 ++
 .../collision.input.js                        |  2 ++
 .../collision.output.js                       | 12 +++++++
 .../const.input.js                            |  1 +
 .../const.output.js                           |  9 +++++
 .../exports.input.js                          |  2 ++
 .../exports.output.js                         |  8 +++++
 .../convert-storiesof-to-module.test.js       |  3 ++
 .../transforms/convert-storiesof-to-module.js | 33 ++++++++++++++++---
 9 files changed, 69 insertions(+), 4 deletions(-)
 create mode 100644 lib/codemod/src/lib/isReserved.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/collision.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/collision.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/const.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/const.output.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/exports.input.js
 create mode 100644 lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/exports.output.js

diff --git a/lib/codemod/src/lib/isReserved.js b/lib/codemod/src/lib/isReserved.js
new file mode 100644
index 00000000000..99d1b7e9e8e
--- /dev/null
+++ b/lib/codemod/src/lib/isReserved.js
@@ -0,0 +1,3 @@
+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)$/;
+
+export const isReserved = name => RESERVED.exec(name);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/collision.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/collision.input.js
new file mode 100644
index 00000000000..72e64decea8
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/collision.input.js
@@ -0,0 +1,2 @@
+export const foo = 1;
+storiesOf('bar', module).add('foo', () => <button />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/collision.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/collision.output.js
new file mode 100644
index 00000000000..d1300c5bd14
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/collision.output.js
@@ -0,0 +1,12 @@
+export const foo = 1;
+
+export default {
+  title: 'bar',
+  excludeStories: ['foo'],
+};
+
+export const story0 = () => <button />;
+
+story0.story = {
+  name: 'foo',
+};
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/const.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/const.input.js
new file mode 100644
index 00000000000..a3083631514
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/const.input.js
@@ -0,0 +1 @@
+storiesOf('bar', module).add('const', () => <button />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/const.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/const.output.js
new file mode 100644
index 00000000000..a7972561330
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/const.output.js
@@ -0,0 +1,9 @@
+export default {
+  title: 'bar',
+};
+
+export const constStory = () => <button />;
+
+constStory.story = {
+  name: 'const',
+};
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/exports.input.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/exports.input.js
new file mode 100644
index 00000000000..6096c9e0ae6
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/exports.input.js
@@ -0,0 +1,2 @@
+export const foo = 1;
+storiesOf('bar', module).add('baz', () => <button />);
diff --git a/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/exports.output.js b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/exports.output.js
new file mode 100644
index 00000000000..8cf839c793e
--- /dev/null
+++ b/lib/codemod/src/transforms/__testfixtures__/convert-storiesof-to-module/exports.output.js
@@ -0,0 +1,8 @@
+export const foo = 1;
+
+export default {
+  title: 'bar',
+  excludeStories: ['foo'],
+};
+
+export const baz = () => <button />;
diff --git a/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js b/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
index 21a053db2e9..fba8f205ee5 100644
--- a/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
+++ b/lib/codemod/src/transforms/__tests__/convert-storiesof-to-module.test.js
@@ -10,6 +10,9 @@ const testNames = [
   'module',
   'multi',
   'default',
+  'exports',
+  'collision',
+  'const',
 ];
 
 testNames.forEach(testName => {
diff --git a/lib/codemod/src/transforms/convert-storiesof-to-module.js b/lib/codemod/src/transforms/convert-storiesof-to-module.js
index fc330b033df..f76db05fa49 100644
--- a/lib/codemod/src/transforms/convert-storiesof-to-module.js
+++ b/lib/codemod/src/transforms/convert-storiesof-to-module.js
@@ -1,6 +1,7 @@
 import prettier from 'prettier';
 import camelCase from 'lodash/camelCase';
 import { logger } from '@storybook/node-logger';
+import { isReserved } from '../lib/isReserved';
 
 /**
  * Convert a legacy story file to module format
@@ -27,7 +28,7 @@ export default function transformer(file, api, options) {
   const j = api.jscodeshift;
   const root = j(file.source);
 
-  function convertToModuleExports(path) {
+  function convertToModuleExports(path, originalExports, counter) {
     const base = j(path);
 
     const statements = [];
@@ -72,6 +73,16 @@ export default function transformer(file, api, options) {
       );
     }
 
+    if (originalExports.length > 0) {
+      extraExports.push(
+        j.property(
+          'init',
+          j.identifier('excludeStories'),
+          j.arrayExpression(originalExports.map(exp => j.literal(exp)))
+        )
+      );
+    }
+
     // storiesOf(...)
     base
       .find(j.CallExpression)
@@ -106,10 +117,18 @@ export default function transformer(file, api, options) {
       if (/\s/.exec(key)) {
         name = key;
         key = camelCase(key);
-      } else if (key === 'default') {
+      } else if (isReserved(key)) {
         name = key;
-        key = 'defaultStory';
+        key = `${key}Story`;
       }
+
+      if (originalExports.includes(key)) {
+        if (!name) {
+          name = key;
+        }
+        key = `story${counter}`;
+      }
+
       const val = add.node.arguments[1];
       statements.push(
         j.exportDeclaration(
@@ -163,6 +182,12 @@ export default function transformer(file, api, options) {
     return root.toSource();
   }
 
+  // Exclude all the original named exports
+  const originalExports = [];
+  root
+    .find(j.ExportNamedDeclaration)
+    .forEach(exp => originalExports.push(exp.node.declaration.declarations[0].id.name));
+
   // each top-level add expression corresponds to the last "add" of the chain.
   // replace it with the entire export statements
   root
@@ -170,7 +195,7 @@ export default function transformer(file, api, options) {
     .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.parentPath.node.type === 'ExpressionStatement')
-    .forEach(convertToModuleExports);
+    .forEach((path, i) => convertToModuleExports(path, originalExports, i));
 
   // remove storiesOf import
   root

From 755dd839968170d2faed4fa8d409815bbcbed519 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 19:52:42 +0800
Subject: [PATCH 53/66] Add MDX example to cra-kitchen-sink

---
 examples/cra-kitchen-sink/.storybook/config.js         | 1 +
 examples/cra-kitchen-sink/.storybook/presets.js        | 8 ++++++++
 examples/cra-kitchen-sink/src/stories/test.stories.mdx | 7 +++++++
 3 files changed, 16 insertions(+)
 create mode 100644 examples/cra-kitchen-sink/.storybook/presets.js
 create mode 100644 examples/cra-kitchen-sink/src/stories/test.stories.mdx

diff --git a/examples/cra-kitchen-sink/.storybook/config.js b/examples/cra-kitchen-sink/.storybook/config.js
index ebbb2759a1a..c981008d107 100644
--- a/examples/cra-kitchen-sink/.storybook/config.js
+++ b/examples/cra-kitchen-sink/.storybook/config.js
@@ -23,3 +23,4 @@ addParameters({
 });
 
 load(require.context('../src/stories', true, /\.stories\.js$/), module);
+load(require.context('../src/stories', true, /\.stories\.mdx$/), module);
diff --git a/examples/cra-kitchen-sink/.storybook/presets.js b/examples/cra-kitchen-sink/.storybook/presets.js
new file mode 100644
index 00000000000..bd5d86e6e96
--- /dev/null
+++ b/examples/cra-kitchen-sink/.storybook/presets.js
@@ -0,0 +1,8 @@
+module.exports = [
+  {
+    name: '@storybook/addon-docs/react/preset',
+    options: {
+      configureJSX: true,
+    },
+  },
+];
diff --git a/examples/cra-kitchen-sink/src/stories/test.stories.mdx b/examples/cra-kitchen-sink/src/stories/test.stories.mdx
new file mode 100644
index 00000000000..1e6df8d1d17
--- /dev/null
+++ b/examples/cra-kitchen-sink/src/stories/test.stories.mdx
@@ -0,0 +1,7 @@
+import { Story, Meta } from '@storybook/addon-docs/blocks';
+
+<Meta title="Docs|Test" />
+
+<Story name="NewStory123">
+  <h2> Hello </h2>
+</Story>

From b7425085c3dec0ca223b322e808d7ae33ff50998 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 20:06:34 +0800
Subject: [PATCH 54/66] Addon-docs: Upgrade MDX to 1.1

---
 addons/docs/package.json |   6 +-
 yarn.lock                | 202 ++++++++++-----------------------------
 2 files changed, 51 insertions(+), 157 deletions(-)

diff --git a/addons/docs/package.json b/addons/docs/package.json
index 27064b7560d..c2ef45b51a8 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -25,9 +25,9 @@
   "dependencies": {
     "@babel/generator": "^7.4.0",
     "@babel/parser": "^7.4.2",
-    "@mdx-js/loader": "^1.0.0",
-    "@mdx-js/mdx": "^1.0.0",
-    "@mdx-js/react": "^1.0.16",
+    "@mdx-js/loader": "^1.1.0",
+    "@mdx-js/mdx": "^1.1.0",
+    "@mdx-js/react": "^1.0.27",
     "@storybook/addons": "5.2.0-beta.1",
     "@storybook/api": "5.2.0-beta.1",
     "@storybook/components": "5.2.0-beta.1",
diff --git a/yarn.lock b/yarn.lock
index 13dd86a34a4..25396388a73 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3212,40 +3212,39 @@
     npmlog "^4.1.2"
     write-file-atomic "^2.3.0"
 
-"@mdx-js/loader@^1.0.0":
-  version "1.0.21"
-  resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-1.0.21.tgz#72fa5422ead35ac68aa452a032a84dd4f49e845b"
-  integrity sha512-1e/OZSGRSJHjp/ICroPVgja3v97q4pKm1TTFo/Hn1G5DWihOIFf+PUZgqD58Y1mbWhSHZrP4ZLmySVjmCjgUog==
+"@mdx-js/loader@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@mdx-js/loader/-/loader-1.1.0.tgz#1acc2b78ff30125f6c0ccf6d70c3cd4df8697cf4"
+  integrity sha512-RAofvZn4Ef3w+STolAzVBPujW8DXl7wj80bptXa7rp8NhBof6xU6TEy4HEbCpJtOGwt6uFI5AU37B7g24qw/IA==
   dependencies:
-    "@mdx-js/mdx" "^1.0.21"
-    "@mdx-js/react" "^1.0.21"
+    "@mdx-js/mdx" "^1.1.0"
+    "@mdx-js/react" "^1.0.27"
     loader-utils "^1.1.0"
 
-"@mdx-js/mdx@^1.0.0", "@mdx-js/mdx@^1.0.21":
-  version "1.0.21"
-  resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.0.21.tgz#028a7975fff026222f7ace19c8c130290c649025"
-  integrity sha512-B+n3PvrtdUcaCgDmWFaBf4n/zsls5hoyNPkWe2CzUx3ggR0SoD4UqCQR7iIZZ//fUjAwFODGf+2H0aJ3tIlB7w==
+"@mdx-js/mdx@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.1.0.tgz#9a7138e31e4933d53afca59e0460ab33771af5fe"
+  integrity sha512-WHWVPLStet4zc25nEDePNt7YUcCOgEa8q0F0QuE8Ddv5QphuXA7SNtRl2o+xMCm5r7Q5A1RrsG7lipMU4Pviqw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-jsx" "^7.2.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
-    change-case "^3.0.2"
     detab "^2.0.0"
     hast-util-raw "^5.0.0"
     lodash.uniq "^4.5.0"
-    mdast-util-to-hast "^4.0.0"
-    remark-mdx "^1.0.21"
+    mdast-util-to-hast "^6.0.1"
+    remark-mdx "^1.1.0"
     remark-parse "^6.0.0"
     remark-squeeze-paragraphs "^3.0.1"
     to-style "^1.3.3"
-    unified "^7.0.0"
+    unified "^8.2.0"
     unist-builder "^1.0.1"
     unist-util-visit "^1.3.0"
 
-"@mdx-js/react@^1.0.16", "@mdx-js/react@^1.0.21":
-  version "1.0.21"
-  resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.0.21.tgz#fc569b86d19f426774591fa401d999ddf6ea5948"
-  integrity sha512-+7H1UfIytxKN/nSdojCRzUM/ZeQ6/EUg8F9bnY2NnPGuF+67cug6vZBAx9famtAey0Ms0dr2QAuCOd8k3SkhJg==
+"@mdx-js/react@^1.0.27":
+  version "1.0.27"
+  resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.0.27.tgz#7461e39f8880eceff8f48b0240e6cdc0f01cc8db"
+  integrity sha512-sCv3ItE5L6rdpnZR0s69C8KFgz4pmhGsH4de0ZiO+fiCC/L6asuKLubf9QZk3oG3vjebym/V593CE15vRXvvwQ==
 
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"
@@ -8414,7 +8413,7 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camel-case@3.0.x, camel-case@^3.0.0:
+camel-case@3.0.x:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
   integrity sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=
@@ -8589,30 +8588,6 @@ chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
-change-case@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/change-case/-/change-case-3.1.0.tgz#0e611b7edc9952df2e8513b27b42de72647dd17e"
-  integrity sha512-2AZp7uJZbYEzRPsFoa+ijKdvp9zsrnnt6+yFokfwEpeJm0xuJDVoxiRCAaTzyJND8GJkofo2IcKWaUZ/OECVzw==
-  dependencies:
-    camel-case "^3.0.0"
-    constant-case "^2.0.0"
-    dot-case "^2.1.0"
-    header-case "^1.0.0"
-    is-lower-case "^1.1.0"
-    is-upper-case "^1.1.0"
-    lower-case "^1.1.1"
-    lower-case-first "^1.0.0"
-    no-case "^2.3.2"
-    param-case "^2.1.0"
-    pascal-case "^2.0.0"
-    path-case "^2.1.0"
-    sentence-case "^2.1.0"
-    snake-case "^2.1.0"
-    swap-case "^1.1.0"
-    title-case "^2.1.0"
-    upper-case "^1.1.1"
-    upper-case-first "^1.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"
@@ -9449,14 +9424,6 @@ consolidate@^0.15.1:
   dependencies:
     bluebird "^3.1.1"
 
-constant-case@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/constant-case/-/constant-case-2.0.0.tgz#4175764d389d3fa9c8ecd29186ed6005243b6a46"
-  integrity sha1-QXV2TTidP6nI7NKRhu1gBSQ7akY=
-  dependencies:
-    snake-case "^2.1.0"
-    upper-case "^1.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"
@@ -10978,13 +10945,6 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-dot-case@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-2.1.1.tgz#34dcf37f50a8e93c2b3bca8bb7fb9155c7da3bee"
-  integrity sha1-NNzzf1Co6TwrO8qLt/uRVcfaO+4=
-  dependencies:
-    no-case "^2.2.0"
-
 dot-prop@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-3.0.0.tgz#1b708af094a49c9a0e7dbcad790aba539dac1177"
@@ -15055,14 +15015,6 @@ he@1.2.x, he@^1.1.0, he@^1.1.1:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-header-case@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/header-case/-/header-case-1.0.1.tgz#9535973197c144b09613cd65d317ef19963bd02d"
-  integrity sha1-lTWXMZfBRLCWE81l0xfvGZY70C0=
-  dependencies:
-    no-case "^2.2.0"
-    upper-case "^1.1.3"
-
 heimdalljs-fs-monitor@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/heimdalljs-fs-monitor/-/heimdalljs-fs-monitor-0.2.2.tgz#a76d98f52dbf3aa1b7c20cebb0132e2f5eeb9204"
@@ -16245,13 +16197,6 @@ is-installed-globally@^0.1.0:
     global-dirs "^0.1.0"
     is-path-inside "^1.0.0"
 
-is-lower-case@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/is-lower-case/-/is-lower-case-1.1.3.tgz#7e147be4768dc466db3bfb21cc60b31e6ad69393"
-  integrity sha1-fhR75HaNxGbbO/shzGCzHmrWk5M=
-  dependencies:
-    lower-case "^1.1.0"
-
 is-negated-glob@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2"
@@ -16351,6 +16296,11 @@ is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
   integrity sha1-caUMhCnfync8kqOQpKA7OfzVHT4=
 
+is-plain-obj@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.0.0.tgz#7fd1a7f1b69e160cde9181d2313f445c68aa2679"
+  integrity sha512-EYisGhpgSCwspmIuRHGjROWTon2Xp8Z7U03Wubk/bTL5TTRC5R1rGVgyjzBrk9+ULdH6cRD06KRcw/xfqhVYKQ==
+
 is-plain-object@2.0.4, 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"
@@ -16502,13 +16452,6 @@ is-unc-path@^1.0.0:
   dependencies:
     unc-path-regex "^0.1.2"
 
-is-upper-case@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-upper-case/-/is-upper-case-1.1.2.tgz#8d0b1fa7e7933a1e58483600ec7d9661cbaf756f"
-  integrity sha1-jQsfp+eTOh5YSDYA7H2WYcuvdW8=
-  dependencies:
-    upper-case "^1.1.0"
-
 is-url@^1.2.2:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
@@ -19181,14 +19124,7 @@ loud-rejection@^1.0.0:
     currently-unhandled "^0.4.1"
     signal-exit "^3.0.0"
 
-lower-case-first@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/lower-case-first/-/lower-case-first-1.0.2.tgz#e5da7c26f29a7073be02d52bac9980e5922adfa1"
-  integrity sha1-5dp8JvKacHO+AtUrrJmA5ZIq36E=
-  dependencies:
-    lower-case "^1.1.2"
-
-lower-case@^1.1.0, lower-case@^1.1.1, lower-case@^1.1.2:
+lower-case@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
   integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
@@ -19597,10 +19533,10 @@ mdast-util-heading-style@^1.0.2:
   resolved "https://registry.yarnpkg.com/mdast-util-heading-style/-/mdast-util-heading-style-1.0.5.tgz#81b2e60d76754198687db0e8f044e42376db0426"
   integrity sha512-8zQkb3IUwiwOdUw6jIhnwM6DPyib+mgzQuHAe7j2Hy1rIarU4VUxe472bp9oktqULW3xqZE+Kz6OD4Gi7IA3vw==
 
-mdast-util-to-hast@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-4.0.0.tgz#d8467ce28ea73b4648667bc389aa39dfa9f67f18"
-  integrity sha512-yOTZSxR1aPvWRUxVeLaLZ1sCYrK87x2Wusp1bDM/Ao2jETBhYUKITI3nHvgy+HkZW54HuCAhHnS0mTcbECD5Ig==
+mdast-util-to-hast@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-6.0.1.tgz#98d5ff6d3179d2bb95609a12c8b1e370249d73f2"
+  integrity sha512-KRh9wIYzUQk877JcV+8q4FqBUEouLpCKMObqeWg4dnL1/rh9vtSIq5mqQFwIK9YzSULl91F8FP5+EJ/xqRHaBw==
   dependencies:
     collapse-white-space "^1.0.0"
     detab "^2.0.0"
@@ -20723,7 +20659,7 @@ nice-try@^1.0.4:
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
   integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
-no-case@^2.2.0, no-case@^2.3.2:
+no-case@^2.2.0:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.2.tgz#60b813396be39b3f1288a4c1ed5d1e7d28b464ac"
   integrity sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==
@@ -21890,7 +21826,7 @@ parallel-transform@^1.1.0:
     inherits "^2.0.3"
     readable-stream "^2.1.5"
 
-param-case@2.1.x, param-case@^2.1.0:
+param-case@2.1.x:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
   integrity sha1-35T9jPZTHs915r75oIWPvHK+Ikc=
@@ -22151,14 +22087,6 @@ parseurl@~1.3.2, parseurl@~1.3.3:
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
-pascal-case@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-2.0.1.tgz#2d578d3455f660da65eca18ef95b4e0de912761e"
-  integrity sha1-LVeNNFX2YNpl7KGO+VtODekSdh4=
-  dependencies:
-    camel-case "^3.0.0"
-    upper-case-first "^1.1.0"
-
 pascalcase@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -22179,13 +22107,6 @@ path-browserify@1.0.0:
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.0.tgz#40702a97af46ae00b0ea6fa8998c0b03c0af160d"
   integrity sha512-Hkavx/nY4/plImrZPHRk2CL9vpOymZLgEbMNX1U0bjcBL7QN9wODxyx0yaMZURSQaUtSEvDrfAvxa9oPb0at9g==
 
-path-case@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/path-case/-/path-case-2.1.1.tgz#94b8037c372d3fe2906e465bb45e25d226e8eea5"
-  integrity sha1-lLgDfDctP+KQbkZbtF4l0ibo7qU=
-  dependencies:
-    no-case "^2.2.0"
-
 path-dirname@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
@@ -25927,10 +25848,10 @@ remark-lint@^6.0.0, remark-lint@^6.0.4:
   dependencies:
     remark-message-control "^4.0.0"
 
-remark-mdx@^1.0.21:
-  version "1.0.21"
-  resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.0.21.tgz#cf5a59ad68cce6c1f687953dcf504212fbd32555"
-  integrity sha512-paYs43yHPkxEuhyWXvRGJdupdurua1ttmGeu5GLqU/qc17BaZklCdNSEjCNXRa2LM0pOFRv0KVJigfA2vfaDEQ==
+remark-mdx@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.1.0.tgz#35fde951866411ff1dde2a243f43ec7e90bc25e5"
+  integrity sha512-WW5WNg0NZnvCaXnrIMGwKG5HLwzCUkOtIMFLwTjB0vRE8QJRvhJUYykX3LrfS2EVIxVFTspZx9YzzV0BY/gfaQ==
   dependencies:
     "@babel/core" "^7.2.2"
     "@babel/helper-plugin-utils" "^7.0.0"
@@ -25938,7 +25859,7 @@ remark-mdx@^1.0.21:
     "@babel/plugin-syntax-jsx" "^7.2.0"
     is-alphabetical "^1.0.2"
     remark-parse "^6.0.0"
-    unified "^7.0.0"
+    unified "^8.2.0"
 
 remark-message-control@^4.0.0:
   version "4.2.0"
@@ -26905,14 +26826,6 @@ send@0.17.1:
     range-parser "~1.2.1"
     statuses "~1.5.0"
 
-sentence-case@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/sentence-case/-/sentence-case-2.1.1.tgz#1f6e2dda39c168bf92d13f86d4a918933f667ed4"
-  integrity sha1-H24t2jnBaL+S0T+G1KkYkz9mftQ=
-  dependencies:
-    no-case "^2.2.0"
-    upper-case-first "^1.1.2"
-
 serialize-error@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-2.1.0.tgz#50b679d5635cdf84667bdc8e59af4e5b81d5f60a"
@@ -27329,13 +27242,6 @@ smart-buffer@4.0.2:
   resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.0.2.tgz#5207858c3815cc69110703c6b94e46c15634395d"
   integrity sha512-JDhEpTKzXusOqXZ0BUIdH+CjFdO/CR3tLlf5CN34IypI+xMmXW1uB16OOY8z3cICbJlDAVJzNbwBhNO0wt9OAw==
 
-snake-case@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-2.1.0.tgz#41bdb1b73f30ec66a04d4e2cad1b76387d4d6d9f"
-  integrity sha1-Qb2xtz8w7GagTU4srRt2OH1NbZ8=
-  dependencies:
-    no-case "^2.2.0"
-
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -28402,14 +28308,6 @@ svgo@^1.0.0, svgo@^1.0.5, svgo@^1.2.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-swap-case@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/swap-case/-/swap-case-1.1.2.tgz#c39203a4587385fad3c850a0bd1bcafa081974e3"
-  integrity sha1-w5IDpFhzhfrTyFCgvRvK+ggZdOM=
-  dependencies:
-    lower-case "^1.1.1"
-    upper-case "^1.1.1"
-
 symbol-observable@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.1.tgz#8340fc4702c3122df5d22288f88283f513d3fdd4"
@@ -28877,14 +28775,6 @@ tinycolor2@^1.4.1:
   resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.4.1.tgz#f4fad333447bc0b07d4dc8e9209d8f39a8ac77e8"
   integrity sha1-9PrTM0R7wLB9TcjpIJ2POaisd+g=
 
-title-case@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/title-case/-/title-case-2.1.1.tgz#3e127216da58d2bc5becf137ab91dae3a7cd8faa"
-  integrity sha1-PhJyFtpY0rxb7PE3q5Ha46fNj6o=
-  dependencies:
-    no-case "^2.2.0"
-    upper-case "^1.0.3"
-
 tmp@0.0.28:
   version "0.0.28"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.28.tgz#172735b7f614ea7af39664fa84cf0de4e515d120"
@@ -29715,6 +29605,17 @@ unified@^7.0.0, unified@^7.1.0:
     vfile "^3.0.0"
     x-is-string "^0.1.0"
 
+unified@^8.2.0:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/unified/-/unified-8.3.2.tgz#aed69d0e577d6ef27268431c63a10faef60e63ab"
+  integrity sha512-NDtUAXcd4c+mKppCbsZHzmhkKEQuhveZNBrFYmNgMIMk2K9bc8hmG3mLEGVtRmSNodobwyMePAnvIGVWZfPdzQ==
+  dependencies:
+    bail "^1.0.0"
+    extend "^3.0.0"
+    is-plain-obj "^2.0.0"
+    trough "^1.0.0"
+    vfile "^4.0.0"
+
 union-value@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -29934,14 +29835,7 @@ update-notifier@^3.0.0:
     semver-diff "^2.0.0"
     xdg-basedir "^3.0.0"
 
-upper-case-first@^1.1.0, upper-case-first@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/upper-case-first/-/upper-case-first-1.1.2.tgz#5d79bedcff14419518fd2edb0a0507c9b6859115"
-  integrity sha1-XXm+3P8UQZUY/S7bCgUHybaFkRU=
-  dependencies:
-    upper-case "^1.1.1"
-
-upper-case@^1.0.3, upper-case@^1.1.0, upper-case@^1.1.1, upper-case@^1.1.3:
+upper-case@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
   integrity sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=
@@ -30250,7 +30144,7 @@ vfile@^3.0.0:
     unist-util-stringify-position "^1.0.0"
     vfile-message "^1.0.0"
 
-vfile@^4.0.1:
+vfile@^4.0.0, vfile@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/vfile/-/vfile-4.0.1.tgz#fc3d43a1c71916034216bf65926d5ee3c64ed60c"
   integrity sha512-lRHFCuC4SQBFr7Uq91oJDJxlnftoTLQ7eKIpMdubhYcVMho4781a8MWXLy3qZrZ0/STD1kRiKc0cQOHm4OkPeA==

From b2dce19b1d4518f08081ca7ef4d89232f61a3bfb Mon Sep 17 00:00:00 2001
From: Gytis Vinclovas <gytis.vinclovas@gmail.com>
Date: Thu, 18 Jul 2019 16:03:42 +0300
Subject: [PATCH 55/66] Do not autocapitalize input. Change funny (curly) ios
 quotes to normal quotes in json. Allow to empty number input without
 displaying NaN in input.

---
 addons/ondevice-knobs/src/panel.js        |  9 ++++++-
 addons/ondevice-knobs/src/types/Array.js  |  1 +
 addons/ondevice-knobs/src/types/Number.js | 32 ++++++++++++++++++++---
 addons/ondevice-knobs/src/types/Object.js | 11 ++++++--
 addons/ondevice-knobs/src/types/Select.js |  1 +
 addons/ondevice-knobs/src/types/Text.js   |  1 +
 6 files changed, 48 insertions(+), 7 deletions(-)

diff --git a/addons/ondevice-knobs/src/panel.js b/addons/ondevice-knobs/src/panel.js
index e8266207887..c3ce0ddec9c 100644
--- a/addons/ondevice-knobs/src/panel.js
+++ b/addons/ondevice-knobs/src/panel.js
@@ -79,7 +79,14 @@ export default class Panel extends React.Component {
 
     this.setState({ knobs: newKnobs });
 
-    this.setState({ knobs: newKnobs }, this.emitChange(changedKnob));
+    this.setState(
+      { knobs: newKnobs },
+      this.emitChange(
+        changedKnob.type === 'number'
+          ? { ...changedKnob, value: parseFloat(changedKnob.value) }
+          : changedKnob
+      )
+    );
   }
 
   handleClick(knob) {
diff --git a/addons/ondevice-knobs/src/types/Array.js b/addons/ondevice-knobs/src/types/Array.js
index 6bace69d5a9..8234353f642 100644
--- a/addons/ondevice-knobs/src/types/Array.js
+++ b/addons/ondevice-knobs/src/types/Array.js
@@ -14,6 +14,7 @@ const ArrayType = ({ knob, onChange }) => (
   <TextInput
     id={knob.name}
     underlineColorAndroid="transparent"
+    autoCapitalize="none"
     style={{
       borderWidth: 1,
       borderColor: '#f7f4f4',
diff --git a/addons/ondevice-knobs/src/types/Number.js b/addons/ondevice-knobs/src/types/Number.js
index b4ebb21fdfc..8442b9bc133 100644
--- a/addons/ondevice-knobs/src/types/Number.js
+++ b/addons/ondevice-knobs/src/types/Number.js
@@ -2,6 +2,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { TextInput, View, Slider } from 'react-native';
 
+const replaceComma = x => x.replace(',', '.');
+
 class NumberType extends React.Component {
   constructor(props) {
     super(props);
@@ -9,8 +11,28 @@ class NumberType extends React.Component {
     this.renderRange = this.renderRange.bind(this);
   }
 
+  numberTransformer = initial => {
+    const x = replaceComma(initial);
+
+    if (Number.isNaN(Number(x))) {
+      return x.substr(0, x.length - 1);
+    }
+
+    return x;
+  };
+
+  onChangeNormal = val => {
+    const { onChange } = this.props;
+
+    const value = replaceComma(val);
+
+    if (!Number.isNaN(value)) {
+      onChange(value);
+    }
+  };
+
   renderNormal() {
-    const { knob, onChange } = this.props;
+    const { knob } = this.props;
 
     return (
       <TextInput
@@ -22,10 +44,12 @@ class NumberType extends React.Component {
           padding: 5,
           color: '#555',
         }}
+        autoCapitalize="none"
         underlineColorAndroid="transparent"
-        value={knob.value.toString()}
+        value={(knob.value || '').toString()}
+        transformer={this.numberTransformer}
         keyboardType="numeric"
-        onChangeText={val => onChange(parseFloat(val))}
+        onChangeText={this.onChangeNormal}
       />
     );
   }
@@ -61,7 +85,7 @@ NumberType.defaultProps = {
 NumberType.propTypes = {
   knob: PropTypes.shape({
     name: PropTypes.string,
-    value: PropTypes.number,
+    value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     step: PropTypes.number,
     min: PropTypes.number,
     max: PropTypes.number,
diff --git a/addons/ondevice-knobs/src/types/Object.js b/addons/ondevice-knobs/src/types/Object.js
index 22837763c60..2fef52a20e5 100644
--- a/addons/ondevice-knobs/src/types/Object.js
+++ b/addons/ondevice-knobs/src/types/Object.js
@@ -37,12 +37,18 @@ class ObjectType extends React.Component {
 
   handleChange = value => {
     const { onChange } = this.props;
+
+    const withReplacedQuotes = value
+      .replace(/[\u2018\u2019]/g, "'")
+      .replace(/[\u201C\u201D]/g, '"');
+
     const newState = {
-      jsonString: value,
+      jsonString: withReplacedQuotes,
     };
 
     try {
-      newState.json = JSON.parse(value.trim());
+      newState.json = JSON.parse(withReplacedQuotes.trim());
+
       onChange(newState.json);
       this.failed = false;
     } catch (err) {
@@ -70,6 +76,7 @@ class ObjectType extends React.Component {
         value={jsonString}
         onChangeText={this.handleChange}
         multiline
+        autoCapitalize="none"
         underlineColorAndroid="transparent"
       />
     );
diff --git a/addons/ondevice-knobs/src/types/Select.js b/addons/ondevice-knobs/src/types/Select.js
index 1b79e345d7f..533f74c4b28 100644
--- a/addons/ondevice-knobs/src/types/Select.js
+++ b/addons/ondevice-knobs/src/types/Select.js
@@ -40,6 +40,7 @@ class SelectType extends React.Component {
             }}
             editable={false}
             value={selected}
+            autoCapitalize="none"
             underlineColorAndroid="transparent"
           />
         </ModalPicker>
diff --git a/addons/ondevice-knobs/src/types/Text.js b/addons/ondevice-knobs/src/types/Text.js
index b5812d7ebe1..5c96f27310e 100644
--- a/addons/ondevice-knobs/src/types/Text.js
+++ b/addons/ondevice-knobs/src/types/Text.js
@@ -16,6 +16,7 @@ const TextType = ({ knob, onChange }) => (
     id={knob.name}
     value={knob.value}
     onChangeText={onChange}
+    autoCapitalize="none"
     underlineColorAndroid="transparent"
   />
 );

From 1921884b6c5550bb7fc937d1f48056b3c3039870 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 22:15:56 +0800
Subject: [PATCH 56/66] 5.2.0-beta.2 changelog

---
 CHANGELOG.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 21a4ebbf5fd..37e53010fe6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,20 @@
+## 5.2.0-beta.2 (July 18, 2019)
+
+### Features
+
+* CLI: convert mdx to module format ([#7419](https://github.com/storybookjs/storybook/pull/7419))
+* CLI: sb migrate npm & typescript support ([#7463](https://github.com/storybookjs/storybook/pull/7463))
+* Addon-Docs: HTML support & example ([#7454](https://github.com/storybookjs/storybook/pull/7454))
+
+### Bug Fixes
+
+* Convert-storiesof-to-module: user exports, collisions, reserved keywords ([#7471](https://github.com/storybookjs/storybook/pull/7471))
+* React-native: On-device knobs fixes ([#7470](https://github.com/storybookjs/storybook/pull/7470))
+
+### Dependency Upgrades
+
+* Addon-docs: Upgrade MDX to 1.1 ([#7476](https://github.com/storybookjs/storybook/pull/7476))
+
 ## 5.2.0-beta.1 (July 18, 2019)
 
 ### Features

From d597cdd048644c70c05c9c00bf0a999dc1f5b545 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 22:21:11 +0800
Subject: [PATCH 57/66] v5.2.0-beta.2

---
 addons/a11y/package.json                      | 14 ++---
 addons/actions/package.json                   | 14 ++---
 addons/backgrounds/package.json               | 14 ++---
 addons/centered/package.json                  |  4 +-
 addons/contexts/package.json                  | 10 ++--
 addons/cssresources/package.json              | 10 ++--
 addons/design-assets/package.json             | 14 ++---
 addons/docs/package.json                      | 12 ++--
 addons/events/package.json                    | 12 ++--
 addons/google-analytics/package.json          |  6 +-
 addons/graphql/package.json                   |  6 +-
 addons/info/package.json                      | 10 ++--
 addons/jest/package.json                      | 12 ++--
 addons/knobs/package.json                     | 12 ++--
 addons/links/package.json                     |  8 +--
 addons/notes/package.json                     | 16 ++---
 addons/ondevice-actions/package.json          |  8 +--
 addons/ondevice-backgrounds/package.json      |  4 +-
 addons/ondevice-knobs/package.json            |  6 +-
 addons/ondevice-notes/package.json            |  6 +-
 addons/options/package.json                   |  4 +-
 addons/queryparams/package.json               | 14 ++---
 .../storyshots/storyshots-core/package.json   |  4 +-
 .../storyshots-puppeteer/package.json         |  6 +-
 addons/storysource/package.json               | 10 ++--
 addons/viewport/package.json                  | 14 ++---
 app/angular/package.json                      |  8 +--
 app/ember/package.json                        |  4 +-
 app/html/package.json                         |  6 +-
 app/marko/package.json                        |  4 +-
 app/mithril/package.json                      |  4 +-
 app/polymer/package.json                      |  4 +-
 app/preact/package.json                       |  4 +-
 app/rax/package.json                          |  4 +-
 app/react-native-server/package.json          | 14 ++---
 app/react-native/package.json                 | 12 ++--
 app/react/package.json                        |  8 +--
 app/riot/package.json                         |  4 +-
 app/svelte/package.json                       |  4 +-
 app/vue/package.json                          |  4 +-
 dev-kits/addon-decorator/package.json         |  6 +-
 dev-kits/addon-parameter/package.json         | 14 ++---
 dev-kits/addon-roundtrip/package.json         | 16 ++---
 .../crna-kitchen-sink/package.json            | 18 +++---
 examples/angular-cli/package.json             | 32 +++++-----
 examples/cra-kitchen-sink/package.json        | 34 +++++------
 examples/cra-react15/package.json             | 10 ++--
 examples/cra-ts-kitchen-sink/package.json     | 14 ++---
 examples/dev-kits/package.json                | 20 +++----
 examples/ember-cli/package.json               | 28 ++++-----
 examples/html-kitchen-sink/package.json       | 42 +++++++-------
 examples/marko-cli/package.json               | 18 +++---
 examples/mithril-kitchen-sink/package.json    | 30 +++++-----
 examples/official-storybook/package.json      | 58 +++++++++----------
 examples/polymer-cli/package.json             | 24 ++++----
 examples/preact-kitchen-sink/package.json     | 32 +++++-----
 examples/rax-kitchen-sink/package.json        | 36 ++++++------
 examples/riot-kitchen-sink/package.json       | 30 +++++-----
 examples/standalone-preview/package.json      |  2 +-
 examples/svelte-kitchen-sink/package.json     | 30 +++++-----
 examples/vue-kitchen-sink/package.json        | 34 +++++------
 lerna.json                                    |  2 +-
 lib/addons/package.json                       |  8 +--
 lib/api/package.json                          | 12 ++--
 lib/channel-postmessage/package.json          |  6 +-
 lib/channel-websocket/package.json            |  4 +-
 lib/channels/package.json                     |  2 +-
 lib/cli/package.json                          | 58 +++++++++----------
 lib/client-api/package.json                   | 14 ++---
 lib/client-logger/package.json                |  2 +-
 lib/codemod/package.json                      |  4 +-
 lib/components/package.json                   |  6 +-
 lib/core-events/package.json                  |  2 +-
 lib/core/package.json                         | 20 +++----
 lib/node-logger/package.json                  |  2 +-
 lib/router/package.json                       |  2 +-
 lib/source-loader/package.json                |  6 +-
 lib/theming/package.json                      |  4 +-
 lib/ui/package.json                           | 18 +++---
 79 files changed, 517 insertions(+), 517 deletions(-)

diff --git a/addons/a11y/package.json b/addons/a11y/package.json
index ba0b36a35f2..fa3c45f406a 100644
--- a/addons/a11y/package.json
+++ b/addons/a11y/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -26,12 +26,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "axe-core": "^3.2.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/addons/actions/package.json b/addons/actions/package.json
index 74797d21651..e7951c1dcf9 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-actions",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Action Logger addon for storybook",
   "keywords": [
     "storybook"
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-api": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-api": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
index c8de65edeb3..29b7da07b83 100644
--- a/addons/backgrounds/package.json
+++ b/addons/backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-backgrounds",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "A storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -25,12 +25,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "memoizerific": "^1.11.3",
     "react": "^16.8.3",
diff --git a/addons/centered/package.json b/addons/centered/package.json
index 7ca2fc49d80..10c60ba10a8 100644
--- a/addons/centered/package.json
+++ b/addons/centered/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-centered",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook decorator to center components",
   "keywords": [
     "addon",
@@ -23,7 +23,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/addons/contexts/package.json b/addons/contexts/package.json
index 52270af6fbb..0e5ea8f979c 100644
--- a/addons/contexts/package.json
+++ b/addons/contexts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-contexts",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook Addon Contexts",
   "keywords": [
     "storybook",
@@ -28,10 +28,10 @@
     "dev:check-types": "tsc --noEmit"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
     "core-js": "^3.0.1"
   },
   "peerDependencies": {
diff --git a/addons/cssresources/package.json b/addons/cssresources/package.json
index 45d1a9b06dc..78b39d66866 100644
--- a/addons/cssresources/package.json
+++ b/addons/cssresources/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-cssresources",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "A storybook addon to switch between css resources at runtime for your story",
   "keywords": [
     "addon",
@@ -25,10 +25,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3"
diff --git a/addons/design-assets/package.json b/addons/design-assets/package.json
index df281c52960..317bdf131b5 100644
--- a/addons/design-assets/package.json
+++ b/addons/design-assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-design-assets",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Design asset preview for storybook",
   "keywords": [
     "addon",
@@ -27,12 +27,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/docs/package.json b/addons/docs/package.json
index c2ef45b51a8..257b921e298 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Superior documentation for your components",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "@mdx-js/loader": "^1.1.0",
     "@mdx-js/mdx": "^1.1.0",
     "@mdx-js/react": "^1.0.27",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.11",
diff --git a/addons/events/package.json b/addons/events/package.json
index 26a86093a6e..078cb4682bd 100644
--- a/addons/events/package.json
+++ b/addons/events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-events",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Add events to your Storybook stories.",
   "keywords": [
     "addon",
@@ -24,11 +24,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-api": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-api": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "format-json": "^1.0.3",
     "lodash": "^4.17.11",
diff --git a/addons/google-analytics/package.json b/addons/google-analytics/package.json
index aca302e8043..7196e90be4a 100644
--- a/addons/google-analytics/package.json
+++ b/addons/google-analytics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-google-analytics",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook addon for google analytics",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react-ga": "^2.5.7"
diff --git a/addons/graphql/package.json b/addons/graphql/package.json
index 2de72ae7923..8fe9abb3e6e 100644
--- a/addons/graphql/package.json
+++ b/addons/graphql/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-graphql",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook addon to display the GraphiQL IDE",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "graphiql": "^0.13.0",
diff --git a/addons/info/package.json b/addons/info/package.json
index f9f953f531d..9382a7e6df1 100644
--- a/addons/info/package.json
+++ b/addons/info/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-info",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "A Storybook addon to show additional information for your stories.",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "jsx-to-string": "^1.4.0",
diff --git a/addons/jest/package.json b/addons/jest/package.json
index 532c1f9423e..2bc0fa2aad6 100644
--- a/addons/jest/package.json
+++ b/addons/jest/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-jest",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "React storybook addon that show component jest report",
   "keywords": [
     "addon",
@@ -28,11 +28,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "react": "^16.8.3",
diff --git a/addons/knobs/package.json b/addons/knobs/package.json
index abbfe841848..293c62118f5 100644
--- a/addons/knobs/package.json
+++ b/addons/knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-knobs",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook Addon Prop Editor Component",
   "keywords": [
     "addon",
@@ -22,11 +22,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/client-api": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/client-api": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "escape-html": "^1.0.3",
diff --git a/addons/links/package.json b/addons/links/package.json
index 5b417b58a39..cd51e8d683c 100644
--- a/addons/links/package.json
+++ b/addons/links/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-links",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Story Links addon for storybook",
   "keywords": [
     "addon",
@@ -22,9 +22,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/notes/package.json b/addons/notes/package.json
index fb987b61834..64ee905bfbd 100644
--- a/addons/notes/package.json
+++ b/addons/notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-notes",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Write notes for your Storybook stories.",
   "keywords": [
     "addon",
@@ -23,13 +23,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "markdown-to-jsx": "^6.9.3",
diff --git a/addons/ondevice-actions/package.json b/addons/ondevice-actions/package.json
index 42d89c66c40..4017e2d9376 100644
--- a/addons/ondevice-actions/package.json
+++ b/addons/ondevice-actions/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-actions",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Action Logger addon for react-native storybook",
   "keywords": [
     "storybook"
@@ -19,13 +19,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
     "core-js": "^2.5.7",
     "fast-deep-equal": "^2.0.1"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-beta.1"
+    "@storybook/addon-actions": "5.2.0-beta.2"
   },
   "peerDependencies": {
     "@storybook/addon-actions": "*",
diff --git a/addons/ondevice-backgrounds/package.json b/addons/ondevice-backgrounds/package.json
index 9a7174f988d..2f251b01f6f 100644
--- a/addons/ondevice-backgrounds/package.json
+++ b/addons/ondevice-backgrounds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-backgrounds",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "A react-native storybook addon to show different backgrounds for your preview",
   "keywords": [
     "addon",
@@ -24,7 +24,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2"
   },
diff --git a/addons/ondevice-knobs/package.json b/addons/ondevice-knobs/package.json
index 15719a1ff95..85ab5e4121e 100644
--- a/addons/ondevice-knobs/package.json
+++ b/addons/ondevice-knobs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-knobs",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Display storybook story knobs on your deviced.",
   "keywords": [
     "addon",
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",
diff --git a/addons/ondevice-notes/package.json b/addons/ondevice-notes/package.json
index 1f2162ce908..420d21a65e0 100644
--- a/addons/ondevice-notes/package.json
+++ b/addons/ondevice-notes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-notes",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Write notes for your react-native Storybook stories.",
   "keywords": [
     "addon",
@@ -20,8 +20,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "prop-types": "^15.7.2",
     "react-native-simple-markdown": "^1.1.0"
diff --git a/addons/options/package.json b/addons/options/package.json
index 50510f3c76b..0f9b2a2b18b 100644
--- a/addons/options/package.json
+++ b/addons/options/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-options",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Options addon for storybook",
   "keywords": [
     "addon",
@@ -22,7 +22,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "util-deprecate": "^1.0.2"
   },
diff --git a/addons/queryparams/package.json b/addons/queryparams/package.json
index 324eb3ceed3..73b679b35a8 100644
--- a/addons/queryparams/package.json
+++ b/addons/queryparams/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-queryparams",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "parameter addon for storybook",
   "keywords": [
     "addon",
@@ -23,12 +23,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-core/package.json b/addons/storyshots/storyshots-core/package.json
index 3bff8fd32f2..326c13a457b 100644
--- a/addons/storyshots/storyshots-core/package.json
+++ b/addons/storyshots/storyshots-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storyshots",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "StoryShots is a Jest Snapshot Testing Addon for Storybook.",
   "keywords": [
     "addon",
@@ -25,7 +25,7 @@
     "storybook": "start-storybook -p 6006"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "glob": "^7.1.3",
     "global": "^4.3.2",
diff --git a/addons/storyshots/storyshots-puppeteer/package.json b/addons/storyshots/storyshots-puppeteer/package.json
index d03b69b7ea3..7b752b1d074 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": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Image snappshots addition to StoryShots base on puppeteer",
   "keywords": [
     "addon",
@@ -22,8 +22,8 @@
     "prepare": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/node-logger": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/node-logger": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "jest-image-snapshot": "^2.8.2",
     "regenerator-runtime": "^0.12.1"
diff --git a/addons/storysource/package.json b/addons/storysource/package.json
index 0c184fb8cda..7aa985bddb6 100644
--- a/addons/storysource/package.json
+++ b/addons/storysource/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-storysource",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Stories addon for storybook",
   "keywords": [
     "addon",
@@ -22,10 +22,10 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "loader-utils": "^1.2.3",
diff --git a/addons/viewport/package.json b/addons/viewport/package.json
index 203c0797fde..00e9fbe0cae 100644
--- a/addons/viewport/package.json
+++ b/addons/viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-viewport",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook addon to change the viewport size to mobile",
   "keywords": [
     "addon",
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "memoizerific": "^1.11.3",
diff --git a/app/angular/package.json b/app/angular/package.json
index cd5051651d7..313523f99e0 100644
--- a/app/angular/package.json
+++ b/app/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,9 +26,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/core": "5.2.0-beta.1",
-    "@storybook/node-logger": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/core": "5.2.0-beta.2",
+    "@storybook/node-logger": "5.2.0-beta.2",
     "angular2-template-loader": "^0.6.2",
     "core-js": "^3.0.1",
     "fork-ts-checker-webpack-plugin": "^1.3.4",
diff --git a/app/ember/package.json b/app/ember/package.json
index f65f30316f3..9c4462cf825 100644
--- a/app/ember/package.json
+++ b/app/ember/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ember",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
   "homepage": "https://github.com/storybookjs/storybook/tree/master/app/ember",
   "bugs": {
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@ember/test-helpers": "^1.5.0",
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/html/package.json b/app/html/package.json
index 5d30420f047..135eb876dc1 100644
--- a/app/html/package.json
+++ b/app/html/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,8 +26,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/core": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/marko/package.json b/app/marko/package.json
index 0e352be1ca5..ad313c35413 100644
--- a/app/marko/package.json
+++ b/app/marko/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/marko",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Marko: Develop Marko Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/mithril/package.json b/app/mithril/package.json
index d9160029d67..ccc395aac36 100644
--- a/app/mithril/package.json
+++ b/app/mithril/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/mithril",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Mithril: Develop Mithril Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/polymer/package.json b/app/polymer/package.json
index 41e3d0bcdd4..202172416a7 100644
--- a/app/polymer/package.json
+++ b/app/polymer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/polymer",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Polymer: Develop Polymer components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
diff --git a/app/preact/package.json b/app/preact/package.json
index 83c813b7d72..c80f83b8863 100644
--- a/app/preact/package.json
+++ b/app/preact/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/preact",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Preact: Develop Preact Component in isolation.",
   "keywords": [
     "storybook"
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/rax/package.json b/app/rax/package.json
index af6359612fa..4b81d6e5f4a 100644
--- a/app/rax/package.json
+++ b/app/rax/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/rax",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Rax: Develop Rax Component in isolation.",
   "keywords": [
     "storybook",
@@ -27,7 +27,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "babel-preset-rax": "^1.0.0-beta.0",
     "common-tags": "^1.8.0",
     "core-js": "^2.6.2",
diff --git a/app/react-native-server/package.json b/app/react-native-server/package.json
index f5cb06f1f72..eee1abe30aa 100644
--- a/app/react-native-server/package.json
+++ b/app/react-native-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-server",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/channel-websocket": "5.2.0-beta.1",
-    "@storybook/core": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/ui": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/channel-websocket": "5.2.0-beta.2",
+    "@storybook/core": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/ui": "5.2.0-beta.2",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/react-native/package.json b/app/react-native/package.json
index 2e052a5f42e..8bfa9c5f508 100644
--- a/app/react-native/package.json
+++ b/app/react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -24,11 +24,11 @@
   "dependencies": {
     "@emotion/core": "^10.0.14",
     "@emotion/native": "^10.0.14",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/channel-websocket": "5.2.0-beta.1",
-    "@storybook/channels": "5.2.0-beta.1",
-    "@storybook/client-api": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/channel-websocket": "5.2.0-beta.2",
+    "@storybook/channels": "5.2.0-beta.2",
+    "@storybook/client-api": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "emotion-theming": "^10.0.14",
     "react-native-swipe-gestures": "^1.0.3",
diff --git a/app/react/package.json b/app/react/package.json
index 4133e613b43..7b6156c5271 100644
--- a/app/react/package.json
+++ b/app/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -29,9 +29,9 @@
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/core": "5.2.0-beta.1",
-    "@storybook/node-logger": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/core": "5.2.0-beta.2",
+    "@storybook/node-logger": "5.2.0-beta.2",
     "@svgr/webpack": "^4.0.3",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "babel-plugin-named-asset-import": "^0.3.1",
diff --git a/app/riot/package.json b/app/riot/package.json
index 4855f799d62..ec055bad1bd 100644
--- a/app/riot/package.json
+++ b/app/riot/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/riot",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for riot.js: View riot snippets in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -25,7 +25,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/svelte/package.json b/app/svelte/package.json
index 5eefaf1534d..ab3ac4f5cfe 100644
--- a/app/svelte/package.json
+++ b/app/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/app/vue/package.json b/app/vue/package.json
index 10890509fee..eabaf735034 100644
--- a/app/vue/package.json
+++ b/app/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -26,7 +26,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core": "5.2.0-beta.1",
+    "@storybook/core": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-decorator/package.json b/dev-kits/addon-decorator/package.json
index 13e9568c75b..26dfcddbd50 100644
--- a/dev-kits/addon-decorator/package.json
+++ b/dev-kits/addon-decorator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-decorator",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "decorator addon for storybook",
   "keywords": [
     "devkit",
@@ -24,8 +24,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/client-api": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/client-api": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^3.0.1"
   },
diff --git a/dev-kits/addon-parameter/package.json b/dev-kits/addon-parameter/package.json
index 0087f7945e0..c1318e8e30b 100644
--- a/dev-kits/addon-parameter/package.json
+++ b/dev-kits/addon-parameter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-parameter",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "parameter addon for storybook",
   "keywords": [
     "devkit",
@@ -24,12 +24,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/dev-kits/addon-roundtrip/package.json b/dev-kits/addon-roundtrip/package.json
index 6f536ef2208..17232d13e08 100644
--- a/dev-kits/addon-roundtrip/package.json
+++ b/dev-kits/addon-roundtrip/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-roundtrip",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "roundtrip addon for storybook",
   "keywords": [
     "devkit",
@@ -24,13 +24,13 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/client-api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/client-api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/examples-native/crna-kitchen-sink/package.json b/examples-native/crna-kitchen-sink/package.json
index 3872d963861..7328e7a2bf1 100644
--- a/examples-native/crna-kitchen-sink/package.json
+++ b/examples-native/crna-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crna-kitchen-sink",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
@@ -24,14 +24,14 @@
   "devDependencies": {
     "@babel/core": "^7.2.2",
     "@babel/plugin-transform-react-jsx-source": "^7.2.0",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-ondevice-actions": "5.2.0-beta.1",
-    "@storybook/addon-ondevice-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-ondevice-knobs": "5.2.0-beta.1",
-    "@storybook/addon-ondevice-notes": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/react-native": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-ondevice-actions": "5.2.0-beta.2",
+    "@storybook/addon-ondevice-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-ondevice-knobs": "5.2.0-beta.2",
+    "@storybook/addon-ondevice-notes": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/react-native": "5.2.0-beta.2",
     "babel-loader": "^8.0.4",
     "babel-plugin-module-resolver": "^3.2.0",
     "babel-preset-expo": "^5.1.1",
diff --git a/examples/angular-cli/package.json b/examples/angular-cli/package.json
index 6a4e53f947d..fc2ee785c06 100644
--- a/examples/angular-cli/package.json
+++ b/examples/angular-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-cli",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -34,21 +34,21 @@
     "@angular-devkit/build-angular": "^0.13.4",
     "@angular/cli": "^7.3.6",
     "@angular/compiler-cli": "^7.2.6",
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-docs": "5.2.0-beta.1",
-    "@storybook/addon-jest": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/angular": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-docs": "5.2.0-beta.2",
+    "@storybook/addon-jest": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/angular": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "@types/core-js": "^2.5.0",
     "@types/jest": "^24.0.11",
     "@types/node": "~12.0.2",
diff --git a/examples/cra-kitchen-sink/package.json b/examples/cra-kitchen-sink/package.json
index 7d7a66f0e6c..7dfc98596ad 100644
--- a/examples/cra-kitchen-sink/package.json
+++ b/examples/cra-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-kitchen-sink",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build": "react-scripts build",
@@ -19,22 +19,22 @@
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-events": "5.2.0-beta.1",
-    "@storybook/addon-info": "5.2.0-beta.1",
-    "@storybook/addon-jest": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/react": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-events": "5.2.0-beta.2",
+    "@storybook/addon-info": "5.2.0-beta.2",
+    "@storybook/addon-jest": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/react": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "react-scripts": "^3.0.1"
   }
 }
diff --git a/examples/cra-react15/package.json b/examples/cra-react15/package.json
index 38501cba434..b4e29e70bf6 100644
--- a/examples/cra-react15/package.json
+++ b/examples/cra-react15/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cra-react15",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "dependencies": {
     "babel-loader": "8.0.6",
@@ -19,10 +19,10 @@
     "build-storybook": "build-storybook -s public"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/react": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/react": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "babel-core": "6",
     "babel-runtime": "6"
   }
diff --git a/examples/cra-ts-kitchen-sink/package.json b/examples/cra-ts-kitchen-sink/package.json
index 681ee20e00b..cc2ef13f275 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": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -14,12 +14,12 @@
     "react-dom": "^16.8.3"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-info": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/react": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-info": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/react": "5.2.0-beta.2",
     "@types/enzyme": "^3.9.0",
     "@types/react": "^16.8.3",
     "@types/react-dom": "^16.8.2",
diff --git a/examples/dev-kits/package.json b/examples/dev-kits/package.json
index e2d0d682db3..1196bd8fac4 100644
--- a/examples/dev-kits/package.json
+++ b/examples/dev-kits/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/example-devkits",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -8,15 +8,15 @@
     "storybook": "start-storybook -p 9011 -c ./"
   },
   "devDependencies": {
-    "@storybook/addon-decorator": "5.2.0-beta.1",
-    "@storybook/addon-parameter": "5.2.0-beta.1",
-    "@storybook/addon-roundtrip": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/node-logger": "5.2.0-beta.1",
-    "@storybook/react": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addon-decorator": "5.2.0-beta.2",
+    "@storybook/addon-parameter": "5.2.0-beta.2",
+    "@storybook/addon-roundtrip": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/node-logger": "5.2.0-beta.2",
+    "@storybook/react": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
diff --git a/examples/ember-cli/package.json b/examples/ember-cli/package.json
index 946366fc839..ead01c8cd77 100644
--- a/examples/ember-cli/package.json
+++ b/examples/ember-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ember-example",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build": "ember build",
@@ -15,19 +15,19 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/ember": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/ember": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "babel-loader": "^8",
     "broccoli-asset-rev": "^3.0.0",
     "cross-env": "^5.2.0",
diff --git a/examples/html-kitchen-sink/package.json b/examples/html-kitchen-sink/package.json
index 1d206f168a0..22edeb64204 100644
--- a/examples/html-kitchen-sink/package.json
+++ b/examples/html-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "html-kitchen-sink",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "description": "",
   "keywords": [],
@@ -14,26 +14,26 @@
     "storybook": "start-storybook -p 9006 --no-dll"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-docs": "5.2.0-beta.1",
-    "@storybook/addon-events": "5.2.0-beta.1",
-    "@storybook/addon-jest": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/client-api": "5.2.0-beta.1",
-    "@storybook/core": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/html": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-docs": "5.2.0-beta.2",
+    "@storybook/addon-events": "5.2.0-beta.2",
+    "@storybook/addon-jest": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/client-api": "5.2.0-beta.2",
+    "@storybook/core": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/html": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2"
diff --git a/examples/marko-cli/package.json b/examples/marko-cli/package.json
index fde4e30a4bc..4ebca10e08e 100644
--- a/examples/marko-cli/package.json
+++ b/examples/marko-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "marko-cli",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "description": "Demo of how to build an app using marko-starter",
   "repository": {
@@ -24,14 +24,14 @@
     "marko-starter": "^2.0.4"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/marko": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/marko": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "prettier": "^1.16.4",
     "webpack": "^4.33.0"
   }
diff --git a/examples/mithril-kitchen-sink/package.json b/examples/mithril-kitchen-sink/package.json
index af25554fcb4..0c9657cace9 100644
--- a/examples/mithril-kitchen-sink/package.json
+++ b/examples/mithril-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mithril-example",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -11,20 +11,20 @@
     "mithril": "^1.1.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/mithril": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/mithril": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "webpack": "^4.33.0"
   }
 }
diff --git a/examples/official-storybook/package.json b/examples/official-storybook/package.json
index 27b8f38e1bb..6a49b48c0b6 100644
--- a/examples/official-storybook/package.json
+++ b/examples/official-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "official-storybook",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -c ./ -s built-storybooks",
@@ -15,34 +15,34 @@
   },
   "devDependencies": {
     "@packtracker/webpack-plugin": "^2.0.1",
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-contexts": "5.2.0-beta.1",
-    "@storybook/addon-cssresources": "5.2.0-beta.1",
-    "@storybook/addon-design-assets": "5.2.0-beta.1",
-    "@storybook/addon-docs": "5.2.0-beta.1",
-    "@storybook/addon-events": "5.2.0-beta.1",
-    "@storybook/addon-graphql": "5.2.0-beta.1",
-    "@storybook/addon-info": "5.2.0-beta.1",
-    "@storybook/addon-jest": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-queryparams": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storyshots-puppeteer": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/node-logger": "5.2.0-beta.1",
-    "@storybook/react": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-contexts": "5.2.0-beta.2",
+    "@storybook/addon-cssresources": "5.2.0-beta.2",
+    "@storybook/addon-design-assets": "5.2.0-beta.2",
+    "@storybook/addon-docs": "5.2.0-beta.2",
+    "@storybook/addon-events": "5.2.0-beta.2",
+    "@storybook/addon-graphql": "5.2.0-beta.2",
+    "@storybook/addon-info": "5.2.0-beta.2",
+    "@storybook/addon-jest": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-queryparams": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storyshots-puppeteer": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/node-logger": "5.2.0-beta.2",
+    "@storybook/react": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "cors": "^2.8.5",
     "cross-env": "^5.2.0",
     "enzyme-to-json": "^3.3.5",
diff --git a/examples/polymer-cli/package.json b/examples/polymer-cli/package.json
index af1d23a5e91..3914de05016 100644
--- a/examples/polymer-cli/package.json
+++ b/examples/polymer-cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "polymer-cli",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook",
@@ -10,17 +10,17 @@
   },
   "dependencies": {
     "@polymer/polymer": "^2.6.0",
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/polymer": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/polymer": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "@webcomponents/webcomponentsjs": "^1.2.0",
     "global": "^4.3.2",
     "lit-html": "^1.0.0",
diff --git a/examples/preact-kitchen-sink/package.json b/examples/preact-kitchen-sink/package.json
index 8df48a24d95..79beca9c7b6 100644
--- a/examples/preact-kitchen-sink/package.json
+++ b/examples/preact-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "preact-example",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,21 +16,21 @@
   "devDependencies": {
     "@babel/core": "^7.3.4",
     "@babel/plugin-transform-runtime": "^7.2.0",
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-contexts": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/preact": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-contexts": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/preact": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/rax-kitchen-sink/package.json b/examples/rax-kitchen-sink/package.json
index c45bfe10266..2226e2428a7 100644
--- a/examples/rax-kitchen-sink/package.json
+++ b/examples/rax-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rax-kitchen-sink",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "test:generate-output": "jest --json --outputFile=jest-test-results.json --config=./jest-addon.config.js",
@@ -24,23 +24,23 @@
     "rax-view": "^0.6.5"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-events": "5.2.0-beta.1",
-    "@storybook/addon-info": "5.2.0-beta.1",
-    "@storybook/addon-jest": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/rax": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-events": "5.2.0-beta.2",
+    "@storybook/addon-info": "5.2.0-beta.2",
+    "@storybook/addon-jest": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/rax": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "babel-eslint": "^8.2.2",
     "babel-preset-rax": "^1.0.0-beta.0",
     "rax-scripts": "^1.0.0-beta.10",
diff --git a/examples/riot-kitchen-sink/package.json b/examples/riot-kitchen-sink/package.json
index b0257557fa4..162b0105a66 100644
--- a/examples/riot-kitchen-sink/package.json
+++ b/examples/riot-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "riot-example",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -16,20 +16,20 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/riot": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/riot": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
     "babel-loader": "^8.0.4",
     "cross-env": "^5.2.0",
     "file-loader": "^3.0.1",
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
index fe06d1f35d1..7ef1d4fc936 100644
--- a/examples/standalone-preview/package.json
+++ b/examples/standalone-preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "standalone-preview",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "storybook": "parcel ./storybook.html --port 1337"
diff --git a/examples/svelte-kitchen-sink/package.json b/examples/svelte-kitchen-sink/package.json
index 9d3358ce667..80a38ca7857 100644
--- a/examples/svelte-kitchen-sink/package.json
+++ b/examples/svelte-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-example",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build-storybook": "build-storybook -s public",
@@ -11,19 +11,19 @@
     "global": "^4.3.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
-    "@storybook/svelte": "5.2.0-beta.1"
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
+    "@storybook/svelte": "5.2.0-beta.2"
   }
 }
diff --git a/examples/vue-kitchen-sink/package.json b/examples/vue-kitchen-sink/package.json
index 3cc0fcb2fe1..57bc1b11ef4 100644
--- a/examples/vue-kitchen-sink/package.json
+++ b/examples/vue-kitchen-sink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-example",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "private": true,
   "scripts": {
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
@@ -15,22 +15,22 @@
   },
   "devDependencies": {
     "@babel/core": "^7.3.4",
-    "@storybook/addon-a11y": "5.2.0-beta.1",
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-backgrounds": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-contexts": "5.2.0-beta.1",
-    "@storybook/addon-docs": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addon-storysource": "5.2.0-beta.1",
-    "@storybook/addon-viewport": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/source-loader": "5.2.0-beta.1",
-    "@storybook/vue": "5.2.0-beta.1",
+    "@storybook/addon-a11y": "5.2.0-beta.2",
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-backgrounds": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-contexts": "5.2.0-beta.2",
+    "@storybook/addon-docs": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addon-storysource": "5.2.0-beta.2",
+    "@storybook/addon-viewport": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/source-loader": "5.2.0-beta.2",
+    "@storybook/vue": "5.2.0-beta.2",
     "babel-core": "^7.0.0-bridge.0",
     "babel-loader": "^8.0.5",
     "cross-env": "^5.2.0",
diff --git a/lerna.json b/lerna.json
index 50ad8df9bea..0e3c43fd352 100644
--- a/lerna.json
+++ b/lerna.json
@@ -2,5 +2,5 @@
   "npmClient": "yarn",
   "useWorkspaces": true,
   "registry": "https://registry.npmjs.org",
-  "version": "5.2.0-beta.1"
+  "version": "5.2.0-beta.2"
 }
diff --git a/lib/addons/package.json b/lib/addons/package.json
index 66a1b083ca1..f359b80d003 100644
--- a/lib/addons/package.json
+++ b/lib/addons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addons",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook addons store",
   "keywords": [
     "storybook"
@@ -21,9 +21,9 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/channels": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/channels": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "util-deprecate": "^1.0.2"
diff --git a/lib/api/package.json b/lib/api/package.json
index dbba0bd9c5c..520f944082e 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/api",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Core Storybook API & Context",
   "keywords": [
     "storybook"
@@ -20,11 +20,11 @@
     "prepare": "node ./scripts/generateVersion.js && node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/channels": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "fast-deep-equal": "^2.0.1",
     "global": "^4.3.2",
diff --git a/lib/channel-postmessage/package.json b/lib/channel-postmessage/package.json
index 3cc246e0840..1a20830145f 100644
--- a/lib/channel-postmessage/package.json
+++ b/lib/channel-postmessage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-postmessage",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/channels": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "telejson": "^2.2.1"
diff --git a/lib/channel-websocket/package.json b/lib/channel-websocket/package.json
index 7a6beec79b2..4716ccf8de8 100644
--- a/lib/channel-websocket/package.json
+++ b/lib/channel-websocket/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channel-websocket",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "",
   "keywords": [
     "storybook"
@@ -21,7 +21,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/channels": "5.2.0-beta.1",
+    "@storybook/channels": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "json-fn": "^1.1.1"
diff --git a/lib/channels/package.json b/lib/channels/package.json
index 5bdee229ff9..be047aab5c7 100644
--- a/lib/channels/package.json
+++ b/lib/channels/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/channels",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/cli/package.json b/lib/cli/package.json
index 10ff9b9b0f8..3682f029fa7 100644
--- a/lib/cli/package.json
+++ b/lib/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/cli",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook's CLI - easiest method of adding storybook to your projects",
   "keywords": [
     "cli",
@@ -30,7 +30,7 @@
     "@babel/core": "^7.4.5",
     "@babel/preset-env": "^7.4.5",
     "@babel/register": "^7.0.0",
-    "@storybook/codemod": "5.2.0-beta.1",
+    "@storybook/codemod": "5.2.0-beta.2",
     "chalk": "^2.4.1",
     "commander": "^2.19.0",
     "core-js": "^3.0.1",
@@ -46,33 +46,33 @@
     "update-notifier": "^3.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "5.2.0-beta.1",
-    "@storybook/addon-centered": "5.2.0-beta.1",
-    "@storybook/addon-graphql": "5.2.0-beta.1",
-    "@storybook/addon-info": "5.2.0-beta.1",
-    "@storybook/addon-knobs": "5.2.0-beta.1",
-    "@storybook/addon-links": "5.2.0-beta.1",
-    "@storybook/addon-notes": "5.2.0-beta.1",
-    "@storybook/addon-options": "5.2.0-beta.1",
-    "@storybook/addon-storyshots": "5.2.0-beta.1",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/angular": "5.2.0-beta.1",
-    "@storybook/channel-postmessage": "5.2.0-beta.1",
-    "@storybook/channel-websocket": "5.2.0-beta.1",
-    "@storybook/channels": "5.2.0-beta.1",
-    "@storybook/ember": "5.2.0-beta.1",
-    "@storybook/html": "5.2.0-beta.1",
-    "@storybook/marko": "5.2.0-beta.1",
-    "@storybook/mithril": "5.2.0-beta.1",
-    "@storybook/polymer": "5.2.0-beta.1",
-    "@storybook/preact": "5.2.0-beta.1",
-    "@storybook/rax": "5.2.0-beta.1",
-    "@storybook/react": "5.2.0-beta.1",
-    "@storybook/react-native": "5.2.0-beta.1",
-    "@storybook/riot": "5.2.0-beta.1",
-    "@storybook/svelte": "5.2.0-beta.1",
-    "@storybook/ui": "5.2.0-beta.1",
-    "@storybook/vue": "5.2.0-beta.1"
+    "@storybook/addon-actions": "5.2.0-beta.2",
+    "@storybook/addon-centered": "5.2.0-beta.2",
+    "@storybook/addon-graphql": "5.2.0-beta.2",
+    "@storybook/addon-info": "5.2.0-beta.2",
+    "@storybook/addon-knobs": "5.2.0-beta.2",
+    "@storybook/addon-links": "5.2.0-beta.2",
+    "@storybook/addon-notes": "5.2.0-beta.2",
+    "@storybook/addon-options": "5.2.0-beta.2",
+    "@storybook/addon-storyshots": "5.2.0-beta.2",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/angular": "5.2.0-beta.2",
+    "@storybook/channel-postmessage": "5.2.0-beta.2",
+    "@storybook/channel-websocket": "5.2.0-beta.2",
+    "@storybook/channels": "5.2.0-beta.2",
+    "@storybook/ember": "5.2.0-beta.2",
+    "@storybook/html": "5.2.0-beta.2",
+    "@storybook/marko": "5.2.0-beta.2",
+    "@storybook/mithril": "5.2.0-beta.2",
+    "@storybook/polymer": "5.2.0-beta.2",
+    "@storybook/preact": "5.2.0-beta.2",
+    "@storybook/rax": "5.2.0-beta.2",
+    "@storybook/react": "5.2.0-beta.2",
+    "@storybook/react-native": "5.2.0-beta.2",
+    "@storybook/riot": "5.2.0-beta.2",
+    "@storybook/svelte": "5.2.0-beta.2",
+    "@storybook/ui": "5.2.0-beta.2",
+    "@storybook/vue": "5.2.0-beta.2"
   },
   "publishConfig": {
     "access": "public"
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index 0a27a12bff9..a58c6c3275e 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-api",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook Client API",
   "keywords": [
     "storybook"
@@ -21,12 +21,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/channel-postmessage": "5.2.0-beta.1",
-    "@storybook/channels": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/channel-postmessage": "5.2.0-beta.2",
+    "@storybook/channels": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "eventemitter3": "^3.1.0",
diff --git a/lib/client-logger/package.json b/lib/client-logger/package.json
index 11516df8263..d2852aff5a0 100644
--- a/lib/client-logger/package.json
+++ b/lib/client-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/client-logger",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/codemod/package.json b/lib/codemod/package.json
index 55183077182..a6c974f25f9 100644
--- a/lib/codemod/package.json
+++ b/lib/codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/codemod",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "A collection of codemod scripts written with JSCodeshift",
   "keywords": [
     "storybook"
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@mdx-js/mdx": "^1.0.0",
-    "@storybook/node-logger": "5.2.0-beta.1",
+    "@storybook/node-logger": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "cross-spawn": "^6.0.5",
     "globby": "^10.0.1",
diff --git a/lib/components/package.json b/lib/components/package.json
index b1f23198a75..d3fcf73a8dc 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -21,8 +21,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "@types/react-syntax-highlighter": "10.1.0",
     "core-js": "^3.0.1",
     "global": "^4.3.2",
diff --git a/lib/core-events/package.json b/lib/core-events/package.json
index 3455d3bf956..2b43d654396 100644
--- a/lib/core-events/package.json
+++ b/lib/core-events/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-events",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Event names used in storybook core",
   "keywords": [
     "storybook"
diff --git a/lib/core/package.json b/lib/core/package.json
index 07258dc4390..a6de73e504a 100644
--- a/lib/core/package.json
+++ b/lib/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -25,15 +25,15 @@
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
     "@babel/preset-env": "^7.4.5",
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/channel-postmessage": "5.2.0-beta.1",
-    "@storybook/client-api": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/node-logger": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
-    "@storybook/ui": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/channel-postmessage": "5.2.0-beta.2",
+    "@storybook/client-api": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/node-logger": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
+    "@storybook/ui": "5.2.0-beta.2",
     "airbnb-js-shims": "^1 || ^2",
     "ansi-to-html": "^0.6.11",
     "autoprefixer": "^9.4.9",
diff --git a/lib/node-logger/package.json b/lib/node-logger/package.json
index d282e5f06a0..94c8a26973d 100644
--- a/lib/node-logger/package.json
+++ b/lib/node-logger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/node-logger",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "",
   "keywords": [
     "storybook"
diff --git a/lib/router/package.json b/lib/router/package.json
index 78deaa2a6f9..2009220ee12 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/router",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Core Storybook Router",
   "keywords": [
     "storybook"
diff --git a/lib/source-loader/package.json b/lib/source-loader/package.json
index c620e5c1cd5..4fa5b38fde0 100644
--- a/lib/source-loader/package.json
+++ b/lib/source-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/source-loader",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Source loader",
   "keywords": [
     "lib",
@@ -22,8 +22,8 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
     "core-js": "^3.0.1",
     "estraverse": "^4.2.0",
     "global": "^4.3.2",
diff --git a/lib/theming/package.json b/lib/theming/package.json
index 7b0680186a5..28d8de3935b 100644
--- a/lib/theming/package.json
+++ b/lib/theming/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/theming",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -23,7 +23,7 @@
   "dependencies": {
     "@emotion/core": "^10.0.14",
     "@emotion/styled": "^10.0.14",
-    "@storybook/client-logger": "5.2.0-beta.1",
+    "@storybook/client-logger": "5.2.0-beta.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
     "deep-object-diff": "^1.1.0",
diff --git a/lib/ui/package.json b/lib/ui/package.json
index 7606b45a3ea..5fe67fdc5f5 100644
--- a/lib/ui/package.json
+++ b/lib/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@storybook/ui",
-  "version": "5.2.0-beta.1",
+  "version": "5.2.0-beta.2",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -22,14 +22,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.2.0-beta.1",
-    "@storybook/api": "5.2.0-beta.1",
-    "@storybook/channels": "5.2.0-beta.1",
-    "@storybook/client-logger": "5.2.0-beta.1",
-    "@storybook/components": "5.2.0-beta.1",
-    "@storybook/core-events": "5.2.0-beta.1",
-    "@storybook/router": "5.2.0-beta.1",
-    "@storybook/theming": "5.2.0-beta.1",
+    "@storybook/addons": "5.2.0-beta.2",
+    "@storybook/api": "5.2.0-beta.2",
+    "@storybook/channels": "5.2.0-beta.2",
+    "@storybook/client-logger": "5.2.0-beta.2",
+    "@storybook/components": "5.2.0-beta.2",
+    "@storybook/core-events": "5.2.0-beta.2",
+    "@storybook/router": "5.2.0-beta.2",
+    "@storybook/theming": "5.2.0-beta.2",
     "copy-to-clipboard": "^3.0.8",
     "core-js": "^3.0.1",
     "core-js-pure": "^3.0.1",

From dfb73c25d25fdf8ba47706b9739397a93dbf4b53 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 22:33:50 +0800
Subject: [PATCH 58/66] Update yarn.lock

---
 yarn.lock | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/yarn.lock b/yarn.lock
index 25396388a73..48ad0b0244f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3221,7 +3221,7 @@
     "@mdx-js/react" "^1.0.27"
     loader-utils "^1.1.0"
 
-"@mdx-js/mdx@^1.1.0":
+"@mdx-js/mdx@^1.0.0", "@mdx-js/mdx@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.1.0.tgz#9a7138e31e4933d53afca59e0460ab33771af5fe"
   integrity sha512-WHWVPLStet4zc25nEDePNt7YUcCOgEa8q0F0QuE8Ddv5QphuXA7SNtRl2o+xMCm5r7Q5A1RrsG7lipMU4Pviqw==

From 45c22c9f2508396bf89f29347f896518b9084aee Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 22:33:54 +0800
Subject: [PATCH 59/66] Update version.ts

---
 lib/api/src/version.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/api/src/version.ts b/lib/api/src/version.ts
index ab84b3e0254..4f30ed6744b 100644
--- a/lib/api/src/version.ts
+++ b/lib/api/src/version.ts
@@ -1 +1 @@
-export const version = '5.2.0-beta.1';
+export const version = '5.2.0-beta.2';

From 5bec8d1a787d6c3b17fd23c52f93df199051adec Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Thu, 18 Jul 2019 22:37:26 +0800
Subject: [PATCH 60/66] 5.2.0-beta.2 next.json version file

---
 docs/src/versions/next.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/src/versions/next.json b/docs/src/versions/next.json
index bdab3e78fd1..b9596a869b9 100644
--- a/docs/src/versions/next.json
+++ b/docs/src/versions/next.json
@@ -1 +1 @@
-{"version":"5.2.0-beta.1","info":{"plain":"### Features\n\n* React native: Emit event when story is rendered ([#7449](https://github.com/storybookjs/storybook/pull/7449))\n\n### Bug Fixes\n\n* Addon-knobs: improve types via generics and readonlyarray ([#7411](https://github.com/storybookjs/storybook/pull/7411))\n* Ondevice-backgrounds: use same param key as addon-backgrounds ([#7437](https://github.com/storybookjs/storybook/pull/7437))"}}
\ No newline at end of file
+{"version":"5.2.0-beta.2","info":{"plain":"### Features\n\n* CLI: convert mdx to module format ([#7419](https://github.com/storybookjs/storybook/pull/7419))\n* CLI: sb migrate npm & typescript support ([#7463](https://github.com/storybookjs/storybook/pull/7463))\n* Addon-Docs: HTML support & example ([#7454](https://github.com/storybookjs/storybook/pull/7454))\n\n### Bug Fixes\n\n* Convert-storiesof-to-module: user exports, collisions, reserved keywords ([#7471](https://github.com/storybookjs/storybook/pull/7471))\n* React-native: On-device knobs fixes ([#7470](https://github.com/storybookjs/storybook/pull/7470))\n\n### Dependency Upgrades\n\n* Addon-docs: Upgrade MDX to 1.1 ([#7476](https://github.com/storybookjs/storybook/pull/7476))"}}
\ No newline at end of file

From f455ee1c845349130dad7aee0371790ed97b62bb Mon Sep 17 00:00:00 2001
From: Gytis Vinclovas <gytis.vinclovas@gmail.com>
Date: Thu, 18 Jul 2019 21:01:51 +0300
Subject: [PATCH 61/66] Added storyId as testID

---
 app/react-native/src/preview/components/StoryView/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/react-native/src/preview/components/StoryView/index.tsx b/app/react-native/src/preview/components/StoryView/index.tsx
index 83c8576ebff..f3401c39bf5 100644
--- a/app/react-native/src/preview/components/StoryView/index.tsx
+++ b/app/react-native/src/preview/components/StoryView/index.tsx
@@ -76,7 +76,7 @@ export default class StoryView extends Component<Props> {
     if (story && story.storyFn) {
       const { id, storyFn } = story;
       return (
-        <View key={id} style={{ flex: 1 }}>
+        <View key={id} testID={id} style={{ flex: 1 }}>
           {storyFn()}
         </View>
       );

From a7e4967e1f3fabe4daa7dda6277287ea3f920ca6 Mon Sep 17 00:00:00 2001
From: Gytis Vinclovas <gytis.vinclovas@gmail.com>
Date: Thu, 18 Jul 2019 21:15:37 +0300
Subject: [PATCH 62/66] Also emit story id in story rendered event.

---
 app/react-native/src/preview/components/StoryView/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/react-native/src/preview/components/StoryView/index.tsx b/app/react-native/src/preview/components/StoryView/index.tsx
index f3401c39bf5..ffdfc229c5c 100644
--- a/app/react-native/src/preview/components/StoryView/index.tsx
+++ b/app/react-native/src/preview/components/StoryView/index.tsx
@@ -31,7 +31,7 @@ export default class StoryView extends Component<Props> {
     const { storyId } = stories.getSelection();
 
     if (storyId) {
-      channel.emit(Events.STORY_RENDERED);
+      channel.emit(Events.STORY_RENDERED, { storyId });
     }
   }
 

From ea087d02de2cf265298a0f7b07d9dfb03d77be20 Mon Sep 17 00:00:00 2001
From: Michael Shilman <michael@lab80.co>
Date: Fri, 19 Jul 2019 10:51:57 +0800
Subject: [PATCH 63/66] Official-storybook: Add hooks-based state example &
 embed it in jest

---
 .../stories/demo/button-module-embed.test.js  | 15 -------------
 .../stories/demo/button.stories.js            | 13 +++++++++++-
 .../stories/demo/module-stories-embed.test.js | 21 +++++++++++++++++++
 3 files changed, 33 insertions(+), 16 deletions(-)
 delete mode 100644 examples/official-storybook/stories/demo/button-module-embed.test.js
 create mode 100644 examples/official-storybook/stories/demo/module-stories-embed.test.js

diff --git a/examples/official-storybook/stories/demo/button-module-embed.test.js b/examples/official-storybook/stories/demo/button-module-embed.test.js
deleted file mode 100644
index 3dc0798894d..00000000000
--- a/examples/official-storybook/stories/demo/button-module-embed.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { render, fireEvent } from 'react-testing-library';
-import { withText } from './button.stories';
-
-const mockAction = jest.fn();
-jest.mock('@storybook/addon-actions', () => ({
-  action: () => mockAction,
-}));
-
-describe('button interactivity', () => {
-  it('should handle clicks', () => {
-    const comp = render(withText());
-    fireEvent.click(comp.getByText('Hello Button'));
-    expect(mockAction).toHaveBeenCalled();
-  });
-});
diff --git a/examples/official-storybook/stories/demo/button.stories.js b/examples/official-storybook/stories/demo/button.stories.js
index d6e7caf01f3..7da5a4a6c5c 100644
--- a/examples/official-storybook/stories/demo/button.stories.js
+++ b/examples/official-storybook/stories/demo/button.stories.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { action } from '@storybook/addon-actions';
 import { Button } from '@storybook/react/demo';
 
@@ -24,3 +24,14 @@ export const withSomeEmoji = () => (
 withSomeEmoji.story = {
   name: 'with some emoji',
 };
+
+export const withCounter = () =>
+  React.createElement(() => {
+    const [counter, setCounter] = useState(0);
+    const label = `Testing: ${counter}`;
+    return <Button onClick={() => setCounter(counter + 1)}>{label}</Button>;
+  });
+
+withCounter.story = {
+  name: 'with coumter',
+};
diff --git a/examples/official-storybook/stories/demo/module-stories-embed.test.js b/examples/official-storybook/stories/demo/module-stories-embed.test.js
new file mode 100644
index 00000000000..826cb7e4ba7
--- /dev/null
+++ b/examples/official-storybook/stories/demo/module-stories-embed.test.js
@@ -0,0 +1,21 @@
+import { render, fireEvent } from 'react-testing-library';
+import { withText, withCounter } from './button.stories';
+
+const mockAction = jest.fn();
+jest.mock('@storybook/addon-actions', () => ({
+  action: () => mockAction,
+}));
+
+describe('module story embedding', () => {
+  it('should test actions', () => {
+    const comp = render(withText());
+    fireEvent.click(comp.getByText('Hello Button'));
+    expect(mockAction).toHaveBeenCalled();
+  });
+
+  it('should test story state', () => {
+    const comp = render(withCounter());
+    fireEvent.click(comp.getByText('Testing: 0'));
+    expect(comp.getByText('Testing: 1')).toBeTruthy();
+  });
+});

From 3d97e0297d6035078dfc1d01230fbfed80565307 Mon Sep 17 00:00:00 2001
From: lonyele <skyrabbits1@gmail.com>
Date: Fri, 19 Jul 2019 13:09:02 +0900
Subject: [PATCH 64/66] update versions

---
 examples-native/crna-kitchen-sink/app.json     | 2 +-
 examples-native/crna-kitchen-sink/package.json | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples-native/crna-kitchen-sink/app.json b/examples-native/crna-kitchen-sink/app.json
index 91548780bbe..16b4ec7db1b 100644
--- a/examples-native/crna-kitchen-sink/app.json
+++ b/examples-native/crna-kitchen-sink/app.json
@@ -1,6 +1,6 @@
 {
   "expo": {
-    "sdkVersion": "32.0.0",
+    "sdkVersion": "33.0.0",
     "platforms": [
       "ios",
       "android"
diff --git a/examples-native/crna-kitchen-sink/package.json b/examples-native/crna-kitchen-sink/package.json
index 7328e7a2bf1..e8254e58ccb 100644
--- a/examples-native/crna-kitchen-sink/package.json
+++ b/examples-native/crna-kitchen-sink/package.json
@@ -15,10 +15,10 @@
     "preset": "jest-expo"
   },
   "dependencies": {
-    "expo": "^32.0.6",
+    "expo": "^33.0.7",
     "prop-types": "^15.6.2",
     "react": "16.8.6",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz",
     "whatwg-fetch": "^3.0.0"
   },
   "devDependencies": {

From 4c46487d62af3d433b5d58140ecc2577c6c59475 Mon Sep 17 00:00:00 2001
From: lonyele <skyrabbits1@gmail.com>
Date: Fri, 19 Jul 2019 13:11:57 +0900
Subject: [PATCH 65/66] update yarn.lock

---
 yarn.lock | 1603 +++++++++++++++++++++++++++++------------------------
 1 file changed, 866 insertions(+), 737 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 48ad0b0244f..8aae3f897e2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2156,13 +2156,12 @@
   resolved "https://registry.yarnpkg.com/@expo/traveling-fastlane-linux/-/traveling-fastlane-linux-1.9.9.tgz#fd05ec401e1f45052bf8681dc4bfd21e4e05d66b"
   integrity sha512-DKfeDhfeXmYhfM/CT7yiPjyvEMFyLvEDuKU3RIdieMZ3CJOobTkdaOQlQd39VYZ+q1a1qL5QvTiIlPvcSXv9PQ==
 
-"@expo/vector-icons@~9.0.0":
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/@expo/vector-icons/-/vector-icons-9.0.0.tgz#7f18e21d3edc8b99b76d7d1b8e26b212393e08b3"
-  integrity sha512-k5ndrW3oueW5jRDLt3o8iXKmiU+CvvCZPewOvxY7eRMivi8hIr6TkW6tMCGE1vS5fwmXffIkIpKGZkSbX7TxwA==
+"@expo/vector-icons@^10.0.1":
+  version "10.0.3"
+  resolved "https://registry.yarnpkg.com/@expo/vector-icons/-/vector-icons-10.0.3.tgz#9dec25cf6c29871f2bb1fe932029878c221f1f75"
+  integrity sha512-3iTdjnBlleddgcRGZV9JQXi+WRL3n2BehW48JOFv/mydx8BjHD0QAcYLOXGuwrcRKR0AIRhHxFQwKVyQ4YcYLA==
   dependencies:
     lodash "^4.17.4"
-    react-native-vector-icons "6.0.0"
 
 "@expo/webpack-config@^0.5.19":
   version "0.5.19"
@@ -3431,6 +3430,51 @@
     react-lifecycles-compat "^3.0.4"
     warning "^3.0.0"
 
+"@react-native-community/cli@^1.2.1":
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-1.10.0.tgz#66e3c9f407763281f7060c034145650bf0d6786c"
+  integrity sha512-48tIWsMKhwbDsKhe5tYcsspsAy7aR3J/yRjdsVh+M2qkKEASe66Xbhiw5RK2nhfzd1IdOdlIxNMiC+9uad6NMQ==
+  dependencies:
+    chalk "^1.1.1"
+    commander "^2.19.0"
+    compression "^1.7.1"
+    connect "^3.6.5"
+    denodeify "^1.2.1"
+    envinfo "^5.7.0"
+    errorhandler "^1.5.0"
+    escape-string-regexp "^1.0.5"
+    execa "^1.0.0"
+    fs-extra "^7.0.1"
+    glob "^7.1.1"
+    graceful-fs "^4.1.3"
+    inquirer "^3.0.6"
+    lodash "^4.17.5"
+    metro "^0.51.0"
+    metro-config "^0.51.0"
+    metro-core "^0.51.0"
+    metro-memory-fs "^0.51.0"
+    metro-react-native-babel-transformer "^0.51.0"
+    mime "^1.3.4"
+    minimist "^1.2.0"
+    mkdirp "^0.5.1"
+    morgan "^1.9.0"
+    node-fetch "^2.2.0"
+    node-notifier "^5.2.1"
+    opn "^3.0.2"
+    plist "^3.0.0"
+    semver "^5.0.3"
+    serve-static "^1.13.1"
+    shell-quote "1.6.1"
+    slash "^2.0.0"
+    ws "^1.1.0"
+    xcode "^2.0.0"
+    xmldoc "^0.4.0"
+
+"@react-native-community/netinfo@2.0.10":
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/@react-native-community/netinfo/-/netinfo-2.0.10.tgz#d28a446352e75754b78509557988359133cdbcca"
+  integrity sha512-NrIzyLe0eSbhgMnHl2QdSEhaA7yXh6p9jzMomfUa//hoTXE+xbObGDdiWWSQm2bnXnZJg8XCU3AB9qzvqcuLnA==
+
 "@samverschueren/stream-to-observable@^0.3.0":
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/@samverschueren/stream-to-observable/-/stream-to-observable-0.3.0.tgz#ecdf48d532c58ea477acfcab80348424f8d0662f"
@@ -4445,6 +4489,22 @@
     lodash.unescape "4.0.1"
     semver "5.5.0"
 
+"@unimodules/core@^2.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@unimodules/core/-/core-2.0.1.tgz#e5d760aa1a01885871d2d5c3f1fd3404552e5fcb"
+  integrity sha512-evbJUEAf8TvIfzR2/T9npWuqyYE8042qvmE7uWF+uDAt8KclMS9g7clbNTEG1ck5ov9AYWMMgohFaPfDCkJicw==
+  dependencies:
+    compare-versions "^3.4.0"
+
+"@unimodules/react-native-adapter@^2.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@unimodules/react-native-adapter/-/react-native-adapter-2.0.1.tgz#021f1f7e2247d296986b0d8f1949a4d8e748ce9c"
+  integrity sha512-D9CSGLIWX0iWLv4Voq0i+xo0YZcraTN1uCdJ+EepwmBplRHDrDCoh2M9Upm4aIso5812pXOBHmGf31AhIKKhYA==
+  dependencies:
+    invariant "^2.2.4"
+    lodash "^4.5.0"
+    prop-types "^15.6.1"
+
 "@vue/component-compiler-utils@^2.5.1":
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-2.6.0.tgz#aa46d2a6f7647440b0b8932434d22f12371e543b"
@@ -5789,7 +5849,7 @@ babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
-babel-core@6, babel-core@^6.26.0, babel-core@^6.7.2:
+babel-core@6, 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==
@@ -5885,15 +5945,6 @@ babel-helper-builder-binary-assignment-operator-visitor@^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"
@@ -6116,7 +6167,7 @@ babel-plugin-add-react-displayname@^0.0.5:
   resolved "https://registry.yarnpkg.com/babel-plugin-add-react-displayname/-/babel-plugin-add-react-displayname-0.0.5.tgz#339d4cddb7b65fd62d1df9db9fe04de134122bd5"
   integrity sha1-M51M3be2X9YtHfnbn+BN4TQSK9U=
 
-babel-plugin-check-es2015-constants@^6.22.0, babel-plugin-check-es2015-constants@^6.8.0:
+babel-plugin-check-es2015-constants@^6.22.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=
@@ -6378,22 +6429,17 @@ babel-plugin-syntax-async-functions@^6.8.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-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-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-flow@^6.18.0, babel-plugin-syntax-flow@^6.8.0:
+babel-plugin-syntax-flow@^6.18.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-jsx@^6.18.0, babel-plugin-syntax-jsx@^6.8.0:
+babel-plugin-syntax-jsx@^6.18.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=
@@ -6403,7 +6449,7 @@ babel-plugin-syntax-object-rest-spread@^6.13.0, babel-plugin-syntax-object-rest-
   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:
+babel-plugin-syntax-trailing-function-commas@^6.22.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=
@@ -6422,31 +6468,21 @@ babel-plugin-transform-async-to-generator@^6.22.0:
     babel-plugin-syntax-async-functions "^6.8.0"
     babel-runtime "^6.22.0"
 
-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-es2015-arrow-functions@^6.22.0, babel-plugin-transform-es2015-arrow-functions@^6.8.0:
+babel-plugin-transform-es2015-arrow-functions@^6.22.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:
+babel-plugin-transform-es2015-block-scoped-functions@^6.22.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.8.0:
+babel-plugin-transform-es2015-block-scoping@^6.23.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=
@@ -6457,7 +6493,7 @@ babel-plugin-transform-es2015-block-scoping@^6.23.0, babel-plugin-transform-es20
     babel-types "^6.26.0"
     lodash "^4.17.4"
 
-babel-plugin-transform-es2015-classes@^6.23.0, babel-plugin-transform-es2015-classes@^6.8.0:
+babel-plugin-transform-es2015-classes@^6.23.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=
@@ -6472,7 +6508,7 @@ babel-plugin-transform-es2015-classes@^6.23.0, babel-plugin-transform-es2015-cla
     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.8.0:
+babel-plugin-transform-es2015-computed-properties@^6.22.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=
@@ -6480,7 +6516,7 @@ babel-plugin-transform-es2015-computed-properties@^6.22.0, babel-plugin-transfor
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-plugin-transform-es2015-destructuring@^6.23.0, babel-plugin-transform-es2015-destructuring@^6.8.0:
+babel-plugin-transform-es2015-destructuring@^6.23.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=
@@ -6495,14 +6531,14 @@ babel-plugin-transform-es2015-duplicate-keys@^6.22.0:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
 
-babel-plugin-transform-es2015-for-of@^6.23.0, babel-plugin-transform-es2015-for-of@^6.8.0:
+babel-plugin-transform-es2015-for-of@^6.23.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.8.0:
+babel-plugin-transform-es2015-function-name@^6.22.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=
@@ -6511,7 +6547,7 @@ babel-plugin-transform-es2015-function-name@^6.22.0, babel-plugin-transform-es20
     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:
+babel-plugin-transform-es2015-literals@^6.22.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=
@@ -6527,7 +6563,7 @@ babel-plugin-transform-es2015-modules-amd@^6.22.0, babel-plugin-transform-es2015
     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:
+babel-plugin-transform-es2015-modules-commonjs@^6.23.0, babel-plugin-transform-es2015-modules-commonjs@^6.24.1:
   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==
@@ -6555,7 +6591,7 @@ babel-plugin-transform-es2015-modules-umd@^6.23.0:
     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.8.0:
+babel-plugin-transform-es2015-object-super@^6.22.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=
@@ -6563,7 +6599,7 @@ babel-plugin-transform-es2015-object-super@^6.22.0, babel-plugin-transform-es201
     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.8.0:
+babel-plugin-transform-es2015-parameters@^6.23.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=
@@ -6575,7 +6611,7 @@ babel-plugin-transform-es2015-parameters@^6.23.0, babel-plugin-transform-es2015-
     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.8.0:
+babel-plugin-transform-es2015-shorthand-properties@^6.22.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=
@@ -6583,7 +6619,7 @@ babel-plugin-transform-es2015-shorthand-properties@^6.22.0, babel-plugin-transfo
     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:
+babel-plugin-transform-es2015-spread@^6.22.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=
@@ -6599,7 +6635,7 @@ babel-plugin-transform-es2015-sticky-regex@^6.22.0:
     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:
+babel-plugin-transform-es2015-template-literals@^6.22.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=
@@ -6622,20 +6658,6 @@ babel-plugin-transform-es2015-unicode-regex@^6.22.0:
     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:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz#2ab0c9c7f3098fa48907772bb813fe41e8de3a0e"
@@ -6645,7 +6667,7 @@ babel-plugin-transform-exponentiation-operator@^6.22.0:
     babel-plugin-syntax-exponentiation-operator "^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:
+babel-plugin-transform-flow-strip-types@^6.22.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=
@@ -6680,7 +6702,7 @@ babel-plugin-transform-minify-booleans@^6.9.4:
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-minify-booleans/-/babel-plugin-transform-minify-booleans-6.9.4.tgz#acbb3e56a3555dd23928e4b582d285162dd2b198"
   integrity sha1-rLs+VqNVXdI5KOS1gtKFFi3SsZg=
 
-babel-plugin-transform-object-rest-spread@^6.26.0, babel-plugin-transform-object-rest-spread@^6.8.0:
+babel-plugin-transform-object-rest-spread@^6.26.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=
@@ -6695,22 +6717,6 @@ babel-plugin-transform-property-literals@^6.9.4:
   dependencies:
     esutils "^2.0.2"
 
-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@^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-react-remove-prop-types@0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
@@ -6835,40 +6841,6 @@ babel-preset-expo@^5.0.0, babel-preset-expo@^5.1.1:
     babel-plugin-react-native-web "^0.11.2"
     metro-react-native-babel-preset "^0.51.1"
 
-babel-preset-fbjs@2.3.0, babel-preset-fbjs@^2.1.2:
-  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-fbjs@^3.0.1, babel-preset-fbjs@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/babel-preset-fbjs/-/babel-preset-fbjs-3.2.0.tgz#c0e6347d3e0379ed84b3c2434d3467567aa05297"
@@ -7168,7 +7140,7 @@ base64-js@1.2.0:
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.2.0.tgz#a39992d723584811982be5e290bb6a53d86700f1"
   integrity sha1-o5mS1yNYSBGYK+XikLtqU9hnAPE=
 
-base64-js@^1.0.2, base64-js@^1.1.2, base64-js@^1.2.3:
+base64-js@^1.0.2, base64-js@^1.1.2, base64-js@^1.2.3, base64-js@^1.3.0:
   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==
@@ -7327,6 +7299,11 @@ bluebird@^3.1.1, bluebird@^3.3.5, bluebird@^3.4.6, bluebird@^3.5.0, bluebird@^3.
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.5.tgz#a8d0afd73251effbbd5fe384a77d73003c17a71f"
   integrity sha512-5am6HnnfN+urzt4yfg7IgTbotDjIT/u8AJpEt0sIU9FtXfVeezXAPKswrG+xKUCOYAINpSdgZVDU6QFh+cuH3w==
 
+blueimp-md5@^2.10.0:
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.11.0.tgz#eff55d30fe3daddd7e801072e2c4483e5fcfc87c"
+  integrity sha512-xvA4mdnIevstCvNKTRLMOKi7L76U/X/CTs9Yz+PLWmWAC/7SuYi5Xv2J7bAhJnE2+LcLv+x4+0vusvKgM9LnZQ==
+
 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"
@@ -8185,6 +8162,11 @@ buffer-alloc@^1.1.0, buffer-alloc@^1.2.0:
     buffer-alloc-unsafe "^1.1.0"
     buffer-fill "^1.0.0"
 
+buffer-crc32@^0.2.13:
+  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-constant-time@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz#f8e71132f7ffe6e01a5c9697a4c6f3e48d5cc819"
@@ -9112,14 +9094,6 @@ color-support@^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@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color/-/color-2.0.1.tgz#e4ed78a3c4603d0891eba5430b04b86314f4c839"
-  integrity sha512-ubUCVVKfT7r2w2D3qtHakj8mbmKms+tThR8gI8zEYCbUBl8/voqFGt3kgBqGwXAopgXybnkuOq+qMYCRrp4cXw==
-  dependencies:
-    color-convert "^1.9.1"
-    color-string "^1.5.2"
-
 color@^3.0.0, color@^3.1.1:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
@@ -9250,6 +9224,11 @@ compare-func@^1.3.1:
     array-ify "^1.0.0"
     dot-prop "^3.0.0"
 
+compare-versions@^3.4.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-3.5.0.tgz#85fc22a1ae9612ff730d77fb092295acd056d311"
+  integrity sha512-hX+4kt2Rcwu+x1U0SsEFCn1quURjEjPEGH/cPBlpME/IidGimAdwfMU+B+xDr7et/KTR7VH2+ZqWGerv4NGs2w==
+
 complain@^1.0.0, complain@^1.2.0, complain@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/complain/-/complain-1.6.0.tgz#e8a1ff3f7dc03ff2b396b4b3e27af35236a3c25c"
@@ -12439,78 +12418,97 @@ expect@^24.8.0:
     jest-message-util "^24.8.0"
     jest-regex-util "^24.3.0"
 
-expo-ads-admob@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-ads-admob/-/expo-ads-admob-2.0.0.tgz#53b78a5ac5eee4f306ff461256160990ab96936b"
-  integrity sha512-mGx4rDBlDgVRf0jKsl4IpghBDG7vphriUmGa6BYRjnwc7PaQJMeQOINxQKLr37CvTuzvhiDz+yYFBeS5baRNXg==
+expo-ads-admob@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-ads-admob/-/expo-ads-admob-5.0.1.tgz#5a74e7cfba3ef8b81b34697df52a78b6d95e9761"
+  integrity sha512-9eKifW2HQpfk4pNlUXetZHEXUFyflK/nwfMPkXYRxay6tG3OsKKKfF42pod6KohguEtwEy+RFM3lGUf4tLgG5Q==
   dependencies:
     prop-types "^15.6.2"
 
-expo-analytics-segment@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-analytics-segment/-/expo-analytics-segment-2.0.0.tgz#5b957c97729b688825f58b39bba09463622e8d3f"
-  integrity sha512-NSqvm1bK0cxnBXwypkfQc1ZM8jE5ARgSs1PYgxqsyEDY1ivxJkpvf0R0QOxqHjG4N34ox0J3YJHRCLHyMyrRbA==
+expo-ads-facebook@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-ads-facebook/-/expo-ads-facebook-5.0.1.tgz#3b563446c4bb2cd18e9a189da0d0671612be477e"
+  integrity sha512-PPPc4AwGUsmCUGwH6/7iE8nMyG7XqdAqMTo/WVN+Tfit3KVte46SLnaKCT53CAhqPuFvKTy6t9a1mqz6eglAqA==
   dependencies:
-    expo-core "~2.0.0"
+    fbemitter "^2.1.1"
+    nullthrows "^1.1.0"
 
-expo-app-auth@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-app-auth/-/expo-app-auth-2.0.0.tgz#434d1a16f62a298b9ed1eff6cc6a464d1d29440f"
-  integrity sha512-g3U0+G2nwgcTiINTAS3FtQvvLfOm9ZMeUDJ6rc6YkG7JmcW6vC0s3QURYlF33UdqWeN4VUYw7o0zP6r4jsZhNQ==
+expo-analytics-amplitude@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-analytics-amplitude/-/expo-analytics-amplitude-5.0.1.tgz#2f0d046f1949342c45cf0b6351f5b021357d4f92"
+  integrity sha512-zzH82IbA/MTfpEbSQuDq4fHR1O3srNTwdOsBYSizn/mvt7+5DPHn4pHJuf9QRtm8FhmpuQQ7d26I6/2/5JCKKA==
+
+expo-analytics-segment@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-analytics-segment/-/expo-analytics-segment-5.0.1.tgz#63443c0c8fa133ce558b557e28baad12326c8bd2"
+  integrity sha512-IfGmtzbyBOJEvDYKiXbr/L5RMtZsVqagnOXDhd5LlHYXPSsVyLZUYzi61blyy/Yoc3fPDfAzk9BTfjYR+zD3MQ==
+
+expo-app-auth@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-app-auth/-/expo-app-auth-5.0.1.tgz#ddf5417d33931870311c8b7571f8d2ad13bbfc2a"
+  integrity sha512-7t2UCw2Ga4t71v4LlaWTu6ikZLG8LEhv3f7dQ82FYO09cQck7PPMJZyWbw7B8pgaFuO7A3mLF1H2F3MXLMZzRw==
   dependencies:
-    expo-constants-interface "~2.0.0"
-    expo-core "~2.0.0"
+    invariant "^2.2.4"
 
-expo-app-loader-provider@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/expo-app-loader-provider/-/expo-app-loader-provider-1.0.0.tgz#62dae0d6e2829d51b168a973b03bc8a3a8ac78d3"
-  integrity sha512-PAQnlGNQLO6k+k+kgGyqw4oaLS6GAvRwZRG1BofYBvcIzhZf24Nys7DuA6JT5Ukb1FtO8c5Ioi4C7pKntYiPdw==
+expo-app-loader-provider@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-app-loader-provider/-/expo-app-loader-provider-5.0.1.tgz#56f531e189de8407bdf257d5753ccec43dd253f7"
+  integrity sha512-RrbKXYmy980MdSgroY0fWPEFp4qqRGfE2oixPgN52poXJyrLbFeSmV/92IDsEOFv02jtrbbHJ8i3tiIF63czXA==
+
+expo-asset@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-asset/-/expo-asset-5.0.1.tgz#02445aeb695b8449cb7239e11fc3a8d34e6c86ce"
+  integrity sha512-dDu2jgFVd5UdBVfCgiznaib7R8bF3fZ0H3cLEO8q05lXV5NwFc/ftC2BXy0+tvV5u/yEtnRvQFAQQBJVhtbvpQ==
   dependencies:
-    expo-core "~2.0.0"
+    blueimp-md5 "^2.10.0"
+    path-browserify "^1.0.0"
+    url-parse "^1.4.4"
 
-expo-asset@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-asset/-/expo-asset-2.0.0.tgz#c4a1d44ccf1d321b505e437d1582dd2d382995e2"
-  integrity sha512-8E/vQ/grJl1OX2lkzChbQJWsynIRupkxR0r8RMJ0js+MfDtmyi3m4lVzY4AjUz/y7KJ9XpldKjsqerFWb/Nmew==
+expo-av@~5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/expo-av/-/expo-av-5.0.2.tgz#8f308fc14d7be8b3bc79d6f8dc6c270da07f94d4"
+  integrity sha512-InvEYDinIv5enZR1HM6oIKFrvFoIsXuxAKcbZmgtqeuRzeJpOLJgzEJ5XlqPDfCM9/RX2Fhv4b2mSQsL20T4IQ==
   dependencies:
-    uri-parser "^1.0.1"
-    url-join "^4.0.0"
-    url-loader "^1.1.2"
+    lodash "^4.17.11"
 
-expo-background-fetch@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/expo-background-fetch/-/expo-background-fetch-1.0.0.tgz#d84dfd001c2fc71b233de14ccd6a110b07f9e705"
-  integrity sha512-oQY2gCEZIka1xKlkW0y3/GYobdXDl9Q3//sfogLlxVcoTFScLRYCwTOBVb6RsCzLwv/CzZedbR+1WjlvKshS6Q==
+expo-background-fetch@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-background-fetch/-/expo-background-fetch-5.0.1.tgz#103538d81dda5010dd4f525dd4c73daaa54f61d8"
+  integrity sha512-nisjKhpqY9B4XoFcTXtT2tjiSgt0ApuKRxGbECG3q4vq85o13cGoOYuNJv7XkKuuEpVkvuCK6yjh+WVgOoouRw==
   dependencies:
-    expo-task-manager "~1.0.0"
+    expo-task-manager "~5.0.1"
 
-expo-barcode-scanner-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-barcode-scanner-interface/-/expo-barcode-scanner-interface-2.0.0.tgz#3d5c7855511a783628baf9fd827f94770854ca12"
-  integrity sha512-rfCLqL06zVcyT5usKBQqDA0ilIEYv5zi91lUJ6s2/Llvx/OHuiPY4w1ol5HJPRJQvaBHop3lXqnb7dUuEMTsIA==
-
-expo-barcode-scanner@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-barcode-scanner/-/expo-barcode-scanner-2.0.0.tgz#0b06c81a4457bc9c1c34f3423acf757dea6ac638"
-  integrity sha512-ryWfpqpw+gzvZVfsm6IUj6oSi22sWeuEg7j38Vn0C9LoHVWNt93JcKWTulO+8Pk2iThvr/ernmHqyMGatwmv6g==
+expo-barcode-scanner@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-barcode-scanner/-/expo-barcode-scanner-5.0.1.tgz#4b35704e05ab61fa5d203ccc27045739072f84f7"
+  integrity sha512-9IGXvfd5w8P3swhauSXgCjR55qDvrSgQIc9AdyPZ70V5+UyBB6rmRF7NVPyNAWd3t41HhZ9mo9TKhOmggboG0Q==
   dependencies:
-    expo-barcode-scanner-interface "~2.0.0"
-    lodash.mapvalues "^4.6.0"
+    lodash "^4.6.0"
     prop-types "^15.6.0"
 
-expo-camera-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-camera-interface/-/expo-camera-interface-2.0.0.tgz#d6de1aa6bd9626146a174911949fa801abb5de7e"
-  integrity sha512-6CLexDa/RhrJ74dzNKyg7aHcNG11FH/F83sD+wIbhoE7fm3FGEbSXxOKccWmVAUApMyn3Sdev4MLjnKUX0opBQ==
+expo-blur@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-blur/-/expo-blur-5.0.1.tgz#39edbb391965ec3b426ded6b869618d8294dd56c"
+  integrity sha512-tOrVAut04HBkGQ+CizvCXCluHYWVkBvJ4b4OJnLmVV6WzW7Q2cfWglPzGRn/ue/Yw5IZ6p6mZInEqLt/SFkGDg==
   dependencies:
-    expo-core "~2.0.0"
+    prop-types "^15.6.0"
 
-expo-camera@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-camera/-/expo-camera-2.0.0.tgz#ea55105970eff1b5ad858de156fee36b6e5bb632"
-  integrity sha512-TVRuMMQ8+Y54v7Q3Wls3ZXABMhA+W7u5M3Ghdmc6hPUVubG1TprAk257BorfaI09QJ5jOevDzdw3IAFEvyE+Pg==
+expo-brightness@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-brightness/-/expo-brightness-5.0.1.tgz#90e0445a34c7ef92c4511211c888bbc50eae0441"
+  integrity sha512-jUbbucNYoBiWiQhHJG78SB4e7DVTRpcm19DKxvvtcwyDMDUch6YFtk1+pImOjkPDlD6xVFm4xPpSWdW3Y2Md3Q==
+
+expo-calendar@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-calendar/-/expo-calendar-5.0.1.tgz#52660f08d3a41109080ecfb2ee7ebbcd9f67c071"
+  integrity sha512-muMxE5W7itpTmsveuEQwRD6bDi5ccDBxkiFNEsqOYheVzAQA55XwIad5a7PrZ4tT4QfeEVvhR1+mE+ShdWqCmw==
+
+expo-camera@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-camera/-/expo-camera-5.0.1.tgz#1c90cda9e368148dbf538d14bd047cdf33ea3350"
+  integrity sha512-FlgTV6dubDE1IMRKiOipTl2uH1eCravcFDfUQlQaxIlz73YEilZhJT7MAentq8VLJoYXsD99F3TfGcIltMA46Q==
   dependencies:
-    lodash.mapvalues "^4.6.0"
+    lodash "^4.6.0"
     prop-types "^15.6.0"
 
 expo-cli@^2.17.1:
@@ -12566,308 +12564,302 @@ expo-cli@^2.17.1:
     "@expo/traveling-fastlane-darwin" "1.9.9"
     "@expo/traveling-fastlane-linux" "1.9.9"
 
-expo-constants-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-constants-interface/-/expo-constants-interface-2.0.0.tgz#9cccb024d8e1b6a8fa765882456ba89afb57d03b"
-  integrity sha512-H5qXLl1Ew+Aemo127B9zvdtutYCZRwYnb1wRY2gKvECuyHTfRylld7fA6otebNf1NwqCQ5bowTZtls4SKWxTiQ==
-  dependencies:
-    expo-core "~2.0.0"
-
-expo-constants@~2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/expo-constants/-/expo-constants-2.0.1.tgz#f3090e206da7c580c8dbb16178f918a8110644c2"
-  integrity sha512-OIT1afOYYSpDxnnTp5jNXNB2nfnbmykLT+fLaKTu60VdtrO0sr20eB30YwuALU7n/xSYM/xKPsP8jDCzq40YLw==
+expo-constants@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-constants/-/expo-constants-5.0.1.tgz#597263397f269d7fe37d9cd6b30e305c16635a00"
+  integrity sha512-Ny3teALKaE/jFzBg6DHr2GOoHpwQ/OLs3q3VugZOoR6hXCeVcCEP9MyNvhgn/cheeBDAa6UIgarv2Yufb5RMqQ==
   dependencies:
     ua-parser-js "^0.7.19"
+
+expo-contacts@~5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/expo-contacts/-/expo-contacts-5.0.2.tgz#4ed7102e31c426367ba3c9dca86d496b38546ab6"
+  integrity sha512-mOsov0eomKsscsdRU2HQPLLZ61lzojHNgO3FVyBF/yoxKAIyMYLTjneHbiOEKAFX4yfFT4bztHgcrL26aLooXQ==
+  dependencies:
+    uuid-js "^0.7.5"
+
+expo-crypto@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-crypto/-/expo-crypto-5.0.1.tgz#ffb48895c68dd5c5f51bf9648152a6d122514ad8"
+  integrity sha512-Tu3d+KJ9eXBNhP5XYvBFQ2n0I0kwlbOw8iEXnbzXmasvhOqr/fPZEdXVbX7xX0/QJE5G1c+OTIV0z/cS8GdVVQ==
+
+expo-document-picker@~5.0.1:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/expo-document-picker/-/expo-document-picker-5.0.2.tgz#e6ea131491c8267bdca1c617ad9ff96c6c4fa675"
+  integrity sha512-m8oLY6zmqzbZv2ZLx4R4tpVLJfD68OSC8wlBQHcdzo9TTalsxjO62kp3mxRqfe4Jpj0h7icrl4bqNN4bxSGNNw==
+  dependencies:
     uuid "^3.3.2"
 
-expo-contacts@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-contacts/-/expo-contacts-2.0.0.tgz#ea71d0b3734c33515a3e2ae8d7afa037ce7f3738"
-  integrity sha512-aRq8WZ9XeTffI8vidS2Yu51WqIRsj+oWt2kaFPCnGHeH71eE6HxuNapQGe+RmoyJmpntVHYdlg3kAgyW84odQw==
+expo-face-detector@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-face-detector/-/expo-face-detector-5.0.1.tgz#51012d54f8d28d470fc18ed6aea333b1fe1271ce"
+  integrity sha512-UUsbLtmENF8S86AJIeeLkj89Q1gvk69wYe1lQflNN7Wy8YLhrRq3V833Gt0Mna5tKThTnj0MkfOcmR2w2skgtg==
+
+expo-facebook@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-facebook/-/expo-facebook-5.0.1.tgz#a339ae21c3748185ad583ab3c1979c0d5637afa9"
+  integrity sha512-rm28dfPtUcdJEB+7zFgZvwl4G8liYGIfDgxECJGqQZNqFVeRQVxbqyxEBuTBuRmYL/nA5n8egTTeW62NC7v85g==
+
+expo-file-system@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-file-system/-/expo-file-system-5.0.1.tgz#c26054e512c3bb2e256325b48e603957a24e6210"
+  integrity sha512-8AD8Tt0vR8XNIPXOg5akPUPGuf+SCiE9kY5JppUwfJtfIsiH3BZnebu1bkYCVOMojSgFA017kr8VmH57vEWdnQ==
   dependencies:
-    expo-core "~2.0.0"
-    expo-errors "~1.0.0"
     uuid-js "^0.7.5"
 
-expo-core@~2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/expo-core/-/expo-core-2.0.2.tgz#61e1e5cc6c4341a834a0d7f37c68887cee8d971f"
-  integrity sha512-QKkICJ06m/J1PxTJqtVu03+fUXwjLqb2YPF5J9DT7W4EknPq1sHY3ZKJgAr1PhK24fzvVoxWOKqiIstliZdBOA==
-
-expo-errors@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/expo-errors/-/expo-errors-1.0.0.tgz#0e212e6e10eb7e8c01eb59d79560ed2cdaaadd95"
-  integrity sha512-4CL/75aigg+pYwgR+7SUJwYgX2oa7ZGAwK1aYKnyUnwQOa9jmjJJoT9KPHO8SbDHz+mEwjD5TE8ZXfOWlMl+kw==
+expo-font@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-font/-/expo-font-5.0.1.tgz#b3174134efd0ce3382db3a6c282147cba8bee203"
+  integrity sha512-fa/z31lLi1ut6IGTf9/Kvw9KAlwSGQaBkuunuqjrW2ephqiXlHTeOOsaqKMirtmiqgsKOJysdlYUH1Aw03Y2bg==
   dependencies:
-    expo-core "~2.0.0"
+    fontfaceobserver "^2.1.0"
 
-expo-face-detector-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-face-detector-interface/-/expo-face-detector-interface-2.0.0.tgz#ed93427ab1dc312444a9ef997753c26d57b53133"
-  integrity sha512-BXBxTMFy2YFANWxxgXmrie2R68ATv2KJJ9iaVYCNSoAXplAsHF+Kc2hkVBLE/xAU2+QFzVq9N21CVOIfKsWN4A==
-  dependencies:
-    expo-core "~2.0.0"
+expo-gl-cpp@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-gl-cpp/-/expo-gl-cpp-5.0.1.tgz#cc83b18c4ab0e3e125cb95cf501975455a2c5bbe"
+  integrity sha512-4RMylFwAyakmi5Dp8Vqomq6N+Ywx81ehM3UqhFLuaEkS7dmKd8UQBKwiTiaFcDLsNkvLbTnyllAx7/qctJLQvQ==
 
-expo-face-detector@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-face-detector/-/expo-face-detector-2.0.0.tgz#d3f96038174d8de47cd0b6a33412ab488dfe7403"
-  integrity sha512-w+pO6AURNNZt0ocqHPFHR6EQ2ZyZorSkwRCCZoLLm7GZ1PdMLIRfkqeN1hAWmHcGt9sEzRBaYWJETzDtwSd4BA==
-  dependencies:
-    expo-core "~2.0.0"
-    expo-face-detector-interface "~2.0.0"
-    expo-permissions-interface "~2.0.0"
-
-expo-file-system-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-file-system-interface/-/expo-file-system-interface-2.0.0.tgz#610cb7ec797a65199fe5d04ba5d515aba95a3fb9"
-  integrity sha512-lhNjfPyNspQIJOqDM/Z8lpFICc0QF/Ah1DtYCDeQSng/zgAaLlRyDN3vSb/a5NrluSDfRlU2oF2sbrxIsOzzbg==
-  dependencies:
-    expo-core "~2.0.0"
-
-expo-file-system@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-file-system/-/expo-file-system-2.0.0.tgz#96da55dd03dab88e4ae32bfd5237aaa810ab33f0"
-  integrity sha512-snYf1kIYB9Jx2z1Vsj7+q3SSKyjmWPH+dpWlxCS+gHRgFzWI36y46SZCL/d76SmM2SOMhS95mIU+EZR7rKSJTQ==
-  dependencies:
-    expo-core "~2.0.0"
-    expo-file-system-interface "~2.0.0"
-    uuid-js "^0.7.5"
-
-expo-font-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-font-interface/-/expo-font-interface-2.0.0.tgz#183d033029e41c2f92c1117425d1381dbb0dd452"
-  integrity sha512-5tEGjUwOLd5h6vTR3xfNc6jXTRKzLVnGpIjns+L2aArIIktmlZU3Y/gzueY8AkB6J6SB5DYSLlybp5kQrUOImw==
-  dependencies:
-    expo-core "~2.0.0"
-
-expo-font@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-font/-/expo-font-2.0.0.tgz#0b1e21084a678ddb7fafd16a4b02dcd9bb325963"
-  integrity sha512-0o79ON0aQQCcA3OXXnRllGGnFFfDXXe2QB/IIGrksD5UL8MPwhLWAsD3ZsZJYgo3H6tE/i8moB2zQ1i2Q/4pNg==
-  dependencies:
-    invariant "^2.2.2"
-
-expo-gl-cpp@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-gl-cpp/-/expo-gl-cpp-2.0.0.tgz#65c3859f93ec16feafcd1124d86a5c8d463f96f7"
-  integrity sha512-Vuj/ABhqOQgdFFJjGEzZ9soFEHGbwOzL6T9oH70osrl4laep/4RCtQy80zThC0aNRDFFmh5923SyqBo5CGKJyQ==
-  dependencies:
-    expo-core "~2.0.0"
-
-expo-gl@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-gl/-/expo-gl-2.0.0.tgz#c78f5c6934a8a6ca25e8b7655fa3498add7f5845"
-  integrity sha512-iCzaBXvV/YIfPUTAZrI6TDdQDp3qPOCKfib8L/haAjXLf74SqDevQzLFSTfahGZJRgR9/NXsVfKc0z6MmTeIZw==
+expo-gl@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-gl/-/expo-gl-5.0.1.tgz#52cb200a76744131284622622cde16032b176397"
+  integrity sha512-S3LRjIpyedR04QeeSXOJRxPgq8s+o0W3bFlvKZS0ch54xFYJqDk/TM2YTJYY5j9aR4HY/hypnDbP231NwNm30w==
   dependencies:
+    expo-gl-cpp "~5.0.1"
     prop-types "^15.6.2"
 
-expo-google-sign-in@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-google-sign-in/-/expo-google-sign-in-2.0.0.tgz#f3352300b3f1f8625f5a2835b28910edd61e31db"
-  integrity sha512-2uuHbKQov4e+oITVBj/TyUhGqyP2hCEGRMqzHc1POb47z7J3yfVordAxdost4sazrWkWRrOHMAJp6Xah38d5pQ==
+expo-google-sign-in@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-google-sign-in/-/expo-google-sign-in-5.0.1.tgz#1285afd2cb605129c310ef89b555ba8a3a5f61c2"
+  integrity sha512-VwKIiG+S7uswF27RN9+WBO4dGQhmBPeqYnlBjuw3Zf8pS+tZcE5VROb1PBzyhgn4WEvGEql+40axm8fIMlensw==
   dependencies:
-    expo-errors "~1.0.0"
     invariant "^2.2.4"
 
-expo-image-loader-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-image-loader-interface/-/expo-image-loader-interface-2.0.0.tgz#3934f01c4ccdea40d4248110b7da234741abf9c8"
-  integrity sha512-aOHa37N/8gEyzDGO5df6PST8uce1L94OxNTfD5JtWVH3tWmkaN760S33T9ecWmydcUv9zFCOcCC4gZTwEWUJiQ==
-  dependencies:
-    expo-core "~2.0.0"
+expo-haptics@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-haptics/-/expo-haptics-5.0.1.tgz#60b67bc613522ddd1ad5e4d701412771fe333c40"
+  integrity sha512-+ULs5ZNJXT81PILX+Dpp1l9AvcfZZUazg9wX7Dho//ZIaWncPpd5kkiqZpgBlIJNmr7W0rjGcaD8SqVXgesnKg==
 
-expo-local-authentication@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-local-authentication/-/expo-local-authentication-2.0.0.tgz#b16763242ab0ebff902e4c4545052d114ecf3d4a"
-  integrity sha512-okW+EeLXgIG6xNfxl99bjJDrzmrx44fzYmSRKFspCH6JJQNqGFUgyMjqOsiSlEjPxr3S7Y2aYU0pHgoeoajGjw==
+expo-image-manipulator@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-image-manipulator/-/expo-image-manipulator-5.0.1.tgz#7e24161eade3888d87471e7fb724fba91d5857eb"
+  integrity sha512-9SOp1hAF4CghwsnO3odx1/ia7NlMrXX/6uIWx+1nxDYGhRg52YFB/Kv84vXS/a5cSGuewBPc4t3++QTo9S7qdQ==
+
+expo-image-picker@~5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/expo-image-picker/-/expo-image-picker-5.0.2.tgz#975ef46bc614d471f01e6de0b2db42e55aab4a56"
+  integrity sha512-6Lf0rd21JhcOxL0ThL0VLewaR0w8SZ/49FYFsyx/XGpo6CSqu9AOZrS11BnVqlwHPaiS4OPsFSlO4IhEF72mFQ==
+
+expo-intent-launcher@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-intent-launcher/-/expo-intent-launcher-5.0.1.tgz#906fa3bcf13bf4607a9ac88e323ce0ac427b54cf"
+  integrity sha512-fvcwkKBcDwKo6JxTGRM3112zgmPbuPtmQx6TdJWuRPJTBWmeCAG2AelohMt1+xzqpnJxnkXEXET2WoMuI+BXvw==
+
+expo-keep-awake@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-keep-awake/-/expo-keep-awake-5.0.1.tgz#15aeffd9de673f7eaf145449883e8d83f7d7a799"
+  integrity sha512-DPWAqgxbmLyJoCXPbDXbj+1XFjP/ulv4AYzvi1a+jsvZRU2uiFdho0w269Y++DLCQf30vbuu3zs5HiaJGU43fA==
+
+expo-linear-gradient@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-linear-gradient/-/expo-linear-gradient-5.0.1.tgz#b4f5450d680b9315f22f4f99fee6a2b90fb49d92"
+  integrity sha512-5dKn9JIXmXXHq6itC/Jpqo65Tkgjwacyw1kpD8sekoFTEVfT6ciFd2djqIcciUqIa57FF/5d2q54mUvjoqD/TA==
+
+expo-local-authentication@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-local-authentication/-/expo-local-authentication-5.0.1.tgz#e5c239e46cdaa64c342d0fea2411b9294348d252"
+  integrity sha512-Fy4T/5N/WUIFsbuRCDWOZzKejbe90nuCbyD4I5rOmHTZRbIxDfGePUUF/fJv5JhjxEl87QdrIlNMpLLyTLiRqw==
   dependencies:
-    expo-core "~2.0.0"
     invariant "^2.2.4"
 
-expo-localization@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-localization/-/expo-localization-2.0.0.tgz#d7b9b44585d5bb70691c6b62ebde6b00d8535a0e"
-  integrity sha512-QDs76ZWi8zf/Zbt9EG/ToQ8qQv3Z8GsjPVFT3J0idikpuMIPhqKSZLYOkiXpTuOhh5I1CGfIiXCqkQX77n8l7A==
+expo-localization@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-localization/-/expo-localization-5.0.1.tgz#9b617198f4627ed5c4eea406ed1a616dbc6d44f6"
+  integrity sha512-tPubS0oSO9nI3rdqnhnuhegV1REE1h3ltXNgtKX9oj9gHeZ+j7trQChF4xb1IGwaKTVm/ur1f4mkhRpQddJIUg==
   dependencies:
-    expo-core "~2.0.0"
-    moment "^2.22.2"
-    moment-timezone "^0.5.23"
     rtl-detect "^1.0.2"
 
-expo-location@~2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/expo-location/-/expo-location-2.0.1.tgz#44d5865640ce28a1683dec8ff9269e786b86aa2e"
-  integrity sha512-hd1lZ1yPh+q50AihNqdeAumr3R64fp7qKlJ/5Ry1ap519Gy3uA1y+XOw5HHNXDw+/fbO9O1xBLpAuJUbZxVk8w==
+expo-location@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-location/-/expo-location-5.0.1.tgz#697adb49b42018db9e32aa05b7623e0d71250eb9"
+  integrity sha512-YXMrPuYlLfqcHxKjwdc99XjCpeJYWtxu6kqaM9f++u/zjeup95YNnlzeq8uD7YhNuWk8O6boVAFTSXPn9bY+9w==
   dependencies:
     invariant "^2.2.4"
 
-expo-media-library@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-media-library/-/expo-media-library-2.0.0.tgz#24ed4aa99a014a6be1284a5e139eb39d22d63aa5"
-  integrity sha512-o6zQEuanRYFIh2z74B5NhZQdCAZPRTBLFnGB5ZUfdiAXjrN5gnn9tY+7vYyNJcS4uxd7r7sVK+2l2QP14EsPMg==
+expo-mail-composer@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-mail-composer/-/expo-mail-composer-5.0.1.tgz#adf4eb2e9a3d4f79b9d128b6c45e8a16c89db818"
+  integrity sha512-ps927F7BY+m1BzVqDYamIgVxmcaE8USQmBXNoligDzl/VqyKhS+68FijkLRdowRo5zGdXIHiZF9EW1Cvbcm3Vw==
   dependencies:
-    expo-core "~2.0.0"
-    expo-errors "~1.0.0"
-    expo-permissions-interface "~2.0.0"
+    lodash "^4.6.0"
+    query-string "^6.2.0"
 
-expo-payments-stripe@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-payments-stripe/-/expo-payments-stripe-2.0.0.tgz#31cc9f493c2332321ae9260b6c36385a966e79a3"
-  integrity sha512-13xMfo7vmFnfWvt5TihqN2baEUBCHztk4DBX3vOhjUU/dpgUcLX+jQUFVQNduYxlOk7nFW/z7GiByjqVkkOd0Q==
+expo-media-library@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-media-library/-/expo-media-library-5.0.1.tgz#f7f3b7fa0808eac224cd966583253380f0af2d1d"
+  integrity sha512-b5DHS+Ga8dyhw1+xQDB7Dafiea1jd91iOXbaE8LWg+awUDXTh6Ss14KMh8WI2mE3DVbBkcuLPTQ9NXlM2Oz67Q==
+
+expo-payments-stripe@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-payments-stripe/-/expo-payments-stripe-5.0.1.tgz#da096cf81fc03dbfd540ce6814cc67222d7447ff"
+  integrity sha512-U1SP9QPrCUUgYURGysUsQN1VEHs88ok+vTd30vsdbKq3TkguIPc0HuL/p2VE48KpVuykLKTmD4j9Ey56qUUiLg==
+
+expo-permissions@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-permissions/-/expo-permissions-5.0.1.tgz#cc6af49a37ea3ab73e780a8a19f22b7662379941"
+  integrity sha512-cOg9f9TaV8grORTwLSuoPfviDGcJSALjaALvxdmQD5ujPW6lxO6Ofd/s4/dV4L3lJww4HXiurjPJnT5yo+3ydw==
+
+expo-print@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-print/-/expo-print-5.0.1.tgz#2daca5538a4447764a2910a6cd95d7b844c6637d"
+  integrity sha512-cQ7kyKoAfL52iRnXH7b0aHNmZdORURBXZLZ6z495XG/S52nox1GtuXdZSSfo9qptDwWaKbsetVzDAM58LVIoWw==
+
+expo-random@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-random/-/expo-random-5.0.1.tgz#44ba8b3324f7d179aa1a6f30ccb4d4e3c94afe32"
+  integrity sha512-VUPDd8Ds1adaQoaCxTvEsSdiE02LuszazkxwvDjykE+oPG9CYOcc19yvk8wivyciEkMnjD5zYkM67ystFELGXw==
   dependencies:
-    expo-core "~2.0.0"
+    base64-js "^1.3.0"
 
-expo-permissions-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-permissions-interface/-/expo-permissions-interface-2.0.0.tgz#563fd815925fd472a1b04f292afc9bef77f14774"
-  integrity sha512-hk9oR6CtV2MLONdtPkKvOfpfmbJ48BDbYjvW/Na31znVvUAPHs7owckqSgh5BVoIAz8tMgp7fptaifEhPOayvg==
-  dependencies:
-    expo-core "~2.0.0"
+expo-secure-store@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-secure-store/-/expo-secure-store-5.0.1.tgz#451d61e9519bb964e315c2be336e2aa5f130b8a4"
+  integrity sha512-iA0/MJCHZk9z5OdxEXH5TYEDKq5sEIdASBr/7XkdCl+gB7+3peSeEXsXPRK+TK/Tzo9JGgfYrXha/CsVC9nD5A==
 
-expo-permissions@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-permissions/-/expo-permissions-2.0.0.tgz#31421819a2e6ee44ed9161387a7bf4259c73426f"
-  integrity sha512-0niegCTjcNdLk/715VqG5ibnT45eRGRebgdjTk/HtFOLjFtMs2mQKpneF3BbwVAK88bCbAiwtSBNt21/C+6z7A==
-  dependencies:
-    expo-core "~2.0.0"
-    expo-permissions-interface "~2.0.0"
-
-expo-print@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-print/-/expo-print-2.0.0.tgz#d072825a00a11d5a06a81788d5d5a252141315fa"
-  integrity sha512-wTzqIxaNb7qq+2P+y8Yf/umfqDJQnXYCf9Ns046pFOeybHd1r3pJRy6A9Myc2tFeNA2/xSx8oICMmqO1ZNRPLQ==
-  dependencies:
-    babel-preset-expo "^5.0.0"
-    expo-core "~2.0.0"
-    expo-errors "~1.0.0"
-
-expo-react-native-adapter@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-react-native-adapter/-/expo-react-native-adapter-2.0.0.tgz#0a8f74e7f79116b2f28eec79deab236c2ee0611f"
-  integrity sha512-pRlmqqb9mPr1abgzEGnzeEWa7VI8WWqMWRnU/ySJTcOWRyX63oUobTKX/Bw1HuwGyB6+rVRqEF+IObOeo8va4w==
-  dependencies:
-    expo-image-loader-interface "~2.0.0"
-    expo-permissions-interface "~2.0.0"
-    invariant "^2.2.4"
-    lodash.omit "^4.5.0"
-    lodash.pick "^4.4.0"
-    prop-types "^15.6.1"
-
-expo-sensors-interface@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-sensors-interface/-/expo-sensors-interface-2.0.0.tgz#8b94051e1996dae8ef90a9dafc8d32dc7b3c0af3"
-  integrity sha512-Lx5j4xeBxPHPxc1ySL3EZqr0PtJAdNaHu/uEj4OkrvWfE8QfyN/dS8j8x7vtdHZmwlBONWev2dL5Kpojzo7DEQ==
-  dependencies:
-    expo-core "~2.0.0"
-
-expo-sensors@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-sensors/-/expo-sensors-2.0.0.tgz#29fa73958192f2ec9d9e51dfd01630db96038bab"
-  integrity sha512-qr5n+gXKmmXL4LCAXygeafIHxzOLfepewsnVS2ZJJ3ARNdhH6bWpgXLOxJH8482O21sV/dGFn0DG/lbuiyBxeg==
+expo-sensors@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-sensors/-/expo-sensors-5.0.1.tgz#67dd446f1318712c90d714807f195c263e18552b"
+  integrity sha512-mPpcPKUDeVO/vtpHnHix3yczxlYWv+cHw6w2aeVem3zaXGeg+1pHH95h/pzUgO4B7Y8lci+OnozA5YFy0yNyjA==
   dependencies:
     invariant "^2.2.4"
 
-expo-sms@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/expo-sms/-/expo-sms-2.0.0.tgz#0347743435dda5ef8754e692fa92d0127cd85bfd"
-  integrity sha512-kQ7VnBHjz0B2OyfM100daLWwOvGQ88Tm1q75RPiYN/miry/3mpXriFDbvMnF8EH6G7UlfdrVTIdV63HuYyhNmA==
-  dependencies:
-    expo-core "~2.0.0"
-    expo-permissions-interface "~2.0.0"
+expo-sharing@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-sharing/-/expo-sharing-5.0.1.tgz#ec761be19469e39650e45972053663eae8ed0431"
+  integrity sha512-oBrRpVnhPxDb6qgC4RkcGz82JfTz7ao4uI+/DC8OJGUkRyCczVHuDG0v4R6jLMPld8dkjAxUmUkba7JVgg53FQ==
 
-expo-task-manager-interface@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/expo-task-manager-interface/-/expo-task-manager-interface-1.0.0.tgz#898535ace8fca441cdd84ec8dd4b2ce1f29919e2"
-  integrity sha512-ly+LK55Yyx/jFQN4ZQsRFFn5JGAczY6nPNMV1iTxxK7o6I1hv2ZO9DAzYQpU41VIoPNDsSO/5JAh0HWV44MlsA==
-  dependencies:
-    expo-core "~2.0.0"
+expo-sms@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-sms/-/expo-sms-5.0.1.tgz#c4f40e9bd15a2f3d8641595807aff536d88bb083"
+  integrity sha512-rGZkTsCLqbigUD7OKYHEt9vYBMG43ne+j8NvWbBwl1DFtkPcAZQIBN7pMFnXjRY0FLZnFePFDeYpboGquyQrgQ==
 
-expo-task-manager@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/expo-task-manager/-/expo-task-manager-1.0.0.tgz#fec44602f35915ab7be082d7709e928e136b2bf8"
-  integrity sha512-ySm4K9JNl+Yw5BAdatJdc0A3rV8Bp2PT6R3P0M7q6P6jkbscn+NJ7VAVzu05ID8MY8yGGSZHyzRjScEW7/lskA==
-  dependencies:
-    expo-core "~2.0.0"
-    expo-errors "~1.0.0"
-    expo-task-manager-interface "~1.0.0"
+expo-speech@~5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/expo-speech/-/expo-speech-5.0.2.tgz#ccc66e50614ebbdc06296dde150560c55b8333fd"
+  integrity sha512-AbLIM0lPUA9X+iCq20W7KW4Z/k6CvtKdCHZXEzJXqmm45YnCqENpSmrhVwePG6Lem6MJ4Bzg4DTC0UXl57SD4Q==
 
-expo@^32.0.6:
-  version "32.0.6"
-  resolved "https://registry.yarnpkg.com/expo/-/expo-32.0.6.tgz#71ef60ac5293b9ca8f2219584bc6add8a975714b"
-  integrity sha512-LMFtWZY+lwMHkoThTBwirctPB/5WeZtGrVM8MVoCI1e7jlONOfNQceM6X2j06BO5HxcCF/ASJSUDiTIIStAeaA==
+expo-sqlite@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-sqlite/-/expo-sqlite-5.0.1.tgz#71bb054141929371330de6ac7a9c16294e05a177"
+  integrity sha512-NQXFcjSScpjCRAC+oKQ1Fn+RYSLkYHudaiJSG5wqN28pKqg3yLqjpPG2gDbq/PvgHYkjZXBnvrNgmddjFzDyIQ==
+  dependencies:
+    "@expo/websql" "^1.0.1"
+    "@types/websql" "^0.0.27"
+    lodash "^4.17.11"
+
+expo-task-manager@~5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/expo-task-manager/-/expo-task-manager-5.0.1.tgz#18e0a2a7539617d7731c3e4e9bedcf0a3574577b"
+  integrity sha512-ManMdoYH++K2ZaRCYc2hfi1N33XTzjn1o1O8Qkj8JH49VssOzW9TF1URw2j+qRt3iN5Iba4+ECONoi++GoCiqw==
+
+expo-web-browser@~5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/expo-web-browser/-/expo-web-browser-5.0.3.tgz#c382358ece64a4fad5a5996795faea3446072298"
+  integrity sha512-Etue3QfBki4shFChsVd3Of3xvY7KsXoNINKvckiRCmcCjOC5bGiZ+Grhf70YEHVUB2bEcAUeZhC9Tg0Ip2tdEQ==
+
+expo@^33.0.7:
+  version "33.0.7"
+  resolved "https://registry.yarnpkg.com/expo/-/expo-33.0.7.tgz#e121044c04120ad6d74df6b0099d5d8194244349"
+  integrity sha512-+mDBQ/KeJnDWg8bUoiuP/OpMXwUYaypgHMDPgH7+AXw8OJuedMhJlH+7UEX2OB+UePnWPcQER411sC7m819pag==
   dependencies:
     "@babel/runtime" "^7.1.2"
-    "@expo/vector-icons" "~9.0.0"
-    "@expo/websql" "^1.0.1"
+    "@expo/vector-icons" "^10.0.1"
+    "@react-native-community/netinfo" "2.0.10"
     "@types/fbemitter" "^2.0.32"
     "@types/invariant" "^2.2.29"
     "@types/lodash.zipobject" "^4.1.4"
     "@types/qs" "^6.5.1"
     "@types/uuid-js" "^0.7.1"
-    "@types/websql" "^0.0.27"
+    "@unimodules/core" "^2.0.0"
+    "@unimodules/react-native-adapter" "^2.0.0"
     babel-preset-expo "^5.0.0"
     cross-spawn "^6.0.5"
-    expo-ads-admob "~2.0.0"
-    expo-analytics-segment "~2.0.0"
-    expo-app-auth "~2.0.0"
-    expo-app-loader-provider "~1.0.0"
-    expo-asset "~2.0.0"
-    expo-background-fetch "~1.0.0"
-    expo-barcode-scanner "~2.0.0"
-    expo-barcode-scanner-interface "~2.0.0"
-    expo-camera "~2.0.0"
-    expo-camera-interface "~2.0.0"
-    expo-constants "~2.0.0"
-    expo-constants-interface "~2.0.0"
-    expo-contacts "~2.0.0"
-    expo-core "~2.0.0"
-    expo-errors "~1.0.0"
-    expo-face-detector "~2.0.0"
-    expo-face-detector-interface "~2.0.0"
-    expo-file-system "~2.0.0"
-    expo-file-system-interface "~2.0.0"
-    expo-font "~2.0.0"
-    expo-font-interface "~2.0.0"
-    expo-gl "~2.0.0"
-    expo-gl-cpp "~2.0.0"
-    expo-google-sign-in "~2.0.0"
-    expo-image-loader-interface "~2.0.0"
-    expo-local-authentication "~2.0.0"
-    expo-localization "~2.0.0"
-    expo-location "~2.0.1"
-    expo-media-library "~2.0.0"
-    expo-payments-stripe "~2.0.0"
-    expo-permissions "~2.0.0"
-    expo-permissions-interface "~2.0.0"
-    expo-print "~2.0.0"
-    expo-react-native-adapter "~2.0.0"
-    expo-sensors "~2.0.0"
-    expo-sensors-interface "~2.0.0"
-    expo-sms "~2.0.0"
-    expo-task-manager "~1.0.0"
+    expo-ads-admob "~5.0.1"
+    expo-ads-facebook "~5.0.1"
+    expo-analytics-amplitude "~5.0.1"
+    expo-analytics-segment "~5.0.1"
+    expo-app-auth "~5.0.1"
+    expo-app-loader-provider "~5.0.1"
+    expo-asset "~5.0.1"
+    expo-av "~5.0.2"
+    expo-background-fetch "~5.0.1"
+    expo-barcode-scanner "~5.0.1"
+    expo-blur "~5.0.1"
+    expo-brightness "~5.0.1"
+    expo-calendar "~5.0.1"
+    expo-camera "~5.0.1"
+    expo-constants "~5.0.1"
+    expo-contacts "~5.0.2"
+    expo-crypto "~5.0.1"
+    expo-document-picker "~5.0.1"
+    expo-face-detector "~5.0.1"
+    expo-facebook "~5.0.1"
+    expo-file-system "~5.0.1"
+    expo-font "~5.0.1"
+    expo-gl "~5.0.1"
+    expo-gl-cpp "~5.0.1"
+    expo-google-sign-in "~5.0.1"
+    expo-haptics "~5.0.1"
+    expo-image-manipulator "~5.0.1"
+    expo-image-picker "~5.0.2"
+    expo-intent-launcher "~5.0.1"
+    expo-keep-awake "~5.0.1"
+    expo-linear-gradient "~5.0.1"
+    expo-local-authentication "~5.0.1"
+    expo-localization "~5.0.1"
+    expo-location "~5.0.1"
+    expo-mail-composer "~5.0.1"
+    expo-media-library "~5.0.1"
+    expo-payments-stripe "~5.0.1"
+    expo-permissions "~5.0.1"
+    expo-print "~5.0.1"
+    expo-random "~5.0.1"
+    expo-secure-store "~5.0.1"
+    expo-sensors "~5.0.1"
+    expo-sharing "~5.0.1"
+    expo-sms "~5.0.1"
+    expo-speech "~5.0.2"
+    expo-sqlite "~5.0.1"
+    expo-task-manager "~5.0.1"
+    expo-web-browser "~5.0.3"
     fbemitter "^2.1.1"
     invariant "^2.2.2"
-    lodash.filter "^4.6.0"
-    lodash.map "^4.6.0"
-    lodash.omit "^4.5.0"
-    lodash.zipobject "^4.1.3"
-    lottie-react-native "2.5.0"
+    lodash "^4.6.0"
+    lottie-react-native "2.6.1"
     md5-file "^3.2.3"
     nullthrows "^1.1.0"
     pretty-format "^23.6.0"
     prop-types "^15.6.0"
     qs "^6.5.0"
+    react-google-maps "^9.4.5"
     react-native-branch "2.2.5"
-    react-native-gesture-handler "~1.0.14"
-    react-native-maps expo/react-native-maps#v0.22.1-exp.0
-    react-native-reanimated "1.0.0-alpha.11"
+    react-native-gesture-handler "1.2.1"
+    react-native-maps "0.24.2"
+    react-native-reanimated "1.0.1"
     react-native-screens "1.0.0-alpha.22"
-    react-native-svg "8.0.10"
-    react-native-view-shot "2.5.0"
+    react-native-svg "9.4.0"
+    react-native-view-shot "2.6.0"
+    react-native-webview "5.8.1"
     serialize-error "^2.1.0"
+    unimodules-barcode-scanner-interface "~2.0.1"
+    unimodules-camera-interface "~2.0.1"
+    unimodules-constants-interface "~2.0.1"
+    unimodules-face-detector-interface "~2.0.1"
+    unimodules-file-system-interface "~2.0.1"
+    unimodules-font-interface "~2.0.1"
+    unimodules-image-loader-interface "~2.0.1"
+    unimodules-permissions-interface "~2.0.1"
+    unimodules-sensors-interface "~2.0.1"
     uuid-js "^0.7.5"
-    whatwg-fetch "^2.0.4"
 
 express-graphql@^0.8.0:
   version "0.8.0"
@@ -13192,22 +13184,6 @@ fbjs-css-vars@^1.0.0:
   resolved "https://registry.yarnpkg.com/fbjs-css-vars/-/fbjs-css-vars-1.0.2.tgz#216551136ae02fe255932c3ec8775f18e2c078b8"
   integrity sha512-b2XGFAFdWZWg0phtAWLHCk836A1Xann+I+Dgd3Gk64MHKZO44FfoD1KxyvbSh0qZsIoXQGGlVztIY+oitJPpRQ==
 
-fbjs-scripts@^0.8.1:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/fbjs-scripts/-/fbjs-scripts-0.8.3.tgz#b854de7a11e62a37f72dab9aaf4d9b53c4a03174"
-  integrity sha512-aUJ/uEzMIiBYuj/blLp4sVNkQQ7ZEB/lyplG1IzzOmZ83meiWecrGg5jBo4wWrxXmO4RExdtsSV1QkTjPt2Gag==
-  dependencies:
-    ansi-colors "^1.0.1"
-    babel-core "^6.7.2"
-    babel-preset-fbjs "^2.1.2"
-    core-js "^2.4.1"
-    cross-spawn "^5.1.0"
-    fancy-log "^1.3.2"
-    object-assign "^4.0.1"
-    plugin-error "^0.1.2"
-    semver "^5.1.0"
-    through2 "^2.0.0"
-
 fbjs-scripts@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/fbjs-scripts/-/fbjs-scripts-1.2.0.tgz#069a0c0634242d10031c6460ef1fccefcdae8b27"
@@ -13224,7 +13200,18 @@ fbjs-scripts@^1.0.0:
     semver "^5.1.0"
     through2 "^2.0.0"
 
-fbjs@0.8.17, fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.4, fbjs@^0.8.9:
+fbjs@^0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.6.1.tgz#9636b7705f5ba9684d44b72f78321254afc860f7"
+  integrity sha1-lja3cF9bqWhNRLcveDISVK/IYPc=
+  dependencies:
+    core-js "^1.0.0"
+    loose-envify "^1.0.0"
+    promise "^7.0.3"
+    ua-parser-js "^0.7.9"
+    whatwg-fetch "^0.9.0"
+
+fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.4, fbjs@^0.8.9:
   version "0.8.17"
   resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
   integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
@@ -13237,17 +13224,6 @@ fbjs@0.8.17, fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.4, fbjs@^0.8.9:
     setimmediate "^1.0.5"
     ua-parser-js "^0.7.18"
 
-fbjs@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.6.1.tgz#9636b7705f5ba9684d44b72f78321254afc860f7"
-  integrity sha1-lja3cF9bqWhNRLcveDISVK/IYPc=
-  dependencies:
-    core-js "^1.0.0"
-    loose-envify "^1.0.0"
-    promise "^7.0.3"
-    ua-parser-js "^0.7.9"
-    whatwg-fetch "^0.9.0"
-
 fbjs@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-1.0.0.tgz#52c215e0883a3c86af2a7a776ed51525ae8e0a5a"
@@ -13596,6 +13572,11 @@ follow-redirects@^1.0.0, follow-redirects@^1.2.5, follow-redirects@^1.3.0, follo
   dependencies:
     debug "^3.2.6"
 
+fontfaceobserver@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fontfaceobserver/-/fontfaceobserver-2.1.0.tgz#e2705d293e2c585a6531c2a722905657317a2991"
+  integrity sha512-ReOsO2F66jUa0jmv2nlM/s1MiutJx/srhAe2+TE8dJCMi02ZZOcCTxTCQFr3Yet+uODUtnr4Mewg+tNQ+4V1Ng==
+
 for-in@^0.1.3:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-0.1.8.tgz#d8773908e31256109952b1fdb9b3fa867d2775e1"
@@ -14500,6 +14481,11 @@ good-listener@^1.2.2:
   dependencies:
     delegate "^3.1.2"
 
+google-maps-infobox@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/google-maps-infobox/-/google-maps-infobox-2.0.0.tgz#1ea6de93c0cdf4138c2d586331835c83dcc59dc2"
+  integrity sha512-hTuWmWZZSOxf5D/z7l3/hTF1grgRvLG53BEKMdjiKOG+FcK/kH7vqseUeyIU9Zj2ZIqKTOaro0nknxpAuRq4Vw==
+
 got@^6.7.1:
   version "6.7.1"
   resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
@@ -15852,7 +15838,7 @@ into-stream@^3.1.0:
     from2 "^2.1.1"
     p-is-promise "^1.1.0"
 
-invariant@2.2.4, invariant@^2.2.0, invariant@^2.2.2, invariant@^2.2.3, invariant@^2.2.4:
+invariant@2.2.4, invariant@^2.2.0, invariant@^2.2.1, invariant@^2.2.2, invariant@^2.2.3, 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==
@@ -16886,6 +16872,19 @@ jest-haste-map@23.5.0:
     micromatch "^2.3.11"
     sane "^2.0.0"
 
+jest-haste-map@24.0.0-alpha.6:
+  version "24.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.0.0-alpha.6.tgz#fb2c785080f391b923db51846b86840d0d773076"
+  integrity sha512-+NO2HMbjvrG8BC39ieLukdpFrcPhhjCJGhpbHodHNZygH1Tt06WrlNYGpZtWKx/zpf533tCtMQXO/q59JenjNw==
+  dependencies:
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.1.11"
+    invariant "^2.2.4"
+    jest-serializer "^24.0.0-alpha.6"
+    jest-worker "^24.0.0-alpha.6"
+    micromatch "^2.3.11"
+    sane "^3.0.0"
+
 jest-haste-map@^24.8.0:
   version "24.8.1"
   resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.8.1.tgz#f39cc1d2b1d907e014165b4bd5a957afcb992982"
@@ -17106,7 +17105,12 @@ jest-serializer@23.0.1, jest-serializer@^23.0.1:
   resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-23.0.1.tgz#a3776aeb311e90fe83fab9e533e85102bd164165"
   integrity sha1-o3dq6zEekP6D+rnlM+hRAr0WQWU=
 
-jest-serializer@^24.4.0:
+jest-serializer@24.0.0-alpha.6:
+  version "24.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.0.0-alpha.6.tgz#27d2fee4b1a85698717a30c3ec2ab80767312597"
+  integrity sha512-IPA5T6/GhlE6dedSk7Cd7YfuORnYjN0VD5iJVFn1Q81RJjpj++Hen5kJbKcg547vXsQ1TddV15qOA/zeIfOCLw==
+
+jest-serializer@^24.0.0-alpha.6, jest-serializer@^24.4.0:
   version "24.4.0"
   resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.4.0.tgz#f70c5918c8ea9235ccb1276d232e459080588db3"
   integrity sha512-k//0DtglVstc1fv+GY/VHDIjrtNjdYvYjMlbLUed4kxrE92sIUewOi5Hj3vrpB8CXfkJntRPDRjCrCvUhBdL8Q==
@@ -17220,7 +17224,14 @@ jest-worker@23.2.0, jest-worker@^23.2.0:
   dependencies:
     merge-stream "^1.0.1"
 
-jest-worker@^24.6.0:
+jest-worker@24.0.0-alpha.6:
+  version "24.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.0.0-alpha.6.tgz#463681b92c117c57107135c14b9b9d6cd51d80ce"
+  integrity sha512-iXtH7MR9bjWlNnlnRBcrBRrb4cSVxML96La5vsnmBvDI+mJnkP5uEt6Fgpo5Y8f3z9y2Rd7wuPnKRxqQsiU/dA==
+  dependencies:
+    merge-stream "^1.0.1"
+
+jest-worker@^24.0.0-alpha.6, jest-worker@^24.6.0:
   version "24.6.0"
   resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.6.0.tgz#7f81ceae34b7cde0c9827a6980c35b7cdc0161b3"
   integrity sha512-jDwgW5W9qGNvpI1tNnvajh0a5IE/PuGLFmHk6aR/BZFz8tSgGw17GsDPXAJ6p91IvYDjOw8GpFbvvZGAK+DPQQ==
@@ -18702,11 +18713,6 @@ lodash.every@^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.6.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.find@^4.5.1, lodash.find@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/lodash.find/-/lodash.find-4.6.0.tgz#cb0704d47ab71789ffa0de8b97dd926fb88b13b1"
@@ -18900,7 +18906,7 @@ lodash.noop@~2.3.0:
   resolved "https://registry.yarnpkg.com/lodash.noop/-/lodash.noop-2.3.0.tgz#3059d628d51bbf937cd2a0b6fc3a7f212a669c2c"
   integrity sha1-MFnWKNUbv5N80qC2/Dp/ISpmnCw=
 
-lodash.omit@^4.1.0, lodash.omit@^4.5.0:
+lodash.omit@^4.1.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.omit/-/lodash.omit-4.5.0.tgz#6eb19ae5a1ee1dd9df0b969e66ce0b7fa30b5e60"
   integrity sha1-brGa5aHuHdnfC5aeZs4Lf6MLXmA=
@@ -19025,21 +19031,21 @@ lodash.values@~2.3.0:
   dependencies:
     lodash.keys "~2.3.0"
 
-lodash.zipobject@^4.1.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/lodash.zipobject/-/lodash.zipobject-4.1.3.tgz#b399f5aba8ff62a746f6979bf20b214f964dbef8"
-  integrity sha1-s5n1q6j/YqdG9peb8gshT5ZNvvg=
-
 lodash@4.17.10:
   version "4.17.10"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"
   integrity sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==
 
-"lodash@>=3.5 <5", lodash@^4.0.0, lodash@^4.0.1, lodash@^4.13.1, lodash@^4.15.0, lodash@^4.16.6, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.5.0, lodash@^4.6.1, lodash@~4.17.10:
+"lodash@>=3.5 <5", lodash@^4.0.0, lodash@^4.0.1, lodash@^4.13.1, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.2.0, lodash@^4.2.1, lodash@^4.3.0, lodash@^4.5.0, lodash@^4.6.1, lodash@~4.17.10:
   version "4.17.14"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.14.tgz#9ce487ae66c96254fe20b599f21b6816028078ba"
   integrity sha512-mmKYbW3GLuJeX+iGP+Y7Gp1AiGHGbXHCOh/jZmrawMmsE7MS4znI3RL2FsjbqOyMayHInjOeykW7PEajUk1/xw==
 
+lodash@^4.16.2, lodash@^4.6.0:
+  version "4.17.15"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
+  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
+
 log-symbols@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-1.0.2.tgz#376ff7b58ea3086a0f09facc74617eca501e1a18"
@@ -19101,18 +19107,18 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-lottie-ios@^2.5.0:
-  version "2.5.3"
-  resolved "https://registry.yarnpkg.com/lottie-ios/-/lottie-ios-2.5.3.tgz#bff86b6662f9259439535d1548894c274c9e476f"
-  integrity sha512-oBtLkPJ4JkaUqUTOsmFPbSK2/fW6iBezcH5UKBgODaGMpZXCjogArXcvmG7KRNEnPiYMhgqSCKd8tDyDrwQp7Q==
-
-lottie-react-native@2.5.0:
+lottie-ios@2.5.0:
   version "2.5.0"
-  resolved "https://registry.yarnpkg.com/lottie-react-native/-/lottie-react-native-2.5.0.tgz#0711b8b34bec7741552c24b71efd3d4cab347571"
-  integrity sha1-BxG4s0vsd0FVLCS3Hv09TKs0dXE=
+  resolved "https://registry.yarnpkg.com/lottie-ios/-/lottie-ios-2.5.0.tgz#55c808e785d4a6933b0c10b395530b17098b05de"
+  integrity sha1-VcgI54XUppM7DBCzlVMLFwmLBd4=
+
+lottie-react-native@2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/lottie-react-native/-/lottie-react-native-2.6.1.tgz#330d24fa6aac5928ea63f8e181b9b7d930a1a119"
+  integrity sha512-Z+6lARvWWhB8n8OSmW7/aHkV71ftsmO7hYXFt0D+REy/G40mpkQt1H7Cdy1HqY4cKAp7EYDWVxhu5+fkdD6o4g==
   dependencies:
     invariant "^2.2.2"
-    lottie-ios "^2.5.0"
+    lottie-ios "2.5.0"
     prop-types "^15.5.10"
     react-native-safe-module "^1.1.0"
 
@@ -19333,6 +19339,16 @@ marked@^0.6.2:
   resolved "https://registry.yarnpkg.com/marked/-/marked-0.6.3.tgz#79babad78af638ba4d522a9e715cdfdd2429e946"
   integrity sha512-Fqa7eq+UaxfMriqzYLayfqAE40WN03jf+zHjT18/uXNuzjq3TY0XTbrAoPeqSJrAmPz11VuUA+kBPYOhHt9oOQ==
 
+marker-clusterer-plus@^2.1.4:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/marker-clusterer-plus/-/marker-clusterer-plus-2.1.4.tgz#f8eff74d599dab3b7d0e3fed5264ea0e704f5d67"
+  integrity sha1-+O/3TVmdqzt9Dj/tUmTqDnBPXWc=
+
+markerwithlabel@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/markerwithlabel/-/markerwithlabel-2.0.2.tgz#fa6aee4abb0ee553e24e2b708226858f58b8729e"
+  integrity sha512-C/cbm1A0h/u54gwHk5ZJNdUU3V3+1BbCpRPMsMyFA7vF4yL+aB4rWpxACz29TpQ+cTg6/iQroExh0PMSRGtQFg==
+
 marko-loader@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/marko-loader/-/marko-loader-1.5.0.tgz#bc09ee3a1b03f7258f3edf957f82746bf0746859"
@@ -19724,10 +19740,10 @@ methods@~1.1.2:
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
   integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
 
-metro-babel-register@^0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.45.6.tgz#c0dfb78b7d4f8454468a515a3118a12b08e855cc"
-  integrity sha512-Io8JinYIzGcXiTaO7o0DGw8wFcAiITTb7mLh3lbuJd9PndbPOo+jhrHkTsNtXc9MRHiT4KbEheXJ/QoeLKJK/Q==
+metro-babel-register@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.51.0.tgz#d86d3f2d90b45c7a3c6ae67a53bd1e50bad7a24d"
+  integrity sha512-rhdvHFOZ7/ub019A3+aYs8YeLydb02/FAMsKr2Nz2Jlf6VUxWrMnrcT0NYX16F9TGdi2ulRlJ9dwvUmdhkk+Bw==
   dependencies:
     "@babel/core" "^7.0.0"
     "@babel/plugin-proposal-class-properties" "^7.0.0"
@@ -19760,12 +19776,19 @@ metro-babel-register@^0.48.1:
     core-js "^2.2.2"
     escape-string-regexp "^1.0.5"
 
-metro-babel7-plugin-react-transform@0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.45.6.tgz#e13b7b0e87e4f908d61b1bf88753af1119e19f58"
-  integrity sha512-NsVKqiBaF+Tm3FXzqiEExl9iJG+EimbpQP5h9ygxBE4AsYRc2S3X/YD/1ds3RTHMgfhinWVaus+DrG5OqK5mTA==
+metro-babel-transformer@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.51.0.tgz#9ee5199163ac46b2057527b3f8cbd8b089ffc03e"
+  integrity sha512-M7KEY/hjD3E8tJEliWgI0VOSaJtqaznC0ItM6FiMrhoGDqqa1BvGofl+EPcKqjBSOV1UgExua/T1VOIWbjwQsw==
   dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/core" "^7.0.0"
+
+metro-babel-transformer@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.51.1.tgz#97be9e2b96c78aa202b52ae05fb86f71327aef72"
+  integrity sha512-+tOnZZzOzufB86ASdfimUEGB1jBKsdsVpPdjNJZkueTFyvYlGqWDQKHM1w9bwKMeM/czPQ48Y6m8Bou6le0X4w==
+  dependencies:
+    "@babel/core" "^7.0.0"
 
 metro-babel7-plugin-react-transform@0.48.5:
   version "0.48.5"
@@ -19774,6 +19797,13 @@ metro-babel7-plugin-react-transform@0.48.5:
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
 
+metro-babel7-plugin-react-transform@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.51.0.tgz#af27dd81666b91f05d2b371b0d6d283c585e38b6"
+  integrity sha512-dZ95kXcE2FJMoRsYhxr7YLCbOlHWKwe0bOpihRhfImDTgFfuKIzU4ROQwMUbE0NCbzB+ATFsa2FZ3pHDJ5GI0w==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+
 metro-babel7-plugin-react-transform@0.51.1:
   version "0.51.1"
   resolved "https://registry.yarnpkg.com/metro-babel7-plugin-react-transform/-/metro-babel7-plugin-react-transform-0.51.1.tgz#9cce2c340cc4006fc82aa6dfab27af22d592607e"
@@ -19781,16 +19811,6 @@ metro-babel7-plugin-react-transform@0.51.1:
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
 
-metro-cache@0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.45.6.tgz#7ca9f66bc038a309d21e4c5264b806a692ca5a55"
-  integrity sha512-v7q2pLsI7oABEjpwPJwTd7ufwKvpctVOddcffI/2hRhuJC/seLlqkRt7kv+Q/WfaR9X4KLcEoIjZmgNy4cw1ag==
-  dependencies:
-    jest-serializer "23.0.1"
-    metro-core "0.45.6"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-
 metro-cache@0.48.5:
   version "0.48.5"
   resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.48.5.tgz#5ab3ad13c9df527f4196f0de096a3d496db97a6b"
@@ -19801,15 +19821,15 @@ metro-cache@0.48.5:
     mkdirp "^0.5.1"
     rimraf "^2.5.4"
 
-metro-config@0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.45.6.tgz#f08472ea8c4807bd23263c42948019a9a4f34ada"
-  integrity sha512-ZhVtkpXhOi+qWi7vdE3HGIhyyBT1wtIukQuxTMwLTUluv2/1DClo/uX9inmf++CmOhOpU7QpqrMzl6vf+AwnOg==
+metro-cache@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.51.1.tgz#d0b296eab8e009214413bba87e4eac3d9b44cd04"
+  integrity sha512-0m1+aicsw77LVAehNuTxDpE1c/7Xv/ajRD+UL/lFCWUxnrjSbxVtIKr8l5DxEY11082c1axVRuaV9e436W+eXg==
   dependencies:
-    cosmiconfig "^5.0.5"
-    metro "0.45.6"
-    metro-cache "0.45.6"
-    metro-core "0.45.6"
+    jest-serializer "24.0.0-alpha.6"
+    metro-core "0.51.1"
+    mkdirp "^0.5.1"
+    rimraf "^2.5.4"
 
 metro-config@0.48.5:
   version "0.48.5"
@@ -19822,15 +19842,16 @@ metro-config@0.48.5:
     metro-core "0.48.5"
     pretty-format "^23.4.1"
 
-metro-core@0.45.6, metro-core@^0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.45.6.tgz#b8654196cbeb28f75a23756422348f870117e4e3"
-  integrity sha512-M0YkGnkjStdCsSNYVW+aVlJ4WjwcqjIhQV+VzEnGZYdyo6cMi9MxUZ69iV2jIxd3LAeaQQaNe8OQtQp8dfIh/g==
+metro-config@0.51.1, metro-config@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-config/-/metro-config-0.51.1.tgz#8f1a241ce2c0b521cd492c39bc5c6c69e3397b82"
+  integrity sha512-WCNd0tTI9gb/ubgTqK1+ljZL4b3hsXVinsOAtep4nHiVb6DSDdbO2yXDD2rpYx3NE6hDRMFS9HHg6G0139pAqQ==
   dependencies:
-    jest-haste-map "23.5.0"
-    lodash.throttle "^4.1.1"
-    metro-resolver "0.45.6"
-    wordwrap "^1.0.0"
+    cosmiconfig "^5.0.5"
+    metro "0.51.1"
+    metro-cache "0.51.1"
+    metro-core "0.51.1"
+    pretty-format "24.0.0-alpha.6"
 
 metro-core@0.48.5, metro-core@^0.48.1:
   version "0.48.5"
@@ -19842,22 +19863,25 @@ metro-core@0.48.5, metro-core@^0.48.1:
     metro-resolver "0.48.5"
     wordwrap "^1.0.0"
 
-metro-memory-fs@^0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-memory-fs/-/metro-memory-fs-0.45.6.tgz#9a1fffbde2744b0a0a1d6fcd16f7cb43508f8d7b"
-  integrity sha512-YAGoNQVTM/vl65jR/ztucAZJIk0ejD3INZT0LiISRULBt6Rxfiqa22v5GG0Enq+95vlgmt26g+auHM2nxTUInQ==
+metro-core@0.51.1, metro-core@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-core/-/metro-core-0.51.1.tgz#e7227fb1dd1bb3f953272fad9876e6201140b038"
+  integrity sha512-sG1yACjdFqmIzZN50HqLTKUMp1oy0AehHhmIuYeIllo1DjX6Y2o3UAT3rGP8U+SAqJGXf/OWzl6VNyRPGDENfA==
+  dependencies:
+    jest-haste-map "24.0.0-alpha.6"
+    lodash.throttle "^4.1.1"
+    metro-resolver "0.51.1"
+    wordwrap "^1.0.0"
 
 metro-memory-fs@^0.48.1:
   version "0.48.5"
   resolved "https://registry.yarnpkg.com/metro-memory-fs/-/metro-memory-fs-0.48.5.tgz#ae390f494ff0d54f2fb60531a3e4b83282a6b66d"
   integrity sha512-dxN0dBtMOR1CvyRIOM/NE+uFirybWb4y2PZke0Z8bpYn6ttmv8ZF3PVdFxJf9v9irVBSOIPD0mD5zllxQkXzhg==
 
-metro-minify-uglify@0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.45.6.tgz#72cd952371a50b9204fd89d89e8041640237b7c1"
-  integrity sha512-l+lZ7Gg6CN9XddgmwAbo7zOLT2QB9a6VALXLzmvr6gB1mc6SBZwtAh+hARvdymtcr1CgbaWADZPAA+W3oQZH4g==
-  dependencies:
-    uglify-es "^3.1.9"
+metro-memory-fs@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-memory-fs/-/metro-memory-fs-0.51.1.tgz#624291f5956b0fd11532d80b1b85d550926f96c9"
+  integrity sha512-dXVUpLPLwfQcYHd1HlqHGVzBsiwvUdT92TDSbdc10152TP+iynHBqLDWbxt0MAtd6c/QXwOuGZZ1IcX3+lv5iw==
 
 metro-minify-uglify@0.48.5:
   version "0.48.5"
@@ -19866,45 +19890,12 @@ metro-minify-uglify@0.48.5:
   dependencies:
     uglify-es "^3.1.9"
 
-metro-react-native-babel-preset@0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.45.6.tgz#077ce4039d6461a1b699b215612985415f9816a9"
-  integrity sha512-qh+iXlV2tDfvHYbhh1meihxnzXXXB8nF1fi8z2HFxqYDkFBM48XewXO6mLz97PL8lmuTGvX/2dYVuFtriENw1w==
+metro-minify-uglify@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-minify-uglify/-/metro-minify-uglify-0.51.1.tgz#60cd8fe4d3e82d6670c717b8ddb52ae63199c0e4"
+  integrity sha512-HAqd/rFrQ6mnbqVAszDXIKTg2rqHlY9Fm8DReakgbkAeyMbF2mH3kEgtesPmTrhajdFk81UZcNSm6wxj1JMgVg==
   dependencies:
-    "@babel/plugin-proposal-class-properties" "^7.0.0"
-    "@babel/plugin-proposal-export-default-from" "^7.0.0"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
-    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
-    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
-    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
-    "@babel/plugin-syntax-export-default-from" "^7.0.0"
-    "@babel/plugin-transform-arrow-functions" "^7.0.0"
-    "@babel/plugin-transform-block-scoping" "^7.0.0"
-    "@babel/plugin-transform-classes" "^7.0.0"
-    "@babel/plugin-transform-computed-properties" "^7.0.0"
-    "@babel/plugin-transform-destructuring" "^7.0.0"
-    "@babel/plugin-transform-exponentiation-operator" "^7.0.0"
-    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
-    "@babel/plugin-transform-for-of" "^7.0.0"
-    "@babel/plugin-transform-function-name" "^7.0.0"
-    "@babel/plugin-transform-literals" "^7.0.0"
-    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
-    "@babel/plugin-transform-object-assign" "^7.0.0"
-    "@babel/plugin-transform-parameters" "^7.0.0"
-    "@babel/plugin-transform-react-display-name" "^7.0.0"
-    "@babel/plugin-transform-react-jsx" "^7.0.0"
-    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
-    "@babel/plugin-transform-regenerator" "^7.0.0"
-    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
-    "@babel/plugin-transform-spread" "^7.0.0"
-    "@babel/plugin-transform-sticky-regex" "^7.0.0"
-    "@babel/plugin-transform-template-literals" "^7.0.0"
-    "@babel/plugin-transform-typescript" "^7.0.0"
-    "@babel/plugin-transform-unicode-regex" "^7.0.0"
-    "@babel/template" "^7.0.0"
-    metro-babel7-plugin-react-transform "0.45.6"
-    react-transform-hmr "^1.0.4"
+    uglify-es "^3.1.9"
 
 metro-react-native-babel-preset@0.48.5:
   version "0.48.5"
@@ -19947,7 +19938,48 @@ metro-react-native-babel-preset@0.48.5:
     metro-babel7-plugin-react-transform "0.48.5"
     react-transform-hmr "^1.0.4"
 
-metro-react-native-babel-preset@^0.51.1:
+metro-react-native-babel-preset@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.51.0.tgz#978d960acf2d214bbbe43e59145878d663bd07de"
+  integrity sha512-Y/aPeLl4RzY8IEAneOyDcpdjto/8yjIuX9eUWRngjSqdHYhGQtqiSBpfTpo0BvXpwNRLwCLHyXo58gNpckTJFw==
+  dependencies:
+    "@babel/plugin-proposal-class-properties" "^7.0.0"
+    "@babel/plugin-proposal-export-default-from" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
+    "@babel/plugin-syntax-export-default-from" "^7.0.0"
+    "@babel/plugin-transform-arrow-functions" "^7.0.0"
+    "@babel/plugin-transform-block-scoping" "^7.0.0"
+    "@babel/plugin-transform-classes" "^7.0.0"
+    "@babel/plugin-transform-computed-properties" "^7.0.0"
+    "@babel/plugin-transform-destructuring" "^7.0.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+    "@babel/plugin-transform-for-of" "^7.0.0"
+    "@babel/plugin-transform-function-name" "^7.0.0"
+    "@babel/plugin-transform-literals" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/plugin-transform-object-assign" "^7.0.0"
+    "@babel/plugin-transform-parameters" "^7.0.0"
+    "@babel/plugin-transform-react-display-name" "^7.0.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
+    "@babel/plugin-transform-regenerator" "^7.0.0"
+    "@babel/plugin-transform-runtime" "^7.0.0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
+    "@babel/plugin-transform-spread" "^7.0.0"
+    "@babel/plugin-transform-sticky-regex" "^7.0.0"
+    "@babel/plugin-transform-template-literals" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.0.0"
+    "@babel/plugin-transform-unicode-regex" "^7.0.0"
+    "@babel/template" "^7.0.0"
+    metro-babel7-plugin-react-transform "0.51.0"
+    react-transform-hmr "^1.0.4"
+
+metro-react-native-babel-preset@0.51.1, metro-react-native-babel-preset@^0.51.1:
   version "0.51.1"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.51.1.tgz#44aeeedfea37f7c2ab8f6f273fa71b90fe65f089"
   integrity sha512-e9tsYDFhU70gar0jQWcZXRPJVCv4k7tEs6Pm74wXO2OO/T1MEumbvniDIGwGG8bG8RUnYdHhjcaiub2Vc5BRWw==
@@ -19988,12 +20020,25 @@ metro-react-native-babel-preset@^0.51.1:
     metro-babel7-plugin-react-transform "0.51.1"
     react-transform-hmr "^1.0.4"
 
-metro-resolver@0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.45.6.tgz#385407cf8c086f005775d2d28178cf36984273f9"
-  integrity sha512-RY4tqKxSEz4ahLPaJlx30x6vG8HVyLT3w5aUDcyB5B2eQH3ckLnyUYUpd0sT7HFoJ1T5U5DFtWvS3P4yJcRB7A==
+metro-react-native-babel-transformer@0.51.0:
+  version "0.51.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.51.0.tgz#57a695e97a19d95de63c9633f9d0dc024ee8e99a"
+  integrity sha512-VFnqtE0qrVmU1HV9B04o53+NZHvDwR+CWCoEx4+7vCqJ9Tvas741biqCjah9xtifoKdElQELk6x0soOAWCDFJA==
   dependencies:
-    absolute-path "^0.0.0"
+    "@babel/core" "^7.0.0"
+    babel-preset-fbjs "^3.0.1"
+    metro-babel-transformer "0.51.0"
+    metro-react-native-babel-preset "0.51.0"
+
+metro-react-native-babel-transformer@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.51.1.tgz#bac34f988c150c725cd1875c13701cc2032615f9"
+  integrity sha512-D0KU+JPb/Z76nUWt3+bkjKggOlGvqAVI2BpIH2JFKprpUyBjWaCRqHnkBfZGixYwUfmu93MIlKJWr6iKzzFrlg==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    babel-preset-fbjs "^3.0.1"
+    metro-babel-transformer "0.51.1"
+    metro-react-native-babel-preset "0.51.1"
 
 metro-resolver@0.48.5:
   version "0.48.5"
@@ -20002,12 +20047,12 @@ metro-resolver@0.48.5:
   dependencies:
     absolute-path "^0.0.0"
 
-metro-source-map@0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.45.6.tgz#49b20bbbc8f047ede7546b6721ab0214a1ad360d"
-  integrity sha512-FBubSEEitGrvUeuCPVwXTJX7Y1WjFhsUHickqQE+mXplOgREyeZ7o80ffqEWitfsMUQN9385LxIPmAdPzQXLsQ==
+metro-resolver@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-resolver/-/metro-resolver-0.51.1.tgz#4c26f0baee47d30250187adca3d34c902e627611"
+  integrity sha512-zmWbD/287NDA/jLPuPV0hne/YMMSG0dljzu21TYMg2lXRLur/zROJHHhyepZvuBHgInXBi4Vhr2wvuSnY39SuA==
   dependencies:
-    source-map "^0.5.6"
+    absolute-path "^0.0.0"
 
 metro-source-map@0.48.5:
   version "0.48.5"
@@ -20016,60 +20061,12 @@ metro-source-map@0.48.5:
   dependencies:
     source-map "^0.5.6"
 
-metro@0.45.6, metro@^0.45.6:
-  version "0.45.6"
-  resolved "https://registry.yarnpkg.com/metro/-/metro-0.45.6.tgz#b4d7bf5edc39c5f7d73a6bc4d940e03415aa919b"
-  integrity sha512-+RinU6Qcea/zX9xxfrgmeFBwJ3tsdgLyBJm4tQOmusU4kE8YEE4LQ3IGG60qk3wzYloflMB/8ilIGG4Z/gz2Ew==
+metro-source-map@0.51.1:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.51.1.tgz#1a8da138e98e184304d5558b4f92a5c2141822d0"
+  integrity sha512-JyrE+RV4YumrboHPHTGsUUGERjQ681ImRLrSYDGcmNv4tfpk9nvAK26UAas4IvBYFCC9oW90m0udt3kaQGv59Q==
   dependencies:
-    "@babel/core" "^7.0.0"
-    "@babel/generator" "^7.0.0"
-    "@babel/parser" "^7.0.0"
-    "@babel/plugin-external-helpers" "^7.0.0"
-    "@babel/template" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
-    absolute-path "^0.0.0"
-    async "^2.4.0"
-    babel-preset-fbjs "2.3.0"
-    chalk "^1.1.1"
-    concat-stream "^1.6.0"
-    connect "^3.6.5"
-    debug "^2.2.0"
-    denodeify "^1.2.1"
-    eventemitter3 "^3.0.0"
-    fbjs "0.8.17"
-    fs-extra "^1.0.0"
-    graceful-fs "^4.1.3"
-    image-size "^0.6.0"
-    jest-docblock "23.2.0"
-    jest-haste-map "23.5.0"
-    jest-worker "23.2.0"
-    json-stable-stringify "^1.0.1"
-    lodash.throttle "^4.1.1"
-    merge-stream "^1.0.1"
-    metro-cache "0.45.6"
-    metro-config "0.45.6"
-    metro-core "0.45.6"
-    metro-minify-uglify "0.45.6"
-    metro-react-native-babel-preset "0.45.6"
-    metro-resolver "0.45.6"
-    metro-source-map "0.45.6"
-    mime-types "2.1.11"
-    mkdirp "^0.5.1"
-    node-fetch "^2.2.0"
-    nullthrows "^1.1.0"
-    react-transform-hmr "^1.0.4"
-    resolve "^1.5.0"
-    rimraf "^2.5.4"
-    serialize-error "^2.1.0"
     source-map "^0.5.6"
-    temp "0.8.3"
-    throat "^4.1.0"
-    wordwrap "^1.0.0"
-    write-file-atomic "^1.2.0"
-    ws "^1.1.0"
-    xpipe "^1.0.5"
-    yargs "^9.0.0"
 
 metro@0.48.5, metro@^0.48.1:
   version "0.48.5"
@@ -20126,6 +20123,63 @@ metro@0.48.5, metro@^0.48.1:
     xpipe "^1.0.5"
     yargs "^9.0.0"
 
+metro@0.51.1, metro@^0.51.0:
+  version "0.51.1"
+  resolved "https://registry.yarnpkg.com/metro/-/metro-0.51.1.tgz#b0aad4731593b9f244261bad1abb2a006d1c8969"
+  integrity sha512-nM0dqn8LQlMjhChl2fzTUq2EWiUebZM7nkesD9vQe47W10bj/tbRLPiIIAxht6SRDbPd/hRA+t39PxLhPSKEKg==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    "@babel/generator" "^7.0.0"
+    "@babel/parser" "^7.0.0"
+    "@babel/plugin-external-helpers" "^7.0.0"
+    "@babel/template" "^7.0.0"
+    "@babel/traverse" "^7.0.0"
+    "@babel/types" "^7.0.0"
+    absolute-path "^0.0.0"
+    async "^2.4.0"
+    babel-preset-fbjs "^3.0.1"
+    buffer-crc32 "^0.2.13"
+    chalk "^2.4.1"
+    concat-stream "^1.6.0"
+    connect "^3.6.5"
+    debug "^2.2.0"
+    denodeify "^1.2.1"
+    eventemitter3 "^3.0.0"
+    fbjs "^1.0.0"
+    fs-extra "^1.0.0"
+    graceful-fs "^4.1.3"
+    image-size "^0.6.0"
+    invariant "^2.2.4"
+    jest-haste-map "24.0.0-alpha.6"
+    jest-worker "24.0.0-alpha.6"
+    json-stable-stringify "^1.0.1"
+    lodash.throttle "^4.1.1"
+    merge-stream "^1.0.1"
+    metro-babel-transformer "0.51.1"
+    metro-cache "0.51.1"
+    metro-config "0.51.1"
+    metro-core "0.51.1"
+    metro-minify-uglify "0.51.1"
+    metro-react-native-babel-preset "0.51.1"
+    metro-resolver "0.51.1"
+    metro-source-map "0.51.1"
+    mime-types "2.1.11"
+    mkdirp "^0.5.1"
+    node-fetch "^2.2.0"
+    nullthrows "^1.1.0"
+    react-transform-hmr "^1.0.4"
+    resolve "^1.5.0"
+    rimraf "^2.5.4"
+    serialize-error "^2.1.0"
+    source-map "^0.5.6"
+    temp "0.8.3"
+    throat "^4.1.0"
+    wordwrap "^1.0.0"
+    write-file-atomic "^1.2.0"
+    ws "^1.1.5"
+    xpipe "^1.0.5"
+    yargs "^9.0.0"
+
 microevent.ts@~0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/microevent.ts/-/microevent.ts-0.1.1.tgz#70b09b83f43df5172d0205a63025bce0f7357fa0"
@@ -20416,14 +20470,7 @@ module-deps@^6.0.0:
     through2 "^2.0.0"
     xtend "^4.0.0"
 
-moment-timezone@^0.5.23:
-  version "0.5.26"
-  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.26.tgz#c0267ca09ae84631aa3dc33f65bedbe6e8e0d772"
-  integrity sha512-sFP4cgEKTCymBBKgoxZjYzlSovC20Y6J7y3nanDc5RoBIXKlZhoYwBoZGe3flwU6A372AcRwScH8KiwV6zjy1g==
-  dependencies:
-    moment ">= 2.9.0"
-
-"moment@>= 2.9.0", moment@^2.10.6, moment@^2.18.1, moment@^2.22.2:
+moment@^2.10.6, moment@^2.18.1:
   version "2.24.0"
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"
   integrity sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==
@@ -22102,7 +22149,7 @@ path-browserify@0.0.1, path-browserify@~0.0.0:
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
   integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
 
-path-browserify@1.0.0:
+path-browserify@1.0.0, path-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.0.tgz#40702a97af46ae00b0ea6fa8998c0b03c0af160d"
   integrity sha512-Hkavx/nY4/plImrZPHRk2CL9vpOymZLgEbMNX1U0bjcBL7QN9wODxyx0yaMZURSQaUtSEvDrfAvxa9oPb0at9g==
@@ -22235,11 +22282,6 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-pegjs@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/pegjs/-/pegjs-0.10.0.tgz#cf8bafae6eddff4b5a7efb185269eaaf4610ddbd"
-  integrity sha1-z4uvrm7d/0tafvsYUmnqr0YQ3b0=
-
 pend@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
@@ -22376,7 +22418,7 @@ plist@2.1.0:
     xmlbuilder "8.2.2"
     xmldom "0.1.x"
 
-plist@^3.0.0:
+plist@^3.0.0, plist@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/plist/-/plist-3.0.1.tgz#a9b931d17c304e8912ef0ba3bdd6182baf2e1f8c"
   integrity sha512-GpgvHHocGRyQm74b6FWEZZVRroHKE1I0/BTjAmySaohK+cUn+hZpbqXkc3KWgW3gQYkqcQej35FohcT0FRlkRQ==
@@ -23335,6 +23377,14 @@ pretty-error@^2.0.2, pretty-error@^2.1.1:
     renderkid "^2.0.1"
     utila "~0.4"
 
+pretty-format@24.0.0-alpha.6:
+  version "24.0.0-alpha.6"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.0.0-alpha.6.tgz#25ad2fa46b342d6278bf241c5d2114d4376fbac1"
+  integrity sha512-zG2m6YJeuzwBFqb5EIdmwYVf30sap+iMRuYNPytOccEXZMAJbPIFGKVJ/U0WjQegmnQbRo9CI7j6j3HtDaifiA==
+  dependencies:
+    ansi-regex "^4.0.0"
+    ansi-styles "^3.2.0"
+
 pretty-format@^23.4.1, pretty-format@^23.6.0:
   version "23.6.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-23.6.0.tgz#5eaac8eeb6b33b987b7fe6097ea6a8a146ab5760"
@@ -23864,6 +23914,15 @@ query-string@^5.0.1:
     object-assign "^4.1.0"
     strict-uri-encode "^1.0.0"
 
+query-string@^6.2.0:
+  version "6.8.1"
+  resolved "https://registry.yarnpkg.com/query-string/-/query-string-6.8.1.tgz#62c54a7ef37d01b538c8fd56f95740c81d438a26"
+  integrity sha512-g6y0Lbq10a5pPQpjlFuojfMfV1Pd2Jw9h75ypiYPPia3Gcq2rgkKiIwbkS6JxH7c5f5u/B/sB+d13PU+g1eu4Q==
+  dependencies:
+    decode-uri-component "^0.2.0"
+    split-on-first "^1.0.0"
+    strict-uri-encode "^2.0.0"
+
 querystring-es3@^0.2.0, querystring-es3@~0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
@@ -24543,15 +24602,7 @@ react-dev-utils@^9.0.0, react-dev-utils@^9.0.1:
     strip-ansi "5.2.0"
     text-table "0.2.0"
 
-react-devtools-core@3.3.4:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-3.3.4.tgz#9e497a94b73413b91774bf3e3197e539d5f9a21d"
-  integrity sha512-6lsBDRInT9jU8Ya8bnKWJSsnaGg/xk1ZSfvhc/dHc3n2CUTMfGlqm2tGeZQ9WEoe0Y2K7Lg90Kvb1E8anLePaQ==
-  dependencies:
-    shell-quote "^1.6.1"
-    ws "^3.3.1"
-
-react-devtools-core@^3.4.2:
+react-devtools-core@^3.4.2, react-devtools-core@^3.6.0:
   version "3.6.1"
   resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-3.6.1.tgz#51af81ceada65209bbccb8b547a01187cd1cbf04"
   integrity sha512-I/LSX+tpeTrGKaF1wXSfJ/kP+6iaP2JfshEjW8LtQBdz6c6HhzOJtjZXhqOUrAdysuey8M1/JgPY1flSVVt8Ig==
@@ -24647,6 +24698,23 @@ react-ga@^2.5.7:
   resolved "https://registry.yarnpkg.com/react-ga/-/react-ga-2.6.0.tgz#c3fe830ead2ad25117e1d33280d9698de9b28496"
   integrity sha512-GWHBWZDFjDGMkIk1LzroIn0mNTygKw3adXuqvGvheFZvlbpqMPbHsQsTdQBIxRRdXGQM/Zq+dQLRPKbwIHMTaw==
 
+react-google-maps@^9.4.5:
+  version "9.4.5"
+  resolved "https://registry.yarnpkg.com/react-google-maps/-/react-google-maps-9.4.5.tgz#920c199bdc925e0ce93880edffb09428d263aafa"
+  integrity sha512-8z5nX9DxIcBCXuEiurmRT1VXVwnzx0C6+3Es6lxB2/OyY2SLax2/LcDu6Aldxnl3HegefTL7NJzGeaKAJ61pOA==
+  dependencies:
+    babel-runtime "^6.11.6"
+    can-use-dom "^0.1.0"
+    google-maps-infobox "^2.0.0"
+    invariant "^2.2.1"
+    lodash "^4.16.2"
+    marker-clusterer-plus "^2.1.4"
+    markerwithlabel "^2.0.1"
+    prop-types "^15.5.8"
+    recompose "^0.26.0"
+    scriptjs "^2.5.8"
+    warning "^3.0.0"
+
 react-helmet-async@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/react-helmet-async/-/react-helmet-async-0.2.0.tgz#d20d8725c1dcdcc95d54e281a1040af47c3abffa"
@@ -24730,18 +24798,19 @@ react-native-color-picker@^0.4.0:
     prop-types "^15.5.10"
     tinycolor2 "^1.4.1"
 
-react-native-gesture-handler@~1.0.14:
-  version "1.0.17"
-  resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-1.0.17.tgz#a046f371f277092157fc2781323d35a02a93daaf"
-  integrity sha512-0czy7SZvF4q2aCQUGFaBu/yBjYYEbcqSU1/r2bZ/IoXj+DgYuIPBL60SSXhJdYJU8G3brfUHmtgSdcNte8Lh0w==
+react-native-gesture-handler@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-1.2.1.tgz#9c48fb1ab13d29cece24bbb77b1e847eebf27a2b"
+  integrity sha512-c1+L72Vjc/bwHKcIJ8a2/88SW9l3/axcAIpg3zB1qTzwdCxHZJeQn6d58cQXHPepxFBbgfTCo60B7SipSfo+zw==
   dependencies:
     hoist-non-react-statics "^2.3.1"
     invariant "^2.2.2"
     prop-types "^15.5.10"
 
-react-native-maps@expo/react-native-maps#v0.22.1-exp.0:
-  version "0.22.1"
-  resolved "https://codeload.github.com/expo/react-native-maps/tar.gz/e6f98ff7272e5d0a7fe974a41f28593af2d77bb2"
+react-native-maps@0.24.2:
+  version "0.24.2"
+  resolved "https://registry.yarnpkg.com/react-native-maps/-/react-native-maps-0.24.2.tgz#19974f967cb0c2e24dab74ca879118e0932571b2"
+  integrity sha512-1iNIDikp2dkCG+8DguaEviYZiMSYyvwqYT7pO2YTZvuFRDSc/P9jXMhTUnSh4wNDlEeQ47OJ09l0pwWVBZ7wxg==
 
 react-native-modal-datetime-picker@^7.4.2:
   version "7.4.2"
@@ -24766,10 +24835,10 @@ react-native-modal@^9.0.0:
     prop-types "^15.6.2"
     react-native-animatable "^1.2.4"
 
-react-native-reanimated@1.0.0-alpha.11:
-  version "1.0.0-alpha.11"
-  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.0.0-alpha.11.tgz#b78c839bae878d149561b56a3c750414957ea86d"
-  integrity sha512-lDakjY8CXmZiSN71hyc276b3d7M9mKV9ZyYw4W/rTnnJbgBFaqdIxSHq4S4LxSbVqpAoQMfUJqPTE0BKbAz7Aw==
+react-native-reanimated@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.0.1.tgz#5ecb6a2f6dad0351077ac9b771ca943b7ad6feda"
+  integrity sha512-RENoo6/sJc3FApP7vJ1Js7WyDuTVh97bbr5aMjJyw3kqpR2/JDHyL/dQFfOvSSAc+VjitpR9/CfPPad7tLRiIA==
 
 react-native-safe-module@^1.1.0:
   version "1.2.0"
@@ -24791,14 +24860,10 @@ react-native-simple-markdown@^1.1.0:
     lodash "^4.15.0"
     simple-markdown "git://github.com/CharlesMangwa/simple-markdown.git"
 
-react-native-svg@8.0.10:
-  version "8.0.10"
-  resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-8.0.10.tgz#b07e2342d1486220f5fda1a584e316e7d2d1f392"
-  integrity sha512-gsG5GUdvlox67+ohLnq3tZSqiYBmz4M5lKKeUfnJZ8EPrMMS5ZgaVj7Zcccee1VvINS5xQaoenUJdha/GEo34w==
-  dependencies:
-    color "^2.0.1"
-    lodash "^4.16.6"
-    pegjs "^0.10.0"
+react-native-svg@9.4.0:
+  version "9.4.0"
+  resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-9.4.0.tgz#e428e0eae55aebd2355f1ff4f22675dad4611960"
+  integrity sha512-IVJlVbS2dAPerPr927fEi4uXzrPXzlra5ddgyJXZZ2IKA2ZygyYWFZDM+vsQs+Vj20CfL8nOWszQQV57vdQgFg==
 
 react-native-swipe-gestures@^1.0.3:
   version "1.0.3"
@@ -24812,19 +24877,18 @@ react-native-switch@^1.5.0:
   dependencies:
     prop-types "^15.6.0"
 
-react-native-vector-icons@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-6.0.0.tgz#3a7076dbe244ea94c6d5e92802a870e64a4283c5"
-  integrity sha512-uF3oWb3TV42uXi2apVOZHw9oy9Nr5SXDVwOo1umQWo/yYCrDzXyVfq14DzezgEbJ9jfc/yghBelj0agkXmOKlg==
-  dependencies:
-    lodash "^4.0.0"
-    prop-types "^15.6.2"
-    yargs "^8.0.2"
+react-native-view-shot@2.6.0:
+  version "2.6.0"
+  resolved "https://registry.yarnpkg.com/react-native-view-shot/-/react-native-view-shot-2.6.0.tgz#3b23675826f67658366352c4b97b59a6aded2f43"
+  integrity sha512-yO9vWi/11m2hEJl8FrW1SMeVzFfPtMKh20MUInGqlsL0H8Ya2JGGlFfrBzx1KiFR2hFb5OdsTLYNtcVZtJ6pLQ==
 
-react-native-view-shot@2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/react-native-view-shot/-/react-native-view-shot-2.5.0.tgz#428a997f470d3148d0067c5b46abd988ef1aa4c0"
-  integrity sha512-xFJA+N7wh8Ik/17I4QB24e0a0L3atg1ScVehvtYR5UBTgHdzTFA0ZylvXp9gkZt7V+AT5Pni0H3NQItpqSKFoQ==
+react-native-webview@5.8.1:
+  version "5.8.1"
+  resolved "https://registry.yarnpkg.com/react-native-webview/-/react-native-webview-5.8.1.tgz#6f5a83dec55bbc02700155b1a16a668870f14de0"
+  integrity sha512-b6pSvmjoiWtcz6YspggW02X+BRXJWuquHwkh37BRx1NMW1iwMZA31SnFQvTpPzWYYIb9WF/mRsy2nGtt9C6NIg==
+  dependencies:
+    escape-string-regexp "1.0.5"
+    invariant "2.2.4"
 
 react-native@^0.57.8:
   version "0.57.8"
@@ -24884,35 +24948,35 @@ react-native@^0.57.8:
     xmldoc "^0.4.0"
     yargs "^9.0.0"
 
-"react-native@https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz":
-  version "0.57.1"
-  resolved "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz#78bcdc7d34a2f4a58c179699e775842a74da6c6f"
+"react-native@https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz":
+  version "0.59.8"
+  resolved "https://github.com/expo/react-native/archive/sdk-33.0.0.tar.gz#970a32631977dbe7158f024abc23e4c0c0975058"
   dependencies:
+    "@babel/runtime" "^7.0.0"
+    "@react-native-community/cli" "^1.2.1"
     absolute-path "^0.0.0"
     art "^0.10.0"
     base64-js "^1.1.2"
-    chalk "^1.1.1"
+    chalk "^2.4.1"
     commander "^2.9.0"
     compression "^1.7.1"
     connect "^3.6.5"
     create-react-class "^15.6.3"
     debug "^2.2.0"
     denodeify "^1.2.1"
-    envinfo "^5.7.0"
     errorhandler "^1.5.0"
     escape-string-regexp "^1.0.5"
     event-target-shim "^1.0.5"
-    fbjs "0.8.17"
-    fbjs-scripts "^0.8.1"
+    fbjs "^1.0.0"
+    fbjs-scripts "^1.0.0"
     fs-extra "^1.0.0"
     glob "^7.1.1"
     graceful-fs "^4.1.3"
     inquirer "^3.0.6"
+    invariant "^2.2.4"
     lodash "^4.17.5"
-    metro "^0.45.6"
-    metro-babel-register "^0.45.6"
-    metro-core "^0.45.6"
-    metro-memory-fs "^0.45.6"
+    metro-babel-register "0.51.0"
+    metro-react-native-babel-transformer "0.51.0"
     mime "^1.3.4"
     minimist "^1.2.0"
     mkdirp "^0.5.1"
@@ -24920,23 +24984,22 @@ react-native@^0.57.8:
     node-fetch "^2.2.0"
     node-notifier "^5.2.1"
     npmlog "^2.0.4"
+    nullthrows "^1.1.0"
     opn "^3.0.2"
     optimist "^0.6.1"
     plist "^3.0.0"
-    pretty-format "^4.2.1"
+    pretty-format "24.0.0-alpha.6"
     promise "^7.1.1"
     prop-types "^15.5.8"
     react-clone-referenced-element "^1.0.1"
-    react-devtools-core "3.3.4"
-    react-timer-mixin "^0.13.2"
+    react-devtools-core "^3.6.0"
     regenerator-runtime "^0.11.0"
     rimraf "^2.5.4"
     semver "^5.0.3"
     serve-static "^1.13.1"
     shell-quote "1.6.1"
-    stacktrace-parser "^0.1.3"
-    ws "^1.1.0"
-    xcode "^0.9.1"
+    stacktrace-parser "0.1.4"
+    ws "^1.1.5"
     xmldoc "^0.4.0"
     yargs "^9.0.0"
 
@@ -25441,6 +25504,16 @@ rechoir@^0.6.2:
   dependencies:
     resolve "^1.1.6"
 
+recompose@^0.26.0:
+  version "0.26.0"
+  resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.26.0.tgz#9babff039cb72ba5bd17366d55d7232fbdfb2d30"
+  integrity sha512-KwOu6ztO0mN5vy3+zDcc45lgnaUoaQse/a5yLVqtzTK13czSWnFGmXbQVmnoMgDkI5POd1EwIKSbjU1V7xdZog==
+  dependencies:
+    change-emitter "^0.1.2"
+    fbjs "^0.8.1"
+    hoist-non-react-statics "^2.3.1"
+    symbol-observable "^1.0.4"
+
 recompose@^0.30.0:
   version "0.30.0"
   resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.30.0.tgz#82773641b3927e8c7d24a0d87d65aeeba18aabd0"
@@ -26575,6 +26648,23 @@ sane@^2.0.0:
   optionalDependencies:
     fsevents "^1.2.3"
 
+sane@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/sane/-/sane-3.1.0.tgz#995193b7dc1445ef1fe41ddfca2faf9f111854c6"
+  integrity sha512-G5GClRRxT1cELXfdAq7UKtUsv8q/ZC5k8lQGmjEm4HcAl3HzBy68iglyNCmw4+0tiXPCBZntslHlRhbnsSws+Q==
+  dependencies:
+    anymatch "^2.0.0"
+    capture-exit "^1.2.0"
+    exec-sh "^0.2.0"
+    execa "^1.0.0"
+    fb-watchman "^2.0.0"
+    micromatch "^3.1.4"
+    minimist "^1.1.1"
+    walker "~1.0.5"
+    watch "~0.18.0"
+  optionalDependencies:
+    fsevents "^1.2.3"
+
 sane@^4.0.0, sane@^4.0.3:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/sane/-/sane-4.1.0.tgz#ed881fd922733a6c461bc189dc2b6c006f3ffded"
@@ -26680,6 +26770,11 @@ schema-utils@^1.0.0:
     ajv-errors "^1.0.0"
     ajv-keywords "^3.1.0"
 
+scriptjs@^2.5.8:
+  version "2.5.9"
+  resolved "https://registry.yarnpkg.com/scriptjs/-/scriptjs-2.5.9.tgz#343915cd2ec2ed9bfdde2b9875cd28f59394b35f"
+  integrity sha512-qGVDoreyYiP1pkQnbnFAUIS5AjenNwwQBdl7zeos9etl+hYKWahjRTfzAZZYBv5xNHx7vNKCmaLDQZ6Fr2AEXg==
+
 scrollbarwidth@^0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/scrollbarwidth/-/scrollbarwidth-0.1.3.tgz#1b0de64e288c38c427f4a01fe00a462a04b94fdf"
@@ -27116,6 +27211,15 @@ simple-plist@^0.2.1:
     bplist-parser "0.1.1"
     plist "2.0.1"
 
+simple-plist@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/simple-plist/-/simple-plist-1.0.0.tgz#bed3085633b22f371e111f45d159a1ccf94b81eb"
+  integrity sha512-043L2rO80LVF7zfZ+fqhsEkoJFvW8o59rt/l4ctx1TJWoTx7/jkiS1R5TatD15Z1oYnuLJytzE7gcnnBuIPL2g==
+  dependencies:
+    bplist-creator "0.0.7"
+    bplist-parser "0.1.1"
+    plist "^3.0.1"
+
 simple-sha1@^2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/simple-sha1/-/simple-sha1-2.1.2.tgz#de40cbd5aae278fde8e3bb3250a35d74c67326b1"
@@ -27594,6 +27698,11 @@ speedometer@~1.0.0:
   resolved "https://registry.yarnpkg.com/speedometer/-/speedometer-1.0.0.tgz#cd671cb06752c22bca3370e2f334440be4fc62e2"
   integrity sha1-zWccsGdSwivKM3Di8zREC+T8YuI=
 
+split-on-first@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f"
+  integrity sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==
+
 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"
@@ -27686,6 +27795,11 @@ stackframe@^1.0.4:
   resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.0.4.tgz#357b24a992f9427cba6b545d96a14ed2cbca187b"
   integrity sha512-to7oADIniaYwS3MhtCa/sQhrxidCCQiF/qp4/m5iN3ipf0Y7Xlri0f6eG29r08aL7JYl8n32AF3Q5GYBZ7K8vw==
 
+stacktrace-parser@0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/stacktrace-parser/-/stacktrace-parser-0.1.4.tgz#01397922e5f62ecf30845522c95c4fe1d25e7d4e"
+  integrity sha1-ATl5IuX2Ls8whFUiyVxP4dJefU4=
+
 stacktrace-parser@^0.1.3:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/stacktrace-parser/-/stacktrace-parser-0.1.6.tgz#c17d466d15ba51bee2f753d064f17327a886ff37"
@@ -27881,6 +27995,11 @@ strict-uri-encode@^1.0.0:
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
   integrity sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=
 
+strict-uri-encode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
+  integrity sha1-ucczDHBChi9rFC3CdLvMWGbONUY=
+
 string-argv@^0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.0.2.tgz#dac30408690c21f3c3630a3ff3a05877bdcbd736"
@@ -29616,6 +29735,51 @@ unified@^8.2.0:
     trough "^1.0.0"
     vfile "^4.0.0"
 
+unimodules-barcode-scanner-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-barcode-scanner-interface/-/unimodules-barcode-scanner-interface-2.0.1.tgz#74196fe25c366344ff101540626b8d61cc6c0438"
+  integrity sha512-Rp3428am/4vCcvVsreqaaGcJNcjtVOMDHVX0yjF2yr8QfD07UVzRYo8ZBhQHc/hYSVWwe+19Pbmk0b+sTnTgkg==
+
+unimodules-camera-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-camera-interface/-/unimodules-camera-interface-2.0.1.tgz#0691ce3282fafaf87aecc3423b1d9c1b729797a4"
+  integrity sha512-m+sYhFFahaPWYl0aVCq9VU8u6CiLVI4cSywYl9rwbIMAifi83rO5GUKKDIaMfAqMj9z77i/RF53x3nVdpclpyA==
+
+unimodules-constants-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-constants-interface/-/unimodules-constants-interface-2.0.1.tgz#385a8adab7f22b4aa8cca2c302516c0465a64773"
+  integrity sha512-Ue/5CpfHvc9jrVc9bvDRgMVMQznvgpJ27hQoNia0sUhsMtHDvnFhXrcNfLO4tG5zGgcda6fuKtTMz91vLz8uqw==
+
+unimodules-face-detector-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-face-detector-interface/-/unimodules-face-detector-interface-2.0.1.tgz#a9f3150f69fd8061f6ea920e6ae83c544990b549"
+  integrity sha512-uM25vRESCRXwhmgVlkiDhxx1R0yGFjoiTYjqG7bfqzSnc964HR3Qy5KaWvJUOtFpLun50pfBw+lzutqFnshCpg==
+
+unimodules-file-system-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-file-system-interface/-/unimodules-file-system-interface-2.0.1.tgz#5fc237b5c4adaa48bd817a9542271d4210d978a9"
+  integrity sha512-1z//JY7ifBxq3e4dgjID2JgX3uTYEZqVFS1PqlVb9FEmdD+nvuGI2w+ohe+3Y20FYX1lZrffGCeT/Si3xa4tkA==
+
+unimodules-font-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-font-interface/-/unimodules-font-interface-2.0.1.tgz#c2fee253c12d8ae45594adfe8dabff3ac57884de"
+  integrity sha512-LirIkEZyBJMakQkYwSZBBbqXWY5KFBbBF97CCAaV/uzp6UaNawExD8kYhexajM3+uNdIPlnCIfdqQbpbXBdkVg==
+
+unimodules-image-loader-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-image-loader-interface/-/unimodules-image-loader-interface-2.0.1.tgz#d9d9148638d594bbdb95963449b78b5d0c686eb0"
+  integrity sha512-o6HHXNcWmDiT8NhBR/wRB/MTf64sQ3c9sSf13BMvmKt2nt64lkhzQC7IVDl1oxx2ejHTfwhC/XK/EafaJvvHWQ==
+
+unimodules-permissions-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-permissions-interface/-/unimodules-permissions-interface-2.0.1.tgz#a8a21807095553a0476a72028ae7f3beab090dbd"
+  integrity sha512-eqs6Bub19RiUHxCMrrdyro+xOpab1reHjGHBBoMOndY4bKkARpKDN7x1gDxJv3HCtP8a2hAm0xae0cDZ5S38Tw==
+
+unimodules-sensors-interface@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unimodules-sensors-interface/-/unimodules-sensors-interface-2.0.1.tgz#5e24964bba0a541b1d4d8d3b82e54efb1aba96b9"
+  integrity sha512-JvR04JZHqt+EJiGL/9KWsaTpTJQ53qqNMmZAC+MX6NUgnz1bWiUw9eY9MAAIaQbmorCwKyCqfpX9twTUM8z1yA==
+
 union-value@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -29854,11 +30018,6 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
-uri-parser@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/uri-parser/-/uri-parser-1.0.1.tgz#3307ebb50f279c11198ad09214bdaf24e29735b2"
-  integrity sha512-TRjjM2M83RD9jIIYttNj7ghUQTKSov+WXZbQIMM8DxY1R1QdJEGWNKKMYCxyeOw1p9re2nQ85usM6dPTVtox1g==
-
 urix@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
@@ -29874,11 +30033,6 @@ url-join@^2.0.2:
   resolved "https://registry.yarnpkg.com/url-join/-/url-join-2.0.5.tgz#5af22f18c052a000a48d7b82c5e9c2e2feeda728"
   integrity sha1-WvIvGMBSoACkjXuCxenC4v7tpyg=
 
-url-join@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.1.tgz#b642e21a2646808ffa178c4c5fda39844e12cde7"
-  integrity sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==
-
 url-loader@1.1.2, url-loader@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-1.1.2.tgz#b971d191b83af693c5e3fea4064be9e1f2d7f8d8"
@@ -29902,7 +30056,7 @@ url-parse-lax@^3.0.0:
   dependencies:
     prepend-http "^2.0.0"
 
-url-parse@^1.4.3:
+url-parse@^1.4.3, url-parse@^1.4.4:
   version "1.4.7"
   resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.4.7.tgz#a8a83535e8c00a316e403a5db4ac1b9b853ae278"
   integrity sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==
@@ -30016,11 +30170,6 @@ uuid@3.0.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.0.0.tgz#6728fc0459c450d796a99c31837569bdf672d728"
   integrity sha1-Zyj8BFnEUNeWqZwxg3VpvfZy1yg=
 
-uuid@3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.0.1.tgz#6544bba2dfda8c1cf17e629a3a305e2bb1fee6c1"
-  integrity sha1-ZUS7ot/ajBzxfmKaOjBeK7H+5sE=
-
 uuid@3.3.2, uuid@^3.0.0, uuid@^3.0.1, uuid@^3.1.0, uuid@^3.2.1, uuid@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.2.tgz#1b4af4955eb3077c501c23872fc6513811587131"
@@ -30943,7 +31092,7 @@ whatwg-fetch@2.0.3:
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84"
   integrity sha1-nITsLc9oGH/wC8ZOEnS0QhduHIQ=
 
-whatwg-fetch@2.0.4, whatwg-fetch@^2.0.4:
+whatwg-fetch@2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
   integrity sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==
@@ -31484,15 +31633,6 @@ x-is-string@^0.1.0:
   resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"
   integrity sha1-R0tQhlrzpJqcRlfwWs0UVFj3fYI=
 
-xcode@^0.9.1:
-  version "0.9.3"
-  resolved "https://registry.yarnpkg.com/xcode/-/xcode-0.9.3.tgz#910a89c16aee6cc0b42ca805a6d0b4cf87211cf3"
-  integrity sha1-kQqJwWrubMC0LKgFptC0z4chHPM=
-  dependencies:
-    pegjs "^0.10.0"
-    simple-plist "^0.2.1"
-    uuid "3.0.1"
-
 xcode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/xcode/-/xcode-1.1.0.tgz#9fcb63f417a9af377bfb743a5c22afce4e1da964"
@@ -31501,6 +31641,14 @@ xcode@^1.0.0:
     simple-plist "^0.2.1"
     uuid "^3.3.2"
 
+xcode@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/xcode/-/xcode-2.0.0.tgz#134f1f94c26fbfe8a9aaa9724bfb2772419da1a2"
+  integrity sha512-5xF6RCjAdDEiEsbbZaS/gBRt3jZ/177otZcpoLCjGN/u1LrfgH7/Sgeeavpr/jELpyDqN2im3AKosl2G2W8hfw==
+  dependencies:
+    simple-plist "^1.0.0"
+    uuid "^3.3.2"
+
 xdg-basedir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-2.0.0.tgz#edbc903cc385fc04523d966a335504b5504d1bd2"
@@ -31791,25 +31939,6 @@ yargs@^7.0.0, yargs@^7.1.0:
     y18n "^3.2.1"
     yargs-parser "^5.0.0"
 
-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"

From 1e787fa5bcd2e4504cdf7a0cb8f0b14382062558 Mon Sep 17 00:00:00 2001
From: Gytis Vinclovas <gytis.vinclovas@gmail.com>
Date: Fri, 19 Jul 2019 14:49:53 +0300
Subject: [PATCH 66/66] Ignore commas.

---
 addons/ondevice-knobs/src/types/Number.js | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/addons/ondevice-knobs/src/types/Number.js b/addons/ondevice-knobs/src/types/Number.js
index 8442b9bc133..00adaf2ad37 100644
--- a/addons/ondevice-knobs/src/types/Number.js
+++ b/addons/ondevice-knobs/src/types/Number.js
@@ -2,8 +2,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { TextInput, View, Slider } from 'react-native';
 
-const replaceComma = x => x.replace(',', '.');
-
 class NumberType extends React.Component {
   constructor(props) {
     super(props);
@@ -11,9 +9,7 @@ class NumberType extends React.Component {
     this.renderRange = this.renderRange.bind(this);
   }
 
-  numberTransformer = initial => {
-    const x = replaceComma(initial);
-
+  numberTransformer = x => {
     if (Number.isNaN(Number(x))) {
       return x.substr(0, x.length - 1);
     }
@@ -21,11 +17,9 @@ class NumberType extends React.Component {
     return x;
   };
 
-  onChangeNormal = val => {
+  onChangeNormal = value => {
     const { onChange } = this.props;
 
-    const value = replaceComma(val);
-
     if (!Number.isNaN(value)) {
       onChange(value);
     }