storybook 10.1.0-beta.1 → 10.1.0-beta.3

package/dist/bin/loader.js

@@ -1,23 +1,23 @@
-import CJS_COMPAT_NODE_URL_jdojl2z4eei from 'node:url';
-import CJS_COMPAT_NODE_PATH_jdojl2z4eei from 'node:path';
-import CJS_COMPAT_NODE_MODULE_jdojl2z4eei from "node:module";
+import CJS_COMPAT_NODE_URL_d4nrjz93tmm from 'node:url';
+import CJS_COMPAT_NODE_PATH_d4nrjz93tmm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_d4nrjz93tmm from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_jdojl2z4eei.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_jdojl2z4eei.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_jdojl2z4eei.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_d4nrjz93tmm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_d4nrjz93tmm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_d4nrjz93tmm.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   NODE_TARGET
-} from "../_node-chunks/chunk-6L7FFBOW.js";
+} from "../_node-chunks/chunk-473LXK7O.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-SQSFX47N.js";
+} from "../_node-chunks/chunk-7WOMK33B.js";
 import {
   __toESM
-} from "../_node-chunks/chunk-2OVULPK3.js";
+} from "../_node-chunks/chunk-745GFLCZ.js";
 
 // src/bin/loader.ts
 var import_ts_dedent = __toESM(require_dist(), 1);

package/dist/cli/index.d.ts

@@ -3135,7 +3135,6 @@ type Result = {
     reasons?: string[];
 };
 interface AddonVitestCompatibilityOptions {
-    packageManager: JsPackageManager$1;
     builder?: SupportedBuilder;
     framework?: SupportedFramework | null;
     projectRoot?: string;
@@ -3151,6 +3150,8 @@ interface AddonVitestCompatibilityOptions {
  * - Code/lib/create-storybook/src/services/FeatureCompatibilityService.ts
  */
 declare class AddonVitestService {
+    private readonly packageManager;
+    constructor(packageManager: JsPackageManager$1);
     readonly supportedFrameworks: SupportedFramework[];
     /**
      * Collect all dependencies needed for @storybook/addon-vitest
@@ -3161,7 +3162,7 @@ declare class AddonVitestService {
      * - Next.js specific: @storybook/nextjs-vite
      * - Coverage reporter: @vitest/coverage-v8
      */
-    collectDependencies(packageManager: JsPackageManager$1): Promise<string[]>;
+    collectDependencies(): Promise<string[]>;
     /**
      * Install Playwright browser binaries for @storybook/addon-vitest
      *
@@ -3173,7 +3174,7 @@ declare class AddonVitestService {
      * @param options - Installation options
      * @returns Array of error messages if installation fails
      */
-    installPlaywright(packageManager: JsPackageManager$1, options?: {
+    installPlaywright(options?: {
         yes?: boolean;
     }): Promise<{
         errors: string[];
@@ -3196,7 +3197,7 @@ declare class AddonVitestService {
      * Validate package versions for addon-vitest compatibility Public method to allow early
      * validation before framework detection
      */
-    validatePackageVersions(packageManager: JsPackageManager$1): Promise<Result>;
+    validatePackageVersions(): Promise<Result>;
     /**
      * Validate vitest config files for addon compatibility
      *

package/dist/cli/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_jdojl2z4eei from 'node:url';
-import CJS_COMPAT_NODE_PATH_jdojl2z4eei from 'node:path';
-import CJS_COMPAT_NODE_MODULE_jdojl2z4eei from "node:module";
+import CJS_COMPAT_NODE_URL_d4nrjz93tmm from 'node:url';
+import CJS_COMPAT_NODE_PATH_d4nrjz93tmm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_d4nrjz93tmm from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_jdojl2z4eei.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_jdojl2z4eei.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_jdojl2z4eei.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_d4nrjz93tmm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_d4nrjz93tmm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_d4nrjz93tmm.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -33,24 +33,24 @@ import {
   readFileAsJson,
   suggestESLintPlugin,
   writeFileAsJson
-} from "../_node-chunks/chunk-S3PBHOVC.js";
+} from "../_node-chunks/chunk-WBULWRM7.js";
 import {
   detectPnp
-} from "../_node-chunks/chunk-DWA53E73.js";
+} from "../_node-chunks/chunk-5N3H43LE.js";
 import {
   Settings,
   _clearGlobalSettings,
   globalSettings
-} from "../_node-chunks/chunk-3JJPSDXI.js";
-import "../_node-chunks/chunk-IUYZQKSX.js";
-import "../_node-chunks/chunk-FNYKBULZ.js";
-import "../_node-chunks/chunk-RIKQZHV3.js";
-import "../_node-chunks/chunk-WIWWMCEU.js";
-import "../_node-chunks/chunk-SQSFX47N.js";
-import "../_node-chunks/chunk-6ULDIDXV.js";
-import "../_node-chunks/chunk-K673CX4Q.js";
-import "../_node-chunks/chunk-XGNRK7QB.js";
-import "../_node-chunks/chunk-2OVULPK3.js";
+} from "../_node-chunks/chunk-RABBUYPA.js";
+import "../_node-chunks/chunk-NKT3R6IH.js";
+import "../_node-chunks/chunk-Y7VDA7NY.js";
+import "../_node-chunks/chunk-WSIZMTN2.js";
+import "../_node-chunks/chunk-UWK6Z4VL.js";
+import "../_node-chunks/chunk-7WOMK33B.js";
+import "../_node-chunks/chunk-WYLXFNIP.js";
+import "../_node-chunks/chunk-LZ2HPFRB.js";
+import "../_node-chunks/chunk-TUQOGYET.js";
+import "../_node-chunks/chunk-745GFLCZ.js";
 export {
   ANGULAR_JSON_PATH,
   AddonVitestService,

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_jdojl2z4eei from 'node:url';
-import CJS_COMPAT_NODE_PATH_jdojl2z4eei from 'node:path';
-import CJS_COMPAT_NODE_MODULE_jdojl2z4eei from "node:module";
+import CJS_COMPAT_NODE_URL_d4nrjz93tmm from 'node:url';
+import CJS_COMPAT_NODE_PATH_d4nrjz93tmm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_d4nrjz93tmm from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_jdojl2z4eei.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_jdojl2z4eei.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_jdojl2z4eei.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_d4nrjz93tmm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_d4nrjz93tmm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_d4nrjz93tmm.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -103,29 +103,29 @@ import {
   validateConfigurationFiles,
   validateFrameworkName,
   wrapValueWithGetAbsolutePathWrapper
-} from "../_node-chunks/chunk-Y4UYN72K.js";
+} from "../_node-chunks/chunk-CRJ7M6EO.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-KJAFCNZ3.js";
-import "../_node-chunks/chunk-5V4A6MSI.js";
-import "../_node-chunks/chunk-RURZIE3W.js";
-import "../_node-chunks/chunk-IUYZQKSX.js";
+} from "../_node-chunks/chunk-LJRIVT23.js";
+import "../_node-chunks/chunk-U24W5IIW.js";
+import "../_node-chunks/chunk-A5VW7257.js";
+import "../_node-chunks/chunk-NKT3R6IH.js";
 import {
   importMetaResolve,
   importModule,
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-FNYKBULZ.js";
+} from "../_node-chunks/chunk-Y7VDA7NY.js";
 import {
   groupBy,
   invariant
-} from "../_node-chunks/chunk-RIKQZHV3.js";
-import "../_node-chunks/chunk-WIWWMCEU.js";
-import "../_node-chunks/chunk-Y2FOTPAE.js";
-import "../_node-chunks/chunk-ZMCJS2GU.js";
-import "../_node-chunks/chunk-SQSFX47N.js";
-import "../_node-chunks/chunk-XGNRK7QB.js";
-import "../_node-chunks/chunk-2OVULPK3.js";
+} from "../_node-chunks/chunk-WSIZMTN2.js";
+import "../_node-chunks/chunk-UWK6Z4VL.js";
+import "../_node-chunks/chunk-XS5QCZP7.js";
+import "../_node-chunks/chunk-Q65ED3UK.js";
+import "../_node-chunks/chunk-7WOMK33B.js";
+import "../_node-chunks/chunk-TUQOGYET.js";
+import "../_node-chunks/chunk-745GFLCZ.js";
 export {
   DEFAULT_FILES_PATTERN,
   FileSystemCache,

package/dist/components/index.js

@@ -569,32 +569,33 @@ var BadgeWrapper = styled23.div(
     switch (status) {
       case "critical":
         return {
-          color: theme.color.critical,
-          background: theme.background.critical
+          color: theme.fgColor.critical,
+          background: theme.bgColor.critical,
+          boxShadow: `inset 0 0 0 1px ${theme.borderColor.critical}`
         };
       case "negative":
         return {
-          color: theme.color.negativeText,
-          background: theme.background.negative,
-          boxShadow: theme.base === "light" ? `inset 0 0 0 1px ${curriedTransparentize$1(0.9, theme.color.negativeText)}` : "none"
+          color: theme.fgColor.negative,
+          background: theme.bgColor.negative,
+          boxShadow: `inset 0 0 0 1px ${theme.borderColor.negative}`
         };
       case "warning":
         return {
-          color: theme.color.warningText,
-          background: theme.background.warning,
-          boxShadow: theme.base === "light" ? `inset 0 0 0 1px ${curriedTransparentize$1(0.9, theme.color.warningText)}` : "none"
+          color: theme.fgColor.warning,
+          background: theme.bgColor.warning,
+          boxShadow: `inset 0 0 0 1px ${theme.borderColor.warning}`
         };
       case "neutral":
         return {
-          color: theme.textMutedColor,
-          background: theme.base === "light" ? theme.background.app : theme.barBg,
+          color: theme.fgColor.muted,
+          background: theme.base === "dark" ? theme.barBg : theme.background.app,
           boxShadow: `inset 0 0 0 1px ${curriedTransparentize$1(0.8, theme.textMutedColor)}`
         };
       case "positive":
         return {
-          color: theme.color.positiveText,
-          background: theme.background.positive,
-          boxShadow: theme.base === "light" ? `inset 0 0 0 1px ${curriedTransparentize$1(0.9, theme.color.positiveText)}` : "none"
+          color: theme.fgColor.positive,
+          background: theme.bgColor.positive,
+          boxShadow: `inset 0 0 0 1px ${theme.borderColor.positive}`
         };
       case "active":
         return {
@@ -9712,26 +9713,28 @@ import React26 from "react";
 import { color, styled as styled38 } from "storybook/theming";
 var Input = styled38.input(({ theme }) => ({
   appearance: "none",
+  backgroundColor: theme.input.background,
+  border: `1px solid ${theme.base === "dark" ? "hsl(0 0 100 / 0.4)" : "hsl(0 0 0 / 0.44)"}`,
+  borderRadius: 2,
   display: "grid",
-  placeContent: "center",
-  width: 14,
-  height: 14,
   flexShrink: 0,
+  height: 14,
   margin: 0,
-  border: `1px solid ${theme.input.border}`,
-  borderRadius: 2,
-  backgroundColor: theme.input.background,
+  placeContent: "center",
   transition: "background-color 0.1s",
+  width: 14,
   "&:enabled": {
     cursor: "pointer"
   },
   "&:disabled": {
-    backgroundColor: theme.base === "light" ? color.light : "transparent"
+    backgroundColor: "transparent",
+    borderColor: theme.input.border
   },
   "&:disabled:checked, &:disabled:indeterminate": {
-    backgroundColor: theme.base === "light" ? color.mediumdark : theme.color.dark
+    backgroundColor: theme.base === "dark" ? color.dark : theme.color.mediumdark
   },
   "&:checked, &:indeterminate": {
+    border: "none",
     backgroundColor: color.secondary
   },
   "&:checked::before": {
@@ -9882,27 +9885,30 @@ import React29 from "react";
 import { color as color2, styled as styled41 } from "storybook/theming";
 var Input4 = styled41.input(({ theme }) => ({
   appearance: "none",
+  backgroundColor: theme.input.background,
+  border: `1px solid ${theme.base === "dark" ? "hsl(0 0 100 / 0.4)" : "hsl(0 0 0 / 0.44)"}`,
+  borderRadius: 8,
   display: "grid",
-  placeContent: "center",
-  width: 16,
-  height: 16,
   flexShrink: 0,
+  height: 16,
   margin: -1,
-  border: `1px solid ${theme.input.border}`,
-  borderRadius: 8,
-  backgroundColor: theme.input.background,
+  placeContent: "center",
   transition: "background-color 0.1s",
+  width: 16,
   "&:enabled": {
     cursor: "pointer"
   },
   "&:disabled": {
-    backgroundColor: theme.base === "light" ? color2.light : "transparent"
+    backgroundColor: "transparent",
+    borderColor: theme.input.border
   },
   "&:disabled:checked": {
-    backgroundColor: theme.base === "light" ? color2.light : theme.color.mediumdark
+    backgroundColor: theme.base === "dark" ? color2.dark : theme.color.mediumdark,
+    borderColor: theme.base === "dark" ? color2.dark : theme.color.mediumdark
   },
   "&:checked": {
     backgroundColor: color2.secondary,
+    borderColor: color2.secondary,
     boxShadow: `inset 0 0 0 2px ${theme.input.background}`
   },
   "&:enabled:focus-visible": {

package/dist/core-server/index.js

@@ -1,17 +1,17 @@
-import CJS_COMPAT_NODE_URL_jdojl2z4eei from 'node:url';
-import CJS_COMPAT_NODE_PATH_jdojl2z4eei from 'node:path';
-import CJS_COMPAT_NODE_MODULE_jdojl2z4eei from "node:module";
+import CJS_COMPAT_NODE_URL_d4nrjz93tmm from 'node:url';
+import CJS_COMPAT_NODE_PATH_d4nrjz93tmm from 'node:path';
+import CJS_COMPAT_NODE_MODULE_d4nrjz93tmm from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_jdojl2z4eei.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_jdojl2z4eei.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_jdojl2z4eei.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_d4nrjz93tmm.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_d4nrjz93tmm.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_d4nrjz93tmm.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   StatusTypeIdMismatchError
-} from "../_node-chunks/chunk-O5FMCQHP.js";
+} from "../_node-chunks/chunk-STYUJSG3.js";
 import {
   debounce,
   getErrorLevel,
@@ -21,66 +21,66 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-6DEMT5VX.js";
-import "../_node-chunks/chunk-AREL5IXS.js";
+} from "../_node-chunks/chunk-6YYH64IJ.js";
+import "../_node-chunks/chunk-H6HVK5J2.js";
 import {
   detectPnp
-} from "../_node-chunks/chunk-DWA53E73.js";
+} from "../_node-chunks/chunk-5N3H43LE.js";
 import {
   StorybookError
-} from "../_node-chunks/chunk-N3BJOOY5.js";
+} from "../_node-chunks/chunk-NOTIBODG.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-RVII4SK6.js";
-import "../_node-chunks/chunk-Z4BMBA5L.js";
+} from "../_node-chunks/chunk-SKFAHEPX.js";
+import "../_node-chunks/chunk-DRN5YXX5.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn,
   resolveImport,
   supportedExtensions,
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-Y4UYN72K.js";
-import "../_node-chunks/chunk-KJAFCNZ3.js";
-import "../_node-chunks/chunk-5V4A6MSI.js";
+} from "../_node-chunks/chunk-CRJ7M6EO.js";
+import "../_node-chunks/chunk-LJRIVT23.js";
+import "../_node-chunks/chunk-U24W5IIW.js";
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-RURZIE3W.js";
-import "../_node-chunks/chunk-VRICJPXY.js";
-import "../_node-chunks/chunk-3JJPSDXI.js";
+} from "../_node-chunks/chunk-A5VW7257.js";
+import "../_node-chunks/chunk-JOOO54RB.js";
+import "../_node-chunks/chunk-RABBUYPA.js";
 import {
   invariant,
   up2 as up
-} from "../_node-chunks/chunk-IUYZQKSX.js";
+} from "../_node-chunks/chunk-NKT3R6IH.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-FNYKBULZ.js";
-import "../_node-chunks/chunk-RIKQZHV3.js";
+} from "../_node-chunks/chunk-Y7VDA7NY.js";
+import "../_node-chunks/chunk-WSIZMTN2.js";
 import {
   dirname,
   join,
   relative,
   resolve
-} from "../_node-chunks/chunk-WIWWMCEU.js";
-import "../_node-chunks/chunk-Y2FOTPAE.js";
+} from "../_node-chunks/chunk-UWK6Z4VL.js";
+import "../_node-chunks/chunk-XS5QCZP7.js";
 import {
   slash
-} from "../_node-chunks/chunk-ZMCJS2GU.js";
+} from "../_node-chunks/chunk-Q65ED3UK.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-SQSFX47N.js";
+} from "../_node-chunks/chunk-7WOMK33B.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-K673CX4Q.js";
+} from "../_node-chunks/chunk-LZ2HPFRB.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-XGNRK7QB.js";
+} from "../_node-chunks/chunk-TUQOGYET.js";
 import {
   __commonJS,
   __require,
   __toESM
-} from "../_node-chunks/chunk-2OVULPK3.js";
+} from "../_node-chunks/chunk-745GFLCZ.js";
 
 // ../node_modules/tsconfig-paths/lib/filesystem.js
 var require_filesystem = __commonJS({
@@ -5147,7 +5147,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     let cacheKey = this.getFindMatchingFilesCacheKey(specifier, workingDir, ignoreWarnings), cached = this.findMatchingFilesCache.get(cacheKey);
     if (cached)
       return cached;
-    let pathToSubIndex = {}, globCwd = slash(resolve2(workingDir, specifier.directory)), globPattern = specifier.files, { globby } = await import("../_node-chunks/globby-22GFCZQD.js"), files = await globby(globPattern, {
+    let pathToSubIndex = {}, globCwd = slash(resolve2(workingDir, specifier.directory)), globPattern = specifier.files, { globby } = await import("../_node-chunks/globby-5IBS67N3.js"), files = await globby(globPattern, {
       absolute: !0,
       cwd: globCwd,
       ...commonGlobOptions(globPattern)
@@ -5336,7 +5336,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
   async extractDocs(specifier, absolutePath, projectTags = []) {
     let relativePath = relative2(this.options.workingDir, absolutePath);
     try {
-      let normalizedPath = normalizeStoryPath(relativePath), importPath = slash(normalizedPath), content = await readFile(absolutePath, { encoding: "utf8" }), { analyze } = await import("../_node-chunks/dist-TZLZ3T6L.js"), result = await analyze(content);
+      let normalizedPath = normalizeStoryPath(relativePath), importPath = slash(normalizedPath), content = await readFile(absolutePath, { encoding: "utf8" }), { analyze } = await import("../_node-chunks/dist-N33YQ3NH.js"), result = await analyze(content);
       if (result.isTemplate)
         return !1;
       let absoluteImports = result.imports.map(
@@ -5596,7 +5596,7 @@ function print(p) {
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-FTVC2JL7.js");
+  return await import("../_node-chunks/builder-manager-OAF6SRKJ.js");
 }
 async function getPreviewBuilder(resolvedPreviewBuilder) {
   return await importModule(resolvedPreviewBuilder);
@@ -5696,7 +5696,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
           // files can be e.g. '**/foo/*/*.js' so we just want the last bit,
           // because the directory could already be within the files part (e.g. './x/foo/bar')
           basename2(specifier.files)
-        ), { globby } = await import("../_node-chunks/globby-22GFCZQD.js");
+        ), { globby } = await import("../_node-chunks/globby-5IBS67N3.js");
         (await globby(slash(dirGlob), commonGlobOptions2(dirGlob))).forEach((filePath) => {
           let fileImportPath = toImportPath(filePath);
           specifier.importPathMatcher.exec(fileImportPath) && onInvalidate(specifier, fileImportPath, removed);