[patch] Upgrade to storybook v10 to fix vulnerabilities

package.json

@@ -15,14 +15,14 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.1",
-    "@storybook/addon-a11y": "^9.1.10",
-    "@storybook/addon-links": "^9.1.10",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
     "@types/color": "^4.2.0",
     "husky": "^9.0.11",
     "identity-obj-proxy": "^3.0.0",
     "lint-staged": "^15.2.7",
     "prettier": "^3.2.5",
-    "storybook-addon-pseudo-states": "^9.1.10",
+    "storybook-addon-pseudo-states": "^10.6.0",
     "turbo": "^2.9.14",
     "typescript": "^5.6.3"
   },

packages/lib/package.json

@@ -59,11 +59,11 @@
     "@emotion/babel-plugin": "^11.13.5",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@storybook/addon-a11y": "^9.1.10",
-    "@storybook/addon-links": "^9.1.10",
-    "@storybook/addon-vitest": "^9.1.10",
-    "@storybook/builder-vite": "^9.1.10",
-    "@storybook/react-vite": "^9.1.10",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/addon-vitest": "^10.6.0",
+    "@storybook/builder-vite": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^13.0.0",
@@ -88,13 +88,13 @@
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-security": "^3.0.0",
-    "eslint-plugin-storybook": "^9.1.10",
+    "eslint-plugin-storybook": "^10.6.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "playwright": "^1.54.1",
-    "storybook": "^9.1.10",
-    "storybook-addon-pseudo-states": "^9.1.10",
+    "storybook": "^10.6.0",
+    "storybook-addon-pseudo-states": "^10.6.0",
     "ts-node": "^10.9.2",
     "tsup": "^8.1.0",
     "typescript": "^5.6.3",

packages/lib/src/HalstackContext.stories.tsx

@@ -10,7 +10,7 @@ import DxcDialog from "./dialog/Dialog";
 import DxcInset from "./inset/Inset";
 import DxcAlert from "./alert/Alert";
 import DxcApplicationLayout from "./layout/ApplicationLayout";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import lakeImage from "./../.storybook/assets/images/lake.jpg";
 import woodenDockImage from "./../.storybook/assets/images/wooden_dock.avif";
 import snakeRiverImage from "./../.storybook/assets/images/snake_river.jpg";

packages/lib/src/action-icon/ActionIcon.stories.tsx

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import DxcActionIcon from "./ActionIcon";
 import DxcFlex from "../flex/Flex";
 import Title from "../../.storybook/components/Title";

packages/lib/src/badge/Badge.stories.tsx

@@ -5,7 +5,7 @@ import DxcFlex from "../flex/Flex";
 import DxcInset from "../inset/Inset";
 import DxcTooltip from "../tooltip/Tooltip";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Badge",

packages/lib/src/breadcrumbs/Breadcrumbs.stories.tsx

@@ -5,7 +5,7 @@ import DxcContainer from "../container/Container";
 import disabledRules from "../../test/accessibility/rules/specific/breadcrumbs/disabledRules";
 import preview from "../../.storybook/preview";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Breadcrumbs",

packages/lib/src/button/Button.stories.tsx

@@ -5,7 +5,7 @@ import ExampleContainer from "../../.storybook/components/ExampleContainer";
 import DxcInset from "../inset/Inset";
 import DxcTooltip from "../tooltip/Tooltip";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Button",

packages/lib/src/contextual-menu/ContextualMenu.stories.tsx

@@ -6,7 +6,7 @@ import DxcContextualMenu from "./ContextualMenu";
 import SingleItem from "../base-menu/SingleItem";
 import ContextualMenuContext from "../base-menu/BaseMenuContext";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Contextual Menu",

packages/lib/src/data-grid/DataGrid.stories.tsx

@@ -10,7 +10,7 @@ import DxcBadge from "../badge/Badge";
 import { ActionsCellPropsType } from "../table/types";
 import { isKeyOfRow } from "./utils";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Data Grid",

packages/lib/src/date-input/DateInput.stories.tsx

@@ -9,7 +9,7 @@ import Calendar from "./Calendar";
 import DxcDateInput from "./DateInput";
 import DxcDatePicker from "./DatePicker";
 import DateUnitPicker from "./DateUnitPicker";
-import { fireEvent, screen, userEvent, within } from "storybook/internal/test";
+import { fireEvent, screen, userEvent, within } from "storybook/test";
 import { HalstackProvider } from "../HalstackContext";
 import { getMonthPickerItems, getYearPickerItems } from "./utils";
 

packages/lib/src/dialog/Dialog.stories.tsx

@@ -13,7 +13,7 @@ import DxcDateInput from "../date-input/DateInput";
 import DxcDropdown from "../dropdown/Dropdown";
 import DxcTooltip from "../tooltip/Tooltip";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { screen, userEvent } from "storybook/internal/test";
+import { screen, userEvent } from "storybook/test";
 import disabledRules from "../../test/accessibility/rules/specific/dialog/disabledRules";
 import preview from "../../.storybook/preview";
 

packages/lib/src/dropdown/Dropdown.stories.tsx

@@ -6,7 +6,7 @@ import DropdownMenu from "./DropdownMenu";
 import { Option } from "./types";
 import preview from "../../.storybook/preview";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Dropdown",

packages/lib/src/footer/Footer.stories.tsx

@@ -6,7 +6,7 @@ import DxcFlex from "../flex/Flex";
 import DxcFooter from "./Footer";
 import DxcLink from "../link/Link";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import { useEffect } from "react";
 import DxcParagraph from "../paragraph/Paragraph";
 import DxcHeading from "../heading/Heading";

packages/lib/src/header/Header.stories.tsx

@@ -7,7 +7,7 @@ import Title from "../../.storybook/components/Title";
 import DxcApplicationLayout from "../layout/ApplicationLayout";
 import DxcParagraph from "../paragraph/Paragraph";
 import DxcButton from "../button/Button";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import preview from "../../.storybook/preview";
 import disabledRules from "../../test/accessibility/rules/specific/header/disabledRules";
 

packages/lib/src/layout/ApplicationLayout.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from "@storybook/react-vite";
 import Title from "../../.storybook/components/Title";
 import DxcApplicationLayout from "./ApplicationLayout";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import { useEffect } from "react";
 import { HalstackProvider } from "../HalstackContext";
 import lakeImage from "../../.storybook/assets/images/lake.jpg";

packages/lib/src/navigation-tree/NavigationTree.stories.tsx

@@ -4,7 +4,7 @@ import DxcBadge from "../badge/Badge";
 import DxcContainer from "../container/Container";
 import DxcNavigationTree from "./NavigationTree";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import NavigationTreeContext from "./NavigationTreeContext";
 import SingleItem from "../base-menu/SingleItem";
 

packages/lib/src/paginator/Paginator.stories.tsx

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from "@storybook/react-vite";
 import ExampleContainer from "../../.storybook/components/ExampleContainer";
 import Title from "../../.storybook/components/Title";
 import DxcPaginator from "./Paginator";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Paginator",

packages/lib/src/password-input/PasswordInput.stories.tsx

@@ -3,7 +3,7 @@ import ExampleContainer from "../../.storybook/components/ExampleContainer";
 import Title from "../../.storybook/components/Title";
 import DxcFlex from "../flex/Flex";
 import DxcPasswordInput from "./PasswordInput";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Password Input",

packages/lib/src/resultset-table/ResultsetTable.stories.tsx

@@ -6,7 +6,7 @@ import preview from "../../.storybook/preview";
 import DxcResultsetTable from "./ResultsetTable";
 import DxcFlex from "../flex/Flex";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Resultset Table",

packages/lib/src/search-bar/SearchBar.stories.tsx

@@ -6,7 +6,7 @@ import { useState } from "react";
 import DxcSearchBar from "./SearchBar";
 import DxcFlex from "../flex/Flex";
 import DxcContainer from "../container/Container";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Search Bar",

packages/lib/src/select/Select.stories.tsx

@@ -6,7 +6,7 @@ import disabledRules from "../../test/accessibility/rules/specific/select/disabl
 import DxcFlex from "../flex/Flex";
 import Listbox from "./Listbox";
 import DxcSelect from "./Select";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Select",

packages/lib/src/sidenav/Sidenav.stories.tsx

@@ -7,7 +7,7 @@ import DxcFlex from "../flex/Flex";
 import DxcTypography from "../typography/Typography";
 import DxcButton from "../button/Button";
 import DxcAvatar from "../avatar/Avatar";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import disabledRules from "../../test/accessibility/rules/specific/sidenav/disabledRules";
 import preview from "../../.storybook/preview";
 import DxcApplicationLayout from "../layout/ApplicationLayout";

packages/lib/src/spinner/Spinner.stories.tsx

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from "@storybook/react-vite";
 import ExampleContainer from "../../.storybook/components/ExampleContainer";
 import Title from "../../.storybook/components/Title";
 import DxcSpinner from "./Spinner";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Spinner",

packages/lib/src/table/Table.stories.tsx

@@ -4,7 +4,7 @@ import Title from "../../.storybook/components/Title";
 import preview from "../../.storybook/preview";
 import DxcTable from "./Table";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Table",

packages/lib/src/tabs/Tabs.stories.tsx

@@ -3,7 +3,7 @@ import Title from "../../.storybook/components/Title";
 import DxcTabs from "./Tabs";
 import type { Margin, Space } from "../common/utils";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Tabs",

packages/lib/src/text-input/TextInput.stories.tsx

@@ -6,7 +6,7 @@ import Suggestions from "./Suggestions";
 import DxcTextInput from "./TextInput";
 import preview from "../../.storybook/preview";
 import { Meta, StoryObj } from "@storybook/react-vite";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 
 export default {
   title: "Text Input",

packages/lib/src/time-input/TimeInput.stories.tsx

@@ -6,7 +6,7 @@ import { Meta, StoryObj } from "@storybook/react-vite";
 import preview from "../../.storybook/preview";
 import disabledRules from "../../test/accessibility/rules/common/disabledRules";
 import DxcContainer from "../container/Container";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import { HalstackProvider } from "../HalstackContext";
 
 export default {

packages/lib/src/toast/Toast.stories.tsx

@@ -8,7 +8,7 @@ import DxcToastsQueue from "./ToastsQueue";
 import useToast from "./useToast";
 import DxcDialog from "../dialog/Dialog";
 import DxcInset from "../inset/Inset";
-import { screen, userEvent, within } from "storybook/internal/test";
+import { screen, userEvent, within } from "storybook/test";
 
 export default {
   title: "Toast",

packages/lib/src/tooltip/Tooltip.stories.tsx

@@ -5,7 +5,7 @@ import Title from "../../.storybook/components/Title";
 import DxcButton from "../button/Button";
 import DxcFlex from "../flex/Flex";
 import DxcInset from "../inset/Inset";
-import { userEvent, within } from "storybook/internal/test";
+import { userEvent, within } from "storybook/test";
 import styled from "@emotion/styled";
 
 export default {