@wistia/ui 0.21.8-beta.ff64ac34.40b43d7 → 0.21.9-beta.01bf64de.6d29d5a

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 +103 -0
  2. package/dist/index.d.ts +4979 -4339
  3. package/dist/index.d.ts.map +1 -0
  4. package/dist/index.js +10183 -14339
  5. package/dist/index.js.map +1 -1
  6. package/package.json +16 -19
package/dist/css-custom-data.css CHANGED
@@ -26,6 +26,13 @@
26
26
  --wui-blue-alpha-9: #0026e0d6;
27
27
  --wui-blue-contrast: #ffffff;
28
28
  --wui-blue-surface: #f4f8ffcc;
29
+ --wui-border-radius-00: 0;
30
+ --wui-border-radius-01: 4px;
31
+ --wui-border-radius-02: 8px;
32
+ --wui-border-radius-03: 16px;
33
+ --wui-border-radius-04: 20px;
34
+ --wui-border-radius-05: 24px;
35
+ --wui-border-radius-rounded: 1000px;
29
36
  --wui-color-accent-10: var(--wui-blue-10);
30
37
  --wui-color-accent-11: var(--wui-blue-11);
31
38
  --wui-color-accent-12: var(--wui-blue-12);
@@ -344,6 +351,8 @@
344
351
  --wui-color-text-warning: var(--wui-warning-12);
345
352
  --wui-color-text-yellow: var(--wui-yellow-11);
346
353
  --wui-color-text: var(--wui-color-base-12);
354
+ --wui-elevation-01: 0px 4px 8px 0px var(--wui-color-drop-shadow);
355
+ --wui-elevation-02: 0px 4px 24px 0px var(--wui-color-drop-shadow);
347
356
  --wui-error-10: #d73840;
348
357
  --wui-error-11: #cc2e39;
349
358
  --wui-error-12: #64181b;
@@ -422,6 +431,17 @@
422
431
  --wui-green-alpha-9: #159f00ae;
423
432
  --wui-green-contrast: #ffffff;
424
433
  --wui-green-surface: #f3faf1cc;
434
+ --wui-motion-duration-01: 70ms;
435
+ --wui-motion-duration-02: 110ms;
436
+ --wui-motion-duration-03: 150ms;
437
+ --wui-motion-duration-04: 240ms;
438
+ --wui-motion-duration-05: 400ms;
439
+ --wui-motion-duration-06: 700ms;
440
+ --wui-motion-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
441
+ --wui-motion-ease-in: cubic-bezier(0.42, 0, 1, 1);
442
+ --wui-motion-ease-out: cubic-bezier(0.19, 0.91, 0.38, 1);
443
+ --wui-motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
444
+ --wui-motion-linear: cubic-bezier(0, 0, 1, 1);
425
445
  --wui-orange-10: #c23600;
426
446
  --wui-orange-11: #ce4216;
427
447
  --wui-orange-12: #592b1e;
@@ -526,6 +546,16 @@
526
546
  --wui-red-alpha-9: #ff002ed4;
527
547
  --wui-red-contrast: #ffffff;
528
548
  --wui-red-surface: #fff5f5cc;
549
+ --wui-space-00: 0px;
550
+ --wui-space-01: 4px;
551
+ --wui-space-02: 8px;
552
+ --wui-space-03: 12px;
553
+ --wui-space-04: 16px;
554
+ --wui-space-05: 24px;
555
+ --wui-space-06: 32px;
556
+ --wui-space-07: 40px;
557
+ --wui-space-08: 48px;
558
+ --wui-space-09: 64px;
529
559
  --wui-success-10: #289662;
530
560
  --wui-success-11: #00814c;
531
561
  --wui-success-12: #1d3b2a;
@@ -552,6 +582,72 @@
552
582
  --wui-success-alpha-9: #008f4acf;
553
583
  --wui-success-contrast: #ffffff;
554
584
  --wui-success-surface: #f1faf5cc;
585
+ --wui-typography-body-1-family: var(--wui-typography-family-default);
586
+ --wui-typography-body-1-line-height: 30px;
587
+ --wui-typography-body-1-paragraph-spacing: 16px;
588
+ --wui-typography-body-1-size: 20px;
589
+ --wui-typography-body-1-weight: var(--wui-typography-weight-body);
590
+ --wui-typography-body-2-family: var(--wui-typography-family-default);
591
+ --wui-typography-body-2-line-height: 26px;
592
+ --wui-typography-body-2-paragraph-spacing: 12px;
593
+ --wui-typography-body-2-size: 16px;
594
+ --wui-typography-body-2-weight: var(--wui-typography-weight-body);
595
+ --wui-typography-body-3-family: var(--wui-typography-family-default);
596
+ --wui-typography-body-3-line-height: 22px;
597
+ --wui-typography-body-3-paragraph-spacing: 8px;
598
+ --wui-typography-body-3-size: 14px;
599
+ --wui-typography-body-3-weight: var(--wui-typography-weight-body);
600
+ --wui-typography-body-4-family: var(--wui-typography-family-default);
601
+ --wui-typography-body-4-line-height: 18px;
602
+ --wui-typography-body-4-paragraph-spacing: 8px;
603
+ --wui-typography-body-4-size: 12px;
604
+ --wui-typography-body-4-weight: var(--wui-typography-weight-body);
605
+ --wui-typography-family-brand: 'GT Walsheim', sans-serif;
606
+ --wui-typography-family-default: intervariable, sans-serif;
607
+ --wui-typography-family-mono: 'IBM Plex Mono', monospace;
608
+ --wui-typography-heading-1-family: var(--wui-typography-family-brand);
609
+ --wui-typography-heading-1-line-height: 44px;
610
+ --wui-typography-heading-1-size: 36px;
611
+ --wui-typography-heading-2-family: var(--wui-typography-family-brand);
612
+ --wui-typography-heading-2-line-height: 38px;
613
+ --wui-typography-heading-2-size: 32px;
614
+ --wui-typography-heading-3-family: var(--wui-typography-family-brand);
615
+ --wui-typography-heading-3-line-height: 30px;
616
+ --wui-typography-heading-3-size: 24px;
617
+ --wui-typography-heading-4-family: var(--wui-typography-family-brand);
618
+ --wui-typography-heading-4-line-height: 24px;
619
+ --wui-typography-heading-4-size: 18px;
620
+ --wui-typography-heading-5-family: var(--wui-typography-family-brand);
621
+ --wui-typography-heading-5-line-height: 22px;
622
+ --wui-typography-heading-5-size: 16px;
623
+ --wui-typography-heading-6-family: var(--wui-typography-family-brand);
624
+ --wui-typography-heading-6-line-height: 18px;
625
+ --wui-typography-heading-6-size: 14px;
626
+ --wui-typography-heading-hero-family: var(--wui-typography-family-brand);
627
+ --wui-typography-heading-hero-line-height: 58px;
628
+ --wui-typography-heading-hero-size: 48px;
629
+ --wui-typography-label-1-family: var(--wui-typography-family-default);
630
+ --wui-typography-label-1-line-height: 24px;
631
+ --wui-typography-label-1-size: 18px;
632
+ --wui-typography-label-1-weight: var(--wui-typography-weight-label);
633
+ --wui-typography-label-2-family: var(--wui-typography-family-default);
634
+ --wui-typography-label-2-line-height: 18px;
635
+ --wui-typography-label-2-size: 16px;
636
+ --wui-typography-label-2-weight: var(--wui-typography-weight-label);
637
+ --wui-typography-label-3-family: var(--wui-typography-family-default);
638
+ --wui-typography-label-3-line-height: 16px;
639
+ --wui-typography-label-3-size: 14px;
640
+ --wui-typography-label-3-weight: var(--wui-typography-weight-label);
641
+ --wui-typography-label-4-family: var(--wui-typography-family-default);
642
+ --wui-typography-label-4-line-height: 14px;
643
+ --wui-typography-label-4-size: 12px;
644
+ --wui-typography-label-4-weight: var(--wui-typography-weight-label);
645
+ --wui-typography-weight-body-bold: 700;
646
+ --wui-typography-weight-body: 425;
647
+ --wui-typography-weight-brand-black: 700;
648
+ --wui-typography-weight-brand-bold: 600;
649
+ --wui-typography-weight-label-bold: 600;
650
+ --wui-typography-weight-label: 475;
555
651
  --wui-vendor-hubspot-10: #f24d25;
556
652
  --wui-vendor-hubspot-11: #d93a0f;
557
653
  --wui-vendor-hubspot-12: #5b2a1e;
@@ -646,4 +742,11 @@
646
742
  --wui-yellow-alpha-9: #b5b800e5;
647
743
  --wui-yellow-contrast: #22230b;
648
744
  --wui-yellow-surface: #fafbe5cc;
745
+ --wui-zindex-backdrop: 500;
746
+ --wui-zindex-menu: 500;
747
+ --wui-zindex-modal: 500;
748
+ --wui-zindex-popover: 500;
749
+ --wui-zindex-select: 500;
750
+ --wui-zindex-tooltip: 500;
751
+ --wui-zindex-under: -1;
649
752
  }