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"