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.
- package/assets/browser/favicon-wrapper.svg +46 -0
- package/assets/browser/favicon.svg +1 -1
- package/dist/bin/index.cjs +43 -43
- package/dist/bin/index.js +43 -43
- package/dist/cli/bin/index.cjs +513 -513
- package/dist/cli/bin/index.js +535 -535
- package/dist/cli/index.cjs +2454 -2453
- package/dist/cli/index.d.ts +10 -3
- package/dist/cli/index.js +2436 -2435
- package/dist/common/index.cjs +64 -61
- package/dist/common/index.d.ts +9 -3
- package/dist/common/index.js +64 -61
- package/dist/components/index.cjs +4602 -4427
- package/dist/components/index.d.ts +9 -11
- package/dist/components/index.js +2760 -2580
- package/dist/core-server/index.cjs +5833 -5819
- package/dist/core-server/index.d.ts +4 -1
- package/dist/core-server/index.js +4848 -4835
- package/dist/core-server/presets/common-manager.js +3410 -3332
- package/dist/core-server/presets/common-preset.cjs +1831 -1837
- package/dist/core-server/presets/common-preset.js +1787 -1792
- package/dist/csf/index.cjs +2536 -736
- package/dist/csf/index.d.ts +250 -9
- package/dist/csf/index.js +2558 -749
- package/dist/csf-tools/index.cjs +319 -321
- package/dist/csf-tools/index.js +239 -241
- package/dist/instrumenter/index.cjs +1150 -1099
- package/dist/instrumenter/index.d.ts +1 -0
- package/dist/instrumenter/index.js +1261 -1214
- package/dist/manager/globals-module-info.cjs +0 -1
- package/dist/manager/globals-module-info.js +0 -1
- package/dist/manager/globals-runtime.js +21740 -24218
- package/dist/manager/runtime.js +3715 -3536
- package/dist/manager-api/index.cjs +3 -3
- package/dist/manager-api/index.d.ts +4 -1
- package/dist/manager-api/index.js +3 -3
- package/dist/node-logger/index.cjs +1620 -1620
- package/dist/node-logger/index.js +1619 -1619
- package/dist/preview/runtime.js +13337 -16032
- package/dist/preview-api/index.cjs +273 -271
- package/dist/preview-api/index.d.ts +4 -1
- package/dist/preview-api/index.js +14 -12
- package/dist/telemetry/index.cjs +500 -500
- package/dist/telemetry/index.d.ts +1 -1
- package/dist/telemetry/index.js +478 -478
- package/dist/test/index.cjs +9136 -9815
- package/dist/test/index.js +8339 -9025
- package/dist/types/index.d.ts +12 -12
- package/package.json +5 -196
- package/dist/actions/preview.cjs +0 -159
- package/dist/actions/preview.d.ts +0 -45
- package/dist/actions/preview.js +0 -149
- package/dist/backgrounds/index.cjs +0 -16
- package/dist/backgrounds/index.d.ts +0 -2
- package/dist/backgrounds/index.js +0 -0
- package/dist/backgrounds/preview.cjs +0 -143
- package/dist/backgrounds/preview.d.ts +0 -53
- package/dist/backgrounds/preview.js +0 -127
- package/dist/component-testing/index.cjs +0 -23
- package/dist/component-testing/index.d.ts +0 -3
- package/dist/component-testing/index.js +0 -5
- package/dist/component-testing/preview.cjs +0 -40
- package/dist/component-testing/preview.d.ts +0 -5
- package/dist/component-testing/preview.js +0 -25
- package/dist/controls/preview.cjs +0 -26
- package/dist/controls/preview.d.ts +0 -43
- package/dist/controls/preview.js +0 -9
- package/dist/highlight/preview.cjs +0 -590
- package/dist/highlight/preview.d.ts +0 -20
- package/dist/highlight/preview.js +0 -575
- package/dist/measure/index.cjs +0 -16
- package/dist/measure/index.d.ts +0 -2
- package/dist/measure/index.js +0 -0
- package/dist/measure/preview.cjs +0 -466
- package/dist/measure/preview.d.ts +0 -25
- package/dist/measure/preview.js +0 -450
- package/dist/outline/index.cjs +0 -16
- package/dist/outline/index.d.ts +0 -2
- package/dist/outline/index.js +0 -0
- package/dist/outline/preview.cjs +0 -518
- package/dist/outline/preview.d.ts +0 -25
- package/dist/outline/preview.js +0 -486
- package/dist/test/preview.cjs +0 -73
- package/dist/test/preview.d.ts +0 -17
- package/dist/test/preview.js +0 -66
- package/dist/viewport/preview.cjs +0 -35
- package/dist/viewport/preview.d.ts +0 -62
- package/dist/viewport/preview.js +0 -19
package/dist/actions/preview.js
DELETED
|
@@ -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);
|
|
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,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,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 };
|
package/dist/controls/preview.js
DELETED