From de84d4da7537e6b4eda0e1598799413653254cae Mon Sep 17 00:00:00 2001 From: majakomel Date: Tue, 3 Sep 2024 15:05:28 +0200 Subject: [PATCH] Style disabled inputs --- package.json | 34 +++-- src/components/Input.tsx | 9 +- src/components/Select.tsx | 9 +- src/components/Textarea.tsx | 9 +- stories/Input.stories.tsx | 6 +- yarn.lock | 296 ++++++++++++++++++------------------ 6 files changed, 191 insertions(+), 172 deletions(-) diff --git a/package.json b/package.json index 8e48a35..bab8483 100644 --- a/package.json +++ b/package.json @@ -9,11 +9,8 @@ "author": "Arturo Filastò ", "license": "BSD-3-Clause", "dependencies": { - "class-variance-authority": "^0.7.0", - "clsx": "^2.1.1", - "mini-svg-data-uri": "^1.4.4", "react-select": "^5.8.0", - "tailwind-merge": "^2.3.0" + "tailwind-merge": "^2.5.2" }, "devDependencies": { "@babel/core": "^7.23.9", @@ -21,21 +18,21 @@ "@babel/preset-react": "^7.23.3", "@babel/preset-typescript": "^7.23.3", "@biomejs/biome": "1.5.3", - "@chromatic-com/storybook": "^1.6.1", + "@chromatic-com/storybook": "^1.8.0", "@rollup/plugin-commonjs": "^25.0.7", "@rollup/plugin-json": "^6.1.0", "@rollup/plugin-node-resolve": "^15.2.3", "@rollup/plugin-terser": "^0.4.4", "@rollup/plugin-typescript": "^11.1.6", "@rollup/plugin-url": "^8.0.2", - "@storybook/addon-essentials": "^8.2.1", - "@storybook/addon-interactions": "^8.2.1", - "@storybook/addon-links": "^8.2.1", - "@storybook/addon-onboarding": "^8.2.1", - "@storybook/blocks": "^8.2.1", - "@storybook/react": "^8.2.1", - "@storybook/react-vite": "^8.2.1", - "@storybook/test": "^8.2.1", + "@storybook/addon-essentials": "^8.2.9", + "@storybook/addon-interactions": "^8.2.9", + "@storybook/addon-links": "^8.2.9", + "@storybook/addon-onboarding": "^8.2.9", + "@storybook/blocks": "^8.2.9", + "@storybook/react": "^8.2.9", + "@storybook/react-vite": "^8.2.9", + "@storybook/test": "^8.2.9", "@svgr/rollup": "^8.1.0", "@tailwindcss/forms": "^0.5.7", "@testing-library/dom": "^9.3.4", @@ -64,7 +61,7 @@ "rollup-plugin-peer-deps-external": "^2.2.4", "rollup-plugin-typescript2": "^0.36.0", "rollup-plugin-visualizer": "^5.12.0", - "storybook": "^8.2.1", + "storybook": "^8.2.9", "tailwindcss": "^3.4.4", "ts-jest": "^29.1.5", "tslib": "^2.6.3", @@ -95,5 +92,12 @@ "storybook": "storybook dev -p 6006", "storybook:build": "storybook build" }, - "files": ["dist", "animations", "svgs", "index.d.ts", "icons", "tailwind"] + "files": [ + "dist", + "animations", + "svgs", + "index.d.ts", + "icons", + "tailwind" + ] } diff --git a/src/components/Input.tsx b/src/components/Input.tsx index 2db9ec8..d0a44fd 100644 --- a/src/components/Input.tsx +++ b/src/components/Input.tsx @@ -36,10 +36,11 @@ const Input = forwardRef( rounded-full border outline-none - ${ - error - ? 'border-red-700 hover:border-red-700 focus:border-red-700' - : 'border-gray-600 hover:border-gray-800 focus:border-blue-500' + disabled:bg-gray-300 + disabled:hover:border-gray-600 + ${error + ? 'border-red-700 hover:border-red-900 focus:border-red-700' + : 'border-gray-600 hover:border-gray-800 focus:border-blue-500' } `} {...props} diff --git a/src/components/Select.tsx b/src/components/Select.tsx index 552a762..91e07e7 100644 --- a/src/components/Select.tsx +++ b/src/components/Select.tsx @@ -36,10 +36,11 @@ const Select = forwardRef( bg-no-repeat bg-right bg-[length:40px_20px] - ${ - error - ? 'border-red-700 hover:border-red-700 focus:border-red-700' - : 'border-gray-600 hover:border-gray-800 focus:border-blue-500' + disabled:bg-gray-300 + disabled:hover:border-gray-600 + ${error + ? 'border-red-700 hover:border-red-900 focus:border-red-700' + : 'border-gray-600 hover:border-gray-800 focus:border-blue-500' } `} {...props} diff --git a/src/components/Textarea.tsx b/src/components/Textarea.tsx index b413999..5c14a35 100644 --- a/src/components/Textarea.tsx +++ b/src/components/Textarea.tsx @@ -34,10 +34,11 @@ const Textarea = forwardRef( box-border rounded border - ${ - error - ? 'border-red-700 hover:border-red-700 focus:border-red-700' - : 'border-gray-600 hover:border-gray-800 focus:border-blue-500' + disabled:bg-gray-300 + disabled:hover:border-gray-600 + ${error + ? 'border-red-700 hover:border-red-900 focus:border-red-700' + : 'border-gray-600 hover:border-gray-800 focus:border-blue-500' } `} {...props} diff --git a/stories/Input.stories.tsx b/stories/Input.stories.tsx index 6c0ed9d..8910184 100644 --- a/stories/Input.stories.tsx +++ b/stories/Input.stories.tsx @@ -28,6 +28,10 @@ export const ErrorInput: Story = { } ErrorInput.args = { - label: 'Error Label', + label: 'Error Input', error: 'cannot be empty', } + +export const DisabledInput: Story = { + render: (args) => , +} diff --git a/yarn.lock b/yarn.lock index 90112eb..24d3477 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1161,10 +1161,10 @@ resolved "https://registry.yarnpkg.com/@biomejs/cli-win32-x64/-/cli-win32-x64-1.5.3.tgz#1a424f26b709bc17fc592de18e8f48a6d2a44c86" integrity sha512-fMvbSouZEASU7mZH8SIJSANDm5OqsjgtVXlbUqxwed6BP7uuHRSs396Aqwh2+VoW8fwTpp6ybIUoC9FrzB0kyA== -"@chromatic-com/storybook@^1.6.1": - version "1.6.1" - resolved "https://registry.yarnpkg.com/@chromatic-com/storybook/-/storybook-1.6.1.tgz#42173679c166ce982903b9e40bb457c037e9dac2" - integrity sha512-x1x1NB3j4xpfeSWKr96emc+7ZvfsvH+/WVb3XCjkB24PPbT8VZXb3mJSAQMrSzuQ8+eQE9kDogYHH9Fj3tb/Cw== +"@chromatic-com/storybook@^1.8.0": + version "1.8.0" + resolved "https://registry.yarnpkg.com/@chromatic-com/storybook/-/storybook-1.8.0.tgz#4ade5482c8abd404734300bcdfd88f471b56e040" + integrity sha512-vkB9dPVmM2Yvqc/0DJ4MYwOGY1MOjd/KbB9TXTMGN+qshaEyiZtSOgbz9u0ExFALEgDKLmtUnWyUtoGb0pCzUg== dependencies: chromatic "^11.4.0" filesize "^10.0.12" @@ -1978,10 +1978,10 @@ dependencies: "@sinonjs/commons" "^3.0.0" -"@storybook/addon-actions@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.2.1.tgz#8e3519bd69d2fc59b4f66c6e16eea436ea537d9e" - integrity sha512-rosuPmufr41Uojjo1ok+1r2X3/qS4WvOn6Wc8SGos9oQZwCoIbRIABOg8sz41UatPKcYHF9sJKBy8l1NXCz6LQ== +"@storybook/addon-actions@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-8.2.9.tgz#5a27f07f276ec776fb768f5da9bfe2c43fe3e851" + integrity sha512-eh2teOqjga7aoClDVV+/b1gHJqsPwjiU1t+Hg/l4i2CkaBUNdYMEL90nR6fgReOdvvL5YhcPwJ8w38f9TrQcoQ== dependencies: "@storybook/global" "^5.0.0" "@types/uuid" "^9.0.1" @@ -1989,35 +1989,35 @@ polished "^4.2.2" uuid "^9.0.0" -"@storybook/addon-backgrounds@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-8.2.1.tgz#65811c3778a2e2bdcda8780aaff66486cdd0b436" - integrity sha512-/60Ft8RtcfG/khqpZ8X4u3UZsgabzWgmAHY8hnbcM2uKO6dk6jHjiN4C72MKJ9eKnxcjoNGXN7igJzw5ebMbcg== +"@storybook/addon-backgrounds@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-8.2.9.tgz#7e3e8c939cc19c9f80f482db7e9391bda3d2dbb5" + integrity sha512-eGmZAd742ORBbQ6JepzBCko/in62T4Xg9j9LVa+Cvz/7L1C/RQSuU6sUwbRAsXaz+PMVDksPDCUUNsXl3zUL7w== dependencies: "@storybook/global" "^5.0.0" memoizerific "^1.11.3" ts-dedent "^2.0.0" -"@storybook/addon-controls@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.2.1.tgz#82e33e446eb36dc17d37d70f43e37e9475ce913f" - integrity sha512-qSlTftH0VuchVnGJWdf62bdRdeaiAKvGMTja/TVvEW1TgQ8hl508sUT9LtmbuyqKqvGGxWTPTFRIBoXQx59VeQ== +"@storybook/addon-controls@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-8.2.9.tgz#43f9ca53e2a709feee0c1fe6db3daee8953d2ddd" + integrity sha512-vaSE78KOE7SO0GrW4e+mdQphSNpvCX/FGybIRxyaKX9h8smoyUwRNHVyCS3ROHTwH324QWu7GDzsOVrnyXOv0A== dependencies: dequal "^2.0.2" lodash "^4.17.21" ts-dedent "^2.0.0" -"@storybook/addon-docs@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.2.1.tgz#cefcc4a80ed6182cdf7b7b123d1f89e68520d5c1" - integrity sha512-/p2Xj/txqrxZgqIOhsIDjtZJaklTbxO3qrHIvHpeFvF9iWV4IN7D0JFpIoHhRA+bo94mWtZwPVEDABPnGpYUZA== +"@storybook/addon-docs@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-8.2.9.tgz#bc6737cab5b3620b9291de7c14f92ad92b5a90db" + integrity sha512-flDOxFIGmXg+6lVdwTLMOKsGob1WrT7rG98mn1SNW0Nxhg3Wg+9pQuq1GLxEzKtAgSflmu+xcBRfYhsogyDXkw== dependencies: "@babel/core" "^7.24.4" "@mdx-js/react" "^3.0.0" - "@storybook/blocks" "8.2.1" - "@storybook/csf-plugin" "8.2.1" + "@storybook/blocks" "8.2.9" + "@storybook/csf-plugin" "8.2.9" "@storybook/global" "^5.0.0" - "@storybook/react-dom-shim" "8.2.1" + "@storybook/react-dom-shim" "8.2.9" "@types/react" "^16.8.0 || ^17.0.0 || ^18.0.0" fs-extra "^11.1.0" react "^16.8.0 || ^17.0.0 || ^18.0.0" @@ -2026,87 +2026,88 @@ rehype-slug "^6.0.0" ts-dedent "^2.0.0" -"@storybook/addon-essentials@^8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-8.2.1.tgz#a6a23ac0c4a440323095e811ff591f2318c691c9" - integrity sha512-c9OH5J097NwbuLFejZsmZSQv7Gz+gk4r1H4Nak8JeUZL5CapkY3HWe0dhWl6u6YqGcjhEjcuFvLoWbctKoSr/Q== - dependencies: - "@storybook/addon-actions" "8.2.1" - "@storybook/addon-backgrounds" "8.2.1" - "@storybook/addon-controls" "8.2.1" - "@storybook/addon-docs" "8.2.1" - "@storybook/addon-highlight" "8.2.1" - "@storybook/addon-measure" "8.2.1" - "@storybook/addon-outline" "8.2.1" - "@storybook/addon-toolbars" "8.2.1" - "@storybook/addon-viewport" "8.2.1" +"@storybook/addon-essentials@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-8.2.9.tgz#3dc29be7e8529869416e77e256cba10cf111ead1" + integrity sha512-B2d3eznGZvPIyCVtYX0UhrYcEfK+3Y2sACmEWpSwtk8KXomFEsZnD95m397BYDRw3/X6qeSLWxqgMfqDTEDeMA== + dependencies: + "@storybook/addon-actions" "8.2.9" + "@storybook/addon-backgrounds" "8.2.9" + "@storybook/addon-controls" "8.2.9" + "@storybook/addon-docs" "8.2.9" + "@storybook/addon-highlight" "8.2.9" + "@storybook/addon-measure" "8.2.9" + "@storybook/addon-outline" "8.2.9" + "@storybook/addon-toolbars" "8.2.9" + "@storybook/addon-viewport" "8.2.9" ts-dedent "^2.0.0" -"@storybook/addon-highlight@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-8.2.1.tgz#00772d3abe936f6f61ea82cd91c0710e66a6a0bb" - integrity sha512-rz4Hj2J8jz4Zdq+pF5hMWpwHrsPQNmyGkG+MBli7GEge4Bed6HAQkDT8sE/3OGgizrudE1YBLnAIO1M+Lk85Ew== +"@storybook/addon-highlight@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-8.2.9.tgz#684b25461cd82373da49acb0cd704579d573ca0a" + integrity sha512-qdcazeNQoo9QKIq+LJJZZXvFZoLn+i4uhbt1Uf9WtW6oU/c1qxORGVD7jc3zsxbQN9nROVPbJ76sfthogxeqWA== dependencies: "@storybook/global" "^5.0.0" -"@storybook/addon-interactions@^8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-8.2.1.tgz#85c00dced40c5c07f4aa9c6484fa7169629f1726" - integrity sha512-dpYir2cMlQuTG/798GF0OQw5pWKks+16HLLB7wUSYolSHDdu3ahKtjCJcY4y+UTQSyLupC/5KHWty9czk/WTiA== +"@storybook/addon-interactions@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-interactions/-/addon-interactions-8.2.9.tgz#ead639bcdb3726ed180cf8afaf29bfba574b7bc0" + integrity sha512-oSxBkqpmp1Vm9v/G8mZeFNXD8k6T1NMgzUWzAx7R5m31rfObhoi5Fo1bKQT5BAhSSsdjjd7owTAFKdhwSotSKg== dependencies: "@storybook/global" "^5.0.0" - "@storybook/instrumenter" "8.2.1" + "@storybook/instrumenter" "8.2.9" + "@storybook/test" "8.2.9" polished "^4.2.2" ts-dedent "^2.2.0" -"@storybook/addon-links@^8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-8.2.1.tgz#db97852f0b795fa461eb5715e497b548ebb726e5" - integrity sha512-k07LuKnYr+URPdmTbei9r7tO9VCV8vd2zfBlbXyg+GuaVqDZBrZD8Xd9QAMB8O3+iA7uPHTXSOH92IO3QiRfSg== +"@storybook/addon-links@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-8.2.9.tgz#9dbdebbbe28644e9c52ad2aad6bf4f0988871613" + integrity sha512-RhJzUNdDb7lbliwXb64HMwieIeJ+OQ2Ditue1vmSox6NsSd+pshR+okHpAyoP1+fW+dahNENwAS2Kt2QiI78FA== dependencies: "@storybook/csf" "0.1.11" "@storybook/global" "^5.0.0" ts-dedent "^2.0.0" -"@storybook/addon-measure@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.2.1.tgz#e7830ccd9596fc6c8c8179b11860b4cd02dbd93a" - integrity sha512-+6yfp+cm+QI/KjJ8ShgP7lpC8Yf8MGOUMDRjsPm99fzrOEAZ6QAocCOGUyCs6Uyij+Mpn+QTm9ulfAPYXSL8gA== +"@storybook/addon-measure@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-8.2.9.tgz#998995c31980d635132c42a8d621095e73adb9b6" + integrity sha512-XUfQtYRKWB2dfbPRmHuos816wt1JrLbtRld5ZC8J8ljeqZ4hFBPTQcgI5GAzZqjQuclLC0KuhlA/0bKxdxMMGA== dependencies: "@storybook/global" "^5.0.0" tiny-invariant "^1.3.1" -"@storybook/addon-onboarding@^8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-onboarding/-/addon-onboarding-8.2.1.tgz#9ee6da68067d64d2918ea9c38c3378890c4f6d6f" - integrity sha512-rVBsXrYnhTpTxE1/9s+vinaWHn10aQEc/Um/S4vvyDRXsn9DMX1TbDi14BFxZv92PHUDV6RI277VQImwOS5T6g== +"@storybook/addon-onboarding@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-onboarding/-/addon-onboarding-8.2.9.tgz#2f958bd12d893d81d27fc4d67ad493c8b17a3a1f" + integrity sha512-9FAWwlnF4JqxOdaZCqe4HeEDj95rqQmITPugPUV3Ra8aJuukPWzlFZgfYubI50TTrnJDAFc8kYeatbxFvoagNQ== dependencies: react-confetti "^6.1.0" -"@storybook/addon-outline@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-8.2.1.tgz#2c9699d7b03a87a16c824c2753c39d9bd106db18" - integrity sha512-rsC+r56PB4Hlu5fAybAP78u/cY6I5bYlC6JrLwU44igH0wFQR2XdpQ7OLYZaeu8nKDtanS29D+99KVk4oyzRBw== +"@storybook/addon-outline@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-8.2.9.tgz#24d24efde347d48c372e128c12de9b6a6245b288" + integrity sha512-p22kI4W7MT0YJOCmg/FfhfH+NpZEDA5tgwstjazSg4ertyhaxziMwWZWiK2JCg0gOAfRJjoYjHz+6/u56iXwgQ== dependencies: "@storybook/global" "^5.0.0" ts-dedent "^2.0.0" -"@storybook/addon-toolbars@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-8.2.1.tgz#b37ee61677f3cbfeebb3a1ef997e2ed7c302f5c8" - integrity sha512-UzK2TPEDt2bwi+IGeK2OXTc3VqIhqxqQ2tbXdBBVBwnsV4u4quvlXrnMKugaf0YdkeIRewJq/u2J+bQNs5TErw== +"@storybook/addon-toolbars@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-8.2.9.tgz#a3d92f5fdc021e5578c1085062f9b7989624b569" + integrity sha512-9LMZZ2jRD86Jh6KXedDbAYs4eHj9HtJA9VhSEE2wiqMGwXozpySi7B1GWniNzmFfcgMQ4JHfmD/OrBVTK7Ca/w== -"@storybook/addon-viewport@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.2.1.tgz#1b42455828f474ae32974ab5a6305d573add2df3" - integrity sha512-mk5FGH8W6IIjbRRpCPagjWfY77UgHmxUUYzUagc9KZKG0MfSy6hYtXaWy5NrZOegblS5K9cGNdKXdM59Rc9JFg== +"@storybook/addon-viewport@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-8.2.9.tgz#56f7273450b72384bb79e9ddeab2f633f869be73" + integrity sha512-lyM24+DJEt8R0YZkJKee34NQWv0REACU6lYDalqJNdKS1sEwzLGWxg1hZXnw2JFdBID9NGVvyYU2w6LDozOB0g== dependencies: memoizerific "^1.11.3" -"@storybook/blocks@8.2.1", "@storybook/blocks@^8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.2.1.tgz#5698c1ca0cccd0c5ecee139931bbd5028d95925d" - integrity sha512-7E5WAx5JcrPBCjonogfTvcLJ1y6IFQzqLv1mone8TH1b5lCHuLtWMxYY/4oQabfEanVUpo81KfbyooiR3FXlOA== +"@storybook/blocks@8.2.9", "@storybook/blocks@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-8.2.9.tgz#3c9018619704cee23c9e69ff263e3c0aaa9a7ccc" + integrity sha512-5276q/s/UL8arwftuBXovUNHqYo/HPQFMGXEmjVVAMXUyFjzEAfKj3+xU897J6AuL+7XVZG32WnqA+X6LJMrcQ== dependencies: "@storybook/csf" "0.1.11" "@storybook/global" "^5.0.0" @@ -2123,12 +2124,12 @@ ts-dedent "^2.0.0" util-deprecate "^1.0.2" -"@storybook/builder-vite@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-8.2.1.tgz#d7584037b79e88f7023278345183a03255088a1d" - integrity sha512-2L8TTWodvvFrPEXywKd4+Ut1wAyC0XbPCjdwXthMbtCOYsqBltirWRxZ4cfO7Bj6uR54qgfx3uHf53ez/kwDQw== +"@storybook/builder-vite@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-8.2.9.tgz#f140a8a8c5cf745c847d2f37841e0f2f98926fcc" + integrity sha512-MHD3ezRjKkJkOl0u7CRQoQD/LKd28YMWIcaz4YrV6ygokc0c3RFTlOefICQFgboc+1RwIUowxN1CJ2kJ7p4SWw== dependencies: - "@storybook/csf-plugin" "8.2.1" + "@storybook/csf-plugin" "8.2.9" "@types/find-cache-dir" "^3.2.1" browser-assert "^1.2.1" es-module-lexer "^1.5.0" @@ -2138,15 +2139,15 @@ magic-string "^0.30.0" ts-dedent "^2.0.0" -"@storybook/codemod@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-8.2.1.tgz#536a24a2eac9b8156a0075dc8c525a88c7914279" - integrity sha512-LYvVLOKj5mDbbAPLrxd3BWQaemTqp2y5RV5glNqsPq3FoFX4rn4VnWb5X/YBWsMqqCK+skimH/f7HQ5fDvWubg== +"@storybook/codemod@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-8.2.9.tgz#f6c7f43a5aa326b64544ad6f10038edc32293827" + integrity sha512-3yRx1lFMm1FXWVv+CKDiYM4gOQPEfpcZAQrjfcumxSDUrB091pnU1PeI92Prj3vCdi4+0oPNuN4yDGNUYTMP/A== dependencies: "@babel/core" "^7.24.4" "@babel/preset-env" "^7.24.4" "@babel/types" "^7.24.0" - "@storybook/core" "8.2.1" + "@storybook/core" "8.2.9" "@storybook/csf" "0.1.11" "@types/cross-spawn" "^6.0.2" cross-spawn "^7.0.3" @@ -2157,10 +2158,15 @@ recast "^0.23.5" tiny-invariant "^1.3.1" -"@storybook/core@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-8.2.1.tgz#d18a90355a2a6719eadc8e9ab30b3303d714313b" - integrity sha512-hmuBRtT0JwmvEpsi4f/hh/QOqiEUmvV1xCbLQy+FEqMBxk5VsksVLKXJiWFG5lYodmjdxCLCb37JDVuOOZIIpw== +"@storybook/components@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-8.2.9.tgz#a2394749d52940b7a224d1d4801d756b2750b488" + integrity sha512-OkkcZ/f/6o3GdFEEK9ZHKIGHWUHmavZUYs5xaSgU64bOrA2aqEFtfeWWitZYTv3Euhk8MVLWfyEMDfez0AlvDg== + +"@storybook/core@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-8.2.9.tgz#68f8659014e06f4f65f6dbdf1dd10850f31d23b3" + integrity sha512-wSER8FpA6Il/jPyDfKm3yohxDtuhisNPTonMVzd3ulNWR4zERLddyO3HrHJJwdqYHLNk4SBFzwMGpQZVws1y0w== dependencies: "@storybook/csf" "0.1.11" "@types/express" "^4.17.21" @@ -2174,10 +2180,10 @@ util "^0.12.4" ws "^8.2.3" -"@storybook/csf-plugin@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.2.1.tgz#65bc2fd9328b8760213a6e35f7ebb3addfe90a72" - integrity sha512-/3nT7kvOsGSS8ym4qDFuz28h43BjiodLbRwUNa+p50fpO59s3F8MbK4lSBHPFXfTViWfrOZ5gL7CHe1f8PFJRA== +"@storybook/csf-plugin@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-8.2.9.tgz#1ef4a4f4bf6a601ffae110dc9722ded834e422fa" + integrity sha512-QQCFb3g12VQQEraDV1UfCmniGhQZKyT6oEt1Im6dzzPJj9NQk+6BjWoDep33CZhBHWoLryrMQd2fjuHxnFRNEA== dependencies: unplugin "^1.3.1" @@ -2198,42 +2204,56 @@ resolved "https://registry.yarnpkg.com/@storybook/icons/-/icons-1.2.9.tgz#bb4a51a79e186b62e2dd0e04928b8617ac573838" integrity sha512-cOmylsz25SYXaJL/gvTk/dl3pyk7yBFRfeXTsHvTA3dfhoU/LWSq0NKL9nM7WBasJyn6XPSGnLS4RtKXLw5EUg== -"@storybook/instrumenter@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-8.2.1.tgz#c143f0bbf7f5c7dd78b8ca30e4cf8f3dcf24b9d1" - integrity sha512-z+j0HITkLiuwWbRv7kXlA43FkCh13IumQLDiycl98TXM+1IZlQGPh/Lyc/VviSZI2I1ZJas6aNGXfd3nMJoY8A== +"@storybook/instrumenter@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/instrumenter/-/instrumenter-8.2.9.tgz#a809f9fb1ce738b2b50ba592d595f8961af92754" + integrity sha512-+DNjTbsMzlDggsvkhRuOy7aGvQJ4oLCPgunP5Se/3yBjG+M2bYDa0EmC5jC2nwZ3ffpuvbzaVe7fWf7R8W9F2Q== dependencies: "@storybook/global" "^5.0.0" "@vitest/utils" "^1.3.1" util "^0.12.4" -"@storybook/react-dom-shim@8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.2.1.tgz#ba2c7305c2f9e988df149154b9a001c6aaa62947" - integrity sha512-c6nfjyqiNduN6qk9yMP3EVNMslTJB+KGpKEDjpNOBGrTLkapp4dKTk8fN3EiFc3jEwhfN+xY+19eXwq7JBWCtg== +"@storybook/manager-api@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-8.2.9.tgz#f09a83fce286bc48783c75e7d7184dd8a5381527" + integrity sha512-mkYvUlfqDw+0WbxIynh5TcrotmoXlumEsOA4+45zuNea8XpEgj5cNBUCnmfEO6yQ85swqkS8YYbMpg1cZyu/Vw== + +"@storybook/preview-api@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-8.2.9.tgz#e35ca783a1d98174e73223856397a9767766a737" + integrity sha512-D8/t+a78OJqQAcT/ABa1C4YM/OaLGQ9IvCsp3Q9ruUqDCwuZBj8bG3D4477dlY4owX2ycC0rWYu3VvuK0EmJjA== + +"@storybook/react-dom-shim@8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-8.2.9.tgz#db31bdab3a995759a9e45b2dc2ca0888a75fc89d" + integrity sha512-uCAjSQEsNk8somVn1j/I1G9G/uUax5byHseIIV0Eq3gVXttGd7gaWcP+TDHtqIaenWHx4l+hCSuCesxiLWmx4Q== -"@storybook/react-vite@^8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/react-vite/-/react-vite-8.2.1.tgz#347028a1984ea313f941a89733a8cf4bb10b76b1" - integrity sha512-CCFjPSmI4yttLy3J7nEk9UBJzXI6AfZfJIlrk28HCB+k1fcqJS19cGXdNkjm4cWyAnUQFYJJVJJnqnrye1mVEw== +"@storybook/react-vite@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/react-vite/-/react-vite-8.2.9.tgz#4b836a7140d4c17796a57bbddebfc09185317294" + integrity sha512-Lw6FzcAaL7jX8Y8EsDzg32Lp0NdeNJZpj0LVwX5sLOQQA6w4i3PqlFINXDY28qCGo6wqKT+w44zhgwUcU5V0Ow== dependencies: "@joshwooding/vite-plugin-react-docgen-typescript" "0.3.1" "@rollup/pluginutils" "^5.0.2" - "@storybook/builder-vite" "8.2.1" - "@storybook/react" "8.2.1" + "@storybook/builder-vite" "8.2.9" + "@storybook/react" "8.2.9" find-up "^5.0.0" magic-string "^0.30.0" react-docgen "^7.0.0" resolve "^1.22.8" tsconfig-paths "^4.2.0" -"@storybook/react@8.2.1", "@storybook/react@^8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-8.2.1.tgz#cdd3365ec22caaa1f4b51210a6127c1dcfa0c388" - integrity sha512-QBhHURQ/UPM9vaqP1ixxzpWhGd2bZw4664hL9s6rtFCi9zvvZWTb/tD3gVMKCDs2JVXwTaZq/Spd0QwZxNEJgQ== +"@storybook/react@8.2.9", "@storybook/react@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-8.2.9.tgz#91348ab82e699a2d2f48b9721fe781782badc9ac" + integrity sha512-F2xZcTDxxjpbqt7eP8rEHmlksiKmE/qtPusEWEY4N4jK01kN+ncxSl8gkJpUohMEmAnVC5t/1v/sU57xv1DYpg== dependencies: + "@storybook/components" "^8.2.9" "@storybook/global" "^5.0.0" - "@storybook/react-dom-shim" "8.2.1" + "@storybook/manager-api" "^8.2.9" + "@storybook/preview-api" "^8.2.9" + "@storybook/react-dom-shim" "8.2.9" + "@storybook/theming" "^8.2.9" "@types/escodegen" "^0.0.6" "@types/estree" "^0.0.51" "@types/node" "^18.0.0" @@ -2250,13 +2270,13 @@ type-fest "~2.19" util-deprecate "^1.0.2" -"@storybook/test@^8.2.1": - version "8.2.1" - resolved "https://registry.yarnpkg.com/@storybook/test/-/test-8.2.1.tgz#27acc61ae36780804482df35376be800bebd42fa" - integrity sha512-23b4tXkKEGiJaDHrTXaMmoBx4JSxdHD6K0pfuB2jte+CyyPBZSXRIey7TxJFOKlEal6/9+7w2TMQGdBspjD9/g== +"@storybook/test@8.2.9", "@storybook/test@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/test/-/test-8.2.9.tgz#097be36f7618a98713661d548a44dfe584143758" + integrity sha512-O5JZ5S8UVVR7V0ru5AiF/uRO+srAVwji0Iik7ihy8gw3V91WQNMmJh2KkdhG0R1enYeBsYZlipOm+AW7f/MmOA== dependencies: "@storybook/csf" "0.1.11" - "@storybook/instrumenter" "8.2.1" + "@storybook/instrumenter" "8.2.9" "@testing-library/dom" "10.1.0" "@testing-library/jest-dom" "6.4.5" "@testing-library/user-event" "14.5.2" @@ -2264,6 +2284,11 @@ "@vitest/spy" "1.6.0" util "^0.12.4" +"@storybook/theming@^8.2.9": + version "8.2.9" + resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-8.2.9.tgz#6eb066f8957272c0bcb0078a8a9bc378ca9311d3" + integrity sha512-OL0NFvowPX85N5zIYdgeKKaFm7V4Vgtci093vL3cDZT13LGH6GuEzJKkUFGuUGNPFlJc+EgTj0o6PYKrOLyQ6w== + "@svgr/babel-plugin-add-jsx-attribute@8.0.0": version "8.0.0" resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz#4001f5d5dd87fa13303e36ee106e3ff3a7eb8b22" @@ -3535,13 +3560,6 @@ cjs-module-lexer@^1.0.0: resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.3.1.tgz#c485341ae8fd999ca4ee5af2d7a1c9ae01e0099c" integrity sha512-a3KdPAANPbNE4ZUv9h6LckSl9zLsYOP4MBmhIPkRaeyybt+r4UghLvq+xw/YwUcC1gqylCkL4rdVs3Lwupjm4Q== -class-variance-authority@^0.7.0: - version "0.7.0" - resolved "https://registry.yarnpkg.com/class-variance-authority/-/class-variance-authority-0.7.0.tgz#1c3134d634d80271b1837452b06d821915954522" - integrity sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A== - dependencies: - clsx "2.0.0" - clean-stack@^2.0.0: version "2.2.0" resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b" @@ -3596,16 +3614,6 @@ clone@^1.0.2: resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e" integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg== -clsx@2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b" - integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q== - -clsx@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999" - integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA== - co@^4.6.0: version "4.6.0" resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184" @@ -6391,7 +6399,7 @@ min-indent@^1.0.0, min-indent@^1.0.1: resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869" integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg== -mini-svg-data-uri@^1.2.3, mini-svg-data-uri@^1.4.4: +mini-svg-data-uri@^1.2.3: version "1.4.4" resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz#8ab0aabcdf8c29ad5693ca595af19dd2ead09939" integrity sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg== @@ -8048,15 +8056,15 @@ stop-iteration-iterator@^1.0.0: dependencies: internal-slot "^1.0.4" -storybook@^8.2.1: - version "8.2.1" - resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.2.1.tgz#d6dab17369be758968e083d9859092e31f832778" - integrity sha512-YT6//jQk5vfBCRVgcq1oBDUz8kE9PELTJAZr9VeeaLay/Fl5cUeNxjP7bm06hCOyYQ2gSUe4jF6TAwzwGePMLQ== +storybook@^8.2.9: + version "8.2.9" + resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.2.9.tgz#35a670cb72367709b6ad3627dfb77c5e25a339f0" + integrity sha512-S7Q/Yt4A+nu1O23rg39lQvBqL2Vg+PKXbserDWUR4LFJtfmoZ2xGO8oFIhJmvvhjUBvolw1q7QDeswPq2i0sGw== dependencies: "@babel/core" "^7.24.4" "@babel/types" "^7.24.0" - "@storybook/codemod" "8.2.1" - "@storybook/core" "8.2.1" + "@storybook/codemod" "8.2.9" + "@storybook/core" "8.2.9" "@types/semver" "^7.3.4" "@yarnpkg/fslib" "2.10.3" "@yarnpkg/libzip" "2.3.0" @@ -8271,10 +8279,10 @@ symbol-tree@^3.2.4: resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2" integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw== -tailwind-merge@^2.3.0: - version "2.4.0" - resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-2.4.0.tgz#1345209dc1f484f15159c9180610130587703042" - integrity sha512-49AwoOQNKdqKPd9CViyH5wJoSKsCDjUlzL8DxuGp3P1FsGY36NJDAa18jLZcaHAUUuTj+JB8IAo8zWgBNvBF7A== +tailwind-merge@^2.5.2: + version "2.5.2" + resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-2.5.2.tgz#000f05a703058f9f9f3829c644235f81d4c08a1f" + integrity sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg== tailwindcss@^3.4.4: version "3.4.4"