Upgrade Storybook to v10

package.json

@@ -75,7 +75,7 @@
     "eslint-plugin-react": "^7.35.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-ssr-friendly": "1.3.0",
-    "eslint-plugin-storybook": "^10.0.6",
+    "eslint-plugin-storybook": "^10.0.7",
     "eslint-plugin-testing-library": "^7.13.3",
     "fast-glob": "^3.3.3",
     "globals": "^16.2.0",
@@ -84,7 +84,7 @@
     "prettier": "3.4.2",
     "rimraf": "5.0.5",
     "size-limit": "11.2.0",
-    "storybook": "^9.1.10",
+    "storybook": "^10.0.7",
     "stylelint": "16.20.0",
     "turbo": "^2.5.5",
     "typescript": "^5.9.2",

packages/react/.storybook/main.ts

@@ -1,3 +1,4 @@
+// This file has been automatically migrated to valid ESM format by Storybook.
 import {createRequire} from 'node:module'
 import path from 'node:path'
 import react from '@vitejs/plugin-react'

packages/react/.storybook/manager.jsx

@@ -1,5 +1,4 @@
-import {addons, types} from 'storybook/manager-api'
-import {useGlobals} from 'storybook/manager-api'
+import {addons, types, useGlobals} from 'storybook/manager-api'
 import {IconButton, WithTooltip, TooltipLinkList} from 'storybook/internal/components'
 import {BeakerIcon} from '@primer/octicons-react'
 import React from 'react'

packages/react/.storybook/preview.jsx

@@ -218,7 +218,7 @@ const preview = {
     },
 
     viewport: {
-      viewports: {
+      options: {
         ...storybookViewports,
       },
     },

packages/react/package.json

@@ -116,11 +116,11 @@
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "12.3.0",
     "@rollup/plugin-virtual": "3.0.2",
-    "@storybook/addon-a11y": "^9.1.10",
-    "@storybook/addon-docs": "^9.1.10",
-    "@storybook/addon-links": "^9.1.10",
+    "@storybook/addon-a11y": "^10.0.7",
+    "@storybook/addon-docs": "^10.0.7",
+    "@storybook/addon-links": "^10.0.7",
     "@storybook/icons": "^1.6.0",
-    "@storybook/react-vite": "^9.1.10",
+    "@storybook/react-vite": "^10.0.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^16.3.0",
@@ -176,7 +176,7 @@
     "rollup-plugin-import-css": "^0.0.0",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-visualizer": "6.0.5",
-    "storybook": "^9.1.10",
+    "storybook": "^10.0.7",
     "terser": "5.36.0",
     "ts-toolbelt": "9.6.0",
     "tsx": "4.20.3",

packages/react/src/experimental/IssueLabel/IssueLabel.features.stories.tsx

@@ -1,7 +1,7 @@
 import {IssueLabel} from '../IssueLabel'
 import type {Meta} from '@storybook/react-vite'
 import {Stack} from '../../Stack'
-import {action} from 'storybook/internal/actions'
+import {action} from 'storybook/actions'
 
 const meta = {
   title: 'Experimental/Components/IssueLabel/Features',