storybook 9.1.0-alpha.5 → 9.1.0-alpha.7

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 (90) 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 +62 -69
  4. package/dist/bin/index.js +43 -50
  5. package/dist/cli/bin/index.cjs +932 -932
  6. package/dist/cli/bin/index.js +635 -634
  7. package/dist/cli/index.cjs +14965 -14973
  8. package/dist/cli/index.d.ts +713 -15
  9. package/dist/cli/index.js +13488 -13495
  10. package/dist/common/index.cjs +13169 -13067
  11. package/dist/common/index.d.ts +348 -73
  12. package/dist/common/index.js +24024 -23919
  13. package/dist/components/index.cjs +1462 -1448
  14. package/dist/components/index.d.ts +3 -1
  15. package/dist/components/index.js +412 -397
  16. package/dist/core-server/index.cjs +6649 -6588
  17. package/dist/core-server/index.d.ts +14 -2
  18. package/dist/core-server/index.js +6053 -5993
  19. package/dist/core-server/presets/common-manager.js +3438 -3353
  20. package/dist/core-server/presets/common-preset.cjs +2370 -2374
  21. package/dist/core-server/presets/common-preset.js +1881 -1881
  22. package/dist/csf/index.cjs +2536 -736
  23. package/dist/csf/index.d.ts +251 -9
  24. package/dist/csf/index.js +2558 -749
  25. package/dist/csf-tools/index.cjs +226 -224
  26. package/dist/csf-tools/index.js +116 -112
  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-runtime.js +21317 -23959
  31. package/dist/manager/runtime.js +3713 -3534
  32. package/dist/manager-api/index.cjs +74 -74
  33. package/dist/manager-api/index.d.ts +8 -531
  34. package/dist/manager-api/index.js +142 -142
  35. package/dist/node-logger/index.cjs +8520 -994
  36. package/dist/node-logger/index.d.ts +395 -2
  37. package/dist/node-logger/index.js +8535 -995
  38. package/dist/preview/runtime.js +13337 -16032
  39. package/dist/preview-api/index.cjs +273 -271
  40. package/dist/preview-api/index.d.ts +4 -1
  41. package/dist/preview-api/index.js +14 -12
  42. package/dist/server-errors.cjs +201 -242
  43. package/dist/server-errors.d.ts +1 -12
  44. package/dist/server-errors.js +182 -223
  45. package/dist/telemetry/index.cjs +1314 -1313
  46. package/dist/telemetry/index.d.ts +3 -2
  47. package/dist/telemetry/index.js +1195 -1192
  48. package/dist/test/index.cjs +9136 -9815
  49. package/dist/test/index.js +8339 -9025
  50. package/dist/types/index.d.ts +15 -15
  51. package/package.json +6 -188
  52. package/dist/actions/preview.cjs +0 -159
  53. package/dist/actions/preview.d.ts +0 -45
  54. package/dist/actions/preview.js +0 -149
  55. package/dist/backgrounds/index.cjs +0 -16
  56. package/dist/backgrounds/index.d.ts +0 -2
  57. package/dist/backgrounds/index.js +0 -0
  58. package/dist/backgrounds/preview.cjs +0 -143
  59. package/dist/backgrounds/preview.d.ts +0 -53
  60. package/dist/backgrounds/preview.js +0 -127
  61. package/dist/component-testing/index.cjs +0 -23
  62. package/dist/component-testing/index.d.ts +0 -3
  63. package/dist/component-testing/index.js +0 -5
  64. package/dist/component-testing/preview.cjs +0 -40
  65. package/dist/component-testing/preview.d.ts +0 -5
  66. package/dist/component-testing/preview.js +0 -25
  67. package/dist/controls/preview.cjs +0 -26
  68. package/dist/controls/preview.d.ts +0 -43
  69. package/dist/controls/preview.js +0 -9
  70. package/dist/highlight/preview.cjs +0 -590
  71. package/dist/highlight/preview.d.ts +0 -20
  72. package/dist/highlight/preview.js +0 -575
  73. package/dist/measure/index.cjs +0 -16
  74. package/dist/measure/index.d.ts +0 -2
  75. package/dist/measure/index.js +0 -0
  76. package/dist/measure/preview.cjs +0 -466
  77. package/dist/measure/preview.d.ts +0 -25
  78. package/dist/measure/preview.js +0 -450
  79. package/dist/outline/index.cjs +0 -16
  80. package/dist/outline/index.d.ts +0 -2
  81. package/dist/outline/index.js +0 -0
  82. package/dist/outline/preview.cjs +0 -518
  83. package/dist/outline/preview.d.ts +0 -25
  84. package/dist/outline/preview.js +0 -486
  85. package/dist/test/preview.cjs +0 -73
  86. package/dist/test/preview.d.ts +0 -17
  87. package/dist/test/preview.js +0 -66
  88. package/dist/viewport/preview.cjs +0 -35
  89. package/dist/viewport/preview.d.ts +0 -62
  90. 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 p = Object.defineProperty;
3
- var f = Object.getOwnPropertyDescriptor;
4
- var i = Object.getOwnPropertyNames;
5
- var m = Object.prototype.hasOwnProperty;
6
- var n = (o, e) => {
7
- for (var t in e)
8
- p(o, t, { get: e[t], enumerable: !0 });
9
- }, y = (o, e, t, s) => {
10
- if (e && typeof e == "object" || typeof e == "function")
11
- for (let r of i(e))
12
- !m.call(o, r) && r !== t && p(o, r, { get: () => e[r], enumerable: !(s = f(e, r)) || s.enumerable });
13
- return o;
14
- };
15
- var l = (o) => y(p({}, "__esModule", { value: !0 }), o);
16
-
17
- // src/controls/preview.ts
18
- var T = {};
19
- n(T, {
20
- default: () => C
21
- });
22
- module.exports = l(T);
23
- var d = require("storybook/internal/csf"), C = (0, d.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 { _default as default };
@@ -1,9 +0,0 @@
1
- // src/controls/preview.ts
2
- import { definePreviewAddon as e } from "storybook/internal/csf";
3
- var r = e({
4
- // Controls addon doesn't need any preview-side configuration
5
- // It operates entirely through the manager UI
6
- });
7
- export {
8
- r as default
9
- };