@wix/react-component-schema 1.7.0 → 1.8.0

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 (9) hide show
  1. package/dist/index.d.ts +414 -0
  2. package/dist/index.js +237 -1
  3. package/dist/theme-variables.module.css +199 -0
  4. package/dist/theme-variables.scss +199 -0
  5. package/package.json +7 -3
  6. package/src/__snapshots__/index.test.ts.snap +1057 -1
  7. package/src/index.test.ts +10 -0
  8. package/src/index.ts +15 -0
  9. package/vite.config.ts +25 -0
package/dist/index.js CHANGED
@@ -539,6 +539,236 @@ var MEDIA = {
539
539
  VECTOR_ART_CATEGORY: VectorArtCategoryTypes,
540
540
  IMAGE_CATEGORY: ImageCategoryTypes
541
541
  };
542
+ const BoxColorVariableNames = {
543
+ "wst-box-primary-background-color": "wst-box-primary-background-color",
544
+ "wst-box-primary-border-left-color": "wst-box-primary-border-left-color",
545
+ "wst-box-primary-border-right-color": "wst-box-primary-border-right-color",
546
+ "wst-box-primary-border-top-color": "wst-box-primary-border-top-color",
547
+ "wst-box-primary-border-bottom-color": "wst-box-primary-border-bottom-color",
548
+ "wst-box-secondary-background-color": "wst-box-secondary-background-color",
549
+ "wst-box-secondary-border-left-color": "wst-box-secondary-border-left-color",
550
+ "wst-box-secondary-border-right-color": "wst-box-secondary-border-right-color",
551
+ "wst-box-secondary-border-top-color": "wst-box-secondary-border-top-color",
552
+ "wst-box-secondary-border-bottom-color": "wst-box-secondary-border-bottom-color"
553
+ };
554
+ const BoxVariableNames = {
555
+ ...BoxColorVariableNames,
556
+ "wst-box-primary-background-image": "wst-box-primary-background-image",
557
+ "wst-box-secondary-background-image": "wst-box-secondary-background-image",
558
+ "wst-box-primary-border-left-width": "wst-box-primary-border-left-width",
559
+ "wst-box-primary-border-right-width": "wst-box-primary-border-right-width",
560
+ "wst-box-primary-border-top-width": "wst-box-primary-border-top-width",
561
+ "wst-box-primary-border-bottom-width": "wst-box-primary-border-bottom-width",
562
+ "wst-box-primary-border-left-style": "wst-box-primary-border-left-style",
563
+ "wst-box-primary-border-right-style": "wst-box-primary-border-right-style",
564
+ "wst-box-primary-border-top-style": "wst-box-primary-border-top-style",
565
+ "wst-box-primary-border-bottom-style": "wst-box-primary-border-bottom-style",
566
+ "wst-box-primary-border-top-left-radius": "wst-box-primary-border-top-left-radius",
567
+ "wst-box-primary-border-top-right-radius": "wst-box-primary-border-top-right-radius",
568
+ "wst-box-primary-border-bottom-left-radius": "wst-box-primary-border-bottom-left-radius",
569
+ "wst-box-primary-border-bottom-right-radius": "wst-box-primary-border-bottom-right-radius",
570
+ "wst-box-primary-box-shadow": "wst-box-primary-box-shadow",
571
+ "wst-box-secondary-border-left-width": "wst-box-secondary-border-left-width",
572
+ "wst-box-secondary-border-right-width": "wst-box-secondary-border-right-width",
573
+ "wst-box-secondary-border-top-width": "wst-box-secondary-border-top-width",
574
+ "wst-box-secondary-border-bottom-width": "wst-box-secondary-border-bottom-width",
575
+ "wst-box-secondary-border-left-style": "wst-box-secondary-border-left-style",
576
+ "wst-box-secondary-border-right-style": "wst-box-secondary-border-right-style",
577
+ "wst-box-secondary-border-top-style": "wst-box-secondary-border-top-style",
578
+ "wst-box-secondary-border-bottom-style": "wst-box-secondary-border-bottom-style",
579
+ "wst-box-secondary-border-top-left-radius": "wst-box-secondary-border-top-left-radius",
580
+ "wst-box-secondary-border-top-right-radius": "wst-box-secondary-border-top-right-radius",
581
+ "wst-box-secondary-border-bottom-left-radius": "wst-box-secondary-border-bottom-left-radius",
582
+ "wst-box-secondary-border-bottom-right-radius": "wst-box-secondary-border-bottom-right-radius",
583
+ "wst-box-secondary-padding-bottom": "wst-box-secondary-padding-bottom",
584
+ "wst-box-secondary-padding-top": "wst-box-secondary-padding-top",
585
+ "wst-box-secondary-padding-left": "wst-box-secondary-padding-left",
586
+ "wst-box-secondary-padding-right": "wst-box-secondary-padding-right",
587
+ "wst-box-secondary-box-shadow": "wst-box-secondary-box-shadow"
588
+ };
589
+ const ButtonColorVariableNames = {
590
+ "wst-button-primary-background-color": "wst-button-primary-background-color",
591
+ "wst-button-primary-border-left-color": "wst-button-primary-border-left-color",
592
+ "wst-button-primary-border-right-color": "wst-button-primary-border-right-color",
593
+ "wst-button-primary-border-top-color": "wst-button-primary-border-top-color",
594
+ "wst-button-primary-border-bottom-color": "wst-button-primary-border-bottom-color",
595
+ "wst-button-primary-color": "wst-button-primary-color",
596
+ "wst-button-primary-text-highlight": "wst-button-primary-text-highlight",
597
+ "wst-button-secondary-background-color": "wst-button-secondary-background-color",
598
+ "wst-button-secondary-border-left-color": "wst-button-secondary-border-left-color",
599
+ "wst-button-secondary-border-right-color": "wst-button-secondary-border-right-color",
600
+ "wst-button-secondary-border-top-color": "wst-button-secondary-border-top-color",
601
+ "wst-button-secondary-border-bottom-color": "wst-button-secondary-border-bottom-color",
602
+ "wst-button-secondary-color": "wst-button-secondary-color",
603
+ "wst-button-secondary-text-highlight": "wst-button-secondary-text-highlight",
604
+ "wst-button-tertiary-background-color": "wst-button-tertiary-background-color",
605
+ "wst-button-tertiary-border-left-color": "wst-button-tertiary-border-left-color",
606
+ "wst-button-tertiary-border-right-color": "wst-button-tertiary-border-right-color",
607
+ "wst-button-tertiary-border-top-color": "wst-button-tertiary-border-top-color",
608
+ "wst-button-tertiary-border-bottom-color": "wst-button-tertiary-border-bottom-color",
609
+ "wst-button-tertiary-color": "wst-button-tertiary-color",
610
+ "wst-button-tertiary-text-highlight": "wst-button-tertiary-text-highlight"
611
+ };
612
+ const ButtonVariableNames = {
613
+ ...ButtonColorVariableNames,
614
+ "wst-button-primary-background-image": "wst-button-primary-background-image",
615
+ "wst-button-secondary-background-image": "wst-button-secondary-background-image",
616
+ "wst-button-tertiary-background-image": "wst-button-tertiary-background-image",
617
+ "wst-button-primary-font": "wst-button-primary-font",
618
+ "wst-button-primary-font-family": "wst-button-primary-font-family",
619
+ "wst-button-primary-font-size": "wst-button-primary-font-size",
620
+ "wst-button-primary-font-style": "wst-button-primary-font-style",
621
+ "wst-button-primary-font-weight": "wst-button-primary-font-weight",
622
+ "wst-button-primary-text-decoration": "wst-button-primary-text-decoration",
623
+ "wst-button-primary-text-transform": "wst-button-primary-text-transform",
624
+ "wst-button-primary-letter-spacing": "wst-button-primary-letter-spacing",
625
+ "wst-button-primary-line-height": "wst-button-primary-line-height",
626
+ "wst-button-primary-text-shadow": "wst-button-primary-text-shadow",
627
+ "wst-button-primary-box-shadow": "wst-button-primary-box-shadow",
628
+ "wst-button-primary-border-left-width": "wst-button-primary-border-left-width",
629
+ "wst-button-primary-border-right-width": "wst-button-primary-border-right-width",
630
+ "wst-button-primary-border-top-width": "wst-button-primary-border-top-width",
631
+ "wst-button-primary-border-bottom-width": "wst-button-primary-border-bottom-width",
632
+ "wst-button-primary-border-left-style": "wst-button-primary-border-left-style",
633
+ "wst-button-primary-border-right-style": "wst-button-primary-border-right-style",
634
+ "wst-button-primary-border-top-style": "wst-button-primary-border-top-style",
635
+ "wst-button-primary-border-bottom-style": "wst-button-primary-border-bottom-style",
636
+ "wst-button-primary-padding-bottom": "wst-button-primary-padding-bottom",
637
+ "wst-button-primary-padding-top": "wst-button-primary-padding-top",
638
+ "wst-button-primary-padding-left": "wst-button-primary-padding-left",
639
+ "wst-button-primary-padding-right": "wst-button-primary-padding-right",
640
+ "wst-button-primary-border-top-left-radius": "wst-button-primary-border-top-left-radius",
641
+ "wst-button-primary-border-top-right-radius": "wst-button-primary-border-top-right-radius",
642
+ "wst-button-primary-border-bottom-left-radius": "wst-button-primary-border-bottom-left-radius",
643
+ "wst-button-primary-border-bottom-right-radius": "wst-button-primary-border-bottom-right-radius",
644
+ "wst-button-primary-column-gap": "wst-button-primary-column-gap",
645
+ "wst-button-primary-row-gap": "wst-button-primary-row-gap",
646
+ "wst-button-primary-justify-content": "wst-button-primary-justify-content",
647
+ "wst-button-secondary-font": "wst-button-secondary-font",
648
+ "wst-button-secondary-font-family": "wst-button-secondary-font-family",
649
+ "wst-button-secondary-font-size": "wst-button-secondary-font-size",
650
+ "wst-button-secondary-font-style": "wst-button-secondary-font-style",
651
+ "wst-button-secondary-font-weight": "wst-button-secondary-font-weight",
652
+ "wst-button-secondary-text-decoration": "wst-button-secondary-text-decoration",
653
+ "wst-button-secondary-text-transform": "wst-button-secondary-text-transform",
654
+ "wst-button-secondary-letter-spacing": "wst-button-secondary-letter-spacing",
655
+ "wst-button-secondary-line-height": "wst-button-secondary-line-height",
656
+ "wst-button-secondary-text-shadow": "wst-button-secondary-text-shadow",
657
+ "wst-button-secondary-box-shadow": "wst-button-secondary-box-shadow",
658
+ "wst-button-secondary-border-left-width": "wst-button-secondary-border-left-width",
659
+ "wst-button-secondary-border-right-width": "wst-button-secondary-border-right-width",
660
+ "wst-button-secondary-border-top-width": "wst-button-secondary-border-top-width",
661
+ "wst-button-secondary-border-bottom-width": "wst-button-secondary-border-bottom-width",
662
+ "wst-button-secondary-border-left-style": "wst-button-secondary-border-left-style",
663
+ "wst-button-secondary-border-right-style": "wst-button-secondary-border-right-style",
664
+ "wst-button-secondary-border-top-style": "wst-button-secondary-border-top-style",
665
+ "wst-button-secondary-border-bottom-style": "wst-button-secondary-border-bottom-style",
666
+ "wst-button-secondary-padding-bottom": "wst-button-secondary-padding-bottom",
667
+ "wst-button-secondary-padding-top": "wst-button-secondary-padding-top",
668
+ "wst-button-secondary-padding-left": "wst-button-secondary-padding-left",
669
+ "wst-button-secondary-padding-right": "wst-button-secondary-padding-right",
670
+ "wst-button-secondary-border-top-left-radius": "wst-button-secondary-border-top-left-radius",
671
+ "wst-button-secondary-border-top-right-radius": "wst-button-secondary-border-top-right-radius",
672
+ "wst-button-secondary-border-bottom-left-radius": "wst-button-secondary-border-bottom-left-radius",
673
+ "wst-button-secondary-border-bottom-right-radius": "wst-button-secondary-border-bottom-right-radius",
674
+ "wst-button-secondary-column-gap": "wst-button-secondary-column-gap",
675
+ "wst-button-secondary-row-gap": "wst-button-secondary-row-gap",
676
+ "wst-button-secondary-justify-content": "wst-button-secondary-justify-content",
677
+ "wst-button-tertiary-font": "wst-button-tertiary-font",
678
+ "wst-button-tertiary-font-family": "wst-button-tertiary-font-family",
679
+ "wst-button-tertiary-font-size": "wst-button-tertiary-font-size",
680
+ "wst-button-tertiary-font-style": "wst-button-tertiary-font-style",
681
+ "wst-button-tertiary-font-weight": "wst-button-tertiary-font-weight",
682
+ "wst-button-tertiary-text-decoration": "wst-button-tertiary-text-decoration",
683
+ "wst-button-tertiary-text-transform": "wst-button-tertiary-text-transform",
684
+ "wst-button-tertiary-letter-spacing": "wst-button-tertiary-letter-spacing",
685
+ "wst-button-tertiary-line-height": "wst-button-tertiary-line-height",
686
+ "wst-button-tertiary-text-shadow": "wst-button-tertiary-text-shadow",
687
+ "wst-button-tertiary-box-shadow": "wst-button-tertiary-box-shadow",
688
+ "wst-button-tertiary-border-left-width": "wst-button-tertiary-border-left-width",
689
+ "wst-button-tertiary-border-right-width": "wst-button-tertiary-border-right-width",
690
+ "wst-button-tertiary-border-top-width": "wst-button-tertiary-border-top-width",
691
+ "wst-button-tertiary-border-bottom-width": "wst-button-tertiary-border-bottom-width",
692
+ "wst-button-tertiary-border-left-style": "wst-button-tertiary-border-left-style",
693
+ "wst-button-tertiary-border-right-style": "wst-button-tertiary-border-right-style",
694
+ "wst-button-tertiary-border-top-style": "wst-button-tertiary-border-top-style",
695
+ "wst-button-tertiary-border-bottom-style": "wst-button-tertiary-border-bottom-style",
696
+ "wst-button-tertiary-padding-bottom": "wst-button-tertiary-padding-bottom",
697
+ "wst-button-tertiary-padding-top": "wst-button-tertiary-padding-top",
698
+ "wst-button-tertiary-padding-left": "wst-button-tertiary-padding-left",
699
+ "wst-button-tertiary-padding-right": "wst-button-tertiary-padding-right",
700
+ "wst-button-tertiary-border-top-left-radius": "wst-button-tertiary-border-top-left-radius",
701
+ "wst-button-tertiary-border-top-right-radius": "wst-button-tertiary-border-top-right-radius",
702
+ "wst-button-tertiary-border-bottom-left-radius": "wst-button-tertiary-border-bottom-left-radius",
703
+ "wst-button-tertiary-border-bottom-right-radius": "wst-button-tertiary-border-bottom-right-radius",
704
+ "wst-button-tertiary-column-gap": "wst-button-tertiary-column-gap",
705
+ "wst-button-tertiary-row-gap": "wst-button-tertiary-row-gap",
706
+ "wst-button-tertiary-justify-content": "wst-button-tertiary-justify-content"
707
+ };
708
+ const BaseColorVariableNames = {
709
+ "wst-base-1-color": "wst-base-1-color",
710
+ "wst-base-2-color": "wst-base-2-color",
711
+ "wst-shade-1-color": "wst-shade-1-color",
712
+ "wst-shade-2-color": "wst-shade-2-color",
713
+ "wst-shade-3-color": "wst-shade-3-color",
714
+ "wst-accent-1-color": "wst-accent-1-color",
715
+ "wst-accent-2-color": "wst-accent-2-color",
716
+ "wst-accent-3-color": "wst-accent-3-color",
717
+ "wst-accent-4-color": "wst-accent-4-color"
718
+ };
719
+ const ColorVariableNames = {
720
+ ...BaseColorVariableNames,
721
+ "wst-primary-background-color": "wst-primary-background-color",
722
+ "wst-secondary-background-color": "wst-secondary-background-color",
723
+ "wst-links-and-actions-color": "wst-links-and-actions-color",
724
+ "wst-graphics-1-color": "wst-graphics-1-color",
725
+ "wst-graphics-2-color": "wst-graphics-2-color",
726
+ "wst-system-success-color": "wst-system-success-color",
727
+ "wst-system-error-color": "wst-system-error-color",
728
+ "wst-system-alert-color": "wst-system-alert-color",
729
+ "wst-system-disabled-color": "wst-system-disabled-color",
730
+ "wst-system-default-dark-color": "wst-system-default-dark-color",
731
+ "wst-system-default-light-color": "wst-system-default-light-color"
732
+ };
733
+ const LineColorVariableNames = {
734
+ "wst-system-line-1-color": "wst-system-line-1-color",
735
+ "wst-system-line-2-color": "wst-system-line-2-color"
736
+ };
737
+ const LineVariableNames = {
738
+ ...LineColorVariableNames,
739
+ "wst-system-line-1-width": "wst-system-line-1-width",
740
+ "wst-system-line-2-width": "wst-system-line-2-width"
741
+ };
742
+ const TextColorVariableNames = {
743
+ "wst-heading-1-color": "wst-heading-1-color",
744
+ "wst-heading-2-color": "wst-heading-2-color",
745
+ "wst-heading-3-color": "wst-heading-3-color",
746
+ "wst-heading-4-color": "wst-heading-4-color",
747
+ "wst-heading-5-color": "wst-heading-5-color",
748
+ "wst-heading-6-color": "wst-heading-6-color",
749
+ "wst-paragraph-1-color": "wst-paragraph-1-color",
750
+ "wst-paragraph-2-color": "wst-paragraph-2-color",
751
+ "wst-paragraph-3-color": "wst-paragraph-3-color"
752
+ };
753
+ const TextVariableNames = {
754
+ ...TextColorVariableNames,
755
+ "wst-heading-1-font": "wst-heading-1-font",
756
+ "wst-heading-2-font": "wst-heading-2-font",
757
+ "wst-heading-3-font": "wst-heading-3-font",
758
+ "wst-heading-4-font": "wst-heading-4-font",
759
+ "wst-heading-5-font": "wst-heading-5-font",
760
+ "wst-heading-6-font": "wst-heading-6-font",
761
+ "wst-paragraph-1-font": "wst-paragraph-1-font",
762
+ "wst-paragraph-2-font": "wst-paragraph-2-font",
763
+ "wst-paragraph-3-font": "wst-paragraph-3-font"
764
+ };
765
+ const WixThemeVariableNames = {
766
+ ...ColorVariableNames,
767
+ ...TextVariableNames,
768
+ ...ButtonVariableNames,
769
+ ...BoxVariableNames,
770
+ ...LineVariableNames
771
+ };
542
772
  const DOM_EVENT = {
543
773
  POINTER: "POINTER",
544
774
  CHANGE: "CHANGE",
@@ -550,15 +780,21 @@ export {
550
780
  ACTIONS,
551
781
  ActionName as ACTION_NAME,
552
782
  Archetype as ARCHETYPE,
783
+ BoxVariableNames,
784
+ ButtonVariableNames,
553
785
  ContainerType as CONTAINER_TYPE,
554
786
  CSS_PROPERTIES,
787
+ ColorVariableNames,
555
788
  DATA,
556
789
  DISPLAY_GROUPS,
557
790
  DOM_EVENT,
558
791
  ELEMENTS,
559
792
  INTERACTIONS,
560
793
  LAYOUT,
794
+ LineVariableNames,
561
795
  MEDIA,
562
796
  NativeStateType as NATIVE_STATE_TYPE,
563
- OverrideType
797
+ OverrideType,
798
+ TextVariableNames,
799
+ WixThemeVariableNames
564
800
  };
package/dist/theme-variables.module.css ADDED
@@ -0,0 +1,199 @@
1
+ /* Auto-generated — do not edit. Source: WixThemeVariableNames. */
2
+ @value wst-base-1-color: --wst-base-1-color;
3
+ @value wst-base-2-color: --wst-base-2-color;
4
+ @value wst-shade-1-color: --wst-shade-1-color;
5
+ @value wst-shade-2-color: --wst-shade-2-color;
6
+ @value wst-shade-3-color: --wst-shade-3-color;
7
+ @value wst-accent-1-color: --wst-accent-1-color;
8
+ @value wst-accent-2-color: --wst-accent-2-color;
9
+ @value wst-accent-3-color: --wst-accent-3-color;
10
+ @value wst-accent-4-color: --wst-accent-4-color;
11
+ @value wst-primary-background-color: --wst-primary-background-color;
12
+ @value wst-secondary-background-color: --wst-secondary-background-color;
13
+ @value wst-links-and-actions-color: --wst-links-and-actions-color;
14
+ @value wst-graphics-1-color: --wst-graphics-1-color;
15
+ @value wst-graphics-2-color: --wst-graphics-2-color;
16
+ @value wst-system-success-color: --wst-system-success-color;
17
+ @value wst-system-error-color: --wst-system-error-color;
18
+ @value wst-system-alert-color: --wst-system-alert-color;
19
+ @value wst-system-disabled-color: --wst-system-disabled-color;
20
+ @value wst-system-default-dark-color: --wst-system-default-dark-color;
21
+ @value wst-system-default-light-color: --wst-system-default-light-color;
22
+ @value wst-heading-1-color: --wst-heading-1-color;
23
+ @value wst-heading-2-color: --wst-heading-2-color;
24
+ @value wst-heading-3-color: --wst-heading-3-color;
25
+ @value wst-heading-4-color: --wst-heading-4-color;
26
+ @value wst-heading-5-color: --wst-heading-5-color;
27
+ @value wst-heading-6-color: --wst-heading-6-color;
28
+ @value wst-paragraph-1-color: --wst-paragraph-1-color;
29
+ @value wst-paragraph-2-color: --wst-paragraph-2-color;
30
+ @value wst-paragraph-3-color: --wst-paragraph-3-color;
31
+ @value wst-heading-1-font: --wst-heading-1-font;
32
+ @value wst-heading-2-font: --wst-heading-2-font;
33
+ @value wst-heading-3-font: --wst-heading-3-font;
34
+ @value wst-heading-4-font: --wst-heading-4-font;
35
+ @value wst-heading-5-font: --wst-heading-5-font;
36
+ @value wst-heading-6-font: --wst-heading-6-font;
37
+ @value wst-paragraph-1-font: --wst-paragraph-1-font;
38
+ @value wst-paragraph-2-font: --wst-paragraph-2-font;
39
+ @value wst-paragraph-3-font: --wst-paragraph-3-font;
40
+ @value wst-button-primary-background-color: --wst-button-primary-background-color;
41
+ @value wst-button-primary-border-left-color: --wst-button-primary-border-left-color;
42
+ @value wst-button-primary-border-right-color: --wst-button-primary-border-right-color;
43
+ @value wst-button-primary-border-top-color: --wst-button-primary-border-top-color;
44
+ @value wst-button-primary-border-bottom-color: --wst-button-primary-border-bottom-color;
45
+ @value wst-button-primary-color: --wst-button-primary-color;
46
+ @value wst-button-primary-text-highlight: --wst-button-primary-text-highlight;
47
+ @value wst-button-secondary-background-color: --wst-button-secondary-background-color;
48
+ @value wst-button-secondary-border-left-color: --wst-button-secondary-border-left-color;
49
+ @value wst-button-secondary-border-right-color: --wst-button-secondary-border-right-color;
50
+ @value wst-button-secondary-border-top-color: --wst-button-secondary-border-top-color;
51
+ @value wst-button-secondary-border-bottom-color: --wst-button-secondary-border-bottom-color;
52
+ @value wst-button-secondary-color: --wst-button-secondary-color;
53
+ @value wst-button-secondary-text-highlight: --wst-button-secondary-text-highlight;
54
+ @value wst-button-tertiary-background-color: --wst-button-tertiary-background-color;
55
+ @value wst-button-tertiary-border-left-color: --wst-button-tertiary-border-left-color;
56
+ @value wst-button-tertiary-border-right-color: --wst-button-tertiary-border-right-color;
57
+ @value wst-button-tertiary-border-top-color: --wst-button-tertiary-border-top-color;
58
+ @value wst-button-tertiary-border-bottom-color: --wst-button-tertiary-border-bottom-color;
59
+ @value wst-button-tertiary-color: --wst-button-tertiary-color;
60
+ @value wst-button-tertiary-text-highlight: --wst-button-tertiary-text-highlight;
61
+ @value wst-button-primary-background-image: --wst-button-primary-background-image;
62
+ @value wst-button-secondary-background-image: --wst-button-secondary-background-image;
63
+ @value wst-button-tertiary-background-image: --wst-button-tertiary-background-image;
64
+ @value wst-button-primary-font: --wst-button-primary-font;
65
+ @value wst-button-primary-font-family: --wst-button-primary-font-family;
66
+ @value wst-button-primary-font-size: --wst-button-primary-font-size;
67
+ @value wst-button-primary-font-style: --wst-button-primary-font-style;
68
+ @value wst-button-primary-font-weight: --wst-button-primary-font-weight;
69
+ @value wst-button-primary-text-decoration: --wst-button-primary-text-decoration;
70
+ @value wst-button-primary-text-transform: --wst-button-primary-text-transform;
71
+ @value wst-button-primary-letter-spacing: --wst-button-primary-letter-spacing;
72
+ @value wst-button-primary-line-height: --wst-button-primary-line-height;
73
+ @value wst-button-primary-text-shadow: --wst-button-primary-text-shadow;
74
+ @value wst-button-primary-box-shadow: --wst-button-primary-box-shadow;
75
+ @value wst-button-primary-border-left-width: --wst-button-primary-border-left-width;
76
+ @value wst-button-primary-border-right-width: --wst-button-primary-border-right-width;
77
+ @value wst-button-primary-border-top-width: --wst-button-primary-border-top-width;
78
+ @value wst-button-primary-border-bottom-width: --wst-button-primary-border-bottom-width;
79
+ @value wst-button-primary-border-left-style: --wst-button-primary-border-left-style;
80
+ @value wst-button-primary-border-right-style: --wst-button-primary-border-right-style;
81
+ @value wst-button-primary-border-top-style: --wst-button-primary-border-top-style;
82
+ @value wst-button-primary-border-bottom-style: --wst-button-primary-border-bottom-style;
83
+ @value wst-button-primary-padding-bottom: --wst-button-primary-padding-bottom;
84
+ @value wst-button-primary-padding-top: --wst-button-primary-padding-top;
85
+ @value wst-button-primary-padding-left: --wst-button-primary-padding-left;
86
+ @value wst-button-primary-padding-right: --wst-button-primary-padding-right;
87
+ @value wst-button-primary-border-top-left-radius: --wst-button-primary-border-top-left-radius;
88
+ @value wst-button-primary-border-top-right-radius: --wst-button-primary-border-top-right-radius;
89
+ @value wst-button-primary-border-bottom-left-radius: --wst-button-primary-border-bottom-left-radius;
90
+ @value wst-button-primary-border-bottom-right-radius: --wst-button-primary-border-bottom-right-radius;
91
+ @value wst-button-primary-column-gap: --wst-button-primary-column-gap;
92
+ @value wst-button-primary-row-gap: --wst-button-primary-row-gap;
93
+ @value wst-button-primary-justify-content: --wst-button-primary-justify-content;
94
+ @value wst-button-secondary-font: --wst-button-secondary-font;
95
+ @value wst-button-secondary-font-family: --wst-button-secondary-font-family;
96
+ @value wst-button-secondary-font-size: --wst-button-secondary-font-size;
97
+ @value wst-button-secondary-font-style: --wst-button-secondary-font-style;
98
+ @value wst-button-secondary-font-weight: --wst-button-secondary-font-weight;
99
+ @value wst-button-secondary-text-decoration: --wst-button-secondary-text-decoration;
100
+ @value wst-button-secondary-text-transform: --wst-button-secondary-text-transform;
101
+ @value wst-button-secondary-letter-spacing: --wst-button-secondary-letter-spacing;
102
+ @value wst-button-secondary-line-height: --wst-button-secondary-line-height;
103
+ @value wst-button-secondary-text-shadow: --wst-button-secondary-text-shadow;
104
+ @value wst-button-secondary-box-shadow: --wst-button-secondary-box-shadow;
105
+ @value wst-button-secondary-border-left-width: --wst-button-secondary-border-left-width;
106
+ @value wst-button-secondary-border-right-width: --wst-button-secondary-border-right-width;
107
+ @value wst-button-secondary-border-top-width: --wst-button-secondary-border-top-width;
108
+ @value wst-button-secondary-border-bottom-width: --wst-button-secondary-border-bottom-width;
109
+ @value wst-button-secondary-border-left-style: --wst-button-secondary-border-left-style;
110
+ @value wst-button-secondary-border-right-style: --wst-button-secondary-border-right-style;
111
+ @value wst-button-secondary-border-top-style: --wst-button-secondary-border-top-style;
112
+ @value wst-button-secondary-border-bottom-style: --wst-button-secondary-border-bottom-style;
113
+ @value wst-button-secondary-padding-bottom: --wst-button-secondary-padding-bottom;
114
+ @value wst-button-secondary-padding-top: --wst-button-secondary-padding-top;
115
+ @value wst-button-secondary-padding-left: --wst-button-secondary-padding-left;
116
+ @value wst-button-secondary-padding-right: --wst-button-secondary-padding-right;
117
+ @value wst-button-secondary-border-top-left-radius: --wst-button-secondary-border-top-left-radius;
118
+ @value wst-button-secondary-border-top-right-radius: --wst-button-secondary-border-top-right-radius;
119
+ @value wst-button-secondary-border-bottom-left-radius: --wst-button-secondary-border-bottom-left-radius;
120
+ @value wst-button-secondary-border-bottom-right-radius: --wst-button-secondary-border-bottom-right-radius;
121
+ @value wst-button-secondary-column-gap: --wst-button-secondary-column-gap;
122
+ @value wst-button-secondary-row-gap: --wst-button-secondary-row-gap;
123
+ @value wst-button-secondary-justify-content: --wst-button-secondary-justify-content;
124
+ @value wst-button-tertiary-font: --wst-button-tertiary-font;
125
+ @value wst-button-tertiary-font-family: --wst-button-tertiary-font-family;
126
+ @value wst-button-tertiary-font-size: --wst-button-tertiary-font-size;
127
+ @value wst-button-tertiary-font-style: --wst-button-tertiary-font-style;
128
+ @value wst-button-tertiary-font-weight: --wst-button-tertiary-font-weight;
129
+ @value wst-button-tertiary-text-decoration: --wst-button-tertiary-text-decoration;
130
+ @value wst-button-tertiary-text-transform: --wst-button-tertiary-text-transform;
131
+ @value wst-button-tertiary-letter-spacing: --wst-button-tertiary-letter-spacing;
132
+ @value wst-button-tertiary-line-height: --wst-button-tertiary-line-height;
133
+ @value wst-button-tertiary-text-shadow: --wst-button-tertiary-text-shadow;
134
+ @value wst-button-tertiary-box-shadow: --wst-button-tertiary-box-shadow;
135
+ @value wst-button-tertiary-border-left-width: --wst-button-tertiary-border-left-width;
136
+ @value wst-button-tertiary-border-right-width: --wst-button-tertiary-border-right-width;
137
+ @value wst-button-tertiary-border-top-width: --wst-button-tertiary-border-top-width;
138
+ @value wst-button-tertiary-border-bottom-width: --wst-button-tertiary-border-bottom-width;
139
+ @value wst-button-tertiary-border-left-style: --wst-button-tertiary-border-left-style;
140
+ @value wst-button-tertiary-border-right-style: --wst-button-tertiary-border-right-style;
141
+ @value wst-button-tertiary-border-top-style: --wst-button-tertiary-border-top-style;
142
+ @value wst-button-tertiary-border-bottom-style: --wst-button-tertiary-border-bottom-style;
143
+ @value wst-button-tertiary-padding-bottom: --wst-button-tertiary-padding-bottom;
144
+ @value wst-button-tertiary-padding-top: --wst-button-tertiary-padding-top;
145
+ @value wst-button-tertiary-padding-left: --wst-button-tertiary-padding-left;
146
+ @value wst-button-tertiary-padding-right: --wst-button-tertiary-padding-right;
147
+ @value wst-button-tertiary-border-top-left-radius: --wst-button-tertiary-border-top-left-radius;
148
+ @value wst-button-tertiary-border-top-right-radius: --wst-button-tertiary-border-top-right-radius;
149
+ @value wst-button-tertiary-border-bottom-left-radius: --wst-button-tertiary-border-bottom-left-radius;
150
+ @value wst-button-tertiary-border-bottom-right-radius: --wst-button-tertiary-border-bottom-right-radius;
151
+ @value wst-button-tertiary-column-gap: --wst-button-tertiary-column-gap;
152
+ @value wst-button-tertiary-row-gap: --wst-button-tertiary-row-gap;
153
+ @value wst-button-tertiary-justify-content: --wst-button-tertiary-justify-content;
154
+ @value wst-box-primary-background-color: --wst-box-primary-background-color;
155
+ @value wst-box-primary-border-left-color: --wst-box-primary-border-left-color;
156
+ @value wst-box-primary-border-right-color: --wst-box-primary-border-right-color;
157
+ @value wst-box-primary-border-top-color: --wst-box-primary-border-top-color;
158
+ @value wst-box-primary-border-bottom-color: --wst-box-primary-border-bottom-color;
159
+ @value wst-box-secondary-background-color: --wst-box-secondary-background-color;
160
+ @value wst-box-secondary-border-left-color: --wst-box-secondary-border-left-color;
161
+ @value wst-box-secondary-border-right-color: --wst-box-secondary-border-right-color;
162
+ @value wst-box-secondary-border-top-color: --wst-box-secondary-border-top-color;
163
+ @value wst-box-secondary-border-bottom-color: --wst-box-secondary-border-bottom-color;
164
+ @value wst-box-primary-background-image: --wst-box-primary-background-image;
165
+ @value wst-box-secondary-background-image: --wst-box-secondary-background-image;
166
+ @value wst-box-primary-border-left-width: --wst-box-primary-border-left-width;
167
+ @value wst-box-primary-border-right-width: --wst-box-primary-border-right-width;
168
+ @value wst-box-primary-border-top-width: --wst-box-primary-border-top-width;
169
+ @value wst-box-primary-border-bottom-width: --wst-box-primary-border-bottom-width;
170
+ @value wst-box-primary-border-left-style: --wst-box-primary-border-left-style;
171
+ @value wst-box-primary-border-right-style: --wst-box-primary-border-right-style;
172
+ @value wst-box-primary-border-top-style: --wst-box-primary-border-top-style;
173
+ @value wst-box-primary-border-bottom-style: --wst-box-primary-border-bottom-style;
174
+ @value wst-box-primary-border-top-left-radius: --wst-box-primary-border-top-left-radius;
175
+ @value wst-box-primary-border-top-right-radius: --wst-box-primary-border-top-right-radius;
176
+ @value wst-box-primary-border-bottom-left-radius: --wst-box-primary-border-bottom-left-radius;
177
+ @value wst-box-primary-border-bottom-right-radius: --wst-box-primary-border-bottom-right-radius;
178
+ @value wst-box-primary-box-shadow: --wst-box-primary-box-shadow;
179
+ @value wst-box-secondary-border-left-width: --wst-box-secondary-border-left-width;
180
+ @value wst-box-secondary-border-right-width: --wst-box-secondary-border-right-width;
181
+ @value wst-box-secondary-border-top-width: --wst-box-secondary-border-top-width;
182
+ @value wst-box-secondary-border-bottom-width: --wst-box-secondary-border-bottom-width;
183
+ @value wst-box-secondary-border-left-style: --wst-box-secondary-border-left-style;
184
+ @value wst-box-secondary-border-right-style: --wst-box-secondary-border-right-style;
185
+ @value wst-box-secondary-border-top-style: --wst-box-secondary-border-top-style;
186
+ @value wst-box-secondary-border-bottom-style: --wst-box-secondary-border-bottom-style;
187
+ @value wst-box-secondary-border-top-left-radius: --wst-box-secondary-border-top-left-radius;
188
+ @value wst-box-secondary-border-top-right-radius: --wst-box-secondary-border-top-right-radius;
189
+ @value wst-box-secondary-border-bottom-left-radius: --wst-box-secondary-border-bottom-left-radius;
190
+ @value wst-box-secondary-border-bottom-right-radius: --wst-box-secondary-border-bottom-right-radius;
191
+ @value wst-box-secondary-padding-bottom: --wst-box-secondary-padding-bottom;
192
+ @value wst-box-secondary-padding-top: --wst-box-secondary-padding-top;
193
+ @value wst-box-secondary-padding-left: --wst-box-secondary-padding-left;
194
+ @value wst-box-secondary-padding-right: --wst-box-secondary-padding-right;
195
+ @value wst-box-secondary-box-shadow: --wst-box-secondary-box-shadow;
196
+ @value wst-system-line-1-color: --wst-system-line-1-color;
197
+ @value wst-system-line-2-color: --wst-system-line-2-color;
198
+ @value wst-system-line-1-width: --wst-system-line-1-width;
199
+ @value wst-system-line-2-width: --wst-system-line-2-width;