storybookjs · ndelangen · Dec 24, 2025 · Dec 22, 2025 · Dec 22, 2025 · Dec 22, 2025
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -193,7 +193,7 @@ jobs:
                 template: $(yarn get-template --cadence << pipeline.parameters.workflow >> --task bench)
     build:
         executor:
-            class: large
+            class: xlarge
             name: sb_node_22_classic
         steps:
             - git-shallow-clone/checkout_advanced:
@@ -240,7 +240,7 @@ jobs:
                 root: /tmp
     check:
         executor:
-            class: large
+            class: xlarge
             name: sb_node_22_classic
         steps:
             - git-shallow-clone/checkout_advanced:
@@ -299,6 +299,10 @@ jobs:
             - checkout
             - attach_workspace:
                 at: /tmp
+            - run:
+                command: yarn storybook:ui:build
+                name: Build Storybook
+                working_directory: code
             - run:
                 command: yarn storybook:ui:chromatic
                 name: Running Chromatic

diff --git a/.circleci/src/jobs/build.yml b/.circleci/src/jobs/build.yml
@@ -1,5 +1,5 @@
 executor:
-  class: large
+  class: xlarge
   name: sb_node_22_classic
 
 steps:

diff --git a/.circleci/src/jobs/check.yml b/.circleci/src/jobs/check.yml
@@ -1,5 +1,5 @@
 executor:
-  class: large
+  class: xlarge
   name: sb_node_22_classic
 
 steps:

diff --git a/.circleci/src/jobs/chromatic-internal-storybook.yml b/.circleci/src/jobs/chromatic-internal-storybook.yml
@@ -10,6 +10,10 @@ steps:
   - checkout
   - attach_workspace:
       at: /tmp
+  - run:
+      name: Build Storybook
+      command: yarn storybook:ui:build
+      working_directory: code
   - run:
       name: Running Chromatic
       command: yarn storybook:ui:chromatic

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -49,7 +49,7 @@
   "typescript.preferences.preferTypeOnlyAutoImports": true,
   "typescript.preferences.quoteStyle": "single",
   "typescript.preferGoToSourceDefinition": true,
-  "typescript.tsdk": "./code/node_modules/typescript/lib",
+  "typescript.tsdk": "./typescript/lib",
   "vitest.workspaceConfig": "./code/vitest.workspace.ts",
   "vitest.rootConfig": "./code/vitest.workspace.ts",
 }
diff --git a/code/.storybook/bench/bench.stories.tsx b/code/.storybook/bench/bench.stories.tsx
@@ -5,7 +5,7 @@ import type { Meta } from '@storybook/react-vite';
 import { safeMetafileArg } from '../../../scripts/bench/safe-args';
 
 // @ts-expect-error - TS doesn't know about import.meta.glob from Vite
-const allMetafiles = import.meta.glob(['../../bench/esbuild-metafiles/**/*.json'], {
+const allMetafiles = import.meta.glob('../../bench/esbuild-metafiles/**/*.json', {
   import: 'default',
 });
 

diff --git a/code/.storybook/main.ts b/code/.storybook/main.ts
@@ -12,6 +12,8 @@ const currentDirPath = dirname(currentFilePath);
 
 const componentsPath = join(currentDirPath, '../core/src/components/index.ts');
 const managerApiPath = join(currentDirPath, '../core/src/manager-api/index.mock.ts');
+const themingCreatePath = join(currentDirPath, '../core/src/theming/create.ts');
+const themingPath = join(currentDirPath, '../core/src/theming/index.ts');
 const imageContextPath = join(currentDirPath, '../frameworks/nextjs/src/image-context.ts');
 
 const config = defineMain({
@@ -154,6 +156,8 @@ const config = defineMain({
             ? {
                 'storybook/internal/components': componentsPath,
                 'storybook/manager-api': managerApiPath,
+                'storybook/theming/create': themingCreatePath,
+                'storybook/theming': themingPath,
                 'sb-original/image-context': imageContextPath,
               }
             : {

diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
@@ -60,13 +60,13 @@
   },
   "devDependencies": {
     "@radix-ui/react-tabs": "1.0.4",
-    "@storybook/icons": "^2.0.0",
+    "@storybook/icons": "^2.0.1",
     "@testing-library/react": "^14.0.0",
-    "execa": "^9.5.2",
+    "execa": "^9.6.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-resize-detector": "^7.1.2",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.3",
     "vitest-axe": "^0.1.0"
   },
   "peerDependencies": {

diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
@@ -81,7 +81,7 @@
   "dependencies": {
     "@mdx-js/react": "^3.0.0",
     "@storybook/csf-plugin": "workspace:*",
-    "@storybook/icons": "^2.0.0",
+    "@storybook/icons": "^2.0.1",
     "@storybook/react-dom-shim": "workspace:*",
     "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",
@@ -105,7 +105,7 @@
     "rehype-slug": "^6.0.0",
     "telejson": "8.0.0",
     "tocbot": "^4.20.1",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.3",
     "vite": "^7.0.4"
   },
   "peerDependencies": {

diff --git a/code/addons/links/package.json b/code/addons/links/package.json
@@ -53,7 +53,7 @@
     "@storybook/global": "^5.0.0"
   },
   "devDependencies": {
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",

diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
@@ -48,11 +48,11 @@
   ],
   "devDependencies": {
     "@neoconfetti/react": "^1.0.0",
-    "@storybook/icons": "^2.0.0",
+    "@storybook/icons": "^2.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-joyride": "^2.8.2",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "storybook": "workspace:^"

diff --git a/code/addons/pseudo-states/package.json b/code/addons/pseudo-states/package.json
@@ -51,10 +51,10 @@
     "!src/**/*"
   ],
   "devDependencies": {
-    "@storybook/icons": "^2.0.0",
+    "@storybook/icons": "^2.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "storybook": "workspace:^"

diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
@@ -57,10 +57,10 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "@storybook/icons": "^2.0.0",
+    "@storybook/icons": "^2.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "storybook": "workspace:^"

diff --git a/code/addons/vitest/package.json b/code/addons/vitest/package.json
@@ -69,13 +69,13 @@
   ],
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/icons": "^2.0.0"
+    "@storybook/icons": "^2.0.1"
   },
   "devDependencies": {
     "@types/istanbul-lib-report": "^3.0.3",
     "@types/micromatch": "^4.0.0",
-    "@types/node": "^22.0.0",
-    "@types/semver": "^7",
+    "@types/node": "^22.19.1",
+    "@types/semver": "^7.7.1",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/runner": "^4.0.14",
     "empathic": "^2.0.0",
@@ -86,13 +86,13 @@
     "picocolors": "^1.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "semver": "^7.6.3",
+    "semver": "^7.7.3",
     "sirv": "^2.0.4",
     "slash": "^5.0.0",
     "tinyglobby": "^0.2.10",
     "tree-kill": "^1.2.2",
     "ts-dedent": "^2.2.0",
-    "typescript": "^5.8.3",
+    "typescript": "^5.9.3",
     "vitest": "^4.0.14"
   },
   "peerDependencies": {

diff --git a/code/addons/vitest/src/node/boot-test-runner.test.ts b/code/addons/vitest/src/node/boot-test-runner.test.ts
@@ -100,9 +100,8 @@ describe('bootTestRunner', () => {
   } as Options;
 
   beforeEach(async () => {
-    const { experimental_MockUniversalStore: MockUniversalStore } = await import(
-      'storybook/internal/core-server'
-    );
+    const { experimental_MockUniversalStore: MockUniversalStore } =
+      await import('storybook/internal/core-server');
     mockStore = new MockUniversalStore<StoreState, StoreEvent>(storeOptions);
     vi.mocked(executeNodeCommand).mockClear();
     vi.mocked(log).mockClear();

diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
@@ -51,10 +51,10 @@
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
-    "@types/node": "^22.0.0",
+    "@types/node": "^22.19.1",
     "empathic": "^2.0.0",
     "es-module-lexer": "^1.5.0",
-    "glob": "^10.0.0",
+    "glob": "^10.5.0",
     "knitwork": "^1.1.0",
     "magic-string": "^0.30.0",
     "pathe": "^1.1.2",

diff --git a/code/builders/builder-vite/src/plugins/webpack-stats-plugin.ts b/code/builders/builder-vite/src/plugins/webpack-stats-plugin.ts
@@ -52,8 +52,8 @@ function isUserCode(moduleName: string) {
 
   return Boolean(
     !moduleName.startsWith('vite/') &&
-      !moduleName.startsWith('\0') &&
-      moduleName !== 'react/jsx-runtime'
+    !moduleName.startsWith('\0') &&
+    moduleName !== 'react/jsx-runtime'
   );
 }
 

diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
@@ -69,13 +69,13 @@
     "webpack-virtual-modules": "^0.6.0"
   },
   "devDependencies": {
-    "@types/node": "^22.0.0",
+    "@types/node": "^22.19.1",
     "@types/pretty-hrtime": "^1.0.0",
     "@types/webpack-hot-middleware": "^2.25.6",
     "pretty-hrtime": "^1.0.3",
     "sirv": "^2.0.4",
     "slash": "^5.0.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "storybook": "workspace:^"

diff --git a/code/builders/builder-webpack5/src/loaders/storybook-mock-transform-loader.ts b/code/builders/builder-webpack5/src/loaders/storybook-mock-transform-loader.ts
@@ -6,8 +6,8 @@ import type { LoaderDefinition } from 'webpack';
 /**
  * A Webpack loader that normalize sb.mock(import(...)) calls to sb.mock(...)
  *
- * @param source The original source code of the preview config file.
  * @this The Webpack loader context.
+ * @param source The original source code of the preview config file.
  */
 const storybookMockTransformLoader: LoaderDefinition = function mockTransformLoaderFn(
   source,

diff --git a/code/builders/builder-webpack5/src/loaders/webpack-automock-loader.ts b/code/builders/builder-webpack5/src/loaders/webpack-automock-loader.ts
@@ -19,8 +19,8 @@ interface AutomockLoaderOptions {
  * This loader is intended to be used by `WebpackMockPlugin` when no `__mocks__` file is found for a
  * module specified in `sb.mock()`.
  *
- * @param {string} source The original source code of the module.
  * @this {LoaderContext<AutomockLoaderOptions>} The Webpack loader context.
+ * @param {string} source The original source code of the module.
  */
 export default function webpackAutomockLoader(
   this: LoaderContext<AutomockLoaderOptions>,

diff --git a/code/builders/builder-webpack5/src/types.ts b/code/builders/builder-webpack5/src/types.ts
@@ -16,8 +16,10 @@ export interface TypescriptOptions extends TypeScriptOptionsBase {
   checkOptions?: ConstructorParameters<typeof ForkTsCheckerWebpackPlugin>[0];
 }
 
-export interface StorybookConfigWebpack
-  extends Omit<StorybookConfig, 'webpack' | 'webpackFinal' | 'features'> {
+export interface StorybookConfigWebpack extends Omit<
+  StorybookConfig,
+  'webpack' | 'webpackFinal' | 'features'
+> {
   /**
    * Modify or return a custom Webpack config after the Storybook's default configuration has run
    * (mostly used by addons).

diff --git a/code/chromatic.config.json b/code/chromatic.config.json
@@ -2,9 +2,6 @@
   "$schema": "https://www.chromatic.com/config-file.schema.json",
   "projectId": "Project:635781f3500dd2c49e189caf",
   "projectToken": "80b312430ec4",
-  "buildScriptName": "storybook:ui:build",
   "onlyChanged": false,
-  "storybookConfigDir": ".storybook",
-  "storybookBaseDir": "./code",
   "zip": true
 }