npm - @storybook/nextjs - Versions diffs - 10.3.0-alpha.8 → 10.3.0-beta.0 - Mend

@storybook/nextjs 10.3.0-alpha.8 → 10.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/dist/_node-chunks/{chunk-VLHSCTHA.js → chunk-4JVQWDV4.js} RENAMED Viewed

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   resolvePackageDir
-} from "./chunk-NR3A2WJ6.js";
+} from "./chunk-HPADKVL4.js";
 // src/utils.ts
 import { readFileSync } from "node:fs";

package/dist/_node-chunks/{chunk-NR3A2WJ6.js → chunk-HPADKVL4.js} RENAMED Viewed

@@ -1,16 +1,17 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 // ../../core/src/shared/utils/module.ts
+import { createRequire, register } from "node:module";
 import { fileURLToPath, pathToFileURL } from "node:url";
 // ../../../node_modules/exsolve/dist/index.mjs
@@ -202,7 +203,12 @@ var importMetaResolve = (...args) => typeof import.meta.resolve != "function" &&
   try {
     return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"), parent)));
   } catch {
-    return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+    try {
+      return dirname(fileURLToPath(importMetaResolve(join(pkg, "package.json"))));
+    } catch {
+      let req = createRequire(parent ?? import.meta.url);
+      return dirname(req.resolve(join(pkg, "package.json")));
+    }
   }
 };

package/dist/_node-chunks/{chunk-VEJ4UG6D.js → chunk-OOBG4GLF.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13,7 +13,7 @@ import {
   addScopedAlias,
   getNextjsVersion,
   setAlias
-} from "./chunk-VLHSCTHA.js";
+} from "./chunk-4JVQWDV4.js";
 // src/compatibility/compatibility-map.ts
 import semver from "semver";

package/dist/_node-chunks/{configureNextFont-YIQE7ZGB.js → configureNextFont-A6QEZWG6.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{loader-QWKNND6Y.js → loader-7BI67TRF.js} RENAMED Viewed

@@ -1,25 +1,24 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getNodeModulesExcludeRegex
-} from "./chunk-VLHSCTHA.js";
-import "./chunk-NR3A2WJ6.js";
+} from "./chunk-4JVQWDV4.js";
+import "./chunk-HPADKVL4.js";
 // src/swc/loader.ts
 import { join } from "node:path";
 import { getProjectRoot } from "storybook/internal/common";
 import { getVirtualModules } from "@storybook/builder-webpack5";
 import nextJSLoadConfigModule from "next/dist/build/load-jsconfig.js";
-import { getSupportedBrowsers } from "next/dist/build/utils.js";
 var configureSWCLoader = async (baseConfig, options, nextConfig) => {
   let isDevelopment = options.configType !== "PRODUCTION", { virtualModules } = await getVirtualModules(options), projectRoot = getProjectRoot(), loadJsConfig = nextJSLoadConfigModule.default ?? nextJSLoadConfigModule, { jsConfig } = await loadJsConfig(projectRoot, nextConfig), rawRule = baseConfig.module?.rules?.find(
     (rule) => typeof rule == "object" && rule?.resourceQuery?.toString() === "/raw/"
@@ -42,13 +41,26 @@ var configureSWCLoader = async (baseConfig, options, nextConfig) => {
         hasReactRefresh: isDevelopment,
         jsConfig,
         nextConfig,
-        supportedBrowsers: getSupportedBrowsers(projectRoot, isDevelopment),
+        supportedBrowsers: await getSupportedBrowsers(projectRoot, isDevelopment),
         swcCacheDir: join(projectRoot, nextConfig?.distDir ?? ".next", "cache", "swc"),
         bundleTarget: "default"
       }
     }
   });
 };
+async function getSupportedBrowsers(projectRoot, isDevelopment) {
+  try {
+    return (await import("next/dist/build/get-supported-browsers.js")).getSupportedBrowsers(
+      projectRoot,
+      isDevelopment
+    );
+  } catch {
+    return (await import("next/dist/build/utils.js")).getSupportedBrowsers(
+      projectRoot,
+      isDevelopment
+    );
+  }
+}
 export {
   configureSWCLoader
 };

package/dist/_node-chunks/{loader-MODZ6XJD.js → loader-QHSOO5UD.js} RENAMED Viewed

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getNodeModulesExcludeRegex
-} from "./chunk-VLHSCTHA.js";
-import "./chunk-NR3A2WJ6.js";
+} from "./chunk-4JVQWDV4.js";
+import "./chunk-HPADKVL4.js";
 // src/babel/loader.ts
 import { fileURLToPath } from "node:url";

package/dist/_node-chunks/{utils-TUSAVS7I.js → utils-UJD4GO3Q.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -18,8 +18,8 @@ import {
   resolveNextConfig,
   scopedResolve,
   setAlias
-} from "./chunk-VLHSCTHA.js";
-import "./chunk-NR3A2WJ6.js";
+} from "./chunk-4JVQWDV4.js";
+import "./chunk-HPADKVL4.js";
 export {
   addScopedAlias,
   configureRuntimeNextjsVersionResolution,

package/dist/_node-chunks/{webpack-L2PJ3TZD.js → webpack-5ZVBTJ4D.js} RENAMED Viewed

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   resolvePackageDir
-} from "./chunk-NR3A2WJ6.js";
+} from "./chunk-HPADKVL4.js";
 // src/css/webpack.ts
 import { readFileSync } from "node:fs";

package/dist/_node-chunks/{webpack-FWO5EL65.js → webpack-7Q7XWVNE.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{webpack-W3ON67CS.js → webpack-D56XLQLH.js} RENAMED Viewed

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getNextjsVersion
-} from "./chunk-VLHSCTHA.js";
-import "./chunk-NR3A2WJ6.js";
+} from "./chunk-4JVQWDV4.js";
+import "./chunk-HPADKVL4.js";
 // src/images/webpack.ts
 import { fileURLToPath } from "node:url";

package/dist/_node-chunks/{webpack-WYO75DEW.js → webpack-D5O55JWP.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{webpack-VWL354AC.js → webpack-KRFFRY6V.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,11 +12,11 @@ var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
 import {
   configureCompatibilityAliases,
   configureNextExportMocks
-} from "./chunk-VEJ4UG6D.js";
-import "./chunk-VLHSCTHA.js";
+} from "./chunk-OOBG4GLF.js";
+import "./chunk-4JVQWDV4.js";
 import {
   resolvePackageDir
-} from "./chunk-NR3A2WJ6.js";
+} from "./chunk-HPADKVL4.js";
 // src/aliases/webpack.ts
 var configureAliases = (baseConfig) => {

package/dist/_node-chunks/{webpack-6UWWQTFX.js → webpack-P4IW2BFG.js} RENAMED Viewed

@@ -1,18 +1,18 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   addScopedAlias
-} from "./chunk-VLHSCTHA.js";
-import "./chunk-NR3A2WJ6.js";
+} from "./chunk-4JVQWDV4.js";
+import "./chunk-HPADKVL4.js";
 // src/styledJsx/webpack.ts
 var configureStyledJsx = (baseConfig) => {

package/dist/_node-chunks/{webpack-X7YH7MGH.js → webpack-SQA7UP2C.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/_node-chunks/{webpack-Y5T3HNJE.js → webpack-X32ODOHU.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/export-mocks/index.js CHANGED Viewed

@@ -1,19 +1,19 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   getPackageAliases
-} from "../_node-chunks/chunk-VEJ4UG6D.js";
-import "../_node-chunks/chunk-VLHSCTHA.js";
-import "../_node-chunks/chunk-NR3A2WJ6.js";
+} from "../_node-chunks/chunk-OOBG4GLF.js";
+import "../_node-chunks/chunk-4JVQWDV4.js";
+import "../_node-chunks/chunk-HPADKVL4.js";
 export {
   getPackageAliases
 };

package/dist/font/webpack/loader/storybook-nextjs-font-loader.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/index.d.ts CHANGED Viewed

@@ -11,7 +11,6 @@ type FrameworkName = CompatibleString<'@storybook/nextjs'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
 type FrameworkOptions = ReactOptions & {
     nextConfigPath?: string;
-    image?: Partial<NextImage.ImageProps>;
     builder?: BuilderOptions;
 };
 type StorybookConfigFramework = {
@@ -48,6 +47,8 @@ interface NextJsParameters {
         navigation?: Partial<NextRouter>;
         /** Next.js router configuration */
         router?: Partial<NextRouter>;
+        /** Next.js image props */
+        image?: Partial<NextImage.ImageProps>;
     };
 }
 interface NextJsTypes {

package/dist/node/index.d.ts CHANGED Viewed

@@ -1,13 +1,11 @@
 import { CompatibleString } from 'storybook/internal/types';
 import { StorybookConfigWebpack, BuilderOptions, TypescriptOptions } from '@storybook/builder-webpack5';
 import { StorybookConfig as StorybookConfig$1, ReactOptions, TypescriptOptions as TypescriptOptions$1 } from '@storybook/preset-react-webpack';
-import * as NextImage from 'next/image';
 type FrameworkName = CompatibleString<'@storybook/nextjs'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
 type FrameworkOptions = ReactOptions & {
     nextConfigPath?: string;
-    image?: Partial<NextImage.ImageProps>;
     builder?: BuilderOptions;
 };
 type StorybookConfigFramework = {

package/dist/node/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preset.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -13,8 +13,8 @@ import {
   addScopedAlias,
   isNextVersionGte,
   resolveNextConfig
-} from "./_node-chunks/chunk-VLHSCTHA.js";
-import "./_node-chunks/chunk-NR3A2WJ6.js";
+} from "./_node-chunks/chunk-4JVQWDV4.js";
+import "./_node-chunks/chunk-HPADKVL4.js";
 // src/preset.ts
 import { existsSync } from "node:fs";
@@ -546,7 +546,7 @@ var addons = [
   let { nextConfigPath } = await options.presets.apply("frameworkOptions"), nextConfig = await configureConfig({
     baseConfig,
     nextConfigPath
-  }), { configureNextFont } = await import("./_node-chunks/configureNextFont-YIQE7ZGB.js"), { configureRuntimeNextjsVersionResolution, getNextjsVersion } = await import("./_node-chunks/utils-TUSAVS7I.js"), { configureImports } = await import("./_node-chunks/webpack-FWO5EL65.js"), { configureCss } = await import("./_node-chunks/webpack-L2PJ3TZD.js"), { configureImages } = await import("./_node-chunks/webpack-W3ON67CS.js"), { configureStyledJsx } = await import("./_node-chunks/webpack-6UWWQTFX.js"), { configureNodePolyfills } = await import("./_node-chunks/webpack-Y5T3HNJE.js"), { configureAliases } = await import("./_node-chunks/webpack-VWL354AC.js"), { configureFastRefresh } = await import("./_node-chunks/webpack-X7YH7MGH.js"), { configureRSC } = await import("./_node-chunks/webpack-WYO75DEW.js"), { configureSWCLoader } = await import("./_node-chunks/loader-QWKNND6Y.js"), { configureBabelLoader } = await import("./_node-chunks/loader-MODZ6XJD.js"), babelRCPath = join(getProjectRoot(), ".babelrc"), babelConfigPath = join(getProjectRoot(), "babel.config.js"), hasBabelConfig = existsSync(babelRCPath) || existsSync(babelConfigPath), nextjsVersion = getNextjsVersion(), isDevelopment = options.configType !== "PRODUCTION", useSWC = semver.gte(nextjsVersion, "14.0.0") && (nextConfig.experimental?.forceSwcTransforms || !hasBabelConfig);
+  }), { configureNextFont } = await import("./_node-chunks/configureNextFont-A6QEZWG6.js"), { configureRuntimeNextjsVersionResolution, getNextjsVersion } = await import("./_node-chunks/utils-UJD4GO3Q.js"), { configureImports } = await import("./_node-chunks/webpack-7Q7XWVNE.js"), { configureCss } = await import("./_node-chunks/webpack-5ZVBTJ4D.js"), { configureImages } = await import("./_node-chunks/webpack-D56XLQLH.js"), { configureStyledJsx } = await import("./_node-chunks/webpack-P4IW2BFG.js"), { configureNodePolyfills } = await import("./_node-chunks/webpack-X32ODOHU.js"), { configureAliases } = await import("./_node-chunks/webpack-KRFFRY6V.js"), { configureFastRefresh } = await import("./_node-chunks/webpack-SQA7UP2C.js"), { configureRSC } = await import("./_node-chunks/webpack-D5O55JWP.js"), { configureSWCLoader } = await import("./_node-chunks/loader-7BI67TRF.js"), { configureBabelLoader } = await import("./_node-chunks/loader-QHSOO5UD.js"), babelRCPath = join(getProjectRoot(), ".babelrc"), babelConfigPath = join(getProjectRoot(), "babel.config.js"), hasBabelConfig = existsSync(babelRCPath) || existsSync(babelConfigPath), nextjsVersion = getNextjsVersion(), isDevelopment = options.configType !== "PRODUCTION", useSWC = semver.gte(nextjsVersion, "14.0.0") && (nextConfig.experimental?.forceSwcTransforms || !hasBabelConfig);
   return configureNextFont(baseConfig, useSWC), configureRuntimeNextjsVersionResolution(baseConfig), configureImports({ baseConfig, configDir: options.configDir }), configureCss(baseConfig, nextConfig), configureImages(baseConfig, nextConfig), configureStyledJsx(baseConfig), configureNodePolyfills(baseConfig), configureAliases(baseConfig), isDevelopment && configureFastRefresh(baseConfig), options.features?.experimentalRSC && configureRSC(baseConfig), useSWC ? (logger.info("Using SWC as compiler"), await configureSWCLoader(baseConfig, options, nextConfig)) : (logger.info("Using Babel as compiler"), await configureBabelLoader(baseConfig, options, nextConfig)), baseConfig;
 };
 export {

package/dist/swc/next-swc-loader-patch.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hxnrhgqge58 from 'node:url';
-import CJS_COMPAT_NODE_PATH_hxnrhgqge58 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hxnrhgqge58 from "node:module";
+import CJS_COMPAT_NODE_URL_gd6ccessd9r from 'node:url';
+import CJS_COMPAT_NODE_PATH_gd6ccessd9r from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gd6ccessd9r from "node:module";
-var __filename = CJS_COMPAT_NODE_URL_hxnrhgqge58.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hxnrhgqge58.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hxnrhgqge58.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gd6ccessd9r.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gd6ccessd9r.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gd6ccessd9r.createRequire(import.meta.url);
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/nextjs",
-  "version": "10.3.0-alpha.8",
+  "version": "10.3.0-beta.0",
   "description": "Storybook for Next.js: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -102,9 +102,9 @@
     "@babel/preset-typescript": "^7.28.5",
     "@babel/runtime": "^7.28.4",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
-    "@storybook/builder-webpack5": "10.3.0-alpha.8",
-    "@storybook/preset-react-webpack": "10.3.0-alpha.8",
-    "@storybook/react": "10.3.0-alpha.8",
+    "@storybook/builder-webpack5": "10.3.0-beta.0",
+    "@storybook/preset-react-webpack": "10.3.0-beta.0",
+    "@storybook/react": "10.3.0-beta.0",
     "@types/semver": "^7.7.1",
     "babel-loader": "^9.1.3",
     "css-loader": "^6.7.3",
@@ -138,7 +138,7 @@
     "next": "^14.1.0 || ^15.0.0 || ^16.0.0",
     "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": "^10.3.0-alpha.8",
+    "storybook": "^10.3.0-beta.0",
     "webpack": "^5.0.0"
   },
   "peerDependenciesMeta": {

package/template/cli/js/Configure.mdx CHANGED Viewed

@@ -52,6 +52,7 @@ export const RightArrow = () => <svg
       <h4 className="sb-section-item-heading">Add styling and CSS</h4>
       <p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
       <a
+        className="sb-action-link"
         href="https://storybook.js.org/docs/configure/styling-and-css/?renderer=react&ref=configure"
         target="_blank"
       >Learn more<RightArrow /></a>
@@ -67,6 +68,7 @@ export const RightArrow = () => <svg
       <h4 className="sb-section-item-heading">Provide context and mocking</h4>
       <p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
       <a
+        className="sb-action-link"
         href="https://storybook.js.org/docs/writing-stories/decorators/?renderer=react&ref=configure#context-for-mocking"
         target="_blank"
       >Learn more<RightArrow /></a>
@@ -85,6 +87,7 @@ export const RightArrow = () => <svg
         `staticDirs` configuration option to specify folders to load when
         starting Storybook.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/configure/images-and-assets/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -113,6 +116,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Auto-generate living,
           interactive reference documentation from your components and stories.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -128,6 +132,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Publish to Chromatic</h4>
         <p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react&ref=configure#publish-storybook-with-chromatic"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -144,6 +149,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
           implementation in one place.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/sharing/design-integrations/?renderer=react&ref=configure#embed-storybook-in-figma-with-the-plugin"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -160,6 +166,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
           complex.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-tests/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -175,6 +182,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Accessibility</h4>
         <p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -190,6 +198,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Theming</h4>
         <p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/configure/theming/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -202,6 +211,7 @@ export const RightArrow = () => <svg
     <h4>Addons</h4>
     <p className="sb-section-item-paragraph">Integrate your tools with Storybook to connect workflows.</p>
     <a
+        className="sb-action-link"
         href="https://storybook.js.org/addons/?ref=configure"
         target="_blank"
       >Discover all addons<RightArrow /></a>
@@ -229,6 +239,7 @@ export const RightArrow = () => <svg
       Join our contributors building the future of UI development.
       <a
+        className="sb-action-link"
         href="https://github.com/storybookjs/storybook"
         target="_blank"
       >Star on GitHub<RightArrow /></a>
@@ -246,6 +257,7 @@ export const RightArrow = () => <svg
         Get support and chat with frontend developers.
         <a
+          className="sb-action-link"
           href="https://discord.gg/storybook"
           target="_blank"
         >Join Discord server<RightArrow /></a>
@@ -264,6 +276,7 @@ export const RightArrow = () => <svg
         Watch tutorials, feature previews and interviews.
         <a
+          className="sb-action-link"
           href="https://www.youtube.com/@chromaticui"
           target="_blank"
         >Watch on YouTube<RightArrow /></a>
@@ -281,6 +294,7 @@ export const RightArrow = () => <svg
       <p>Follow guided walkthroughs on for key workflows.</p>
       <a
+          className="sb-action-link"
           href="https://storybook.js.org/tutorials/?ref=configure"
           target="_blank"
         >Discover tutorials<RightArrow /></a>
@@ -328,6 +342,16 @@ export const RightArrow = () => <svg
     padding-bottom: 10px;
   }
+  .sb-action-link {
+    text-decoration: none;
+  }
+  .sb-action-link:hover, .sb-action-link:focus {
+    text-decoration: underline;
+    text-decoration-thickness: 0.03125rem;
+    text-underline-offset: 0.11em;
+  }
   .sb-chevron {
     margin-left: 5px;
   }

package/template/cli/ts/Configure.mdx CHANGED Viewed

@@ -52,6 +52,7 @@ export const RightArrow = () => <svg
       <h4 className="sb-section-item-heading">Add styling and CSS</h4>
       <p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
       <a
+        className="sb-action-link"
         href="https://storybook.js.org/docs/configure/styling-and-css/?renderer=react&ref=configure"
         target="_blank"
       >Learn more<RightArrow /></a>
@@ -67,6 +68,7 @@ export const RightArrow = () => <svg
       <h4 className="sb-section-item-heading">Provide context and mocking</h4>
       <p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
       <a
+        className="sb-action-link"
         href="https://storybook.js.org/docs/writing-stories/decorators/?renderer=react&ref=configure#context-for-mocking"
         target="_blank"
       >Learn more<RightArrow /></a>
@@ -85,6 +87,7 @@ export const RightArrow = () => <svg
         `staticDirs` configuration option to specify folders to load when
         starting Storybook.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/configure/images-and-assets/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -113,6 +116,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Auto-generate living,
           interactive reference documentation from your components and stories.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -128,6 +132,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Publish to Chromatic</h4>
         <p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react&ref=configure#publish-storybook-with-chromatic"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -144,6 +149,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
           implementation in one place.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/sharing/design-integrations/?renderer=react&ref=configure#embed-storybook-in-figma-with-the-plugin"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -160,6 +166,7 @@ export const RightArrow = () => <svg
         <p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
           complex.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-tests/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -175,6 +182,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Accessibility</h4>
         <p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -190,6 +198,7 @@ export const RightArrow = () => <svg
         <h4 className="sb-section-item-heading">Theming</h4>
         <p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
         <a
+          className="sb-action-link"
           href="https://storybook.js.org/docs/configure/theming/?renderer=react&ref=configure"
           target="_blank"
         >Learn more<RightArrow /></a>
@@ -202,6 +211,7 @@ export const RightArrow = () => <svg
     <h4>Addons</h4>
     <p className="sb-section-item-paragraph">Integrate your tools with Storybook to connect workflows.</p>
     <a
+        className="sb-action-link"
         href="https://storybook.js.org/addons/?ref=configure"
         target="_blank"
       >Discover all addons<RightArrow /></a>
@@ -229,6 +239,7 @@ export const RightArrow = () => <svg
       Join our contributors building the future of UI development.
       <a
+        className="sb-action-link"
         href="https://github.com/storybookjs/storybook"
         target="_blank"
       >Star on GitHub<RightArrow /></a>
@@ -246,6 +257,7 @@ export const RightArrow = () => <svg
         Get support and chat with frontend developers.
         <a
+          className="sb-action-link"
           href="https://discord.gg/storybook"
           target="_blank"
         >Join Discord server<RightArrow /></a>
@@ -264,6 +276,7 @@ export const RightArrow = () => <svg
         Watch tutorials, feature previews and interviews.
         <a
+          className="sb-action-link"
           href="https://www.youtube.com/@chromaticui"
           target="_blank"
         >Watch on YouTube<RightArrow /></a>
@@ -281,6 +294,7 @@ export const RightArrow = () => <svg
       <p>Follow guided walkthroughs on for key workflows.</p>
       <a
+          className="sb-action-link"
           href="https://storybook.js.org/tutorials/?ref=configure"
           target="_blank"
         >Discover tutorials<RightArrow /></a>
@@ -328,6 +342,16 @@ export const RightArrow = () => <svg
     padding-bottom: 10px;
   }
+  .sb-action-link {
+    text-decoration: none;
+  }
+  .sb-action-link:hover, .sb-action-link:focus {
+    text-decoration: underline;
+    text-decoration-thickness: 0.03125rem;
+    text-underline-offset: 0.11em;
+  }
   .sb-chevron {
     margin-left: 5px;
   }