From 5f08570483ef733facb572f2ef7b3fc7d4929118 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Mon, 31 May 2021 20:57:51 +0530 Subject: [PATCH 01/42] =?UTF-8?q?feat=E2=9C=A8:=20Completed=20contained=20?= =?UTF-8?q?button=20styling?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .eslintrc | 7 + .prettierrc | 5 + .storybook/main.js | 20 + .storybook/preview.js | 21 + .vscode/launch.json | 15 + .vscode/settings.json | 4 + package.json | 47 +- src/App.css | 38 - src/App.test.tsx | 9 - src/App.tsx | 26 - src/components/ThemeProvider.tsx | 20 + src/components/button/button.stories.tsx | 29 + src/components/button/button.tsx | 123 + src/components/button/index.ts | 4 + src/components/button/styled-button.ts | 85 + src/components/index.ts | 1 + src/config/global.styles.ts | 12 + src/config/index.ts | 2 + src/config/sizes.ts | 1 + src/config/theme.ts | 68 + src/index.css | 13 - src/index.tsx | 18 +- src/reportWebVitals.ts | 15 - src/stories/assets/code-brackets.svg | 1 + src/stories/assets/colors.svg | 1 + src/stories/assets/comments.svg | 1 + src/stories/assets/direction.svg | 1 + src/stories/assets/flow.svg | 1 + src/stories/assets/plugin.svg | 1 + src/stories/assets/repo.svg | 1 + src/stories/assets/stackalt.svg | 1 + src/stories/button.css | 30 + yarn.lock | 5799 +++++++++++++++++----- 33 files changed, 4936 insertions(+), 1484 deletions(-) create mode 100644 .eslintrc create mode 100644 .prettierrc create mode 100644 .storybook/main.js create mode 100644 .storybook/preview.js create mode 100644 .vscode/launch.json create mode 100644 .vscode/settings.json delete mode 100644 src/App.css delete mode 100644 src/App.test.tsx delete mode 100644 src/App.tsx create mode 100644 src/components/ThemeProvider.tsx create mode 100644 src/components/button/button.stories.tsx create mode 100644 src/components/button/button.tsx create mode 100644 src/components/button/index.ts create mode 100644 src/components/button/styled-button.ts create mode 100644 src/components/index.ts create mode 100644 src/config/global.styles.ts create mode 100644 src/config/index.ts create mode 100644 src/config/sizes.ts create mode 100644 src/config/theme.ts delete mode 100644 src/index.css delete mode 100644 src/reportWebVitals.ts create mode 100644 src/stories/assets/code-brackets.svg create mode 100644 src/stories/assets/colors.svg create mode 100644 src/stories/assets/comments.svg create mode 100644 src/stories/assets/direction.svg create mode 100644 src/stories/assets/flow.svg create mode 100644 src/stories/assets/plugin.svg create mode 100644 src/stories/assets/repo.svg create mode 100644 src/stories/assets/stackalt.svg create mode 100644 src/stories/button.css diff --git a/.eslintrc b/.eslintrc new file mode 100644 index 0000000..b7d9d72 --- /dev/null +++ b/.eslintrc @@ -0,0 +1,7 @@ +{ + "extends": ["react-app", "prettier"], + "plugins": ["prettier"], + "rules": { + "prettier/prettier": "warn" + } + } \ No newline at end of file diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..c76115a --- /dev/null +++ b/.prettierrc @@ -0,0 +1,5 @@ +{ + "singleQuote": true, + "trailingComma": "es5", + "tabWidth": 4 + } \ No newline at end of file diff --git a/.storybook/main.js b/.storybook/main.js new file mode 100644 index 0000000..ef58082 --- /dev/null +++ b/.storybook/main.js @@ -0,0 +1,20 @@ +module.exports = { + "stories": [ + "../src/**/*.stories.mdx", + "../src/**/*.stories.@(js|jsx|ts|tsx)" + ], + "addons": [ + "@storybook/addon-links", + "@storybook/addon-essentials", + "@storybook/preset-create-react-app" + ], + typescript: { + check: false, + checkOptions: {}, + reactDocgen: 'react-docgen-typescript', + reactDocgenTypescriptOptions: { + shouldExtractLiteralValuesFromEnum: true, + propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true), + }, + }, +} \ No newline at end of file diff --git a/.storybook/preview.js b/.storybook/preview.js new file mode 100644 index 0000000..9b25def --- /dev/null +++ b/.storybook/preview.js @@ -0,0 +1,21 @@ +import React from 'react'; +import ThemeProvider from '../src/components/ThemeProvider'; + +export const parameters = { + actions: { argTypesRegex: "^on[A-Z].*" }, + controls: { + matchers: { + color: /(background|color)$/i, + date: /Date$/, + }, + }, +} + + +export const decorators = [ + (Story) => ( + + + + ), +]; diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..8bd51ee --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + "version": "0.2.0", + "configurations": [ + { + "name": "Chrome", + "type": "chrome", + "request": "launch", + "url": "http://localhost:3000", + "webRoot": "${workspaceFolder}/src", + "sourceMapPathOverrides": { + "webpack:///src/*": "${webRoot}/*" + } + } + ] +} diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..700e3b6 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,4 @@ +{ + "editor.formatOnSave": true, + "prettier.useTabs": true +} diff --git a/package.json b/package.json index f1ed003..4689c14 100644 --- a/package.json +++ b/package.json @@ -3,29 +3,37 @@ "version": "0.1.0", "private": true, "dependencies": { - "@testing-library/jest-dom": "^5.11.4", - "@testing-library/react": "^11.1.0", - "@testing-library/user-event": "^12.1.10", - "@types/jest": "^26.0.15", - "@types/node": "^12.0.0", - "@types/react": "^17.0.0", - "@types/react-dom": "^17.0.0", + "@types/lodash": "^4.14.170", + "lodash": "^4.17.21", + "prop-types": "^15.7.2", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "4.0.3", - "typescript": "^4.1.2", + "styled-components": "^5.3.0", "web-vitals": "^1.0.1" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", - "eject": "react-scripts eject" + "eject": "react-scripts eject", + "storybook": "start-storybook -p 6006 -s public", + "build-storybook": "build-storybook -s public" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" + ], + "overrides": [ + { + "files": [ + "**/*.stories.*" + ], + "rules": { + "import/no-anonymous-default-export": "off" + } + } ] }, "browserslist": { @@ -39,5 +47,26 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "@storybook/addon-actions": "^6.2.9", + "@storybook/addon-essentials": "^6.2.9", + "@storybook/addon-links": "^6.2.9", + "@storybook/node-logger": "^6.2.9", + "@storybook/preset-create-react-app": "^3.1.7", + "@storybook/react": "^6.2.9", + "@testing-library/jest-dom": "^5.11.4", + "@testing-library/react": "^11.1.0", + "@testing-library/user-event": "^12.1.10", + "@types/jest": "^26.0.15", + "@types/node": "^12.0.0", + "@types/prop-types": "^15.7.3", + "@types/react": "^17.0.0", + "@types/react-dom": "^17.0.0", + "@types/styled-components": "^5.1.9", + "eslint-config-prettier": "^8.3.0", + "eslint-plugin-prettier": "^3.4.0", + "prettier": "2.3.0", + "typescript": "^4.1.2" } } diff --git a/src/App.css b/src/App.css deleted file mode 100644 index 74b5e05..0000000 --- a/src/App.css +++ /dev/null @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/src/App.test.tsx b/src/App.test.tsx deleted file mode 100644 index 2a68616..0000000 --- a/src/App.test.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react'; -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/src/App.tsx b/src/App.tsx deleted file mode 100644 index a53698a..0000000 --- a/src/App.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react'; -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( -
-
- logo -

- Edit src/App.tsx and save to reload. -

- - Learn React - -
-
- ); -} - -export default App; diff --git a/src/components/ThemeProvider.tsx b/src/components/ThemeProvider.tsx new file mode 100644 index 0000000..23fce98 --- /dev/null +++ b/src/components/ThemeProvider.tsx @@ -0,0 +1,20 @@ +import React from "react"; +import { ThemeProvider as StyledComponentsThemeProvider } from "styled-components"; +import _ from "lodash"; +import { defaultTheme } from "../config"; + +const ThemeProvider = ({ theme: parsedTheme, children }) => { + const theme = _.assign(defaultTheme, parsedTheme); + + return ( + + {children} + + ); +}; + +// ThemeProvider.propTypes ={ +// theme?: PropTypes. +// } + +export default ThemeProvider; \ No newline at end of file diff --git a/src/components/button/button.stories.tsx b/src/components/button/button.stories.tsx new file mode 100644 index 0000000..90666a1 --- /dev/null +++ b/src/components/button/button.stories.tsx @@ -0,0 +1,29 @@ +import { Story, Meta } from '@storybook/react'; + +import Button, { ButtonProps } from './button'; + +export default { + title: 'Example/Button', + component: Button, + argTypes: { + color: { + options: ['primary', 'secondary', 'error', 'warning', 'info'], + control: { type: 'radio' }, + }, + varient: { + options: ['contained', 'text', 'outlined'], + control: { type: 'radio' }, + }, + }, +} as Meta; + +const Template: Story = (args) => +
+ + This is a test alert in the background to check for modal + +
+ + This is a test alert in the background to check for modal + +
+ + This is a test alert in the background to check for modal + +
+ + This is a test alert in the background to check for modal + +
+ + This is a test alert in the background to check for modal + +
+ setOpen(false)}> +

This is modal heading

+
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. A + ab aliquid consequuntur culpa cum delectus, earum error esse + id ipsum nostrum odit quae quasi, ratione reiciendis sequi + sit tenetur unde. +

+ + + ); +}; + +export const Default = Template.bind({}); diff --git a/src/components/modal/modal.styled.ts b/src/components/modal/modal.styled.ts new file mode 100644 index 0000000..7637b07 --- /dev/null +++ b/src/components/modal/modal.styled.ts @@ -0,0 +1,34 @@ +import styled from 'styled-components'; + +export type StyledModalProps = { + width?: string; +}; + +// ToDo: add some animation here for smooth popup of modal + +export const StyledModalWrapper = styled.div` + position: fixed; + width: 100vw; + height: 100vh; + top: 0; + left: 0; + background: ${(pr) => pr.theme.disabledBackground}; + z-index: 100; + display: flex; + align-items: center; + justify-content: center; +`; + +export const StyledModal = styled.div` + position: absolute; + top: 50%; + left: 50%; + width: ${(pr) => pr.width}; + background: white; + padding: 2rem; + transform: translate(-50%, -50%); + border-radius: 0.25rem; + border: 1px solid black; + box-shadow: rgb(0 0 0 / 20%) 0 11px 15px -7px, + rgb(0 0 0 / 14%) 0px 24px 38px 3px, rgb(0 0 0 / 12%) 0px 9px 46px 8px; +`; diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx new file mode 100644 index 0000000..7d6f9b9 --- /dev/null +++ b/src/components/modal/modal.tsx @@ -0,0 +1,31 @@ +import React, { useEffect } from 'react'; +import { StyledModal, StyledModalWrapper } from './modal.styled'; + +export type ModalProps = { + open: boolean; + onClose: () => void; + closeIcon?: boolean; + width?: string; +}; + +const Modal: React.FC = (props) => { + const { open, onClose, children, width } = props; + + useEffect(() => { + if (open) { + document.body.style.overflow = 'hidden'; + } else document.body.style.overflow = 'initial'; + }, [open]); + + if (!open) { + return null; + } + return ( + + e.stopPropagation()}> + {children} + + + ); +}; +export default Modal; From 63b6695b4fa8fc089687248bcbdf2f32de67446f Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Wed, 30 Jun 2021 15:17:15 +0530 Subject: [PATCH 17/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20close=20icon?= =?UTF-8?q?=20to=20modal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 10 +- src/components/modal/modal.styled.ts | 8 + src/components/modal/modal.tsx | 18 +- yarn.lock | 557 +++++++++++++++++---------- 4 files changed, 370 insertions(+), 223 deletions(-) diff --git a/package.json b/package.json index 9a979e2..c843a49 100644 --- a/package.json +++ b/package.json @@ -48,12 +48,12 @@ ] }, "devDependencies": { - "@storybook/addon-actions": "^6.3.0", - "@storybook/addon-essentials": "^6.3.0", - "@storybook/addon-links": "^6.3.0", - "@storybook/node-logger": "^6.3.0", + "@storybook/addon-actions": "^6.3.1", + "@storybook/addon-essentials": "^6.3.1", + "@storybook/addon-links": "^6.3.1", + "@storybook/node-logger": "^6.3.1", "@storybook/preset-create-react-app": "^3.1.7", - "@storybook/react": "^6.3.0", + "@storybook/react": "^6.3.1", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", diff --git a/src/components/modal/modal.styled.ts b/src/components/modal/modal.styled.ts index 7637b07..3be9c64 100644 --- a/src/components/modal/modal.styled.ts +++ b/src/components/modal/modal.styled.ts @@ -1,4 +1,5 @@ import styled from 'styled-components'; +import { Icon } from '../icon'; export type StyledModalProps = { width?: string; @@ -32,3 +33,10 @@ export const StyledModal = styled.div` box-shadow: rgb(0 0 0 / 20%) 0 11px 15px -7px, rgb(0 0 0 / 14%) 0px 24px 38px 3px, rgb(0 0 0 / 12%) 0px 9px 46px 8px; `; + +export const StyledCloseIcon = styled(Icon)` + position: absolute; + top: 0.5rem; + right: 0.5rem; + cursor: pointer; +`; diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx index 7d6f9b9..03c8bc1 100644 --- a/src/components/modal/modal.tsx +++ b/src/components/modal/modal.tsx @@ -1,15 +1,20 @@ -import React, { useEffect } from 'react'; -import { StyledModal, StyledModalWrapper } from './modal.styled'; +import React, { ReactNode, useEffect } from 'react'; +import { + StyledCloseIcon, + StyledModal, + StyledModalWrapper, +} from './modal.styled'; +import { MdClose } from 'react-icons/all'; export type ModalProps = { open: boolean; onClose: () => void; - closeIcon?: boolean; + closeIcon?: ReactNode | 'none'; width?: string; }; const Modal: React.FC = (props) => { - const { open, onClose, children, width } = props; + const { open, onClose, children, width, closeIcon = } = props; useEffect(() => { if (open) { @@ -23,6 +28,11 @@ const Modal: React.FC = (props) => { return ( e.stopPropagation()}> + {closeIcon !== 'none' && ( + + {closeIcon} + + )} {children} diff --git a/yarn.lock b/yarn.lock index fa8f0ba..763e3c0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1853,17 +1853,17 @@ dependencies: "@sinonjs/commons" "^1.7.0" -"@storybook/addon-actions@6.3.0", "@storybook/addon-actions@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.0.tgz#e5a24c69d70da9aa98560f19d10c06a50495ca2e" - integrity sha512-7Ls1OIAdtAa4a27/bTuAlejQee4j7bFBkRzAeaHzcaZT1VVXoF6yBfMGuEGJI8brQ+KuSaIhIU2b0Iuzq47dDQ== - dependencies: - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/client-api" "6.3.0" - "@storybook/components" "6.3.0" - "@storybook/core-events" "6.3.0" - "@storybook/theming" "6.3.0" +"@storybook/addon-actions@6.3.1", "@storybook/addon-actions@^6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.1.tgz#b483e1c2cf5c77b8b750fb8d03a3f7defc4adc98" + integrity sha512-85gJI6Rl9Ig236pAD3e/315VN3htD8YJEBL8b6EI6Npi6ga4vtjvXPKh7wsXW6QI6am5msN/lhnHDSlJWWAvGg== + dependencies: + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/client-api" "6.3.1" + "@storybook/components" "6.3.1" + "@storybook/core-events" "6.3.1" + "@storybook/theming" "6.3.1" core-js "^3.8.2" fast-deep-equal "^3.1.3" global "^4.4.0" @@ -1876,17 +1876,17 @@ util-deprecate "^1.0.2" uuid-browser "^3.1.0" -"@storybook/addon-backgrounds@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.3.0.tgz#0562ec41ffff479803bd4b8a9d17abea2d6d6cdd" - integrity sha512-MzqD94IDfJ9oipFKMLoJhf3zTxqQ0DVfsWXGV1o2nslg8gZFFH04yXex2kVuTiHYCuaLxfk/wnlpSyzqX2+CZQ== - dependencies: - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/components" "6.3.0" - "@storybook/core-events" "6.3.0" - "@storybook/theming" "6.3.0" +"@storybook/addon-backgrounds@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.3.1.tgz#710703d13577213688cc509cfd8a884bb8353fe1" + integrity sha512-bgH2yX5Uc2T0CXu+X9/x67gFjYgyn3OHvJ0CmmUOwT/Up3guGqsv4AiAaDoC+MFiBDw/UP8cRtXPgNUVA4vAaA== + dependencies: + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/components" "6.3.1" + "@storybook/core-events" "6.3.1" + "@storybook/theming" "6.3.1" core-js "^3.8.2" global "^4.4.0" memoizerific "^1.11.3" @@ -1894,24 +1894,24 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-controls@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.3.0.tgz#30275b9508a4d1acd1f3fa8f7dd432be629c3fec" - integrity sha512-caiWFJ/iCdZPHI5rwk26fAQsf8QI7WXIoB850SYVDhkIirzJVZjugvwgrqgTfVf2Z5dWOe9aceroC9rBClHAlQ== - dependencies: - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/client-api" "6.3.0" - "@storybook/components" "6.3.0" - "@storybook/node-logger" "6.3.0" - "@storybook/theming" "6.3.0" +"@storybook/addon-controls@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.3.1.tgz#578a767d3f7cd0dd2f8c8f76e8eeaa0e59ca4369" + integrity sha512-mrE+EqKGQ8E93C6KI4E1jLnzpzK9LfnTumhRfrI99L23Q74W7otAA+Qc3PQQqc9bCSN0Ma6NPacDzwANo2HDIg== + dependencies: + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/client-api" "6.3.1" + "@storybook/components" "6.3.1" + "@storybook/node-logger" "6.3.1" + "@storybook/theming" "6.3.1" core-js "^3.8.2" ts-dedent "^2.0.0" -"@storybook/addon-docs@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.0.tgz#b8b7f3b8a38d78b7c63ba2aa9b87bf078e8e942b" - integrity sha512-FpANy+7J3jpoxUoMfqwAetMatwbxQctOwN+Eh95uwQWYRZwsNHqdTv72/rtHiWR9wMaYThok5vqYHFvCpQTVPw== +"@storybook/addon-docs@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.1.tgz#b944b0c211e41ad246f81b2de6abdd9cd04b793e" + integrity sha512-JXElpjq7f67deSTXXwkp3NWJ9ybuCHuHOh6muHy8PPoo5h2gfhJRtp/b8+KV8Zj0bTVZL+ihZ0/EHz2D0bIs6w== dependencies: "@babel/core" "^7.12.10" "@babel/generator" "^7.12.11" @@ -1922,20 +1922,20 @@ "@mdx-js/loader" "^1.6.22" "@mdx-js/mdx" "^1.6.22" "@mdx-js/react" "^1.6.22" - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/builder-webpack4" "6.3.0" - "@storybook/client-api" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/components" "6.3.0" - "@storybook/core" "6.3.0" - "@storybook/core-events" "6.3.0" + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/builder-webpack4" "6.3.1" + "@storybook/client-api" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/components" "6.3.1" + "@storybook/core" "6.3.1" + "@storybook/core-events" "6.3.1" "@storybook/csf" "0.0.1" - "@storybook/csf-tools" "6.3.0" - "@storybook/node-logger" "6.3.0" - "@storybook/postinstall" "6.3.0" - "@storybook/source-loader" "6.3.0" - "@storybook/theming" "6.3.0" + "@storybook/csf-tools" "6.3.1" + "@storybook/node-logger" "6.3.1" + "@storybook/postinstall" "6.3.1" + "@storybook/source-loader" "6.3.1" + "@storybook/theming" "6.3.1" acorn "^7.4.1" acorn-jsx "^5.3.1" acorn-walk "^7.2.0" @@ -1958,36 +1958,36 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-essentials@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.3.0.tgz#8b0329042e0f25192c04c78eac5c38d4d8259a62" - integrity sha512-8ejOP3l4UC2utDbcq8QUQ2nOqAOzL9ri20So5qrlTuBPtMmSNUea7p5yAGB0GOJ9j96k3pS2nU1/dlEqepo5nA== - dependencies: - "@storybook/addon-actions" "6.3.0" - "@storybook/addon-backgrounds" "6.3.0" - "@storybook/addon-controls" "6.3.0" - "@storybook/addon-docs" "6.3.0" - "@storybook/addon-measure" "^1.2.3" - "@storybook/addon-toolbars" "6.3.0" - "@storybook/addon-viewport" "6.3.0" - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/node-logger" "6.3.0" +"@storybook/addon-essentials@^6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.3.1.tgz#c89bc1dd4a270321c875fe39641bb4b8cc7b89cd" + integrity sha512-p3InmICgqDevdoETir0zv+f3j5pIO2x1LhZOWVdguGxe0oh72m9I3RrfqO43z9jjZLXvw9t47XvwoMDle83Qow== + dependencies: + "@storybook/addon-actions" "6.3.1" + "@storybook/addon-backgrounds" "6.3.1" + "@storybook/addon-controls" "6.3.1" + "@storybook/addon-docs" "6.3.1" + "@storybook/addon-measure" "^1.3.1" + "@storybook/addon-toolbars" "6.3.1" + "@storybook/addon-viewport" "6.3.1" + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/node-logger" "6.3.1" core-js "^3.8.2" regenerator-runtime "^0.13.7" - storybook-addon-outline "^1.3.3" + storybook-addon-outline "^1.4.0" ts-dedent "^2.0.0" -"@storybook/addon-links@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.0.tgz#09a1cb42ee23613e32c0e6b0a2eabe401912a154" - integrity sha512-Q5rGj5lMhjB3LK/fvXwFS3o184hYzSUFC+99dbM1zeAhVIfFDUuETCckEsTI7gc9lt/5vWOjHF98KNk77PvhiA== +"@storybook/addon-links@^6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.1.tgz#2a6e9e241a27ccdc269c7d5a71a4735cafd2c418" + integrity sha512-zB8KVHSy+Ka4S87r36PMBKXZ7ZEC4td1OD2IFbdAXuhOnlR1OaRmoAhwJAsK3rjhS4uJvvtVj4CD3XTJ9qXEIw== dependencies: - "@storybook/addons" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/core-events" "6.3.0" + "@storybook/addons" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/core-events" "6.3.1" "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.0" + "@storybook/router" "6.3.1" "@types/qs" "^6.9.5" core-js "^3.8.2" global "^4.4.0" @@ -1996,42 +1996,57 @@ regenerator-runtime "^0.13.7" ts-dedent "^2.0.0" -"@storybook/addon-measure@^1.2.3": +"@storybook/addon-measure@^1.3.1": version "1.3.1" resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-1.3.1.tgz#a85b35a73ce9587d54d35e18307eeeb82f509534" integrity sha512-OTTbVOs/85zP5MzAMAAs/IyS3MNegSMvvGOzBRsX/7GBxhtjkrryamDkVr9py3JqPwRSndwwB7y0ZwWmf/9KJw== -"@storybook/addon-toolbars@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.3.0.tgz#5e5837812c7ba94e4d5be3b02b0f915a33b4f98b" - integrity sha512-E0LwAaoWNtmPfMq9GbySsK2ZdXlPf9gJQD1uI3KXbcaGBhtY136QmZS+VpUmPfilplrYJ2G6GAQoPHrIPUf1VQ== +"@storybook/addon-toolbars@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.3.1.tgz#4b294d37f3b068045f7a4df1d3a56ca4a0794d43" + integrity sha512-2ENfirboVOzpj970JBqCa/PoeWEsc2KCZLeCABRH0fBvR29/3//YSZVOfPw470qjBYyBKtWvBLJQm/IhTdfzXQ== dependencies: - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/client-api" "6.3.0" - "@storybook/components" "6.3.0" - "@storybook/theming" "6.3.0" + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/client-api" "6.3.1" + "@storybook/components" "6.3.1" + "@storybook/theming" "6.3.1" core-js "^3.8.2" regenerator-runtime "^0.13.7" -"@storybook/addon-viewport@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.3.0.tgz#a30660fe1873f16e955798718e3f14e26f4bff09" - integrity sha512-aOENuKIfmeQOhm++p2ezwIV9gET05s5/QQ1TTZrrPixQ3FxmCwAb/OqsmD4m/8e075C5gLXQEV47vGAkYyTm0Q== - dependencies: - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/components" "6.3.0" - "@storybook/core-events" "6.3.0" - "@storybook/theming" "6.3.0" +"@storybook/addon-viewport@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.3.1.tgz#81544e7ac0d14c8a34ddf5cdc6bc650e6800770d" + integrity sha512-qrEFkfyoR4jnMRvzGt/n81AkaIDABxrguiGON5SKkXKnZ1DvpxeLjqkskrsVzCsMFKdiX8Cvv2SDB/bbKXbmqQ== + dependencies: + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/components" "6.3.1" + "@storybook/core-events" "6.3.1" + "@storybook/theming" "6.3.1" core-js "^3.8.2" global "^4.4.0" memoizerific "^1.11.3" prop-types "^15.7.2" regenerator-runtime "^0.13.7" -"@storybook/addons@6.3.0", "@storybook/addons@^6.3.0": +"@storybook/addons@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.1.tgz#c72bf216d0ae7ff3901fc3c4d7b71a6837b51b76" + integrity sha512-wDDqhd/jOXo752LQmNFdWlQOdzk/ZcsnOELXUpGY8QWzS9uasR1rZzCR78sFzsUTRyyMDAeiVHmKUlD2n4EL0g== + dependencies: + "@storybook/api" "6.3.1" + "@storybook/channels" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/core-events" "6.3.1" + "@storybook/router" "6.3.1" + "@storybook/theming" "6.3.1" + core-js "^3.8.2" + global "^4.4.0" + regenerator-runtime "^0.13.7" + +"@storybook/addons@^6.3.0": version "6.3.0" resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.0.tgz#a86849f46a654d2d78b91fad0088264a32d4e58e" integrity sha512-/dcq20HtdSw5+cG8znR59Y/uv2zCR2VjRK3N52IkGWk162b/UbSjjL0PhNnnQFGpH9Fruft6mqvjTAKT41kmJw== @@ -2072,10 +2087,36 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/builder-webpack4@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.0.tgz#ce6d832c4e6f7ed25d4362aed5be4ab1db67b85a" - integrity sha512-s2s9uVNIvj/CFQOwA9B8nbOKHNtVj5wIIeeR8cNAGWKxoDNA1YFAqSrmLGWDtxpZpADmJXzmVKMQts7MjkKdKg== +"@storybook/api@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.1.tgz#17b0a50208212666992fac5da74cc56de66078d2" + integrity sha512-70T9xaKWMP9xE4zOLLQiqmmWbsYk3nAFfwSnCu8oGb2Iq5bwfGDnm///n1/84OkObYv4OzVoRbIyLD+Xsx1Fnw== + dependencies: + "@reach/router" "^1.3.4" + "@storybook/channels" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/core-events" "6.3.1" + "@storybook/csf" "0.0.1" + "@storybook/router" "6.3.1" + "@storybook/semver" "^7.3.2" + "@storybook/theming" "6.3.1" + "@types/reach__router" "^1.3.7" + core-js "^3.8.2" + fast-deep-equal "^3.1.3" + global "^4.4.0" + lodash "^4.17.20" + memoizerific "^1.11.3" + qs "^6.10.0" + regenerator-runtime "^0.13.7" + store2 "^2.12.0" + telejson "^5.3.2" + ts-dedent "^2.0.0" + util-deprecate "^1.0.2" + +"@storybook/builder-webpack4@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.1.tgz#2f8139f6859db95ca5746274c8f257cfb58269d7" + integrity sha512-G0McjY59svyarwCTaS1T2O00s4iFollm/85z62IrM5+HcshJLkMZ4gNcgo3EiHpYkiAvBIJXAHXlDxkf8E9V0w== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2098,20 +2139,20 @@ "@babel/preset-env" "^7.12.11" "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/channel-postmessage" "6.3.0" - "@storybook/channels" "6.3.0" - "@storybook/client-api" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/components" "6.3.0" - "@storybook/core-common" "6.3.0" - "@storybook/core-events" "6.3.0" - "@storybook/node-logger" "6.3.0" - "@storybook/router" "6.3.0" + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/channel-postmessage" "6.3.1" + "@storybook/channels" "6.3.1" + "@storybook/client-api" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/components" "6.3.1" + "@storybook/core-common" "6.3.1" + "@storybook/core-events" "6.3.1" + "@storybook/node-logger" "6.3.1" + "@storybook/router" "6.3.1" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.0" - "@storybook/ui" "6.3.0" + "@storybook/theming" "6.3.1" + "@storybook/ui" "6.3.1" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" autoprefixer "^9.8.6" @@ -2148,14 +2189,14 @@ webpack-hot-middleware "^2.25.0" webpack-virtual-modules "^0.2.2" -"@storybook/channel-postmessage@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.0.tgz#96e7aea034ec1c4f397323ab7923eaa80d017324" - integrity sha512-q7FeNWIIrvZxycIMBscqahFLygxAa2L4eJ9oxZFF9zJpSV80bxDalMou3Uo7RvDJFrAeHCanF1Y7bnEDMus4yg== +"@storybook/channel-postmessage@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.1.tgz#a255f89b8fdac62f26b20eec6e95e432db25b2a6" + integrity sha512-6+luEe2H/84ZYCfcNgH5WCYtUbSIJiMjKFsV17iRVLECRxX8PtxxH5zB3kzhpAngp9WwKDEAS0T1+lEZoHh2Yw== dependencies: - "@storybook/channels" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/core-events" "6.3.0" + "@storybook/channels" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/core-events" "6.3.1" core-js "^3.8.2" global "^4.4.0" qs "^6.10.0" @@ -2170,16 +2211,25 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-api@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.0.tgz#a285c4b64ec318f360ade31d0c87c22e6e1db2a6" - integrity sha512-5HLtYPBOHif9AdzwLCrVbMQdOJ2dne9zv7oTo6Yl0wvLhbr6V/VypoXE0CgFF3hAI2iUquG5z00KlrE8UErC5Q== +"@storybook/channels@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.1.tgz#5316e55e2d68a6ca82c6e75486d5e09590009c40" + integrity sha512-mMOQmXylE9yTHNp2uOdEg70Wb5KsPxV5mEHcYzYE54UM8HsYzeFu5UwG/CSA7FAkCHgCZfNiCW0LhikRN4bNbQ== dependencies: - "@storybook/addons" "6.3.0" - "@storybook/channel-postmessage" "6.3.0" - "@storybook/channels" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/core-events" "6.3.0" + core-js "^3.8.2" + ts-dedent "^2.0.0" + util-deprecate "^1.0.2" + +"@storybook/client-api@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.1.tgz#a375142b5a49499afa060de10a81ecbbb6904aa1" + integrity sha512-LZrJ5zUT88n2VIf4c+3IkWXWmBzpz5DMc9ly2KOPywzgAPkTOwRzaNY6lg2ozMhN262N5meRAST86kYRYG3DKw== + dependencies: + "@storybook/addons" "6.3.1" + "@storybook/channel-postmessage" "6.3.1" + "@storybook/channels" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/core-events" "6.3.1" "@storybook/csf" "0.0.1" "@types/qs" "^6.9.5" "@types/webpack-env" "^1.16.0" @@ -2202,7 +2252,45 @@ core-js "^3.8.2" global "^4.4.0" -"@storybook/components@6.3.0", "@storybook/components@^6.3.0": +"@storybook/client-logger@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.1.tgz#84df5d182382d83990636909c1c87ecafff2786e" + integrity sha512-S43DOYVHyb7KXx+UZh/3Rl5NroG+sTkE+JAu7/DWUQ3B1H1rPacOcZUiclfxrh7uaCtJXmYVsa1ud3UEEnzxtA== + dependencies: + core-js "^3.8.2" + global "^4.4.0" + +"@storybook/components@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.1.tgz#a94488941a64c64bba7d6e042e4a1d4ce99bc58d" + integrity sha512-sCNalGXSMzVCoElRUYKS+EuIJQr5zNbPepFVzZWXGj2cKd7z6LtHNyEN/3eTnR7Ivdpaf43IZc9pIBmBvSmIFQ== + dependencies: + "@popperjs/core" "^2.6.0" + "@storybook/client-logger" "6.3.1" + "@storybook/csf" "0.0.1" + "@storybook/theming" "6.3.1" + "@types/color-convert" "^2.0.0" + "@types/overlayscrollbars" "^1.12.0" + "@types/react-syntax-highlighter" "11.0.5" + color-convert "^2.0.1" + core-js "^3.8.2" + fast-deep-equal "^3.1.3" + global "^4.4.0" + lodash "^4.17.20" + markdown-to-jsx "^7.1.3" + memoizerific "^1.11.3" + overlayscrollbars "^1.13.1" + polished "^4.0.5" + prop-types "^15.7.2" + react-colorful "^5.1.2" + react-popper-tooltip "^3.1.1" + react-syntax-highlighter "^13.5.3" + react-textarea-autosize "^8.3.0" + regenerator-runtime "^0.13.7" + ts-dedent "^2.0.0" + util-deprecate "^1.0.2" + +"@storybook/components@^6.3.0": version "6.3.0" resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.0.tgz#5ad372abd60ee0cb02516f960f514659e3fbf865" integrity sha512-TDcazQAtNgE1E33jKKABx51XpvWyXMcJZFWA0d5wu8XrElrL1PuZqz7dPePoWKGMfTaPYWP6rRyDg4Svv36j+A== @@ -2232,18 +2320,18 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/core-client@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.0.tgz#d7acf4a6071cbac76a7d38e232640fc37b6a2e72" - integrity sha512-S2MZmHGjkZdGYgkWNXzn3Z/AS2NeiYVyO503mF7d+4zfgAoasKBkc7Y/1Ry3RuaGRwOq5bNQtJUZsF0kX1a8iQ== +"@storybook/core-client@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.1.tgz#f862846a71b6101f5425eb77c3723a2dcf0d5924" + integrity sha512-CQWSMhmxqNYS10zvyaCYbwgaznKr30kus1Ri/wEjf5NTvX8+6vj3oo9fx2ZlVHwmKrXcFVMDp5+zJEZ6PtoLNg== dependencies: - "@storybook/addons" "6.3.0" - "@storybook/channel-postmessage" "6.3.0" - "@storybook/client-api" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/core-events" "6.3.0" + "@storybook/addons" "6.3.1" + "@storybook/channel-postmessage" "6.3.1" + "@storybook/client-api" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/core-events" "6.3.1" "@storybook/csf" "0.0.1" - "@storybook/ui" "6.3.0" + "@storybook/ui" "6.3.1" airbnb-js-shims "^2.2.1" ansi-to-html "^0.6.11" core-js "^3.8.2" @@ -2255,10 +2343,10 @@ unfetch "^4.2.0" util-deprecate "^1.0.2" -"@storybook/core-common@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.0.tgz#1310a0480bfd84d3399c3ba13e28b873b037f108" - integrity sha512-AYoN1g8g4FI2K2UcGfLAm7EUPgesiClLT/zqy2q6dWQrIUayWzJqI+gqDyYukv5s+KHRanGBZNCTBww/VhcPlg== +"@storybook/core-common@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.1.tgz#9e4cf577eb5871bd495a66c254f888c6a62c63b5" + integrity sha512-c0ZvZo52SwzL3xI+C7ux+wCpq0uDIXiau4S9LoeKHjRUc1vFyrQKgkQ0UeKXk43DhhlpVYdxw88ZyFHkeNCaEg== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2281,7 +2369,7 @@ "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" "@babel/register" "^7.12.1" - "@storybook/node-logger" "6.3.0" + "@storybook/node-logger" "6.3.1" "@storybook/semver" "^7.3.2" "@types/glob-base" "^0.3.0" "@types/micromatch" "^4.0.1" @@ -2316,17 +2404,24 @@ dependencies: core-js "^3.8.2" -"@storybook/core-server@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.0.tgz#06025c0f920d827649465ddb76b3766cf4bd313e" - integrity sha512-6Lckos2bleYb0Qg0JXhLSyqASKMquueefIjde5ySelyJzZLyW8ZYt+sfKu7+rdi/RqOvUCyfLcPHAxJSub2bRg== - dependencies: - "@storybook/builder-webpack4" "6.3.0" - "@storybook/core-client" "6.3.0" - "@storybook/core-common" "6.3.0" - "@storybook/csf-tools" "6.3.0" - "@storybook/manager-webpack4" "6.3.0" - "@storybook/node-logger" "6.3.0" +"@storybook/core-events@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.1.tgz#dc66466955364505acc4e6c0b2e4d8e9bc5148d1" + integrity sha512-W+0eRG955kd0HlD+8gGNeXogEnxEugfjDr9g316vawYlz9qnPoBxad8LoLPys5RawboK+1erOEfI2owGqDiKHw== + dependencies: + core-js "^3.8.2" + +"@storybook/core-server@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.1.tgz#7e1312f25cd0b889eafa2cf736146cbe7ce6ea21" + integrity sha512-MlDGjo3DFUMTva6d+T7YuQRqZ2YxziiEdQAH9Na3TRuuhNoIrl6g04y7ys0W3MjYaoKjVXQMYBKYXayot939Cw== + dependencies: + "@storybook/builder-webpack4" "6.3.1" + "@storybook/core-client" "6.3.1" + "@storybook/core-common" "6.3.1" + "@storybook/csf-tools" "6.3.1" + "@storybook/manager-webpack4" "6.3.1" + "@storybook/node-logger" "6.3.1" "@storybook/semver" "^7.3.2" "@types/node" "^14.0.10" "@types/node-fetch" "^2.5.7" @@ -2355,18 +2450,18 @@ util-deprecate "^1.0.2" webpack "4" -"@storybook/core@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.0.tgz#9e2dd83629be411898fa578c9f3a883ff45a81b4" - integrity sha512-8sEhlzD0f3ewnnXutt+aBTaVJ1EuW6yR8pSSLVSSwdBRQE2UVy1YOA+0kAspq+lNrF1IrvX6WvPqJq/ZmPWcOw== +"@storybook/core@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.1.tgz#feac91e17a6317172371a16a48481b2c2a482588" + integrity sha512-H1CMPwiFJlJNEKqQ9+PxNCiUcuwzRKCE3Ecg29d9KoW0r8lnfHRsW4XUL8JavFAWvlg5CBjMOc/E7obmStsOIA== dependencies: - "@storybook/core-client" "6.3.0" - "@storybook/core-server" "6.3.0" + "@storybook/core-client" "6.3.1" + "@storybook/core-server" "6.3.1" -"@storybook/csf-tools@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.0.tgz#6ec59ebcf8739209b7871956e3be426018a18583" - integrity sha512-7bG83511Hj6Hb1J+NrHtmzew/ib5dlgl2HjIQYWvL1xyUqBIDJNgaSixO624Yu36Yrcyv3+018hPdnn8E1nNuQ== +"@storybook/csf-tools@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.1.tgz#38f1796504166dbae964db179518916ce19a1cd0" + integrity sha512-lq/8XnWQ9OBWwbag8Nk3tSSRDaGd4lBhXDV32L0xC0e8NH3ZRddiEYavi6H9nUpE4ZEdJ+1ITL2+jwfIZF79wQ== dependencies: "@babel/generator" "^7.12.11" "@babel/parser" "^7.12.11" @@ -2390,20 +2485,20 @@ dependencies: lodash "^4.17.15" -"@storybook/manager-webpack4@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.0.tgz#6dca60ba152c53f766daae79cdb12e969460cd48" - integrity sha512-M4HjxKQeNaMTg7PlxVp06jmdpVHu1H4cdgXbHZcD977nJ6R7bpZ4YTlTez3TjshJLoze75FRyubOlNu0l5CdKQ== +"@storybook/manager-webpack4@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.1.tgz#2817921a31ff4c8b57b8b2cf45fed6b51ed1b129" + integrity sha512-KMFSp2gWdGhIH4sKPeJNcju9w3nfyhCBtNv9bugLoUapv7eAix6zwk2x91SeswhBQT6NBPUusNtT5CpkgEcDAw== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-transform-template-literals" "^7.12.1" "@babel/preset-react" "^7.12.10" - "@storybook/addons" "6.3.0" - "@storybook/core-client" "6.3.0" - "@storybook/core-common" "6.3.0" - "@storybook/node-logger" "6.3.0" - "@storybook/theming" "6.3.0" - "@storybook/ui" "6.3.0" + "@storybook/addons" "6.3.1" + "@storybook/core-client" "6.3.1" + "@storybook/core-common" "6.3.1" + "@storybook/node-logger" "6.3.1" + "@storybook/theming" "6.3.1" + "@storybook/ui" "6.3.1" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" babel-loader "^8.2.2" @@ -2433,10 +2528,10 @@ webpack-dev-middleware "^3.7.3" webpack-virtual-modules "^0.2.2" -"@storybook/node-logger@6.3.0", "@storybook/node-logger@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.0.tgz#ad64b23361beeb1864eb89337b7fe127a5d32929" - integrity sha512-gxvYOwDzHSYDTvnrwsyonCk88lRQ9gHrEvu3J8sM/0G/0br8g7G8+jSakKR8miE7urcwxd0uoYK+Y4KwJHkJpg== +"@storybook/node-logger@6.3.1", "@storybook/node-logger@^6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.1.tgz#bec26de8f3f617d77ae9b0b9d1cca7cf385341df" + integrity sha512-1nyevS5a/B5zoYfMYFh98ll7mWTjHOLy8YZIfF6TEg3F4IIZDu3R0NoRMuXW3qCPmhVrHA1Rts0G5jzi157IUw== dependencies: "@types/npmlog" "^4.1.2" chalk "^4.1.0" @@ -2444,10 +2539,10 @@ npmlog "^4.1.2" pretty-hrtime "^1.0.3" -"@storybook/postinstall@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.0.tgz#616999e96bc2f30e5deefd3c75415ce1dbc35cb3" - integrity sha512-QhhrhnB4yRdn5DGzygitccoKOYV+nKXWtQQm1TvEjMGrbZu57kI4X3TAsU4f3+wU8Xbdlfc8vhXpgCSzofRzGA== +"@storybook/postinstall@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.1.tgz#2f245e948de274ff10a6df73814130e9a0ac6247" + integrity sha512-xmDYJ7dcdc5zKNOvPbtIVgde5bM+advFzOFdstU1NRPojfGK8J6/RbJ1QD07fNb3eD6p2S8rTlXZ0wBvOlrP9g== dependencies: core-js "^3.8.2" @@ -2477,18 +2572,18 @@ react-docgen-typescript "^2.0.0" tslib "^2.0.0" -"@storybook/react@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.0.tgz#e86ef1976fba2f0f80925278f196fb709df55eb4" - integrity sha512-GxK88Si9WQa16uUsUBhe6kRhSEZUrR/1ljP6QvLY+C5MyYJZ89DZPAbWnVo47SJCXhAlvJW83nSTSxnobn8RWA== +"@storybook/react@^6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.1.tgz#99e31dd3dcfd548d74ac90abd6b0932974827ef9" + integrity sha512-P3neN04YWpIyJ0kLq5UWo390wwM9HG6hVOJUi1uw9lMFbZoy/oVM77ot+77Mtfq3S58Rv51iohFF9DAkxPFNzA== dependencies: "@babel/preset-flow" "^7.12.1" "@babel/preset-react" "^7.12.10" "@pmmmwh/react-refresh-webpack-plugin" "^0.4.3" - "@storybook/addons" "6.3.0" - "@storybook/core" "6.3.0" - "@storybook/core-common" "6.3.0" - "@storybook/node-logger" "6.3.0" + "@storybook/addons" "6.3.1" + "@storybook/core" "6.3.1" + "@storybook/core-common" "6.3.1" + "@storybook/node-logger" "6.3.1" "@storybook/react-docgen-typescript-plugin" "1.0.2-canary.3c70e01.0" "@storybook/semver" "^7.3.2" "@types/webpack-env" "^1.16.0" @@ -2522,6 +2617,22 @@ qs "^6.10.0" ts-dedent "^2.0.0" +"@storybook/router@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.1.tgz#4ab6942e4ff86ddeb83c2fe7121ded81a482c95e" + integrity sha512-7YZlXdkWTttvK5OvqCjP8V8KdYx3FfTG0aKIo0koTsq1O09pPvM8aoNUZ0bNeEq9yE+1CLPiickaBtA9A29q2Q== + dependencies: + "@reach/router" "^1.3.4" + "@storybook/client-logger" "6.3.1" + "@types/reach__router" "^1.3.7" + core-js "^3.8.2" + fast-deep-equal "^3.1.3" + global "^4.4.0" + lodash "^4.17.20" + memoizerific "^1.11.3" + qs "^6.10.0" + ts-dedent "^2.0.0" + "@storybook/semver@^7.3.2": version "7.3.2" resolved "https://registry.yarnpkg.com/@storybook/semver/-/semver-7.3.2.tgz#f3b9c44a1c9a0b933c04e66d0048fcf2fa10dac0" @@ -2530,13 +2641,13 @@ core-js "^3.6.5" find-up "^4.1.0" -"@storybook/source-loader@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.0.tgz#d1bbbb9c350c89f1207233d209694dcac5350e76" - integrity sha512-5LpqY5uu35Fg01D7Zu0xAT7ow6tcuHz+fkIxsGAJhzWovbV5NYl/BP8WSPv7TH+WjYve+RI2Xp6a9JFrgi9gpQ== +"@storybook/source-loader@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.1.tgz#e3626c13913a498623ee157a7113b65973e2b79a" + integrity sha512-eYB8UoUV235B/Fq2Ydg7sZ1/nntDQxB3UihmDEHfXo2qhwVt2qokR74MbTQdMIA+iDXHTFNMHicMj49Wb4FpAw== dependencies: - "@storybook/addons" "6.3.0" - "@storybook/client-logger" "6.3.0" + "@storybook/addons" "6.3.1" + "@storybook/client-logger" "6.3.1" "@storybook/csf" "0.0.1" core-js "^3.8.2" estraverse "^5.2.0" @@ -2564,21 +2675,39 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/ui@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.0.tgz#3a17689c76d2ba2c3afadad2b5d0cf41abb74933" - integrity sha512-1f2+IB+WRrBSht538jNFSUDUxA8PpEOnDkJsE9PyOJEvskV/8POuCTjbpcvdBYFQ9hSq1oi3535mdbNiTivYTg== +"@storybook/theming@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.1.tgz#fd945bd5e983a9f96c7b8894de88a3eedf01f35b" + integrity sha512-YDXv7QFMqfl/S2TVlvvUzO0CtNPbA/Pf1uHb9aUxcmUPvh/uZsuTXvahWqaRDF4hv+NjxEPPXK6ofd0fBTKEjQ== dependencies: "@emotion/core" "^10.1.1" - "@storybook/addons" "6.3.0" - "@storybook/api" "6.3.0" - "@storybook/channels" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/components" "6.3.0" - "@storybook/core-events" "6.3.0" - "@storybook/router" "6.3.0" + "@emotion/is-prop-valid" "^0.8.6" + "@emotion/styled" "^10.0.27" + "@storybook/client-logger" "6.3.1" + core-js "^3.8.2" + deep-object-diff "^1.1.0" + emotion-theming "^10.0.27" + global "^4.4.0" + memoizerific "^1.11.3" + polished "^4.0.5" + resolve-from "^5.0.0" + ts-dedent "^2.0.0" + +"@storybook/ui@6.3.1": + version "6.3.1" + resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.1.tgz#dc9faef9ba97aca5183d6c9ea0b2e0b1e48245ec" + integrity sha512-ax5fIM9wDRmthNtKjlozmakC5T8ansH5yeJHP8PnBazDu4Fcxuz563r455K9U303HaXceITIw41KvhHfa1BmaA== + dependencies: + "@emotion/core" "^10.1.1" + "@storybook/addons" "6.3.1" + "@storybook/api" "6.3.1" + "@storybook/channels" "6.3.1" + "@storybook/client-logger" "6.3.1" + "@storybook/components" "6.3.1" + "@storybook/core-events" "6.3.1" + "@storybook/router" "6.3.1" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.0" + "@storybook/theming" "6.3.1" "@types/markdown-to-jsx" "^6.11.3" copy-to-clipboard "^3.3.1" core-js "^3.8.2" @@ -12923,10 +13052,10 @@ store2@^2.12.0: resolved "https://registry.yarnpkg.com/store2/-/store2-2.12.0.tgz#e1f1b7e1a59b6083b2596a8d067f6ee88fd4d3cf" integrity sha512-7t+/wpKLanLzSnQPX8WAcuLCCeuSHoWdQuh9SB3xD0kNOM38DNf+0Oa+wmvxmYueRzkmh6IcdKFtvTa+ecgPDw== -storybook-addon-outline@^1.3.3: - version "1.4.0" - resolved "https://registry.yarnpkg.com/storybook-addon-outline/-/storybook-addon-outline-1.4.0.tgz#2aa047b4f4c8b423b37d94fcf2abcd057a7ca7ae" - integrity sha512-H7b8TDNYLTV/aNhWb7c/QMlrlZM88pAiDB8w+0tTN/DRMKQUgFM/J0IEjy/MWzet5AKGJDrVnv2JFfk9gSP4qg== +storybook-addon-outline@^1.4.0: + version "1.4.1" + resolved "https://registry.yarnpkg.com/storybook-addon-outline/-/storybook-addon-outline-1.4.1.tgz#0a1b262b9c65df43fc63308a1fdbd4283c3d9458" + integrity sha512-Qvv9X86CoONbi+kYY78zQcTGmCgFaewYnOVR6WL7aOFJoW7TrLiIc/O4hH5X9PsEPZFqjfXEPUPENWVUQim6yw== dependencies: "@storybook/addons" "^6.3.0" "@storybook/api" "^6.3.0" From b34b3734d7498d751948cf769ef73542a58bd432 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Fri, 2 Jul 2021 14:06:19 +0530 Subject: [PATCH 18/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20basic=20ratin?= =?UTF-8?q?g=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 10 +- src/components/rating/index.ts | 1 + src/components/rating/rating.stories.tsx | 31 ++ src/components/rating/rating.styled.ts | 18 + src/components/rating/rating.tsx | 128 ++++++ src/utils/visuallyHiddenCss.ts | 14 + yarn.lock | 534 +++++++++++------------ 7 files changed, 464 insertions(+), 272 deletions(-) create mode 100644 src/components/rating/index.ts create mode 100644 src/components/rating/rating.stories.tsx create mode 100644 src/components/rating/rating.styled.ts create mode 100644 src/components/rating/rating.tsx create mode 100644 src/utils/visuallyHiddenCss.ts diff --git a/package.json b/package.json index c843a49..a0a408b 100644 --- a/package.json +++ b/package.json @@ -48,12 +48,12 @@ ] }, "devDependencies": { - "@storybook/addon-actions": "^6.3.1", - "@storybook/addon-essentials": "^6.3.1", - "@storybook/addon-links": "^6.3.1", - "@storybook/node-logger": "^6.3.1", + "@storybook/addon-actions": "^6.3.2", + "@storybook/addon-essentials": "^6.3.2", + "@storybook/addon-links": "^6.3.2", + "@storybook/node-logger": "^6.3.2", "@storybook/preset-create-react-app": "^3.1.7", - "@storybook/react": "^6.3.1", + "@storybook/react": "^6.3.2", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", diff --git a/src/components/rating/index.ts b/src/components/rating/index.ts new file mode 100644 index 0000000..2c3d3a4 --- /dev/null +++ b/src/components/rating/index.ts @@ -0,0 +1 @@ +export { default as Rating } from './rating'; diff --git a/src/components/rating/rating.stories.tsx b/src/components/rating/rating.stories.tsx new file mode 100644 index 0000000..4f60f21 --- /dev/null +++ b/src/components/rating/rating.stories.tsx @@ -0,0 +1,31 @@ +import { Story, Meta } from '@storybook/react'; +import Rating, { RatingProps } from './rating'; +import { useState } from 'react'; + +export default { + title: 'Example/Rating', + component: Rating, + argTypes: { + color: { + options: ['primary', 'secondary', 'error', 'warning', 'info'], + control: { type: 'radio' }, + }, + }, +} as Meta; + +const Template: Story = (args) => { + const [value, setValue] = useState(3); + + return ( + setValue(Number(e.currentTarget.value))} + /> + ); +}; + +export const Default = Template.bind({}); +Default.args = { + color: 'primary', +}; diff --git a/src/components/rating/rating.styled.ts b/src/components/rating/rating.styled.ts new file mode 100644 index 0000000..78cbb28 --- /dev/null +++ b/src/components/rating/rating.styled.ts @@ -0,0 +1,18 @@ +import styled from 'styled-components'; +import { Icon } from '../icon'; + +export type StyledRatingProps = {}; + +const StyledRating = styled.div``; + +export type StyledRatingIconProps = { + active: boolean; + filled: boolean; +}; + +export const StyledRatingIcon = styled(Icon)` + transform: ${(pr) => pr.active && 'scale(1.5)'}; + transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: ${(pr) => pr.filled && 'red'}; +`; +export default StyledRating; diff --git a/src/components/rating/rating.tsx b/src/components/rating/rating.tsx new file mode 100644 index 0000000..90dc4d2 --- /dev/null +++ b/src/components/rating/rating.tsx @@ -0,0 +1,128 @@ +import React, { + ChangeEventHandler, + ForwardRefRenderFunction, + ReactNode, + useEffect, + useState, +} from 'react'; +import { ComponentSize } from '../../config/sizes'; +import { MdStar } from 'react-icons/all'; +import { MainColors } from '../../config/theme'; +import { StyledRatingIcon } from './rating.styled'; +import visuallyHidden from '../../utils/visuallyHiddenCss'; +import styled from 'styled-components'; + +export type RatingProps = { + value?: number; + disabled?: boolean; + icon?: boolean; + max?: number; + onChange?: ChangeEventHandler; + readOnly?: boolean; + size?: ComponentSize; + name: string; + color?: MainColors; +}; + +type RatingItemProps = { + isActive: boolean; + setIsActive: () => void; + filled: boolean; + icon: ReactNode; + value: number; + name: string; + checked: boolean; + onChange?: ChangeEventHandler; +}; + +const HiddenInput = styled.input` + ${visuallyHidden} +`; + +const RatingItem: React.FC = (props) => { + const { + setIsActive, + isActive, + filled, + icon, + value, + name, + checked, + onChange, + } = props; + + console.log(visuallyHidden); + + console.log({ isActive, filled }); + const [id] = useState(`matcha-${Math.round(Math.random() * 1e9)}`); + return ( + <> + + + + ); +}; + +const Rating: ForwardRefRenderFunction = ( + props, + ref +) => { + const { + value = 3, + disabled = false, + icon = , + max = 7, + readOnly = false, + size = 'md', + name, + onChange, + } = props; + + const [activeValue, setActiveValue] = useState(-1); + const [defaultName] = useState(`matcha-${Math.round(Math.random() * 1e9)}`); + + useEffect(() => { + console.log(activeValue); + }, [activeValue]); + + return ( + setActiveValue(-1)}> + {Array.from(new Array(max)).map((_, index) => { + return ( + setActiveValue(index + 1)} + filled={ + activeValue >= 0 + ? index < activeValue + : index < value + } + icon={icon} + value={index + 1} + name={name || defaultName} + checked={value === index + 1} + onChange={onChange} + /> + ); + })} + + ); +}; + +export default React.forwardRef(Rating); diff --git a/src/utils/visuallyHiddenCss.ts b/src/utils/visuallyHiddenCss.ts new file mode 100644 index 0000000..cc570ce --- /dev/null +++ b/src/utils/visuallyHiddenCss.ts @@ -0,0 +1,14 @@ +import { css } from 'styled-components'; + +const visuallyHidden = css` + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + width: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; +`; + +export default visuallyHidden; diff --git a/yarn.lock b/yarn.lock index 763e3c0..029307a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1853,17 +1853,17 @@ dependencies: "@sinonjs/commons" "^1.7.0" -"@storybook/addon-actions@6.3.1", "@storybook/addon-actions@^6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.1.tgz#b483e1c2cf5c77b8b750fb8d03a3f7defc4adc98" - integrity sha512-85gJI6Rl9Ig236pAD3e/315VN3htD8YJEBL8b6EI6Npi6ga4vtjvXPKh7wsXW6QI6am5msN/lhnHDSlJWWAvGg== - dependencies: - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/client-api" "6.3.1" - "@storybook/components" "6.3.1" - "@storybook/core-events" "6.3.1" - "@storybook/theming" "6.3.1" +"@storybook/addon-actions@6.3.2", "@storybook/addon-actions@^6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.2.tgz#0671a6ca17d9199239f2763398eda04e99bd1724" + integrity sha512-kGengy5+RrBFjRaBmtlblltLaS4GtQEDnXV3g3Geeg9+PYSVKOvh2AgdPdQrjHSJFzpOBwUr3zMhXhdWrizyiQ== + dependencies: + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/client-api" "6.3.2" + "@storybook/components" "6.3.2" + "@storybook/core-events" "6.3.2" + "@storybook/theming" "6.3.2" core-js "^3.8.2" fast-deep-equal "^3.1.3" global "^4.4.0" @@ -1876,17 +1876,17 @@ util-deprecate "^1.0.2" uuid-browser "^3.1.0" -"@storybook/addon-backgrounds@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.3.1.tgz#710703d13577213688cc509cfd8a884bb8353fe1" - integrity sha512-bgH2yX5Uc2T0CXu+X9/x67gFjYgyn3OHvJ0CmmUOwT/Up3guGqsv4AiAaDoC+MFiBDw/UP8cRtXPgNUVA4vAaA== - dependencies: - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/components" "6.3.1" - "@storybook/core-events" "6.3.1" - "@storybook/theming" "6.3.1" +"@storybook/addon-backgrounds@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.3.2.tgz#a69775f02d33378988db8c8211697764ebea1d25" + integrity sha512-phn9kx/rmw6fD3Xqew31YPrAEQqUernQthKghSMgqNTR13ZMQ3NPzmcWOsnRq+ngqxB4XTSFya/BtgV7Od0XQQ== + dependencies: + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/components" "6.3.2" + "@storybook/core-events" "6.3.2" + "@storybook/theming" "6.3.2" core-js "^3.8.2" global "^4.4.0" memoizerific "^1.11.3" @@ -1894,24 +1894,24 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-controls@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.3.1.tgz#578a767d3f7cd0dd2f8c8f76e8eeaa0e59ca4369" - integrity sha512-mrE+EqKGQ8E93C6KI4E1jLnzpzK9LfnTumhRfrI99L23Q74W7otAA+Qc3PQQqc9bCSN0Ma6NPacDzwANo2HDIg== - dependencies: - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/client-api" "6.3.1" - "@storybook/components" "6.3.1" - "@storybook/node-logger" "6.3.1" - "@storybook/theming" "6.3.1" +"@storybook/addon-controls@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.3.2.tgz#2e0cdc7fcc326524c5858188d4b9d45bc5473c48" + integrity sha512-GJzggGZVKNr1p3s/1u83JgstHEQg5+H/1LoJELiYSIrhcs+mfsRr2ULpfHRTrpUSaC3qTL7HzYkPy+FoAd+6qQ== + dependencies: + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/client-api" "6.3.2" + "@storybook/components" "6.3.2" + "@storybook/node-logger" "6.3.2" + "@storybook/theming" "6.3.2" core-js "^3.8.2" ts-dedent "^2.0.0" -"@storybook/addon-docs@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.1.tgz#b944b0c211e41ad246f81b2de6abdd9cd04b793e" - integrity sha512-JXElpjq7f67deSTXXwkp3NWJ9ybuCHuHOh6muHy8PPoo5h2gfhJRtp/b8+KV8Zj0bTVZL+ihZ0/EHz2D0bIs6w== +"@storybook/addon-docs@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.2.tgz#3499f82ed073c326eac5e24772161b1c715a7fab" + integrity sha512-y9+umLi22ow3qAivxqkDeCtqzkIhlDIFOA7HH3Wd2yDo96UAzUiGozelCycijtfcyFuzwL8cvoKB6nIiVyuWsw== dependencies: "@babel/core" "^7.12.10" "@babel/generator" "^7.12.11" @@ -1922,20 +1922,20 @@ "@mdx-js/loader" "^1.6.22" "@mdx-js/mdx" "^1.6.22" "@mdx-js/react" "^1.6.22" - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/builder-webpack4" "6.3.1" - "@storybook/client-api" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/components" "6.3.1" - "@storybook/core" "6.3.1" - "@storybook/core-events" "6.3.1" + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/builder-webpack4" "6.3.2" + "@storybook/client-api" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/components" "6.3.2" + "@storybook/core" "6.3.2" + "@storybook/core-events" "6.3.2" "@storybook/csf" "0.0.1" - "@storybook/csf-tools" "6.3.1" - "@storybook/node-logger" "6.3.1" - "@storybook/postinstall" "6.3.1" - "@storybook/source-loader" "6.3.1" - "@storybook/theming" "6.3.1" + "@storybook/csf-tools" "6.3.2" + "@storybook/node-logger" "6.3.2" + "@storybook/postinstall" "6.3.2" + "@storybook/source-loader" "6.3.2" + "@storybook/theming" "6.3.2" acorn "^7.4.1" acorn-jsx "^5.3.1" acorn-walk "^7.2.0" @@ -1958,36 +1958,36 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-essentials@^6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.3.1.tgz#c89bc1dd4a270321c875fe39641bb4b8cc7b89cd" - integrity sha512-p3InmICgqDevdoETir0zv+f3j5pIO2x1LhZOWVdguGxe0oh72m9I3RrfqO43z9jjZLXvw9t47XvwoMDle83Qow== - dependencies: - "@storybook/addon-actions" "6.3.1" - "@storybook/addon-backgrounds" "6.3.1" - "@storybook/addon-controls" "6.3.1" - "@storybook/addon-docs" "6.3.1" - "@storybook/addon-measure" "^1.3.1" - "@storybook/addon-toolbars" "6.3.1" - "@storybook/addon-viewport" "6.3.1" - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/node-logger" "6.3.1" +"@storybook/addon-essentials@^6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.3.2.tgz#2182fcdbc3138fd17e10e680d6e9b182be73e3ec" + integrity sha512-upOMqx/66aAhr262L4oe5JS1wG2W7ZHIKQBgxMDfzrY26KcRRZVCm+omOlLJ2l4b0Gc7iZmUHkfmOhI9SPMNbw== + dependencies: + "@storybook/addon-actions" "6.3.2" + "@storybook/addon-backgrounds" "6.3.2" + "@storybook/addon-controls" "6.3.2" + "@storybook/addon-docs" "6.3.2" + "@storybook/addon-measure" "^2.0.0" + "@storybook/addon-toolbars" "6.3.2" + "@storybook/addon-viewport" "6.3.2" + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/node-logger" "6.3.2" core-js "^3.8.2" regenerator-runtime "^0.13.7" - storybook-addon-outline "^1.4.0" + storybook-addon-outline "^1.4.1" ts-dedent "^2.0.0" -"@storybook/addon-links@^6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.1.tgz#2a6e9e241a27ccdc269c7d5a71a4735cafd2c418" - integrity sha512-zB8KVHSy+Ka4S87r36PMBKXZ7ZEC4td1OD2IFbdAXuhOnlR1OaRmoAhwJAsK3rjhS4uJvvtVj4CD3XTJ9qXEIw== +"@storybook/addon-links@^6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.2.tgz#4db9d63d0e195f5887fe74dab09ae5bb0c64275c" + integrity sha512-JT7HLIZRvUJ0dDkhz4daL/GdpS/JPhuRaKPonRbtLW6RFAbBjLolqALVfxRJzOsYMwStUMtnxzzgKmeLOjtPIA== dependencies: - "@storybook/addons" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/core-events" "6.3.1" + "@storybook/addons" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/core-events" "6.3.2" "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.1" + "@storybook/router" "6.3.2" "@types/qs" "^6.9.5" core-js "^3.8.2" global "^4.4.0" @@ -1996,52 +1996,52 @@ regenerator-runtime "^0.13.7" ts-dedent "^2.0.0" -"@storybook/addon-measure@^1.3.1": - version "1.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-1.3.1.tgz#a85b35a73ce9587d54d35e18307eeeb82f509534" - integrity sha512-OTTbVOs/85zP5MzAMAAs/IyS3MNegSMvvGOzBRsX/7GBxhtjkrryamDkVr9py3JqPwRSndwwB7y0ZwWmf/9KJw== - -"@storybook/addon-toolbars@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.3.1.tgz#4b294d37f3b068045f7a4df1d3a56ca4a0794d43" - integrity sha512-2ENfirboVOzpj970JBqCa/PoeWEsc2KCZLeCABRH0fBvR29/3//YSZVOfPw470qjBYyBKtWvBLJQm/IhTdfzXQ== - dependencies: - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/client-api" "6.3.1" - "@storybook/components" "6.3.1" - "@storybook/theming" "6.3.1" +"@storybook/addon-measure@^2.0.0": + version "2.0.0" + resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-2.0.0.tgz#c40bbe91bacd3f795963dc1ee6ff86be87deeda9" + integrity sha512-ZhdT++cX+L9LwjhGYggvYUUVQH/MGn2rwbrAwCMzA/f2QTFvkjxzX8nDgMxIhaLCDC+gHIxfJG2wrWN0jkBr3g== + +"@storybook/addon-toolbars@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.3.2.tgz#bad5185c764179200594d9a6dd86c9e43556962a" + integrity sha512-Gc2nak1MaCbC5h67TSXIvg65llidHngGHQCE2Ru6cPnTFqAtLs2QdsA72ScAOSLmwSeliVxkcoOXL9wN1vlXsg== + dependencies: + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/client-api" "6.3.2" + "@storybook/components" "6.3.2" + "@storybook/theming" "6.3.2" core-js "^3.8.2" regenerator-runtime "^0.13.7" -"@storybook/addon-viewport@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.3.1.tgz#81544e7ac0d14c8a34ddf5cdc6bc650e6800770d" - integrity sha512-qrEFkfyoR4jnMRvzGt/n81AkaIDABxrguiGON5SKkXKnZ1DvpxeLjqkskrsVzCsMFKdiX8Cvv2SDB/bbKXbmqQ== - dependencies: - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/components" "6.3.1" - "@storybook/core-events" "6.3.1" - "@storybook/theming" "6.3.1" +"@storybook/addon-viewport@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.3.2.tgz#7a8f6b91ba7d8aab3f24611e4962b317eecc17d4" + integrity sha512-npmD2kpXyc7zPFgxOu2JBg8U702P4c2B+OvFa53jQJIKyUdjXNzGatG2FSshQmY+UpiDJyKScPJ7W/9oU7HAfw== + dependencies: + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/components" "6.3.2" + "@storybook/core-events" "6.3.2" + "@storybook/theming" "6.3.2" core-js "^3.8.2" global "^4.4.0" memoizerific "^1.11.3" prop-types "^15.7.2" regenerator-runtime "^0.13.7" -"@storybook/addons@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.1.tgz#c72bf216d0ae7ff3901fc3c4d7b71a6837b51b76" - integrity sha512-wDDqhd/jOXo752LQmNFdWlQOdzk/ZcsnOELXUpGY8QWzS9uasR1rZzCR78sFzsUTRyyMDAeiVHmKUlD2n4EL0g== - dependencies: - "@storybook/api" "6.3.1" - "@storybook/channels" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/core-events" "6.3.1" - "@storybook/router" "6.3.1" - "@storybook/theming" "6.3.1" +"@storybook/addons@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.2.tgz#a116f71e07e2ca17f2c59accff8aebd0d01e3a3e" + integrity sha512-fzpTLKyweD0yPXnfjaOrLpKRm4AVHdGRmfJb1p6KyUTXoNRWGYHsXN3EvAdsWjTamhbL2JoQy38kvu7SmkTEug== + dependencies: + "@storybook/api" "6.3.2" + "@storybook/channels" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/core-events" "6.3.2" + "@storybook/router" "6.3.2" + "@storybook/theming" "6.3.2" core-js "^3.8.2" global "^4.4.0" regenerator-runtime "^0.13.7" @@ -2087,19 +2087,19 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/api@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.1.tgz#17b0a50208212666992fac5da74cc56de66078d2" - integrity sha512-70T9xaKWMP9xE4zOLLQiqmmWbsYk3nAFfwSnCu8oGb2Iq5bwfGDnm///n1/84OkObYv4OzVoRbIyLD+Xsx1Fnw== +"@storybook/api@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.2.tgz#669c9eb1b5f50659b894f374af1c3eb3d4c2ac20" + integrity sha512-rXe7l8mwNEvk3cqHYJ4H2XQWWY8oeezJezgt1ZBq4GvNVzVUPjASi1meXQwAYm39SdCL5+lP/hLpAZvobB1Tag== dependencies: "@reach/router" "^1.3.4" - "@storybook/channels" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/core-events" "6.3.1" + "@storybook/channels" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/core-events" "6.3.2" "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.1" + "@storybook/router" "6.3.2" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.1" + "@storybook/theming" "6.3.2" "@types/reach__router" "^1.3.7" core-js "^3.8.2" fast-deep-equal "^3.1.3" @@ -2113,10 +2113,10 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/builder-webpack4@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.1.tgz#2f8139f6859db95ca5746274c8f257cfb58269d7" - integrity sha512-G0McjY59svyarwCTaS1T2O00s4iFollm/85z62IrM5+HcshJLkMZ4gNcgo3EiHpYkiAvBIJXAHXlDxkf8E9V0w== +"@storybook/builder-webpack4@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.2.tgz#c0b285ae38f0973fb38e378defe13e99afcadfa4" + integrity sha512-0xKMy/9Zp+Z1EK9R2Oq4kmd2Za9OlzXoLNBHdGuwe3lqoCsXvEQHsrGdc7V5uT4HwP1KBEhn9Yl+Y7yuMDZJ0Q== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2139,20 +2139,20 @@ "@babel/preset-env" "^7.12.11" "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/channel-postmessage" "6.3.1" - "@storybook/channels" "6.3.1" - "@storybook/client-api" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/components" "6.3.1" - "@storybook/core-common" "6.3.1" - "@storybook/core-events" "6.3.1" - "@storybook/node-logger" "6.3.1" - "@storybook/router" "6.3.1" + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/channel-postmessage" "6.3.2" + "@storybook/channels" "6.3.2" + "@storybook/client-api" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/components" "6.3.2" + "@storybook/core-common" "6.3.2" + "@storybook/core-events" "6.3.2" + "@storybook/node-logger" "6.3.2" + "@storybook/router" "6.3.2" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.1" - "@storybook/ui" "6.3.1" + "@storybook/theming" "6.3.2" + "@storybook/ui" "6.3.2" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" autoprefixer "^9.8.6" @@ -2189,14 +2189,14 @@ webpack-hot-middleware "^2.25.0" webpack-virtual-modules "^0.2.2" -"@storybook/channel-postmessage@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.1.tgz#a255f89b8fdac62f26b20eec6e95e432db25b2a6" - integrity sha512-6+luEe2H/84ZYCfcNgH5WCYtUbSIJiMjKFsV17iRVLECRxX8PtxxH5zB3kzhpAngp9WwKDEAS0T1+lEZoHh2Yw== +"@storybook/channel-postmessage@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.2.tgz#7fe94d128b03eefbb1b6637dfa417f95bdced30e" + integrity sha512-6ne51RmZ7Ye9TDhPy/y5NuyQGNJ6VJcEch5E8D0nrFfNwJ5djKzkg1xatADjdhlCfQ9zPfseQVPM5IovEzEb/A== dependencies: - "@storybook/channels" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/core-events" "6.3.1" + "@storybook/channels" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/core-events" "6.3.2" core-js "^3.8.2" global "^4.4.0" qs "^6.10.0" @@ -2211,25 +2211,25 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/channels@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.1.tgz#5316e55e2d68a6ca82c6e75486d5e09590009c40" - integrity sha512-mMOQmXylE9yTHNp2uOdEg70Wb5KsPxV5mEHcYzYE54UM8HsYzeFu5UwG/CSA7FAkCHgCZfNiCW0LhikRN4bNbQ== +"@storybook/channels@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.2.tgz#7759cc16177aafe825e81f63c2d033ce1ef850e8" + integrity sha512-fkyX0vn7KkN7p515Knm4Cfo8Z2xyO9hMPK4IReZiGz8o9vOziXHeYvdFZ07aTfcUb9ZG3ur3C7rmaEDMNfwCWA== dependencies: core-js "^3.8.2" ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-api@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.1.tgz#a375142b5a49499afa060de10a81ecbbb6904aa1" - integrity sha512-LZrJ5zUT88n2VIf4c+3IkWXWmBzpz5DMc9ly2KOPywzgAPkTOwRzaNY6lg2ozMhN262N5meRAST86kYRYG3DKw== +"@storybook/client-api@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.2.tgz#2180bd4e3ae903a1f5199651644335a1abfddcff" + integrity sha512-vYPTaROdmBtzKckGAbZAi8gpD2OgDB0FlsjTTe7rz8jcN1ecGRBBXlb/CJndLlAKgZqF+sramtIY3GZp0wdpPA== dependencies: - "@storybook/addons" "6.3.1" - "@storybook/channel-postmessage" "6.3.1" - "@storybook/channels" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/core-events" "6.3.1" + "@storybook/addons" "6.3.2" + "@storybook/channel-postmessage" "6.3.2" + "@storybook/channels" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/core-events" "6.3.2" "@storybook/csf" "0.0.1" "@types/qs" "^6.9.5" "@types/webpack-env" "^1.16.0" @@ -2252,23 +2252,23 @@ core-js "^3.8.2" global "^4.4.0" -"@storybook/client-logger@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.1.tgz#84df5d182382d83990636909c1c87ecafff2786e" - integrity sha512-S43DOYVHyb7KXx+UZh/3Rl5NroG+sTkE+JAu7/DWUQ3B1H1rPacOcZUiclfxrh7uaCtJXmYVsa1ud3UEEnzxtA== +"@storybook/client-logger@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.2.tgz#9501ff93db254e75a7ca4a7795672528edea6548" + integrity sha512-1V70P4ARRHSvkAUZP/mgU3hUl7BN9kpNujbBNRcVCCv+DgsnryF+CH9xJ8nxrpOZxlj4sIG68OcMqRaV1HL/3w== dependencies: core-js "^3.8.2" global "^4.4.0" -"@storybook/components@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.1.tgz#a94488941a64c64bba7d6e042e4a1d4ce99bc58d" - integrity sha512-sCNalGXSMzVCoElRUYKS+EuIJQr5zNbPepFVzZWXGj2cKd7z6LtHNyEN/3eTnR7Ivdpaf43IZc9pIBmBvSmIFQ== +"@storybook/components@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.2.tgz#fa8970fdfe76246a020f757a7059f312ae2420ce" + integrity sha512-lwzqY7CLbo+4PxBiN9DMwtMRPG1jN9Ih6SAdB4fJdCj3bZQ7ef9peme70RvpDEIOD3MX6vu/9AKQj2wxAaHrDA== dependencies: "@popperjs/core" "^2.6.0" - "@storybook/client-logger" "6.3.1" + "@storybook/client-logger" "6.3.2" "@storybook/csf" "0.0.1" - "@storybook/theming" "6.3.1" + "@storybook/theming" "6.3.2" "@types/color-convert" "^2.0.0" "@types/overlayscrollbars" "^1.12.0" "@types/react-syntax-highlighter" "11.0.5" @@ -2320,18 +2320,18 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/core-client@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.1.tgz#f862846a71b6101f5425eb77c3723a2dcf0d5924" - integrity sha512-CQWSMhmxqNYS10zvyaCYbwgaznKr30kus1Ri/wEjf5NTvX8+6vj3oo9fx2ZlVHwmKrXcFVMDp5+zJEZ6PtoLNg== +"@storybook/core-client@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.2.tgz#847426c4141b10d03a1515374315bfa48b6f5bf8" + integrity sha512-A354DrsBQgtfKRSNVM0WpepNZwZfb8QxBKB86LR5crfbLIAs9fxJnYmAVBF1ju1EasrIxX6kGDryH4pQYaJPXw== dependencies: - "@storybook/addons" "6.3.1" - "@storybook/channel-postmessage" "6.3.1" - "@storybook/client-api" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/core-events" "6.3.1" + "@storybook/addons" "6.3.2" + "@storybook/channel-postmessage" "6.3.2" + "@storybook/client-api" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/core-events" "6.3.2" "@storybook/csf" "0.0.1" - "@storybook/ui" "6.3.1" + "@storybook/ui" "6.3.2" airbnb-js-shims "^2.2.1" ansi-to-html "^0.6.11" core-js "^3.8.2" @@ -2343,10 +2343,10 @@ unfetch "^4.2.0" util-deprecate "^1.0.2" -"@storybook/core-common@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.1.tgz#9e4cf577eb5871bd495a66c254f888c6a62c63b5" - integrity sha512-c0ZvZo52SwzL3xI+C7ux+wCpq0uDIXiau4S9LoeKHjRUc1vFyrQKgkQ0UeKXk43DhhlpVYdxw88ZyFHkeNCaEg== +"@storybook/core-common@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.2.tgz#d1d9f14361296437983006ecea963e6af599bc34" + integrity sha512-draeHXXWTn1u3YzLMZdtCOy1UOXsPBQz6q5f64o8Qjkr8Htqf2IiFYPmswOq7eo9yPQZu7+nsfRcx7M1GNAQlg== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2369,7 +2369,7 @@ "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" "@babel/register" "^7.12.1" - "@storybook/node-logger" "6.3.1" + "@storybook/node-logger" "6.3.2" "@storybook/semver" "^7.3.2" "@types/glob-base" "^0.3.0" "@types/micromatch" "^4.0.1" @@ -2404,24 +2404,24 @@ dependencies: core-js "^3.8.2" -"@storybook/core-events@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.1.tgz#dc66466955364505acc4e6c0b2e4d8e9bc5148d1" - integrity sha512-W+0eRG955kd0HlD+8gGNeXogEnxEugfjDr9g316vawYlz9qnPoBxad8LoLPys5RawboK+1erOEfI2owGqDiKHw== +"@storybook/core-events@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.2.tgz#7d1eb4f889b809d851e48d2daed5fbf43244d624" + integrity sha512-Mqxp2au4djPC9j8Wc97oM1iJQLAS8ZsW8CqcPxDmhl38cMfcMQiQXTk+2GDQbMxD2An2b73EU5hMMBAvNzYjog== dependencies: core-js "^3.8.2" -"@storybook/core-server@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.1.tgz#7e1312f25cd0b889eafa2cf736146cbe7ce6ea21" - integrity sha512-MlDGjo3DFUMTva6d+T7YuQRqZ2YxziiEdQAH9Na3TRuuhNoIrl6g04y7ys0W3MjYaoKjVXQMYBKYXayot939Cw== - dependencies: - "@storybook/builder-webpack4" "6.3.1" - "@storybook/core-client" "6.3.1" - "@storybook/core-common" "6.3.1" - "@storybook/csf-tools" "6.3.1" - "@storybook/manager-webpack4" "6.3.1" - "@storybook/node-logger" "6.3.1" +"@storybook/core-server@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.2.tgz#76392f835baea2a30122d66b3fed506f8171a955" + integrity sha512-ceBKdLYlhKygBOJyIWR+9i4bLVOOadsLxM9ITAIzaSqSfZiuFxoP+irnEZrZUfFA0zcLYFEW5MH2vtCCPH+fhg== + dependencies: + "@storybook/builder-webpack4" "6.3.2" + "@storybook/core-client" "6.3.2" + "@storybook/core-common" "6.3.2" + "@storybook/csf-tools" "6.3.2" + "@storybook/manager-webpack4" "6.3.2" + "@storybook/node-logger" "6.3.2" "@storybook/semver" "^7.3.2" "@types/node" "^14.0.10" "@types/node-fetch" "^2.5.7" @@ -2450,18 +2450,18 @@ util-deprecate "^1.0.2" webpack "4" -"@storybook/core@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.1.tgz#feac91e17a6317172371a16a48481b2c2a482588" - integrity sha512-H1CMPwiFJlJNEKqQ9+PxNCiUcuwzRKCE3Ecg29d9KoW0r8lnfHRsW4XUL8JavFAWvlg5CBjMOc/E7obmStsOIA== +"@storybook/core@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.2.tgz#8c3bd78fef26395059d3710bd69ce438cdf71193" + integrity sha512-EPyGqTu2f2184FfZ7o1IMWbVKWkdhbIeLSnNfl5CA5ZVMFQwV8XhEJXpzWI0VopZK0hE0+ooU4M+if8JeSWulQ== dependencies: - "@storybook/core-client" "6.3.1" - "@storybook/core-server" "6.3.1" + "@storybook/core-client" "6.3.2" + "@storybook/core-server" "6.3.2" -"@storybook/csf-tools@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.1.tgz#38f1796504166dbae964db179518916ce19a1cd0" - integrity sha512-lq/8XnWQ9OBWwbag8Nk3tSSRDaGd4lBhXDV32L0xC0e8NH3ZRddiEYavi6H9nUpE4ZEdJ+1ITL2+jwfIZF79wQ== +"@storybook/csf-tools@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.2.tgz#93bffc555a8a8535c3ee99e21f131860fc78e251" + integrity sha512-CGj4HsKwYBwp2zWmrG1RJedwrnakfxkptp/4HQ0mE9ajw28GndNZus2+IgnBsxdbzv8LYwz/rHpXRbvfDbgPFg== dependencies: "@babel/generator" "^7.12.11" "@babel/parser" "^7.12.11" @@ -2485,20 +2485,20 @@ dependencies: lodash "^4.17.15" -"@storybook/manager-webpack4@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.1.tgz#2817921a31ff4c8b57b8b2cf45fed6b51ed1b129" - integrity sha512-KMFSp2gWdGhIH4sKPeJNcju9w3nfyhCBtNv9bugLoUapv7eAix6zwk2x91SeswhBQT6NBPUusNtT5CpkgEcDAw== +"@storybook/manager-webpack4@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.2.tgz#4c2621e0f6e2be2e248cf93d796bc705de34c670" + integrity sha512-MeYXK2H65y08meKM477PT0ygMMiHYGo9e8vl8oIXY3pp/24iiE5W+yCHH3HP5PEsKCXMml6gWM7ba44lpkuutQ== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-transform-template-literals" "^7.12.1" "@babel/preset-react" "^7.12.10" - "@storybook/addons" "6.3.1" - "@storybook/core-client" "6.3.1" - "@storybook/core-common" "6.3.1" - "@storybook/node-logger" "6.3.1" - "@storybook/theming" "6.3.1" - "@storybook/ui" "6.3.1" + "@storybook/addons" "6.3.2" + "@storybook/core-client" "6.3.2" + "@storybook/core-common" "6.3.2" + "@storybook/node-logger" "6.3.2" + "@storybook/theming" "6.3.2" + "@storybook/ui" "6.3.2" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" babel-loader "^8.2.2" @@ -2528,10 +2528,10 @@ webpack-dev-middleware "^3.7.3" webpack-virtual-modules "^0.2.2" -"@storybook/node-logger@6.3.1", "@storybook/node-logger@^6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.1.tgz#bec26de8f3f617d77ae9b0b9d1cca7cf385341df" - integrity sha512-1nyevS5a/B5zoYfMYFh98ll7mWTjHOLy8YZIfF6TEg3F4IIZDu3R0NoRMuXW3qCPmhVrHA1Rts0G5jzi157IUw== +"@storybook/node-logger@6.3.2", "@storybook/node-logger@^6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.2.tgz#fc4c6f707030e04f8bc559bc188802d549b0507c" + integrity sha512-TJvJpysIIP3EWoyfFDmXCRC/yTReu0jIFUPdldh4FjhADjQU+JTbLwJmtcJyHoMSqfIHgUc1TB6D/B4PjYqElA== dependencies: "@types/npmlog" "^4.1.2" chalk "^4.1.0" @@ -2539,10 +2539,10 @@ npmlog "^4.1.2" pretty-hrtime "^1.0.3" -"@storybook/postinstall@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.1.tgz#2f245e948de274ff10a6df73814130e9a0ac6247" - integrity sha512-xmDYJ7dcdc5zKNOvPbtIVgde5bM+advFzOFdstU1NRPojfGK8J6/RbJ1QD07fNb3eD6p2S8rTlXZ0wBvOlrP9g== +"@storybook/postinstall@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.2.tgz#6abe1093fd3f12614bbcd9bc90d65abaaf311587" + integrity sha512-RkzrEr5GyBKFEPwOJw6JFRqkCtexvqZbyQeDuQ8K5AxRoJOcdXfxtb2Qkq06wfUnexxhZ9R0ktzepdtzk89ALw== dependencies: core-js "^3.8.2" @@ -2559,10 +2559,10 @@ react-docgen-typescript-plugin "^0.6.2" semver "^7.3.2" -"@storybook/react-docgen-typescript-plugin@1.0.2-canary.3c70e01.0": - version "1.0.2-canary.3c70e01.0" - resolved "https://registry.yarnpkg.com/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.2-canary.3c70e01.0.tgz#de49451523b86640463acc6028985ca11d8a63d1" - integrity sha512-go1LO+iM6qLGhgqvEoEpw339/kf2YBX86aG2JewWwlHCO0YyyYdlsdZd3KkB5MVtudyK7mtrcNDq0k/EIaB2JA== +"@storybook/react-docgen-typescript-plugin@1.0.2-canary.253f8c1.0": + version "1.0.2-canary.253f8c1.0" + resolved "https://registry.yarnpkg.com/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.2-canary.253f8c1.0.tgz#f2da40e6aae4aa586c2fb284a4a1744602c3c7fa" + integrity sha512-mmoRG/rNzAiTbh+vGP8d57dfcR2aP+5/Ll03KKFyfy5FqWFm/Gh7u27ikx1I3LmVMI8n6jh5SdWMkMKon7/tDw== dependencies: debug "^4.1.1" endent "^2.0.1" @@ -2572,19 +2572,19 @@ react-docgen-typescript "^2.0.0" tslib "^2.0.0" -"@storybook/react@^6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.1.tgz#99e31dd3dcfd548d74ac90abd6b0932974827ef9" - integrity sha512-P3neN04YWpIyJ0kLq5UWo390wwM9HG6hVOJUi1uw9lMFbZoy/oVM77ot+77Mtfq3S58Rv51iohFF9DAkxPFNzA== +"@storybook/react@^6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.2.tgz#6c9b2e010874ccc991a511cfed87b134ef02bc6d" + integrity sha512-AwuXzvu6zKSZnWFgYWxvP1QumnJ/8VChZJ1/pCEW3IGqxtSBd7KAF7EjlmS6CqAnWP+zp9jUr7It1P9631CwNQ== dependencies: "@babel/preset-flow" "^7.12.1" "@babel/preset-react" "^7.12.10" "@pmmmwh/react-refresh-webpack-plugin" "^0.4.3" - "@storybook/addons" "6.3.1" - "@storybook/core" "6.3.1" - "@storybook/core-common" "6.3.1" - "@storybook/node-logger" "6.3.1" - "@storybook/react-docgen-typescript-plugin" "1.0.2-canary.3c70e01.0" + "@storybook/addons" "6.3.2" + "@storybook/core" "6.3.2" + "@storybook/core-common" "6.3.2" + "@storybook/node-logger" "6.3.2" + "@storybook/react-docgen-typescript-plugin" "1.0.2-canary.253f8c1.0" "@storybook/semver" "^7.3.2" "@types/webpack-env" "^1.16.0" babel-plugin-add-react-displayname "^0.0.5" @@ -2617,13 +2617,13 @@ qs "^6.10.0" ts-dedent "^2.0.0" -"@storybook/router@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.1.tgz#4ab6942e4ff86ddeb83c2fe7121ded81a482c95e" - integrity sha512-7YZlXdkWTttvK5OvqCjP8V8KdYx3FfTG0aKIo0koTsq1O09pPvM8aoNUZ0bNeEq9yE+1CLPiickaBtA9A29q2Q== +"@storybook/router@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.2.tgz#8df811af403d08ba5b9dcf005eab38bb6d3929d9" + integrity sha512-2oe2w1h4ucKhVub2NjKqwvJ6E6b57rA0fr8EOElPXdQXDi2fD3hFjUIXL4OdWG+GMVEqfkoje0eRCDRdjbu+yg== dependencies: "@reach/router" "^1.3.4" - "@storybook/client-logger" "6.3.1" + "@storybook/client-logger" "6.3.2" "@types/reach__router" "^1.3.7" core-js "^3.8.2" fast-deep-equal "^3.1.3" @@ -2641,13 +2641,13 @@ core-js "^3.6.5" find-up "^4.1.0" -"@storybook/source-loader@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.1.tgz#e3626c13913a498623ee157a7113b65973e2b79a" - integrity sha512-eYB8UoUV235B/Fq2Ydg7sZ1/nntDQxB3UihmDEHfXo2qhwVt2qokR74MbTQdMIA+iDXHTFNMHicMj49Wb4FpAw== +"@storybook/source-loader@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.2.tgz#2f2132b9743c95e4f40d26a28b5255bb762e16fc" + integrity sha512-tg8VDBoVRrazDdvFJBtAp0ChztaF3cxmXsbWCOxYkP8u4sYDXBikJCllSGzkuSx6GUuU0kyQ0JV94Bd2ECTdOw== dependencies: - "@storybook/addons" "6.3.1" - "@storybook/client-logger" "6.3.1" + "@storybook/addons" "6.3.2" + "@storybook/client-logger" "6.3.2" "@storybook/csf" "0.0.1" core-js "^3.8.2" estraverse "^5.2.0" @@ -2675,15 +2675,15 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/theming@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.1.tgz#fd945bd5e983a9f96c7b8894de88a3eedf01f35b" - integrity sha512-YDXv7QFMqfl/S2TVlvvUzO0CtNPbA/Pf1uHb9aUxcmUPvh/uZsuTXvahWqaRDF4hv+NjxEPPXK6ofd0fBTKEjQ== +"@storybook/theming@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.2.tgz#1fbee52cb46b0386431c016f5150c7c7a0a05d4b" + integrity sha512-XICs67cuEGQxnzJ2SYPRZiIELaUCFQsYhtBTXycJIpBUbcbysdBE7GH+3aG8PpDMaSgHWJ7qaiYEoPlhFbAv1w== dependencies: "@emotion/core" "^10.1.1" "@emotion/is-prop-valid" "^0.8.6" "@emotion/styled" "^10.0.27" - "@storybook/client-logger" "6.3.1" + "@storybook/client-logger" "6.3.2" core-js "^3.8.2" deep-object-diff "^1.1.0" emotion-theming "^10.0.27" @@ -2693,21 +2693,21 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/ui@6.3.1": - version "6.3.1" - resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.1.tgz#dc9faef9ba97aca5183d6c9ea0b2e0b1e48245ec" - integrity sha512-ax5fIM9wDRmthNtKjlozmakC5T8ansH5yeJHP8PnBazDu4Fcxuz563r455K9U303HaXceITIw41KvhHfa1BmaA== +"@storybook/ui@6.3.2": + version "6.3.2" + resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.2.tgz#af6d793a22d0e127fed7e2b041133792bf1646b6" + integrity sha512-Aqzr5vQsr67iDwg41CmHr/NlcNayld8PPGWqtxJ/+/fSScnKZ8KdwGoqpj64dizowoggpCCeYVZCanHhxS47Vg== dependencies: "@emotion/core" "^10.1.1" - "@storybook/addons" "6.3.1" - "@storybook/api" "6.3.1" - "@storybook/channels" "6.3.1" - "@storybook/client-logger" "6.3.1" - "@storybook/components" "6.3.1" - "@storybook/core-events" "6.3.1" - "@storybook/router" "6.3.1" + "@storybook/addons" "6.3.2" + "@storybook/api" "6.3.2" + "@storybook/channels" "6.3.2" + "@storybook/client-logger" "6.3.2" + "@storybook/components" "6.3.2" + "@storybook/core-events" "6.3.2" + "@storybook/router" "6.3.2" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.1" + "@storybook/theming" "6.3.2" "@types/markdown-to-jsx" "^6.11.3" copy-to-clipboard "^3.3.1" core-js "^3.8.2" @@ -13052,7 +13052,7 @@ store2@^2.12.0: resolved "https://registry.yarnpkg.com/store2/-/store2-2.12.0.tgz#e1f1b7e1a59b6083b2596a8d067f6ee88fd4d3cf" integrity sha512-7t+/wpKLanLzSnQPX8WAcuLCCeuSHoWdQuh9SB3xD0kNOM38DNf+0Oa+wmvxmYueRzkmh6IcdKFtvTa+ecgPDw== -storybook-addon-outline@^1.4.0: +storybook-addon-outline@^1.4.1: version "1.4.1" resolved "https://registry.yarnpkg.com/storybook-addon-outline/-/storybook-addon-outline-1.4.1.tgz#0a1b262b9c65df43fc63308a1fdbd4283c3d9458" integrity sha512-Qvv9X86CoONbi+kYY78zQcTGmCgFaewYnOVR6WL7aOFJoW7TrLiIc/O4hH5X9PsEPZFqjfXEPUPENWVUQim6yw== From 98e6fd7546e02606c2889475ff06c17fbfc3e895 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Fri, 2 Jul 2021 23:07:51 +0530 Subject: [PATCH 19/42] =?UTF-8?q?feat:=20=E2=9C=A8=20updated=20rating=20co?= =?UTF-8?q?mponent=20to=20improve=20accessibility=20(keyboard=20usage)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/rating/rating.stories.tsx | 12 ++- src/components/rating/rating.styled.ts | 30 ++++-- src/components/rating/rating.tsx | 114 ++++++++++++++++------- 3 files changed, 113 insertions(+), 43 deletions(-) diff --git a/src/components/rating/rating.stories.tsx b/src/components/rating/rating.stories.tsx index 4f60f21..8341546 100644 --- a/src/components/rating/rating.stories.tsx +++ b/src/components/rating/rating.stories.tsx @@ -14,13 +14,19 @@ export default { } as Meta; const Template: Story = (args) => { - const [value, setValue] = useState(3); + const [value, setValue] = useState(null); return ( setValue(Number(e.currentTarget.value))} + onChange={(e) => { + setValue( + e.currentTarget.value === '' + ? null + : Number(e.currentTarget.value) + ); + }} /> ); }; @@ -28,4 +34,6 @@ const Template: Story = (args) => { export const Default = Template.bind({}); Default.args = { color: 'primary', + disabled: false, + readOnly: false, }; diff --git a/src/components/rating/rating.styled.ts b/src/components/rating/rating.styled.ts index 78cbb28..8a49093 100644 --- a/src/components/rating/rating.styled.ts +++ b/src/components/rating/rating.styled.ts @@ -1,18 +1,36 @@ import styled from 'styled-components'; import { Icon } from '../icon'; +import { MainColors } from '../../config/theme'; -export type StyledRatingProps = {}; +export type StyledRatingProps = { + disabled: boolean; + color: MainColors; + focus: boolean; +}; -const StyledRating = styled.div``; +const StyledRating = styled.span` + color: ${(pr) => + pr.disabled + ? pr.theme.disabled + : pr.theme[pr.color]['main']} !important; + font-size: 1.5rem; + border: ${(pr) => pr.focus && `1px solid ${pr.theme.grey['500']}`}; +`; export type StyledRatingIconProps = { active: boolean; - filled: boolean; }; export const StyledRatingIcon = styled(Icon)` - transform: ${(pr) => pr.active && 'scale(1.5)'}; - transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: ${(pr) => pr.filled && 'red'}; + transform: ${(pr) => pr.active && 'scale(1.2)'}; + transition: transform 150ms; + color: inherit; + font-size: inherit; +`; + +export const StyledRatingItem = styled.div<{ focus: boolean }>` + line-height: 75%; + display: inline-block; + border: ${(pr) => pr.focus && `1px solid ${pr.theme.grey['500']}`}; `; export default StyledRating; diff --git a/src/components/rating/rating.tsx b/src/components/rating/rating.tsx index 90dc4d2..4a6e6d5 100644 --- a/src/components/rating/rating.tsx +++ b/src/components/rating/rating.tsx @@ -2,20 +2,24 @@ import React, { ChangeEventHandler, ForwardRefRenderFunction, ReactNode, - useEffect, + useCallback, useState, } from 'react'; import { ComponentSize } from '../../config/sizes'; -import { MdStar } from 'react-icons/all'; +import { MdStar, MdStarBorder } from 'react-icons/all'; import { MainColors } from '../../config/theme'; -import { StyledRatingIcon } from './rating.styled'; +import StyledRating, { + StyledRatingIcon, + StyledRatingItem, +} from './rating.styled'; import visuallyHidden from '../../utils/visuallyHiddenCss'; import styled from 'styled-components'; export type RatingProps = { - value?: number; + value?: number | null; disabled?: boolean; - icon?: boolean; + filledIcon?: ReactNode; + emptyIcon?: ReactNode; max?: number; onChange?: ChangeEventHandler; readOnly?: boolean; @@ -26,13 +30,16 @@ export type RatingProps = { type RatingItemProps = { isActive: boolean; - setIsActive: () => void; + setIsActive?: () => void; filled: boolean; - icon: ReactNode; + filledIcon: ReactNode; + emptyIcon: ReactNode; value: number; name: string; checked: boolean; onChange?: ChangeEventHandler; + readOnly: boolean; + id: string; }; const HiddenInput = styled.input` @@ -44,38 +51,45 @@ const RatingItem: React.FC = (props) => { setIsActive, isActive, filled, - icon, + filledIcon, + emptyIcon, value, name, checked, onChange, + readOnly, + id, } = props; - console.log(visuallyHidden); + const [focus, setFocus] = useState(false); - console.log({ isActive, filled }); - const [id] = useState(`matcha-${Math.round(Math.random() * 1e9)}`); return ( - <> - )} From 8d5e290026cb82a9bc9b2539ca1f5c3a58e6193a Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Sat, 3 Jul 2021 13:57:44 +0530 Subject: [PATCH 21/42] =?UTF-8?q?fix:=20=F0=9F=90=9B=20fixed=20outer=20div?= =?UTF-8?q?=20getting=20focused=20before=20the=20input=20element?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/input/input.styled.ts | 4 +--- src/components/input/input.tsx | 1 + 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/input/input.styled.ts b/src/components/input/input.styled.ts index 77ae532..f556957 100644 --- a/src/components/input/input.styled.ts +++ b/src/components/input/input.styled.ts @@ -22,9 +22,7 @@ export const StyledAdornment = styled.span` font-size: inherit; `; -export const StyledInputWrapper = styled.div.attrs({ - tabIndex: 0, -})` +export const StyledInputWrapper = styled.div` display: inline-flex; align-items: center; padding-left: ${(pr) => pr.startAdornment && `0.8rem`}; diff --git a/src/components/input/input.tsx b/src/components/input/input.tsx index 9939658..a220c46 100644 --- a/src/components/input/input.tsx +++ b/src/components/input/input.tsx @@ -2,6 +2,7 @@ import React, { CSSProperties, ForwardRefRenderFunction, ReactNode, + useState, } from 'react'; import { ChangeEvent } from 'react'; import { MainColors } from '../../config/theme'; From 9455f37e2b3f226a42e4b215ec41ab2861d92c30 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Sat, 3 Jul 2021 23:33:03 +0530 Subject: [PATCH 22/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20simple=20grid?= =?UTF-8?q?=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/grid/grid.stories.tsx | 18 +++++++++++ src/components/grid/grid.styled.ts | 45 ++++++++++++++++++++++++++++ src/components/grid/grid.tsx | 30 +++++++++++++++++++ src/components/grid/index.ts | 1 + src/components/input/input.tsx | 1 - 5 files changed, 94 insertions(+), 1 deletion(-) create mode 100644 src/components/grid/grid.stories.tsx create mode 100644 src/components/grid/grid.styled.ts create mode 100644 src/components/grid/grid.tsx create mode 100644 src/components/grid/index.ts diff --git a/src/components/grid/grid.stories.tsx b/src/components/grid/grid.stories.tsx new file mode 100644 index 0000000..e3c3cc2 --- /dev/null +++ b/src/components/grid/grid.stories.tsx @@ -0,0 +1,18 @@ +import { Story, Meta } from '@storybook/react'; +import Grid, { GridProps } from './grid'; + +export default { + title: 'Example/Grid', + component: Grid, +} as Meta; + +const Template: Story = (args) => ( + +

Text 1

+

text 2

+

text 3

+ +); + +export const Default = Template.bind({}); +Default.args = {}; diff --git a/src/components/grid/grid.styled.ts b/src/components/grid/grid.styled.ts new file mode 100644 index 0000000..d7a2891 --- /dev/null +++ b/src/components/grid/grid.styled.ts @@ -0,0 +1,45 @@ +import styled, { css } from 'styled-components'; + +export type StyledGridProps = + | { + type: 'fractions'; + template: Number[]; + gap: number; + } + | { + type: 'percentage'; + template: Number[]; + gap: number; + } + | { + type: 'mixed'; + template: String[]; + gap: number; + }; + +const StyledGrid = styled.div` + display: grid; + gap: ${(pr) => pr.gap + 'rem'}; + margin: 0 auto; + align-items: center; + ${(pr) => { + switch (pr.type) { + case 'fractions': + return css` + grid-template-columns: ${pr.template.join('fr ')}fr; + `; + + case 'percentage': + return css` + grid-template-columns: ${pr.template.join('% ')}%; + `; + + case 'mixed': + return css` + grid-template-columns: ${pr.template.join(' ')}; + `; + } + }} +`; + +export default StyledGrid; diff --git a/src/components/grid/grid.tsx b/src/components/grid/grid.tsx new file mode 100644 index 0000000..47bc673 --- /dev/null +++ b/src/components/grid/grid.tsx @@ -0,0 +1,30 @@ +import React from 'react'; +import StyledGrid from './grid.styled'; + +export type GridProps = + | { + type: 'fractions'; + template: Number[]; + gap?: number; + } + | { + type: 'percentage'; + template: Number[]; + gap?: number; + } + | { + type: 'mixed'; + template: String[]; + gap?: number; + }; + +const Grid: React.FC = (props) => { + const { gap = 1.5, children, ...restProps } = props; + + return ( + + {children} + + ); +}; +export default Grid; diff --git a/src/components/grid/index.ts b/src/components/grid/index.ts new file mode 100644 index 0000000..5ac66c1 --- /dev/null +++ b/src/components/grid/index.ts @@ -0,0 +1 @@ +export { default as Grid } from './grid'; diff --git a/src/components/input/input.tsx b/src/components/input/input.tsx index a220c46..9939658 100644 --- a/src/components/input/input.tsx +++ b/src/components/input/input.tsx @@ -2,7 +2,6 @@ import React, { CSSProperties, ForwardRefRenderFunction, ReactNode, - useState, } from 'react'; import { ChangeEvent } from 'react'; import { MainColors } from '../../config/theme'; From 8867baf1701d1758ceb3b231b5af9dc8bdf82132 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Tue, 6 Jul 2021 19:39:17 +0530 Subject: [PATCH 23/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20typography=20?= =?UTF-8?q?component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- src/components/fab/fab.tsx | 4 +- src/components/typography/index.ts | 1 + .../typography/typography.stories.tsx | 54 ++++++++ .../typography/typography.styled.ts | 123 ++++++++++++++++++ src/components/typography/typography.tsx | 52 ++++++++ src/config/theme.ts | 53 ++++---- yarn.lock | 8 +- 8 files changed, 263 insertions(+), 34 deletions(-) create mode 100644 src/components/typography/index.ts create mode 100644 src/components/typography/typography.stories.tsx create mode 100644 src/components/typography/typography.styled.ts create mode 100644 src/components/typography/typography.tsx diff --git a/package.json b/package.json index a0a408b..679de48 100644 --- a/package.json +++ b/package.json @@ -61,7 +61,7 @@ "@types/node": "^12.0.0", "@types/react": "^17.0.0", "@types/react-dom": "^17.0.0", - "@types/styled-components": "^5.1.9", + "@types/styled-components": "5.1.9", "devmoji": "^2.2.1", "eslint-config-prettier": "^8.3.0", "eslint-plugin-prettier": "^3.4.0", diff --git a/src/components/fab/fab.tsx b/src/components/fab/fab.tsx index af51a71..de85291 100644 --- a/src/components/fab/fab.tsx +++ b/src/components/fab/fab.tsx @@ -2,7 +2,7 @@ import React, { ForwardRefRenderFunction } from 'react'; import { ElementType, ReactNode } from 'react'; import styled from 'styled-components'; import { MainColors } from '../../config/theme'; -import Button from '../button'; +import { Button } from '../button'; export type FabProps = { color?: MainColors; @@ -27,4 +27,4 @@ const Fab: ForwardRefRenderFunction = (props, ref) => { ); }; -export default React.forwardRef(Fab); \ No newline at end of file +export default React.forwardRef(Fab); diff --git a/src/components/typography/index.ts b/src/components/typography/index.ts new file mode 100644 index 0000000..f2ea1f1 --- /dev/null +++ b/src/components/typography/index.ts @@ -0,0 +1 @@ +export { default as Typography } from './typography'; diff --git a/src/components/typography/typography.stories.tsx b/src/components/typography/typography.stories.tsx new file mode 100644 index 0000000..34fd78d --- /dev/null +++ b/src/components/typography/typography.stories.tsx @@ -0,0 +1,54 @@ +import { Story, Meta } from '@storybook/react'; +import Typography, { TypographyProps } from './typography'; + +export default { + title: 'Example/Typography', + component: Typography, + argTypes: { + variant: { + options: [ + 'p', + 'p-sm', + 'caption', + 'h1', + 'h2', + 'h3', + 'h4', + 'h5', + 'h6', + 'subtitle', + 'subtitle-bold', + ], + control: { type: 'radio' }, + }, + color: { + options: [ + 'primary', + 'secondary', + 'error', + 'warning', + 'info', + 'grey', + 'black', + ], + control: { type: 'radio' }, + }, + align: { + options: ['center', 'inherit', 'justify', 'left', 'right'], + control: { type: 'radio' }, + }, + }, +} as Meta; + +const Template: Story = (args) => ( + + Lorem ipsum dolor sit amet, consectetur adipisicing elit. + +); + +export const Default = Template.bind({}); +Default.args = { + variant: 'p', + color: 'grey', + align: 'left', +}; diff --git a/src/components/typography/typography.styled.ts b/src/components/typography/typography.styled.ts new file mode 100644 index 0000000..a46999f --- /dev/null +++ b/src/components/typography/typography.styled.ts @@ -0,0 +1,123 @@ +import styled, { css } from 'styled-components'; +import { MainColors } from '../../config/theme'; + +export type StyledTypographyProps = { + color: MainColors | 'grey' | 'black'; + align: 'center' | 'inherit' | 'justify' | 'left' | 'right'; + variant: + | 'p' + | 'p-sm' + | 'caption' + | 'h1' + | 'h2' + | 'h3' + | 'h4' + | 'h5' + | 'h6' + | 'subtitle' + | 'subtitle-bold'; +}; + +const styledPara = css` + font-size: 1rem; + letter-spacing: 0.01rem; + font-weight: 400; + line-height: 1.5; +`; + +const styledParaSmall = css` + font-size: 0.875rem; + letter-spacing: 0.01rem; + font-weight: 400; + line-height: 1.4; +`; + +const styledCaption = css` + font-size: 0.75rem; + letter-spacing: 0.033rem; + font-weight: 400; + line-height: 1.66; +`; + +const styledH1 = css` + font-size: 6rem; + font-weight: 300; + letter-spacing: -0.15rem; + line-height: 1.16; +`; + +const styledH2 = css` + font-size: 3.75rem; + font-weight: 300; + letter-spacing: -0.008rem; + line-height: 1.2; +`; + +const styledH3 = css` + font-size: 3rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.16; +`; + +const styledH4 = css` + font-size: 2.125rem; + font-weight: 400; + letter-spacing: 0.007rem; + line-height: 1.25; +`; + +const styledH5 = css` + font-size: 1.5rem; + font-weight: 400; + letter-spacing: 0; + line-height: 1.35; +`; + +const styledH6 = css` + font-size: 1.25rem; + font-weight: 500; + letter-spacing: 0.0075rem; + line-height: 1.6; +`; + +const styledSubtitle = css` + font-size: 1rem; + font-weight: 400; + letter-spacing: 0.01rem; + line-height: 1.75; +`; + +const styledSubtitleSmall = css` + font-size: 0.875rem; + font-weight: 500; + letter-spacing: 0.007rem; + line-height: 1.6; +`; + +const variantMapping = { + p: styledPara, + 'p-sm': styledParaSmall, + caption: styledCaption, + h1: styledH1, + h2: styledH2, + h3: styledH3, + h4: styledH4, + h5: styledH5, + h6: styledH6, + subtitle: styledSubtitle, + 'subtitle-bold': styledSubtitleSmall, +}; + +const StyledTypography = styled.div` + ${(pr) => variantMapping[pr.variant]}; + text-align: ${(pr) => pr.align}; + color: ${(pr) => { + const { color } = pr; + if (color === 'black') return 'black'; + if (color === 'grey') return pr.theme.grey['900']; + return pr.theme[color].main; + }}; +`; + +export default StyledTypography; diff --git a/src/components/typography/typography.tsx b/src/components/typography/typography.tsx new file mode 100644 index 0000000..ec1b19b --- /dev/null +++ b/src/components/typography/typography.tsx @@ -0,0 +1,52 @@ +import React, { ElementType, ForwardRefRenderFunction } from 'react'; +import { MainColors } from '../../config/theme'; +import StyledTypography from './typography.styled'; + +export type TypographyProps = { + color?: MainColors | 'grey' | 'black'; + align?: 'center' | 'inherit' | 'justify' | 'left' | 'right'; + component?: ElementType; + variant?: + | 'p' + | 'p-sm' + | 'caption' + | 'h1' + | 'h2' + | 'h3' + | 'h4' + | 'h5' + | 'h6' + | 'subtitle' + | 'subtitle-bold'; +}; + +const Typography: ForwardRefRenderFunction = ( + props, + ref +) => { + const { color = 'grey', align = 'left', component, variant = 'p' } = props; + + const componentMapping = { + 'p-sm': 'p', + caption: 'span', + subtitle: 'h6', + 'subtitle-bold': 'h6', + }; + + // if the result of componentMapping is null, then variant will be selected by default + // @ts-ignore + const asProp = component || componentMapping[variant] || variant; + + const styles = { + align, + color, + variant, + }; + + return ( + + test + + ); +}; +export default React.forwardRef(Typography); diff --git a/src/config/theme.ts b/src/config/theme.ts index 615e606..ea439a6 100644 --- a/src/config/theme.ts +++ b/src/config/theme.ts @@ -175,33 +175,32 @@ const defaultTheme = { export type MainColors = 'primary' | 'secondary' | 'error' | 'warning' | 'info'; -export type ColorVariants = { - main?: string; - light?: string; - dark?: string; - contrastText?: string; - hover?: string; - focus?: string; - active?: string; - lighter10?: string; - darker10?: string; - lighter20?: string; - darker20?: string; - lighter30?: string; - darker30?: string; - lighter40?: string; - darker40?: string; - lighter50?: string; - darker50?: string; - lighter60?: string; - darker60?: string; - lighter70?: string; - darker70?: string; - lighter80?: string; - darker80?: string; - lighter90?: string; - darker90?: string; -}; +export type ColorVariants = + | 'main' + | 'light' + | 'dark' + | 'contrastText' + | 'hover' + | 'focus' + | 'active' + | 'lighter10' + | 'darker10' + | 'lighter20' + | 'darker20' + | 'lighter30' + | 'darker30' + | 'lighter40' + | 'darker40' + | 'lighter50' + | 'darker50' + | 'lighter60' + | 'darker60' + | 'lighter70' + | 'darker70' + | 'lighter80' + | 'darker80' + | 'lighter90' + | 'darker90'; export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl'; diff --git a/yarn.lock b/yarn.lock index 029307a..0c40632 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3199,10 +3199,10 @@ resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.0.tgz#7036640b4e21cc2f259ae826ce843d277dad8cff" integrity sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw== -"@types/styled-components@^5.1.9": - version "5.1.10" - resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.10.tgz#b509da9d62be8a02cefd88ec6b820f417429a503" - integrity sha512-g3ZfWlTiyXktASIhcfCicZtqB/fFFnq0a7kPYYxKXNggdrohp8m/9bMmmt3zDvHj2gplWDGCkZByfFnEXfbSWg== +"@types/styled-components@5.1.9": + version "5.1.9" + resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.9.tgz#00d3d84b501420521c4db727e3c195459f87a6cf" + integrity sha512-kbEG6YlwK8rucITpKEr6pA4Ho9KSQHUUOzZ9lY3va1mtcjvS3D0wDciFyHEiNHKLL/npZCKDQJqm0x44sPO9oA== dependencies: "@types/hoist-non-react-statics" "*" "@types/react" "*" From 5426776b69f215140dec4c6e3ae4afb973182c8c Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Mon, 12 Jul 2021 18:01:13 +0530 Subject: [PATCH 24/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20card=20compon?= =?UTF-8?q?ent?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/card/card.stories.tsx | 50 +++++++++++++++++++ src/components/card/card.styled.ts | 15 ++++++ src/components/card/card.tsx | 45 +++++++++++++++++ src/components/card/index.ts | 1 + .../typography/typography.styled.ts | 2 +- src/components/typography/typography.tsx | 16 ++++-- 6 files changed, 123 insertions(+), 6 deletions(-) create mode 100644 src/components/card/card.stories.tsx create mode 100644 src/components/card/card.styled.ts create mode 100644 src/components/card/card.tsx create mode 100644 src/components/card/index.ts diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx new file mode 100644 index 0000000..bc117ab --- /dev/null +++ b/src/components/card/card.stories.tsx @@ -0,0 +1,50 @@ +import { Story, Meta } from '@storybook/react'; +import Card, { CardActions, CardContent, CardProps } from './card'; +import { Typography } from '../typography'; +import { Button } from '../button'; +import { Icon } from '../icon'; +import { IoMdHeartEmpty } from 'react-icons/all'; + +export default { + title: 'Example/Card', + component: Card, + // argTypes: { + // color: { + // options: ['primary', 'secondary', 'error', 'warning', 'info'], + // control: { type: 'radio' }, + // }, + // }, +} as Meta; + +const Template: Story = (args) => ( +
+ + eloquent js book + + + Eloquent JS + + + {' '} + Eloquent JavaScript, 3rd Edition: A Modern Introduction to + Programming Paperback – 4 + + + + + + + +
+); + +export const Default = Template.bind({}); +Default.args = {}; diff --git a/src/components/card/card.styled.ts b/src/components/card/card.styled.ts new file mode 100644 index 0000000..d5c33c7 --- /dev/null +++ b/src/components/card/card.styled.ts @@ -0,0 +1,15 @@ +import styled from 'styled-components'; + +export type StyledCardRootProps = { + variant: 'outlined' | 'elevated'; + minWidth: string; +}; + +const StyledCardRoot = styled.section` + box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), + 0 1px 5px 0 rgb(0 0 0 / 12%); + border-radius: 0.25rem; + min-width: ${(pr) => pr.minWidth}; +`; + +export default StyledCardRoot; diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx new file mode 100644 index 0000000..92af829 --- /dev/null +++ b/src/components/card/card.tsx @@ -0,0 +1,45 @@ +import React, { CSSProperties, ElementType } from 'react'; +import StyledCardRoot from './card.styled'; +import styled from 'styled-components'; +import { Property } from 'csstype'; + +export type CardProps = { + variant?: 'outlined' | 'elevated'; + style?: CSSProperties; + minWidth?: number | string; + as?: ElementType; +}; + +const Card: React.FC = (props) => { + const { variant = 'elevated', style, minWidth = 16, ...restProps } = props; + + const minWidthProp = + typeof minWidth === 'string' ? minWidth : `${minWidth}rem`; + + return ( + + ); +}; + +export const CardContent = styled.div` + padding: 1rem; + &:last-child { + padding-bottom: 1.5rem; + } +`; + +export const CardActions = styled.div<{ + justifyContent?: Property.JustifyContent; +}>` + display: flex; + padding: 0.5rem; + align-items: center; + justify-content: ${(pr) => pr.justifyContent || 'space-around'}; +`; + +export default Card; diff --git a/src/components/card/index.ts b/src/components/card/index.ts new file mode 100644 index 0000000..3c3b401 --- /dev/null +++ b/src/components/card/index.ts @@ -0,0 +1 @@ +export { default as Card } from './card'; diff --git a/src/components/typography/typography.styled.ts b/src/components/typography/typography.styled.ts index a46999f..e69bc05 100644 --- a/src/components/typography/typography.styled.ts +++ b/src/components/typography/typography.styled.ts @@ -115,7 +115,7 @@ const StyledTypography = styled.div` color: ${(pr) => { const { color } = pr; if (color === 'black') return 'black'; - if (color === 'grey') return pr.theme.grey['900']; + if (color === 'grey') return pr.theme.text.secondary; return pr.theme[color].main; }}; `; diff --git a/src/components/typography/typography.tsx b/src/components/typography/typography.tsx index ec1b19b..f9a527a 100644 --- a/src/components/typography/typography.tsx +++ b/src/components/typography/typography.tsx @@ -1,4 +1,4 @@ -import React, { ElementType, ForwardRefRenderFunction } from 'react'; +import React, { ElementType, ForwardRefRenderFunction, ReactNode } from 'react'; import { MainColors } from '../../config/theme'; import StyledTypography from './typography.styled'; @@ -18,13 +18,20 @@ export type TypographyProps = { | 'h6' | 'subtitle' | 'subtitle-bold'; + children: ReactNode; }; const Typography: ForwardRefRenderFunction = ( props, ref ) => { - const { color = 'grey', align = 'left', component, variant = 'p' } = props; + const { + color = 'grey', + align = 'left', + component, + variant = 'p', + ...restProps + } = props; const componentMapping = { 'p-sm': 'p', @@ -44,9 +51,8 @@ const Typography: ForwardRefRenderFunction = ( }; return ( - - test - + ); }; + export default React.forwardRef(Typography); From 8aea5d959b584b3ec5e4ff4a936daffa34769324 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Wed, 28 Jul 2021 13:04:12 +0530 Subject: [PATCH 25/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20responsive=20?= =?UTF-8?q?image=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/card/card.stories.tsx | 40 +- src/components/card/card.styled.ts | 3 + src/components/card/card.tsx | 32 +- src/components/image/image.stories.tsx | 20 + src/components/image/image.styled.ts | 21 + src/components/image/image.tsx | 26 + src/components/image/index.ts | 1 + yarn.lock | 1738 +++++++++++------------- 8 files changed, 926 insertions(+), 955 deletions(-) create mode 100644 src/components/image/image.stories.tsx create mode 100644 src/components/image/image.styled.ts create mode 100644 src/components/image/image.tsx create mode 100644 src/components/image/index.ts diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx index bc117ab..393449a 100644 --- a/src/components/card/card.stories.tsx +++ b/src/components/card/card.stories.tsx @@ -1,5 +1,5 @@ import { Story, Meta } from '@storybook/react'; -import Card, { CardActions, CardContent, CardProps } from './card'; +import Card, { CardActions, CardBadge, CardContent, CardProps } from './card'; import { Typography } from '../typography'; import { Button } from '../button'; import { Icon } from '../icon'; @@ -16,9 +16,10 @@ export default { // }, } as Meta; -const Template: Story = (args) => ( +const SimpleCardTemplate: Story = (args) => (
+ test eloquent js book = (args) => (
); -export const Default = Template.bind({}); -Default.args = {}; +export const SimpleCard = SimpleCardTemplate.bind({}); +SimpleCard.args = {}; + +const HorizontalCardTemplate: Story = (args) => ( + + eloquent js book + + + Eloquent JS + + + {' '} + Eloquent JavaScript, 3rd Edition: A Modern Introduction to + Programming Paperback – 4 + + + + + + + +); + +export const HorizontalCard = HorizontalCardTemplate.bind({}); +HorizontalCard.args = {}; diff --git a/src/components/card/card.styled.ts b/src/components/card/card.styled.ts index d5c33c7..dd2a38e 100644 --- a/src/components/card/card.styled.ts +++ b/src/components/card/card.styled.ts @@ -3,6 +3,7 @@ import styled from 'styled-components'; export type StyledCardRootProps = { variant: 'outlined' | 'elevated'; minWidth: string; + maxWidth?: string; }; const StyledCardRoot = styled.section` @@ -10,6 +11,8 @@ const StyledCardRoot = styled.section` 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 0.25rem; min-width: ${(pr) => pr.minWidth}; + max-width: ${(pr) => pr.maxWidth}; + position: relative; `; export default StyledCardRoot; diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx index 92af829..9733cf2 100644 --- a/src/components/card/card.tsx +++ b/src/components/card/card.tsx @@ -2,31 +2,46 @@ import React, { CSSProperties, ElementType } from 'react'; import StyledCardRoot from './card.styled'; import styled from 'styled-components'; import { Property } from 'csstype'; +import { MainColors } from '../../config/theme'; export type CardProps = { variant?: 'outlined' | 'elevated'; style?: CSSProperties; minWidth?: number | string; + maxWidth?: number | string; as?: ElementType; }; const Card: React.FC = (props) => { - const { variant = 'elevated', style, minWidth = 16, ...restProps } = props; + const { + variant = 'elevated', + style, + minWidth = 16, + maxWidth, + ...restProps + } = props; const minWidthProp = typeof minWidth === 'string' ? minWidth : `${minWidth}rem`; + const maxWidthProp = + typeof maxWidth === 'string' ? maxWidth : `${maxWidth}rem`; + return ( ); }; export const CardContent = styled.div` + display: flex; + flex-direction: column; + justify-content: space-around; padding: 1rem; &:last-child { padding-bottom: 1.5rem; @@ -42,4 +57,19 @@ export const CardActions = styled.div<{ justify-content: ${(pr) => pr.justifyContent || 'space-around'}; `; +export const CardBadge = styled.span<{ + top?: number; + left?: number; + color?: MainColors; +}>` + position: absolute; + top: ${(pr) => pr.top || '1rem'}; + left: ${(pr) => pr.left || '0rem'}; + background-color: ${(pr) => pr.theme[pr.color || 'primary'].main}; + color: ${(pr) => pr.theme[pr.color || 'primary'].contrastText}; + z-index: 2; + border-radius: 0.5rem; + padding: 0.2rem 0.5rem; +`; + export default Card; diff --git a/src/components/image/image.stories.tsx b/src/components/image/image.stories.tsx new file mode 100644 index 0000000..ecff67d --- /dev/null +++ b/src/components/image/image.stories.tsx @@ -0,0 +1,20 @@ +import { Story, Meta } from '@storybook/react'; +import Image, { ImageProps } from './image'; + +export default { + title: 'Example/Image', + component: Image, +} as Meta; + +const Template: Story = (args) => ; + +export const Default = Template.bind({}); +Default.args = { + rounded: false, + shadow: true, + src: 'https://i.pinimg.com/564x/36/db/eb/36dbeb4e00922f31283562034c3077c2.jpg', + alt: 'temp', + style: { + width: '2rem', + }, +}; diff --git a/src/components/image/image.styled.ts b/src/components/image/image.styled.ts new file mode 100644 index 0000000..ae152c6 --- /dev/null +++ b/src/components/image/image.styled.ts @@ -0,0 +1,21 @@ +import styled from 'styled-components'; +import { Property } from 'csstype'; + +export type StyledImageProps = { + rounded: boolean; + shadow?: boolean; + objectFit?: Property.ObjectFit; +}; + +const StyledImage = styled.img` + border-radius: ${(pr) => pr.rounded && '50%'}; + object-fit: ${(pr) => pr.objectFit}; + box-shadow: ${(pr) => + pr.shadow && + `0 3px 1px -2px rgb(0 0 0 / 20%), + 0px 2px 2px 0px rgb(0 0 0 / 14%), + 0px 1px 5px 0px rgb(0 0 0 / 12%)`}; + width: 100%; +`; + +export default StyledImage; diff --git a/src/components/image/image.tsx b/src/components/image/image.tsx new file mode 100644 index 0000000..206585b --- /dev/null +++ b/src/components/image/image.tsx @@ -0,0 +1,26 @@ +import React, { ForwardRefRenderFunction } from 'react'; +import StyledImage from './image.styled'; +import { Property } from 'csstype'; +export type ImageProps = { + rounded?: boolean; + shadow?: boolean; + objectFit?: Property.ObjectFit; + src: string; + alt: string; + style: React.CSSProperties; +}; + +const Image: ForwardRefRenderFunction = (props, ref) => { + const { rounded = false, shadow, objectFit, ...restProps } = props; + return ( + + ); +}; +export default React.forwardRef(Image); diff --git a/src/components/image/index.ts b/src/components/image/index.ts new file mode 100644 index 0000000..65be5d5 --- /dev/null +++ b/src/components/image/index.ts @@ -0,0 +1 @@ +export { default as Image } from './image'; diff --git a/yarn.lock b/yarn.lock index 0c40632..bfd643a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -23,10 +23,10 @@ dependencies: "@babel/highlight" "^7.14.5" -"@babel/compat-data@^7.12.1", "@babel/compat-data@^7.13.11", "@babel/compat-data@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.14.5.tgz#8ef4c18e58e801c5c95d3c1c0f2874a2680fadea" - integrity sha512-kixrYn4JwfAVPa0f2yfzc2AWti6WRRyO3XjWW5PJAvtE11qhSayrrcrEnee05KAtNaPC+EwehE8Qt1UedEVB8w== +"@babel/compat-data@^7.12.1", "@babel/compat-data@^7.13.11", "@babel/compat-data@^7.14.5", "@babel/compat-data@^7.14.7": + version "7.14.7" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.14.7.tgz#7b047d7a3a89a67d2258dc61f604f098f1bc7e08" + integrity sha512-nS6dZaISCXJ3+518CWiBfEr//gHyMO02uDxBkXTKZDN5POruCnOZ1N4YBRZDCabwF8nZMWBpRxIicmXtBs+fvw== "@babel/core@7.12.3": version "7.12.3" @@ -73,19 +73,19 @@ source-map "^0.5.0" "@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.7.5", "@babel/core@^7.8.4": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.14.5.tgz#d281f46a9905f07d1b3bf71ead54d9c7d89cb1e3" - integrity sha512-RN/AwP2DJmQTZSfiDaD+JQQ/J99KsIpOCfBE5pL+5jJSt7nI3nYGoAXZu+ffYSQ029NLs2DstZb+eR81uuARgg== + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.14.8.tgz#20cdf7c84b5d86d83fac8710a8bc605a7ba3f010" + integrity sha512-/AtaeEhT6ErpDhInbXmjHcUQXH0L0TEgscfcxk1qbOvLuKCa5aZT0SOOtDKFY96/CLROwbLSKyFor6idgNaU4Q== dependencies: "@babel/code-frame" "^7.14.5" - "@babel/generator" "^7.14.5" + "@babel/generator" "^7.14.8" "@babel/helper-compilation-targets" "^7.14.5" - "@babel/helper-module-transforms" "^7.14.5" - "@babel/helpers" "^7.14.5" - "@babel/parser" "^7.14.5" + "@babel/helper-module-transforms" "^7.14.8" + "@babel/helpers" "^7.14.8" + "@babel/parser" "^7.14.8" "@babel/template" "^7.14.5" - "@babel/traverse" "^7.14.5" - "@babel/types" "^7.14.5" + "@babel/traverse" "^7.14.8" + "@babel/types" "^7.14.8" convert-source-map "^1.7.0" debug "^4.1.0" gensync "^1.0.0-beta.2" @@ -93,12 +93,12 @@ semver "^6.3.0" source-map "^0.5.0" -"@babel/generator@^7.12.1", "@babel/generator@^7.12.11", "@babel/generator@^7.12.5", "@babel/generator@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.14.5.tgz#848d7b9f031caca9d0cd0af01b063f226f52d785" - integrity sha512-y3rlP+/G25OIX3mYKKIOlQRcqj7YgrvHxOLbVmyLJ9bPmi5ttvUmpydVjcFjZphOktWuA7ovbx91ECloWTfjIA== +"@babel/generator@^7.12.1", "@babel/generator@^7.12.11", "@babel/generator@^7.12.5", "@babel/generator@^7.14.8": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.14.8.tgz#bf86fd6af96cf3b74395a8ca409515f89423e070" + integrity sha512-cYDUpvIzhBVnMzRoY1fkSEhK/HmwEVwlyULYgn/tMQYd6Obag3ylCjONle3gdErfXBW61SVTlR9QR7uWlgeIkg== dependencies: - "@babel/types" "^7.14.5" + "@babel/types" "^7.14.8" jsesc "^2.5.1" source-map "^0.5.0" @@ -127,14 +127,14 @@ browserslist "^4.16.6" semver "^6.3.0" -"@babel/helper-create-class-features-plugin@^7.12.1", "@babel/helper-create-class-features-plugin@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.14.5.tgz#8842ec495516dd1ed8f6c572be92ba78b1e9beef" - integrity sha512-Uq9z2e7ZtcnDMirRqAGLRaLwJn+Lrh388v5ETrR3pALJnElVh2zqQmdbz4W2RUJYohAPh2mtyPUgyMHMzXMncQ== +"@babel/helper-create-class-features-plugin@^7.12.1", "@babel/helper-create-class-features-plugin@^7.14.5", "@babel/helper-create-class-features-plugin@^7.14.6": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.14.8.tgz#a6f8c3de208b1e5629424a9a63567f56501955fc" + integrity sha512-bpYvH8zJBWzeqi1o+co8qOrw+EXzQ/0c74gVmY205AWXy9nifHrOg77y+1zwxX5lXE7Icq4sPlSQ4O2kWBrteQ== dependencies: "@babel/helper-annotate-as-pure" "^7.14.5" "@babel/helper-function-name" "^7.14.5" - "@babel/helper-member-expression-to-functions" "^7.14.5" + "@babel/helper-member-expression-to-functions" "^7.14.7" "@babel/helper-optimise-call-expression" "^7.14.5" "@babel/helper-replace-supers" "^7.14.5" "@babel/helper-split-export-declaration" "^7.14.5" @@ -205,10 +205,10 @@ dependencies: "@babel/types" "^7.14.5" -"@babel/helper-member-expression-to-functions@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.14.5.tgz#d5c70e4ad13b402c95156c7a53568f504e2fb7b8" - integrity sha512-UxUeEYPrqH1Q/k0yRku1JE7dyfyehNwT6SVkMHvYvPDv4+uu627VXBckVj891BO8ruKBkiDoGnZf4qPDD8abDQ== +"@babel/helper-member-expression-to-functions@^7.14.5", "@babel/helper-member-expression-to-functions@^7.14.7": + version "7.14.7" + resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.14.7.tgz#97e56244beb94211fe277bd818e3a329c66f7970" + integrity sha512-TMUt4xKxJn6ccjcOW7c4hlwyJArizskAhoSTOCkA0uZ+KghIaci0Qg9R043kUMWI9mtQfgny+NQ5QATnZ+paaA== dependencies: "@babel/types" "^7.14.5" @@ -219,19 +219,19 @@ dependencies: "@babel/types" "^7.14.5" -"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.14.5.tgz#7de42f10d789b423eb902ebd24031ca77cb1e10e" - integrity sha512-iXpX4KW8LVODuAieD7MzhNjmM6dzYY5tfRqT+R9HDXWl0jPn/djKmA+G9s/2C2T9zggw5tK1QNqZ70USfedOwA== +"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.14.5", "@babel/helper-module-transforms@^7.14.8": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.14.8.tgz#d4279f7e3fd5f4d5d342d833af36d4dd87d7dc49" + integrity sha512-RyE+NFOjXn5A9YU1dkpeBaduagTlZ0+fccnIcAGbv1KGUlReBj7utF7oEth8IdIBQPcux0DDgW5MFBH2xu9KcA== dependencies: "@babel/helper-module-imports" "^7.14.5" "@babel/helper-replace-supers" "^7.14.5" - "@babel/helper-simple-access" "^7.14.5" + "@babel/helper-simple-access" "^7.14.8" "@babel/helper-split-export-declaration" "^7.14.5" - "@babel/helper-validator-identifier" "^7.14.5" + "@babel/helper-validator-identifier" "^7.14.8" "@babel/template" "^7.14.5" - "@babel/traverse" "^7.14.5" - "@babel/types" "^7.14.5" + "@babel/traverse" "^7.14.8" + "@babel/types" "^7.14.8" "@babel/helper-optimise-call-expression@^7.14.5": version "7.14.5" @@ -269,12 +269,12 @@ "@babel/traverse" "^7.14.5" "@babel/types" "^7.14.5" -"@babel/helper-simple-access@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.14.5.tgz#66ea85cf53ba0b4e588ba77fc813f53abcaa41c4" - integrity sha512-nfBN9xvmCt6nrMZjfhkl7i0oTV3yxR4/FztsbOASyTvVcoYd0TRHh7eMLdlEcCqobydC0LAF3LtC92Iwxo0wyw== +"@babel/helper-simple-access@^7.14.5", "@babel/helper-simple-access@^7.14.8": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.14.8.tgz#82e1fec0644a7e775c74d305f212c39f8fe73924" + integrity sha512-TrFN4RHh9gnWEU+s7JloIho2T76GPwRHhdzOWLqTrMnlas8T9O7ec+oEDNsRXndOmru9ymH9DFrEOxpzPoSbdg== dependencies: - "@babel/types" "^7.14.5" + "@babel/types" "^7.14.8" "@babel/helper-skip-transparent-expression-wrappers@^7.12.1", "@babel/helper-skip-transparent-expression-wrappers@^7.14.5": version "7.14.5" @@ -290,10 +290,10 @@ dependencies: "@babel/types" "^7.14.5" -"@babel/helper-validator-identifier@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.5.tgz#d0f0e277c512e0c938277faa85a3968c9a44c0e8" - integrity sha512-5lsetuxCLilmVGyiLEfoHBRX8UCFD+1m2x3Rj97WrW3V7H3u4RWRXA4evMjImCsin2J2YT0QaVDGf+z8ondbAg== +"@babel/helper-validator-identifier@^7.14.5", "@babel/helper-validator-identifier@^7.14.8": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.8.tgz#32be33a756f29e278a0d644fa08a2c9e0f88a34c" + integrity sha512-ZGy6/XQjllhYQrNw/3zfWRwZCTVSiBLZ9DHVZxn9n2gip/7ab8mv2TWlKPIBk26RwedCBoWdjLmn+t9na2Gcow== "@babel/helper-validator-option@^7.12.1", "@babel/helper-validator-option@^7.14.5": version "7.14.5" @@ -310,14 +310,14 @@ "@babel/traverse" "^7.14.5" "@babel/types" "^7.14.5" -"@babel/helpers@^7.12.1", "@babel/helpers@^7.12.5", "@babel/helpers@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.14.5.tgz#4870f8d9a6fdbbd65e5674a3558b4ff7fef0d9b2" - integrity sha512-xtcWOuN9VL6nApgVHtq3PPcQv5qFBJzoSZzJ/2c0QK/IP/gxVcoWSNQwFEGvmbQsuS9rhYqjILDGGXcTkA705Q== +"@babel/helpers@^7.12.1", "@babel/helpers@^7.12.5", "@babel/helpers@^7.14.8": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.14.8.tgz#839f88f463025886cff7f85a35297007e2da1b77" + integrity sha512-ZRDmI56pnV+p1dH6d+UN6GINGz7Krps3+270qqI9UJ4wxYThfAIcI5i7j5vXC4FJ3Wap+S9qcebxeYiqn87DZw== dependencies: "@babel/template" "^7.14.5" - "@babel/traverse" "^7.14.5" - "@babel/types" "^7.14.5" + "@babel/traverse" "^7.14.8" + "@babel/types" "^7.14.8" "@babel/highlight@^7.10.4", "@babel/highlight@^7.14.5": version "7.14.5" @@ -328,15 +328,10 @@ chalk "^2.0.0" js-tokens "^4.0.0" -"@babel/parser@^7.1.0", "@babel/parser@^7.12.11", "@babel/parser@^7.12.3", "@babel/parser@^7.12.7", "@babel/parser@^7.14.5", "@babel/parser@^7.7.0": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.14.5.tgz#4cd2f346261061b2518873ffecdf1612cb032829" - integrity sha512-TM8C+xtH/9n1qzX+JNHi7AN2zHMTiPUtspO0ZdHflW8KaskkALhMmuMHb4bCmNdv9VAPzJX3/bXqkVLnAvsPfg== - -"@babel/parser@^7.14.7": - version "7.14.7" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.14.7.tgz#6099720c8839ca865a2637e6c85852ead0bdb595" - integrity sha512-X67Z5y+VBJuHB/RjwECp8kSl5uYi0BvRbNeWqkaJCVh+LiTPl19WBUfG627psSgp9rSf6ojuXghQM3ha6qHHdA== +"@babel/parser@^7.1.0", "@babel/parser@^7.12.11", "@babel/parser@^7.12.3", "@babel/parser@^7.12.7", "@babel/parser@^7.14.5", "@babel/parser@^7.14.8", "@babel/parser@^7.7.0": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.14.8.tgz#66fd41666b2d7b840bd5ace7f7416d5ac60208d4" + integrity sha512-syoCQFOoo/fzkWDeM0dLEZi5xqurb5vuyzwIMNZRNun+N/9A4cUZeQaE7dTrB8jGaKuJRBtEOajtnmw0I5hvvA== "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.14.5": version "7.14.5" @@ -347,10 +342,10 @@ "@babel/helper-skip-transparent-expression-wrappers" "^7.14.5" "@babel/plugin-proposal-optional-chaining" "^7.14.5" -"@babel/plugin-proposal-async-generator-functions@^7.12.1", "@babel/plugin-proposal-async-generator-functions@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.14.5.tgz#4024990e3dd74181f4f426ea657769ff49a2df39" - integrity sha512-tbD/CG3l43FIXxmu4a7RBe4zH7MLJ+S/lFowPFO7HetS2hyOZ/0nnnznegDuzFzfkyQYTxqdTH/hKmuBngaDAA== +"@babel/plugin-proposal-async-generator-functions@^7.12.1", "@babel/plugin-proposal-async-generator-functions@^7.14.7": + version "7.14.7" + resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.14.7.tgz#784a48c3d8ed073f65adcf30b57bcbf6c8119ace" + integrity sha512-RK8Wj7lXLY3bqei69/cc25gwS5puEc3dknoFPFbqfy3XxYQBQFvu4ioWpafMBAB+L9NyptQK4nMOa5Xz16og8Q== dependencies: "@babel/helper-plugin-utils" "^7.14.5" "@babel/helper-remap-async-to-generator" "^7.14.5" @@ -480,12 +475,12 @@ "@babel/plugin-syntax-object-rest-spread" "^7.8.0" "@babel/plugin-transform-parameters" "^7.12.1" -"@babel/plugin-proposal-object-rest-spread@^7.12.1", "@babel/plugin-proposal-object-rest-spread@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.14.5.tgz#e581d5ccdfa187ea6ed73f56c6a21c1580b90fbf" - integrity sha512-VzMyY6PWNPPT3pxc5hi9LloKNr4SSrVCg7Yr6aZpW4Ym07r7KqSU/QXYwjXLVxqwSv0t/XSXkFoKBPUkZ8vb2A== +"@babel/plugin-proposal-object-rest-spread@^7.12.1", "@babel/plugin-proposal-object-rest-spread@^7.14.7": + version "7.14.7" + resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.14.7.tgz#5920a2b3df7f7901df0205974c0641b13fd9d363" + integrity sha512-082hsZz+sVabfmDWo1Oct1u1AgbKbUAyVgmX4otIc7bdsRgHBXwTwb3DpDmD4Eyyx6DNiuz5UAATT655k+kL5g== dependencies: - "@babel/compat-data" "^7.14.5" + "@babel/compat-data" "^7.14.7" "@babel/helper-compilation-targets" "^7.14.5" "@babel/helper-plugin-utils" "^7.14.5" "@babel/plugin-syntax-object-rest-spread" "^7.8.3" @@ -747,10 +742,10 @@ dependencies: "@babel/helper-plugin-utils" "^7.14.5" -"@babel/plugin-transform-destructuring@^7.12.1", "@babel/plugin-transform-destructuring@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.14.5.tgz#d32ad19ff1a6da1e861dc62720d80d9776e3bf35" - integrity sha512-wU9tYisEbRMxqDezKUqC9GleLycCRoUsai9ddlsq54r8QRLaeEhc+d+9DqCG+kV9W2GgQjTZESPTpn5bAFMDww== +"@babel/plugin-transform-destructuring@^7.12.1", "@babel/plugin-transform-destructuring@^7.14.7": + version "7.14.7" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.14.7.tgz#0ad58ed37e23e22084d109f185260835e5557576" + integrity sha512-0mDE99nK+kVh3xlc5vKwB6wnP9ecuSj+zQCa/n0voENtP/zymdT4HH6QEb65wjjcbqr1Jb/7z9Qp7TF5FtwYGw== dependencies: "@babel/helper-plugin-utils" "^7.14.5" @@ -860,10 +855,10 @@ "@babel/helper-module-transforms" "^7.14.5" "@babel/helper-plugin-utils" "^7.14.5" -"@babel/plugin-transform-named-capturing-groups-regex@^7.12.1", "@babel/plugin-transform-named-capturing-groups-regex@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.14.5.tgz#d537e8ee083ee6f6aa4f4eef9d2081d555746e4c" - integrity sha512-+Xe5+6MWFo311U8SchgeX5c1+lJM+eZDBZgD+tvXu9VVQPXwwVzeManMMjYX6xw2HczngfOSZjoFYKwdeB/Jvw== +"@babel/plugin-transform-named-capturing-groups-regex@^7.12.1", "@babel/plugin-transform-named-capturing-groups-regex@^7.14.7": + version "7.14.7" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.14.7.tgz#60c06892acf9df231e256c24464bfecb0908fd4e" + integrity sha512-DTNOTaS7TkW97xsDMrp7nycUVh6sn/eq22VaxWfEdzuEbRsiaOU0pqU7DlyUGHVsbQbSghvjKRpEl+nUCKGQSg== dependencies: "@babel/helper-create-regexp-features-plugin" "^7.14.5" @@ -988,10 +983,10 @@ dependencies: "@babel/helper-plugin-utils" "^7.14.5" -"@babel/plugin-transform-spread@^7.12.1", "@babel/plugin-transform-spread@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.14.5.tgz#bd269fb4119754d2ce7f4cc39a96b4f71baae356" - integrity sha512-/3iqoQdiWergnShZYl0xACb4ADeYCJ7X/RgmwtXshn6cIvautRPAFzhd58frQlokLO6Jb4/3JXvmm6WNTPtiTw== +"@babel/plugin-transform-spread@^7.12.1", "@babel/plugin-transform-spread@^7.14.6": + version "7.14.6" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.14.6.tgz#6bd40e57fe7de94aa904851963b5616652f73144" + integrity sha512-Zr0x0YroFJku7n7+/HH3A2eIrGMjbmAIbJSVv0IZ+t3U2WUQUA64S/oeied2e+MaGSjmt4alzBCsK9E8gh+fag== dependencies: "@babel/helper-plugin-utils" "^7.14.5" "@babel/helper-skip-transparent-expression-wrappers" "^7.14.5" @@ -1018,11 +1013,11 @@ "@babel/helper-plugin-utils" "^7.14.5" "@babel/plugin-transform-typescript@^7.12.1", "@babel/plugin-transform-typescript@^7.14.5": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.14.5.tgz#5b41b59072f765bd1ec1d0b694e08c7df0f6f8a0" - integrity sha512-cFD5PKp4b8/KkwQ7h71FdPXFvz1RgwTFF9akRZwFldb9G0AHf7CgoPx96c4Q/ZVjh6V81tqQwW5YiHws16OzPg== + version "7.14.6" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.14.6.tgz#6e9c2d98da2507ebe0a883b100cde3c7279df36c" + integrity sha512-XlTdBq7Awr4FYIzqhmYY80WN0V0azF74DMPyFqVHBvf81ZUgc4X7ZOpx6O8eLDK6iM5cCQzeyJw0ynTaefixRA== dependencies: - "@babel/helper-create-class-features-plugin" "^7.14.5" + "@babel/helper-create-class-features-plugin" "^7.14.6" "@babel/helper-plugin-utils" "^7.14.5" "@babel/plugin-syntax-typescript" "^7.14.5" @@ -1114,16 +1109,16 @@ semver "^5.5.0" "@babel/preset-env@^7.12.1", "@babel/preset-env@^7.12.11", "@babel/preset-env@^7.8.4": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.14.5.tgz#c0c84e763661fd0e74292c3d511cb33b0c668997" - integrity sha512-ci6TsS0bjrdPpWGnQ+m4f+JSSzDKlckqKIJJt9UZ/+g7Zz9k0N8lYU8IeLg/01o2h8LyNZDMLGgRLDTxpudLsA== + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.14.8.tgz#254942f5ca80ccabcfbb2a9f524c74bca574005b" + integrity sha512-a9aOppDU93oArQ51H+B8M1vH+tayZbuBqzjOhntGetZVa+4tTu5jp+XTwqHGG2lxslqomPYVSjIxQkFwXzgnxg== dependencies: - "@babel/compat-data" "^7.14.5" + "@babel/compat-data" "^7.14.7" "@babel/helper-compilation-targets" "^7.14.5" "@babel/helper-plugin-utils" "^7.14.5" "@babel/helper-validator-option" "^7.14.5" "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.14.5" - "@babel/plugin-proposal-async-generator-functions" "^7.14.5" + "@babel/plugin-proposal-async-generator-functions" "^7.14.7" "@babel/plugin-proposal-class-properties" "^7.14.5" "@babel/plugin-proposal-class-static-block" "^7.14.5" "@babel/plugin-proposal-dynamic-import" "^7.14.5" @@ -1132,7 +1127,7 @@ "@babel/plugin-proposal-logical-assignment-operators" "^7.14.5" "@babel/plugin-proposal-nullish-coalescing-operator" "^7.14.5" "@babel/plugin-proposal-numeric-separator" "^7.14.5" - "@babel/plugin-proposal-object-rest-spread" "^7.14.5" + "@babel/plugin-proposal-object-rest-spread" "^7.14.7" "@babel/plugin-proposal-optional-catch-binding" "^7.14.5" "@babel/plugin-proposal-optional-chaining" "^7.14.5" "@babel/plugin-proposal-private-methods" "^7.14.5" @@ -1158,7 +1153,7 @@ "@babel/plugin-transform-block-scoping" "^7.14.5" "@babel/plugin-transform-classes" "^7.14.5" "@babel/plugin-transform-computed-properties" "^7.14.5" - "@babel/plugin-transform-destructuring" "^7.14.5" + "@babel/plugin-transform-destructuring" "^7.14.7" "@babel/plugin-transform-dotall-regex" "^7.14.5" "@babel/plugin-transform-duplicate-keys" "^7.14.5" "@babel/plugin-transform-exponentiation-operator" "^7.14.5" @@ -1170,7 +1165,7 @@ "@babel/plugin-transform-modules-commonjs" "^7.14.5" "@babel/plugin-transform-modules-systemjs" "^7.14.5" "@babel/plugin-transform-modules-umd" "^7.14.5" - "@babel/plugin-transform-named-capturing-groups-regex" "^7.14.5" + "@babel/plugin-transform-named-capturing-groups-regex" "^7.14.7" "@babel/plugin-transform-new-target" "^7.14.5" "@babel/plugin-transform-object-super" "^7.14.5" "@babel/plugin-transform-parameters" "^7.14.5" @@ -1178,18 +1173,18 @@ "@babel/plugin-transform-regenerator" "^7.14.5" "@babel/plugin-transform-reserved-words" "^7.14.5" "@babel/plugin-transform-shorthand-properties" "^7.14.5" - "@babel/plugin-transform-spread" "^7.14.5" + "@babel/plugin-transform-spread" "^7.14.6" "@babel/plugin-transform-sticky-regex" "^7.14.5" "@babel/plugin-transform-template-literals" "^7.14.5" "@babel/plugin-transform-typeof-symbol" "^7.14.5" "@babel/plugin-transform-unicode-escapes" "^7.14.5" "@babel/plugin-transform-unicode-regex" "^7.14.5" "@babel/preset-modules" "^0.1.4" - "@babel/types" "^7.14.5" + "@babel/types" "^7.14.8" babel-plugin-polyfill-corejs2 "^0.2.2" babel-plugin-polyfill-corejs3 "^0.2.2" babel-plugin-polyfill-regenerator "^0.2.2" - core-js-compat "^3.14.0" + core-js-compat "^3.15.0" semver "^6.3.0" "@babel/preset-flow@^7.12.1": @@ -1266,11 +1261,11 @@ source-map-support "^0.5.16" "@babel/runtime-corejs3@^7.10.2": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.14.5.tgz#0d9bf00d59c0b73185c462c323efffd0f4c37283" - integrity sha512-cBbwXj3F2xjnQJ0ERaFRLjxhUSBYsQPXJ7CERz/ecx6q6hzQ99eTflAPFC3ks4q/IG4CWupNVdflc4jlFBJVsg== + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.14.8.tgz#68539e0129f13eb1ed9a9aa273d3542b93c88384" + integrity sha512-4dMD5QRBkumn45oweR0SxoNtt15oz3BUBAQ8cIx7HJqZTtE8zjpM0My8aHJHVnyf4XfRg6DNzaE1080WLBiC1w== dependencies: - core-js-pure "^3.14.0" + core-js-pure "^3.15.0" regenerator-runtime "^0.13.4" "@babel/runtime@7.12.1": @@ -1281,9 +1276,9 @@ regenerator-runtime "^0.13.4" "@babel/runtime@^7.0.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.14.5.tgz#665450911c6031af38f81db530f387ec04cd9a98" - integrity sha512-121rumjddw9c3NCQ55KGkyE1h/nzWhU/owjhw0l4mQrkzz4x9SGS1X8gFLraHwX7td3Yo4QTL+qj0NcIzN87BA== + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.14.8.tgz#7119a56f421018852694290b9f9148097391b446" + integrity sha512-twj3L8Og5SaCRCErB4x4ajbvBIVV77CGeFglHpeg5WC5FF8TZzBWXtTJ4MqaD9QszLYTtr+IsaAL2rEUevb+eg== dependencies: regenerator-runtime "^0.13.4" @@ -1296,42 +1291,27 @@ "@babel/parser" "^7.14.5" "@babel/types" "^7.14.5" -"@babel/traverse@^7.1.0", "@babel/traverse@^7.1.6", "@babel/traverse@^7.12.1", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.14.5", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.0": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.14.5.tgz#c111b0f58afab4fea3d3385a406f692748c59870" - integrity sha512-G3BiS15vevepdmFqmUc9X+64y0viZYygubAMO8SvBmKARuF6CPSZtH4Ng9vi/lrWlZFGe3FWdXNy835akH8Glg== - dependencies: - "@babel/code-frame" "^7.14.5" - "@babel/generator" "^7.14.5" - "@babel/helper-function-name" "^7.14.5" - "@babel/helper-hoist-variables" "^7.14.5" - "@babel/helper-split-export-declaration" "^7.14.5" - "@babel/parser" "^7.14.5" - "@babel/types" "^7.14.5" - debug "^4.1.0" - globals "^11.1.0" - -"@babel/traverse@^7.12.11": - version "7.14.7" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.14.7.tgz#64007c9774cfdc3abd23b0780bc18a3ce3631753" - integrity sha512-9vDr5NzHu27wgwejuKL7kIOm4bwEtaPQ4Z6cpCmjSuaRqpH/7xc4qcGEscwMqlkwgcXl6MvqoAjZkQ24uSdIZQ== +"@babel/traverse@^7.1.0", "@babel/traverse@^7.1.6", "@babel/traverse@^7.12.1", "@babel/traverse@^7.12.11", "@babel/traverse@^7.12.9", "@babel/traverse@^7.13.0", "@babel/traverse@^7.14.5", "@babel/traverse@^7.14.8", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.0": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.14.8.tgz#c0253f02677c5de1a8ff9df6b0aacbec7da1a8ce" + integrity sha512-kexHhzCljJcFNn1KYAQ6A5wxMRzq9ebYpEDV4+WdNyr3i7O44tanbDOR/xjiG2F3sllan+LgwK+7OMk0EmydHg== dependencies: "@babel/code-frame" "^7.14.5" - "@babel/generator" "^7.14.5" + "@babel/generator" "^7.14.8" "@babel/helper-function-name" "^7.14.5" "@babel/helper-hoist-variables" "^7.14.5" "@babel/helper-split-export-declaration" "^7.14.5" - "@babel/parser" "^7.14.7" - "@babel/types" "^7.14.5" + "@babel/parser" "^7.14.8" + "@babel/types" "^7.14.8" debug "^4.1.0" globals "^11.1.0" -"@babel/types@^7.0.0", "@babel/types@^7.12.1", "@babel/types@^7.12.11", "@babel/types@^7.12.6", "@babel/types@^7.12.7", "@babel/types@^7.14.5", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.7.0": - version "7.14.5" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.14.5.tgz#3bb997ba829a2104cedb20689c4a5b8121d383ff" - integrity sha512-M/NzBpEL95I5Hh4dwhin5JlE7EzO5PHMAuzjxss3tiOBD46KfQvVedN/3jEPZvdRvtsK2222XfdHogNIttFgcg== +"@babel/types@^7.0.0", "@babel/types@^7.12.1", "@babel/types@^7.12.11", "@babel/types@^7.12.6", "@babel/types@^7.12.7", "@babel/types@^7.14.5", "@babel/types@^7.14.8", "@babel/types@^7.2.0", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.7.0": + version "7.14.8" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.14.8.tgz#38109de8fcadc06415fbd9b74df0065d4d41c728" + integrity sha512-iob4soQa7dZw8nodR/KlOQkPh9S4I8RwCxwRIFuiMRYjOzH/KJzdUfDgz6cGi5dDaclXF4P2PAhCdrBJNIg68Q== dependencies: - "@babel/helper-validator-identifier" "^7.14.5" + "@babel/helper-validator-identifier" "^7.14.8" to-fast-properties "^2.0.0" "@base2/pretty-print-object@1.0.0": @@ -1464,10 +1444,10 @@ resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46" integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA== -"@eslint/eslintrc@^0.4.2": - version "0.4.2" - resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.2.tgz#f63d0ef06f5c0c57d76c4ab5f63d3835c51b0179" - integrity sha512-8nmGq/4ycLpIwzvhI4tNDmQztZ8sp+hI7cyG8i1nQDhkAbRzHpXPidRAHlNvCZQpJTKw5ItIpMw9RSToGF00mg== +"@eslint/eslintrc@^0.4.3": + version "0.4.3" + resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c" + integrity sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw== dependencies: ajv "^6.12.4" debug "^4.1.1" @@ -1511,6 +1491,20 @@ dependencies: "@hapi/hoek" "^8.3.0" +"@humanwhocodes/config-array@^0.5.0": + version "0.5.0" + resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz#1407967d4c6eecd7388f83acf1eaf4d0c6e58ef9" + integrity sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg== + dependencies: + "@humanwhocodes/object-schema" "^1.2.0" + debug "^4.1.1" + minimatch "^3.0.4" + +"@humanwhocodes/object-schema@^1.2.0": + version "1.2.0" + resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.0.tgz#87de7af9c231826fdd68ac7258f77c429e0e5fcf" + integrity sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w== + "@istanbuljs/load-nyc-config@^1.0.0": version "1.1.0" resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced" @@ -1769,9 +1763,9 @@ integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw== "@nodelib/fs.walk@^1.2.3": - version "1.2.7" - resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.7.tgz#94c23db18ee4653e129abd26fb06f870ac9e1ee2" - integrity sha512-BTIhocbPBSrRmHxOAJFtR18oLhxTtAFDAvL8hY1S3iU8k+E60W/YFs4jrixGzQjMpF4qPXxIQHcjVD9dz1C2QA== + version "1.2.8" + resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a" + integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg== dependencies: "@nodelib/fs.scandir" "2.1.5" fastq "^1.6.0" @@ -1853,17 +1847,17 @@ dependencies: "@sinonjs/commons" "^1.7.0" -"@storybook/addon-actions@6.3.2", "@storybook/addon-actions@^6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.2.tgz#0671a6ca17d9199239f2763398eda04e99bd1724" - integrity sha512-kGengy5+RrBFjRaBmtlblltLaS4GtQEDnXV3g3Geeg9+PYSVKOvh2AgdPdQrjHSJFzpOBwUr3zMhXhdWrizyiQ== - dependencies: - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/client-api" "6.3.2" - "@storybook/components" "6.3.2" - "@storybook/core-events" "6.3.2" - "@storybook/theming" "6.3.2" +"@storybook/addon-actions@6.3.6", "@storybook/addon-actions@^6.3.2": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.6.tgz#691d61d6aca9c4b3edba50c531cbe4d4139ed451" + integrity sha512-1MBqCbFiupGEDyIXqFkzF4iR8AduuB7qSNduqtsFauvIkrG5bnlbg5JC7WjnixkCaaWlufgbpasEHioXO9EXGw== + dependencies: + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/client-api" "6.3.6" + "@storybook/components" "6.3.6" + "@storybook/core-events" "6.3.6" + "@storybook/theming" "6.3.6" core-js "^3.8.2" fast-deep-equal "^3.1.3" global "^4.4.0" @@ -1876,17 +1870,17 @@ util-deprecate "^1.0.2" uuid-browser "^3.1.0" -"@storybook/addon-backgrounds@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.3.2.tgz#a69775f02d33378988db8c8211697764ebea1d25" - integrity sha512-phn9kx/rmw6fD3Xqew31YPrAEQqUernQthKghSMgqNTR13ZMQ3NPzmcWOsnRq+ngqxB4XTSFya/BtgV7Od0XQQ== - dependencies: - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/components" "6.3.2" - "@storybook/core-events" "6.3.2" - "@storybook/theming" "6.3.2" +"@storybook/addon-backgrounds@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.3.6.tgz#93128e6ebfcb953a83cc2165056dd5815d32cef2" + integrity sha512-1lBVAem2M+ggb1UNVgB7/56LaQAor9lI8q0xtQdAzAkt9K4RbbOsLGRhyUm3QH5OiB3qHHG5WQBujWUD6Qfy4g== + dependencies: + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/components" "6.3.6" + "@storybook/core-events" "6.3.6" + "@storybook/theming" "6.3.6" core-js "^3.8.2" global "^4.4.0" memoizerific "^1.11.3" @@ -1894,24 +1888,24 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-controls@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.3.2.tgz#2e0cdc7fcc326524c5858188d4b9d45bc5473c48" - integrity sha512-GJzggGZVKNr1p3s/1u83JgstHEQg5+H/1LoJELiYSIrhcs+mfsRr2ULpfHRTrpUSaC3qTL7HzYkPy+FoAd+6qQ== - dependencies: - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/client-api" "6.3.2" - "@storybook/components" "6.3.2" - "@storybook/node-logger" "6.3.2" - "@storybook/theming" "6.3.2" +"@storybook/addon-controls@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.3.6.tgz#2f8071e5b521375aace60af96e33a19f016581c9" + integrity sha512-wTWmnZl2qEAUqgLh8a7TL5f6w37Q51lAoJNlwxFFBSKtGS7xFUnou4qTUArNy5iKu1cWoVvofJ9RnP1maGByYA== + dependencies: + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/client-api" "6.3.6" + "@storybook/components" "6.3.6" + "@storybook/node-logger" "6.3.6" + "@storybook/theming" "6.3.6" core-js "^3.8.2" ts-dedent "^2.0.0" -"@storybook/addon-docs@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.2.tgz#3499f82ed073c326eac5e24772161b1c715a7fab" - integrity sha512-y9+umLi22ow3qAivxqkDeCtqzkIhlDIFOA7HH3Wd2yDo96UAzUiGozelCycijtfcyFuzwL8cvoKB6nIiVyuWsw== +"@storybook/addon-docs@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.6.tgz#85b8a72b91f9c43edfaf21c416a9b01ad0e06ea4" + integrity sha512-/ZPB9u3lfc6ZUrgt9HENU1BxAHNfTbh9r2LictQ8o9gYE/BqvZutl2zqilTpVuutQtTgQ6JycVhxtpk9+TDcuA== dependencies: "@babel/core" "^7.12.10" "@babel/generator" "^7.12.11" @@ -1922,20 +1916,20 @@ "@mdx-js/loader" "^1.6.22" "@mdx-js/mdx" "^1.6.22" "@mdx-js/react" "^1.6.22" - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/builder-webpack4" "6.3.2" - "@storybook/client-api" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/components" "6.3.2" - "@storybook/core" "6.3.2" - "@storybook/core-events" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/builder-webpack4" "6.3.6" + "@storybook/client-api" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/components" "6.3.6" + "@storybook/core" "6.3.6" + "@storybook/core-events" "6.3.6" "@storybook/csf" "0.0.1" - "@storybook/csf-tools" "6.3.2" - "@storybook/node-logger" "6.3.2" - "@storybook/postinstall" "6.3.2" - "@storybook/source-loader" "6.3.2" - "@storybook/theming" "6.3.2" + "@storybook/csf-tools" "6.3.6" + "@storybook/node-logger" "6.3.6" + "@storybook/postinstall" "6.3.6" + "@storybook/source-loader" "6.3.6" + "@storybook/theming" "6.3.6" acorn "^7.4.1" acorn-jsx "^5.3.1" acorn-walk "^7.2.0" @@ -1959,35 +1953,35 @@ util-deprecate "^1.0.2" "@storybook/addon-essentials@^6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.3.2.tgz#2182fcdbc3138fd17e10e680d6e9b182be73e3ec" - integrity sha512-upOMqx/66aAhr262L4oe5JS1wG2W7ZHIKQBgxMDfzrY26KcRRZVCm+omOlLJ2l4b0Gc7iZmUHkfmOhI9SPMNbw== - dependencies: - "@storybook/addon-actions" "6.3.2" - "@storybook/addon-backgrounds" "6.3.2" - "@storybook/addon-controls" "6.3.2" - "@storybook/addon-docs" "6.3.2" + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.3.6.tgz#29f5249daee086fe2d14c899ae61712b8c8fbcbd" + integrity sha512-FUrpCeINaN4L9L81FswtQFEq2xLwj3W7EyhmqsZcYSr64nscpQyjlPVjs5zhrEanOGIf+4E+mBmWafxbYufXwQ== + dependencies: + "@storybook/addon-actions" "6.3.6" + "@storybook/addon-backgrounds" "6.3.6" + "@storybook/addon-controls" "6.3.6" + "@storybook/addon-docs" "6.3.6" "@storybook/addon-measure" "^2.0.0" - "@storybook/addon-toolbars" "6.3.2" - "@storybook/addon-viewport" "6.3.2" - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/node-logger" "6.3.2" + "@storybook/addon-toolbars" "6.3.6" + "@storybook/addon-viewport" "6.3.6" + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/node-logger" "6.3.6" core-js "^3.8.2" regenerator-runtime "^0.13.7" storybook-addon-outline "^1.4.1" ts-dedent "^2.0.0" "@storybook/addon-links@^6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.2.tgz#4db9d63d0e195f5887fe74dab09ae5bb0c64275c" - integrity sha512-JT7HLIZRvUJ0dDkhz4daL/GdpS/JPhuRaKPonRbtLW6RFAbBjLolqALVfxRJzOsYMwStUMtnxzzgKmeLOjtPIA== + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.6.tgz#dc410d5b4a0d222b6b8d0ef03da7a4c16919c092" + integrity sha512-PaeAJTjwtPlhrLZlaSQ1YIFA8V0C1yI0dc351lPbTiE7fJ7DwTE03K6xIF/jEdTo+xzhi2PM1Fgvi/SsSecI8w== dependencies: - "@storybook/addons" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/core-events" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/core-events" "6.3.6" "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.2" + "@storybook/router" "6.3.6" "@types/qs" "^6.9.5" core-js "^3.8.2" global "^4.4.0" @@ -2001,105 +1995,64 @@ resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-2.0.0.tgz#c40bbe91bacd3f795963dc1ee6ff86be87deeda9" integrity sha512-ZhdT++cX+L9LwjhGYggvYUUVQH/MGn2rwbrAwCMzA/f2QTFvkjxzX8nDgMxIhaLCDC+gHIxfJG2wrWN0jkBr3g== -"@storybook/addon-toolbars@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.3.2.tgz#bad5185c764179200594d9a6dd86c9e43556962a" - integrity sha512-Gc2nak1MaCbC5h67TSXIvg65llidHngGHQCE2Ru6cPnTFqAtLs2QdsA72ScAOSLmwSeliVxkcoOXL9wN1vlXsg== +"@storybook/addon-toolbars@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.3.6.tgz#41f5f29988260d2aad9431b7a91f57e848c3e0bf" + integrity sha512-VpwkMtvT/4KNjqdO2SCkFw4koMgYN2k8hckbTGRzuUYYTHBvl9yK4q0A7RELEnkm/tsmDI1TjenV/MBifp2Aiw== dependencies: - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/client-api" "6.3.2" - "@storybook/components" "6.3.2" - "@storybook/theming" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/client-api" "6.3.6" + "@storybook/components" "6.3.6" + "@storybook/theming" "6.3.6" core-js "^3.8.2" regenerator-runtime "^0.13.7" -"@storybook/addon-viewport@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.3.2.tgz#7a8f6b91ba7d8aab3f24611e4962b317eecc17d4" - integrity sha512-npmD2kpXyc7zPFgxOu2JBg8U702P4c2B+OvFa53jQJIKyUdjXNzGatG2FSshQmY+UpiDJyKScPJ7W/9oU7HAfw== - dependencies: - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/components" "6.3.2" - "@storybook/core-events" "6.3.2" - "@storybook/theming" "6.3.2" +"@storybook/addon-viewport@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.3.6.tgz#9117316e918559d389a19571166579858b25b09b" + integrity sha512-Z5eztFFGd6vd+38sDurfTkIr9lY6EYWtMJzr5efedRZGg2IZLXZxQCoyjKEB29VB/IIjHEYHhHSh4SFsHT/m6g== + dependencies: + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/components" "6.3.6" + "@storybook/core-events" "6.3.6" + "@storybook/theming" "6.3.6" core-js "^3.8.2" global "^4.4.0" memoizerific "^1.11.3" prop-types "^15.7.2" regenerator-runtime "^0.13.7" -"@storybook/addons@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.2.tgz#a116f71e07e2ca17f2c59accff8aebd0d01e3a3e" - integrity sha512-fzpTLKyweD0yPXnfjaOrLpKRm4AVHdGRmfJb1p6KyUTXoNRWGYHsXN3EvAdsWjTamhbL2JoQy38kvu7SmkTEug== - dependencies: - "@storybook/api" "6.3.2" - "@storybook/channels" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/core-events" "6.3.2" - "@storybook/router" "6.3.2" - "@storybook/theming" "6.3.2" - core-js "^3.8.2" - global "^4.4.0" - regenerator-runtime "^0.13.7" - -"@storybook/addons@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.0.tgz#a86849f46a654d2d78b91fad0088264a32d4e58e" - integrity sha512-/dcq20HtdSw5+cG8znR59Y/uv2zCR2VjRK3N52IkGWk162b/UbSjjL0PhNnnQFGpH9Fruft6mqvjTAKT41kmJw== - dependencies: - "@storybook/api" "6.3.0" - "@storybook/channels" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/core-events" "6.3.0" - "@storybook/router" "6.3.0" - "@storybook/theming" "6.3.0" - core-js "^3.8.2" - global "^4.4.0" - regenerator-runtime "^0.13.7" - -"@storybook/api@6.3.0", "@storybook/api@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.0.tgz#5ecb646e7c3c4c7c494bb15f4c94554f7f4ee09e" - integrity sha512-swPMcQadLDRTnMjL9dwY6K1zXHn3KcAa3euvSHd1R4OKXTSBBj1zHvIaOrq6yHz7RIYOACmZlEV3CUru9FlvEA== - dependencies: - "@reach/router" "^1.3.4" - "@storybook/channels" "6.3.0" - "@storybook/client-logger" "6.3.0" - "@storybook/core-events" "6.3.0" - "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.0" - "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.0" - "@types/reach__router" "^1.3.7" +"@storybook/addons@6.3.6", "@storybook/addons@^6.3.0": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.6.tgz#330fd722bdae8abefeb029583e89e51e62c20b60" + integrity sha512-tVV0vqaEEN9Md4bgScwfrnZYkN8iKZarpkIOFheLev+PHjSp8lgWMK5SNWDlbBYqfQfzrz9xbs+F07bMjfx9jQ== + dependencies: + "@storybook/api" "6.3.6" + "@storybook/channels" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/core-events" "6.3.6" + "@storybook/router" "6.3.6" + "@storybook/theming" "6.3.6" core-js "^3.8.2" - fast-deep-equal "^3.1.3" global "^4.4.0" - lodash "^4.17.20" - memoizerific "^1.11.3" - qs "^6.10.0" regenerator-runtime "^0.13.7" - store2 "^2.12.0" - telejson "^5.3.2" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" -"@storybook/api@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.2.tgz#669c9eb1b5f50659b894f374af1c3eb3d4c2ac20" - integrity sha512-rXe7l8mwNEvk3cqHYJ4H2XQWWY8oeezJezgt1ZBq4GvNVzVUPjASi1meXQwAYm39SdCL5+lP/hLpAZvobB1Tag== +"@storybook/api@6.3.6", "@storybook/api@^6.3.0": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.6.tgz#b110688ae0a970c9443d47b87616a09456f3708e" + integrity sha512-F5VuR1FrEwD51OO/EDDAZXNfF5XmJedYHJLwwCB4az2ZMrzG45TxGRmiEohrSTO6wAHGkAvjlEoX5jWOCqQ4pw== dependencies: "@reach/router" "^1.3.4" - "@storybook/channels" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/core-events" "6.3.2" + "@storybook/channels" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/core-events" "6.3.6" "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.2" + "@storybook/router" "6.3.6" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.2" + "@storybook/theming" "6.3.6" "@types/reach__router" "^1.3.7" core-js "^3.8.2" fast-deep-equal "^3.1.3" @@ -2113,10 +2066,10 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/builder-webpack4@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.2.tgz#c0b285ae38f0973fb38e378defe13e99afcadfa4" - integrity sha512-0xKMy/9Zp+Z1EK9R2Oq4kmd2Za9OlzXoLNBHdGuwe3lqoCsXvEQHsrGdc7V5uT4HwP1KBEhn9Yl+Y7yuMDZJ0Q== +"@storybook/builder-webpack4@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.6.tgz#fe444abfc178e005ea077e2bcfd6ae7509522908" + integrity sha512-LhTPQQowS2t6BRnyfusWZLbhjjf54/HiQyovJTTDnqrCiO6QoCMbVnp79LeO1aSkpQCKoeqOZ7TzH87fCytnZA== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2139,20 +2092,20 @@ "@babel/preset-env" "^7.12.11" "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/channel-postmessage" "6.3.2" - "@storybook/channels" "6.3.2" - "@storybook/client-api" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/components" "6.3.2" - "@storybook/core-common" "6.3.2" - "@storybook/core-events" "6.3.2" - "@storybook/node-logger" "6.3.2" - "@storybook/router" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/channel-postmessage" "6.3.6" + "@storybook/channels" "6.3.6" + "@storybook/client-api" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/components" "6.3.6" + "@storybook/core-common" "6.3.6" + "@storybook/core-events" "6.3.6" + "@storybook/node-logger" "6.3.6" + "@storybook/router" "6.3.6" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.2" - "@storybook/ui" "6.3.2" + "@storybook/theming" "6.3.6" + "@storybook/ui" "6.3.6" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" autoprefixer "^9.8.6" @@ -2189,47 +2142,38 @@ webpack-hot-middleware "^2.25.0" webpack-virtual-modules "^0.2.2" -"@storybook/channel-postmessage@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.2.tgz#7fe94d128b03eefbb1b6637dfa417f95bdced30e" - integrity sha512-6ne51RmZ7Ye9TDhPy/y5NuyQGNJ6VJcEch5E8D0nrFfNwJ5djKzkg1xatADjdhlCfQ9zPfseQVPM5IovEzEb/A== +"@storybook/channel-postmessage@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.6.tgz#f29c3678161462428e78c9cfed2da11ffca4acb0" + integrity sha512-GK7hXnaa+1pxEeMpREDzAZ3+2+k1KN1lbrZf+V7Kc1JZv1/Ji/vxk8AgxwiuzPAMx5J0yh/FduPscIPZ87Pibw== dependencies: - "@storybook/channels" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/core-events" "6.3.2" + "@storybook/channels" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/core-events" "6.3.6" core-js "^3.8.2" global "^4.4.0" qs "^6.10.0" telejson "^5.3.2" -"@storybook/channels@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.0.tgz#f378c6ee03e0c72a2ee9263c8dfdfa4a7a1bcf51" - integrity sha512-E+SCQLSIlCaOGKEkZ8rFKNyH24/N4IA6h+EDF+9mhw3yT4iv7NCoswCgqX7JhyhSjWkM01onhuMVUVKVvi7CSw== - dependencies: - core-js "^3.8.2" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" - -"@storybook/channels@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.2.tgz#7759cc16177aafe825e81f63c2d033ce1ef850e8" - integrity sha512-fkyX0vn7KkN7p515Knm4Cfo8Z2xyO9hMPK4IReZiGz8o9vOziXHeYvdFZ07aTfcUb9ZG3ur3C7rmaEDMNfwCWA== +"@storybook/channels@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.6.tgz#a258764ed78fd836ff90489ae74ac055312bf056" + integrity sha512-gCIQVr+dS/tg3AyCxIvkOXMVAs08BCIHXsaa2+XzmacnJBSP+CEHtI6IZ8WEv7tzZuXOiKLVg+wugeIh4j2I4g== dependencies: core-js "^3.8.2" ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-api@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.2.tgz#2180bd4e3ae903a1f5199651644335a1abfddcff" - integrity sha512-vYPTaROdmBtzKckGAbZAi8gpD2OgDB0FlsjTTe7rz8jcN1ecGRBBXlb/CJndLlAKgZqF+sramtIY3GZp0wdpPA== +"@storybook/client-api@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.6.tgz#4826ce366ae109f608da6ade24b29efeb9b7f7dd" + integrity sha512-Q/bWuH691L6k7xkiKtBmZo8C+ijgmQ+vc2Fz8pzIRZuMV8ROL74qhrS4BMKV4LhiYm4f8todtWfaQPBjawZMIA== dependencies: - "@storybook/addons" "6.3.2" - "@storybook/channel-postmessage" "6.3.2" - "@storybook/channels" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/core-events" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/channel-postmessage" "6.3.6" + "@storybook/channels" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/core-events" "6.3.6" "@storybook/csf" "0.0.1" "@types/qs" "^6.9.5" "@types/webpack-env" "^1.16.0" @@ -2244,61 +2188,23 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-logger@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.0.tgz#3188f84dd10353d225efadee9f24928395d38aab" - integrity sha512-x/y820f/2Jm6RW5TxRv7IlbF6zWpTkHoajfwYuTpK/OXvK5gx6dwXGdgjNoaAGofGRz5SVjDjTDPOcd5X5AUPw== - dependencies: - core-js "^3.8.2" - global "^4.4.0" - -"@storybook/client-logger@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.2.tgz#9501ff93db254e75a7ca4a7795672528edea6548" - integrity sha512-1V70P4ARRHSvkAUZP/mgU3hUl7BN9kpNujbBNRcVCCv+DgsnryF+CH9xJ8nxrpOZxlj4sIG68OcMqRaV1HL/3w== +"@storybook/client-logger@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.6.tgz#020ba518ab8286194ce103a6ff91767042e296c0" + integrity sha512-qpXQ52ylxPm7l3+WAteV42NmqWA+L1FaJhMOvm2gwl3PxRd2cNXn2BwEhw++eA6qmJH/7mfOKXG+K+QQwOTpRA== dependencies: core-js "^3.8.2" global "^4.4.0" -"@storybook/components@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.2.tgz#fa8970fdfe76246a020f757a7059f312ae2420ce" - integrity sha512-lwzqY7CLbo+4PxBiN9DMwtMRPG1jN9Ih6SAdB4fJdCj3bZQ7ef9peme70RvpDEIOD3MX6vu/9AKQj2wxAaHrDA== - dependencies: - "@popperjs/core" "^2.6.0" - "@storybook/client-logger" "6.3.2" - "@storybook/csf" "0.0.1" - "@storybook/theming" "6.3.2" - "@types/color-convert" "^2.0.0" - "@types/overlayscrollbars" "^1.12.0" - "@types/react-syntax-highlighter" "11.0.5" - color-convert "^2.0.1" - core-js "^3.8.2" - fast-deep-equal "^3.1.3" - global "^4.4.0" - lodash "^4.17.20" - markdown-to-jsx "^7.1.3" - memoizerific "^1.11.3" - overlayscrollbars "^1.13.1" - polished "^4.0.5" - prop-types "^15.7.2" - react-colorful "^5.1.2" - react-popper-tooltip "^3.1.1" - react-syntax-highlighter "^13.5.3" - react-textarea-autosize "^8.3.0" - regenerator-runtime "^0.13.7" - ts-dedent "^2.0.0" - util-deprecate "^1.0.2" - -"@storybook/components@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.0.tgz#5ad372abd60ee0cb02516f960f514659e3fbf865" - integrity sha512-TDcazQAtNgE1E33jKKABx51XpvWyXMcJZFWA0d5wu8XrElrL1PuZqz7dPePoWKGMfTaPYWP6rRyDg4Svv36j+A== +"@storybook/components@6.3.6", "@storybook/components@^6.3.0": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.6.tgz#bc2fa1dbe59f42b5b2aeb9f84424072835d4ce8b" + integrity sha512-aZkmtAY8b+LFXG6dVp6cTS6zGJuxkHRHcesRSWRQPxtgitaz1G58clRHxbKPRokfjPHNgYA3snogyeqxSA7YNQ== dependencies: "@popperjs/core" "^2.6.0" - "@storybook/client-logger" "6.3.0" + "@storybook/client-logger" "6.3.6" "@storybook/csf" "0.0.1" - "@storybook/theming" "6.3.0" + "@storybook/theming" "6.3.6" "@types/color-convert" "^2.0.0" "@types/overlayscrollbars" "^1.12.0" "@types/react-syntax-highlighter" "11.0.5" @@ -2320,18 +2226,18 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/core-client@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.2.tgz#847426c4141b10d03a1515374315bfa48b6f5bf8" - integrity sha512-A354DrsBQgtfKRSNVM0WpepNZwZfb8QxBKB86LR5crfbLIAs9fxJnYmAVBF1ju1EasrIxX6kGDryH4pQYaJPXw== +"@storybook/core-client@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.6.tgz#7def721aa15d4faaff574780d30b92055db7261c" + integrity sha512-Bq86flEdXdMNbdHrGMNQ6OT1tcBQU8ym56d+nG46Ctjf5GN+Dl+rPtRWuu7cIZs10KgqJH+86DXp+tvpQIDidg== dependencies: - "@storybook/addons" "6.3.2" - "@storybook/channel-postmessage" "6.3.2" - "@storybook/client-api" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/core-events" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/channel-postmessage" "6.3.6" + "@storybook/client-api" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/core-events" "6.3.6" "@storybook/csf" "0.0.1" - "@storybook/ui" "6.3.2" + "@storybook/ui" "6.3.6" airbnb-js-shims "^2.2.1" ansi-to-html "^0.6.11" core-js "^3.8.2" @@ -2343,10 +2249,10 @@ unfetch "^4.2.0" util-deprecate "^1.0.2" -"@storybook/core-common@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.2.tgz#d1d9f14361296437983006ecea963e6af599bc34" - integrity sha512-draeHXXWTn1u3YzLMZdtCOy1UOXsPBQz6q5f64o8Qjkr8Htqf2IiFYPmswOq7eo9yPQZu7+nsfRcx7M1GNAQlg== +"@storybook/core-common@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.6.tgz#da8eed703b609968e15177446f0f1609d1d6d0d0" + integrity sha512-nHolFOmTPymI50j180bCtcf1UJZ2eOnYaECRtHvVrCUod5KFF7wh2EHrgWoKqrKrsn84UOY/LkX2C2WkbYtWRg== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2369,7 +2275,7 @@ "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" "@babel/register" "^7.12.1" - "@storybook/node-logger" "6.3.2" + "@storybook/node-logger" "6.3.6" "@storybook/semver" "^7.3.2" "@types/glob-base" "^0.3.0" "@types/micromatch" "^4.0.1" @@ -2397,31 +2303,24 @@ util-deprecate "^1.0.2" webpack "4" -"@storybook/core-events@6.3.0", "@storybook/core-events@^6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.0.tgz#5e220a866db5b93550b5c3464774a7b10ad036a6" - integrity sha512-ZGTm5nQvFLlc2LVgoDyxo99MbQcFqQzkxIQReFkO7hPwwkcjcwmdBtnlmkn9/p5QQ5/8aU0k+ceCkrBNu1M83w== +"@storybook/core-events@6.3.6", "@storybook/core-events@^6.3.0": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.6.tgz#c4a09e2c703170995604d63e46e45adc3c9cd759" + integrity sha512-Ut1dz96bJ939oSn5t1ckPXd3WcFejK96Sb3+R/z23vEHUWGBFtygGyw8r/SX/WNDVzGmQU8c+mzJJTZwCBJz8A== dependencies: core-js "^3.8.2" -"@storybook/core-events@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.2.tgz#7d1eb4f889b809d851e48d2daed5fbf43244d624" - integrity sha512-Mqxp2au4djPC9j8Wc97oM1iJQLAS8ZsW8CqcPxDmhl38cMfcMQiQXTk+2GDQbMxD2An2b73EU5hMMBAvNzYjog== - dependencies: - core-js "^3.8.2" - -"@storybook/core-server@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.2.tgz#76392f835baea2a30122d66b3fed506f8171a955" - integrity sha512-ceBKdLYlhKygBOJyIWR+9i4bLVOOadsLxM9ITAIzaSqSfZiuFxoP+irnEZrZUfFA0zcLYFEW5MH2vtCCPH+fhg== - dependencies: - "@storybook/builder-webpack4" "6.3.2" - "@storybook/core-client" "6.3.2" - "@storybook/core-common" "6.3.2" - "@storybook/csf-tools" "6.3.2" - "@storybook/manager-webpack4" "6.3.2" - "@storybook/node-logger" "6.3.2" +"@storybook/core-server@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.6.tgz#43c1415573c3b72ec6b9ae48d68e1bb446722f7c" + integrity sha512-47ZcfxYn7t891oAMG98iH1BQIgQT9Yk/2BBNVCWY43Ong+ME1xJ6j4C/jkRUOseP7URlfLUQsUYKAYJNVijDvg== + dependencies: + "@storybook/builder-webpack4" "6.3.6" + "@storybook/core-client" "6.3.6" + "@storybook/core-common" "6.3.6" + "@storybook/csf-tools" "6.3.6" + "@storybook/manager-webpack4" "6.3.6" + "@storybook/node-logger" "6.3.6" "@storybook/semver" "^7.3.2" "@types/node" "^14.0.10" "@types/node-fetch" "^2.5.7" @@ -2450,18 +2349,18 @@ util-deprecate "^1.0.2" webpack "4" -"@storybook/core@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.2.tgz#8c3bd78fef26395059d3710bd69ce438cdf71193" - integrity sha512-EPyGqTu2f2184FfZ7o1IMWbVKWkdhbIeLSnNfl5CA5ZVMFQwV8XhEJXpzWI0VopZK0hE0+ooU4M+if8JeSWulQ== +"@storybook/core@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.6.tgz#604419d346433103675901b3736bfa1ed9bc534f" + integrity sha512-y71VvVEbqCpG28fDBnfNg3RnUPnicwFYq9yuoFVRF0LYcJCy5cYhkIfW3JG8mN2m0P+LzH80mt2Rj6xlSXrkdQ== dependencies: - "@storybook/core-client" "6.3.2" - "@storybook/core-server" "6.3.2" + "@storybook/core-client" "6.3.6" + "@storybook/core-server" "6.3.6" -"@storybook/csf-tools@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.2.tgz#93bffc555a8a8535c3ee99e21f131860fc78e251" - integrity sha512-CGj4HsKwYBwp2zWmrG1RJedwrnakfxkptp/4HQ0mE9ajw28GndNZus2+IgnBsxdbzv8LYwz/rHpXRbvfDbgPFg== +"@storybook/csf-tools@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.6.tgz#603d9e832f946998b75ff8368fe862375d6cb52c" + integrity sha512-MQevelkEUVNCSjKMXLNc/G8q/BB5babPnSeI0IcJq4k+kLUSHtviimLNpPowMgGJBPx/y9VihH8N7vdJUWVj9w== dependencies: "@babel/generator" "^7.12.11" "@babel/parser" "^7.12.11" @@ -2485,20 +2384,20 @@ dependencies: lodash "^4.17.15" -"@storybook/manager-webpack4@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.2.tgz#4c2621e0f6e2be2e248cf93d796bc705de34c670" - integrity sha512-MeYXK2H65y08meKM477PT0ygMMiHYGo9e8vl8oIXY3pp/24iiE5W+yCHH3HP5PEsKCXMml6gWM7ba44lpkuutQ== +"@storybook/manager-webpack4@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.6.tgz#a5334aa7ae1e048bca8f4daf868925d7054fb715" + integrity sha512-qh/jV4b6mFRpRFfhk1JSyO2gKRz8PLPvDt2AD52/bTAtNRzypKoiWqyZNR2CJ9hgNQtDrk2CO3eKPrcdKYGizQ== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-transform-template-literals" "^7.12.1" "@babel/preset-react" "^7.12.10" - "@storybook/addons" "6.3.2" - "@storybook/core-client" "6.3.2" - "@storybook/core-common" "6.3.2" - "@storybook/node-logger" "6.3.2" - "@storybook/theming" "6.3.2" - "@storybook/ui" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/core-client" "6.3.6" + "@storybook/core-common" "6.3.6" + "@storybook/node-logger" "6.3.6" + "@storybook/theming" "6.3.6" + "@storybook/ui" "6.3.6" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" babel-loader "^8.2.2" @@ -2528,10 +2427,10 @@ webpack-dev-middleware "^3.7.3" webpack-virtual-modules "^0.2.2" -"@storybook/node-logger@6.3.2", "@storybook/node-logger@^6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.2.tgz#fc4c6f707030e04f8bc559bc188802d549b0507c" - integrity sha512-TJvJpysIIP3EWoyfFDmXCRC/yTReu0jIFUPdldh4FjhADjQU+JTbLwJmtcJyHoMSqfIHgUc1TB6D/B4PjYqElA== +"@storybook/node-logger@6.3.6", "@storybook/node-logger@^6.3.2": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.6.tgz#10356608593440a8e3acf2aababef40333a3401b" + integrity sha512-XMDkMN7nVRojjiezrURlkI57+nz3OoH4UBV6qJZICKclxtdKAy0wwOlUSYEUq+axcJ4nvdfzPPoDfGoj37SW7A== dependencies: "@types/npmlog" "^4.1.2" chalk "^4.1.0" @@ -2539,25 +2438,25 @@ npmlog "^4.1.2" pretty-hrtime "^1.0.3" -"@storybook/postinstall@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.2.tgz#6abe1093fd3f12614bbcd9bc90d65abaaf311587" - integrity sha512-RkzrEr5GyBKFEPwOJw6JFRqkCtexvqZbyQeDuQ8K5AxRoJOcdXfxtb2Qkq06wfUnexxhZ9R0ktzepdtzk89ALw== +"@storybook/postinstall@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.6.tgz#fd79a6c109b38ced4b9b40db2d27b88ee184d449" + integrity sha512-90Izr8/GwLiXvdF2A3v1PCpWoxUBgqA0TrWGuiWXfJnfFRVlVrX9A/ClGUPSh80L3oE01E6raaOG4wW4JTRKfw== dependencies: core-js "^3.8.2" "@storybook/preset-create-react-app@^3.1.7": - version "3.1.7" - resolved "https://registry.yarnpkg.com/@storybook/preset-create-react-app/-/preset-create-react-app-3.1.7.tgz#e48df77768bdcc4863e3918c11965c45e4110ac8" - integrity sha512-SR+HGSWCrhHA5sszuIHJYdh2tWNi/zu858WB5RM74OBW4ogo8Bv4/7td4p53eWbdm0zBDbnKcrBmwRrAYqwL9Q== + version "3.2.0" + resolved "https://registry.yarnpkg.com/@storybook/preset-create-react-app/-/preset-create-react-app-3.2.0.tgz#660597906847e38e9d886241d3d8e2ecc770a2eb" + integrity sha512-lLoWCGr5cV+JNDRKYHC2gD+P2eyBqdN8qhmBa+PxDgPSNKfgUf9Wnoh+C7WTG5q2DEeR9SvUpQpZomX9DDQa4Q== dependencies: "@pmmmwh/react-refresh-webpack-plugin" "^0.4.3" "@types/babel__core" "^7.1.7" "@types/webpack" "^4.41.13" babel-plugin-react-docgen "^4.1.0" pnp-webpack-plugin "^1.6.4" - react-docgen-typescript-plugin "^0.6.2" - semver "^7.3.2" + react-docgen-typescript-plugin "^1.0.0" + semver "^7.3.5" "@storybook/react-docgen-typescript-plugin@1.0.2-canary.253f8c1.0": version "1.0.2-canary.253f8c1.0" @@ -2573,17 +2472,17 @@ tslib "^2.0.0" "@storybook/react@^6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.2.tgz#6c9b2e010874ccc991a511cfed87b134ef02bc6d" - integrity sha512-AwuXzvu6zKSZnWFgYWxvP1QumnJ/8VChZJ1/pCEW3IGqxtSBd7KAF7EjlmS6CqAnWP+zp9jUr7It1P9631CwNQ== + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.6.tgz#593bc0743ad22ed5e6e072e6157c20c704864fc3" + integrity sha512-2c30XTe7WzKnvgHBGOp1dzBVlhcbc3oEX0SIeVE9ZYkLvRPF+J1jG948a26iqOCOgRAW13Bele37mG1gbl4tiw== dependencies: "@babel/preset-flow" "^7.12.1" "@babel/preset-react" "^7.12.10" "@pmmmwh/react-refresh-webpack-plugin" "^0.4.3" - "@storybook/addons" "6.3.2" - "@storybook/core" "6.3.2" - "@storybook/core-common" "6.3.2" - "@storybook/node-logger" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/core" "6.3.6" + "@storybook/core-common" "6.3.6" + "@storybook/node-logger" "6.3.6" "@storybook/react-docgen-typescript-plugin" "1.0.2-canary.253f8c1.0" "@storybook/semver" "^7.3.2" "@types/webpack-env" "^1.16.0" @@ -2601,29 +2500,13 @@ ts-dedent "^2.0.0" webpack "4" -"@storybook/router@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.0.tgz#8b63773f11fe4c6749ccfda5d725c94275f0a459" - integrity sha512-RJcRVI6IqffLOU6k9GrlB3cXLLK5TRmFSIjwW3lEHVhj313e56uLRYTylT11aBf8bPEQ+MeQVe2sqQUBG3Ugng== +"@storybook/router@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.6.tgz#cea20d64bae17397dc9e1689a656b80a98674c34" + integrity sha512-fQ1n7cm7lPFav7I+fStQciSVMlNdU+yLY6Fue252rpV5Q68bMTjwKpjO9P2/Y3CCj4QD3dPqwEkn4s0qUn5tNA== dependencies: "@reach/router" "^1.3.4" - "@storybook/client-logger" "6.3.0" - "@types/reach__router" "^1.3.7" - core-js "^3.8.2" - fast-deep-equal "^3.1.3" - global "^4.4.0" - lodash "^4.17.20" - memoizerific "^1.11.3" - qs "^6.10.0" - ts-dedent "^2.0.0" - -"@storybook/router@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.2.tgz#8df811af403d08ba5b9dcf005eab38bb6d3929d9" - integrity sha512-2oe2w1h4ucKhVub2NjKqwvJ6E6b57rA0fr8EOElPXdQXDi2fD3hFjUIXL4OdWG+GMVEqfkoje0eRCDRdjbu+yg== - dependencies: - "@reach/router" "^1.3.4" - "@storybook/client-logger" "6.3.2" + "@storybook/client-logger" "6.3.6" "@types/reach__router" "^1.3.7" core-js "^3.8.2" fast-deep-equal "^3.1.3" @@ -2641,13 +2524,13 @@ core-js "^3.6.5" find-up "^4.1.0" -"@storybook/source-loader@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.2.tgz#2f2132b9743c95e4f40d26a28b5255bb762e16fc" - integrity sha512-tg8VDBoVRrazDdvFJBtAp0ChztaF3cxmXsbWCOxYkP8u4sYDXBikJCllSGzkuSx6GUuU0kyQ0JV94Bd2ECTdOw== +"@storybook/source-loader@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.6.tgz#2d3d01919baad7a40f67d1150c74e41dea5f1d4c" + integrity sha512-om3iS3a+D287FzBrbXB/IXB6Z5Ql2yc4dFKTy6FPe5v4N3U0p5puWOKUYWWbTX1JbcpRj0IXXo7952G68tcC1g== dependencies: - "@storybook/addons" "6.3.2" - "@storybook/client-logger" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/client-logger" "6.3.6" "@storybook/csf" "0.0.1" core-js "^3.8.2" estraverse "^5.2.0" @@ -2657,15 +2540,15 @@ prettier "~2.2.1" regenerator-runtime "^0.13.7" -"@storybook/theming@6.3.0": - version "6.3.0" - resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.0.tgz#4b6ef023631663d8e50f1348469b9a9641244cd0" - integrity sha512-Mtnq8qFv/TTtnl1sB6DGBCg/kJq7sR2e2uh/Uy2sHyksnhVITVJxEIFHSBo2L+IE6y0S2Oh6F9WdddWAO4Ao2g== +"@storybook/theming@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.6.tgz#75624f6d4e01530b87afca3eab9996a16c0370ab" + integrity sha512-mPrQrMUREajNEWxzgR8t0YIZsI9avPv25VNA08fANnwVsc887p4OL5eCTL2dFIlD34YDzAwiyRKYoLj2vDW4nw== dependencies: "@emotion/core" "^10.1.1" "@emotion/is-prop-valid" "^0.8.6" "@emotion/styled" "^10.0.27" - "@storybook/client-logger" "6.3.0" + "@storybook/client-logger" "6.3.6" core-js "^3.8.2" deep-object-diff "^1.1.0" emotion-theming "^10.0.27" @@ -2675,39 +2558,21 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/theming@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.2.tgz#1fbee52cb46b0386431c016f5150c7c7a0a05d4b" - integrity sha512-XICs67cuEGQxnzJ2SYPRZiIELaUCFQsYhtBTXycJIpBUbcbysdBE7GH+3aG8PpDMaSgHWJ7qaiYEoPlhFbAv1w== +"@storybook/ui@6.3.6": + version "6.3.6" + resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.6.tgz#a9ed8265e34bb8ef9f0dd08f40170b3dcf8a8931" + integrity sha512-S9FjISUiAmbBR7d6ubUEcELQdffDfRxerloxkXs5Ou7n8fEPqpgQB01Hw5MLRUwTEpxPzHn+xtIGYritAGxt/Q== dependencies: "@emotion/core" "^10.1.1" - "@emotion/is-prop-valid" "^0.8.6" - "@emotion/styled" "^10.0.27" - "@storybook/client-logger" "6.3.2" - core-js "^3.8.2" - deep-object-diff "^1.1.0" - emotion-theming "^10.0.27" - global "^4.4.0" - memoizerific "^1.11.3" - polished "^4.0.5" - resolve-from "^5.0.0" - ts-dedent "^2.0.0" - -"@storybook/ui@6.3.2": - version "6.3.2" - resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.2.tgz#af6d793a22d0e127fed7e2b041133792bf1646b6" - integrity sha512-Aqzr5vQsr67iDwg41CmHr/NlcNayld8PPGWqtxJ/+/fSScnKZ8KdwGoqpj64dizowoggpCCeYVZCanHhxS47Vg== - dependencies: - "@emotion/core" "^10.1.1" - "@storybook/addons" "6.3.2" - "@storybook/api" "6.3.2" - "@storybook/channels" "6.3.2" - "@storybook/client-logger" "6.3.2" - "@storybook/components" "6.3.2" - "@storybook/core-events" "6.3.2" - "@storybook/router" "6.3.2" + "@storybook/addons" "6.3.6" + "@storybook/api" "6.3.6" + "@storybook/channels" "6.3.6" + "@storybook/client-logger" "6.3.6" + "@storybook/components" "6.3.6" + "@storybook/core-events" "6.3.6" + "@storybook/router" "6.3.6" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.2" + "@storybook/theming" "6.3.6" "@types/markdown-to-jsx" "^6.11.3" copy-to-clipboard "^3.3.1" core-js "^3.8.2" @@ -2889,14 +2754,14 @@ integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw== "@types/aria-query@^4.2.0": - version "4.2.1" - resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.1.tgz#78b5433344e2f92e8b306c06a5622c50c245bf6b" - integrity sha512-S6oPal772qJZHoRZLFc/XoZW2gFvwXusYUmXPXkgxJLuEk2vOt7jc4Yo6z/vtI0EBkbPBVrJJ0B+prLIKiWqHg== + version "4.2.2" + resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.2.tgz#ed4e0ad92306a704f9fb132a0cfcf77486dbe2bc" + integrity sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig== "@types/babel__core@^7.0.0", "@types/babel__core@^7.1.7": - version "7.1.14" - resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.14.tgz#faaeefc4185ec71c389f4501ee5ec84b170cc402" - integrity sha512-zGZJzzBUVDo/eV6KgbE0f0ZI7dInEYvo12Rb70uNQDshC3SkRMb67ja0GgRHZgAX3Za6rhaWlvbDO8rrGyAb1g== + version "7.1.15" + resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.15.tgz#2ccfb1ad55a02c83f8e0ad327cbc332f55eb1024" + integrity sha512-bxlMKPDbY8x5h6HBwVzEOk2C8fb6SLfYQ5Jw3uBYuYF1lfWk/kbLd81la82vrIkBb0l+JdmrZaDikPrNxpS/Ew== dependencies: "@babel/parser" "^7.1.0" "@babel/types" "^7.0.0" @@ -2905,31 +2770,31 @@ "@types/babel__traverse" "*" "@types/babel__generator@*": - version "7.6.2" - resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.2.tgz#f3d71178e187858f7c45e30380f8f1b7415a12d8" - integrity sha512-MdSJnBjl+bdwkLskZ3NGFp9YcXGx5ggLpQQPqtgakVhsWK0hTtNYhjpZLlWQTviGTvF8at+Bvli3jV7faPdgeQ== + version "7.6.3" + resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.3.tgz#f456b4b2ce79137f768aa130d2423d2f0ccfaba5" + integrity sha512-/GWCmzJWqV7diQW54smJZzWbSFf4QYtF71WCKhcx6Ru/tFyQIY2eiiITcCAeuPbNSvT9YCGkVMqqvSk2Z0mXiA== dependencies: "@babel/types" "^7.0.0" "@types/babel__template@*": - version "7.4.0" - resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.0.tgz#0c888dd70b3ee9eebb6e4f200e809da0076262be" - integrity sha512-NTPErx4/FiPCGScH7foPyr+/1Dkzkni+rHiYHHoTjvwou7AQzJkNeD60A9CXRy+ZEN2B1bggmkTMCDb+Mv5k+A== + version "7.4.1" + resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969" + integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g== dependencies: "@babel/parser" "^7.1.0" "@babel/types" "^7.0.0" "@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6": - version "7.11.1" - resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.11.1.tgz#654f6c4f67568e24c23b367e947098c6206fa639" - integrity sha512-Vs0hm0vPahPMYi9tDjtP66llufgO3ST16WXaSTtDGEl9cewAl3AibmxWw6TINOqHPT9z0uABKAYjT9jNSg4npw== + version "7.14.2" + resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.14.2.tgz#ffcd470bbb3f8bf30481678fb5502278ca833a43" + integrity sha512-K2waXdXBi2302XUdcHcR1jCeU0LL4TD9HRs/gk0N2Xvrht+G/BfJa4QObBQZfhMdxiCpV3COl5Nfq4uKTeTnJA== dependencies: "@babel/types" "^7.3.0" "@types/braces@*": - version "3.0.0" - resolved "https://registry.yarnpkg.com/@types/braces/-/braces-3.0.0.tgz#7da1c0d44ff1c7eb660a36ec078ea61ba7eb42cb" - integrity sha512-TbH79tcyi9FHwbyboOKeRachRq63mSuWYXOflsNO9ZyE5ClQ/JaozNKl+aWUq87qPNsXasXxi2AbgfwIJ+8GQw== + version "3.0.1" + resolved "https://registry.yarnpkg.com/@types/braces/-/braces-3.0.1.tgz#5a284d193cfc61abb2e5a50d36ebbc50d942a32b" + integrity sha512-+euflG6ygo4bn0JHtn4pYqcXwRtLvElQ7/nnjDu7iYG56H0+OhCd7d6Ug0IE3WcFpZozBKW2+80FUbv5QGk5AQ== "@types/color-convert@^2.0.0": version "2.0.0" @@ -2944,17 +2809,17 @@ integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ== "@types/eslint@^7.2.6": - version "7.2.13" - resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.2.13.tgz#e0ca7219ba5ded402062ad6f926d491ebb29dd53" - integrity sha512-LKmQCWAlnVHvvXq4oasNUMTJJb2GwSyTY8+1C7OH5ILR8mPLaljv1jxL1bXW3xB3jFbQxTKxJAvI8PyjB09aBg== + version "7.28.0" + resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.28.0.tgz#7e41f2481d301c68e14f483fe10b017753ce8d5a" + integrity sha512-07XlgzX0YJUn4iG1ocY4IX9DzKSmMGUs6ESKlxWhZRaa0fatIWaHWUVapcuGa8r5HFnTqzj+4OCjd5f7EZ/i/A== dependencies: "@types/estree" "*" "@types/json-schema" "*" "@types/estree@*": - version "0.0.48" - resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.48.tgz#18dc8091b285df90db2f25aa7d906cfc394b7f74" - integrity sha512-LfZwXoGUDo0C3me81HXgkBg5CTQYb6xzEl+fNmbO4JdRiSKQ8A0GD1OBBvKAIsbCUgoyAty7m99GqqMQe784ew== + version "0.0.50" + resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.50.tgz#1e0caa9364d3fccd2931c3ed96fdbeaa5d4cca83" + integrity sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw== "@types/estree@0.0.39": version "0.0.39" @@ -2967,9 +2832,9 @@ integrity sha1-pYHWiDR+EOUN18F9byiAoQNUMZ0= "@types/glob@*", "@types/glob@^7.1.1": - version "7.1.3" - resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.3.tgz#e6ba80f36b7daad2c685acd9266382e68985c183" - integrity sha512-SEYeGAIQIQX8NN6LDKprLjbrd5dARM5EXsd8GI/A5l0apYI1fGMWgPHSe4ZKL4eozlAyI+doUE9XbYS4xCkQ1w== + version "7.1.4" + resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.1.4.tgz#ea59e21d2ee5c517914cb4bc8e4153b99e566672" + integrity sha512-w+LsMxKyYQm347Otw+IfBXOv9UWVjpHpCDdbBMt8Kz/xbvCYNjP+0qPh91Km3iKfSRLBB0P7fAMf0KHrPu+MyA== dependencies: "@types/minimatch" "*" "@types/node" "*" @@ -2982,9 +2847,9 @@ "@types/node" "*" "@types/hast@^2.0.0": - version "2.3.1" - resolved "https://registry.yarnpkg.com/@types/hast/-/hast-2.3.1.tgz#b16872f2a6144c7025f296fb9636a667ebb79cd9" - integrity sha512-viwwrB+6xGzw+G1eWpF9geV3fnsDgXqHG+cqgiHrvQfDUW5hzhCyV7Sy3UJxhfRFBsgky2SSW33qi/YrIkjX5Q== + version "2.3.2" + resolved "https://registry.yarnpkg.com/@types/hast/-/hast-2.3.2.tgz#236201acca9e2695e42f713d7dd4f151dc2982e4" + integrity sha512-Op5W7jYgZI7AWKY5wQ0/QNMzQM7dGQPyW1rXKNiymVCy5iTfdPuGu4HhYNOM2sIv8gUfIuIdcYlXmAepwaowow== dependencies: "@types/unist" "*" @@ -2997,9 +2862,9 @@ hoist-non-react-statics "^3.3.0" "@types/html-minifier-terser@^5.0.0": - version "5.1.1" - resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#3c9ee980f1a10d6021ae6632ca3e79ca2ec4fb50" - integrity sha512-giAlZwstKbmvMk1OO7WXSj4OZ0keXAcl2TQq4LWHiiPH2ByaH7WeUzng+Qej8UPxxv+8lRTuouo0iaNDBuzIBA== + version "5.1.2" + resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz#693b316ad323ea97eed6b38ed1a3cc02b1672b57" + integrity sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w== "@types/is-function@^1.0.0": version "1.0.0" @@ -3026,27 +2891,22 @@ "@types/istanbul-lib-report" "*" "@types/jest@*", "@types/jest@^26.0.15": - version "26.0.23" - resolved "https://registry.yarnpkg.com/@types/jest/-/jest-26.0.23.tgz#a1b7eab3c503b80451d019efb588ec63522ee4e7" - integrity sha512-ZHLmWMJ9jJ9PTiT58juykZpL7KjwJywFN3Rr2pTSkyQfydf/rk22yS7W8p5DaVUMQ2BQC7oYiU3FjbTM/mYrOA== + version "26.0.24" + resolved "https://registry.yarnpkg.com/@types/jest/-/jest-26.0.24.tgz#943d11976b16739185913a1936e0de0c4a7d595a" + integrity sha512-E/X5Vib8BWqZNRlDxj9vYXhsDwPYbPINqKF9BsnSoon4RQ0D9moEuLD8txgyypFLH7J4+Lho9Nr/c8H0Fi+17w== dependencies: jest-diff "^26.0.0" pretty-format "^26.0.0" -"@types/json-schema@*", "@types/json-schema@^7.0.3", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.6", "@types/json-schema@^7.0.7": - version "7.0.7" - resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.7.tgz#98a993516c859eb0d5c4c8f098317a9ea68db9ad" - integrity sha512-cxWFQVseBm6O9Gbw1IWb8r6OS4OhSt3hPZLkFApLjM8TEXROBuQGLAH2i2gZpcXdLBIrpXuTDhH7Vbm1iXmNGA== - -"@types/json5@^0.0.29": - version "0.0.29" - resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee" - integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4= +"@types/json-schema@*", "@types/json-schema@^7.0.3", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.7", "@types/json-schema@^7.0.8": + version "7.0.8" + resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.8.tgz#edf1bf1dbf4e04413ca8e5b17b3b7d7d54b59818" + integrity sha512-YSBPTLTVm2e2OoQIDYx8HaeWJ5tTToLH67kXR7zYNGupXMEHa2++G8k+DczX2cFVgalypqtyZIcU19AFcmOpmg== "@types/lodash@^4.14.170": - version "4.14.170" - resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.170.tgz#0d67711d4bf7f4ca5147e9091b847479b87925d6" - integrity sha512-bpcvu/MKHHeYX+qeEN8GE7DIravODWdACVA1ctevD8CN24RhPZIKMn9ntfAsrvLfSX3cR5RrBKAbYm9bGs0A+Q== + version "4.14.171" + resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.171.tgz#f01b3a5fe3499e34b622c362a46a609fdb23573b" + integrity sha512-7eQ2xYLLI/LsicL2nejW9Wyko3lcpN6O/z0ZLHrEQsg280zIdCv1t/0m6UtBjUHokCGBQ3gYTbHzDkZ1xOBwwg== "@types/markdown-to-jsx@^6.11.3": version "6.11.3" @@ -3056,61 +2916,61 @@ "@types/react" "*" "@types/mdast@^3.0.0": - version "3.0.3" - resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.3.tgz#2d7d671b1cd1ea3deb306ea75036c2a0407d2deb" - integrity sha512-SXPBMnFVQg1s00dlMCc/jCdvPqdE4mXaMMCeRlxLDmTAEoegHT53xKtkDnzDTOcmMHUfcjyf36/YYZ6SxRdnsw== + version "3.0.7" + resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.7.tgz#cba63d0cc11eb1605cea5c0ad76e02684394166b" + integrity sha512-YwR7OK8aPmaBvMMUi+pZXBNoW2unbVbfok4YRqGMJBe1dpDlzpRkJrYEYmvjxgs5JhuQmKfDexrN98u941Zasg== dependencies: "@types/unist" "*" "@types/micromatch@^4.0.1": - version "4.0.1" - resolved "https://registry.yarnpkg.com/@types/micromatch/-/micromatch-4.0.1.tgz#9381449dd659fc3823fd2a4190ceacc985083bc7" - integrity sha512-my6fLBvpY70KattTNzYOK6KU1oR1+UCz9ug/JbcF5UrEmeCt9P7DV2t7L8+t18mMPINqGQCE4O8PLOPbI84gxw== + version "4.0.2" + resolved "https://registry.yarnpkg.com/@types/micromatch/-/micromatch-4.0.2.tgz#ce29c8b166a73bf980a5727b1e4a4d099965151d" + integrity sha512-oqXqVb0ci19GtH0vOA/U2TmHTcRY9kuZl4mqUxe0QmJAlIW13kzhuK5pi1i9+ngav8FjpSb9FVS/GE00GLX1VA== dependencies: "@types/braces" "*" "@types/minimatch@*": - version "3.0.4" - resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.4.tgz#f0ec25dbf2f0e4b18647313ac031134ca5b24b21" - integrity sha512-1z8k4wzFnNjVK/tlxvrWuK5WMt6mydWWP7+zvH5eFep4oj+UkrfiJTRtjCeBXNpwaA/FYqqtb4/QS4ianFpIRA== + version "3.0.5" + resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40" + integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ== "@types/node-fetch@^2.5.7": - version "2.5.10" - resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.5.10.tgz#9b4d4a0425562f9fcea70b12cb3fcdd946ca8132" - integrity sha512-IpkX0AasN44hgEad0gEF/V6EgR5n69VEqPEgnmoM8GsIGro3PowbWs4tR6IhxUTyPLpOn+fiGG6nrQhcmoCuIQ== + version "2.5.12" + resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.5.12.tgz#8a6f779b1d4e60b7a57fb6fd48d84fb545b9cc66" + integrity sha512-MKgC4dlq4kKNa/mYrwpKfzQMB5X3ee5U6fSprkKpToBqBmX4nFZL9cW5jl6sWn+xpRJ7ypWh2yyqqr8UUCstSw== dependencies: "@types/node" "*" form-data "^3.0.0" "@types/node@*": - version "15.12.2" - resolved "https://registry.yarnpkg.com/@types/node/-/node-15.12.2.tgz#1f2b42c4be7156ff4a6f914b2fb03d05fa84e38d" - integrity sha512-zjQ69G564OCIWIOHSXyQEEDpdpGl+G348RAKY0XXy9Z5kU9Vzv1GMNnkar/ZJ8dzXB3COzD9Mo9NtRZ4xfgUww== + version "16.4.3" + resolved "https://registry.yarnpkg.com/@types/node/-/node-16.4.3.tgz#c01c1a215721f6dec71b47d88b4687463601ba48" + integrity sha512-GKM4FLMkWDc0sfx7tXqPWkM6NBow1kge0fgQh0bOnlqo4iT1kvTvMEKE0c1RtUGnbLlGRXiAA8SumE//90uKAg== "@types/node@^12.0.0": - version "12.20.15" - resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.15.tgz#10ee6a6a3f971966fddfa3f6e89ef7a73ec622df" - integrity sha512-F6S4Chv4JicJmyrwlDkxUdGNSplsQdGwp1A0AJloEVDirWdZOAiRHhovDlsFkKUrquUXhz1imJhXHsf59auyAg== + version "12.20.17" + resolved "https://registry.yarnpkg.com/@types/node/-/node-12.20.17.tgz#ffd44c2801fc527a6fe6e86bc9b900261df1c87e" + integrity sha512-so8EHl4S6MmatPS0f9sE1ND94/ocbcEshW5OpyYthRqeRpiYyW2uXYTo/84kmfdfeNrDycARkvuiXl6nO40NGg== "@types/node@^14.0.10": - version "14.17.3" - resolved "https://registry.yarnpkg.com/@types/node/-/node-14.17.3.tgz#6d327abaa4be34a74e421ed6409a0ae2f47f4c3d" - integrity sha512-e6ZowgGJmTuXa3GyaPbTGxX17tnThl2aSSizrFthQ7m9uLGZBXiGhgE55cjRZTF5kjZvYn9EOPOMljdjwbflxw== + version "14.17.6" + resolved "https://registry.yarnpkg.com/@types/node/-/node-14.17.6.tgz#cc61c8361c89e70c468cda464d1fa3dd7e5ebd62" + integrity sha512-iBxsxU7eswQDGhlr3AiamBxOssaYxbM+NKXVil8jg9yFXvrfEFbDumLD/2dMTB+zYyg7w+Xjt8yuxfdbUHAtcQ== "@types/normalize-package-data@^2.4.0": - version "2.4.0" - resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz#e486d0d97396d79beedd0a6e33f4534ff6b4973e" - integrity sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA== + version "2.4.1" + resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301" + integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw== "@types/npmlog@^4.1.2": - version "4.1.2" - resolved "https://registry.yarnpkg.com/@types/npmlog/-/npmlog-4.1.2.tgz#d070fe6a6b78755d1092a3dc492d34c3d8f871c4" - integrity sha512-4QQmOF5KlwfxJ5IGXFIudkeLCdMABz03RcUXu+LCb24zmln8QW6aDjuGl4d4XPVLf2j+FnjelHTP7dvceAFbhA== + version "4.1.3" + resolved "https://registry.yarnpkg.com/@types/npmlog/-/npmlog-4.1.3.tgz#9c24b49a97e25cf15a890ff404764080d7942132" + integrity sha512-1TcL7YDYCtnHmLhTWbum+IIwLlvpaHoEKS2KNIngEwLzwgDeHaebaEHHbQp8IqzNQ9IYiboLKUjAf7MZqG63+w== "@types/overlayscrollbars@^1.12.0": - version "1.12.0" - resolved "https://registry.yarnpkg.com/@types/overlayscrollbars/-/overlayscrollbars-1.12.0.tgz#98456caceca8ad73bd5bb572632a585074e70764" - integrity sha512-h/pScHNKi4mb+TrJGDon8Yb06ujFG0mSg12wIO0sWMUF3dQIe2ExRRdNRviaNt9IjxIiOfnRr7FsQAdHwK4sMg== + version "1.12.1" + resolved "https://registry.yarnpkg.com/@types/overlayscrollbars/-/overlayscrollbars-1.12.1.tgz#fb637071b545834fb12aea94ee309a2ff4cdc0a8" + integrity sha512-V25YHbSoKQN35UasHf0EKD9U2vcmexRSp78qa8UglxFH8H3D+adEa9zGZwrqpH4TdvqeMrgMqVqsLB4woAryrQ== "@types/parse-json@^4.0.0": version "4.0.0" @@ -3123,41 +2983,41 @@ integrity sha512-kUNnecmtkunAoQ3CnjmMkzNU/gtxG8guhi+Fk2U/kOpIKjIMKnXGp4IJCgQJrXSgMsWYimYG4TGjz/UzbGEBTw== "@types/prettier@^2.0.0": - version "2.3.0" - resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.3.0.tgz#2e8332cc7363f887d32ec5496b207d26ba8052bb" - integrity sha512-hkc1DATxFLQo4VxPDpMH1gCkPpBbpOoJ/4nhuXw4n63/0R6bCpQECj4+K226UJ4JO/eJQz+1mC2I7JsWanAdQw== + version "2.3.2" + resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.3.2.tgz#fc8c2825e4ed2142473b4a81064e6e081463d1b3" + integrity sha512-eI5Yrz3Qv4KPUa/nSIAi0h+qX0XyewOliug5F2QAtuRg6Kjg6jfmxe1GIwoIRhZspD1A0RP8ANrPwvEXXtRFog== "@types/pretty-hrtime@^1.0.0": - version "1.0.0" - resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.0.tgz#c5a2d644a135e988b2932f99737e67b3c62528d0" - integrity sha512-xl+5r2rcrxdLViAYkkiLMYsoUs3qEyrAnHFyEzYysgRxdVp3WbhysxIvJIxZp9FvZ2CYezh0TaHZorivH+voOQ== + version "1.0.1" + resolved "https://registry.yarnpkg.com/@types/pretty-hrtime/-/pretty-hrtime-1.0.1.tgz#72a26101dc567b0d68fd956cf42314556e42d601" + integrity sha512-VjID5MJb1eGKthz2qUerWT8+R4b9N+CHvGCzg9fn4kWZgaF9AhdYikQio3R7wV8YY1NsQKPaCwKz1Yff+aHNUQ== "@types/prop-types@*": - version "15.7.3" - resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7" - integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw== + version "15.7.4" + resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.4.tgz#fcf7205c25dff795ee79af1e30da2c9790808f11" + integrity sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ== "@types/q@^1.5.1": - version "1.5.4" - resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24" - integrity sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug== + version "1.5.5" + resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df" + integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ== "@types/qs@^6.9.5": - version "6.9.6" - resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.6.tgz#df9c3c8b31a247ec315e6996566be3171df4b3b1" - integrity sha512-0/HnwIfW4ki2D8L8c9GVcG5I72s9jP5GSLVF0VIXDW00kmIpA6O33G7a8n59Tmh7Nz0WUC3rSb7PTY/sdW2JzA== + version "6.9.7" + resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb" + integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw== "@types/reach__router@^1.3.7": - version "1.3.8" - resolved "https://registry.yarnpkg.com/@types/reach__router/-/reach__router-1.3.8.tgz#7b8607abf13704f918a9543257bcb7ec63028bfa" - integrity sha512-cjjT0FPdwuvhLWpCDt2WCh4sdBqNzJe3XhxXmRQGsY3IvT58M8sE4E7A0QaFYuJs3ar+McSJTiJxdYKWAXbBhw== + version "1.3.9" + resolved "https://registry.yarnpkg.com/@types/reach__router/-/reach__router-1.3.9.tgz#d3aaac0072665c81063cc6c557c18dadd642b226" + integrity sha512-N6rqQqTTAV/zKLfK3iq9Ww3wqCEhTZvsilhl0zI09zETdVq1QGmJH6+/xnj8AFUWIrle2Cqo+PGM/Ltr1vBb9w== dependencies: "@types/react" "*" "@types/react-dom@^17.0.0": - version "17.0.7" - resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.7.tgz#b8ee15ead9e5d6c2c858b44949fdf2ebe5212232" - integrity sha512-Wd5xvZRlccOrCTej8jZkoFZuZRKHzanDDv1xglI33oBNFMWrqOSzrvWFw7ngSiZjrpJAzPKFtX7JvuXpkNmQHA== + version "17.0.9" + resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.9.tgz#441a981da9d7be117042e1a6fd3dac4b30f55add" + integrity sha512-wIvGxLfgpVDSAMH5utdL9Ngm5Owu0VsGmldro3ORLXV8CShrL8awVj06NuEXFQ5xyaYfdca7Sgbk/50Ri1GdPg== dependencies: "@types/react" "*" @@ -3169,9 +3029,9 @@ "@types/react" "*" "@types/react@*", "@types/react@^17.0.0": - version "17.0.11" - resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.11.tgz#67fcd0ddbf5a0b083a0f94e926c7d63f3b836451" - integrity sha512-yFRQbD+whVonItSk7ZzP/L+gPTJVBkL/7shLEF+i9GC/1cV3JmUxEQz6+9ylhUpWSDuqo1N9qEvqS6vTj4USUA== + version "17.0.15" + resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.15.tgz#c7533dc38025677e312606502df7656a6ea626d0" + integrity sha512-uTKHDK9STXFHLaKv6IMnwp52fm0hwU+N89w/p9grdUqcFA6WuqDyPhaWopbNyE1k/VhgzmHl8pu1L4wITtmlLw== dependencies: "@types/prop-types" "*" "@types/scheduler" "*" @@ -3185,9 +3045,9 @@ "@types/node" "*" "@types/scheduler@*": - version "0.16.1" - resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.1.tgz#18845205e86ff0038517aab7a18a62a6b9f71275" - integrity sha512-EaCxbanVeyxDRTQBkdLb3Bvl/HK7PBK6UJjsSixB0iHKoWxE5uu2Q/DgtpOhPIojN0Zl1whvOd7PoHs2P0s5eA== + version "0.16.2" + resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39" + integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew== "@types/source-list-map@*": version "0.1.2" @@ -3195,9 +3055,9 @@ integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA== "@types/stack-utils@^2.0.0": - version "2.0.0" - resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.0.tgz#7036640b4e21cc2f259ae826ce843d277dad8cff" - integrity sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw== + version "2.0.1" + resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c" + integrity sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw== "@types/styled-components@5.1.9": version "5.1.9" @@ -3209,47 +3069,47 @@ csstype "^3.0.2" "@types/tapable@^1", "@types/tapable@^1.0.5": - version "1.0.7" - resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.7.tgz#545158342f949e8fd3bfd813224971ecddc3fac4" - integrity sha512-0VBprVqfgFD7Ehb2vd8Lh9TG3jP98gvr8rgehQqzztZNI7o8zS8Ad4jyZneKELphpuE212D8J70LnSNQSyO6bQ== + version "1.0.8" + resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310" + integrity sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ== "@types/testing-library__jest-dom@^5.9.1": - version "5.14.0" - resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.0.tgz#98eb7537cb5502bcca7a0d82acf5f245a2e6c322" - integrity sha512-l2P2GO+hFF4Liye+fAajT1qBqvZOiL79YMpEvgGs1xTK7hECxBI8Wz4J7ntACJNiJ9r0vXQqYovroXRLPDja6A== + version "5.14.1" + resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.1.tgz#014162a5cee6571819d48e999980694e2f657c3c" + integrity sha512-Gk9vaXfbzc5zCXI9eYE9BI5BNHEp4D3FWjgqBE/ePGYElLAP+KvxBcsdkwfIVvezs605oiyd/VrpiHe3Oeg+Aw== dependencies: "@types/jest" "*" "@types/uglify-js@*": - version "3.13.0" - resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.13.0.tgz#1cad8df1fb0b143c5aba08de5712ea9d1ff71124" - integrity sha512-EGkrJD5Uy+Pg0NUR8uA4bJ5WMfljyad0G+784vLCNUkD+QwOJXUbBYExXfVGf7YtyzdQp3L/XMYcliB987kL5Q== + version "3.13.1" + resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.13.1.tgz#5e889e9e81e94245c75b6450600e1c5ea2878aea" + integrity sha512-O3MmRAk6ZuAKa9CHgg0Pr0+lUOqoMLpc9AS4R8ano2auvsg7IE8syF3Xh/NPr26TWklxYcqoEEFdzLLs1fV9PQ== dependencies: source-map "^0.6.1" "@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2", "@types/unist@^2.0.3": - version "2.0.3" - resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.3.tgz#9c088679876f374eb5983f150d4787aa6fb32d7e" - integrity sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ== + version "2.0.6" + resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.6.tgz#250a7b16c3b91f672a24552ec64678eeb1d3a08d" + integrity sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ== "@types/webpack-env@^1.16.0": - version "1.16.0" - resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.16.0.tgz#8c0a9435dfa7b3b1be76562f3070efb3f92637b4" - integrity sha512-Fx+NpfOO0CpeYX2g9bkvX8O5qh9wrU1sOF4g8sft4Mu7z+qfe387YlyY8w8daDyDsKY5vUxM0yxkAYnbkRbZEw== + version "1.16.2" + resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.16.2.tgz#8db514b059c1b2ae14ce9d7bb325296de6a9a0fa" + integrity sha512-vKx7WNQNZDyJveYcHAm9ZxhqSGLYwoyLhrHjLBOkw3a7cT76sTdjgtwyijhk1MaHyRIuSztcVwrUOO/NEu68Dw== "@types/webpack-sources@*": - version "2.1.0" - resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-2.1.0.tgz#8882b0bd62d1e0ce62f183d0d01b72e6e82e8c10" - integrity sha512-LXn/oYIpBeucgP1EIJbKQ2/4ZmpvRl+dlrFdX7+94SKRUV3Evy3FsfMZY318vGhkWUS5MPhtOM3w1/hCOAOXcg== + version "2.1.1" + resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-2.1.1.tgz#6af17e3a3ded71eec2b98008d7c12f498a0a4506" + integrity sha512-MjM1R6iuw8XaVbtkCBz0N349cyqBjJHCbQiOeppe3VBeFvxqs74RKHAVt9LkxTnUWc7YLZOEsUfPUnmK6SBPKQ== dependencies: "@types/node" "*" "@types/source-list-map" "*" source-map "^0.7.3" "@types/webpack@^4.41.13", "@types/webpack@^4.41.26", "@types/webpack@^4.41.8": - version "4.41.29" - resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.29.tgz#2e66c1de8223c440366469415c50a47d97625773" - integrity sha512-6pLaORaVNZxiB3FSHbyBiWM7QdazAWda1zvAq4SbZObZqHSDbWLi62iFdblVea6SK9eyBIVp5yHhKt/yNQdR7Q== + version "4.41.30" + resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.30.tgz#fd3db6d0d41e145a8eeeafcd3c4a7ccde9068ddc" + integrity sha512-GUHyY+pfuQ6haAfzu4S14F+R5iGRwN6b2FRNJY7U0NilmFAqbsOfK6j1HwuLBAqwRIT+pVdNDJGJ6e8rpp0KHA== dependencies: "@types/node" "*" "@types/tapable" "^1" @@ -3259,40 +3119,39 @@ source-map "^0.6.0" "@types/yargs-parser@*": - version "20.2.0" - resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-20.2.0.tgz#dd3e6699ba3237f0348cd085e4698780204842f9" - integrity sha512-37RSHht+gzzgYeobbG+KWryeAW8J33Nhr69cjTqSYymXVZEN9NbRYWoYlRtDhHKPVT1FyNKwaTPC1NynKZpzRA== + version "20.2.1" + resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-20.2.1.tgz#3b9ce2489919d9e4fea439b76916abc34b2df129" + integrity sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw== "@types/yargs@^15.0.0": - version "15.0.13" - resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.13.tgz#34f7fec8b389d7f3c1fd08026a5763e072d3c6dc" - integrity sha512-kQ5JNTrbDv3Rp5X2n/iUu37IJBDU2gsZ5R/g1/KHOOEc5IKfUFjXT6DENPGduh08I/pamwtEq4oul7gUqKTQDQ== + version "15.0.14" + resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.14.tgz#26d821ddb89e70492160b66d10a0eb6df8f6fb06" + integrity sha512-yEJzHoxf6SyQGhBhIYGXQDSCkJjB6HohDShto7m8vaKg9Yp0Yn8+71J9eakh2bnPg6BfsH9PRMhiRTZnd4eXGQ== dependencies: "@types/yargs-parser" "*" "@typescript-eslint/eslint-plugin@^4.5.0": - version "4.26.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.26.1.tgz#b9c7313321cb837e2bf8bebe7acc2220659e67d3" - integrity sha512-aoIusj/8CR+xDWmZxARivZjbMBQTT9dImUtdZ8tVCVRXgBUuuZyM5Of5A9D9arQPxbi/0rlJLcuArclz/rCMJw== + version "4.28.4" + resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.28.4.tgz#e73c8cabbf3f08dee0e1bda65ed4e622ae8f8921" + integrity sha512-s1oY4RmYDlWMlcV0kKPBaADn46JirZzvvH7c2CtAqxCY96S538JRBAzt83RrfkDheV/+G/vWNK0zek+8TB3Gmw== dependencies: - "@typescript-eslint/experimental-utils" "4.26.1" - "@typescript-eslint/scope-manager" "4.26.1" + "@typescript-eslint/experimental-utils" "4.28.4" + "@typescript-eslint/scope-manager" "4.28.4" debug "^4.3.1" functional-red-black-tree "^1.0.1" - lodash "^4.17.21" regexpp "^3.1.0" semver "^7.3.5" tsutils "^3.21.0" -"@typescript-eslint/experimental-utils@4.26.1", "@typescript-eslint/experimental-utils@^4.0.1": - version "4.26.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.26.1.tgz#a35980a2390da9232aa206b27f620eab66e94142" - integrity sha512-sQHBugRhrXzRCs9PaGg6rowie4i8s/iD/DpTB+EXte8OMDfdCG5TvO73XlO9Wc/zi0uyN4qOmX9hIjQEyhnbmQ== +"@typescript-eslint/experimental-utils@4.28.4", "@typescript-eslint/experimental-utils@^4.0.1": + version "4.28.4" + resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.28.4.tgz#9c70c35ebed087a5c70fb0ecd90979547b7fec96" + integrity sha512-OglKWOQRWTCoqMSy6pm/kpinEIgdcXYceIcH3EKWUl4S8xhFtN34GQRaAvTIZB9DD94rW7d/U7tUg3SYeDFNHA== dependencies: "@types/json-schema" "^7.0.7" - "@typescript-eslint/scope-manager" "4.26.1" - "@typescript-eslint/types" "4.26.1" - "@typescript-eslint/typescript-estree" "4.26.1" + "@typescript-eslint/scope-manager" "4.28.4" + "@typescript-eslint/types" "4.28.4" + "@typescript-eslint/typescript-estree" "4.28.4" eslint-scope "^5.1.1" eslint-utils "^3.0.0" @@ -3308,32 +3167,32 @@ eslint-utils "^2.0.0" "@typescript-eslint/parser@^4.5.0": - version "4.26.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.26.1.tgz#cecfdd5eb7a5c13aabce1c1cfd7fbafb5a0f1e8e" - integrity sha512-q7F3zSo/nU6YJpPJvQveVlIIzx9/wu75lr6oDbDzoeIRWxpoc/HQ43G4rmMoCc5my/3uSj2VEpg/D83LYZF5HQ== + version "4.28.4" + resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.28.4.tgz#bc462dc2779afeefdcf49082516afdc3e7b96fab" + integrity sha512-4i0jq3C6n+og7/uCHiE6q5ssw87zVdpUj1k6VlVYMonE3ILdFApEzTWgppSRG4kVNB/5jxnH+gTeKLMNfUelQA== dependencies: - "@typescript-eslint/scope-manager" "4.26.1" - "@typescript-eslint/types" "4.26.1" - "@typescript-eslint/typescript-estree" "4.26.1" + "@typescript-eslint/scope-manager" "4.28.4" + "@typescript-eslint/types" "4.28.4" + "@typescript-eslint/typescript-estree" "4.28.4" debug "^4.3.1" -"@typescript-eslint/scope-manager@4.26.1": - version "4.26.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.26.1.tgz#075a74a15ff33ee3a7ed33e5fce16ee86689f662" - integrity sha512-TW1X2p62FQ8Rlne+WEShyd7ac2LA6o27S9i131W4NwDSfyeVlQWhw8ylldNNS8JG6oJB9Ha9Xyc+IUcqipvheQ== +"@typescript-eslint/scope-manager@4.28.4": + version "4.28.4" + resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.28.4.tgz#bdbce9b6a644e34f767bd68bc17bb14353b9fe7f" + integrity sha512-ZJBNs4usViOmlyFMt9X9l+X0WAFcDH7EdSArGqpldXu7aeZxDAuAzHiMAeI+JpSefY2INHrXeqnha39FVqXb8w== dependencies: - "@typescript-eslint/types" "4.26.1" - "@typescript-eslint/visitor-keys" "4.26.1" + "@typescript-eslint/types" "4.28.4" + "@typescript-eslint/visitor-keys" "4.28.4" "@typescript-eslint/types@3.10.1": version "3.10.1" resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-3.10.1.tgz#1d7463fa7c32d8a23ab508a803ca2fe26e758727" integrity sha512-+3+FCUJIahE9q0lDi1WleYzjCwJs5hIsbugIgnbB+dSCYUxl8L6PwmsyOPFZde2hc1DlTo/xnkOgiTLSyAbHiQ== -"@typescript-eslint/types@4.26.1": - version "4.26.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.26.1.tgz#9e7c523f73c34b04a765e4167ca5650436ef1d38" - integrity sha512-STyMPxR3cS+LaNvS8yK15rb8Y0iL0tFXq0uyl6gY45glyI7w0CsyqyEXl/Fa0JlQy+pVANeK3sbwPneCbWE7yg== +"@typescript-eslint/types@4.28.4": + version "4.28.4" + resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.28.4.tgz#41acbd79b5816b7c0dd7530a43d97d020d3aeb42" + integrity sha512-3eap4QWxGqkYuEmVebUGULMskR6Cuoc/Wii0oSOddleP4EGx1tjLnZQ0ZP33YRoMDCs5O3j56RBV4g14T4jvww== "@typescript-eslint/typescript-estree@3.10.1": version "3.10.1" @@ -3349,13 +3208,13 @@ semver "^7.3.2" tsutils "^3.17.1" -"@typescript-eslint/typescript-estree@4.26.1": - version "4.26.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.26.1.tgz#b2ce2e789233d62283fae2c16baabd4f1dbc9633" - integrity sha512-l3ZXob+h0NQzz80lBGaykdScYaiEbFqznEs99uwzm8fPHhDjwaBFfQkjUC/slw6Sm7npFL8qrGEAMxcfBsBJUg== +"@typescript-eslint/typescript-estree@4.28.4": + version "4.28.4" + resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.28.4.tgz#252e6863278dc0727244be9e371eb35241c46d00" + integrity sha512-z7d8HK8XvCRyN2SNp+OXC2iZaF+O2BTquGhEYLKLx5k6p0r05ureUtgEfo5f6anLkhCxdHtCf6rPM1p4efHYDQ== dependencies: - "@typescript-eslint/types" "4.26.1" - "@typescript-eslint/visitor-keys" "4.26.1" + "@typescript-eslint/types" "4.28.4" + "@typescript-eslint/visitor-keys" "4.28.4" debug "^4.3.1" globby "^11.0.3" is-glob "^4.0.1" @@ -3369,12 +3228,12 @@ dependencies: eslint-visitor-keys "^1.1.0" -"@typescript-eslint/visitor-keys@4.26.1": - version "4.26.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.26.1.tgz#0d55ea735cb0d8903b198017d6d4f518fdaac546" - integrity sha512-IGouNSSd+6x/fHtYRyLOM6/C+QxMDzWlDtN41ea+flWuSF9g02iqcIlX8wM53JkfljoIjP0U+yp7SiTS1onEkw== +"@typescript-eslint/visitor-keys@4.28.4": + version "4.28.4" + resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.28.4.tgz#92dacfefccd6751cbb0a964f06683bfd72d0c4d3" + integrity sha512-NIAXAdbz1XdOuzqkJHjNKXKj8QQ4cv5cxR/g0uQhCYf/6//XrmfpaYsM7PnBcNbfvTDLUkqQ5TPNm1sozDdTWg== dependencies: - "@typescript-eslint/types" "4.26.1" + "@typescript-eslint/types" "4.28.4" eslint-visitor-keys "^2.0.0" "@webassemblyjs/ast@1.9.0": @@ -3554,9 +3413,9 @@ acorn-globals@^6.0.0: acorn-walk "^7.1.1" acorn-jsx@^5.3.1: - version "5.3.1" - resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.1.tgz#fc8661e11b7ac1539c47dbfea2e72b3af34d267b" - integrity sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng== + version "5.3.2" + resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937" + integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ== acorn-walk@^7.1.1, acorn-walk@^7.2.0: version "7.2.0" @@ -3574,9 +3433,9 @@ acorn@^7.1.0, acorn@^7.1.1, acorn@^7.4.0, acorn@^7.4.1: integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A== acorn@^8.2.4: - version "8.4.0" - resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.4.0.tgz#af53266e698d7cffa416714b503066a82221be60" - integrity sha512-ULr0LDaEqQrMFGyQ3bhJkLsbtrQ8QibAseGZeaSUiT/6zb9IvIkomWHJIvgvwad+hinRAgsI51JcWk2yvwyL+w== + version "8.4.1" + resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.4.1.tgz#56c36251fc7cabc7096adc18f05afe814321a28c" + integrity sha512-asabaBSkEKosYKMITunzX177CXxQ4Q8BSSzMTKD+FefUhipQC70gfW5SiUDhYQ3vk8G+81HqQk7Fv9OXwwn9KA== address@1.1.2, address@^1.0.1: version "1.1.2" @@ -3650,9 +3509,9 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5: uri-js "^4.2.2" ajv@^8.0.1: - version "8.6.0" - resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.6.0.tgz#60cc45d9c46a477d80d92c48076d972c342e5720" - integrity sha512-cnUG4NSBiM4YFBxgZIj/In3/6KX+rQ2l2YPRVcvAMQGWEPKuXoPIhxzwqh31jA3IPbI4qEOp/5ILI4ynioXsGQ== + version "8.6.2" + resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.6.2.tgz#2fb45e0e5fcbc0813326c1c3da535d1881bb0571" + integrity sha512-9807RlWAgT564wT+DjeyU5OFMPjmzxVobvDFmNAhY+5zD6A2ly3jDp6sgnfyDtlIQ+7H97oc/DGCzzfu9rjw9w== dependencies: fast-deep-equal "^3.1.1" json-schema-traverse "^1.0.0" @@ -3742,7 +3601,7 @@ anymatch@^2.0.0: micromatch "^3.1.4" normalize-path "^2.1.1" -anymatch@^3.0.0, anymatch@^3.0.3, anymatch@~3.1.1: +anymatch@^3.0.0, anymatch@^3.0.3, anymatch@~3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716" integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg== @@ -3972,9 +3831,9 @@ autoprefixer@^9.6.1, autoprefixer@^9.8.6: postcss-value-parser "^4.1.0" axe-core@^4.0.2: - version "4.2.2" - resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.2.2.tgz#0c987d82c8b82b4b9b7a945f1b5ef0d8fed586ed" - integrity sha512-OKRkKM4ojMEZRJ5UNJHmq9tht7cEnRnqKG6KyB/trYws00Xtkv12mHtlJ0SK7cmuNbrU8dPUova3ELTuilfBbw== + version "4.3.1" + resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.3.1.tgz#0c6a076e4a1c3e0544ba6a9479158f9be7a7928e" + integrity sha512-3WVgVPs/7OnKU3s+lqMtkv3wQlg3WxK1YifmpJSDO0E1aPBrZWlrrTO6cxRqCXLuX2aYgCljqXIQd0VnRidV0g== axobject-query@^2.2.0: version "2.2.0" @@ -4140,12 +3999,12 @@ babel-plugin-polyfill-corejs3@^0.1.0: core-js-compat "^3.8.1" babel-plugin-polyfill-corejs3@^0.2.2: - version "0.2.2" - resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.2.2.tgz#7424a1682ee44baec817327710b1b094e5f8f7f5" - integrity sha512-l1Cf8PKk12eEk5QP/NQ6TH8A1pee6wWDJ96WjxrMXFLHLOBFzYM4moG80HFgduVhTqAFez4alnZKEhP/bYHg0A== + version "0.2.3" + resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.2.3.tgz#72add68cf08a8bf139ba6e6dfc0b1d504098e57b" + integrity sha512-rCOFzEIJpJEAU14XCcV/erIf/wZQMmMT5l5vXOpL5uoznyOGfDIjPj6FVytMvtzaKSTSVKouOCTPJ5OMUZH30g== dependencies: "@babel/helper-define-polyfill-provider" "^0.2.2" - core-js-compat "^3.9.1" + core-js-compat "^3.14.0" babel-plugin-polyfill-regenerator@^0.2.2: version "0.2.2" @@ -4164,9 +4023,9 @@ babel-plugin-react-docgen@^4.1.0, babel-plugin-react-docgen@^4.2.1: react-docgen "^5.0.0" "babel-plugin-styled-components@>= 1.12.0": - version "1.12.0" - resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9" - integrity sha512-FEiD7l5ZABdJPpLssKXjBUJMYqzbcNzBowfXDCdJhOpbhWiewapUaY+LZGT8R4Jg2TwOjGjG4RKeyrO5p9sBkA== + version "1.13.2" + resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.2.tgz#ebe0e6deff51d7f93fceda1819e9b96aeb88278d" + integrity sha512-Vb1R3d4g+MUfPQPVDMCGjm3cDocJEUTR7Xq7QS95JWWeksN1wdFRYpD2kulDgI3Huuaf1CZd+NK4KQmqUFh5dA== dependencies: "@babel/helper-annotate-as-pure" "^7.0.0" "@babel/helper-module-imports" "^7.0.0" @@ -4570,9 +4429,9 @@ bytes@3.1.0: integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg== c8@^7.6.0: - version "7.7.2" - resolved "https://registry.yarnpkg.com/c8/-/c8-7.7.2.tgz#30ff37b8125d96cab3eb065895a0b68dbc495a0f" - integrity sha512-8AqNnUMxB3hsgYCYso2GJjlwnaNPlrEEbYbCQb7N76V1nrOgCKXiTcE3gXU18rIj0FeduPywROrIBMC7XAKApg== + version "7.7.3" + resolved "https://registry.yarnpkg.com/c8/-/c8-7.7.3.tgz#5af8f83b55dace03b353375e7a2ba85e2c13b17f" + integrity sha512-ZyA7n3w8i4ETV25tVYMHwJxCSnaOf/LfA8vOcuZOPbonuQfD7tBT/gMWZy7eczRpCDuHcvMXwoqAemg6R0p3+A== dependencies: "@bcoe/v8-coverage" "^0.2.3" "@istanbuljs/schema" "^0.1.2" @@ -4583,7 +4442,7 @@ c8@^7.6.0: istanbul-reports "^3.0.2" rimraf "^3.0.0" test-exclude "^6.0.0" - v8-to-istanbul "^7.1.0" + v8-to-istanbul "^8.0.0" yargs "^16.2.0" yargs-parser "^20.2.7" @@ -4722,9 +4581,9 @@ caniuse-api@^3.0.0: lodash.uniq "^4.5.0" caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001219: - version "1.0.30001237" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001237.tgz#4b7783661515b8e7151fc6376cfd97f0e427b9e5" - integrity sha512-pDHgRndit6p1NR2GhzMbQ6CkRrp4VKuSsqbcLeOQppYPKOYkKT/6ZvZDvKJUqcmtyWIAHuZq3SVS2vc1egCZzw== + version "1.0.30001247" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001247.tgz#105be7a8fb30cdd303275e769a9dfb87d4b3577a" + integrity sha512-4rS7co+7+AoOSPRPOPUt5/GdaqZc0EsUpWk66ofE3HJTAajUK2Ss2VwoNzVN69ghg8lYYlh0an0Iy4LIHHo9UQ== capture-exit@^2.0.0: version "2.0.0" @@ -4765,7 +4624,7 @@ chalk@^3.0.0: ansi-styles "^4.1.0" supports-color "^7.1.0" -chalk@^4.0.0, chalk@^4.1.0: +chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.1.tgz#c80b3fab28bf6371e6863325eee67e618b77e6ad" integrity sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg== @@ -4818,19 +4677,19 @@ chokidar@^2.1.8: fsevents "^1.2.7" chokidar@^3.4.1, chokidar@^3.4.2: - version "3.5.1" - resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.1.tgz#ee9ce7bbebd2b79f49f304799d5468e31e14e68a" - integrity sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw== + version "3.5.2" + resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.2.tgz#dba3976fcadb016f66fd365021d91600d01c1e75" + integrity sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ== dependencies: - anymatch "~3.1.1" + anymatch "~3.1.2" braces "~3.0.2" - glob-parent "~5.1.0" + glob-parent "~5.1.2" is-binary-path "~2.1.0" is-glob "~4.0.1" normalize-path "~3.0.0" - readdirp "~3.5.0" + readdirp "~3.6.0" optionalDependencies: - fsevents "~2.3.1" + fsevents "~2.3.2" chownr@^1.1.1: version "1.1.4" @@ -4907,15 +4766,6 @@ cli-table3@0.6.0: optionalDependencies: colors "^1.1.2" -clipboard@^2.0.0: - version "2.0.8" - resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.8.tgz#ffc6c103dd2967a83005f3f61976aa4655a4cdba" - integrity sha512-Y6WO0unAIQp5bLmk1zdThRhgJt/x3ks6f30s3oE3H1mgIEU33XyQjEf8gsf6DxC7NPX8Y1SsNWjUjL/ywLnnbQ== - dependencies: - good-listener "^1.2.2" - select "^1.1.2" - tiny-emitter "^2.0.0" - cliui@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5" @@ -4989,7 +4839,7 @@ collection-visit@^1.0.0: map-visit "^1.0.0" object-visit "^1.0.0" -color-convert@^1.9.0, color-convert@^1.9.1: +color-convert@^1.9.0, color-convert@^1.9.3: version "1.9.3" resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8" integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg== @@ -5013,21 +4863,21 @@ color-name@^1.0.0, color-name@~1.1.4: resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2" integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== -color-string@^1.5.4: - version "1.5.5" - resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.5.tgz#65474a8f0e7439625f3d27a6a19d89fc45223014" - integrity sha512-jgIoum0OfQfq9Whcfc2z/VhCNcmQjWbey6qBX0vqt7YICflUmBCh9E9CiQD5GSJ+Uehixm3NUwHVhqUAWRivZg== +color-string@^1.6.0: + version "1.6.0" + resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.6.0.tgz#c3915f61fe267672cb7e1e064c9d692219f6c312" + integrity sha512-c/hGS+kRWJutUBEngKKmk4iH3sD59MBkoxVapS/0wgpCz2u7XsNloxknyvBhzwEs1IbV36D9PwqLPJ2DTu3vMA== dependencies: color-name "^1.0.0" simple-swizzle "^0.2.2" color@^3.0.0: - version "3.1.3" - resolved "https://registry.yarnpkg.com/color/-/color-3.1.3.tgz#ca67fb4e7b97d611dcde39eceed422067d91596e" - integrity sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ== + version "3.2.1" + resolved "https://registry.yarnpkg.com/color/-/color-3.2.1.tgz#3544dc198caf4490c3ecc9a790b54fe9ff45e164" + integrity sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA== dependencies: - color-convert "^1.9.1" - color-string "^1.5.4" + color-convert "^1.9.3" + color-string "^1.6.0" colorette@^1.2.1, colorette@^1.2.2: version "1.2.2" @@ -5051,10 +4901,10 @@ comma-separated-tokens@^1.0.0: resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.8.tgz#632b80b6117867a158f1080ad498b2fbe7e3f5ea" integrity sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw== -commander@7.1.0: - version "7.1.0" - resolved "https://registry.yarnpkg.com/commander/-/commander-7.1.0.tgz#f2eaecf131f10e36e07d894698226e36ae0eb5ff" - integrity sha512-pRxBna3MJe6HKnBGsDyMv8ETbptw3axEdYHoqNh7gu5oDcew8fs0xnivZGm06Ogk8zGAJ9VX+OPEr2GXEQK4dg== +commander@7.2.0: + version "7.2.0" + resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7" + integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw== commander@^2.19.0, commander@^2.20.0: version "2.20.3" @@ -5170,7 +5020,7 @@ content-type@~1.0.4: resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b" integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA== -convert-source-map@1.7.0, convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0: +convert-source-map@1.7.0: version "1.7.0" resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442" integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA== @@ -5182,6 +5032,13 @@ convert-source-map@^0.3.3: resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-0.3.5.tgz#f1d802950af7dd2631a1febe0596550c86ab3190" integrity sha1-8dgClQr33SYxof6+BZZVDIarMZA= +convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0: + version "1.8.0" + resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369" + integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA== + dependencies: + safe-buffer "~5.1.1" + cookie-signature@1.0.6: version "1.0.6" resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c" @@ -5216,18 +5073,18 @@ copy-to-clipboard@^3.3.1: dependencies: toggle-selection "^1.0.6" -core-js-compat@^3.14.0, core-js-compat@^3.6.2, core-js-compat@^3.8.1, core-js-compat@^3.9.1: - version "3.14.0" - resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.14.0.tgz#b574dabf29184681d5b16357bd33d104df3d29a5" - integrity sha512-R4NS2eupxtiJU+VwgkF9WTpnSfZW4pogwKHd8bclWU2sp93Pr5S1uYJI84cMOubJRou7bcfL0vmwtLslWN5p3A== +core-js-compat@^3.14.0, core-js-compat@^3.15.0, core-js-compat@^3.6.2, core-js-compat@^3.8.1: + version "3.15.2" + resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.15.2.tgz#47272fbb479880de14b4e6081f71f3492f5bd3cb" + integrity sha512-Wp+BJVvwopjI+A1EFqm2dwUmWYXrvucmtIB2LgXn/Rb+gWPKYxtmb4GKHGKG/KGF1eK9jfjzT38DITbTOCX/SQ== dependencies: browserslist "^4.16.6" semver "7.0.0" -core-js-pure@^3.14.0, core-js-pure@^3.8.2: - version "3.14.0" - resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.14.0.tgz#72bcfacba74a65ffce04bf94ae91d966e80ee553" - integrity sha512-YVh+LN2FgNU0odThzm61BsdkwrbrchumFq3oztnE9vTKC4KS2fvnPmcx8t6jnqAyOTCTF4ZSiuK8Qhh7SNcL4g== +core-js-pure@^3.15.0, core-js-pure@^3.8.2: + version "3.15.2" + resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.15.2.tgz#c8e0874822705f3385d3197af9348f7c9ae2e3ce" + integrity sha512-D42L7RYh1J2grW8ttxoY1+17Y4wXZeKe7uyplAI3FkNQyI5OgBIAjUfFiTPfL1rs0qLpxaabITNbjKl1Sp82tA== core-js@^2.4.0: version "2.6.12" @@ -5235,9 +5092,9 @@ core-js@^2.4.0: integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ== core-js@^3.0.4, core-js@^3.6.5, core-js@^3.8.2: - version "3.14.0" - resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.14.0.tgz#62322b98c71cc2018b027971a69419e2425c2a6c" - integrity sha512-3s+ed8er9ahK+zJpp9ZtuVcDoFzHNiZsPbNAAE4KXgrRHbjSqqNN6xGSXq6bq7TZIbKj4NLrLb6bJ5i+vSVjHA== + version "3.15.2" + resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.15.2.tgz#740660d2ff55ef34ce664d7e2455119c5bdd3d61" + integrity sha512-tKs41J7NJVuaya8DxIOCnl8QuPHx5/ZVbFo1oKgVl1qHFBBrDctzQGtuLjPpRdNTWmKPH6oEvgN/MUID+l485Q== core-util-is@~1.0.0: version "1.0.2" @@ -5696,9 +5553,9 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.9: ms "2.0.0" debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1: - version "4.3.1" - resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee" - integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ== + version "4.3.2" + resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b" + integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw== dependencies: ms "2.1.2" @@ -5715,9 +5572,9 @@ decamelize@^1.2.0: integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA= decimal.js@^10.2.1: - version "10.2.1" - resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.2.1.tgz#238ae7b0f0c793d3e3cea410108b35a2c01426a3" - integrity sha512-KaL7+6Fw6i5A2XSnsbhm/6B+NuEA7TZ4vqxnd5tXz9sbKtrN9Srj8ab4vKVdK8YAqZO9P1kg45Y6YLoduPf+kw== + version "10.3.1" + resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.3.1.tgz#d8c3a444a9c6774ba60ca6ad7261c3a94fd5e783" + integrity sha512-V0pfhfr8suzyPGOx3nmq4aHqabehUZn6Ch9kyFpV79TGDTWFmHqUqXdabR7QHqxzrYolF4+tVmJhUG4OURg5dQ== decode-uri-component@^0.2.0: version "0.2.0" @@ -5811,11 +5668,6 @@ delayed-stream@~1.0.0: resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk= -delegate@^3.1.2: - version "3.2.0" - resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166" - integrity sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw== - delegates@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a" @@ -5873,13 +5725,13 @@ detect-port@^1.3.0: debug "^2.6.0" devmoji@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/devmoji/-/devmoji-2.2.1.tgz#a1ac9bcba67ca4156305923a0ee990cf07ac4ffc" - integrity sha512-p6cdBNYJ92yZDmwZHC5XxLDmzX9ceDNO8rYZr1Be5T5HAmV0InDEwL7vrkJ9JwE6cIAvgcifd9Qbn3b8QOdFSg== + version "2.3.0" + resolved "https://registry.yarnpkg.com/devmoji/-/devmoji-2.3.0.tgz#5cc3764c59899802bcbecd19afeb9a22c0626b89" + integrity sha512-ErQdYUsE7tKxqDzQzRos6fKWaRIFUOJvMkQODq9iYDI3o5X6nxD78XEdGNYaW5AaJW4uxj+XQTkCuJkV86Qg6g== dependencies: - chalk "^4.1.0" - commander "7.1.0" - ts-interface-checker "0.2.1" + chalk "^4.1.1" + commander "7.2.0" + ts-interface-checker "1.0.0" diff-sequences@^26.6.2: version "26.6.2" @@ -6108,14 +5960,14 @@ ejs@^2.6.1: integrity sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA== electron-to-chromium@^1.3.564, electron-to-chromium@^1.3.723: - version "1.3.752" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.752.tgz#0728587f1b9b970ec9ffad932496429aef750d09" - integrity sha512-2Tg+7jSl3oPxgsBsWKh5H83QazTkmWG/cnNwJplmyZc7KcN61+I10oUgaXSVk/NwfvN3BdkKDR4FYuRBQQ2v0A== + version "1.3.786" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.786.tgz#1fc572abc77e2f474725f8a61acf7e25ced9fbe2" + integrity sha512-AmvbLBj3hepRk8v/DHrFF8gINxOFfDbrn6Ts3PcK46/FBdQb5OMmpamSpZQXSkfi77FfBzYtQtAk+00LCLYMVw== element-resize-detector@^1.2.2: - version "1.2.2" - resolved "https://registry.yarnpkg.com/element-resize-detector/-/element-resize-detector-1.2.2.tgz#bf7c3ff915957e4e62e86241ed2f9c86b078892b" - integrity sha512-+LOXRkCJc4I5WhEJxIDjhmE3raF8jtOMBDqSCgZTMz2TX3oXAX5pE2+MDeopJlGdXzP7KzPbBJaUGfNaP9HG4A== + version "1.2.3" + resolved "https://registry.yarnpkg.com/element-resize-detector/-/element-resize-detector-1.2.3.tgz#5078d9b99398fe4c589f8c8df94ff99e5d413ff3" + integrity sha512-+dhNzUgLpq9ol5tyhoG7YLoXL3ssjfFW+0gpszXPwRU6NjGr1fVHMEAF8fVzIiRJq57Nre0RFeIjJwI8Nh2NmQ== dependencies: batch-processor "1.0.0" @@ -6189,13 +6041,13 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0: once "^1.4.0" endent@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/endent/-/endent-2.0.1.tgz#fb18383a3f37ae3213a5d9f6c4a880d1061eb4c5" - integrity sha512-mADztvcC+vCk4XEZaCz6xIPO2NHQuprv5CAEjuVAu6aZwqAj7nVNlMyl1goPFYqCCpS2OJV9jwpumJLkotZrNw== + version "2.1.0" + resolved "https://registry.yarnpkg.com/endent/-/endent-2.1.0.tgz#5aaba698fb569e5e18e69e1ff7a28ff35373cd88" + integrity sha512-r8VyPX7XL8U01Xgnb1CjZ3XV+z90cXIJ9JPE/R9SEC9vpw2P6CfsRPJmp20DppC5N7ZAMCmjYkJIa744Iyg96w== dependencies: dedent "^0.7.0" fast-json-parse "^1.0.3" - objectorarray "^1.0.4" + objectorarray "^1.0.5" enhanced-resolve@^4.3.0, enhanced-resolve@^4.5.0: version "4.5.0" @@ -6391,9 +6243,9 @@ eslint-module-utils@^2.6.1: pkg-dir "^2.0.0" eslint-plugin-flowtype@^5.2.0: - version "5.7.2" - resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.7.2.tgz#482a42fe5d15ee614652ed256d37543d584d7bc0" - integrity sha512-7Oq/N0+3nijBnYWQYzz/Mp/7ZCpwxYvClRyW/PLAmimY9uLCBvoXsNsERcJdkKceyOjgRbFhhxs058KTrne9Mg== + version "5.8.1" + resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.8.1.tgz#6f2c313a6e9ec271a51315ccd09c2432b4d1930e" + integrity sha512-ADe4cYAn1UYVs1P1F9wKDNP2lbm3JtwbFykxJpO129utErjAhRZYQJCIKmhy6Rpx7Q9p8pc3gLVIFXtatXJriQ== dependencies: lodash "^4.17.15" string-natural-compare "^3.0.1" @@ -6420,9 +6272,9 @@ eslint-plugin-import@^2.22.1: tsconfig-paths "^3.9.0" eslint-plugin-jest@^24.1.0: - version "24.3.6" - resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-24.3.6.tgz#5f0ca019183c3188c5ad3af8e80b41de6c8e9173" - integrity sha512-WOVH4TIaBLIeCX576rLcOgjNXqP+jNlCiEmRgFTfQtJ52DpwnIQKAVGlGPAN7CZ33bW6eNfHD6s8ZbEUTQubJg== + version "24.4.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-24.4.0.tgz#fa4b614dbd46a98b652d830377971f097bda9262" + integrity sha512-8qnt/hgtZ94E9dA6viqfViKBfkJwFHXgJmTWlMGDgunw1XJEGqm3eiPjDsTanM3/u/3Az82nyQM9GX7PM/QGmg== dependencies: "@typescript-eslint/experimental-utils" "^4.0.1" @@ -6533,12 +6385,13 @@ eslint-webpack-plugin@^2.5.2: schema-utils "^3.0.0" eslint@^7.11.0: - version "7.28.0" - resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.28.0.tgz#435aa17a0b82c13bb2be9d51408b617e49c1e820" - integrity sha512-UMfH0VSjP0G4p3EWirscJEQ/cHqnT/iuH6oNZOB94nBjWbMnhGEPxsZm1eyIW0C/9jLI0Fow4W5DXLjEI7mn1g== + version "7.31.0" + resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.31.0.tgz#f972b539424bf2604907a970860732c5d99d3aca" + integrity sha512-vafgJpSh2ia8tnTkNUkwxGmnumgckLh5aAbLa1xRmIn9+owi8qBNGKL+B881kNKNTy7FFqTEkpNkUvmw0n6PkA== dependencies: "@babel/code-frame" "7.12.11" - "@eslint/eslintrc" "^0.4.2" + "@eslint/eslintrc" "^0.4.3" + "@humanwhocodes/config-array" "^0.5.0" ajv "^6.10.0" chalk "^4.0.0" cross-spawn "^7.0.2" @@ -6832,16 +6685,15 @@ fast-glob@^2.2.6: micromatch "^3.1.10" fast-glob@^3.1.1: - version "3.2.5" - resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.5.tgz#7939af2a656de79a4f1901903ee8adcaa7cb9661" - integrity sha512-2DtFcgT68wiTTiwZ2hNdJfcHNke9XOfnwmBRWXhmeKM8rF0TGwmC/Qto3S7RoZKp5cilZbxzO5iTNTQsJ+EeDg== + version "3.2.7" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.7.tgz#fd6cb7a2d7e9aa7a7846111e85a196d6b2f766a1" + integrity sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q== dependencies: "@nodelib/fs.stat" "^2.0.2" "@nodelib/fs.walk" "^1.2.3" - glob-parent "^5.1.0" + glob-parent "^5.1.2" merge2 "^1.3.0" - micromatch "^4.0.2" - picomatch "^2.2.1" + micromatch "^4.0.4" fast-json-parse@^1.0.3: version "1.0.3" @@ -6859,9 +6711,9 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6: integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc= fastq@^1.6.0: - version "1.11.0" - resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.11.0.tgz#bb9fb955a07130a918eb63c1f5161cc32a5d0858" - integrity sha512-7Eczs8gIPDrVzT+EksYBcupqMyxSHXXrHOLRRxU2/DicV8789MRBRR8+Hc2uWzUupOs4YS4JzBmBxjjCVBxD/g== + version "1.11.1" + resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.11.1.tgz#5d8175aae17db61947f8b162cfc7f63264d22807" + integrity sha512-HOnr8Mc60eNYl1gzwp6r5RoUyAn5/glBolUzP/Ez6IFVPMPirxn/9phgL6zhOtaTy7ISwPvQ+wT+hfcRZh/bzw== dependencies: reusify "^1.0.4" @@ -7025,9 +6877,9 @@ flat-cache@^3.0.4: rimraf "^3.0.2" flatted@^3.1.0: - version "3.1.1" - resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.1.1.tgz#c4b489e80096d9df1dfc97c79871aea7c617c469" - integrity sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA== + version "3.2.1" + resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.1.tgz#bbef080d95fca6709362c73044a1634f7c6e7d05" + integrity sha512-OMQjaErSFHmHqZe+PSidH5n8j3O0F2DdnVh8JB4j4eUQ2k6KvB0qGfrKIhapvez5JerBbmWkaLYUYWISaESoXg== flatten@^1.0.2: version "1.0.3" @@ -7074,9 +6926,9 @@ fork-ts-checker-webpack-plugin@4.1.6, fork-ts-checker-webpack-plugin@^4.1.6: worker-rpc "^0.1.0" fork-ts-checker-webpack-plugin@^6.0.4: - version "6.2.10" - resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.2.10.tgz#800ab1fa523c76011a3413bc4e7815e45b63e826" - integrity sha512-HveFCHWSH2WlYU1tU3PkrupvW8lNFMTfH3Jk0TfC2mtktE9ibHGcifhCsCFvj+kqlDfNIlwmNLiNqR9jnSA7OQ== + version "6.2.13" + resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.2.13.tgz#ee90a21c36d794eca481991a4233bbed6dc703d5" + integrity sha512-+j/DfwevcZeSXn5WOv32c/shbcbhcKi88asC2A4TDPtURS3MW/qXiVucGiL1PXdt9PCGB88R3BfaSWZ1C/XGHA== dependencies: "@babel/code-frame" "^7.8.3" "@types/json-schema" "^7.0.5" @@ -7205,7 +7057,7 @@ fsevents@^1.2.7: bindings "^1.5.0" nan "^2.12.1" -fsevents@^2.1.2, fsevents@^2.1.3, fsevents@~2.3.1: +fsevents@^2.1.2, fsevents@^2.1.3, fsevents@~2.3.2: version "2.3.2" resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a" integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA== @@ -7332,7 +7184,7 @@ glob-parent@^3.1.0: is-glob "^3.1.0" path-dirname "^1.0.0" -glob-parent@^5.1.0, glob-parent@^5.1.2, glob-parent@~5.1.0: +glob-parent@^5.1.2, glob-parent@~5.1.2: version "5.1.2" resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4" integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow== @@ -7393,9 +7245,9 @@ globals@^11.1.0: integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA== globals@^13.6.0, globals@^13.9.0: - version "13.9.0" - resolved "https://registry.yarnpkg.com/globals/-/globals-13.9.0.tgz#4bf2bf635b334a173fb1daf7c5e6b218ecdc06cb" - integrity sha512-74/FduwI/JaIrr1H8e71UbDE+5x7pIPs1C2rrwC52SszOo043CsWOZEMW7o2Y58xwm9b+0RBKDxY5n2sUpEFxA== + version "13.10.0" + resolved "https://registry.yarnpkg.com/globals/-/globals-13.10.0.tgz#60ba56c3ac2ca845cfbf4faeca727ad9dd204676" + integrity sha512-piHC3blgLGFjvOuMmWZX60f+na1lXFDhQXBf1UYp2fXPXqvEUbOhNwi6BsQ0bQishwedgnjkwv1d9zKf+MWw3g== dependencies: type-fest "^0.20.2" @@ -7418,7 +7270,7 @@ globby@11.0.1: merge2 "^1.3.0" slash "^3.0.0" -globby@^11.0.2: +globby@^11.0.2, globby@^11.0.3: version "11.0.4" resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.4.tgz#2cbaff77c2f2a62e71e9b2813a67b97a3a3001a5" integrity sha512-9O4MVG9ioZJ08ffbcyVYyLOJLk5JQ688pJ4eMGLpdWLHq/Wr1D9BlriLQyL0E+jbkuePVZXYFj47QM/v093wHg== @@ -7430,18 +7282,6 @@ globby@^11.0.2: merge2 "^1.3.0" slash "^3.0.0" -globby@^11.0.3: - version "11.0.3" - resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.3.tgz#9b1f0cb523e171dd1ad8c7b2a9fb4b644b9593cb" - integrity sha512-ffdmosjA807y7+lA1NM0jELARVmYul/715xiILEjo3hBLPTcirgQNnXECn5g3mtR8TOLCVbkfua1Hpen25/Xcg== - dependencies: - array-union "^2.1.0" - dir-glob "^3.0.1" - fast-glob "^3.1.1" - ignore "^5.1.4" - merge2 "^1.3.0" - slash "^3.0.0" - globby@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c" @@ -7467,13 +7307,6 @@ globby@^9.2.0: pify "^4.0.1" slash "^2.0.0" -good-listener@^1.2.2: - version "1.2.2" - resolved "https://registry.yarnpkg.com/good-listener/-/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50" - integrity sha1-1TswzfkxPf+33JoNR3CWqm0UXFA= - dependencies: - delegate "^3.1.2" - graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.1.9, graceful-fs@^4.2.0, graceful-fs@^4.2.4: version "4.2.6" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee" @@ -8195,9 +8028,9 @@ is-color-stop@^1.0.0: rgba-regex "^1.0.0" is-core-module@^2.0.0, is-core-module@^2.2.0, is-core-module@^2.4.0: - version "2.4.0" - resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.4.0.tgz#8e9fc8e15027b011418026e98f0e6f4d86305cc1" - integrity sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A== + version "2.5.0" + resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.5.0.tgz#f754843617c70bfd29b7bd87327400cda5c18491" + integrity sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg== dependencies: has "^1.0.3" @@ -9135,7 +8968,7 @@ json5@^1.0.1: dependencies: minimist "^1.2.0" -json5@^2.1.2, json5@^2.1.3: +json5@^2.1.2, json5@^2.1.3, json5@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.0.tgz#2dfefe720c6ba525d9ebd909950f0515316c89a3" integrity sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA== @@ -9654,7 +9487,7 @@ micromatch@^3.1.10, micromatch@^3.1.4: snapdragon "^0.8.1" to-regex "^3.0.2" -micromatch@^4.0.2: +micromatch@^4.0.2, micromatch@^4.0.4: version "4.0.4" resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9" integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg== @@ -10113,9 +9946,9 @@ object-copy@^0.1.0: kind-of "^3.0.3" object-inspect@^1.10.3, object-inspect@^1.9.0: - version "1.10.3" - resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.10.3.tgz#c2aa7d2d09f50c99375704f7a0adf24c5782d369" - integrity sha512-e5mCJlSH7poANfC8z8S9s9S2IN5/4Zb3aZ33f5s8YqoazCFzNLloLU8r5VCG+G7WoqLvAAZoVMcy3tp/3X0Plw== + version "1.11.0" + resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.11.0.tgz#9dceb146cedd4148a0d9e51ab88d34cf509922b1" + integrity sha512-jp7ikS6Sd3GxQfZJPyH3cjcbJF6GZPClgdV+EFygjFLQ5FmW/dRUnTd9PQ9k0JhoNDabWFbpF1yCdSWCC6gexg== object-is@^1.0.1: version "1.1.5" @@ -10191,10 +10024,10 @@ object.values@^1.1.0, object.values@^1.1.3, object.values@^1.1.4: define-properties "^1.1.3" es-abstract "^1.18.2" -objectorarray@^1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/objectorarray/-/objectorarray-1.0.4.tgz#d69b2f0ff7dc2701903d308bb85882f4ddb49483" - integrity sha512-91k8bjcldstRz1bG6zJo8lWD7c6QXcB4nTDUqiEvIL1xAsLoZlOOZZG+nd6YPz+V7zY1580J4Xxh1vZtyv4i/w== +objectorarray@^1.0.5: + version "1.0.5" + resolved "https://registry.yarnpkg.com/objectorarray/-/objectorarray-1.0.5.tgz#2c05248bbefabd8f43ad13b41085951aac5e68a5" + integrity sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg== obuf@^1.0.0, obuf@^1.1.2: version "1.1.2" @@ -10666,13 +10499,20 @@ pkg-up@^2.0.0: dependencies: find-up "^2.1.0" -pnp-webpack-plugin@1.6.4, pnp-webpack-plugin@^1.6.4: +pnp-webpack-plugin@1.6.4: version "1.6.4" resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz#c9711ac4dc48a685dabafc86f8b6dd9f8df84149" integrity sha512-7Wjy+9E3WwLOEL30D+m8TSTF7qJJUJLONBnwQp0518siuMxUQUbgZwssaFX+QKlZkjHZcw/IpZCt/H0srrntSg== dependencies: ts-pnp "^1.1.6" +pnp-webpack-plugin@^1.6.4: + version "1.7.0" + resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz#65741384f6d8056f36e2255a8d67ffc20866f5c9" + integrity sha512-2Rb3vm+EXble/sMXNSu6eoBx8e79gKqhNq9F5ZWW6ERNCTE/Q0wQNne5541tE5vKjfM8hpNCYL+LGc1YTfI0dg== + dependencies: + ts-pnp "^1.1.6" + polished@^4.0.5: version "4.1.3" resolved "https://registry.yarnpkg.com/polished/-/polished-4.1.3.tgz#7a3abf2972364e7d97770b827eec9a9e64002cfc" @@ -11345,16 +11185,7 @@ postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1: indexes-of "^1.0.1" uniq "^1.0.1" -postcss@7.0.21: - version "7.0.21" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.21.tgz#06bb07824c19c2021c5d056d5b10c35b989f7e17" - integrity sha512-uIFtJElxJo29QC753JzhidoAhvp/e/Exezkdhfmt8AymWT6/5B7W1WmponYWkHk2eg6sONyTch0A3nkMPun3SQ== - dependencies: - chalk "^2.4.2" - source-map "^0.6.1" - supports-color "^6.1.0" - -postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.36, postcss@^7.0.5, postcss@^7.0.6: +postcss@7.0.36, postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.36, postcss@^7.0.5, postcss@^7.0.6: version "7.0.36" resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.36.tgz#056f8cffa939662a8f5905950c07d5285644dfcb" integrity sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw== @@ -11364,9 +11195,9 @@ postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.17, po supports-color "^6.1.0" postcss@^8.1.0: - version "8.3.2" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.2.tgz#ed3ec489f5428af5740cd6effcc216b4d455ee64" - integrity sha512-y1FK/AWdZlBF5lusS5j5l4/vF67+vQZt1SXPVJ32y1kRGDQyrs1zk32hG1cInRTu14P0V+orPz+ifwW/7rR4bg== + version "8.3.6" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.6.tgz#2730dd76a97969f37f53b9a6096197be311cc4ea" + integrity sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A== dependencies: colorette "^1.2.2" nanoid "^3.1.23" @@ -11432,12 +11263,10 @@ pretty-hrtime@^1.0.3: resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1" integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE= -prismjs@^1.21.0, prismjs@~1.23.0: - version "1.23.0" - resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.23.0.tgz#d3b3967f7d72440690497652a9d40ff046067f33" - integrity sha512-c29LVsqOaLbBHuIbsTxaKENh1N2EQBOHaWv7gkHN4dgRbxSREqDnDbtFJYdpPauS4YCplMSNCABQ6Eeor69bAA== - optionalDependencies: - clipboard "^2.0.0" +prismjs@^1.21.0, prismjs@~1.24.0: + version "1.24.1" + resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.24.1.tgz#c4d7895c4d6500289482fa8936d9cdd192684036" + integrity sha512-mNPsedLuk90RVJioIky8ANZEwYm5w9LcvCXrxHlwf4fNVSn8jEipMybMkWUyyF0JhnC+C4VcOVSBuHRKs1L5Ow== process-nextick-args@~2.0.0: version "2.0.1" @@ -11702,9 +11531,9 @@ react-app-polyfill@^2.0.0: whatwg-fetch "^3.4.1" react-colorful@^5.1.2: - version "5.2.2" - resolved "https://registry.yarnpkg.com/react-colorful/-/react-colorful-5.2.2.tgz#0a69d0648db47e51359d343854d83d250a742243" - integrity sha512-Xdb1Rl6lZ5SMdNBH59eE0lGqR1g2LVD8IgPlw0WeMDrOC65lYI8fgMEwj/0dDpVRVMh5qp73ciISDst/t2O2iQ== + version "5.3.0" + resolved "https://registry.yarnpkg.com/react-colorful/-/react-colorful-5.3.0.tgz#bcbae49c1affa9ab9a3c8063398c5948419296bd" + integrity sha512-zWE5E88zmjPXFhv6mGnRZqKin9s5vip1O3IIGynY9EhZxN8MATUxZkT3e/9OwTEm4DjQBXc6PFWP6AetY+Px+A== react-dev-utils@^11.0.3: version "11.0.4" @@ -11736,18 +11565,21 @@ react-dev-utils@^11.0.3: strip-ansi "6.0.0" text-table "0.2.0" -react-docgen-typescript-plugin@^0.6.2: - version "0.6.3" - resolved "https://registry.yarnpkg.com/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-0.6.3.tgz#664b22601df083597ecb1e60bd21beca60125fdf" - integrity sha512-av1S/fmWBNFGgNa4qtkidFjjOz23eEi6EdCtwSWo9WNhGzUMyMygbD/DosMWoeFlZpk9R3MXPkRE7PDH6j5GMQ== +react-docgen-typescript-plugin@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.0.tgz#f3b13df1acf3126957c689c47cd8552d42734feb" + integrity sha512-Akc7EtryOA4d2yOX27B5ii+hyf/k15ymb01uB+VnRgtTAdfeDCmNPvyLbRJ6pRNYOuFlEBe1YfCH73bTPtpYVQ== dependencies: debug "^4.1.1" endent "^2.0.1" + find-cache-dir "^3.3.1" + flat-cache "^3.0.4" micromatch "^4.0.2" - react-docgen-typescript "^1.20.5" + react-docgen-typescript "^1.22.0" tslib "^2.0.0" + webpack-sources "^2.2.0" -react-docgen-typescript@^1.20.5: +react-docgen-typescript@^1.22.0: version "1.22.0" resolved "https://registry.yarnpkg.com/react-docgen-typescript/-/react-docgen-typescript-1.22.0.tgz#00232c8e8e47f4437cac133b879b3e9437284bee" integrity sha512-MPLbF8vzRwAG3GcjdL+OHQlhgtWsLTXs+7uJiHfEeT3Ur7IsZaNYqRTLQ9sj2nB6M6jylcPCeCmH7qbszJmecg== @@ -12041,10 +11873,10 @@ readdirp@^2.2.1: micromatch "^3.1.10" readable-stream "^2.0.2" -readdirp@~3.5.0: - version "3.5.0" - resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.5.0.tgz#9ba74c019b15d365278d2e91bb8c48d7b4d42c9e" - integrity sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ== +readdirp@~3.6.0: + version "3.6.0" + resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7" + integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA== dependencies: picomatch "^2.2.1" @@ -12064,13 +11896,13 @@ redent@^3.0.0: strip-indent "^3.0.0" refractor@^3.1.0: - version "3.3.1" - resolved "https://registry.yarnpkg.com/refractor/-/refractor-3.3.1.tgz#ebbc04b427ea81dc25ad333f7f67a0b5f4f0be3a" - integrity sha512-vaN6R56kLMuBszHSWlwTpcZ8KTMG6aUCok4GrxYDT20UIOXxOc5o6oDc8tNTzSlH3m2sI+Eu9Jo2kVdDcUTWYw== + version "3.4.0" + resolved "https://registry.yarnpkg.com/refractor/-/refractor-3.4.0.tgz#62bd274b06c942041f390c371b676eb67cb0a678" + integrity sha512-dBeD02lC5eytm9Gld2Mx0cMcnR+zhSnsTfPpWqFaMgUMJfC9A6bcN3Br/NaXrnBJcuxnLFR90k1jrkaSyV8umg== dependencies: hastscript "^6.0.0" parse-entities "^2.0.0" - prismjs "~1.23.0" + prismjs "~1.24.0" regenerate-unicode-properties@^8.2.0: version "8.2.0" @@ -12090,9 +11922,9 @@ regenerator-runtime@^0.11.0: integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg== regenerator-runtime@^0.13.4, regenerator-runtime@^0.13.7: - version "0.13.7" - resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.7.tgz#cac2dacc8a1ea675feaabaeb8ae833898ae46f55" - integrity sha512-a54FxoJDIr27pgf7IgeQGxmqUNYrcV338lf/6gH456HZ/PhX+5BcwHXG9ajESmwe6WRO0tAzRUrRmNONWgkrew== + version "0.13.9" + resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52" + integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA== regenerator-transform@^0.14.2: version "0.14.5" @@ -12123,9 +11955,9 @@ regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.3.1: define-properties "^1.1.3" regexpp@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.1.0.tgz#206d0ad0a5648cffbdb8ae46438f3dc51c9f78e2" - integrity sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q== + version "3.2.0" + resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2" + integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg== regexpu-core@^4.7.1: version "4.7.1" @@ -12209,9 +12041,9 @@ remark-parse@8.0.3: xtend "^4.0.1" remark-slug@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/remark-slug/-/remark-slug-6.0.0.tgz#2b54a14a7b50407a5e462ac2f376022cce263e2c" - integrity sha512-ln67v5BrGKHpETnm6z6adlJPhESFJwfuZZ3jrmi+lKTzeZxh2tzFzUfDD4Pm2hRGOarHLuGToO86MNMZ/hA67Q== + version "6.1.0" + resolved "https://registry.yarnpkg.com/remark-slug/-/remark-slug-6.1.0.tgz#0503268d5f0c4ecb1f33315c00465ccdd97923ce" + integrity sha512-oGCxDF9deA8phWvxFuyr3oSJsdyUAxMFbA0mZ7Y1Sas+emILtO+e5WutF9564gDsEN4IXaQXm5pFo6MLH+YmwQ== dependencies: github-slugger "^1.0.0" mdast-util-to-string "^1.0.0" @@ -12300,9 +12132,9 @@ resolve-from@^5.0.0: integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw== resolve-url-loader@^3.1.2: - version "3.1.3" - resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-3.1.3.tgz#49ec68340f67d8d2ab6b401948d5def3ab2d0367" - integrity sha512-WbDSNFiKPPLem1ln+EVTE+bFUBdTTytfQZWbmghroaFNFaAVmGq0Saqw6F/306CwgPXsGwXVxbODE+3xAo/YbA== + version "3.1.4" + resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-3.1.4.tgz#3c16caebe0b9faea9c7cc252fa49d2353c412320" + integrity sha512-D3sQ04o0eeQEySLrcz4DsX3saHfsr8/N6tfhblxgZKXxMT2Louargg12oGNfoTRLV09GXhVUe5/qgA5vdgNigg== dependencies: adjust-sourcemap-loader "3.0.0" camelcase "5.3.1" @@ -12310,7 +12142,7 @@ resolve-url-loader@^3.1.2: convert-source-map "1.7.0" es6-iterator "2.0.3" loader-utils "1.2.3" - postcss "7.0.21" + postcss "7.0.36" rework "1.0.1" rework-visit "1.0.0" source-map "0.6.1" @@ -12564,11 +12396,11 @@ schema-utils@^2.6.5, schema-utils@^2.7.0, schema-utils@^2.7.1: ajv-keywords "^3.5.2" schema-utils@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.0.0.tgz#67502f6aa2b66a2d4032b4279a2944978a0913ef" - integrity sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA== + version "3.1.1" + resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281" + integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw== dependencies: - "@types/json-schema" "^7.0.6" + "@types/json-schema" "^7.0.8" ajv "^6.12.5" ajv-keywords "^3.5.2" @@ -12577,11 +12409,6 @@ select-hose@^2.0.0: resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca" integrity sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo= -select@^1.1.2: - version "1.1.2" - resolved "https://registry.yarnpkg.com/select/-/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d" - integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0= - selfsigned@^1.10.8: version "1.10.11" resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.11.tgz#24929cd906fe0f44b6d01fb23999a739537acbe9" @@ -12870,7 +12697,7 @@ sort-keys@^1.0.0: dependencies: is-plain-obj "^1.0.0" -source-list-map@^2.0.0: +source-list-map@^2.0.0, source-list-map@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34" integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw== @@ -13413,9 +13240,9 @@ tapable@^1.0.0, tapable@^1.1.3: integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA== tar@^6.0.2: - version "6.1.0" - resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.0.tgz#d1724e9bcc04b977b18d5c573b333a2207229a83" - integrity sha512-DUCttfhsnLCjwoDoFcI+B2iJgYa93vBnDUATYEeRx6sntCTdN01VnqsIuTlALXla/LWooNg0yEGeB+Y8WdFxGA== + version "6.1.1" + resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.1.tgz#4d7da4b132b334bb8c175ed1de466fe9157ea0eb" + integrity sha512-GG0R7yt/CQkvG4fueXDi52Zskqxe2AyRJ+Wm54yqarnBgcX3qRIWh10qLVAAN+mlPFGTfP5UxvD3Fbi11UOTUQ== dependencies: chownr "^2.0.0" fs-minipass "^2.0.0" @@ -13505,9 +13332,9 @@ terser@^4.1.2, terser@^4.6.2, terser@^4.6.3: source-map-support "~0.5.12" terser@^5.3.4: - version "5.7.0" - resolved "https://registry.yarnpkg.com/terser/-/terser-5.7.0.tgz#a761eeec206bc87b605ab13029876ead938ae693" - integrity sha512-HP5/9hp2UaZt5fYkuhNBR8YyRcT8juw8+uFbAme53iN9hblvKnLUTKkmwJG6ocWpIKf8UK4DoeWG4ty0J6S6/g== + version "5.7.1" + resolved "https://registry.yarnpkg.com/terser/-/terser-5.7.1.tgz#2dc7a61009b66bb638305cb2a824763b116bf784" + integrity sha512-b3e+d5JbHAe/JSjwsC3Zn55wsBIM7AsHLjKxT31kGCldgbpFePaFo+PiddtO6uwRZWRw7sPXmAN8dTW61xmnSg== dependencies: commander "^2.20.0" source-map "~0.7.2" @@ -13562,11 +13389,6 @@ timsort@^0.3.0: resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4" integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q= -tiny-emitter@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423" - integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q== - tmpl@1.0.x: version "1.0.4" resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1" @@ -13670,10 +13492,10 @@ ts-essentials@^2.0.3: resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-2.0.12.tgz#c9303f3d74f75fa7528c3d49b80e089ab09d8745" integrity sha512-3IVX4nI6B5cc31/GFFE+i8ey/N2eA0CZDbo6n0yrz0zDX8ZJ8djmU1p+XRz7G3is0F3bB3pu2pAroFdAWQKU3w== -ts-interface-checker@0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.2.1.tgz#f89437412519dd0f7817abb5739a263ed5850a63" - integrity sha512-BTNtU9j5yohY3XkwiwLocTrDMDYqEeqtJeULAUFcTDw1GMl1XqD6IksIDX6mt9ACI7DVm+b1gqvYcPuXsi49OA== +ts-interface-checker@1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-1.0.0.tgz#2c637389f24566e0bf7db8e4482bad1db7d3bd87" + integrity sha512-yUeWbFBDiwPodNqrqpvQpGWheL6PvNu2/pVAb9yy2vzdkkflCgwVA4U2akByPCXzYTum3/5/nB92yKuiLpSo/Q== ts-pnp@1.2.0, ts-pnp@^1.1.6: version "1.2.0" @@ -13681,12 +13503,11 @@ ts-pnp@1.2.0, ts-pnp@^1.1.6: integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw== tsconfig-paths@^3.9.0: - version "3.9.0" - resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.9.0.tgz#098547a6c4448807e8fcb8eae081064ee9a3c90b" - integrity sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw== + version "3.10.1" + resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.10.1.tgz#79ae67a68c15289fdf5c51cb74f397522d795ed7" + integrity sha512-rETidPDgCpltxF7MjBZlAFPUHv5aHH2MymyPvh+vEyWAED4Eb/WeMbsnD/JDr4OKPOA1TssDHgIcpTN5Kh0p6Q== dependencies: - "@types/json5" "^0.0.29" - json5 "^1.0.1" + json5 "^2.2.0" minimist "^1.2.0" strip-bom "^3.0.0" @@ -13787,9 +13608,9 @@ typedarray@^0.0.6: integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c= typescript@^4.1.2: - version "4.3.2" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.2.tgz#399ab18aac45802d6f2498de5054fcbbe716a805" - integrity sha512-zZ4hShnmnoVnAHpVHWpTcxdv7dWP60S2FsydQLV8V5PbS3FifjWFFRiHSWpDJahly88PRyV5teTSLoq4eG7mKw== + version "4.3.5" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4" + integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA== unbox-primitive@^1.0.1: version "1.0.1" @@ -14003,9 +13824,9 @@ url-loader@4.1.1, url-loader@^4.1.1: schema-utils "^3.0.0" url-parse@^1.4.3, url-parse@^1.5.1: - version "1.5.1" - resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.1.tgz#d5fa9890af8a5e1f274a2c98376510f6425f6e3b" - integrity sha512-HOfCOUJt7iSYzEx/UqgtwKRMC6EU91NFhsCHMv9oM03VJcVo2Qrp8T8kI9D7amFf1cu+/3CEhgb3rF9zL7k85Q== + version "1.5.3" + resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.3.tgz#71c1303d38fb6639ade183c2992c8cc0686df862" + integrity sha512-IIORyIQD9rvj0A4CLWsHkBBJuNqWpFQe224b6j9t/ABmquIS0qDU2pY6kl6AuOrL5OkCXHMCFNe1jBcuAggjvQ== dependencies: querystringify "^2.1.1" requires-port "^1.0.0" @@ -14109,7 +13930,7 @@ v8-compile-cache@^2.0.3: resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee" integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA== -v8-to-istanbul@^7.0.0, v8-to-istanbul@^7.1.0: +v8-to-istanbul@^7.0.0: version "7.1.2" resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-7.1.2.tgz#30898d1a7fa0c84d225a2c1434fb958f290883c1" integrity sha512-TxNb7YEUwkLXCQYeudi6lgQ/SZrzNO4kMdlqVxaZPUIUjCv6iSSypUQX70kNBSERpQ8fk48+d61FXk+tgqcWow== @@ -14118,6 +13939,15 @@ v8-to-istanbul@^7.0.0, v8-to-istanbul@^7.1.0: convert-source-map "^1.6.0" source-map "^0.7.3" +v8-to-istanbul@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-8.0.0.tgz#4229f2a99e367f3f018fa1d5c2b8ec684667c69c" + integrity sha512-LkmXi8UUNxnCC+JlH7/fsfsKr5AU110l+SYGJimWNkWhxbN5EyeOtm1MJ0hhvqMMOhGwBj1Fp70Yv9i+hX0QAg== + dependencies: + "@types/istanbul-lib-coverage" "^2.0.1" + convert-source-map "^1.6.0" + source-map "^0.7.3" + validate-npm-package-license@^3.0.1: version "3.0.4" resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a" @@ -14323,6 +14153,14 @@ webpack-sources@^1.1.0, webpack-sources@^1.3.0, webpack-sources@^1.4.0, webpack- source-list-map "^2.0.0" source-map "~0.6.1" +webpack-sources@^2.2.0: + version "2.3.1" + resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd" + integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA== + dependencies: + source-list-map "^2.0.1" + source-map "^0.6.1" + webpack-virtual-modules@^0.2.2: version "0.2.2" resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.2.2.tgz#20863dc3cb6bb2104729fff951fbe14b18bd0299" @@ -14420,9 +14258,9 @@ whatwg-mimetype@^2.3.0: integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g== whatwg-url@^8.0.0, whatwg-url@^8.5.0: - version "8.6.0" - resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.6.0.tgz#27c0205a4902084b872aecb97cf0f2a7a3011f4c" - integrity sha512-os0KkeeqUOl7ccdDT1qqUcS4KH4tcBTSKK5Nl5WKb2lyxInIZ/CpjkqKa1Ss12mjfdcRX9mHmPPs7/SxG1Hbdw== + version "8.7.0" + resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77" + integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg== dependencies: lodash "^4.7.0" tr46 "^2.1.0" @@ -14694,9 +14532,9 @@ ws@^6.2.1: async-limiter "~1.0.0" ws@^7.4.5: - version "7.4.6" - resolved "https://registry.yarnpkg.com/ws/-/ws-7.4.6.tgz#5654ca8ecdeee47c33a9a4bf6d28e2be2980377c" - integrity sha512-YmhHDO4MzaDLB+M9ym/mDA5z0naX8j7SIlT8f8z+I0VtzsRbekxEutHSme7NPS2qE8StCYQNUnfWdXta/Yu85A== + version "7.5.3" + resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.3.tgz#160835b63c7d97bfab418fc1b8a9fced2ac01a74" + integrity sha512-kQ/dHIzuLrS6Je9+uv81ueZomEwH0qVYstcAQ4/Z93K8zeko9gtAbttJWzoC5ukqXY1PpoouV3+VSOqEAFt5wg== xml-name-validator@^3.0.0: version "3.0.0" @@ -14755,9 +14593,9 @@ yargs-parser@^18.1.2: decamelize "^1.2.0" yargs-parser@^20.2.2, yargs-parser@^20.2.7: - version "20.2.7" - resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.7.tgz#61df85c113edfb5a7a4e36eb8aa60ef423cbc90a" - integrity sha512-FiNkvbeHzB/syOjIUxFDCnhSfzAL8R5vs40MgLFBorXACCOAEaWu0gRZl14vG8MR9AOJIZbmkjhusqBYZ3HTHw== + version "20.2.9" + resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee" + integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w== yargs@^13.3.2: version "13.3.2" From b27382e0552413fafbe3e5b9677e9d85e88fb6f1 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Sun, 22 Aug 2021 16:24:28 +0530 Subject: [PATCH 26/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20basic=20navba?= =?UTF-8?q?r=20and=20minor=20bug=20fixes=20=F0=9F=90=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/card/card.stories.tsx | 1 - src/components/navbar/index.ts | 1 + src/components/navbar/navbar.stories.tsx | 40 +++++++++++++++++ src/components/navbar/navbar.styled.ts | 44 +++++++++++++++++++ src/components/navbar/navbar.tsx | 41 +++++++++++++++++ .../typography/typography.styled.ts | 3 +- src/components/typography/typography.tsx | 12 ++++- 7 files changed, 138 insertions(+), 4 deletions(-) create mode 100644 src/components/navbar/index.ts create mode 100644 src/components/navbar/navbar.stories.tsx create mode 100644 src/components/navbar/navbar.styled.ts create mode 100644 src/components/navbar/navbar.tsx diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx index 393449a..6e1e95e 100644 --- a/src/components/card/card.stories.tsx +++ b/src/components/card/card.stories.tsx @@ -30,7 +30,6 @@ const SimpleCardTemplate: Story = (args) => ( Eloquent JS - {' '} Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming Paperback – 4 diff --git a/src/components/navbar/index.ts b/src/components/navbar/index.ts new file mode 100644 index 0000000..005769e --- /dev/null +++ b/src/components/navbar/index.ts @@ -0,0 +1 @@ +export { default as Navbar } from './navbar'; diff --git a/src/components/navbar/navbar.stories.tsx b/src/components/navbar/navbar.stories.tsx new file mode 100644 index 0000000..f755bfa --- /dev/null +++ b/src/components/navbar/navbar.stories.tsx @@ -0,0 +1,40 @@ +import { Story, Meta } from '@storybook/react'; +import Navbar, { NavbarProps, NavSearch } from './navbar'; +import { Typography } from '../typography'; +import { Icon } from '../icon'; +import React from 'react'; +import { MdShoppingCart } from 'react-icons/md'; + +export default { + title: 'Example/Navbar', + component: Navbar, + argTypes: { + color: { + options: ['primary', 'secondary', 'error', 'warning', 'info'], + control: { type: 'radio' }, + }, + }, +} as Meta; + +const Template: Story = (args) => ( + + + Brand Name + + console.log('searched')} /> + + + + + ABOUT US + + +); + +export const Default = Template.bind({}); +Default.args = { + color: 'primary', +}; diff --git a/src/components/navbar/navbar.styled.ts b/src/components/navbar/navbar.styled.ts new file mode 100644 index 0000000..15cd79e --- /dev/null +++ b/src/components/navbar/navbar.styled.ts @@ -0,0 +1,44 @@ +import styled from 'styled-components'; + +export type StyledNavbarProps = {}; + +const StyledNavbar = styled.div` + display: flex; + width: 100%; + background-color: ${(pr) => pr.theme.info.main}; + color: ${(pr) => pr.theme.info.contrastText}; + padding: 0 1.5rem; + min-height: 4rem; + align-items: center; +`; + +export const StyledNavSearchWrapper = styled.div` + position: relative; + border-radius: 0.25rem; + background-color: rgba(255, 255, 255, 0.15); + &:hover { + background-color: rgba(255, 255, 255, 0.25); + } + display: flex; + align-items: center; + margin-left: 0; + width: 100%; + @media (min-width: ${(pr) => pr.theme.breakpoints.xs}px) { + width: auto; + } +`; + +export const StyledNavSearchInput = styled.input` + background-color: transparent; + color: ${(pr) => pr.theme.info.contrastText}; + border: none; + outline: none; + padding: 0.5rem; + transition: width 300ms; + width: 100%; + @media (min-width: ${(pr) => pr.theme.breakpoints.xs}px) { + width: 12ch; + } +`; + +export default StyledNavbar; diff --git a/src/components/navbar/navbar.tsx b/src/components/navbar/navbar.tsx new file mode 100644 index 0000000..81aba4f --- /dev/null +++ b/src/components/navbar/navbar.tsx @@ -0,0 +1,41 @@ +import React from 'react'; +import StyledNavbar, { + StyledNavSearchInput, + StyledNavSearchWrapper, +} from './navbar.styled'; +import { Icon } from '../icon'; +import { MdSearch } from 'react-icons/all'; + +export type NavbarProps = {}; + +export type NavSearchProps = { + onSearch: Function; +}; + +const Navbar: React.FC = (props) => { + return {props.children}; +}; + +export const NavSearch = React.forwardRef( + ({ onSearch }, ref) => { + return ( + + onSearch()} + style={{ cursor: 'pointer', paddingLeft: '0.75rem' }} + > + + + { + if (event.key === 'Enter' && event.code === 'Enter') + onSearch(); + }} + /> + + ); + } +); +export default Navbar; diff --git a/src/components/typography/typography.styled.ts b/src/components/typography/typography.styled.ts index e69bc05..c38f957 100644 --- a/src/components/typography/typography.styled.ts +++ b/src/components/typography/typography.styled.ts @@ -2,7 +2,7 @@ import styled, { css } from 'styled-components'; import { MainColors } from '../../config/theme'; export type StyledTypographyProps = { - color: MainColors | 'grey' | 'black'; + color?: MainColors | 'grey' | 'black'; align: 'center' | 'inherit' | 'justify' | 'left' | 'right'; variant: | 'p' @@ -114,6 +114,7 @@ const StyledTypography = styled.div` text-align: ${(pr) => pr.align}; color: ${(pr) => { const { color } = pr; + if (!color) return 'inherit'; if (color === 'black') return 'black'; if (color === 'grey') return pr.theme.text.secondary; return pr.theme[color].main; diff --git a/src/components/typography/typography.tsx b/src/components/typography/typography.tsx index f9a527a..b54307b 100644 --- a/src/components/typography/typography.tsx +++ b/src/components/typography/typography.tsx @@ -19,6 +19,7 @@ export type TypographyProps = { | 'subtitle' | 'subtitle-bold'; children: ReactNode; + style?: React.CSSProperties; }; const Typography: ForwardRefRenderFunction = ( @@ -26,10 +27,11 @@ const Typography: ForwardRefRenderFunction = ( ref ) => { const { - color = 'grey', + color, align = 'left', component, variant = 'p', + style: styleProp, ...restProps } = props; @@ -51,7 +53,13 @@ const Typography: ForwardRefRenderFunction = ( }; return ( - + ); }; From 40e0ce00bdb5111d34bd962624ea7ac8c8934f71 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Sun, 22 Aug 2021 18:15:01 +0530 Subject: [PATCH 27/42] =?UTF-8?q?fix:=20=F0=9F=90=9B=20fixed=20horizontal?= =?UTF-8?q?=20card=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/card/card.stories.tsx | 54 ++++++++++++++-------------- src/components/card/card.styled.ts | 6 ++++ src/components/card/card.tsx | 3 ++ 3 files changed, 35 insertions(+), 28 deletions(-) diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx index 6e1e95e..5fd2be8 100644 --- a/src/components/card/card.stories.tsx +++ b/src/components/card/card.stories.tsx @@ -17,40 +17,38 @@ export default { } as Meta; const SimpleCardTemplate: Story = (args) => ( -
- - test - eloquent js book - - - Eloquent JS - - - Eloquent JavaScript, 3rd Edition: A Modern Introduction to - Programming Paperback – 4 - - - - - - - -
+ + test + eloquent js book + + + Eloquent JS + + + Eloquent JavaScript, 3rd Edition: A Modern Introduction to + Programming Paperback – 4 + + + + + + + ); export const SimpleCard = SimpleCardTemplate.bind({}); SimpleCard.args = {}; const HorizontalCardTemplate: Story = (args) => ( - + eloquent js book` + display: ${(pr) => pr.horizontal && 'flex'}; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 0.25rem; min-width: ${(pr) => pr.minWidth}; max-width: ${(pr) => pr.maxWidth}; position: relative; + @media (max-width: ${(pr) => pr.theme.breakpoints.sm}px) { + display: initial; + width: 100%; + } `; export default StyledCardRoot; diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx index 9733cf2..9c903fb 100644 --- a/src/components/card/card.tsx +++ b/src/components/card/card.tsx @@ -7,6 +7,7 @@ import { MainColors } from '../../config/theme'; export type CardProps = { variant?: 'outlined' | 'elevated'; style?: CSSProperties; + horizontal?: boolean; minWidth?: number | string; maxWidth?: number | string; as?: ElementType; @@ -18,6 +19,7 @@ const Card: React.FC = (props) => { style, minWidth = 16, maxWidth, + horizontal = false, ...restProps } = props; @@ -33,6 +35,7 @@ const Card: React.FC = (props) => { style={style} minWidth={minWidthProp} maxWidth={maxWidthProp} + horizontal={horizontal} {...restProps} /> ); From 088e4127c58b23bc0d821706b210a87d12708f33 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Wed, 25 Aug 2021 17:20:31 +0530 Subject: [PATCH 28/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20drawer=20comp?= =?UTF-8?q?onent?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/drawer/drawer.stories.tsx | 144 +++++++++++++++++++++++ src/components/drawer/drawer.styled.ts | 28 +++++ src/components/drawer/drawer.tsx | 32 +++++ src/components/drawer/index.ts | 1 + 4 files changed, 205 insertions(+) create mode 100644 src/components/drawer/drawer.stories.tsx create mode 100644 src/components/drawer/drawer.styled.ts create mode 100644 src/components/drawer/drawer.tsx create mode 100644 src/components/drawer/index.ts diff --git a/src/components/drawer/drawer.stories.tsx b/src/components/drawer/drawer.stories.tsx new file mode 100644 index 0000000..0ccf436 --- /dev/null +++ b/src/components/drawer/drawer.stories.tsx @@ -0,0 +1,144 @@ +import { Story, Meta } from '@storybook/react'; +import Drawer, { DrawerProps } from './drawer'; +import { Alert } from '../alert'; +import { List, ListItem, ListItemText } from '../list'; +import { MdFolder } from 'react-icons/all'; +import { Typography } from '../typography'; +import { useState } from 'react'; +import { Button } from '../button'; + +export default { + title: 'Example/Drawer', + component: Drawer, + // argTypes: { + // color: { + // options: ['primary', 'secondary', 'error', 'warning', 'info'], + // control: { type: 'radio' }, + // }, + // }, +} as Meta; + +const Template: Story = () => { + const [open, setOpen] = useState(false); + + return ( +
+ +
+ +
+ + This is a test alert in the background to check for drawer + +
+ + This is a test alert in the background to check for drawer + +
+ + This is a test alert in the background to check for drawer + +
+ + This is a test alert in the background to check for drawer + +
+ + This is a test alert in the background to check for drawer + +
+
+
+ ); +}; + +export const Default = Template.bind({}); +Default.args = {}; + +const PersistentTemplate: Story = (args) => { + return ( +
+ +
+
+ + This is a test alert in the background to check for drawer + +
+ + This is a test alert in the background to check for drawer + +
+ + This is a test alert in the background to check for drawer + +
+ + This is a test alert in the background to check for drawer + +
+ + This is a test alert in the background to check for drawer + +
+
+
+ ); +}; + +export const Persistent = PersistentTemplate.bind({}); +Persistent.args = { + width: 200, +}; diff --git a/src/components/drawer/drawer.styled.ts b/src/components/drawer/drawer.styled.ts new file mode 100644 index 0000000..0bb912d --- /dev/null +++ b/src/components/drawer/drawer.styled.ts @@ -0,0 +1,28 @@ +import styled from 'styled-components'; + +export type StyledDrawerProps = { + width?: number; +}; + +const StyledDrawer = styled.div` + width: ${(pr) => pr.width && pr.width + 'px'}; + padding-right: 1rem; + background-color: white; + display: flex; + flex-direction: column; + box-shadow: rgb(0 0 0 / 20%) 0 8px 10px -5px, + rgb(0 0 0 / 14%) 0px 16px 24px 2px, rgb(0 0 0 / 12%) 0px 6px 30px 5px; + height: 100%; + position: fixed; + left: 0; + top: 0; +`; + +export const StyledDrawerRoot = styled.div` + position: fixed; + inset: 0; + z-index: 90; + background-color: ${(pr) => pr.theme.disabledBackground}; +`; + +export default StyledDrawer; diff --git a/src/components/drawer/drawer.tsx b/src/components/drawer/drawer.tsx new file mode 100644 index 0000000..de86dfa --- /dev/null +++ b/src/components/drawer/drawer.tsx @@ -0,0 +1,32 @@ +import React from 'react'; +import StyledDrawer, { StyledDrawerRoot } from './drawer.styled'; + +export type DrawerProps = + | { + open?: boolean; + width?: number; + onClose?: () => void; + } + | { + persistent: true; + width: number; + open?: boolean; + onClose?: () => void; + }; + +const Drawer: React.FC = (props) => { + const { open = true, onClose } = props; + if (!open) return null; + if ('persistent' in props && props.persistent) + return ( + {props.children} + ); + return ( + + e.stopPropagation()}> + {props.children} + + + ); +}; +export default Drawer; diff --git a/src/components/drawer/index.ts b/src/components/drawer/index.ts new file mode 100644 index 0000000..33f2aed --- /dev/null +++ b/src/components/drawer/index.ts @@ -0,0 +1 @@ +export { default as Drawer } from './drawer'; From 91730f2c4cb02fff12f832da750a1d150cb58527 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Fri, 27 Aug 2021 01:23:31 +0530 Subject: [PATCH 29/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20snackbar=20co?= =?UTF-8?q?mponent=20and=20fixed=20some=20bugs=20=F0=9F=90=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 12 +- src/components/alert/alert.styled.ts | 2 + src/components/avatar/avatar.stories.tsx | 2 +- src/components/snackbar/index.ts | 1 + src/components/snackbar/snackbar.stories.tsx | 57 ++ src/components/snackbar/snackbar.styled.ts | 42 ++ src/components/snackbar/snackbar.tsx | 48 ++ yarn.lock | 543 ++++++++++++------- 8 files changed, 493 insertions(+), 214 deletions(-) create mode 100644 src/components/snackbar/index.ts create mode 100644 src/components/snackbar/snackbar.stories.tsx create mode 100644 src/components/snackbar/snackbar.styled.ts create mode 100644 src/components/snackbar/snackbar.tsx diff --git a/package.json b/package.json index 679de48..76ec14a 100644 --- a/package.json +++ b/package.json @@ -48,12 +48,12 @@ ] }, "devDependencies": { - "@storybook/addon-actions": "^6.3.2", - "@storybook/addon-essentials": "^6.3.2", - "@storybook/addon-links": "^6.3.2", - "@storybook/node-logger": "^6.3.2", - "@storybook/preset-create-react-app": "^3.1.7", - "@storybook/react": "^6.3.2", + "@storybook/addon-actions": "^6.3.7", + "@storybook/addon-essentials": "^6.3.7", + "@storybook/addon-links": "^6.3.7", + "@storybook/node-logger": "^6.3.7", + "@storybook/preset-create-react-app": "^3.2.0", + "@storybook/react": "^6.3.7", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", diff --git a/src/components/alert/alert.styled.ts b/src/components/alert/alert.styled.ts index d264b36..b351a22 100644 --- a/src/components/alert/alert.styled.ts +++ b/src/components/alert/alert.styled.ts @@ -47,7 +47,9 @@ const StyledAlert = styled.div` `; export const StyledAlertText = styled.div` + align-items: center; padding-bottom: 0.05rem; + display: flex; `; export default StyledAlert; diff --git a/src/components/avatar/avatar.stories.tsx b/src/components/avatar/avatar.stories.tsx index 8d0caca..db2e436 100644 --- a/src/components/avatar/avatar.stories.tsx +++ b/src/components/avatar/avatar.stories.tsx @@ -35,5 +35,5 @@ export const AvatarImage = Template.bind({}); AvatarImage.args = { type: 'image', size: 'sm', - src: "data:image/jpeg;base64,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", + src: 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUWFRgWFhUYGRgaGhwYGhoaGBoYGBgYGhgZGRgYGBgcIS4lHCErIRgYJjgmKy8xNTU1GiQ7QDs0Py40NTEBDAwMEA8QHxISHjQhJCM1NDQxNDE0NDQ0NDQ0MTQ0NDQ0NDQ0NDQ0NDQxNDQ0MTExNDQ0NDQ1NDQxNDQ0NDQ0Mf/AABEIALcBEwMBIgACEQEDEQH/xAAcAAABBQEBAQAAAAAAAAAAAAAFAAIDBAYBBwj/xAA9EAACAQIEAwYEAwYGAgMAAAABAgADEQQFEiExQVEGImFxgZEyobHwQsHRBxMjYnKyUlOSosLhFNIVJIL/xAAaAQACAwEBAAAAAAAAAAAAAAABAgADBAUG/8QAKREAAgICAQMDBAIDAAAAAAAAAAECEQMhMQQSQSIyUWFxgbEFkRNDof/aAAwDAQACEQMRAD8Ap5zhQ1yJjsXRsZocNmWsbmUMwQHcS8ojoAkTqtJaiSHTCkMT8RKbU+9LVMyKoN4JIZMecNcSpiaIWE04Sni1itDA8yOSkSIxQnRJUEYokqQEEyyIiTNK7tIQSm0tU3lO8kpvIQtOLyBhLCbxlWmRyMjChqGXMPUlNVkqbSpqxky5UqxI8rF44PB2jWWXqbS7labwUGhnLeEKVAbC1XDalgwpY2MM06lhKeNp37wjxYsl5IMObGWMdSDofKVEaX6DXW0jJHZgsRT0sR4yMmaHMMtDPeCMfhNEYUqqTFG3ivBZBTp4RK0V4AjLRTsUgDU0SVO0vWuN5Ucby4j7TX2lAOxCyqyQlUTjKbiRIJAokNTjLNpXqcYJIKZYThIMRLSDaQ4kbRWtBBhEiIk7DjI2EqHQkEczWiQRxWAYYhLbCPfBMBcy5gaagwrUo3WQKiZn/wAZukmw2GF+8wFtyCbe/wCkKoNALWG339fpKVemVTWFF2Jux3I4cB+fiYPqSkKvXVR3CL+ANgPM739JSNZ7cbiFstyKtUTWlJnFyL8r+ctJ2drA3/dkG97HgeoPgYkpIaMW+ECsAQbhhe423Asb8ZYWgDvyhkdmKhQsiAFd9Oq5PgIGwjsxZLEWBNrcGUG9/HiJX3XwWODjyhy4UHnHjCeMgWsRJ1xBh2LoiehaE8AbCDnq3Mt0UIIMaIrDAeW6a3XeVEtYQhhgLRiIq1KAjaItLeISVUG8cr4YzHoNN+cy+aJcXM1mNXaZPN1IjSWgLkERRRSsYUUUUDAcinYoQmvdeEmpptGot5PSFhNpmsgemZTqpvCNRt5UqiQJTKSpVG8IlZTrLvJJaImWaa7SLEptLVFe6JDixtFa0FPYEeMJkj8TIWmdlqJEkiyNJIsASam+mFsJWLi0DMNpYyrEaWseHGQKdF7F6RdWHC1gONwzcB8/aLLsHiMRdKFJnJ2YAWFl4G52G9j6R9ZSWDgEqxO4BtfiR0uLj3nqv7PMGEwgcLuzObkb7Nb8oGrdDRL+T5CMNhkpHd7amI4ajuQOoEEYmnZtOmd7VZ5iKaq9MOQXCC6KOIJ1246Ba1/ESXJjUq4cYiq43P8AhFx3rEm1tuO0pzRT0vBqwyrkflQ3IK+ExXanKhSxdYJsKihwviyDVbzOqFKmOrti1pqjumsgqCQO6LhjZTx5fWWf2gUdJSoASBRLbkalsdJUnnb957CURVFuSV6+Dy0iOBjGMSmaaMI5eML0D3YITjCKE2EaKAXsNW3tCSVNIvBNNOBl53uhhaIgjgqgcSKoljKnZ9/iEv4gbyLkDK2MFwJms6TaanFDYTNZ6O7LZcFaezOCKKdlIxydiikZDkUUUlENvgVvJqrWnMGwAjK+5nRoyWQO1zGkRxWPIkoayvplLErYwoFgzM1iy4DF7EcaFAkdbFBhBVVDI9RlDmy3tRKx3MitHiMvKxkPSPvIxHQDEpaQkzs4hhFZ6Z2PxCDAu+hXKoEGrk5eoWF99PxqfEMs9UyrAClRRb3AuCRtxJ3nzp2e7RVMJULIFdGtrR76WtwO3Aj7E957HZ2MXhncKq6XtpU3A7qsDfne/wBZC5yTivkizjCF1se8o677RUsUhw4prYHQSRYnYEi5sNvWG8TUQU2J5DgOJmLzbOGpAItCqAeJsAp34WBvK5qrZfB91L4ZdFENUW1tdgW0ngdwQehg39oqLSwgvcs10F+evY+wBPpCnZp/3rBzTqIxvu4FmP8AKb7zG/tVxrNixR1dyki93o7AsSep0sv2Zlit7LcuStL4PPCDOqp6S4EEeAJf3GTtKC8YSThKdRe9CVC1o8WVskDWWDkzIjUsnqYjiJQSmpLGWADnZ7FXYw7iOIgHI0Go2hwtdlkI3oWLTuiZbPT3ZsszACiY/Px3ZZJUiqL2ZqdnJ0SgtEZy8UUABRRWihCbGgxllpWpSedFbMji0NtHaZ1RJQI9AIgsG5iu8LqsHZgu8Wa9JIvYCxI7somFMSt1g51tMUls0RHKIwiPEYxijIcklAkKGSlhaBjoa8jcWiLxrGERjbz1H9jOLZWxFK9gyrUUf0sUbbydfaeXIN56X+y9wMWgH4kdfTTr/wCAgumNFWeoOw57DrxHoYNzughAu+s8hDNfZStr34zE1sKC5JUkdCTaV5pUvuasKblfwbDJcSlOkCWvyAvck9B4CeH5/i3q4ms7/GztfwsSoA8gAPSeiLXSiNTsFHIcz4KJ5xnDh6rva2tma3QlpmjJvRfk6dtdyKqyRVlXVad/fS2jK9cjaxsYYytNXtARa7TQZKbNuOW0vgVSAuejS9hBIqEcJou1NE6wbWuPnKmBy8MN+kZrZWnoI9lje94edrNeCskw+hyBCtfjIRss4p9SCZPPvhmr090TO9pqFkvLJcFa5MhOzkUoLhRRGKQgooopCG7wWF1HeatMnGjhygvKMIzkWFp6bh8mAoqDx0j6ToXGG35MspN8HkFSnZiOhI9jEJYzBNNWovR2HsTIgJcitsSrB+YrCiCD8zWSa9IIv1ASsuwlHE0dry7iDsPOMrkaT5TFJJ2akwaJG0kEZKR0JTGO8csY8ARJHXj8PQZuA9TsPeW0wI/Eb+A2gckh44Zy2kUqaFjYCavs9iGw7q6tpdTdSOXUG/G428iYKSnbYC0t0KB5ytys34emUXvZ6Ef2gOfioqT1Vyo9rGAcf2rrE3RES/OxYjy1bfKC6dLleOxFHu+UWTcuTdHp4JWkD6+IqO2t3Zm5kkk25gdPISN03vf0POXHQARhp34Suhu3wUdI6WM4aIlo0400Ta49v06SJtFcsSlyrKqUSG5Q1gTZkPiPrB6JL+FHvHjlrkzT6FSXpdMu9pShReur8jBuHW3tJswplrdNiJxB9Jp7lLaOZKEoNxlpouZUO+fKWcS28oZZfWelpeqglh5yCFum3dEEdp1/hE+EOvSsgme7S1LJp8xHlwVrkxMUUUpLhRRRSEFFORSEPpXs/kiqASIXzzNUo02YngNh+UHZjnyUkO4Fp5vnedPiH490cB1mxQc5XLhGV+lUvJRqOWZnPFiWPmTc/WJY0GdWao8lTJUg/NJfQwfmx2hye0EfcA6i3UQfiKnEQkHGiCcSe8ZgmzXE4OEjjxIjKhx9MS9l+AFR7fhUXb8h6/rB01XZrD2os3+Jj7KLD56osuDT0uNZMii+OSIYW5sBYeA4DoJYXCgD73lnYbCOSZzuRxxKq4cCS06cnYRhhD2JD6RM7W3WR6rCK8BYvgYiXEbawt0kimwtIqh3kFdUMcXjwBaVneRvjFQbnfkOZ6QVYjnGCbbpEvA24b/YkyAA8ICes2otcgnfaWcNim8D8v8AqGWJox4+uhfqVGlsGpsf8PeHlz+/CCddzxhLLqmru9VYH23H1gWqwHAxsLcU0yjr5QnJSg7tbCGVYxUc6oTXHIW5cZicUHDatxJ8PrtqBvaXqVnOaPQqdUOAL7TN9radl8N4KoZ+yi3MStjc3NRbNHck0IouwTOoNxOSZKdt5Wh2XK2BIAI5wc6EGxhBcyIsOQkVY62uBDKvAI35KWkzsmiij0bXFY16jEuxO+w5e04hlRGk6NOmjEWFaPBkKNH6o6YrROpg7OG2lxWg7Nz3ZMj9IIe4zT1za0rMbx7rI5zWzYiQcJHJBOAwBOKJsaOHqJgqT2stQtY+Go3tMlabhcVrwGFo/wCXrZjz3diqj9ZF28vwW41kcqx8vX4AwxGnYg+Ft4QoOCBY3gzHuF7qi1xuefvK+T4kgspP3y/T1ESUbXdVHRwdR2TWKTutX8fQOho1uM5G6pQdJkYqi7C9iOPz/Qx6VAWKjlx+Vvr8pSagzpVqXWwGmx3+IIbjxAInMtqfO5Pnc/oZY4NKzDj6pSydgSZpVxL7R7PxlWo8qZsk9EdapYEmCquIIYG+9xc+HNRJ8TW+Ww8+sF1DLIR8s5HVZ23SNNUoow+G3O42v7SBcL0JHnvLaNdAfAflGrxjdQuyVLgu6RRz4k5pN20/BZy3WriwBubcdt+sB4xjTrOh30uw9mM0+V/GnvAfa7DacVU6PZx5MBf/AHBpTCXdKmTq+mjjgpR+SzjSjYbUPi0g+5G0gyCzK2rrt7CBdZ06b7dI7D1it7G15pUldnMa0JaOpmHifrIq1OxtJUexvI6z3N5LRKLODojYtwmn/wDEpuhsRe0yi1e7aX8rrNci5taMmI0wPWWzEdCRCnZ1h+8Ibpt7wbifjb+oy1krWqjxBirkbwNzBR+8ew/EZ2T5jT/iN5xSUGw0jSVWlYGSK06NmMto0eXlZHirPtJ3USiU4kCUsxqgiB8VXOrjOCuSNzKZZr0WLF5KryMCWSkgcWmZuy5I4J0CMMQMASa81WAb/wCvTHgf7mmPvNfSXTTReiL7kAn5kxJaR0OgV5G/hAvMH7x++UFUaumpc8D3T68/Q2PpLeOe7N5mCahl8npI57d5HL6v9mvw2I1LvxGx8CJ0vKWCA2P+JVPqBv8AWWym8zSj2yo7uDK8mNMrtRbQVDWuQT0vYL+QjqNMLax4cb8+P/sZK6zlork3oMcMYy7ktjXfcyljKpC7eUtPxlbF/Dbrt7xVyLmb7XQOqcFHgTK7UryXEnc+3tGUzfaXrg40tyD2VtdFB6W9riTutjIcDRKIpPMn3vJqknUepKX0/Rv/AI10pR+Hf9l3Kj/EX72kHb6mNVFhxKst/BWBH9x94/AfGL8rGO7eG4wx6ip9acyQ96N3V76V/dGMijyJy01HCG3nJ0xpgSAySkLmwhjDYZkux4Wgai1jeFkxbONNuUtiIwTiD328zJ8s2qKfGV6i2YiSYRu+o6kCL5CHMUULHccvoIpc/wDjwYoaJoaBOEGFzg1kqYMTZ3GegIt5HiXIE0yYBYMzfCgWAglLQYrZlK9M8ZUR5vBlCmle3KY2nhv42j+aZ5IsTHrTNr2ldlnqWH7NoaF7DhPN81oaKjp0Mko0GMrB7RqzrGcErGHWvNfiDbbpt7TLYNbug6svtcX+U0uJfj6xZeDpdCqUpGcxL8fMyPCYbUHdvhQXPix2VfUkROtyB1MK50gpUqdJfxd9vG3C/qflHnLdHNS8nMubuJ4E/wBxFv8AdCRgvLT/AAx4MfqphMtFzLaf0R0/4+Xoa+o1jGkzjNFqlBvvZGx3Pl+srYlt19/YXkznc+kq4jif6W+e0i5M+d+gGustZXR1Pb1+/vlIHHd++d4U7MJep9+8vfBxvIbzUCnTpIQNTEsOtlBv8yJSY3Eb2vq2roB+BFPmSSTf0AjsK112+wYHvHXw/wBmvo5duZr5X/USYJrOB4fpLna+nqpYY/zOPdUP/GDnbS4JNvG/lDGbgVMGrqwb93UBNujArY+rLM8VU0dLO7wSj5WzFYqlpYDrI6iWlnMPiXyldxNUlRwoshadppxnbTo2vBFEYlp7XlvLz3vSVy3ctJ8u+L0jLkUp4v4284ykbMD4j6x+K+NvOMpqSQB1gfIfBs6dfYRRlHCvpHlOxqIEGqkc5OlXaBzirx64qXWU0bfBZOGQEuQxF9hsL8L9ZkM1RhV0HiDY+8L4HtMyIFKBiBsSbeVxbeZmtjWerqY7k3PmTJJqtESZr1AFG3hPOMwule463mzfGdzSDbbjMVmVW7g+MWbGibLB9onFHTY8Ji8yrF3ZjzhrDY5NFieUz+LqamJiSdjRVFYxXiJiiDBLJKd6mrkov6nYfn7QljXsD5SrlBKJqtsxO/gNuPLe85jK4YGx8xEadpnRwTjHC4+dsoYNNVVF6sB895NntbXWe3Be4P8A88fnedyJb1l8PrKOJe7uerMfdjHu5HOrQRyw9y3Uk+2kffnCx/KDMELIo+92EKHjBm5X2Ol/H+1/chaKOaMJlB0PJCeJlWud2/pHzaWCdzIKi3LD+UfIwx5MvUe3+wc5Nh5Qt2Yez+hgpxt6CWsmxARwTw4e9pdI5ES52ne+IfwCj/aD+clyysFQE8dwB43Mh7TUimIcEgkhW23Fii8D6RZKt7k/hvb14xVJUacMZf5Ulpq/wdbCl3u7Hy++E0GFwpXD1lXcFGsD1UFgCee42PI+cE1G73tNJlxVsPVDf5b/ANh4SiUnaOmung8cvmns88r4gsQbcpE1SEHw+kDhKlSkZpZwyEPOs950040pAmRo7qljCuAfSVwJ1RCpEo5X3Ynxiwz6XVuhnCZwyWSjbUsxBUW6RTKU8ewAE5G7xaDoSNtFFLSscwNpTDWa8UUVjofVxzEWvBGJNzFFIyIdTfaRVJ2KIxiOdEUUBDTYAWpqP5R894JzGiL3UWPTl/1FFKr2dnJCLwobkr2ctzCO3+lSbGUEp3IHMkD1JiijLk5MvavyEcFUa4U24rY+F4YvvFFJkOj0D9LGNG1GiilRuZVU7mU8UxDGx3A/KKKNHkwdS/QvuR1KfeAvxJB5fiI/Kdypf4in+n31p+s7FLDnh/tvRF6FUfiphT5qAf8Al8oOyZtj5n8v1iilUfadGkup18L9Fpx3vaG8Kx/cVwP8ph/qsJ2KI/cvwbv9cvszJ16bdZVLGKKaZHnkNZowxRQDDWEYxiikAcvFFFIA5eKKKEh//9k=', }; diff --git a/src/components/snackbar/index.ts b/src/components/snackbar/index.ts new file mode 100644 index 0000000..9e1a28f --- /dev/null +++ b/src/components/snackbar/index.ts @@ -0,0 +1 @@ +export { default as Snackbar } from './snackbar'; diff --git a/src/components/snackbar/snackbar.stories.tsx b/src/components/snackbar/snackbar.stories.tsx new file mode 100644 index 0000000..4a5cad0 --- /dev/null +++ b/src/components/snackbar/snackbar.stories.tsx @@ -0,0 +1,57 @@ +import { Story, Meta } from '@storybook/react'; +import Snackbar from './snackbar'; +import { useState } from 'react'; +import { Button } from '../button'; +import { Alert } from '../alert'; +import { MdClose } from 'react-icons/all'; + +export default { + title: 'Example/Snackbar', + component: Snackbar, + argTypes: { + vertical: { + options: ['top', 'bottom'], + control: { type: 'radio' }, + }, + horizontal: { + options: ['left', 'right', 'center'], + control: { type: 'radio' }, + }, + }, +} as Meta; + +const Template: Story = (args) => { + const position = { vertical: args.vertical, horizontal: args.horizontal }; + const [open, setOpen] = useState(false); + + return ( + <> + + setOpen(false)} + persistent={args.persistent} + position={position} + timeout={args.timeout} + > + + This is snackbar    + setOpen(false)} + /> + + + + ); +}; + +export const Default = Template.bind({}); +Default.args = { + persistent: false, + timeout: 3000, + vertical: 'top', + horizontal: 'center', +}; diff --git a/src/components/snackbar/snackbar.styled.ts b/src/components/snackbar/snackbar.styled.ts new file mode 100644 index 0000000..7f747ef --- /dev/null +++ b/src/components/snackbar/snackbar.styled.ts @@ -0,0 +1,42 @@ +import styled, { css } from 'styled-components'; + +export type StyledSnackbarProps = { + vertical?: 'top' | 'bottom'; + horizontal?: 'left' | 'right' | 'center'; +}; + +const StyledSnackbar = styled.div` + position: fixed; + display: flex; + justify-content: center; + align-items: center; + ${(pr) => + pr.vertical === 'top' + ? css` + top: 1.5rem; + ` + : css` + bottom: 1.5rem; + `} + ${(pr) => + pr.horizontal === 'center' && + css` + left: 50%; + right: auto; + transform: translateX(-50%); + `} + ${(pr) => + pr.horizontal === 'left' && + css` + left: 1.5rem; + right: auto; + `} + ${(pr) => + pr.horizontal === 'right' && + css` + right: 1.5rem; + left: auto; + `} +`; + +export default StyledSnackbar; diff --git a/src/components/snackbar/snackbar.tsx b/src/components/snackbar/snackbar.tsx new file mode 100644 index 0000000..2bab8e7 --- /dev/null +++ b/src/components/snackbar/snackbar.tsx @@ -0,0 +1,48 @@ +import React, { CSSProperties, useEffect } from 'react'; +import StyledSnackbar from './snackbar.styled'; + +export type SnackbarProps = { + open: boolean; + timeout?: number; + persistent?: boolean; + onClose: () => void; + position?: { + vertical: 'top' | 'bottom'; + horizontal: 'left' | 'right' | 'center'; + }; + style?: CSSProperties; +}; + +const Snackbar: React.FC = ({ + position, + onClose, + timeout, + open, + persistent, + style, + children, +}) => { + useEffect(() => { + if (!persistent) { + const timer = setTimeout(onClose, timeout); + return () => clearTimeout(timer); + } + }, [onClose, persistent, timeout]); + + if (!open) return null; + return ( + + {children} + + ); +}; + +Snackbar.defaultProps = { + position: { + vertical: 'bottom', + horizontal: 'right', + }, + timeout: 3000, +}; + +export default Snackbar; diff --git a/yarn.lock b/yarn.lock index bfd643a..65e5724 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1847,17 +1847,17 @@ dependencies: "@sinonjs/commons" "^1.7.0" -"@storybook/addon-actions@6.3.6", "@storybook/addon-actions@^6.3.2": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.6.tgz#691d61d6aca9c4b3edba50c531cbe4d4139ed451" - integrity sha512-1MBqCbFiupGEDyIXqFkzF4iR8AduuB7qSNduqtsFauvIkrG5bnlbg5JC7WjnixkCaaWlufgbpasEHioXO9EXGw== - dependencies: - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/client-api" "6.3.6" - "@storybook/components" "6.3.6" - "@storybook/core-events" "6.3.6" - "@storybook/theming" "6.3.6" +"@storybook/addon-actions@6.3.7", "@storybook/addon-actions@^6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.3.7.tgz#b25434972bef351aceb3f7ec6fd66e210f256aac" + integrity sha512-CEAmztbVt47Gw1o6Iw0VP20tuvISCEKk9CS/rCjHtb4ubby6+j/bkp3pkEUQIbyLdHiLWFMz0ZJdyA/U6T6jCw== + dependencies: + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/client-api" "6.3.7" + "@storybook/components" "6.3.7" + "@storybook/core-events" "6.3.7" + "@storybook/theming" "6.3.7" core-js "^3.8.2" fast-deep-equal "^3.1.3" global "^4.4.0" @@ -1870,17 +1870,17 @@ util-deprecate "^1.0.2" uuid-browser "^3.1.0" -"@storybook/addon-backgrounds@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.3.6.tgz#93128e6ebfcb953a83cc2165056dd5815d32cef2" - integrity sha512-1lBVAem2M+ggb1UNVgB7/56LaQAor9lI8q0xtQdAzAkt9K4RbbOsLGRhyUm3QH5OiB3qHHG5WQBujWUD6Qfy4g== - dependencies: - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/components" "6.3.6" - "@storybook/core-events" "6.3.6" - "@storybook/theming" "6.3.6" +"@storybook/addon-backgrounds@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-6.3.7.tgz#b8ed464cf1000f77678570912640972c74129a2e" + integrity sha512-NH95pDNILgCXeegbckG+P3zxT5SPmgkAq29P+e3gX7YBOTc6885YCFMJLFpuDMwW4lA0ovXosp4PaUHLsBnLDg== + dependencies: + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/components" "6.3.7" + "@storybook/core-events" "6.3.7" + "@storybook/theming" "6.3.7" core-js "^3.8.2" global "^4.4.0" memoizerific "^1.11.3" @@ -1888,24 +1888,24 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-controls@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.3.6.tgz#2f8071e5b521375aace60af96e33a19f016581c9" - integrity sha512-wTWmnZl2qEAUqgLh8a7TL5f6w37Q51lAoJNlwxFFBSKtGS7xFUnou4qTUArNy5iKu1cWoVvofJ9RnP1maGByYA== - dependencies: - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/client-api" "6.3.6" - "@storybook/components" "6.3.6" - "@storybook/node-logger" "6.3.6" - "@storybook/theming" "6.3.6" +"@storybook/addon-controls@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-6.3.7.tgz#ac8fa5ec055f09fd5187998358b5188fed54a528" + integrity sha512-VHOv5XZ0MQ45k6X7AUrMIxGkm7sgIiPwsvajnoeMe7UwS3ngbTb0Q0raLqI/L5jLM/jyQwfpUO9isA6cztGTEQ== + dependencies: + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/client-api" "6.3.7" + "@storybook/components" "6.3.7" + "@storybook/node-logger" "6.3.7" + "@storybook/theming" "6.3.7" core-js "^3.8.2" ts-dedent "^2.0.0" -"@storybook/addon-docs@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.6.tgz#85b8a72b91f9c43edfaf21c416a9b01ad0e06ea4" - integrity sha512-/ZPB9u3lfc6ZUrgt9HENU1BxAHNfTbh9r2LictQ8o9gYE/BqvZutl2zqilTpVuutQtTgQ6JycVhxtpk9+TDcuA== +"@storybook/addon-docs@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-6.3.7.tgz#a7b8ff2c0baf85fc9cc1b3d71f481ec40499f3cc" + integrity sha512-cyuyoLuB5ELhbrXgnZneDCHqNq1wSdWZ4dzdHy1E5WwLPEhLlD6INfEsm8gnDIb4IncYuzMhK3XYBDd7d3ijOg== dependencies: "@babel/core" "^7.12.10" "@babel/generator" "^7.12.11" @@ -1916,20 +1916,20 @@ "@mdx-js/loader" "^1.6.22" "@mdx-js/mdx" "^1.6.22" "@mdx-js/react" "^1.6.22" - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/builder-webpack4" "6.3.6" - "@storybook/client-api" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/components" "6.3.6" - "@storybook/core" "6.3.6" - "@storybook/core-events" "6.3.6" + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/builder-webpack4" "6.3.7" + "@storybook/client-api" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/components" "6.3.7" + "@storybook/core" "6.3.7" + "@storybook/core-events" "6.3.7" "@storybook/csf" "0.0.1" - "@storybook/csf-tools" "6.3.6" - "@storybook/node-logger" "6.3.6" - "@storybook/postinstall" "6.3.6" - "@storybook/source-loader" "6.3.6" - "@storybook/theming" "6.3.6" + "@storybook/csf-tools" "6.3.7" + "@storybook/node-logger" "6.3.7" + "@storybook/postinstall" "6.3.7" + "@storybook/source-loader" "6.3.7" + "@storybook/theming" "6.3.7" acorn "^7.4.1" acorn-jsx "^5.3.1" acorn-walk "^7.2.0" @@ -1952,36 +1952,36 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/addon-essentials@^6.3.2": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.3.6.tgz#29f5249daee086fe2d14c899ae61712b8c8fbcbd" - integrity sha512-FUrpCeINaN4L9L81FswtQFEq2xLwj3W7EyhmqsZcYSr64nscpQyjlPVjs5zhrEanOGIf+4E+mBmWafxbYufXwQ== +"@storybook/addon-essentials@^6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-6.3.7.tgz#5af605ab705e938c5b25a7e19daa26e5924fd4e4" + integrity sha512-ZWAW3qMFrrpfSekmCZibp/ivnohFLJdJweiIA0CLnuCNuuK9kQdpFahWdvyBy5NlCj3UJwB7epTZYZyHqYW7UQ== dependencies: - "@storybook/addon-actions" "6.3.6" - "@storybook/addon-backgrounds" "6.3.6" - "@storybook/addon-controls" "6.3.6" - "@storybook/addon-docs" "6.3.6" + "@storybook/addon-actions" "6.3.7" + "@storybook/addon-backgrounds" "6.3.7" + "@storybook/addon-controls" "6.3.7" + "@storybook/addon-docs" "6.3.7" "@storybook/addon-measure" "^2.0.0" - "@storybook/addon-toolbars" "6.3.6" - "@storybook/addon-viewport" "6.3.6" - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/node-logger" "6.3.6" + "@storybook/addon-toolbars" "6.3.7" + "@storybook/addon-viewport" "6.3.7" + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/node-logger" "6.3.7" core-js "^3.8.2" regenerator-runtime "^0.13.7" storybook-addon-outline "^1.4.1" ts-dedent "^2.0.0" -"@storybook/addon-links@^6.3.2": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.6.tgz#dc410d5b4a0d222b6b8d0ef03da7a4c16919c092" - integrity sha512-PaeAJTjwtPlhrLZlaSQ1YIFA8V0C1yI0dc351lPbTiE7fJ7DwTE03K6xIF/jEdTo+xzhi2PM1Fgvi/SsSecI8w== +"@storybook/addon-links@^6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-6.3.7.tgz#f273abba6d056794a4aa920b2fa9639136e6747f" + integrity sha512-/8Gq18o1DejP3Om0ZOJRkMzW5FoHqoAmR0pFx4DipmNu5lYy7V3krLw4jW4qja1MuQkZ53MGh08FJOoAc2RZvQ== dependencies: - "@storybook/addons" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/core-events" "6.3.6" + "@storybook/addons" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/core-events" "6.3.7" "@storybook/csf" "0.0.1" - "@storybook/router" "6.3.6" + "@storybook/router" "6.3.7" "@types/qs" "^6.9.5" core-js "^3.8.2" global "^4.4.0" @@ -1995,37 +1995,52 @@ resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-2.0.0.tgz#c40bbe91bacd3f795963dc1ee6ff86be87deeda9" integrity sha512-ZhdT++cX+L9LwjhGYggvYUUVQH/MGn2rwbrAwCMzA/f2QTFvkjxzX8nDgMxIhaLCDC+gHIxfJG2wrWN0jkBr3g== -"@storybook/addon-toolbars@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.3.6.tgz#41f5f29988260d2aad9431b7a91f57e848c3e0bf" - integrity sha512-VpwkMtvT/4KNjqdO2SCkFw4koMgYN2k8hckbTGRzuUYYTHBvl9yK4q0A7RELEnkm/tsmDI1TjenV/MBifp2Aiw== +"@storybook/addon-toolbars@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-6.3.7.tgz#acd0c9eea7fad056d995a821e34abddd5b065b9b" + integrity sha512-UTIurbl2WXj/jSOj7ndqQ/WtG7kSpGp62T7gwEZTZ+h/3sJn+bixofBD/7+sXa4hWW07YgTXV547DMhzp5bygg== dependencies: - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/client-api" "6.3.6" - "@storybook/components" "6.3.6" - "@storybook/theming" "6.3.6" + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/client-api" "6.3.7" + "@storybook/components" "6.3.7" + "@storybook/theming" "6.3.7" core-js "^3.8.2" regenerator-runtime "^0.13.7" -"@storybook/addon-viewport@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.3.6.tgz#9117316e918559d389a19571166579858b25b09b" - integrity sha512-Z5eztFFGd6vd+38sDurfTkIr9lY6EYWtMJzr5efedRZGg2IZLXZxQCoyjKEB29VB/IIjHEYHhHSh4SFsHT/m6g== - dependencies: - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/components" "6.3.6" - "@storybook/core-events" "6.3.6" - "@storybook/theming" "6.3.6" +"@storybook/addon-viewport@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-6.3.7.tgz#4dc5007e6c8e4d095814c34234429fe889e4014d" + integrity sha512-Hdv2QoVVfe/YuMVQKVVnfCCuEoTqTa8Ck7AOKz31VSAliBFhXewP51oKhw9F6mTyvCozMHX6EBtBzN06KyrPyw== + dependencies: + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/components" "6.3.7" + "@storybook/core-events" "6.3.7" + "@storybook/theming" "6.3.7" core-js "^3.8.2" global "^4.4.0" memoizerific "^1.11.3" prop-types "^15.7.2" regenerator-runtime "^0.13.7" -"@storybook/addons@6.3.6", "@storybook/addons@^6.3.0": +"@storybook/addons@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.7.tgz#7c6b8d11b65f67b1884f6140437fe996dc39537a" + integrity sha512-9stVjTcc52bqqh7YQex/LpSjJ4e2Czm4/ZYDjIiNy0p4OZEx+yLhL5mZzMWh2NQd6vv+pHASBSxf2IeaR5511A== + dependencies: + "@storybook/api" "6.3.7" + "@storybook/channels" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/core-events" "6.3.7" + "@storybook/router" "6.3.7" + "@storybook/theming" "6.3.7" + core-js "^3.8.2" + global "^4.4.0" + regenerator-runtime "^0.13.7" + +"@storybook/addons@^6.3.0": version "6.3.6" resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.3.6.tgz#330fd722bdae8abefeb029583e89e51e62c20b60" integrity sha512-tVV0vqaEEN9Md4bgScwfrnZYkN8iKZarpkIOFheLev+PHjSp8lgWMK5SNWDlbBYqfQfzrz9xbs+F07bMjfx9jQ== @@ -2066,10 +2081,36 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/builder-webpack4@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.6.tgz#fe444abfc178e005ea077e2bcfd6ae7509522908" - integrity sha512-LhTPQQowS2t6BRnyfusWZLbhjjf54/HiQyovJTTDnqrCiO6QoCMbVnp79LeO1aSkpQCKoeqOZ7TzH87fCytnZA== +"@storybook/api@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.3.7.tgz#88b8a51422cd0739c91bde0b1d65fb6d8a8485d0" + integrity sha512-57al8mxmE9agXZGo8syRQ8UhvGnDC9zkuwkBPXchESYYVkm3Mc54RTvdAOYDiy85VS4JxiGOywHayCaRwgUddQ== + dependencies: + "@reach/router" "^1.3.4" + "@storybook/channels" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/core-events" "6.3.7" + "@storybook/csf" "0.0.1" + "@storybook/router" "6.3.7" + "@storybook/semver" "^7.3.2" + "@storybook/theming" "6.3.7" + "@types/reach__router" "^1.3.7" + core-js "^3.8.2" + fast-deep-equal "^3.1.3" + global "^4.4.0" + lodash "^4.17.20" + memoizerific "^1.11.3" + qs "^6.10.0" + regenerator-runtime "^0.13.7" + store2 "^2.12.0" + telejson "^5.3.2" + ts-dedent "^2.0.0" + util-deprecate "^1.0.2" + +"@storybook/builder-webpack4@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/builder-webpack4/-/builder-webpack4-6.3.7.tgz#1cc1a1184043be3f6ef840d0b43ba91a803105e2" + integrity sha512-M5envblMzAUrNqP1+ouKiL8iSIW/90+kBRU2QeWlZoZl1ib+fiFoKk06cgbaC70Bx1lU8nOnI/VBvB5pLhXLaw== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2092,20 +2133,20 @@ "@babel/preset-env" "^7.12.11" "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/channel-postmessage" "6.3.6" - "@storybook/channels" "6.3.6" - "@storybook/client-api" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/components" "6.3.6" - "@storybook/core-common" "6.3.6" - "@storybook/core-events" "6.3.6" - "@storybook/node-logger" "6.3.6" - "@storybook/router" "6.3.6" + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/channel-postmessage" "6.3.7" + "@storybook/channels" "6.3.7" + "@storybook/client-api" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/components" "6.3.7" + "@storybook/core-common" "6.3.7" + "@storybook/core-events" "6.3.7" + "@storybook/node-logger" "6.3.7" + "@storybook/router" "6.3.7" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.6" - "@storybook/ui" "6.3.6" + "@storybook/theming" "6.3.7" + "@storybook/ui" "6.3.7" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" autoprefixer "^9.8.6" @@ -2142,14 +2183,14 @@ webpack-hot-middleware "^2.25.0" webpack-virtual-modules "^0.2.2" -"@storybook/channel-postmessage@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.6.tgz#f29c3678161462428e78c9cfed2da11ffca4acb0" - integrity sha512-GK7hXnaa+1pxEeMpREDzAZ3+2+k1KN1lbrZf+V7Kc1JZv1/Ji/vxk8AgxwiuzPAMx5J0yh/FduPscIPZ87Pibw== +"@storybook/channel-postmessage@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-6.3.7.tgz#bd4edf84a29aa2cd4a22d26115c60194d289a840" + integrity sha512-Cmw8HRkeSF1yUFLfEIUIkUICyCXX8x5Ol/5QPbiW9HPE2hbZtYROCcg4bmWqdq59N0Tp9FQNSn+9ZygPgqQtNw== dependencies: - "@storybook/channels" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/core-events" "6.3.6" + "@storybook/channels" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/core-events" "6.3.7" core-js "^3.8.2" global "^4.4.0" qs "^6.10.0" @@ -2164,16 +2205,25 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/client-api@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.6.tgz#4826ce366ae109f608da6ade24b29efeb9b7f7dd" - integrity sha512-Q/bWuH691L6k7xkiKtBmZo8C+ijgmQ+vc2Fz8pzIRZuMV8ROL74qhrS4BMKV4LhiYm4f8todtWfaQPBjawZMIA== +"@storybook/channels@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-6.3.7.tgz#85ed5925522b802d959810f78d37aacde7fea66e" + integrity sha512-aErXO+SRO8MPp2wOkT2n9d0fby+8yM35tq1tI633B4eQsM74EykbXPv7EamrYPqp1AI4BdiloyEpr0hmr2zlvg== dependencies: - "@storybook/addons" "6.3.6" - "@storybook/channel-postmessage" "6.3.6" - "@storybook/channels" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/core-events" "6.3.6" + core-js "^3.8.2" + ts-dedent "^2.0.0" + util-deprecate "^1.0.2" + +"@storybook/client-api@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-6.3.7.tgz#cb1dca05467d777bd09aadbbdd1dd22ca537ce14" + integrity sha512-8wOH19cMIwIIYhZy5O5Wl8JT1QOL5kNuamp9GPmg5ff4DtnG+/uUslskRvsnKyjPvl+WbIlZtBVWBiawVdd/yQ== + dependencies: + "@storybook/addons" "6.3.7" + "@storybook/channel-postmessage" "6.3.7" + "@storybook/channels" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/core-events" "6.3.7" "@storybook/csf" "0.0.1" "@types/qs" "^6.9.5" "@types/webpack-env" "^1.16.0" @@ -2196,7 +2246,45 @@ core-js "^3.8.2" global "^4.4.0" -"@storybook/components@6.3.6", "@storybook/components@^6.3.0": +"@storybook/client-logger@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-6.3.7.tgz#ff17b7494e7e9e23089b0d5c5364c371c726bdd1" + integrity sha512-BQRErHE3nIEuUJN/3S3dO1LzxAknOgrFeZLd4UVcH/fvjtS1F4EkhcbH+jNyUWvcWGv66PZYN0oFPEn/g3Savg== + dependencies: + core-js "^3.8.2" + global "^4.4.0" + +"@storybook/components@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.7.tgz#42b1ca6d24e388e02eab82aa9ed3365db2266ecc" + integrity sha512-O7LIg9Z18G0AJqXX7Shcj0uHqwXlSA5UkHgaz9A7mqqqJNl6m6FwwTWcxR1acUfYVNkO+czgpqZHNrOF6rky1A== + dependencies: + "@popperjs/core" "^2.6.0" + "@storybook/client-logger" "6.3.7" + "@storybook/csf" "0.0.1" + "@storybook/theming" "6.3.7" + "@types/color-convert" "^2.0.0" + "@types/overlayscrollbars" "^1.12.0" + "@types/react-syntax-highlighter" "11.0.5" + color-convert "^2.0.1" + core-js "^3.8.2" + fast-deep-equal "^3.1.3" + global "^4.4.0" + lodash "^4.17.20" + markdown-to-jsx "^7.1.3" + memoizerific "^1.11.3" + overlayscrollbars "^1.13.1" + polished "^4.0.5" + prop-types "^15.7.2" + react-colorful "^5.1.2" + react-popper-tooltip "^3.1.1" + react-syntax-highlighter "^13.5.3" + react-textarea-autosize "^8.3.0" + regenerator-runtime "^0.13.7" + ts-dedent "^2.0.0" + util-deprecate "^1.0.2" + +"@storybook/components@^6.3.0": version "6.3.6" resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.3.6.tgz#bc2fa1dbe59f42b5b2aeb9f84424072835d4ce8b" integrity sha512-aZkmtAY8b+LFXG6dVp6cTS6zGJuxkHRHcesRSWRQPxtgitaz1G58clRHxbKPRokfjPHNgYA3snogyeqxSA7YNQ== @@ -2226,18 +2314,18 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/core-client@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.6.tgz#7def721aa15d4faaff574780d30b92055db7261c" - integrity sha512-Bq86flEdXdMNbdHrGMNQ6OT1tcBQU8ym56d+nG46Ctjf5GN+Dl+rPtRWuu7cIZs10KgqJH+86DXp+tvpQIDidg== +"@storybook/core-client@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-6.3.7.tgz#cfb75952e0e1d32f2aca92bca2786334ab589c40" + integrity sha512-M/4A65yV+Y4lsCQXX4BtQO/i3BcMPrU5FkDG8qJd3dkcx2fUlFvGWqQPkcTZE+MPVvMEGl/AsEZSADzah9+dAg== dependencies: - "@storybook/addons" "6.3.6" - "@storybook/channel-postmessage" "6.3.6" - "@storybook/client-api" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/core-events" "6.3.6" + "@storybook/addons" "6.3.7" + "@storybook/channel-postmessage" "6.3.7" + "@storybook/client-api" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/core-events" "6.3.7" "@storybook/csf" "0.0.1" - "@storybook/ui" "6.3.6" + "@storybook/ui" "6.3.7" airbnb-js-shims "^2.2.1" ansi-to-html "^0.6.11" core-js "^3.8.2" @@ -2249,10 +2337,10 @@ unfetch "^4.2.0" util-deprecate "^1.0.2" -"@storybook/core-common@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.6.tgz#da8eed703b609968e15177446f0f1609d1d6d0d0" - integrity sha512-nHolFOmTPymI50j180bCtcf1UJZ2eOnYaECRtHvVrCUod5KFF7wh2EHrgWoKqrKrsn84UOY/LkX2C2WkbYtWRg== +"@storybook/core-common@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-6.3.7.tgz#9eedf3ff16aff870950e3372ab71ef846fa3ac52" + integrity sha512-exLoqRPPsAefwyjbsQBLNFrlPCcv69Q/pclqmIm7FqAPR7f3CKP1rqsHY0PnemizTL/+cLX5S7mY90gI6wpNug== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-proposal-class-properties" "^7.12.1" @@ -2275,7 +2363,7 @@ "@babel/preset-react" "^7.12.10" "@babel/preset-typescript" "^7.12.7" "@babel/register" "^7.12.1" - "@storybook/node-logger" "6.3.6" + "@storybook/node-logger" "6.3.7" "@storybook/semver" "^7.3.2" "@types/glob-base" "^0.3.0" "@types/micromatch" "^4.0.1" @@ -2310,17 +2398,24 @@ dependencies: core-js "^3.8.2" -"@storybook/core-server@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.6.tgz#43c1415573c3b72ec6b9ae48d68e1bb446722f7c" - integrity sha512-47ZcfxYn7t891oAMG98iH1BQIgQT9Yk/2BBNVCWY43Ong+ME1xJ6j4C/jkRUOseP7URlfLUQsUYKAYJNVijDvg== - dependencies: - "@storybook/builder-webpack4" "6.3.6" - "@storybook/core-client" "6.3.6" - "@storybook/core-common" "6.3.6" - "@storybook/csf-tools" "6.3.6" - "@storybook/manager-webpack4" "6.3.6" - "@storybook/node-logger" "6.3.6" +"@storybook/core-events@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.3.7.tgz#c5bc7cae7dc295de73b6b9f671ecbe582582e9bd" + integrity sha512-l5Hlhe+C/dqxjobemZ6DWBhTOhQoFF3F1Y4kjFGE7pGZl/mas4M72I5I/FUcYCmbk2fbLfZX8hzKkUqS1hdyLA== + dependencies: + core-js "^3.8.2" + +"@storybook/core-server@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-6.3.7.tgz#6f29ad720aafe4a97247b5e306eac4174d0931f2" + integrity sha512-m5OPD/rmZA7KFewkXzXD46/i1ngUoFO4LWOiAY/wR6RQGjYXGMhSa5UYFF6MNwSbiGS5YieHkR5crB1HP47AhQ== + dependencies: + "@storybook/builder-webpack4" "6.3.7" + "@storybook/core-client" "6.3.7" + "@storybook/core-common" "6.3.7" + "@storybook/csf-tools" "6.3.7" + "@storybook/manager-webpack4" "6.3.7" + "@storybook/node-logger" "6.3.7" "@storybook/semver" "^7.3.2" "@types/node" "^14.0.10" "@types/node-fetch" "^2.5.7" @@ -2349,18 +2444,18 @@ util-deprecate "^1.0.2" webpack "4" -"@storybook/core@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.6.tgz#604419d346433103675901b3736bfa1ed9bc534f" - integrity sha512-y71VvVEbqCpG28fDBnfNg3RnUPnicwFYq9yuoFVRF0LYcJCy5cYhkIfW3JG8mN2m0P+LzH80mt2Rj6xlSXrkdQ== +"@storybook/core@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-6.3.7.tgz#482228a270abc3e23fed10c7bc4df674da22ca19" + integrity sha512-YTVLPXqgyBg7TALNxQ+cd+GtCm/NFjxr/qQ1mss1T9GCMR0IjE0d0trgOVHHLAO8jCVlK8DeuqZCCgZFTXulRw== dependencies: - "@storybook/core-client" "6.3.6" - "@storybook/core-server" "6.3.6" + "@storybook/core-client" "6.3.7" + "@storybook/core-server" "6.3.7" -"@storybook/csf-tools@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.6.tgz#603d9e832f946998b75ff8368fe862375d6cb52c" - integrity sha512-MQevelkEUVNCSjKMXLNc/G8q/BB5babPnSeI0IcJq4k+kLUSHtviimLNpPowMgGJBPx/y9VihH8N7vdJUWVj9w== +"@storybook/csf-tools@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-6.3.7.tgz#505514d211f8698c47ddb15662442098b4b00156" + integrity sha512-A7yGsrYwh+vwVpmG8dHpEimX021RbZd9VzoREcILH56u8atssdh/rseljyWlRes3Sr4QgtLvDB7ggoJ+XDZH7w== dependencies: "@babel/generator" "^7.12.11" "@babel/parser" "^7.12.11" @@ -2384,20 +2479,20 @@ dependencies: lodash "^4.17.15" -"@storybook/manager-webpack4@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.6.tgz#a5334aa7ae1e048bca8f4daf868925d7054fb715" - integrity sha512-qh/jV4b6mFRpRFfhk1JSyO2gKRz8PLPvDt2AD52/bTAtNRzypKoiWqyZNR2CJ9hgNQtDrk2CO3eKPrcdKYGizQ== +"@storybook/manager-webpack4@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/manager-webpack4/-/manager-webpack4-6.3.7.tgz#9ca604dea38d3c47eb38bf485ca6107861280aa8" + integrity sha512-cwUdO3oklEtx6y+ZOl2zHvflICK85emiXBQGgRcCsnwWQRBZOMh+tCgOSZj4jmISVpT52RtT9woG4jKe15KBig== dependencies: "@babel/core" "^7.12.10" "@babel/plugin-transform-template-literals" "^7.12.1" "@babel/preset-react" "^7.12.10" - "@storybook/addons" "6.3.6" - "@storybook/core-client" "6.3.6" - "@storybook/core-common" "6.3.6" - "@storybook/node-logger" "6.3.6" - "@storybook/theming" "6.3.6" - "@storybook/ui" "6.3.6" + "@storybook/addons" "6.3.7" + "@storybook/core-client" "6.3.7" + "@storybook/core-common" "6.3.7" + "@storybook/node-logger" "6.3.7" + "@storybook/theming" "6.3.7" + "@storybook/ui" "6.3.7" "@types/node" "^14.0.10" "@types/webpack" "^4.41.26" babel-loader "^8.2.2" @@ -2427,10 +2522,10 @@ webpack-dev-middleware "^3.7.3" webpack-virtual-modules "^0.2.2" -"@storybook/node-logger@6.3.6", "@storybook/node-logger@^6.3.2": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.6.tgz#10356608593440a8e3acf2aababef40333a3401b" - integrity sha512-XMDkMN7nVRojjiezrURlkI57+nz3OoH4UBV6qJZICKclxtdKAy0wwOlUSYEUq+axcJ4nvdfzPPoDfGoj37SW7A== +"@storybook/node-logger@6.3.7", "@storybook/node-logger@^6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-6.3.7.tgz#492469ea4749de8d984af144976961589a1ac382" + integrity sha512-YXHCblruRe6HcNefDOpuXJoaybHnnSryIVP9Z+gDv6OgLAMkyxccTIaQL9dbc/eI4ywgzAz4kD8t1RfVwXNVXw== dependencies: "@types/npmlog" "^4.1.2" chalk "^4.1.0" @@ -2438,14 +2533,14 @@ npmlog "^4.1.2" pretty-hrtime "^1.0.3" -"@storybook/postinstall@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.6.tgz#fd79a6c109b38ced4b9b40db2d27b88ee184d449" - integrity sha512-90Izr8/GwLiXvdF2A3v1PCpWoxUBgqA0TrWGuiWXfJnfFRVlVrX9A/ClGUPSh80L3oE01E6raaOG4wW4JTRKfw== +"@storybook/postinstall@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-6.3.7.tgz#7d90c06131382a3cf1550a1f2c70df13b220d9d3" + integrity sha512-HgTj7WdWo2cXrGfEhi5XYZA+G4vIzECtJHK22GEL9QxJth60Ah/dE94VqpTlyhSpzP74ZFUgr92+pP9o+j3CCw== dependencies: core-js "^3.8.2" -"@storybook/preset-create-react-app@^3.1.7": +"@storybook/preset-create-react-app@^3.2.0": version "3.2.0" resolved "https://registry.yarnpkg.com/@storybook/preset-create-react-app/-/preset-create-react-app-3.2.0.tgz#660597906847e38e9d886241d3d8e2ecc770a2eb" integrity sha512-lLoWCGr5cV+JNDRKYHC2gD+P2eyBqdN8qhmBa+PxDgPSNKfgUf9Wnoh+C7WTG5q2DEeR9SvUpQpZomX9DDQa4Q== @@ -2471,18 +2566,18 @@ react-docgen-typescript "^2.0.0" tslib "^2.0.0" -"@storybook/react@^6.3.2": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.6.tgz#593bc0743ad22ed5e6e072e6157c20c704864fc3" - integrity sha512-2c30XTe7WzKnvgHBGOp1dzBVlhcbc3oEX0SIeVE9ZYkLvRPF+J1jG948a26iqOCOgRAW13Bele37mG1gbl4tiw== +"@storybook/react@^6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-6.3.7.tgz#b15259aeb4cdeef99cc7f09d21db42e3ecd7a01a" + integrity sha512-4S0iCQIzgi6PdAtV2sYw4uL57yIwbMInNFSux9CxPnVdlxOxCJ+U8IgTxD4tjkTvR4boYSEvEle46ns/bwg5iQ== dependencies: "@babel/preset-flow" "^7.12.1" "@babel/preset-react" "^7.12.10" "@pmmmwh/react-refresh-webpack-plugin" "^0.4.3" - "@storybook/addons" "6.3.6" - "@storybook/core" "6.3.6" - "@storybook/core-common" "6.3.6" - "@storybook/node-logger" "6.3.6" + "@storybook/addons" "6.3.7" + "@storybook/core" "6.3.7" + "@storybook/core-common" "6.3.7" + "@storybook/node-logger" "6.3.7" "@storybook/react-docgen-typescript-plugin" "1.0.2-canary.253f8c1.0" "@storybook/semver" "^7.3.2" "@types/webpack-env" "^1.16.0" @@ -2516,6 +2611,22 @@ qs "^6.10.0" ts-dedent "^2.0.0" +"@storybook/router@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/router/-/router-6.3.7.tgz#1714a99a58a7b9f08b6fcfe2b678dad6ca896736" + integrity sha512-6tthN8op7H0NoYoE1SkQFJKC42pC4tGaoPn7kEql8XGeUJnxPtVFjrnywlTrRnKuxZKIvbilQBAwDml97XH23Q== + dependencies: + "@reach/router" "^1.3.4" + "@storybook/client-logger" "6.3.7" + "@types/reach__router" "^1.3.7" + core-js "^3.8.2" + fast-deep-equal "^3.1.3" + global "^4.4.0" + lodash "^4.17.20" + memoizerific "^1.11.3" + qs "^6.10.0" + ts-dedent "^2.0.0" + "@storybook/semver@^7.3.2": version "7.3.2" resolved "https://registry.yarnpkg.com/@storybook/semver/-/semver-7.3.2.tgz#f3b9c44a1c9a0b933c04e66d0048fcf2fa10dac0" @@ -2524,13 +2635,13 @@ core-js "^3.6.5" find-up "^4.1.0" -"@storybook/source-loader@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.6.tgz#2d3d01919baad7a40f67d1150c74e41dea5f1d4c" - integrity sha512-om3iS3a+D287FzBrbXB/IXB6Z5Ql2yc4dFKTy6FPe5v4N3U0p5puWOKUYWWbTX1JbcpRj0IXXo7952G68tcC1g== +"@storybook/source-loader@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/source-loader/-/source-loader-6.3.7.tgz#cc348305df3c2d8d716c0bab7830c9f537b859ff" + integrity sha512-0xQTq90jwx7W7MJn/idEBCGPOyxi/3No5j+5YdfJsSGJRuMFH3jt6pGgdeZ4XA01cmmIX6bZ+fB9al6yAzs91w== dependencies: - "@storybook/addons" "6.3.6" - "@storybook/client-logger" "6.3.6" + "@storybook/addons" "6.3.7" + "@storybook/client-logger" "6.3.7" "@storybook/csf" "0.0.1" core-js "^3.8.2" estraverse "^5.2.0" @@ -2558,21 +2669,39 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/ui@6.3.6": - version "6.3.6" - resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.6.tgz#a9ed8265e34bb8ef9f0dd08f40170b3dcf8a8931" - integrity sha512-S9FjISUiAmbBR7d6ubUEcELQdffDfRxerloxkXs5Ou7n8fEPqpgQB01Hw5MLRUwTEpxPzHn+xtIGYritAGxt/Q== +"@storybook/theming@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.7.tgz#6daf9a21b26ed607f3c28a82acd90c0248e76d8b" + integrity sha512-GXBdw18JJd5jLLcRonAZWvGGdwEXByxF1IFNDSOYCcpHWsMgTk4XoLjceu9MpXET04pVX51LbVPLCvMdggoohg== dependencies: "@emotion/core" "^10.1.1" - "@storybook/addons" "6.3.6" - "@storybook/api" "6.3.6" - "@storybook/channels" "6.3.6" - "@storybook/client-logger" "6.3.6" - "@storybook/components" "6.3.6" - "@storybook/core-events" "6.3.6" - "@storybook/router" "6.3.6" + "@emotion/is-prop-valid" "^0.8.6" + "@emotion/styled" "^10.0.27" + "@storybook/client-logger" "6.3.7" + core-js "^3.8.2" + deep-object-diff "^1.1.0" + emotion-theming "^10.0.27" + global "^4.4.0" + memoizerific "^1.11.3" + polished "^4.0.5" + resolve-from "^5.0.0" + ts-dedent "^2.0.0" + +"@storybook/ui@6.3.7": + version "6.3.7" + resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-6.3.7.tgz#d0caea50640670da3189bbbb67c43da30c90455a" + integrity sha512-PBeRO8qtwAbtHvxUgNtz/ChUR6qnN+R37dMaIs3Y96jbks1fS2K9Mt7W5s1HnUbWbg2KsZMv9D4VYPBasY+Isw== + dependencies: + "@emotion/core" "^10.1.1" + "@storybook/addons" "6.3.7" + "@storybook/api" "6.3.7" + "@storybook/channels" "6.3.7" + "@storybook/client-logger" "6.3.7" + "@storybook/components" "6.3.7" + "@storybook/core-events" "6.3.7" + "@storybook/router" "6.3.7" "@storybook/semver" "^7.3.2" - "@storybook/theming" "6.3.6" + "@storybook/theming" "6.3.7" "@types/markdown-to-jsx" "^6.11.3" copy-to-clipboard "^3.3.1" core-js "^3.8.2" From 110aa0f2a9e5094a148deb60971c44aac393117a Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Fri, 27 Aug 2021 14:49:12 +0530 Subject: [PATCH 30/42] =?UTF-8?q?chore:=20=F0=9F=94=A7=20added=20default?= =?UTF-8?q?=20and=20global=20imports=20to=20all=20components=20and=20to=20?= =?UTF-8?q?the=20main=20index,=20and=20also=20added=20the=20loader=20to=20?= =?UTF-8?q?the=20button?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .storybook/preview.js | 29 ++++---- package.json | 1 + .../{ThemeProvider.tsx => index.tsx} | 6 +- src/components/alert/alert.tsx | 9 +-- src/components/alert/index.ts | 1 + src/components/avatar/avatar.stories.tsx | 4 -- src/components/avatar/avatar.styled.ts | 1 - src/components/avatar/index.ts | 1 + src/components/badge/badge.stories.tsx | 8 --- src/components/badge/index.ts | 1 + src/components/button/button.tsx | 5 +- src/components/button/index.ts | 1 + src/components/card/card.stories.tsx | 6 -- src/components/card/index.ts | 1 + src/components/drawer/drawer.stories.tsx | 6 -- src/components/drawer/index.ts | 1 + src/components/fab/index.ts | 1 + src/components/grid/index.ts | 1 + src/components/image/index.ts | 1 + src/components/index.ts | 19 ++++- src/components/input/index.ts | 1 + src/components/input/input.stories.tsx | 1 - src/components/list/index.ts | 1 + src/components/list/list.tsx | 2 +- src/components/modal/index.ts | 1 + src/components/navbar/index.ts | 1 + src/components/rating/index.ts | 1 + src/components/snackbar/index.ts | 1 + src/components/typography/index.ts | 1 + yarn.lock | 70 +++++++++++++++++-- 30 files changed, 123 insertions(+), 60 deletions(-) rename src/components/ThemeProvider/{ThemeProvider.tsx => index.tsx} (87%) diff --git a/.storybook/preview.js b/.storybook/preview.js index a0ca584..24f8936 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -1,23 +1,22 @@ import React from 'react'; -import ThemeProvider from '../src/components/ThemeProvider/ThemeProvider'; +import ThemeProvider from '../src/components/ThemeProvider'; import { GlobalStyles } from '../src/config'; export const parameters = { - actions: { argTypesRegex: "^on[A-Z].*" }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, + actions: { argTypesRegex: '^on[A-Z].*' }, + controls: { + matchers: { + color: /(background|color)$/i, + date: /Date$/, + }, }, - }, -} - +}; export const decorators = [ - (Story) => ( - - - - - ), + (Story) => ( + + + + + ), ]; diff --git a/package.json b/package.json index 76ec14a..7940b21 100644 --- a/package.json +++ b/package.json @@ -4,6 +4,7 @@ "dependencies": { "@types/lodash": "^4.14.170", "lodash": "^4.17.21", + "react-spinners": "^0.11.0", "styled-components": "^5.3.0" }, "peerDependencies": { diff --git a/src/components/ThemeProvider/ThemeProvider.tsx b/src/components/ThemeProvider/index.tsx similarity index 87% rename from src/components/ThemeProvider/ThemeProvider.tsx rename to src/components/ThemeProvider/index.tsx index 99f89ca..174bc5d 100644 --- a/src/components/ThemeProvider/ThemeProvider.tsx +++ b/src/components/ThemeProvider/index.tsx @@ -5,11 +5,11 @@ import _ from 'lodash'; import { defaultTheme } from '../../config'; import { Theme } from '../../config/theme'; -const ThemeProvider = ({ +const Index = ({ theme: parsedTheme, children, }: { - theme: Theme; + theme?: Theme; children: React.ReactNode; }) => { const theme = _.assign(defaultTheme, parsedTheme); @@ -21,4 +21,4 @@ const ThemeProvider = ({ ); }; -export default ThemeProvider; +export default Index; diff --git a/src/components/alert/alert.tsx b/src/components/alert/alert.tsx index 8df9fb8..ef9cdc6 100644 --- a/src/components/alert/alert.tsx +++ b/src/components/alert/alert.tsx @@ -3,7 +3,6 @@ import { MainColors } from '../../config/theme'; import { Icon } from '../icon'; import StyledAlert, { StyledAlertText } from './alert.styled'; -// ToDo Why does alert give an error when I add icon in alert.stories.tsx but goes away when i add children in AlertProps export type AlertProps = { color: MainColors; icon?: ReactNode; @@ -16,13 +15,7 @@ const Alert: ForwardRefRenderFunction = ( props, ref ) => { - const { - color = 'primary', - icon, - variant = 'default', - // action, - children, - } = props; + const { color = 'primary', icon, variant = 'default', children } = props; return ( diff --git a/src/components/alert/index.ts b/src/components/alert/index.ts index d818b5f..164824d 100644 --- a/src/components/alert/index.ts +++ b/src/components/alert/index.ts @@ -1 +1,2 @@ export { default as Alert } from './alert'; +export * from './alert'; diff --git a/src/components/avatar/avatar.stories.tsx b/src/components/avatar/avatar.stories.tsx index db2e436..378ee1c 100644 --- a/src/components/avatar/avatar.stories.tsx +++ b/src/components/avatar/avatar.stories.tsx @@ -14,10 +14,6 @@ export default { options: ['sm', 'md', 'lg', 'xl'], control: { type: 'radio' }, }, - // varient: { - // options: ['contained', 'text', 'outlined'], - // control: { type: 'radio' }, - // }, }, } as Meta; diff --git a/src/components/avatar/avatar.styled.ts b/src/components/avatar/avatar.styled.ts index 0655ab4..866e913 100644 --- a/src/components/avatar/avatar.styled.ts +++ b/src/components/avatar/avatar.styled.ts @@ -34,7 +34,6 @@ export const StyledAvatarText = styled.div` justify-content: center; align-items: center; color: white; - // Find a better way to do this. font-size: ${(pr) => `${pr.theme.componentSizes[pr.size][0] / 2}rem`}; font-weight: 300; `; diff --git a/src/components/avatar/index.ts b/src/components/avatar/index.ts index b87685a..9eb28f8 100644 --- a/src/components/avatar/index.ts +++ b/src/components/avatar/index.ts @@ -1 +1,2 @@ export { default as Avatar } from './avatar'; +export * from './avatar'; diff --git a/src/components/badge/badge.stories.tsx b/src/components/badge/badge.stories.tsx index 762d4d9..70a9cf9 100644 --- a/src/components/badge/badge.stories.tsx +++ b/src/components/badge/badge.stories.tsx @@ -17,14 +17,6 @@ export default { options: ['top', 'bottom'], control: { type: 'radio' }, }, - // varient: { - // options: ['default', 'filled', 'outlined'], - // control: { type: 'radio' }, - // }, - // varient: { - // options: ['contained', 'text', 'outlined'], - // control: { type: 'radio' }, - // }, }, } as Meta; diff --git a/src/components/badge/index.ts b/src/components/badge/index.ts index 7c74794..f1a435b 100644 --- a/src/components/badge/index.ts +++ b/src/components/badge/index.ts @@ -1 +1,2 @@ export { default as Badge } from './badge'; +export * from './badge'; diff --git a/src/components/button/button.tsx b/src/components/button/button.tsx index c1c3f6d..d780964 100644 --- a/src/components/button/button.tsx +++ b/src/components/button/button.tsx @@ -9,6 +9,7 @@ import { ComponentSize } from '../../config/sizes'; import { MainColors } from '../../config/theme'; import { Icon, IconProps } from '../icon'; import StyledButton from './button.styled'; +import ClipLoader from 'react-spinners/ClipLoader'; export type ButtonVariant = 'contained' | 'text' | 'outlined'; @@ -76,8 +77,8 @@ const Button: ForwardRefRenderFunction = (props, ref) => { const buttonBody = loading ? ( <> - {loadingText} - {/* ToDo add spinner here */} + {loadingText} + ) : ( <> diff --git a/src/components/button/index.ts b/src/components/button/index.ts index 31d66cb..37f7629 100644 --- a/src/components/button/index.ts +++ b/src/components/button/index.ts @@ -1 +1,2 @@ export { default as Button } from './button'; +export * from './button'; diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx index 5fd2be8..c1b41ab 100644 --- a/src/components/card/card.stories.tsx +++ b/src/components/card/card.stories.tsx @@ -8,12 +8,6 @@ import { IoMdHeartEmpty } from 'react-icons/all'; export default { title: 'Example/Card', component: Card, - // argTypes: { - // color: { - // options: ['primary', 'secondary', 'error', 'warning', 'info'], - // control: { type: 'radio' }, - // }, - // }, } as Meta; const SimpleCardTemplate: Story = (args) => ( diff --git a/src/components/card/index.ts b/src/components/card/index.ts index 3c3b401..481633b 100644 --- a/src/components/card/index.ts +++ b/src/components/card/index.ts @@ -1 +1,2 @@ export { default as Card } from './card'; +export * from './card'; diff --git a/src/components/drawer/drawer.stories.tsx b/src/components/drawer/drawer.stories.tsx index 0ccf436..6858906 100644 --- a/src/components/drawer/drawer.stories.tsx +++ b/src/components/drawer/drawer.stories.tsx @@ -10,12 +10,6 @@ import { Button } from '../button'; export default { title: 'Example/Drawer', component: Drawer, - // argTypes: { - // color: { - // options: ['primary', 'secondary', 'error', 'warning', 'info'], - // control: { type: 'radio' }, - // }, - // }, } as Meta; const Template: Story = () => { diff --git a/src/components/drawer/index.ts b/src/components/drawer/index.ts index 33f2aed..17292e8 100644 --- a/src/components/drawer/index.ts +++ b/src/components/drawer/index.ts @@ -1 +1,2 @@ export { default as Drawer } from './drawer'; +export * from './drawer'; diff --git a/src/components/fab/index.ts b/src/components/fab/index.ts index 205674c..49fa38d 100644 --- a/src/components/fab/index.ts +++ b/src/components/fab/index.ts @@ -1 +1,2 @@ export { default as FAB } from './fab'; +export * from './fab'; diff --git a/src/components/grid/index.ts b/src/components/grid/index.ts index 5ac66c1..b94b39b 100644 --- a/src/components/grid/index.ts +++ b/src/components/grid/index.ts @@ -1 +1,2 @@ export { default as Grid } from './grid'; +export * from './grid'; diff --git a/src/components/image/index.ts b/src/components/image/index.ts index 65be5d5..9be3ec6 100644 --- a/src/components/image/index.ts +++ b/src/components/image/index.ts @@ -1 +1,2 @@ export { default as Image } from './image'; +export * from './image'; diff --git a/src/components/index.ts b/src/components/index.ts index 449f13b..2578ef2 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1 +1,18 @@ -export * from './button'; \ No newline at end of file +export * from './button'; +export * from './alert'; +export * from './avatar'; +export * from './badge'; +export * from './card'; +export * from './drawer'; +export * from './fab'; +export * from './grid'; +export * from './image'; +export * from './input'; +export * from './list'; +export * from './modal'; +export * from './navbar'; +export * from './snackbar'; +export * from './rating'; +export * from './ThemeProvider'; +export * from './typography'; +export * from './icon'; diff --git a/src/components/input/index.ts b/src/components/input/index.ts index 3f24eca..142dbdc 100644 --- a/src/components/input/index.ts +++ b/src/components/input/index.ts @@ -1 +1,2 @@ export { default as Input } from './input'; +export * from './input'; diff --git a/src/components/input/input.stories.tsx b/src/components/input/input.stories.tsx index 788d07d..0dd0952 100644 --- a/src/components/input/input.stories.tsx +++ b/src/components/input/input.stories.tsx @@ -1,5 +1,4 @@ import { Story, Meta } from '@storybook/react'; - import Input, { InputProps } from './input'; import { MdLock } from 'react-icons/all'; import { Icon } from '../icon'; diff --git a/src/components/list/index.ts b/src/components/list/index.ts index 7182513..d47c4d4 100644 --- a/src/components/list/index.ts +++ b/src/components/list/index.ts @@ -1 +1,2 @@ export * from './list'; +export * from './list'; diff --git a/src/components/list/list.tsx b/src/components/list/list.tsx index d50d4a7..473e83a 100644 --- a/src/components/list/list.tsx +++ b/src/components/list/list.tsx @@ -6,7 +6,7 @@ import StyledList, { import React, { ReactNode } from 'react'; import { Icon } from '../icon'; import { Avatar } from '../avatar'; -import { AvatarProps } from '../avatar/avatar'; +import { AvatarProps } from '../avatar'; export type ListItemTextProps = { primary: string; diff --git a/src/components/modal/index.ts b/src/components/modal/index.ts index b04ab42..0001dcb 100644 --- a/src/components/modal/index.ts +++ b/src/components/modal/index.ts @@ -1 +1,2 @@ export { default as Modal } from './modal'; +export * from './modal'; diff --git a/src/components/navbar/index.ts b/src/components/navbar/index.ts index 005769e..52d2461 100644 --- a/src/components/navbar/index.ts +++ b/src/components/navbar/index.ts @@ -1 +1,2 @@ export { default as Navbar } from './navbar'; +export * from './navbar'; diff --git a/src/components/rating/index.ts b/src/components/rating/index.ts index 2c3d3a4..d2c43d3 100644 --- a/src/components/rating/index.ts +++ b/src/components/rating/index.ts @@ -1 +1,2 @@ export { default as Rating } from './rating'; +export * from './rating'; diff --git a/src/components/snackbar/index.ts b/src/components/snackbar/index.ts index 9e1a28f..941a185 100644 --- a/src/components/snackbar/index.ts +++ b/src/components/snackbar/index.ts @@ -1 +1,2 @@ export { default as Snackbar } from './snackbar'; +export * from './snackbar'; diff --git a/src/components/typography/index.ts b/src/components/typography/index.ts index f2ea1f1..549f102 100644 --- a/src/components/typography/index.ts +++ b/src/components/typography/index.ts @@ -1 +1,2 @@ export { default as Typography } from './typography'; +export * from './typography'; diff --git a/yarn.lock b/yarn.lock index 65e5724..dc69667 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1352,6 +1352,17 @@ "@emotion/utils" "0.11.3" "@emotion/weak-memoize" "0.2.5" +"@emotion/cache@^11.4.0": + version "11.4.0" + resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.4.0.tgz#293fc9d9a7a38b9aad8e9337e5014366c3b09ac0" + integrity sha512-Zx70bjE7LErRO9OaZrhf22Qye1y4F7iDl+ITjet0J+i+B88PrAOBkKvaAWhxsZf72tDLajwCgfCjJ2dvH77C3g== + dependencies: + "@emotion/memoize" "^0.7.4" + "@emotion/sheet" "^1.0.0" + "@emotion/utils" "^1.0.0" + "@emotion/weak-memoize" "^0.2.5" + stylis "^4.0.3" + "@emotion/core@^10.1.1": version "10.1.1" resolved "https://registry.yarnpkg.com/@emotion/core/-/core-10.1.1.tgz#c956c1365f2f2481960064bcb8c4732e5fb612c3" @@ -1373,7 +1384,7 @@ "@emotion/utils" "0.11.3" babel-plugin-emotion "^10.0.27" -"@emotion/hash@0.8.0": +"@emotion/hash@0.8.0", "@emotion/hash@^0.8.0": version "0.8.0" resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413" integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow== @@ -1390,6 +1401,24 @@ resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb" integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw== +"@emotion/memoize@^0.7.4": + version "0.7.5" + resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.5.tgz#2c40f81449a4e554e9fc6396910ed4843ec2be50" + integrity sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ== + +"@emotion/react@^11.1.4": + version "11.4.1" + resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.4.1.tgz#a1b0b767b5bad57515ffb0cad9349614d27f4d57" + integrity sha512-pRegcsuGYj4FCdZN6j5vqCALkNytdrKw3TZMekTzNXixRg4wkLsU5QEaBG5LC6l01Vppxlp7FE3aTHpIG5phLg== + dependencies: + "@babel/runtime" "^7.13.10" + "@emotion/cache" "^11.4.0" + "@emotion/serialize" "^1.0.2" + "@emotion/sheet" "^1.0.2" + "@emotion/utils" "^1.0.0" + "@emotion/weak-memoize" "^0.2.5" + hoist-non-react-statics "^3.3.1" + "@emotion/serialize@^0.11.15", "@emotion/serialize@^0.11.16": version "0.11.16" resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-0.11.16.tgz#dee05f9e96ad2fb25a5206b6d759b2d1ed3379ad" @@ -1401,11 +1430,27 @@ "@emotion/utils" "0.11.3" csstype "^2.5.7" +"@emotion/serialize@^1.0.2": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.2.tgz#77cb21a0571c9f68eb66087754a65fa97bfcd965" + integrity sha512-95MgNJ9+/ajxU7QIAruiOAdYNjxZX7G2mhgrtDWswA21VviYIRP1R5QilZ/bDY42xiKsaktP4egJb3QdYQZi1A== + dependencies: + "@emotion/hash" "^0.8.0" + "@emotion/memoize" "^0.7.4" + "@emotion/unitless" "^0.7.5" + "@emotion/utils" "^1.0.0" + csstype "^3.0.2" + "@emotion/sheet@0.9.4": version "0.9.4" resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-0.9.4.tgz#894374bea39ec30f489bbfc3438192b9774d32e5" integrity sha512-zM9PFmgVSqBw4zL101Q0HrBVTGmpAxFZH/pYx/cjJT5advXguvcgjHFTCaIO3enL/xr89vK2bh0Mfyj9aa0ANA== +"@emotion/sheet@^1.0.0", "@emotion/sheet@^1.0.2": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.0.2.tgz#1d9ffde531714ba28e62dac6a996a8b1089719d0" + integrity sha512-QQPB1B70JEVUHuNtzjHftMGv6eC3Y9wqavyarj4x4lg47RACkeSfNo5pxIOKizwS9AEFLohsqoaxGQj4p0vSIw== + "@emotion/styled-base@^10.0.27": version "10.0.31" resolved "https://registry.yarnpkg.com/@emotion/styled-base/-/styled-base-10.0.31.tgz#940957ee0aa15c6974adc7d494ff19765a2f742a" @@ -1429,7 +1474,7 @@ resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04" integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ== -"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.4": +"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.4", "@emotion/unitless@^0.7.5": version "0.7.5" resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed" integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg== @@ -1439,7 +1484,12 @@ resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-0.11.3.tgz#a759863867befa7e583400d322652a3f44820924" integrity sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw== -"@emotion/weak-memoize@0.2.5": +"@emotion/utils@^1.0.0": + version "1.0.0" + resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.0.0.tgz#abe06a83160b10570816c913990245813a2fd6af" + integrity sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA== + +"@emotion/weak-memoize@0.2.5", "@emotion/weak-memoize@^0.2.5": version "0.2.5" resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46" integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA== @@ -7648,7 +7698,7 @@ hmac-drbg@^1.0.1: minimalistic-assert "^1.0.0" minimalistic-crypto-utils "^1.0.1" -hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0: +hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1: version "3.3.2" resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45" integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw== @@ -11907,6 +11957,13 @@ react-sizeme@^3.0.1: shallowequal "^1.1.0" throttle-debounce "^3.0.1" +react-spinners@^0.11.0: + version "0.11.0" + resolved "https://registry.yarnpkg.com/react-spinners/-/react-spinners-0.11.0.tgz#186fd150cc9f7ab1436227f70d5d113b47e9e43d" + integrity sha512-rDZc0ABWn/M1OryboGsWVmIPg8uYWl0L35jPUhr40+Yg+syVPjeHwvnB7XWaRpaKus3M0cG9BiJA+ZB0dAwWyw== + dependencies: + "@emotion/react" "^11.1.4" + react-syntax-highlighter@^13.5.3: version "13.5.3" resolved "https://registry.yarnpkg.com/react-syntax-highlighter/-/react-syntax-highlighter-13.5.3.tgz#9712850f883a3e19eb858cf93fad7bb357eea9c6" @@ -13283,6 +13340,11 @@ stylehacks@^4.0.0: postcss "^7.0.0" postcss-selector-parser "^3.0.0" +stylis@^4.0.3: + version "4.0.10" + resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.10.tgz#446512d1097197ab3f02fb3c258358c3f7a14240" + integrity sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg== + supports-color@^5.3.0, supports-color@^5.5.0: version "5.5.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f" From 3d67bdcaf7bbc627457930d0372c7d4f4264733a Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Sat, 28 Aug 2021 16:03:19 +0530 Subject: [PATCH 31/42] =?UTF-8?q?chore(release):=20=F0=9F=9A=80=20configur?= =?UTF-8?q?ed=20repo=20to=20make=20it=20a=20releasable=20package=20on=20np?= =?UTF-8?q?m?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 + README.md | 52 ++++++++---------------------------------- package.json | 20 ++++++++++------ src/config/index.ts | 2 ++ src/index.ts | 2 ++ src/index.tsx | 1 - src/react-app-env.d.ts | 1 - src/setupTests.ts | 5 ---- tsconfig.json | 10 ++++++-- 9 files changed, 36 insertions(+), 58 deletions(-) create mode 100644 src/index.ts delete mode 100644 src/index.tsx delete mode 100644 src/react-app-env.d.ts delete mode 100644 src/setupTests.ts diff --git a/.gitignore b/.gitignore index 4d29575..e85a632 100644 --- a/.gitignore +++ b/.gitignore @@ -10,6 +10,7 @@ # production /build +/lib # misc .DS_Store diff --git a/README.md b/README.md index b58e0af..52c3f2a 100644 --- a/README.md +++ b/README.md @@ -1,46 +1,14 @@ -# Getting Started with Create React App +

Matcha-UI

+

Don't like writing CSS or just too lazy to write it? Don't worry, we've got you covered. Use our library and make beatiful React Apps without much CSS. :D

-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). +## Installation -## Available Scripts +Matcha-UI is available as an [npm package](https://www.npmjs.com/package/@agauravdev/matcha-ui). -In the project directory, you can run: +```sh +// with npm +npm i @agauravdev/matcha-ui -### `yarn start` - -Runs the app in the development mode.\ -Open [http://localhost:3000](http://localhost:3000) to view it in the browser. - -The page will reload if you make edits.\ -You will also see any lint errors in the console. - -### `yarn test` - -Launches the test runner in the interactive watch mode.\ -See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. - -### `yarn build` - -Builds the app for production to the `build` folder.\ -It correctly bundles React in production mode and optimizes the build for the best performance. - -The build is minified and the filenames include the hashes.\ -Your app is ready to be deployed! - -See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. - -### `yarn eject` - -**Note: this is a one-way operation. Once you `eject`, you can’t go back!** - -If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. - -Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. - -You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. - -## Learn More - -You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). - -To learn React, check out the [React documentation](https://reactjs.org/). +// with yarn +yarn add @agauravdev/matcha-ui +``` diff --git a/package.json b/package.json index 7940b21..e67fa63 100644 --- a/package.json +++ b/package.json @@ -1,11 +1,16 @@ { - "name": "matcha-ui", - "version": "0.1.0", + "name": "@agauravdev/matcha-ui", + "version": "1.0.1", + "private": false, + "main": "lib/index.js", + "files": [ + "lib" + ], "dependencies": { - "@types/lodash": "^4.14.170", "lodash": "^4.17.21", "react-spinners": "^0.11.0", - "styled-components": "^5.3.0" + "styled-components": "^5.3.0", + "react-icons": "^4.2.0" }, "peerDependencies": { "react": "^17.x", @@ -13,12 +18,13 @@ }, "scripts": { "start": "react-scripts start", - "build": "react-scripts build", + "build": "tsc", "test": "react-scripts test", "eject": "react-scripts eject", "storybook": "start-storybook -p 6006 -s public", "build-storybook": "build-storybook -s public", - "storybook-docs": "start-storybook --docs --no-manager-cache" + "storybook-docs": "start-storybook --docs --no-manager-cache", + "prebuild": "rm -rf ./lib" }, "eslintConfig": { "extends": [ @@ -49,6 +55,7 @@ ] }, "devDependencies": { + "@types/lodash": "^4.14.170", "@storybook/addon-actions": "^6.3.7", "@storybook/addon-essentials": "^6.3.7", "@storybook/addon-links": "^6.3.7", @@ -69,7 +76,6 @@ "prettier": "2.3.0", "react": "^17.x", "react-dom": "^17.x", - "react-icons": "^4.2.0", "react-scripts": "4.0.3", "typescript": "^4.1.2" } diff --git a/src/config/index.ts b/src/config/index.ts index 122b4e1..56431ab 100644 --- a/src/config/index.ts +++ b/src/config/index.ts @@ -1,2 +1,4 @@ export * from './global.styles'; export { default as defaultTheme } from './theme'; +export * from './sizes'; +export * from './theme'; diff --git a/src/index.ts b/src/index.ts new file mode 100644 index 0000000..7dde68c --- /dev/null +++ b/src/index.ts @@ -0,0 +1,2 @@ +export * from './components'; +export * from './config'; diff --git a/src/index.tsx b/src/index.tsx deleted file mode 100644 index 0500dbe..0000000 --- a/src/index.tsx +++ /dev/null @@ -1 +0,0 @@ -export * from './components/button'; \ No newline at end of file diff --git a/src/react-app-env.d.ts b/src/react-app-env.d.ts deleted file mode 100644 index 6431bc5..0000000 --- a/src/react-app-env.d.ts +++ /dev/null @@ -1 +0,0 @@ -/// diff --git a/src/setupTests.ts b/src/setupTests.ts deleted file mode 100644 index 8f2609b..0000000 --- a/src/setupTests.ts +++ /dev/null @@ -1,5 +0,0 @@ -// jest-dom adds custom jest matchers for asserting on DOM nodes. -// allows you to do things like: -// expect(element).toHaveTextContent(/react/i) -// learn more: https://github.com/testing-library/jest-dom -import '@testing-library/jest-dom'; diff --git a/tsconfig.json b/tsconfig.json index a273b0c..01603d8 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -17,10 +17,16 @@ "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, - "noEmit": true, - "jsx": "react-jsx" + "jsx": "react-jsx", + "outDir": "lib", + "declaration": true, + "declarationMap": true, + "sourceMap": true }, "include": [ "src" + ], + "exclude": [ + "**/*stories.tsx", ] } From 6d29ec2aeae442f135f8703dc8c069032f3245ce Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Sat, 28 Aug 2021 18:28:37 +0530 Subject: [PATCH 32/42] =?UTF-8?q?fix:=20=F0=9F=90=9B=20fixed=20button=20ho?= =?UTF-8?q?vering=20when=20disabled=20and=20deleted=20some=20unused=20file?= =?UTF-8?q?s?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 10 +++--- public/favicon.ico | Bin 3870 -> 0 bytes public/index.html | 43 ----------------------- public/logo192.png | Bin 5347 -> 0 bytes public/logo512.png | Bin 9664 -> 0 bytes public/manifest.json | 25 ------------- public/robots.txt | 3 -- src/components/button/button.stories.tsx | 21 +++++++++-- src/components/button/button.styled.ts | 11 +++--- src/components/button/button.tsx | 11 ++---- 10 files changed, 34 insertions(+), 90 deletions(-) delete mode 100644 public/favicon.ico delete mode 100644 public/index.html delete mode 100644 public/logo192.png delete mode 100644 public/logo512.png delete mode 100644 public/manifest.json delete mode 100644 public/robots.txt diff --git a/package.json b/package.json index e67fa63..6435950 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@agauravdev/matcha-ui", - "version": "1.0.1", + "version": "1.0.3", "private": false, "main": "lib/index.js", "files": [ @@ -8,9 +8,7 @@ ], "dependencies": { "lodash": "^4.17.21", - "react-spinners": "^0.11.0", - "styled-components": "^5.3.0", - "react-icons": "^4.2.0" + "styled-components": "^5.3.0" }, "peerDependencies": { "react": "^17.x", @@ -55,7 +53,6 @@ ] }, "devDependencies": { - "@types/lodash": "^4.14.170", "@storybook/addon-actions": "^6.3.7", "@storybook/addon-essentials": "^6.3.7", "@storybook/addon-links": "^6.3.7", @@ -66,6 +63,7 @@ "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", "@types/jest": "^26.0.15", + "@types/lodash": "^4.14.170", "@types/node": "^12.0.0", "@types/react": "^17.0.0", "@types/react-dom": "^17.0.0", @@ -77,6 +75,8 @@ "react": "^17.x", "react-dom": "^17.x", "react-scripts": "4.0.3", + "react-spinners": "^0.11.0", + "react-icons": "^4.2.0", "typescript": "^4.1.2" } } diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index a11777cc471a4344702741ab1c8a588998b1311a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3870 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 baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/public/index.html b/public/index.html deleted file mode 100644 index aa069f2..0000000 --- a/public/index.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - - - - - - React App - - - -
- - - diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a3796c0e0a64c3d858ca038bd4570465d9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5347 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 b{|{}U^kRn2wo}j7|0ATu<;8xA7zX}7|B6mN diff --git a/public/manifest.json b/public/manifest.json deleted file mode 100644 index 080d6c7..0000000 --- a/public/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} diff --git a/public/robots.txt b/public/robots.txt deleted file mode 100644 index e9e57dc..0000000 --- a/public/robots.txt +++ /dev/null @@ -1,3 +0,0 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: diff --git a/src/components/button/button.stories.tsx b/src/components/button/button.stories.tsx index e8ca30d..64f63ed 100644 --- a/src/components/button/button.stories.tsx +++ b/src/components/button/button.stories.tsx @@ -1,7 +1,9 @@ import { Story, Meta } from '@storybook/react'; import { MdShoppingCart } from 'react-icons/md'; -import Button, { ButtonProps } from './button'; +import Button from './button'; +import ClipLoader from 'react-spinners/ClipLoader'; +import React from 'react'; export default { title: 'Example/Button', @@ -18,7 +20,20 @@ export default { }, } as Meta; -const Template: Story = (args) => + This is a test alert + + ) +``` + +### **Run and develop Matcha-UI locally** + +Clone the [GitHub project](https://github.com/gauravggg21/matcha-ui/) then start Storybook. + +`yarn && yarn run storybook` + diff --git a/yarn.lock b/yarn.lock index 616dd06..575b361 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2741,7 +2741,7 @@ resolve-from "^5.0.0" ts-dedent "^2.0.0" -"@storybook/theming@6.3.7": +"@storybook/theming@6.3.7", "@storybook/theming@^6.3.7": version "6.3.7" resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.3.7.tgz#6daf9a21b26ed607f3c28a82acd90c0248e76d8b" integrity sha512-GXBdw18JJd5jLLcRonAZWvGGdwEXByxF1IFNDSOYCcpHWsMgTk4XoLjceu9MpXET04pVX51LbVPLCvMdggoohg== From a88f7abcd0e1914f149efe128593ac5b17dfcf97 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Sun, 29 Aug 2021 17:34:14 +0530 Subject: [PATCH 39/42] =?UTF-8?q?docs:=20=F0=9F=93=9A=EF=B8=8F=20added=20t?= =?UTF-8?q?heme=20provider=20specification=20in=20the=20doc?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/docs/intro.stories.mdx | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/docs/intro.stories.mdx b/src/docs/intro.stories.mdx index 597c8a7..d6101cb 100644 --- a/src/docs/intro.stories.mdx +++ b/src/docs/intro.stories.mdx @@ -23,6 +23,22 @@ yarn add @agauravdev/matcha-ui ### **Use** +To use the components, you must put a theme provider context around the main application or around the highest component in which you want to use the library. + +```tsx +import ThemeProvider from '@agauravdev/matcha-ui'; +import App from './App'; +import ReactDOM from 'react-dom'; +import React from 'react'; + +ReactDOM.render( + + + + document.getElementById('root'); +); +``` + Import the components you want in your UI. `import { Button, Alert } from '@agauravdev/matcha-ui';` From 033d2235070c8e6607d1cdac343dde67b87cf4d7 Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Tue, 31 Aug 2021 16:55:48 +0530 Subject: [PATCH 40/42] =?UTF-8?q?fix:=20=F0=9F=90=9B=20fixed=20default=20i?= =?UTF-8?q?mport=20for=20ThemeProvider?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .idea/codeStyles/Project.xml | 23 ++++++++++++++--------- package.json | 2 +- src/components/ThemeProvider/index.tsx | 6 +++--- src/components/index.ts | 2 +- src/docs/intro.stories.mdx | 2 +- 5 files changed, 20 insertions(+), 15 deletions(-) diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml index fd2af96..80372c3 100644 --- a/.idea/codeStyles/Project.xml +++ b/.idea/codeStyles/Project.xml @@ -8,24 +8,21 @@ @@ -36,13 +33,17 @@ @@ -67,12 +68,16 @@ diff --git a/package.json b/package.json index f9319ab..11144bc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@agauravdev/matcha-ui", - "version": "1.0.3", + "version": "1.0.4", "private": false, "main": "lib/index.js", "files": [ diff --git a/src/components/ThemeProvider/index.tsx b/src/components/ThemeProvider/index.tsx index 174bc5d..4f2360c 100644 --- a/src/components/ThemeProvider/index.tsx +++ b/src/components/ThemeProvider/index.tsx @@ -3,9 +3,9 @@ import React from 'react'; import { ThemeProvider as StyledComponentsThemeProvider } from 'styled-components'; import _ from 'lodash'; import { defaultTheme } from '../../config'; -import { Theme } from '../../config/theme'; +import { Theme } from '../../config'; -const Index = ({ +const ThemeProvider = ({ theme: parsedTheme, children, }: { @@ -21,4 +21,4 @@ const Index = ({ ); }; -export default Index; +export default ThemeProvider; diff --git a/src/components/index.ts b/src/components/index.ts index 2578ef2..d0c3f48 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -13,6 +13,6 @@ export * from './modal'; export * from './navbar'; export * from './snackbar'; export * from './rating'; -export * from './ThemeProvider'; +export { default as ThemeProvider } from './ThemeProvider'; export * from './typography'; export * from './icon'; diff --git a/src/docs/intro.stories.mdx b/src/docs/intro.stories.mdx index d6101cb..9c6ade2 100644 --- a/src/docs/intro.stories.mdx +++ b/src/docs/intro.stories.mdx @@ -26,7 +26,7 @@ yarn add @agauravdev/matcha-ui To use the components, you must put a theme provider context around the main application or around the highest component in which you want to use the library. ```tsx -import ThemeProvider from '@agauravdev/matcha-ui'; +import {ThemeProvider} from '@agauravdev/matcha-ui'; import App from './App'; import ReactDOM from 'react-dom'; import React from 'react'; From 14440f8950b95d1d0d65689c214ca31f9e03aefc Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Tue, 31 Aug 2021 20:43:44 +0530 Subject: [PATCH 41/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20styling=20and?= =?UTF-8?q?=20className=20prop=20to=20every=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 6 ++-- src/components/alert/alert.tsx | 13 +++++++-- src/components/avatar/avatar.tsx | 36 +++++++++++++++--------- src/components/badge/badge.tsx | 13 ++++++--- src/components/button/button.tsx | 18 ++++++++++-- src/components/card/card.tsx | 5 ++-- src/components/drawer/drawer.tsx | 32 +++++++++++++-------- src/components/fab/fab.tsx | 15 ++++++++-- src/components/grid/grid.tsx | 34 ++++++++++++---------- src/components/image/image.tsx | 4 +-- src/components/input/input.tsx | 11 ++++++-- src/components/list/list.tsx | 26 +++++++++++------ src/components/modal/modal.tsx | 10 +++++-- src/components/navbar/navbar.styled.ts | 2 +- src/components/navbar/navbar.tsx | 17 +++++------ src/components/rating/rating.tsx | 13 +++++---- src/components/snackbar/snackbar.tsx | 9 +++--- src/components/typography/typography.tsx | 9 +++--- src/utils/commonProps.ts | 8 ++++++ 19 files changed, 184 insertions(+), 97 deletions(-) create mode 100644 src/utils/commonProps.ts diff --git a/package.json b/package.json index 11144bc..507063f 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,9 @@ { "name": "@agauravdev/matcha-ui", - "version": "1.0.4", + "version": "1.0.7", "private": false, "main": "lib/index.js", + "license": "MIT", "files": [ "lib" ], @@ -20,7 +21,8 @@ "storybook": "start-storybook -p 6006 -s public", "build-storybook": "build-storybook -s public", "storybook-docs": "start-storybook --docs --no-manager-cache", - "prebuild": "rm -rf ./lib" + "prebuild": "rm -rf ./lib", + "prepublish": "yarn build" }, "eslintConfig": { "extends": [ diff --git a/src/components/alert/alert.tsx b/src/components/alert/alert.tsx index ef9cdc6..92da661 100644 --- a/src/components/alert/alert.tsx +++ b/src/components/alert/alert.tsx @@ -1,7 +1,8 @@ import { forwardRef, ForwardRefRenderFunction, ReactNode } from 'react'; -import { MainColors } from '../../config/theme'; +import { MainColors } from '../../config'; import { Icon } from '../icon'; import StyledAlert, { StyledAlertText } from './alert.styled'; +import CommonProps from '../../utils/commonProps'; export type AlertProps = { color: MainColors; @@ -9,7 +10,7 @@ export type AlertProps = { variant?: 'default' | 'filled' | 'outlined'; action?: ReactNode; children: ReactNode; -}; +} & CommonProps; const Alert: ForwardRefRenderFunction = ( props, @@ -18,7 +19,13 @@ const Alert: ForwardRefRenderFunction = ( const { color = 'primary', icon, variant = 'default', children } = props; return ( - + {icon && {icon}} {children} diff --git a/src/components/avatar/avatar.tsx b/src/components/avatar/avatar.tsx index 5c98b98..217c410 100644 --- a/src/components/avatar/avatar.tsx +++ b/src/components/avatar/avatar.tsx @@ -1,22 +1,26 @@ import React, { MutableRefObject } from 'react'; import { ForwardRefRenderFunction } from 'react'; -import { ComponentSize } from '../../config/sizes'; -import { MainColors } from '../../config/theme'; +import { ComponentSize } from '../../config'; +import { MainColors } from '../../config'; import { StyledAvatarImage, StyledAvatarText } from './avatar.styled'; +import CommonProps from '../../utils/commonProps'; export type AvatarProps = - | { - type: 'image'; - src: string; - alt: string; - size?: ComponentSize; - } - | { - type: 'text'; - text: string; - size?: ComponentSize; - bgColor: MainColors; - }; + | ( + | { + type: 'image'; + src: string; + alt: string; + size?: ComponentSize; + } + | { + type: 'text'; + text: string; + size?: ComponentSize; + bgColor: MainColors; + } + ) & + CommonProps; const Avatar: ForwardRefRenderFunction< HTMLImageElement | HTMLDivElement, @@ -29,6 +33,8 @@ const Avatar: ForwardRefRenderFunction< alt={props.alt} size={props.size || 'sm'} ref={ref as MutableRefObject} + style={props.style} + className={props.className} /> ); else @@ -37,6 +43,8 @@ const Avatar: ForwardRefRenderFunction< bgColor={props.bgColor} ref={ref as MutableRefObject} size={props.size || 'md'} + style={props.style} + className={props.className} > {props.text} diff --git a/src/components/badge/badge.tsx b/src/components/badge/badge.tsx index 0825519..114630b 100644 --- a/src/components/badge/badge.tsx +++ b/src/components/badge/badge.tsx @@ -1,14 +1,14 @@ import React, { ForwardRefRenderFunction } from 'react'; import { ReactNode } from 'react'; -import { MainColors } from '../../config/theme'; +import { MainColors } from '../../config'; import StyledBadgeWrapper, { StyledBadge } from './badge.styled'; +import CommonProps from '../../utils/commonProps'; export type BadgeProps = { content?: ReactNode; color?: MainColors; position?: 'top' | 'bottom'; - children: ReactNode; -}; +} & CommonProps; const Badge: ForwardRefRenderFunction = ( props, @@ -16,7 +16,12 @@ const Badge: ForwardRefRenderFunction = ( ) => { const { content, color = 'primary', position = 'top', children } = props; return ( - + {children} {content} diff --git a/src/components/button/button.tsx b/src/components/button/button.tsx index eb9a092..d2fc617 100644 --- a/src/components/button/button.tsx +++ b/src/components/button/button.tsx @@ -8,10 +8,11 @@ import React, { import { MainColors, ComponentSize } from '../../config'; import { Icon, IconProps } from '../icon'; import StyledButton from './button.styled'; +import CommonProps from '../../utils/commonProps'; export type ButtonVariant = 'contained' | 'text' | 'outlined'; -interface BaseButtonProps { +type BaseButtonProps = { variant?: ButtonVariant; color?: MainColors; leftIcon?: ReactNode; @@ -23,7 +24,7 @@ interface BaseButtonProps { disabled?: boolean; loading?: boolean; loadingText?: ReactNode; -} +} & CommonProps; export interface HTMLButtonProps extends BaseButtonProps { onClick?: MouseEventHandler; @@ -83,7 +84,14 @@ const Button: ForwardRefRenderFunction = (props, ref) => { if (as && !disabled) { return ( - + {buttonBody} ); @@ -96,6 +104,8 @@ const Button: ForwardRefRenderFunction = (props, ref) => { href={href} ref={ref as MutableRefObject} {...styles} + style={props.style} + className={props.className} > {buttonBody} @@ -109,6 +119,8 @@ const Button: ForwardRefRenderFunction = (props, ref) => { onClick={onClick} ref={ref as MutableRefObject} {...styles} + style={props.style} + className={props.className} > {buttonBody} diff --git a/src/components/card/card.tsx b/src/components/card/card.tsx index 9c903fb..4fda9f6 100644 --- a/src/components/card/card.tsx +++ b/src/components/card/card.tsx @@ -2,7 +2,8 @@ import React, { CSSProperties, ElementType } from 'react'; import StyledCardRoot from './card.styled'; import styled from 'styled-components'; import { Property } from 'csstype'; -import { MainColors } from '../../config/theme'; +import { MainColors } from '../../config'; +import CommonProps from '../../utils/commonProps'; export type CardProps = { variant?: 'outlined' | 'elevated'; @@ -11,7 +12,7 @@ export type CardProps = { minWidth?: number | string; maxWidth?: number | string; as?: ElementType; -}; +} & CommonProps; const Card: React.FC = (props) => { const { diff --git a/src/components/drawer/drawer.tsx b/src/components/drawer/drawer.tsx index de86dfa..c08ca23 100644 --- a/src/components/drawer/drawer.tsx +++ b/src/components/drawer/drawer.tsx @@ -1,18 +1,22 @@ import React from 'react'; import StyledDrawer, { StyledDrawerRoot } from './drawer.styled'; +import CommonProps from '../../utils/commonProps'; export type DrawerProps = - | { - open?: boolean; - width?: number; - onClose?: () => void; - } - | { - persistent: true; - width: number; - open?: boolean; - onClose?: () => void; - }; + | ( + | { + open?: boolean; + width?: number; + onClose?: () => void; + } + | { + persistent: true; + width: number; + open?: boolean; + onClose?: () => void; + } + ) & + CommonProps; const Drawer: React.FC = (props) => { const { open = true, onClose } = props; @@ -23,7 +27,11 @@ const Drawer: React.FC = (props) => { ); return ( - e.stopPropagation()}> + e.stopPropagation()} + style={props.style} + className={props.className} + > {props.children} diff --git a/src/components/fab/fab.tsx b/src/components/fab/fab.tsx index de85291..c2b6da2 100644 --- a/src/components/fab/fab.tsx +++ b/src/components/fab/fab.tsx @@ -1,8 +1,9 @@ import React, { ForwardRefRenderFunction } from 'react'; import { ElementType, ReactNode } from 'react'; import styled from 'styled-components'; -import { MainColors } from '../../config/theme'; +import { MainColors } from '../../config'; import { Button } from '../button'; +import CommonProps from '../../utils/commonProps'; export type FabProps = { color?: MainColors; @@ -10,7 +11,7 @@ export type FabProps = { children: ReactNode; as?: ElementType; to?: string; -}; +} & CommonProps; const StyledFab = styled(Button)` width: 3rem; @@ -21,7 +22,15 @@ const StyledFab = styled(Button)` const Fab: ForwardRefRenderFunction = (props, ref) => { const { color, href, children, as, to } = props; return ( - + {children} ); diff --git a/src/components/grid/grid.tsx b/src/components/grid/grid.tsx index 47bc673..6d7c379 100644 --- a/src/components/grid/grid.tsx +++ b/src/components/grid/grid.tsx @@ -1,22 +1,26 @@ import React from 'react'; import StyledGrid from './grid.styled'; +import CommonProps from '../../utils/commonProps'; export type GridProps = - | { - type: 'fractions'; - template: Number[]; - gap?: number; - } - | { - type: 'percentage'; - template: Number[]; - gap?: number; - } - | { - type: 'mixed'; - template: String[]; - gap?: number; - }; + | ( + | { + type: 'fractions'; + template: Number[]; + gap?: number; + } + | { + type: 'percentage'; + template: Number[]; + gap?: number; + } + | { + type: 'mixed'; + template: String[]; + gap?: number; + } + ) & + CommonProps; const Grid: React.FC = (props) => { const { gap = 1.5, children, ...restProps } = props; diff --git a/src/components/image/image.tsx b/src/components/image/image.tsx index 206585b..c573afa 100644 --- a/src/components/image/image.tsx +++ b/src/components/image/image.tsx @@ -1,14 +1,14 @@ import React, { ForwardRefRenderFunction } from 'react'; import StyledImage from './image.styled'; import { Property } from 'csstype'; +import CommonProps from '../../utils/commonProps'; export type ImageProps = { rounded?: boolean; shadow?: boolean; objectFit?: Property.ObjectFit; src: string; alt: string; - style: React.CSSProperties; -}; +} & CommonProps; const Image: ForwardRefRenderFunction = (props, ref) => { const { rounded = false, shadow, objectFit, ...restProps } = props; diff --git a/src/components/input/input.tsx b/src/components/input/input.tsx index 9939658..c54e1d7 100644 --- a/src/components/input/input.tsx +++ b/src/components/input/input.tsx @@ -4,13 +4,14 @@ import React, { ReactNode, } from 'react'; import { ChangeEvent } from 'react'; -import { MainColors } from '../../config/theme'; +import { MainColors } from '../../config'; import { StyledAdornment, StyledInput, StyledHelperText, StyledInputWrapper, } from './input.styled'; +import CommonProps from '../../utils/commonProps'; export type InputProps = { hoverColor?: string; @@ -22,7 +23,7 @@ export type InputProps = { value?: string; startAdornment?: ReactNode | 'string'; endAdornment?: ReactNode | 'string'; -}; +} & CommonProps; const Input: ForwardRefRenderFunction = ( props, @@ -63,7 +64,11 @@ const Input: ForwardRefRenderFunction = ( return (
- + {startAdornment && ( {startAdornment} )} diff --git a/src/components/list/list.tsx b/src/components/list/list.tsx index 473e83a..84f1832 100644 --- a/src/components/list/list.tsx +++ b/src/components/list/list.tsx @@ -7,20 +7,24 @@ import React, { ReactNode } from 'react'; import { Icon } from '../icon'; import { Avatar } from '../avatar'; import { AvatarProps } from '../avatar'; +import CommonProps from '../../utils/commonProps'; export type ListItemTextProps = { primary: string; secondary?: string; -}; +} & CommonProps; export type ListItemProps = - | { - icon: ReactNode; - } - | { - avatarProps: AvatarProps; - } - | {}; + | ( + | { + icon: ReactNode; + } + | { + avatarProps: AvatarProps; + } + | {} + ) & + CommonProps; export const ListItemText: React.FC = ({ primary, @@ -36,7 +40,11 @@ export const ListItemText: React.FC = ({ export const ListItem: React.FC = (props) => { return ( - + {'icon' in props && {props.icon}} {'avatarProps' in props && } {props.children} diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx index 03c8bc1..9ea2706 100644 --- a/src/components/modal/modal.tsx +++ b/src/components/modal/modal.tsx @@ -5,13 +5,14 @@ import { StyledModalWrapper, } from './modal.styled'; import { MdClose } from 'react-icons/all'; +import CommonProps from '../../utils/commonProps'; export type ModalProps = { open: boolean; onClose: () => void; closeIcon?: ReactNode | 'none'; width?: string; -}; +} & CommonProps; const Modal: React.FC = (props) => { const { open, onClose, children, width, closeIcon = } = props; @@ -27,7 +28,12 @@ const Modal: React.FC = (props) => { } return ( - e.stopPropagation()}> + e.stopPropagation()} + style={props.style} + className={props.className} + > {closeIcon !== 'none' && ( {closeIcon} diff --git a/src/components/navbar/navbar.styled.ts b/src/components/navbar/navbar.styled.ts index 15cd79e..02b2707 100644 --- a/src/components/navbar/navbar.styled.ts +++ b/src/components/navbar/navbar.styled.ts @@ -5,7 +5,7 @@ export type StyledNavbarProps = {}; const StyledNavbar = styled.div` display: flex; width: 100%; - background-color: ${(pr) => pr.theme.info.main}; + background-color: ${(pr) => pr.theme.primary.main}; color: ${(pr) => pr.theme.info.contrastText}; padding: 0 1.5rem; min-height: 4rem; diff --git a/src/components/navbar/navbar.tsx b/src/components/navbar/navbar.tsx index 03e3c2c..6f6cf4c 100644 --- a/src/components/navbar/navbar.tsx +++ b/src/components/navbar/navbar.tsx @@ -1,27 +1,28 @@ import React, { KeyboardEvent } from 'react'; -import StyledNavbar, { +import Navbar, { StyledNavSearchInput, StyledNavSearchWrapper, } from './navbar.styled'; import { Icon } from '../icon'; import { MdSearch } from 'react-icons/all'; import { StyledComponentProps } from 'styled-components'; +import CommonProps from '../../utils/commonProps'; export type NavbarProps = {}; export type NavSearchProps = { onSearch: Function; inputProps: StyledComponentProps<'input', any, {}, never>; -}; +} & CommonProps; -const Navbar: React.FC = (props) => { - return {props.children}; -}; +// const Navbar: React.FC = (props) => { +// return {props.children}; +// }; export const NavSearch = React.forwardRef( - ({ onSearch, inputProps }, ref) => { + ({ onSearch, inputProps, ...restProps }, ref) => { return ( - + onSearch()} @@ -30,7 +31,7 @@ export const NavSearch = React.forwardRef( ) => { if (event.key === 'Enter' && event.code === 'Enter') onSearch(); diff --git a/src/components/rating/rating.tsx b/src/components/rating/rating.tsx index d025bba..4535bac 100644 --- a/src/components/rating/rating.tsx +++ b/src/components/rating/rating.tsx @@ -5,15 +5,16 @@ import React, { useCallback, useState, } from 'react'; -import { ComponentSize } from '../../config/sizes'; +import { ComponentSize } from '../../config'; import { MdStar, MdStarBorder } from 'react-icons/all'; -import { MainColors } from '../../config/theme'; +import { MainColors } from '../../config'; import StyledRating, { StyledRatingIcon, StyledRatingItem, } from './rating.styled'; import visuallyHidden from '../../utils/visuallyHiddenCss'; import styled from 'styled-components'; +import CommonProps from '../../utils/commonProps'; export type RatingProps = { value?: number | null; @@ -27,7 +28,7 @@ export type RatingProps = { name: string; color?: MainColors; clearValue?: () => void; -}; +} & CommonProps; type RatingItemProps = { isActive: boolean; @@ -42,7 +43,7 @@ type RatingItemProps = { readOnly: boolean; id: string; clearValue?: () => void; -}; +} & CommonProps; const HiddenInput = styled.input` ${visuallyHidden} @@ -109,7 +110,7 @@ const Rating: ForwardRefRenderFunction = ( emptyIcon = , max = 7, readOnly: readOnlyProp = false, - size = 'md', + // size = 'md', name, onChange, } = props; @@ -131,6 +132,8 @@ const Rating: ForwardRefRenderFunction = ( disabled={disabled} color={color} focus={focus} + style={props.style} + className={props.className} > {Array.from(new Array(max)).map((_, index) => { return ( diff --git a/src/components/snackbar/snackbar.tsx b/src/components/snackbar/snackbar.tsx index 2bab8e7..933d8e5 100644 --- a/src/components/snackbar/snackbar.tsx +++ b/src/components/snackbar/snackbar.tsx @@ -1,5 +1,6 @@ -import React, { CSSProperties, useEffect } from 'react'; +import React, { useEffect } from 'react'; import StyledSnackbar from './snackbar.styled'; +import CommonProps from '../../utils/commonProps'; export type SnackbarProps = { open: boolean; @@ -10,8 +11,7 @@ export type SnackbarProps = { vertical: 'top' | 'bottom'; horizontal: 'left' | 'right' | 'center'; }; - style?: CSSProperties; -}; +} & CommonProps; const Snackbar: React.FC = ({ position, @@ -21,6 +21,7 @@ const Snackbar: React.FC = ({ persistent, style, children, + className, }) => { useEffect(() => { if (!persistent) { @@ -31,7 +32,7 @@ const Snackbar: React.FC = ({ if (!open) return null; return ( - + {children} ); diff --git a/src/components/typography/typography.tsx b/src/components/typography/typography.tsx index b54307b..7f1c309 100644 --- a/src/components/typography/typography.tsx +++ b/src/components/typography/typography.tsx @@ -1,6 +1,7 @@ -import React, { ElementType, ForwardRefRenderFunction, ReactNode } from 'react'; -import { MainColors } from '../../config/theme'; +import React, { ElementType, ForwardRefRenderFunction } from 'react'; +import { MainColors } from '../../config'; import StyledTypography from './typography.styled'; +import CommonProps from '../../utils/commonProps'; export type TypographyProps = { color?: MainColors | 'grey' | 'black'; @@ -18,9 +19,7 @@ export type TypographyProps = { | 'h6' | 'subtitle' | 'subtitle-bold'; - children: ReactNode; - style?: React.CSSProperties; -}; +} & CommonProps; const Typography: ForwardRefRenderFunction = ( props, diff --git a/src/utils/commonProps.ts b/src/utils/commonProps.ts new file mode 100644 index 0000000..817ae0c --- /dev/null +++ b/src/utils/commonProps.ts @@ -0,0 +1,8 @@ +import { CSSProperties } from 'react'; + +type CommonProps = { + style?: CSSProperties; + className?: string; +}; + +export default CommonProps; From 46a34037c614111557a56eff3f526a4b2048cfff Mon Sep 17 00:00:00 2001 From: Gaurav Agarwal Date: Tue, 31 Aug 2021 21:09:55 +0530 Subject: [PATCH 42/42] =?UTF-8?q?feat:=20=E2=9C=A8=20added=20children=20pr?= =?UTF-8?q?op=20to=20required=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- src/components/badge/badge.tsx | 1 + src/components/typography/typography.tsx | 8 ++++++-- 3 files changed, 8 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 507063f..2edf434 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@agauravdev/matcha-ui", - "version": "1.0.7", + "version": "1.0.8", "private": false, "main": "lib/index.js", "license": "MIT", diff --git a/src/components/badge/badge.tsx b/src/components/badge/badge.tsx index 114630b..8f3378b 100644 --- a/src/components/badge/badge.tsx +++ b/src/components/badge/badge.tsx @@ -8,6 +8,7 @@ export type BadgeProps = { content?: ReactNode; color?: MainColors; position?: 'top' | 'bottom'; + children: ReactNode; } & CommonProps; const Badge: ForwardRefRenderFunction = ( diff --git a/src/components/typography/typography.tsx b/src/components/typography/typography.tsx index 7f1c309..5023718 100644 --- a/src/components/typography/typography.tsx +++ b/src/components/typography/typography.tsx @@ -1,4 +1,4 @@ -import React, { ElementType, ForwardRefRenderFunction } from 'react'; +import React, { ElementType, ForwardRefRenderFunction, ReactNode } from 'react'; import { MainColors } from '../../config'; import StyledTypography from './typography.styled'; import CommonProps from '../../utils/commonProps'; @@ -19,6 +19,7 @@ export type TypographyProps = { | 'h6' | 'subtitle' | 'subtitle-bold'; + children: ReactNode; } & CommonProps; const Typography: ForwardRefRenderFunction = ( @@ -31,6 +32,7 @@ const Typography: ForwardRefRenderFunction = ( component, variant = 'p', style: styleProp, + children, ...restProps } = props; @@ -58,7 +60,9 @@ const Typography: ForwardRefRenderFunction = ( {...styles} {...restProps} style={styleProp} - /> + > + {children} + ); };