storybook 9.0.0-alpha.11 → 9.0.0-alpha.13

package/dist/backgrounds/preview.js

@@ -0,0 +1,127 @@
+var O = Object.defineProperty;
+var a = (e, t) => O(e, "name", { value: t, configurable: !0 });
+
+// src/backgrounds/preview.ts
+import { definePreview as j } from "storybook/preview-api";
+
+// src/backgrounds/constants.ts
+var z = "storybook/background", c = "backgrounds";
+var Q = {
+  UPDATE: `${z}/update`
+};
+
+// src/backgrounds/decorator.ts
+import { useEffect as L } from "storybook/preview-api";
+
+// src/backgrounds/defaults.ts
+var R = {
+  light: { name: "light", value: "#F8F8F8" },
+  dark: { name: "dark", value: "#333" }
+};
+
+// src/backgrounds/utils.ts
+var { document: o } = 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(N);
+}, "clearStyles"), N = /* @__PURE__ */ a((e) => {
+  if (!o)
+    return;
+  let t = o.getElementById(e);
+  t && t.parentElement && t.parentElement.removeChild(t);
+}, "clearStyle"), P = /* @__PURE__ */ a((e, t) => {
+  if (!o)
+    return;
+  let s = o.getElementById(e);
+  if (s)
+    s.innerHTML !== t && (s.innerHTML = t);
+  else {
+    let r = o.createElement("style");
+    r.setAttribute("id", e), r.innerHTML = t, o.head.appendChild(r);
+  }
+}, "addGridStyle"), _ = /* @__PURE__ */ a((e, t, s) => {
+  if (!o)
+    return;
+  let r = o.getElementById(e);
+  if (r)
+    r.innerHTML !== t && (r.innerHTML = t);
+  else {
+    let n = o.createElement("style");
+    n.setAttribute("id", e), n.innerHTML = t;
+    let d = `addon-backgrounds-grid${s ? `-docs-${s}` : ""}`, l = o.getElementById(d);
+    l ? l.parentElement?.insertBefore(n, l) : o.head.appendChild(n);
+  }
+}, "addBackgroundStyle");
+
+// src/backgrounds/decorator.ts
+var U = {
+  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: n, id: d } = t, {
+    options: l = R,
+    disable: I,
+    grid: F = U
+  } = 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 && !I, B = n === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-mai\
+n", M = n === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-main", H = r.layout === void 0 || r.layout === "padded", G = n === "docs" ? 20 :
+  H ? 16 : 0, { cellAmount: g, cellSize: i, opacity: u, offsetX: m = G, offsetY: f = G } = F, b = n === "docs" ? `${v}-docs-${d}` : `${v}-co\
+lor`, T = n === "docs" ? d : null;
+  L(() => {
+    let $ = `
+    ${B} {
+      background: ${E} !important;
+      ${Y}
+      }`;
+    if (!h) {
+      k(b);
+      return;
+    }
+    _(b, $, T);
+  }, [B, b, T, h, E]);
+  let x = n === "docs" ? `${C}-docs-${d}` : `${C}`;
+  return L(() => {
+    if (!A) {
+      k(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;
+          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),
+           linear-gradient(90deg, rgba(130, 130, 130, ${u}) 1px, transparent 1px),
+           linear-gradient(rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px),
+           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();
+}, "withBackgroundAndGrid");
+
+// src/backgrounds/preview.ts
+var V = [w], X = {
+  [c]: {
+    grid: {
+      cellSize: 20,
+      opacity: 0.5,
+      cellAmount: 5
+    },
+    disable: !1
+  }
+}, q = {
+  [c]: { value: void 0, grid: !1 }
+}, pt = /* @__PURE__ */ a(() => j({
+  decorators: V,
+  parameters: X,
+  initialGlobals: q
+}), "default");
+export {
+  pt as default
+};

package/dist/bin/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
-var i = Object.create;
+var h = Object.create;
 var k = Object.defineProperty;
 var c = Object.getOwnPropertyDescriptor;
 var n = Object.getOwnPropertyNames;
@@ -10,7 +10,7 @@ var u = (o, e, a, t) => {
       !v.call(o, l) && l !== a && k(o, l, { get: () => e[l], enumerable: !(t = c(e, l)) || t.enumerable });
   return o;
 };
-var h = (o, e, a) => (a = o != null ? i(d(o)) : {}, u(
+var i = (o, e, a) => (a = o != null ? h(d(o)) : {}, u(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
@@ -24,65 +24,53 @@ var y = require("node:child_process"), b = require("node:fs"), s = require("node
 
 // src/common/versions.ts
 var p = {
-  "@storybook/addon-a11y": "9.0.0-alpha.11",
-  "@storybook/addon-backgrounds": "9.0.0-alpha.11",
-  "@storybook/addon-docs": "9.0.0-alpha.11",
-  "@storybook/addon-essentials": "9.0.0-alpha.11",
-  "@storybook/addon-mdx-gfm": "9.0.0-alpha.11",
-  "@storybook/addon-highlight": "9.0.0-alpha.11",
-  "@storybook/addon-jest": "9.0.0-alpha.11",
-  "@storybook/addon-links": "9.0.0-alpha.11",
-  "@storybook/addon-measure": "9.0.0-alpha.11",
-  "@storybook/addon-onboarding": "9.0.0-alpha.11",
-  "@storybook/addon-outline": "9.0.0-alpha.11",
-  "@storybook/addon-storysource": "9.0.0-alpha.11",
-  "@storybook/addon-test": "9.0.0-alpha.11",
-  "@storybook/addon-themes": "9.0.0-alpha.11",
-  "@storybook/builder-vite": "9.0.0-alpha.11",
-  "@storybook/builder-webpack5": "9.0.0-alpha.11",
-  storybook: "9.0.0-alpha.11",
-  "@storybook/angular": "9.0.0-alpha.11",
-  "@storybook/ember": "9.0.0-alpha.11",
-  "@storybook/experimental-nextjs-vite": "9.0.0-alpha.11",
-  "@storybook/html-vite": "9.0.0-alpha.11",
-  "@storybook/html-webpack5": "9.0.0-alpha.11",
-  "@storybook/nextjs": "9.0.0-alpha.11",
-  "@storybook/preact-vite": "9.0.0-alpha.11",
-  "@storybook/preact-webpack5": "9.0.0-alpha.11",
-  "@storybook/react-native-web-vite": "9.0.0-alpha.11",
-  "@storybook/react-vite": "9.0.0-alpha.11",
-  "@storybook/react-webpack5": "9.0.0-alpha.11",
-  "@storybook/server-webpack5": "9.0.0-alpha.11",
-  "@storybook/svelte-vite": "9.0.0-alpha.11",
-  "@storybook/svelte-webpack5": "9.0.0-alpha.11",
-  "@storybook/sveltekit": "9.0.0-alpha.11",
-  "@storybook/vue3-vite": "9.0.0-alpha.11",
-  "@storybook/vue3-webpack5": "9.0.0-alpha.11",
-  "@storybook/web-components-vite": "9.0.0-alpha.11",
-  "@storybook/web-components-webpack5": "9.0.0-alpha.11",
-  "@storybook/blocks": "9.0.0-alpha.11",
-  sb: "9.0.0-alpha.11",
-  "@storybook/cli": "9.0.0-alpha.11",
-  "@storybook/codemod": "9.0.0-alpha.11",
-  "@storybook/core-webpack": "9.0.0-alpha.11",
-  "create-storybook": "9.0.0-alpha.11",
-  "@storybook/csf-plugin": "9.0.0-alpha.11",
-  "@storybook/react-dom-shim": "9.0.0-alpha.11",
-  "@storybook/source-loader": "9.0.0-alpha.11",
-  "@storybook/preset-create-react-app": "9.0.0-alpha.11",
-  "@storybook/preset-html-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-preact-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-react-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-server-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-svelte-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-vue3-webpack": "9.0.0-alpha.11",
-  "@storybook/html": "9.0.0-alpha.11",
-  "@storybook/preact": "9.0.0-alpha.11",
-  "@storybook/react": "9.0.0-alpha.11",
-  "@storybook/server": "9.0.0-alpha.11",
-  "@storybook/svelte": "9.0.0-alpha.11",
-  "@storybook/vue3": "9.0.0-alpha.11",
-  "@storybook/web-components": "9.0.0-alpha.11"
+  "@storybook/addon-a11y": "9.0.0-alpha.13",
+  "@storybook/addon-docs": "9.0.0-alpha.13",
+  "@storybook/addon-mdx-gfm": "9.0.0-alpha.13",
+  "@storybook/addon-jest": "9.0.0-alpha.13",
+  "@storybook/addon-links": "9.0.0-alpha.13",
+  "@storybook/addon-onboarding": "9.0.0-alpha.13",
+  "@storybook/addon-storysource": "9.0.0-alpha.13",
+  "@storybook/addon-test": "9.0.0-alpha.13",
+  "@storybook/addon-themes": "9.0.0-alpha.13",
+  "@storybook/builder-vite": "9.0.0-alpha.13",
+  "@storybook/builder-webpack5": "9.0.0-alpha.13",
+  storybook: "9.0.0-alpha.13",
+  "@storybook/angular": "9.0.0-alpha.13",
+  "@storybook/ember": "9.0.0-alpha.13",
+  "@storybook/html-vite": "9.0.0-alpha.13",
+  "@storybook/nextjs": "9.0.0-alpha.13",
+  "@storybook/nextjs-vite": "9.0.0-alpha.13",
+  "@storybook/preact-vite": "9.0.0-alpha.13",
+  "@storybook/react-native-web-vite": "9.0.0-alpha.13",
+  "@storybook/react-vite": "9.0.0-alpha.13",
+  "@storybook/react-webpack5": "9.0.0-alpha.13",
+  "@storybook/server-webpack5": "9.0.0-alpha.13",
+  "@storybook/svelte-vite": "9.0.0-alpha.13",
+  "@storybook/svelte-webpack5": "9.0.0-alpha.13",
+  "@storybook/sveltekit": "9.0.0-alpha.13",
+  "@storybook/vue3-vite": "9.0.0-alpha.13",
+  "@storybook/web-components-vite": "9.0.0-alpha.13",
+  "@storybook/blocks": "9.0.0-alpha.13",
+  sb: "9.0.0-alpha.13",
+  "@storybook/cli": "9.0.0-alpha.13",
+  "@storybook/codemod": "9.0.0-alpha.13",
+  "@storybook/core-webpack": "9.0.0-alpha.13",
+  "create-storybook": "9.0.0-alpha.13",
+  "@storybook/csf-plugin": "9.0.0-alpha.13",
+  "@storybook/react-dom-shim": "9.0.0-alpha.13",
+  "@storybook/source-loader": "9.0.0-alpha.13",
+  "@storybook/preset-create-react-app": "9.0.0-alpha.13",
+  "@storybook/preset-react-webpack": "9.0.0-alpha.13",
+  "@storybook/preset-server-webpack": "9.0.0-alpha.13",
+  "@storybook/preset-svelte-webpack": "9.0.0-alpha.13",
+  "@storybook/html": "9.0.0-alpha.13",
+  "@storybook/preact": "9.0.0-alpha.13",
+  "@storybook/react": "9.0.0-alpha.13",
+  "@storybook/server": "9.0.0-alpha.13",
+  "@storybook/svelte": "9.0.0-alpha.13",
+  "@storybook/vue3": "9.0.0-alpha.13",
+  "@storybook/web-components": "9.0.0-alpha.13"
 };
 
 // src/bin/index.ts

package/dist/bin/index.js

@@ -12,71 +12,59 @@ var r = /* @__PURE__ */ ((a) => typeof require < "u" ? require : typeof Proxy <
 });
 
 // src/bin/index.ts
-import { spawn as y } from "node:child_process";
+import { spawn as i } from "node:child_process";
 import { readFileSync as p } from "node:fs";
 import { dirname as b, join as k } from "node:path";
 
 // src/common/versions.ts
 var t = {
-  "@storybook/addon-a11y": "9.0.0-alpha.11",
-  "@storybook/addon-backgrounds": "9.0.0-alpha.11",
-  "@storybook/addon-docs": "9.0.0-alpha.11",
-  "@storybook/addon-essentials": "9.0.0-alpha.11",
-  "@storybook/addon-mdx-gfm": "9.0.0-alpha.11",
-  "@storybook/addon-highlight": "9.0.0-alpha.11",
-  "@storybook/addon-jest": "9.0.0-alpha.11",
-  "@storybook/addon-links": "9.0.0-alpha.11",
-  "@storybook/addon-measure": "9.0.0-alpha.11",
-  "@storybook/addon-onboarding": "9.0.0-alpha.11",
-  "@storybook/addon-outline": "9.0.0-alpha.11",
-  "@storybook/addon-storysource": "9.0.0-alpha.11",
-  "@storybook/addon-test": "9.0.0-alpha.11",
-  "@storybook/addon-themes": "9.0.0-alpha.11",
-  "@storybook/builder-vite": "9.0.0-alpha.11",
-  "@storybook/builder-webpack5": "9.0.0-alpha.11",
-  storybook: "9.0.0-alpha.11",
-  "@storybook/angular": "9.0.0-alpha.11",
-  "@storybook/ember": "9.0.0-alpha.11",
-  "@storybook/experimental-nextjs-vite": "9.0.0-alpha.11",
-  "@storybook/html-vite": "9.0.0-alpha.11",
-  "@storybook/html-webpack5": "9.0.0-alpha.11",
-  "@storybook/nextjs": "9.0.0-alpha.11",
-  "@storybook/preact-vite": "9.0.0-alpha.11",
-  "@storybook/preact-webpack5": "9.0.0-alpha.11",
-  "@storybook/react-native-web-vite": "9.0.0-alpha.11",
-  "@storybook/react-vite": "9.0.0-alpha.11",
-  "@storybook/react-webpack5": "9.0.0-alpha.11",
-  "@storybook/server-webpack5": "9.0.0-alpha.11",
-  "@storybook/svelte-vite": "9.0.0-alpha.11",
-  "@storybook/svelte-webpack5": "9.0.0-alpha.11",
-  "@storybook/sveltekit": "9.0.0-alpha.11",
-  "@storybook/vue3-vite": "9.0.0-alpha.11",
-  "@storybook/vue3-webpack5": "9.0.0-alpha.11",
-  "@storybook/web-components-vite": "9.0.0-alpha.11",
-  "@storybook/web-components-webpack5": "9.0.0-alpha.11",
-  "@storybook/blocks": "9.0.0-alpha.11",
-  sb: "9.0.0-alpha.11",
-  "@storybook/cli": "9.0.0-alpha.11",
-  "@storybook/codemod": "9.0.0-alpha.11",
-  "@storybook/core-webpack": "9.0.0-alpha.11",
-  "create-storybook": "9.0.0-alpha.11",
-  "@storybook/csf-plugin": "9.0.0-alpha.11",
-  "@storybook/react-dom-shim": "9.0.0-alpha.11",
-  "@storybook/source-loader": "9.0.0-alpha.11",
-  "@storybook/preset-create-react-app": "9.0.0-alpha.11",
-  "@storybook/preset-html-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-preact-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-react-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-server-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-svelte-webpack": "9.0.0-alpha.11",
-  "@storybook/preset-vue3-webpack": "9.0.0-alpha.11",
-  "@storybook/html": "9.0.0-alpha.11",
-  "@storybook/preact": "9.0.0-alpha.11",
-  "@storybook/react": "9.0.0-alpha.11",
-  "@storybook/server": "9.0.0-alpha.11",
-  "@storybook/svelte": "9.0.0-alpha.11",
-  "@storybook/vue3": "9.0.0-alpha.11",
-  "@storybook/web-components": "9.0.0-alpha.11"
+  "@storybook/addon-a11y": "9.0.0-alpha.13",
+  "@storybook/addon-docs": "9.0.0-alpha.13",
+  "@storybook/addon-mdx-gfm": "9.0.0-alpha.13",
+  "@storybook/addon-jest": "9.0.0-alpha.13",
+  "@storybook/addon-links": "9.0.0-alpha.13",
+  "@storybook/addon-onboarding": "9.0.0-alpha.13",
+  "@storybook/addon-storysource": "9.0.0-alpha.13",
+  "@storybook/addon-test": "9.0.0-alpha.13",
+  "@storybook/addon-themes": "9.0.0-alpha.13",
+  "@storybook/builder-vite": "9.0.0-alpha.13",
+  "@storybook/builder-webpack5": "9.0.0-alpha.13",
+  storybook: "9.0.0-alpha.13",
+  "@storybook/angular": "9.0.0-alpha.13",
+  "@storybook/ember": "9.0.0-alpha.13",
+  "@storybook/html-vite": "9.0.0-alpha.13",
+  "@storybook/nextjs": "9.0.0-alpha.13",
+  "@storybook/nextjs-vite": "9.0.0-alpha.13",
+  "@storybook/preact-vite": "9.0.0-alpha.13",
+  "@storybook/react-native-web-vite": "9.0.0-alpha.13",
+  "@storybook/react-vite": "9.0.0-alpha.13",
+  "@storybook/react-webpack5": "9.0.0-alpha.13",
+  "@storybook/server-webpack5": "9.0.0-alpha.13",
+  "@storybook/svelte-vite": "9.0.0-alpha.13",
+  "@storybook/svelte-webpack5": "9.0.0-alpha.13",
+  "@storybook/sveltekit": "9.0.0-alpha.13",
+  "@storybook/vue3-vite": "9.0.0-alpha.13",
+  "@storybook/web-components-vite": "9.0.0-alpha.13",
+  "@storybook/blocks": "9.0.0-alpha.13",
+  sb: "9.0.0-alpha.13",
+  "@storybook/cli": "9.0.0-alpha.13",
+  "@storybook/codemod": "9.0.0-alpha.13",
+  "@storybook/core-webpack": "9.0.0-alpha.13",
+  "create-storybook": "9.0.0-alpha.13",
+  "@storybook/csf-plugin": "9.0.0-alpha.13",
+  "@storybook/react-dom-shim": "9.0.0-alpha.13",
+  "@storybook/source-loader": "9.0.0-alpha.13",
+  "@storybook/preset-create-react-app": "9.0.0-alpha.13",
+  "@storybook/preset-react-webpack": "9.0.0-alpha.13",
+  "@storybook/preset-server-webpack": "9.0.0-alpha.13",
+  "@storybook/preset-svelte-webpack": "9.0.0-alpha.13",
+  "@storybook/html": "9.0.0-alpha.13",
+  "@storybook/preact": "9.0.0-alpha.13",
+  "@storybook/react": "9.0.0-alpha.13",
+  "@storybook/server": "9.0.0-alpha.13",
+  "@storybook/svelte": "9.0.0-alpha.13",
+  "@storybook/vue3": "9.0.0-alpha.13",
+  "@storybook/web-components": "9.0.0-alpha.13"
 };
 
 // src/bin/index.ts
@@ -105,7 +93,7 @@ else {
     o ? JSON.parse(p(o, "utf-8")).version === t["@storybook/cli"] && (a = ["node", k(b(o), "bin", "index.cjs"), ...e]) : a = ["npx", "--yes",
     `@storybook/cli@${t.storybook}`, ...e];
   }
-  a || (console.error("Could not run storybook cli, please report this as a bug"), process.exit(1)), y(a[0], a.slice(1), { stdio: "inherit",
+  a || (console.error("Could not run storybook cli, please report this as a bug"), process.exit(1)), i(a[0], a.slice(1), { stdio: "inherit",
   shell: !0 }).on("exit", (o) => {
     o != null && process.exit(o), process.exit(1);
   });