storybook 10.1.0-beta.2 → 10.1.0-beta.3

package/dist/common/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_hgecnnw0nrt from 'node:url';
-import CJS_COMPAT_NODE_PATH_hgecnnw0nrt from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hgecnnw0nrt 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_hgecnnw0nrt.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hgecnnw0nrt.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hgecnnw0nrt.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-NOLZUVQN.js";
+} from "../_node-chunks/chunk-CRJ7M6EO.js";
 import {
   versions_default
-} from "../_node-chunks/chunk-Y35QWPHB.js";
-import "../_node-chunks/chunk-EXJNST6P.js";
-import "../_node-chunks/chunk-4CHMPSHM.js";
-import "../_node-chunks/chunk-INMOMYVB.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-Z7F5CZXW.js";
+} from "../_node-chunks/chunk-Y7VDA7NY.js";
 import {
   groupBy,
   invariant
-} from "../_node-chunks/chunk-QAX2QIAO.js";
-import "../_node-chunks/chunk-PQF6TGKN.js";
-import "../_node-chunks/chunk-HGDN3STX.js";
-import "../_node-chunks/chunk-PJAOEV2K.js";
-import "../_node-chunks/chunk-6T6VTXDE.js";
-import "../_node-chunks/chunk-43AQPYQJ.js";
-import "../_node-chunks/chunk-3FVKDIQ7.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_hgecnnw0nrt from 'node:url';
-import CJS_COMPAT_NODE_PATH_hgecnnw0nrt from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hgecnnw0nrt 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_hgecnnw0nrt.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hgecnnw0nrt.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hgecnnw0nrt.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-KIW5GZKQ.js";
+} from "../_node-chunks/chunk-STYUJSG3.js";
 import {
   debounce,
   getErrorLevel,
@@ -21,66 +21,66 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-HFPMBHAF.js";
-import "../_node-chunks/chunk-45XWOXXM.js";
+} from "../_node-chunks/chunk-6YYH64IJ.js";
+import "../_node-chunks/chunk-H6HVK5J2.js";
 import {
   detectPnp
-} from "../_node-chunks/chunk-HG5BSY5V.js";
+} from "../_node-chunks/chunk-5N3H43LE.js";
 import {
   StorybookError
-} from "../_node-chunks/chunk-F4HHDWJV.js";
+} from "../_node-chunks/chunk-NOTIBODG.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-UWKUW2OJ.js";
-import "../_node-chunks/chunk-CEFT3TLW.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-NOLZUVQN.js";
-import "../_node-chunks/chunk-Y35QWPHB.js";
-import "../_node-chunks/chunk-EXJNST6P.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-4CHMPSHM.js";
-import "../_node-chunks/chunk-3GUEJ3O3.js";
-import "../_node-chunks/chunk-YZEOU7D5.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-INMOMYVB.js";
+} from "../_node-chunks/chunk-NKT3R6IH.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-Z7F5CZXW.js";
-import "../_node-chunks/chunk-QAX2QIAO.js";
+} from "../_node-chunks/chunk-Y7VDA7NY.js";
+import "../_node-chunks/chunk-WSIZMTN2.js";
 import {
   dirname,
   join,
   relative,
   resolve
-} from "../_node-chunks/chunk-PQF6TGKN.js";
-import "../_node-chunks/chunk-HGDN3STX.js";
+} from "../_node-chunks/chunk-UWK6Z4VL.js";
+import "../_node-chunks/chunk-XS5QCZP7.js";
 import {
   slash
-} from "../_node-chunks/chunk-PJAOEV2K.js";
+} from "../_node-chunks/chunk-Q65ED3UK.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-6T6VTXDE.js";
+} from "../_node-chunks/chunk-7WOMK33B.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-ODJGHT54.js";
+} from "../_node-chunks/chunk-LZ2HPFRB.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-43AQPYQJ.js";
+} from "../_node-chunks/chunk-TUQOGYET.js";
 import {
   __commonJS,
   __require,
   __toESM
-} from "../_node-chunks/chunk-3FVKDIQ7.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-WIMKMN5Q.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-RFQRGJD5.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-DE5CZGPU.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-WIMKMN5Q.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);

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_hgecnnw0nrt from 'node:url';
-import CJS_COMPAT_NODE_PATH_hgecnnw0nrt from 'node:path';
-import CJS_COMPAT_NODE_MODULE_hgecnnw0nrt 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_hgecnnw0nrt.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_hgecnnw0nrt.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_hgecnnw0nrt.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-HGDN3STX.js";
+} from "../../_node-chunks/chunk-XS5QCZP7.js";
 import {
   slash
-} from "../../_node-chunks/chunk-PJAOEV2K.js";
-import "../../_node-chunks/chunk-3FVKDIQ7.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";