@wix/react-component-schema 1.7.0 → 1.9.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.
@@ -472,7 +472,9 @@ declare enum A11yAttributes {
472
472
  /** The value used for aria-multiline */
473
473
  ariaMultiline = "ariaMultiline",
474
474
  /** The value used for aria-invalid */
475
- ariaInvalid = "ariaInvalid"
475
+ ariaInvalid = "ariaInvalid",
476
+ /** The value used for lang attribute */
477
+ lang = "lang"
476
478
  }
477
479
 
478
480
  export declare type Action = ApiAction;
@@ -531,7 +533,8 @@ declare enum ActionType {
531
533
  style = "style",
532
534
  displayGroup = "displayGroup",
533
535
  cssProperty = "cssProperty",
534
- cssCustomProperty = "cssCustomProperty"
536
+ cssCustomProperty = "cssCustomProperty",
537
+ dashboard = "dashboard"
535
538
  }
536
539
 
537
540
  declare interface ApiAction {
@@ -542,6 +545,11 @@ declare interface ApiAction {
542
545
  displayName?: string;
543
546
  /** A model definition for declaring a concrete instructions action will perform */
544
547
  execution?: Execution;
548
+ /**
549
+ * A description of this action
550
+ * @maxLength 300
551
+ */
552
+ description?: string | null;
545
553
  }
546
554
 
547
555
  /** @oneof */
@@ -552,7 +560,7 @@ declare interface ApiArrayItemsArrayDataOneOf {
552
560
  dataItem?: DataItem;
553
561
  /**
554
562
  * Marks this array as one whose item types are dynamic and resolved at runtime.
555
- * Only applicable when a template container (containerType = TEMPLATE) has a data_item_key
563
+ * Only applicable when a template container (containerType = TEMPLATE) has an item_key
556
564
  * that references this array. Mutually exclusive with 'data' and 'data_item'.
557
565
  */
558
566
  dynamicItems?: boolean | null;
@@ -570,6 +578,20 @@ declare interface ApiBackgroundImage {
570
578
  vectorArtCategory?: VectorArtCategoryTypes;
571
579
  }
572
580
 
581
+ declare interface ApiContext {
582
+ /** A map of keys describing the context provided by this component */
583
+ items?: Record<string, ContextItem>;
584
+ /** Named preview states this context can be rendered in, keyed by state key */
585
+ states?: Record<string, ContextState>;
586
+ /** Display groups for the top-level context items, used to group and order them in the editor for better UX */
587
+ displayGroups?: Record<string, ContextDisplayGroup>;
588
+ /**
589
+ * Human friendly name of the context for human readability
590
+ * @maxLength 50
591
+ */
592
+ displayName?: string | null;
593
+ }
594
+
573
595
  export declare enum ARCHETYPE {
574
596
  UNKNOWN_Archetype = "UNKNOWN_Archetype",
575
597
  Button = "Button",
@@ -623,7 +645,7 @@ export declare interface ArrayItems extends ApiArrayItemsArrayDataOneOf {
623
645
  dataItem?: DataItem;
624
646
  /**
625
647
  * Marks this array as one whose item types are dynamic and resolved at runtime.
626
- * Only applicable when a template container (containerType = TEMPLATE) has a data_item_key
648
+ * Only applicable when a template container (containerType = TEMPLATE) has an item_key
627
649
  * that references this array. Mutually exclusive with 'data' and 'data_item'.
628
650
  */
629
651
  dynamicItems?: boolean | null;
@@ -659,6 +681,51 @@ export declare interface Behaviors {
659
681
  removable?: boolean | null;
660
682
  }
661
683
 
684
+ export declare const BoxVariableNames: {
685
+ readonly 'wst-box-primary-background-image': "wst-box-primary-background-image";
686
+ readonly 'wst-box-secondary-background-image': "wst-box-secondary-background-image";
687
+ readonly 'wst-box-primary-border-left-width': "wst-box-primary-border-left-width";
688
+ readonly 'wst-box-primary-border-right-width': "wst-box-primary-border-right-width";
689
+ readonly 'wst-box-primary-border-top-width': "wst-box-primary-border-top-width";
690
+ readonly 'wst-box-primary-border-bottom-width': "wst-box-primary-border-bottom-width";
691
+ readonly 'wst-box-primary-border-left-style': "wst-box-primary-border-left-style";
692
+ readonly 'wst-box-primary-border-right-style': "wst-box-primary-border-right-style";
693
+ readonly 'wst-box-primary-border-top-style': "wst-box-primary-border-top-style";
694
+ readonly 'wst-box-primary-border-bottom-style': "wst-box-primary-border-bottom-style";
695
+ readonly 'wst-box-primary-border-top-left-radius': "wst-box-primary-border-top-left-radius";
696
+ readonly 'wst-box-primary-border-top-right-radius': "wst-box-primary-border-top-right-radius";
697
+ readonly 'wst-box-primary-border-bottom-left-radius': "wst-box-primary-border-bottom-left-radius";
698
+ readonly 'wst-box-primary-border-bottom-right-radius': "wst-box-primary-border-bottom-right-radius";
699
+ readonly 'wst-box-primary-box-shadow': "wst-box-primary-box-shadow";
700
+ readonly 'wst-box-secondary-border-left-width': "wst-box-secondary-border-left-width";
701
+ readonly 'wst-box-secondary-border-right-width': "wst-box-secondary-border-right-width";
702
+ readonly 'wst-box-secondary-border-top-width': "wst-box-secondary-border-top-width";
703
+ readonly 'wst-box-secondary-border-bottom-width': "wst-box-secondary-border-bottom-width";
704
+ readonly 'wst-box-secondary-border-left-style': "wst-box-secondary-border-left-style";
705
+ readonly 'wst-box-secondary-border-right-style': "wst-box-secondary-border-right-style";
706
+ readonly 'wst-box-secondary-border-top-style': "wst-box-secondary-border-top-style";
707
+ readonly 'wst-box-secondary-border-bottom-style': "wst-box-secondary-border-bottom-style";
708
+ readonly 'wst-box-secondary-border-top-left-radius': "wst-box-secondary-border-top-left-radius";
709
+ readonly 'wst-box-secondary-border-top-right-radius': "wst-box-secondary-border-top-right-radius";
710
+ readonly 'wst-box-secondary-border-bottom-left-radius': "wst-box-secondary-border-bottom-left-radius";
711
+ readonly 'wst-box-secondary-border-bottom-right-radius': "wst-box-secondary-border-bottom-right-radius";
712
+ readonly 'wst-box-secondary-padding-bottom': "wst-box-secondary-padding-bottom";
713
+ readonly 'wst-box-secondary-padding-top': "wst-box-secondary-padding-top";
714
+ readonly 'wst-box-secondary-padding-left': "wst-box-secondary-padding-left";
715
+ readonly 'wst-box-secondary-padding-right': "wst-box-secondary-padding-right";
716
+ readonly 'wst-box-secondary-box-shadow': "wst-box-secondary-box-shadow";
717
+ readonly 'wst-box-primary-background-color': "wst-box-primary-background-color";
718
+ readonly 'wst-box-primary-border-left-color': "wst-box-primary-border-left-color";
719
+ readonly 'wst-box-primary-border-right-color': "wst-box-primary-border-right-color";
720
+ readonly 'wst-box-primary-border-top-color': "wst-box-primary-border-top-color";
721
+ readonly 'wst-box-primary-border-bottom-color': "wst-box-primary-border-bottom-color";
722
+ readonly 'wst-box-secondary-background-color': "wst-box-secondary-background-color";
723
+ readonly 'wst-box-secondary-border-left-color': "wst-box-secondary-border-left-color";
724
+ readonly 'wst-box-secondary-border-right-color': "wst-box-secondary-border-right-color";
725
+ readonly 'wst-box-secondary-border-top-color': "wst-box-secondary-border-top-color";
726
+ readonly 'wst-box-secondary-border-bottom-color': "wst-box-secondary-border-bottom-color";
727
+ };
728
+
662
729
  declare enum BreakpointEnumBreakpoint {
663
730
  UNKNOWN_Breakpoint = "UNKNOWN_Breakpoint",
664
731
  /** Represents the small (mobile) breakpoint */
@@ -674,6 +741,128 @@ declare interface BreakpointPresetStyleOverrides {
674
741
  small?: PresetStyleOverrides;
675
742
  }
676
743
 
744
+ export declare const ButtonVariableNames: {
745
+ readonly 'wst-button-primary-background-image': "wst-button-primary-background-image";
746
+ readonly 'wst-button-secondary-background-image': "wst-button-secondary-background-image";
747
+ readonly 'wst-button-tertiary-background-image': "wst-button-tertiary-background-image";
748
+ readonly 'wst-button-primary-font': "wst-button-primary-font";
749
+ readonly 'wst-button-primary-font-family': "wst-button-primary-font-family";
750
+ readonly 'wst-button-primary-font-size': "wst-button-primary-font-size";
751
+ readonly 'wst-button-primary-font-style': "wst-button-primary-font-style";
752
+ readonly 'wst-button-primary-font-weight': "wst-button-primary-font-weight";
753
+ readonly 'wst-button-primary-text-decoration': "wst-button-primary-text-decoration";
754
+ readonly 'wst-button-primary-text-transform': "wst-button-primary-text-transform";
755
+ readonly 'wst-button-primary-letter-spacing': "wst-button-primary-letter-spacing";
756
+ readonly 'wst-button-primary-line-height': "wst-button-primary-line-height";
757
+ readonly 'wst-button-primary-text-shadow': "wst-button-primary-text-shadow";
758
+ readonly 'wst-button-primary-box-shadow': "wst-button-primary-box-shadow";
759
+ readonly 'wst-button-primary-border-left-width': "wst-button-primary-border-left-width";
760
+ readonly 'wst-button-primary-border-right-width': "wst-button-primary-border-right-width";
761
+ readonly 'wst-button-primary-border-top-width': "wst-button-primary-border-top-width";
762
+ readonly 'wst-button-primary-border-bottom-width': "wst-button-primary-border-bottom-width";
763
+ readonly 'wst-button-primary-border-left-style': "wst-button-primary-border-left-style";
764
+ readonly 'wst-button-primary-border-right-style': "wst-button-primary-border-right-style";
765
+ readonly 'wst-button-primary-border-top-style': "wst-button-primary-border-top-style";
766
+ readonly 'wst-button-primary-border-bottom-style': "wst-button-primary-border-bottom-style";
767
+ readonly 'wst-button-primary-padding-bottom': "wst-button-primary-padding-bottom";
768
+ readonly 'wst-button-primary-padding-top': "wst-button-primary-padding-top";
769
+ readonly 'wst-button-primary-padding-left': "wst-button-primary-padding-left";
770
+ readonly 'wst-button-primary-padding-right': "wst-button-primary-padding-right";
771
+ readonly 'wst-button-primary-border-top-left-radius': "wst-button-primary-border-top-left-radius";
772
+ readonly 'wst-button-primary-border-top-right-radius': "wst-button-primary-border-top-right-radius";
773
+ readonly 'wst-button-primary-border-bottom-left-radius': "wst-button-primary-border-bottom-left-radius";
774
+ readonly 'wst-button-primary-border-bottom-right-radius': "wst-button-primary-border-bottom-right-radius";
775
+ readonly 'wst-button-primary-column-gap': "wst-button-primary-column-gap";
776
+ readonly 'wst-button-primary-row-gap': "wst-button-primary-row-gap";
777
+ readonly 'wst-button-primary-justify-content': "wst-button-primary-justify-content";
778
+ readonly 'wst-button-secondary-font': "wst-button-secondary-font";
779
+ readonly 'wst-button-secondary-font-family': "wst-button-secondary-font-family";
780
+ readonly 'wst-button-secondary-font-size': "wst-button-secondary-font-size";
781
+ readonly 'wst-button-secondary-font-style': "wst-button-secondary-font-style";
782
+ readonly 'wst-button-secondary-font-weight': "wst-button-secondary-font-weight";
783
+ readonly 'wst-button-secondary-text-decoration': "wst-button-secondary-text-decoration";
784
+ readonly 'wst-button-secondary-text-transform': "wst-button-secondary-text-transform";
785
+ readonly 'wst-button-secondary-letter-spacing': "wst-button-secondary-letter-spacing";
786
+ readonly 'wst-button-secondary-line-height': "wst-button-secondary-line-height";
787
+ readonly 'wst-button-secondary-text-shadow': "wst-button-secondary-text-shadow";
788
+ readonly 'wst-button-secondary-box-shadow': "wst-button-secondary-box-shadow";
789
+ readonly 'wst-button-secondary-border-left-width': "wst-button-secondary-border-left-width";
790
+ readonly 'wst-button-secondary-border-right-width': "wst-button-secondary-border-right-width";
791
+ readonly 'wst-button-secondary-border-top-width': "wst-button-secondary-border-top-width";
792
+ readonly 'wst-button-secondary-border-bottom-width': "wst-button-secondary-border-bottom-width";
793
+ readonly 'wst-button-secondary-border-left-style': "wst-button-secondary-border-left-style";
794
+ readonly 'wst-button-secondary-border-right-style': "wst-button-secondary-border-right-style";
795
+ readonly 'wst-button-secondary-border-top-style': "wst-button-secondary-border-top-style";
796
+ readonly 'wst-button-secondary-border-bottom-style': "wst-button-secondary-border-bottom-style";
797
+ readonly 'wst-button-secondary-padding-bottom': "wst-button-secondary-padding-bottom";
798
+ readonly 'wst-button-secondary-padding-top': "wst-button-secondary-padding-top";
799
+ readonly 'wst-button-secondary-padding-left': "wst-button-secondary-padding-left";
800
+ readonly 'wst-button-secondary-padding-right': "wst-button-secondary-padding-right";
801
+ readonly 'wst-button-secondary-border-top-left-radius': "wst-button-secondary-border-top-left-radius";
802
+ readonly 'wst-button-secondary-border-top-right-radius': "wst-button-secondary-border-top-right-radius";
803
+ readonly 'wst-button-secondary-border-bottom-left-radius': "wst-button-secondary-border-bottom-left-radius";
804
+ readonly 'wst-button-secondary-border-bottom-right-radius': "wst-button-secondary-border-bottom-right-radius";
805
+ readonly 'wst-button-secondary-column-gap': "wst-button-secondary-column-gap";
806
+ readonly 'wst-button-secondary-row-gap': "wst-button-secondary-row-gap";
807
+ readonly 'wst-button-secondary-justify-content': "wst-button-secondary-justify-content";
808
+ readonly 'wst-button-tertiary-font': "wst-button-tertiary-font";
809
+ readonly 'wst-button-tertiary-font-family': "wst-button-tertiary-font-family";
810
+ readonly 'wst-button-tertiary-font-size': "wst-button-tertiary-font-size";
811
+ readonly 'wst-button-tertiary-font-style': "wst-button-tertiary-font-style";
812
+ readonly 'wst-button-tertiary-font-weight': "wst-button-tertiary-font-weight";
813
+ readonly 'wst-button-tertiary-text-decoration': "wst-button-tertiary-text-decoration";
814
+ readonly 'wst-button-tertiary-text-transform': "wst-button-tertiary-text-transform";
815
+ readonly 'wst-button-tertiary-letter-spacing': "wst-button-tertiary-letter-spacing";
816
+ readonly 'wst-button-tertiary-line-height': "wst-button-tertiary-line-height";
817
+ readonly 'wst-button-tertiary-text-shadow': "wst-button-tertiary-text-shadow";
818
+ readonly 'wst-button-tertiary-box-shadow': "wst-button-tertiary-box-shadow";
819
+ readonly 'wst-button-tertiary-border-left-width': "wst-button-tertiary-border-left-width";
820
+ readonly 'wst-button-tertiary-border-right-width': "wst-button-tertiary-border-right-width";
821
+ readonly 'wst-button-tertiary-border-top-width': "wst-button-tertiary-border-top-width";
822
+ readonly 'wst-button-tertiary-border-bottom-width': "wst-button-tertiary-border-bottom-width";
823
+ readonly 'wst-button-tertiary-border-left-style': "wst-button-tertiary-border-left-style";
824
+ readonly 'wst-button-tertiary-border-right-style': "wst-button-tertiary-border-right-style";
825
+ readonly 'wst-button-tertiary-border-top-style': "wst-button-tertiary-border-top-style";
826
+ readonly 'wst-button-tertiary-border-bottom-style': "wst-button-tertiary-border-bottom-style";
827
+ readonly 'wst-button-tertiary-padding-bottom': "wst-button-tertiary-padding-bottom";
828
+ readonly 'wst-button-tertiary-padding-top': "wst-button-tertiary-padding-top";
829
+ readonly 'wst-button-tertiary-padding-left': "wst-button-tertiary-padding-left";
830
+ readonly 'wst-button-tertiary-padding-right': "wst-button-tertiary-padding-right";
831
+ readonly 'wst-button-tertiary-border-top-left-radius': "wst-button-tertiary-border-top-left-radius";
832
+ readonly 'wst-button-tertiary-border-top-right-radius': "wst-button-tertiary-border-top-right-radius";
833
+ readonly 'wst-button-tertiary-border-bottom-left-radius': "wst-button-tertiary-border-bottom-left-radius";
834
+ readonly 'wst-button-tertiary-border-bottom-right-radius': "wst-button-tertiary-border-bottom-right-radius";
835
+ readonly 'wst-button-tertiary-column-gap': "wst-button-tertiary-column-gap";
836
+ readonly 'wst-button-tertiary-row-gap': "wst-button-tertiary-row-gap";
837
+ readonly 'wst-button-tertiary-justify-content': "wst-button-tertiary-justify-content";
838
+ readonly 'wst-button-primary-background-color': "wst-button-primary-background-color";
839
+ readonly 'wst-button-primary-border-left-color': "wst-button-primary-border-left-color";
840
+ readonly 'wst-button-primary-border-right-color': "wst-button-primary-border-right-color";
841
+ readonly 'wst-button-primary-border-top-color': "wst-button-primary-border-top-color";
842
+ readonly 'wst-button-primary-border-bottom-color': "wst-button-primary-border-bottom-color";
843
+ readonly 'wst-button-primary-color': "wst-button-primary-color";
844
+ readonly 'wst-button-primary-text-highlight': "wst-button-primary-text-highlight";
845
+ readonly 'wst-button-secondary-background-color': "wst-button-secondary-background-color";
846
+ readonly 'wst-button-secondary-border-left-color': "wst-button-secondary-border-left-color";
847
+ readonly 'wst-button-secondary-border-right-color': "wst-button-secondary-border-right-color";
848
+ readonly 'wst-button-secondary-border-top-color': "wst-button-secondary-border-top-color";
849
+ readonly 'wst-button-secondary-border-bottom-color': "wst-button-secondary-border-bottom-color";
850
+ readonly 'wst-button-secondary-color': "wst-button-secondary-color";
851
+ readonly 'wst-button-secondary-text-highlight': "wst-button-secondary-text-highlight";
852
+ readonly 'wst-button-tertiary-background-color': "wst-button-tertiary-background-color";
853
+ readonly 'wst-button-tertiary-border-left-color': "wst-button-tertiary-border-left-color";
854
+ readonly 'wst-button-tertiary-border-right-color': "wst-button-tertiary-border-right-color";
855
+ readonly 'wst-button-tertiary-border-top-color': "wst-button-tertiary-border-top-color";
856
+ readonly 'wst-button-tertiary-border-bottom-color': "wst-button-tertiary-border-bottom-color";
857
+ readonly 'wst-button-tertiary-color': "wst-button-tertiary-color";
858
+ readonly 'wst-button-tertiary-text-highlight': "wst-button-tertiary-text-highlight";
859
+ };
860
+
861
+ declare interface ChangeEvent {
862
+ /** The type of input this change event originates from */
863
+ inputType?: InputTypeEnumInputType;
864
+ }
865
+
677
866
  declare interface ClientResources {
678
867
  /**
679
868
  * A URL to an ESM javascript bundle. It's default export should be the component
@@ -717,6 +906,29 @@ declare interface CodePanel {
717
906
  cssUrl?: string | null;
718
907
  }
719
908
 
909
+ export declare const ColorVariableNames: {
910
+ readonly 'wst-primary-background-color': "wst-primary-background-color";
911
+ readonly 'wst-secondary-background-color': "wst-secondary-background-color";
912
+ readonly 'wst-links-and-actions-color': "wst-links-and-actions-color";
913
+ readonly 'wst-graphics-1-color': "wst-graphics-1-color";
914
+ readonly 'wst-graphics-2-color': "wst-graphics-2-color";
915
+ readonly 'wst-system-success-color': "wst-system-success-color";
916
+ readonly 'wst-system-error-color': "wst-system-error-color";
917
+ readonly 'wst-system-alert-color': "wst-system-alert-color";
918
+ readonly 'wst-system-disabled-color': "wst-system-disabled-color";
919
+ readonly 'wst-system-default-dark-color': "wst-system-default-dark-color";
920
+ readonly 'wst-system-default-light-color': "wst-system-default-light-color";
921
+ readonly 'wst-base-1-color': "wst-base-1-color";
922
+ readonly 'wst-base-2-color': "wst-base-2-color";
923
+ readonly 'wst-shade-1-color': "wst-shade-1-color";
924
+ readonly 'wst-shade-2-color': "wst-shade-2-color";
925
+ readonly 'wst-shade-3-color': "wst-shade-3-color";
926
+ readonly 'wst-accent-1-color': "wst-accent-1-color";
927
+ readonly 'wst-accent-2-color': "wst-accent-2-color";
928
+ readonly 'wst-accent-3-color': "wst-accent-3-color";
929
+ readonly 'wst-accent-4-color': "wst-accent-4-color";
930
+ };
931
+
720
932
  export declare interface ComponentInitialSize {
721
933
  /** The component initial width setting */
722
934
  width?: InitialSizeSetting;
@@ -812,6 +1024,126 @@ declare enum ContentResizeDirection {
812
1024
  none = "none"
813
1025
  }
814
1026
 
1027
+ /** An array of data items or complex data types */
1028
+ declare interface ContextArrayItems extends ContextArrayItemsArrayDataOneOf {
1029
+ /** Specify the type of data inside the array */
1030
+ item?: ContextItem;
1031
+ }
1032
+
1033
+ /** @oneof */
1034
+ declare interface ContextArrayItemsArrayDataOneOf {
1035
+ /** Specify the type of data inside the array */
1036
+ item?: ContextItem;
1037
+ }
1038
+
1039
+ /** A map of keys describing the context items provided by this component */
1040
+ declare interface ContextDataItems {
1041
+ /** A map of keys describing the data items provided by this component */
1042
+ items?: Record<string, ContextItem>;
1043
+ /** For sub types that implement parts of context, points to a context provider component type */
1044
+ contextImplementor?: ContextImplementor;
1045
+ /** Display groups for this context-data object's own items, used to group and order them in the editor for better UX */
1046
+ displayGroups?: Record<string, ContextDisplayGroup>;
1047
+ }
1048
+
1049
+ /** A labeled, ordered grouping of context items, used to group and order them in the editor for better UX */
1050
+ declare interface ContextDisplayGroup {
1051
+ /**
1052
+ * Display name for this group, shown in the editor
1053
+ * @maxLength 20
1054
+ */
1055
+ displayName?: string | null;
1056
+ /**
1057
+ * The context items in this group, referenced by their key in the items map of the enclosing message
1058
+ * (Context or ContextDataItems). Reuses the same ItemsGroup mechanism as editor-react display groups;
1059
+ * array order defines the display/sort order.
1060
+ */
1061
+ items?: ItemsGroup;
1062
+ }
1063
+
1064
+ declare interface ContextImplementor {
1065
+ /**
1066
+ * The component type to implement the context item
1067
+ * @maxLength 100
1068
+ */
1069
+ componentType?: string;
1070
+ /**
1071
+ * The prop key the component expects the context to be passed in to it (optional)
1072
+ * @maxLength 100
1073
+ */
1074
+ propKey?: string | null;
1075
+ }
1076
+
1077
+ declare interface ContextItem extends ContextItemSelectedDataTypeOneOf {
1078
+ /** For arrays, the items are defined here */
1079
+ arrayItems?: ContextArrayItems;
1080
+ /** For data objects, the items are defined here */
1081
+ data?: ContextDataItems;
1082
+ /** For functions, the function definition is defined here */
1083
+ function?: EditorFunction;
1084
+ /** For text enums, the enum options are defined here */
1085
+ textEnum?: TextEnum;
1086
+ /** The type exposed by the context item (can't be "container") */
1087
+ dataType?: DataType;
1088
+ /**
1089
+ * The display name of the context item for user facing and AI usage
1090
+ * @maxLength 100
1091
+ */
1092
+ displayName?: string | null;
1093
+ /** For sub types that implement parts of context, points to a context provider component type */
1094
+ contextImplementor?: ContextImplementor;
1095
+ /* Excluded from this release type: deprecated */
1096
+ /* Excluded from this release type: spec */
1097
+ /**
1098
+ * A description of the context item for user facing and AI usage
1099
+ * @maxLength 300
1100
+ */
1101
+ description?: string | null;
1102
+ }
1103
+
1104
+ /** @oneof */
1105
+ declare interface ContextItemSelectedDataTypeOneOf {
1106
+ /** For arrays, the items are defined here */
1107
+ arrayItems?: ContextArrayItems;
1108
+ /** For data objects, the items are defined here */
1109
+ data?: ContextDataItems;
1110
+ /** For functions, the function definition is defined here */
1111
+ function?: EditorFunction;
1112
+ /** For text enums, the enum options are defined here */
1113
+ textEnum?: TextEnum;
1114
+ }
1115
+
1116
+ declare interface ContextReferences {
1117
+ /**
1118
+ * Available contexts in this container that were defined in the editorElement.contexts
1119
+ * Example: itemsList
1120
+ */
1121
+ local?: string[];
1122
+ /**
1123
+ * A list of contexts this component exposes because it uses other context providers inside it's code
1124
+ * Example: @wix/stores-products-list-context
1125
+ */
1126
+ reference?: string[];
1127
+ }
1128
+
1129
+ /** A named preview state this context can be rendered in */
1130
+ declare interface ContextState {
1131
+ /**
1132
+ * Display name of this state for user facing and AI usage
1133
+ * @maxLength 100
1134
+ */
1135
+ displayName?: string | null;
1136
+ /**
1137
+ * A description of this state for user facing and AI usage
1138
+ * @maxLength 300
1139
+ */
1140
+ description?: string | null;
1141
+ /** The props to apply to activate this state */
1142
+ props?: Record<string, any>;
1143
+ /** The context item whose value the context applies in this state, given the props */
1144
+ contextItem?: StateContextItem;
1145
+ }
1146
+
815
1147
  export declare interface Coordinates {
816
1148
  /**
817
1149
  * Stores the top coordinate of the property shorthand
@@ -939,6 +1271,12 @@ export declare interface CssCustomPropertyItem extends CssCustomPropertyItemSele
939
1271
  defaultValue?: any;
940
1272
  /** The default values for the css-property-item when the component is in one of the defined states */
941
1273
  statesDefaultValues?: Record<string, any>;
1274
+ /**
1275
+ * A description of this css-custom-property-item
1276
+ * @maxLength 300
1277
+ */
1278
+ description?: string | null;
1279
+ /* Excluded from this release type: spec */
942
1280
  }
943
1281
 
944
1282
  /** @oneof */
@@ -1219,6 +1557,12 @@ export declare interface CssPropertyItem extends CssPropertyItemSelectedCssPrope
1219
1557
  /** The default values for the css-property-item when the component is in one of the defined states */
1220
1558
  statesDefaultValues?: Record<string, any>;
1221
1559
  /* Excluded from this release type: deprecated */
1560
+ /**
1561
+ * A description of this css-property-item
1562
+ * @maxLength 300
1563
+ */
1564
+ description?: string | null;
1565
+ /* Excluded from this release type: spec */
1222
1566
  }
1223
1567
 
1224
1568
  declare interface CssPropertyItemDefaults {
@@ -1240,6 +1584,11 @@ export declare interface CssPropertyItemDefinitionOverrides {
1240
1584
  defaultValue?: any;
1241
1585
  /** The default values for the css-property-item when the component is in one of the defined states */
1242
1586
  statesDefaultValues?: Record<string, any>;
1587
+ /**
1588
+ * A description of this css-property-item
1589
+ * @maxLength 300
1590
+ */
1591
+ description?: string | null;
1243
1592
  }
1244
1593
 
1245
1594
  /** @oneof */
@@ -1430,6 +1779,34 @@ declare interface CustomEnumOptionCssProperty {
1430
1779
  value?: string;
1431
1780
  }
1432
1781
 
1782
+ /** A custom filter operator definition beyond the built-in FilterOperator set */
1783
+ declare interface CustomFilterOperator {
1784
+ /**
1785
+ * The operator name as it will be passed in the filter object in the component's props.
1786
+ * Use the bare operator name without the leading \`$\` (e.g. \`eq\`, not \`$eq\`),
1787
+ * matching the FilterOperator enum convention.
1788
+ * @maxLength 20
1789
+ */
1790
+ name?: string | null;
1791
+ /**
1792
+ * Human-readable display name for this custom operator
1793
+ * @maxLength 100
1794
+ */
1795
+ displayName?: string | null;
1796
+ /**
1797
+ * A description of this custom filter operator
1798
+ * @maxLength 300
1799
+ */
1800
+ description?: string | null;
1801
+ /**
1802
+ * The value type this operator expects. When omitted, the operator is passed
1803
+ * with no value.
1804
+ */
1805
+ valueType?: FilterOperatorValueType;
1806
+ /** In case of text enum - a required list of options to supply to the users to choose from */
1807
+ textEnum?: TextEnum;
1808
+ }
1809
+
1433
1810
  export declare interface CustomPropertyEnum {
1434
1811
  /** The type of the css-custom-property, used to define the type of the values allowed in the enum */
1435
1812
  cssPropertyType?: CssPropertyEnumCssPropertyType;
@@ -1452,6 +1829,11 @@ export declare interface CustomPropertyEnumOption {
1452
1829
  */
1453
1830
  displayName?: string | null;
1454
1831
  /* Excluded from this release type: appliedStyles */
1832
+ /**
1833
+ * A description of this enum option
1834
+ * @maxLength 300
1835
+ */
1836
+ description?: string | null;
1455
1837
  }
1456
1838
 
1457
1839
  declare interface CustomPropertyEnumOptionStyle {
@@ -1483,6 +1865,42 @@ export declare interface DashboardAction {
1483
1865
  dashboardPageId?: string;
1484
1866
  /** A model definition for declaring a concrete instructions action will perform */
1485
1867
  execution?: Execution;
1868
+ /**
1869
+ * A description of this dashboard action
1870
+ * @maxLength 300
1871
+ */
1872
+ description?: string | null;
1873
+ }
1874
+
1875
+ /**
1876
+ * A dashboard (back-office) target - the page id only. Unlike DashboardAction
1877
+ * (which embeds an Execution), this leaf carries no nested Execution, so it can
1878
+ * be referenced from Execution (as a \`dashboard\` execution) without a cycle.
1879
+ */
1880
+ declare interface DashboardPageAction {
1881
+ /**
1882
+ * pageId of the dashboard in case there is more than one
1883
+ * @minLength 4
1884
+ * @maxLength 50
1885
+ */
1886
+ dashboardPageId?: string;
1887
+ /** Optional pre-defined anchor within the page, and values for its expected url params */
1888
+ pageAnchor?: DashboardPageAnchor;
1889
+ }
1890
+
1891
+ /**
1892
+ * A pre-defined anchor (e.g. a tab/section) within a dashboard page, along with
1893
+ * values for the url params that anchor expects.
1894
+ */
1895
+ declare interface DashboardPageAnchor {
1896
+ /**
1897
+ * The id of the pre-defined anchor (PageAnchor.id), used to reference it externally
1898
+ * @minLength 1
1899
+ * @maxLength 50
1900
+ */
1901
+ id?: string;
1902
+ /** Values for the pre-defined url params expected by this anchor, keyed by param name */
1903
+ urlParams?: Record<string, string>;
1486
1904
  }
1487
1905
 
1488
1906
  /**
@@ -1552,6 +1970,10 @@ export declare interface DataItem extends DataItemSelectedDataTypeOneOf {
1552
1970
  data?: DataItems;
1553
1971
  /** A definition of a custom function */
1554
1972
  function?: EditorFunction;
1973
+ /** A definition of what fields are available for filtering */
1974
+ filter?: FilterDefinition;
1975
+ /** A definition of what fields are available for sorting */
1976
+ sort?: SortDefinition;
1555
1977
  /** Defines the type of data we are configuring */
1556
1978
  dataType?: DataType;
1557
1979
  /**
@@ -1562,8 +1984,14 @@ export declare interface DataItem extends DataItemSelectedDataTypeOneOf {
1562
1984
  /** The default value of this data item (only for display purposes). */
1563
1985
  defaultValue?: any;
1564
1986
  /* Excluded from this release type: deprecated */
1987
+ /* Excluded from this release type: spec */
1565
1988
  /** Disables the ability to delete this data-item value in the Editor UI */
1566
1989
  disableDeletion?: boolean | null;
1990
+ /**
1991
+ * A description of this data item
1992
+ * @maxLength 300
1993
+ */
1994
+ description?: string | null;
1567
1995
  }
1568
1996
 
1569
1997
  declare interface DataItemOverrides extends DataItemOverridesSelectedDataTypeOneOf {
@@ -1584,6 +2012,11 @@ declare interface DataItemOverrides extends DataItemOverridesSelectedDataTypeOne
1584
2012
  displayName?: string | null;
1585
2013
  /** Overrides the ability to delete this data-item value in the Editor UI */
1586
2014
  disableDeletion?: boolean | null;
2015
+ /**
2016
+ * Overrides the description of this data-item
2017
+ * @maxLength 300
2018
+ */
2019
+ description?: string | null;
1587
2020
  }
1588
2021
 
1589
2022
  /** @oneof */
@@ -1632,6 +2065,10 @@ declare interface DataItemSelectedDataTypeOneOf {
1632
2065
  data?: DataItems;
1633
2066
  /** A definition of a custom function */
1634
2067
  function?: EditorFunction;
2068
+ /** A definition of what fields are available for filtering */
2069
+ filter?: FilterDefinition;
2070
+ /** A definition of what fields are available for sorting */
2071
+ sort?: SortDefinition;
1635
2072
  }
1636
2073
 
1637
2074
  export declare type DataItemsMap = NonNullable<DataItems['items']>;
@@ -1730,16 +2167,24 @@ declare enum DataType {
1730
2167
  data = "data",
1731
2168
  /** A custom function that can be used to call a function from a custom library */
1732
2169
  'function' = "function",
1733
- /** Standard [onClick handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event), can also handle: \`()=>void\` */
2170
+ /** Deprecated: use function with pointerEvent parameter. Standard [onClick handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event) */
1734
2171
  onClick = "onClick",
1735
- /** Standard input event [onChange](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) for text inputs, can also handle: \`(value: string) => void\` */
2172
+ /** Deprecated: use function with changeEvent parameter. Standard [onChange handler](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) */
1736
2173
  onChange = "onChange",
1737
- /** Standard [onKeyPress handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event), can also handle: \`(event: KeyboardEvent) => void\` */
2174
+ /** Deprecated: use function with keyboardEvent parameter. Standard [onKeyPress handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event) */
1738
2175
  onKeyPress = "onKeyPress",
1739
- /** Standard [onKeyUp handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event), can also handle: \`(event: KeyboardEvent) => void\` */
2176
+ /** Deprecated: use function with keyboardEvent parameter. Standard [onKeyUp handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event) */
1740
2177
  onKeyUp = "onKeyUp",
1741
- /** Standard [onSubmit handler](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event), can also handle: \`() => void\` */
1742
- onSubmit = "onSubmit"
2178
+ /** Deprecated: use function with submitEvent parameter. Standard [onSubmit handler](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event) */
2179
+ onSubmit = "onSubmit",
2180
+ /** A WQL-compliant filter definition for querying data */
2181
+ filter = "filter",
2182
+ /** A WQL-compliant sort definition for ordering data */
2183
+ sort = "sort",
2184
+ /** A media type that is ONLY used for binding and not stored in the document store of the site */
2185
+ visualMedia = "visualMedia",
2186
+ /** RicosDocument object type. */
2187
+ ricosDocument = "ricosDocument"
1743
2188
  }
1744
2189
 
1745
2190
  declare interface DefaultPresets {
@@ -1825,6 +2270,8 @@ declare interface DisplayFilters_2 {
1825
2270
  cssCustomProperties?: DisplayFilter;
1826
2271
  /** DisplayFilter for states, defines which states to hide or show, uses the state key in the states map, optional */
1827
2272
  states?: DisplayFilter;
2273
+ /** DisplayFilter for presets, defines which presets to hide or show, uses the preset key in the presets map, optional */
2274
+ presets?: DisplayFilter;
1828
2275
  }
1829
2276
 
1830
2277
  /**
@@ -1843,14 +2290,16 @@ declare interface DisplayGroupAction {
1843
2290
  export declare interface DisplayGroupItem extends DisplayGroupItemSelectedGroupTypeOneOf {
1844
2291
  /** A group that contains cssCustomProperties items that used one of the supported css-data-types (length, angle, number, ..._) */
1845
2292
  cssDataType?: ItemsGroup;
1846
- /** A group that contains data items */
2293
+ /** A group that contains data items, should be used for grouping and ordering purposes in the editor */
1847
2294
  data?: ItemsGroup;
1848
2295
  /** A group that contains preset items, which will be displayed in the editor as a category in the presets panel */
1849
2296
  presets?: ItemsGroup;
1850
- /** A group that contains cssCustomProperties items that use the same cssPropertyType, should be used mostly for ordering purposes */
2297
+ /** A group that contains cssCustomProperties items that use the same cssPropertyType, should be used for grouping and ordering purposes */
1851
2298
  cssCustomProperties?: ItemsGroup;
1852
- /** A group that contains other displayGroups items that use the same groupType, should be used mostly for ordering purposes */
2299
+ /** A group that contains other displayGroups items that use the same groupType, should be used for ordering purposes */
1853
2300
  displayGroups?: ItemsGroup;
2301
+ /** A group that contains elements that belong to the current element in the component, array order defines the display order to the elements in panels. Each item is the element name. */
2302
+ elements?: ItemsGroup;
1854
2303
  /** A group that contains background items */
1855
2304
  background?: ShorthandGroupBackground;
1856
2305
  /** A group that contains margin items */
@@ -1887,6 +2336,8 @@ export declare interface DisplayGroupItem extends DisplayGroupItemSelectedGroupT
1887
2336
  borderStyle?: Coordinates;
1888
2337
  /** a group that contains items related to text */
1889
2338
  text?: TextGroup;
2339
+ /** A group that contains items related to stroke */
2340
+ stroke?: StrokeGroup;
1890
2341
  /** A group that contains data-items related to arrayItems, will be used for enhancing the editor experience when editing them */
1891
2342
  arrayItems?: DataGroupsArrayItems;
1892
2343
  /** A group that contains common data-items that are used within array-item objects, will be used for enhancing the editor experience when editing them */
@@ -1898,20 +2349,27 @@ export declare interface DisplayGroupItem extends DisplayGroupItemSelectedGroupT
1898
2349
  displayName?: string | null;
1899
2350
  /** The type of the group, used to determine the group that will be displayed in the editor */
1900
2351
  groupType?: GroupType;
2352
+ /**
2353
+ * A description of this Group
2354
+ * @maxLength 300
2355
+ */
2356
+ description?: string | null;
1901
2357
  }
1902
2358
 
1903
2359
  /** @oneof */
1904
2360
  declare interface DisplayGroupItemSelectedGroupTypeOneOf {
1905
2361
  /** A group that contains cssCustomProperties items that used one of the supported css-data-types (length, angle, number, ..._) */
1906
2362
  cssDataType?: ItemsGroup;
1907
- /** A group that contains data items */
2363
+ /** A group that contains data items, should be used for grouping and ordering purposes in the editor */
1908
2364
  data?: ItemsGroup;
1909
2365
  /** A group that contains preset items, which will be displayed in the editor as a category in the presets panel */
1910
2366
  presets?: ItemsGroup;
1911
- /** A group that contains cssCustomProperties items that use the same cssPropertyType, should be used mostly for ordering purposes */
2367
+ /** A group that contains cssCustomProperties items that use the same cssPropertyType, should be used for grouping and ordering purposes */
1912
2368
  cssCustomProperties?: ItemsGroup;
1913
- /** A group that contains other displayGroups items that use the same groupType, should be used mostly for ordering purposes */
2369
+ /** A group that contains other displayGroups items that use the same groupType, should be used for ordering purposes */
1914
2370
  displayGroups?: ItemsGroup;
2371
+ /** A group that contains elements that belong to the current element in the component, array order defines the display order to the elements in panels. Each item is the element name. */
2372
+ elements?: ItemsGroup;
1915
2373
  /** A group that contains background items */
1916
2374
  background?: ShorthandGroupBackground;
1917
2375
  /** A group that contains margin items */
@@ -1948,6 +2406,8 @@ declare interface DisplayGroupItemSelectedGroupTypeOneOf {
1948
2406
  borderStyle?: Coordinates;
1949
2407
  /** a group that contains items related to text */
1950
2408
  text?: TextGroup;
2409
+ /** A group that contains items related to stroke */
2410
+ stroke?: StrokeGroup;
1951
2411
  /** A group that contains data-items related to arrayItems, will be used for enhancing the editor experience when editing them */
1952
2412
  arrayItems?: DataGroupsArrayItems;
1953
2413
  /** A group that contains common data-items that are used within array-item objects, will be used for enhancing the editor experience when editing them */
@@ -1981,7 +2441,15 @@ declare enum DisplayValueEnumDisplayValue {
1981
2441
  inlineTable = "inlineTable",
1982
2442
  inlineFlex = "inlineFlex",
1983
2443
  inlineGrid = "inlineGrid",
1984
- listItem = "listItem"
2444
+ listItem = "listItem",
2445
+ tableRowGroup = "tableRowGroup",
2446
+ tableHeaderGroup = "tableHeaderGroup",
2447
+ tableFooterGroup = "tableFooterGroup",
2448
+ tableRow = "tableRow",
2449
+ tableCell = "tableCell",
2450
+ tableColumnGroup = "tableColumnGroup",
2451
+ tableColumn = "tableColumn",
2452
+ tableCaption = "tableCaption"
1985
2453
  }
1986
2454
 
1987
2455
  export declare const DOM_EVENT: {
@@ -1994,6 +2462,20 @@ export declare const DOM_EVENT: {
1994
2462
 
1995
2463
  export declare type DomEvent = (typeof DOM_EVENT)[keyof typeof DOM_EVENT];
1996
2464
 
2465
+ declare enum DomEventType {
2466
+ UNKNOWN_DomEventType = "UNKNOWN_DomEventType",
2467
+ /** Value change event (https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) */
2468
+ CHANGE = "CHANGE",
2469
+ /** Pointer interaction event (https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent) */
2470
+ POINTER = "POINTER",
2471
+ /** Keyboard interaction event (https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent) */
2472
+ KEYBOARD = "KEYBOARD",
2473
+ /** Focus and blur event (https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent) */
2474
+ FOCUS = "FOCUS",
2475
+ /** Form submission event (https://developer.mozilla.org/en-US/docs/Web/API/SubmitEvent) */
2476
+ SUBMIT = "SUBMIT"
2477
+ }
2478
+
1997
2479
  declare interface EditorDependencies {
1998
2480
  /**
1999
2481
  * A list of service dependencies required by the component, example: ['@wix/environment']
@@ -2019,7 +2501,11 @@ export declare type EditorElement = EditorElement_2 & RequiredFields<EditorEleme
2019
2501
  presets?: Record<string, PresetItem>;
2020
2502
  };
2021
2503
 
2022
- declare interface EditorElement_2 {
2504
+ declare interface EditorElement_2 extends EditorElementSelectedPartElementTypeOneOf {
2505
+ /** Media-specific selectors for parts of type media */
2506
+ media?: PartMedia;
2507
+ /** Container-specific selectors for parts of type container */
2508
+ container?: PartContainer;
2023
2509
  /**
2024
2510
  * DOM Query selector for this element that we can use to find it when rendering it (preferably a className)
2025
2511
  * @minLength 4
@@ -2033,6 +2519,8 @@ declare interface EditorElement_2 {
2033
2519
  displayName?: string;
2034
2520
  /** data-api of this element, a map of data-items where the key is the data-item name and the value is the data-item definition. These will be manifested as \`props\` for the component */
2035
2521
  data?: Record<string, DataItem>;
2522
+ /** A map of contexts this component exposes inside containers it supports */
2523
+ contexts?: Record<string, ApiContext>;
2036
2524
  /** elements-map of this element, a map of inner-elements where the key is the element name and the value is the element definition */
2037
2525
  elements?: Record<string, ElementItem>;
2038
2526
  /** Native actions specified for the component */
@@ -2062,6 +2550,13 @@ declare interface EditorElement_2 {
2062
2550
  cssCustomProperties?: Record<string, CssCustomPropertyItem>;
2063
2551
  /** A reference to a help article for this element */
2064
2552
  helpArticle?: HelpArticle;
2553
+ /**
2554
+ * A description of the editor element
2555
+ * @maxLength 300
2556
+ */
2557
+ description?: string | null;
2558
+ /** The semantic part-type of this element. */
2559
+ partType?: PartType;
2065
2560
  }
2066
2561
 
2067
2562
  /** Top-level message containing all layout capabilities */
@@ -2082,6 +2577,14 @@ export declare interface EditorElementLayout {
2082
2577
  disableDuplication?: boolean | null;
2083
2578
  }
2084
2579
 
2580
+ /** @oneof */
2581
+ declare interface EditorElementSelectedPartElementTypeOneOf {
2582
+ /** Media-specific selectors for parts of type media */
2583
+ media?: PartMedia;
2584
+ /** Container-specific selectors for parts of type container */
2585
+ container?: PartContainer;
2586
+ }
2587
+
2085
2588
  declare interface EditorFunction {
2086
2589
  /**
2087
2590
  * The Parameters expected by the function, can be empty
@@ -2103,6 +2606,8 @@ declare interface EditorFunction {
2103
2606
  */
2104
2607
  description?: string | null;
2105
2608
  /* Excluded from this release type: deprecated */
2609
+ /** The role of the function, describing the purpose it serves */
2610
+ role?: FunctionRole;
2106
2611
  }
2107
2612
 
2108
2613
  /** The full model for an imported component set in DEV Center */
@@ -2127,6 +2632,8 @@ export declare interface EditorReactComponent {
2127
2632
  installation?: InstallationInfo;
2128
2633
  /** Module configuration for NPM-based component */
2129
2634
  moduleConfiguration?: EditorReactComponentModuleConfiguration;
2635
+ /* Excluded from this release type: schemaUrl */
2636
+ /* Excluded from this release type: managingAppId */
2130
2637
  }
2131
2638
 
2132
2639
  declare interface EditorReactComponentModuleConfiguration {
@@ -2147,21 +2654,32 @@ declare enum EffectGroup {
2147
2654
  }
2148
2655
 
2149
2656
  export declare interface ElementItem extends ElementItemSelectedElementTypeOneOf {
2150
- /** An new element definition */
2657
+ /** A new element definition */
2151
2658
  inlineElement?: InlineElement;
2152
2659
  /** A reference to the used element with overrides */
2153
2660
  refElement?: RefElement;
2661
+ /**
2662
+ * A visual only element that requires a semantic part definition.
2663
+ * Should be used when the current element has several visual elements that need to be targeted separately for styling or animations
2664
+ */
2665
+ partElement?: PartElement;
2154
2666
  /** Defines the type of element we are configuring */
2155
2667
  elementType?: ElementTypeEnumElementType;
2156
2668
  /* Excluded from this release type: deprecated */
2669
+ /* Excluded from this release type: spec */
2157
2670
  }
2158
2671
 
2159
2672
  /** @oneof */
2160
2673
  declare interface ElementItemSelectedElementTypeOneOf {
2161
- /** An new element definition */
2674
+ /** A new element definition */
2162
2675
  inlineElement?: InlineElement;
2163
2676
  /** A reference to the used element with overrides */
2164
2677
  refElement?: RefElement;
2678
+ /**
2679
+ * A visual only element that requires a semantic part definition.
2680
+ * Should be used when the current element has several visual elements that need to be targeted separately for styling or animations
2681
+ */
2682
+ partElement?: PartElement;
2165
2683
  }
2166
2684
 
2167
2685
  export declare const ELEMENTS: {
@@ -2194,14 +2712,11 @@ declare interface ElementState {
2194
2712
  displayFilters?: DisplayFilters_2;
2195
2713
  /** The element that needs to be targeted when this state is applied */
2196
2714
  target?: TargetElement;
2197
- }
2198
-
2199
- /** DEPRECATED: This message is deprecated and will be removed in the future */
2200
- declare interface ElementStyleDefaults {
2201
- /** The default styles for an element */
2202
- style?: Record<string, StyleItemDefaults>;
2203
- /** The default preset and styles for inner elements */
2204
- elements?: Record<string, ElementStyleDefaults>;
2715
+ /**
2716
+ * A description of this state
2717
+ * @maxLength 300
2718
+ */
2719
+ description?: string | null;
2205
2720
  }
2206
2721
 
2207
2722
  declare interface ElementStyleOverrides {
@@ -2210,13 +2725,6 @@ declare interface ElementStyleOverrides {
2210
2725
  * @maxLength 100
2211
2726
  */
2212
2727
  presetKey?: string | null;
2213
- /**
2214
- * The override styles for an element
2215
- * @deprecated The override styles for an element
2216
- * @replacedBy cssProperties or cssCustomProperties
2217
- * @targetRemovalDate 2025-08-01
2218
- */
2219
- style?: Record<string, PresetStyleItemOverrides>;
2220
2728
  /** The override preset and styles for inner elements */
2221
2729
  elements?: Record<string, ElementStyleOverrides>;
2222
2730
  /** The default values for the element css-properties when the preset is selected */
@@ -2230,7 +2738,9 @@ declare enum ElementTypeEnumElementType {
2230
2738
  /** An element that was written as part of the component */
2231
2739
  inlineElement = "inlineElement",
2232
2740
  /** An element provided by the Wix ecosystem that we are reusing. These elements must exist in the Wix DEV Center. */
2233
- refElement = "refElement"
2741
+ refElement = "refElement",
2742
+ /** A component's part element definition */
2743
+ partElement = "partElement"
2234
2744
  }
2235
2745
 
2236
2746
  /** Executes an event-based action. Triggered event should be intercepted in the editor script */
@@ -2265,6 +2775,11 @@ export declare interface Execution extends ExecutionActionExecuteOneOf {
2265
2775
  cssProperty?: CssPropertyAction;
2266
2776
  /** Executes an action that points into a specific css-custom-property-key, */
2267
2777
  cssCustomProperty?: CssCustomPropertyAction;
2778
+ /**
2779
+ * Opens a back-office (dashboard) page. References the DashboardPageAction
2780
+ * leaf (page id only) - it carries no nested Execution, so Execution stays acyclic.
2781
+ */
2782
+ dashboard?: DashboardPageAction;
2268
2783
  /** The action type allows to determine the return type of the execution function */
2269
2784
  actionType?: ActionType;
2270
2785
  }
@@ -2292,6 +2807,11 @@ declare interface ExecutionActionExecuteOneOf {
2292
2807
  cssProperty?: CssPropertyAction;
2293
2808
  /** Executes an action that points into a specific css-custom-property-key, */
2294
2809
  cssCustomProperty?: CssCustomPropertyAction;
2810
+ /**
2811
+ * Opens a back-office (dashboard) page. References the DashboardPageAction
2812
+ * leaf (page id only) - it carries no nested Execution, so Execution stays acyclic.
2813
+ */
2814
+ dashboard?: DashboardPageAction;
2295
2815
  }
2296
2816
 
2297
2817
  export declare interface Filter {
@@ -2302,6 +2822,16 @@ export declare interface Filter {
2302
2822
  filterFunctions?: FilterFunction[];
2303
2823
  }
2304
2824
 
2825
+ /** Filter type - declares which items are filterable and which operators each item supports */
2826
+ declare interface FilterDefinition {
2827
+ /** Fully described inline filter items */
2828
+ inlineItems?: InlineFilterItem[];
2829
+ /** Filter items referencing existing data items */
2830
+ dataItems?: FilterItem[];
2831
+ /** Filter items referencing existing context items */
2832
+ contextItems?: FilterItem[];
2833
+ }
2834
+
2305
2835
  declare enum FilterFunction {
2306
2836
  UNKNOWN_FilterFunctions = "UNKNOWN_FilterFunctions",
2307
2837
  /** The value used for blur filter */
@@ -2330,6 +2860,71 @@ declare enum FilterFunction {
2330
2860
  hueRotate = "hueRotate"
2331
2861
  }
2332
2862
 
2863
+ /** A filter item referencing an existing item (e.g. DataItem or ContextItem) */
2864
+ declare interface FilterItem {
2865
+ /** Path to the item */
2866
+ itemPath?: ItemPath;
2867
+ /** Explicitly supported operators. If omitted, all applicable operators for the resolved type are assumed */
2868
+ operators?: FilterOperator[];
2869
+ /**
2870
+ * Additional custom operators beyond the built-in FilterOperator set.
2871
+ * @maxSize 10
2872
+ */
2873
+ customOperators?: CustomFilterOperator[];
2874
+ /** Configures this filter item as an item-selection field */
2875
+ itemSelection?: ItemSelectionConfig;
2876
+ }
2877
+
2878
+ declare enum FilterOperator {
2879
+ UNKNOWN_FilterOperator = "UNKNOWN_FilterOperator",
2880
+ /** $eq - Equal */
2881
+ eq = "eq",
2882
+ /** $ne - Not equal */
2883
+ ne = "ne",
2884
+ /** $lt - Less than */
2885
+ lt = "lt",
2886
+ /** $lte - Less than or equal */
2887
+ lte = "lte",
2888
+ /** $gt - Greater than */
2889
+ gt = "gt",
2890
+ /** $gte - Greater than or equal */
2891
+ gte = "gte",
2892
+ /** $in - Value is in list */
2893
+ 'in' = "in",
2894
+ /** $nin - Value is not in list */
2895
+ nin = "nin",
2896
+ /** $exists - Field exists (is not null) */
2897
+ exists = "exists",
2898
+ /** $isEmpty - Field value is empty */
2899
+ isEmpty = "isEmpty",
2900
+ /** $startsWith - String starts with (text fields only) */
2901
+ startsWith = "startsWith",
2902
+ /** $hasAll - Array contains all values */
2903
+ hasAll = "hasAll",
2904
+ /** $hasSome - Array contains at least one value */
2905
+ hasSome = "hasSome",
2906
+ /** $matchItems - Filter on inner fields of array items (arrayItems only) */
2907
+ matchItems = "matchItems"
2908
+ }
2909
+
2910
+ declare enum FilterOperatorValueType {
2911
+ UNKNOWN_FilterOperatorValueType = "UNKNOWN_FilterOperatorValueType",
2912
+ /** A simple text value */
2913
+ text = "text",
2914
+ /** A list of predefined textual values to choose from */
2915
+ textEnum = "textEnum",
2916
+ /** Any number */
2917
+ number = "number",
2918
+ /** true / false value */
2919
+ booleanValue = "booleanValue",
2920
+ /** Local date output ISO-8601 extended local date format (YYYY-MM-DD) */
2921
+ localDate = "localDate",
2922
+ /** Local time output ISO-8601 extended local time format (hh:mm[:ss][.sss]) */
2923
+ localTime = "localTime",
2924
+ /** Local Date Time output ISO-8601 extended local date-time format (YYYY-MM-DDThh:mm[:ss][.sss]) */
2925
+ localDateTime = "localDateTime"
2926
+ }
2927
+
2333
2928
  /** Fixed position builder for component installation */
2334
2929
  declare interface FixedPositionBuilder {
2335
2930
  /** Vertical position in the browser window */
@@ -2413,8 +3008,17 @@ declare interface FunctionParameter extends FunctionParameterSelectedDataTypeOne
2413
3008
  function?: EditorFunction;
2414
3009
  /** In case of a text enum */
2415
3010
  textEnum?: TextEnum;
2416
- /** The type of the Parameter, does not include containers */
3011
+ /** In case of a Change event parameter */
3012
+ changeEvent?: ChangeEvent;
3013
+ /** In case of a link */
3014
+ link?: Link;
3015
+ /**
3016
+ * Exactly one of \`data_type\` or \`dom_event\` must be set
3017
+ * A data type parameter
3018
+ */
2417
3019
  dataType?: DataType;
3020
+ /** A DOM event parameter */
3021
+ domEvent?: DomEventType;
2418
3022
  /** Whether the Parameter is optional, limitations of Javascript apply, only the last parameters can be optional */
2419
3023
  optional?: boolean | null;
2420
3024
  /**
@@ -2462,6 +3066,10 @@ declare interface FunctionParameterSelectedDataTypeOneOf {
2462
3066
  function?: EditorFunction;
2463
3067
  /** In case of a text enum */
2464
3068
  textEnum?: TextEnum;
3069
+ /** In case of a Change event parameter */
3070
+ changeEvent?: ChangeEvent;
3071
+ /** In case of a link */
3072
+ link?: Link;
2465
3073
  }
2466
3074
 
2467
3075
  declare interface FunctionReturnType extends FunctionReturnTypeSelectedDataTypeOneOf {
@@ -2495,6 +3103,14 @@ declare interface FunctionReturnTypeSelectedDataTypeOneOf {
2495
3103
  textEnum?: TextEnum;
2496
3104
  }
2497
3105
 
3106
+ declare enum FunctionRole {
3107
+ UNKNOWN_FUNCTION_ROLE = "UNKNOWN_FUNCTION_ROLE",
3108
+ /** The function converts between two data types, mostly useful for context providers and function libraries */
3109
+ data_type_conversion = "data_type_conversion",
3110
+ /** The function handles loading more items in a paginated list */
3111
+ pagination_load_next_page = "pagination_load_next_page"
3112
+ }
3113
+
2498
3114
  export declare interface Gap {
2499
3115
  /**
2500
3116
  * Stores the row-gap property of the gap shorthand
@@ -2524,6 +3140,7 @@ declare enum GroupType {
2524
3140
  presets = "presets",
2525
3141
  cssCustomProperties = "cssCustomProperties",
2526
3142
  displayGroups = "displayGroups",
3143
+ elements = "elements",
2527
3144
  /** Style Shorthand Groups */
2528
3145
  background = "background",
2529
3146
  margin = "margin",
@@ -2544,6 +3161,7 @@ declare enum GroupType {
2544
3161
  gap = "gap",
2545
3162
  /** Mixed Variables Groups */
2546
3163
  text = "text",
3164
+ stroke = "stroke",
2547
3165
  /** Data Groups */
2548
3166
  arrayItems = "arrayItems",
2549
3167
  /** Deprecated, use \`listItem\` instead */
@@ -2626,9 +3244,13 @@ declare interface InitialSizeSettingSelectedSizingTypeOneOf {
2626
3244
  pixels?: number;
2627
3245
  }
2628
3246
 
2629
- export declare interface InlineElement {
3247
+ export declare interface InlineElement extends InlineElementSelectedPartElementTypeOneOf {
3248
+ /** Media-specific selectors for parts of type media */
3249
+ media?: PartMedia;
3250
+ /** Container-specific selectors for parts of type container */
3251
+ container?: PartContainer;
2630
3252
  /**
2631
- * Relative DOM Query selector for this element to the component root. We assume nesting by it's parent elements for CSS Vars scoping.
3253
+ * Relative DOM Query selector for this element to the component root. We assume nesting by its parent elements for CSS Vars scoping.
2632
3254
  * @minLength 4
2633
3255
  * @maxLength 300
2634
3256
  */
@@ -2671,6 +3293,95 @@ export declare interface InlineElement {
2671
3293
  cssCustomProperties?: Record<string, CssCustomPropertyItem>;
2672
3294
  /** A reference to a help article for this element */
2673
3295
  helpArticle?: HelpArticle;
3296
+ /**
3297
+ * A description of this inline element
3298
+ * @maxLength 300
3299
+ */
3300
+ description?: string | null;
3301
+ /** The semantic part-type of this element. */
3302
+ partType?: PartType;
3303
+ }
3304
+
3305
+ /** @oneof */
3306
+ declare interface InlineElementSelectedPartElementTypeOneOf {
3307
+ /** Media-specific selectors for parts of type media */
3308
+ media?: PartMedia;
3309
+ /** Container-specific selectors for parts of type container */
3310
+ container?: PartContainer;
3311
+ }
3312
+
3313
+ /** An inline filter item definition */
3314
+ declare interface InlineFilterItem {
3315
+ /**
3316
+ * Name of the filtered field
3317
+ * @maxLength 200
3318
+ */
3319
+ name?: string | null;
3320
+ /**
3321
+ * Human-readable name for this field
3322
+ * @maxLength 100
3323
+ */
3324
+ displayName?: string | null;
3325
+ /** The data type of the field (subset of DataType suitable for filtering) */
3326
+ dataType?: DataType;
3327
+ /** Explicitly supported operators. If omitted, all applicable operators for the fieldType are assumed */
3328
+ operators?: FilterOperator[];
3329
+ /**
3330
+ * Additional custom operators beyond the built-in FilterOperator set.
3331
+ * @maxSize 10
3332
+ */
3333
+ customOperators?: CustomFilterOperator[];
3334
+ /**
3335
+ * A description of this filter field
3336
+ * @maxLength 300
3337
+ */
3338
+ description?: string | null;
3339
+ /**
3340
+ * Configures this text filter field as an item-selection field, populated by an items provider implementing the Items
3341
+ * Selection SPI (wix.items_selection.spi_host.v1). provider_key picks the provider; for multi-select use an array item.
3342
+ */
3343
+ itemSelection?: ItemSelectionConfig;
3344
+ }
3345
+
3346
+ /** An inline sort item definition */
3347
+ declare interface InlineSortItem {
3348
+ /**
3349
+ * Name of the sorted field
3350
+ * @maxLength 200
3351
+ */
3352
+ name?: string | null;
3353
+ /**
3354
+ * Human-readable name for this field
3355
+ * @maxLength 100
3356
+ */
3357
+ displayName?: string | null;
3358
+ /**
3359
+ * Human-readable label for the ascending sort order of this field (e.g. "Oldest first")
3360
+ * @maxLength 100
3361
+ */
3362
+ ascendingDisplayName?: string | null;
3363
+ /**
3364
+ * Human-readable label for the descending sort order of this field (e.g. "Newest first")
3365
+ * @maxLength 100
3366
+ */
3367
+ descendingDisplayName?: string | null;
3368
+ /**
3369
+ * A description of this sort field
3370
+ * @maxLength 300
3371
+ */
3372
+ description?: string | null;
3373
+ }
3374
+
3375
+ declare enum InputTypeEnumInputType {
3376
+ UNKNOWN_InputType = "UNKNOWN_InputType",
3377
+ /** target.value (string) - Text inputs, selects, sliders, search boxes */
3378
+ text = "text",
3379
+ /** target.checked (boolean) - Checkboxes, toggles, switches */
3380
+ checkbox = "checkbox",
3381
+ /** target.valueAsNumber (number) - Number inputs, range inputs */
3382
+ number = "number",
3383
+ /** target.valueAsDate (Date) - Date pickers, datetime inputs */
3384
+ date = "date"
2674
3385
  }
2675
3386
 
2676
3387
  declare interface InstallationInfo extends InstallationInfoTargetContainerOneOf {
@@ -2720,20 +3431,55 @@ declare enum InteractionsTrigger {
2720
3431
  animationEnd = "animationEnd"
2721
3432
  }
2722
3433
 
3434
+ declare enum ItemField {
3435
+ /** item.id */
3436
+ ID = "ID",
3437
+ /** item.name */
3438
+ NAME = "NAME",
3439
+ /** item.description */
3440
+ DESCRIPTION = "DESCRIPTION",
3441
+ /** item.note */
3442
+ NOTE = "NOTE"
3443
+ }
3444
+
2723
3445
  /** A path to a data item within the same element scope. */
2724
3446
  declare interface ItemPath {
3447
+ /**
3448
+ * Deprecated, use item_key instead
3449
+ * @deprecated Deprecated, use item_key instead
3450
+ * @replacedBy item_key
3451
+ * @targetRemovalDate 2026-09-30
3452
+ */
3453
+ dataItemKey?: string;
2725
3454
  /**
2726
3455
  * The key of the data item within the element's data scope.
2727
3456
  * Example: "items" – top-level data item 'items'
2728
3457
  * Example: "slides.title" – inner key 'title' of data item 'slides'
2729
3458
  * @minLength 1
2730
3459
  */
2731
- dataItemKey?: string;
3460
+ itemKey?: string;
2732
3461
  }
2733
3462
 
2734
- export declare interface ItemsGroup {
3463
+ /** Configuration for selecting items from an items provider (e.g. via a dropdown picker) */
3464
+ declare interface ItemSelectionConfig {
2735
3465
  /**
2736
- * A list of items that should be in this group
3466
+ * The key of the items provider to select items from
3467
+ * @minLength 1
3468
+ * @maxLength 100
3469
+ */
3470
+ providerKey?: string;
3471
+ /**
3472
+ * The maximum number of items that can be selected
3473
+ * @min 1
3474
+ */
3475
+ maxSelected?: number | null;
3476
+ /** The item field whose value is stored (defaults to id) */
3477
+ itemField?: ItemField;
3478
+ }
3479
+
3480
+ export declare interface ItemsGroup {
3481
+ /**
3482
+ * A list of items that should be in this group
2737
3483
  * @maxSize 300
2738
3484
  * @maxLength 100
2739
3485
  */
@@ -2747,12 +3493,27 @@ export declare const LAYOUT: {
2747
3493
  BREAKPOINT: typeof BreakpointEnumBreakpoint;
2748
3494
  };
2749
3495
 
3496
+ export declare const LineVariableNames: {
3497
+ readonly 'wst-system-line-1-width': "wst-system-line-1-width";
3498
+ readonly 'wst-system-line-2-width': "wst-system-line-2-width";
3499
+ readonly 'wst-system-line-1-color': "wst-system-line-1-color";
3500
+ readonly 'wst-system-line-2-color': "wst-system-line-2-color";
3501
+ };
3502
+
2750
3503
  export declare interface Link {
2751
3504
  /**
2752
3505
  * A collection of possible link types that the component supports. Only one of the types will make it to the component after input.
2753
3506
  * @maxSize 12
2754
3507
  */
2755
3508
  linkTypes?: LinkType[];
3509
+ /**
3510
+ * Allows limiting the link to specific Wix apps, by their app ID, in case of LinkType dynamicPageLink or pageLink
3511
+ * @format GUID
3512
+ * @maxSize 20
3513
+ */
3514
+ appIds?: string[];
3515
+ /** In case of LinkType dynamicPageLink, whether to hide inner routes in the page selection dialog (only top level pages will be selectable) */
3516
+ hideInnerRoute?: boolean | null;
2756
3517
  }
2757
3518
 
2758
3519
  declare enum LinkType {
@@ -2905,6 +3666,11 @@ export declare interface PanelAction extends PanelActionSelectedPanelTypeOneOf {
2905
3666
  /* Excluded from this release type: inline */
2906
3667
  /** The selected panel reference type */
2907
3668
  panelType?: PanelType;
3669
+ /**
3670
+ * Optional hint. When used on a custom action the editor will handle it as if it was a native one.
3671
+ * Will be ignored when used on native actions or when the value \`custom\` is selected.
3672
+ */
3673
+ actionName?: ACTION_NAME;
2908
3674
  }
2909
3675
 
2910
3676
  /** @oneof */
@@ -2966,6 +3732,71 @@ declare enum PanelType {
2966
3732
  inline = "inline"
2967
3733
  }
2968
3734
 
3735
+ declare interface PartContainer {
3736
+ /**
3737
+ * A CSS selector for an element inside the container part, wrapping container background content
3738
+ * @minLength 4
3739
+ * @maxLength 300
3740
+ */
3741
+ backgroundSelector?: string | null;
3742
+ /**
3743
+ * A CSS selector for an element inside the container part, wrapping container's contents
3744
+ * @minLength 4
3745
+ * @maxLength 300
3746
+ */
3747
+ contentSelector?: string | null;
3748
+ }
3749
+
3750
+ declare interface PartElement extends PartElementSelectedPartElementTypeOneOf {
3751
+ /** Media-specific selectors for parts of type media */
3752
+ media?: PartMedia;
3753
+ /** Container-specific selectors for parts of type container */
3754
+ container?: PartContainer;
3755
+ /** The type of the part element. */
3756
+ partType?: PartType;
3757
+ /**
3758
+ * A CSS selector for the part element relative to its parent
3759
+ * @minLength 4
3760
+ * @maxLength 300
3761
+ */
3762
+ selector?: string;
3763
+ }
3764
+
3765
+ /** @oneof */
3766
+ declare interface PartElementSelectedPartElementTypeOneOf {
3767
+ /** Media-specific selectors for parts of type media */
3768
+ media?: PartMedia;
3769
+ /** Container-specific selectors for parts of type container */
3770
+ container?: PartContainer;
3771
+ }
3772
+
3773
+ declare interface PartMedia {
3774
+ /**
3775
+ * A CSS selector for an element wrapping the media layer element
3776
+ * @minLength 4
3777
+ * @maxLength 300
3778
+ */
3779
+ wrapperSelector?: string | null;
3780
+ /**
3781
+ * A CSS selector for an element wrapping the media wrapper element
3782
+ * @minLength 4
3783
+ * @maxLength 300
3784
+ */
3785
+ clipSelector?: string | null;
3786
+ }
3787
+
3788
+ declare enum PartType {
3789
+ UNKNOWN_PartType = "UNKNOWN_PartType",
3790
+ /** An element containing text content */
3791
+ text = "text",
3792
+ /** An element containing SVG content */
3793
+ svg = "svg",
3794
+ /** An element containing media content (raster, image or video) */
3795
+ media = "media",
3796
+ /** An inner wrapper element for a container component */
3797
+ container = "container"
3798
+ }
3799
+
2969
3800
  declare interface PlaceHolder {
2970
3801
  /**
2971
3802
  * The placeholder definition that this container should accept as defined in DEV Center
@@ -2993,6 +3824,17 @@ declare interface PresetElementDefaults {
2993
3824
  * The Preset is the second in line to affect the display, Element is before and State is after it
2994
3825
  */
2995
3826
  displayFilters?: DisplayFilters_2;
3827
+ /**
3828
+ * A description of the element when this preset is selected
3829
+ * @maxLength 300
3830
+ */
3831
+ description?: string | null;
3832
+ /**
3833
+ * Optional per-preset layout overrides for containers in this element's data scope, keyed by the container's data-item key.
3834
+ * Each key must reference a data item of type 'container' in the same scope. Any field left unset on the
3835
+ * ContainerLayout falls back to the container's own declared layout.
3836
+ */
3837
+ containers?: Record<string, ContainerLayout>;
2996
3838
  }
2997
3839
 
2998
3840
  declare interface PresetInnerElementDefaults {
@@ -3002,21 +3844,17 @@ declare interface PresetInnerElementDefaults {
3002
3844
  cssCustomProperties?: Record<string, CssPropertyItemDefaults>;
3003
3845
  /** The default preset and styles for inner elements */
3004
3846
  elements?: Record<string, PresetInnerElementDefaults>;
3847
+ /**
3848
+ * Optional per-preset layout overrides for containers in this element's data scope, keyed by the container's data-item key.
3849
+ * Each key must reference a data item of type 'container' in this element's scope. Any field left unset on the
3850
+ * ContainerLayout falls back to the container's own declared layout.
3851
+ */
3852
+ containers?: Record<string, ContainerLayout>;
3005
3853
  }
3006
3854
 
3007
3855
  export declare type PresetItem = PresetItem_2 & RequiredFields<PresetItem_2, 'displayName'>;
3008
3856
 
3009
3857
  declare interface PresetItem_2 {
3010
- /**
3011
- * DEPRECATED - use preset_css_url instead
3012
- * @format WEB_URL
3013
- * @minLength 13
3014
- * @maxLength 500
3015
- * @deprecated DEPRECATED - use preset_css_url instead
3016
- * @replacedBy preset_css_url
3017
- * @targetRemovalDate 2025-08-01
3018
- */
3019
- cssUrl?: string;
3020
3858
  /**
3021
3859
  * Preset name for displaying purposes in the editor
3022
3860
  * @maxLength 100
@@ -3030,22 +3868,6 @@ declare interface PresetItem_2 {
3030
3868
  thumbnailUrl?: string | null;
3031
3869
  /** Optional initial size of the component when switching into this preset (will not be applied when element is used as an inner element) */
3032
3870
  initialSize?: ComponentInitialSize;
3033
- /**
3034
- * Display filters for the Preset, used to define the visibility of inner / ref elements, style items, data items and custom actions in the editor
3035
- * The Preset is the second in line to affect the display, Element is before and State is after it
3036
- * @deprecated Display filters for the Preset, used to define the visibility of inner / ref elements, style items, data items and custom actions in the editor
3037
- * The Preset is the second in line to affect the display, Element is before and State is after it
3038
- * @replacedBy preset_defaults
3039
- * @targetRemovalDate 2025-08-01
3040
- */
3041
- displayFilters?: DisplayFilters_2;
3042
- /**
3043
- * The default styles for this preset and the inner elements
3044
- * @deprecated The default styles for this preset and the inner elements
3045
- * @replacedBy preset_defaults
3046
- * @targetRemovalDate 2025-08-01
3047
- */
3048
- styleDefaults?: PresetStyleDefaults;
3049
3871
  /** The style overrides for this preset and the inner elements */
3050
3872
  styleOverrides?: BreakpointPresetStyleOverrides;
3051
3873
  /**
@@ -3055,13 +3877,6 @@ declare interface PresetItem_2 {
3055
3877
  * @maxSize 2
3056
3878
  */
3057
3879
  optimizedFor?: BreakpointEnumBreakpoint[];
3058
- /**
3059
- * Optional editor layout behaviors we want to apply when this preset is selected
3060
- * @deprecated Optional editor layout behaviors we want to apply when this preset is selected
3061
- * @replacedBy preset_defaults
3062
- * @targetRemovalDate 2025-08-01
3063
- */
3064
- layout?: EditorElementLayout;
3065
3880
  /**
3066
3881
  * A URL to the CSS file of this preset, to be used when you need to apply many css-changes or default-values to the DOM when this preset is selected, optional
3067
3882
  * @format WEB_URL
@@ -3070,18 +3885,16 @@ declare interface PresetItem_2 {
3070
3885
  presetCssUrl?: string | null;
3071
3886
  /** All the default values that needs to be set when the preset is selected */
3072
3887
  presetDefaults?: PresetElementDefaults;
3888
+ /* Excluded from this release type: spec */
3889
+ /**
3890
+ * A description of this preset
3891
+ * @maxLength 300
3892
+ */
3893
+ description?: string | null;
3073
3894
  }
3074
3895
 
3075
3896
  export declare type Presets = NonNullable<EditorElement_2['presets']>;
3076
3897
 
3077
- /** DEPRECATED: This message is deprecated and will be removed in the future */
3078
- declare interface PresetStyleDefaults {
3079
- /** The default styles for this preset */
3080
- style?: Record<string, StyleItemDefaults>;
3081
- /** The default styles of inner elements for this preset */
3082
- elements?: Record<string, ElementStyleDefaults>;
3083
- }
3084
-
3085
3898
  declare interface PresetStyleItemOverrides {
3086
3899
  /** The override value of this style item */
3087
3900
  value?: any;
@@ -3090,13 +3903,6 @@ declare interface PresetStyleItemOverrides {
3090
3903
  }
3091
3904
 
3092
3905
  declare interface PresetStyleOverrides {
3093
- /**
3094
- * The style overrides for this preset
3095
- * @deprecated The style overrides for this preset
3096
- * @replacedBy cssProperties or cssCustomProperties
3097
- * @targetRemovalDate 2025-08-01
3098
- */
3099
- style?: Record<string, PresetStyleItemOverrides>;
3100
3906
  /** The style overrides of inner elements for this preset */
3101
3907
  elements?: Record<string, ElementStyleOverrides>;
3102
3908
  /** The default values for the element css-properties when the preset is selected */
@@ -3120,12 +3926,25 @@ declare interface ReactElementContainer extends ReactElementContainerSelectedCon
3120
3926
  template?: TemplateContainer;
3121
3927
  /**
3122
3928
  * A DOM Selector that will allow us to target it in the editor
3123
- * @minLength 2
3124
3929
  * @maxLength 100
3930
+ * @deprecated A DOM Selector that will allow us to target it in the editor
3931
+ * @targetRemovalDate 2026-05-31
3125
3932
  */
3126
3933
  selector?: string;
3127
3934
  /** The type of Container to be rendered */
3128
3935
  containerType?: CONTAINER_TYPE;
3936
+ /** Contexts available in this container */
3937
+ contexts?: ContextReferences;
3938
+ /**
3939
+ * An optional override of the display name of the container.
3940
+ * @maxLength 50
3941
+ */
3942
+ displayName?: string | null;
3943
+ /**
3944
+ * An optional override of the description of the container
3945
+ * @maxLength 300
3946
+ */
3947
+ description?: string | null;
3129
3948
  }
3130
3949
 
3131
3950
  /** @oneof */
@@ -3185,6 +4004,11 @@ export declare interface RefElement {
3185
4004
  cssCustomProperties?: Record<string, CssPropertyItemDefinitionOverrides>;
3186
4005
  /** A reference to a help article for this element */
3187
4006
  helpArticle?: HelpArticle;
4007
+ /**
4008
+ * The override of the used element description
4009
+ * @maxLength 300
4010
+ */
4011
+ description?: string | null;
3188
4012
  }
3189
4013
 
3190
4014
  declare interface RefInnerElementDefaults {
@@ -3245,6 +4069,8 @@ declare interface Resources {
3245
4069
  /* Excluded from this release type: viewerReducedModel */
3246
4070
  /* Excluded from this release type: schemaRefsUrl */
3247
4071
  /* Excluded from this release type: viewerRuntimeCss */
4072
+ /** The exported hooks for usage with the contexts defined inside the editorElement. key must ,match key in the contexts map of the editorElement, and the value is the name of the hook that will be used to consume this context in the component code. Example: { "MyContext": "useMyContext" } */
4073
+ contextHooks?: Record<string, string>;
3248
4074
  }
3249
4075
 
3250
4076
  /** rich text data type allow manipulation of text with html & inline styles */
@@ -3368,6 +4194,9 @@ declare interface SimpleContainer {
3368
4194
  /**
3369
4195
  * An optional override of the display name of the container.
3370
4196
  * @maxLength 50
4197
+ * @deprecated
4198
+ * @replacedBy container.display_name
4199
+ * @targetRemovalDate 2026-06-30
3371
4200
  */
3372
4201
  displayName?: string | null;
3373
4202
  }
@@ -3382,6 +4211,63 @@ declare enum SizingType {
3382
4211
  pixels = "pixels"
3383
4212
  }
3384
4213
 
4214
+ /** Sort type - declares which items are available for sorting */
4215
+ declare interface SortDefinition {
4216
+ /** Fully described inline sort items */
4217
+ inlineItems?: InlineSortItem[];
4218
+ /** Sort items referencing existing data items */
4219
+ dataItems?: SortItem[];
4220
+ /** Sort items referencing existing context items */
4221
+ contextItems?: SortItem[];
4222
+ }
4223
+
4224
+ /**
4225
+ * A sort item referencing an existing item (e.g. DataItem or ContextItem),
4226
+ * with optional per-direction display labels.
4227
+ */
4228
+ declare interface SortItem {
4229
+ /** Path to the item */
4230
+ itemPath?: ItemPath;
4231
+ /**
4232
+ * Human-readable label for the ascending sort order of this item (e.g. "Oldest first")
4233
+ * @maxLength 100
4234
+ */
4235
+ ascendingDisplayName?: string | null;
4236
+ /**
4237
+ * Human-readable label for the descending sort order of this item (e.g. "Newest first")
4238
+ * @maxLength 100
4239
+ */
4240
+ descendingDisplayName?: string | null;
4241
+ }
4242
+
4243
+ /** The value the context applies to a context item in a given preview state */
4244
+ declare interface StateContextItem extends StateContextItemValueOneOf {
4245
+ /** The boolean the context applies to a booleanValue context item */
4246
+ booleanValue?: boolean | null;
4247
+ /**
4248
+ * The TextEnum.Option.value the context applies to a textEnum context item
4249
+ * @maxLength 100
4250
+ */
4251
+ enumValue?: string | null;
4252
+ /**
4253
+ * Key of the context.items entry this value applies to. Must reference an existing item whose
4254
+ * data_type is booleanValue or textEnum
4255
+ * @maxLength 100
4256
+ */
4257
+ itemKey?: string | null;
4258
+ }
4259
+
4260
+ /** @oneof */
4261
+ declare interface StateContextItemValueOneOf {
4262
+ /** The boolean the context applies to a booleanValue context item */
4263
+ booleanValue?: boolean | null;
4264
+ /**
4265
+ * The TextEnum.Option.value the context applies to a textEnum context item
4266
+ * @maxLength 100
4267
+ */
4268
+ enumValue?: string | null;
4269
+ }
4270
+
3385
4271
  export declare type States = NonNullable<EditorElement_2['states']>;
3386
4272
 
3387
4273
  declare enum StaticContainer {
@@ -3392,6 +4278,24 @@ declare enum StaticContainer {
3392
4278
  GLOBAL_PAGE = "GLOBAL_PAGE"
3393
4279
  }
3394
4280
 
4281
+ declare interface StrokeGroup {
4282
+ /**
4283
+ * Stores the stroke property of the stroke group
4284
+ * @maxLength 100
4285
+ */
4286
+ stroke?: string | null;
4287
+ /**
4288
+ * Stores the stroke-width property of the stroke group
4289
+ * @maxLength 100
4290
+ */
4291
+ strokeWidth?: string | null;
4292
+ /**
4293
+ * Stores the stroke-opacity property of the stroke group
4294
+ * @maxLength 100
4295
+ */
4296
+ strokeOpacity?: string | null;
4297
+ }
4298
+
3395
4299
  /** DEPRECATED - use CssPropertyAction or CssCustomPropertyAction */
3396
4300
  declare interface StyleAction {
3397
4301
  /**
@@ -3458,14 +4362,6 @@ export declare interface StyleItem extends StyleItemSelectedItemTypeOneOf, Style
3458
4362
  /* Excluded from this release type: deprecated */
3459
4363
  }
3460
4364
 
3461
- /** DEPRECATED: This message is deprecated and will be removed in the future */
3462
- declare interface StyleItemDefaults {
3463
- /** The default value of this style item */
3464
- defaultValue?: any;
3465
- /** The default values for the style-item when the component is in one of the defined states */
3466
- statesDefaultValues?: Record<string, any>;
3467
- }
3468
-
3469
4365
  /** DEPRECATED: This message is deprecated and will be removed in the future */
3470
4366
  declare interface StyleItemOverrides {
3471
4367
  /** Disables the ability to edit this style-item */
@@ -3684,6 +4580,11 @@ declare interface Text_2 {
3684
4580
  * @maxLength 100
3685
4581
  */
3686
4582
  pattern?: string | null;
4583
+ /**
4584
+ * Configures this text as an item-selection field, populated by an items provider implementing the Items
4585
+ * Selection SPI (wix.items_selection.spi_host.v1). provider_key picks the provider; for multi-select use an array of Text.
4586
+ */
4587
+ itemSelection?: ItemSelectionConfig;
3687
4588
  }
3688
4589
  export { Text_2 as Text }
3689
4590
 
@@ -3734,6 +4635,11 @@ declare interface TextEnumOption {
3734
4635
  * @maxLength 100
3735
4636
  */
3736
4637
  displayName?: string;
4638
+ /**
4639
+ * A description of this text item
4640
+ * @maxLength 300
4641
+ */
4642
+ description?: string | null;
3737
4643
  }
3738
4644
 
3739
4645
  export declare interface TextGroup {
@@ -3819,6 +4725,27 @@ export declare interface TextGroup {
3819
4725
  a11y?: string | null;
3820
4726
  }
3821
4727
 
4728
+ export declare const TextVariableNames: {
4729
+ readonly 'wst-heading-1-font': "wst-heading-1-font";
4730
+ readonly 'wst-heading-2-font': "wst-heading-2-font";
4731
+ readonly 'wst-heading-3-font': "wst-heading-3-font";
4732
+ readonly 'wst-heading-4-font': "wst-heading-4-font";
4733
+ readonly 'wst-heading-5-font': "wst-heading-5-font";
4734
+ readonly 'wst-heading-6-font': "wst-heading-6-font";
4735
+ readonly 'wst-paragraph-1-font': "wst-paragraph-1-font";
4736
+ readonly 'wst-paragraph-2-font': "wst-paragraph-2-font";
4737
+ readonly 'wst-paragraph-3-font': "wst-paragraph-3-font";
4738
+ readonly 'wst-heading-1-color': "wst-heading-1-color";
4739
+ readonly 'wst-heading-2-color': "wst-heading-2-color";
4740
+ readonly 'wst-heading-3-color': "wst-heading-3-color";
4741
+ readonly 'wst-heading-4-color': "wst-heading-4-color";
4742
+ readonly 'wst-heading-5-color': "wst-heading-5-color";
4743
+ readonly 'wst-heading-6-color': "wst-heading-6-color";
4744
+ readonly 'wst-paragraph-1-color': "wst-paragraph-1-color";
4745
+ readonly 'wst-paragraph-2-color': "wst-paragraph-2-color";
4746
+ readonly 'wst-paragraph-3-color': "wst-paragraph-3-color";
4747
+ };
4748
+
3822
4749
  declare interface TranslationResources {
3823
4750
  /**
3824
4751
  * The URL that we will add the language to for fetching translations, example: \`https://somecdn.com/translations/\`
@@ -3909,6 +4836,207 @@ export declare interface VisibleState {
3909
4836
  elementPath?: string;
3910
4837
  }
3911
4838
 
4839
+ export declare const WixThemeVariableNames: {
4840
+ 'wst-system-line-1-width': "wst-system-line-1-width";
4841
+ 'wst-system-line-2-width': "wst-system-line-2-width";
4842
+ 'wst-system-line-1-color': "wst-system-line-1-color";
4843
+ 'wst-system-line-2-color': "wst-system-line-2-color";
4844
+ 'wst-box-primary-background-image': "wst-box-primary-background-image";
4845
+ 'wst-box-secondary-background-image': "wst-box-secondary-background-image";
4846
+ 'wst-box-primary-border-left-width': "wst-box-primary-border-left-width";
4847
+ 'wst-box-primary-border-right-width': "wst-box-primary-border-right-width";
4848
+ 'wst-box-primary-border-top-width': "wst-box-primary-border-top-width";
4849
+ 'wst-box-primary-border-bottom-width': "wst-box-primary-border-bottom-width";
4850
+ 'wst-box-primary-border-left-style': "wst-box-primary-border-left-style";
4851
+ 'wst-box-primary-border-right-style': "wst-box-primary-border-right-style";
4852
+ 'wst-box-primary-border-top-style': "wst-box-primary-border-top-style";
4853
+ 'wst-box-primary-border-bottom-style': "wst-box-primary-border-bottom-style";
4854
+ 'wst-box-primary-border-top-left-radius': "wst-box-primary-border-top-left-radius";
4855
+ 'wst-box-primary-border-top-right-radius': "wst-box-primary-border-top-right-radius";
4856
+ 'wst-box-primary-border-bottom-left-radius': "wst-box-primary-border-bottom-left-radius";
4857
+ 'wst-box-primary-border-bottom-right-radius': "wst-box-primary-border-bottom-right-radius";
4858
+ 'wst-box-primary-box-shadow': "wst-box-primary-box-shadow";
4859
+ 'wst-box-secondary-border-left-width': "wst-box-secondary-border-left-width";
4860
+ 'wst-box-secondary-border-right-width': "wst-box-secondary-border-right-width";
4861
+ 'wst-box-secondary-border-top-width': "wst-box-secondary-border-top-width";
4862
+ 'wst-box-secondary-border-bottom-width': "wst-box-secondary-border-bottom-width";
4863
+ 'wst-box-secondary-border-left-style': "wst-box-secondary-border-left-style";
4864
+ 'wst-box-secondary-border-right-style': "wst-box-secondary-border-right-style";
4865
+ 'wst-box-secondary-border-top-style': "wst-box-secondary-border-top-style";
4866
+ 'wst-box-secondary-border-bottom-style': "wst-box-secondary-border-bottom-style";
4867
+ 'wst-box-secondary-border-top-left-radius': "wst-box-secondary-border-top-left-radius";
4868
+ 'wst-box-secondary-border-top-right-radius': "wst-box-secondary-border-top-right-radius";
4869
+ 'wst-box-secondary-border-bottom-left-radius': "wst-box-secondary-border-bottom-left-radius";
4870
+ 'wst-box-secondary-border-bottom-right-radius': "wst-box-secondary-border-bottom-right-radius";
4871
+ 'wst-box-secondary-padding-bottom': "wst-box-secondary-padding-bottom";
4872
+ 'wst-box-secondary-padding-top': "wst-box-secondary-padding-top";
4873
+ 'wst-box-secondary-padding-left': "wst-box-secondary-padding-left";
4874
+ 'wst-box-secondary-padding-right': "wst-box-secondary-padding-right";
4875
+ 'wst-box-secondary-box-shadow': "wst-box-secondary-box-shadow";
4876
+ 'wst-box-primary-background-color': "wst-box-primary-background-color";
4877
+ 'wst-box-primary-border-left-color': "wst-box-primary-border-left-color";
4878
+ 'wst-box-primary-border-right-color': "wst-box-primary-border-right-color";
4879
+ 'wst-box-primary-border-top-color': "wst-box-primary-border-top-color";
4880
+ 'wst-box-primary-border-bottom-color': "wst-box-primary-border-bottom-color";
4881
+ 'wst-box-secondary-background-color': "wst-box-secondary-background-color";
4882
+ 'wst-box-secondary-border-left-color': "wst-box-secondary-border-left-color";
4883
+ 'wst-box-secondary-border-right-color': "wst-box-secondary-border-right-color";
4884
+ 'wst-box-secondary-border-top-color': "wst-box-secondary-border-top-color";
4885
+ 'wst-box-secondary-border-bottom-color': "wst-box-secondary-border-bottom-color";
4886
+ 'wst-button-primary-background-image': "wst-button-primary-background-image";
4887
+ 'wst-button-secondary-background-image': "wst-button-secondary-background-image";
4888
+ 'wst-button-tertiary-background-image': "wst-button-tertiary-background-image";
4889
+ 'wst-button-primary-font': "wst-button-primary-font";
4890
+ 'wst-button-primary-font-family': "wst-button-primary-font-family";
4891
+ 'wst-button-primary-font-size': "wst-button-primary-font-size";
4892
+ 'wst-button-primary-font-style': "wst-button-primary-font-style";
4893
+ 'wst-button-primary-font-weight': "wst-button-primary-font-weight";
4894
+ 'wst-button-primary-text-decoration': "wst-button-primary-text-decoration";
4895
+ 'wst-button-primary-text-transform': "wst-button-primary-text-transform";
4896
+ 'wst-button-primary-letter-spacing': "wst-button-primary-letter-spacing";
4897
+ 'wst-button-primary-line-height': "wst-button-primary-line-height";
4898
+ 'wst-button-primary-text-shadow': "wst-button-primary-text-shadow";
4899
+ 'wst-button-primary-box-shadow': "wst-button-primary-box-shadow";
4900
+ 'wst-button-primary-border-left-width': "wst-button-primary-border-left-width";
4901
+ 'wst-button-primary-border-right-width': "wst-button-primary-border-right-width";
4902
+ 'wst-button-primary-border-top-width': "wst-button-primary-border-top-width";
4903
+ 'wst-button-primary-border-bottom-width': "wst-button-primary-border-bottom-width";
4904
+ 'wst-button-primary-border-left-style': "wst-button-primary-border-left-style";
4905
+ 'wst-button-primary-border-right-style': "wst-button-primary-border-right-style";
4906
+ 'wst-button-primary-border-top-style': "wst-button-primary-border-top-style";
4907
+ 'wst-button-primary-border-bottom-style': "wst-button-primary-border-bottom-style";
4908
+ 'wst-button-primary-padding-bottom': "wst-button-primary-padding-bottom";
4909
+ 'wst-button-primary-padding-top': "wst-button-primary-padding-top";
4910
+ 'wst-button-primary-padding-left': "wst-button-primary-padding-left";
4911
+ 'wst-button-primary-padding-right': "wst-button-primary-padding-right";
4912
+ 'wst-button-primary-border-top-left-radius': "wst-button-primary-border-top-left-radius";
4913
+ 'wst-button-primary-border-top-right-radius': "wst-button-primary-border-top-right-radius";
4914
+ 'wst-button-primary-border-bottom-left-radius': "wst-button-primary-border-bottom-left-radius";
4915
+ 'wst-button-primary-border-bottom-right-radius': "wst-button-primary-border-bottom-right-radius";
4916
+ 'wst-button-primary-column-gap': "wst-button-primary-column-gap";
4917
+ 'wst-button-primary-row-gap': "wst-button-primary-row-gap";
4918
+ 'wst-button-primary-justify-content': "wst-button-primary-justify-content";
4919
+ 'wst-button-secondary-font': "wst-button-secondary-font";
4920
+ 'wst-button-secondary-font-family': "wst-button-secondary-font-family";
4921
+ 'wst-button-secondary-font-size': "wst-button-secondary-font-size";
4922
+ 'wst-button-secondary-font-style': "wst-button-secondary-font-style";
4923
+ 'wst-button-secondary-font-weight': "wst-button-secondary-font-weight";
4924
+ 'wst-button-secondary-text-decoration': "wst-button-secondary-text-decoration";
4925
+ 'wst-button-secondary-text-transform': "wst-button-secondary-text-transform";
4926
+ 'wst-button-secondary-letter-spacing': "wst-button-secondary-letter-spacing";
4927
+ 'wst-button-secondary-line-height': "wst-button-secondary-line-height";
4928
+ 'wst-button-secondary-text-shadow': "wst-button-secondary-text-shadow";
4929
+ 'wst-button-secondary-box-shadow': "wst-button-secondary-box-shadow";
4930
+ 'wst-button-secondary-border-left-width': "wst-button-secondary-border-left-width";
4931
+ 'wst-button-secondary-border-right-width': "wst-button-secondary-border-right-width";
4932
+ 'wst-button-secondary-border-top-width': "wst-button-secondary-border-top-width";
4933
+ 'wst-button-secondary-border-bottom-width': "wst-button-secondary-border-bottom-width";
4934
+ 'wst-button-secondary-border-left-style': "wst-button-secondary-border-left-style";
4935
+ 'wst-button-secondary-border-right-style': "wst-button-secondary-border-right-style";
4936
+ 'wst-button-secondary-border-top-style': "wst-button-secondary-border-top-style";
4937
+ 'wst-button-secondary-border-bottom-style': "wst-button-secondary-border-bottom-style";
4938
+ 'wst-button-secondary-padding-bottom': "wst-button-secondary-padding-bottom";
4939
+ 'wst-button-secondary-padding-top': "wst-button-secondary-padding-top";
4940
+ 'wst-button-secondary-padding-left': "wst-button-secondary-padding-left";
4941
+ 'wst-button-secondary-padding-right': "wst-button-secondary-padding-right";
4942
+ 'wst-button-secondary-border-top-left-radius': "wst-button-secondary-border-top-left-radius";
4943
+ 'wst-button-secondary-border-top-right-radius': "wst-button-secondary-border-top-right-radius";
4944
+ 'wst-button-secondary-border-bottom-left-radius': "wst-button-secondary-border-bottom-left-radius";
4945
+ 'wst-button-secondary-border-bottom-right-radius': "wst-button-secondary-border-bottom-right-radius";
4946
+ 'wst-button-secondary-column-gap': "wst-button-secondary-column-gap";
4947
+ 'wst-button-secondary-row-gap': "wst-button-secondary-row-gap";
4948
+ 'wst-button-secondary-justify-content': "wst-button-secondary-justify-content";
4949
+ 'wst-button-tertiary-font': "wst-button-tertiary-font";
4950
+ 'wst-button-tertiary-font-family': "wst-button-tertiary-font-family";
4951
+ 'wst-button-tertiary-font-size': "wst-button-tertiary-font-size";
4952
+ 'wst-button-tertiary-font-style': "wst-button-tertiary-font-style";
4953
+ 'wst-button-tertiary-font-weight': "wst-button-tertiary-font-weight";
4954
+ 'wst-button-tertiary-text-decoration': "wst-button-tertiary-text-decoration";
4955
+ 'wst-button-tertiary-text-transform': "wst-button-tertiary-text-transform";
4956
+ 'wst-button-tertiary-letter-spacing': "wst-button-tertiary-letter-spacing";
4957
+ 'wst-button-tertiary-line-height': "wst-button-tertiary-line-height";
4958
+ 'wst-button-tertiary-text-shadow': "wst-button-tertiary-text-shadow";
4959
+ 'wst-button-tertiary-box-shadow': "wst-button-tertiary-box-shadow";
4960
+ 'wst-button-tertiary-border-left-width': "wst-button-tertiary-border-left-width";
4961
+ 'wst-button-tertiary-border-right-width': "wst-button-tertiary-border-right-width";
4962
+ 'wst-button-tertiary-border-top-width': "wst-button-tertiary-border-top-width";
4963
+ 'wst-button-tertiary-border-bottom-width': "wst-button-tertiary-border-bottom-width";
4964
+ 'wst-button-tertiary-border-left-style': "wst-button-tertiary-border-left-style";
4965
+ 'wst-button-tertiary-border-right-style': "wst-button-tertiary-border-right-style";
4966
+ 'wst-button-tertiary-border-top-style': "wst-button-tertiary-border-top-style";
4967
+ 'wst-button-tertiary-border-bottom-style': "wst-button-tertiary-border-bottom-style";
4968
+ 'wst-button-tertiary-padding-bottom': "wst-button-tertiary-padding-bottom";
4969
+ 'wst-button-tertiary-padding-top': "wst-button-tertiary-padding-top";
4970
+ 'wst-button-tertiary-padding-left': "wst-button-tertiary-padding-left";
4971
+ 'wst-button-tertiary-padding-right': "wst-button-tertiary-padding-right";
4972
+ 'wst-button-tertiary-border-top-left-radius': "wst-button-tertiary-border-top-left-radius";
4973
+ 'wst-button-tertiary-border-top-right-radius': "wst-button-tertiary-border-top-right-radius";
4974
+ 'wst-button-tertiary-border-bottom-left-radius': "wst-button-tertiary-border-bottom-left-radius";
4975
+ 'wst-button-tertiary-border-bottom-right-radius': "wst-button-tertiary-border-bottom-right-radius";
4976
+ 'wst-button-tertiary-column-gap': "wst-button-tertiary-column-gap";
4977
+ 'wst-button-tertiary-row-gap': "wst-button-tertiary-row-gap";
4978
+ 'wst-button-tertiary-justify-content': "wst-button-tertiary-justify-content";
4979
+ 'wst-button-primary-background-color': "wst-button-primary-background-color";
4980
+ 'wst-button-primary-border-left-color': "wst-button-primary-border-left-color";
4981
+ 'wst-button-primary-border-right-color': "wst-button-primary-border-right-color";
4982
+ 'wst-button-primary-border-top-color': "wst-button-primary-border-top-color";
4983
+ 'wst-button-primary-border-bottom-color': "wst-button-primary-border-bottom-color";
4984
+ 'wst-button-primary-color': "wst-button-primary-color";
4985
+ 'wst-button-primary-text-highlight': "wst-button-primary-text-highlight";
4986
+ 'wst-button-secondary-background-color': "wst-button-secondary-background-color";
4987
+ 'wst-button-secondary-border-left-color': "wst-button-secondary-border-left-color";
4988
+ 'wst-button-secondary-border-right-color': "wst-button-secondary-border-right-color";
4989
+ 'wst-button-secondary-border-top-color': "wst-button-secondary-border-top-color";
4990
+ 'wst-button-secondary-border-bottom-color': "wst-button-secondary-border-bottom-color";
4991
+ 'wst-button-secondary-color': "wst-button-secondary-color";
4992
+ 'wst-button-secondary-text-highlight': "wst-button-secondary-text-highlight";
4993
+ 'wst-button-tertiary-background-color': "wst-button-tertiary-background-color";
4994
+ 'wst-button-tertiary-border-left-color': "wst-button-tertiary-border-left-color";
4995
+ 'wst-button-tertiary-border-right-color': "wst-button-tertiary-border-right-color";
4996
+ 'wst-button-tertiary-border-top-color': "wst-button-tertiary-border-top-color";
4997
+ 'wst-button-tertiary-border-bottom-color': "wst-button-tertiary-border-bottom-color";
4998
+ 'wst-button-tertiary-color': "wst-button-tertiary-color";
4999
+ 'wst-button-tertiary-text-highlight': "wst-button-tertiary-text-highlight";
5000
+ 'wst-heading-1-font': "wst-heading-1-font";
5001
+ 'wst-heading-2-font': "wst-heading-2-font";
5002
+ 'wst-heading-3-font': "wst-heading-3-font";
5003
+ 'wst-heading-4-font': "wst-heading-4-font";
5004
+ 'wst-heading-5-font': "wst-heading-5-font";
5005
+ 'wst-heading-6-font': "wst-heading-6-font";
5006
+ 'wst-paragraph-1-font': "wst-paragraph-1-font";
5007
+ 'wst-paragraph-2-font': "wst-paragraph-2-font";
5008
+ 'wst-paragraph-3-font': "wst-paragraph-3-font";
5009
+ 'wst-heading-1-color': "wst-heading-1-color";
5010
+ 'wst-heading-2-color': "wst-heading-2-color";
5011
+ 'wst-heading-3-color': "wst-heading-3-color";
5012
+ 'wst-heading-4-color': "wst-heading-4-color";
5013
+ 'wst-heading-5-color': "wst-heading-5-color";
5014
+ 'wst-heading-6-color': "wst-heading-6-color";
5015
+ 'wst-paragraph-1-color': "wst-paragraph-1-color";
5016
+ 'wst-paragraph-2-color': "wst-paragraph-2-color";
5017
+ 'wst-paragraph-3-color': "wst-paragraph-3-color";
5018
+ 'wst-primary-background-color': "wst-primary-background-color";
5019
+ 'wst-secondary-background-color': "wst-secondary-background-color";
5020
+ 'wst-links-and-actions-color': "wst-links-and-actions-color";
5021
+ 'wst-graphics-1-color': "wst-graphics-1-color";
5022
+ 'wst-graphics-2-color': "wst-graphics-2-color";
5023
+ 'wst-system-success-color': "wst-system-success-color";
5024
+ 'wst-system-error-color': "wst-system-error-color";
5025
+ 'wst-system-alert-color': "wst-system-alert-color";
5026
+ 'wst-system-disabled-color': "wst-system-disabled-color";
5027
+ 'wst-system-default-dark-color': "wst-system-default-dark-color";
5028
+ 'wst-system-default-light-color': "wst-system-default-light-color";
5029
+ 'wst-base-1-color': "wst-base-1-color";
5030
+ 'wst-base-2-color': "wst-base-2-color";
5031
+ 'wst-shade-1-color': "wst-shade-1-color";
5032
+ 'wst-shade-2-color': "wst-shade-2-color";
5033
+ 'wst-shade-3-color': "wst-shade-3-color";
5034
+ 'wst-accent-1-color': "wst-accent-1-color";
5035
+ 'wst-accent-2-color': "wst-accent-2-color";
5036
+ 'wst-accent-3-color': "wst-accent-3-color";
5037
+ 'wst-accent-4-color': "wst-accent-4-color";
5038
+ };
5039
+
3912
5040
  export declare interface WritingMode {
3913
5041
  /**
3914
5042
  * list of writing-mode values in case we want to reduce the abilities exposed to the User
@@ -3931,49 +5059,7 @@ export { }
3931
5059
  `;
3932
5060
 
3933
5061
  exports[`react-component-schema dist > dist/index.js matches snapshot 1`] = `
3934
- "var PanelContentType;
3935
- (function(PanelContentType3) {
3936
- PanelContentType3["UNKNOWN_PanelContentType"] = "UNKNOWN_PanelContentType";
3937
- PanelContentType3["url"] = "url";
3938
- PanelContentType3["code"] = "code";
3939
- })(PanelContentType || (PanelContentType = {}));
3940
- var DataType;
3941
- (function(DataType3) {
3942
- DataType3["UNKNOWN_DataType"] = "UNKNOWN_DataType";
3943
- DataType3["text"] = "text";
3944
- DataType3["textEnum"] = "textEnum";
3945
- DataType3["number"] = "number";
3946
- DataType3["booleanValue"] = "booleanValue";
3947
- DataType3["a11y"] = "a11y";
3948
- DataType3["link"] = "link";
3949
- DataType3["image"] = "image";
3950
- DataType3["video"] = "video";
3951
- DataType3["vectorArt"] = "vectorArt";
3952
- DataType3["audio"] = "audio";
3953
- DataType3["schema"] = "schema";
3954
- DataType3["localDate"] = "localDate";
3955
- DataType3["localTime"] = "localTime";
3956
- DataType3["localDateTime"] = "localDateTime";
3957
- DataType3["webUrl"] = "webUrl";
3958
- DataType3["email"] = "email";
3959
- DataType3["phone"] = "phone";
3960
- DataType3["hostname"] = "hostname";
3961
- DataType3["regex"] = "regex";
3962
- DataType3["guid"] = "guid";
3963
- DataType3["richText"] = "richText";
3964
- DataType3["container"] = "container";
3965
- DataType3["arrayItems"] = "arrayItems";
3966
- DataType3["direction"] = "direction";
3967
- DataType3["menuItems"] = "menuItems";
3968
- DataType3["data"] = "data";
3969
- DataType3["function"] = "function";
3970
- DataType3["onClick"] = "onClick";
3971
- DataType3["onChange"] = "onChange";
3972
- DataType3["onKeyPress"] = "onKeyPress";
3973
- DataType3["onKeyUp"] = "onKeyUp";
3974
- DataType3["onSubmit"] = "onSubmit";
3975
- })(DataType || (DataType = {}));
3976
- var A11yAttributes;
5062
+ "var A11yAttributes;
3977
5063
  (function(A11yAttributes3) {
3978
5064
  A11yAttributes3["Unknown_AriaAttributes"] = "Unknown_AriaAttributes";
3979
5065
  A11yAttributes3["tabIndex"] = "tabIndex";
@@ -4001,151 +5087,8 @@ var A11yAttributes;
4001
5087
  A11yAttributes3["tag"] = "tag";
4002
5088
  A11yAttributes3["ariaMultiline"] = "ariaMultiline";
4003
5089
  A11yAttributes3["ariaInvalid"] = "ariaInvalid";
5090
+ A11yAttributes3["lang"] = "lang";
4004
5091
  })(A11yAttributes || (A11yAttributes = {}));
4005
- var LinkType;
4006
- (function(LinkType3) {
4007
- LinkType3["UNKNOWN_LinkType"] = "UNKNOWN_LinkType";
4008
- LinkType3["externalLink"] = "externalLink";
4009
- LinkType3["anchorLink"] = "anchorLink";
4010
- LinkType3["emailLink"] = "emailLink";
4011
- LinkType3["phoneLink"] = "phoneLink";
4012
- LinkType3["dynamicPageLink"] = "dynamicPageLink";
4013
- LinkType3["pageLink"] = "pageLink";
4014
- LinkType3["whatsAppLink"] = "whatsAppLink";
4015
- LinkType3["documentLink"] = "documentLink";
4016
- LinkType3["popupLink"] = "popupLink";
4017
- LinkType3["addressLink"] = "addressLink";
4018
- LinkType3["edgeAnchorLinks"] = "edgeAnchorLinks";
4019
- LinkType3["loginToWixLink"] = "loginToWixLink";
4020
- })(LinkType || (LinkType = {}));
4021
- var ContainerType;
4022
- (function(ContainerType3) {
4023
- ContainerType3["UNKNOWN_CONTAINER_TYPE"] = "UNKNOWN_CONTAINER_TYPE";
4024
- ContainerType3["simple"] = "simple";
4025
- ContainerType3["slot"] = "slot";
4026
- ContainerType3["placeholder"] = "placeholder";
4027
- ContainerType3["template"] = "template";
4028
- })(ContainerType || (ContainerType = {}));
4029
- var ResizeDirection;
4030
- (function(ResizeDirection3) {
4031
- ResizeDirection3["UNKNOWN_ResizeDirection"] = "UNKNOWN_ResizeDirection";
4032
- ResizeDirection3["horizontal"] = "horizontal";
4033
- ResizeDirection3["vertical"] = "vertical";
4034
- ResizeDirection3["horizontalAndVertical"] = "horizontalAndVertical";
4035
- ResizeDirection3["aspectRatio"] = "aspectRatio";
4036
- ResizeDirection3["none"] = "none";
4037
- })(ResizeDirection || (ResizeDirection = {}));
4038
- var ContentResizeDirection;
4039
- (function(ContentResizeDirection3) {
4040
- ContentResizeDirection3["UNKNOWN_ContentResizeDirection"] = "UNKNOWN_ContentResizeDirection";
4041
- ContentResizeDirection3["horizontal"] = "horizontal";
4042
- ContentResizeDirection3["vertical"] = "vertical";
4043
- ContentResizeDirection3["horizontalAndVertical"] = "horizontalAndVertical";
4044
- ContentResizeDirection3["none"] = "none";
4045
- })(ContentResizeDirection || (ContentResizeDirection = {}));
4046
- var ImageCategoryTypes;
4047
- (function(ImageCategoryTypes3) {
4048
- ImageCategoryTypes3["UNKNOWN_CategoryName"] = "UNKNOWN_CategoryName";
4049
- ImageCategoryTypes3["IMAGE"] = "IMAGE";
4050
- ImageCategoryTypes3["IMAGE_BACKGROUND"] = "IMAGE_BACKGROUND";
4051
- })(ImageCategoryTypes || (ImageCategoryTypes = {}));
4052
- var VideoCategoryTypes;
4053
- (function(VideoCategoryTypes3) {
4054
- VideoCategoryTypes3["UNKNOWN_VideoCategoryTypes"] = "UNKNOWN_VideoCategoryTypes";
4055
- VideoCategoryTypes3["VIDEO"] = "VIDEO";
4056
- VideoCategoryTypes3["VIDEO_TRANSPARENT"] = "VIDEO_TRANSPARENT";
4057
- VideoCategoryTypes3["VIDEO_OPAQUE"] = "VIDEO_OPAQUE";
4058
- })(VideoCategoryTypes || (VideoCategoryTypes = {}));
4059
- var VectorArtCategoryTypes;
4060
- (function(VectorArtCategoryTypes3) {
4061
- VectorArtCategoryTypes3["UNKNOWN_VectorArtCategoryTypes"] = "UNKNOWN_VectorArtCategoryTypes";
4062
- VectorArtCategoryTypes3["SHAPE_ALL"] = "SHAPE_ALL";
4063
- VectorArtCategoryTypes3["SHAPE_BASIC"] = "SHAPE_BASIC";
4064
- VectorArtCategoryTypes3["SHAPE_ART"] = "SHAPE_ART";
4065
- VectorArtCategoryTypes3["ICON_SOCIAL"] = "ICON_SOCIAL";
4066
- VectorArtCategoryTypes3["SHAPE_DIVIDERS"] = "SHAPE_DIVIDERS";
4067
- VectorArtCategoryTypes3["SHAPE_LOCATION"] = "SHAPE_LOCATION";
4068
- VectorArtCategoryTypes3["SHAPE_DOCUMENTS"] = "SHAPE_DOCUMENTS";
4069
- VectorArtCategoryTypes3["SHAPE_SOCIAL"] = "SHAPE_SOCIAL";
4070
- VectorArtCategoryTypes3["SHAPE_ARROWS"] = "SHAPE_ARROWS";
4071
- })(VectorArtCategoryTypes || (VectorArtCategoryTypes = {}));
4072
- var ElementTypeEnumElementType;
4073
- (function(ElementTypeEnumElementType3) {
4074
- ElementTypeEnumElementType3["UNKNOWN_ElementType"] = "UNKNOWN_ElementType";
4075
- ElementTypeEnumElementType3["inlineElement"] = "inlineElement";
4076
- ElementTypeEnumElementType3["refElement"] = "refElement";
4077
- })(ElementTypeEnumElementType || (ElementTypeEnumElementType = {}));
4078
- var FilterFunction;
4079
- (function(FilterFunction3) {
4080
- FilterFunction3["UNKNOWN_FilterFunctions"] = "UNKNOWN_FilterFunctions";
4081
- FilterFunction3["blur"] = "blur";
4082
- FilterFunction3["brightness"] = "brightness";
4083
- FilterFunction3["contrast"] = "contrast";
4084
- FilterFunction3["drop_shadow"] = "drop_shadow";
4085
- FilterFunction3["grayscale"] = "grayscale";
4086
- FilterFunction3["hue_rotate"] = "hue_rotate";
4087
- FilterFunction3["invert"] = "invert";
4088
- FilterFunction3["opacity"] = "opacity";
4089
- FilterFunction3["sepia"] = "sepia";
4090
- FilterFunction3["saturate"] = "saturate";
4091
- FilterFunction3["dropShadow"] = "dropShadow";
4092
- FilterFunction3["hueRotate"] = "hueRotate";
4093
- })(FilterFunction || (FilterFunction = {}));
4094
- var DisplayValueEnumDisplayValue;
4095
- (function(DisplayValueEnumDisplayValue3) {
4096
- DisplayValueEnumDisplayValue3["UNKNOWN_DisplayValue"] = "UNKNOWN_DisplayValue";
4097
- DisplayValueEnumDisplayValue3["none"] = "none";
4098
- DisplayValueEnumDisplayValue3["block"] = "block";
4099
- DisplayValueEnumDisplayValue3["inline"] = "inline";
4100
- DisplayValueEnumDisplayValue3["flow"] = "flow";
4101
- DisplayValueEnumDisplayValue3["flowRoot"] = "flowRoot";
4102
- DisplayValueEnumDisplayValue3["table"] = "table";
4103
- DisplayValueEnumDisplayValue3["flex"] = "flex";
4104
- DisplayValueEnumDisplayValue3["grid"] = "grid";
4105
- DisplayValueEnumDisplayValue3["list_item"] = "list_item";
4106
- DisplayValueEnumDisplayValue3["contents"] = "contents";
4107
- DisplayValueEnumDisplayValue3["inline_block"] = "inline_block";
4108
- DisplayValueEnumDisplayValue3["inline_table"] = "inline_table";
4109
- DisplayValueEnumDisplayValue3["inline_flex"] = "inline_flex";
4110
- DisplayValueEnumDisplayValue3["inline_grid"] = "inline_grid";
4111
- DisplayValueEnumDisplayValue3["inlineBlock"] = "inlineBlock";
4112
- DisplayValueEnumDisplayValue3["inlineTable"] = "inlineTable";
4113
- DisplayValueEnumDisplayValue3["inlineFlex"] = "inlineFlex";
4114
- DisplayValueEnumDisplayValue3["inlineGrid"] = "inlineGrid";
4115
- DisplayValueEnumDisplayValue3["listItem"] = "listItem";
4116
- })(DisplayValueEnumDisplayValue || (DisplayValueEnumDisplayValue = {}));
4117
- var WritingModeValue;
4118
- (function(WritingModeValue3) {
4119
- WritingModeValue3["UNKNOWN_WritingModeValue"] = "UNKNOWN_WritingModeValue";
4120
- WritingModeValue3["horizontalTb"] = "horizontalTb";
4121
- WritingModeValue3["verticalRl"] = "verticalRl";
4122
- WritingModeValue3["verticalLr"] = "verticalLr";
4123
- WritingModeValue3["sidewaysRl"] = "sidewaysRl";
4124
- WritingModeValue3["sidewaysLr"] = "sidewaysLr";
4125
- })(WritingModeValue || (WritingModeValue = {}));
4126
- var BackgroundModeEnum;
4127
- (function(BackgroundModeEnum3) {
4128
- BackgroundModeEnum3["UNKNOWN_BackgroundModeEnum"] = "UNKNOWN_BackgroundModeEnum";
4129
- BackgroundModeEnum3["shapeDividerSvg"] = "shapeDividerSvg";
4130
- })(BackgroundModeEnum || (BackgroundModeEnum = {}));
4131
- var ActionType;
4132
- (function(ActionType3) {
4133
- ActionType3["UNKNOWN_ActionType"] = "UNKNOWN_ActionType";
4134
- ActionType3["data"] = "data";
4135
- ActionType3["event"] = "event";
4136
- ActionType3["panel"] = "panel";
4137
- ActionType3["forward"] = "forward";
4138
- ActionType3["style"] = "style";
4139
- ActionType3["displayGroup"] = "displayGroup";
4140
- ActionType3["cssProperty"] = "cssProperty";
4141
- ActionType3["cssCustomProperty"] = "cssCustomProperty";
4142
- })(ActionType || (ActionType = {}));
4143
- var PanelType;
4144
- (function(PanelType3) {
4145
- PanelType3["UNKNOWN_PanelType"] = "UNKNOWN_PanelType";
4146
- PanelType3["panelId"] = "panelId";
4147
- PanelType3["inline"] = "inline";
4148
- })(PanelType || (PanelType = {}));
4149
5092
  var ActionName;
4150
5093
  (function(ActionName3) {
4151
5094
  ActionName3["UNKNOWN_ActionName"] = "UNKNOWN_ActionName";
@@ -4158,19 +5101,19 @@ var ActionName;
4158
5101
  ActionName3["manageMenu"] = "manageMenu";
4159
5102
  ActionName3["container"] = "container";
4160
5103
  })(ActionName || (ActionName = {}));
4161
- var SizingType;
4162
- (function(SizingType3) {
4163
- SizingType3["UNKNOWN_SizingType"] = "UNKNOWN_SizingType";
4164
- SizingType3["content"] = "content";
4165
- SizingType3["stretched"] = "stretched";
4166
- SizingType3["pixels"] = "pixels";
4167
- })(SizingType || (SizingType = {}));
4168
- var BreakpointEnumBreakpoint;
4169
- (function(BreakpointEnumBreakpoint3) {
4170
- BreakpointEnumBreakpoint3["UNKNOWN_Breakpoint"] = "UNKNOWN_Breakpoint";
4171
- BreakpointEnumBreakpoint3["small"] = "small";
4172
- BreakpointEnumBreakpoint3["large"] = "large";
4173
- })(BreakpointEnumBreakpoint || (BreakpointEnumBreakpoint = {}));
5104
+ var ActionType;
5105
+ (function(ActionType3) {
5106
+ ActionType3["UNKNOWN_ActionType"] = "UNKNOWN_ActionType";
5107
+ ActionType3["data"] = "data";
5108
+ ActionType3["event"] = "event";
5109
+ ActionType3["panel"] = "panel";
5110
+ ActionType3["forward"] = "forward";
5111
+ ActionType3["style"] = "style";
5112
+ ActionType3["displayGroup"] = "displayGroup";
5113
+ ActionType3["cssProperty"] = "cssProperty";
5114
+ ActionType3["cssCustomProperty"] = "cssCustomProperty";
5115
+ ActionType3["dashboard"] = "dashboard";
5116
+ })(ActionType || (ActionType = {}));
4174
5117
  var Archetype;
4175
5118
  (function(Archetype3) {
4176
5119
  Archetype3["UNKNOWN_Archetype"] = "UNKNOWN_Archetype";
@@ -4216,56 +5159,33 @@ var Archetype;
4216
5159
  Archetype3["Frame"] = "Frame";
4217
5160
  Archetype3["Divider"] = "Divider";
4218
5161
  })(Archetype || (Archetype = {}));
4219
- var NativeStateType;
4220
- (function(NativeStateType3) {
4221
- NativeStateType3["UNKNOWN_NativeStateType"] = "UNKNOWN_NativeStateType";
4222
- NativeStateType3["hover"] = "hover";
4223
- NativeStateType3["focus"] = "focus";
4224
- NativeStateType3["disabled"] = "disabled";
4225
- NativeStateType3["invalid"] = "invalid";
4226
- })(NativeStateType || (NativeStateType = {}));
4227
- var GroupType;
4228
- (function(GroupType3) {
4229
- GroupType3["UNKNOWN_GroupType"] = "UNKNOWN_GroupType";
4230
- GroupType3["cssDataType"] = "cssDataType";
4231
- GroupType3["dataType"] = "dataType";
4232
- GroupType3["preset"] = "preset";
4233
- GroupType3["data"] = "data";
4234
- GroupType3["presets"] = "presets";
4235
- GroupType3["cssCustomProperties"] = "cssCustomProperties";
4236
- GroupType3["displayGroups"] = "displayGroups";
4237
- GroupType3["background"] = "background";
4238
- GroupType3["margin"] = "margin";
4239
- GroupType3["padding"] = "padding";
4240
- GroupType3["border"] = "border";
4241
- GroupType3["borderTop"] = "borderTop";
4242
- GroupType3["borderRight"] = "borderRight";
4243
- GroupType3["borderBottom"] = "borderBottom";
4244
- GroupType3["borderLeft"] = "borderLeft";
4245
- GroupType3["borderRadius"] = "borderRadius";
4246
- GroupType3["borderInlineStart"] = "borderInlineStart";
4247
- GroupType3["borderInlineEnd"] = "borderInlineEnd";
4248
- GroupType3["borderColor"] = "borderColor";
4249
- GroupType3["borderWidth"] = "borderWidth";
4250
- GroupType3["borderStyle"] = "borderStyle";
4251
- GroupType3["font"] = "font";
4252
- GroupType3["textDecoration"] = "textDecoration";
4253
- GroupType3["gap"] = "gap";
4254
- GroupType3["text"] = "text";
4255
- GroupType3["arrayItems"] = "arrayItems";
4256
- GroupType3["arrayItem"] = "arrayItem";
4257
- GroupType3["listItem"] = "listItem";
4258
- })(GroupType || (GroupType = {}));
4259
- var ImageType;
4260
- (function(ImageType3) {
4261
- ImageType3["UNKNOWN_ImageType"] = "UNKNOWN_ImageType";
4262
- ImageType3["url"] = "url";
4263
- ImageType3["image"] = "image";
4264
- ImageType3["imageSet"] = "imageSet";
4265
- ImageType3["crossFade"] = "crossFade";
4266
- ImageType3["element"] = "element";
4267
- ImageType3["gradient"] = "gradient";
4268
- })(ImageType || (ImageType = {}));
5162
+ var BackgroundModeEnum;
5163
+ (function(BackgroundModeEnum3) {
5164
+ BackgroundModeEnum3["UNKNOWN_BackgroundModeEnum"] = "UNKNOWN_BackgroundModeEnum";
5165
+ BackgroundModeEnum3["shapeDividerSvg"] = "shapeDividerSvg";
5166
+ })(BackgroundModeEnum || (BackgroundModeEnum = {}));
5167
+ var BreakpointEnumBreakpoint;
5168
+ (function(BreakpointEnumBreakpoint3) {
5169
+ BreakpointEnumBreakpoint3["UNKNOWN_Breakpoint"] = "UNKNOWN_Breakpoint";
5170
+ BreakpointEnumBreakpoint3["small"] = "small";
5171
+ BreakpointEnumBreakpoint3["large"] = "large";
5172
+ })(BreakpointEnumBreakpoint || (BreakpointEnumBreakpoint = {}));
5173
+ var ContainerType;
5174
+ (function(ContainerType3) {
5175
+ ContainerType3["UNKNOWN_CONTAINER_TYPE"] = "UNKNOWN_CONTAINER_TYPE";
5176
+ ContainerType3["simple"] = "simple";
5177
+ ContainerType3["slot"] = "slot";
5178
+ ContainerType3["placeholder"] = "placeholder";
5179
+ ContainerType3["template"] = "template";
5180
+ })(ContainerType || (ContainerType = {}));
5181
+ var ContentResizeDirection;
5182
+ (function(ContentResizeDirection3) {
5183
+ ContentResizeDirection3["UNKNOWN_ContentResizeDirection"] = "UNKNOWN_ContentResizeDirection";
5184
+ ContentResizeDirection3["horizontal"] = "horizontal";
5185
+ ContentResizeDirection3["vertical"] = "vertical";
5186
+ ContentResizeDirection3["horizontalAndVertical"] = "horizontalAndVertical";
5187
+ ContentResizeDirection3["none"] = "none";
5188
+ })(ContentResizeDirection || (ContentResizeDirection = {}));
4269
5189
  var CssPropertyEnumCssPropertyType;
4270
5190
  (function(CssPropertyEnumCssPropertyType3) {
4271
5191
  CssPropertyEnumCssPropertyType3["UNKNOWN_CssPropertyType"] = "UNKNOWN_CssPropertyType";
@@ -4394,6 +5314,148 @@ var CssPropertyEnumCssPropertyType;
4394
5314
  CssPropertyEnumCssPropertyType3["maskSize"] = "maskSize";
4395
5315
  CssPropertyEnumCssPropertyType3["maskComposite"] = "maskComposite";
4396
5316
  })(CssPropertyEnumCssPropertyType || (CssPropertyEnumCssPropertyType = {}));
5317
+ var DataType;
5318
+ (function(DataType3) {
5319
+ DataType3["UNKNOWN_DataType"] = "UNKNOWN_DataType";
5320
+ DataType3["text"] = "text";
5321
+ DataType3["textEnum"] = "textEnum";
5322
+ DataType3["number"] = "number";
5323
+ DataType3["booleanValue"] = "booleanValue";
5324
+ DataType3["a11y"] = "a11y";
5325
+ DataType3["link"] = "link";
5326
+ DataType3["image"] = "image";
5327
+ DataType3["video"] = "video";
5328
+ DataType3["vectorArt"] = "vectorArt";
5329
+ DataType3["audio"] = "audio";
5330
+ DataType3["schema"] = "schema";
5331
+ DataType3["localDate"] = "localDate";
5332
+ DataType3["localTime"] = "localTime";
5333
+ DataType3["localDateTime"] = "localDateTime";
5334
+ DataType3["webUrl"] = "webUrl";
5335
+ DataType3["email"] = "email";
5336
+ DataType3["phone"] = "phone";
5337
+ DataType3["hostname"] = "hostname";
5338
+ DataType3["regex"] = "regex";
5339
+ DataType3["guid"] = "guid";
5340
+ DataType3["richText"] = "richText";
5341
+ DataType3["container"] = "container";
5342
+ DataType3["arrayItems"] = "arrayItems";
5343
+ DataType3["direction"] = "direction";
5344
+ DataType3["menuItems"] = "menuItems";
5345
+ DataType3["data"] = "data";
5346
+ DataType3["function"] = "function";
5347
+ DataType3["onClick"] = "onClick";
5348
+ DataType3["onChange"] = "onChange";
5349
+ DataType3["onKeyPress"] = "onKeyPress";
5350
+ DataType3["onKeyUp"] = "onKeyUp";
5351
+ DataType3["onSubmit"] = "onSubmit";
5352
+ DataType3["filter"] = "filter";
5353
+ DataType3["sort"] = "sort";
5354
+ DataType3["visualMedia"] = "visualMedia";
5355
+ DataType3["ricosDocument"] = "ricosDocument";
5356
+ })(DataType || (DataType = {}));
5357
+ var GroupType;
5358
+ (function(GroupType3) {
5359
+ GroupType3["UNKNOWN_GroupType"] = "UNKNOWN_GroupType";
5360
+ GroupType3["cssDataType"] = "cssDataType";
5361
+ GroupType3["dataType"] = "dataType";
5362
+ GroupType3["preset"] = "preset";
5363
+ GroupType3["data"] = "data";
5364
+ GroupType3["presets"] = "presets";
5365
+ GroupType3["cssCustomProperties"] = "cssCustomProperties";
5366
+ GroupType3["displayGroups"] = "displayGroups";
5367
+ GroupType3["elements"] = "elements";
5368
+ GroupType3["background"] = "background";
5369
+ GroupType3["margin"] = "margin";
5370
+ GroupType3["padding"] = "padding";
5371
+ GroupType3["border"] = "border";
5372
+ GroupType3["borderTop"] = "borderTop";
5373
+ GroupType3["borderRight"] = "borderRight";
5374
+ GroupType3["borderBottom"] = "borderBottom";
5375
+ GroupType3["borderLeft"] = "borderLeft";
5376
+ GroupType3["borderRadius"] = "borderRadius";
5377
+ GroupType3["borderInlineStart"] = "borderInlineStart";
5378
+ GroupType3["borderInlineEnd"] = "borderInlineEnd";
5379
+ GroupType3["borderColor"] = "borderColor";
5380
+ GroupType3["borderWidth"] = "borderWidth";
5381
+ GroupType3["borderStyle"] = "borderStyle";
5382
+ GroupType3["font"] = "font";
5383
+ GroupType3["textDecoration"] = "textDecoration";
5384
+ GroupType3["gap"] = "gap";
5385
+ GroupType3["text"] = "text";
5386
+ GroupType3["arrayItems"] = "arrayItems";
5387
+ GroupType3["arrayItem"] = "arrayItem";
5388
+ GroupType3["listItem"] = "listItem";
5389
+ })(GroupType || (GroupType = {}));
5390
+ var DisplayValueEnumDisplayValue;
5391
+ (function(DisplayValueEnumDisplayValue3) {
5392
+ DisplayValueEnumDisplayValue3["UNKNOWN_DisplayValue"] = "UNKNOWN_DisplayValue";
5393
+ DisplayValueEnumDisplayValue3["none"] = "none";
5394
+ DisplayValueEnumDisplayValue3["block"] = "block";
5395
+ DisplayValueEnumDisplayValue3["inline"] = "inline";
5396
+ DisplayValueEnumDisplayValue3["flow"] = "flow";
5397
+ DisplayValueEnumDisplayValue3["flowRoot"] = "flowRoot";
5398
+ DisplayValueEnumDisplayValue3["table"] = "table";
5399
+ DisplayValueEnumDisplayValue3["flex"] = "flex";
5400
+ DisplayValueEnumDisplayValue3["grid"] = "grid";
5401
+ DisplayValueEnumDisplayValue3["list_item"] = "list_item";
5402
+ DisplayValueEnumDisplayValue3["contents"] = "contents";
5403
+ DisplayValueEnumDisplayValue3["inline_block"] = "inline_block";
5404
+ DisplayValueEnumDisplayValue3["inline_table"] = "inline_table";
5405
+ DisplayValueEnumDisplayValue3["inline_flex"] = "inline_flex";
5406
+ DisplayValueEnumDisplayValue3["inline_grid"] = "inline_grid";
5407
+ DisplayValueEnumDisplayValue3["inlineBlock"] = "inlineBlock";
5408
+ DisplayValueEnumDisplayValue3["inlineTable"] = "inlineTable";
5409
+ DisplayValueEnumDisplayValue3["inlineFlex"] = "inlineFlex";
5410
+ DisplayValueEnumDisplayValue3["inlineGrid"] = "inlineGrid";
5411
+ DisplayValueEnumDisplayValue3["listItem"] = "listItem";
5412
+ DisplayValueEnumDisplayValue3["tableRowGroup"] = "tableRowGroup";
5413
+ DisplayValueEnumDisplayValue3["tableHeaderGroup"] = "tableHeaderGroup";
5414
+ DisplayValueEnumDisplayValue3["tableFooterGroup"] = "tableFooterGroup";
5415
+ DisplayValueEnumDisplayValue3["tableRow"] = "tableRow";
5416
+ DisplayValueEnumDisplayValue3["tableCell"] = "tableCell";
5417
+ DisplayValueEnumDisplayValue3["tableColumnGroup"] = "tableColumnGroup";
5418
+ DisplayValueEnumDisplayValue3["tableColumn"] = "tableColumn";
5419
+ DisplayValueEnumDisplayValue3["tableCaption"] = "tableCaption";
5420
+ })(DisplayValueEnumDisplayValue || (DisplayValueEnumDisplayValue = {}));
5421
+ var ElementTypeEnumElementType;
5422
+ (function(ElementTypeEnumElementType3) {
5423
+ ElementTypeEnumElementType3["UNKNOWN_ElementType"] = "UNKNOWN_ElementType";
5424
+ ElementTypeEnumElementType3["inlineElement"] = "inlineElement";
5425
+ ElementTypeEnumElementType3["refElement"] = "refElement";
5426
+ ElementTypeEnumElementType3["partElement"] = "partElement";
5427
+ })(ElementTypeEnumElementType || (ElementTypeEnumElementType = {}));
5428
+ var FilterFunction;
5429
+ (function(FilterFunction3) {
5430
+ FilterFunction3["UNKNOWN_FilterFunctions"] = "UNKNOWN_FilterFunctions";
5431
+ FilterFunction3["blur"] = "blur";
5432
+ FilterFunction3["brightness"] = "brightness";
5433
+ FilterFunction3["contrast"] = "contrast";
5434
+ FilterFunction3["drop_shadow"] = "drop_shadow";
5435
+ FilterFunction3["grayscale"] = "grayscale";
5436
+ FilterFunction3["hue_rotate"] = "hue_rotate";
5437
+ FilterFunction3["invert"] = "invert";
5438
+ FilterFunction3["opacity"] = "opacity";
5439
+ FilterFunction3["sepia"] = "sepia";
5440
+ FilterFunction3["saturate"] = "saturate";
5441
+ FilterFunction3["dropShadow"] = "dropShadow";
5442
+ FilterFunction3["hueRotate"] = "hueRotate";
5443
+ })(FilterFunction || (FilterFunction = {}));
5444
+ var ImageType;
5445
+ (function(ImageType3) {
5446
+ ImageType3["UNKNOWN_ImageType"] = "UNKNOWN_ImageType";
5447
+ ImageType3["url"] = "url";
5448
+ ImageType3["image"] = "image";
5449
+ ImageType3["imageSet"] = "imageSet";
5450
+ ImageType3["crossFade"] = "crossFade";
5451
+ ImageType3["element"] = "element";
5452
+ ImageType3["gradient"] = "gradient";
5453
+ })(ImageType || (ImageType = {}));
5454
+ var EffectGroup;
5455
+ (function(EffectGroup3) {
5456
+ EffectGroup3["UNKNOWN_EFFECT_GROUP"] = "UNKNOWN_EFFECT_GROUP";
5457
+ EffectGroup3["background"] = "background";
5458
+ })(EffectGroup || (EffectGroup = {}));
4397
5459
  var InteractionsTrigger;
4398
5460
  (function(InteractionsTrigger3) {
4399
5461
  InteractionsTrigger3["UNKNOWN_TRIGGER"] = "UNKNOWN_TRIGGER";
@@ -4405,11 +5467,93 @@ var InteractionsTrigger;
4405
5467
  InteractionsTrigger3["pointerMove"] = "pointerMove";
4406
5468
  InteractionsTrigger3["animationEnd"] = "animationEnd";
4407
5469
  })(InteractionsTrigger || (InteractionsTrigger = {}));
4408
- var EffectGroup;
4409
- (function(EffectGroup3) {
4410
- EffectGroup3["UNKNOWN_EFFECT_GROUP"] = "UNKNOWN_EFFECT_GROUP";
4411
- EffectGroup3["background"] = "background";
4412
- })(EffectGroup || (EffectGroup = {}));
5470
+ var LinkType;
5471
+ (function(LinkType3) {
5472
+ LinkType3["UNKNOWN_LinkType"] = "UNKNOWN_LinkType";
5473
+ LinkType3["externalLink"] = "externalLink";
5474
+ LinkType3["anchorLink"] = "anchorLink";
5475
+ LinkType3["emailLink"] = "emailLink";
5476
+ LinkType3["phoneLink"] = "phoneLink";
5477
+ LinkType3["dynamicPageLink"] = "dynamicPageLink";
5478
+ LinkType3["pageLink"] = "pageLink";
5479
+ LinkType3["whatsAppLink"] = "whatsAppLink";
5480
+ LinkType3["documentLink"] = "documentLink";
5481
+ LinkType3["popupLink"] = "popupLink";
5482
+ LinkType3["addressLink"] = "addressLink";
5483
+ LinkType3["edgeAnchorLinks"] = "edgeAnchorLinks";
5484
+ LinkType3["loginToWixLink"] = "loginToWixLink";
5485
+ })(LinkType || (LinkType = {}));
5486
+ var ImageCategoryTypes;
5487
+ (function(ImageCategoryTypes3) {
5488
+ ImageCategoryTypes3["UNKNOWN_CategoryName"] = "UNKNOWN_CategoryName";
5489
+ ImageCategoryTypes3["IMAGE"] = "IMAGE";
5490
+ ImageCategoryTypes3["IMAGE_BACKGROUND"] = "IMAGE_BACKGROUND";
5491
+ })(ImageCategoryTypes || (ImageCategoryTypes = {}));
5492
+ var VectorArtCategoryTypes;
5493
+ (function(VectorArtCategoryTypes3) {
5494
+ VectorArtCategoryTypes3["UNKNOWN_VectorArtCategoryTypes"] = "UNKNOWN_VectorArtCategoryTypes";
5495
+ VectorArtCategoryTypes3["SHAPE_ALL"] = "SHAPE_ALL";
5496
+ VectorArtCategoryTypes3["SHAPE_BASIC"] = "SHAPE_BASIC";
5497
+ VectorArtCategoryTypes3["SHAPE_ART"] = "SHAPE_ART";
5498
+ VectorArtCategoryTypes3["ICON_SOCIAL"] = "ICON_SOCIAL";
5499
+ VectorArtCategoryTypes3["SHAPE_DIVIDERS"] = "SHAPE_DIVIDERS";
5500
+ VectorArtCategoryTypes3["SHAPE_LOCATION"] = "SHAPE_LOCATION";
5501
+ VectorArtCategoryTypes3["SHAPE_DOCUMENTS"] = "SHAPE_DOCUMENTS";
5502
+ VectorArtCategoryTypes3["SHAPE_SOCIAL"] = "SHAPE_SOCIAL";
5503
+ VectorArtCategoryTypes3["SHAPE_ARROWS"] = "SHAPE_ARROWS";
5504
+ })(VectorArtCategoryTypes || (VectorArtCategoryTypes = {}));
5505
+ var VideoCategoryTypes;
5506
+ (function(VideoCategoryTypes3) {
5507
+ VideoCategoryTypes3["UNKNOWN_VideoCategoryTypes"] = "UNKNOWN_VideoCategoryTypes";
5508
+ VideoCategoryTypes3["VIDEO"] = "VIDEO";
5509
+ VideoCategoryTypes3["VIDEO_TRANSPARENT"] = "VIDEO_TRANSPARENT";
5510
+ VideoCategoryTypes3["VIDEO_OPAQUE"] = "VIDEO_OPAQUE";
5511
+ })(VideoCategoryTypes || (VideoCategoryTypes = {}));
5512
+ var NativeStateType;
5513
+ (function(NativeStateType3) {
5514
+ NativeStateType3["UNKNOWN_NativeStateType"] = "UNKNOWN_NativeStateType";
5515
+ NativeStateType3["hover"] = "hover";
5516
+ NativeStateType3["focus"] = "focus";
5517
+ NativeStateType3["disabled"] = "disabled";
5518
+ NativeStateType3["invalid"] = "invalid";
5519
+ })(NativeStateType || (NativeStateType = {}));
5520
+ var PanelContentType;
5521
+ (function(PanelContentType3) {
5522
+ PanelContentType3["UNKNOWN_PanelContentType"] = "UNKNOWN_PanelContentType";
5523
+ PanelContentType3["url"] = "url";
5524
+ PanelContentType3["code"] = "code";
5525
+ })(PanelContentType || (PanelContentType = {}));
5526
+ var PanelType;
5527
+ (function(PanelType3) {
5528
+ PanelType3["UNKNOWN_PanelType"] = "UNKNOWN_PanelType";
5529
+ PanelType3["panelId"] = "panelId";
5530
+ PanelType3["inline"] = "inline";
5531
+ })(PanelType || (PanelType = {}));
5532
+ var ResizeDirection;
5533
+ (function(ResizeDirection3) {
5534
+ ResizeDirection3["UNKNOWN_ResizeDirection"] = "UNKNOWN_ResizeDirection";
5535
+ ResizeDirection3["horizontal"] = "horizontal";
5536
+ ResizeDirection3["vertical"] = "vertical";
5537
+ ResizeDirection3["horizontalAndVertical"] = "horizontalAndVertical";
5538
+ ResizeDirection3["aspectRatio"] = "aspectRatio";
5539
+ ResizeDirection3["none"] = "none";
5540
+ })(ResizeDirection || (ResizeDirection = {}));
5541
+ var SizingType;
5542
+ (function(SizingType3) {
5543
+ SizingType3["UNKNOWN_SizingType"] = "UNKNOWN_SizingType";
5544
+ SizingType3["content"] = "content";
5545
+ SizingType3["stretched"] = "stretched";
5546
+ SizingType3["pixels"] = "pixels";
5547
+ })(SizingType || (SizingType = {}));
5548
+ var WritingModeValue;
5549
+ (function(WritingModeValue3) {
5550
+ WritingModeValue3["UNKNOWN_WritingModeValue"] = "UNKNOWN_WritingModeValue";
5551
+ WritingModeValue3["horizontalTb"] = "horizontalTb";
5552
+ WritingModeValue3["verticalRl"] = "verticalRl";
5553
+ WritingModeValue3["verticalLr"] = "verticalLr";
5554
+ WritingModeValue3["sidewaysRl"] = "sidewaysRl";
5555
+ WritingModeValue3["sidewaysLr"] = "sidewaysLr";
5556
+ })(WritingModeValue || (WritingModeValue = {}));
4413
5557
  var OverrideType;
4414
5558
  (function(OverrideType2) {
4415
5559
  OverrideType2["UNKNOWN"] = "UNKNOWN";
@@ -4472,6 +5616,236 @@ var MEDIA = {
4472
5616
  VECTOR_ART_CATEGORY: VectorArtCategoryTypes,
4473
5617
  IMAGE_CATEGORY: ImageCategoryTypes
4474
5618
  };
5619
+ const BoxColorVariableNames = {
5620
+ "wst-box-primary-background-color": "wst-box-primary-background-color",
5621
+ "wst-box-primary-border-left-color": "wst-box-primary-border-left-color",
5622
+ "wst-box-primary-border-right-color": "wst-box-primary-border-right-color",
5623
+ "wst-box-primary-border-top-color": "wst-box-primary-border-top-color",
5624
+ "wst-box-primary-border-bottom-color": "wst-box-primary-border-bottom-color",
5625
+ "wst-box-secondary-background-color": "wst-box-secondary-background-color",
5626
+ "wst-box-secondary-border-left-color": "wst-box-secondary-border-left-color",
5627
+ "wst-box-secondary-border-right-color": "wst-box-secondary-border-right-color",
5628
+ "wst-box-secondary-border-top-color": "wst-box-secondary-border-top-color",
5629
+ "wst-box-secondary-border-bottom-color": "wst-box-secondary-border-bottom-color"
5630
+ };
5631
+ const BoxVariableNames = {
5632
+ ...BoxColorVariableNames,
5633
+ "wst-box-primary-background-image": "wst-box-primary-background-image",
5634
+ "wst-box-secondary-background-image": "wst-box-secondary-background-image",
5635
+ "wst-box-primary-border-left-width": "wst-box-primary-border-left-width",
5636
+ "wst-box-primary-border-right-width": "wst-box-primary-border-right-width",
5637
+ "wst-box-primary-border-top-width": "wst-box-primary-border-top-width",
5638
+ "wst-box-primary-border-bottom-width": "wst-box-primary-border-bottom-width",
5639
+ "wst-box-primary-border-left-style": "wst-box-primary-border-left-style",
5640
+ "wst-box-primary-border-right-style": "wst-box-primary-border-right-style",
5641
+ "wst-box-primary-border-top-style": "wst-box-primary-border-top-style",
5642
+ "wst-box-primary-border-bottom-style": "wst-box-primary-border-bottom-style",
5643
+ "wst-box-primary-border-top-left-radius": "wst-box-primary-border-top-left-radius",
5644
+ "wst-box-primary-border-top-right-radius": "wst-box-primary-border-top-right-radius",
5645
+ "wst-box-primary-border-bottom-left-radius": "wst-box-primary-border-bottom-left-radius",
5646
+ "wst-box-primary-border-bottom-right-radius": "wst-box-primary-border-bottom-right-radius",
5647
+ "wst-box-primary-box-shadow": "wst-box-primary-box-shadow",
5648
+ "wst-box-secondary-border-left-width": "wst-box-secondary-border-left-width",
5649
+ "wst-box-secondary-border-right-width": "wst-box-secondary-border-right-width",
5650
+ "wst-box-secondary-border-top-width": "wst-box-secondary-border-top-width",
5651
+ "wst-box-secondary-border-bottom-width": "wst-box-secondary-border-bottom-width",
5652
+ "wst-box-secondary-border-left-style": "wst-box-secondary-border-left-style",
5653
+ "wst-box-secondary-border-right-style": "wst-box-secondary-border-right-style",
5654
+ "wst-box-secondary-border-top-style": "wst-box-secondary-border-top-style",
5655
+ "wst-box-secondary-border-bottom-style": "wst-box-secondary-border-bottom-style",
5656
+ "wst-box-secondary-border-top-left-radius": "wst-box-secondary-border-top-left-radius",
5657
+ "wst-box-secondary-border-top-right-radius": "wst-box-secondary-border-top-right-radius",
5658
+ "wst-box-secondary-border-bottom-left-radius": "wst-box-secondary-border-bottom-left-radius",
5659
+ "wst-box-secondary-border-bottom-right-radius": "wst-box-secondary-border-bottom-right-radius",
5660
+ "wst-box-secondary-padding-bottom": "wst-box-secondary-padding-bottom",
5661
+ "wst-box-secondary-padding-top": "wst-box-secondary-padding-top",
5662
+ "wst-box-secondary-padding-left": "wst-box-secondary-padding-left",
5663
+ "wst-box-secondary-padding-right": "wst-box-secondary-padding-right",
5664
+ "wst-box-secondary-box-shadow": "wst-box-secondary-box-shadow"
5665
+ };
5666
+ const ButtonColorVariableNames = {
5667
+ "wst-button-primary-background-color": "wst-button-primary-background-color",
5668
+ "wst-button-primary-border-left-color": "wst-button-primary-border-left-color",
5669
+ "wst-button-primary-border-right-color": "wst-button-primary-border-right-color",
5670
+ "wst-button-primary-border-top-color": "wst-button-primary-border-top-color",
5671
+ "wst-button-primary-border-bottom-color": "wst-button-primary-border-bottom-color",
5672
+ "wst-button-primary-color": "wst-button-primary-color",
5673
+ "wst-button-primary-text-highlight": "wst-button-primary-text-highlight",
5674
+ "wst-button-secondary-background-color": "wst-button-secondary-background-color",
5675
+ "wst-button-secondary-border-left-color": "wst-button-secondary-border-left-color",
5676
+ "wst-button-secondary-border-right-color": "wst-button-secondary-border-right-color",
5677
+ "wst-button-secondary-border-top-color": "wst-button-secondary-border-top-color",
5678
+ "wst-button-secondary-border-bottom-color": "wst-button-secondary-border-bottom-color",
5679
+ "wst-button-secondary-color": "wst-button-secondary-color",
5680
+ "wst-button-secondary-text-highlight": "wst-button-secondary-text-highlight",
5681
+ "wst-button-tertiary-background-color": "wst-button-tertiary-background-color",
5682
+ "wst-button-tertiary-border-left-color": "wst-button-tertiary-border-left-color",
5683
+ "wst-button-tertiary-border-right-color": "wst-button-tertiary-border-right-color",
5684
+ "wst-button-tertiary-border-top-color": "wst-button-tertiary-border-top-color",
5685
+ "wst-button-tertiary-border-bottom-color": "wst-button-tertiary-border-bottom-color",
5686
+ "wst-button-tertiary-color": "wst-button-tertiary-color",
5687
+ "wst-button-tertiary-text-highlight": "wst-button-tertiary-text-highlight"
5688
+ };
5689
+ const ButtonVariableNames = {
5690
+ ...ButtonColorVariableNames,
5691
+ "wst-button-primary-background-image": "wst-button-primary-background-image",
5692
+ "wst-button-secondary-background-image": "wst-button-secondary-background-image",
5693
+ "wst-button-tertiary-background-image": "wst-button-tertiary-background-image",
5694
+ "wst-button-primary-font": "wst-button-primary-font",
5695
+ "wst-button-primary-font-family": "wst-button-primary-font-family",
5696
+ "wst-button-primary-font-size": "wst-button-primary-font-size",
5697
+ "wst-button-primary-font-style": "wst-button-primary-font-style",
5698
+ "wst-button-primary-font-weight": "wst-button-primary-font-weight",
5699
+ "wst-button-primary-text-decoration": "wst-button-primary-text-decoration",
5700
+ "wst-button-primary-text-transform": "wst-button-primary-text-transform",
5701
+ "wst-button-primary-letter-spacing": "wst-button-primary-letter-spacing",
5702
+ "wst-button-primary-line-height": "wst-button-primary-line-height",
5703
+ "wst-button-primary-text-shadow": "wst-button-primary-text-shadow",
5704
+ "wst-button-primary-box-shadow": "wst-button-primary-box-shadow",
5705
+ "wst-button-primary-border-left-width": "wst-button-primary-border-left-width",
5706
+ "wst-button-primary-border-right-width": "wst-button-primary-border-right-width",
5707
+ "wst-button-primary-border-top-width": "wst-button-primary-border-top-width",
5708
+ "wst-button-primary-border-bottom-width": "wst-button-primary-border-bottom-width",
5709
+ "wst-button-primary-border-left-style": "wst-button-primary-border-left-style",
5710
+ "wst-button-primary-border-right-style": "wst-button-primary-border-right-style",
5711
+ "wst-button-primary-border-top-style": "wst-button-primary-border-top-style",
5712
+ "wst-button-primary-border-bottom-style": "wst-button-primary-border-bottom-style",
5713
+ "wst-button-primary-padding-bottom": "wst-button-primary-padding-bottom",
5714
+ "wst-button-primary-padding-top": "wst-button-primary-padding-top",
5715
+ "wst-button-primary-padding-left": "wst-button-primary-padding-left",
5716
+ "wst-button-primary-padding-right": "wst-button-primary-padding-right",
5717
+ "wst-button-primary-border-top-left-radius": "wst-button-primary-border-top-left-radius",
5718
+ "wst-button-primary-border-top-right-radius": "wst-button-primary-border-top-right-radius",
5719
+ "wst-button-primary-border-bottom-left-radius": "wst-button-primary-border-bottom-left-radius",
5720
+ "wst-button-primary-border-bottom-right-radius": "wst-button-primary-border-bottom-right-radius",
5721
+ "wst-button-primary-column-gap": "wst-button-primary-column-gap",
5722
+ "wst-button-primary-row-gap": "wst-button-primary-row-gap",
5723
+ "wst-button-primary-justify-content": "wst-button-primary-justify-content",
5724
+ "wst-button-secondary-font": "wst-button-secondary-font",
5725
+ "wst-button-secondary-font-family": "wst-button-secondary-font-family",
5726
+ "wst-button-secondary-font-size": "wst-button-secondary-font-size",
5727
+ "wst-button-secondary-font-style": "wst-button-secondary-font-style",
5728
+ "wst-button-secondary-font-weight": "wst-button-secondary-font-weight",
5729
+ "wst-button-secondary-text-decoration": "wst-button-secondary-text-decoration",
5730
+ "wst-button-secondary-text-transform": "wst-button-secondary-text-transform",
5731
+ "wst-button-secondary-letter-spacing": "wst-button-secondary-letter-spacing",
5732
+ "wst-button-secondary-line-height": "wst-button-secondary-line-height",
5733
+ "wst-button-secondary-text-shadow": "wst-button-secondary-text-shadow",
5734
+ "wst-button-secondary-box-shadow": "wst-button-secondary-box-shadow",
5735
+ "wst-button-secondary-border-left-width": "wst-button-secondary-border-left-width",
5736
+ "wst-button-secondary-border-right-width": "wst-button-secondary-border-right-width",
5737
+ "wst-button-secondary-border-top-width": "wst-button-secondary-border-top-width",
5738
+ "wst-button-secondary-border-bottom-width": "wst-button-secondary-border-bottom-width",
5739
+ "wst-button-secondary-border-left-style": "wst-button-secondary-border-left-style",
5740
+ "wst-button-secondary-border-right-style": "wst-button-secondary-border-right-style",
5741
+ "wst-button-secondary-border-top-style": "wst-button-secondary-border-top-style",
5742
+ "wst-button-secondary-border-bottom-style": "wst-button-secondary-border-bottom-style",
5743
+ "wst-button-secondary-padding-bottom": "wst-button-secondary-padding-bottom",
5744
+ "wst-button-secondary-padding-top": "wst-button-secondary-padding-top",
5745
+ "wst-button-secondary-padding-left": "wst-button-secondary-padding-left",
5746
+ "wst-button-secondary-padding-right": "wst-button-secondary-padding-right",
5747
+ "wst-button-secondary-border-top-left-radius": "wst-button-secondary-border-top-left-radius",
5748
+ "wst-button-secondary-border-top-right-radius": "wst-button-secondary-border-top-right-radius",
5749
+ "wst-button-secondary-border-bottom-left-radius": "wst-button-secondary-border-bottom-left-radius",
5750
+ "wst-button-secondary-border-bottom-right-radius": "wst-button-secondary-border-bottom-right-radius",
5751
+ "wst-button-secondary-column-gap": "wst-button-secondary-column-gap",
5752
+ "wst-button-secondary-row-gap": "wst-button-secondary-row-gap",
5753
+ "wst-button-secondary-justify-content": "wst-button-secondary-justify-content",
5754
+ "wst-button-tertiary-font": "wst-button-tertiary-font",
5755
+ "wst-button-tertiary-font-family": "wst-button-tertiary-font-family",
5756
+ "wst-button-tertiary-font-size": "wst-button-tertiary-font-size",
5757
+ "wst-button-tertiary-font-style": "wst-button-tertiary-font-style",
5758
+ "wst-button-tertiary-font-weight": "wst-button-tertiary-font-weight",
5759
+ "wst-button-tertiary-text-decoration": "wst-button-tertiary-text-decoration",
5760
+ "wst-button-tertiary-text-transform": "wst-button-tertiary-text-transform",
5761
+ "wst-button-tertiary-letter-spacing": "wst-button-tertiary-letter-spacing",
5762
+ "wst-button-tertiary-line-height": "wst-button-tertiary-line-height",
5763
+ "wst-button-tertiary-text-shadow": "wst-button-tertiary-text-shadow",
5764
+ "wst-button-tertiary-box-shadow": "wst-button-tertiary-box-shadow",
5765
+ "wst-button-tertiary-border-left-width": "wst-button-tertiary-border-left-width",
5766
+ "wst-button-tertiary-border-right-width": "wst-button-tertiary-border-right-width",
5767
+ "wst-button-tertiary-border-top-width": "wst-button-tertiary-border-top-width",
5768
+ "wst-button-tertiary-border-bottom-width": "wst-button-tertiary-border-bottom-width",
5769
+ "wst-button-tertiary-border-left-style": "wst-button-tertiary-border-left-style",
5770
+ "wst-button-tertiary-border-right-style": "wst-button-tertiary-border-right-style",
5771
+ "wst-button-tertiary-border-top-style": "wst-button-tertiary-border-top-style",
5772
+ "wst-button-tertiary-border-bottom-style": "wst-button-tertiary-border-bottom-style",
5773
+ "wst-button-tertiary-padding-bottom": "wst-button-tertiary-padding-bottom",
5774
+ "wst-button-tertiary-padding-top": "wst-button-tertiary-padding-top",
5775
+ "wst-button-tertiary-padding-left": "wst-button-tertiary-padding-left",
5776
+ "wst-button-tertiary-padding-right": "wst-button-tertiary-padding-right",
5777
+ "wst-button-tertiary-border-top-left-radius": "wst-button-tertiary-border-top-left-radius",
5778
+ "wst-button-tertiary-border-top-right-radius": "wst-button-tertiary-border-top-right-radius",
5779
+ "wst-button-tertiary-border-bottom-left-radius": "wst-button-tertiary-border-bottom-left-radius",
5780
+ "wst-button-tertiary-border-bottom-right-radius": "wst-button-tertiary-border-bottom-right-radius",
5781
+ "wst-button-tertiary-column-gap": "wst-button-tertiary-column-gap",
5782
+ "wst-button-tertiary-row-gap": "wst-button-tertiary-row-gap",
5783
+ "wst-button-tertiary-justify-content": "wst-button-tertiary-justify-content"
5784
+ };
5785
+ const BaseColorVariableNames = {
5786
+ "wst-base-1-color": "wst-base-1-color",
5787
+ "wst-base-2-color": "wst-base-2-color",
5788
+ "wst-shade-1-color": "wst-shade-1-color",
5789
+ "wst-shade-2-color": "wst-shade-2-color",
5790
+ "wst-shade-3-color": "wst-shade-3-color",
5791
+ "wst-accent-1-color": "wst-accent-1-color",
5792
+ "wst-accent-2-color": "wst-accent-2-color",
5793
+ "wst-accent-3-color": "wst-accent-3-color",
5794
+ "wst-accent-4-color": "wst-accent-4-color"
5795
+ };
5796
+ const ColorVariableNames = {
5797
+ ...BaseColorVariableNames,
5798
+ "wst-primary-background-color": "wst-primary-background-color",
5799
+ "wst-secondary-background-color": "wst-secondary-background-color",
5800
+ "wst-links-and-actions-color": "wst-links-and-actions-color",
5801
+ "wst-graphics-1-color": "wst-graphics-1-color",
5802
+ "wst-graphics-2-color": "wst-graphics-2-color",
5803
+ "wst-system-success-color": "wst-system-success-color",
5804
+ "wst-system-error-color": "wst-system-error-color",
5805
+ "wst-system-alert-color": "wst-system-alert-color",
5806
+ "wst-system-disabled-color": "wst-system-disabled-color",
5807
+ "wst-system-default-dark-color": "wst-system-default-dark-color",
5808
+ "wst-system-default-light-color": "wst-system-default-light-color"
5809
+ };
5810
+ const LineColorVariableNames = {
5811
+ "wst-system-line-1-color": "wst-system-line-1-color",
5812
+ "wst-system-line-2-color": "wst-system-line-2-color"
5813
+ };
5814
+ const LineVariableNames = {
5815
+ ...LineColorVariableNames,
5816
+ "wst-system-line-1-width": "wst-system-line-1-width",
5817
+ "wst-system-line-2-width": "wst-system-line-2-width"
5818
+ };
5819
+ const TextColorVariableNames = {
5820
+ "wst-heading-1-color": "wst-heading-1-color",
5821
+ "wst-heading-2-color": "wst-heading-2-color",
5822
+ "wst-heading-3-color": "wst-heading-3-color",
5823
+ "wst-heading-4-color": "wst-heading-4-color",
5824
+ "wst-heading-5-color": "wst-heading-5-color",
5825
+ "wst-heading-6-color": "wst-heading-6-color",
5826
+ "wst-paragraph-1-color": "wst-paragraph-1-color",
5827
+ "wst-paragraph-2-color": "wst-paragraph-2-color",
5828
+ "wst-paragraph-3-color": "wst-paragraph-3-color"
5829
+ };
5830
+ const TextVariableNames = {
5831
+ ...TextColorVariableNames,
5832
+ "wst-heading-1-font": "wst-heading-1-font",
5833
+ "wst-heading-2-font": "wst-heading-2-font",
5834
+ "wst-heading-3-font": "wst-heading-3-font",
5835
+ "wst-heading-4-font": "wst-heading-4-font",
5836
+ "wst-heading-5-font": "wst-heading-5-font",
5837
+ "wst-heading-6-font": "wst-heading-6-font",
5838
+ "wst-paragraph-1-font": "wst-paragraph-1-font",
5839
+ "wst-paragraph-2-font": "wst-paragraph-2-font",
5840
+ "wst-paragraph-3-font": "wst-paragraph-3-font"
5841
+ };
5842
+ const WixThemeVariableNames = {
5843
+ ...ColorVariableNames,
5844
+ ...TextVariableNames,
5845
+ ...ButtonVariableNames,
5846
+ ...BoxVariableNames,
5847
+ ...LineVariableNames
5848
+ };
4475
5849
  const DOM_EVENT = {
4476
5850
  POINTER: "POINTER",
4477
5851
  CHANGE: "CHANGE",
@@ -4483,17 +5857,429 @@ export {
4483
5857
  ACTIONS,
4484
5858
  ActionName as ACTION_NAME,
4485
5859
  Archetype as ARCHETYPE,
5860
+ BoxVariableNames,
5861
+ ButtonVariableNames,
4486
5862
  ContainerType as CONTAINER_TYPE,
4487
5863
  CSS_PROPERTIES,
5864
+ ColorVariableNames,
4488
5865
  DATA,
4489
5866
  DISPLAY_GROUPS,
4490
5867
  DOM_EVENT,
4491
5868
  ELEMENTS,
4492
5869
  INTERACTIONS,
4493
5870
  LAYOUT,
5871
+ LineVariableNames,
4494
5872
  MEDIA,
4495
5873
  NativeStateType as NATIVE_STATE_TYPE,
4496
- OverrideType
5874
+ OverrideType,
5875
+ TextVariableNames,
5876
+ WixThemeVariableNames
4497
5877
  };
4498
5878
  "
4499
5879
  `;
5880
+
5881
+ exports[`react-component-schema dist > dist/theme-variables.module.css matches snapshot 1`] = `
5882
+ "/* Auto-generated — do not edit. Source: WixThemeVariableNames. */
5883
+ @value wst-base-1-color: --wst-base-1-color;
5884
+ @value wst-base-2-color: --wst-base-2-color;
5885
+ @value wst-shade-1-color: --wst-shade-1-color;
5886
+ @value wst-shade-2-color: --wst-shade-2-color;
5887
+ @value wst-shade-3-color: --wst-shade-3-color;
5888
+ @value wst-accent-1-color: --wst-accent-1-color;
5889
+ @value wst-accent-2-color: --wst-accent-2-color;
5890
+ @value wst-accent-3-color: --wst-accent-3-color;
5891
+ @value wst-accent-4-color: --wst-accent-4-color;
5892
+ @value wst-primary-background-color: --wst-primary-background-color;
5893
+ @value wst-secondary-background-color: --wst-secondary-background-color;
5894
+ @value wst-links-and-actions-color: --wst-links-and-actions-color;
5895
+ @value wst-graphics-1-color: --wst-graphics-1-color;
5896
+ @value wst-graphics-2-color: --wst-graphics-2-color;
5897
+ @value wst-system-success-color: --wst-system-success-color;
5898
+ @value wst-system-error-color: --wst-system-error-color;
5899
+ @value wst-system-alert-color: --wst-system-alert-color;
5900
+ @value wst-system-disabled-color: --wst-system-disabled-color;
5901
+ @value wst-system-default-dark-color: --wst-system-default-dark-color;
5902
+ @value wst-system-default-light-color: --wst-system-default-light-color;
5903
+ @value wst-heading-1-color: --wst-heading-1-color;
5904
+ @value wst-heading-2-color: --wst-heading-2-color;
5905
+ @value wst-heading-3-color: --wst-heading-3-color;
5906
+ @value wst-heading-4-color: --wst-heading-4-color;
5907
+ @value wst-heading-5-color: --wst-heading-5-color;
5908
+ @value wst-heading-6-color: --wst-heading-6-color;
5909
+ @value wst-paragraph-1-color: --wst-paragraph-1-color;
5910
+ @value wst-paragraph-2-color: --wst-paragraph-2-color;
5911
+ @value wst-paragraph-3-color: --wst-paragraph-3-color;
5912
+ @value wst-heading-1-font: --wst-heading-1-font;
5913
+ @value wst-heading-2-font: --wst-heading-2-font;
5914
+ @value wst-heading-3-font: --wst-heading-3-font;
5915
+ @value wst-heading-4-font: --wst-heading-4-font;
5916
+ @value wst-heading-5-font: --wst-heading-5-font;
5917
+ @value wst-heading-6-font: --wst-heading-6-font;
5918
+ @value wst-paragraph-1-font: --wst-paragraph-1-font;
5919
+ @value wst-paragraph-2-font: --wst-paragraph-2-font;
5920
+ @value wst-paragraph-3-font: --wst-paragraph-3-font;
5921
+ @value wst-button-primary-background-color: --wst-button-primary-background-color;
5922
+ @value wst-button-primary-border-left-color: --wst-button-primary-border-left-color;
5923
+ @value wst-button-primary-border-right-color: --wst-button-primary-border-right-color;
5924
+ @value wst-button-primary-border-top-color: --wst-button-primary-border-top-color;
5925
+ @value wst-button-primary-border-bottom-color: --wst-button-primary-border-bottom-color;
5926
+ @value wst-button-primary-color: --wst-button-primary-color;
5927
+ @value wst-button-primary-text-highlight: --wst-button-primary-text-highlight;
5928
+ @value wst-button-secondary-background-color: --wst-button-secondary-background-color;
5929
+ @value wst-button-secondary-border-left-color: --wst-button-secondary-border-left-color;
5930
+ @value wst-button-secondary-border-right-color: --wst-button-secondary-border-right-color;
5931
+ @value wst-button-secondary-border-top-color: --wst-button-secondary-border-top-color;
5932
+ @value wst-button-secondary-border-bottom-color: --wst-button-secondary-border-bottom-color;
5933
+ @value wst-button-secondary-color: --wst-button-secondary-color;
5934
+ @value wst-button-secondary-text-highlight: --wst-button-secondary-text-highlight;
5935
+ @value wst-button-tertiary-background-color: --wst-button-tertiary-background-color;
5936
+ @value wst-button-tertiary-border-left-color: --wst-button-tertiary-border-left-color;
5937
+ @value wst-button-tertiary-border-right-color: --wst-button-tertiary-border-right-color;
5938
+ @value wst-button-tertiary-border-top-color: --wst-button-tertiary-border-top-color;
5939
+ @value wst-button-tertiary-border-bottom-color: --wst-button-tertiary-border-bottom-color;
5940
+ @value wst-button-tertiary-color: --wst-button-tertiary-color;
5941
+ @value wst-button-tertiary-text-highlight: --wst-button-tertiary-text-highlight;
5942
+ @value wst-button-primary-background-image: --wst-button-primary-background-image;
5943
+ @value wst-button-secondary-background-image: --wst-button-secondary-background-image;
5944
+ @value wst-button-tertiary-background-image: --wst-button-tertiary-background-image;
5945
+ @value wst-button-primary-font: --wst-button-primary-font;
5946
+ @value wst-button-primary-font-family: --wst-button-primary-font-family;
5947
+ @value wst-button-primary-font-size: --wst-button-primary-font-size;
5948
+ @value wst-button-primary-font-style: --wst-button-primary-font-style;
5949
+ @value wst-button-primary-font-weight: --wst-button-primary-font-weight;
5950
+ @value wst-button-primary-text-decoration: --wst-button-primary-text-decoration;
5951
+ @value wst-button-primary-text-transform: --wst-button-primary-text-transform;
5952
+ @value wst-button-primary-letter-spacing: --wst-button-primary-letter-spacing;
5953
+ @value wst-button-primary-line-height: --wst-button-primary-line-height;
5954
+ @value wst-button-primary-text-shadow: --wst-button-primary-text-shadow;
5955
+ @value wst-button-primary-box-shadow: --wst-button-primary-box-shadow;
5956
+ @value wst-button-primary-border-left-width: --wst-button-primary-border-left-width;
5957
+ @value wst-button-primary-border-right-width: --wst-button-primary-border-right-width;
5958
+ @value wst-button-primary-border-top-width: --wst-button-primary-border-top-width;
5959
+ @value wst-button-primary-border-bottom-width: --wst-button-primary-border-bottom-width;
5960
+ @value wst-button-primary-border-left-style: --wst-button-primary-border-left-style;
5961
+ @value wst-button-primary-border-right-style: --wst-button-primary-border-right-style;
5962
+ @value wst-button-primary-border-top-style: --wst-button-primary-border-top-style;
5963
+ @value wst-button-primary-border-bottom-style: --wst-button-primary-border-bottom-style;
5964
+ @value wst-button-primary-padding-bottom: --wst-button-primary-padding-bottom;
5965
+ @value wst-button-primary-padding-top: --wst-button-primary-padding-top;
5966
+ @value wst-button-primary-padding-left: --wst-button-primary-padding-left;
5967
+ @value wst-button-primary-padding-right: --wst-button-primary-padding-right;
5968
+ @value wst-button-primary-border-top-left-radius: --wst-button-primary-border-top-left-radius;
5969
+ @value wst-button-primary-border-top-right-radius: --wst-button-primary-border-top-right-radius;
5970
+ @value wst-button-primary-border-bottom-left-radius: --wst-button-primary-border-bottom-left-radius;
5971
+ @value wst-button-primary-border-bottom-right-radius: --wst-button-primary-border-bottom-right-radius;
5972
+ @value wst-button-primary-column-gap: --wst-button-primary-column-gap;
5973
+ @value wst-button-primary-row-gap: --wst-button-primary-row-gap;
5974
+ @value wst-button-primary-justify-content: --wst-button-primary-justify-content;
5975
+ @value wst-button-secondary-font: --wst-button-secondary-font;
5976
+ @value wst-button-secondary-font-family: --wst-button-secondary-font-family;
5977
+ @value wst-button-secondary-font-size: --wst-button-secondary-font-size;
5978
+ @value wst-button-secondary-font-style: --wst-button-secondary-font-style;
5979
+ @value wst-button-secondary-font-weight: --wst-button-secondary-font-weight;
5980
+ @value wst-button-secondary-text-decoration: --wst-button-secondary-text-decoration;
5981
+ @value wst-button-secondary-text-transform: --wst-button-secondary-text-transform;
5982
+ @value wst-button-secondary-letter-spacing: --wst-button-secondary-letter-spacing;
5983
+ @value wst-button-secondary-line-height: --wst-button-secondary-line-height;
5984
+ @value wst-button-secondary-text-shadow: --wst-button-secondary-text-shadow;
5985
+ @value wst-button-secondary-box-shadow: --wst-button-secondary-box-shadow;
5986
+ @value wst-button-secondary-border-left-width: --wst-button-secondary-border-left-width;
5987
+ @value wst-button-secondary-border-right-width: --wst-button-secondary-border-right-width;
5988
+ @value wst-button-secondary-border-top-width: --wst-button-secondary-border-top-width;
5989
+ @value wst-button-secondary-border-bottom-width: --wst-button-secondary-border-bottom-width;
5990
+ @value wst-button-secondary-border-left-style: --wst-button-secondary-border-left-style;
5991
+ @value wst-button-secondary-border-right-style: --wst-button-secondary-border-right-style;
5992
+ @value wst-button-secondary-border-top-style: --wst-button-secondary-border-top-style;
5993
+ @value wst-button-secondary-border-bottom-style: --wst-button-secondary-border-bottom-style;
5994
+ @value wst-button-secondary-padding-bottom: --wst-button-secondary-padding-bottom;
5995
+ @value wst-button-secondary-padding-top: --wst-button-secondary-padding-top;
5996
+ @value wst-button-secondary-padding-left: --wst-button-secondary-padding-left;
5997
+ @value wst-button-secondary-padding-right: --wst-button-secondary-padding-right;
5998
+ @value wst-button-secondary-border-top-left-radius: --wst-button-secondary-border-top-left-radius;
5999
+ @value wst-button-secondary-border-top-right-radius: --wst-button-secondary-border-top-right-radius;
6000
+ @value wst-button-secondary-border-bottom-left-radius: --wst-button-secondary-border-bottom-left-radius;
6001
+ @value wst-button-secondary-border-bottom-right-radius: --wst-button-secondary-border-bottom-right-radius;
6002
+ @value wst-button-secondary-column-gap: --wst-button-secondary-column-gap;
6003
+ @value wst-button-secondary-row-gap: --wst-button-secondary-row-gap;
6004
+ @value wst-button-secondary-justify-content: --wst-button-secondary-justify-content;
6005
+ @value wst-button-tertiary-font: --wst-button-tertiary-font;
6006
+ @value wst-button-tertiary-font-family: --wst-button-tertiary-font-family;
6007
+ @value wst-button-tertiary-font-size: --wst-button-tertiary-font-size;
6008
+ @value wst-button-tertiary-font-style: --wst-button-tertiary-font-style;
6009
+ @value wst-button-tertiary-font-weight: --wst-button-tertiary-font-weight;
6010
+ @value wst-button-tertiary-text-decoration: --wst-button-tertiary-text-decoration;
6011
+ @value wst-button-tertiary-text-transform: --wst-button-tertiary-text-transform;
6012
+ @value wst-button-tertiary-letter-spacing: --wst-button-tertiary-letter-spacing;
6013
+ @value wst-button-tertiary-line-height: --wst-button-tertiary-line-height;
6014
+ @value wst-button-tertiary-text-shadow: --wst-button-tertiary-text-shadow;
6015
+ @value wst-button-tertiary-box-shadow: --wst-button-tertiary-box-shadow;
6016
+ @value wst-button-tertiary-border-left-width: --wst-button-tertiary-border-left-width;
6017
+ @value wst-button-tertiary-border-right-width: --wst-button-tertiary-border-right-width;
6018
+ @value wst-button-tertiary-border-top-width: --wst-button-tertiary-border-top-width;
6019
+ @value wst-button-tertiary-border-bottom-width: --wst-button-tertiary-border-bottom-width;
6020
+ @value wst-button-tertiary-border-left-style: --wst-button-tertiary-border-left-style;
6021
+ @value wst-button-tertiary-border-right-style: --wst-button-tertiary-border-right-style;
6022
+ @value wst-button-tertiary-border-top-style: --wst-button-tertiary-border-top-style;
6023
+ @value wst-button-tertiary-border-bottom-style: --wst-button-tertiary-border-bottom-style;
6024
+ @value wst-button-tertiary-padding-bottom: --wst-button-tertiary-padding-bottom;
6025
+ @value wst-button-tertiary-padding-top: --wst-button-tertiary-padding-top;
6026
+ @value wst-button-tertiary-padding-left: --wst-button-tertiary-padding-left;
6027
+ @value wst-button-tertiary-padding-right: --wst-button-tertiary-padding-right;
6028
+ @value wst-button-tertiary-border-top-left-radius: --wst-button-tertiary-border-top-left-radius;
6029
+ @value wst-button-tertiary-border-top-right-radius: --wst-button-tertiary-border-top-right-radius;
6030
+ @value wst-button-tertiary-border-bottom-left-radius: --wst-button-tertiary-border-bottom-left-radius;
6031
+ @value wst-button-tertiary-border-bottom-right-radius: --wst-button-tertiary-border-bottom-right-radius;
6032
+ @value wst-button-tertiary-column-gap: --wst-button-tertiary-column-gap;
6033
+ @value wst-button-tertiary-row-gap: --wst-button-tertiary-row-gap;
6034
+ @value wst-button-tertiary-justify-content: --wst-button-tertiary-justify-content;
6035
+ @value wst-box-primary-background-color: --wst-box-primary-background-color;
6036
+ @value wst-box-primary-border-left-color: --wst-box-primary-border-left-color;
6037
+ @value wst-box-primary-border-right-color: --wst-box-primary-border-right-color;
6038
+ @value wst-box-primary-border-top-color: --wst-box-primary-border-top-color;
6039
+ @value wst-box-primary-border-bottom-color: --wst-box-primary-border-bottom-color;
6040
+ @value wst-box-secondary-background-color: --wst-box-secondary-background-color;
6041
+ @value wst-box-secondary-border-left-color: --wst-box-secondary-border-left-color;
6042
+ @value wst-box-secondary-border-right-color: --wst-box-secondary-border-right-color;
6043
+ @value wst-box-secondary-border-top-color: --wst-box-secondary-border-top-color;
6044
+ @value wst-box-secondary-border-bottom-color: --wst-box-secondary-border-bottom-color;
6045
+ @value wst-box-primary-background-image: --wst-box-primary-background-image;
6046
+ @value wst-box-secondary-background-image: --wst-box-secondary-background-image;
6047
+ @value wst-box-primary-border-left-width: --wst-box-primary-border-left-width;
6048
+ @value wst-box-primary-border-right-width: --wst-box-primary-border-right-width;
6049
+ @value wst-box-primary-border-top-width: --wst-box-primary-border-top-width;
6050
+ @value wst-box-primary-border-bottom-width: --wst-box-primary-border-bottom-width;
6051
+ @value wst-box-primary-border-left-style: --wst-box-primary-border-left-style;
6052
+ @value wst-box-primary-border-right-style: --wst-box-primary-border-right-style;
6053
+ @value wst-box-primary-border-top-style: --wst-box-primary-border-top-style;
6054
+ @value wst-box-primary-border-bottom-style: --wst-box-primary-border-bottom-style;
6055
+ @value wst-box-primary-border-top-left-radius: --wst-box-primary-border-top-left-radius;
6056
+ @value wst-box-primary-border-top-right-radius: --wst-box-primary-border-top-right-radius;
6057
+ @value wst-box-primary-border-bottom-left-radius: --wst-box-primary-border-bottom-left-radius;
6058
+ @value wst-box-primary-border-bottom-right-radius: --wst-box-primary-border-bottom-right-radius;
6059
+ @value wst-box-primary-box-shadow: --wst-box-primary-box-shadow;
6060
+ @value wst-box-secondary-border-left-width: --wst-box-secondary-border-left-width;
6061
+ @value wst-box-secondary-border-right-width: --wst-box-secondary-border-right-width;
6062
+ @value wst-box-secondary-border-top-width: --wst-box-secondary-border-top-width;
6063
+ @value wst-box-secondary-border-bottom-width: --wst-box-secondary-border-bottom-width;
6064
+ @value wst-box-secondary-border-left-style: --wst-box-secondary-border-left-style;
6065
+ @value wst-box-secondary-border-right-style: --wst-box-secondary-border-right-style;
6066
+ @value wst-box-secondary-border-top-style: --wst-box-secondary-border-top-style;
6067
+ @value wst-box-secondary-border-bottom-style: --wst-box-secondary-border-bottom-style;
6068
+ @value wst-box-secondary-border-top-left-radius: --wst-box-secondary-border-top-left-radius;
6069
+ @value wst-box-secondary-border-top-right-radius: --wst-box-secondary-border-top-right-radius;
6070
+ @value wst-box-secondary-border-bottom-left-radius: --wst-box-secondary-border-bottom-left-radius;
6071
+ @value wst-box-secondary-border-bottom-right-radius: --wst-box-secondary-border-bottom-right-radius;
6072
+ @value wst-box-secondary-padding-bottom: --wst-box-secondary-padding-bottom;
6073
+ @value wst-box-secondary-padding-top: --wst-box-secondary-padding-top;
6074
+ @value wst-box-secondary-padding-left: --wst-box-secondary-padding-left;
6075
+ @value wst-box-secondary-padding-right: --wst-box-secondary-padding-right;
6076
+ @value wst-box-secondary-box-shadow: --wst-box-secondary-box-shadow;
6077
+ @value wst-system-line-1-color: --wst-system-line-1-color;
6078
+ @value wst-system-line-2-color: --wst-system-line-2-color;
6079
+ @value wst-system-line-1-width: --wst-system-line-1-width;
6080
+ @value wst-system-line-2-width: --wst-system-line-2-width;
6081
+ "
6082
+ `;
6083
+
6084
+ exports[`react-component-schema dist > dist/theme-variables.scss matches snapshot 1`] = `
6085
+ "// Auto-generated — do not edit. Source: WixThemeVariableNames.
6086
+ $wst-base-1-color: var(--wst-base-1-color);
6087
+ $wst-base-2-color: var(--wst-base-2-color);
6088
+ $wst-shade-1-color: var(--wst-shade-1-color);
6089
+ $wst-shade-2-color: var(--wst-shade-2-color);
6090
+ $wst-shade-3-color: var(--wst-shade-3-color);
6091
+ $wst-accent-1-color: var(--wst-accent-1-color);
6092
+ $wst-accent-2-color: var(--wst-accent-2-color);
6093
+ $wst-accent-3-color: var(--wst-accent-3-color);
6094
+ $wst-accent-4-color: var(--wst-accent-4-color);
6095
+ $wst-primary-background-color: var(--wst-primary-background-color);
6096
+ $wst-secondary-background-color: var(--wst-secondary-background-color);
6097
+ $wst-links-and-actions-color: var(--wst-links-and-actions-color);
6098
+ $wst-graphics-1-color: var(--wst-graphics-1-color);
6099
+ $wst-graphics-2-color: var(--wst-graphics-2-color);
6100
+ $wst-system-success-color: var(--wst-system-success-color);
6101
+ $wst-system-error-color: var(--wst-system-error-color);
6102
+ $wst-system-alert-color: var(--wst-system-alert-color);
6103
+ $wst-system-disabled-color: var(--wst-system-disabled-color);
6104
+ $wst-system-default-dark-color: var(--wst-system-default-dark-color);
6105
+ $wst-system-default-light-color: var(--wst-system-default-light-color);
6106
+ $wst-heading-1-color: var(--wst-heading-1-color);
6107
+ $wst-heading-2-color: var(--wst-heading-2-color);
6108
+ $wst-heading-3-color: var(--wst-heading-3-color);
6109
+ $wst-heading-4-color: var(--wst-heading-4-color);
6110
+ $wst-heading-5-color: var(--wst-heading-5-color);
6111
+ $wst-heading-6-color: var(--wst-heading-6-color);
6112
+ $wst-paragraph-1-color: var(--wst-paragraph-1-color);
6113
+ $wst-paragraph-2-color: var(--wst-paragraph-2-color);
6114
+ $wst-paragraph-3-color: var(--wst-paragraph-3-color);
6115
+ $wst-heading-1-font: var(--wst-heading-1-font);
6116
+ $wst-heading-2-font: var(--wst-heading-2-font);
6117
+ $wst-heading-3-font: var(--wst-heading-3-font);
6118
+ $wst-heading-4-font: var(--wst-heading-4-font);
6119
+ $wst-heading-5-font: var(--wst-heading-5-font);
6120
+ $wst-heading-6-font: var(--wst-heading-6-font);
6121
+ $wst-paragraph-1-font: var(--wst-paragraph-1-font);
6122
+ $wst-paragraph-2-font: var(--wst-paragraph-2-font);
6123
+ $wst-paragraph-3-font: var(--wst-paragraph-3-font);
6124
+ $wst-button-primary-background-color: var(--wst-button-primary-background-color);
6125
+ $wst-button-primary-border-left-color: var(--wst-button-primary-border-left-color);
6126
+ $wst-button-primary-border-right-color: var(--wst-button-primary-border-right-color);
6127
+ $wst-button-primary-border-top-color: var(--wst-button-primary-border-top-color);
6128
+ $wst-button-primary-border-bottom-color: var(--wst-button-primary-border-bottom-color);
6129
+ $wst-button-primary-color: var(--wst-button-primary-color);
6130
+ $wst-button-primary-text-highlight: var(--wst-button-primary-text-highlight);
6131
+ $wst-button-secondary-background-color: var(--wst-button-secondary-background-color);
6132
+ $wst-button-secondary-border-left-color: var(--wst-button-secondary-border-left-color);
6133
+ $wst-button-secondary-border-right-color: var(--wst-button-secondary-border-right-color);
6134
+ $wst-button-secondary-border-top-color: var(--wst-button-secondary-border-top-color);
6135
+ $wst-button-secondary-border-bottom-color: var(--wst-button-secondary-border-bottom-color);
6136
+ $wst-button-secondary-color: var(--wst-button-secondary-color);
6137
+ $wst-button-secondary-text-highlight: var(--wst-button-secondary-text-highlight);
6138
+ $wst-button-tertiary-background-color: var(--wst-button-tertiary-background-color);
6139
+ $wst-button-tertiary-border-left-color: var(--wst-button-tertiary-border-left-color);
6140
+ $wst-button-tertiary-border-right-color: var(--wst-button-tertiary-border-right-color);
6141
+ $wst-button-tertiary-border-top-color: var(--wst-button-tertiary-border-top-color);
6142
+ $wst-button-tertiary-border-bottom-color: var(--wst-button-tertiary-border-bottom-color);
6143
+ $wst-button-tertiary-color: var(--wst-button-tertiary-color);
6144
+ $wst-button-tertiary-text-highlight: var(--wst-button-tertiary-text-highlight);
6145
+ $wst-button-primary-background-image: var(--wst-button-primary-background-image);
6146
+ $wst-button-secondary-background-image: var(--wst-button-secondary-background-image);
6147
+ $wst-button-tertiary-background-image: var(--wst-button-tertiary-background-image);
6148
+ $wst-button-primary-font: var(--wst-button-primary-font);
6149
+ $wst-button-primary-font-family: var(--wst-button-primary-font-family);
6150
+ $wst-button-primary-font-size: var(--wst-button-primary-font-size);
6151
+ $wst-button-primary-font-style: var(--wst-button-primary-font-style);
6152
+ $wst-button-primary-font-weight: var(--wst-button-primary-font-weight);
6153
+ $wst-button-primary-text-decoration: var(--wst-button-primary-text-decoration);
6154
+ $wst-button-primary-text-transform: var(--wst-button-primary-text-transform);
6155
+ $wst-button-primary-letter-spacing: var(--wst-button-primary-letter-spacing);
6156
+ $wst-button-primary-line-height: var(--wst-button-primary-line-height);
6157
+ $wst-button-primary-text-shadow: var(--wst-button-primary-text-shadow);
6158
+ $wst-button-primary-box-shadow: var(--wst-button-primary-box-shadow);
6159
+ $wst-button-primary-border-left-width: var(--wst-button-primary-border-left-width);
6160
+ $wst-button-primary-border-right-width: var(--wst-button-primary-border-right-width);
6161
+ $wst-button-primary-border-top-width: var(--wst-button-primary-border-top-width);
6162
+ $wst-button-primary-border-bottom-width: var(--wst-button-primary-border-bottom-width);
6163
+ $wst-button-primary-border-left-style: var(--wst-button-primary-border-left-style);
6164
+ $wst-button-primary-border-right-style: var(--wst-button-primary-border-right-style);
6165
+ $wst-button-primary-border-top-style: var(--wst-button-primary-border-top-style);
6166
+ $wst-button-primary-border-bottom-style: var(--wst-button-primary-border-bottom-style);
6167
+ $wst-button-primary-padding-bottom: var(--wst-button-primary-padding-bottom);
6168
+ $wst-button-primary-padding-top: var(--wst-button-primary-padding-top);
6169
+ $wst-button-primary-padding-left: var(--wst-button-primary-padding-left);
6170
+ $wst-button-primary-padding-right: var(--wst-button-primary-padding-right);
6171
+ $wst-button-primary-border-top-left-radius: var(--wst-button-primary-border-top-left-radius);
6172
+ $wst-button-primary-border-top-right-radius: var(--wst-button-primary-border-top-right-radius);
6173
+ $wst-button-primary-border-bottom-left-radius: var(--wst-button-primary-border-bottom-left-radius);
6174
+ $wst-button-primary-border-bottom-right-radius: var(--wst-button-primary-border-bottom-right-radius);
6175
+ $wst-button-primary-column-gap: var(--wst-button-primary-column-gap);
6176
+ $wst-button-primary-row-gap: var(--wst-button-primary-row-gap);
6177
+ $wst-button-primary-justify-content: var(--wst-button-primary-justify-content);
6178
+ $wst-button-secondary-font: var(--wst-button-secondary-font);
6179
+ $wst-button-secondary-font-family: var(--wst-button-secondary-font-family);
6180
+ $wst-button-secondary-font-size: var(--wst-button-secondary-font-size);
6181
+ $wst-button-secondary-font-style: var(--wst-button-secondary-font-style);
6182
+ $wst-button-secondary-font-weight: var(--wst-button-secondary-font-weight);
6183
+ $wst-button-secondary-text-decoration: var(--wst-button-secondary-text-decoration);
6184
+ $wst-button-secondary-text-transform: var(--wst-button-secondary-text-transform);
6185
+ $wst-button-secondary-letter-spacing: var(--wst-button-secondary-letter-spacing);
6186
+ $wst-button-secondary-line-height: var(--wst-button-secondary-line-height);
6187
+ $wst-button-secondary-text-shadow: var(--wst-button-secondary-text-shadow);
6188
+ $wst-button-secondary-box-shadow: var(--wst-button-secondary-box-shadow);
6189
+ $wst-button-secondary-border-left-width: var(--wst-button-secondary-border-left-width);
6190
+ $wst-button-secondary-border-right-width: var(--wst-button-secondary-border-right-width);
6191
+ $wst-button-secondary-border-top-width: var(--wst-button-secondary-border-top-width);
6192
+ $wst-button-secondary-border-bottom-width: var(--wst-button-secondary-border-bottom-width);
6193
+ $wst-button-secondary-border-left-style: var(--wst-button-secondary-border-left-style);
6194
+ $wst-button-secondary-border-right-style: var(--wst-button-secondary-border-right-style);
6195
+ $wst-button-secondary-border-top-style: var(--wst-button-secondary-border-top-style);
6196
+ $wst-button-secondary-border-bottom-style: var(--wst-button-secondary-border-bottom-style);
6197
+ $wst-button-secondary-padding-bottom: var(--wst-button-secondary-padding-bottom);
6198
+ $wst-button-secondary-padding-top: var(--wst-button-secondary-padding-top);
6199
+ $wst-button-secondary-padding-left: var(--wst-button-secondary-padding-left);
6200
+ $wst-button-secondary-padding-right: var(--wst-button-secondary-padding-right);
6201
+ $wst-button-secondary-border-top-left-radius: var(--wst-button-secondary-border-top-left-radius);
6202
+ $wst-button-secondary-border-top-right-radius: var(--wst-button-secondary-border-top-right-radius);
6203
+ $wst-button-secondary-border-bottom-left-radius: var(--wst-button-secondary-border-bottom-left-radius);
6204
+ $wst-button-secondary-border-bottom-right-radius: var(--wst-button-secondary-border-bottom-right-radius);
6205
+ $wst-button-secondary-column-gap: var(--wst-button-secondary-column-gap);
6206
+ $wst-button-secondary-row-gap: var(--wst-button-secondary-row-gap);
6207
+ $wst-button-secondary-justify-content: var(--wst-button-secondary-justify-content);
6208
+ $wst-button-tertiary-font: var(--wst-button-tertiary-font);
6209
+ $wst-button-tertiary-font-family: var(--wst-button-tertiary-font-family);
6210
+ $wst-button-tertiary-font-size: var(--wst-button-tertiary-font-size);
6211
+ $wst-button-tertiary-font-style: var(--wst-button-tertiary-font-style);
6212
+ $wst-button-tertiary-font-weight: var(--wst-button-tertiary-font-weight);
6213
+ $wst-button-tertiary-text-decoration: var(--wst-button-tertiary-text-decoration);
6214
+ $wst-button-tertiary-text-transform: var(--wst-button-tertiary-text-transform);
6215
+ $wst-button-tertiary-letter-spacing: var(--wst-button-tertiary-letter-spacing);
6216
+ $wst-button-tertiary-line-height: var(--wst-button-tertiary-line-height);
6217
+ $wst-button-tertiary-text-shadow: var(--wst-button-tertiary-text-shadow);
6218
+ $wst-button-tertiary-box-shadow: var(--wst-button-tertiary-box-shadow);
6219
+ $wst-button-tertiary-border-left-width: var(--wst-button-tertiary-border-left-width);
6220
+ $wst-button-tertiary-border-right-width: var(--wst-button-tertiary-border-right-width);
6221
+ $wst-button-tertiary-border-top-width: var(--wst-button-tertiary-border-top-width);
6222
+ $wst-button-tertiary-border-bottom-width: var(--wst-button-tertiary-border-bottom-width);
6223
+ $wst-button-tertiary-border-left-style: var(--wst-button-tertiary-border-left-style);
6224
+ $wst-button-tertiary-border-right-style: var(--wst-button-tertiary-border-right-style);
6225
+ $wst-button-tertiary-border-top-style: var(--wst-button-tertiary-border-top-style);
6226
+ $wst-button-tertiary-border-bottom-style: var(--wst-button-tertiary-border-bottom-style);
6227
+ $wst-button-tertiary-padding-bottom: var(--wst-button-tertiary-padding-bottom);
6228
+ $wst-button-tertiary-padding-top: var(--wst-button-tertiary-padding-top);
6229
+ $wst-button-tertiary-padding-left: var(--wst-button-tertiary-padding-left);
6230
+ $wst-button-tertiary-padding-right: var(--wst-button-tertiary-padding-right);
6231
+ $wst-button-tertiary-border-top-left-radius: var(--wst-button-tertiary-border-top-left-radius);
6232
+ $wst-button-tertiary-border-top-right-radius: var(--wst-button-tertiary-border-top-right-radius);
6233
+ $wst-button-tertiary-border-bottom-left-radius: var(--wst-button-tertiary-border-bottom-left-radius);
6234
+ $wst-button-tertiary-border-bottom-right-radius: var(--wst-button-tertiary-border-bottom-right-radius);
6235
+ $wst-button-tertiary-column-gap: var(--wst-button-tertiary-column-gap);
6236
+ $wst-button-tertiary-row-gap: var(--wst-button-tertiary-row-gap);
6237
+ $wst-button-tertiary-justify-content: var(--wst-button-tertiary-justify-content);
6238
+ $wst-box-primary-background-color: var(--wst-box-primary-background-color);
6239
+ $wst-box-primary-border-left-color: var(--wst-box-primary-border-left-color);
6240
+ $wst-box-primary-border-right-color: var(--wst-box-primary-border-right-color);
6241
+ $wst-box-primary-border-top-color: var(--wst-box-primary-border-top-color);
6242
+ $wst-box-primary-border-bottom-color: var(--wst-box-primary-border-bottom-color);
6243
+ $wst-box-secondary-background-color: var(--wst-box-secondary-background-color);
6244
+ $wst-box-secondary-border-left-color: var(--wst-box-secondary-border-left-color);
6245
+ $wst-box-secondary-border-right-color: var(--wst-box-secondary-border-right-color);
6246
+ $wst-box-secondary-border-top-color: var(--wst-box-secondary-border-top-color);
6247
+ $wst-box-secondary-border-bottom-color: var(--wst-box-secondary-border-bottom-color);
6248
+ $wst-box-primary-background-image: var(--wst-box-primary-background-image);
6249
+ $wst-box-secondary-background-image: var(--wst-box-secondary-background-image);
6250
+ $wst-box-primary-border-left-width: var(--wst-box-primary-border-left-width);
6251
+ $wst-box-primary-border-right-width: var(--wst-box-primary-border-right-width);
6252
+ $wst-box-primary-border-top-width: var(--wst-box-primary-border-top-width);
6253
+ $wst-box-primary-border-bottom-width: var(--wst-box-primary-border-bottom-width);
6254
+ $wst-box-primary-border-left-style: var(--wst-box-primary-border-left-style);
6255
+ $wst-box-primary-border-right-style: var(--wst-box-primary-border-right-style);
6256
+ $wst-box-primary-border-top-style: var(--wst-box-primary-border-top-style);
6257
+ $wst-box-primary-border-bottom-style: var(--wst-box-primary-border-bottom-style);
6258
+ $wst-box-primary-border-top-left-radius: var(--wst-box-primary-border-top-left-radius);
6259
+ $wst-box-primary-border-top-right-radius: var(--wst-box-primary-border-top-right-radius);
6260
+ $wst-box-primary-border-bottom-left-radius: var(--wst-box-primary-border-bottom-left-radius);
6261
+ $wst-box-primary-border-bottom-right-radius: var(--wst-box-primary-border-bottom-right-radius);
6262
+ $wst-box-primary-box-shadow: var(--wst-box-primary-box-shadow);
6263
+ $wst-box-secondary-border-left-width: var(--wst-box-secondary-border-left-width);
6264
+ $wst-box-secondary-border-right-width: var(--wst-box-secondary-border-right-width);
6265
+ $wst-box-secondary-border-top-width: var(--wst-box-secondary-border-top-width);
6266
+ $wst-box-secondary-border-bottom-width: var(--wst-box-secondary-border-bottom-width);
6267
+ $wst-box-secondary-border-left-style: var(--wst-box-secondary-border-left-style);
6268
+ $wst-box-secondary-border-right-style: var(--wst-box-secondary-border-right-style);
6269
+ $wst-box-secondary-border-top-style: var(--wst-box-secondary-border-top-style);
6270
+ $wst-box-secondary-border-bottom-style: var(--wst-box-secondary-border-bottom-style);
6271
+ $wst-box-secondary-border-top-left-radius: var(--wst-box-secondary-border-top-left-radius);
6272
+ $wst-box-secondary-border-top-right-radius: var(--wst-box-secondary-border-top-right-radius);
6273
+ $wst-box-secondary-border-bottom-left-radius: var(--wst-box-secondary-border-bottom-left-radius);
6274
+ $wst-box-secondary-border-bottom-right-radius: var(--wst-box-secondary-border-bottom-right-radius);
6275
+ $wst-box-secondary-padding-bottom: var(--wst-box-secondary-padding-bottom);
6276
+ $wst-box-secondary-padding-top: var(--wst-box-secondary-padding-top);
6277
+ $wst-box-secondary-padding-left: var(--wst-box-secondary-padding-left);
6278
+ $wst-box-secondary-padding-right: var(--wst-box-secondary-padding-right);
6279
+ $wst-box-secondary-box-shadow: var(--wst-box-secondary-box-shadow);
6280
+ $wst-system-line-1-color: var(--wst-system-line-1-color);
6281
+ $wst-system-line-2-color: var(--wst-system-line-2-color);
6282
+ $wst-system-line-1-width: var(--wst-system-line-1-width);
6283
+ $wst-system-line-2-width: var(--wst-system-line-2-width);
6284
+ "
6285
+ `;