Merge pull request #2159 from Human-Connection/migrate-design-tokens

Migrate design tokens
2025-12-13 07:46:06 +00:00 · 2019-11-11 10:06:10 +03:00 · 2019-11-11 10:06:10 +03:00 · 263ee16e3d
commit 263ee16e3d
parent 1fd3fd8e41 9c60775c81
7 changed files with 631 additions and 9 deletions
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@ -100,7 +100,7 @@ export default {
   ** Global processed styles
   */
  styleResources: {
-    scss: styleguideStyles,
+    scss: [styleguideStyles, '~view/styles/tokens.scss'],
  },

  /*
--- a/webapp/package.json
+++ b/webapp/package.json
@ -130,6 +130,7 @@
    "node-sass": "~4.13.0",
    "prettier": "~1.18.2",
    "sass-loader": "~8.0.0",
+    "storybook-design-token": "^0.4.1",
    "style-loader": "~0.23.1",
    "style-resources-loader": "~1.2.1",
    "vue-jest": "~3.0.5",
--- a/webapp/storybook/addons.js
+++ b/webapp/storybook/addons.js
@ -1,3 +1,4 @@
 import '@storybook/addon-actions/register'
 import '@storybook/addon-a11y/register'
+import 'storybook-design-token/register'
 // import '@storybook/addon-links/register'
--- a/webapp/storybook/config.js
+++ b/webapp/storybook/config.js
@ -1,4 +1,4 @@
-import { configure } from '@storybook/vue'
+import { addParameters, configure } from '@storybook/vue'
 import Vue from 'vue'
 import Vuex from 'vuex'
 import { action } from '@storybook/addon-actions'
@ -22,6 +22,20 @@ Vue.component('v-popover', {
  template: '<div><slot>Popover Content</slot></div>',
 })

+// Setup design token addon
+const scssReq = require.context('!!raw-loader!~/view/styles', true, /.\.scss$/)
+const scssTokenFiles = scssReq
+  .keys()
+  .map(filename => ({ filename, content: scssReq(filename).default }))
+
+addParameters({
+  designToken: {
+    files: {
+      scss: scssTokenFiles,
+    },
+  },
+})
+
 // Automatically import all files ending in *.stories.js
 const req = require.context('../components', true, /.story.js$/)

--- a/webapp/storybook/webpack.config.js
+++ b/webapp/storybook/webpack.config.js
@ -23,6 +23,7 @@ module.exports = async ({ config, mode }) => {
              __dirname,
              '../node_modules/@human-connection/styleguide/dist/shared.scss',
            ),
+            path.resolve(__dirname, '../view/styles/tokens.scss'),
          ],
          injector: 'prepend',
        },
--- a/webapp/view/styles/tokens.scss
+++ b/webapp/view/styles/tokens.scss
@ -0,0 +1,303 @@
+/**
+ * @tokens Color Brand
+ * @presenter Color
+ */
+
+ $color-primary: rgb(23, 181, 63);
+ $color-primary-active: rgb(25, 194, 67);
+ $color-primary-inverse: rgb(241, 253, 244);
+ $color-secondary: rgb(0, 142, 230);
+ $color-secondary-active: rgb(10, 161, 255);
+ $color-secondary-inverse: rgb(240, 249, 255);
+ $color-success: rgb(23, 181, 63);
+ $color-success-active: rgb(26, 203, 71);
+ $color-success-inverse: rgb(241, 253, 244);
+ $color-danger: rgb(219, 57, 36);
+ $color-danger-active: rgb(224, 81, 62);
+ $color-danger-inverse: rgb(253, 243, 242);
+ $color-warning: rgb(230, 121, 25);
+ $color-warning-active: rgb(233, 137, 53);
+ $color-warning-inverse: rgb(253, 247, 241);
+ $color-yellow: rgb(245, 196, 0);
+ $color-yellow-active: rgb(255, 206, 10);
+ $color-yellow-inverse: rgb(255, 252, 240);
+
+/**
+ * @tokens Color Neutral
+ * @presenter Color
+ */
+
+$color-neutral-0: rgb(25, 23, 28);
+$color-neutral-10: rgb(40, 37, 45);
+$color-neutral-20: rgb(75, 69, 84);
+$color-neutral-30: rgb(100, 92, 112);
+$color-neutral-40: rgb(112, 103, 126);
+$color-neutral-50: rgb(151, 143, 163);
+$color-neutral-60: rgb(177, 171, 186);
+$color-neutral-70: rgb(203, 199, 209);
+$color-neutral-80: rgb(229, 227, 232);
+$color-neutral-85: rgb(239, 238, 241);
+$color-neutral-90: rgb(245, 244, 246);
+$color-neutral-95: rgb(250, 249, 250);
+$color-neutral-100: rgb(255, 255, 255);
+
+/**
+ * @tokens Color Text
+ * @presenter Color
+ */
+
+$text-color-base: rgb(75, 69, 84);
+$text-color-soft: rgb(112, 103, 126);
+$text-color-softer: rgb(177, 171, 186);
+$text-color-disabled: rgb(177, 171, 186);
+$text-color-inverse: rgb(250, 249, 250);
+$text-color-link: rgb(23, 181, 63);
+$text-color-link-active: rgb(25, 194, 67);
+$text-color-primary: rgb(23, 181, 63);
+$text-color-primary-inverse: rgb(241, 253, 244);
+$text-color-secondary: rgb(0, 142, 230);
+$text-color-secondary-inverse: rgb(240, 249, 255);
+$text-color-success: rgb(23, 181, 63);
+$text-color-success-inverse: rgb(241, 253, 244);
+$text-color-warning: rgb(230, 121, 25);
+$text-color-warning-inverse: rgb(253, 247, 241);
+$text-color-danger: rgb(219, 57, 36);
+$text-color-danger-inverse: rgb(253, 243, 242);
+
+/**
+ * @tokens Color Background
+ * @presenter Color
+ */
+
+$background-color-base: rgb(255, 255, 255);
+$background-color-soft: rgb(250, 249, 250);
+$background-color-softer: rgb(245, 244, 246);
+$background-color-softer-active: rgb(250, 249, 250);
+$background-color-softest: rgb(239, 238, 241);
+$background-color-softest-active: rgb(245, 244, 246);
+$background-color-inverse: rgb(25, 23, 28);
+$background-color-inverse-soft: rgb(40, 37, 45);
+$background-color-inverse-softer: rgb(75, 69, 84);
+$background-color-inverse-softer-active: rgb(100, 92, 112);
+$background-color-disabled: rgb(245, 244, 246);
+$background-color-primary: rgb(23, 181, 63);
+$background-color-primary-active: rgb(25, 194, 67);
+$background-color-primary-inverse: rgb(241, 253, 244);
+$background-color-secondary: rgb(0, 142, 230);
+$background-color-secondary-active: rgb(10, 161, 255);
+$background-color-secondary-inverse: rgb(240, 249, 255);
+$background-color-success: rgb(23, 181, 63);
+$background-color-success-active: rgb(26, 203, 71);
+$background-color-success-inverse: rgb(241, 253, 244);
+$background-color-warning: rgb(230, 121, 25);
+$background-color-warning-active: rgb(233, 137, 53);
+$background-color-warning-inverse: rgb(253, 247, 241);
+$background-color-danger: rgb(219, 57, 36);
+$background-color-danger-active: rgb(224, 81, 62);
+$background-color-danger-inverse: rgb(253, 243, 242);
+
+/**
+ * @tokens Color Border
+ * @presenter Color
+ */
+
+$border-color-base: rgb(177, 171, 186);
+$border-color-soft: rgb(203, 199, 209);
+$border-color-softer: rgb(229, 227, 232);
+$border-color-softest: rgb(245, 244, 246);
+$border-color-active: rgb(23, 181, 63);
+$border-color-primary: rgb(23, 181, 63);
+$border-color-success: rgb(23, 181, 63);
+$border-color-warning: rgb(230, 121, 25);
+$border-color-danger: rgb(219, 57, 36);
+
+/**
+ * @tokens Border Size
+ * @presenter Border
+ */
+
+$border-size-base: 1px;
+$border-size-large: 3px;
+$border-size-x-large: 6px;
+
+/**
+ * @tokens Border Radius
+ * @presenter BorderRadius
+ */
+
+$border-radius-x-large: 5px;
+$border-radius-large: 4px;
+$border-radius-base: 4px;
+$border-radius-rounded: 2em;
+$border-radius-circle: 50%;
+
+/**
+ * @tokens Font Size
+ * @presenter FontSize
+ */
+
+$font-size-xxxx-large: 3rem;
+$font-size-xxx-large: 2.5rem;
+$font-size-xx-large: 2rem;
+$font-size-x-large: 1.5rem;
+$font-size-large: 1.25rem;
+$font-size-base: 1rem;
+$font-size-body: 15px;
+$font-size-small: 0.8rem;
+$font-size-x-small: 0.7rem;
+$font-size-xx-small: 0.6rem;
+
+/**
+ * @tokens Font Space
+ * @presenter Spacing
+ */
+
+$font-space-xxxx-large: 2em;
+$font-space-xxx-large: 1.5em;
+$font-space-xx-large: 1.2em;
+$font-space-x-large: 1em;
+$font-space-large: 0.6em;
+$font-space-base: 0.5em;
+$font-space-small: 0.4em;
+$font-space-x-small: 0.3em;
+$font-space-xx-small: 0.2em;
+$font-space-xxx-small: 0.1em;
+
+/**
+ * @tokens Font Family
+ * @presenter FontFamily
+ */
+
+$font-family-heading: 'LatoWeb', sans-serif;
+$font-family-text: 'LatoWeb', sans-serif;
+$font-family-serif: 'Gentium Basic', serif;
+$font-family-code: inconsolata, monospace;
+
+/**
+ * @tokens Font Weight
+ * @presenter FontWeight
+ */
+
+$font-weight-regular: normal;
+$font-weight-bold: 600;
+
+/**
+ * @tokens Line Height
+ * @presenter LineHeight
+ */
+
+$line-height-large: 1.5;
+$line-height-base: 1.3;
+$line-height-small: 1.1;
+$line-height-smaller: 1.0;
+
+/**
+ * @tokens Letter Spacing
+ * @presenter Spacing
+ */
+
+$letter-spacing-x-large: 0.1em;
+$letter-spacing-large: 0.05em;
+$letter-spacing-base: 0;
+$letter-spacing-small: -0.01em;
+$letter-spacing-x-small: -0.015em;
+
+/**
+ * @tokens Opacity
+ * @presenter Opacity
+ */
+
+$opacity-soft: 0.65;
+$opacity-disabled: 0.5;
+
+/**
+ * @tokens Space
+ * @presenter Spacing
+ */
+
+$space-xxx-large: 128px;
+$space-xx-large: 64px;
+$space-x-large: 48px;
+$space-large: 32px;
+$space-base: 24px;
+$space-small: 16px;
+$space-x-small: 8px;
+$space-xx-small: 4px;
+$space-xxx-small: 2px;
+
+/**
+ * @tokens Size Height
+ * @presenter Spacing
+ */
+
+$size-height-base: 42px;
+$size-height-large: 50px;
+$size-height-xlarge: 60px;
+$size-height-footer: 64px;
+$size-tappable-square: 44px;
+
+/**
+ * @tokens Size Avatar
+ * @presenter Spacing
+ */
+
+$size-avatar-small: 34px;
+$size-avatar-base: 44px;
+$size-avatar-large: 64px;
+$size-avatar-x-large: 114px;
+
+/**
+ * @tokens Shadow
+ * @presenter Shadow
+ */
+
+$box-shadow-x-large: 0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);
+$box-shadow-large: 0 10px 20px 0 rgba(0,0,0,.11),0 3px 10px 0 rgba(0,0,0,.08);
+$box-shadow-base: 0px 12px 26px -4px rgba(0, 0, 0, .1);
+$box-shadow-small: 0px 8px 18px -2px rgba(0, 0, 0, .1);
+$box-shadow-x-small: 0px 0px 3px 0px rgba(0, 0, 0, .1);
+$box-shadow-active: 0 0 6px 1px rgba(20, 100, 160, 0.5);
+$box-shadow-inset: inset 0 0 20px 1px rgba(0,0,0,.15);
+$box-shadow-small-inset: inset 0 0 0 1px rgba(0,0,0,.05);
+
+/**
+ * @tokens Animation Duration
+ */
+
+$duration-short: 0.08s;
+$duration-base: 0.5s;
+$duration-long: 0.75s;
+$duration-x-long: 1s;
+$duration-xx-long: 2s;
+
+/**
+ * @tokens Animation Ease
+ * @presenter Easing
+ */
+
+$ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+$ease-out-sharp: cubic-bezier(0.165, 0.84, 0.44, 1);
+$ease-out-bounce: cubic-bezier(.87,-.41,.19,1.44);
+$ease-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+$ease-in-sharp: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+
+/**
+ * @tokens Z-Index
+ */
+
+$z-index-modal: 9999;
+$z-index-dropdown: 8888;
+$z-index-page-submenu: 2500;
+$z-index-page-header: 2000;
+$z-index-page-sidebar: 1500;
+$z-index-sticky: 100;
+
+/**
+ * @tokens Media Query
+ */
+
+$media-query-x-small: (min-width: 480px);
+$media-query-small: (min-width: 600px);
+$media-query-medium: (min-width: 768px);
+$media-query-large: (min-width: 1024px);
+$media-query-x-large: (min-width: 1200px);
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@ -944,6 +944,18 @@
    "@emotion/sheet" "0.9.3"
    "@emotion/utils" "0.11.2"

+"@emotion/core@^10.0.9":
+  version "10.0.22"
+  resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.0.22.tgz#2ac7bcf9b99a1979ab5b0a876fbf37ab0688b177"
+  integrity sha512-7eoP6KQVUyOjAkE6y4fdlxbZRA4ILs7dqkkm6oZUJmihtHv0UBq98VgPirq9T8F9K2gKu0J/au/TpKryKMinaA==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    "@emotion/cache" "^10.0.17"
+    "@emotion/css" "^10.0.22"
+    "@emotion/serialize" "^0.11.12"
+    "@emotion/sheet" "0.9.3"
+    "@emotion/utils" "0.11.2"
+
 "@emotion/css@^10.0.14":
  version "10.0.14"
  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-10.0.14.tgz#95dacabdd0e22845d1a1b0b5968d9afa34011139"
@ -953,11 +965,25 @@
    "@emotion/utils" "0.11.2"
    babel-plugin-emotion "^10.0.14"

+"@emotion/css@^10.0.22":
+  version "10.0.22"
+  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-10.0.22.tgz#37b1abb6826759fe8ac0af0ac0034d27de6d1793"
+  integrity sha512-8phfa5mC/OadBTmGpMpwykIVH0gFCbUoO684LUkyixPq4F1Wwri7fK5Xlm8lURNBrd2TuvTbPUGxFsGxF9UacA==
+  dependencies:
+    "@emotion/serialize" "^0.11.12"
+    "@emotion/utils" "0.11.2"
+    babel-plugin-emotion "^10.0.22"
+
 "@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/hash@0.7.3":
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.7.3.tgz#a166882c81c0c6040975dd30df24fae8549bd96f"
+  integrity sha512-14ZVlsB9akwvydAdaEnVnvqu6J2P6ySv39hYyl/aoB6w/V+bXX0tay8cF6paqbgZsN2n5Xh15uF4pE+GvE+itw==
+
 "@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"
@ -965,11 +991,23 @@
  dependencies:
    "@emotion/memoize" "0.7.2"

+"@emotion/is-prop-valid@0.8.5":
+  version "0.8.5"
+  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.5.tgz#2dda0791f0eafa12b7a0a5b39858405cc7bde983"
+  integrity sha512-6ZODuZSFofbxSbcxwsFz+6ioPjb0ISJRRPLZ+WIbjcU2IMU0Io+RGQjjaTgOvNQl007KICBm7zXQaYQEC1r6Bg==
+  dependencies:
+    "@emotion/memoize" "0.7.3"
+
 "@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/memoize@0.7.3":
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.3.tgz#5b6b1c11d6a6dddf1f2fc996f74cf3b219644d78"
+  integrity sha512-2Md9mH6mvo+ygq1trTeVp2uzAKwE2P7In0cRpD/M9Q70aH8L+rxMLbb3JCN2JoSWsV2O+DdFjfbbXoMoLBczow==
+
 "@emotion/serialize@^0.11.10":
  version "0.11.10"
  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.10.tgz#53207dba7e28bd96928fc2a37e20b31b712bf9a2"
@ -981,6 +1019,17 @@
    "@emotion/utils" "0.11.2"
    csstype "^2.5.7"

+"@emotion/serialize@^0.11.12", "@emotion/serialize@^0.11.14":
+  version "0.11.14"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.14.tgz#56a6d8d04d837cc5b0126788b2134c51353c6488"
+  integrity sha512-6hTsySIuQTbDbv00AnUO6O6Xafdwo5GswRlMZ5hHqiFx+4pZ7uGWXUQFW46Kc2taGhP89uXMXn/lWQkdyTosPA==
+  dependencies:
+    "@emotion/hash" "0.7.3"
+    "@emotion/memoize" "0.7.3"
+    "@emotion/unitless" "0.7.4"
+    "@emotion/utils" "0.11.2"
+    csstype "^2.5.7"
+
 "@emotion/serialize@^0.11.8":
  version "0.11.8"
  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.8.tgz#e41dcf7029e45286a3e0cf922933e670fe05402c"
@ -1007,6 +1056,16 @@
    "@emotion/serialize" "^0.11.10"
    "@emotion/utils" "0.11.2"

+"@emotion/styled-base@^10.0.23":
+  version "10.0.24"
+  resolved "https://registry.yarnpkg.com/@emotion/styled-base/-/styled-base-10.0.24.tgz#9497efd8902dfeddee89d24b0eeb26b0665bfe8b"
+  integrity sha512-AnBImerf0h4dGAJVo0p0VE8KoAns71F28ErGFK474zbNAHX6yqSWQUasb+1jvg/VPwZjCp19+tAr6oOB0pwmLQ==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    "@emotion/is-prop-valid" "0.8.5"
+    "@emotion/serialize" "^0.11.14"
+    "@emotion/utils" "0.11.2"
+
 "@emotion/styled@^10.0.14":
  version "10.0.17"
  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-10.0.17.tgz#0cd38b8b36259541f2c6717fc22607a120623654"
@ -1015,6 +1074,14 @@
    "@emotion/styled-base" "^10.0.17"
    babel-plugin-emotion "^10.0.17"

+"@emotion/styled@^10.0.7":
+  version "10.0.23"
+  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-10.0.23.tgz#2f8279bd59b99d82deade76d1046249ddfab7c1b"
+  integrity sha512-gNr04eqBQ2iYUx8wFLZDfm3N8/QUOODu/ReDXa693uyQGy2OqA+IhPJk+kA7id8aOfwAsMuvZ0pJImEXXKtaVQ==
+  dependencies:
+    "@emotion/styled-base" "^10.0.23"
+    babel-plugin-emotion "^10.0.23"
+
 "@emotion/stylis@0.8.4":
  version "0.8.4"
  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.4.tgz#6c51afdf1dd0d73666ba09d2eb6c25c220d6fe4c"
@ -1035,6 +1102,11 @@
  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.3.tgz#dfa0c92efe44a1d1a7974fb49ffeb40ef2da5a27"
  integrity sha512-zVgvPwGK7c1aVdUVc9Qv7SqepOGRDrqCw7KZPSZziWGxSlbII3gmvGLPzLX4d0n0BMbamBacUrN22zOMyFFEkQ==

+"@emotion/weak-memoize@0.2.4":
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.4.tgz#622a72bebd1e3f48d921563b4b60a762295a81fc"
+  integrity sha512-6PYY5DVdAY1ifaQW6XYTnOMihmBVT27elqSjEoodchsGjzYlEsTQMcEhSud99kVawatyTZRTiVkJ/c6lwbQ7nA==
+
 "@endemolshinegroup/cosmiconfig-typescript-loader@^1.0.0":
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/@endemolshinegroup/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-1.0.1.tgz#484ee6f4e9209ffde5d3edbdacf03e0bc5ee0c67"
@ -1078,6 +1150,11 @@
  dependencies:
    vue "^2.6.10"

+"@illinois/react-use-local-storage@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@illinois/react-use-local-storage/-/react-use-local-storage-1.1.0.tgz#127aba1c2843b3edeb4ab1c74a8dd112f4c7ec29"
+  integrity sha512-ohuwk+ogqr3AVNHLUfYwgt4gbdNBi2kNq4gVDbhD2pwpJcX4VbkWJ9Q0fuXkVD4IB1BP6COSgMSPHPKjg9ep7g==
+
 "@jest/console@^24.7.1":
  version "24.7.1"
  resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.7.1.tgz#32a9e42535a97aedfe037e725bd67e954b459545"
@ -2036,6 +2113,18 @@
    react-inspector "^3.0.2"
    uuid "^3.3.2"

+"@storybook/addons@5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-5.1.9.tgz#ecf218d08508b97ca5e6e0f1ed361081385bd3ff"
+  integrity sha512-1bavbcS/NiE65DwyKj8c0DmWmz9VekOinB+has2Pqt2bOffZoZwVnbmepcz9hH3GUyvp5fQBYbxTEmTDvF2lLA==
+  dependencies:
+    "@storybook/api" "5.1.9"
+    "@storybook/channels" "5.1.9"
+    "@storybook/client-logger" "5.1.9"
+    core-js "^3.0.1"
+    global "^4.3.2"
+    util-deprecate "^1.0.2"
+
 "@storybook/addons@5.2.5":
  version "5.2.5"
  resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-5.2.5.tgz#e3e23d5ea6eb221df31e1a5d125be47454e9a0e8"
@ -2049,6 +2138,29 @@
    global "^4.3.2"
    util-deprecate "^1.0.2"

+"@storybook/api@5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@storybook/api/-/api-5.1.9.tgz#eec5b2f775392ce0803930104c6ce14fa4931e8b"
+  integrity sha512-d1HhpOkW+706/WJ9lP5nCqOrp/icvbm0o+6jFFOGJ35AW5O9D8vDBxzvgMEO45jjN4I+rtbcNHQCxshSbPvP9w==
+  dependencies:
+    "@storybook/channels" "5.1.9"
+    "@storybook/client-logger" "5.1.9"
+    "@storybook/core-events" "5.1.9"
+    "@storybook/router" "5.1.9"
+    "@storybook/theming" "5.1.9"
+    core-js "^3.0.1"
+    fast-deep-equal "^2.0.1"
+    global "^4.3.2"
+    lodash "^4.17.11"
+    memoizerific "^1.11.3"
+    prop-types "^15.6.2"
+    react "^16.8.3"
+    semver "^6.0.0"
+    shallow-equal "^1.1.0"
+    store2 "^2.7.1"
+    telejson "^2.2.1"
+    util-deprecate "^1.0.2"
+
 "@storybook/api@5.2.5":
  version "5.2.5"
  resolved "https://registry.yarnpkg.com/@storybook/api/-/api-5.2.5.tgz#dcc68c873820485372a47c095a8fc5e4fb53a34c"
@ -2083,6 +2195,13 @@
    global "^4.3.2"
    telejson "^3.0.2"

+"@storybook/channels@5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-5.1.9.tgz#003cfca0b9f1ba6cf47ce68304aedd71bdb55e74"
+  integrity sha512-R6i7859FsXgY9XFFErVe7gS37wGYpQEEWsO1LzUW7YptGuFTUa8yLgKkNkgfy7Zs61Xm+GiBq8PvS/CWxjotPw==
+  dependencies:
+    core-js "^3.0.1"
+
 "@storybook/channels@5.2.5":
  version "5.2.5"
  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-5.2.5.tgz#d6ca2b490281dacb272096563fe760ccb353c4bb"
@ -2111,6 +2230,13 @@
    qs "^6.6.0"
    util-deprecate "^1.0.2"

+"@storybook/client-logger@5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-5.1.9.tgz#87e2f7578416269adeccd407584010bc353f14d3"
+  integrity sha512-1+Otcn0EFgWNviDPNCR5LtUViADlboz9fmpZc7UY7bgaY5FVNIUO01E4T43tO7fduiRZoEvdltwTuQRm260Vjw==
+  dependencies:
+    core-js "^3.0.1"
+
 "@storybook/client-logger@5.2.5":
  version "5.2.5"
  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-5.2.5.tgz#6f386ac6f81b4a783c57d54bb328281abbea1bab"
@ -2118,6 +2244,30 @@
  dependencies:
    core-js "^3.0.1"

+"@storybook/components@5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-5.1.9.tgz#2a5258780fff07172d103287759946dbb4b13e2d"
+  integrity sha512-F4xcRlifSAfqkuFWtCKRvQDahXyfWBWV2Wa+kYy4YGwEfm3kKtIHVlgdgARL22g9BdYpRFEOJ+42juOu5YvIeQ==
+  dependencies:
+    "@storybook/client-logger" "5.1.9"
+    "@storybook/theming" "5.1.9"
+    core-js "^3.0.1"
+    global "^4.3.2"
+    markdown-to-jsx "^6.9.1"
+    memoizerific "^1.11.3"
+    polished "^3.3.1"
+    popper.js "^1.14.7"
+    prop-types "^15.7.2"
+    react "^16.8.3"
+    react-dom "^16.8.3"
+    react-focus-lock "^1.18.3"
+    react-helmet-async "^1.0.2"
+    react-popper-tooltip "^2.8.3"
+    react-syntax-highlighter "^8.0.1"
+    react-textarea-autosize "^7.1.0"
+    recompose "^0.30.0"
+    simplebar-react "^1.0.0-alpha.6"
+
 "@storybook/components@5.2.5":
  version "5.2.5"
  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-5.2.5.tgz#40190dafbee34f083182255d26c19a0ea50789c8"
@ -2143,6 +2293,13 @@
    react-textarea-autosize "^7.1.0"
    simplebar-react "^1.0.0-alpha.6"

+"@storybook/core-events@5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-5.1.9.tgz#441a6297e2ccfa743e15d1db1f4ac445b91f40d8"
+  integrity sha512-jHe2uyoLj9i6fntHtOj5azfGdLOb75LF0e1xXE8U2SX7Zp3uwbLAcfJ+dPStdc/q+f/wBiip3tH1dIjaNuUiMw==
+  dependencies:
+    core-js "^3.0.1"
+
 "@storybook/core-events@5.2.5":
  version "5.2.5"
  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-5.2.5.tgz#62881164a4a01aa99ff0691e70eaed2dd58e229e"
@ -2235,6 +2392,17 @@
    pretty-hrtime "^1.0.3"
    regenerator-runtime "^0.12.1"

+"@storybook/router@5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-5.1.9.tgz#8cd97bea4f2acf8ec5f6694d06fb0633dde33417"
+  integrity sha512-eAmeerE/OTIwCV7WBnb1BPINVN1GTSMsUXLNWpqSISuyWJ+NZAJlObFkvXoc57QSQlv0cvXlm1FMkmRt8ku1Hw==
+  dependencies:
+    "@reach/router" "^1.2.1"
+    core-js "^3.0.1"
+    global "^4.3.2"
+    memoizerific "^1.11.3"
+    qs "^6.6.0"
+
 "@storybook/router@5.2.5":
  version "5.2.5"
  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-5.2.5.tgz#a005332bc6aa1e7849503187ad50c41b3f3bef92"
@ -2248,6 +2416,24 @@
    memoizerific "^1.11.3"
    qs "^6.6.0"

+"@storybook/theming@5.1.9":
+  version "5.1.9"
+  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.1.9.tgz#c425f5867fae0db79e01112853b1808332a5f1a2"
+  integrity sha512-4jIFJwTWVf9tsv27noLoFHlKC2Jl9DHV3q+rxGPU8bTNbufCu4oby82SboO5GAKuS3eu1cxL1YY9pYad9WxfHg==
+  dependencies:
+    "@emotion/core" "^10.0.9"
+    "@emotion/styled" "^10.0.7"
+    "@storybook/client-logger" "5.1.9"
+    common-tags "^1.8.0"
+    core-js "^3.0.1"
+    deep-object-diff "^1.1.0"
+    emotion-theming "^10.0.9"
+    global "^4.3.2"
+    memoizerific "^1.11.3"
+    polished "^3.3.1"
+    prop-types "^15.7.2"
+    resolve-from "^5.0.0"
+
 "@storybook/theming@5.2.5":
  version "5.2.5"
  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.2.5.tgz#9579e7944f61ded637d1d79be5fb859a617620f5"
@ -4164,6 +4350,22 @@ babel-plugin-emotion@^10.0.17:
    find-root "^1.1.0"
    source-map "^0.5.7"

+babel-plugin-emotion@^10.0.22, babel-plugin-emotion@^10.0.23:
+  version "10.0.23"
+  resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-10.0.23.tgz#040d40bf61dcab6d31dd6043d10e180240b8515b"
+  integrity sha512-1JiCyXU0t5S2xCbItejCduLGGcKmF3POT0Ujbexog2MI4IlRcIn/kWjkYwCUZlxpON0O5FC635yPl/3slr7cKQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@emotion/hash" "0.7.3"
+    "@emotion/memoize" "0.7.3"
+    "@emotion/serialize" "^0.11.14"
+    babel-plugin-macros "^2.0.0"
+    babel-plugin-syntax-jsx "^6.18.0"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^1.0.5"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+
 babel-plugin-istanbul@^5.1.0:
  version "5.1.4"
  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.1.4.tgz#841d16b9a58eeb407a0ddce622ba02fe87a752ba"
@ -5065,6 +5267,11 @@ change-case@^3.0.1:
    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"
+  integrity sha1-6LL+PX8at9aaMhma/5HqaTFAlRU=
+
 character-entities-legacy@^1.0.0:
  version "1.1.3"
  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.3.tgz#3c729991d9293da0ede6dddcaf1f2ce1009ee8b4"
@ -5479,6 +5686,11 @@ commander@~2.19.0:
  resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
  integrity sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==

+comment-parser@0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/comment-parser/-/comment-parser-0.6.1.tgz#88040c7c0a57c62e64962c3e888518620a42e7c9"
+  integrity sha512-Putzd7Ilyvknmb1KxGf5el9uw0sPx9gEVnDrm8tlvXGN1i8Uaa2VBxB32hUhfzTlrEhhxNQ+pKq4ZNe8wNxjmw==
+
 common-tags@^1.5.1, common-tags@^1.8.0:
  version "1.8.0"
  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.0.tgz#8e3153e542d4a39e9b10554434afaaf98956a937"
@ -6669,6 +6881,15 @@ emotion-theming@^10.0.14:
    "@emotion/weak-memoize" "0.2.3"
    hoist-non-react-statics "^3.3.0"

+emotion-theming@^10.0.9:
+  version "10.0.19"
+  resolved "https://registry.yarnpkg.com/emotion-theming/-/emotion-theming-10.0.19.tgz#66d13db74fccaefad71ba57c915b306cf2250295"
+  integrity sha512-dQRBPLAAQ6eA8JKhkLCIWC8fdjPbiNC1zNTdFF292h9amhZXofcNGUP7axHoHX4XesqQESYwZrXp53OPInMrKw==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    "@emotion/weak-memoize" "0.2.4"
+    hoist-non-react-statics "^3.3.0"
+
 encodeurl@~1.0.2:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
@ -7336,7 +7557,7 @@ fb-watchman@^2.0.0:
  dependencies:
    bser "^2.0.0"

-fbjs@^0.8.0:
+fbjs@^0.8.0, fbjs@^0.8.1:
  version "0.8.17"
  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
  integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
@ -7998,6 +8219,13 @@ globule@^1.0.0:
    lodash "~4.17.10"
    minimatch "~3.0.2"

+gonzales-pe@4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/gonzales-pe/-/gonzales-pe-4.2.4.tgz#356ae36a312c46fe0f1026dd6cb539039f8500d2"
+  integrity sha512-v0Ts/8IsSbh9n1OJRnSfa7Nlxi4AkXIsWB6vPept8FDbL4bXn3FNuxjYtO/nmBGu7GDkL9MFeGebeSu6l55EPQ==
+  dependencies:
+    minimist "1.1.x"
+
 good-listener@^1.2.2:
  version "1.2.2"
  resolved "https://registry.yarnpkg.com/good-listener/-/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
@ -8352,6 +8580,11 @@ hmac-drbg@^1.0.0:
    minimalistic-assert "^1.0.0"
    minimalistic-crypto-utils "^1.0.1"

+hoist-non-react-statics@^2.3.1:
+  version "2.5.5"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
+  integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
+
 hoist-non-react-statics@^3.3.0:
  version "3.3.0"
  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz#b09178f0122184fb95acf525daaecb4d8f45958b"
@ -10535,6 +10768,11 @@ memory-fs@^0.5.0:
    errno "^0.1.3"
    readable-stream "^2.0.1"

+mensch@0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/mensch/-/mensch-0.3.3.tgz#e200ff4dd823717f8e0563b32e3f5481fca262b2"
+  integrity sha1-4gD/TdgjcX+OBWOzLj9UgfyiYrI=
+
 meow@^3.7.0:
  version "3.7.0"
  resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
@ -10688,6 +10926,11 @@ minimist@0.0.8:
  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
  integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=

+minimist@1.1.x:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.1.3.tgz#3bedfd91a92d39016fcfaa1c681e8faa1a1efda8"
+  integrity sha1-O+39kaktOQFvz6ocaB6Pqhoe/ag=
+
 minimist@^0.1.0:
  version "0.1.0"
  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.1.0.tgz#99df657a52574c21c9057497df742790b2b4c0de"
@ -13061,6 +13304,14 @@ raw-body@2.4.0:
    iconv-lite "0.4.24"
    unpipe "1.0.0"

+raw-loader@3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-3.1.0.tgz#5e9d399a5a222cc0de18f42c3bc5e49677532b3f"
+  integrity sha512-lzUVMuJ06HF4rYveaz9Tv0WRlUMxJ0Y1hgSkkgg+50iEdaI0TthyEDe08KIHb0XsF6rn8WYTqPCaGTZg3sX+qA==
+  dependencies:
+    loader-utils "^1.1.0"
+    schema-utils "^2.0.1"
+
 raw-loader@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-2.0.0.tgz#e2813d9e1e3f80d1bbade5ad082e809679e20c26"
@ -13187,7 +13438,7 @@ react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4, react-is@^16.8.6:
  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
  integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==

-react-lifecycles-compat@^3.0.4:
+react-lifecycles-compat@^3.0.2, react-lifecycles-compat@^3.0.4:
  version "3.0.4"
  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
@ -13253,6 +13504,13 @@ react-textarea-autosize@^7.1.0:
    "@babel/runtime" "^7.1.2"
    prop-types "^15.6.0"

+react-use-clipboard@0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/react-use-clipboard/-/react-use-clipboard-0.1.4.tgz#aa622a3d7dc2525be2bf1d2af8ca04c6108bd7a7"
+  integrity sha512-TK1RTDTNHhmr7cZpheECh0Ys6bCBZqN3RiXTdvt57g+5+gU5fpLhL7Zl3v8D6irR0X2a7MqwQmZJdgKhwI5w7g==
+  dependencies:
+    copy-to-clipboard "^3.0.8"
+
 react@^16.8.3:
  version "16.8.6"
  resolved "https://registry.yarnpkg.com/react/-/react-16.8.6.tgz#ad6c3a9614fd3a4e9ef51117f54d888da01f2bbe"
@ -13383,6 +13641,18 @@ rechoir@^0.6.2:
  dependencies:
    resolve "^1.1.6"

+recompose@^0.30.0:
+  version "0.30.0"
+  resolved "https://registry.yarnpkg.com/recompose/-/recompose-0.30.0.tgz#82773641b3927e8c7d24a0d87d65aeeba18aabd0"
+  integrity sha512-ZTrzzUDa9AqUIhRk4KmVFihH0rapdCSMFXjhHbNrjAWxBuUD/guYlyysMnuHjlZC/KRiOKRtB4jf96yYSkKE8w==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    change-emitter "^0.1.2"
+    fbjs "^0.8.1"
+    hoist-non-react-statics "^2.3.1"
+    react-lifecycles-compat "^3.0.2"
+    symbol-observable "^1.0.4"
+
 recursive-readdir@2.2.2:
  version "2.2.2"
  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.2.tgz#9946fb3274e1628de6e36b2f6714953b4845094f"
@ -13876,6 +14146,14 @@ schema-utils@^2.0.0, schema-utils@^2.1.0, schema-utils@^2.2.0:
    ajv "^6.10.2"
    ajv-keywords "^3.4.1"

+schema-utils@^2.0.1:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.5.0.tgz#8f254f618d402cc80257486213c8970edfd7c22f"
+  integrity sha512-32ISrwW2scPXHUSusP8qMg5dLUawKkyV+/qIEV9JdXKx+rsM6mi8vZY8khg2M69Qom16rtroWXD3Ybtiws38gQ==
+  dependencies:
+    ajv "^6.10.2"
+    ajv-keywords "^3.4.1"
+
 schema-utils@^2.4.1:
  version "2.4.1"
  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.4.1.tgz#e89ade5d056dc8bcaca377574bb4a9c4e1b8be56"
@ -13988,11 +14266,6 @@ serve-static@1.14.1, serve-static@^1.14.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==
-  dependencies:
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    parseurl "~1.3.3"
-    send "0.17.1"

 server-destroy@^1.0.1:
  version "1.0.1"
@ -14675,6 +14948,22 @@ store2@^2.7.1:
  resolved "https://registry.yarnpkg.com/store2/-/store2-2.8.0.tgz#032d5dcbd185a5d74049d67a1765ff1e75faa04b"
  integrity sha512-FBJpcOEZQLZBIGL4Yp7W5RgZ0ejaURmcfUjIpyOb64BpI8z/iJXw7zd/NTBeq304dVMxuWVDZEUUCGn7llaVrA==

+storybook-design-token@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/storybook-design-token/-/storybook-design-token-0.4.1.tgz#d339893d6f4a4735ab9ee7f77bb0666a39701026"
+  integrity sha512-9MrgBiE6OCblROFVH6klKES2MbPvKAQ44mHb7PJUsCBjG4eiSc39Zk8u1i5JHz1iUCekman/Wfe/RGdMUbi08g==
+  dependencies:
+    "@illinois/react-use-local-storage" "1.1.0"
+    "@storybook/addons" "5.1.9"
+    "@storybook/api" "5.1.9"
+    "@storybook/components" "5.1.9"
+    "@storybook/theming" "5.1.9"
+    comment-parser "0.6.1"
+    gonzales-pe "4.2.4"
+    mensch "0.3.3"
+    raw-loader "3.1.0"
+    react-use-clipboard "0.1.4"
+
 stream-browserify@^2.0.1:
  version "2.0.2"
  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
@ -15052,6 +15341,19 @@ tar@^4:
    safe-buffer "^5.1.2"
    yallist "^3.0.2"

+telejson@^2.2.1:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/telejson/-/telejson-2.2.2.tgz#d61d721d21849a6e4070d547aab302a9bd22c720"
+  integrity sha512-YyNwnKY0ilabOwYgC/J754En1xOe5PBIUIw+C9e0+5HjVVcnQE5/gdu2yET2pmSbp5bxIDqYNjvndj2PUkIiYA==
+  dependencies:
+    global "^4.3.2"
+    is-function "^1.0.1"
+    is-regex "^1.0.4"
+    is-symbol "^1.0.2"
+    isobject "^3.0.1"
+    lodash "^4.17.11"
+    memoizerific "^1.11.3"
+
 telejson@^3.0.2:
  version "3.0.3"
  resolved "https://registry.yarnpkg.com/telejson/-/telejson-3.0.3.tgz#442af55f78d791d3744c9e7a696be6cdf789a4b5"