storybook 10.0.0-beta.6 → 10.0.0-beta.8

package/dist/cli/index.js

@@ -1,57 +1,57 @@
-import CJS_COMPAT_NODE_URL_0v1evul49qdo from 'node:url';
-import CJS_COMPAT_NODE_PATH_0v1evul49qdo from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0v1evul49qdo from "node:module";
+import CJS_COMPAT_NODE_URL_7kszd2fgfzq from 'node:url';
+import CJS_COMPAT_NODE_PATH_7kszd2fgfzq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_7kszd2fgfzq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0v1evul49qdo.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0v1evul49qdo.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0v1evul49qdo.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_7kszd2fgfzq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_7kszd2fgfzq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_7kszd2fgfzq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   boxen
-} from "../_node-chunks/chunk-EAOPWIKA.js";
-import "../_node-chunks/chunk-A7CUP23N.js";
+} from "../_node-chunks/chunk-4QSDBUYK.js";
+import "../_node-chunks/chunk-3VCGPS3V.js";
 import {
   Settings,
   _clearGlobalSettings,
   globalSettings
-} from "../_node-chunks/chunk-7NJGTQ3W.js";
+} from "../_node-chunks/chunk-CL53RP5L.js";
 import {
   any,
   up2 as up
-} from "../_node-chunks/chunk-F3PO67U3.js";
+} from "../_node-chunks/chunk-O33XSHQE.js";
 import {
   invariant
-} from "../_node-chunks/chunk-HPFXREVG.js";
+} from "../_node-chunks/chunk-SOIRRZYG.js";
 import {
   resolvePackageDir
-} from "../_node-chunks/chunk-TJIMCNYJ.js";
-import "../_node-chunks/chunk-7WH7AGOR.js";
+} from "../_node-chunks/chunk-7JZFWQN4.js";
+import "../_node-chunks/chunk-WS3L7DA7.js";
 import {
   require_prompts
-} from "../_node-chunks/chunk-E6TLN2J2.js";
+} from "../_node-chunks/chunk-TL5UYDH2.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-MLBTKECD.js";
+} from "../_node-chunks/chunk-5SPDSTWP.js";
 import {
   babelParse,
   recast,
   traverse,
   types
-} from "../_node-chunks/chunk-EY5PTUZL.js";
-import "../_node-chunks/chunk-HEBHWRWL.js";
-import "../_node-chunks/chunk-NKZ4UPPV.js";
+} from "../_node-chunks/chunk-F43CI3CD.js";
+import "../_node-chunks/chunk-LKGWQEHR.js";
+import "../_node-chunks/chunk-JG7IEUS3.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-5IEY46LQ.js";
+} from "../_node-chunks/chunk-JEIQPNWQ.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-XZTBG2TG.js";
+} from "../_node-chunks/chunk-FRTUAT3V.js";
 
 // ../node_modules/wrappy/wrappy.js
 var require_wrappy = __commonJS({

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_0v1evul49qdo from 'node:url';
-import CJS_COMPAT_NODE_PATH_0v1evul49qdo from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0v1evul49qdo from "node:module";
+import CJS_COMPAT_NODE_URL_7kszd2fgfzq from 'node:url';
+import CJS_COMPAT_NODE_PATH_7kszd2fgfzq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_7kszd2fgfzq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0v1evul49qdo.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0v1evul49qdo.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0v1evul49qdo.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_7kszd2fgfzq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_7kszd2fgfzq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_7kszd2fgfzq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -83,12 +83,11 @@ import {
   transformImportFiles,
   validateConfigurationFiles,
   validateFrameworkName
-} from "../_node-chunks/chunk-RIPA4LFD.js";
-import "../_node-chunks/chunk-IINJT47N.js";
-import "../_node-chunks/chunk-2DMFI367.js";
+} from "../_node-chunks/chunk-AZWKFSEJ.js";
+import "../_node-chunks/chunk-7Q5EKYUL.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-FDDJHDCE.js";
+} from "../_node-chunks/chunk-USP6T4QU.js";
 import {
   findFilesUp,
   getProjectRoot,
@@ -100,22 +99,22 @@ import {
   optionalEnvToBoolean,
   stringifyEnvs,
   stringifyProcessEnvs
-} from "../_node-chunks/chunk-55VWKF63.js";
-import "../_node-chunks/chunk-F3PO67U3.js";
-import "../_node-chunks/chunk-HPFXREVG.js";
+} from "../_node-chunks/chunk-IE2VBA4V.js";
+import "../_node-chunks/chunk-O33XSHQE.js";
+import "../_node-chunks/chunk-SOIRRZYG.js";
 import {
   importMetaResolve,
   importModule,
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-TJIMCNYJ.js";
-import "../_node-chunks/chunk-7WH7AGOR.js";
-import "../_node-chunks/chunk-E6TLN2J2.js";
-import "../_node-chunks/chunk-NJXBURX7.js";
-import "../_node-chunks/chunk-JNHUDBJL.js";
-import "../_node-chunks/chunk-MLBTKECD.js";
-import "../_node-chunks/chunk-5IEY46LQ.js";
-import "../_node-chunks/chunk-XZTBG2TG.js";
+} from "../_node-chunks/chunk-7JZFWQN4.js";
+import "../_node-chunks/chunk-WS3L7DA7.js";
+import "../_node-chunks/chunk-TL5UYDH2.js";
+import "../_node-chunks/chunk-T5VNV7FG.js";
+import "../_node-chunks/chunk-HRBWZFVH.js";
+import "../_node-chunks/chunk-5SPDSTWP.js";
+import "../_node-chunks/chunk-JEIQPNWQ.js";
+import "../_node-chunks/chunk-FRTUAT3V.js";
 export {
   COMMON_ENV_VARS,
   DEFAULT_FILES_PATTERN,

package/dist/components/index.js

@@ -4475,7 +4475,7 @@ import { styled as styled38 } from "storybook/theming";
 
 // src/components/components/Form/Checkbox.tsx
 import React43 from "react";
-import { color, styled as styled32 } from "storybook/internal/theming";
+import { color, styled as styled32 } from "storybook/theming";
 var Input = styled32.input({
   appearance: "none",
   display: "grid",
@@ -4665,7 +4665,7 @@ var Input2 = Object.assign(
 
 // src/components/components/Form/Radio.tsx
 import React46 from "react";
-import { color as color2, styled as styled35 } from "storybook/internal/theming";
+import { color as color2, styled as styled35 } from "storybook/theming";
 var Input4 = styled35.input({
   appearance: "none",
   display: "grid",
@@ -5203,7 +5203,9 @@ var Center = styled41.span(
     flex: 1,
     textAlign: "left",
     display: "flex",
-    flexDirection: "column"
+    flexDirection: "column",
+    minWidth: 0
+    // required for overflow
   },
   ({ isIndented }) => isIndented ? { marginLeft: 24 } : {}
 );
@@ -5231,6 +5233,8 @@ var Left = styled41.span(
 var Item = styled41.div(
   ({ theme }) => ({
     width: "100%",
+    minWidth: 0,
+    // required for overflow
     border: "none",
     borderRadius: theme.appBorderRadius,
     background: "none",

package/dist/core-server/index.js

@@ -1,26 +1,26 @@
-import CJS_COMPAT_NODE_URL_0v1evul49qdo from 'node:url';
-import CJS_COMPAT_NODE_PATH_0v1evul49qdo from 'node:path';
-import CJS_COMPAT_NODE_MODULE_0v1evul49qdo from "node:module";
+import CJS_COMPAT_NODE_URL_7kszd2fgfzq from 'node:url';
+import CJS_COMPAT_NODE_PATH_7kszd2fgfzq from 'node:path';
+import CJS_COMPAT_NODE_MODULE_7kszd2fgfzq from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_0v1evul49qdo.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_0v1evul49qdo.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_0v1evul49qdo.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_7kszd2fgfzq.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_7kszd2fgfzq.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_7kszd2fgfzq.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-NUVGSFQI.js";
+} from "../_node-chunks/chunk-6SXRGPL6.js";
 import {
   boxen,
   require_string_width
-} from "../_node-chunks/chunk-EAOPWIKA.js";
-import "../_node-chunks/chunk-A7CUP23N.js";
+} from "../_node-chunks/chunk-4QSDBUYK.js";
+import "../_node-chunks/chunk-3VCGPS3V.js";
 import {
   StatusTypeIdMismatchError,
   StorybookError
-} from "../_node-chunks/chunk-JOXYGIZK.js";
+} from "../_node-chunks/chunk-UORO6DG4.js";
 import {
   getErrorLevel,
   mapStaticDir,
@@ -28,60 +28,59 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-DC7OWBHB.js";
-import "../_node-chunks/chunk-4TOI4VSK.js";
+} from "../_node-chunks/chunk-DRNU7FEF.js";
+import "../_node-chunks/chunk-YMZK6547.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-UYKQJMQY.js";
-import "../_node-chunks/chunk-R5DIBOM6.js";
+} from "../_node-chunks/chunk-4SIVISOF.js";
+import "../_node-chunks/chunk-T46D5USU.js";
 import {
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-RIPA4LFD.js";
-import "../_node-chunks/chunk-IINJT47N.js";
-import "../_node-chunks/chunk-2DMFI367.js";
-import "../_node-chunks/chunk-FDDJHDCE.js";
-import "../_node-chunks/chunk-7NJGTQ3W.js";
+} from "../_node-chunks/chunk-AZWKFSEJ.js";
+import "../_node-chunks/chunk-7Q5EKYUL.js";
+import "../_node-chunks/chunk-USP6T4QU.js";
+import "../_node-chunks/chunk-CL53RP5L.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn
-} from "../_node-chunks/chunk-55VWKF63.js";
+} from "../_node-chunks/chunk-IE2VBA4V.js";
 import {
   up2 as up
-} from "../_node-chunks/chunk-F3PO67U3.js";
+} from "../_node-chunks/chunk-O33XSHQE.js";
 import {
   invariant
-} from "../_node-chunks/chunk-HPFXREVG.js";
+} from "../_node-chunks/chunk-SOIRRZYG.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-TJIMCNYJ.js";
+} from "../_node-chunks/chunk-7JZFWQN4.js";
 import {
   resolve
-} from "../_node-chunks/chunk-7WH7AGOR.js";
+} from "../_node-chunks/chunk-WS3L7DA7.js";
 import {
   require_prompts
-} from "../_node-chunks/chunk-E6TLN2J2.js";
-import "../_node-chunks/chunk-NJXBURX7.js";
+} from "../_node-chunks/chunk-TL5UYDH2.js";
+import "../_node-chunks/chunk-T5VNV7FG.js";
 import {
   slash
-} from "../_node-chunks/chunk-JNHUDBJL.js";
+} from "../_node-chunks/chunk-HRBWZFVH.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-MLBTKECD.js";
+} from "../_node-chunks/chunk-5SPDSTWP.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-NKZ4UPPV.js";
+} from "../_node-chunks/chunk-JG7IEUS3.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-5IEY46LQ.js";
+} from "../_node-chunks/chunk-JEIQPNWQ.js";
 import {
   __commonJS,
   __export,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-XZTBG2TG.js";
+} from "../_node-chunks/chunk-FRTUAT3V.js";
 
 // ../node_modules/tsconfig-paths/lib/filesystem.js
 var require_filesystem = __commonJS({
@@ -8588,7 +8587,7 @@ var sortStoriesV7 = /* @__PURE__ */ __name((stories, storySortParameter, fileNam
     Error sorting stories with sort parameter ${storySortParameter}:
 
     > ${err.message}
-    
+
     Are you using a V6-style sort function in V7 mode?
 
     More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort
@@ -8676,6 +8675,7 @@ var AUTODOCS_TAG = "autodocs";
 var ATTACHED_MDX_TAG = "attached-mdx";
 var UNATTACHED_MDX_TAG = "unattached-mdx";
 var PLAY_FN_TAG = "play-fn";
+var TEST_FN_TAG = "test-fn";
 function isMdxEntry({ tags }) {
   return tags?.includes(UNATTACHED_MDX_TAG) || tags?.includes(ATTACHED_MDX_TAG);
 }
@@ -8715,7 +8715,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
     }
     const pathToSubIndex = {};
     const fullGlob = slash(join(specifier.directory, specifier.files));
-    const { globby } = await import("../_node-chunks/globby-3IFB7BJC.js");
+    const { globby } = await import("../_node-chunks/globby-G3CLKE4Y.js");
     const files = await globby(fullGlob, {
       absolute: true,
       cwd: workingDir,
@@ -8903,37 +8903,41 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
         "main"
       ]);
     }
-    const entries = indexInputs.map((input) => {
-      const name = input.name ?? storyNameFromExport(input.exportName);
-      const componentPath = input.rawComponentPath && this.resolveComponentPath(input.rawComponentPath, absolutePath, matchPath);
-      const title = input.title ?? defaultMakeTitle();
-      const id = input.__id ?? toId(input.metaId ?? title, storyNameFromExport(input.exportName));
-      const tags = combineTags(...projectTags, ...input.tags ?? []);
-      return {
-        type: "story",
-        id,
-        extra: {
-          metaId: input.metaId,
-          stats: input.__stats ?? {}
-        },
-        name,
-        title,
-        importPath,
-        componentPath,
-        tags,
-        ...input.exportName ? { exportName: input.exportName } : {}
-      };
-    });
-    const hasAutodocsTag = entries.some((entry) => entry.tags.includes(AUTODOCS_TAG));
+    const storyEntries = indexInputs.map(
+      (input) => {
+        const name = input.name ?? storyNameFromExport(input.exportName);
+        const componentPath = input.rawComponentPath && this.resolveComponentPath(input.rawComponentPath, absolutePath, matchPath);
+        const title = input.title ?? defaultMakeTitle();
+        const id = input.__id ?? toId(input.metaId ?? title, storyNameFromExport(input.exportName));
+        const tags = combineTags(...projectTags, ...input.tags ?? []);
+        return {
+          type: "story",
+          subtype: input.type === "story" ? input.subtype : "story",
+          id,
+          extra: {
+            metaId: input.metaId,
+            stats: input.__stats ?? {}
+          },
+          name,
+          title,
+          importPath,
+          componentPath,
+          tags,
+          ...input.type === "story" && input.subtype === "test" ? { parent: input.parent, parentName: input.parentName } : {},
+          ...input.exportName ? { exportName: input.exportName } : {}
+        };
+      }
+    );
+    const hasAutodocsTag = storyEntries.some((entry) => entry.tags.includes(AUTODOCS_TAG));
     const createDocEntry = hasAutodocsTag && !!this.options.docs;
     if (createDocEntry && this.options.build?.test?.disableAutoDocs !== true) {
       const docsName = this.options.docs?.defaultName ?? "Docs";
       const name = docsName;
       const { metaId } = indexInputs[0];
-      const { title } = entries[0];
+      const { title } = storyEntries[0];
       const id = toId(metaId ?? title, name);
       const tags = combineTags(...projectTags, ...indexInputs[0].tags ?? []);
-      entries.unshift({
+      const docsEntry = {
         id,
         title,
         name,
@@ -8941,10 +8945,15 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
         type: "docs",
         tags,
         storiesImports: []
-      });
+      };
+      return {
+        entries: [docsEntry, ...storyEntries],
+        dependents: [],
+        type: "stories"
+      };
     }
     return {
-      entries,
+      entries: storyEntries,
       dependents: [],
       type: "stories"
     };
@@ -8955,7 +8964,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
       const normalizedPath = normalizeStoryPath(relativePath);
       const importPath = slash(normalizedPath);
       const content = await readFile(absolutePath, { encoding: "utf8" });
-      const { analyze } = await import("../_node-chunks/dist-CGGAYWME.js");
+      const { analyze } = await import("../_node-chunks/dist-RINWIIFC.js");
       const result2 = await analyze(content);
       if (result2.isTemplate) {
         return false;
@@ -9298,7 +9307,7 @@ __name(print, "print");
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-V33CQT2M.js");
+  return await import("../_node-chunks/builder-manager-Y34L3HC4.js");
 }
 __name(getManagerBuilder, "getManagerBuilder");
 async function getPreviewBuilder(resolvedPreviewBuilder) {
@@ -16542,7 +16551,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
             // because the directory could already be within the files part (e.g. './x/foo/bar')
             basename2(specifier.files)
           );
-          const { globby } = await import("../_node-chunks/globby-3IFB7BJC.js");
+          const { globby } = await import("../_node-chunks/globby-G3CLKE4Y.js");
           const addedFiles = await globby(slash(dirGlob), commonGlobOptions2(dirGlob));
           addedFiles.forEach((filePath) => {
             const fileImportPath = toImportPath(filePath);
@@ -16661,10 +16670,12 @@ function summarizeIndex(storyIndex) {
   let exampleDocsCount = 0;
   let pageStoryCount = 0;
   let playStoryCount = 0;
+  let testStoryCount = 0;
   let autodocsCount = 0;
   let mdxCount = 0;
   let svelteCsfV4Count = 0;
   let svelteCsfV5Count = 0;
+  const testsPerParentStory = /* @__PURE__ */ new Map();
   Object.values(storyIndex.entries).forEach((entry) => {
     if (isCLIExampleEntry(entry)) {
       if (entry.type === "story") {
@@ -16689,6 +16700,10 @@ function summarizeIndex(storyIndex) {
       if (entry.tags?.includes(PLAY_FN_TAG)) {
         playStoryCount += 1;
       }
+      if (entry.tags?.includes(TEST_FN_TAG) && entry.parent) {
+        testStoryCount += 1;
+        testsPerParentStory.set(entry.parent, (testsPerParentStory.get(entry.parent) ?? 0) + 1);
+      }
       if (entry.tags?.includes("svelte-csf-v4")) {
         svelteCsfV4Count += 1;
       } else if (entry.tags?.includes("svelte-csf-v5")) {
@@ -16703,11 +16718,24 @@ function summarizeIndex(storyIndex) {
     }
   });
   const componentCount = componentTitles.size;
+  let maxTestsPerStory = 0;
+  let singleTestStoryCount = 0;
+  testsPerParentStory.forEach((count) => {
+    if (count > maxTestsPerStory) {
+      maxTestsPerStory = count;
+    }
+    if (count === 1) {
+      singleTestStoryCount += 1;
+    }
+  });
   return {
     storyCount,
     componentCount,
     pageStoryCount,
     playStoryCount,
+    testStoryCount,
+    maxTestsPerStory,
+    singleTestStoryCount,
     autodocsCount,
     mdxCount,
     exampleStoryCount,
@@ -18467,7 +18495,6 @@ function startBrowserProcess(browser, url, args) {
       "Google Chrome",
       "Microsoft Edge",
       "Brave Browser",
-      "Arc",
       "Vivaldi",
       "Chromium"
     ];