storybook 9.1.0-alpha.3 → 9.1.0-alpha.4

package/dist/backgrounds/preview.js

@@ -1,13 +1,13 @@
-var O = Object.defineProperty;
-var a = (e, t) => O(e, "name", { value: t, configurable: !0 });
+var K = Object.defineProperty;
+var a = (t, e) => K(t, "name", { value: e, configurable: !0 });
 
 // src/backgrounds/preview.ts
-import { definePreview as j } from "storybook/preview-api";
+import { definePreviewAddon as j } from "storybook/internal/csf";
 
 // src/backgrounds/constants.ts
-var U = "storybook/background", c = "backgrounds";
+var O = "storybook/background", c = "backgrounds";
 var Q = {
-  UPDATE: `${U}/update`
+  UPDATE: `${O}/update`
 };
 
 // src/backgrounds/decorator.ts
@@ -21,78 +21,78 @@ var R = {
 
 // src/backgrounds/utils.ts
 var { document: n } = globalThis, D = /* @__PURE__ */ a(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: red\
-uce)")?.matches : !1, "isReduceMotionEnabled"), k = /* @__PURE__ */ a((e) => {
-  (Array.isArray(e) ? e : [e]).forEach(z);
-}, "clearStyles"), z = /* @__PURE__ */ a((e) => {
+uce)")?.matches : !1, "isReduceMotionEnabled"), $ = /* @__PURE__ */ a((t) => {
+  (Array.isArray(t) ? t : [t]).forEach(U);
+}, "clearStyles"), U = /* @__PURE__ */ a((t) => {
   if (!n)
     return;
-  let t = n.getElementById(e);
-  t && t.parentElement && t.parentElement.removeChild(t);
-}, "clearStyle"), P = /* @__PURE__ */ a((e, t) => {
+  let e = n.getElementById(t);
+  e && e.parentElement && e.parentElement.removeChild(e);
+}, "clearStyle"), P = /* @__PURE__ */ a((t, e) => {
   if (!n)
     return;
-  let s = n.getElementById(e);
-  if (s)
-    s.innerHTML !== t && (s.innerHTML = t);
+  let i = n.getElementById(t);
+  if (i)
+    i.innerHTML !== e && (i.innerHTML = e);
   else {
     let r = n.createElement("style");
-    r.setAttribute("id", e), r.innerHTML = t, n.head.appendChild(r);
+    r.setAttribute("id", t), r.innerHTML = e, n.head.appendChild(r);
   }
-}, "addGridStyle"), _ = /* @__PURE__ */ a((e, t, s) => {
+}, "addGridStyle"), _ = /* @__PURE__ */ a((t, e, i) => {
   if (!n)
     return;
-  let r = n.getElementById(e);
+  let r = n.getElementById(t);
   if (r)
-    r.innerHTML !== t && (r.innerHTML = t);
+    r.innerHTML !== e && (r.innerHTML = e);
   else {
     let o = n.createElement("style");
-    o.setAttribute("id", e), o.innerHTML = t;
-    let d = `addon-backgrounds-grid${s ? `-docs-${s}` : ""}`, l = n.getElementById(d);
+    o.setAttribute("id", t), o.innerHTML = e;
+    let d = `addon-backgrounds-grid${i ? `-docs-${i}` : ""}`, l = n.getElementById(d);
     l ? l.parentElement?.insertBefore(o, l) : n.head.appendChild(o);
   }
 }, "addBackgroundStyle");
 
 // src/backgrounds/decorator.ts
-var N = {
+var z = {
   cellSize: 100,
   cellAmount: 10,
   opacity: 0.8
-}, v = "addon-backgrounds", C = "addon-backgrounds-grid", Y = D() ? "" : "transition: background-color 0.3s;", w = /* @__PURE__ */ a((e, t) => {
-  let { globals: s = {}, parameters: r = {}, viewMode: o, id: d } = t, {
+}, v = "addon-backgrounds", C = "addon-backgrounds-grid", Y = D() ? "" : "transition: background-color 0.3s;", w = /* @__PURE__ */ a((t, e) => {
+  let { globals: i = {}, parameters: r = {}, viewMode: o, id: d } = e, {
     options: l = R,
     disable: F,
-    grid: I = N
-  } = r[c] || {}, p = s[c] || {}, S = typeof p == "string" ? p : p?.value, y = S ? l[S] : void 0, E = typeof y == "string" ? y : y?.value ||
-  "transparent", A = typeof p == "string" ? !1 : p.grid || !1, h = !!y && !F, B = o === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-mai\
-n", M = o === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-main", H = r.layout === void 0 || r.layout === "padded", T = o === "docs" ? 20 :
-  H ? 16 : 0, { cellAmount: g, cellSize: i, opacity: u, offsetX: m = T, offsetY: f = T } = I, b = o === "docs" ? `${v}-docs-${d}` : `${v}-co\
+    grid: I = z
+  } = r[c] || {}, p = i[c] || {}, S = typeof p == "string" ? p : p?.value, y = S ? l[S] : void 0, E = typeof y == "string" ? y : y?.value ||
+  "transparent", A = typeof p == "string" ? !1 : p.grid || !1, B = !!y && !F, h = o === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-mai\
+n", T = o === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-main", N = r.layout === void 0 || r.layout === "padded", M = o === "docs" ? 20 :
+  N ? 16 : 0, { cellAmount: g, cellSize: s, opacity: u, offsetX: m = M, offsetY: f = M } = I, b = o === "docs" ? `${v}-docs-${d}` : `${v}-co\
 lor`, G = o === "docs" ? d : null;
   L(() => {
-    let $ = `
-    ${B} {
+    let k = `
+    ${h} {
       background: ${E} !important;
       ${Y}
       }`;
-    if (!h) {
-      k(b);
+    if (!B) {
+      $(b);
       return;
     }
-    _(b, $, G);
-  }, [B, b, G, h, E]);
+    _(b, k, G);
+  }, [h, b, G, B, E]);
   let x = o === "docs" ? `${C}-docs-${d}` : `${C}`;
   return L(() => {
     if (!A) {
-      k(x);
+      $(x);
       return;
     }
-    let $ = [
-      `${i * g}px ${i * g}px`,
-      `${i * g}px ${i * g}px`,
-      `${i}px ${i}px`,
-      `${i}px ${i}px`
-    ].join(", "), K = `
-        ${M} {
-          background-size: ${$} !important;
+    let k = [
+      `${s * g}px ${s * g}px`,
+      `${s * g}px ${s * g}px`,
+      `${s}px ${s}px`,
+      `${s}px ${s}px`
+    ].join(", "), H = `
+        ${T} {
+          background-size: ${k} !important;
           background-position: ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px !important;
           background-blend-mode: difference !important;
           background-image: linear-gradient(rgba(130, 130, 130, ${u}) 1px, transparent 1px),
@@ -101,8 +101,8 @@ lor`, G = o === "docs" ? d : null;
            linear-gradient(90deg, rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px) !important;
         }
       `;
-    P(x, K);
-  }, [g, i, M, x, A, m, f, u]), e();
+    P(x, H);
+  }, [g, s, T, x, A, m, f, u]), t();
 }, "withBackgroundAndGrid");
 
 // src/backgrounds/preview.ts
@@ -117,11 +117,11 @@ var V = globalThis.FEATURES?.backgrounds ? [w] : [], X = {
   }
 }, q = {
   [c]: { value: void 0, grid: !1 }
-}, pt = /* @__PURE__ */ a(() => j({
+}, pe = /* @__PURE__ */ a(() => j({
   decorators: V,
   parameters: X,
   initialGlobals: q
 }), "default");
 export {
-  pt as default
+  pe as default
 };

package/dist/bin/index.cjs

@@ -24,56 +24,56 @@ var k = require("node:child_process"), b = require("node:fs"), s = require("node
 
 // src/common/versions.ts
 var p = {
-  "@storybook/addon-a11y": "9.1.0-alpha.3",
-  "@storybook/addon-actions": "9.1.0-alpha.3",
-  "@storybook/addon-backgrounds": "9.1.0-alpha.3",
-  "@storybook/addon-controls": "9.1.0-alpha.3",
-  "@storybook/addon-docs": "9.1.0-alpha.3",
-  "@storybook/addon-jest": "9.1.0-alpha.3",
-  "@storybook/addon-links": "9.1.0-alpha.3",
-  "@storybook/addon-measure": "9.1.0-alpha.3",
-  "@storybook/addon-onboarding": "9.1.0-alpha.3",
-  "@storybook/addon-outline": "9.1.0-alpha.3",
-  "storybook-addon-pseudo-states": "9.1.0-alpha.3",
-  "@storybook/addon-themes": "9.1.0-alpha.3",
-  "@storybook/addon-toolbars": "9.1.0-alpha.3",
-  "@storybook/addon-viewport": "9.1.0-alpha.3",
-  "@storybook/addon-vitest": "9.1.0-alpha.3",
-  "@storybook/builder-vite": "9.1.0-alpha.3",
-  "@storybook/builder-webpack5": "9.1.0-alpha.3",
-  storybook: "9.1.0-alpha.3",
-  "@storybook/angular": "9.1.0-alpha.3",
-  "@storybook/ember": "9.1.0-alpha.3",
-  "@storybook/html-vite": "9.1.0-alpha.3",
-  "@storybook/nextjs": "9.1.0-alpha.3",
-  "@storybook/nextjs-vite": "9.1.0-alpha.3",
-  "@storybook/preact-vite": "9.1.0-alpha.3",
-  "@storybook/react-native-web-vite": "9.1.0-alpha.3",
-  "@storybook/react-vite": "9.1.0-alpha.3",
-  "@storybook/react-webpack5": "9.1.0-alpha.3",
-  "@storybook/server-webpack5": "9.1.0-alpha.3",
-  "@storybook/svelte-vite": "9.1.0-alpha.3",
-  "@storybook/sveltekit": "9.1.0-alpha.3",
-  "@storybook/vue3-vite": "9.1.0-alpha.3",
-  "@storybook/web-components-vite": "9.1.0-alpha.3",
-  sb: "9.1.0-alpha.3",
-  "@storybook/cli": "9.1.0-alpha.3",
-  "@storybook/codemod": "9.1.0-alpha.3",
-  "@storybook/core-webpack": "9.1.0-alpha.3",
-  "create-storybook": "9.1.0-alpha.3",
-  "@storybook/csf-plugin": "9.1.0-alpha.3",
-  "eslint-plugin-storybook": "9.1.0-alpha.3",
-  "@storybook/react-dom-shim": "9.1.0-alpha.3",
-  "@storybook/preset-create-react-app": "9.1.0-alpha.3",
-  "@storybook/preset-react-webpack": "9.1.0-alpha.3",
-  "@storybook/preset-server-webpack": "9.1.0-alpha.3",
-  "@storybook/html": "9.1.0-alpha.3",
-  "@storybook/preact": "9.1.0-alpha.3",
-  "@storybook/react": "9.1.0-alpha.3",
-  "@storybook/server": "9.1.0-alpha.3",
-  "@storybook/svelte": "9.1.0-alpha.3",
-  "@storybook/vue3": "9.1.0-alpha.3",
-  "@storybook/web-components": "9.1.0-alpha.3"
+  "@storybook/addon-a11y": "9.1.0-alpha.4",
+  "@storybook/addon-actions": "9.1.0-alpha.4",
+  "@storybook/addon-backgrounds": "9.1.0-alpha.4",
+  "@storybook/addon-controls": "9.1.0-alpha.4",
+  "@storybook/addon-docs": "9.1.0-alpha.4",
+  "@storybook/addon-jest": "9.1.0-alpha.4",
+  "@storybook/addon-links": "9.1.0-alpha.4",
+  "@storybook/addon-measure": "9.1.0-alpha.4",
+  "@storybook/addon-onboarding": "9.1.0-alpha.4",
+  "@storybook/addon-outline": "9.1.0-alpha.4",
+  "storybook-addon-pseudo-states": "9.1.0-alpha.4",
+  "@storybook/addon-themes": "9.1.0-alpha.4",
+  "@storybook/addon-toolbars": "9.1.0-alpha.4",
+  "@storybook/addon-viewport": "9.1.0-alpha.4",
+  "@storybook/addon-vitest": "9.1.0-alpha.4",
+  "@storybook/builder-vite": "9.1.0-alpha.4",
+  "@storybook/builder-webpack5": "9.1.0-alpha.4",
+  storybook: "9.1.0-alpha.4",
+  "@storybook/angular": "9.1.0-alpha.4",
+  "@storybook/ember": "9.1.0-alpha.4",
+  "@storybook/html-vite": "9.1.0-alpha.4",
+  "@storybook/nextjs": "9.1.0-alpha.4",
+  "@storybook/nextjs-vite": "9.1.0-alpha.4",
+  "@storybook/preact-vite": "9.1.0-alpha.4",
+  "@storybook/react-native-web-vite": "9.1.0-alpha.4",
+  "@storybook/react-vite": "9.1.0-alpha.4",
+  "@storybook/react-webpack5": "9.1.0-alpha.4",
+  "@storybook/server-webpack5": "9.1.0-alpha.4",
+  "@storybook/svelte-vite": "9.1.0-alpha.4",
+  "@storybook/sveltekit": "9.1.0-alpha.4",
+  "@storybook/vue3-vite": "9.1.0-alpha.4",
+  "@storybook/web-components-vite": "9.1.0-alpha.4",
+  sb: "9.1.0-alpha.4",
+  "@storybook/cli": "9.1.0-alpha.4",
+  "@storybook/codemod": "9.1.0-alpha.4",
+  "@storybook/core-webpack": "9.1.0-alpha.4",
+  "create-storybook": "9.1.0-alpha.4",
+  "@storybook/csf-plugin": "9.1.0-alpha.4",
+  "eslint-plugin-storybook": "9.1.0-alpha.4",
+  "@storybook/react-dom-shim": "9.1.0-alpha.4",
+  "@storybook/preset-create-react-app": "9.1.0-alpha.4",
+  "@storybook/preset-react-webpack": "9.1.0-alpha.4",
+  "@storybook/preset-server-webpack": "9.1.0-alpha.4",
+  "@storybook/html": "9.1.0-alpha.4",
+  "@storybook/preact": "9.1.0-alpha.4",
+  "@storybook/react": "9.1.0-alpha.4",
+  "@storybook/server": "9.1.0-alpha.4",
+  "@storybook/svelte": "9.1.0-alpha.4",
+  "@storybook/vue3": "9.1.0-alpha.4",
+  "@storybook/web-components": "9.1.0-alpha.4"
 };
 
 // src/bin/index.ts

package/dist/bin/index.js

@@ -18,56 +18,56 @@ import { dirname as b, join as i } from "node:path";
 
 // src/common/versions.ts
 var t = {
-  "@storybook/addon-a11y": "9.1.0-alpha.3",
-  "@storybook/addon-actions": "9.1.0-alpha.3",
-  "@storybook/addon-backgrounds": "9.1.0-alpha.3",
-  "@storybook/addon-controls": "9.1.0-alpha.3",
-  "@storybook/addon-docs": "9.1.0-alpha.3",
-  "@storybook/addon-jest": "9.1.0-alpha.3",
-  "@storybook/addon-links": "9.1.0-alpha.3",
-  "@storybook/addon-measure": "9.1.0-alpha.3",
-  "@storybook/addon-onboarding": "9.1.0-alpha.3",
-  "@storybook/addon-outline": "9.1.0-alpha.3",
-  "storybook-addon-pseudo-states": "9.1.0-alpha.3",
-  "@storybook/addon-themes": "9.1.0-alpha.3",
-  "@storybook/addon-toolbars": "9.1.0-alpha.3",
-  "@storybook/addon-viewport": "9.1.0-alpha.3",
-  "@storybook/addon-vitest": "9.1.0-alpha.3",
-  "@storybook/builder-vite": "9.1.0-alpha.3",
-  "@storybook/builder-webpack5": "9.1.0-alpha.3",
-  storybook: "9.1.0-alpha.3",
-  "@storybook/angular": "9.1.0-alpha.3",
-  "@storybook/ember": "9.1.0-alpha.3",
-  "@storybook/html-vite": "9.1.0-alpha.3",
-  "@storybook/nextjs": "9.1.0-alpha.3",
-  "@storybook/nextjs-vite": "9.1.0-alpha.3",
-  "@storybook/preact-vite": "9.1.0-alpha.3",
-  "@storybook/react-native-web-vite": "9.1.0-alpha.3",
-  "@storybook/react-vite": "9.1.0-alpha.3",
-  "@storybook/react-webpack5": "9.1.0-alpha.3",
-  "@storybook/server-webpack5": "9.1.0-alpha.3",
-  "@storybook/svelte-vite": "9.1.0-alpha.3",
-  "@storybook/sveltekit": "9.1.0-alpha.3",
-  "@storybook/vue3-vite": "9.1.0-alpha.3",
-  "@storybook/web-components-vite": "9.1.0-alpha.3",
-  sb: "9.1.0-alpha.3",
-  "@storybook/cli": "9.1.0-alpha.3",
-  "@storybook/codemod": "9.1.0-alpha.3",
-  "@storybook/core-webpack": "9.1.0-alpha.3",
-  "create-storybook": "9.1.0-alpha.3",
-  "@storybook/csf-plugin": "9.1.0-alpha.3",
-  "eslint-plugin-storybook": "9.1.0-alpha.3",
-  "@storybook/react-dom-shim": "9.1.0-alpha.3",
-  "@storybook/preset-create-react-app": "9.1.0-alpha.3",
-  "@storybook/preset-react-webpack": "9.1.0-alpha.3",
-  "@storybook/preset-server-webpack": "9.1.0-alpha.3",
-  "@storybook/html": "9.1.0-alpha.3",
-  "@storybook/preact": "9.1.0-alpha.3",
-  "@storybook/react": "9.1.0-alpha.3",
-  "@storybook/server": "9.1.0-alpha.3",
-  "@storybook/svelte": "9.1.0-alpha.3",
-  "@storybook/vue3": "9.1.0-alpha.3",
-  "@storybook/web-components": "9.1.0-alpha.3"
+  "@storybook/addon-a11y": "9.1.0-alpha.4",
+  "@storybook/addon-actions": "9.1.0-alpha.4",
+  "@storybook/addon-backgrounds": "9.1.0-alpha.4",
+  "@storybook/addon-controls": "9.1.0-alpha.4",
+  "@storybook/addon-docs": "9.1.0-alpha.4",
+  "@storybook/addon-jest": "9.1.0-alpha.4",
+  "@storybook/addon-links": "9.1.0-alpha.4",
+  "@storybook/addon-measure": "9.1.0-alpha.4",
+  "@storybook/addon-onboarding": "9.1.0-alpha.4",
+  "@storybook/addon-outline": "9.1.0-alpha.4",
+  "storybook-addon-pseudo-states": "9.1.0-alpha.4",
+  "@storybook/addon-themes": "9.1.0-alpha.4",
+  "@storybook/addon-toolbars": "9.1.0-alpha.4",
+  "@storybook/addon-viewport": "9.1.0-alpha.4",
+  "@storybook/addon-vitest": "9.1.0-alpha.4",
+  "@storybook/builder-vite": "9.1.0-alpha.4",
+  "@storybook/builder-webpack5": "9.1.0-alpha.4",
+  storybook: "9.1.0-alpha.4",
+  "@storybook/angular": "9.1.0-alpha.4",
+  "@storybook/ember": "9.1.0-alpha.4",
+  "@storybook/html-vite": "9.1.0-alpha.4",
+  "@storybook/nextjs": "9.1.0-alpha.4",
+  "@storybook/nextjs-vite": "9.1.0-alpha.4",
+  "@storybook/preact-vite": "9.1.0-alpha.4",
+  "@storybook/react-native-web-vite": "9.1.0-alpha.4",
+  "@storybook/react-vite": "9.1.0-alpha.4",
+  "@storybook/react-webpack5": "9.1.0-alpha.4",
+  "@storybook/server-webpack5": "9.1.0-alpha.4",
+  "@storybook/svelte-vite": "9.1.0-alpha.4",
+  "@storybook/sveltekit": "9.1.0-alpha.4",
+  "@storybook/vue3-vite": "9.1.0-alpha.4",
+  "@storybook/web-components-vite": "9.1.0-alpha.4",
+  sb: "9.1.0-alpha.4",
+  "@storybook/cli": "9.1.0-alpha.4",
+  "@storybook/codemod": "9.1.0-alpha.4",
+  "@storybook/core-webpack": "9.1.0-alpha.4",
+  "create-storybook": "9.1.0-alpha.4",
+  "@storybook/csf-plugin": "9.1.0-alpha.4",
+  "eslint-plugin-storybook": "9.1.0-alpha.4",
+  "@storybook/react-dom-shim": "9.1.0-alpha.4",
+  "@storybook/preset-create-react-app": "9.1.0-alpha.4",
+  "@storybook/preset-react-webpack": "9.1.0-alpha.4",
+  "@storybook/preset-server-webpack": "9.1.0-alpha.4",
+  "@storybook/html": "9.1.0-alpha.4",
+  "@storybook/preact": "9.1.0-alpha.4",
+  "@storybook/react": "9.1.0-alpha.4",
+  "@storybook/server": "9.1.0-alpha.4",
+  "@storybook/svelte": "9.1.0-alpha.4",
+  "@storybook/vue3": "9.1.0-alpha.4",
+  "@storybook/web-components": "9.1.0-alpha.4"
 };
 
 // src/bin/index.ts

package/dist/cli/bin/index.cjs

@@ -5831,7 +5831,7 @@ function K(s, e) {
 d(K, "invariant");
 
 // package.json
-var Ot = "9.1.0-alpha.3";
+var Ot = "9.1.0-alpha.4";
 
 // src/cli/build.ts
 var nr = require("storybook/internal/common"), qe = require("storybook/internal/core-server");

package/dist/cli/bin/index.js

@@ -5847,7 +5847,7 @@ function H(s, e) {
 d(H, "invariant");
 
 // package.json
-var vt = "9.1.0-alpha.3";
+var vt = "9.1.0-alpha.4";
 
 // src/cli/build.ts
 import { cache as cs } from "storybook/internal/common";