storybook 9.1.0-alpha.3 → 9.1.0-alpha.4

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 (70) hide show
  1. package/dist/actions/index.cjs +16 -16
  2. package/dist/actions/index.d.ts +1 -38
  3. package/dist/actions/index.js +12 -12
  4. package/dist/actions/preview.cjs +25 -25
  5. package/dist/actions/preview.d.ts +37 -547
  6. package/dist/actions/preview.js +18 -18
  7. package/dist/backgrounds/index.cjs +12 -144
  8. package/dist/backgrounds/index.d.ts +1 -591
  9. package/dist/backgrounds/index.js +0 -130
  10. package/dist/backgrounds/preview.cjs +63 -63
  11. package/dist/backgrounds/preview.d.ts +40 -542
  12. package/dist/backgrounds/preview.js +47 -47
  13. package/dist/bin/index.cjs +50 -50
  14. package/dist/bin/index.js +50 -50
  15. package/dist/cli/bin/index.cjs +1 -1
  16. package/dist/cli/bin/index.js +1 -1
  17. package/dist/common/index.cjs +732 -731
  18. package/dist/common/index.d.ts +2 -2
  19. package/dist/common/index.js +81 -79
  20. package/dist/component-testing/preview.cjs +12 -12
  21. package/dist/component-testing/preview.d.ts +2 -2
  22. package/dist/component-testing/preview.js +7 -7
  23. package/dist/controls/index.cjs +16 -16
  24. package/dist/controls/index.d.ts +1 -36
  25. package/dist/controls/preview.cjs +17 -17
  26. package/dist/controls/preview.d.ts +34 -546
  27. package/dist/controls/preview.js +3 -3
  28. package/dist/csf/index.cjs +1210 -95
  29. package/dist/csf/index.d.ts +59 -18
  30. package/dist/csf/index.js +1214 -90
  31. package/dist/csf-tools/index.cjs +2 -1
  32. package/dist/csf-tools/index.js +2 -2
  33. package/dist/highlight/index.cjs +15 -15
  34. package/dist/highlight/index.d.ts +1 -12
  35. package/dist/highlight/index.js +4 -4
  36. package/dist/highlight/preview.cjs +63 -63
  37. package/dist/highlight/preview.d.ts +11 -546
  38. package/dist/highlight/preview.js +11 -10
  39. package/dist/manager/globals-runtime.js +29776 -29777
  40. package/dist/manager-api/index.cjs +1 -1
  41. package/dist/manager-api/index.js +1 -1
  42. package/dist/measure/index.cjs +12 -472
  43. package/dist/measure/index.d.ts +1 -566
  44. package/dist/measure/index.js +0 -464
  45. package/dist/measure/preview.cjs +104 -104
  46. package/dist/measure/preview.d.ts +11 -546
  47. package/dist/measure/preview.js +105 -105
  48. package/dist/outline/index.cjs +12 -524
  49. package/dist/outline/index.d.ts +1 -566
  50. package/dist/outline/index.js +0 -500
  51. package/dist/outline/preview.cjs +32 -32
  52. package/dist/outline/preview.d.ts +11 -546
  53. package/dist/outline/preview.js +27 -27
  54. package/dist/preview/runtime.js +8259 -8266
  55. package/dist/preview-api/index.cjs +1228 -1261
  56. package/dist/preview-api/index.d.ts +6 -8
  57. package/dist/preview-api/index.js +927 -963
  58. package/dist/telemetry/index.cjs +1 -1
  59. package/dist/telemetry/index.js +1 -1
  60. package/dist/test/preview.cjs +42 -42
  61. package/dist/test/preview.d.ts +12 -550
  62. package/dist/test/preview.js +36 -36
  63. package/dist/types/index.d.ts +5 -3
  64. package/dist/viewport/index.cjs +17 -24
  65. package/dist/viewport/index.d.ts +9 -532
  66. package/dist/viewport/index.js +9 -16
  67. package/dist/viewport/preview.cjs +22 -22
  68. package/dist/viewport/preview.d.ts +45 -552
  69. package/dist/viewport/preview.js +8 -8
  70. package/package.json +1 -1
@@ -1,528 +1,16 @@
1
1
  "use strict";
2
- var _ = Object.create;
3
- var e = Object.defineProperty;
4
- var j = Object.getOwnPropertyDescriptor;
5
- var C = Object.getOwnPropertyNames;
6
- var L = Object.getPrototypeOf, F = Object.prototype.hasOwnProperty;
7
- var p = (i, t) => e(i, "name", { value: t, configurable: !0 });
8
- var H = (i, t) => () => (t || i((t = { exports: {} }).exports, t), t.exports), E = (i, t) => {
9
- for (var n in t)
10
- e(i, n, { get: t[n], enumerable: !0 });
11
- }, S = (i, t, n, o) => {
12
- if (t && typeof t == "object" || typeof t == "function")
13
- for (let a of C(t))
14
- !F.call(i, a) && a !== n && e(i, a, { get: () => t[a], enumerable: !(o = j(t, a)) || o.enumerable });
15
- return i;
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;
16
11
  };
17
- var K = (i, t, n) => (n = i != null ? _(L(i)) : {}, S(
18
- // If the importer is in node compatibility mode or this is not an ESM
19
- // file that has been converted to a CommonJS file using a Babel-
20
- // compatible transform (i.e. "__esModule" has not been set), then set
21
- // "default" to the CommonJS "module.exports" for node compatibility.
22
- t || !i || !i.__esModule ? e(n, "default", { value: i, enumerable: !0 }) : n,
23
- i
24
- )), Y = (i) => S(e({}, "__esModule", { value: !0 }), i);
25
-
26
- // ../node_modules/ts-dedent/dist/index.js
27
- var k = H((s) => {
28
- "use strict";
29
- Object.defineProperty(s, "__esModule", { value: !0 });
30
- s.dedent = void 0;
31
- function M(i) {
32
- for (var t = [], n = 1; n < arguments.length; n++)
33
- t[n - 1] = arguments[n];
34
- var o = Array.from(typeof i == "string" ? [i] : i);
35
- o[o.length - 1] = o[o.length - 1].replace(/\r?\n([\t ]*)$/, "");
36
- var a = o.reduce(function(d, g) {
37
- var r = g.match(/\n([\t ]+|(?!\s).)/g);
38
- return r ? d.concat(r.map(function(h) {
39
- var u, m;
40
- return (m = (u = h.match(/[\t ]/g)) === null || u === void 0 ? void 0 : u.length) !== null && m !== void 0 ? m : 0;
41
- })) : d;
42
- }, []);
43
- if (a.length) {
44
- var $ = new RegExp(`
45
- [ ]{` + Math.min.apply(Math, a) + "}", "g");
46
- o = o.map(function(d) {
47
- return d.replace($, `
48
- `);
49
- });
50
- }
51
- o[0] = o[0].replace(/^\r?\n/, "");
52
- var l = o[0];
53
- return t.forEach(function(d, g) {
54
- var r = l.match(/(?:^|\n)( *)$/), h = r ? r[1] : "", u = d;
55
- typeof d == "string" && d.includes(`
56
- `) && (u = String(d).split(`
57
- `).map(function(m, T) {
58
- return T === 0 ? m : "" + h + m;
59
- }).join(`
60
- `)), l += u + o[g + 1];
61
- }), l;
62
- }
63
- p(M, "dedent");
64
- s.dedent = M;
65
- s.default = M;
66
- });
67
-
68
- // src/outline/index.ts
69
- var N = {};
70
- E(N, {
71
- default: () => G
72
- });
73
- module.exports = Y(N);
74
- var R = require("storybook/preview-api");
75
-
76
- // src/outline/preview.ts
77
- var A = {};
78
- E(A, {
79
- decorators: () => D,
80
- default: () => B,
81
- initialGlobals: () => I
82
- });
83
- var P = require("storybook/preview-api");
84
-
85
- // src/outline/constants.ts
86
- var f = "outline";
87
-
88
- // src/outline/withOutline.ts
89
- var b = require("storybook/preview-api");
90
-
91
- // src/outline/helpers.ts
92
- var x = require("@storybook/global");
93
- var y = /* @__PURE__ */ p((i) => {
94
- (Array.isArray(i) ? i : [i]).forEach(q);
95
- }, "clearStyles"), q = /* @__PURE__ */ p((i) => {
96
- let t = typeof i == "string" ? i : i.join(""), n = x.global.document.getElementById(t);
97
- n && n.parentElement && n.parentElement.removeChild(n);
98
- }, "clearStyle"), c = /* @__PURE__ */ p((i, t) => {
99
- let n = x.global.document.getElementById(i);
100
- if (n)
101
- n.innerHTML !== t && (n.innerHTML = t);
102
- else {
103
- let o = x.global.document.createElement("style");
104
- o.setAttribute("id", i), o.innerHTML = t, x.global.document.head.appendChild(o);
105
- }
106
- }, "addOutlineStyles");
107
-
108
- // src/outline/outlineCSS.ts
109
- var w = K(k(), 1);
110
- function v(i) {
111
- return w.dedent`
112
- ${i} body {
113
- outline: 1px solid #2980b9 !important;
114
- }
115
-
116
- ${i} article {
117
- outline: 1px solid #3498db !important;
118
- }
119
-
120
- ${i} nav {
121
- outline: 1px solid #0088c3 !important;
122
- }
123
-
124
- ${i} aside {
125
- outline: 1px solid #33a0ce !important;
126
- }
127
-
128
- ${i} section {
129
- outline: 1px solid #66b8da !important;
130
- }
131
-
132
- ${i} header {
133
- outline: 1px solid #99cfe7 !important;
134
- }
135
-
136
- ${i} footer {
137
- outline: 1px solid #cce7f3 !important;
138
- }
139
-
140
- ${i} h1 {
141
- outline: 1px solid #162544 !important;
142
- }
143
-
144
- ${i} h2 {
145
- outline: 1px solid #314e6e !important;
146
- }
147
-
148
- ${i} h3 {
149
- outline: 1px solid #3e5e85 !important;
150
- }
151
-
152
- ${i} h4 {
153
- outline: 1px solid #449baf !important;
154
- }
155
-
156
- ${i} h5 {
157
- outline: 1px solid #c7d1cb !important;
158
- }
159
-
160
- ${i} h6 {
161
- outline: 1px solid #4371d0 !important;
162
- }
163
-
164
- ${i} main {
165
- outline: 1px solid #2f4f90 !important;
166
- }
167
-
168
- ${i} address {
169
- outline: 1px solid #1a2c51 !important;
170
- }
171
-
172
- ${i} div {
173
- outline: 1px solid #036cdb !important;
174
- }
175
-
176
- ${i} p {
177
- outline: 1px solid #ac050b !important;
178
- }
179
-
180
- ${i} hr {
181
- outline: 1px solid #ff063f !important;
182
- }
183
-
184
- ${i} pre {
185
- outline: 1px solid #850440 !important;
186
- }
187
-
188
- ${i} blockquote {
189
- outline: 1px solid #f1b8e7 !important;
190
- }
191
-
192
- ${i} ol {
193
- outline: 1px solid #ff050c !important;
194
- }
195
-
196
- ${i} ul {
197
- outline: 1px solid #d90416 !important;
198
- }
199
-
200
- ${i} li {
201
- outline: 1px solid #d90416 !important;
202
- }
203
-
204
- ${i} dl {
205
- outline: 1px solid #fd3427 !important;
206
- }
207
-
208
- ${i} dt {
209
- outline: 1px solid #ff0043 !important;
210
- }
211
-
212
- ${i} dd {
213
- outline: 1px solid #e80174 !important;
214
- }
215
-
216
- ${i} figure {
217
- outline: 1px solid #ff00bb !important;
218
- }
219
-
220
- ${i} figcaption {
221
- outline: 1px solid #bf0032 !important;
222
- }
223
-
224
- ${i} table {
225
- outline: 1px solid #00cc99 !important;
226
- }
227
-
228
- ${i} caption {
229
- outline: 1px solid #37ffc4 !important;
230
- }
231
-
232
- ${i} thead {
233
- outline: 1px solid #98daca !important;
234
- }
235
-
236
- ${i} tbody {
237
- outline: 1px solid #64a7a0 !important;
238
- }
239
-
240
- ${i} tfoot {
241
- outline: 1px solid #22746b !important;
242
- }
243
-
244
- ${i} tr {
245
- outline: 1px solid #86c0b2 !important;
246
- }
247
-
248
- ${i} th {
249
- outline: 1px solid #a1e7d6 !important;
250
- }
251
-
252
- ${i} td {
253
- outline: 1px solid #3f5a54 !important;
254
- }
255
-
256
- ${i} col {
257
- outline: 1px solid #6c9a8f !important;
258
- }
259
-
260
- ${i} colgroup {
261
- outline: 1px solid #6c9a9d !important;
262
- }
263
-
264
- ${i} button {
265
- outline: 1px solid #da8301 !important;
266
- }
267
-
268
- ${i} datalist {
269
- outline: 1px solid #c06000 !important;
270
- }
271
-
272
- ${i} fieldset {
273
- outline: 1px solid #d95100 !important;
274
- }
275
-
276
- ${i} form {
277
- outline: 1px solid #d23600 !important;
278
- }
279
-
280
- ${i} input {
281
- outline: 1px solid #fca600 !important;
282
- }
283
-
284
- ${i} keygen {
285
- outline: 1px solid #b31e00 !important;
286
- }
287
-
288
- ${i} label {
289
- outline: 1px solid #ee8900 !important;
290
- }
291
-
292
- ${i} legend {
293
- outline: 1px solid #de6d00 !important;
294
- }
295
-
296
- ${i} meter {
297
- outline: 1px solid #e8630c !important;
298
- }
299
-
300
- ${i} optgroup {
301
- outline: 1px solid #b33600 !important;
302
- }
303
-
304
- ${i} option {
305
- outline: 1px solid #ff8a00 !important;
306
- }
307
-
308
- ${i} output {
309
- outline: 1px solid #ff9619 !important;
310
- }
311
-
312
- ${i} progress {
313
- outline: 1px solid #e57c00 !important;
314
- }
315
-
316
- ${i} select {
317
- outline: 1px solid #e26e0f !important;
318
- }
319
-
320
- ${i} textarea {
321
- outline: 1px solid #cc5400 !important;
322
- }
323
-
324
- ${i} details {
325
- outline: 1px solid #33848f !important;
326
- }
327
-
328
- ${i} summary {
329
- outline: 1px solid #60a1a6 !important;
330
- }
331
-
332
- ${i} command {
333
- outline: 1px solid #438da1 !important;
334
- }
335
-
336
- ${i} menu {
337
- outline: 1px solid #449da6 !important;
338
- }
339
-
340
- ${i} del {
341
- outline: 1px solid #bf0000 !important;
342
- }
343
-
344
- ${i} ins {
345
- outline: 1px solid #400000 !important;
346
- }
347
-
348
- ${i} img {
349
- outline: 1px solid #22746b !important;
350
- }
351
-
352
- ${i} iframe {
353
- outline: 1px solid #64a7a0 !important;
354
- }
355
-
356
- ${i} embed {
357
- outline: 1px solid #98daca !important;
358
- }
359
-
360
- ${i} object {
361
- outline: 1px solid #00cc99 !important;
362
- }
363
-
364
- ${i} param {
365
- outline: 1px solid #37ffc4 !important;
366
- }
367
-
368
- ${i} video {
369
- outline: 1px solid #6ee866 !important;
370
- }
371
-
372
- ${i} audio {
373
- outline: 1px solid #027353 !important;
374
- }
375
-
376
- ${i} source {
377
- outline: 1px solid #012426 !important;
378
- }
379
-
380
- ${i} canvas {
381
- outline: 1px solid #a2f570 !important;
382
- }
383
-
384
- ${i} track {
385
- outline: 1px solid #59a600 !important;
386
- }
387
-
388
- ${i} map {
389
- outline: 1px solid #7be500 !important;
390
- }
391
-
392
- ${i} area {
393
- outline: 1px solid #305900 !important;
394
- }
395
-
396
- ${i} a {
397
- outline: 1px solid #ff62ab !important;
398
- }
399
-
400
- ${i} em {
401
- outline: 1px solid #800b41 !important;
402
- }
403
-
404
- ${i} strong {
405
- outline: 1px solid #ff1583 !important;
406
- }
407
-
408
- ${i} i {
409
- outline: 1px solid #803156 !important;
410
- }
411
-
412
- ${i} b {
413
- outline: 1px solid #cc1169 !important;
414
- }
415
-
416
- ${i} u {
417
- outline: 1px solid #ff0430 !important;
418
- }
419
-
420
- ${i} s {
421
- outline: 1px solid #f805e3 !important;
422
- }
423
-
424
- ${i} small {
425
- outline: 1px solid #d107b2 !important;
426
- }
427
-
428
- ${i} abbr {
429
- outline: 1px solid #4a0263 !important;
430
- }
431
-
432
- ${i} q {
433
- outline: 1px solid #240018 !important;
434
- }
435
-
436
- ${i} cite {
437
- outline: 1px solid #64003c !important;
438
- }
439
-
440
- ${i} dfn {
441
- outline: 1px solid #b4005a !important;
442
- }
443
-
444
- ${i} sub {
445
- outline: 1px solid #dba0c8 !important;
446
- }
447
-
448
- ${i} sup {
449
- outline: 1px solid #cc0256 !important;
450
- }
451
-
452
- ${i} time {
453
- outline: 1px solid #d6606d !important;
454
- }
455
-
456
- ${i} code {
457
- outline: 1px solid #e04251 !important;
458
- }
459
-
460
- ${i} kbd {
461
- outline: 1px solid #5e001f !important;
462
- }
463
-
464
- ${i} samp {
465
- outline: 1px solid #9c0033 !important;
466
- }
467
-
468
- ${i} var {
469
- outline: 1px solid #d90047 !important;
470
- }
471
-
472
- ${i} mark {
473
- outline: 1px solid #ff0053 !important;
474
- }
475
-
476
- ${i} bdi {
477
- outline: 1px solid #bf3668 !important;
478
- }
479
-
480
- ${i} bdo {
481
- outline: 1px solid #6f1400 !important;
482
- }
483
-
484
- ${i} ruby {
485
- outline: 1px solid #ff7b93 !important;
486
- }
487
-
488
- ${i} rt {
489
- outline: 1px solid #ff2f54 !important;
490
- }
491
-
492
- ${i} rp {
493
- outline: 1px solid #803e49 !important;
494
- }
495
-
496
- ${i} span {
497
- outline: 1px solid #cc2643 !important;
498
- }
499
-
500
- ${i} br {
501
- outline: 1px solid #db687d !important;
502
- }
503
-
504
- ${i} wbr {
505
- outline: 1px solid #db175b !important;
506
- }`;
507
- }
508
- p(v, "outlineCSS");
509
-
510
- // src/outline/withOutline.ts
511
- var O = /* @__PURE__ */ p((i, t) => {
512
- let n = t.globals || {}, o = [!0, "true"].includes(n[f]), a = t.viewMode === "docs", $ = (0, b.useMemo)(() => v(a ? '[data-story-block="tr\
513
- ue"]' : ".sb-show-main"), [t]);
514
- return (0, b.useEffect)(() => {
515
- let l = a ? `addon-outline-docs-${t.id}` : "addon-outline";
516
- return o ? c(l, $) : y(l), () => {
517
- y(l);
518
- };
519
- }, [o, $, t]), i();
520
- }, "withOutline");
521
-
522
- // src/outline/preview.ts
523
- var D = globalThis.FEATURES?.outline ? [O] : [], I = {
524
- [f]: !1
525
- }, B = /* @__PURE__ */ p(() => (0, P.definePreview)({ decorators: D, initialGlobals: I }), "default");
12
+ var f = (o) => d(t({}, "__esModule", { value: !0 }), o);
526
13
 
527
14
  // src/outline/index.ts
528
- var G = /* @__PURE__ */ p(() => (0, R.definePreview)(A), "default");
15
+ var g = {};
16
+ module.exports = f(g);