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

package/dist/core-server/presets/common-manager.js

@@ -2517,125 +2517,91 @@ var { window: globalWindow } = globalThis, Wrapper5 = styled9.div(({ theme: them
 import React13, { useMemo as useMemo2 } from "react";
 import { styled as styled10 } from "storybook/theming";
 var RangeInput = styled10.input(
-  ({ theme: theme3, min, max, value: value2, disabled }) => ({
-    // Resytled using http://danielstern.ca/range.css/#/
-    "&": {
-      width: "100%",
-      backgroundColor: "transparent",
-      appearance: "none"
-    },
-    "&::-webkit-slider-runnable-track": {
+  ({ theme: theme3, min, max, value: value2, disabled }) => {
+    let trackBaseStyles = {
       background: theme3.base === "light" ? `linear-gradient(to right, 
-            ${theme3.color.green} 0%, ${theme3.color.green} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedDarken$1(0.02, theme3.input.background)} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedDarken$1(0.02, theme3.input.background)} 100%)` : `linear-gradient(to right, 
-            ${theme3.color.green} 0%, ${theme3.color.green} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedLighten$1(0.02, theme3.input.background)} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedLighten$1(0.02, theme3.input.background)} 100%)`,
-      boxShadow: `${theme3.appBorderColor} 0 0 0 1px inset`,
+          ${theme3.color.green} 0%, ${theme3.color.green} ${(value2 - min) / (max - min) * 100}%, 
+          ${curriedDarken$1(0.02, theme3.input.background)} ${(value2 - min) / (max - min) * 100}%, 
+          ${curriedDarken$1(0.02, theme3.input.background)} 100%)` : `linear-gradient(to right, 
+          ${theme3.color.green} 0%, ${theme3.color.green} ${(value2 - min) / (max - min) * 100}%, 
+          ${curriedLighten$1(0.02, theme3.input.background)} ${(value2 - min) / (max - min) * 100}%, 
+          ${curriedLighten$1(0.02, theme3.input.background)} 100%)`,
       borderRadius: 6,
-      width: "100%",
+      boxShadow: `${theme3.base == "dark" ? "hsl(0 0 100 / 0.4)" : "hsl(0 0 0 / 0.44)"} 0 0 0 1px inset`,
+      cursor: disabled ? "not-allowed" : "pointer",
       height: 6,
-      cursor: disabled ? "not-allowed" : "pointer"
-    },
-    "&::-webkit-slider-thumb": {
-      marginTop: "-6px",
+      width: "100%"
+    }, trackFocusStyles = {
+      borderColor: rgba(theme3.color.secondary, 0.4)
+    }, thumbBaseStyles = {
       width: 16,
       height: 16,
-      border: `1px solid ${theme3.appBorderColor}`,
-      borderRadius: "50px",
-      boxShadow: theme3.base === "light" ? `0 1px 3px 0px ${rgba(theme3.appBorderColor, 0.2)}` : "unset",
+      borderRadius: 50,
       cursor: disabled ? "not-allowed" : "grab",
-      appearance: "none",
       background: theme3.input.background,
-      transition: "all 150ms ease-out",
-      "&:hover": {
-        background: `${curriedDarken$1(0.05, theme3.input.background)}`,
-        transform: "scale3d(1.1, 1.1, 1.1) translateY(-1px)",
-        transition: "all 50ms ease-out"
+      border: `1px solid ${theme3.base == "dark" ? "hsl(0 0 100 / 0.4)" : "hsl(0 0 0 / 0.44)"}`,
+      boxShadow: theme3.base === "light" ? `0 1px 3px 0px ${rgba(theme3.appBorderColor, 0.2)}` : "unset",
+      transition: "all 150ms ease-out"
+    }, thumbHoverStyles = {
+      background: `${curriedDarken$1(0.05, theme3.input.background)}`,
+      transform: "scale3d(1.1, 1.1, 1.1) translateY(-1px)",
+      transition: "all 50ms ease-out"
+    }, thumbActiveStyles = {
+      background: `${theme3.input.background}`,
+      transform: "scale3d(1, 1, 1) translateY(0px)"
+    }, thumbFocusStyles = {
+      borderColor: theme3.color.secondary,
+      boxShadow: theme3.base === "light" ? `0 0px 5px 0px ${theme3.color.secondary}` : "unset"
+    };
+    return {
+      // Restyled using http://danielstern.ca/range.css/#/
+      appearance: "none",
+      backgroundColor: "transparent",
+      width: "100%",
+      // Track styles
+      "&::-webkit-slider-runnable-track": trackBaseStyles,
+      "&::-moz-range-track": trackBaseStyles,
+      "&::-ms-track": {
+        ...trackBaseStyles,
+        color: "transparent"
       },
-      "&:active": {
-        background: `${theme3.input.background}`,
-        transform: "scale3d(1, 1, 1) translateY(0px)",
-        cursor: disabled ? "not-allowed" : "grab"
-      }
-    },
-    "&:focus": {
-      outline: "none",
-      "&::-webkit-slider-runnable-track": {
-        borderColor: rgba(theme3.color.secondary, 0.4)
+      // Thumb styles
+      "&::-moz-range-thumb": {
+        ...thumbBaseStyles,
+        "&:hover": thumbHoverStyles,
+        "&:active": thumbActiveStyles
       },
       "&::-webkit-slider-thumb": {
-        borderColor: theme3.color.secondary,
-        boxShadow: theme3.base === "light" ? `0 0px 5px 0px ${theme3.color.secondary}` : "unset"
-      }
-    },
-    "&::-moz-range-track": {
-      background: theme3.base === "light" ? `linear-gradient(to right, 
-            ${theme3.color.green} 0%, ${theme3.color.green} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedDarken$1(0.02, theme3.input.background)} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedDarken$1(0.02, theme3.input.background)} 100%)` : `linear-gradient(to right, 
-            ${theme3.color.green} 0%, ${theme3.color.green} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedLighten$1(0.02, theme3.input.background)} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedLighten$1(0.02, theme3.input.background)} 100%)`,
-      boxShadow: `${theme3.appBorderColor} 0 0 0 1px inset`,
-      borderRadius: 6,
-      width: "100%",
-      height: 6,
-      cursor: disabled ? "not-allowed" : "pointer",
-      outline: "none"
-    },
-    "&::-moz-range-thumb": {
-      width: 16,
-      height: 16,
-      border: `1px solid ${theme3.appBorderColor}`,
-      borderRadius: "50px",
-      boxShadow: theme3.base === "light" ? `0 1px 3px 0px ${rgba(theme3.appBorderColor, 0.2)}` : "unset",
-      cursor: disabled ? "not-allowed" : "grab",
-      background: theme3.input.background,
-      transition: "all 150ms ease-out",
-      "&:hover": {
-        background: `${curriedDarken$1(0.05, theme3.input.background)}`,
-        transform: "scale3d(1.1, 1.1, 1.1) translateY(-1px)",
-        transition: "all 50ms ease-out"
+        ...thumbBaseStyles,
+        marginTop: "-6px",
+        appearance: "none",
+        "&:hover": thumbHoverStyles,
+        "&:active": thumbActiveStyles
       },
-      "&:active": {
-        background: `${theme3.input.background}`,
-        transform: "scale3d(1, 1, 1) translateY(0px)",
-        cursor: "grabbing"
-      }
-    },
-    "&::-ms-track": {
-      background: theme3.base === "light" ? `linear-gradient(to right, 
-            ${theme3.color.green} 0%, ${theme3.color.green} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedDarken$1(0.02, theme3.input.background)} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedDarken$1(0.02, theme3.input.background)} 100%)` : `linear-gradient(to right, 
-            ${theme3.color.green} 0%, ${theme3.color.green} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedLighten$1(0.02, theme3.input.background)} ${(value2 - min) / (max - min) * 100}%, 
-            ${curriedLighten$1(0.02, theme3.input.background)} 100%)`,
-      boxShadow: theme3.base === "light" ? `${theme3.appBorderColor} 0 0 0 1px inset` : "unset",
-      color: "transparent",
-      width: "100%",
-      height: "6px",
-      cursor: "pointer"
-    },
-    "&::-ms-fill-lower": {
-      borderRadius: 6
-    },
-    "&::-ms-fill-upper": {
-      borderRadius: 6
-    },
-    "&::-ms-thumb": {
-      width: 16,
-      height: 16,
-      background: theme3.input.background,
-      border: `1px solid ${rgba(theme3.appBorderColor, 0.2)}`,
-      borderRadius: 50,
-      cursor: disabled ? "not-allowed" : "grab",
-      marginTop: 0
-    },
-    "@supports (-ms-ime-align:auto)": { "input[type=range]": { margin: "0" } }
-  })
+      "&::-ms-thumb": {
+        ...thumbBaseStyles,
+        marginTop: 0,
+        "&:hover": thumbHoverStyles,
+        "&:active": thumbActiveStyles
+      },
+      "&:focus": {
+        outline: "none",
+        "&::-webkit-slider-runnable-track": trackFocusStyles,
+        "&::-moz-range-track": trackFocusStyles,
+        "&::-ms-track": trackFocusStyles,
+        "&::-webkit-slider-thumb": thumbFocusStyles,
+        "&::-moz-range-thumb": thumbFocusStyles,
+        "&::-ms-thumb": thumbFocusStyles
+      },
+      "&::-ms-fill-lower": {
+        borderRadius: 6
+      },
+      "&::-ms-fill-upper": {
+        borderRadius: 6
+      },
+      "@supports (-ms-ime-align:auto)": { "input[type=range]": { margin: "0" } }
+    };
+  }
 ), RangeLabel = styled10.span({
   paddingLeft: 5,
   paddingRight: 5,

package/dist/core-server/presets/common-override-preset.js

@@ -1,21 +1,21 @@
-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 {
   glob
-} from "../../_node-chunks/chunk-Y2FOTPAE.js";
+} from "../../_node-chunks/chunk-XS5QCZP7.js";
 import {
   slash
-} from "../../_node-chunks/chunk-ZMCJS2GU.js";
-import "../../_node-chunks/chunk-2OVULPK3.js";
+} from "../../_node-chunks/chunk-Q65ED3UK.js";
+import "../../_node-chunks/chunk-745GFLCZ.js";
 
 // src/core-server/utils/remove-mdx-entries.ts
 import { isAbsolute, join, relative } from "node:path";

package/dist/core-server/presets/common-preset.js

@@ -1,57 +1,57 @@
-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-chunks/chunk-S3PBHOVC.js";
+import "../../_node-chunks/chunk-WBULWRM7.js";
 import {
   parseStaticDir,
   sendTelemetryError,
   throttle
-} from "../../_node-chunks/chunk-6DEMT5VX.js";
-import "../../_node-chunks/chunk-AREL5IXS.js";
-import "../../_node-chunks/chunk-DWA53E73.js";
-import "../../_node-chunks/chunk-N3BJOOY5.js";
+} from "../../_node-chunks/chunk-6YYH64IJ.js";
+import "../../_node-chunks/chunk-H6HVK5J2.js";
+import "../../_node-chunks/chunk-5N3H43LE.js";
+import "../../_node-chunks/chunk-NOTIBODG.js";
 import {
   getLastEvents,
   getSessionId
-} from "../../_node-chunks/chunk-VRICJPXY.js";
+} from "../../_node-chunks/chunk-JOOO54RB.js";
 import {
   globalSettings
-} from "../../_node-chunks/chunk-3JJPSDXI.js";
+} from "../../_node-chunks/chunk-RABBUYPA.js";
 import {
   invariant
-} from "../../_node-chunks/chunk-IUYZQKSX.js";
+} from "../../_node-chunks/chunk-NKT3R6IH.js";
 import {
   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 {
   isAbsolute,
   join
-} from "../../_node-chunks/chunk-WIWWMCEU.js";
+} from "../../_node-chunks/chunk-UWK6Z4VL.js";
 import {
   loadConfig
-} from "../../_node-chunks/chunk-54NMJ4II.js";
+} from "../../_node-chunks/chunk-SUILKNPA.js";
 import {
   require_dist
-} from "../../_node-chunks/chunk-SQSFX47N.js";
-import "../../_node-chunks/chunk-6ULDIDXV.js";
-import "../../_node-chunks/chunk-K673CX4Q.js";
+} from "../../_node-chunks/chunk-7WOMK33B.js";
+import "../../_node-chunks/chunk-WYLXFNIP.js";
+import "../../_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/shell-quote/quote.js
 var require_quote = __commonJS({
@@ -518,7 +518,7 @@ import { isCsfFactoryPreview } from "storybook/internal/csf-tools";
 var import_ts_dedent = __toESM(require_dist(), 1);
 
 // src/core-server/utils/get-component-variable-name.ts
-var getComponentVariableName = async (name) => (await import("../../_node-chunks/camelcase-3SMT5WKC.js")).default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: !0 }).replace(/[^a-zA-Z_$]+/, "");
+var getComponentVariableName = async (name) => (await import("../../_node-chunks/camelcase-UG5ZJHCD.js")).default(name.replace(/^[^a-zA-Z_$]*/, ""), { pascalCase: !0 }).replace(/[^a-zA-Z_$]+/, "");
 
 // src/core-server/utils/new-story-templates/csf-factory-template.ts
 async function getCsfFactoryTemplateForNewStoryFile(data) {
@@ -783,7 +783,7 @@ async function searchFiles({
   ignoredFiles = IGNORED_FILES,
   fileExtensions = FILE_EXTENSIONS
 }) {
-  let { globby, isDynamicPattern } = await import("../../_node-chunks/globby-22GFCZQD.js"), hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd }), searchQueryHasExtension = /(\.[a-z]+)$/i.test(searchQuery), fileExtensionsPattern = `{${fileExtensions.join(",")}}`, globbedSearchQuery = hasSearchSpecialGlobChars ? searchQuery : searchQueryHasExtension ? [`**/*${searchQuery}*`, `**/*${searchQuery}*/**`] : [
+  let { globby, isDynamicPattern } = await import("../../_node-chunks/globby-5IBS67N3.js"), hasSearchSpecialGlobChars = isDynamicPattern(searchQuery, { cwd }), searchQueryHasExtension = /(\.[a-z]+)$/i.test(searchQuery), fileExtensionsPattern = `{${fileExtensions.join(",")}}`, globbedSearchQuery = hasSearchSpecialGlobChars ? searchQuery : searchQueryHasExtension ? [`**/*${searchQuery}*`, `**/*${searchQuery}*/**`] : [
     `**/*${searchQuery}*.${fileExtensionsPattern}`,
     `**/*${searchQuery}*/**/*.${fileExtensionsPattern}`
   ];

package/dist/csf-tools/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
@@ -38,9 +38,9 @@ import {
   vitestTransform,
   writeConfig,
   writeCsf
-} from "../_node-chunks/chunk-54NMJ4II.js";
-import "../_node-chunks/chunk-SQSFX47N.js";
-import "../_node-chunks/chunk-2OVULPK3.js";
+} from "../_node-chunks/chunk-SUILKNPA.js";
+import "../_node-chunks/chunk-7WOMK33B.js";
+import "../_node-chunks/chunk-745GFLCZ.js";
 export {
   BadMetaError,
   ConfigFile,