@wistia/ui 0.26.16 → 1.0.0-beta.126d6b40.338078d

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 (6) hide show
  1. package/dist/css-custom-data.css +164 -85
  2. package/dist/index.d.ts +10 -12
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +269 -364
  5. package/dist/index.js.map +1 -1
  6. package/package.json +34 -28
package/dist/css-custom-data.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --wui-app-background: #ffffff;
2
+ --wui-app-background: #fff;
3
3
  --wui-blue-10: #1f36d3;
4
4
  --wui-blue-11: #3154dc;
5
5
  --wui-blue-12: #192b65;
@@ -24,9 +24,9 @@
24
24
  --wui-blue-alpha-7: #004fff5e;
25
25
  --wui-blue-alpha-8: #0047fd7d;
26
26
  --wui-blue-alpha-9: #0026e0d6;
27
- --wui-blue-contrast: #ffffff;
27
+ --wui-blue-contrast: #fff;
28
28
  --wui-blue-surface: #f4f8ffcc;
29
- --wui-border-radius-00: 0;
29
+ --wui-border-radius-00: 0px;
30
30
  --wui-border-radius-01: 4px;
31
31
  --wui-border-radius-02: 8px;
32
32
  --wui-border-radius-03: 16px;
@@ -47,20 +47,20 @@
47
47
  --wui-color-accent-9: var(--wui-blue-9);
48
48
  --wui-color-accent-contrast: var(--wui-blue-contrast);
49
49
  --wui-color-backdrop: var(--wui-gray-alpha-9);
50
- --wui-color-base-10: var(--wui-blue-10);
51
- --wui-color-base-11: var(--wui-blue-11);
52
- --wui-color-base-12: var(--wui-blue-12);
53
- --wui-color-base-1: var(--wui-blue-1);
54
- --wui-color-base-2: var(--wui-blue-2);
55
- --wui-color-base-3: var(--wui-blue-3);
56
- --wui-color-base-4: var(--wui-blue-4);
57
- --wui-color-base-5: var(--wui-blue-5);
58
- --wui-color-base-6: var(--wui-blue-6);
59
- --wui-color-base-7: var(--wui-blue-7);
60
- --wui-color-base-8: var(--wui-blue-8);
61
- --wui-color-base-9: var(--wui-blue-9);
62
- --wui-color-base-contrast: var(--wui-blue-contrast);
63
- --wui-color-bg-app: #1e3399;
50
+ --wui-color-base-10: var(--wui-gray-10);
51
+ --wui-color-base-11: var(--wui-gray-11);
52
+ --wui-color-base-12: var(--wui-gray-12);
53
+ --wui-color-base-1: var(--wui-gray-1);
54
+ --wui-color-base-2: var(--wui-gray-2);
55
+ --wui-color-base-3: var(--wui-gray-3);
56
+ --wui-color-base-4: var(--wui-gray-4);
57
+ --wui-color-base-5: var(--wui-gray-5);
58
+ --wui-color-base-6: var(--wui-gray-6);
59
+ --wui-color-base-7: var(--wui-gray-7);
60
+ --wui-color-base-8: var(--wui-gray-8);
61
+ --wui-color-base-9: var(--wui-gray-9);
62
+ --wui-color-base-contrast: var(--wui-gray-contrast);
63
+ --wui-color-bg-app: #fff;
64
64
  --wui-color-bg-fill-active-blue: var(--wui-blue-11);
65
65
  --wui-color-bg-fill-active-error: var(--wui-error-11);
66
66
  --wui-color-bg-fill-active-green: var(--wui-green-11);
@@ -92,7 +92,7 @@
92
92
  --wui-color-bg-fill-purple: var(--wui-purple-9);
93
93
  --wui-color-bg-fill-success: var(--wui-success-9);
94
94
  --wui-color-bg-fill-warning: var(--wui-warning-9);
95
- --wui-color-bg-fill-white: #ffffff;
95
+ --wui-color-bg-fill-white: #fff;
96
96
  --wui-color-bg-fill-yellow: var(--wui-yellow-9);
97
97
  --wui-color-bg-fill: var(--wui-color-accent-9);
98
98
  --wui-color-bg-surface-active-blue: var(--wui-blue-4);
@@ -107,7 +107,7 @@
107
107
  --wui-color-bg-surface-active-yellow: var(--wui-yellow-4);
108
108
  --wui-color-bg-surface-active: var(--wui-color-base-4);
109
109
  --wui-color-bg-surface-blue: var(--wui-blue-2);
110
- --wui-color-bg-surface-disabled: var(--wui-gray-3);
110
+ --wui-color-bg-surface-disabled: #f0f0f3;
111
111
  --wui-color-bg-surface-error: var(--wui-error-2);
112
112
  --wui-color-bg-surface-green: var(--wui-green-2);
113
113
  --wui-color-bg-surface-hover-blue: var(--wui-blue-3);
@@ -184,8 +184,7 @@
184
184
  --wui-color-border-active-orange: var(--wui-orange-9);
185
185
  --wui-color-border-active-pink: var(--wui-pink-9);
186
186
  --wui-color-border-active-purple: var(--wui-purple-9);
187
- --wui-color-border-active-secondary: #0d1a5c;
188
- --wui-color-border-active-selected: var(--wui-blue-9);
187
+ --wui-color-border-active-selected: #2949e5;
189
188
  --wui-color-border-active-success: var(--wui-success-9);
190
189
  --wui-color-border-active-warning: var(--wui-warning-9);
191
190
  --wui-color-border-active-yellow: var(--wui-yellow-9);
@@ -195,14 +194,12 @@
195
194
  --wui-color-border-error: var(--wui-error-6);
196
195
  --wui-color-border-green: var(--wui-green-6);
197
196
  --wui-color-border-hover-blue: var(--wui-blue-8);
198
- --wui-color-border-hover-errror: var(--wui-error-8);
199
197
  --wui-color-border-hover-green: var(--wui-green-8);
200
198
  --wui-color-border-hover-info: var(--wui-blue-8);
201
199
  --wui-color-border-hover-orange: var(--wui-orange-8);
202
200
  --wui-color-border-hover-pink: var(--wui-pink-8);
203
201
  --wui-color-border-hover-purple: var(--wui-purple-8);
204
- --wui-color-border-hover-secondary: #0e1c61;
205
- --wui-color-border-hover-selected: var(--wui-blue-8);
202
+ --wui-color-border-hover-selected: #81a4fe;
206
203
  --wui-color-border-hover-success: var(--wui-success-8);
207
204
  --wui-color-border-hover-warning: var(--wui-warning-8);
208
205
  --wui-color-border-hover-yellow: var(--wui-yellow-8);
@@ -244,12 +241,12 @@
244
241
  --wui-color-border-secondary-warning: var(--wui-warning-8);
245
242
  --wui-color-border-secondary-yellow: var(--wui-yellow-8);
246
243
  --wui-color-border-secondary: var(--wui-color-base-8);
247
- --wui-color-border-selected: var(--wui-blue-6);
244
+ --wui-color-border-selected: #b8d1ff;
248
245
  --wui-color-border-success: var(--wui-success-6);
249
246
  --wui-color-border-warning: var(--wui-warning-6);
250
247
  --wui-color-border-yellow: var(--wui-yellow-6);
251
248
  --wui-color-border: var(--wui-color-base-6);
252
- --wui-color-drop-shadow: rgb(31 51 153 / 10%);
249
+ --wui-color-drop-shadow: #1f33991a;
253
250
  --wui-color-focus-color: var(--wui-blue-9);
254
251
  --wui-color-focus-ring-blue: var(--wui-blue-9);
255
252
  --wui-color-focus-ring-disabled: var(--wui-gray-6);
@@ -289,9 +286,9 @@
289
286
  --wui-color-icon: var(--wui-color-base-11);
290
287
  --wui-color-invalid-indicator: var(--wui-error-9);
291
288
  --wui-color-notification-pill-color: var(--wui-pink-9);
292
- --wui-color-segmented-color-text-override: var(--wui-blue-9);
293
- --wui-color-segmented-control-checked-background: var(--wui-bg-app);
294
- --wui-color-surface-token: var(--wui-blue-2);
289
+ --wui-color-segmented-color-text-override: var(--wui-color-text-selected);
290
+ --wui-color-segmented-control-checked-background: var(--wui-color-bg-app);
291
+ --wui-color-surface-token: var(--wui-gray-1);
295
292
  --wui-color-text-blue: var(--wui-blue-12);
296
293
  --wui-color-text-button-blue: var(--wui-blue-11);
297
294
  --wui-color-text-button-error: var(--wui-error-11);
@@ -301,7 +298,7 @@
301
298
  --wui-color-text-button-pink: var(--wui-pink-11);
302
299
  --wui-color-text-button-purple: var(--wui-purple-11);
303
300
  --wui-color-text-button-success: var(--wui-success-11);
304
- --wui-color-text-button-token: var(--wui-blue-12);
301
+ --wui-color-text-button-token: var(--wui-gray-12);
305
302
  --wui-color-text-button-warning: var(--wui-warning-11);
306
303
  --wui-color-text-button-yellow: var(--wui-yellow-12);
307
304
  --wui-color-text-button: var(--wui-color-text-button-token);
@@ -317,7 +314,7 @@
317
314
  --wui-color-text-link-pink: var(--wui-pink-11);
318
315
  --wui-color-text-link-purple: var(--wui-purple-11);
319
316
  --wui-color-text-link-success: var(--wui-success-9);
320
- --wui-color-text-link-token: var(--wui-blue-9);
317
+ --wui-color-text-link-token: var(--wui-color-accent-9);
321
318
  --wui-color-text-link-warning: var(--wui-warning-11);
322
319
  --wui-color-text-link-yellow: var(--wui-yellow-11);
323
320
  --wui-color-text-link: var(--wui-color-text-link-token);
@@ -352,8 +349,8 @@
352
349
  --wui-color-text-warning: var(--wui-warning-12);
353
350
  --wui-color-text-yellow: var(--wui-yellow-11);
354
351
  --wui-color-text: var(--wui-color-base-12);
355
- --wui-elevation-01: 0px 4px 8px 0px var(--wui-color-drop-shadow);
356
- --wui-elevation-02: 0px 4px 24px 0px var(--wui-color-drop-shadow);
352
+ --wui-elevation-01: 0 4px 8px 0 var(--wui-color-drop-shadow);
353
+ --wui-elevation-02: 0 4px 24px 0 var(--wui-color-drop-shadow);
357
354
  --wui-error-10: #d73840;
358
355
  --wui-error-11: #cc2e39;
359
356
  --wui-error-12: #64181b;
@@ -378,7 +375,7 @@
378
375
  --wui-error-alpha-7: #e30c0159;
379
376
  --wui-error-alpha-8: #d4090073;
380
377
  --wui-error-alpha-9: #db0007b8;
381
- --wui-error-contrast: #ffffff;
378
+ --wui-error-contrast: #fff;
382
379
  --wui-error-surface: #fff5f5cc;
383
380
  --wui-gray-10: #82828a;
384
381
  --wui-gray-11: #64646a;
@@ -404,8 +401,8 @@
404
401
  --wui-gray-alpha-7: #00002530;
405
402
  --wui-gray-alpha-8: #00002245;
406
403
  --wui-gray-alpha-9: #00001273;
407
- --wui-gray-contrast: #ffffff;
408
- --wui-gray-surface: #ffffffcc;
404
+ --wui-gray-contrast: #fff;
405
+ --wui-gray-surface: #fffc;
409
406
  --wui-green-10: #117900;
410
407
  --wui-green-11: #1e8106;
411
408
  --wui-green-12: #1e3d19;
@@ -430,7 +427,7 @@
430
427
  --wui-green-alpha-7: #159f017a;
431
428
  --wui-green-alpha-8: #189f00b0;
432
429
  --wui-green-alpha-9: #159f00ae;
433
- --wui-green-contrast: #ffffff;
430
+ --wui-green-contrast: #fff;
434
431
  --wui-green-surface: #f3faf1cc;
435
432
  --wui-motion-duration-01: 70ms;
436
433
  --wui-motion-duration-02: 110ms;
@@ -467,7 +464,7 @@
467
464
  --wui-orange-alpha-7: #e533016b;
468
465
  --wui-orange-alpha-8: #d8300087;
469
466
  --wui-orange-alpha-9: #cc3000e5;
470
- --wui-orange-contrast: #ffffff;
467
+ --wui-orange-contrast: #fff;
471
468
  --wui-orange-surface: #fff5f3cc;
472
469
  --wui-pink-10: #f12fa7;
473
470
  --wui-pink-11: #cd0089;
@@ -493,7 +490,7 @@
493
490
  --wui-pink-alpha-7: #d1006457;
494
491
  --wui-pink-alpha-8: #c7006470;
495
492
  --wui-pink-alpha-9: #ff009abf;
496
- --wui-pink-contrast: #ffffff;
493
+ --wui-pink-contrast: #fff;
497
494
  --wui-pink-surface: #fff5f9cc;
498
495
  --wui-purple-10: #9a09c9;
499
496
  --wui-purple-11: #9b0bca;
@@ -519,7 +516,7 @@
519
516
  --wui-purple-alpha-7: #a801f759;
520
517
  --wui-purple-alpha-8: #a101ef7a;
521
518
  --wui-purple-alpha-9: #a600deed;
522
- --wui-purple-contrast: #ffffff;
519
+ --wui-purple-contrast: #fff;
523
520
  --wui-purple-surface: #fdf5ffcc;
524
521
  --wui-red-10: #f10845;
525
522
  --wui-red-11: #db0035;
@@ -545,7 +542,7 @@
545
542
  --wui-red-alpha-7: #f7010359;
546
543
  --wui-red-alpha-8: #ea000775;
547
544
  --wui-red-alpha-9: #ff002ed4;
548
- --wui-red-contrast: #ffffff;
545
+ --wui-red-contrast: #fff;
549
546
  --wui-red-surface: #fff5f5cc;
550
547
  --wui-space-00: 0px;
551
548
  --wui-space-01: 4px;
@@ -581,68 +578,150 @@
581
578
  --wui-success-alpha-7: #00903970;
582
579
  --wui-success-alpha-8: #008d3f9e;
583
580
  --wui-success-alpha-9: #008f4acf;
584
- --wui-success-contrast: #ffffff;
581
+ --wui-success-contrast: #fff;
585
582
  --wui-success-surface: #f1faf5cc;
586
- --wui-typography-body-1-family: var(--wui-typography-family-default);
583
+ --wui-typography-body-1-family: var(--wui-typography-body-1-font-family);
584
+ --wui-typography-body-1-font-family: var(--wui-typography-family-default);
585
+ --wui-typography-body-1-font-size: 20px;
586
+ --wui-typography-body-1-font-weight: var(--wui-typography-weight-body);
587
+ --wui-typography-body-1-letter-spacing: 0;
587
588
  --wui-typography-body-1-line-height: 30px;
588
589
  --wui-typography-body-1-paragraph-spacing: 16px;
589
- --wui-typography-body-1-size: 20px;
590
- --wui-typography-body-1-weight: var(--wui-typography-weight-body);
591
- --wui-typography-body-2-family: var(--wui-typography-family-default);
590
+ --wui-typography-body-1-size: var(--wui-typography-body-1-font-size);
591
+ --wui-typography-body-1-weight: var(--wui-typography-body-1-font-weight);
592
+ --wui-typography-body-1: var(--wui-typography-body-1-font-weight) var(--wui-typography-body-1-font-size)/var(--wui-typography-body-1-line-height) var(--wui-typography-body-1-font-family);
593
+ --wui-typography-body-2-family: var(--wui-typography-body-2-font-family);
594
+ --wui-typography-body-2-font-family: var(--wui-typography-family-default);
595
+ --wui-typography-body-2-font-size: 16px;
596
+ --wui-typography-body-2-font-weight: var(--wui-typography-weight-body);
597
+ --wui-typography-body-2-letter-spacing: 0;
592
598
  --wui-typography-body-2-line-height: 26px;
593
599
  --wui-typography-body-2-paragraph-spacing: 12px;
594
- --wui-typography-body-2-size: 16px;
595
- --wui-typography-body-2-weight: var(--wui-typography-weight-body);
596
- --wui-typography-body-3-family: var(--wui-typography-family-default);
600
+ --wui-typography-body-2-size: var(--wui-typography-body-2-font-size);
601
+ --wui-typography-body-2-weight: var(--wui-typography-body-2-font-weight);
602
+ --wui-typography-body-2: var(--wui-typography-body-2-font-weight) var(--wui-typography-body-2-font-size)/var(--wui-typography-body-2-line-height) var(--wui-typography-body-2-font-family);
603
+ --wui-typography-body-3-family: var(--wui-typography-body-3-font-family);
604
+ --wui-typography-body-3-font-family: var(--wui-typography-family-default);
605
+ --wui-typography-body-3-font-size: 14px;
606
+ --wui-typography-body-3-font-weight: var(--wui-typography-weight-body);
607
+ --wui-typography-body-3-letter-spacing: 0;
597
608
  --wui-typography-body-3-line-height: 22px;
598
609
  --wui-typography-body-3-paragraph-spacing: 8px;
599
- --wui-typography-body-3-size: 14px;
600
- --wui-typography-body-3-weight: var(--wui-typography-weight-body);
601
- --wui-typography-body-4-family: var(--wui-typography-family-default);
610
+ --wui-typography-body-3-size: var(--wui-typography-body-3-font-size);
611
+ --wui-typography-body-3-weight: var(--wui-typography-body-3-font-weight);
612
+ --wui-typography-body-3: var(--wui-typography-body-3-font-weight) var(--wui-typography-body-3-font-size)/var(--wui-typography-body-3-line-height) var(--wui-typography-body-3-font-family);
613
+ --wui-typography-body-4-family: var(--wui-typography-body-4-font-family);
614
+ --wui-typography-body-4-font-family: var(--wui-typography-family-default);
615
+ --wui-typography-body-4-font-size: 12px;
616
+ --wui-typography-body-4-font-weight: var(--wui-typography-weight-body);
617
+ --wui-typography-body-4-letter-spacing: 0;
602
618
  --wui-typography-body-4-line-height: 18px;
603
619
  --wui-typography-body-4-paragraph-spacing: 8px;
604
- --wui-typography-body-4-size: 12px;
605
- --wui-typography-body-4-weight: var(--wui-typography-weight-body);
606
- --wui-typography-family-brand: 'GT Walsheim', sans-serif;
620
+ --wui-typography-body-4-size: var(--wui-typography-body-4-font-size);
621
+ --wui-typography-body-4-weight: var(--wui-typography-body-4-font-weight);
622
+ --wui-typography-body-4: var(--wui-typography-body-4-font-weight) var(--wui-typography-body-4-font-size)/var(--wui-typography-body-4-line-height) var(--wui-typography-body-4-font-family);
623
+ --wui-typography-family-brand: "GT Walsheim", sans-serif;
607
624
  --wui-typography-family-default: intervariable, sans-serif;
608
- --wui-typography-family-mono: 'IBM Plex Mono', monospace;
609
- --wui-typography-heading-1-family: var(--wui-typography-family-brand);
625
+ --wui-typography-family-mono: "IBM Plex Mono", monospace;
626
+ --wui-typography-heading-1-family: var(--wui-typography-heading-1-font-family);
627
+ --wui-typography-heading-1-font-family: var(--wui-typography-family-brand);
628
+ --wui-typography-heading-1-font-size: 36px;
629
+ --wui-typography-heading-1-font-weight: var(--wui-typography-weight-brand-black);
630
+ --wui-typography-heading-1-letter-spacing: 0;
610
631
  --wui-typography-heading-1-line-height: 44px;
611
- --wui-typography-heading-1-size: 36px;
612
- --wui-typography-heading-2-family: var(--wui-typography-family-brand);
632
+ --wui-typography-heading-1-size: var(--wui-typography-heading-1-font-size);
633
+ --wui-typography-heading-1-weight: var(--wui-typography-heading-1-font-weight);
634
+ --wui-typography-heading-1: var(--wui-typography-heading-1-font-weight) var(--wui-typography-heading-1-font-size)/var(--wui-typography-heading-1-line-height) var(--wui-typography-heading-1-font-family);
635
+ --wui-typography-heading-2-family: var(--wui-typography-heading-2-font-family);
636
+ --wui-typography-heading-2-font-family: var(--wui-typography-family-brand);
637
+ --wui-typography-heading-2-font-size: 32px;
638
+ --wui-typography-heading-2-font-weight: var(--wui-typography-weight-brand-black);
639
+ --wui-typography-heading-2-letter-spacing: 0;
613
640
  --wui-typography-heading-2-line-height: 38px;
614
- --wui-typography-heading-2-size: 32px;
615
- --wui-typography-heading-3-family: var(--wui-typography-family-brand);
641
+ --wui-typography-heading-2-size: var(--wui-typography-heading-2-font-size);
642
+ --wui-typography-heading-2-weight: var(--wui-typography-heading-2-font-weight);
643
+ --wui-typography-heading-2: var(--wui-typography-heading-2-font-weight) var(--wui-typography-heading-2-font-size)/var(--wui-typography-heading-2-line-height) var(--wui-typography-heading-2-font-family);
644
+ --wui-typography-heading-3-family: var(--wui-typography-heading-3-font-family);
645
+ --wui-typography-heading-3-font-family: var(--wui-typography-family-brand);
646
+ --wui-typography-heading-3-font-size: 24px;
647
+ --wui-typography-heading-3-font-weight: var(--wui-typography-weight-brand-bold);
648
+ --wui-typography-heading-3-letter-spacing: 0;
616
649
  --wui-typography-heading-3-line-height: 30px;
617
- --wui-typography-heading-3-size: 24px;
618
- --wui-typography-heading-4-family: var(--wui-typography-family-brand);
650
+ --wui-typography-heading-3-size: var(--wui-typography-heading-3-font-size);
651
+ --wui-typography-heading-3-weight: var(--wui-typography-heading-3-font-weight);
652
+ --wui-typography-heading-3: var(--wui-typography-heading-3-font-weight) var(--wui-typography-heading-3-font-size)/var(--wui-typography-heading-3-line-height) var(--wui-typography-heading-3-font-family);
653
+ --wui-typography-heading-4-family: var(--wui-typography-heading-4-font-family);
654
+ --wui-typography-heading-4-font-family: var(--wui-typography-family-brand);
655
+ --wui-typography-heading-4-font-size: 18px;
656
+ --wui-typography-heading-4-font-weight: var(--wui-typography-weight-brand-bold);
657
+ --wui-typography-heading-4-letter-spacing: 0;
619
658
  --wui-typography-heading-4-line-height: 24px;
620
- --wui-typography-heading-4-size: 18px;
621
- --wui-typography-heading-5-family: var(--wui-typography-family-brand);
659
+ --wui-typography-heading-4-size: var(--wui-typography-heading-4-font-size);
660
+ --wui-typography-heading-4-weight: var(--wui-typography-heading-4-font-weight);
661
+ --wui-typography-heading-4: var(--wui-typography-heading-4-font-weight) var(--wui-typography-heading-4-font-size)/var(--wui-typography-heading-4-line-height) var(--wui-typography-heading-4-font-family);
662
+ --wui-typography-heading-5-family: var(--wui-typography-heading-5-font-family);
663
+ --wui-typography-heading-5-font-family: var(--wui-typography-family-brand);
664
+ --wui-typography-heading-5-font-size: 16px;
665
+ --wui-typography-heading-5-font-weight: var(--wui-typography-weight-brand-bold);
666
+ --wui-typography-heading-5-letter-spacing: 0;
622
667
  --wui-typography-heading-5-line-height: 22px;
623
- --wui-typography-heading-5-size: 16px;
624
- --wui-typography-heading-6-family: var(--wui-typography-family-brand);
668
+ --wui-typography-heading-5-size: var(--wui-typography-heading-5-font-size);
669
+ --wui-typography-heading-5-weight: var(--wui-typography-heading-5-font-weight);
670
+ --wui-typography-heading-5: var(--wui-typography-heading-5-font-weight) var(--wui-typography-heading-5-font-size)/var(--wui-typography-heading-5-line-height) var(--wui-typography-heading-5-font-family);
671
+ --wui-typography-heading-6-family: var(--wui-typography-heading-6-font-family);
672
+ --wui-typography-heading-6-font-family: var(--wui-typography-family-brand);
673
+ --wui-typography-heading-6-font-size: 14px;
674
+ --wui-typography-heading-6-font-weight: var(--wui-typography-weight-brand-bold);
675
+ --wui-typography-heading-6-letter-spacing: 0;
625
676
  --wui-typography-heading-6-line-height: 18px;
626
- --wui-typography-heading-6-size: 14px;
627
- --wui-typography-heading-hero-family: var(--wui-typography-family-brand);
677
+ --wui-typography-heading-6-size: var(--wui-typography-heading-6-font-size);
678
+ --wui-typography-heading-6-weight: var(--wui-typography-heading-6-font-weight);
679
+ --wui-typography-heading-6: var(--wui-typography-heading-6-font-weight) var(--wui-typography-heading-6-font-size)/var(--wui-typography-heading-6-line-height) var(--wui-typography-heading-6-font-family);
680
+ --wui-typography-heading-hero-family: var(--wui-typography-heading-hero-font-family);
681
+ --wui-typography-heading-hero-font-family: var(--wui-typography-family-brand);
682
+ --wui-typography-heading-hero-font-size: 48px;
683
+ --wui-typography-heading-hero-font-weight: var(--wui-typography-weight-brand-black);
684
+ --wui-typography-heading-hero-letter-spacing: 0;
628
685
  --wui-typography-heading-hero-line-height: 58px;
629
- --wui-typography-heading-hero-size: 48px;
630
- --wui-typography-label-1-family: var(--wui-typography-family-default);
686
+ --wui-typography-heading-hero-size: var(--wui-typography-heading-hero-font-size);
687
+ --wui-typography-heading-hero-weight: var(--wui-typography-heading-hero-font-weight);
688
+ --wui-typography-heading-hero: var(--wui-typography-heading-hero-font-weight) var(--wui-typography-heading-hero-font-size)/var(--wui-typography-heading-hero-line-height) var(--wui-typography-heading-hero-font-family);
689
+ --wui-typography-label-1-family: var(--wui-typography-label-1-font-family);
690
+ --wui-typography-label-1-font-family: var(--wui-typography-family-default);
691
+ --wui-typography-label-1-font-size: 18px;
692
+ --wui-typography-label-1-font-weight: var(--wui-typography-weight-label);
693
+ --wui-typography-label-1-letter-spacing: 0;
631
694
  --wui-typography-label-1-line-height: 24px;
632
- --wui-typography-label-1-size: 18px;
633
- --wui-typography-label-1-weight: var(--wui-typography-weight-label);
634
- --wui-typography-label-2-family: var(--wui-typography-family-default);
695
+ --wui-typography-label-1-size: var(--wui-typography-label-1-font-size);
696
+ --wui-typography-label-1-weight: var(--wui-typography-label-1-font-weight);
697
+ --wui-typography-label-1: var(--wui-typography-label-1-font-weight) var(--wui-typography-label-1-font-size)/var(--wui-typography-label-1-line-height) var(--wui-typography-label-1-font-family);
698
+ --wui-typography-label-2-family: var(--wui-typography-label-2-font-family);
699
+ --wui-typography-label-2-font-family: var(--wui-typography-family-default);
700
+ --wui-typography-label-2-font-size: 16px;
701
+ --wui-typography-label-2-font-weight: var(--wui-typography-weight-label);
702
+ --wui-typography-label-2-letter-spacing: 0;
635
703
  --wui-typography-label-2-line-height: 18px;
636
- --wui-typography-label-2-size: 16px;
637
- --wui-typography-label-2-weight: var(--wui-typography-weight-label);
638
- --wui-typography-label-3-family: var(--wui-typography-family-default);
704
+ --wui-typography-label-2-size: var(--wui-typography-label-2-font-size);
705
+ --wui-typography-label-2-weight: var(--wui-typography-label-2-font-weight);
706
+ --wui-typography-label-2: var(--wui-typography-label-2-font-weight) var(--wui-typography-label-2-font-size)/var(--wui-typography-label-2-line-height) var(--wui-typography-label-2-font-family);
707
+ --wui-typography-label-3-family: var(--wui-typography-label-3-font-family);
708
+ --wui-typography-label-3-font-family: var(--wui-typography-family-default);
709
+ --wui-typography-label-3-font-size: 14px;
710
+ --wui-typography-label-3-font-weight: var(--wui-typography-weight-label);
711
+ --wui-typography-label-3-letter-spacing: 0;
639
712
  --wui-typography-label-3-line-height: 16px;
640
- --wui-typography-label-3-size: 14px;
641
- --wui-typography-label-3-weight: var(--wui-typography-weight-label);
642
- --wui-typography-label-4-family: var(--wui-typography-family-default);
713
+ --wui-typography-label-3-size: var(--wui-typography-label-3-font-size);
714
+ --wui-typography-label-3-weight: var(--wui-typography-label-3-font-weight);
715
+ --wui-typography-label-3: var(--wui-typography-label-3-font-weight) var(--wui-typography-label-3-font-size)/var(--wui-typography-label-3-line-height) var(--wui-typography-label-3-font-family);
716
+ --wui-typography-label-4-family: var(--wui-typography-label-4-font-family);
717
+ --wui-typography-label-4-font-family: var(--wui-typography-family-default);
718
+ --wui-typography-label-4-font-size: 12px;
719
+ --wui-typography-label-4-font-weight: var(--wui-typography-weight-label);
720
+ --wui-typography-label-4-letter-spacing: 0;
643
721
  --wui-typography-label-4-line-height: 14px;
644
- --wui-typography-label-4-size: 12px;
645
- --wui-typography-label-4-weight: var(--wui-typography-weight-label);
722
+ --wui-typography-label-4-size: var(--wui-typography-label-4-font-size);
723
+ --wui-typography-label-4-weight: var(--wui-typography-label-4-font-weight);
724
+ --wui-typography-label-4: var(--wui-typography-label-4-font-weight) var(--wui-typography-label-4-font-size)/var(--wui-typography-label-4-line-height) var(--wui-typography-label-4-font-family);
646
725
  --wui-typography-weight-body-bold: 700;
647
726
  --wui-typography-weight-body: 425;
648
727
  --wui-typography-weight-brand-black: 700;
@@ -661,7 +740,7 @@
661
740
  --wui-vendor-hubspot-7: #ffa48d;
662
741
  --wui-vendor-hubspot-8: #f68a70;
663
742
  --wui-vendor-hubspot-9: #ff5c36;
664
- --wui-vendor-hubspot-contrast: #ffffff;
743
+ --wui-vendor-hubspot-contrast: #fff;
665
744
  --wui-vendor-hubspot-surface: #fff3efcc;
666
745
  --wui-vendor-marketo-10: #4040bb;
667
746
  --wui-vendor-marketo-11: #4f55c7;
@@ -675,7 +754,7 @@
675
754
  --wui-vendor-marketo-7: #b0bcfa;
676
755
  --wui-vendor-marketo-8: #93a0f2;
677
756
  --wui-vendor-marketo-9: #4c50cc;
678
- --wui-vendor-marketo-contrast: #ffffff;
757
+ --wui-vendor-marketo-contrast: #fff;
679
758
  --wui-vendor-marketo-surface: #f5f6ffcc;
680
759
  --wui-vendor-pardot-10: #0094cf;
681
760
  --wui-vendor-pardot-11: #0079b5;
@@ -689,7 +768,7 @@
689
768
  --wui-vendor-pardot-7: #85c9f1;
690
769
  --wui-vendor-pardot-8: #4fb3e8;
691
770
  --wui-vendor-pardot-9: #00a1e0;
692
- --wui-vendor-pardot-contrast: #ffffff;
771
+ --wui-vendor-pardot-contrast: #fff;
693
772
  --wui-vendor-pardot-surface: #f0f9fecc;
694
773
  --wui-warning-10: #f3dd45;
695
774
  --wui-warning-11: #897a00;
package/dist/index.d.ts CHANGED
@@ -962,8 +962,15 @@ type BannerProps = ComponentPropsWithoutRef<"div"> & {
962
962
  */
963
963
  declare const Banner: FC<BannerProps>;
964
964
  //#endregion
965
- //#region src/css/designTokens/spacing.d.ts
965
+ //#region src/css/designTokens/generated/types.d.ts
966
+ /**
967
+ * AUTOGENERATED by scripts/generateDesignTokenTypes.mjs. DO NOT EDIT.
968
+ *
969
+ * Sourced from src/css/designTokens/tokens/*.tokens.json. Regenerate via
970
+ * `yarn build:tokens`.
971
+ */
966
972
  type Spacings = "space-00" | "space-01" | "space-02" | "space-03" | "space-04" | "space-05" | "space-06" | "space-07" | "space-08" | "space-09";
973
+ type BorderRadius = "border-radius-00" | "border-radius-01" | "border-radius-02" | "border-radius-03" | "border-radius-04" | "border-radius-05" | "border-radius-rounded";
967
974
  //#endregion
968
975
  //#region src/components/Box/flexTypes.d.ts
969
976
  type JustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
@@ -1235,9 +1242,6 @@ type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & {
1235
1242
  */
1236
1243
  declare const ButtonGroup: FC<ButtonGroupProps>;
1237
1244
  //#endregion
1238
- //#region src/css/designTokens/borderRadius.d.ts
1239
- type BorderRadius = "border-radius-00" | "border-radius-01" | "border-radius-02" | "border-radius-03" | "border-radius-04" | "border-radius-05" | "border-radius-rounded";
1240
- //#endregion
1241
1245
  //#region src/components/Card/Card.d.ts
1242
1246
  type CardProps = BoxProps & ComponentPropsWithoutRef<"div"> & {
1243
1247
  /**
@@ -1867,12 +1871,6 @@ type ContextMenuProps = {
1867
1871
  side?: never;
1868
1872
  triggerRef: RefObject<HTMLElement | null>;
1869
1873
  });
1870
- /**
1871
- * The ContextMenu is an extended implementation of the [Menu](/components/Menu) component that allows for right-click context menus.
1872
- * It can be used in two ways:
1873
- * 1. By providing a `triggerRef`, which will render the menu when the referenced element is right-clicked.
1874
- * 2. By providing a `position` prop, which will render the menu at the specified coordinates.
1875
- */
1876
1874
  declare const ContextMenu: ({
1877
1875
  position,
1878
1876
  triggerRef,
@@ -1883,7 +1881,7 @@ declare const ContextMenu: ({
1883
1881
  }: ContextMenuProps) => JSX.Element;
1884
1882
  //#endregion
1885
1883
  //#region src/components/CustomizableThemeWrapper/CustomizableThemeWrapper.d.ts
1886
- type CustomizableTokens = "--wui-color-backdrop" | "--wui-color-bg-app" | "--wui-color-bg-fill-active" | "--wui-color-bg-fill-hover" | "--wui-color-bg-fill-white " | "--wui-color-bg-fill" | "--wui-color-bg-surface-active" | "--wui-color-bg-surface-disabled" | "--wui-color-bg-surface-hover" | "--wui-color-bg-surface-secondary-active" | "--wui-color-bg-surface-secondary-hover" | "--wui-color-bg-surface-secondary" | "--wui-color-bg-surface-selected-active" | "--wui-color-bg-surface-selected-hover" | "--wui-color-bg-surface-selected" | "--wui-color-bg-surface-tertiary" | "--wui-color-bg-surface" | "--wui-color-bg-tooltip" | "--wui-color-border-active-selected" | "--wui-color-border-active" | "--wui-color-border-disabled" | "--wui-color-border-hover-selected" | "--wui-color-border-hover" | "--wui-color-border-secondary-active" | "--wui-color-border-secondary-hover" | "--wui-color-border-secondary" | "--wui-color-border-selected" | "--wui-color-border" | "--wui-color-drop-shadow" | "--wui-color-focus-color" | "--wui-color-focus-ring-disabled" | "--wui-color-focus-ring" | "--wui-color-icon-disabled" | "--wui-color-icon-on-fill" | "--wui-color-icon-selected" | "--wui-color-icon" | "--wui-color-invalid-indicator" | "--wui-color-notification-pill-color" | "--wui-color-segmented-control-checked-background" | "--wui-color-text-button" | "--wui-color-text-disabled" | "--wui-color-text-link" | "--wui-color-text-on-fill-white-selected" | "--wui-color-text-on-fill" | "--wui-color-text-secondary" | "--wui-color-text-selected" | "--wui-color-text" | "--wui-typography-family-brand" | "--wui-typography-family-default" | "--wui-typography-family-mono" | "--wui-typography-weight-body-bold" | "--wui-typography-weight-body" | "--wui-typography-weight-heading" | "--wui-typography-weight-label-bold" | "--wui-typography-weight-label";
1884
+ type CustomizableTokens = "--wui-color-backdrop" | "--wui-color-bg-app" | "--wui-color-bg-fill-active" | "--wui-color-bg-fill-hover" | "--wui-color-bg-fill-white" | "--wui-color-bg-fill" | "--wui-color-bg-surface-active" | "--wui-color-bg-surface-disabled" | "--wui-color-bg-surface-hover" | "--wui-color-bg-surface-secondary-active" | "--wui-color-bg-surface-secondary-hover" | "--wui-color-bg-surface-secondary" | "--wui-color-bg-surface-selected-active" | "--wui-color-bg-surface-selected-hover" | "--wui-color-bg-surface-selected" | "--wui-color-bg-surface-tertiary" | "--wui-color-bg-surface" | "--wui-color-bg-tooltip" | "--wui-color-border-active-selected" | "--wui-color-border-active" | "--wui-color-border-disabled" | "--wui-color-border-hover-selected" | "--wui-color-border-hover" | "--wui-color-border-secondary-active" | "--wui-color-border-secondary-hover" | "--wui-color-border-secondary" | "--wui-color-border-selected" | "--wui-color-border" | "--wui-color-drop-shadow" | "--wui-color-focus-color" | "--wui-color-focus-ring-disabled" | "--wui-color-focus-ring" | "--wui-color-icon-disabled" | "--wui-color-icon-on-fill" | "--wui-color-icon-selected" | "--wui-color-icon" | "--wui-color-invalid-indicator" | "--wui-color-notification-pill-color" | "--wui-color-segmented-control-checked-background" | "--wui-color-text-button" | "--wui-color-text-disabled" | "--wui-color-text-link" | "--wui-color-text-on-fill-white-selected" | "--wui-color-text-on-fill" | "--wui-color-text-secondary" | "--wui-color-text-selected" | "--wui-color-text" | "--wui-typography-family-brand" | "--wui-typography-family-default" | "--wui-typography-family-mono" | "--wui-typography-weight-body-bold" | "--wui-typography-weight-body" | "--wui-typography-weight-heading" | "--wui-typography-weight-label-bold" | "--wui-typography-weight-label";
1887
1885
  type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<"div"> & {
1888
1886
  children: ReactNode;
1889
1887
  overrides: Partial<Record<CustomizableTokens, number | string>>;
@@ -5037,5 +5035,5 @@ declare namespace index_d_exports {
5037
5035
  export { ActionButton, ActionButtonProps, Avatar, AvatarProps, AvatarStatus, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, ClickRegionProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorGridOptionProps, ColorGridProps, ColorList, ColorListGroup, ColorListGroupProps, ColorListOption, ColorListOptionProps, ColorListProps, ColorPicker, ColorPickerPopoverContent, ColorPickerPopoverContentProps, ColorPickerProps, ColorPickerSection, ColorPickerSectionProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorSchemeTypes, ColorSchemeWrapper, ColorSchemeWrapperProps, Combobox, ComboboxOption, ComboboxOptionProps, ComboboxProps, ContextMenu, ContextMenuProps, ContrastControls, ContrastEnforcerSwitch, ContrastIndicator, ContrastPreview, CustomizableThemeWrapper, CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, DataCardProps, DataCardTrend, DataCardTrendProps, DataCards, DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, DataListProps, DatePicker, DatePickerProps, Divider, EditableHeading, EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, EditableTextProps, EditableTextRoot, EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, EllipsisProps, FeatureCard, FeatureCardImage, FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, FormFieldProps, FormGroup, FormGroupProps, FormProps, GradientNameType, Grid, GridProps, Heading, HeadingProps, HexColorInput, HexColorInputProps, HueSlider, Icon, IconButton, IconButtonProps, IconNameType, Image, ImageDimensionsValidator, ImageProps, Input, InputClickToCopy, InputClickToCopyProps, InputDuration, InputDurationProps, InputPassword, InputPasswordProps, InputProps, KeyboardKeys, KeyboardShortcut, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, Mark, MarkProps, Markdown, MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, MeterProps, MeterSegment, Modal, ModalCallout, ModalCallouts, ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, PopoverAnchorProps, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseButton, PopoverCloseButtonProps, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverPortal, PopoverPortalProps, PopoverProps, PopoverRoot, PopoverRootChangeDetails, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardProps, ProgressBar, ProgressBarProps, Radio, RadioCard, RadioCardImage, RadioCardImageProps, RadioCardProps, RadioGroup, RadioMenuItem, RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, Select, SelectOption, SelectOptionGroup, SelectOptionGroupProps, SelectOptionProps, SelectProps, Sidebar, SidebarButton, SidebarButtonProps, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarProps, SidebarSearchInput, SidebarSearchInputProps, SidebarTitle, SidebarTitleProps, Slider, SliderProps, SplitButton, SplitButtonProps, Stack, SubMenu, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagProps, Text, TextProps, Thumbnail, ThumbnailBadge, ThumbnailBadgeProps, ThumbnailCollage, ThumbnailCollageProps, ThumbnailProps, TimeDuration, Tooltip, TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isKeyboardKey, isUrl, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, stripExtension, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
5038
5036
  }
5039
5037
  //#endregion
5040
- export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, ContrastEnforcerSwitch, ContrastIndicator, ContrastPreview, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, DatePicker, type DatePickerProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, type GradientNameType, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, ImageDimensionsValidator, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputDuration, type InputDurationProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, PopoverCloseButton, type PopoverCloseButtonProps, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverRoot, type PopoverRootChangeDetails, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, PreviewCard, type PreviewCardProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Sidebar, SidebarButton, type SidebarButtonProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, type SidebarProps, SidebarSearchInput, type SidebarSearchInputProps, SidebarTitle, type SidebarTitleProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, type TimeDuration, Tooltip, type TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isKeyboardKey, isUrl, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, stripExtension, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
5038
+ export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, ContrastEnforcerSwitch, ContrastIndicator, ContrastPreview, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, DatePicker, type DatePickerProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, type GradientNameType, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, ImageDimensionsValidator, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputDuration, type InputDurationProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, PopoverCloseButton, type PopoverCloseButtonProps, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverRoot, type PopoverRootChangeDetails, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, PreviewCard, type PreviewCardProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Sidebar, SidebarButton, type SidebarButtonProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, type SidebarProps, SidebarSearchInput, type SidebarSearchInputProps, SidebarTitle, type SidebarTitleProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, type TimeDuration, Tooltip, type TooltipProps, UIProvider, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, buildTimeDuration, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateOnlyISOString, dateOnlyString, dateOnlyStringForSentence, dateOnlyStringNumeric, dateTime, dateTimeRounded, dateTimeString, dateTimeStringForSentence, dateTimeToDate, dateTimeToISO, dateToDateTime, dateUTCOffset, dayOfWeekString, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isKeyboardKey, isUrl, mediaDurationString, mergeRefs, millisecondsToDurationISOString, monthDayStringNumeric, mq, parseDateString, sessionDurationString, stripExtension, timeAgoString, timeOnlyString, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
5041
5039
  //# sourceMappingURL=index.d.ts.map