Merge pull request #2543 from dxc-technology/PelayoFelgueroso/fix-vulnerability

[patch] Upgrade to storybook v10 to fix vulnerabilities

Author: Jialecl

package-lock.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"
   },

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/package.json

@@ -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/HalstackContext.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/action-icon/ActionIcon.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/badge/Badge.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/breadcrumbs/Breadcrumbs.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/button/Button.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/contextual-menu/ContextualMenu.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",