storybook 9.1.0-alpha.6 → 9.1.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/assets/browser/favicon-wrapper.svg +46 -0
  2. package/assets/browser/favicon.svg +1 -1
  3. package/dist/bin/index.cjs +43 -43
  4. package/dist/bin/index.js +43 -43
  5. package/dist/cli/bin/index.cjs +513 -513
  6. package/dist/cli/bin/index.js +535 -535
  7. package/dist/cli/index.cjs +2454 -2453
  8. package/dist/cli/index.d.ts +10 -3
  9. package/dist/cli/index.js +2436 -2435
  10. package/dist/common/index.cjs +64 -61
  11. package/dist/common/index.d.ts +9 -3
  12. package/dist/common/index.js +64 -61
  13. package/dist/components/index.cjs +4602 -4427
  14. package/dist/components/index.d.ts +9 -11
  15. package/dist/components/index.js +2760 -2580
  16. package/dist/core-server/index.cjs +5833 -5819
  17. package/dist/core-server/index.d.ts +4 -1
  18. package/dist/core-server/index.js +4848 -4835
  19. package/dist/core-server/presets/common-manager.js +3410 -3332
  20. package/dist/core-server/presets/common-preset.cjs +1831 -1837
  21. package/dist/core-server/presets/common-preset.js +1787 -1792
  22. package/dist/csf/index.cjs +2536 -736
  23. package/dist/csf/index.d.ts +250 -9
  24. package/dist/csf/index.js +2558 -749
  25. package/dist/csf-tools/index.cjs +319 -321
  26. package/dist/csf-tools/index.js +239 -241
  27. package/dist/instrumenter/index.cjs +1150 -1099
  28. package/dist/instrumenter/index.d.ts +1 -0
  29. package/dist/instrumenter/index.js +1261 -1214
  30. package/dist/manager/globals-module-info.cjs +0 -1
  31. package/dist/manager/globals-module-info.js +0 -1
  32. package/dist/manager/globals-runtime.js +21740 -24218
  33. package/dist/manager/runtime.js +3715 -3536
  34. package/dist/manager-api/index.cjs +3 -3
  35. package/dist/manager-api/index.d.ts +4 -1
  36. package/dist/manager-api/index.js +3 -3
  37. package/dist/node-logger/index.cjs +1620 -1620
  38. package/dist/node-logger/index.js +1619 -1619
  39. package/dist/preview/runtime.js +13337 -16032
  40. package/dist/preview-api/index.cjs +273 -271
  41. package/dist/preview-api/index.d.ts +4 -1
  42. package/dist/preview-api/index.js +14 -12
  43. package/dist/telemetry/index.cjs +500 -500
  44. package/dist/telemetry/index.d.ts +1 -1
  45. package/dist/telemetry/index.js +478 -478
  46. package/dist/test/index.cjs +9136 -9815
  47. package/dist/test/index.js +8339 -9025
  48. package/dist/types/index.d.ts +12 -12
  49. package/package.json +5 -196
  50. package/dist/actions/preview.cjs +0 -159
  51. package/dist/actions/preview.d.ts +0 -45
  52. package/dist/actions/preview.js +0 -149
  53. package/dist/backgrounds/index.cjs +0 -16
  54. package/dist/backgrounds/index.d.ts +0 -2
  55. package/dist/backgrounds/index.js +0 -0
  56. package/dist/backgrounds/preview.cjs +0 -143
  57. package/dist/backgrounds/preview.d.ts +0 -53
  58. package/dist/backgrounds/preview.js +0 -127
  59. package/dist/component-testing/index.cjs +0 -23
  60. package/dist/component-testing/index.d.ts +0 -3
  61. package/dist/component-testing/index.js +0 -5
  62. package/dist/component-testing/preview.cjs +0 -40
  63. package/dist/component-testing/preview.d.ts +0 -5
  64. package/dist/component-testing/preview.js +0 -25
  65. package/dist/controls/preview.cjs +0 -26
  66. package/dist/controls/preview.d.ts +0 -43
  67. package/dist/controls/preview.js +0 -9
  68. package/dist/highlight/preview.cjs +0 -590
  69. package/dist/highlight/preview.d.ts +0 -20
  70. package/dist/highlight/preview.js +0 -575
  71. package/dist/measure/index.cjs +0 -16
  72. package/dist/measure/index.d.ts +0 -2
  73. package/dist/measure/index.js +0 -0
  74. package/dist/measure/preview.cjs +0 -466
  75. package/dist/measure/preview.d.ts +0 -25
  76. package/dist/measure/preview.js +0 -450
  77. package/dist/outline/index.cjs +0 -16
  78. package/dist/outline/index.d.ts +0 -2
  79. package/dist/outline/index.js +0 -0
  80. package/dist/outline/preview.cjs +0 -518
  81. package/dist/outline/preview.d.ts +0 -25
  82. package/dist/outline/preview.js +0 -486
  83. package/dist/test/preview.cjs +0 -73
  84. package/dist/test/preview.d.ts +0 -17
  85. package/dist/test/preview.js +0 -66
  86. package/dist/viewport/preview.cjs +0 -35
  87. package/dist/viewport/preview.d.ts +0 -62
  88. package/dist/viewport/preview.js +0 -19
@@ -1,149 +0,0 @@
1
- var h = Object.defineProperty;
2
- var n = (t, e) => h(t, "name", { value: e, configurable: !0 });
3
- var x = (t, e) => {
4
- for (var o in e)
5
- h(t, o, { get: e[o], enumerable: !0 });
6
- };
7
-
8
- // src/actions/preview.ts
9
- import { definePreviewAddon as L } from "storybook/internal/csf";
10
-
11
- // src/actions/addArgs.ts
12
- var l = {};
13
- x(l, {
14
- argsEnhancers: () => F
15
- });
16
-
17
- // src/actions/runtime/action.ts
18
- import { ImplicitActionsDuringRendering as I } from "storybook/internal/preview-errors";
19
- import { global as R } from "@storybook/global";
20
- import { addons as j } from "storybook/preview-api";
21
-
22
- // src/actions/constants.ts
23
- var m = "storybook/actions", Y = `${m}/panel`, b = `${m}/action-event`, $ = `${m}/action-clear`;
24
-
25
- // src/actions/runtime/configureActions.ts
26
- var E = {
27
- depth: 10,
28
- clearOnStoryChange: !0,
29
- limit: 50
30
- };
31
-
32
- // src/actions/runtime/action.ts
33
- var O = /* @__PURE__ */ n((t, e) => {
34
- let o = Object.getPrototypeOf(t);
35
- return !o || e(o) ? o : O(o, e);
36
- }, "findProto"), P = /* @__PURE__ */ n((t) => !!(typeof t == "object" && t && O(t, (e) => /^Synthetic(?:Base)?Event$/.test(e.constructor.name)) &&
37
- typeof t.persist == "function"), "isReactSyntheticEvent"), S = /* @__PURE__ */ n((t) => {
38
- if (P(t)) {
39
- let e = Object.create(
40
- t.constructor.prototype,
41
- Object.getOwnPropertyDescriptors(t)
42
- );
43
- e.persist();
44
- let o = Object.getOwnPropertyDescriptor(e, "view"), r = o?.value;
45
- return typeof r == "object" && r?.constructor.name === "Window" && Object.defineProperty(e, "view", {
46
- ...o,
47
- value: Object.create(r.constructor.prototype)
48
- }), e;
49
- }
50
- return t;
51
- }, "serializeArg");
52
- function y(t, e = {}) {
53
- let o = {
54
- ...E,
55
- ...e
56
- }, r = /* @__PURE__ */ n(function(...s) {
57
- if (e.implicit) {
58
- let u = ("__STORYBOOK_PREVIEW__" in R ? R.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
59
- (d) => d.phase === "playing" || d.phase === "rendering"
60
- );
61
- if (u) {
62
- let d = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, A = new I({
63
- phase: u.phase,
64
- name: t,
65
- deprecated: d
66
- });
67
- if (d)
68
- console.warn(A);
69
- else
70
- throw A;
71
- }
72
- }
73
- let p = j.getChannel(), c = Date.now().toString(36) + Math.random().toString(36).substring(2), a = 5, g = s.map(S), D = s.length > 1 ? g :
74
- g[0], k = {
75
- id: c,
76
- count: 0,
77
- data: { name: t, args: D },
78
- options: {
79
- ...o,
80
- maxDepth: a + (o.depth || 3)
81
- }
82
- };
83
- p.emit(b, k);
84
- }, "actionHandler");
85
- return r.isAction = !0, r.implicit = e.implicit, r;
86
- }
87
- n(y, "action");
88
-
89
- // src/actions/addArgsHelpers.ts
90
- var T = /* @__PURE__ */ n((t, e) => typeof e[t] > "u" && !(t in e), "isInInitialArgs"), w = /* @__PURE__ */ n((t) => {
91
- let {
92
- initialArgs: e,
93
- argTypes: o,
94
- id: r,
95
- parameters: { actions: i }
96
- } = t;
97
- if (!i || i.disable || !i.argTypesRegex || !o)
98
- return {};
99
- let s = new RegExp(i.argTypesRegex);
100
- return Object.entries(o).filter(
101
- ([c]) => !!s.test(c)
102
- ).reduce((c, [a, g]) => (T(a, e) && (c[a] = y(a, { implicit: !0, id: r })), c), {});
103
- }, "inferActionsFromArgTypesRegex"), v = /* @__PURE__ */ n((t) => {
104
- let {
105
- initialArgs: e,
106
- argTypes: o,
107
- parameters: { actions: r }
108
- } = t;
109
- return r?.disable || !o ? {} : Object.entries(o).filter(([s, p]) => !!p.action).reduce((s, [p, c]) => (T(p, e) && (s[p] = y(typeof c.action ==
110
- "string" ? c.action : p)), s), {});
111
- }, "addActionsFromArgTypes");
112
-
113
- // src/actions/addArgs.ts
114
- var F = [
115
- v,
116
- w
117
- ];
118
-
119
- // src/actions/loaders.ts
120
- var f = {};
121
- x(f, {
122
- loaders: () => M
123
- });
124
- import { onMockCall as C } from "storybook/test";
125
- var _ = !1, W = /* @__PURE__ */ n((t) => {
126
- let { parameters: e } = t;
127
- e?.actions?.disable || _ || (C((o, r) => {
128
- let i = o.getMockName();
129
- i !== "spy" && (!/^next\/.*::/.test(i) || [
130
- "next/router::useRouter()",
131
- "next/navigation::useRouter()",
132
- "next/navigation::redirect",
133
- "next/cache::",
134
- "next/headers::cookies().set",
135
- "next/headers::cookies().delete",
136
- "next/headers::headers().set",
137
- "next/headers::headers().delete"
138
- ].some((s) => i.startsWith(s))) && y(i)(r);
139
- }), _ = !0);
140
- }, "logActionsWhenMockCalled"), M = [W];
141
-
142
- // src/actions/preview.ts
143
- var ct = /* @__PURE__ */ n(() => L({
144
- ...l,
145
- ...f
146
- }), "default");
147
- export {
148
- ct as default
149
- };
@@ -1,16 +0,0 @@
1
- "use strict";
2
- var t = Object.defineProperty;
3
- var a = Object.getOwnPropertyDescriptor;
4
- var b = Object.getOwnPropertyNames;
5
- var c = Object.prototype.hasOwnProperty;
6
- var d = (o, e, x, r) => {
7
- if (e && typeof e == "object" || typeof e == "function")
8
- for (let p of b(e))
9
- !c.call(o, p) && p !== x && t(o, p, { get: () => e[p], enumerable: !(r = a(e, p)) || r.enumerable });
10
- return o;
11
- };
12
- var f = (o) => d(t({}, "__esModule", { value: !0 }), o);
13
-
14
- // src/backgrounds/index.ts
15
- var g = {};
16
- module.exports = f(g);
@@ -1,2 +0,0 @@
1
-
2
- export { }
File without changes
@@ -1,143 +0,0 @@
1
- "use strict";
2
- var b = Object.defineProperty;
3
- var U = Object.getOwnPropertyDescriptor;
4
- var z = Object.getOwnPropertyNames;
5
- var Y = Object.prototype.hasOwnProperty;
6
- var s = (t, e) => b(t, "name", { value: e, configurable: !0 });
7
- var j = (t, e) => {
8
- for (var n in e)
9
- b(t, n, { get: e[n], enumerable: !0 });
10
- }, V = (t, e, n, o) => {
11
- if (e && typeof e == "object" || typeof e == "function")
12
- for (let r of z(e))
13
- !Y.call(t, r) && r !== n && b(t, r, { get: () => e[r], enumerable: !(o = U(e, r)) || o.enumerable });
14
- return t;
15
- };
16
- var X = (t) => V(b({}, "__esModule", { value: !0 }), t);
17
-
18
- // src/backgrounds/preview.ts
19
- var oe = {};
20
- j(oe, {
21
- default: () => re
22
- });
23
- module.exports = X(oe);
24
- var I = require("storybook/internal/csf");
25
-
26
- // src/backgrounds/constants.ts
27
- var q = "storybook/background", c = "backgrounds";
28
- var ae = {
29
- UPDATE: `${q}/update`
30
- };
31
-
32
- // src/backgrounds/decorator.ts
33
- var E = require("storybook/preview-api");
34
-
35
- // src/backgrounds/defaults.ts
36
- var P = {
37
- light: { name: "light", value: "#F8F8F8" },
38
- dark: { name: "dark", value: "#333" }
39
- };
40
-
41
- // src/backgrounds/utils.ts
42
- var { document: a } = globalThis, _ = /* @__PURE__ */ s(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: red\
43
- uce)")?.matches : !1, "isReduceMotionEnabled"), S = /* @__PURE__ */ s((t) => {
44
- (Array.isArray(t) ? t : [t]).forEach(J);
45
- }, "clearStyles"), J = /* @__PURE__ */ s((t) => {
46
- if (!a)
47
- return;
48
- let e = a.getElementById(t);
49
- e && e.parentElement && e.parentElement.removeChild(e);
50
- }, "clearStyle"), L = /* @__PURE__ */ s((t, e) => {
51
- if (!a)
52
- return;
53
- let n = a.getElementById(t);
54
- if (n)
55
- n.innerHTML !== e && (n.innerHTML = e);
56
- else {
57
- let o = a.createElement("style");
58
- o.setAttribute("id", t), o.innerHTML = e, a.head.appendChild(o);
59
- }
60
- }, "addGridStyle"), v = /* @__PURE__ */ s((t, e, n) => {
61
- if (!a)
62
- return;
63
- let o = a.getElementById(t);
64
- if (o)
65
- o.innerHTML !== e && (o.innerHTML = e);
66
- else {
67
- let r = a.createElement("style");
68
- r.setAttribute("id", t), r.innerHTML = e;
69
- let d = `addon-backgrounds-grid${n ? `-docs-${n}` : ""}`, l = a.getElementById(d);
70
- l ? l.parentElement?.insertBefore(r, l) : a.head.appendChild(r);
71
- }
72
- }, "addBackgroundStyle");
73
-
74
- // src/backgrounds/decorator.ts
75
- var Q = {
76
- cellSize: 100,
77
- cellAmount: 10,
78
- opacity: 0.8
79
- }, C = "addon-backgrounds", w = "addon-backgrounds-grid", W = _() ? "" : "transition: background-color 0.3s;", F = /* @__PURE__ */ s((t, e) => {
80
- let { globals: n = {}, parameters: o = {}, viewMode: r, id: d } = e, {
81
- options: l = P,
82
- disable: N,
83
- grid: H = Q
84
- } = o[c] || {}, p = n[c] || {}, A = typeof p == "string" ? p : p?.value, y = A ? l[A] : void 0, B = typeof y == "string" ? y : y?.value ||
85
- "transparent", h = typeof p == "string" ? !1 : p.grid || !1, T = !!y && !N, M = r === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-mai\
86
- n", G = r === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-main", K = o.layout === void 0 || o.layout === "padded", R = r === "docs" ? 20 :
87
- K ? 16 : 0, { cellAmount: g, cellSize: i, opacity: u, offsetX: m = R, offsetY: f = R } = H, x = r === "docs" ? `${C}-docs-${d}` : `${C}-co\
88
- lor`, D = r === "docs" ? d : null;
89
- (0, E.useEffect)(() => {
90
- let $ = `
91
- ${M} {
92
- background: ${B} !important;
93
- ${W}
94
- }`;
95
- if (!T) {
96
- S(x);
97
- return;
98
- }
99
- v(x, $, D);
100
- }, [M, x, D, T, B]);
101
- let k = r === "docs" ? `${w}-docs-${d}` : `${w}`;
102
- return (0, E.useEffect)(() => {
103
- if (!h) {
104
- S(k);
105
- return;
106
- }
107
- let $ = [
108
- `${i * g}px ${i * g}px`,
109
- `${i * g}px ${i * g}px`,
110
- `${i}px ${i}px`,
111
- `${i}px ${i}px`
112
- ].join(", "), O = `
113
- ${G} {
114
- background-size: ${$} !important;
115
- background-position: ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px !important;
116
- background-blend-mode: difference !important;
117
- background-image: linear-gradient(rgba(130, 130, 130, ${u}) 1px, transparent 1px),
118
- linear-gradient(90deg, rgba(130, 130, 130, ${u}) 1px, transparent 1px),
119
- linear-gradient(rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px),
120
- linear-gradient(90deg, rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px) !important;
121
- }
122
- `;
123
- L(k, O);
124
- }, [g, i, G, k, h, m, f, u]), t();
125
- }, "withBackgroundAndGrid");
126
-
127
- // src/backgrounds/preview.ts
128
- var Z = globalThis.FEATURES?.backgrounds ? [F] : [], ee = {
129
- [c]: {
130
- grid: {
131
- cellSize: 20,
132
- opacity: 0.5,
133
- cellAmount: 5
134
- },
135
- disable: !1
136
- }
137
- }, te = {
138
- [c]: { value: void 0, grid: !1 }
139
- }, re = /* @__PURE__ */ s(() => (0, I.definePreviewAddon)({
140
- decorators: Z,
141
- parameters: ee,
142
- initialGlobals: te
143
- }), "default");
@@ -1,53 +0,0 @@
1
- import * as storybook_internal_csf from 'storybook/internal/csf';
2
-
3
- declare const PARAM_KEY = "backgrounds";
4
-
5
- interface Background {
6
- name: string;
7
- value: string;
8
- }
9
- type BackgroundMap = Record<string, Background>;
10
- interface GridConfig {
11
- cellAmount: number;
12
- cellSize: number;
13
- opacity: number;
14
- offsetX?: number;
15
- offsetY?: number;
16
- }
17
- type GlobalState = {
18
- value: string | undefined;
19
- grid?: boolean;
20
- };
21
- interface BackgroundsParameters {
22
- /**
23
- * Backgrounds configuration
24
- *
25
- * @see https://storybook.js.org/docs/essentials/backgrounds#parameters
26
- */
27
- backgrounds?: {
28
- /** Default background color */
29
- default?: string;
30
- /** Remove the addon panel and disable the addon's behavior */
31
- disable?: boolean;
32
- /** Configuration for the background grid */
33
- grid?: GridConfig;
34
- /** Available background colors */
35
- options?: BackgroundMap;
36
- };
37
- }
38
- interface BackgroundsGlobals {
39
- /**
40
- * Backgrounds configuration
41
- *
42
- * @see https://storybook.js.org/docs/essentials/backgrounds#globals
43
- */
44
- [PARAM_KEY]?: GlobalState | GlobalState['value'];
45
- }
46
- interface BackgroundTypes {
47
- parameters: BackgroundsParameters;
48
- globals: BackgroundsGlobals;
49
- }
50
-
51
- declare const _default: () => storybook_internal_csf.PreviewAddon<BackgroundTypes>;
52
-
53
- export { type BackgroundTypes, _default as default };
@@ -1,127 +0,0 @@
1
- var K = Object.defineProperty;
2
- var a = (t, e) => K(t, "name", { value: e, configurable: !0 });
3
-
4
- // src/backgrounds/preview.ts
5
- import { definePreviewAddon as j } from "storybook/internal/csf";
6
-
7
- // src/backgrounds/constants.ts
8
- var O = "storybook/background", c = "backgrounds";
9
- var Q = {
10
- UPDATE: `${O}/update`
11
- };
12
-
13
- // src/backgrounds/decorator.ts
14
- import { useEffect as L } from "storybook/preview-api";
15
-
16
- // src/backgrounds/defaults.ts
17
- var R = {
18
- light: { name: "light", value: "#F8F8F8" },
19
- dark: { name: "dark", value: "#333" }
20
- };
21
-
22
- // src/backgrounds/utils.ts
23
- var { document: n } = globalThis, D = /* @__PURE__ */ a(() => globalThis?.matchMedia ? !!globalThis.matchMedia("(prefers-reduced-motion: red\
24
- uce)")?.matches : !1, "isReduceMotionEnabled"), $ = /* @__PURE__ */ a((t) => {
25
- (Array.isArray(t) ? t : [t]).forEach(U);
26
- }, "clearStyles"), U = /* @__PURE__ */ a((t) => {
27
- if (!n)
28
- return;
29
- let e = n.getElementById(t);
30
- e && e.parentElement && e.parentElement.removeChild(e);
31
- }, "clearStyle"), P = /* @__PURE__ */ a((t, e) => {
32
- if (!n)
33
- return;
34
- let i = n.getElementById(t);
35
- if (i)
36
- i.innerHTML !== e && (i.innerHTML = e);
37
- else {
38
- let r = n.createElement("style");
39
- r.setAttribute("id", t), r.innerHTML = e, n.head.appendChild(r);
40
- }
41
- }, "addGridStyle"), _ = /* @__PURE__ */ a((t, e, i) => {
42
- if (!n)
43
- return;
44
- let r = n.getElementById(t);
45
- if (r)
46
- r.innerHTML !== e && (r.innerHTML = e);
47
- else {
48
- let o = n.createElement("style");
49
- o.setAttribute("id", t), o.innerHTML = e;
50
- let d = `addon-backgrounds-grid${i ? `-docs-${i}` : ""}`, l = n.getElementById(d);
51
- l ? l.parentElement?.insertBefore(o, l) : n.head.appendChild(o);
52
- }
53
- }, "addBackgroundStyle");
54
-
55
- // src/backgrounds/decorator.ts
56
- var z = {
57
- cellSize: 100,
58
- cellAmount: 10,
59
- opacity: 0.8
60
- }, v = "addon-backgrounds", C = "addon-backgrounds-grid", Y = D() ? "" : "transition: background-color 0.3s;", w = /* @__PURE__ */ a((t, e) => {
61
- let { globals: i = {}, parameters: r = {}, viewMode: o, id: d } = e, {
62
- options: l = R,
63
- disable: F,
64
- grid: I = z
65
- } = 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 ||
66
- "transparent", A = typeof p == "string" ? !1 : p.grid || !1, B = !!y && !F, h = o === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-mai\
67
- n", T = o === "docs" ? `#anchor--${d} .docs-story` : ".sb-show-main", N = r.layout === void 0 || r.layout === "padded", M = o === "docs" ? 20 :
68
- N ? 16 : 0, { cellAmount: g, cellSize: s, opacity: u, offsetX: m = M, offsetY: f = M } = I, b = o === "docs" ? `${v}-docs-${d}` : `${v}-co\
69
- lor`, G = o === "docs" ? d : null;
70
- L(() => {
71
- let k = `
72
- ${h} {
73
- background: ${E} !important;
74
- ${Y}
75
- }`;
76
- if (!B) {
77
- $(b);
78
- return;
79
- }
80
- _(b, k, G);
81
- }, [h, b, G, B, E]);
82
- let x = o === "docs" ? `${C}-docs-${d}` : `${C}`;
83
- return L(() => {
84
- if (!A) {
85
- $(x);
86
- return;
87
- }
88
- let k = [
89
- `${s * g}px ${s * g}px`,
90
- `${s * g}px ${s * g}px`,
91
- `${s}px ${s}px`,
92
- `${s}px ${s}px`
93
- ].join(", "), H = `
94
- ${T} {
95
- background-size: ${k} !important;
96
- background-position: ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px, ${m}px ${f}px !important;
97
- background-blend-mode: difference !important;
98
- background-image: linear-gradient(rgba(130, 130, 130, ${u}) 1px, transparent 1px),
99
- linear-gradient(90deg, rgba(130, 130, 130, ${u}) 1px, transparent 1px),
100
- linear-gradient(rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px),
101
- linear-gradient(90deg, rgba(130, 130, 130, ${u / 2}) 1px, transparent 1px) !important;
102
- }
103
- `;
104
- P(x, H);
105
- }, [g, s, T, x, A, m, f, u]), t();
106
- }, "withBackgroundAndGrid");
107
-
108
- // src/backgrounds/preview.ts
109
- var V = globalThis.FEATURES?.backgrounds ? [w] : [], X = {
110
- [c]: {
111
- grid: {
112
- cellSize: 20,
113
- opacity: 0.5,
114
- cellAmount: 5
115
- },
116
- disable: !1
117
- }
118
- }, q = {
119
- [c]: { value: void 0, grid: !1 }
120
- }, pe = /* @__PURE__ */ a(() => j({
121
- decorators: V,
122
- parameters: X,
123
- initialGlobals: q
124
- }), "default");
125
- export {
126
- pe as default
127
- };
@@ -1,23 +0,0 @@
1
- "use strict";
2
- var f = Object.defineProperty;
3
- var o = Object.getOwnPropertyDescriptor;
4
- var p = Object.getOwnPropertyNames;
5
- var r = Object.prototype.hasOwnProperty;
6
- var u = (t, e) => {
7
- for (var d in e)
8
- f(t, d, { get: e[d], enumerable: !0 });
9
- }, x = (t, e, d, l) => {
10
- if (e && typeof e == "object" || typeof e == "function")
11
- for (let a of p(e))
12
- !r.call(t, a) && a !== d && f(t, a, { get: () => e[a], enumerable: !(l = o(e, a)) || l.enumerable });
13
- return t;
14
- };
15
- var b = (t) => x(f({}, "__esModule", { value: !0 }), t);
16
-
17
- // src/component-testing/index.ts
18
- var g = {};
19
- u(g, {
20
- default: () => c
21
- });
22
- module.exports = b(g);
23
- var c = {};
@@ -1,3 +0,0 @@
1
- declare const _default: {};
2
-
3
- export { _default as default };
@@ -1,5 +0,0 @@
1
- // src/component-testing/index.ts
2
- var e = {};
3
- export {
4
- e as default
5
- };
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var r = Object.defineProperty;
3
- var s = Object.getOwnPropertyDescriptor;
4
- var y = Object.getOwnPropertyNames;
5
- var m = Object.prototype.hasOwnProperty;
6
- var p = (e, t) => r(e, "name", { value: t, configurable: !0 });
7
- var c = (e, t) => {
8
- for (var o in t)
9
- r(e, o, { get: t[o], enumerable: !0 });
10
- }, u = (e, t, o, a) => {
11
- if (t && typeof t == "object" || typeof t == "function")
12
- for (let n of y(t))
13
- !m.call(e, n) && n !== o && r(e, n, { get: () => t[n], enumerable: !(a = s(t, n)) || a.enumerable });
14
- return e;
15
- };
16
- var f = (e) => u(r({}, "__esModule", { value: !0 }), e);
17
-
18
- // src/component-testing/preview.ts
19
- var d = {};
20
- c(d, {
21
- default: () => b
22
- });
23
- module.exports = f(d);
24
- var i = require("storybook/internal/csf"), l = require("storybook/internal/instrumenter");
25
- var { step: S } = (0, l.instrument)(
26
- {
27
- // It seems like the label is unused, but the instrumenter has access to it
28
- // The context will be bounded later in StoryRender, so that the user can write just:
29
- // await step("label", (context) => {
30
- // // labeled step
31
- // });
32
- step: /* @__PURE__ */ p(async (e, t, o) => t(o), "step")
33
- },
34
- { intercept: !0 }
35
- ), b = /* @__PURE__ */ p(() => (0, i.definePreviewAddon)({
36
- parameters: {
37
- throwPlayFunctionExceptions: !1
38
- },
39
- runStep: S
40
- }), "default");
@@ -1,5 +0,0 @@
1
- import * as storybook_internal_csf from 'storybook/internal/csf';
2
-
3
- declare const _default: () => storybook_internal_csf.PreviewAddon<storybook_internal_csf.AddonTypes>;
4
-
5
- export { _default as default };
@@ -1,25 +0,0 @@
1
- var r = Object.defineProperty;
2
- var e = (o, t) => r(o, "name", { value: t, configurable: !0 });
3
-
4
- // src/component-testing/preview.ts
5
- import { definePreviewAddon as p } from "storybook/internal/csf";
6
- import { instrument as a } from "storybook/internal/instrumenter";
7
- var { step: i } = a(
8
- {
9
- // It seems like the label is unused, but the instrumenter has access to it
10
- // The context will be bounded later in StoryRender, so that the user can write just:
11
- // await step("label", (context) => {
12
- // // labeled step
13
- // });
14
- step: /* @__PURE__ */ e(async (o, t, n) => t(n), "step")
15
- },
16
- { intercept: !0 }
17
- ), m = /* @__PURE__ */ e(() => p({
18
- parameters: {
19
- throwPlayFunctionExceptions: !1
20
- },
21
- runStep: i
22
- }), "default");
23
- export {
24
- m as default
25
- };
@@ -1,26 +0,0 @@
1
- "use strict";
2
- var r = Object.defineProperty;
3
- var n = Object.getOwnPropertyDescriptor;
4
- var d = Object.getOwnPropertyNames;
5
- var f = Object.prototype.hasOwnProperty;
6
- var i = (o, e) => {
7
- for (var p in e)
8
- r(o, p, { get: e[p], enumerable: !0 });
9
- }, l = (o, e, p, s) => {
10
- if (e && typeof e == "object" || typeof e == "function")
11
- for (let t of d(e))
12
- !f.call(o, t) && t !== p && r(o, t, { get: () => e[t], enumerable: !(s = n(e, t)) || s.enumerable });
13
- return o;
14
- };
15
- var m = (o) => l(r({}, "__esModule", { value: !0 }), o);
16
-
17
- // src/controls/preview.ts
18
- var T = {};
19
- i(T, {
20
- default: () => C
21
- });
22
- module.exports = m(T);
23
- var y = require("storybook/internal/csf"), C = (0, y.definePreviewAddon)({
24
- // Controls addon doesn't need any preview-side configuration
25
- // It operates entirely through the manager UI
26
- });
@@ -1,43 +0,0 @@
1
- import * as storybook_internal_csf from 'storybook/internal/csf';
2
-
3
- interface ControlsParameters {
4
- /**
5
- * Controls configuration
6
- *
7
- * @see https://storybook.js.org/docs/essentials/controls#parameters-1
8
- */
9
- controls?: {
10
- /** Remove the addon panel and disable the addon's behavior */
11
- disable?: boolean;
12
- /** Disable the ability to create or edit stories from the Controls panel */
13
- disableSaveFromUI?: boolean;
14
- /** Exclude specific properties from the Controls panel */
15
- exclude?: string[] | RegExp;
16
- /**
17
- * Show the full documentation for each property in the Controls addon panel, including the
18
- * description and default value.
19
- */
20
- expanded?: boolean;
21
- /** Exclude only specific properties in the Controls panel */
22
- include?: string[] | RegExp;
23
- /**
24
- * Preset color swatches for the color picker control
25
- *
26
- * @example PresetColors: [{ color: '#ff4785', title: 'Coral' }, 'rgba(0, 159, 183, 1)',
27
- * '#fe4a49']
28
- */
29
- presetColors?: Array<string | {
30
- color: string;
31
- title?: string;
32
- }>;
33
- /** Controls sorting order */
34
- sort?: 'none' | 'alpha' | 'requiredFirst';
35
- };
36
- }
37
- interface ControlsTypes {
38
- parameters: ControlsParameters;
39
- }
40
-
41
- declare const _default: storybook_internal_csf.PreviewAddon<ControlsTypes>;
42
-
43
- export { type ControlsTypes, _default as default };
@@ -1,9 +0,0 @@
1
- // src/controls/preview.ts
2
- import { definePreviewAddon as e } from "storybook/internal/csf";
3
- var t = e({
4
- // Controls addon doesn't need any preview-side configuration
5
- // It operates entirely through the manager UI
6
- });
7
- export {
8
- t as default
9
- };