From 699c9600f2ddd5c60582ecbfd0b4d12be33816c5 Mon Sep 17 00:00:00 2001 From: Alina Beck Date: Wed, 6 Nov 2019 10:04:05 +0300 Subject: [PATCH 1/5] copy-paste all tokens from nitro-styleguide --- webapp/view/styles/tokens.scss | 189 +++++++++++++++++++++++++++++++++ 1 file changed, 189 insertions(+) create mode 100644 webapp/view/styles/tokens.scss diff --git a/webapp/view/styles/tokens.scss b/webapp/view/styles/tokens.scss new file mode 100644 index 000000000..467e8cabb --- /dev/null +++ b/webapp/view/styles/tokens.scss @@ -0,0 +1,189 @@ +$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); +$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); +$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); +$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); +$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); +$border-size-base: 1px; +$border-size-large: 3px; +$border-size-x-large: 6px; +$border-radius-x-large: 5px; +$border-radius-large: 4px; +$border-radius-base: 4px; +$border-radius-rounded: 2em; +$border-radius-circle: 50%; +$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; +$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; +$font-family-heading: 'LatoWeb', sans-serif; +$font-family-text: 'LatoWeb', sans-serif; +$font-family-serif: 'Gentium Basic', serif; +$font-family-code: inconsolata, monospace; +$font-weight-regular: normal; +$font-weight-bold: 600; +$line-height-large: 1.5; +$line-height-base: 1.3; +$line-height-small: 1.1; +$line-height-smaller: 1.0; +$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; +$opacity-soft: 0.65; +$opacity-disabled: 0.5; +$xxx-large: 128; +$xx-large: 64; +$x-large: 48; +$large: 32; +$base: 24; +$small: 16; +$x-small: 8; +$xx-small: 4; +$xxx-small: 2; +$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; +$size-height-base: 42px; +$size-height-large: 50px; +$size-height-xlarge: 60px; +$size-tappable-square: 44px; +$size-height-footer: 64px; +$size-avatar-small: 34px; +$size-avatar-base: 44px; +$size-avatar-large: 64px; +$size-avatar-x-large: 114px; +$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); +$duration-short: 0.08s; +$duration-base: 0.5s; +$duration-long: 0.75s; +$duration-x-long: 1s; +$duration-xx-long: 2s; +$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); +$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; +$xs: 480; +$sm: 600; +$md: 768; +$lg: 1024; +$xl: 1200; +$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); From fc387f63e2cd4aef0964c81a13b892bdba952e12 Mon Sep 17 00:00:00 2001 From: Alina Beck Date: Wed, 6 Nov 2019 10:37:52 +0300 Subject: [PATCH 2/5] add design token addon to storybook --- webapp/package.json | 1 + webapp/storybook/addons.js | 1 + webapp/storybook/config.js | 16 +- webapp/view/styles/tokens.scss | 180 +++++++++++++++---- webapp/yarn.lock | 317 ++++++++++++++++++++++++++++++++- 5 files changed, 478 insertions(+), 37 deletions(-) diff --git a/webapp/package.json b/webapp/package.json index 096eb7543..37182a712 100644 --- 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", diff --git a/webapp/storybook/addons.js b/webapp/storybook/addons.js index c6d5454e8..44a5acb23 100644 --- 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' diff --git a/webapp/storybook/config.js b/webapp/storybook/config.js index 3d3b1709e..377a71fa8 100644 --- 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: '
Popover Content
', }) +// 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$/) diff --git a/webapp/view/styles/tokens.scss b/webapp/view/styles/tokens.scss index 467e8cabb..5b4b3efcc 100644 --- a/webapp/view/styles/tokens.scss +++ b/webapp/view/styles/tokens.scss @@ -1,3 +1,32 @@ +/** + * @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); @@ -11,24 +40,12 @@ $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); -$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 Text + * @presenter Color + */ + $text-color-base: rgb(75, 69, 84); $text-color-soft: rgb(112, 103, 126); $text-color-softer: rgb(177, 171, 186); @@ -46,6 +63,12 @@ $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); @@ -72,6 +95,12 @@ $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); @@ -81,14 +110,32 @@ $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; @@ -99,6 +146,12 @@ $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; @@ -109,32 +162,59 @@ $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; -$xxx-large: 128; -$xx-large: 64; -$x-large: 48; -$large: 32; -$base: 24; -$small: 16; -$x-small: 8; -$xx-small: 4; -$xxx-small: 2; + +/** + * @tokens Space + * @presenter Spacing + */ + $space-xxx-large: 128px; $space-xx-large: 64px; $space-x-large: 48px; @@ -144,15 +224,33 @@ $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-tappable-square: 44px; $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); @@ -161,27 +259,43 @@ $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; -$xs: 480; -$sm: 600; -$md: 768; -$lg: 1024; -$xl: 1200; + +/** + * @tokens Media Query + */ + $media-query-x-small: (min-width: 480px); $media-query-small: (min-width: 600px); $media-query-medium: (min-width: 768px); diff --git a/webapp/yarn.lock b/webapp/yarn.lock index 4b382a933..6c8d52042 100644 --- a/webapp/yarn.lock +++ b/webapp/yarn.lock @@ -831,6 +831,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" @@ -840,11 +852,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" @@ -852,11 +878,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" @@ -868,6 +906,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" @@ -894,6 +943,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" @@ -902,6 +961,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" @@ -922,6 +989,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" @@ -965,6 +1037,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" @@ -1923,6 +2000,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" @@ -1936,6 +2025,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" @@ -1970,6 +2082,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" @@ -1998,6 +2117,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" @@ -2005,6 +2131,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" @@ -2030,6 +2180,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" @@ -2122,6 +2279,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" @@ -2135,6 +2303,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" @@ -4058,6 +4244,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" @@ -4959,6 +5161,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" @@ -5373,6 +5580,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" @@ -6562,6 +6774,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" @@ -7241,7 +7462,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= @@ -7928,6 +8149,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" @@ -8282,6 +8510,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" @@ -10504,6 +10737,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" @@ -10657,6 +10895,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" @@ -13084,6 +13327,14 @@ raw-body@^2.2.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" @@ -13210,7 +13461,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== @@ -13276,6 +13527,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" @@ -13416,6 +13674,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" @@ -13909,6 +14179,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" @@ -14026,6 +14304,11 @@ 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" @@ -14472,7 +14755,6 @@ snyk@^1.231.0: needle "^2.2.4" opn "^5.5.0" os-name "^3.0.0" - proxy-agent "*" proxy-from-env "^1.0.0" semver "^6.0.0" snyk-config "^2.2.1" @@ -14730,6 +15012,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" @@ -15093,6 +15391,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" From 983587dcb851fe5624209c3a4c43e64dc496ce40 Mon Sep 17 00:00:00 2001 From: Alina Beck Date: Wed, 6 Nov 2019 22:48:46 +0300 Subject: [PATCH 3/5] add new design tokens to storybook webpack config --- webapp/storybook/webpack.config.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/webapp/storybook/webpack.config.js b/webapp/storybook/webpack.config.js index 95c4c75a6..c0b782fe9 100644 --- a/webapp/storybook/webpack.config.js +++ b/webapp/storybook/webpack.config.js @@ -23,6 +23,10 @@ module.exports = async ({ config, mode }) => { __dirname, '../node_modules/@human-connection/styleguide/dist/shared.scss', ), + path.resolve( + __dirname, + '../view/styles/tokens.scss', + ), ], injector: 'prepend', }, From 6814ca937691e9f9460085da60250b42c19d4d1a Mon Sep 17 00:00:00 2001 From: Alina Beck Date: Wed, 6 Nov 2019 22:55:04 +0300 Subject: [PATCH 4/5] make new design tokens globally available --- webapp/nuxt.config.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js index ec2502379..17bb5290c 100644 --- 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'], }, /* From 1e7b32cbbbb7d7b8709efb73ff0aa195f5b8e115 Mon Sep 17 00:00:00 2001 From: Alina Beck Date: Thu, 7 Nov 2019 11:07:42 +0300 Subject: [PATCH 5/5] aaah fix lint errors --- webapp/storybook/webpack.config.js | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/webapp/storybook/webpack.config.js b/webapp/storybook/webpack.config.js index c0b782fe9..db0a8924c 100644 --- a/webapp/storybook/webpack.config.js +++ b/webapp/storybook/webpack.config.js @@ -23,10 +23,7 @@ module.exports = async ({ config, mode }) => { __dirname, '../node_modules/@human-connection/styleguide/dist/shared.scss', ), - path.resolve( - __dirname, - '../view/styles/tokens.scss', - ), + path.resolve(__dirname, '../view/styles/tokens.scss'), ], injector: 'prepend', },