From 85c84f9f0eea4244bbd33243a4eb7dd2213ff9df Mon Sep 17 00:00:00 2001 From: Steven VAIDIE Date: Mon, 7 Sep 2020 11:07:07 +0200 Subject: [PATCH] RAC-225: first version of checkbox --- akeneo-design-system/.storybook/preview.tsx | 6 +- akeneo-design-system/package.json | 2 +- .../components/Checkbox/Checkbox.stories.mdx | 31 ++ .../src/components/Checkbox/Checkbox.tsx | 89 +++++ akeneo-design-system/src/icons/CheckIcon.tsx | 16 + akeneo-design-system/yarn.lock | 324 +++++++++++++++++- 6 files changed, 459 insertions(+), 9 deletions(-) create mode 100644 akeneo-design-system/src/components/Checkbox/Checkbox.stories.mdx create mode 100644 akeneo-design-system/src/components/Checkbox/Checkbox.tsx create mode 100644 akeneo-design-system/src/icons/CheckIcon.tsx diff --git a/akeneo-design-system/.storybook/preview.tsx b/akeneo-design-system/.storybook/preview.tsx index 2da5ad0db47f..242fbbc6eb57 100644 --- a/akeneo-design-system/.storybook/preview.tsx +++ b/akeneo-design-system/.storybook/preview.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import {addDecorator} from '@storybook/react'; +import {addDecorator, addParameters} from '@storybook/react'; import {StoryStyle} from '../src/shared/global'; addDecorator(story => ( @@ -7,3 +7,7 @@ addDecorator(story => ( {story()} )); + +addParameters({ + viewMode: 'docs' +}) diff --git a/akeneo-design-system/package.json b/akeneo-design-system/package.json index ca201f047014..4e142f5ebe32 100644 --- a/akeneo-design-system/package.json +++ b/akeneo-design-system/package.json @@ -40,7 +40,7 @@ "@storybook/addon-actions": "^6.0.4", "@storybook/addon-essentials": "^6.0.4", "@storybook/addon-links": "^6.0.4", - "@storybook/react": "^6.0.4", + "@storybook/react": "^6.0.21", "@testing-library/jest-dom": "^5.11.3", "@testing-library/react": "^10.4.8", "@types/expect-puppeteer": "^4.4.3", diff --git a/akeneo-design-system/src/components/Checkbox/Checkbox.stories.mdx b/akeneo-design-system/src/components/Checkbox/Checkbox.stories.mdx new file mode 100644 index 000000000000..7761aa93aa0e --- /dev/null +++ b/akeneo-design-system/src/components/Checkbox/Checkbox.stories.mdx @@ -0,0 +1,31 @@ +import { useState } from 'react'; +import { Meta, Story, Preview, Props, ArgsTable, Canvas } from '@storybook/addon-docs/blocks'; +import { action } from "@storybook/addon-actions"; +import { Checkbox } from "./Checkbox.tsx"; + + + +# Checkbox + +## Playground + +Use this playground to test the checkbox component + + + + {(args) => { + return ; + }} + + + + + diff --git a/akeneo-design-system/src/components/Checkbox/Checkbox.tsx b/akeneo-design-system/src/components/Checkbox/Checkbox.tsx new file mode 100644 index 000000000000..db2dd3272c19 --- /dev/null +++ b/akeneo-design-system/src/components/Checkbox/Checkbox.tsx @@ -0,0 +1,89 @@ +import React, {FormEvent} from 'react'; +import styled, {css} from 'styled-components'; +import {CheckIcon} from '../../icons/CheckIcon'; + +/** + * @TODO use blue20 instead of #dee9f4 + * @TODO use blue40 instead of #bdd3e9 + * @TODO use blue100 instead of #5992c7 + * @TODO use grey60 instead of #f9f9fb + * @TODO use grey100 instead of #a1a9b7 + * @TODO use grey140 instead of #11324d +*/ + +const CheckboxContainer = styled.div < {checked: boolean, readOnly: boolean } > ` + background-color: transparent; + height: 20px; + width: 20px; + border: 1px solid #5992c7; + border-radius: 3px; + display: inline-block; + + ${props => + props.checked && css` + background-color: #5992c7 + ` + } + + ${props => + props.checked && props.readOnly && css` + background-color: #dee9f4 + border-color: #bdd3e9 + ` + } + + ${props => + !props.checked && props.readOnly && css` + background-color: #f9f9fb + border-color: #a1a9b7 + ` + } +`; + +const LabelContainer = styled.div < {readOnly: boolean} > ` + font-color: "#11324d"; + font-weight: 400; + font-size: 15px; + padding-left: 10px; + display: inline-block; + + ${props => + props.readOnly && ` + font-color: "#a1a9b7"; + ` + } +`; + +type CheckboxProps = { + checked: boolean, + readOnly: boolean, + label?: string, + onChange?: (value: boolean) => void, +}; + +/** + * The checkboxes are applied when users can select all, several, or none of the options from a given list. + */ +const Checkbox = ({label, checked, onChange, readOnly = false}: CheckboxProps) => { + const handleChange = (e: FormEvent) => onChange && !readOnly && onChange(!checked); + + console.log(checked); + console.log(readOnly); + + return ( + + ); +}; + +export {Checkbox}; diff --git a/akeneo-design-system/src/icons/CheckIcon.tsx b/akeneo-design-system/src/icons/CheckIcon.tsx new file mode 100644 index 000000000000..b2fbd5bea82f --- /dev/null +++ b/akeneo-design-system/src/icons/CheckIcon.tsx @@ -0,0 +1,16 @@ +import React from 'react'; + +const CheckIcon = ({number: width = 24, number: height = 24}) => ( + + + +); + +export {CheckIcon}; diff --git a/akeneo-design-system/yarn.lock b/akeneo-design-system/yarn.lock index d3b59a9c460f..6e74ec6b42be 100644 --- a/akeneo-design-system/yarn.lock +++ b/akeneo-design-system/yarn.lock @@ -1771,6 +1771,21 @@ prop-types "^15.7.2" regenerator-runtime "^0.13.3" +"@storybook/addons@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.0.21.tgz#bd5229652102c3aed59b78ef6920ff6b482b4d78" + integrity sha512-yDttNLc3vXqBxwK795ykgzTC6MpvuXDQuF4LHSlHZQe6wsMu1m3fljnbYdafJWdx6cNZwUblU3KYcR11PqhkPg== + dependencies: + "@storybook/api" "6.0.21" + "@storybook/channels" "6.0.21" + "@storybook/client-logger" "6.0.21" + "@storybook/core-events" "6.0.21" + "@storybook/router" "6.0.21" + "@storybook/theming" "6.0.21" + core-js "^3.0.1" + global "^4.3.2" + regenerator-runtime "^0.13.3" + "@storybook/addons@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.0.7.tgz#a03c578c341b10d04043cc2b5dc371dbb77fe6b3" @@ -1786,6 +1801,32 @@ global "^4.3.2" regenerator-runtime "^0.13.3" +"@storybook/api@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.0.21.tgz#a25a1eb4d07dc43500e03c856db43baba46726f1" + integrity sha512-cRRGf/KGFwYiDouTouEcDdp45N1AbYnAfvLqYZ3KuUTGZ+CiU/PN/vavkp07DQeM4FIQO8TLhzHdsLFpLT7Lkw== + dependencies: + "@reach/router" "^1.3.3" + "@storybook/channels" "6.0.21" + "@storybook/client-logger" "6.0.21" + "@storybook/core-events" "6.0.21" + "@storybook/csf" "0.0.1" + "@storybook/router" "6.0.21" + "@storybook/semver" "^7.3.2" + "@storybook/theming" "6.0.21" + "@types/reach__router" "^1.3.5" + core-js "^3.0.1" + fast-deep-equal "^3.1.1" + global "^4.3.2" + lodash "^4.17.15" + memoizerific "^1.11.3" + react "^16.8.3" + regenerator-runtime "^0.13.3" + store2 "^2.7.1" + telejson "^5.0.2" + ts-dedent "^1.1.1" + util-deprecate "^1.0.2" + "@storybook/api@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.0.7.tgz#ca10dafd9cadd374adf910b799f18393a7b8f59d" @@ -1812,6 +1853,19 @@ ts-dedent "^1.1.1" util-deprecate "^1.0.2" +"@storybook/channel-postmessage@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.0.21.tgz#97e8f43c1b66f84c7b8271e447d45d4f66d355d1" + integrity sha512-ArRnoaS+b7qpAku/SO27z/yjRDCXb37mCPYGX0ntPbiQajootUbGO7otfnjFkaP44hCEC9uDYlOfMU1hYU1N6A== + dependencies: + "@storybook/channels" "6.0.21" + "@storybook/client-logger" "6.0.21" + "@storybook/core-events" "6.0.21" + core-js "^3.0.1" + global "^4.3.2" + qs "^6.6.0" + telejson "^5.0.2" + "@storybook/channel-postmessage@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.0.7.tgz#798f422e067440ce6ee7e6ea59dcf9799f8a61d2" @@ -1825,6 +1879,15 @@ qs "^6.6.0" telejson "^5.0.2" +"@storybook/channels@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.0.21.tgz#bc0951efacbaa5f8827693fba4fe7c2290b5772c" + integrity sha512-G6gjcEotSwDmOlxSmOMgsO3VhQ42RLJK7kFp6D5eg0Q6S8vsypltdT8orxdu+6+AbcBrL+5Sla8lThzaCvXsVQ== + dependencies: + core-js "^3.0.1" + ts-dedent "^1.1.1" + util-deprecate "^1.0.2" + "@storybook/channels@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.0.7.tgz#925ffee77bb7d9d120b349e7144b1fbeb299d8b0" @@ -1834,6 +1897,29 @@ ts-dedent "^1.1.1" util-deprecate "^1.0.2" +"@storybook/client-api@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.0.21.tgz#6a652dea67d219a31d18af0e05b9f17ba6c7c316" + integrity sha512-emBXd/ml6pc3G8gP3MsR9zQsAq1zZbqof9MxB51tG/jpTXdqWQ8ce1pt1tJS8Xj0QDM072jR6wsY+mmro0GZnA== + dependencies: + "@storybook/addons" "6.0.21" + "@storybook/channel-postmessage" "6.0.21" + "@storybook/channels" "6.0.21" + "@storybook/client-logger" "6.0.21" + "@storybook/core-events" "6.0.21" + "@storybook/csf" "0.0.1" + "@types/qs" "^6.9.0" + "@types/webpack-env" "^1.15.2" + core-js "^3.0.1" + global "^4.3.2" + lodash "^4.17.15" + memoizerific "^1.11.3" + qs "^6.6.0" + stable "^0.1.8" + store2 "^2.7.1" + ts-dedent "^1.1.1" + util-deprecate "^1.0.2" + "@storybook/client-api@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.0.7.tgz#e4ad70085cdd5bd11b56c59d6b30438a5ba0ca98" @@ -1857,6 +1943,14 @@ ts-dedent "^1.1.1" util-deprecate "^1.0.2" +"@storybook/client-logger@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.0.21.tgz#20369addf9eb79fc0c85a2e0dcb48f5a1a544532" + integrity sha512-8aUEbhjXV+UMYQWukVYnp+kZafF+LD4Dm7eMo37IUZvt3VIjV1VvhxIDVJtqjk2vv0KZTepESFBkZQLmBzI9Zg== + dependencies: + core-js "^3.0.1" + global "^4.3.2" + "@storybook/client-logger@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.0.7.tgz#817dcff78f93fcf81a6997716f2c4a0dd5e00741" @@ -1865,6 +1959,34 @@ core-js "^3.0.1" global "^4.3.2" +"@storybook/components@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.0.21.tgz#2f355370f993e0b7b9062094a03dffc2cdda91db" + integrity sha512-r6btqFW/rcXIU5v231EifZfdh9O0fy7bJDXwwDf8zVUgLx8JRc0VnSs3nvK3Is9HF1wZ9vjx/7Lh4rTIDZAjgg== + dependencies: + "@storybook/client-logger" "6.0.21" + "@storybook/csf" "0.0.1" + "@storybook/theming" "6.0.21" + "@types/overlayscrollbars" "^1.9.0" + "@types/react-color" "^3.0.1" + "@types/react-syntax-highlighter" "11.0.4" + core-js "^3.0.1" + fast-deep-equal "^3.1.1" + global "^4.3.2" + lodash "^4.17.15" + markdown-to-jsx "^6.11.4" + memoizerific "^1.11.3" + overlayscrollbars "^1.10.2" + polished "^3.4.4" + popper.js "^1.14.7" + react "^16.8.3" + react-color "^2.17.0" + react-dom "^16.8.3" + react-popper-tooltip "^2.11.0" + react-syntax-highlighter "^12.2.1" + react-textarea-autosize "^8.1.1" + ts-dedent "^1.1.1" + "@storybook/components@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.0.7.tgz#255b5dee22769182b9a38dc32d79fcbd4728db57" @@ -1893,6 +2015,13 @@ react-textarea-autosize "^8.1.1" ts-dedent "^1.1.1" +"@storybook/core-events@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.0.21.tgz#2ce51e6d7524e7543dbb29571beac1dbeb4e5f40" + integrity sha512-p84fbPcsAhnqDhp+HJ4P8+vI2BqJus4IRoVAemLAwuPjyPElrV9UvOa/RHy1BN8Z6jXwFA+FFzfGl2kPJ3WYcA== + dependencies: + core-js "^3.0.1" + "@storybook/core-events@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.0.7.tgz#b1ab36a4212ac4e975408d4aea32fe9d33bed07e" @@ -1900,6 +2029,109 @@ dependencies: core-js "^3.0.1" +"@storybook/core@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.0.21.tgz#105c2b90ab27e7b478cb1b7d10e9fe5aba5e0708" + integrity sha512-/Et5NLabB12dnuPdhHDA/Q1pj0Mm2DGdL3KiLO4IC2VZeICCLGmU3/EGJBgjLK+anQ59pkclOiQ8i9eMXFiJ6A== + dependencies: + "@babel/plugin-proposal-class-properties" "^7.8.3" + "@babel/plugin-proposal-decorators" "^7.8.3" + "@babel/plugin-proposal-export-default-from" "^7.8.3" + "@babel/plugin-proposal-nullish-coalescing-operator" "^7.10.1" + "@babel/plugin-proposal-object-rest-spread" "^7.9.6" + "@babel/plugin-proposal-optional-chaining" "^7.10.1" + "@babel/plugin-proposal-private-methods" "^7.8.3" + "@babel/plugin-syntax-dynamic-import" "^7.8.3" + "@babel/plugin-transform-arrow-functions" "^7.8.3" + "@babel/plugin-transform-block-scoping" "^7.8.3" + "@babel/plugin-transform-classes" "^7.9.5" + "@babel/plugin-transform-destructuring" "^7.9.5" + "@babel/plugin-transform-for-of" "^7.9.0" + "@babel/plugin-transform-parameters" "^7.9.5" + "@babel/plugin-transform-shorthand-properties" "^7.8.3" + "@babel/plugin-transform-spread" "^7.8.3" + "@babel/plugin-transform-template-literals" "^7.8.3" + "@babel/preset-env" "^7.9.6" + "@babel/preset-react" "^7.8.3" + "@babel/preset-typescript" "^7.9.0" + "@babel/register" "^7.10.5" + "@storybook/addons" "6.0.21" + "@storybook/api" "6.0.21" + "@storybook/channel-postmessage" "6.0.21" + "@storybook/channels" "6.0.21" + "@storybook/client-api" "6.0.21" + "@storybook/client-logger" "6.0.21" + "@storybook/components" "6.0.21" + "@storybook/core-events" "6.0.21" + "@storybook/csf" "0.0.1" + "@storybook/node-logger" "6.0.21" + "@storybook/router" "6.0.21" + "@storybook/semver" "^7.3.2" + "@storybook/theming" "6.0.21" + "@storybook/ui" "6.0.21" + "@types/glob-base" "^0.3.0" + "@types/micromatch" "^4.0.1" + "@types/node-fetch" "^2.5.4" + airbnb-js-shims "^2.2.1" + ansi-to-html "^0.6.11" + autoprefixer "^9.7.2" + babel-loader "^8.0.6" + babel-plugin-emotion "^10.0.20" + babel-plugin-macros "^2.8.0" + babel-preset-minify "^0.5.0 || 0.6.0-alpha.5" + better-opn "^2.0.0" + boxen "^4.1.0" + case-sensitive-paths-webpack-plugin "^2.2.0" + chalk "^4.0.0" + cli-table3 "0.6.0" + commander "^5.0.0" + core-js "^3.0.1" + css-loader "^3.5.3" + detect-port "^1.3.0" + dotenv-webpack "^1.7.0" + ejs "^3.1.2" + express "^4.17.0" + file-loader "^6.0.0" + file-system-cache "^1.0.5" + find-up "^4.1.0" + fork-ts-checker-webpack-plugin "^4.1.4" + fs-extra "^9.0.0" + glob "^7.1.6" + glob-base "^0.3.0" + glob-promise "^3.4.0" + global "^4.3.2" + html-webpack-plugin "^4.2.1" + inquirer "^7.0.0" + interpret "^2.0.0" + ip "^1.1.5" + json5 "^2.1.1" + lazy-universal-dotenv "^3.0.1" + micromatch "^4.0.2" + node-fetch "^2.6.0" + pkg-dir "^4.2.0" + pnp-webpack-plugin "1.6.4" + postcss-flexbugs-fixes "^4.1.0" + postcss-loader "^3.0.0" + pretty-hrtime "^1.0.3" + qs "^6.6.0" + raw-loader "^4.0.1" + react-dev-utils "^10.0.0" + regenerator-runtime "^0.13.3" + resolve-from "^5.0.0" + serve-favicon "^2.5.0" + shelljs "^0.8.3" + stable "^0.1.8" + style-loader "^1.2.1" + terser-webpack-plugin "^3.0.0" + ts-dedent "^1.1.1" + unfetch "^4.1.0" + url-loader "^4.0.0" + util-deprecate "^1.0.2" + webpack "^4.43.0" + webpack-dev-middleware "^3.7.0" + webpack-hot-middleware "^2.25.0" + webpack-virtual-modules "^0.2.2" + "@storybook/core@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.0.7.tgz#5086f93a53010a033ff68353f26953fb202dc128" @@ -2010,6 +2242,17 @@ dependencies: lodash "^4.17.15" +"@storybook/node-logger@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.0.21.tgz#5b8ba589d5cca6a67c69ee8f5258755b7e1dbc08" + integrity sha512-KRBf+Fz7fgtwHdnYt70JTZbcYMZ1pQPtDyqbrFYCjwkbx5GPX5vMOozlxCIj9elseqPIsF8CKgHOW7cFHVyWYw== + dependencies: + "@types/npmlog" "^4.1.2" + chalk "^4.0.0" + core-js "^3.0.1" + npmlog "^4.1.2" + pretty-hrtime "^1.0.3" + "@storybook/node-logger@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.0.7.tgz#76638f6886e2e02e90c83d76ca14003c63b0f2fc" @@ -2028,16 +2271,16 @@ dependencies: core-js "^3.0.1" -"@storybook/react@^6.0.4": - version "6.0.7" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.0.7.tgz#e9fbd21aefce9b7df1197fb17a2338a3578eebd4" - integrity sha512-aU0C8vs8VvkVLjAz5vAf3Nh6fKGq4P6/8hqbppvVd+bjKnH4WppsqsJhD2a/NrvTnRD35Z9myKqyDQP8aRSysQ== +"@storybook/react@^6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.0.21.tgz#68f8a318e9940305b06eb894896624a35a9868b0" + integrity sha512-L3PcoBJq5aK1aTaJNfwsSJ8Kxgcyk0WknN4TDqhP7a+oXmuMY1YEi96hEvQVIm0TBCkQxs61K70/T7vlilEtHg== dependencies: "@babel/preset-flow" "^7.0.0" "@babel/preset-react" "^7.0.0" - "@storybook/addons" "6.0.7" - "@storybook/core" "6.0.7" - "@storybook/node-logger" "6.0.7" + "@storybook/addons" "6.0.21" + "@storybook/core" "6.0.21" + "@storybook/node-logger" "6.0.21" "@storybook/semver" "^7.3.2" "@svgr/webpack" "^5.4.0" "@types/webpack-env" "^1.15.2" @@ -2054,6 +2297,18 @@ ts-dedent "^1.1.1" webpack "^4.43.0" +"@storybook/router@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.0.21.tgz#0f22261d4782c72a5a13e80cfcd8d50aed1f98c6" + integrity sha512-46SsKJfcd12lRrISnfrWhicJx8EylkgGDGohfH0n5p7inkkGOkKV8QFZoYPRKZueMXmUKpzJ0Z3HmVsLTCrCDw== + dependencies: + "@reach/router" "^1.3.3" + "@types/reach__router" "^1.3.5" + core-js "^3.0.1" + global "^4.3.2" + memoizerific "^1.11.3" + qs "^6.6.0" + "@storybook/router@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.0.7.tgz#3603e78abf84ecf446c961bf270d66472d48c862" @@ -2090,6 +2345,24 @@ prettier "^2.0.5" regenerator-runtime "^0.13.3" +"@storybook/theming@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.0.21.tgz#d56051c0b8679c2b701ce08385660ab4146cf15f" + integrity sha512-n97DfB9kG6WrV1xBGDyeQibTrh8pBBCp3dSL3UTGH+KX3C2+4sm6QHlTgyekbi5FrbFEbnuZOKAS3YbLVONsRQ== + dependencies: + "@emotion/core" "^10.0.20" + "@emotion/is-prop-valid" "^0.8.6" + "@emotion/styled" "^10.0.17" + "@storybook/client-logger" "6.0.21" + core-js "^3.0.1" + deep-object-diff "^1.1.0" + emotion-theming "^10.0.19" + global "^4.3.2" + memoizerific "^1.11.3" + polished "^3.4.4" + resolve-from "^5.0.0" + ts-dedent "^1.1.1" + "@storybook/theming@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.0.7.tgz#ce4cfbe691efea3812c11b57a5c8ca6472a7c602" @@ -2108,6 +2381,43 @@ resolve-from "^5.0.0" ts-dedent "^1.1.1" +"@storybook/ui@6.0.21": + version "6.0.21" + resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.0.21.tgz#5dac2b68a30f5dba5457e0315f58977e07138968" + integrity sha512-50QYF8tHUgpVq7B7PWp7kmyf79NySWJO0piQFjHv027vV8GfbXMWVswAXwo3IfCihPlnLKe01WbsigM/9T1HCQ== + dependencies: + "@emotion/core" "^10.0.20" + "@storybook/addons" "6.0.21" + "@storybook/api" "6.0.21" + "@storybook/channels" "6.0.21" + "@storybook/client-logger" "6.0.21" + "@storybook/components" "6.0.21" + "@storybook/core-events" "6.0.21" + "@storybook/router" "6.0.21" + "@storybook/semver" "^7.3.2" + "@storybook/theming" "6.0.21" + "@types/markdown-to-jsx" "^6.11.0" + copy-to-clipboard "^3.0.8" + core-js "^3.0.1" + core-js-pure "^3.0.1" + emotion-theming "^10.0.19" + fuse.js "^3.6.1" + global "^4.3.2" + lodash "^4.17.15" + markdown-to-jsx "^6.11.4" + memoizerific "^1.11.3" + polished "^3.4.4" + qs "^6.6.0" + react "^16.8.3" + react-dom "^16.8.3" + react-draggable "^4.0.3" + react-helmet-async "^1.0.2" + react-hotkeys "2.0.0" + react-sizeme "^2.6.7" + regenerator-runtime "^0.13.3" + resolve-from "^5.0.0" + store2 "^2.7.1" + "@storybook/ui@6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.0.7.tgz#4dfcb8722913046dd998d1784b7fb0b32c126236"