storybook 9.1.0-alpha.6 → 9.1.0-alpha.7

package/dist/outline/preview.js

@@ -1,486 +0,0 @@
-var E = Object.defineProperty;
-var p = (i, n) => E(i, "name", { value: n, configurable: !0 });
-
-// src/outline/preview.ts
-import { definePreviewAddon as k } from "storybook/internal/csf";
-
-// src/outline/constants.ts
-var x = "outline";
-
-// src/outline/withOutline.ts
-import { useEffect as c, useMemo as M } from "storybook/preview-api";
-
-// src/outline/helpers.ts
-import { global as $ } from "@storybook/global";
-var b = /* @__PURE__ */ p((i) => {
-  (Array.isArray(i) ? i : [i]).forEach(S);
-}, "clearStyles"), S = /* @__PURE__ */ p((i) => {
-  let n = typeof i == "string" ? i : i.join(""), o = $.document.getElementById(n);
-  o && o.parentElement && o.parentElement.removeChild(o);
-}, "clearStyle"), y = /* @__PURE__ */ p((i, n) => {
-  let o = $.document.getElementById(i);
-  if (o)
-    o.innerHTML !== n && (o.innerHTML = n);
-  else {
-    let t = $.document.createElement("style");
-    t.setAttribute("id", i), t.innerHTML = n, $.document.head.appendChild(t);
-  }
-}, "addOutlineStyles");
-
-// ../node_modules/ts-dedent/esm/index.js
-function h(i) {
-  for (var n = [], o = 1; o < arguments.length; o++)
-    n[o - 1] = arguments[o];
-  var t = Array.from(typeof i == "string" ? [i] : i);
-  t[t.length - 1] = t[t.length - 1].replace(/\r?\n([\t ]*)$/, "");
-  var m = t.reduce(function(a, s) {
-    var r = s.match(/\n([\t ]+|(?!\s).)/g);
-    return r ? a.concat(r.map(function(f) {
-      var l, u;
-      return (u = (l = f.match(/[\t ]/g)) === null || l === void 0 ? void 0 : l.length) !== null && u !== void 0 ? u : 0;
-    })) : a;
-  }, []);
-  if (m.length) {
-    var e = new RegExp(`
-[	 ]{` + Math.min.apply(Math, m) + "}", "g");
-    t = t.map(function(a) {
-      return a.replace(e, `
-`);
-    });
-  }
-  t[0] = t[0].replace(/^\r?\n/, "");
-  var d = t[0];
-  return n.forEach(function(a, s) {
-    var r = d.match(/(?:^|\n)( *)$/), f = r ? r[1] : "", l = a;
-    typeof a == "string" && a.includes(`
-`) && (l = String(a).split(`
-`).map(function(u, A) {
-      return A === 0 ? u : "" + f + u;
-    }).join(`
-`)), d += l + t[s + 1];
-  }), d;
-}
-p(h, "dedent");
-
-// src/outline/outlineCSS.ts
-function g(i) {
-  return h`
-    ${i} body {
-      outline: 1px solid #2980b9 !important;
-    }
-
-    ${i} article {
-      outline: 1px solid #3498db !important;
-    }
-
-    ${i} nav {
-      outline: 1px solid #0088c3 !important;
-    }
-
-    ${i} aside {
-      outline: 1px solid #33a0ce !important;
-    }
-
-    ${i} section {
-      outline: 1px solid #66b8da !important;
-    }
-
-    ${i} header {
-      outline: 1px solid #99cfe7 !important;
-    }
-
-    ${i} footer {
-      outline: 1px solid #cce7f3 !important;
-    }
-
-    ${i} h1 {
-      outline: 1px solid #162544 !important;
-    }
-
-    ${i} h2 {
-      outline: 1px solid #314e6e !important;
-    }
-
-    ${i} h3 {
-      outline: 1px solid #3e5e85 !important;
-    }
-
-    ${i} h4 {
-      outline: 1px solid #449baf !important;
-    }
-
-    ${i} h5 {
-      outline: 1px solid #c7d1cb !important;
-    }
-
-    ${i} h6 {
-      outline: 1px solid #4371d0 !important;
-    }
-
-    ${i} main {
-      outline: 1px solid #2f4f90 !important;
-    }
-
-    ${i} address {
-      outline: 1px solid #1a2c51 !important;
-    }
-
-    ${i} div {
-      outline: 1px solid #036cdb !important;
-    }
-
-    ${i} p {
-      outline: 1px solid #ac050b !important;
-    }
-
-    ${i} hr {
-      outline: 1px solid #ff063f !important;
-    }
-
-    ${i} pre {
-      outline: 1px solid #850440 !important;
-    }
-
-    ${i} blockquote {
-      outline: 1px solid #f1b8e7 !important;
-    }
-
-    ${i} ol {
-      outline: 1px solid #ff050c !important;
-    }
-
-    ${i} ul {
-      outline: 1px solid #d90416 !important;
-    }
-
-    ${i} li {
-      outline: 1px solid #d90416 !important;
-    }
-
-    ${i} dl {
-      outline: 1px solid #fd3427 !important;
-    }
-
-    ${i} dt {
-      outline: 1px solid #ff0043 !important;
-    }
-
-    ${i} dd {
-      outline: 1px solid #e80174 !important;
-    }
-
-    ${i} figure {
-      outline: 1px solid #ff00bb !important;
-    }
-
-    ${i} figcaption {
-      outline: 1px solid #bf0032 !important;
-    }
-
-    ${i} table {
-      outline: 1px solid #00cc99 !important;
-    }
-
-    ${i} caption {
-      outline: 1px solid #37ffc4 !important;
-    }
-
-    ${i} thead {
-      outline: 1px solid #98daca !important;
-    }
-
-    ${i} tbody {
-      outline: 1px solid #64a7a0 !important;
-    }
-
-    ${i} tfoot {
-      outline: 1px solid #22746b !important;
-    }
-
-    ${i} tr {
-      outline: 1px solid #86c0b2 !important;
-    }
-
-    ${i} th {
-      outline: 1px solid #a1e7d6 !important;
-    }
-
-    ${i} td {
-      outline: 1px solid #3f5a54 !important;
-    }
-
-    ${i} col {
-      outline: 1px solid #6c9a8f !important;
-    }
-
-    ${i} colgroup {
-      outline: 1px solid #6c9a9d !important;
-    }
-
-    ${i} button {
-      outline: 1px solid #da8301 !important;
-    }
-
-    ${i} datalist {
-      outline: 1px solid #c06000 !important;
-    }
-
-    ${i} fieldset {
-      outline: 1px solid #d95100 !important;
-    }
-
-    ${i} form {
-      outline: 1px solid #d23600 !important;
-    }
-
-    ${i} input {
-      outline: 1px solid #fca600 !important;
-    }
-
-    ${i} keygen {
-      outline: 1px solid #b31e00 !important;
-    }
-
-    ${i} label {
-      outline: 1px solid #ee8900 !important;
-    }
-
-    ${i} legend {
-      outline: 1px solid #de6d00 !important;
-    }
-
-    ${i} meter {
-      outline: 1px solid #e8630c !important;
-    }
-
-    ${i} optgroup {
-      outline: 1px solid #b33600 !important;
-    }
-
-    ${i} option {
-      outline: 1px solid #ff8a00 !important;
-    }
-
-    ${i} output {
-      outline: 1px solid #ff9619 !important;
-    }
-
-    ${i} progress {
-      outline: 1px solid #e57c00 !important;
-    }
-
-    ${i} select {
-      outline: 1px solid #e26e0f !important;
-    }
-
-    ${i} textarea {
-      outline: 1px solid #cc5400 !important;
-    }
-
-    ${i} details {
-      outline: 1px solid #33848f !important;
-    }
-
-    ${i} summary {
-      outline: 1px solid #60a1a6 !important;
-    }
-
-    ${i} command {
-      outline: 1px solid #438da1 !important;
-    }
-
-    ${i} menu {
-      outline: 1px solid #449da6 !important;
-    }
-
-    ${i} del {
-      outline: 1px solid #bf0000 !important;
-    }
-
-    ${i} ins {
-      outline: 1px solid #400000 !important;
-    }
-
-    ${i} img {
-      outline: 1px solid #22746b !important;
-    }
-
-    ${i} iframe {
-      outline: 1px solid #64a7a0 !important;
-    }
-
-    ${i} embed {
-      outline: 1px solid #98daca !important;
-    }
-
-    ${i} object {
-      outline: 1px solid #00cc99 !important;
-    }
-
-    ${i} param {
-      outline: 1px solid #37ffc4 !important;
-    }
-
-    ${i} video {
-      outline: 1px solid #6ee866 !important;
-    }
-
-    ${i} audio {
-      outline: 1px solid #027353 !important;
-    }
-
-    ${i} source {
-      outline: 1px solid #012426 !important;
-    }
-
-    ${i} canvas {
-      outline: 1px solid #a2f570 !important;
-    }
-
-    ${i} track {
-      outline: 1px solid #59a600 !important;
-    }
-
-    ${i} map {
-      outline: 1px solid #7be500 !important;
-    }
-
-    ${i} area {
-      outline: 1px solid #305900 !important;
-    }
-
-    ${i} a {
-      outline: 1px solid #ff62ab !important;
-    }
-
-    ${i} em {
-      outline: 1px solid #800b41 !important;
-    }
-
-    ${i} strong {
-      outline: 1px solid #ff1583 !important;
-    }
-
-    ${i} i {
-      outline: 1px solid #803156 !important;
-    }
-
-    ${i} b {
-      outline: 1px solid #cc1169 !important;
-    }
-
-    ${i} u {
-      outline: 1px solid #ff0430 !important;
-    }
-
-    ${i} s {
-      outline: 1px solid #f805e3 !important;
-    }
-
-    ${i} small {
-      outline: 1px solid #d107b2 !important;
-    }
-
-    ${i} abbr {
-      outline: 1px solid #4a0263 !important;
-    }
-
-    ${i} q {
-      outline: 1px solid #240018 !important;
-    }
-
-    ${i} cite {
-      outline: 1px solid #64003c !important;
-    }
-
-    ${i} dfn {
-      outline: 1px solid #b4005a !important;
-    }
-
-    ${i} sub {
-      outline: 1px solid #dba0c8 !important;
-    }
-
-    ${i} sup {
-      outline: 1px solid #cc0256 !important;
-    }
-
-    ${i} time {
-      outline: 1px solid #d6606d !important;
-    }
-
-    ${i} code {
-      outline: 1px solid #e04251 !important;
-    }
-
-    ${i} kbd {
-      outline: 1px solid #5e001f !important;
-    }
-
-    ${i} samp {
-      outline: 1px solid #9c0033 !important;
-    }
-
-    ${i} var {
-      outline: 1px solid #d90047 !important;
-    }
-
-    ${i} mark {
-      outline: 1px solid #ff0053 !important;
-    }
-
-    ${i} bdi {
-      outline: 1px solid #bf3668 !important;
-    }
-
-    ${i} bdo {
-      outline: 1px solid #6f1400 !important;
-    }
-
-    ${i} ruby {
-      outline: 1px solid #ff7b93 !important;
-    }
-
-    ${i} rt {
-      outline: 1px solid #ff2f54 !important;
-    }
-
-    ${i} rp {
-      outline: 1px solid #803e49 !important;
-    }
-
-    ${i} span {
-      outline: 1px solid #cc2643 !important;
-    }
-
-    ${i} br {
-      outline: 1px solid #db687d !important;
-    }
-
-    ${i} wbr {
-      outline: 1px solid #db175b !important;
-    }`;
-}
-p(g, "outlineCSS");
-
-// src/outline/withOutline.ts
-var v = /* @__PURE__ */ p((i, n) => {
-  let o = n.globals || {}, t = [!0, "true"].includes(o[x]), m = n.viewMode === "docs", e = M(() => g(m ? '[data-story-block="true"]' : ".sb-\
-show-main"), [n]);
-  return c(() => {
-    let d = m ? `addon-outline-docs-${n.id}` : "addon-outline";
-    return t ? y(d, e) : b(d), () => {
-      b(d);
-    };
-  }, [t, e, n]), i();
-}, "withOutline");
-
-// src/outline/preview.ts
-var O = globalThis.FEATURES?.outline ? [v] : [], T = {
-  [x]: !1
-}, z = /* @__PURE__ */ p(() => k({ decorators: O, initialGlobals: T }), "default");
-export {
-  O as decorators,
-  z as default,
-  T as initialGlobals
-};

package/dist/test/preview.cjs

@@ -1,73 +0,0 @@
-"use strict";
-var c = Object.defineProperty;
-var l = Object.getOwnPropertyDescriptor;
-var d = Object.getOwnPropertyNames;
-var b = Object.prototype.hasOwnProperty;
-var s = (t, e) => c(t, "name", { value: e, configurable: !0 });
-var u = (t, e) => {
-  for (var o in e)
-    c(t, o, { get: e[o], enumerable: !0 });
-}, g = (t, e, o, r) => {
-  if (e && typeof e == "object" || typeof e == "function")
-    for (let i of d(e))
-      !b.call(t, i) && i !== o && c(t, i, { get: () => e[i], enumerable: !(r = l(e, i)) || r.enumerable });
-  return t;
-};
-var k = (t) => g(c({}, "__esModule", { value: !0 }), t);
-
-// src/test/preview.ts
-var E = {};
-u(E, {
-  default: () => A,
-  traverseArgs: () => f
-});
-module.exports = k(E);
-var m = require("storybook/internal/csf"), p = require("storybook/internal/instrumenter"), n = require("storybook/test");
-var y = /* @__PURE__ */ s(({ parameters: t }) => {
-  t?.test?.mockReset === !0 ? (0, n.resetAllMocks)() : t?.test?.clearMocks === !0 ? (0, n.clearAllMocks)() : t?.test?.restoreMocks !== !1 &&
-  (0, n.restoreAllMocks)();
-}, "resetAllMocksLoader"), f = /* @__PURE__ */ s((t, e = 0, o) => {
-  if (e > 5 || t == null)
-    return t;
-  if ((0, n.isMockFunction)(t))
-    return o && t.mockName(o), t;
-  if (typeof t == "function" && "isAction" in t && t.isAction && !("implicit" in t && t.implicit)) {
-    let r = (0, n.fn)(t);
-    return o && r.mockName(o), r;
-  }
-  if (Array.isArray(t)) {
-    e++;
-    for (let r = 0; r < t.length; r++)
-      Object.getOwnPropertyDescriptor(t, r)?.writable && (t[r] = f(t[r], e));
-    return t;
-  }
-  if (typeof t == "object" && t.constructor === Object) {
-    e++;
-    for (let [r, i] of Object.entries(t))
-      Object.getOwnPropertyDescriptor(t, r)?.writable && (t[r] = f(i, e, r));
-    return t;
-  }
-  return t;
-}, "traverseArgs"), T = /* @__PURE__ */ s(({ initialArgs: t }) => {
-  f(t);
-}, "nameSpiesAndWrapActionsInSpies"), a = !1, w = /* @__PURE__ */ s(async (t) => {
-  if (globalThis.HTMLElement && t.canvasElement instanceof globalThis.HTMLElement && (t.canvas = (0, n.within)(t.canvasElement)), globalThis.
-  window?.navigator?.clipboard) {
-    t.userEvent = (0, p.instrument)(
-      { userEvent: n.uninstrumentedUserEvent.setup() },
-      { intercept: !0 }
-    ).userEvent;
-    let e = HTMLElement.prototype.focus;
-    a || Object.defineProperties(HTMLElement.prototype, {
-      focus: {
-        configurable: !0,
-        set: /* @__PURE__ */ s((o) => {
-          e = o, a = !0;
-        }, "set"),
-        get: /* @__PURE__ */ s(() => e, "get")
-      }
-    });
-  }
-}, "enhanceContext"), A = /* @__PURE__ */ s(() => (0, m.definePreviewAddon)({
-  loaders: [y, T, w]
-}), "default");

package/dist/test/preview.d.ts

@@ -1,17 +0,0 @@
-import * as storybook_internal_csf from 'storybook/internal/csf';
-
-declare const traverseArgs: (value: unknown, depth?: number, key?: string) => unknown;
-interface TestParameters {
-    test?: {
-        /** Ignore unhandled errors during test execution */
-        dangerouslyIgnoreUnhandledErrors?: boolean;
-        /** Whether to throw exceptions coming from the play function */
-        throwPlayFunctionExceptions?: boolean;
-    };
-}
-interface TestTypes {
-    parameters: TestParameters;
-}
-declare const _default: () => storybook_internal_csf.PreviewAddon<TestTypes>;
-
-export { type TestTypes, _default as default, traverseArgs };

package/dist/test/preview.js

@@ -1,66 +0,0 @@
-var f = Object.defineProperty;
-var n = (t, r) => f(t, "name", { value: r, configurable: !0 });
-
-// src/test/preview.ts
-import { definePreviewAddon as a } from "storybook/internal/csf";
-import { instrument as m } from "storybook/internal/instrumenter";
-import {
-  clearAllMocks as p,
-  fn as l,
-  isMockFunction as d,
-  resetAllMocks as b,
-  restoreAllMocks as u,
-  uninstrumentedUserEvent as g,
-  within as k
-} from "storybook/test";
-var y = /* @__PURE__ */ n(({ parameters: t }) => {
-  t?.test?.mockReset === !0 ? b() : t?.test?.clearMocks === !0 ? p() : t?.test?.restoreMocks !== !1 && u();
-}, "resetAllMocksLoader"), s = /* @__PURE__ */ n((t, r = 0, o) => {
-  if (r > 5 || t == null)
-    return t;
-  if (d(t))
-    return o && t.mockName(o), t;
-  if (typeof t == "function" && "isAction" in t && t.isAction && !("implicit" in t && t.implicit)) {
-    let e = l(t);
-    return o && e.mockName(o), e;
-  }
-  if (Array.isArray(t)) {
-    r++;
-    for (let e = 0; e < t.length; e++)
-      Object.getOwnPropertyDescriptor(t, e)?.writable && (t[e] = s(t[e], r));
-    return t;
-  }
-  if (typeof t == "object" && t.constructor === Object) {
-    r++;
-    for (let [e, c] of Object.entries(t))
-      Object.getOwnPropertyDescriptor(t, e)?.writable && (t[e] = s(c, r, e));
-    return t;
-  }
-  return t;
-}, "traverseArgs"), T = /* @__PURE__ */ n(({ initialArgs: t }) => {
-  s(t);
-}, "nameSpiesAndWrapActionsInSpies"), i = !1, w = /* @__PURE__ */ n(async (t) => {
-  if (globalThis.HTMLElement && t.canvasElement instanceof globalThis.HTMLElement && (t.canvas = k(t.canvasElement)), globalThis.window?.navigator?.
-  clipboard) {
-    t.userEvent = m(
-      { userEvent: g.setup() },
-      { intercept: !0 }
-    ).userEvent;
-    let r = HTMLElement.prototype.focus;
-    i || Object.defineProperties(HTMLElement.prototype, {
-      focus: {
-        configurable: !0,
-        set: /* @__PURE__ */ n((o) => {
-          r = o, i = !0;
-        }, "set"),
-        get: /* @__PURE__ */ n(() => r, "get")
-      }
-    });
-  }
-}, "enhanceContext"), F = /* @__PURE__ */ n(() => a({
-  loaders: [y, T, w]
-}), "default");
-export {
-  F as default,
-  s as traverseArgs
-};

package/dist/viewport/preview.cjs

@@ -1,35 +0,0 @@
-"use strict";
-var r = Object.defineProperty;
-var f = Object.getOwnPropertyDescriptor;
-var x = Object.getOwnPropertyNames;
-var y = Object.prototype.hasOwnProperty;
-var s = (t, o) => r(t, "name", { value: o, configurable: !0 });
-var A = (t, o) => {
-  for (var p in o)
-    r(t, p, { get: o[p], enumerable: !0 });
-}, c = (t, o, p, i) => {
-  if (o && typeof o == "object" || typeof o == "function")
-    for (let e of x(o))
-      !y.call(t, e) && e !== p && r(t, e, { get: () => o[e], enumerable: !(i = f(o, e)) || i.enumerable });
-  return t;
-};
-var m = (t) => c(r({}, "__esModule", { value: !0 }), t);
-
-// src/viewport/preview.ts
-var D = {};
-A(D, {
-  default: () => w,
-  initialGlobals: () => d
-});
-module.exports = m(D);
-var a = require("storybook/internal/csf");
-
-// src/viewport/constants.ts
-var l = "storybook/viewport", n = "viewport", b = `${l}/panel`, v = `${l}/tool`;
-
-// src/viewport/preview.ts
-var d = {
-  [n]: { value: void 0, isRotated: !1 }
-}, w = /* @__PURE__ */ s(() => (0, a.definePreviewAddon)({
-  initialGlobals: d
-}), "default");