diff --git a/.storybook/interaction-toggle/reduced-motion.tsx b/.storybook/interaction-toggle/reduced-motion.tsx index 1a8b9d6a78..38e931ee61 100644 --- a/.storybook/interaction-toggle/reduced-motion.tsx +++ b/.storybook/interaction-toggle/reduced-motion.tsx @@ -1,6 +1,6 @@ import React, { useCallback, useEffect, useState } from "react"; -import { IconButton } from "@storybook/components"; +import { IconButton } from "storybook/internal/components"; import { CheckIcon, CrossIcon } from "@storybook/icons"; import { INTERACTION_TOGGLE_TOOL_ID } from "./constants"; diff --git a/.storybook/main.ts b/.storybook/main.ts index 04a8b98dab..7a77b3e73b 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -40,8 +40,6 @@ const config: StorybookConfig = { addons: [ "@storybook/addon-a11y", - "@storybook/addon-actions", - "@storybook/addon-controls", { name: "@storybook/addon-docs", options: { @@ -52,11 +50,7 @@ const config: StorybookConfig = { }, }, }, - "@storybook/addon-interactions", "storybook-addon-pseudo-states", - "@storybook/addon-essentials", - "@storybook/addon-toolbars", - "@storybook/addon-viewport", "@chromatic-com/storybook", ], diff --git a/.storybook/manager.ts b/.storybook/manager.ts index 9162aabb88..9aa6122e1f 100644 --- a/.storybook/manager.ts +++ b/.storybook/manager.ts @@ -1,4 +1,4 @@ -import { addons, types } from "@storybook/manager-api"; +import { addons, types } from "storybook/manager-api"; import sageTheme from "./sage-docs-theme"; import { ADDON_ID, TOOL_ID } from "./version-picker/constants"; import { @@ -7,7 +7,6 @@ import { } from "./interaction-toggle/constants"; import { InteractionToggle } from "./interaction-toggle/reduced-motion"; import { VersionPicker } from "./version-picker"; -import { API_PreparedIndexEntry, API_StatusObject } from "@storybook/types"; const useVersionPicker = process.env.USE_VERSION_PICKER === "true"; @@ -34,15 +33,4 @@ addons.register(INTERACTION_TOGGLE_ADDON_ID, () => { addons.setConfig({ theme: sageTheme, panelPosition: "bottom", - sidebar: { - filters: { - patterns: ( - item: API_PreparedIndexEntry & { - status: Record; - }, - ): boolean => { - return !(item.tags ?? []).includes("hideInSidebar"); - }, - }, - }, }); diff --git a/.storybook/preview.ts b/.storybook/preview.ts index 3865d76fd6..5e65305b6a 100644 --- a/.storybook/preview.ts +++ b/.storybook/preview.ts @@ -1,5 +1,5 @@ -import { Preview } from "@storybook/react"; -import { configure } from "@storybook/test"; +import { Preview } from "@storybook/react-vite"; +import { configure } from "storybook/test"; import "../src/style/fonts.css"; diff --git a/.storybook/sage-docs-theme.ts b/.storybook/sage-docs-theme.ts index 8bb3cbfeee..3a2150d26b 100644 --- a/.storybook/sage-docs-theme.ts +++ b/.storybook/sage-docs-theme.ts @@ -1,4 +1,4 @@ -import { create } from "@storybook/theming/create"; +import { create } from "storybook/theming/create"; export default create({ base: "light", diff --git a/.storybook/sage-storybook-theme.ts b/.storybook/sage-storybook-theme.ts index 2ab6bc3d0d..d54ef9ecdc 100644 --- a/.storybook/sage-storybook-theme.ts +++ b/.storybook/sage-storybook-theme.ts @@ -1,4 +1,4 @@ -import { create } from "@storybook/theming/create"; +import { create } from "storybook/theming/create"; export default create({ base: "light", diff --git a/.storybook/utils/partial-action.ts b/.storybook/utils/partial-action.ts index afcdbb26d3..f62cacd10f 100644 --- a/.storybook/utils/partial-action.ts +++ b/.storybook/utils/partial-action.ts @@ -1,4 +1,4 @@ -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import React from "react"; function partialAction(actionName: string) { @@ -7,7 +7,7 @@ function partialAction(actionName: string) { typeof eventObj === "string" ? { view: undefined } : { ...eventObj, view: undefined }, - ...args + ...args, ); }; } diff --git a/.storybook/utils/styled-system-props.ts b/.storybook/utils/styled-system-props.ts index 4908922175..8df9943f09 100644 --- a/.storybook/utils/styled-system-props.ts +++ b/.storybook/utils/styled-system-props.ts @@ -1,4 +1,4 @@ -import { ArgTypes } from "@storybook/react"; +import { ArgTypes } from "@storybook/react-vite"; import { SpaceProps, LayoutProps, @@ -77,7 +77,7 @@ type Props = { }; const generateStyledSystemMarginProps = ( - defaults: StyledSystemDefaults + defaults: StyledSystemDefaults, ): ArgTypes[] => { return [ { @@ -843,7 +843,7 @@ const generateStyledSystemGridProps = (defaults: StyledSystemDefaults) => { }; const generateStyledSystemBackgroundProps = ( - defaults: StyledSystemDefaults + defaults: StyledSystemDefaults, ) => { return [ { @@ -994,13 +994,13 @@ const generateStyledSystemPositionProps = (defaults: StyledSystemDefaults) => { const filterProps = ( props: Record[], - excludes: string[] = [] + excludes: string[] = [], ) => props.filter((prop) => !excludes.includes(Object.keys(prop)[0])); const generateStyledSystemProps = ( props: StyledSystemProps, defaults?: StyledSystemDefaults, - excludes?: string[] + excludes?: string[], ): ArgTypes => { const { spacing, @@ -1019,49 +1019,58 @@ const generateStyledSystemProps = ( if (spacing) { Object.assign( result, - ...filterProps(generateStyledSystemSpacingProps(defaults || {}), excludes) + ...filterProps( + generateStyledSystemSpacingProps(defaults || {}), + excludes, + ), ); } if (margin) { Object.assign( result, - ...filterProps(generateStyledSystemMarginProps(defaults || {}), excludes) + ...filterProps(generateStyledSystemMarginProps(defaults || {}), excludes), ); } if (padding) { Object.assign( result, - ...filterProps(generateStyledSystemPaddingProps(defaults || {}), excludes) + ...filterProps( + generateStyledSystemPaddingProps(defaults || {}), + excludes, + ), ); } if (color) { Object.assign( result, - ...filterProps(generateStyledSystemColorProps(defaults || {}), excludes) + ...filterProps(generateStyledSystemColorProps(defaults || {}), excludes), ); } if (layout) { Object.assign( result, - ...filterProps(generateStyledSystemLayoutProps(defaults || {}), excludes) + ...filterProps(generateStyledSystemLayoutProps(defaults || {}), excludes), ); } if (width) { Object.assign( result, - ...filterProps(generateStyledSystemWidthProps(defaults || {}), excludes) + ...filterProps(generateStyledSystemWidthProps(defaults || {}), excludes), ); } if (flexBox) { Object.assign( result, - ...filterProps(generateStyledSystemFlexBoxProps(defaults || {}), excludes) + ...filterProps( + generateStyledSystemFlexBoxProps(defaults || {}), + excludes, + ), ); } if (grid) { Object.assign( result, - ...filterProps(generateStyledSystemGridProps(defaults || {}), excludes) + ...filterProps(generateStyledSystemGridProps(defaults || {}), excludes), ); } if (background) { @@ -1069,8 +1078,8 @@ const generateStyledSystemProps = ( result, ...filterProps( generateStyledSystemBackgroundProps(defaults || {}), - excludes - ) + excludes, + ), ); } if (position) { @@ -1078,8 +1087,8 @@ const generateStyledSystemProps = ( result, ...filterProps( generateStyledSystemPositionProps(defaults || {}), - excludes - ) + excludes, + ), ); } diff --git a/.storybook/version-picker/index.tsx b/.storybook/version-picker/index.tsx index c15dc0ab6e..49aa1c1e42 100644 --- a/.storybook/version-picker/index.tsx +++ b/.storybook/version-picker/index.tsx @@ -2,19 +2,27 @@ import React, { useEffect, useState } from "react"; import { IconButton, WithTooltip, - TooltipLinkList, - TooltipLinkListLink, -} from "@storybook/components"; + TooltipLinkList +} from "storybook/internal/components"; import compareBuild from "semver/functions/compare-build"; import { TOOL_ID } from "./constants"; import fetchData from "./fetch-data"; +type VersionLink = { + id: string; + title: string; + onClick: () => void; + active: boolean; + href: string; + target: string; +}; + const getDisplayedItems = ( versions: Record, - onClick: TooltipLinkListLink["onClick"] + onClick: VersionLink["onClick"], ) => { - let formattedVersions: TooltipLinkListLink[] = []; + let formattedVersions: VersionLink[] = []; for (const [key, value] of Object.entries(versions)) { formattedVersions.push({ @@ -36,7 +44,7 @@ const getDisplayedItems = ( export const VersionPicker = () => { const [versions, setVersions] = useState | undefined>( - undefined + undefined, ); const [currentVersion, setCurrentVersion] = useState("Latest"); diff --git a/.storybook/with-global-styles.tsx b/.storybook/with-global-styles.tsx index a38efcd512..11aa5f7868 100644 --- a/.storybook/with-global-styles.tsx +++ b/.storybook/with-global-styles.tsx @@ -1,4 +1,4 @@ -import { Decorator } from "@storybook/react"; +import { Decorator } from "@storybook/react-vite"; import React from "react"; import GlobalStyle from "../src/style/global-style"; diff --git a/.storybook/with-locale-selector.tsx b/.storybook/with-locale-selector.tsx index c10c1f9c65..6f86200eae 100644 --- a/.storybook/with-locale-selector.tsx +++ b/.storybook/with-locale-selector.tsx @@ -1,12 +1,12 @@ import React from "react"; -import { Decorator } from "@storybook/react"; +import { Decorator } from "@storybook/react-vite"; import I18nProvider from "../src/components/i18n-provider"; import { enGB, deDE, enCA, enUS, esES, frCA, frFR } from "../src/locales"; const withLocaleSelector: Decorator = (Story, context) => { const selectedLocale = [enGB, deDE, enCA, enUS, esES, frCA, frFR].find( - ({ locale }) => locale?.() === context.globals.locale + ({ locale }) => locale?.() === context.globals.locale, ) || enGB; return ( diff --git a/.storybook/with-portal-provider.tsx b/.storybook/with-portal-provider.tsx index 46f63f981a..f7cd9f8ac8 100644 --- a/.storybook/with-portal-provider.tsx +++ b/.storybook/with-portal-provider.tsx @@ -1,4 +1,4 @@ -import { Decorator } from "@storybook/react"; +import { Decorator } from "@storybook/react-vite"; import React from "react"; import PortalContext from "../src/components/portal/__internal__/portal.context"; import isChromatic from "./isChromatic"; diff --git a/.storybook/withThemeProvider.jsx b/.storybook/withThemeProvider.jsx index eeb0a13328..aa8160dce4 100644 --- a/.storybook/withThemeProvider.jsx +++ b/.storybook/withThemeProvider.jsx @@ -1,4 +1,4 @@ -import { makeDecorator } from "@storybook/preview-api"; +import { makeDecorator } from "storybook/preview-api"; import isChromatic from "./isChromatic"; import React from "react"; import styled from "styled-components"; diff --git a/contributing/codebase-overview.md b/contributing/codebase-overview.md index 47d70af3cc..c53924218a 100644 --- a/contributing/codebase-overview.md +++ b/contributing/codebase-overview.md @@ -121,7 +121,7 @@ This would typically look like the following: ```none /* in button.mdx... */ -import { Meta, Story, Canvas, ArgsTable } from "@storybook/addon-docs"; +import { Meta, Story, Canvas, ArgsTable } from "@storybook/addon-docs/blocks"; import Button from "."; import * as ButtonStories from "./button.stories.tsx"; diff --git a/docs/bundle-size.mdx b/docs/bundle-size.mdx index 6708f8c5a9..3680a4188c 100644 --- a/docs/bundle-size.mdx +++ b/docs/bundle-size.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/colors.mdx b/docs/colors.mdx index cef1ef1077..90c9c7f4c7 100644 --- a/docs/colors.mdx +++ b/docs/colors.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/extending-styles-using-styled-components.mdx b/docs/extending-styles-using-styled-components.mdx index dfdc72731c..7e30c302b8 100644 --- a/docs/extending-styles-using-styled-components.mdx +++ b/docs/extending-styles-using-styled-components.mdx @@ -1,4 +1,4 @@ -import { Meta, Canvas } from "@storybook/blocks"; +import { Meta, Canvas } from "@storybook/addon-docs/blocks"; import * as ExtendingStylesStories from "./extending-styles-using-styled-components.stories"; diff --git a/docs/extending-styles-using-styled-components.stories.tsx b/docs/extending-styles-using-styled-components.stories.tsx index f604b8b05f..96bb9d5cbc 100644 --- a/docs/extending-styles-using-styled-components.stories.tsx +++ b/docs/extending-styles-using-styled-components.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import styled from "styled-components"; import Box from "../src/components/box"; diff --git a/docs/how-to-contribute.mdx b/docs/how-to-contribute.mdx index 38f2ab450b..2ade0abfcb 100644 --- a/docs/how-to-contribute.mdx +++ b/docs/how-to-contribute.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/i18n.mdx b/docs/i18n.mdx index 15cfee5660..366066ff71 100644 --- a/docs/i18n.mdx +++ b/docs/i18n.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/installation.mdx b/docs/installation.mdx index 35e769a87f..1b295f8680 100644 --- a/docs/installation.mdx +++ b/docs/installation.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/recommended-practices.mdx b/docs/recommended-practices.mdx index 285bb8c888..dc1dd3b3ac 100644 --- a/docs/recommended-practices.mdx +++ b/docs/recommended-practices.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/roadmap.mdx b/docs/roadmap.mdx index 5eb6791562..ec3b3f8282 100644 --- a/docs/roadmap.mdx +++ b/docs/roadmap.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/usage-with-routing.mdx b/docs/usage-with-routing.mdx index bd2922041c..68177170e3 100644 --- a/docs/usage-with-routing.mdx +++ b/docs/usage-with-routing.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/usage.mdx b/docs/usage.mdx index ded4aff817..6017515c78 100644 --- a/docs/usage.mdx +++ b/docs/usage.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/using-lexical.mdx b/docs/using-lexical.mdx index 6c6dceb159..677499a818 100644 --- a/docs/using-lexical.mdx +++ b/docs/using-lexical.mdx @@ -1,4 +1,4 @@ -import { Meta } from "@storybook/blocks"; +import { Meta } from "@storybook/addon-docs/blocks"; diff --git a/docs/validations.mdx b/docs/validations.mdx index 2e4174846c..ae0b9b8dbc 100644 --- a/docs/validations.mdx +++ b/docs/validations.mdx @@ -1,4 +1,4 @@ -import { Meta, Canvas } from "@storybook/blocks"; +import { Meta, Canvas } from "@storybook/addon-docs/blocks"; import * as ValidationsStories from "./validations.stories"; diff --git a/docs/validations.stories.tsx b/docs/validations.stories.tsx index cdfda673d5..de31004f9f 100644 --- a/docs/validations.stories.tsx +++ b/docs/validations.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Textbox from "../src/components/textbox"; import { RadioButton, RadioButtonGroup } from "../src/components/radio-button"; diff --git a/package-lock.json b/package-lock.json index bfb364004c..6aab4ec859 100644 --- a/package-lock.json +++ b/package-lock.json @@ -44,7 +44,7 @@ "@babel/preset-react": "^7.23.3", "@babel/preset-typescript": "^7.23.3", "@babel/types": "^7.23.4", - "@chromatic-com/storybook": "^2.0.2", + "@chromatic-com/storybook": "^4.0.1", "@commitlint/cli": "^17.6.3", "@commitlint/config-conventional": "^17.6.3", "@dotenvx/dotenvx": "^1.25.1", @@ -59,25 +59,12 @@ "@semantic-release/changelog": "^6.0.3", "@semantic-release/exec": "^6.0.3", "@semantic-release/git": "^10.0.1", - "@storybook/addon-a11y": "~8.6.12", - "@storybook/addon-actions": "~8.6.12", - "@storybook/addon-controls": "~8.6.12", - "@storybook/addon-docs": "~8.6.12", - "@storybook/addon-essentials": "~8.6.12", - "@storybook/addon-interactions": "~8.6.12", - "@storybook/addon-toolbars": "~8.6.12", - "@storybook/addon-viewport": "~8.6.12", - "@storybook/builder-vite": "~8.6.12", - "@storybook/components": "~8.6.12", + "@storybook/addon-a11y": "~9.0.16", + "@storybook/addon-docs": "~9.0.16", + "@storybook/builder-vite": "~9.0.16", "@storybook/icons": "1.4.0", - "@storybook/manager-api": "~8.6.12", - "@storybook/preview-api": "~8.6.12", - "@storybook/react": "~8.6.12", - "@storybook/react-vite": "~8.6.12", - "@storybook/test": "~8.6.12", - "@storybook/test-runner": "^0.22.0", - "@storybook/theming": "~8.6.12", - "@storybook/types": "~8.6.12", + "@storybook/react-vite": "~9.0.16", + "@storybook/test-runner": "^0.23.0", "@swc/core": "^1.11.29", "@swc/helpers": "^0.5.15", "@swc/plugin-styled-components": "^7.1.0", @@ -158,8 +145,9 @@ "rollup-plugin-visualizer": "^5.14.0", "semantic-release": "^24.2.3", "semver": "^7.5.4", - "storybook": "~8.6.12", - "storybook-addon-pseudo-states": "~4.0.2", + "sprintf-js": "^1.1.3", + "storybook": "~9.0.16", + "storybook-addon-pseudo-states": "~9.0.16", "styled-components": "^5.3.11", "typescript": "~5.3.0", "url-loader": "^4.1.1", @@ -2193,27 +2181,30 @@ "license": "MIT" }, "node_modules/@chromatic-com/storybook": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-2.0.2.tgz", - "integrity": "sha512-7bPIliISedeIpnVKbzktysFYW5n56bN91kxuOj1XXKixmjbUHRUMvcXd4K2liN6MiR5ZqJtmtcPsZ6CebbGlEA==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-4.0.1.tgz", + "integrity": "sha512-GQXe5lyZl3yLewLJQyFXEpOp2h+mfN2bPrzYaOFNCJjO4Js9deKbRHTOSaiP2FRwZqDLdQwy2+SEGeXPZ94yYw==", "dev": true, "license": "MIT", "dependencies": { - "chromatic": "^11.4.0", + "@neoconfetti/react": "^1.0.0", + "chromatic": "^12.0.0", "filesize": "^10.0.12", "jsonfile": "^6.1.0", - "react-confetti": "^6.1.0", "strip-ansi": "^7.1.0" }, "engines": { - "node": ">=16.0.0", + "node": ">=20.0.0", "yarn": ">=1.22.18" + }, + "peerDependencies": { + "storybook": "^0.0.0-0 || ^9.0.0 || ^9.1.0-0" } }, "node_modules/@chromatic-com/storybook/node_modules/chromatic": { - "version": "11.28.2", - "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.28.2.tgz", - "integrity": "sha512-aCmUPcZUs4/p9zRZdMreOoO/5JqO2DiJC3md1/vRx8dlMRcmR/YI5ZbgXZcai2absVR+6hsXZ5XiPxV2sboTuQ==", + "version": "12.1.0", + "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-12.1.0.tgz", + "integrity": "sha512-X45IVEb8mX3J+iDEpb6dY6CUvqWm5jlo8QqzgUGFYlcO7A327Ve3G4dzuu96f/hcXifZ0T1E7BMN6/z0iO4V2A==", "dev": true, "license": "MIT", "bin": { @@ -2809,11 +2800,10 @@ "license": "Python-2.0" }, "node_modules/@eslint/eslintrc/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -2979,11 +2969,10 @@ } }, "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -3608,19 +3597,19 @@ } }, "node_modules/@joshwooding/vite-plugin-react-docgen-typescript": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.5.0.tgz", - "integrity": "sha512-qYDdL7fPwLRI+bJNurVcis+tNgJmvWjH4YTBGXTA8xMuxFrnAz6E5o35iyzyKbq5J5Lr8mJGfrR5GXl+WGwhgQ==", + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/@joshwooding/vite-plugin-react-docgen-typescript/-/vite-plugin-react-docgen-typescript-0.6.1.tgz", + "integrity": "sha512-J4BaTocTOYFkMHIra1JDWrMWpNmBl4EkplIwHEsV8aeUOtdWjwSnln9U7twjMFTAEB7mptNtSKyVi1Y2W9sDJw==", "dev": true, "license": "MIT", "dependencies": { "glob": "^10.0.0", - "magic-string": "^0.27.0", + "magic-string": "^0.30.0", "react-docgen-typescript": "^2.2.2" }, "peerDependencies": { "typescript": ">= 4.3.x", - "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0" + "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" }, "peerDependenciesMeta": { "typescript": { @@ -3649,19 +3638,6 @@ "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/@joshwooding/vite-plugin-react-docgen-typescript/node_modules/magic-string": { - "version": "0.27.0", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz", - "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@jridgewell/sourcemap-codec": "^1.4.13" - }, - "engines": { - "node": ">=12" - } - }, "node_modules/@joshwooding/vite-plugin-react-docgen-typescript/node_modules/minimatch": { "version": "9.0.5", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", @@ -4025,6 +4001,13 @@ "react": ">=16" } }, + "node_modules/@neoconfetti/react": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@neoconfetti/react/-/react-1.0.0.tgz", + "integrity": "sha512-klcSooChXXOzIm+SE5IISIAn3bYzYfPjbX7D7HoqZL84oAfgREeSg5vSIaSFH+DaGzzvImTyWe1OyrJ67vik4A==", + "dev": true, + "license": "MIT" + }, "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": { "version": "5.1.1-v1", "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz", @@ -4793,22 +4776,6 @@ } } }, - "node_modules/@rollup/plugin-url/node_modules/make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "license": "MIT", - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/@rollup/plugin-url/node_modules/mime": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz", @@ -4822,16 +4789,6 @@ "node": ">=10.0.0" } }, - "node_modules/@rollup/plugin-url/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - } - }, "node_modules/@rollup/pluginutils": { "version": "5.1.4", "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz", @@ -5490,19 +5447,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@semantic-release/github/node_modules/slash": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz", - "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=14.16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/@semantic-release/npm": { "version": "12.0.1", "resolved": "https://registry.npmjs.org/@semantic-release/npm/-/npm-12.0.1.tgz", @@ -6050,15 +5994,13 @@ } }, "node_modules/@storybook/addon-a11y": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.6.12.tgz", - "integrity": "sha512-H28zHiL8uuv29XsVNf9VjNWsCeht/l66GPYHT7aom1jh+f3fS9+sutrCGEBC/T7cnRpy8ZyuHCtihUqS+RI4pg==", + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-9.0.16.tgz", + "integrity": "sha512-pi9ipxhs9bA2yCHDGp2+yWy6E2LywDFTqWcFh3aw/LRxnlRTf52QiVJkWpJbNFEXgk4QrKVrAruf9LLiXpTcOA==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/addon-highlight": "8.6.12", "@storybook/global": "^5.0.0", - "@storybook/test": "8.6.12", "axe-core": "^4.2.0" }, "funding": { @@ -6066,60 +6008,22 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-actions": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.6.12.tgz", - "integrity": "sha512-B5kfiRvi35oJ0NIo53CGH66H471A3XTzrfaa6SxXEJsgxxSeKScG5YeXcCvLiZfvANRQ7QDsmzPUgg0o3hdMXw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@types/uuid": "^9.0.1", - "dequal": "^2.0.2", - "polished": "^4.2.2", - "uuid": "^9.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-actions/node_modules/@types/uuid": { - "version": "9.0.8", - "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz", - "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==", - "dev": true, - "license": "MIT" - }, - "node_modules/@storybook/addon-actions/node_modules/uuid": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz", - "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==", - "dev": true, - "funding": [ - "https://github.com/sponsors/broofa", - "https://github.com/sponsors/ctavan" - ], - "license": "MIT", - "bin": { - "uuid": "dist/bin/uuid" + "storybook": "^9.0.16" } }, - "node_modules/@storybook/addon-backgrounds": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.6.12.tgz", - "integrity": "sha512-lmIAma9BiiCTbJ8YfdZkXjpnAIrOUcgboLkt1f6XJ78vNEMnLNzD9gnh7Tssz1qrqvm34v9daDjIb+ggdiKp3Q==", + "node_modules/@storybook/addon-docs": { + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-9.0.16.tgz", + "integrity": "sha512-/ZXaxMC/JqL0cnVuyPHXdJhNvgCrKvxcnM3ACdgBLsEIGcIqegPF+Ahkb2f9sjU36sR7ihT81cL/7cUvQwzd4Q==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/global": "^5.0.0", - "memoizerific": "^1.11.3", + "@mdx-js/react": "^3.0.0", + "@storybook/csf-plugin": "9.0.16", + "@storybook/icons": "^1.2.12", + "@storybook/react-dom-shim": "9.0.16", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "ts-dedent": "^2.0.0" }, "funding": { @@ -6127,18 +6031,17 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" + "storybook": "^9.0.16" } }, - "node_modules/@storybook/addon-controls": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.6.12.tgz", - "integrity": "sha512-9VSRPJWQVb9wLp21uvpxDGNctYptyUX0gbvxIWOHMH3R2DslSoq41lsC/oQ4l4zSHVdL+nq8sCTkhBxIsjKqdQ==", + "node_modules/@storybook/builder-vite": { + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-9.0.16.tgz", + "integrity": "sha512-zXockUexeRy3ABG7DFLEvJqJe4mGL0JkI7FMrpwiKaHCQNaD87vR0xkRVeh0a3B8GKUNxoYtpYKvdzc9DobQHQ==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/global": "^5.0.0", - "dequal": "^2.0.2", + "@storybook/csf-plugin": "9.0.16", "ts-dedent": "^2.0.0" }, "funding": { @@ -6146,592 +6049,230 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" + "storybook": "^9.0.16", + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" } }, - "node_modules/@storybook/addon-docs": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.6.12.tgz", - "integrity": "sha512-kEezQjAf/p3SpDzLABgg4fbT48B6dkT2LiZCKTRmCrJVtuReaAr4R9MMM6Jsph6XjbIj/SvOWf3CMeOPXOs9sg==", + "node_modules/@storybook/csf-plugin": { + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-9.0.16.tgz", + "integrity": "sha512-MSmfPwI0j1mMAc+R3DVkVBQf2KLzaVn2SLdEwweesx63Nh9j3zu9CqKEa0zOuDX1lR2M0DZU0lV6K4sc2EYI4A==", "dev": true, "license": "MIT", "dependencies": { - "@mdx-js/react": "^3.0.0", - "@storybook/blocks": "8.6.12", - "@storybook/csf-plugin": "8.6.12", - "@storybook/react-dom-shim": "8.6.12", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "ts-dedent": "^2.0.0" + "unplugin": "^1.3.1" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" + "storybook": "^9.0.16" } }, - "node_modules/@storybook/addon-essentials": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.6.12.tgz", - "integrity": "sha512-Y/7e8KFlttaNfv7q2zoHMPdX6hPXHdsuQMAjYl5NG9HOAJREu4XBy4KZpbcozRe4ApZ78rYsN/MO1EuA+bNMIA==", + "node_modules/@storybook/global": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz", + "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==", "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/addon-actions": "8.6.12", - "@storybook/addon-backgrounds": "8.6.12", - "@storybook/addon-controls": "8.6.12", - "@storybook/addon-docs": "8.6.12", - "@storybook/addon-highlight": "8.6.12", - "@storybook/addon-measure": "8.6.12", - "@storybook/addon-outline": "8.6.12", - "@storybook/addon-toolbars": "8.6.12", - "@storybook/addon-viewport": "8.6.12", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } + "license": "MIT" }, - "node_modules/@storybook/addon-highlight": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.6.12.tgz", - "integrity": "sha512-9FITVxdoycZ+eXuAZL9ElWyML/0fPPn9UgnnAkrU7zkMi+Segq/Tx7y+WWanC5zfWZrXAuG6WTOYEXeWQdm//w==", + "node_modules/@storybook/icons": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.4.0.tgz", + "integrity": "sha512-Td73IeJxOyalzvjQL+JXx72jlIYHgs+REaHiREOqfpo3A2AYYG71AUbcv+lg7mEDIweKVCxsMQ0UKo634c8XeA==", "dev": true, "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" + "engines": { + "node": ">=14.0.0" }, "peerDependencies": { - "storybook": "^8.6.12" + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta" } }, - "node_modules/@storybook/addon-interactions": { - "version": "8.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.6.14.tgz", - "integrity": "sha512-8VmElhm2XOjh22l/dO4UmXxNOolGhNiSpBcls2pqWSraVh4a670EyYBZsHpkXqfNHo2YgKyZN3C91+9zfH79qQ==", + "node_modules/@storybook/react": { + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-9.0.16.tgz", + "integrity": "sha512-1jk9fBe8vEoZrba9cK19ZDdZgYMXUNl3Egjj5RsTMYMc1L2mtIu9o56VyK/1V4Q52N9IyawHvmIIuxc5pCZHkQ==", "dev": true, "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", - "@storybook/instrumenter": "8.6.14", - "@storybook/test": "8.6.14", - "polished": "^4.2.2", - "ts-dedent": "^2.2.0" + "@storybook/react-dom-shim": "9.0.16" + }, + "engines": { + "node": ">=20.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.14" + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "storybook": "^9.0.16", + "typescript": ">= 4.9.x" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } } }, - "node_modules/@storybook/addon-interactions/node_modules/@storybook/instrumenter": { - "version": "8.6.14", - "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.6.14.tgz", - "integrity": "sha512-iG4MlWCcz1L7Yu8AwgsnfVAmMbvyRSk700Mfy2g4c8y5O+Cv1ejshE1LBBsCwHgkuqU0H4R0qu4g23+6UnUemQ==", + "node_modules/@storybook/react-dom-shim": { + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-9.0.16.tgz", + "integrity": "sha512-5aIK+31R41mRUvDB4vmBv8hwh3IVHIk/Zbs6kkWF2a+swOsB2+a06aLX21lma4/0T/AuFVXHWat0+inQ4nrXRg==", "dev": true, "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@vitest/utils": "^2.1.1" - }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.14" + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "storybook": "^9.0.16" } }, - "node_modules/@storybook/addon-interactions/node_modules/@storybook/test": { - "version": "8.6.14", - "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.6.14.tgz", - "integrity": "sha512-GkPNBbbZmz+XRdrhMtkxPotCLOQ1BaGNp/gFZYdGDk2KmUWBKmvc5JxxOhtoXM2703IzNFlQHSSNnhrDZYuLlw==", + "node_modules/@storybook/react-vite": { + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-9.0.16.tgz", + "integrity": "sha512-a+UsoymyvPH4bJJVI+asj02N8U2wlkGyzhUqF6LUM9gXzixRMxoRHkchCKLdqLhE+//STrwC0YFF3GG6Y5oMEg==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/global": "^5.0.0", - "@storybook/instrumenter": "8.6.14", - "@testing-library/dom": "10.4.0", - "@testing-library/jest-dom": "6.5.0", - "@testing-library/user-event": "14.5.2", - "@vitest/expect": "2.0.5", - "@vitest/spy": "2.0.5" + "@joshwooding/vite-plugin-react-docgen-typescript": "0.6.1", + "@rollup/pluginutils": "^5.0.2", + "@storybook/builder-vite": "9.0.16", + "@storybook/react": "9.0.16", + "find-up": "^7.0.0", + "magic-string": "^0.30.0", + "react-docgen": "^8.0.0", + "resolve": "^1.22.8", + "tsconfig-paths": "^4.2.0" + }, + "engines": { + "node": ">=20.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.14" + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "storybook": "^9.0.16", + "vite": "^5.0.0 || ^6.0.0 || ^7.0.0" } }, - "node_modules/@storybook/addon-interactions/node_modules/@testing-library/jest-dom": { - "version": "6.5.0", - "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz", - "integrity": "sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==", + "node_modules/@storybook/react-vite/node_modules/find-up": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-7.0.0.tgz", + "integrity": "sha512-YyZM99iHrqLKjmt4LJDj58KI+fYyufRLBSYcqycxf//KpBk9FoewoGX0450m9nB44qrZnovzC2oeP5hUibxc/g==", "dev": true, "license": "MIT", "dependencies": { - "@adobe/css-tools": "^4.4.0", - "aria-query": "^5.0.0", - "chalk": "^3.0.0", - "css.escape": "^1.5.1", - "dom-accessibility-api": "^0.6.3", - "lodash": "^4.17.21", - "redent": "^3.0.0" + "locate-path": "^7.2.0", + "path-exists": "^5.0.0", + "unicorn-magic": "^0.1.0" }, "engines": { - "node": ">=14", - "npm": ">=6", - "yarn": ">=1" - } - }, - "node_modules/@storybook/addon-interactions/node_modules/@testing-library/user-event": { - "version": "14.5.2", - "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz", - "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12", - "npm": ">=6" + "node": ">=18" }, - "peerDependencies": { - "@testing-library/dom": ">=7.21.4" + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@storybook/addon-interactions/node_modules/chalk": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz", - "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==", + "node_modules/@storybook/react-vite/node_modules/locate-path": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz", + "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==", "dev": true, "license": "MIT", "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" + "p-locate": "^6.0.0" }, "engines": { - "node": ">=8" + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@storybook/addon-interactions/node_modules/dom-accessibility-api": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz", - "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==", - "dev": true, - "license": "MIT" - }, - "node_modules/@storybook/addon-measure": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.6.12.tgz", - "integrity": "sha512-tACmwqqOvutaQSduw8SMb62wICaT1rWaHtMN3vtWXuxgDPSdJQxLP+wdVyRYMAgpxhLyIO7YRf++Hfha9RHgFg==", + "node_modules/@storybook/react-vite/node_modules/p-limit": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz", + "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/global": "^5.0.0", - "tiny-invariant": "^1.3.1" + "yocto-queue": "^1.0.0" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" }, - "peerDependencies": { - "storybook": "^8.6.12" + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@storybook/addon-outline": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.6.12.tgz", - "integrity": "sha512-1ylwm+n1s40S91No0v9T4tCjZORu3GbnjINlyjYTDLLhQHyBQd3nWR1Y1eewU4xH4cW9SnSLcMQFS/82xHqU6A==", + "node_modules/@storybook/react-vite/node_modules/p-locate": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz", + "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/global": "^5.0.0", - "ts-dedent": "^2.0.0" + "p-limit": "^4.0.0" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" }, - "peerDependencies": { - "storybook": "^8.6.12" + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@storybook/addon-toolbars": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.6.12.tgz", - "integrity": "sha512-HEcSzo1DyFtIu5/ikVOmh5h85C1IvK9iFKSzBR6ice33zBOaehVJK+Z5f487MOXxPsZ63uvWUytwPyViGInj+g==", + "node_modules/@storybook/react-vite/node_modules/path-exists": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz", + "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==", "dev": true, "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" } }, - "node_modules/@storybook/addon-viewport": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.6.12.tgz", - "integrity": "sha512-EXK2LArAnABsPP0leJKy78L/lbMWow+EIJfytEP5fHaW4EhMR6h7Hzaqzre6U0IMMr/jVFa1ci+m0PJ0eQc2bw==", + "node_modules/@storybook/react-vite/node_modules/unicorn-magic": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.1.0.tgz", + "integrity": "sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==", "dev": true, "license": "MIT", - "dependencies": { - "memoizerific": "^1.11.3" + "engines": { + "node": ">=18" }, "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@storybook/blocks": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.6.12.tgz", - "integrity": "sha512-DohlTq6HM1jDbHYiXL4ZvZ00VkhpUp5uftzj/CZDLY1fYHRjqtaTwWm2/OpceivMA8zDitLcq5atEZN+f+siTg==", + "node_modules/@storybook/react-vite/node_modules/yocto-queue": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.1.tgz", + "integrity": "sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==", "dev": true, "license": "MIT", - "dependencies": { - "@storybook/icons": "^1.2.12", - "ts-dedent": "^2.0.0" + "engines": { + "node": ">=12.20" }, "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "storybook": "^8.6.12" - }, - "peerDependenciesMeta": { - "react": { - "optional": true - }, - "react-dom": { - "optional": true - } + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@storybook/builder-vite": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.6.12.tgz", - "integrity": "sha512-Gju21ud/3Qw4v2vLNaa5SuJECsI9ICNRr2G0UyCCzRvCHg8jpA9lDReu2NqhLDyFIuDG+ZYT38gcaHEUoNQ8KQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/csf-plugin": "8.6.12", - "browser-assert": "^1.2.1", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12", - "vite": "^4.0.0 || ^5.0.0 || ^6.0.0" - } - }, - "node_modules/@storybook/components": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.6.12.tgz", - "integrity": "sha512-FiaE8xvCdvKC2arYusgtlDNZ77b8ysr8njAYQZwwaIHjy27TbR2tEpLDCmUwSbANNmivtc/xGEiDDwcNppMWlQ==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, - "node_modules/@storybook/core": { - "version": "8.6.14", - "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.6.14.tgz", - "integrity": "sha512-1P/w4FSNRqP8j3JQBOi3yGt8PVOgSRbP66Ok520T78eJBeqx9ukCfl912PQZ7SPbW3TIunBwLXMZOjZwBB/JmA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/theming": "8.6.14", - "better-opn": "^3.0.2", - "browser-assert": "^1.2.1", - "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0", - "esbuild-register": "^3.5.0", - "jsdoc-type-pratt-parser": "^4.0.0", - "process": "^0.11.10", - "recast": "^0.23.5", - "semver": "^7.6.2", - "util": "^0.12.5", - "ws": "^8.2.3" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "prettier": "^2 || ^3" - }, - "peerDependenciesMeta": { - "prettier": { - "optional": true - } - } - }, - "node_modules/@storybook/core/node_modules/@storybook/theming": { - "version": "8.6.14", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.6.14.tgz", - "integrity": "sha512-r4y+LsiB37V5hzpQo+BM10PaCsp7YlZ0YcZzQP1OCkPlYXmUAFy2VvDKaFRpD8IeNPKug2u4iFm/laDEbs03dg==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, - "node_modules/@storybook/csf": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.13.tgz", - "integrity": "sha512-7xOOwCLGB3ebM87eemep89MYRFTko+D8qE7EdAAq74lgdqRR5cOUtYWJLjO2dLtP94nqoOdHJo6MdLLKzg412Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "type-fest": "^2.19.0" - } - }, - "node_modules/@storybook/csf-plugin": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.6.12.tgz", - "integrity": "sha512-6s8CnP1aoKPb3XtC0jRLUp8M5vTA8RhGAwQDKUsFpCC7g89JR9CaKs9FY2ZSzsNbjR15uASi7b3K8BzeYumYQg==", - "dev": true, - "license": "MIT", - "dependencies": { - "unplugin": "^1.3.1" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/csf/node_modules/type-fest": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz", - "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", - "dev": true, - "license": "(MIT OR CC0-1.0)", - "engines": { - "node": ">=12.20" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/@storybook/global": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz", - "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==", - "dev": true, - "license": "MIT" - }, - "node_modules/@storybook/icons": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.4.0.tgz", - "integrity": "sha512-Td73IeJxOyalzvjQL+JXx72jlIYHgs+REaHiREOqfpo3A2AYYG71AUbcv+lg7mEDIweKVCxsMQ0UKo634c8XeA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta" - } - }, - "node_modules/@storybook/instrumenter": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.6.12.tgz", - "integrity": "sha512-VK5fYAF8jMwWP/u3YsmSwKGh+FeSY8WZn78flzRUwirp2Eg1WWjsqPRubAk7yTpcqcC/km9YMF3KbqfzRv2s/A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@vitest/utils": "^2.1.1" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/manager-api": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.6.12.tgz", - "integrity": "sha512-O0SpISeJLNTQvhSBOsWzzkCgs8vCjOq1578rwqHlC6jWWm4QmtfdyXqnv7rR1Hk08kQ+Dzqh0uhwHx0nfwy4nQ==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, - "node_modules/@storybook/preview-api": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.6.12.tgz", - "integrity": "sha512-84FE3Hrs0AYKHqpDZOwx1S/ffOfxBdL65lhCoeI8GoWwCkzwa9zEP3kvXBo/BnEDO7nAfxvMhjASTZXbKRJh5Q==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, - "node_modules/@storybook/react": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.6.12.tgz", - "integrity": "sha512-NzxlHLA5DkDgZM/dMwTYinuzRs6rsUPmlqP+NIv6YaciQ4NGnTYyOC7R/SqI6HHFm8ZZ5eMYvpfiFmhZ9rU+rQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/components": "8.6.12", - "@storybook/global": "^5.0.0", - "@storybook/manager-api": "8.6.12", - "@storybook/preview-api": "8.6.12", - "@storybook/react-dom-shim": "8.6.12", - "@storybook/theming": "8.6.12" - }, - "engines": { - "node": ">=18.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "@storybook/test": "8.6.12", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.6.12", - "typescript": ">= 4.2.x" - }, - "peerDependenciesMeta": { - "@storybook/test": { - "optional": true - }, - "typescript": { - "optional": true - } - } - }, - "node_modules/@storybook/react-dom-shim": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.6.12.tgz", - "integrity": "sha512-51QvoimkBzYs8s3rCYnY5h0cFqLz/Mh0vRcughwYaXckWzDBV8l67WBO5Xf5nBsukCbWyqBVPpEQLww8s7mrLA==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/react-vite": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-8.6.12.tgz", - "integrity": "sha512-UA2Kule99oyFgHdhcuhrRwCKyWu/yMbqbl9U7NwowFHNwWWFjVMMir/AmfShb/H1C1DQ3LqOad6/QwJyPLjP8g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@joshwooding/vite-plugin-react-docgen-typescript": "0.5.0", - "@rollup/pluginutils": "^5.0.2", - "@storybook/builder-vite": "8.6.12", - "@storybook/react": "8.6.12", - "find-up": "^5.0.0", - "magic-string": "^0.30.0", - "react-docgen": "^7.0.0", - "resolve": "^1.22.8", - "tsconfig-paths": "^4.2.0" - }, - "engines": { - "node": ">=18.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "@storybook/test": "8.6.12", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.6.12", - "vite": "^4.0.0 || ^5.0.0 || ^6.0.0" - }, - "peerDependenciesMeta": { - "@storybook/test": { - "optional": true - } - } - }, - "node_modules/@storybook/test": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.6.12.tgz", - "integrity": "sha512-0BK1Eg+VD0lNMB1BtxqHE3tP9FdkUmohtvWG7cq6lWvMrbCmAmh3VWai3RMCCDOukPFpjabOr8BBRLVvhNpv2w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@storybook/instrumenter": "8.6.12", - "@testing-library/dom": "10.4.0", - "@testing-library/jest-dom": "6.5.0", - "@testing-library/user-event": "14.5.2", - "@vitest/expect": "2.0.5", - "@vitest/spy": "2.0.5" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/test-runner": { - "version": "0.22.0", - "resolved": "https://registry.npmjs.org/@storybook/test-runner/-/test-runner-0.22.0.tgz", - "integrity": "sha512-fKY6MTE/bcvMaulKXy+z0fPmRXJx1REkYMOMcGn8zn6uffyBigGgaVf/sZ+AZfibwvjzg/StWhJ9HvAM8pc14g==", + "node_modules/@storybook/test-runner": { + "version": "0.23.0", + "resolved": "https://registry.npmjs.org/@storybook/test-runner/-/test-runner-0.23.0.tgz", + "integrity": "sha512-AVA6mSotfHAqsKjvWMNR7wcXIoCNQidU9P5GIGEdn+gArzkzTsLXZr6qNjH4XQRg8pSR+IUOuB1MMWZIHxhgoQ==", "dev": true, "license": "MIT", "dependencies": { @@ -6740,7 +6281,6 @@ "@babel/template": "^7.22.5", "@babel/types": "^7.22.5", "@jest/types": "^29.6.3", - "@storybook/csf": "^0.1.11", "@swc/core": "^1.5.22", "@swc/jest": "^0.2.23", "expect-playwright": "^0.8.0", @@ -6759,10 +6299,10 @@ "test-storybook": "dist/test-storybook.js" }, "engines": { - "node": "^16.10.0 || ^18.0.0 || >=20.0.0" + "node": ">=20.0.0" }, "peerDependencies": { - "storybook": "^0.0.0-0 || ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 || ^9.0.0-0" + "storybook": "^0.0.0-0 || ^8.2.0 || ^9.0.0 || ^9.1.0-0" } }, "node_modules/@storybook/test-runner/node_modules/cliui": { @@ -6841,22 +6381,6 @@ "node": ">=8" } }, - "node_modules/@storybook/test-runner/node_modules/make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "license": "MIT", - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/@storybook/test-runner/node_modules/nyc": { "version": "15.1.0", "resolved": "https://registry.npmjs.org/nyc/-/nyc-15.1.0.tgz", @@ -7023,90 +6547,6 @@ "node": ">=6" } }, - "node_modules/@storybook/test/node_modules/@testing-library/jest-dom": { - "version": "6.5.0", - "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz", - "integrity": "sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@adobe/css-tools": "^4.4.0", - "aria-query": "^5.0.0", - "chalk": "^3.0.0", - "css.escape": "^1.5.1", - "dom-accessibility-api": "^0.6.3", - "lodash": "^4.17.21", - "redent": "^3.0.0" - }, - "engines": { - "node": ">=14", - "npm": ">=6", - "yarn": ">=1" - } - }, - "node_modules/@storybook/test/node_modules/@testing-library/user-event": { - "version": "14.5.2", - "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz", - "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12", - "npm": ">=6" - }, - "peerDependencies": { - "@testing-library/dom": ">=7.21.4" - } - }, - "node_modules/@storybook/test/node_modules/chalk": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz", - "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/@storybook/test/node_modules/dom-accessibility-api": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz", - "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==", - "dev": true, - "license": "MIT" - }, - "node_modules/@storybook/theming": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.6.12.tgz", - "integrity": "sha512-6VjZg8HJ2Op7+KV7ihJpYrDnFtd9D1jrQnUS8LckcpuBXrIEbaut5+34ObY8ssQnSqkk2GwIZBBBQYQBCVvkOw==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, - "node_modules/@storybook/types": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/types/-/types-8.6.12.tgz", - "integrity": "sha512-G/nR+js7KV1qKH3nAcOfwceERBic5e03dpkeA6PDmqBiQ8XeM9B6N4NTMhXi/2gM5ZAGJ+NxJMaW6zLnc32DjA==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, "node_modules/@styled-system/background": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/@styled-system/background/-/background-5.1.2.tgz", @@ -7729,6 +7169,16 @@ "@babel/types": "^7.20.7" } }, + "node_modules/@types/chai": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.2.tgz", + "integrity": "sha512-8kB30R7Hwqf40JPiKhVzodJs2Qc1ZJ5zuT3uzw5Hq/dhNCl3G3l83jfpdI1e20BP348+fV7VIL/+FxaXkqBmWg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/deep-eql": "*" + } + }, "node_modules/@types/concat-stream": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/@types/concat-stream/-/concat-stream-2.0.3.tgz", @@ -7756,6 +7206,13 @@ "@types/ms": "*" } }, + "node_modules/@types/deep-eql": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz", + "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==", + "dev": true, + "license": "MIT" + }, "node_modules/@types/doctrine": { "version": "0.0.9", "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz", @@ -8458,96 +7915,58 @@ } }, "node_modules/@vitest/expect": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz", - "integrity": "sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@vitest/spy": "2.0.5", - "@vitest/utils": "2.0.5", - "chai": "^5.1.1", - "tinyrainbow": "^1.2.0" - }, - "funding": { - "url": "https://opencollective.com/vitest" - } - }, - "node_modules/@vitest/expect/node_modules/@vitest/pretty-format": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz", - "integrity": "sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "tinyrainbow": "^1.2.0" - }, - "funding": { - "url": "https://opencollective.com/vitest" - } - }, - "node_modules/@vitest/expect/node_modules/@vitest/utils": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz", - "integrity": "sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.4.tgz", + "integrity": "sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==", "dev": true, "license": "MIT", "dependencies": { - "@vitest/pretty-format": "2.0.5", - "estree-walker": "^3.0.3", - "loupe": "^3.1.1", - "tinyrainbow": "^1.2.0" + "@types/chai": "^5.2.2", + "@vitest/spy": "3.2.4", + "@vitest/utils": "3.2.4", + "chai": "^5.2.0", + "tinyrainbow": "^2.0.0" }, "funding": { "url": "https://opencollective.com/vitest" } }, - "node_modules/@vitest/expect/node_modules/estree-walker": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz", - "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/estree": "^1.0.0" - } - }, "node_modules/@vitest/pretty-format": { - "version": "2.1.9", - "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz", - "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.4.tgz", + "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==", "dev": true, "license": "MIT", "dependencies": { - "tinyrainbow": "^1.2.0" + "tinyrainbow": "^2.0.0" }, "funding": { "url": "https://opencollective.com/vitest" } }, "node_modules/@vitest/spy": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz", - "integrity": "sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.2.4.tgz", + "integrity": "sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==", "dev": true, "license": "MIT", "dependencies": { - "tinyspy": "^3.0.0" + "tinyspy": "^4.0.3" }, "funding": { "url": "https://opencollective.com/vitest" } }, "node_modules/@vitest/utils": { - "version": "2.1.9", - "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz", - "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.4.tgz", + "integrity": "sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==", "dev": true, "license": "MIT", "dependencies": { - "@vitest/pretty-format": "2.1.9", - "loupe": "^3.1.2", - "tinyrainbow": "^1.2.0" + "@vitest/pretty-format": "3.2.4", + "loupe": "^3.1.4", + "tinyrainbow": "^2.0.0" }, "funding": { "url": "https://opencollective.com/vitest" @@ -9663,11 +9082,10 @@ "license": "MIT" }, "node_modules/brace-expansion": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", - "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz", + "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0" } @@ -9685,12 +9103,6 @@ "node": ">=8" } }, - "node_modules/browser-assert": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz", - "integrity": "sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==", - "dev": true - }, "node_modules/browserslist": { "version": "4.24.4", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz", @@ -9789,33 +9201,7 @@ "write-file-atomic": "^3.0.0" }, "engines": { - "node": ">=8" - } - }, - "node_modules/caching-transform/node_modules/make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "license": "MIT", - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/caching-transform/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" + "node": ">=8" } }, "node_modules/caching-transform/node_modules/write-file-atomic": { @@ -9975,9 +9361,9 @@ } }, "node_modules/chai": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/chai/-/chai-5.2.0.tgz", - "integrity": "sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==", + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/chai/-/chai-5.2.1.tgz", + "integrity": "sha512-5nFxhUrX0PqtyogoYOA8IPswy5sZFTOsBFl/9bNsmDLgsxYTzSZQJDPppDnZPTQbzSEm0hqGjWPzRemQCYbD6A==", "dev": true, "license": "MIT", "dependencies": { @@ -9988,7 +9374,7 @@ "pathval": "^2.0.0" }, "engines": { - "node": ">=12" + "node": ">=18" } }, "node_modules/chalk": { @@ -10419,6 +9805,16 @@ "url": "https://github.com/sponsors/wooorm" } }, + "node_modules/commander": { + "version": "12.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz", + "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + } + }, "node_modules/commitizen": { "version": "4.3.1", "resolved": "https://registry.npmjs.org/commitizen/-/commitizen-4.3.1.tgz", @@ -12919,11 +12315,10 @@ } }, "node_modules/eslint-plugin-import/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -13221,11 +12616,10 @@ } }, "node_modules/eslint-plugin-jsx-a11y/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -13385,11 +12779,10 @@ } }, "node_modules/eslint-plugin-react/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -13685,11 +13078,10 @@ "license": "Python-2.0" }, "node_modules/eslint/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -14277,32 +13669,6 @@ "url": "https://github.com/avajs/find-cache-dir?sponsor=1" } }, - "node_modules/find-cache-dir/node_modules/make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "license": "MIT", - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/find-cache-dir/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - } - }, "node_modules/find-file-up": { "version": "0.1.3", "resolved": "https://registry.npmjs.org/find-file-up/-/find-file-up-0.1.3.tgz", @@ -14443,16 +13809,6 @@ "find-process": "bin/find-process.js" } }, - "node_modules/find-process/node_modules/commander": { - "version": "12.1.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz", - "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=18" - } - }, "node_modules/find-root": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", @@ -15094,11 +14450,10 @@ "peer": true }, "node_modules/glob/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -15955,23 +15310,6 @@ "url": "https://github.com/sponsors/wooorm" } }, - "node_modules/is-arguments": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz", - "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==", - "dev": true, - "license": "MIT", - "dependencies": { - "call-bound": "^1.0.2", - "has-tostringtag": "^1.0.2" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/is-array-buffer": { "version": "3.0.5", "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz", @@ -17642,22 +16980,6 @@ "node": ">=8" } }, - "node_modules/jest-playwright-preset/node_modules/make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "license": "MIT", - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/jest-playwright-preset/node_modules/nyc": { "version": "15.1.0", "resolved": "https://registry.npmjs.org/nyc/-/nyc-15.1.0.tgz", @@ -18241,19 +17563,6 @@ "node": ">=12.20" } }, - "node_modules/jest-watch-typeahead/node_modules/slash": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz", - "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=14.16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/jest-watch-typeahead/node_modules/string-length": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/string-length/-/string-length-5.0.1.tgz", @@ -18357,16 +17666,6 @@ "js-yaml": "bin/js-yaml.js" } }, - "node_modules/jsdoc-type-pratt-parser": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz", - "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12.0.0" - } - }, "node_modules/jsdom": { "version": "21.1.2", "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-21.1.2.tgz", @@ -19170,9 +18469,9 @@ } }, "node_modules/loupe": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.3.tgz", - "integrity": "sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==", + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.4.tgz", + "integrity": "sha512-wJzkKwJrheKtknCOKNEtDK4iqg/MxmZheEMtSTYvnzRdEYaZzmgH976nenp8WdJRdx5Vc1X/9MO0Oszl6ezeXg==", "dev": true, "license": "MIT" }, @@ -19213,6 +18512,32 @@ "@jridgewell/sourcemap-codec": "^1.5.0" } }, + "node_modules/make-dir": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", + "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", + "dev": true, + "license": "MIT", + "dependencies": { + "semver": "^6.0.0" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/make-dir/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, "node_modules/make-error": { "version": "1.3.6", "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", @@ -19243,13 +18568,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/map-or-similar": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz", - "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==", - "dev": true, - "license": "MIT" - }, "node_modules/markdown-table": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz", @@ -19914,16 +19232,6 @@ "dev": true, "license": "CC0-1.0" }, - "node_modules/memoizerific": { - "version": "1.11.3", - "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz", - "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==", - "dev": true, - "license": "MIT", - "dependencies": { - "map-or-similar": "^1.5.0" - } - }, "node_modules/meow": { "version": "8.1.2", "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz", @@ -24150,32 +23458,6 @@ "node": ">=8" } }, - "node_modules/nyc/node_modules/make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "license": "MIT", - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/nyc/node_modules/make-dir/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - } - }, "node_modules/nyc/node_modules/p-limit": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", @@ -24926,9 +24208,9 @@ } }, "node_modules/pathval": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz", - "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz", + "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==", "dev": true, "license": "MIT", "engines": { @@ -25178,19 +24460,6 @@ "semver-compare": "^1.0.0" } }, - "node_modules/polished": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz", - "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/runtime": "^7.17.8" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/possible-typed-array-names": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz", @@ -25964,16 +25233,6 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/process": { - "version": "0.11.10", - "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", - "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.6.0" - } - }, "node_modules/process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", @@ -26224,22 +25483,6 @@ "node": ">=0.10.0" } }, - "node_modules/react-confetti": { - "version": "6.4.0", - "resolved": "https://registry.npmjs.org/react-confetti/-/react-confetti-6.4.0.tgz", - "integrity": "sha512-5MdGUcqxrTU26I2EU7ltkWPwxvucQTuqMm8dUz72z2YMqTD6s9vMcDUysk7n9jnC+lXuCPeJJ7Knf98VEYE9Rg==", - "dev": true, - "license": "MIT", - "dependencies": { - "tween-functions": "^1.2.0" - }, - "engines": { - "node": ">=16" - }, - "peerDependencies": { - "react": "^16.3.0 || ^17.0.1 || ^18.0.0 || ^19.0.0" - } - }, "node_modules/react-day-picker": { "version": "9.3.2", "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-9.3.2.tgz", @@ -26300,9 +25543,9 @@ } }, "node_modules/react-docgen": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-7.1.1.tgz", - "integrity": "sha512-hlSJDQ2synMPKFZOsKo9Hi8WWZTC7POR8EmWvTSjow+VDgKzkmjQvFm2fk0tmRw+f0vTOIYKlarR0iL4996pdg==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-8.0.0.tgz", + "integrity": "sha512-kmob/FOTwep7DUWf9KjuenKX0vyvChr3oTdvvPt09V60Iz75FJp+T/0ZeHMbAfJj2WaVWqAPP5Hmm3PYzSPPKg==", "dev": true, "license": "MIT", "dependencies": { @@ -26318,13 +25561,13 @@ "strip-indent": "^4.0.0" }, "engines": { - "node": ">=16.14.0" + "node": "^20.9.0 || >=22" } }, "node_modules/react-docgen-typescript": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz", - "integrity": "sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==", + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.4.0.tgz", + "integrity": "sha512-ZtAp5XTO5HRzQctjPU0ybY0RRCQO19X/8fxn3w7y2VVTUbGHDKULPTL4ky3vB05euSgG5NpALhEhDPvQ56wvXg==", "dev": true, "license": "MIT", "peerDependencies": { @@ -29217,6 +28460,19 @@ "node": ">=8" } }, + "node_modules/slash": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz", + "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/slice-ansi": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz", @@ -29333,32 +28589,6 @@ "dev": true, "license": "ISC" }, - "node_modules/spawn-wrap/node_modules/make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "license": "MIT", - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/spawn-wrap/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - } - }, "node_modules/spawn-wrap/node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -29434,6 +28664,12 @@ "readable-stream": "^3.0.0" } }, + "node_modules/sprintf-js": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz", + "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==", + "dev": true + }, "node_modules/stable": { "version": "0.1.8", "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz", @@ -29466,17 +28702,25 @@ } }, "node_modules/storybook": { - "version": "8.6.14", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.6.14.tgz", - "integrity": "sha512-sVKbCj/OTx67jhmauhxc2dcr1P+yOgz/x3h0krwjyMgdc5Oubvxyg4NYDZmzAw+ym36g/lzH8N0Ccp4dwtdfxw==", + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-9.0.16.tgz", + "integrity": "sha512-DzjzeggdzlXKKBK1L9iqNKqqNpyfeaL1hxxeAOmqgeMezwy5d5mCJmjNcZEmx+prsRmvj1OWm4ZZAg6iP/wABg==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/core": "8.6.14" + "@storybook/global": "^5.0.0", + "@testing-library/jest-dom": "^6.6.3", + "@testing-library/user-event": "^14.6.1", + "@vitest/expect": "3.2.4", + "@vitest/spy": "3.2.4", + "better-opn": "^3.0.2", + "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0", + "esbuild-register": "^3.5.0", + "recast": "^0.23.5", + "semver": "^7.6.2", + "ws": "^8.18.0" }, "bin": { - "getstorybook": "bin/index.cjs", - "sb": "bin/index.cjs", "storybook": "bin/index.cjs" }, "funding": { @@ -29493,16 +28737,17 @@ } }, "node_modules/storybook-addon-pseudo-states": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/storybook-addon-pseudo-states/-/storybook-addon-pseudo-states-4.0.4.tgz", - "integrity": "sha512-hF3nLFpRPjqNxa7eqp+j1bd+DvyUCns1iesUZqMZz9ZuIijosOTQgJO5G0drbdxlHvXehu/BgcqbyxBb2eJR5w==", + "version": "9.0.16", + "resolved": "https://registry.npmjs.org/storybook-addon-pseudo-states/-/storybook-addon-pseudo-states-9.0.16.tgz", + "integrity": "sha512-eLgu6j7I13t+ct8GM1+4I0Q+N4YLjCCmZe98XLjtJAfOUggUY1jNkIiPo09NDOMrWD7fZ4gD2i49t6M1xBUwGw==", "dev": true, "license": "MIT", - "dependencies": { - "@storybook/icons": "^1.2.10" + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.2.0" + "storybook": "^9.0.16" } }, "node_modules/stream-combiner2": { @@ -30373,11 +29618,10 @@ } }, "node_modules/test-exclude/node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", + "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -30494,9 +29738,9 @@ } }, "node_modules/tinyrainbow": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz", - "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz", + "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==", "dev": true, "license": "MIT", "engines": { @@ -30504,9 +29748,9 @@ } }, "node_modules/tinyspy": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz", - "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==", + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-4.0.3.tgz", + "integrity": "sha512-t2T/WLB2WRgZ9EpE4jgPJ9w+i66UZfDc8wHh0xrwiRNN+UwH98GIJkTeZqX9rg0i0ptwzqW+uYeIF0T4F8LR7A==", "dev": true, "license": "MIT", "engines": { @@ -30762,13 +30006,6 @@ "dev": true, "license": "0BSD" }, - "node_modules/tween-functions": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/tween-functions/-/tween-functions-1.2.0.tgz", - "integrity": "sha512-PZBtLYcCLtEcjL14Fzb1gSxPBeL7nWvGhO5ZFPGqziCcr8uvHp0NDmdjBchp6KHL+tExcg0m3NISmKxhU394dA==", - "dev": true, - "license": "BSD" - }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", @@ -31474,20 +30711,6 @@ "requires-port": "^1.0.0" } }, - "node_modules/util": { - "version": "0.12.5", - "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz", - "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==", - "dev": true, - "license": "MIT", - "dependencies": { - "inherits": "^2.0.3", - "is-arguments": "^1.0.4", - "is-generator-function": "^1.0.7", - "is-typed-array": "^1.1.3", - "which-typed-array": "^1.1.2" - } - }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", diff --git a/package.json b/package.json index c580ec3439..d5369fcd5e 100644 --- a/package.json +++ b/package.json @@ -65,7 +65,7 @@ "@babel/preset-react": "^7.23.3", "@babel/preset-typescript": "^7.23.3", "@babel/types": "^7.23.4", - "@chromatic-com/storybook": "^2.0.2", + "@chromatic-com/storybook": "^4.0.1", "@commitlint/cli": "^17.6.3", "@commitlint/config-conventional": "^17.6.3", "@dotenvx/dotenvx": "^1.25.1", @@ -80,25 +80,12 @@ "@semantic-release/changelog": "^6.0.3", "@semantic-release/exec": "^6.0.3", "@semantic-release/git": "^10.0.1", - "@storybook/addon-a11y": "~8.6.12", - "@storybook/addon-actions": "~8.6.12", - "@storybook/addon-controls": "~8.6.12", - "@storybook/addon-docs": "~8.6.12", - "@storybook/addon-essentials": "~8.6.12", - "@storybook/addon-interactions": "~8.6.12", - "@storybook/addon-toolbars": "~8.6.12", - "@storybook/addon-viewport": "~8.6.12", - "@storybook/builder-vite": "~8.6.12", - "@storybook/components": "~8.6.12", + "@storybook/addon-a11y": "~9.0.16", + "@storybook/addon-docs": "~9.0.16", + "@storybook/builder-vite": "~9.0.16", "@storybook/icons": "1.4.0", - "@storybook/manager-api": "~8.6.12", - "@storybook/preview-api": "~8.6.12", - "@storybook/react": "~8.6.12", - "@storybook/react-vite": "~8.6.12", - "@storybook/test": "~8.6.12", - "@storybook/test-runner": "^0.22.0", - "@storybook/theming": "~8.6.12", - "@storybook/types": "~8.6.12", + "@storybook/react-vite": "~9.0.16", + "@storybook/test-runner": "^0.23.0", "@swc/core": "^1.11.29", "@swc/helpers": "^0.5.15", "@swc/plugin-styled-components": "^7.1.0", @@ -179,8 +166,9 @@ "rollup-plugin-visualizer": "^5.14.0", "semantic-release": "^24.2.3", "semver": "^7.5.4", - "storybook": "~8.6.12", - "storybook-addon-pseudo-states": "~4.0.2", + "sprintf-js": "^1.1.3", + "storybook": "~9.0.16", + "storybook-addon-pseudo-states": "~9.0.16", "styled-components": "^5.3.11", "typescript": "~5.3.0", "url-loader": "^4.1.1", @@ -219,7 +207,8 @@ }, "overrides": { "playwright-core": "$@playwright/experimental-ct-react", - "jsdom": "$jsdom" + "jsdom": "$jsdom", + "storybook": "$storybook" }, "config": { "commitizen": { diff --git a/src/components/accordion/accordion-group/accordion-group.stories.tsx b/src/components/accordion/accordion-group/accordion-group.stories.tsx index 3a0f086265..3844b04561 100644 --- a/src/components/accordion/accordion-group/accordion-group.stories.tsx +++ b/src/components/accordion/accordion-group/accordion-group.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import AccordionGroup from "./accordion-group.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "AccordionGroup", component: AccordionGroup, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/accordion/accordion-interaction.stories.tsx b/src/components/accordion/accordion-interaction.stories.tsx index 13f2cee255..6b665a1a06 100644 --- a/src/components/accordion/accordion-interaction.stories.tsx +++ b/src/components/accordion/accordion-interaction.stories.tsx @@ -1,6 +1,6 @@ -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { StoryObj } from "@storybook/react"; -import { userEvent, within } from "@storybook/test"; +import { userEvent, within } from "storybook/test"; import React from "react"; import { Accordion, AccordionGroup } from "."; diff --git a/src/components/accordion/accordion-test.stories.tsx b/src/components/accordion/accordion-test.stories.tsx index 8e26b61dc3..df81bb8384 100644 --- a/src/components/accordion/accordion-test.stories.tsx +++ b/src/components/accordion/accordion-test.stories.tsx @@ -1,6 +1,5 @@ import React, { useMemo, useState } from "react"; -import { action } from "@storybook/addon-actions"; - +import { action } from "storybook/actions"; import { Accordion, AccordionGroup } from "."; import Textbox from "../textbox"; import Box from "../box"; diff --git a/src/components/accordion/accordion.mdx b/src/components/accordion/accordion.mdx index 423df62ef4..5767592552 100644 --- a/src/components/accordion/accordion.mdx +++ b/src/components/accordion/accordion.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as AccordionStories from "./accordion.stories"; import * as AccordionGroupStories from "./accordion-group/accordion-group.stories"; diff --git a/src/components/accordion/accordion.stories.tsx b/src/components/accordion/accordion.stories.tsx index f381eaa1eb..8a47c9e650 100644 --- a/src/components/accordion/accordion.stories.tsx +++ b/src/components/accordion/accordion.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { Accordion, AccordionGroup } from "."; import Box from "../box/box.component"; import Button from "../button/button.component"; diff --git a/src/components/action-popover/action-popover-interaction.stories.tsx b/src/components/action-popover/action-popover-interaction.stories.tsx index b28be664c5..682793e6a1 100644 --- a/src/components/action-popover/action-popover-interaction.stories.tsx +++ b/src/components/action-popover/action-popover-interaction.stories.tsx @@ -1,5 +1,5 @@ import { StoryObj } from "@storybook/react"; -import { userEvent, within } from "@storybook/test"; +import { userEvent, within } from "storybook/test"; import React from "react"; import { diff --git a/src/components/action-popover/action-popover-item/action-popover-item.stories.tsx b/src/components/action-popover/action-popover-item/action-popover-item.stories.tsx index cc13d8132e..c5adbc0513 100644 --- a/src/components/action-popover/action-popover-item/action-popover-item.stories.tsx +++ b/src/components/action-popover/action-popover-item/action-popover-item.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { ActionPopoverItem } from "./action-popover-item.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "ActionPopoverItem", component: ActionPopoverItem, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/action-popover/action-popover-menu-button/action-popover-menu-button.stories.tsx b/src/components/action-popover/action-popover-menu-button/action-popover-menu-button.stories.tsx index 71da715db7..e8f3dcb578 100644 --- a/src/components/action-popover/action-popover-menu-button/action-popover-menu-button.stories.tsx +++ b/src/components/action-popover/action-popover-menu-button/action-popover-menu-button.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import ActionPopoverMenuButton from "./action-popover-menu-button.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "ActionPopoverMenuButton", component: ActionPopoverMenuButton, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/action-popover/action-popover-menu/action-popover-menu.stories.tsx b/src/components/action-popover/action-popover-menu/action-popover-menu.stories.tsx index f1b3f1746d..859057b4b1 100644 --- a/src/components/action-popover/action-popover-menu/action-popover-menu.stories.tsx +++ b/src/components/action-popover/action-popover-menu/action-popover-menu.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import ActionPopoverMenu from "./action-popover-menu.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "ActionPopoverMenu", component: ActionPopoverMenu, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/action-popover/action-popover-test.stories.tsx b/src/components/action-popover/action-popover-test.stories.tsx index 02f2918f4f..c2f964af64 100644 --- a/src/components/action-popover/action-popover-test.stories.tsx +++ b/src/components/action-popover/action-popover-test.stories.tsx @@ -1,7 +1,7 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; -import { Meta, StoryObj } from "@storybook/react"; -import { userEvent, within } from "@storybook/test"; +import { action } from "storybook/actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { userEvent, within } from "storybook/test"; import { ActionPopover, diff --git a/src/components/action-popover/action-popover.mdx b/src/components/action-popover/action-popover.mdx index b9eacc6ee9..85fdd8ef63 100644 --- a/src/components/action-popover/action-popover.mdx +++ b/src/components/action-popover/action-popover.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as ActionPopoverMenuButtonStories from "./action-popover-menu-button/action-popover-menu-button.stories"; diff --git a/src/components/action-popover/action-popover.stories.tsx b/src/components/action-popover/action-popover.stories.tsx index c64921f3d3..5db1d4f154 100644 --- a/src/components/action-popover/action-popover.stories.tsx +++ b/src/components/action-popover/action-popover.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { ActionPopover, ActionPopoverDivider, diff --git a/src/components/adaptive-sidebar/adaptive-sidebar-interaction.stories.tsx b/src/components/adaptive-sidebar/adaptive-sidebar-interaction.stories.tsx index 1685aa7c0e..343e331aae 100644 --- a/src/components/adaptive-sidebar/adaptive-sidebar-interaction.stories.tsx +++ b/src/components/adaptive-sidebar/adaptive-sidebar-interaction.stories.tsx @@ -1,5 +1,5 @@ import { StoryObj } from "@storybook/react"; -import { userEvent, within } from "@storybook/test"; +import { userEvent, within } from "storybook/test"; import React, { useState } from "react"; import AdaptiveSidebar from "."; diff --git a/src/components/adaptive-sidebar/adaptive-sidebar.mdx b/src/components/adaptive-sidebar/adaptive-sidebar.mdx index c14e88bf2d..9d80f3a925 100644 --- a/src/components/adaptive-sidebar/adaptive-sidebar.mdx +++ b/src/components/adaptive-sidebar/adaptive-sidebar.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as AdaptiveSidebarStories from "./adaptive-sidebar.stories"; diff --git a/src/components/adaptive-sidebar/adaptive-sidebar.stories.tsx b/src/components/adaptive-sidebar/adaptive-sidebar.stories.tsx index 5f334258c7..4d056893af 100644 --- a/src/components/adaptive-sidebar/adaptive-sidebar.stories.tsx +++ b/src/components/adaptive-sidebar/adaptive-sidebar.stories.tsx @@ -1,4 +1,5 @@ -import { Meta, StoryObj } from "@storybook/react"; +/* eslint-disable no-console */ +import { Meta, StoryObj } from "@storybook/react-vite"; import React, { useMemo, useState } from "react"; import { allModes } from "../../../.storybook/modes"; import isChromatic from "../../../.storybook/isChromatic"; diff --git a/src/components/advanced-color-picker/advanced-color-picker-test.stories.tsx b/src/components/advanced-color-picker/advanced-color-picker-test.stories.tsx index 7d9af4d7c0..8d6e4b3b39 100644 --- a/src/components/advanced-color-picker/advanced-color-picker-test.stories.tsx +++ b/src/components/advanced-color-picker/advanced-color-picker-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import AdvancedColorPicker, { AdvancedColorPickerProps } from "."; export default { diff --git a/src/components/advanced-color-picker/advanced-color-picker.mdx b/src/components/advanced-color-picker/advanced-color-picker.mdx index a7af50a88a..7d432fdfa1 100644 --- a/src/components/advanced-color-picker/advanced-color-picker.mdx +++ b/src/components/advanced-color-picker/advanced-color-picker.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as AdvancedColorPickerStories from "./advanced-color-picker.stories"; diff --git a/src/components/advanced-color-picker/advanced-color-picker.stories.tsx b/src/components/advanced-color-picker/advanced-color-picker.stories.tsx index 6ea78a84ad..6f52f1609a 100644 --- a/src/components/advanced-color-picker/advanced-color-picker.stories.tsx +++ b/src/components/advanced-color-picker/advanced-color-picker.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { allModes } from "../../../.storybook/modes"; import isChromatic from "../../../.storybook/isChromatic"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/alert/alert-test.stories.tsx b/src/components/alert/alert-test.stories.tsx index e11d77de67..220c57b3c7 100644 --- a/src/components/alert/alert-test.stories.tsx +++ b/src/components/alert/alert-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Alert from "."; import Button from "../button"; diff --git a/src/components/alert/alert.mdx b/src/components/alert/alert.mdx index f58dd17a6f..ab3d25a0da 100644 --- a/src/components/alert/alert.mdx +++ b/src/components/alert/alert.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as AlertStories from "./alert.stories"; diff --git a/src/components/alert/alert.stories.tsx b/src/components/alert/alert.stories.tsx index d0fb0388ba..19bd7364f3 100644 --- a/src/components/alert/alert.stories.tsx +++ b/src/components/alert/alert.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { allModes } from "../../../.storybook/modes"; import isChromatic from "../../../.storybook/isChromatic"; diff --git a/src/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.stories.tsx b/src/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.stories.tsx index 34a9c5cc93..b8c16b884e 100644 --- a/src/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.stories.tsx +++ b/src/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import AnchorNavigationItem from "./anchor-navigation-item.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "AnchorNavigationItem", component: AnchorNavigationItem, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/anchor-navigation/anchor-navigation-test.stories.tsx b/src/components/anchor-navigation/anchor-navigation-test.stories.tsx index 20472e0c73..1d013b2c6c 100644 --- a/src/components/anchor-navigation/anchor-navigation-test.stories.tsx +++ b/src/components/anchor-navigation/anchor-navigation-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useRef, useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Textbox from "../textbox"; import Button from "../button"; diff --git a/src/components/anchor-navigation/anchor-navigation.mdx b/src/components/anchor-navigation/anchor-navigation.mdx index 6d6115d978..b8227a7154 100644 --- a/src/components/anchor-navigation/anchor-navigation.mdx +++ b/src/components/anchor-navigation/anchor-navigation.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas, Story } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas, Story } from "@storybook/addon-docs/blocks"; import * as AnchorNavigationItemStories from "./anchor-navigation-item/anchor-navigation-item.stories"; import * as AnchorNavigationStories from "./anchor-navigation.stories"; diff --git a/src/components/anchor-navigation/anchor-navigation.stories.tsx b/src/components/anchor-navigation/anchor-navigation.stories.tsx index ab49c8ad09..02064595e2 100644 --- a/src/components/anchor-navigation/anchor-navigation.stories.tsx +++ b/src/components/anchor-navigation/anchor-navigation.stories.tsx @@ -1,6 +1,6 @@ import React, { useRef, useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Box from "../box"; import Textbox from "../textbox"; diff --git a/src/components/badge/badge-test.stories.tsx b/src/components/badge/badge-test.stories.tsx index ea69a83721..8b44723db3 100644 --- a/src/components/badge/badge-test.stories.tsx +++ b/src/components/badge/badge-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Badge from "."; import Box from "../box"; import Button from "../button"; diff --git a/src/components/badge/badge.mdx b/src/components/badge/badge.mdx index 72ce9a0047..df92a005e6 100644 --- a/src/components/badge/badge.mdx +++ b/src/components/badge/badge.mdx @@ -1,5 +1,4 @@ -import { Meta, Canvas } from "@storybook/addon-docs"; -import { ArgTypes } from "@storybook/blocks"; +import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs/blocks"; import * as BadgeStories from "./badge.stories"; diff --git a/src/components/badge/badge.stories.tsx b/src/components/badge/badge.stories.tsx index 237bb7f545..90029a2fe9 100644 --- a/src/components/badge/badge.stories.tsx +++ b/src/components/badge/badge.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Badge from "."; import Button from "../button"; diff --git a/src/components/batch-selection/batch-selection.mdx b/src/components/batch-selection/batch-selection.mdx index 3abfeca719..d263ff4d67 100644 --- a/src/components/batch-selection/batch-selection.mdx +++ b/src/components/batch-selection/batch-selection.mdx @@ -1,5 +1,4 @@ -import { Meta, Canvas } from "@storybook/addon-docs"; -import { ArgTypes } from "@storybook/blocks"; +import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as IconButtonStories from "../icon-button/icon-button.stories"; diff --git a/src/components/batch-selection/batch-selection.stories.tsx b/src/components/batch-selection/batch-selection.stories.tsx index 01f4d4748b..3876e1f850 100644 --- a/src/components/batch-selection/batch-selection.stories.tsx +++ b/src/components/batch-selection/batch-selection.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import BatchSelection from "."; import IconButton from "../icon-button"; diff --git a/src/components/box/box.mdx b/src/components/box/box.mdx index 6f9eeaf220..bec17e6084 100644 --- a/src/components/box/box.mdx +++ b/src/components/box/box.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as BoxStories from "./box.stories"; diff --git a/src/components/box/box.stories.tsx b/src/components/box/box.stories.tsx index d05e826f21..0620a550df 100644 --- a/src/components/box/box.stories.tsx +++ b/src/components/box/box.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Box, { BoxProps } from "."; import Button from "../button"; diff --git a/src/components/breadcrumbs/breadcrumbs.mdx b/src/components/breadcrumbs/breadcrumbs.mdx index d14baa68aa..8bafe0e7bb 100644 --- a/src/components/breadcrumbs/breadcrumbs.mdx +++ b/src/components/breadcrumbs/breadcrumbs.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as CrumbStories from "./crumb/crumb.stories.tsx"; diff --git a/src/components/breadcrumbs/breadcrumbs.stories.tsx b/src/components/breadcrumbs/breadcrumbs.stories.tsx index d43ad13688..3aebcb243f 100644 --- a/src/components/breadcrumbs/breadcrumbs.stories.tsx +++ b/src/components/breadcrumbs/breadcrumbs.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { Breadcrumbs, Crumb } from "."; import Box from "../box"; diff --git a/src/components/breadcrumbs/crumb/crumb.stories.tsx b/src/components/breadcrumbs/crumb/crumb.stories.tsx index 26ee463284..b008074d3c 100644 --- a/src/components/breadcrumbs/crumb/crumb.stories.tsx +++ b/src/components/breadcrumbs/crumb/crumb.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Crumb from "./crumb.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Crumb", component: Crumb, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/button-bar/button-bar.mdx b/src/components/button-bar/button-bar.mdx index 834535f612..a3aa4273c7 100644 --- a/src/components/button-bar/button-bar.mdx +++ b/src/components/button-bar/button-bar.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as ButtonBarStories from "./button-bar.stories"; diff --git a/src/components/button-bar/button-bar.stories.tsx b/src/components/button-bar/button-bar.stories.tsx index e2868c8d08..139958c7bb 100644 --- a/src/components/button-bar/button-bar.stories.tsx +++ b/src/components/button-bar/button-bar.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import ButtonBar from "."; import Button from "../button"; diff --git a/src/components/button-minor/button-minor-test.stories.tsx b/src/components/button-minor/button-minor-test.stories.tsx index cc05a760f8..a975fb8092 100644 --- a/src/components/button-minor/button-minor-test.stories.tsx +++ b/src/components/button-minor/button-minor-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import ButtonMinor, { ButtonMinorProps } from "./button-minor.component"; import { ICONS } from "../icon/icon-config"; import { diff --git a/src/components/button-minor/button-minor.mdx b/src/components/button-minor/button-minor.mdx index e086c52e9b..773cb4c77d 100644 --- a/src/components/button-minor/button-minor.mdx +++ b/src/components/button-minor/button-minor.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as ButtonMinorStories from "./button-minor.stories"; diff --git a/src/components/button-minor/button-minor.stories.tsx b/src/components/button-minor/button-minor.stories.tsx index f2fb074128..ca04b07105 100644 --- a/src/components/button-minor/button-minor.stories.tsx +++ b/src/components/button-minor/button-minor.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import ButtonMinor from "."; diff --git a/src/components/button-toggle/button-toggle-group/button-toggle-group-test.stories.tsx b/src/components/button-toggle/button-toggle-group/button-toggle-group-test.stories.tsx index e7e208b1f0..87262b569f 100644 --- a/src/components/button-toggle/button-toggle-group/button-toggle-group-test.stories.tsx +++ b/src/components/button-toggle/button-toggle-group/button-toggle-group-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { ButtonToggle, ButtonToggleGroup } from ".."; export default { diff --git a/src/components/button-toggle/button-toggle-group/button-toggle-group.stories.tsx b/src/components/button-toggle/button-toggle-group/button-toggle-group.stories.tsx index f0486ff7e5..0291c4e77d 100644 --- a/src/components/button-toggle/button-toggle-group/button-toggle-group.stories.tsx +++ b/src/components/button-toggle/button-toggle-group/button-toggle-group.stories.tsx @@ -1,11 +1,11 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import ButtonToggleGroup from "."; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -18,7 +18,7 @@ const meta: Meta = { argTypes: { ...styledSystemProps, }, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/button-toggle/button-toggle-test.stories.tsx b/src/components/button-toggle/button-toggle-test.stories.tsx index 9fe769a02e..a3c6e1eaba 100644 --- a/src/components/button-toggle/button-toggle-test.stories.tsx +++ b/src/components/button-toggle/button-toggle-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { ButtonToggle, ButtonToggleGroup, ButtonToggleProps } from "."; import Box from "../box"; diff --git a/src/components/button-toggle/button-toggle.mdx b/src/components/button-toggle/button-toggle.mdx index ba3a9e7591..49c040dbcd 100644 --- a/src/components/button-toggle/button-toggle.mdx +++ b/src/components/button-toggle/button-toggle.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as ButtonToggleStories from "./button-toggle.stories"; import * as ButtonToggleGroupStories from "./button-toggle-group/button-toggle-group.stories"; diff --git a/src/components/button-toggle/button-toggle.stories.tsx b/src/components/button-toggle/button-toggle.stories.tsx index 37c2a7e484..5fe8f8b098 100644 --- a/src/components/button-toggle/button-toggle.stories.tsx +++ b/src/components/button-toggle/button-toggle.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import isChromatic from "../../../.storybook/isChromatic"; import { ButtonToggle, ButtonToggleGroup } from "."; import Box from "../box"; diff --git a/src/components/button/button-test.stories.tsx b/src/components/button/button-test.stories.tsx index f8196c4ed5..57c053a609 100644 --- a/src/components/button/button-test.stories.tsx +++ b/src/components/button/button-test.stories.tsx @@ -1,7 +1,7 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; -import { Meta, StoryObj } from "@storybook/react"; -import { userEvent, waitFor, within, expect } from "@storybook/test"; +import { action } from "storybook/actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { userEvent, waitFor, within, expect } from "storybook/test"; import Button, { ButtonProps } from "."; import Box from "../box"; diff --git a/src/components/button/button.mdx b/src/components/button/button.mdx index 0216863f4e..d7f3b9080d 100644 --- a/src/components/button/button.mdx +++ b/src/components/button/button.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as ButtonStories from "./button.stories"; diff --git a/src/components/button/button.stories.tsx b/src/components/button/button.stories.tsx index 4d1860341b..e56b3094b2 100644 --- a/src/components/button/button.stories.tsx +++ b/src/components/button/button.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Button from "."; import Box from "../box"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/carbon-provider/carbon-provider-test.stories.tsx b/src/components/carbon-provider/carbon-provider-test.stories.tsx index 6fc060dae2..3fb6b221a9 100644 --- a/src/components/carbon-provider/carbon-provider-test.stories.tsx +++ b/src/components/carbon-provider/carbon-provider-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-vite"; import CarbonProvider from "."; import Button from "../button"; diff --git a/src/components/carbon-provider/carbon-provider.mdx b/src/components/carbon-provider/carbon-provider.mdx index 25eaa0870d..c12dac1739 100644 --- a/src/components/carbon-provider/carbon-provider.mdx +++ b/src/components/carbon-provider/carbon-provider.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as CarbonProviderStories from "./carbon-provider.stories"; diff --git a/src/components/carbon-provider/carbon-provider.stories.tsx b/src/components/carbon-provider/carbon-provider.stories.tsx index 4e7b50276f..76c36a4fa0 100644 --- a/src/components/carbon-provider/carbon-provider.stories.tsx +++ b/src/components/carbon-provider/carbon-provider.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Button from "../button"; import CarbonProvider from "."; diff --git a/src/components/card/card-column/card-column.stories.tsx b/src/components/card/card-column/card-column.stories.tsx index 9189405311..d3f5d928f9 100644 --- a/src/components/card/card-column/card-column.stories.tsx +++ b/src/components/card/card-column/card-column.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import CardColumn from "."; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "CardColumn", component: CardColumn, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/card/card-footer/card-footer.stories.tsx b/src/components/card/card-footer/card-footer.stories.tsx index 19c4ac81d3..5b7a1b98d6 100644 --- a/src/components/card/card-footer/card-footer.stories.tsx +++ b/src/components/card/card-footer/card-footer.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import CardFooter from "."; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "CardFooter", component: CardFooter, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/card/card-row/card-row.stories.tsx b/src/components/card/card-row/card-row.stories.tsx index c09ea86869..ae8776aabb 100644 --- a/src/components/card/card-row/card-row.stories.tsx +++ b/src/components/card/card-row/card-row.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import CardRow from "."; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "CardRow", component: CardRow, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/card/card-test.stories.tsx b/src/components/card/card-test.stories.tsx index cdc7154ff2..adecffcc5b 100644 --- a/src/components/card/card-test.stories.tsx +++ b/src/components/card/card-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta } from "@storybook/react"; +import { Meta } from "@storybook/react-vite"; import { Card, CardRow, CardFooter, CardColumn, CardProps } from "."; import Link from "../link"; diff --git a/src/components/card/card.mdx b/src/components/card/card.mdx index 07624efe05..59cd39a54a 100644 --- a/src/components/card/card.mdx +++ b/src/components/card/card.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as CardStories from "./card.stories"; import * as CardColumnStories from "./card-column/card-column.stories"; diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx index eebaf7c1e6..93029030f3 100644 --- a/src/components/card/card.stories.tsx +++ b/src/components/card/card.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { DndProvider, useDrag, useDrop } from "react-dnd"; import { HTML5Backend } from "react-dnd-html5-backend"; import { Card, CardRow, CardFooter, CardColumn, CardProps } from "."; diff --git a/src/components/checkbox/checkbox-group/checkbox-group.mdx b/src/components/checkbox/checkbox-group/checkbox-group.mdx index bd9655e066..3f28f2c74f 100644 --- a/src/components/checkbox/checkbox-group/checkbox-group.mdx +++ b/src/components/checkbox/checkbox-group/checkbox-group.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as CheckboxGroupStories from "./checkbox-group.stories"; diff --git a/src/components/checkbox/checkbox-group/checkbox-group.stories.tsx b/src/components/checkbox/checkbox-group/checkbox-group.stories.tsx index 1061d69ec3..e71ad61c2f 100644 --- a/src/components/checkbox/checkbox-group/checkbox-group.stories.tsx +++ b/src/components/checkbox/checkbox-group/checkbox-group.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import CarbonProvider from "../../carbon-provider"; diff --git a/src/components/checkbox/checkbox-test.stories.tsx b/src/components/checkbox/checkbox-test.stories.tsx index 8c03a18a4a..b68d8c84a9 100644 --- a/src/components/checkbox/checkbox-test.stories.tsx +++ b/src/components/checkbox/checkbox-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { Checkbox, CheckboxGroup, CheckboxProps, CheckboxGroupProps } from "."; import Box from "../box"; diff --git a/src/components/checkbox/checkbox.mdx b/src/components/checkbox/checkbox.mdx index dceb77d644..70d2c45230 100644 --- a/src/components/checkbox/checkbox.mdx +++ b/src/components/checkbox/checkbox.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as CheckboxStories from "./checkbox.stories"; diff --git a/src/components/checkbox/checkbox.stories.tsx b/src/components/checkbox/checkbox.stories.tsx index f815cc6880..30ec94b05f 100644 --- a/src/components/checkbox/checkbox.stories.tsx +++ b/src/components/checkbox/checkbox.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryFn } from "@storybook/react"; +import { Meta, StoryFn } from "@storybook/react-vite"; import { Checkbox } from "."; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/confirm/confirm-test.stories.tsx b/src/components/confirm/confirm-test.stories.tsx index 6af8f36859..b7ab3fe2f3 100644 --- a/src/components/confirm/confirm-test.stories.tsx +++ b/src/components/confirm/confirm-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Button from "../button"; import Confirm, { ConfirmProps } from "./confirm.component"; diff --git a/src/components/confirm/confirm.mdx b/src/components/confirm/confirm.mdx index 4470da5f79..ea28a5455c 100644 --- a/src/components/confirm/confirm.mdx +++ b/src/components/confirm/confirm.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; diff --git a/src/components/confirm/confirm.stories.tsx b/src/components/confirm/confirm.stories.tsx index fb6b7544f1..740f35a902 100644 --- a/src/components/confirm/confirm.stories.tsx +++ b/src/components/confirm/confirm.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import isChromatic from "../../../.storybook/isChromatic"; import { allModes } from "../../../.storybook/modes"; diff --git a/src/components/content/content.mdx b/src/components/content/content.mdx index 32b58e6b39..bceb65fb00 100644 --- a/src/components/content/content.mdx +++ b/src/components/content/content.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as ContentStories from "./content.stories.tsx"; diff --git a/src/components/content/content.stories.tsx b/src/components/content/content.stories.tsx index 3fe0b025d5..afd46ba704 100644 --- a/src/components/content/content.stories.tsx +++ b/src/components/content/content.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import Content from "."; diff --git a/src/components/date-range/date-range-test.stories.tsx b/src/components/date-range/date-range-test.stories.tsx index e04c1ef186..188d41f8ae 100644 --- a/src/components/date-range/date-range-test.stories.tsx +++ b/src/components/date-range/date-range-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import DateRange, { DateRangeChangeEvent, DateRangeProps, diff --git a/src/components/date-range/date-range.mdx b/src/components/date-range/date-range.mdx index af8dec8f44..1ab48551ed 100644 --- a/src/components/date-range/date-range.mdx +++ b/src/components/date-range/date-range.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as DateRangeStories from "./date-range.stories"; diff --git a/src/components/date-range/date-range.stories.tsx b/src/components/date-range/date-range.stories.tsx index 7fcda40d3e..94ffc394cc 100644 --- a/src/components/date-range/date-range.stories.tsx +++ b/src/components/date-range/date-range.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { fr, de } from "date-fns/locale"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/date/date-test.stories.tsx b/src/components/date/date-test.stories.tsx index f4a98a799b..3e928fca82 100644 --- a/src/components/date/date-test.stories.tsx +++ b/src/components/date/date-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; -import { StoryObj } from "@storybook/react"; +import { action } from "storybook/actions"; +import { StoryObj } from "@storybook/react-vite"; import { zhCN, de, enUS, enGB } from "date-fns/locale"; import DateInput, { DateChangeEvent, DateInputProps } from "./date.component"; diff --git a/src/components/date/date.mdx b/src/components/date/date.mdx index a3ce8bfed1..f07b925c50 100644 --- a/src/components/date/date.mdx +++ b/src/components/date/date.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as DateStories from "./date.stories"; diff --git a/src/components/date/date.stories.tsx b/src/components/date/date.stories.tsx index 27d0100c03..314ee93e16 100644 --- a/src/components/date/date.stories.tsx +++ b/src/components/date/date.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import { zhCN, de } from "date-fns/locale"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/decimal/decimal-test.stories.tsx b/src/components/decimal/decimal-test.stories.tsx index cf498d387b..4be2b470fb 100644 --- a/src/components/decimal/decimal-test.stories.tsx +++ b/src/components/decimal/decimal-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; -import { StoryFn } from "@storybook/react"; +import { action } from "storybook/actions"; +import { StoryFn } from "@storybook/react-vite"; import Decimal, { CustomEvent } from "./decimal.component"; import { diff --git a/src/components/decimal/decimal.mdx b/src/components/decimal/decimal.mdx index a485adb6a9..ff837970ed 100644 --- a/src/components/decimal/decimal.mdx +++ b/src/components/decimal/decimal.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as DecimalStories from "./decimal.stories"; diff --git a/src/components/decimal/decimal.stories.tsx b/src/components/decimal/decimal.stories.tsx index 376f86b29a..7dc0e53358 100644 --- a/src/components/decimal/decimal.stories.tsx +++ b/src/components/decimal/decimal.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { ArgTypes, Meta, StoryObj } from "@storybook/react"; +import { ArgTypes, Meta, StoryObj } from "@storybook/react-vite"; import Decimal, { DecimalProps, CustomEvent } from "."; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/definition-list/dd/dd.stories.tsx b/src/components/definition-list/dd/dd.stories.tsx index 53b1adafcd..da5a26a766 100644 --- a/src/components/definition-list/dd/dd.stories.tsx +++ b/src/components/definition-list/dd/dd.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Dd from "./dd.component"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps( @@ -17,7 +17,7 @@ const styledSystemProps = generateStyledSystemProps( const meta: Meta = { title: "Dd", component: Dd, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/definition-list/definition-list.mdx b/src/components/definition-list/definition-list.mdx index c66bd1153e..4944c99916 100644 --- a/src/components/definition-list/definition-list.mdx +++ b/src/components/definition-list/definition-list.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as DtStories from "./dt/dt.stories"; import * as DdStories from "./dd/dd.stories"; diff --git a/src/components/definition-list/definition-list.stories.tsx b/src/components/definition-list/definition-list.stories.tsx index b6947b3589..bc907ffa10 100644 --- a/src/components/definition-list/definition-list.stories.tsx +++ b/src/components/definition-list/definition-list.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import useMediaQuery from "../../hooks/useMediaQuery"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/definition-list/dt/dt.stories.tsx b/src/components/definition-list/dt/dt.stories.tsx index 72983290b3..4697975796 100644 --- a/src/components/definition-list/dt/dt.stories.tsx +++ b/src/components/definition-list/dt/dt.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Dt from "./dt.component"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps( @@ -17,7 +17,7 @@ const styledSystemProps = generateStyledSystemProps( const meta: Meta = { title: "Dt", component: Dt, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/detail/detail.mdx b/src/components/detail/detail.mdx index 745874ef4a..8117311294 100644 --- a/src/components/detail/detail.mdx +++ b/src/components/detail/detail.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as DetailStories from "./detail.stories.tsx"; diff --git a/src/components/detail/detail.stories.tsx b/src/components/detail/detail.stories.tsx index 1e2cc31190..b2ba5c8ded 100644 --- a/src/components/detail/detail.stories.tsx +++ b/src/components/detail/detail.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/dialog-full-screen/dialog-full-screen-test.stories.tsx b/src/components/dialog-full-screen/dialog-full-screen-test.stories.tsx index de44eddb64..d04cfeb46a 100644 --- a/src/components/dialog-full-screen/dialog-full-screen-test.stories.tsx +++ b/src/components/dialog-full-screen/dialog-full-screen-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useState, useRef } from "react"; -import { StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import DialogFullScreen, { DialogFullScreenProps } from "."; import Dialog from "../dialog"; import Button from "../button"; diff --git a/src/components/dialog-full-screen/dialog-full-screen.mdx b/src/components/dialog-full-screen/dialog-full-screen.mdx index b83e9b4d81..a94bd782cc 100644 --- a/src/components/dialog-full-screen/dialog-full-screen.mdx +++ b/src/components/dialog-full-screen/dialog-full-screen.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as DialogFullScreenStories from "./dialog-full-screen.stories"; diff --git a/src/components/dialog-full-screen/dialog-full-screen.stories.tsx b/src/components/dialog-full-screen/dialog-full-screen.stories.tsx index b4610734fe..0a415e13c9 100644 --- a/src/components/dialog-full-screen/dialog-full-screen.stories.tsx +++ b/src/components/dialog-full-screen/dialog-full-screen.stories.tsx @@ -1,6 +1,6 @@ import React, { useState, useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import isChromatic from "../../../.storybook/isChromatic"; import { allModes } from "../../../.storybook/modes"; diff --git a/src/components/dialog/dialog-test.stories.tsx b/src/components/dialog/dialog-test.stories.tsx index 8c2bbef5c0..6ad89585ea 100644 --- a/src/components/dialog/dialog-test.stories.tsx +++ b/src/components/dialog/dialog-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; -import { StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import Dialog, { DialogProps } from "./dialog.component"; import { DIALOG_SIZES } from "./dialog.config"; diff --git a/src/components/dialog/dialog.mdx b/src/components/dialog/dialog.mdx index 2d11b4b425..b7da432bc2 100644 --- a/src/components/dialog/dialog.mdx +++ b/src/components/dialog/dialog.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as DialogStories from "./dialog.stories.tsx"; diff --git a/src/components/dialog/dialog.stories.tsx b/src/components/dialog/dialog.stories.tsx index 98b45ae971..f9ac777b51 100644 --- a/src/components/dialog/dialog.stories.tsx +++ b/src/components/dialog/dialog.stories.tsx @@ -1,6 +1,6 @@ import React, { useRef, useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; -import { useArgs } from "@storybook/preview-api"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { useArgs } from "storybook/preview-api"; import isChromatic from "../../../.storybook/isChromatic"; import { allModes } from "../../../.storybook/modes"; diff --git a/src/components/dismissible-box/dismissible-box.mdx b/src/components/dismissible-box/dismissible-box.mdx index db3c33dae4..029bc3cb9c 100644 --- a/src/components/dismissible-box/dismissible-box.mdx +++ b/src/components/dismissible-box/dismissible-box.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; diff --git a/src/components/dismissible-box/dismissible-box.stories.tsx b/src/components/dismissible-box/dismissible-box.stories.tsx index cc302d8787..59b6b17f7a 100644 --- a/src/components/dismissible-box/dismissible-box.stories.tsx +++ b/src/components/dismissible-box/dismissible-box.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/draggable/draggable-item/draggable-item.stories.tsx b/src/components/draggable/draggable-item/draggable-item.stories.tsx index a3f462a502..6b24839799 100644 --- a/src/components/draggable/draggable-item/draggable-item.stories.tsx +++ b/src/components/draggable/draggable-item/draggable-item.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import DraggableItem from "./draggable-item.component"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps( @@ -17,7 +17,7 @@ const styledSystemProps = generateStyledSystemProps( const meta: Meta = { title: "Draggable Item", component: DraggableItem, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/draggable/draggable-test.stories.tsx b/src/components/draggable/draggable-test.stories.tsx index dd3b921bce..64de37a0c1 100644 --- a/src/components/draggable/draggable-test.stories.tsx +++ b/src/components/draggable/draggable-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import DraggableContainer, { DraggableContainerProps, diff --git a/src/components/draggable/draggable.mdx b/src/components/draggable/draggable.mdx index 9da09d3b6f..fbd846dd76 100644 --- a/src/components/draggable/draggable.mdx +++ b/src/components/draggable/draggable.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as DraggableItemStories from "./draggable-item/draggable-item.stories.tsx"; import * as DraggableStories from "./draggable.stories.tsx"; diff --git a/src/components/draggable/draggable.stories.tsx b/src/components/draggable/draggable.stories.tsx index df522a0050..3331c21f4e 100644 --- a/src/components/draggable/draggable.stories.tsx +++ b/src/components/draggable/draggable.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/drawer/drawer-test.stories.tsx b/src/components/drawer/drawer-test.stories.tsx index b22488e6a7..b87752cb9b 100644 --- a/src/components/drawer/drawer-test.stories.tsx +++ b/src/components/drawer/drawer-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useCallback } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Drawer from "."; import { diff --git a/src/components/drawer/drawer.mdx b/src/components/drawer/drawer.mdx index 5adf76b3f6..bf27a580a1 100644 --- a/src/components/drawer/drawer.mdx +++ b/src/components/drawer/drawer.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as DrawerStories from "./drawer.stories"; diff --git a/src/components/drawer/drawer.stories.tsx b/src/components/drawer/drawer.stories.tsx index 43bfe14fcc..a7f18a111d 100644 --- a/src/components/drawer/drawer.stories.tsx +++ b/src/components/drawer/drawer.stories.tsx @@ -1,5 +1,5 @@ import React, { useCallback, useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { Checkbox } from "../checkbox"; import Drawer, { DrawerProps } from "."; diff --git a/src/components/duelling-picklist/duelling-picklist.mdx b/src/components/duelling-picklist/duelling-picklist.mdx index 7eed9f7429..1103ce3e45 100644 --- a/src/components/duelling-picklist/duelling-picklist.mdx +++ b/src/components/duelling-picklist/duelling-picklist.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as PickListStories from "./picklist/picklist.stories"; import * as PicklistItemStories from "./picklist-item/picklist-item.stories"; diff --git a/src/components/duelling-picklist/duelling-picklist.stories.tsx b/src/components/duelling-picklist/duelling-picklist.stories.tsx index 9fb1e47510..3af7cb24ce 100644 --- a/src/components/duelling-picklist/duelling-picklist.stories.tsx +++ b/src/components/duelling-picklist/duelling-picklist.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useCallback, useMemo } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { DuellingPicklist, diff --git a/src/components/duelling-picklist/picklist-item/picklist-item.stories.tsx b/src/components/duelling-picklist/picklist-item/picklist-item.stories.tsx index d1ca16a8e5..16947ce975 100644 --- a/src/components/duelling-picklist/picklist-item/picklist-item.stories.tsx +++ b/src/components/duelling-picklist/picklist-item/picklist-item.stories.tsx @@ -1,16 +1,16 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import PicklistItem from "./picklist-item.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Picklist Item", component: PicklistItem, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/duelling-picklist/picklist-placeholder/picklist-placeholder.stories.tsx b/src/components/duelling-picklist/picklist-placeholder/picklist-placeholder.stories.tsx index ddda401868..4669e3dc10 100644 --- a/src/components/duelling-picklist/picklist-placeholder/picklist-placeholder.stories.tsx +++ b/src/components/duelling-picklist/picklist-placeholder/picklist-placeholder.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import PicklistPlaceholder from "./picklist-placeholder.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Picklist Placeholder", component: PicklistPlaceholder, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/duelling-picklist/picklist/picklist.stories.tsx b/src/components/duelling-picklist/picklist/picklist.stories.tsx index 2a92c473ee..14c8a95839 100644 --- a/src/components/duelling-picklist/picklist/picklist.stories.tsx +++ b/src/components/duelling-picklist/picklist/picklist.stories.tsx @@ -1,16 +1,16 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Picklist from "./picklist.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Picklist", component: Picklist, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/fieldset/fieldset-test.stories.tsx b/src/components/fieldset/fieldset-test.stories.tsx index 25fd316b0f..ef2bd84504 100644 --- a/src/components/fieldset/fieldset-test.stories.tsx +++ b/src/components/fieldset/fieldset-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Fieldset from "./fieldset.component"; import Textbox from "../textbox"; diff --git a/src/components/fieldset/fieldset.mdx b/src/components/fieldset/fieldset.mdx index 5915191d4c..a78d702276 100644 --- a/src/components/fieldset/fieldset.mdx +++ b/src/components/fieldset/fieldset.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as FieldsetStories from "./fieldset.stories"; diff --git a/src/components/fieldset/fieldset.stories.tsx b/src/components/fieldset/fieldset.stories.tsx index 50bd889249..5b88ceccf1 100644 --- a/src/components/fieldset/fieldset.stories.tsx +++ b/src/components/fieldset/fieldset.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Fieldset from "."; import { Select, Option } from "../select"; diff --git a/src/components/file-input/__internal__/file-upload-status/file-upload-status.stories.tsx b/src/components/file-input/__internal__/file-upload-status/file-upload-status.stories.tsx index 96e4b8da30..e0ffccc244 100644 --- a/src/components/file-input/__internal__/file-upload-status/file-upload-status.stories.tsx +++ b/src/components/file-input/__internal__/file-upload-status/file-upload-status.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import FileUploadStatus from "./file-upload-status.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "File Upload Status", component: FileUploadStatus, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/file-input/file-input.mdx b/src/components/file-input/file-input.mdx index 3b5d6d20b5..c3a09f6c27 100644 --- a/src/components/file-input/file-input.mdx +++ b/src/components/file-input/file-input.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as FileUploadStatusStories from "./__internal__/file-upload-status/file-upload-status.stories"; diff --git a/src/components/file-input/file-input.stories.tsx b/src/components/file-input/file-input.stories.tsx index c6e71bd1a9..a0edc76a95 100644 --- a/src/components/file-input/file-input.stories.tsx +++ b/src/components/file-input/file-input.stories.tsx @@ -1,6 +1,6 @@ /* eslint-disable @typescript-eslint/no-use-before-define */ import React, { useState, useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import FileInput, { FileUploadStatusProps } from "."; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.stories.tsx b/src/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.stories.tsx index 8569026f73..3f89d24e75 100644 --- a/src/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.stories.tsx +++ b/src/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.stories.tsx @@ -1,16 +1,16 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import FlatTableBodyDraggable from "./flat-table-body-draggable.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Flat Table Body Draggable", component: FlatTableBodyDraggable, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/flat-table/flat-table-body/flat-table-body.stories.tsx b/src/components/flat-table/flat-table-body/flat-table-body.stories.tsx index 2a89731f8e..a68029618a 100644 --- a/src/components/flat-table/flat-table-body/flat-table-body.stories.tsx +++ b/src/components/flat-table/flat-table-body/flat-table-body.stories.tsx @@ -1,16 +1,16 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import FlatTableBody from "./flat-table-body.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Flat Table Body", component: FlatTableBody, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/flat-table/flat-table-cell/flat-table-cell.stories.tsx b/src/components/flat-table/flat-table-cell/flat-table-cell.stories.tsx index 5b6eea24bc..f9043670f9 100644 --- a/src/components/flat-table/flat-table-cell/flat-table-cell.stories.tsx +++ b/src/components/flat-table/flat-table-cell/flat-table-cell.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import FlatTableCell from "./flat-table-cell.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Flat Table Cell", component: FlatTableCell, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/flat-table/flat-table-checkbox/flat-table-checkbox.stories.tsx b/src/components/flat-table/flat-table-checkbox/flat-table-checkbox.stories.tsx index 7a9d8951bc..56efd59d93 100644 --- a/src/components/flat-table/flat-table-checkbox/flat-table-checkbox.stories.tsx +++ b/src/components/flat-table/flat-table-checkbox/flat-table-checkbox.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import FlatTableCheckbox from "./flat-table-checkbox.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Flat Table Checkbox", component: FlatTableCheckbox, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/flat-table/flat-table-expandable.mdx b/src/components/flat-table/flat-table-expandable.mdx index 8bc2e36ddf..a847874fa9 100644 --- a/src/components/flat-table/flat-table-expandable.mdx +++ b/src/components/flat-table/flat-table-expandable.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as FlatTableRowStories from "./flat-table-row/flat-table-row.stories"; import * as FlatTableExpandableStories from "./flat-table-expandable.stories"; diff --git a/src/components/flat-table/flat-table-expandable.stories.tsx b/src/components/flat-table/flat-table-expandable.stories.tsx index 7f32aa9fc8..6aedf2882a 100644 --- a/src/components/flat-table/flat-table-expandable.stories.tsx +++ b/src/components/flat-table/flat-table-expandable.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import styled from "styled-components"; import { diff --git a/src/components/flat-table/flat-table-head/flat-table-head.stories.tsx b/src/components/flat-table/flat-table-head/flat-table-head.stories.tsx index cf44e74d4c..591559b213 100644 --- a/src/components/flat-table/flat-table-head/flat-table-head.stories.tsx +++ b/src/components/flat-table/flat-table-head/flat-table-head.stories.tsx @@ -1,16 +1,16 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import FlatTableHead from "./flat-table-head.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Flat Table Head", component: FlatTableHead, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/flat-table/flat-table-header/flat-table-header.stories.tsx b/src/components/flat-table/flat-table-header/flat-table-header.stories.tsx index b2057751a0..384cae9f8b 100644 --- a/src/components/flat-table/flat-table-header/flat-table-header.stories.tsx +++ b/src/components/flat-table/flat-table-header/flat-table-header.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import FlatTableHeader from "./flat-table-header.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps( @@ -17,7 +17,7 @@ const styledSystemProps = generateStyledSystemProps( const meta: Meta = { title: "Flat Table Header", component: FlatTableHeader, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/flat-table/flat-table-row-header/flat-table-row-header.stories.tsx b/src/components/flat-table/flat-table-row-header/flat-table-row-header.stories.tsx index a830e7f961..8681543a4a 100644 --- a/src/components/flat-table/flat-table-row-header/flat-table-row-header.stories.tsx +++ b/src/components/flat-table/flat-table-row-header/flat-table-row-header.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import FlatTableRowHeader from "./flat-table-row-header.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps( @@ -17,7 +17,7 @@ const styledSystemProps = generateStyledSystemProps( const meta: Meta = { title: "Flat Table Row Header", component: FlatTableRowHeader, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/flat-table/flat-table-row/flat-table-row.stories.tsx b/src/components/flat-table/flat-table-row/flat-table-row.stories.tsx index c70f3cd44a..dc6bf62ad6 100644 --- a/src/components/flat-table/flat-table-row/flat-table-row.stories.tsx +++ b/src/components/flat-table/flat-table-row/flat-table-row.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import FlatTableRow from "./flat-table-row.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Flat Table Row", component: FlatTableRow, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/flat-table/flat-table-test.stories.tsx b/src/components/flat-table/flat-table-test.stories.tsx index 8b87f28b7f..c18d534235 100644 --- a/src/components/flat-table/flat-table-test.stories.tsx +++ b/src/components/flat-table/flat-table-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { FlatTable, FlatTableHead, diff --git a/src/components/flat-table/flat-table-themes.mdx b/src/components/flat-table/flat-table-themes.mdx index a4d39e1b70..579b153cac 100644 --- a/src/components/flat-table/flat-table-themes.mdx +++ b/src/components/flat-table/flat-table-themes.mdx @@ -1,4 +1,4 @@ -import { Meta, Canvas } from "@storybook/addon-docs"; +import { Meta, Canvas } from "@storybook/addon-docs/blocks"; import * as FlatTableThemesStories from "./flat-table-themes.stories"; diff --git a/src/components/flat-table/flat-table-themes.stories.tsx b/src/components/flat-table/flat-table-themes.stories.tsx index 49ceed0b7c..2be209cb3d 100644 --- a/src/components/flat-table/flat-table-themes.stories.tsx +++ b/src/components/flat-table/flat-table-themes.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { FlatTable, diff --git a/src/components/flat-table/flat-table.mdx b/src/components/flat-table/flat-table.mdx index 2752fb61cc..4feed82328 100644 --- a/src/components/flat-table/flat-table.mdx +++ b/src/components/flat-table/flat-table.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as FlatTableHeadStories from "./flat-table-head/flat-table-head.stories"; import * as FlatTableBodyStories from "./flat-table-body/flat-table-body.stories"; diff --git a/src/components/flat-table/flat-table.stories.tsx b/src/components/flat-table/flat-table.stories.tsx index 342f3bbed5..178a515c8a 100644 --- a/src/components/flat-table/flat-table.stories.tsx +++ b/src/components/flat-table/flat-table.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import BatchSelection from "../batch-selection"; import IconButton from "../icon-button"; diff --git a/src/components/flat-table/sort/sort.stories.tsx b/src/components/flat-table/sort/sort.stories.tsx index 792af5e600..fa428aace3 100644 --- a/src/components/flat-table/sort/sort.stories.tsx +++ b/src/components/flat-table/sort/sort.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Sort from "./sort.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Sort", component: Sort, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/form/form-test.stories.tsx b/src/components/form/form-test.stories.tsx index 1c50d9e872..d8ed2b0594 100644 --- a/src/components/form/form-test.stories.tsx +++ b/src/components/form/form-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; import { StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Form, { FormProps } from "."; import Button from "../button"; diff --git a/src/components/form/form.mdx b/src/components/form/form.mdx index fdfb8de31e..cf7dfa67de 100644 --- a/src/components/form/form.mdx +++ b/src/components/form/form.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as FormStories from "./form.stories"; diff --git a/src/components/form/form.stories.tsx b/src/components/form/form.stories.tsx index ca24319e8c..a136df6b6e 100644 --- a/src/components/form/form.stories.tsx +++ b/src/components/form/form.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import isChromatic from "../../../.storybook/isChromatic"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/global-header/global-header-test.stories.tsx b/src/components/global-header/global-header-test.stories.tsx index 9d122861c9..d97848ae9c 100644 --- a/src/components/global-header/global-header-test.stories.tsx +++ b/src/components/global-header/global-header-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryFn } from "@storybook/react"; +import { Meta, StoryFn } from "@storybook/react-vite"; import GlobalHeader from "./global-header.component"; import { Menu, MenuItem } from "../menu"; diff --git a/src/components/global-header/global-header.mdx b/src/components/global-header/global-header.mdx index 5574eaa8b1..2dbbe4b637 100644 --- a/src/components/global-header/global-header.mdx +++ b/src/components/global-header/global-header.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as GlobalHeaderStories from "./global-header.stories"; diff --git a/src/components/global-header/global-header.stories.tsx b/src/components/global-header/global-header.stories.tsx index 1d19c13cb8..8c4113432d 100644 --- a/src/components/global-header/global-header.stories.tsx +++ b/src/components/global-header/global-header.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import NavigationBar from "../navigation-bar"; diff --git a/src/components/grid/grid-container/grid-container.stories.tsx b/src/components/grid/grid-container/grid-container.stories.tsx index 77463ae12e..313d7d4387 100644 --- a/src/components/grid/grid-container/grid-container.stories.tsx +++ b/src/components/grid/grid-container/grid-container.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import GridContainer from "./grid-container.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Grid Container", component: GridContainer, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/grid/grid-item/grid-item.stories.tsx b/src/components/grid/grid-item/grid-item.stories.tsx index 5c5d3804d1..0cb8f01287 100644 --- a/src/components/grid/grid-item/grid-item.stories.tsx +++ b/src/components/grid/grid-item/grid-item.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import GridItem from "./grid-item.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Grid Item", component: GridItem, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/grid/grid.mdx b/src/components/grid/grid.mdx index 5cd1a4b17f..76a5896da6 100644 --- a/src/components/grid/grid.mdx +++ b/src/components/grid/grid.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as GridContainerStories from "./grid-container/grid-container.stories"; import * as GridItemStories from "./grid-item/grid-item.stories"; diff --git a/src/components/grid/grid.stories.tsx b/src/components/grid/grid.stories.tsx index 33664c0527..f2f7251d73 100644 --- a/src/components/grid/grid.stories.tsx +++ b/src/components/grid/grid.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Box from "../box"; import { Dd, Dl, Dt } from "../definition-list"; import Link from "../link"; diff --git a/src/components/grouped-character/grouped-character-test.stories.tsx b/src/components/grouped-character/grouped-character-test.stories.tsx index 57b5c331cb..5d887a6bff 100644 --- a/src/components/grouped-character/grouped-character-test.stories.tsx +++ b/src/components/grouped-character/grouped-character-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { commonTextboxArgTypes, getCommonTextboxArgs, diff --git a/src/components/grouped-character/grouped-character.mdx b/src/components/grouped-character/grouped-character.mdx index ccd17accfd..4ab6368c07 100644 --- a/src/components/grouped-character/grouped-character.mdx +++ b/src/components/grouped-character/grouped-character.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as GroupedCharacterStories from "./grouped-character.stories"; diff --git a/src/components/grouped-character/grouped-character.stories.tsx b/src/components/grouped-character/grouped-character.stories.tsx index 5f6fc6ec4b..91bdaf62dc 100644 --- a/src/components/grouped-character/grouped-character.stories.tsx +++ b/src/components/grouped-character/grouped-character.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import GroupedCharacter, { CustomEvent } from "."; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/heading/heading.mdx b/src/components/heading/heading.mdx index 5f015fae8a..fd6a74a0a1 100644 --- a/src/components/heading/heading.mdx +++ b/src/components/heading/heading.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; diff --git a/src/components/heading/heading.stories.tsx b/src/components/heading/heading.stories.tsx index 8c986bb2dd..33100a6ff0 100644 --- a/src/components/heading/heading.stories.tsx +++ b/src/components/heading/heading.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/help/help.mdx b/src/components/help/help.mdx index 288a592973..d35949d9e2 100644 --- a/src/components/help/help.mdx +++ b/src/components/help/help.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as HelpStories from "./help.stories"; diff --git a/src/components/help/help.stories.tsx b/src/components/help/help.stories.tsx index bcaddfa9ce..c9466262bd 100644 --- a/src/components/help/help.stories.tsx +++ b/src/components/help/help.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/hr/hr.mdx b/src/components/hr/hr.mdx index 5d8440e078..7b68e0aa89 100644 --- a/src/components/hr/hr.mdx +++ b/src/components/hr/hr.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as HrStories from "./hr.stories"; diff --git a/src/components/hr/hr.stories.tsx b/src/components/hr/hr.stories.tsx index c567834886..7f3e084a6d 100644 --- a/src/components/hr/hr.stories.tsx +++ b/src/components/hr/hr.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/icon-button/icon-button.mdx b/src/components/icon-button/icon-button.mdx index 35a4943fea..de7d3f67a3 100644 --- a/src/components/icon-button/icon-button.mdx +++ b/src/components/icon-button/icon-button.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as IconButtonStories from "./icon-button.stories"; diff --git a/src/components/icon-button/icon-button.stories.tsx b/src/components/icon-button/icon-button.stories.tsx index 64f801135c..d3089c0c53 100644 --- a/src/components/icon-button/icon-button.stories.tsx +++ b/src/components/icon-button/icon-button.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/icon/icon.mdx b/src/components/icon/icon.mdx index 6f96a8b314..446c07b647 100644 --- a/src/components/icon/icon.mdx +++ b/src/components/icon/icon.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as IconStories from "./icon.stories"; diff --git a/src/components/icon/icon.stories.tsx b/src/components/icon/icon.stories.tsx index 2b20d06a21..c44d689fa7 100644 --- a/src/components/icon/icon.stories.tsx +++ b/src/components/icon/icon.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/image/image.mdx b/src/components/image/image.mdx index 32ffdb12d0..e2242ac490 100644 --- a/src/components/image/image.mdx +++ b/src/components/image/image.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as ImageStories from "./image.stories.tsx"; diff --git a/src/components/image/image.stories.tsx b/src/components/image/image.stories.tsx index c7d591cf3b..f3803ed4b7 100644 --- a/src/components/image/image.stories.tsx +++ b/src/components/image/image.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Image from "."; import useMediaQuery from "../../hooks/useMediaQuery"; diff --git a/src/components/inline-inputs/inline-inputs.mdx b/src/components/inline-inputs/inline-inputs.mdx index d8a0b9ecd0..e4d9b1a7a2 100644 --- a/src/components/inline-inputs/inline-inputs.mdx +++ b/src/components/inline-inputs/inline-inputs.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as InlineInputsStories from "./inline-inputs.stories"; diff --git a/src/components/inline-inputs/inline-inputs.stories.tsx b/src/components/inline-inputs/inline-inputs.stories.tsx index 4589665421..72da7d25c5 100644 --- a/src/components/inline-inputs/inline-inputs.stories.tsx +++ b/src/components/inline-inputs/inline-inputs.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; @@ -139,17 +139,25 @@ IsOptional.parameters = { controls: { disable: true } }; export const LabelAlign: Story = () => { return ( - {(["right", "left"] as const).map((alignment) => ( - - - - - ))} + + + + + + + + + ); }; diff --git a/src/components/link-preview/link-preview-test.stories.tsx b/src/components/link-preview/link-preview-test.stories.tsx index 25ed9050b5..2772482515 100644 --- a/src/components/link-preview/link-preview-test.stories.tsx +++ b/src/components/link-preview/link-preview-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import LinkPreview from "./link-preview.component"; diff --git a/src/components/link-preview/link-preview.mdx b/src/components/link-preview/link-preview.mdx index 4b8af69c84..a9757ebbcc 100644 --- a/src/components/link-preview/link-preview.mdx +++ b/src/components/link-preview/link-preview.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as LinkPreviewStories from "./link-preview.stories.tsx"; diff --git a/src/components/link-preview/link-preview.stories.tsx b/src/components/link-preview/link-preview.stories.tsx index 794b711b9c..80495c5c99 100644 --- a/src/components/link-preview/link-preview.stories.tsx +++ b/src/components/link-preview/link-preview.stories.tsx @@ -1,6 +1,6 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import LinkPreview from "."; diff --git a/src/components/link/link-test.stories.tsx b/src/components/link/link-test.stories.tsx index b2f7d707b9..d982a722bf 100644 --- a/src/components/link/link-test.stories.tsx +++ b/src/components/link/link-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { ICONS } from "../icon/icon-config"; import { LINK_ALIGNMENTS, LINK_POSITIONS, LINK_VARIANTS } from "./link.config"; import Link, { LinkProps } from "./link.component"; diff --git a/src/components/link/link.mdx b/src/components/link/link.mdx index f4362dfe99..ce202cdb86 100644 --- a/src/components/link/link.mdx +++ b/src/components/link/link.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as LinkStories from "./link.stories"; diff --git a/src/components/link/link.stories.tsx b/src/components/link/link.stories.tsx index 2def1e721a..da9e2cb34d 100644 --- a/src/components/link/link.stories.tsx +++ b/src/components/link/link.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Link from "."; import Box from "../box"; diff --git a/src/components/loader-bar/loader-bar-test.stories.tsx b/src/components/loader-bar/loader-bar-test.stories.tsx index abe887ba85..70315d7a6a 100644 --- a/src/components/loader-bar/loader-bar-test.stories.tsx +++ b/src/components/loader-bar/loader-bar-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { StoryFn } from "@storybook/react"; +import { StoryFn } from "@storybook/react-vite"; import LoaderBar, { LoaderBarProps } from "."; import { LOADER_BAR_SIZES } from "./loader-bar.config"; import Box from "../box"; diff --git a/src/components/loader-bar/loader-bar.mdx b/src/components/loader-bar/loader-bar.mdx index 1edaf6bc9d..b5cfbc37bb 100644 --- a/src/components/loader-bar/loader-bar.mdx +++ b/src/components/loader-bar/loader-bar.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as LoaderBarStories from "./loader-bar.stories.tsx"; diff --git a/src/components/loader-bar/loader-bar.stories.tsx b/src/components/loader-bar/loader-bar.stories.tsx index 939b03d7cc..1d9e739687 100644 --- a/src/components/loader-bar/loader-bar.stories.tsx +++ b/src/components/loader-bar/loader-bar.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import LoaderBar from "."; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/loader-spinner/loader-spinner.mdx b/src/components/loader-spinner/loader-spinner.mdx index 7ab054d041..2601749382 100644 --- a/src/components/loader-spinner/loader-spinner.mdx +++ b/src/components/loader-spinner/loader-spinner.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as LoaderSpinnerStories from "./loader-spinner.stories.tsx"; diff --git a/src/components/loader-spinner/loader-spinner.stories.tsx b/src/components/loader-spinner/loader-spinner.stories.tsx index bff54df6ef..c549817950 100644 --- a/src/components/loader-spinner/loader-spinner.stories.tsx +++ b/src/components/loader-spinner/loader-spinner.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import Box from "../box/box.component"; diff --git a/src/components/loader-star/loader-star.mdx b/src/components/loader-star/loader-star.mdx index 79131b3de3..6672c0435d 100644 --- a/src/components/loader-star/loader-star.mdx +++ b/src/components/loader-star/loader-star.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as LoaderStarStories from "./loader-star.stories"; diff --git a/src/components/loader-star/loader-star.stories.tsx b/src/components/loader-star/loader-star.stories.tsx index 6d8b91ac8b..ea7f932cb1 100644 --- a/src/components/loader-star/loader-star.stories.tsx +++ b/src/components/loader-star/loader-star.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import LoaderStar from "./loader-star.component"; diff --git a/src/components/loader/loader.mdx b/src/components/loader/loader.mdx index 3a80b43529..3486e2e37c 100644 --- a/src/components/loader/loader.mdx +++ b/src/components/loader/loader.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as LoaderStories from "./loader.stories"; diff --git a/src/components/loader/loader.stories.tsx b/src/components/loader/loader.stories.tsx index f77009950d..8941e758bb 100644 --- a/src/components/loader/loader.stories.tsx +++ b/src/components/loader/loader.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/menu/menu-divider/menu-divider.stories.tsx b/src/components/menu/menu-divider/menu-divider.stories.tsx index 50bbf5908f..9e7b9adc11 100644 --- a/src/components/menu/menu-divider/menu-divider.stories.tsx +++ b/src/components/menu/menu-divider/menu-divider.stories.tsx @@ -1,16 +1,16 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import MenuDivider from "./menu-divider.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Menu Divider", component: MenuDivider, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/menu/menu-full-screen/menu-full-screen.stories.tsx b/src/components/menu/menu-full-screen/menu-full-screen.stories.tsx index 5294eec142..e52fe2136b 100644 --- a/src/components/menu/menu-full-screen/menu-full-screen.stories.tsx +++ b/src/components/menu/menu-full-screen/menu-full-screen.stories.tsx @@ -1,16 +1,16 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import MenuFullscreen from "./menu-full-screen.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Menu Full Screen", component: MenuFullscreen, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/menu/menu-item/menu-item.stories.tsx b/src/components/menu/menu-item/menu-item.stories.tsx index 4937f22b2c..2839ec86a4 100644 --- a/src/components/menu/menu-item/menu-item.stories.tsx +++ b/src/components/menu/menu-item/menu-item.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import MenuItem from "./menu-item.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps( @@ -30,7 +30,7 @@ const styledSystemProps = generateStyledSystemProps( const meta: Meta = { title: "Menu Item", component: MenuItem, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/menu/menu-segment-title/menu-segment-title.stories.tsx b/src/components/menu/menu-segment-title/menu-segment-title.stories.tsx index 3a861ac0a6..ead217d1a0 100644 --- a/src/components/menu/menu-segment-title/menu-segment-title.stories.tsx +++ b/src/components/menu/menu-segment-title/menu-segment-title.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import MenuSegmentTitle from "./menu-segment-title.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Menu Segment Title", component: MenuSegmentTitle, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/menu/menu-test.stories.tsx b/src/components/menu/menu-test.stories.tsx index 093d44d7f8..6ac344dee3 100644 --- a/src/components/menu/menu-test.stories.tsx +++ b/src/components/menu/menu-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useState, useEffect } from "react"; -import { Meta } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { Meta } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import { allModes } from "../../../.storybook/modes"; import isChromatic from "../../../.storybook/isChromatic"; diff --git a/src/components/menu/menu.mdx b/src/components/menu/menu.mdx index ebe2fb18d6..25897ca96d 100644 --- a/src/components/menu/menu.mdx +++ b/src/components/menu/menu.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as ScrollableBlockStories from "./scrollable-block/scrollable-block.stories"; diff --git a/src/components/menu/menu.stories.tsx b/src/components/menu/menu.stories.tsx index 4e8dc4ef61..60103b6d88 100644 --- a/src/components/menu/menu.stories.tsx +++ b/src/components/menu/menu.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { allModes } from "../../../.storybook/modes"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import isChromatic from "../../../.storybook/isChromatic"; diff --git a/src/components/menu/scrollable-block/scrollable-block.stories.tsx b/src/components/menu/scrollable-block/scrollable-block.stories.tsx index d70ccb6229..8158731690 100644 --- a/src/components/menu/scrollable-block/scrollable-block.stories.tsx +++ b/src/components/menu/scrollable-block/scrollable-block.stories.tsx @@ -1,16 +1,16 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import ScrollableBlock from "./scrollable-block.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Scrollable Block", component: ScrollableBlock, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/message/message-test.stories.tsx b/src/components/message/message-test.stories.tsx index d7be560a7b..00eb8fd5ed 100644 --- a/src/components/message/message-test.stories.tsx +++ b/src/components/message/message-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Button from "../button"; import Message, { MessageProps } from "./message.component"; diff --git a/src/components/message/message.mdx b/src/components/message/message.mdx index 0e47460625..4c559d1fc9 100644 --- a/src/components/message/message.mdx +++ b/src/components/message/message.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as MessageStories from "./message.stories"; diff --git a/src/components/message/message.stories.tsx b/src/components/message/message.stories.tsx index 2e80fb15f3..8eee677c6a 100644 --- a/src/components/message/message.stories.tsx +++ b/src/components/message/message.stories.tsx @@ -1,6 +1,6 @@ /* eslint-disable jsx-a11y/anchor-is-valid */ import React, { useEffect, useRef, useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Message from "."; import Button from "../button"; diff --git a/src/components/multi-action-button/multi-action-button-test.stories.tsx b/src/components/multi-action-button/multi-action-button-test.stories.tsx index 62b7993e55..5d40b9b0df 100644 --- a/src/components/multi-action-button/multi-action-button-test.stories.tsx +++ b/src/components/multi-action-button/multi-action-button-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import MultiActionButton, { MultiActionButtonProps, } from "./multi-action-button.component"; diff --git a/src/components/multi-action-button/multi-action-button.mdx b/src/components/multi-action-button/multi-action-button.mdx index b44416044b..89cf52b1c4 100644 --- a/src/components/multi-action-button/multi-action-button.mdx +++ b/src/components/multi-action-button/multi-action-button.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as ButtonStories from "../button/button.stories.tsx"; import * as MultiActionButtonStories from "./multi-action-button.stories.tsx"; diff --git a/src/components/multi-action-button/multi-action-button.stories.tsx b/src/components/multi-action-button/multi-action-button.stories.tsx index 4a34b9a464..eabfb59990 100644 --- a/src/components/multi-action-button/multi-action-button.stories.tsx +++ b/src/components/multi-action-button/multi-action-button.stories.tsx @@ -1,5 +1,5 @@ import React, { useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; @@ -238,22 +238,29 @@ InOverflowHiddenContainer.parameters = { export const WithChildrenButtonsWithIcons: Story = () => { return ( <> - {(["before", "after"] as const).map((iconPosition) => ( - - - - - - ))} + + + + + + + + + + + ); }; diff --git a/src/components/navigation-bar/navigation-bar.mdx b/src/components/navigation-bar/navigation-bar.mdx index fe71a46347..3c1e37a08f 100644 --- a/src/components/navigation-bar/navigation-bar.mdx +++ b/src/components/navigation-bar/navigation-bar.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as NavigationBarStories from "./navigation-bar.stories"; diff --git a/src/components/navigation-bar/navigation-bar.stories.tsx b/src/components/navigation-bar/navigation-bar.stories.tsx index 1863374ce3..9b8fc542b8 100644 --- a/src/components/navigation-bar/navigation-bar.stories.tsx +++ b/src/components/navigation-bar/navigation-bar.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/note/note.mdx b/src/components/note/note.mdx index 5891b2a01a..f967ee6936 100644 --- a/src/components/note/note.mdx +++ b/src/components/note/note.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as NoteStories from "./note.stories"; diff --git a/src/components/note/note.stories.tsx b/src/components/note/note.stories.tsx index e6a596f573..67109276fd 100644 --- a/src/components/note/note.stories.tsx +++ b/src/components/note/note.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/number/number-test.stories.tsx b/src/components/number/number-test.stories.tsx index 9f7ee60b36..ee3f324edb 100644 --- a/src/components/number/number-test.stories.tsx +++ b/src/components/number/number-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Number from "./number.component"; import CarbonProvider from "../carbon-provider"; diff --git a/src/components/number/number.mdx b/src/components/number/number.mdx index 724611b3cd..b1e8441965 100644 --- a/src/components/number/number.mdx +++ b/src/components/number/number.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as NumberStories from "./number.stories.tsx"; diff --git a/src/components/number/number.stories.tsx b/src/components/number/number.stories.tsx index e53e70a264..056b7cc3ba 100644 --- a/src/components/number/number.stories.tsx +++ b/src/components/number/number.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/numeral-date/numeral-date-test.stories.tsx b/src/components/numeral-date/numeral-date-test.stories.tsx index 1037b3c0d5..da0ebff618 100644 --- a/src/components/numeral-date/numeral-date-test.stories.tsx +++ b/src/components/numeral-date/numeral-date-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import NumeralDate from "."; import Box from "../box"; import { NumeralDateProps } from "./numeral-date.component"; diff --git a/src/components/numeral-date/numeral-date.mdx b/src/components/numeral-date/numeral-date.mdx index 6a55f4f4aa..a2ce56fb13 100644 --- a/src/components/numeral-date/numeral-date.mdx +++ b/src/components/numeral-date/numeral-date.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as NumeralDateStories from "./numeral-date.stories"; diff --git a/src/components/numeral-date/numeral-date.stories.tsx b/src/components/numeral-date/numeral-date.stories.tsx index c1b17e283d..cfc2fbbff7 100644 --- a/src/components/numeral-date/numeral-date.stories.tsx +++ b/src/components/numeral-date/numeral-date.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/pager/pager-test.stories.tsx b/src/components/pager/pager-test.stories.tsx index c636b9d5b0..7ff0edb2b1 100644 --- a/src/components/pager/pager-test.stories.tsx +++ b/src/components/pager/pager-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Pager, { PagerProps } from "."; export default { diff --git a/src/components/pager/pager.mdx b/src/components/pager/pager.mdx index 57e4809725..7e564fb757 100644 --- a/src/components/pager/pager.mdx +++ b/src/components/pager/pager.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as PagerStories from "./pager.stories.tsx"; diff --git a/src/components/pager/pager.stories.tsx b/src/components/pager/pager.stories.tsx index d9e20f77b4..8f33a7c36a 100644 --- a/src/components/pager/pager.stories.tsx +++ b/src/components/pager/pager.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Pager, { PagerProps } from "."; import useMediaQuery from "../../hooks/useMediaQuery"; diff --git a/src/components/pages/page/page.stories.tsx b/src/components/pages/page/page.stories.tsx index ffb2c0f6ae..c57cd4fa23 100644 --- a/src/components/pages/page/page.stories.tsx +++ b/src/components/pages/page/page.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import Page from "./page.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Page", component: Page, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/pages/pages-test.stories.tsx b/src/components/pages/pages-test.stories.tsx index 316fd7d0fb..60e92bbf89 100644 --- a/src/components/pages/pages-test.stories.tsx +++ b/src/components/pages/pages-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Pages from "."; import Page, { PageProps } from "./page/page.component"; diff --git a/src/components/pages/pages.mdx b/src/components/pages/pages.mdx index 9aa141e14e..6edb2f6274 100644 --- a/src/components/pages/pages.mdx +++ b/src/components/pages/pages.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as PageStories from "./page/page.stories"; import * as PagesStories from "./pages.stories"; diff --git a/src/components/pages/pages.stories.tsx b/src/components/pages/pages.stories.tsx index 5ec00dc327..e6c95c1cc3 100644 --- a/src/components/pages/pages.stories.tsx +++ b/src/components/pages/pages.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import isChromatic from "../../../.storybook/isChromatic"; import Pages, { Page } from "."; diff --git a/src/components/password/password.mdx b/src/components/password/password.mdx index 8f5f8caff0..3d9cba3f14 100644 --- a/src/components/password/password.mdx +++ b/src/components/password/password.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as PasswordStories from "./password.stories.tsx"; diff --git a/src/components/password/password.stories.tsx b/src/components/password/password.stories.tsx index 618de19960..98e519b6c1 100644 --- a/src/components/password/password.stories.tsx +++ b/src/components/password/password.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import Password from "."; diff --git a/src/components/pill/pill-test.stories.tsx b/src/components/pill/pill-test.stories.tsx index 11fd77d77b..2a308a157c 100644 --- a/src/components/pill/pill-test.stories.tsx +++ b/src/components/pill/pill-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Pill from "./pill.component"; import Box from "../box"; diff --git a/src/components/pill/pill.mdx b/src/components/pill/pill.mdx index 814a0aa267..46f91eccd5 100644 --- a/src/components/pill/pill.mdx +++ b/src/components/pill/pill.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as PillStories from "./pill.stories"; diff --git a/src/components/pill/pill.stories.tsx b/src/components/pill/pill.stories.tsx index 3f9a78276f..1c1fe8ec62 100644 --- a/src/components/pill/pill.stories.tsx +++ b/src/components/pill/pill.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/pod/pod.mdx b/src/components/pod/pod.mdx index 658094507e..4da2a94425 100644 --- a/src/components/pod/pod.mdx +++ b/src/components/pod/pod.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as PodStories from "./pod.stories.tsx"; diff --git a/src/components/pod/pod.stories.tsx b/src/components/pod/pod.stories.tsx index e1e48faa99..2cb1617374 100644 --- a/src/components/pod/pod.stories.tsx +++ b/src/components/pod/pod.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/popover-container/popover-container.mdx b/src/components/popover-container/popover-container.mdx index 4be2ea7cb6..174cdda9dc 100644 --- a/src/components/popover-container/popover-container.mdx +++ b/src/components/popover-container/popover-container.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as RenderOpenStories from "./render-open/render-open.stories"; import * as RenderCloseStories from "./render-close/render-close.stories"; diff --git a/src/components/popover-container/popover-container.stories.tsx b/src/components/popover-container/popover-container.stories.tsx index 1470b5a660..c0ef4a5657 100644 --- a/src/components/popover-container/popover-container.stories.tsx +++ b/src/components/popover-container/popover-container.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/popover-container/render-close/render-close.stories.tsx b/src/components/popover-container/render-close/render-close.stories.tsx index 55ef2b4782..5ed76697d2 100644 --- a/src/components/popover-container/render-close/render-close.stories.tsx +++ b/src/components/popover-container/render-close/render-close.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { renderClose } from "../popover-container.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Render Close", component: renderClose, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/popover-container/render-open/render-open.stories.tsx b/src/components/popover-container/render-open/render-open.stories.tsx index 7528dbcb81..dafeddb31b 100644 --- a/src/components/popover-container/render-open/render-open.stories.tsx +++ b/src/components/popover-container/render-open/render-open.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { renderOpen } from "../popover-container.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Render Open", component: renderOpen, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/portal/portal.stories.tsx b/src/components/portal/portal.stories.tsx index aaad758f7c..3c45cba76e 100644 --- a/src/components/portal/portal.stories.tsx +++ b/src/components/portal/portal.stories.tsx @@ -1,14 +1,14 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Portal from "./portal"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { component: Portal, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/portrait/portrait-test.stories.tsx b/src/components/portrait/portrait-test.stories.tsx index 9baa12f1b5..f3f6af94d0 100644 --- a/src/components/portrait/portrait-test.stories.tsx +++ b/src/components/portrait/portrait-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { ICONS } from "../icon/icon-config"; import { PORTRAIT_SHAPES, PORTRAIT_SIZES } from "./portrait.config"; import Portrait, { PortraitProps } from "./portrait.component"; diff --git a/src/components/portrait/portrait.mdx b/src/components/portrait/portrait.mdx index a941dced6f..087c574d3b 100644 --- a/src/components/portrait/portrait.mdx +++ b/src/components/portrait/portrait.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as PortraitStories from "./portrait.stories"; diff --git a/src/components/portrait/portrait.stories.tsx b/src/components/portrait/portrait.stories.tsx index e92bd8d5e4..758581e251 100644 --- a/src/components/portrait/portrait.stories.tsx +++ b/src/components/portrait/portrait.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Typography from "../typography"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; @@ -120,62 +120,9 @@ export const WithMargin: Story = () => { WithMargin.storyName = "With Margin"; export const CustomColors: Story = () => { - const fgColors = [ - { value: "#000000", label: "black" }, - { value: "#FFFFFF", label: "white" }, - { value: "#007e45", label: "sagegreen" }, - ]; - const bgColors = [ - { value: "#A3CAF0", label: "paleblue" }, - { value: "#FD9BA3", label: "palepink" }, - { value: "#B4AEEA", label: "palepurple" }, - { value: "#ECE6AF", label: "palegoldenrod" }, - { value: "#EBAEDE", label: "paleorchid" }, - { value: "#EBC7AE", label: "paledesert" }, - { value: "#AEECEB", label: "paleturquoise" }, - { value: "#AEECD6", label: "palemint" }, - { value: "#000000", label: "black" }, - { value: "#FFFFFF", label: "white" }, - { value: "#2F4F4F", label: "darkslategray" }, - { value: "#696969", label: "dimgray" }, - { value: "#808080", label: "gray" }, - { value: "#A9A9A9", label: "darkgray" }, - { value: "#C0C0C0", label: "silver" }, - { value: "#D3D3D3", label: "lightgray" }, - { value: "#DCDCDC", label: "gainsboro" }, - { value: "#F5F5F5", label: "whitesmoke" }, - { value: "#FFFFE0", label: "lightyellow" }, - { value: "#FFFACD", label: "lemonchiffon" }, - { value: "#FAFAD2", label: "lightgoldenrodyellow" }, - { value: "#FFE4B5", label: "moccasin" }, - { value: "#FFDAB9", label: "peachpuff" }, - { value: "#FFDEAD", label: "navajowhite" }, - { value: "#F5DEB3", label: "wheat" }, - { value: "#FFF8DC", label: "cornsilk" }, - { value: "#FFFFF0", label: "ivory" }, - { value: "#0000FF", label: "blue" }, - { value: "#0000CD", label: "mediumblue" }, - { value: "#00008B", label: "darkblue" }, - { value: "#000080", label: "navy" }, - { value: "#191970", label: "midnightblue" }, - { value: "#4169E1", label: "royalblue" }, - { value: "#4682B4", label: "steelblue" }, - { value: "#5F9EA0", label: "cadetblue" }, - { value: "#6495ED", label: "cornflowerblue" }, - { value: "#87CEFA", label: "lightskyblue" }, - { value: "#87CEEB", label: "skyblue" }, - { value: "#00BFFF", label: "deepskyblue" }, - { value: "#1E90FF", label: "dodgerblue" }, - { value: "#ADD8E6", label: "lightblue" }, - { value: "#B0C4DE", label: "lightsteelblue" }, - { value: "#708090", label: "slateblue" }, - { value: "#6A5ACD", label: "slateblue2" }, - { value: "#7B68EE", label: "mediumslateblue" }, - { value: "#8A2BE2", label: "blueviolet" }, - { value: "#9370DB", label: "mediumpurple" }, - ]; - const [colour, setColour] = useState(fgColors[0].value); - const [bgColour, setBgColour] = useState(bgColors[0].value); + const [colour, setColour] = useState("#000000"); + const [bgColour, setBgColour] = useState("#A3CAF0"); + return ( <> @@ -187,9 +134,9 @@ export const CustomColors: Story = () => { onChange={(e) => setColour(e.target.value)} value={colour} > - {fgColors.map(({ label, value }) => ( - diff --git a/src/components/preview/preview-test.stories.tsx b/src/components/preview/preview-test.stories.tsx index 34d89c9b8d..fa2b5bd777 100644 --- a/src/components/preview/preview-test.stories.tsx +++ b/src/components/preview/preview-test.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Preview from "./preview.component"; const meta: Meta = { diff --git a/src/components/preview/preview.mdx b/src/components/preview/preview.mdx index 8ded72cb8c..df56b07eee 100644 --- a/src/components/preview/preview.mdx +++ b/src/components/preview/preview.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as PreviewStories from "./preview.stories"; diff --git a/src/components/preview/preview.stories.tsx b/src/components/preview/preview.stories.tsx index 253ef8438c..2cf7dc2799 100644 --- a/src/components/preview/preview.stories.tsx +++ b/src/components/preview/preview.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/profile/profile.mdx b/src/components/profile/profile.mdx index ae0d66d706..213141344f 100644 --- a/src/components/profile/profile.mdx +++ b/src/components/profile/profile.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as ProfileStories from "./profile.stories"; diff --git a/src/components/profile/profile.stories.tsx b/src/components/profile/profile.stories.tsx index 717f283732..c0d04f5932 100644 --- a/src/components/profile/profile.stories.tsx +++ b/src/components/profile/profile.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import useMediaQuery from "../../hooks/useMediaQuery"; diff --git a/src/components/progress-tracker/progress-tracker.mdx b/src/components/progress-tracker/progress-tracker.mdx index 398a10084b..a3ba465cd6 100644 --- a/src/components/progress-tracker/progress-tracker.mdx +++ b/src/components/progress-tracker/progress-tracker.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as ProgressTrackerStories from "./progress-tracker.stories"; diff --git a/src/components/progress-tracker/progress-tracker.stories.tsx b/src/components/progress-tracker/progress-tracker.stories.tsx index a01a39d882..f4eb852ddb 100644 --- a/src/components/progress-tracker/progress-tracker.stories.tsx +++ b/src/components/progress-tracker/progress-tracker.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/radio-button/radio-button-group/radio-button-group.stories.tsx b/src/components/radio-button/radio-button-group/radio-button-group.stories.tsx index 1955c0db8e..7080886509 100644 --- a/src/components/radio-button/radio-button-group/radio-button-group.stories.tsx +++ b/src/components/radio-button/radio-button-group/radio-button-group.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import RadioButtonGroup from "./radio-button-group.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Radio Button Group", component: RadioButtonGroup, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/radio-button/radio-button.mdx b/src/components/radio-button/radio-button.mdx index 29ea003b74..d6f78c8eca 100644 --- a/src/components/radio-button/radio-button.mdx +++ b/src/components/radio-button/radio-button.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as RadioButtonGroupStories from "./radio-button-group/radio-button-group.stories"; import * as RadioButtonStories from "./radio-button.stories"; diff --git a/src/components/radio-button/radio-button.stories.tsx b/src/components/radio-button/radio-button.stories.tsx index aecfa84a87..53d9e4bbf9 100644 --- a/src/components/radio-button/radio-button.stories.tsx +++ b/src/components/radio-button/radio-button.stories.tsx @@ -1,7 +1,6 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; - import { RadioButtonGroup, RadioButton } from "."; import Typography from "../typography"; diff --git a/src/components/search/search-test.stories.tsx b/src/components/search/search-test.stories.tsx index 878d308ae7..12b54ad179 100644 --- a/src/components/search/search-test.stories.tsx +++ b/src/components/search/search-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Pill from "../pill/pill.component"; import Search from "."; import { SearchEvent } from "./search.component"; diff --git a/src/components/search/search.mdx b/src/components/search/search.mdx index 96b20f4b1e..5294f908cc 100644 --- a/src/components/search/search.mdx +++ b/src/components/search/search.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as SearchStories from "./search.stories"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; diff --git a/src/components/search/search.stories.tsx b/src/components/search/search.stories.tsx index 9b03662640..85a5e697ad 100644 --- a/src/components/search/search.stories.tsx +++ b/src/components/search/search.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/select/__internal__/select-textbox/select-textbox.stories.tsx b/src/components/select/__internal__/select-textbox/select-textbox.stories.tsx index 1a5bf2c765..f270368ef8 100644 --- a/src/components/select/__internal__/select-textbox/select-textbox.stories.tsx +++ b/src/components/select/__internal__/select-textbox/select-textbox.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import SelectTextbox from "./select-textbox.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Select Textbox", component: SelectTextbox, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/select/filterable-select/filterable-select-test.stories.tsx b/src/components/select/filterable-select/filterable-select-test.stories.tsx index c8a5131b79..23e7e6fa21 100644 --- a/src/components/select/filterable-select/filterable-select-test.stories.tsx +++ b/src/components/select/filterable-select/filterable-select-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { FilterableSelect, Option, FilterableSelectProps } from ".."; import OptionRow from "../option-row/option-row.component"; import Dialog from "../../dialog"; diff --git a/src/components/select/filterable-select/filterable-select.mdx b/src/components/select/filterable-select/filterable-select.mdx index 991ba0630b..2e03a07990 100644 --- a/src/components/select/filterable-select/filterable-select.mdx +++ b/src/components/select/filterable-select/filterable-select.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../../.storybook/utils/translation-keys-table"; import * as OptionStories from "../option/option.stories"; diff --git a/src/components/select/filterable-select/filterable-select.stories.tsx b/src/components/select/filterable-select/filterable-select.stories.tsx index d5b40a712a..5fce2c6f54 100644 --- a/src/components/select/filterable-select/filterable-select.stories.tsx +++ b/src/components/select/filterable-select/filterable-select.stories.tsx @@ -1,6 +1,6 @@ import React, { useState, useRef, useMemo, useCallback } from "react"; -import { action } from "@storybook/addon-actions"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; diff --git a/src/components/select/multi-select/multi-select.mdx b/src/components/select/multi-select/multi-select.mdx index 77e96d2600..97476872b1 100644 --- a/src/components/select/multi-select/multi-select.mdx +++ b/src/components/select/multi-select/multi-select.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../../.storybook/utils/translation-keys-table"; import * as OptionStories from "../option/option.stories"; diff --git a/src/components/select/multi-select/multi-select.stories.tsx b/src/components/select/multi-select/multi-select.stories.tsx index 4d0cc6db33..7d8883a1f1 100644 --- a/src/components/select/multi-select/multi-select.stories.tsx +++ b/src/components/select/multi-select/multi-select.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; diff --git a/src/components/select/option/option.stories.tsx b/src/components/select/option/option.stories.tsx index 4e4288b441..d2d94b8044 100644 --- a/src/components/select/option/option.stories.tsx +++ b/src/components/select/option/option.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Option from "./option.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Select/Option", component: Option, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/select/simple-select/simple-select.mdx b/src/components/select/simple-select/simple-select.mdx index 2b3cbdfc5c..8938ad8ba0 100644 --- a/src/components/select/simple-select/simple-select.mdx +++ b/src/components/select/simple-select/simple-select.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../../.storybook/utils/translation-keys-table"; import * as OptionStories from "../option/option.stories"; diff --git a/src/components/select/simple-select/simple-select.stories.tsx b/src/components/select/simple-select/simple-select.stories.tsx index db42996d35..1f320313f9 100644 --- a/src/components/select/simple-select/simple-select.stories.tsx +++ b/src/components/select/simple-select/simple-select.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef, useEffect } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { Select, diff --git a/src/components/settings-row/settings-row.mdx b/src/components/settings-row/settings-row.mdx index 7ee13c253a..3d502e4b8e 100644 --- a/src/components/settings-row/settings-row.mdx +++ b/src/components/settings-row/settings-row.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as SettingsRowStories from "./settings-row.stories.tsx"; diff --git a/src/components/settings-row/settings-row.stories.tsx b/src/components/settings-row/settings-row.stories.tsx index 5c97b13b91..c562c0269b 100644 --- a/src/components/settings-row/settings-row.stories.tsx +++ b/src/components/settings-row/settings-row.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/sidebar/sidebar-test.stories.tsx b/src/components/sidebar/sidebar-test.stories.tsx index 191e032d00..da2632be25 100644 --- a/src/components/sidebar/sidebar-test.stories.tsx +++ b/src/components/sidebar/sidebar-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; -import { Meta, StoryObj } from "@storybook/react"; +import { action } from "storybook/actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; import isChromatic from "../../../.storybook/isChromatic"; import { allModes } from "../../../.storybook/modes"; diff --git a/src/components/sidebar/sidebar.mdx b/src/components/sidebar/sidebar.mdx index c0fecad67d..f1cc9469bd 100644 --- a/src/components/sidebar/sidebar.mdx +++ b/src/components/sidebar/sidebar.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as SidebarStories from "./sidebar.stories.tsx"; diff --git a/src/components/sidebar/sidebar.stories.tsx b/src/components/sidebar/sidebar.stories.tsx index 6bd46a95a1..ef0ddb000f 100644 --- a/src/components/sidebar/sidebar.stories.tsx +++ b/src/components/sidebar/sidebar.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import isChromatic from "../../../.storybook/isChromatic"; import { allModes } from "../../../.storybook/modes"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/simple-color-picker/simple-color-picker-test.stories.tsx b/src/components/simple-color-picker/simple-color-picker-test.stories.tsx index 0f0f9ff63f..8354c70bab 100644 --- a/src/components/simple-color-picker/simple-color-picker-test.stories.tsx +++ b/src/components/simple-color-picker/simple-color-picker-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import { SimpleColorPicker, SimpleColor } from "."; export default { diff --git a/src/components/simple-color-picker/simple-color-picker.mdx b/src/components/simple-color-picker/simple-color-picker.mdx index d80c1c49fd..92bde50bd8 100644 --- a/src/components/simple-color-picker/simple-color-picker.mdx +++ b/src/components/simple-color-picker/simple-color-picker.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as SimpleColorStories from "./simple-color/simple-color.stories.tsx"; import * as SimpleColorPickerStories from "./simple-color-picker.stories.tsx"; diff --git a/src/components/simple-color-picker/simple-color-picker.stories.tsx b/src/components/simple-color-picker/simple-color-picker.stories.tsx index cf49628896..c0b4d1ed70 100644 --- a/src/components/simple-color-picker/simple-color-picker.stories.tsx +++ b/src/components/simple-color-picker/simple-color-picker.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/simple-color-picker/simple-color/simple-color.stories.tsx b/src/components/simple-color-picker/simple-color/simple-color.stories.tsx index dd9d1e8052..115b0c1878 100644 --- a/src/components/simple-color-picker/simple-color/simple-color.stories.tsx +++ b/src/components/simple-color-picker/simple-color/simple-color.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import SimpleColor from "./simple-color.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Simple Color", component: SimpleColor, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/split-button/split-button-test.stories.tsx b/src/components/split-button/split-button-test.stories.tsx index 238e4834e2..8247c4c9e3 100644 --- a/src/components/split-button/split-button-test.stories.tsx +++ b/src/components/split-button/split-button-test.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Button from "../button"; import Box from "../box"; import { ICONS } from "../icon/icon-config"; diff --git a/src/components/split-button/split-button.mdx b/src/components/split-button/split-button.mdx index b74b026011..f53bcd0bc0 100644 --- a/src/components/split-button/split-button.mdx +++ b/src/components/split-button/split-button.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; diff --git a/src/components/split-button/split-button.stories.tsx b/src/components/split-button/split-button.stories.tsx index 10d0914ea5..5bafaa6a4d 100644 --- a/src/components/split-button/split-button.stories.tsx +++ b/src/components/split-button/split-button.stories.tsx @@ -1,5 +1,5 @@ import React, { useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/step-flow/step-flow.mdx b/src/components/step-flow/step-flow.mdx index 1ab9789812..8c093e8e31 100644 --- a/src/components/step-flow/step-flow.mdx +++ b/src/components/step-flow/step-flow.mdx @@ -1,4 +1,4 @@ -import { Meta, Canvas, ArgTypes } from "@storybook/blocks"; +import { Meta, Canvas, ArgTypes } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; diff --git a/src/components/step-flow/step-flow.stories.tsx b/src/components/step-flow/step-flow.stories.tsx index 7f9dee2d61..29f27ce108 100644 --- a/src/components/step-flow/step-flow.stories.tsx +++ b/src/components/step-flow/step-flow.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import isChromatic from "../../../.storybook/isChromatic"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/step-sequence/step-sequence-item/step-sequence-item.stories.tsx b/src/components/step-sequence/step-sequence-item/step-sequence-item.stories.tsx index 9e32cc99b8..ded3bad916 100644 --- a/src/components/step-sequence/step-sequence-item/step-sequence-item.stories.tsx +++ b/src/components/step-sequence/step-sequence-item/step-sequence-item.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import StepSequenceItem from "./step-sequence-item.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Step Sequence Item", component: StepSequenceItem, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/step-sequence/step-sequence.mdx b/src/components/step-sequence/step-sequence.mdx index dc24ccf5b8..ec82825854 100644 --- a/src/components/step-sequence/step-sequence.mdx +++ b/src/components/step-sequence/step-sequence.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as StepSequenceItemStories from "./step-sequence-item/step-sequence-item.stories.tsx"; import * as StepSequenceStories from "./step-sequence.stories.tsx"; diff --git a/src/components/step-sequence/step-sequence.stories.tsx b/src/components/step-sequence/step-sequence.stories.tsx index a95c35650a..843bc5c7a1 100644 --- a/src/components/step-sequence/step-sequence.stories.tsx +++ b/src/components/step-sequence/step-sequence.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import useMediaQuery from "../../hooks/useMediaQuery"; diff --git a/src/components/switch/switch.mdx b/src/components/switch/switch.mdx index 2bce571015..1bd1de2b13 100644 --- a/src/components/switch/switch.mdx +++ b/src/components/switch/switch.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as SwitchStories from "./switch.stories.tsx"; diff --git a/src/components/switch/switch.stories.tsx b/src/components/switch/switch.stories.tsx index 9ade043e09..d9710b7044 100644 --- a/src/components/switch/switch.stories.tsx +++ b/src/components/switch/switch.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import CarbonProvider from "../carbon-provider/carbon-provider.component"; diff --git a/src/components/tabs/tab/tab.stories.tsx b/src/components/tabs/tab/tab.stories.tsx index 0484158abf..e7c27d52c9 100644 --- a/src/components/tabs/tab/tab.stories.tsx +++ b/src/components/tabs/tab/tab.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import Tab from "./tab.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Tab", component: Tab, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/tabs/tabs.mdx b/src/components/tabs/tabs.mdx index 38adec8761..663a35f004 100644 --- a/src/components/tabs/tabs.mdx +++ b/src/components/tabs/tabs.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as TabStories from "./tab/tab.stories"; import * as TabsStories from "./tabs.stories"; diff --git a/src/components/tabs/tabs.stories.tsx b/src/components/tabs/tabs.stories.tsx index b09e4fb79b..5360041cd3 100644 --- a/src/components/tabs/tabs.stories.tsx +++ b/src/components/tabs/tabs.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import Pill from "../pill"; diff --git a/src/components/text-editor/text-editor-test.stories.tsx b/src/components/text-editor/text-editor-test.stories.tsx index da20d05d4a..991281be3c 100644 --- a/src/components/text-editor/text-editor-test.stories.tsx +++ b/src/components/text-editor/text-editor-test.stories.tsx @@ -1,6 +1,6 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import TextEditor, { createFromHTML, TextEditorProps } from "."; import Box from "../box"; diff --git a/src/components/text-editor/text-editor.mdx b/src/components/text-editor/text-editor.mdx index 31af8fdeed..c2ee3627b4 100644 --- a/src/components/text-editor/text-editor.mdx +++ b/src/components/text-editor/text-editor.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as TextEditorStories from "./text-editor.stories"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; diff --git a/src/components/text-editor/text-editor.stories.tsx b/src/components/text-editor/text-editor.stories.tsx index a35e2436d0..30b77a4586 100644 --- a/src/components/text-editor/text-editor.stories.tsx +++ b/src/components/text-editor/text-editor.stories.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-alert */ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import React, { useCallback, useEffect, useRef, useState } from "react"; diff --git a/src/components/textarea/textarea.mdx b/src/components/textarea/textarea.mdx index aafb848f93..ab70c9d4c0 100644 --- a/src/components/textarea/textarea.mdx +++ b/src/components/textarea/textarea.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as TextareaStories from "./textarea.stories"; diff --git a/src/components/textarea/textarea.stories.tsx b/src/components/textarea/textarea.stories.tsx index 473965fc07..09003317b5 100644 --- a/src/components/textarea/textarea.stories.tsx +++ b/src/components/textarea/textarea.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Box from "../box"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/textbox/textbox-test.stories.tsx b/src/components/textbox/textbox-test.stories.tsx index 5d011e9afe..d5d01f88ab 100644 --- a/src/components/textbox/textbox-test.stories.tsx +++ b/src/components/textbox/textbox-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Textbox, { TextboxProps } from "."; import Box from "../box"; import CarbonProvider from "../carbon-provider/carbon-provider.component"; diff --git a/src/components/textbox/textbox.mdx b/src/components/textbox/textbox.mdx index 10135fe4d4..df19d42297 100644 --- a/src/components/textbox/textbox.mdx +++ b/src/components/textbox/textbox.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as TextboxStories from "./textbox.stories"; diff --git a/src/components/textbox/textbox.stories.tsx b/src/components/textbox/textbox.stories.tsx index a502194871..d4a819000a 100644 --- a/src/components/textbox/textbox.stories.tsx +++ b/src/components/textbox/textbox.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import I18nProvider from "../i18n-provider"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/tile-select/tile-select-group/tile-select-group.stories.tsx b/src/components/tile-select/tile-select-group/tile-select-group.stories.tsx index c28ffff582..3fa96cf8f5 100644 --- a/src/components/tile-select/tile-select-group/tile-select-group.stories.tsx +++ b/src/components/tile-select/tile-select-group/tile-select-group.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import TileSelectGroup from "./tile-select-group.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Tile Select Group", component: TileSelectGroup, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/tile-select/tile-select.mdx b/src/components/tile-select/tile-select.mdx index 40a5aa6f4f..87e9ace178 100644 --- a/src/components/tile-select/tile-select.mdx +++ b/src/components/tile-select/tile-select.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as TileSelectGroupStories from "./tile-select-group/tile-select-group.stories"; diff --git a/src/components/tile-select/tile-select.stories.tsx b/src/components/tile-select/tile-select.stories.tsx index dc949dba8c..946bcb9bd8 100644 --- a/src/components/tile-select/tile-select.stories.tsx +++ b/src/components/tile-select/tile-select.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/tile/flex-tile-cell/flex-tile-cell.stories.tsx b/src/components/tile/flex-tile-cell/flex-tile-cell.stories.tsx index 497fda5f99..a57b4a2b6e 100644 --- a/src/components/tile/flex-tile-cell/flex-tile-cell.stories.tsx +++ b/src/components/tile/flex-tile-cell/flex-tile-cell.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import FlexTileCell from "./flex-tile-cell.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps( @@ -23,7 +23,7 @@ const styledSystemProps = generateStyledSystemProps( const meta: Meta = { title: "Flex Tile Cell", component: FlexTileCell, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/tile/flex-tile-container/flex-tile-container.stories.tsx b/src/components/tile/flex-tile-container/flex-tile-container.stories.tsx index 0a4122c849..92ca503a60 100644 --- a/src/components/tile/flex-tile-container/flex-tile-container.stories.tsx +++ b/src/components/tile/flex-tile-container/flex-tile-container.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import FlexTileContainer from "./flex-tile-container.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Flex Tile Container", component: FlexTileContainer, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/tile/tile-footer/tile-footer.stories.tsx b/src/components/tile/tile-footer/tile-footer.stories.tsx index 301dbda478..8d6b1c2956 100644 --- a/src/components/tile/tile-footer/tile-footer.stories.tsx +++ b/src/components/tile/tile-footer/tile-footer.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import TileFooter from "./tile-footer.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Tile Footer", component: TileFooter, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/tile/tile-header/tile-header.stories.tsx b/src/components/tile/tile-header/tile-header.stories.tsx index b6f9d440ab..187e9297a2 100644 --- a/src/components/tile/tile-header/tile-header.stories.tsx +++ b/src/components/tile/tile-header/tile-header.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import TileHeader from "./tile-header.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Tile Header", component: TileHeader, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/tile/tile.mdx b/src/components/tile/tile.mdx index eff52b5629..0ce0ae7ab8 100644 --- a/src/components/tile/tile.mdx +++ b/src/components/tile/tile.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as DlStories from "../definition-list/definition-list.stories"; import * as DtStories from "../definition-list/dt/dt.stories"; diff --git a/src/components/tile/tile.stories.tsx b/src/components/tile/tile.stories.tsx index 5f9561ab53..9eb14e1188 100644 --- a/src/components/tile/tile.stories.tsx +++ b/src/components/tile/tile.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/time/time-test.stories.tsx b/src/components/time/time-test.stories.tsx index eb070696ef..6c67ad2724 100644 --- a/src/components/time/time-test.stories.tsx +++ b/src/components/time/time-test.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; +import { Meta, StoryObj } from "@storybook/react-vite"; +import { action } from "storybook/actions"; import { TimeInputEvent, TimeValue } from "./time.component"; import { Time } from "."; diff --git a/src/components/time/time.mdx b/src/components/time/time.mdx index 2aeef553d7..da13d9f132 100644 --- a/src/components/time/time.mdx +++ b/src/components/time/time.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; diff --git a/src/components/time/time.stories.tsx b/src/components/time/time.stories.tsx index bebba1a59d..53ce755c2f 100644 --- a/src/components/time/time.stories.tsx +++ b/src/components/time/time.stories.tsx @@ -1,5 +1,5 @@ import React, { useState, useRef } from "react"; -import { ArgTypes, Meta, StoryObj } from "@storybook/react"; +import { ArgTypes, Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; import I18nProvider from "../i18n-provider"; diff --git a/src/components/toast/toast-test.stories.tsx b/src/components/toast/toast-test.stories.tsx index 2df0e1743d..a536ecd7c4 100644 --- a/src/components/toast/toast-test.stories.tsx +++ b/src/components/toast/toast-test.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { action } from "@storybook/addon-actions"; +import { action } from "storybook/actions"; import Toast, { ToastProps } from "."; import Button from "../button"; import Icon from "../icon"; diff --git a/src/components/toast/toast.mdx b/src/components/toast/toast.mdx index 1e471ed014..9be3eedb72 100644 --- a/src/components/toast/toast.mdx +++ b/src/components/toast/toast.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as ToastStories from "./toast.stories"; diff --git a/src/components/toast/toast.stories.tsx b/src/components/toast/toast.stories.tsx index 8459309436..ab182b580d 100644 --- a/src/components/toast/toast.stories.tsx +++ b/src/components/toast/toast.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import styled from "styled-components"; import isChromatic from "../../../.storybook/isChromatic"; diff --git a/src/components/tooltip/tooltip.component.tsx b/src/components/tooltip/tooltip.component.tsx index 76671857fc..07737e8b29 100644 --- a/src/components/tooltip/tooltip.component.tsx +++ b/src/components/tooltip/tooltip.component.tsx @@ -62,9 +62,9 @@ export interface TooltipProps extends TagProps { /** Override font color of the Tooltip, provide any color from palette or any valid css color value. */ fontColor?: string; /** - * Overrides the default flip behaviour of the Tooltip, + * Overrides the default flip behaviour of the Tooltip, 123 * must be an array containing some or all of ["top", "bottom", "left", "right"] - * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements) + * (see Popper.js documentation) */ flipOverrides?: TooltipPositions[]; /** @ignore @private */ diff --git a/src/components/tooltip/tooltip.mdx b/src/components/tooltip/tooltip.mdx index 64a5cf5dc3..637de7a099 100644 --- a/src/components/tooltip/tooltip.mdx +++ b/src/components/tooltip/tooltip.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as TooltipStories from "./tooltip.stories"; diff --git a/src/components/tooltip/tooltip.stories.tsx b/src/components/tooltip/tooltip.stories.tsx index 195dc84bf0..5dbe22df8b 100644 --- a/src/components/tooltip/tooltip.stories.tsx +++ b/src/components/tooltip/tooltip.stories.tsx @@ -1,5 +1,5 @@ import React, { forwardRef, useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Button, { ButtonProps } from "../button"; import Box from "../box"; diff --git a/src/components/typography/typography.mdx b/src/components/typography/typography.mdx index 0ab5d3ad8c..05c5ac27c3 100644 --- a/src/components/typography/typography.mdx +++ b/src/components/typography/typography.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as TypographyStories from "./typography.stories.tsx"; diff --git a/src/components/typography/typography.stories.tsx b/src/components/typography/typography.stories.tsx index a5355fdf78..9e6299c07f 100644 --- a/src/components/typography/typography.stories.tsx +++ b/src/components/typography/typography.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import Box from "../box"; import generateStyledSystemProps from "../../../.storybook/utils/styled-system-props"; diff --git a/src/components/vertical-divider/vertical-divider.mdx b/src/components/vertical-divider/vertical-divider.mdx index 8b77ff43b2..ff25b2cc73 100644 --- a/src/components/vertical-divider/vertical-divider.mdx +++ b/src/components/vertical-divider/vertical-divider.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import * as VerticalDividerStories from "./vertical-divider.stories"; diff --git a/src/components/vertical-divider/vertical-divider.stories.tsx b/src/components/vertical-divider/vertical-divider.stories.tsx index ea670da7d2..45ccaa6bff 100644 --- a/src/components/vertical-divider/vertical-divider.stories.tsx +++ b/src/components/vertical-divider/vertical-divider.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import styled from "styled-components"; diff --git a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.stories.tsx b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.stories.tsx index 16730f9f15..880c4e184d 100644 --- a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.stories.tsx +++ b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.stories.tsx @@ -1,4 +1,4 @@ -import { ArgTypes, Meta, StoryObj } from "@storybook/react"; +import { ArgTypes, Meta, StoryObj } from "@storybook/react-vite"; import { ResponsiveVerticalMenuDivider, @@ -13,7 +13,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "ResponsiveVerticalMenuDivider", component: ResponsiveVerticalMenuDivider, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-interaction.stories.tsx b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-interaction.stories.tsx index 385652c1ad..8bf0898bae 100644 --- a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-interaction.stories.tsx +++ b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-interaction.stories.tsx @@ -1,6 +1,6 @@ import { StoryObj } from "@storybook/react"; -import { userEvent, within, expect } from "@storybook/test"; -import { INITIAL_VIEWPORTS } from "@storybook/addon-viewport"; +import { userEvent, within, expect } from "storybook/test"; +import { INITIAL_VIEWPORTS } from "storybook/viewport"; import React from "react"; import { diff --git a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.stories.tsx b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.stories.tsx index aff1858c55..fcca9bf1f7 100644 --- a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.stories.tsx +++ b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.stories.tsx @@ -1,4 +1,4 @@ -import { ArgTypes, Meta, StoryObj } from "@storybook/react"; +import { ArgTypes, Meta, StoryObj } from "@storybook/react-vite"; import { ResponsiveVerticalMenuItem, @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "ResponsiveVerticalMenuItem", component: ResponsiveVerticalMenuItem, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.mdx b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.mdx index 5816bcc180..328977d830 100644 --- a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.mdx +++ b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../../.storybook/utils/translation-keys-table"; import * as ResponsiveVerticalMenuStories from "./responsive-vertical-menu.stories"; diff --git a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.stories.tsx b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.stories.tsx index ff768b63cd..a0dd514468 100644 --- a/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.stories.tsx +++ b/src/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.stories.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { allModes } from "../../../../.storybook/modes"; import isChromatic from "../../../../.storybook/isChromatic"; diff --git a/src/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.stories.tsx b/src/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.stories.tsx index 435fd57dae..247c65a217 100644 --- a/src/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.stories.tsx +++ b/src/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.stories.tsx @@ -1,15 +1,15 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import VerticalMenuFullScreen from "./vertical-menu-full-screen.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { title: "Vertical Menu Full Screen", component: VerticalMenuFullScreen, - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true }, }, diff --git a/src/components/vertical-menu/vertical-menu-interaction.stories.tsx b/src/components/vertical-menu/vertical-menu-interaction.stories.tsx index 1fe9f6fa6b..d444e88911 100644 --- a/src/components/vertical-menu/vertical-menu-interaction.stories.tsx +++ b/src/components/vertical-menu/vertical-menu-interaction.stories.tsx @@ -1,6 +1,6 @@ import React, { useState } from "react"; import { StoryObj } from "@storybook/react"; -import { userEvent, within } from "@storybook/test"; +import { userEvent, within } from "storybook/test"; import { VerticalMenu, diff --git a/src/components/vertical-menu/vertical-menu-item/vertical-menu-item.stories.tsx b/src/components/vertical-menu/vertical-menu-item/vertical-menu-item.stories.tsx index b01167fcb4..0d81601d11 100644 --- a/src/components/vertical-menu/vertical-menu-item/vertical-menu-item.stories.tsx +++ b/src/components/vertical-menu/vertical-menu-item/vertical-menu-item.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import VerticalMenuItem from "./vertical-menu-item.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Vertical Menu Item", component: VerticalMenuItem, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.stories.tsx b/src/components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.stories.tsx index 77f6960ec3..17460b674a 100644 --- a/src/components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.stories.tsx +++ b/src/components/vertical-menu/vertical-menu-trigger/vertical-menu-trigger.stories.tsx @@ -1,10 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import generateStyledSystemProps from "../../../../.storybook/utils/styled-system-props"; import VerticalMenuTrigger from "./vertical-menu-trigger.component"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const styledSystemProps = generateStyledSystemProps({ @@ -14,7 +14,7 @@ const styledSystemProps = generateStyledSystemProps({ const meta: Meta = { title: "Vertical Menu Trigger", component: VerticalMenuTrigger, - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { ...styledSystemProps, }, diff --git a/src/components/vertical-menu/vertical-menu.mdx b/src/components/vertical-menu/vertical-menu.mdx index 71702ff4db..ab690e3e67 100644 --- a/src/components/vertical-menu/vertical-menu.mdx +++ b/src/components/vertical-menu/vertical-menu.mdx @@ -1,4 +1,4 @@ -import { Meta, ArgTypes, Canvas } from "@storybook/blocks"; +import { Meta, ArgTypes, Canvas } from "@storybook/addon-docs/blocks"; import TranslationKeysTable from "../../../.storybook/utils/translation-keys-table"; import * as VerticalMenuTriggerStories from "./vertical-menu-trigger/vertical-menu-trigger.stories"; diff --git a/src/components/vertical-menu/vertical-menu.stories.tsx b/src/components/vertical-menu/vertical-menu.stories.tsx index ec27136fcb..52f0e0889c 100644 --- a/src/components/vertical-menu/vertical-menu.stories.tsx +++ b/src/components/vertical-menu/vertical-menu.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import { allModes } from "../../../.storybook/modes"; import isChromatic from "../../../.storybook/isChromatic"; diff --git a/src/hooks/useCharacterCount/use-character-count.mdx b/src/hooks/useCharacterCount/use-character-count.mdx index 21445ee14f..79f3752177 100644 --- a/src/hooks/useCharacterCount/use-character-count.mdx +++ b/src/hooks/useCharacterCount/use-character-count.mdx @@ -1,4 +1,4 @@ -import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs"; +import { ArgTypes, Meta, Canvas } from "@storybook/addon-docs/blocks"; import * as useCharacterCountStories from "./use-character-count.stories"; diff --git a/src/hooks/useCharacterCount/use-character-count.stories.tsx b/src/hooks/useCharacterCount/use-character-count.stories.tsx index 0ed70ec5dc..0f26389558 100644 --- a/src/hooks/useCharacterCount/use-character-count.stories.tsx +++ b/src/hooks/useCharacterCount/use-character-count.stories.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; import useCharacterCount from "./useCharacterCount"; import Textbox from "../../components/textbox"; @@ -7,11 +7,11 @@ import Textarea from "../../components/textarea"; /** * This file is used primarily as a means to generate the props table and examples. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { - tags: ["hideInSidebar"], + tags: ["!dev"], parameters: { chromatic: { disableSnapshot: true, diff --git a/src/hooks/useMediaQuery/use-media-query.mdx b/src/hooks/useMediaQuery/use-media-query.mdx index 899022e877..e5ff9b5637 100644 --- a/src/hooks/useMediaQuery/use-media-query.mdx +++ b/src/hooks/useMediaQuery/use-media-query.mdx @@ -1,4 +1,4 @@ -import { ArgTypes, Meta } from "@storybook/addon-docs"; +import { ArgTypes, Meta } from "@storybook/addon-docs/blocks"; import * as useMediaQueryStories from "./use-media-query.stories"; diff --git a/src/hooks/useMediaQuery/use-media-query.stories.tsx b/src/hooks/useMediaQuery/use-media-query.stories.tsx index 7250898937..69212f6048 100644 --- a/src/hooks/useMediaQuery/use-media-query.stories.tsx +++ b/src/hooks/useMediaQuery/use-media-query.stories.tsx @@ -1,12 +1,12 @@ -import { Meta, StoryObj } from "@storybook/react"; +import { Meta, StoryObj } from "@storybook/react-vite"; /** * This file is used primarily as a means to generate the props table. - * It contains the tag: ["hideInSidebar"] so that it is not included in the sidebar. + * It contains the tag: ["!dev"] so that it is not included in the sidebar. */ const meta: Meta = { - tags: ["hideInSidebar"], + tags: ["!dev"], argTypes: { query: { type: { name: "string", required: true },