diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md new file mode 100644 index 0000000..dd84ea7 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -0,0 +1,38 @@ +--- +name: Bug report +about: Create a report to help us improve +title: '' +labels: '' +assignees: '' + +--- + +**Describe the bug** +A clear and concise description of what the bug is. + +**To Reproduce** +Steps to reproduce the behavior: +1. Go to '...' +2. Click on '....' +3. Scroll down to '....' +4. See error + +**Expected behavior** +A clear and concise description of what you expected to happen. + +**Screenshots** +If applicable, add screenshots to help explain your problem. + +**Desktop (please complete the following information):** + - OS: [e.g. iOS] + - Browser [e.g. chrome, safari] + - Version [e.g. 22] + +**Smartphone (please complete the following information):** + - Device: [e.g. iPhone6] + - OS: [e.g. iOS8.1] + - Browser [e.g. stock browser, safari] + - Version [e.g. 22] + +**Additional context** +Add any other context about the problem here. diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md new file mode 100644 index 0000000..bbcbbe7 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/feature_request.md @@ -0,0 +1,20 @@ +--- +name: Feature request +about: Suggest an idea for this project +title: '' +labels: '' +assignees: '' + +--- + +**Is your feature request related to a problem? Please describe.** +A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] + +**Describe the solution you'd like** +A clear and concise description of what you want to happen. + +**Describe alternatives you've considered** +A clear and concise description of any alternative solutions or features you've considered. + +**Additional context** +Add any other context or screenshots about the feature request here. diff --git a/lib/components/Avatar/styles.module.scss b/lib/components/Avatar/styles.module.scss index 58c9d0a..b41172f 100644 --- a/lib/components/Avatar/styles.module.scss +++ b/lib/components/Avatar/styles.module.scss @@ -84,7 +84,7 @@ } span { - font-family: font.$family-primary; + font-family: font.$family-secondary; font-weight: font.$weight-semibold; } } \ No newline at end of file diff --git a/lib/components/Button/styles.module.scss b/lib/components/Button/styles.module.scss index 2d5efb1..721d0ac 100644 --- a/lib/components/Button/styles.module.scss +++ b/lib/components/Button/styles.module.scss @@ -52,7 +52,7 @@ $disabled-opacity: 0.42; background-color: color.$primary-500; color: color.$white; - &:hover { + &:hover:not(:disabled) { background-color: color.$primary-700; } } @@ -62,7 +62,7 @@ $disabled-opacity: 0.42; color: color.$primary-500; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$primary-100; color: color.$primary-700; } @@ -73,7 +73,7 @@ $disabled-opacity: 0.42; border-color: transparent; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$primary-50; color: color.$primary-700; } @@ -85,7 +85,7 @@ $disabled-opacity: 0.42; background-color: color.$secondary-500; color: color.$white; - &:hover { + &:hover:not(:disabled) { background-color: color.$secondary-700; } } @@ -95,7 +95,7 @@ $disabled-opacity: 0.42; color: color.$secondary-500; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$secondary-100; color: color.$secondary-700 } @@ -106,7 +106,7 @@ $disabled-opacity: 0.42; border-color: transparent; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$secondary-50; color: color.$secondary-700; } @@ -118,7 +118,7 @@ $disabled-opacity: 0.42; background-color: color.$success-500; color: color.$white; - &:hover { + &:hover:not(:disabled) { background-color: color.$success-700; } } @@ -128,7 +128,7 @@ $disabled-opacity: 0.42; color: color.$success-500; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$success-100; color: color.$success-700; } @@ -139,7 +139,7 @@ $disabled-opacity: 0.42; border-color: transparent; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$success-50; color: color.$success-700; } @@ -151,7 +151,7 @@ $disabled-opacity: 0.42; background-color: color.$error-500; color: color.$white; - &:hover { + &:hover:not(:disabled) { background-color: color.$error-700; } } @@ -161,7 +161,7 @@ $disabled-opacity: 0.42; color: color.$error-500; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$error-100; color: color.$error-700; } @@ -172,7 +172,7 @@ $disabled-opacity: 0.42; border-color: transparent; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$error-50; color: color.$error-700; } @@ -184,7 +184,7 @@ $disabled-opacity: 0.42; background-color: color.$warning-400; color: color.$black; - &:hover { + &:hover:not(:disabled) { background-color: color.$warning-500; } } @@ -194,7 +194,7 @@ $disabled-opacity: 0.42; color: color.$warning-500; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$warning-50; color: color.$warning-700; } @@ -205,7 +205,7 @@ $disabled-opacity: 0.42; border-color: transparent; background: none; - &:hover { + &:hover:not(:disabled) { background-color: color.$warning-50; color: color.$warning-800; } diff --git a/lib/components/Input/index.tsx b/lib/components/Input/index.tsx deleted file mode 100644 index 24ae92b..0000000 --- a/lib/components/Input/index.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import { FC, InputHTMLAttributes } from "react"; - -// STYLES -import styles from './styles.module.scss' - -export const Input: FC> = (props: InputHTMLAttributes) => { - const { className, ...rest } = props - - return -} \ No newline at end of file diff --git a/lib/components/Input/styles.module.scss b/lib/components/Input/styles.module.scss deleted file mode 100644 index d86308b..0000000 --- a/lib/components/Input/styles.module.scss +++ /dev/null @@ -1,3 +0,0 @@ -.input { - padding: 1rem; -} \ No newline at end of file diff --git a/lib/components/TextField/index.tsx b/lib/components/TextField/index.tsx new file mode 100644 index 0000000..0ffc450 --- /dev/null +++ b/lib/components/TextField/index.tsx @@ -0,0 +1,60 @@ +import { FC } from 'react' + +// TYPES +import { TextFieldProps as Props } from './types' + +// STYLES +import styles from './styles.module.scss' +import classNames from 'classnames' + +const TextField: FC = ({ + block = false, + className, + variant = 'primary', + height = 'small', + label, + icon, + iconPosition = 'left', + hintMessage, + ...rest +}: Props) => { + + return ( +
+ {label && ( + + )} + +
+ {!icon && ( +
+ +
+ )} + + +
+ + {hintMessage && ( +

+ {hintMessage} +

+ )} +
+ ) +} + +export { TextField } \ No newline at end of file diff --git a/lib/components/TextField/styles.module.scss b/lib/components/TextField/styles.module.scss new file mode 100644 index 0000000..5dc9fc4 --- /dev/null +++ b/lib/components/TextField/styles.module.scss @@ -0,0 +1,179 @@ +@use '../../theme/helpers.scss' as *; +@use '../../theme/variables/color' as color; +@use '../../theme/variables/border' as border; +@use '../../theme/variables/spacing' as spacing; +@use '../../theme/variables/font' as font; + +.textFieldRoot { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 4px; + margin: 4px; + + .inputWrapper { + display: flex; + align-items: center; + gap: 8px; + border: 1px solid color.$dark-transparent-8; + border-radius: 4px; + padding: 0 12px; + + &.small { + height: 40px; + + .iconWrapper { + max-width: 24px; + max-height: 24px; + } + } + + &.medium { + height: 48px; + + .iconWrapper { + max-width: 32px; + max-height: 32px; + } + } + + &.large { + height: 56px; + + .iconWrapper { + max-width: 40px; + max-height: 40px; + } + } + + &.block { + width: 100%; + } + + &.leftIcon { + flex-direction: row; + } + + &.rightIcon { + flex-direction: row-reverse; + } + + input { + height: 100%; + width: 100%; + border: none; + background-color: transparent; + + font-family: font.$family-primary; + font-size: 16px; + line-height: 20px; + font-weight: 400; + font-style: normal; + + &::placeholder { + color: color.$dark-transparent-48 + } + + &:focus-visible { + outline: none; + } + } + } + + &.primary { + &:focus-within { + .label { + color: color.$primary-500; + } + + .inputWrapper { + border-color: transparent; + outline: 2px solid color.$primary-500 + } + } + } + + &.secondary { + &:focus-within { + .label { + color: color.$secondary-500; + } + + .inputWrapper { + border-color: transparent; + outline: 2px solid color.$secondary-500; + } + } + } + + &.error { + + .label, + .hint { + color: color.$error-500; + animation: shakingAnimation 360ms linear; + } + + .inputWrapper { + border: 1px solid color.$error-500; + + &:focus-within { + border-color: transparent; + outline: 2px solid color.$error-500; + } + } + } + + .label { + font-family: font.$family-primary; + font-size: 14px; + line-height: 18px; + font-style: normal; + font-weight: 400; + color: color.$dark-transparent-64; + } + + .hint { + font-family: font.$family-primary; + margin: 0 4px; + font-size: 12px; + line-height: 16px; + font-weight: 500; + color: color.$dark-transparent-48; + } + + .iconWrapper { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; + + svg { + width: 100%; + height: 100%; + } + } +} + +@keyframes shakingAnimation { + 0% { + transform: translateX(0); + } + + 25% { + transform: translateX(3px); + } + + 50% { + transform: translateX(-3px); + } + + 75% { + transform: translateX(3px); + } + + 100% { + transform: translateX(0); + } +} \ No newline at end of file diff --git a/lib/components/TextField/types.ts b/lib/components/TextField/types.ts new file mode 100644 index 0000000..d09ac82 --- /dev/null +++ b/lib/components/TextField/types.ts @@ -0,0 +1,13 @@ +import { InputHTMLAttributes } from 'react' + +type TextFieldOwnProps = InputHTMLAttributes + +export interface TextFieldProps extends TextFieldOwnProps { + variant?: 'primary' | 'secondary' | 'error' + height?: 'small' | 'medium' | 'large', + hintMessage?: string + label?: string + block?: boolean + icon?: JSX.Element + iconPosition?: 'left' | 'right' +} \ No newline at end of file diff --git a/lib/main.ts b/lib/main.ts index 0f21aa9..44c4293 100644 --- a/lib/main.ts +++ b/lib/main.ts @@ -2,4 +2,4 @@ import './theme/main.scss' export { Avatar } from './components/Avatar' export { Button } from './components/Button' -export { Input } from './components/Input' \ No newline at end of file +export { TextField } from './components/TextField' \ No newline at end of file diff --git a/lib/theme/helpers.scss b/lib/theme/helpers.scss index 0337ac9..519c241 100644 --- a/lib/theme/helpers.scss +++ b/lib/theme/helpers.scss @@ -2,4 +2,8 @@ $remValue: calc($value / 16) + rem; @return $remValue; +} + +@function convert-to-rgba($color, $opacity: 0.24) { + @return rgba($color, $opacity); } \ No newline at end of file diff --git a/lib/theme/main.scss b/lib/theme/main.scss index 5690be7..42b4fd5 100644 --- a/lib/theme/main.scss +++ b/lib/theme/main.scss @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@300;400;500;600;700&display=swap'); // body { // background-color: red; diff --git a/lib/theme/variables/_font.scss b/lib/theme/variables/_font.scss index 144742c..9866150 100644 --- a/lib/theme/variables/_font.scss +++ b/lib/theme/variables/_font.scss @@ -1,6 +1,6 @@ @use '../helpers.scss' as *; -$family-primary: 'Barlow', sans-serif; +$family-primary: 'Inter', sans-serif; $family-secondary: 'Archivo', sans-serif; $weight-light: 300; diff --git a/package-lock.json b/package-lock.json index 278fc35..3359c89 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "orion-kit", - "version": "1.0.0", + "version": "1.0.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "orion-kit", - "version": "1.0.0", + "version": "1.0.1", "dependencies": { "classnames": "^2.3.2" }, @@ -17,14 +17,14 @@ "@semantic-release/git": "^10.0.1", "@semantic-release/github": "^9.2.3", "@semantic-release/npm": "^11.0.1", - "@storybook/addon-a11y": "^7.5.3", - "@storybook/addon-essentials": "^7.5.3", - "@storybook/addon-interactions": "^7.5.3", - "@storybook/addon-links": "^7.5.3", - "@storybook/addon-onboarding": "^1.0.8", - "@storybook/blocks": "^7.5.3", - "@storybook/react": "^7.5.3", - "@storybook/react-vite": "^7.5.3", + "@storybook/addon-a11y": "^7.6.3", + "@storybook/addon-essentials": "^7.6.3", + "@storybook/addon-interactions": "^7.6.3", + "@storybook/addon-links": "^7.6.3", + "@storybook/addon-onboarding": "^1.0.9", + "@storybook/blocks": "^7.6.3", + "@storybook/react": "^7.6.3", + "@storybook/react-vite": "^7.6.3", "@storybook/testing-library": "^0.2.2", "@types/node": "^20.9.2", "@types/react": "^18.2.37", @@ -42,7 +42,7 @@ "react-dom": "^18.2.0", "sass": "^1.69.5", "semantic-release": "^22.0.8", - "storybook": "^7.5.3", + "storybook": "^7.6.3", "typescript": "^5.2.2", "vite": "^5.0.0", "vite-plugin-dts": "^3.6.3", @@ -172,9 +172,9 @@ } }, "node_modules/@babel/compat-data": { - "version": "7.23.3", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.3.tgz", - "integrity": "sha512-BmR4bWbDIoFJmJ9z2cZ8Gmm2MXgEDgjdWgpKmKWUt54UGFJdlj31ECtbaDvCG/qVdG3AQ1SfpZEs01lUFbzLOQ==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz", + "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==", "dev": true, "engines": { "node": ">=6.9.0" @@ -284,17 +284,17 @@ } }, "node_modules/@babel/helper-create-class-features-plugin": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz", - "integrity": "sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz", + "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-member-expression-to-functions": "^7.22.15", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-member-expression-to-functions": "^7.23.0", "@babel/helper-optimise-call-expression": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.9", + "@babel/helper-replace-supers": "^7.22.20", "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", "@babel/helper-split-export-declaration": "^7.22.6", "semver": "^6.3.1" @@ -544,9 +544,9 @@ } }, "node_modules/@babel/helper-validator-option": { - "version": "7.22.15", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz", - "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==", "dev": true, "engines": { "node": ">=6.9.0" @@ -1131,9 +1131,9 @@ } }, "node_modules/@babel/plugin-transform-classes": { - "version": "7.23.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.3.tgz", - "integrity": "sha512-FGEQmugvAEu2QtgtU0uTASXevfLMFfBeVCIIdcQhn/uBQsMTjBajdnAtanQlOcuihWh10PZ7+HWvc7NtBwP74w==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.5.tgz", + "integrity": "sha512-jvOTR4nicqYC9yzOHIhXG5emiFEOpappSJAl73SDSEDcybD+Puuze8Tnpb9p9qEyYup24tq891gkaygIFvWDqg==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", @@ -1773,13 +1773,13 @@ } }, "node_modules/@babel/plugin-transform-typescript": { - "version": "7.23.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.4.tgz", - "integrity": "sha512-39hCCOl+YUAyMOu6B9SmUTiHUU0t/CxJNUmY3qRdJujbqi+lrQcL11ysYUsAvFWPBdhihrv1z0oRG84Yr3dODQ==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.5.tgz", + "integrity": "sha512-2fMkXEJkrmwgu2Bsv1Saxgj30IXZdJ+84lQcKKI7sm719oXs0BBw2ZENKdJdR1PjWndgLCEBNXJOri0fk7RYQA==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-create-class-features-plugin": "^7.22.15", + "@babel/helper-create-class-features-plugin": "^7.23.5", "@babel/helper-plugin-utils": "^7.22.5", "@babel/plugin-syntax-typescript": "^7.23.3" }, @@ -1854,15 +1854,15 @@ } }, "node_modules/@babel/preset-env": { - "version": "7.23.3", - "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.3.tgz", - "integrity": "sha512-ovzGc2uuyNfNAs/jyjIGxS8arOHS5FENZaNn4rtE7UdKMMkqHCvboHfcuhWLZNX5cB44QfcGNWjaevxMzzMf+Q==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz", + "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==", "dev": true, "dependencies": { - "@babel/compat-data": "^7.23.3", + "@babel/compat-data": "^7.23.5", "@babel/helper-compilation-targets": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-validator-option": "^7.22.15", + "@babel/helper-validator-option": "^7.23.5", "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3", "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.23.3", "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.23.3", @@ -1886,25 +1886,25 @@ "@babel/plugin-syntax-top-level-await": "^7.14.5", "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", "@babel/plugin-transform-arrow-functions": "^7.23.3", - "@babel/plugin-transform-async-generator-functions": "^7.23.3", + "@babel/plugin-transform-async-generator-functions": "^7.23.4", "@babel/plugin-transform-async-to-generator": "^7.23.3", "@babel/plugin-transform-block-scoped-functions": "^7.23.3", - "@babel/plugin-transform-block-scoping": "^7.23.3", + "@babel/plugin-transform-block-scoping": "^7.23.4", "@babel/plugin-transform-class-properties": "^7.23.3", - "@babel/plugin-transform-class-static-block": "^7.23.3", - "@babel/plugin-transform-classes": "^7.23.3", + "@babel/plugin-transform-class-static-block": "^7.23.4", + "@babel/plugin-transform-classes": "^7.23.5", "@babel/plugin-transform-computed-properties": "^7.23.3", "@babel/plugin-transform-destructuring": "^7.23.3", "@babel/plugin-transform-dotall-regex": "^7.23.3", "@babel/plugin-transform-duplicate-keys": "^7.23.3", - "@babel/plugin-transform-dynamic-import": "^7.23.3", + "@babel/plugin-transform-dynamic-import": "^7.23.4", "@babel/plugin-transform-exponentiation-operator": "^7.23.3", - "@babel/plugin-transform-export-namespace-from": "^7.23.3", + "@babel/plugin-transform-export-namespace-from": "^7.23.4", "@babel/plugin-transform-for-of": "^7.23.3", "@babel/plugin-transform-function-name": "^7.23.3", - "@babel/plugin-transform-json-strings": "^7.23.3", + "@babel/plugin-transform-json-strings": "^7.23.4", "@babel/plugin-transform-literals": "^7.23.3", - "@babel/plugin-transform-logical-assignment-operators": "^7.23.3", + "@babel/plugin-transform-logical-assignment-operators": "^7.23.4", "@babel/plugin-transform-member-expression-literals": "^7.23.3", "@babel/plugin-transform-modules-amd": "^7.23.3", "@babel/plugin-transform-modules-commonjs": "^7.23.3", @@ -1912,15 +1912,15 @@ "@babel/plugin-transform-modules-umd": "^7.23.3", "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5", "@babel/plugin-transform-new-target": "^7.23.3", - "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.3", - "@babel/plugin-transform-numeric-separator": "^7.23.3", - "@babel/plugin-transform-object-rest-spread": "^7.23.3", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4", + "@babel/plugin-transform-numeric-separator": "^7.23.4", + "@babel/plugin-transform-object-rest-spread": "^7.23.4", "@babel/plugin-transform-object-super": "^7.23.3", - "@babel/plugin-transform-optional-catch-binding": "^7.23.3", - "@babel/plugin-transform-optional-chaining": "^7.23.3", + "@babel/plugin-transform-optional-catch-binding": "^7.23.4", + "@babel/plugin-transform-optional-chaining": "^7.23.4", "@babel/plugin-transform-parameters": "^7.23.3", "@babel/plugin-transform-private-methods": "^7.23.3", - "@babel/plugin-transform-private-property-in-object": "^7.23.3", + "@babel/plugin-transform-private-property-in-object": "^7.23.4", "@babel/plugin-transform-property-literals": "^7.23.3", "@babel/plugin-transform-regenerator": "^7.23.3", "@babel/plugin-transform-reserved-words": "^7.23.3", @@ -2988,9 +2988,9 @@ "dev": true }, "node_modules/@floating-ui/core": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.0.tgz", - "integrity": "sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==", + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.1.tgz", + "integrity": "sha512-QgcKYwzcc8vvZ4n/5uklchy8KVdjJwcOeI+HnnTNclJjs2nYsy23DOCf+sSV1kBwD9yDAoVKCkv/gEPzgQU3Pw==", "dev": true, "dependencies": { "@floating-ui/utils": "^0.1.3" @@ -5130,12 +5130,12 @@ } }, "node_modules/@storybook/addon-a11y": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.6.0.tgz", - "integrity": "sha512-jJbrcqVt6/qn7vbV0tPsd3m8W9eheafBGz2lix5I68ZoaEZNqhlrr3r1pKqlqRkAyisAUI+ctrZsqhqid88VPQ==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-7.6.3.tgz", + "integrity": "sha512-z/vaDkZgbLLqrLz2C1qr3lav5xuZDbBggtNdvnM1TFKqiaQu8MPC0oEe6QSFf2phREf7cB2Qa5LsW7ak16RddQ==", "dev": true, "dependencies": { - "@storybook/addon-highlight": "7.6.0", + "@storybook/addon-highlight": "7.6.3", "axe-core": "^4.2.0" }, "funding": { @@ -5144,12 +5144,12 @@ } }, "node_modules/@storybook/addon-actions": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.0.tgz", - "integrity": "sha512-yc4d/6j0XaTQPkEMkT0JxWPjRwZUg0oC929/vpouYhaC60Ch/b3PnzUFkSQ2BqgeUUH0c9wfzs/9np6USRXpBQ==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.3.tgz", + "integrity": "sha512-f4HXteYE8IJXztAK+ab5heSjXWNWvyIAU63T3Fqe3zmqONwCerUKY54Op+RkAZc/R6aALTxvGRKAH2ff8g2vjQ==", "dev": true, "dependencies": { - "@storybook/core-events": "7.6.0", + "@storybook/core-events": "7.6.3", "@storybook/global": "^5.0.0", "@types/uuid": "^9.0.1", "dequal": "^2.0.2", @@ -5162,9 +5162,9 @@ } }, "node_modules/@storybook/addon-backgrounds": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.0.tgz", - "integrity": "sha512-8BMwVXiazDQlqYS8Snzowzn6MbcsigaUxhWzWoCkLUmyOvciywvOjQD9241wbEdLc/rdFZAPRGoQLZfn/1BV9g==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.3.tgz", + "integrity": "sha512-ZZFNf8FBYBsuXvXdVk3sBgxJTn6s0HznuEE9OmAA7tMsLEDlUiWS9LEvjX2jX5K0kWivHTkJDTXV0NcLL1vWAg==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0", @@ -5177,12 +5177,12 @@ } }, "node_modules/@storybook/addon-controls": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.0.tgz", - "integrity": "sha512-x6OszUmbi+xO4TlFAmw7nFq3IEzM10yPtAMC+RZ8jfSnlfevtZvT/KYb6WySo0H3b7b6GIxLwzbHceZrkHYPHg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.3.tgz", + "integrity": "sha512-xsM3z+CY1YOPqrcCldQLoon947fbd/o3gSO7hM3NwKiw/2WikExPO3VM4R2oi4W4PvnhkSOIO+ZDRuSs1yFmOg==", "dev": true, "dependencies": { - "@storybook/blocks": "7.6.0", + "@storybook/blocks": "7.6.3", "lodash": "^4.17.21", "ts-dedent": "^2.0.0" }, @@ -5192,26 +5192,26 @@ } }, "node_modules/@storybook/addon-docs": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.0.tgz", - "integrity": "sha512-gvBMqERBilXEQaDFbsmUZSVSRjBJUSmHaGRYLMb72PnK1pfoRSxvi0TrIqbOScTQLUukKN42OwA83xLS+2eubg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.3.tgz", + "integrity": "sha512-2Ts+3EFg9ehkQdbjBWnCH1SE0BdyCLN6hO2N030tGxi0Vko9t9O7NLj5qdBwxLcEzb/XzL4zWukzfU17pktQwA==", "dev": true, "dependencies": { "@jest/transform": "^29.3.1", "@mdx-js/react": "^2.1.5", - "@storybook/blocks": "7.6.0", - "@storybook/client-logger": "7.6.0", - "@storybook/components": "7.6.0", - "@storybook/csf-plugin": "7.6.0", - "@storybook/csf-tools": "7.6.0", + "@storybook/blocks": "7.6.3", + "@storybook/client-logger": "7.6.3", + "@storybook/components": "7.6.3", + "@storybook/csf-plugin": "7.6.3", + "@storybook/csf-tools": "7.6.3", "@storybook/global": "^5.0.0", "@storybook/mdx2-csf": "^1.0.0", - "@storybook/node-logger": "7.6.0", - "@storybook/postinstall": "7.6.0", - "@storybook/preview-api": "7.6.0", - "@storybook/react-dom-shim": "7.6.0", - "@storybook/theming": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/node-logger": "7.6.3", + "@storybook/postinstall": "7.6.3", + "@storybook/preview-api": "7.6.3", + "@storybook/react-dom-shim": "7.6.3", + "@storybook/theming": "7.6.3", + "@storybook/types": "7.6.3", "fs-extra": "^11.1.0", "remark-external-links": "^8.0.0", "remark-slug": "^6.0.0", @@ -5227,24 +5227,24 @@ } }, "node_modules/@storybook/addon-essentials": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.0.tgz", - "integrity": "sha512-cLmLradZqGxh3xavAhPTmJYUdV66NZsEyAZKdc2Fjo9sVWbWstODe/IC1xhD1dRgxEMCTlBpmUENqeCbbnkpqA==", - "dev": true, - "dependencies": { - "@storybook/addon-actions": "7.6.0", - "@storybook/addon-backgrounds": "7.6.0", - "@storybook/addon-controls": "7.6.0", - "@storybook/addon-docs": "7.6.0", - "@storybook/addon-highlight": "7.6.0", - "@storybook/addon-measure": "7.6.0", - "@storybook/addon-outline": "7.6.0", - "@storybook/addon-toolbars": "7.6.0", - "@storybook/addon-viewport": "7.6.0", - "@storybook/core-common": "7.6.0", - "@storybook/manager-api": "7.6.0", - "@storybook/node-logger": "7.6.0", - "@storybook/preview-api": "7.6.0", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.3.tgz", + "integrity": "sha512-bpbt5O0wcB83VLZg8QMXut+8g+7EF4iuevpwiynN9mbpQFvG49c6SE6T2eFJKTvVb4zszyfcNA0Opne2G83wZw==", + "dev": true, + "dependencies": { + "@storybook/addon-actions": "7.6.3", + "@storybook/addon-backgrounds": "7.6.3", + "@storybook/addon-controls": "7.6.3", + "@storybook/addon-docs": "7.6.3", + "@storybook/addon-highlight": "7.6.3", + "@storybook/addon-measure": "7.6.3", + "@storybook/addon-outline": "7.6.3", + "@storybook/addon-toolbars": "7.6.3", + "@storybook/addon-viewport": "7.6.3", + "@storybook/core-common": "7.6.3", + "@storybook/manager-api": "7.6.3", + "@storybook/node-logger": "7.6.3", + "@storybook/preview-api": "7.6.3", "ts-dedent": "^2.0.0" }, "funding": { @@ -5257,9 +5257,9 @@ } }, "node_modules/@storybook/addon-highlight": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.0.tgz", - "integrity": "sha512-9Ho4L47k9e36kIgNa0RA9ZXzn7AWmq/sXBMRK7PcgrMiKvYdRQMU0AMHDvICg2vI8IkMVXTEaT/CQPefG3XT0Q==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.3.tgz", + "integrity": "sha512-Z9AJ05XCTzFZPAxQSkQf9/Hazf5/QQI0jYSsvKqt7Vk+03q5727oD9KcIY5IHPYqQqN9fHExQh1eyqY8AnS8mg==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0" @@ -5270,13 +5270,13 @@ } }, "node_modules/@storybook/addon-interactions": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.6.0.tgz", - "integrity": "sha512-+u1+FFn8asqJ96qe8AHWhpazYGu60vsl6QFkS1AWcvcNHaevjcSyBkPoVJEywnnixd5H3rpKo6EkXLsUvdr3JQ==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.6.3.tgz", + "integrity": "sha512-Gm2UJvQC8xs9KIbVZQegTLT3VBsEZIRsXy3htNqWjSdoJZK5M4/YJ3jB247CA/Jc+Mkj7d5SlJe+bCGEzjKTbw==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0", - "@storybook/types": "7.6.0", + "@storybook/types": "7.6.3", "jest-mock": "^27.0.6", "polished": "^4.2.2", "ts-dedent": "^2.2.0" @@ -5287,9 +5287,9 @@ } }, "node_modules/@storybook/addon-links": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.6.0.tgz", - "integrity": "sha512-Qfq6U7EuxlXUFSbWVH8XRzQWva+CNtNgqjwO2hGsbhCisX5cb8vjl1mQF9DH00Lc021UcUjDPXiCCEEhj6Mpvg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.6.3.tgz", + "integrity": "sha512-dUIf6Y0nckxZfVQvQSqcthaycRxy69dCJLo3aORrOPL8NvGz3v1bK0AUded5wv8vnOVxfSx/Zqu7MyFr9xyjOA==", "dev": true, "dependencies": { "@storybook/csf": "^0.1.2", @@ -5310,9 +5310,9 @@ } }, "node_modules/@storybook/addon-measure": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.0.tgz", - "integrity": "sha512-CtGZ45LUvylvM7z53TbUdJ8qx5QRgWXAA1Lk/+yBlIYgXQhvMzSupxmhjRyZZdj1rMj8S5NYuIg43nsQYijnsQ==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.3.tgz", + "integrity": "sha512-DqxADof04ktA5GSA8XnckYGdVYyC4oN8vfKSGcPzpcKrJ2uVr0BXbcyJAEcJAshEJimmpA6nH5TxabXDFBZgPQ==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0", @@ -5324,12 +5324,12 @@ } }, "node_modules/@storybook/addon-onboarding": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/@storybook/addon-onboarding/-/addon-onboarding-1.0.8.tgz", - "integrity": "sha512-3WwCocUuTibHWO89uzAbeONEn6x9NkmxA0mOU4rYPhEsMQ4NDNDD1GXcievZmpwt5VviFgw5FRx8+BxPn54YmQ==", + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@storybook/addon-onboarding/-/addon-onboarding-1.0.9.tgz", + "integrity": "sha512-HlHm05Py18XOf4g7abiWkvb2WteoHcRNk1PY3Wtsmjuu5aAAjBmp4mVEg59xEeA2HAMICZ2fb72NIpFlBvDN+g==", "dev": true, "dependencies": { - "@storybook/telemetry": "^7.1.0-alpha.32", + "@storybook/telemetry": "^7.1.0", "react-confetti": "^6.1.0" }, "peerDependencies": { @@ -5338,9 +5338,9 @@ } }, "node_modules/@storybook/addon-outline": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.0.tgz", - "integrity": "sha512-W5KcuxM2w9VugZmU8nCwRa1FZdLj+sMcLZG4R1JcplY4SkWXrVtqMRJE0TNvyUEPUJpqcUwZWvL31fOZHQaOwg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.3.tgz", + "integrity": "sha512-M7d2tcqBBl+mPBUS6Nrwis50QYSCcmT/uKamud7CnlIWsMH/5GZFfAzGSLY5ETfiGsSFYssOwrXLOV4y0enu2g==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0", @@ -5352,9 +5352,9 @@ } }, "node_modules/@storybook/addon-toolbars": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.0.tgz", - "integrity": "sha512-IZ6LGqu4QYsXSKof8KO0bL9+UR4KXho4z/+o0OYBwQRnO1KBQh73yRoeRxZPsJWE0Ms5zZnAMEA6iSZ+Zyvs5g==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.3.tgz", + "integrity": "sha512-8GpwOt0J5yLrJhTr9/h0a/LTDjt49FhdvdxiVWLlLMrjIXSIc7j193ZgoHfnlwVhJS5zojcjB+HmRw/E+AneoA==", "dev": true, "funding": { "type": "opencollective", @@ -5362,9 +5362,9 @@ } }, "node_modules/@storybook/addon-viewport": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.0.tgz", - "integrity": "sha512-1NGgoEnDYLWw0HuRTTrIHCj8I0Xtc76PgPtArj92HQu+ENu4Hy0Y8MypZ+ZmAFddykaInwmZeQo2CD0GXU9qUQ==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.3.tgz", + "integrity": "sha512-I9FQxHi4W7RUyZut4NziYa+nkBCpD1k2YpEDE5IwSC3lqQpDzFZN89eNWQtZ38tIU4c90jL3L1k69IHvANGHsA==", "dev": true, "dependencies": { "memoizerific": "^1.11.3" @@ -5375,22 +5375,22 @@ } }, "node_modules/@storybook/blocks": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.0.tgz", - "integrity": "sha512-S5g0h9dJevngPXnsFAjxQryOU/rQuA4cet40hIH0qRKesFwaXDFrsYHMZfxg6uGKygpeGbIEBoXckL8DT3SofA==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.3.tgz", + "integrity": "sha512-EyjyNNCZMcV9UnBSujwduiq+F1VLVX/f16fTTPqqZOHigyfrG5LoEYC6dwOC4yO/xfWY+h3qJ51yiugMxVl0Vg==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.0", - "@storybook/client-logger": "7.6.0", - "@storybook/components": "7.6.0", - "@storybook/core-events": "7.6.0", + "@storybook/channels": "7.6.3", + "@storybook/client-logger": "7.6.3", + "@storybook/components": "7.6.3", + "@storybook/core-events": "7.6.3", "@storybook/csf": "^0.1.2", - "@storybook/docs-tools": "7.6.0", + "@storybook/docs-tools": "7.6.3", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.6.0", - "@storybook/preview-api": "7.6.0", - "@storybook/theming": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/manager-api": "7.6.3", + "@storybook/preview-api": "7.6.3", + "@storybook/theming": "7.6.3", + "@storybook/types": "7.6.3", "@types/lodash": "^4.14.167", "color-convert": "^2.0.1", "dequal": "^2.0.2", @@ -5414,15 +5414,15 @@ } }, "node_modules/@storybook/builder-manager": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.0.tgz", - "integrity": "sha512-xbyc1aMdvJrmN6mk7GW1mv/+gGxDfk3Rrv6tZph5nAWUojibEEqVHv5k6IXq5yyTzwRU+IpCf8gzCUSEvORt7w==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.3.tgz", + "integrity": "sha512-eLMjRudhiRsg7kgbmPcCkuVf2ut753fbiVR7REtqIYwq5vu8UeNOzt1vA6HgfsUj77/7+1zG8/zeyBv/5nY5mw==", "dev": true, "dependencies": { "@fal-works/esbuild-plugin-global-externals": "^2.1.2", - "@storybook/core-common": "7.6.0", - "@storybook/manager": "7.6.0", - "@storybook/node-logger": "7.6.0", + "@storybook/core-common": "7.6.3", + "@storybook/manager": "7.6.3", + "@storybook/node-logger": "7.6.3", "@types/ejs": "^3.1.1", "@types/find-cache-dir": "^3.2.1", "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10", @@ -5442,19 +5442,19 @@ } }, "node_modules/@storybook/builder-vite": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-7.6.0.tgz", - "integrity": "sha512-gYJbQxquk/REN0Gg3okC56gFsrWHvnNtvc5Dbs+WRN8Zm2hUr7Gyrp3BQGgqvbinLFy2oK4Hq+Z18UAptG4LGw==", - "dev": true, - "dependencies": { - "@storybook/channels": "7.6.0", - "@storybook/client-logger": "7.6.0", - "@storybook/core-common": "7.6.0", - "@storybook/csf-plugin": "7.6.0", - "@storybook/node-logger": "7.6.0", - "@storybook/preview": "7.6.0", - "@storybook/preview-api": "7.6.0", - "@storybook/types": "7.6.0", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-7.6.3.tgz", + "integrity": "sha512-r/G/6wdwgbhMiMZ8Z+Js8VLjIo7a0DG5SxJorTHSWNi0+jyM+3Qlg3Xj96I8yL4gfTIKWVScHqHprhjRb2E64g==", + "dev": true, + "dependencies": { + "@storybook/channels": "7.6.3", + "@storybook/client-logger": "7.6.3", + "@storybook/core-common": "7.6.3", + "@storybook/csf-plugin": "7.6.3", + "@storybook/node-logger": "7.6.3", + "@storybook/preview": "7.6.3", + "@storybook/preview-api": "7.6.3", + "@storybook/types": "7.6.3", "@types/find-cache-dir": "^3.2.1", "browser-assert": "^1.2.1", "es-module-lexer": "^0.9.3", @@ -5487,13 +5487,13 @@ } }, "node_modules/@storybook/channels": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.0.tgz", - "integrity": "sha512-Zobr57AkPIE+cdQMrIC9FdgQZDJt8XmpCR+QCxzhrhz6zJLVbIDjf866vKmy3EGSzGrlajfAg/G1PK4v7FdAcw==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.3.tgz", + "integrity": "sha512-o9J0TBbFon16tUlU5V6kJgzAlsloJcS1cTHWqh3VWczohbRm+X1PLNUihJ7Q8kBWXAuuJkgBu7RQH7Ib46WyYg==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.0", - "@storybook/core-events": "7.6.0", + "@storybook/client-logger": "7.6.3", + "@storybook/core-events": "7.6.3", "@storybook/global": "^5.0.0", "qs": "^6.10.0", "telejson": "^7.2.0", @@ -5505,23 +5505,23 @@ } }, "node_modules/@storybook/cli": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.0.tgz", - "integrity": "sha512-bpkJDBrpdrwn4D0XlqpPHuKBplpTirAC6hAvYLE1yVXFYKcZjF/Xavd6uaSZ5IK8G8E6BWJ2cgNFHM/FtF510w==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.3.tgz", + "integrity": "sha512-OuYnzZlAtpGm4rDgI4ZWkNbAkddutlJh6KmoU9oQAlZP0zmETyJN8REUWjj5T9Z1AS2iXjCMGlFVd4TC8nKocw==", "dev": true, "dependencies": { "@babel/core": "^7.23.2", "@babel/preset-env": "^7.23.2", "@babel/types": "^7.23.0", "@ndelangen/get-tarball": "^3.0.7", - "@storybook/codemod": "7.6.0", - "@storybook/core-common": "7.6.0", - "@storybook/core-events": "7.6.0", - "@storybook/core-server": "7.6.0", - "@storybook/csf-tools": "7.6.0", - "@storybook/node-logger": "7.6.0", - "@storybook/telemetry": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/codemod": "7.6.3", + "@storybook/core-common": "7.6.3", + "@storybook/core-events": "7.6.3", + "@storybook/core-server": "7.6.3", + "@storybook/csf-tools": "7.6.3", + "@storybook/node-logger": "7.6.3", + "@storybook/telemetry": "7.6.3", + "@storybook/types": "7.6.3", "@types/semver": "^7.3.4", "@yarnpkg/fslib": "2.10.3", "@yarnpkg/libzip": "2.3.0", @@ -5643,9 +5643,9 @@ } }, "node_modules/@storybook/client-logger": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.0.tgz", - "integrity": "sha512-18XPPEWYHmmUav7i+PjZGwtImshNtay0xO2vh2DmQtzoCh2Lx/NVldqv9Li1eHCI88+4y7fyutmC5OIi0YASbg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.3.tgz", + "integrity": "sha512-BpsCnefrBFdxD6ukMjAblm1D6zB4U5HR1I85VWw6LOqZrfzA6l/1uBxItz0XG96HTjngbvAabWf5k7ZFCx5UCg==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0" @@ -5656,18 +5656,18 @@ } }, "node_modules/@storybook/codemod": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.0.tgz", - "integrity": "sha512-86/7AH5qg5uOE5e4ymnXjykfzA29eSFRQnTYJN0pbI/xlnFnPnh1mLQtinV03S2DtdcZKAm04UntfNgSFrSJNA==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.3.tgz", + "integrity": "sha512-A1i8+WQfNg3frVcwSyu8E/cDkCu88Sw7JiGNnq9iW2e2oWMr2awpCDgXp8WfTK+HiDb2X1Pq5y/GmUlh3qr77Q==", "dev": true, "dependencies": { "@babel/core": "^7.23.2", "@babel/preset-env": "^7.23.2", "@babel/types": "^7.23.0", "@storybook/csf": "^0.1.2", - "@storybook/csf-tools": "7.6.0", - "@storybook/node-logger": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/csf-tools": "7.6.3", + "@storybook/node-logger": "7.6.3", + "@storybook/types": "7.6.3", "@types/cross-spawn": "^6.0.2", "cross-spawn": "^7.0.3", "globby": "^11.0.2", @@ -5702,18 +5702,18 @@ } }, "node_modules/@storybook/components": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.0.tgz", - "integrity": "sha512-yV2krJOGYHldThfFShl5jC5EySUYVOWnhomwwT2b0J5e7odp04TCBycKmLxZhYmaFawnf5BNbDaIXvxcnY518A==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.3.tgz", + "integrity": "sha512-UNV0WoUo+W0huOLvoEMuqRN/VB4p0CNswrXN1mi/oGWvAFJ8idu63lSuV4uQ/LKxAZ6v3Kpdd+oK/o+OeOoL6w==", "dev": true, "dependencies": { "@radix-ui/react-select": "^1.2.2", "@radix-ui/react-toolbar": "^1.0.4", - "@storybook/client-logger": "7.6.0", + "@storybook/client-logger": "7.6.3", "@storybook/csf": "^0.1.2", "@storybook/global": "^5.0.0", - "@storybook/theming": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/theming": "7.6.3", + "@storybook/types": "7.6.3", "memoizerific": "^1.11.3", "use-resize-observer": "^9.1.0", "util-deprecate": "^1.0.2" @@ -5728,13 +5728,13 @@ } }, "node_modules/@storybook/core-client": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.0.tgz", - "integrity": "sha512-zc2v1WoyN64okcVWfZb1/fWasaZX3mdFVigqavUOIeXsxWFcywU5bcr0bWCCwwk19xKaNzJ2FvWVqXrkOUq22w==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.3.tgz", + "integrity": "sha512-RM0Svlajddl8PP4Vq7LK8T22sFefNcTDgo82iRPZzGz0oH8LT0oXGFanj2Nkn0jruOBFClkiJ7EcwrbGJZHELg==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.0", - "@storybook/preview-api": "7.6.0" + "@storybook/client-logger": "7.6.3", + "@storybook/preview-api": "7.6.3" }, "funding": { "type": "opencollective", @@ -5742,14 +5742,14 @@ } }, "node_modules/@storybook/core-common": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.0.tgz", - "integrity": "sha512-Le11+Pcbi2D+i63utkhjHEAUIVO65CNiZiDFa/ZJI5aSajy209ece2eX0Z12wPecfYu5TXlqhqaeXAVBABAUow==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.3.tgz", + "integrity": "sha512-/ZE4BEyGwBHCQCOo681GyBKF4IqCiwVV/ZJCHTMTHFCPLJT2r+Qwv4tnI7xt1kwflOlbBlG6B6CvAqTjjVw/Ew==", "dev": true, "dependencies": { - "@storybook/core-events": "7.6.0", - "@storybook/node-logger": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/core-events": "7.6.3", + "@storybook/node-logger": "7.6.3", + "@storybook/types": "7.6.3", "@types/find-cache-dir": "^3.2.1", "@types/node": "^18.0.0", "@types/node-fetch": "^2.6.4", @@ -5777,18 +5777,18 @@ } }, "node_modules/@storybook/core-common/node_modules/@types/node": { - "version": "18.18.13", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.13.tgz", - "integrity": "sha512-vXYZGRrSCreZmq1rEjMRLXJhiy8MrIeVasx+PCVlP414N7CJLHnMf+juVvjdprHyH+XRy3zKZLHeNueOpJCn0g==", + "version": "18.19.2", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.2.tgz", + "integrity": "sha512-6wzfBdbWpe8QykUkXBjtmO3zITA0A3FIjoy+in0Y2K4KrCiRhNYJIdwAPDffZ3G6GnaKaSLSEa9ZuORLfEoiwg==", "dev": true, "dependencies": { "undici-types": "~5.26.4" } }, "node_modules/@storybook/core-events": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.0.tgz", - "integrity": "sha512-13d4YOcXPu0j5PDjqE2iy+mG68w2TLit408cF/ZbJ8d6V4QwuUiz6mUt34vTuTc3yB93q5moYXYo6a/AhrsPnQ==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.3.tgz", + "integrity": "sha512-Vu3JX1mjtR8AX84lyqWsi2s2lhD997jKRWVznI3wx+UpTk8t7TTMLFk2rGYJRjaornhrqwvLYpnmtxRSxW9BOQ==", "dev": true, "dependencies": { "ts-dedent": "^2.0.0" @@ -5799,26 +5799,26 @@ } }, "node_modules/@storybook/core-server": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.0.tgz", - "integrity": "sha512-9DmUDcMKbeZDaTENjRoV3cFvqLOKq64RNIh/eDffeRyzaj8PvY4E7MOd7XXx6pTSO7CmSpgcaZ4OYbmvu2xI/A==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.3.tgz", + "integrity": "sha512-IsM24MmiFmtZeyqoijiExpIPkJNBaWQg9ttkkHS6iYwf3yFNBpYVbvuX2OpT7FDdiF3uTl0R8IvfnJR58tHD7w==", "dev": true, "dependencies": { "@aw-web-design/x-default-browser": "1.4.126", "@discoveryjs/json-ext": "^0.5.3", - "@storybook/builder-manager": "7.6.0", - "@storybook/channels": "7.6.0", - "@storybook/core-common": "7.6.0", - "@storybook/core-events": "7.6.0", + "@storybook/builder-manager": "7.6.3", + "@storybook/channels": "7.6.3", + "@storybook/core-common": "7.6.3", + "@storybook/core-events": "7.6.3", "@storybook/csf": "^0.1.2", - "@storybook/csf-tools": "7.6.0", + "@storybook/csf-tools": "7.6.3", "@storybook/docs-mdx": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/manager": "7.6.0", - "@storybook/node-logger": "7.6.0", - "@storybook/preview-api": "7.6.0", - "@storybook/telemetry": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/manager": "7.6.3", + "@storybook/node-logger": "7.6.3", + "@storybook/preview-api": "7.6.3", + "@storybook/telemetry": "7.6.3", + "@storybook/types": "7.6.3", "@types/detect-port": "^1.3.0", "@types/node": "^18.0.0", "@types/pretty-hrtime": "^1.0.0", @@ -5852,9 +5852,9 @@ } }, "node_modules/@storybook/core-server/node_modules/@types/node": { - "version": "18.18.13", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.13.tgz", - "integrity": "sha512-vXYZGRrSCreZmq1rEjMRLXJhiy8MrIeVasx+PCVlP414N7CJLHnMf+juVvjdprHyH+XRy3zKZLHeNueOpJCn0g==", + "version": "18.19.2", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.2.tgz", + "integrity": "sha512-6wzfBdbWpe8QykUkXBjtmO3zITA0A3FIjoy+in0Y2K4KrCiRhNYJIdwAPDffZ3G6GnaKaSLSEa9ZuORLfEoiwg==", "dev": true, "dependencies": { "undici-types": "~5.26.4" @@ -5890,12 +5890,12 @@ } }, "node_modules/@storybook/csf-plugin": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.0.tgz", - "integrity": "sha512-d/rcRcNad+tLGXV3GQiQdFJOBS4fj90fqa4joJIekgVh+LfRBS+KYuiPeukBxfnmz2AbhF9ezwXQMFIYYyHmzg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.3.tgz", + "integrity": "sha512-8bMYPsWw2tv+fqZ5H436l4x1KLSB6gIcm6snsjyF916yCHG6WcWm+EI6+wNUoySEtrQY2AiwFJqE37wI5OUJFg==", "dev": true, "dependencies": { - "@storybook/csf-tools": "7.6.0", + "@storybook/csf-tools": "7.6.3", "unplugin": "^1.3.1" }, "funding": { @@ -5904,9 +5904,9 @@ } }, "node_modules/@storybook/csf-tools": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.0.tgz", - "integrity": "sha512-JhGJeLgnE96JfBBXM1DIPVR/JLQH2OTGH+yZ3ohiTPGWjf+aShB3jKUxTkBl7Fjq0xu57tnky7kNUO690vYypg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.3.tgz", + "integrity": "sha512-Zi3pg2pg88/mvBKewkfWhFUR1J4uYpHI5fSjOE+J/FeZObX/DIE7r+wJxZ0UBGyrk0Wy7Jajlb2uSP56Y0i19w==", "dev": true, "dependencies": { "@babel/generator": "^7.23.0", @@ -5914,7 +5914,7 @@ "@babel/traverse": "^7.23.2", "@babel/types": "^7.23.0", "@storybook/csf": "^0.1.2", - "@storybook/types": "7.6.0", + "@storybook/types": "7.6.3", "fs-extra": "^11.1.0", "recast": "^0.23.1", "ts-dedent": "^2.0.0" @@ -5931,14 +5931,14 @@ "dev": true }, "node_modules/@storybook/docs-tools": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.0.tgz", - "integrity": "sha512-06M/Vo3AwOdr4VP1LbvnSih8eWT5zO6Mkm3ZZikMQVn+eDr5YJ9PzUeI2/SAymgCs4jH9qRf4lmKTPMl4bjGsQ==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.3.tgz", + "integrity": "sha512-6MtirRCQIkBeQ3bksPignZgUuFmjWqcFleTEN6vrNEfbCzMlMvuBGfm9tl4sS3n8ATWmKGj87DcJepPOT3FB4A==", "dev": true, "dependencies": { - "@storybook/core-common": "7.6.0", - "@storybook/preview-api": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/core-common": "7.6.3", + "@storybook/preview-api": "7.6.3", + "@storybook/types": "7.6.3", "@types/doctrine": "^0.0.3", "assert": "^2.1.0", "doctrine": "^3.0.0", @@ -5956,9 +5956,9 @@ "dev": true }, "node_modules/@storybook/manager": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.0.tgz", - "integrity": "sha512-HJ1DCCf3GT+irAFCZg9WsPcGwSZlDyQiJHsaqxFVzuoPnz2lx10eHkXTnKa3t8x6hJeWK9BFHVyOXEFUV78ryg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.3.tgz", + "integrity": "sha512-6eMaogHANCSVV2zLPt4Q7fp8RT+AdlOe6IR0583AuqpepcFzj33iGNYABk2rmXAlkD0WzoLcC4H5mouU0fduLA==", "dev": true, "funding": { "type": "opencollective", @@ -5966,19 +5966,19 @@ } }, "node_modules/@storybook/manager-api": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.0.tgz", - "integrity": "sha512-P2ISRw8cmIDPrsMwDTOZvFOH6P9GN6O9wC2cSrfMWYE/aaXHWf/7f5gk5pX/zILHuLQeVnDBguS/zXmMDxJj7g==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.3.tgz", + "integrity": "sha512-soDH7GZuukkhYRGzlw4jhCm5EzjfkuIAtb37/DFplqxuVbvlyJEVzkMUM2KQO7kq0/8GlWPiZ5mn56wagYyhKQ==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.0", - "@storybook/client-logger": "7.6.0", - "@storybook/core-events": "7.6.0", + "@storybook/channels": "7.6.3", + "@storybook/client-logger": "7.6.3", + "@storybook/core-events": "7.6.3", "@storybook/csf": "^0.1.2", "@storybook/global": "^5.0.0", - "@storybook/router": "7.6.0", - "@storybook/theming": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/router": "7.6.3", + "@storybook/theming": "7.6.3", + "@storybook/types": "7.6.3", "dequal": "^2.0.2", "lodash": "^4.17.21", "memoizerific": "^1.11.3", @@ -5999,9 +5999,9 @@ "dev": true }, "node_modules/@storybook/node-logger": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.0.tgz", - "integrity": "sha512-Z+wVmjnTMhMG2ydL4T8F+gf/awvuAv3IAzH6T4D5UgjmdABqxVqWNAAF+Mgp48TUAGxiJCowzI6sGDg3iNJx2w==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.3.tgz", + "integrity": "sha512-7yL0CMHuh1DhpUAoKCU0a53DvxBpkUom9SX5RaC1G2A9BK/B3XcHtDPAC0uyUwNCKLJMZo9QtmJspvxWjR0LtA==", "dev": true, "funding": { "type": "opencollective", @@ -6009,9 +6009,9 @@ } }, "node_modules/@storybook/postinstall": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.0.tgz", - "integrity": "sha512-saxxLh6dXpNYA1WQ5KnOfMsJ1U+WtxBLSgYv8DWYujbFirmafgzPKslxgCjP6OlV3erQgnoO/xBUK4YVTfsuag==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.3.tgz", + "integrity": "sha512-WpgdpJpY6rionluxjFZLbKiSDjvQJ5cPgufjvBRuXTsnVOsH3JNRWnPdkQkJLT9uTUMoNcyBMxbjYkK3vU6wSg==", "dev": true, "funding": { "type": "opencollective", @@ -6019,9 +6019,9 @@ } }, "node_modules/@storybook/preview": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.0.tgz", - "integrity": "sha512-/zHTMl3aj1S3xxnffwaGzhMi1KySCKeln3xX15RBme014ZQ8cNYwnSDRAsiW/n3viDFFyZ6ybrtmw2HnpNBUhw==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.3.tgz", + "integrity": "sha512-obSmKN8arWSHuLbCDM1H0lTVRMvAP/l7vOi6TQtFi6TxBz9MRCJA3Ugc0PZrbDADVZP+cp0ZJA0JQtAm+SqNAA==", "dev": true, "funding": { "type": "opencollective", @@ -6029,17 +6029,17 @@ } }, "node_modules/@storybook/preview-api": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.0.tgz", - "integrity": "sha512-//8mYKM8gkSDkIRcG3kSozGEvPUurVhfjBXDtaF8Y8cOZLzwe8/AZy+mUYHShh9HWFUXx5QAj5oU0U0PflfMeg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.3.tgz", + "integrity": "sha512-uPaK7yLE1P++F+IOb/1j9pgdCwfMYZrUPHogF/Mf9r4cfEjDCcIeKgGMcsbU1KnkzNQQGPh8JRzRr/iYnLjswg==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.0", - "@storybook/client-logger": "7.6.0", - "@storybook/core-events": "7.6.0", + "@storybook/channels": "7.6.3", + "@storybook/client-logger": "7.6.3", + "@storybook/core-events": "7.6.3", "@storybook/csf": "^0.1.2", "@storybook/global": "^5.0.0", - "@storybook/types": "7.6.0", + "@storybook/types": "7.6.3", "@types/qs": "^6.9.5", "dequal": "^2.0.2", "lodash": "^4.17.21", @@ -6055,18 +6055,18 @@ } }, "node_modules/@storybook/react": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.0.tgz", - "integrity": "sha512-9ohJYqNAjGa1Lqxs8wKQNAifLjuQCSOFRx1yFb9azpJ7VS/G4CJ9v4p0Et79rqhP9EcHgACZx/8jFQsQgDD9ug==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.3.tgz", + "integrity": "sha512-W+530cC0BAU+yBc7NzSXYWR3e8Lo5qMsmFJjWYK7zGW/YZGhSG3mjhF9pDzNM+cMtHvUS6qf5PJPQM8jePpPhg==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.0", - "@storybook/core-client": "7.6.0", - "@storybook/docs-tools": "7.6.0", + "@storybook/client-logger": "7.6.3", + "@storybook/core-client": "7.6.3", + "@storybook/docs-tools": "7.6.3", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.6.0", - "@storybook/react-dom-shim": "7.6.0", - "@storybook/types": "7.6.0", + "@storybook/preview-api": "7.6.3", + "@storybook/react-dom-shim": "7.6.3", + "@storybook/types": "7.6.3", "@types/escodegen": "^0.0.6", "@types/estree": "^0.0.51", "@types/node": "^18.0.0", @@ -6101,9 +6101,9 @@ } }, "node_modules/@storybook/react-dom-shim": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.0.tgz", - "integrity": "sha512-DBsQ9OBwSjUEI2bvHcGqs+ucVy3UE8CjoWpD93kRcJZY913DCoNDrMSBWozhBHlcO65LhuBjrNm7oKdmwAKJsg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.3.tgz", + "integrity": "sha512-UtaEaTQB27aBsAmn5IfAYkX2xl4wWWXkoAO/jUtx86FQ/r85FG0zxh/rac6IgzjYUqzjJtjIeLdeciG/48hMMA==", "dev": true, "funding": { "type": "opencollective", @@ -6115,15 +6115,15 @@ } }, "node_modules/@storybook/react-vite": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-7.6.0.tgz", - "integrity": "sha512-h2wGMpg6b41Jb+V9WIr2hbr8iqYeK5LOFSSGxgBjUAbOtNSI5FTS7e97KEQYpbeDYPLjc3hM0xpqdsUKamvMbA==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-7.6.3.tgz", + "integrity": "sha512-sPrNJbnThmxsSeNj6vyG9pCCnnYzyiS+f7DVy2qeQrXvEuCYiQc503bavE3BKLxqjZQ3SkbhPsiEHcaw3I9x7A==", "dev": true, "dependencies": { "@joshwooding/vite-plugin-react-docgen-typescript": "0.3.0", "@rollup/pluginutils": "^5.0.2", - "@storybook/builder-vite": "7.6.0", - "@storybook/react": "7.6.0", + "@storybook/builder-vite": "7.6.3", + "@storybook/react": "7.6.3", "@vitejs/plugin-react": "^3.0.1", "magic-string": "^0.30.0", "react-docgen": "^7.0.0" @@ -6182,12 +6182,12 @@ } }, "node_modules/@storybook/router": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.0.tgz", - "integrity": "sha512-661mO2JtO/wdWJEtVqyaUjQ8tsy56LrsKqz4suzO0L32Z7NHCBu0IzbZbLON6MXje3PWXksw0vFbd8jwH/i//w==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.3.tgz", + "integrity": "sha512-NZfhJqsXYca9mZCL/LGx6FmZDbrxX2S4ImW7Tqdtcc/sSlZ0BpCDkNUTesCA287cmoKMhXZRh/+bU+C2h2a+bw==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.0", + "@storybook/client-logger": "7.6.3", "memoizerific": "^1.11.3", "qs": "^6.10.0" }, @@ -6197,14 +6197,14 @@ } }, "node_modules/@storybook/telemetry": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.0.tgz", - "integrity": "sha512-xUYiWiXicYX6oneDqHx5bq3zViTuckLoXi1QTzKN+WPO98vt4NBr532XeVNJG+x+UE8ERSKazT6CHkZ9XeqyMA==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.3.tgz", + "integrity": "sha512-NDCZWhVIUI3M6Lq4M/HPOvZqDXqANDNbI3kyHr4pFGoVaCUXuDPokL9wR+CZcMvATkJ1gHrfLPBdcRq6Biw3Iw==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.0", - "@storybook/core-common": "7.6.0", - "@storybook/csf-tools": "7.6.0", + "@storybook/client-logger": "7.6.3", + "@storybook/core-common": "7.6.3", + "@storybook/csf-tools": "7.6.3", "chalk": "^4.1.0", "detect-package-manager": "^2.0.1", "fetch-retry": "^5.0.2", @@ -6228,13 +6228,13 @@ } }, "node_modules/@storybook/theming": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.0.tgz", - "integrity": "sha512-F5PTGkaRQ0TWIWRrZgQ2dmVxVcjX77vDc6QfUYxvOfez9/zrduKRHP5lGqHoqJlugJc8i2zpRNEFbL99frdUKg==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.3.tgz", + "integrity": "sha512-9ToNU2LM6a2kVBjOXitXEeEOuMurVLhn+uaZO1dJjv8NGnJVYiLwNPwrLsImiUD8/XXNuil972aanBR6+Aj9jw==", "dev": true, "dependencies": { "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@storybook/client-logger": "7.6.0", + "@storybook/client-logger": "7.6.3", "@storybook/global": "^5.0.0", "memoizerific": "^1.11.3" }, @@ -6248,12 +6248,12 @@ } }, "node_modules/@storybook/types": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.0.tgz", - "integrity": "sha512-mrbL9qrRekaPCAV3d7jYpege5wOpsvBvNW6pmATG3UvNXpqz5BOWe6RWZJXbtkvjyt01b6HE9CbVUFJppplr6w==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.3.tgz", + "integrity": "sha512-vj9Jzg5eR52l8O9512QywbQpNdo67Z6BQWR8QoZRcG+/Bhzt08YI8IZMPQLFMKzcmWDPK0blQ4GfyKDYplMjPA==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.0", + "@storybook/channels": "7.6.3", "@types/babel__core": "^7.0.0", "@types/express": "^4.7.0", "file-system-cache": "2.3.0" @@ -10331,9 +10331,9 @@ "dev": true }, "node_modules/flow-parser": { - "version": "0.222.0", - "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.222.0.tgz", - "integrity": "sha512-Fq5OkFlFRSMV2EOZW+4qUYMTE0uj8pcLsYJMxXYriSBDpHAF7Ofx3PibCTy3cs5P6vbsry7eYj7Z7xFD49GIOQ==", + "version": "0.223.2", + "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.223.2.tgz", + "integrity": "sha512-K68f4BNDmz+fC2aPi/DnckpNQbJvlN10srj2dUDrmUpyVCg48MPOyPMIrxwYPBRO+DtwSTYMF4wXaK3lRrDTfQ==", "dev": true, "engines": { "node": ">=0.4.0" @@ -18673,12 +18673,12 @@ "dev": true }, "node_modules/storybook": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.0.tgz", - "integrity": "sha512-t844tajV8dcWiGmGV0zXUdmLzLnftTqQOfzX678AjJXh7ijhMkNi2dgSFLaAOLQqeljdGfyrgFrivveZxkaj2w==", + "version": "7.6.3", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.3.tgz", + "integrity": "sha512-H3odxahMiR8vVW7ltlqcHhn3UVH5ta03weKlY7xvpv5DV+thZ+mEO2cDYfsufCSg0Ldb5LQ4qq3OyLVdpDBN8g==", "dev": true, "dependencies": { - "@storybook/cli": "7.6.0" + "@storybook/cli": "7.6.3" }, "bin": { "sb": "index.js", diff --git a/package.json b/package.json index 67fdebc..135a6e8 100644 --- a/package.json +++ b/package.json @@ -40,14 +40,14 @@ "@semantic-release/git": "^10.0.1", "@semantic-release/github": "^9.2.3", "@semantic-release/npm": "^11.0.1", - "@storybook/addon-a11y": "^7.5.3", - "@storybook/addon-essentials": "^7.5.3", - "@storybook/addon-interactions": "^7.5.3", - "@storybook/addon-links": "^7.5.3", - "@storybook/addon-onboarding": "^1.0.8", - "@storybook/blocks": "^7.5.3", - "@storybook/react": "^7.5.3", - "@storybook/react-vite": "^7.5.3", + "@storybook/addon-a11y": "^7.6.3", + "@storybook/addon-essentials": "^7.6.3", + "@storybook/addon-interactions": "^7.6.3", + "@storybook/addon-links": "^7.6.3", + "@storybook/addon-onboarding": "^1.0.9", + "@storybook/blocks": "^7.6.3", + "@storybook/react": "^7.6.3", + "@storybook/react-vite": "^7.6.3", "@storybook/testing-library": "^0.2.2", "@types/node": "^20.9.2", "@types/react": "^18.2.37", @@ -65,7 +65,7 @@ "react-dom": "^18.2.0", "sass": "^1.69.5", "semantic-release": "^22.0.8", - "storybook": "^7.5.3", + "storybook": "^7.6.3", "typescript": "^5.2.2", "vite": "^5.0.0", "vite-plugin-dts": "^3.6.3", diff --git a/src/App.css b/src/App.css index b9d355d..d242cc4 100644 --- a/src/App.css +++ b/src/App.css @@ -1,5 +1,6 @@ #root { max-width: 1280px; + width: 100%; margin: 0 auto; padding: 2rem; text-align: center; @@ -11,9 +12,11 @@ will-change: filter; transition: filter 300ms; } + .logo:hover { filter: drop-shadow(0 0 2em #646cffaa); } + .logo.react:hover { filter: drop-shadow(0 0 2em #61dafbaa); } @@ -22,6 +25,7 @@ from { transform: rotate(0deg); } + to { transform: rotate(360deg); } @@ -39,4 +43,4 @@ .read-the-docs { color: #888; -} +} \ No newline at end of file diff --git a/src/App.tsx b/src/App.tsx index 1641d53..a508794 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,5 +1,5 @@ // OrionKit lib Components -import { Button, Input } from '../lib/main' +import { Button, TextField } from '../lib/main' // STYLES import './App.css' @@ -12,7 +12,8 @@ function App() { OrionKit button - + + ) } diff --git a/src/stories/TextField.stories.tsx b/src/stories/TextField.stories.tsx new file mode 100644 index 0000000..3a1720c --- /dev/null +++ b/src/stories/TextField.stories.tsx @@ -0,0 +1,48 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import { TextField } from '../../lib/main'; + +// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export +const meta = { + title: 'TextField', + component: TextField, + parameters: { + // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout + layout: 'centered', + }, + // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs + tags: ['autodocs'], + // More on argTypes: https://storybook.js.org/docs/react/api/argtypes +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args +export const Primary: Story = { + args: { + variant: 'primary', + height: 'medium', + placeholder: 'placeholder', + label: 'Textfield example', + hintMessage: 'A hint message here', + iconPosition: 'left' + }, +}; + +export const Secondary: Story = { + args: { + variant: 'secondary', + height: 'medium', + placeholder: 'placeholder', + label: 'Textfield example' + }, +}; + +export const Error: Story = { + args: { + variant: 'error', + height: 'medium', + label: 'Textfield error example', + hintMessage: 'Error hint message' + }, +}; \ No newline at end of file