@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.
Files changed (9) hide show
  1. package/dist/index.d.ts +1225 -97
  2. package/dist/index.js +507 -255
  3. package/dist/theme-variables.module.css +199 -0
  4. package/dist/theme-variables.scss +199 -0
  5. package/package.json +8 -4
  6. package/src/__snapshots__/index.test.ts.snap +2141 -355
  7. package/src/index.test.ts +10 -0
  8. package/src/index.ts +15 -0
  9. package/vite.config.ts +25 -0
package/dist/theme-variables.module.css ADDED
@@ -0,0 +1,199 @@
1
+ /* Auto-generated — do not edit. Source: WixThemeVariableNames. */
2
+ @value wst-base-1-color: --wst-base-1-color;
3
+ @value wst-base-2-color: --wst-base-2-color;
4
+ @value wst-shade-1-color: --wst-shade-1-color;
5
+ @value wst-shade-2-color: --wst-shade-2-color;
6
+ @value wst-shade-3-color: --wst-shade-3-color;
7
+ @value wst-accent-1-color: --wst-accent-1-color;
8
+ @value wst-accent-2-color: --wst-accent-2-color;
9
+ @value wst-accent-3-color: --wst-accent-3-color;
10
+ @value wst-accent-4-color: --wst-accent-4-color;
11
+ @value wst-primary-background-color: --wst-primary-background-color;
12
+ @value wst-secondary-background-color: --wst-secondary-background-color;
13
+ @value wst-links-and-actions-color: --wst-links-and-actions-color;
14
+ @value wst-graphics-1-color: --wst-graphics-1-color;
15
+ @value wst-graphics-2-color: --wst-graphics-2-color;
16
+ @value wst-system-success-color: --wst-system-success-color;
17
+ @value wst-system-error-color: --wst-system-error-color;
18
+ @value wst-system-alert-color: --wst-system-alert-color;
19
+ @value wst-system-disabled-color: --wst-system-disabled-color;
20
+ @value wst-system-default-dark-color: --wst-system-default-dark-color;
21
+ @value wst-system-default-light-color: --wst-system-default-light-color;
22
+ @value wst-heading-1-color: --wst-heading-1-color;
23
+ @value wst-heading-2-color: --wst-heading-2-color;
24
+ @value wst-heading-3-color: --wst-heading-3-color;
25
+ @value wst-heading-4-color: --wst-heading-4-color;
26
+ @value wst-heading-5-color: --wst-heading-5-color;
27
+ @value wst-heading-6-color: --wst-heading-6-color;
28
+ @value wst-paragraph-1-color: --wst-paragraph-1-color;
29
+ @value wst-paragraph-2-color: --wst-paragraph-2-color;
30
+ @value wst-paragraph-3-color: --wst-paragraph-3-color;
31
+ @value wst-heading-1-font: --wst-heading-1-font;
32
+ @value wst-heading-2-font: --wst-heading-2-font;
33
+ @value wst-heading-3-font: --wst-heading-3-font;
34
+ @value wst-heading-4-font: --wst-heading-4-font;
35
+ @value wst-heading-5-font: --wst-heading-5-font;
36
+ @value wst-heading-6-font: --wst-heading-6-font;
37
+ @value wst-paragraph-1-font: --wst-paragraph-1-font;
38
+ @value wst-paragraph-2-font: --wst-paragraph-2-font;
39
+ @value wst-paragraph-3-font: --wst-paragraph-3-font;
40
+ @value wst-button-primary-background-color: --wst-button-primary-background-color;
41
+ @value wst-button-primary-border-left-color: --wst-button-primary-border-left-color;
42
+ @value wst-button-primary-border-right-color: --wst-button-primary-border-right-color;
43
+ @value wst-button-primary-border-top-color: --wst-button-primary-border-top-color;
44
+ @value wst-button-primary-border-bottom-color: --wst-button-primary-border-bottom-color;
45
+ @value wst-button-primary-color: --wst-button-primary-color;
46
+ @value wst-button-primary-text-highlight: --wst-button-primary-text-highlight;
47
+ @value wst-button-secondary-background-color: --wst-button-secondary-background-color;
48
+ @value wst-button-secondary-border-left-color: --wst-button-secondary-border-left-color;
49
+ @value wst-button-secondary-border-right-color: --wst-button-secondary-border-right-color;
50
+ @value wst-button-secondary-border-top-color: --wst-button-secondary-border-top-color;
51
+ @value wst-button-secondary-border-bottom-color: --wst-button-secondary-border-bottom-color;
52
+ @value wst-button-secondary-color: --wst-button-secondary-color;
53
+ @value wst-button-secondary-text-highlight: --wst-button-secondary-text-highlight;
54
+ @value wst-button-tertiary-background-color: --wst-button-tertiary-background-color;
55
+ @value wst-button-tertiary-border-left-color: --wst-button-tertiary-border-left-color;
56
+ @value wst-button-tertiary-border-right-color: --wst-button-tertiary-border-right-color;
57
+ @value wst-button-tertiary-border-top-color: --wst-button-tertiary-border-top-color;
58
+ @value wst-button-tertiary-border-bottom-color: --wst-button-tertiary-border-bottom-color;
59
+ @value wst-button-tertiary-color: --wst-button-tertiary-color;
60
+ @value wst-button-tertiary-text-highlight: --wst-button-tertiary-text-highlight;
61
+ @value wst-button-primary-background-image: --wst-button-primary-background-image;
62
+ @value wst-button-secondary-background-image: --wst-button-secondary-background-image;
63
+ @value wst-button-tertiary-background-image: --wst-button-tertiary-background-image;
64
+ @value wst-button-primary-font: --wst-button-primary-font;
65
+ @value wst-button-primary-font-family: --wst-button-primary-font-family;
66
+ @value wst-button-primary-font-size: --wst-button-primary-font-size;
67
+ @value wst-button-primary-font-style: --wst-button-primary-font-style;
68
+ @value wst-button-primary-font-weight: --wst-button-primary-font-weight;
69
+ @value wst-button-primary-text-decoration: --wst-button-primary-text-decoration;
70
+ @value wst-button-primary-text-transform: --wst-button-primary-text-transform;
71
+ @value wst-button-primary-letter-spacing: --wst-button-primary-letter-spacing;
72
+ @value wst-button-primary-line-height: --wst-button-primary-line-height;
73
+ @value wst-button-primary-text-shadow: --wst-button-primary-text-shadow;
74
+ @value wst-button-primary-box-shadow: --wst-button-primary-box-shadow;
75
+ @value wst-button-primary-border-left-width: --wst-button-primary-border-left-width;
76
+ @value wst-button-primary-border-right-width: --wst-button-primary-border-right-width;
77
+ @value wst-button-primary-border-top-width: --wst-button-primary-border-top-width;
78
+ @value wst-button-primary-border-bottom-width: --wst-button-primary-border-bottom-width;
79
+ @value wst-button-primary-border-left-style: --wst-button-primary-border-left-style;
80
+ @value wst-button-primary-border-right-style: --wst-button-primary-border-right-style;
81
+ @value wst-button-primary-border-top-style: --wst-button-primary-border-top-style;
82
+ @value wst-button-primary-border-bottom-style: --wst-button-primary-border-bottom-style;
83
+ @value wst-button-primary-padding-bottom: --wst-button-primary-padding-bottom;
84
+ @value wst-button-primary-padding-top: --wst-button-primary-padding-top;
85
+ @value wst-button-primary-padding-left: --wst-button-primary-padding-left;
86
+ @value wst-button-primary-padding-right: --wst-button-primary-padding-right;
87
+ @value wst-button-primary-border-top-left-radius: --wst-button-primary-border-top-left-radius;
88
+ @value wst-button-primary-border-top-right-radius: --wst-button-primary-border-top-right-radius;
89
+ @value wst-button-primary-border-bottom-left-radius: --wst-button-primary-border-bottom-left-radius;
90
+ @value wst-button-primary-border-bottom-right-radius: --wst-button-primary-border-bottom-right-radius;
91
+ @value wst-button-primary-column-gap: --wst-button-primary-column-gap;
92
+ @value wst-button-primary-row-gap: --wst-button-primary-row-gap;
93
+ @value wst-button-primary-justify-content: --wst-button-primary-justify-content;
94
+ @value wst-button-secondary-font: --wst-button-secondary-font;
95
+ @value wst-button-secondary-font-family: --wst-button-secondary-font-family;
96
+ @value wst-button-secondary-font-size: --wst-button-secondary-font-size;
97
+ @value wst-button-secondary-font-style: --wst-button-secondary-font-style;
98
+ @value wst-button-secondary-font-weight: --wst-button-secondary-font-weight;
99
+ @value wst-button-secondary-text-decoration: --wst-button-secondary-text-decoration;
100
+ @value wst-button-secondary-text-transform: --wst-button-secondary-text-transform;
101
+ @value wst-button-secondary-letter-spacing: --wst-button-secondary-letter-spacing;
102
+ @value wst-button-secondary-line-height: --wst-button-secondary-line-height;
103
+ @value wst-button-secondary-text-shadow: --wst-button-secondary-text-shadow;
104
+ @value wst-button-secondary-box-shadow: --wst-button-secondary-box-shadow;
105
+ @value wst-button-secondary-border-left-width: --wst-button-secondary-border-left-width;
106
+ @value wst-button-secondary-border-right-width: --wst-button-secondary-border-right-width;
107
+ @value wst-button-secondary-border-top-width: --wst-button-secondary-border-top-width;
108
+ @value wst-button-secondary-border-bottom-width: --wst-button-secondary-border-bottom-width;
109
+ @value wst-button-secondary-border-left-style: --wst-button-secondary-border-left-style;
110
+ @value wst-button-secondary-border-right-style: --wst-button-secondary-border-right-style;
111
+ @value wst-button-secondary-border-top-style: --wst-button-secondary-border-top-style;
112
+ @value wst-button-secondary-border-bottom-style: --wst-button-secondary-border-bottom-style;
113
+ @value wst-button-secondary-padding-bottom: --wst-button-secondary-padding-bottom;
114
+ @value wst-button-secondary-padding-top: --wst-button-secondary-padding-top;
115
+ @value wst-button-secondary-padding-left: --wst-button-secondary-padding-left;
116
+ @value wst-button-secondary-padding-right: --wst-button-secondary-padding-right;
117
+ @value wst-button-secondary-border-top-left-radius: --wst-button-secondary-border-top-left-radius;
118
+ @value wst-button-secondary-border-top-right-radius: --wst-button-secondary-border-top-right-radius;
119
+ @value wst-button-secondary-border-bottom-left-radius: --wst-button-secondary-border-bottom-left-radius;
120
+ @value wst-button-secondary-border-bottom-right-radius: --wst-button-secondary-border-bottom-right-radius;
121
+ @value wst-button-secondary-column-gap: --wst-button-secondary-column-gap;
122
+ @value wst-button-secondary-row-gap: --wst-button-secondary-row-gap;
123
+ @value wst-button-secondary-justify-content: --wst-button-secondary-justify-content;
124
+ @value wst-button-tertiary-font: --wst-button-tertiary-font;
125
+ @value wst-button-tertiary-font-family: --wst-button-tertiary-font-family;
126
+ @value wst-button-tertiary-font-size: --wst-button-tertiary-font-size;
127
+ @value wst-button-tertiary-font-style: --wst-button-tertiary-font-style;
128
+ @value wst-button-tertiary-font-weight: --wst-button-tertiary-font-weight;
129
+ @value wst-button-tertiary-text-decoration: --wst-button-tertiary-text-decoration;
130
+ @value wst-button-tertiary-text-transform: --wst-button-tertiary-text-transform;
131
+ @value wst-button-tertiary-letter-spacing: --wst-button-tertiary-letter-spacing;
132
+ @value wst-button-tertiary-line-height: --wst-button-tertiary-line-height;
133
+ @value wst-button-tertiary-text-shadow: --wst-button-tertiary-text-shadow;
134
+ @value wst-button-tertiary-box-shadow: --wst-button-tertiary-box-shadow;
135
+ @value wst-button-tertiary-border-left-width: --wst-button-tertiary-border-left-width;
136
+ @value wst-button-tertiary-border-right-width: --wst-button-tertiary-border-right-width;
137
+ @value wst-button-tertiary-border-top-width: --wst-button-tertiary-border-top-width;
138
+ @value wst-button-tertiary-border-bottom-width: --wst-button-tertiary-border-bottom-width;
139
+ @value wst-button-tertiary-border-left-style: --wst-button-tertiary-border-left-style;
140
+ @value wst-button-tertiary-border-right-style: --wst-button-tertiary-border-right-style;
141
+ @value wst-button-tertiary-border-top-style: --wst-button-tertiary-border-top-style;
142
+ @value wst-button-tertiary-border-bottom-style: --wst-button-tertiary-border-bottom-style;
143
+ @value wst-button-tertiary-padding-bottom: --wst-button-tertiary-padding-bottom;
144
+ @value wst-button-tertiary-padding-top: --wst-button-tertiary-padding-top;
145
+ @value wst-button-tertiary-padding-left: --wst-button-tertiary-padding-left;
146
+ @value wst-button-tertiary-padding-right: --wst-button-tertiary-padding-right;
147
+ @value wst-button-tertiary-border-top-left-radius: --wst-button-tertiary-border-top-left-radius;
148
+ @value wst-button-tertiary-border-top-right-radius: --wst-button-tertiary-border-top-right-radius;
149
+ @value wst-button-tertiary-border-bottom-left-radius: --wst-button-tertiary-border-bottom-left-radius;
150
+ @value wst-button-tertiary-border-bottom-right-radius: --wst-button-tertiary-border-bottom-right-radius;
151
+ @value wst-button-tertiary-column-gap: --wst-button-tertiary-column-gap;
152
+ @value wst-button-tertiary-row-gap: --wst-button-tertiary-row-gap;
153
+ @value wst-button-tertiary-justify-content: --wst-button-tertiary-justify-content;
154
+ @value wst-box-primary-background-color: --wst-box-primary-background-color;
155
+ @value wst-box-primary-border-left-color: --wst-box-primary-border-left-color;
156
+ @value wst-box-primary-border-right-color: --wst-box-primary-border-right-color;
157
+ @value wst-box-primary-border-top-color: --wst-box-primary-border-top-color;
158
+ @value wst-box-primary-border-bottom-color: --wst-box-primary-border-bottom-color;
159
+ @value wst-box-secondary-background-color: --wst-box-secondary-background-color;
160
+ @value wst-box-secondary-border-left-color: --wst-box-secondary-border-left-color;
161
+ @value wst-box-secondary-border-right-color: --wst-box-secondary-border-right-color;
162
+ @value wst-box-secondary-border-top-color: --wst-box-secondary-border-top-color;
163
+ @value wst-box-secondary-border-bottom-color: --wst-box-secondary-border-bottom-color;
164
+ @value wst-box-primary-background-image: --wst-box-primary-background-image;
165
+ @value wst-box-secondary-background-image: --wst-box-secondary-background-image;
166
+ @value wst-box-primary-border-left-width: --wst-box-primary-border-left-width;
167
+ @value wst-box-primary-border-right-width: --wst-box-primary-border-right-width;
168
+ @value wst-box-primary-border-top-width: --wst-box-primary-border-top-width;
169
+ @value wst-box-primary-border-bottom-width: --wst-box-primary-border-bottom-width;
170
+ @value wst-box-primary-border-left-style: --wst-box-primary-border-left-style;
171
+ @value wst-box-primary-border-right-style: --wst-box-primary-border-right-style;
172
+ @value wst-box-primary-border-top-style: --wst-box-primary-border-top-style;
173
+ @value wst-box-primary-border-bottom-style: --wst-box-primary-border-bottom-style;
174
+ @value wst-box-primary-border-top-left-radius: --wst-box-primary-border-top-left-radius;
175
+ @value wst-box-primary-border-top-right-radius: --wst-box-primary-border-top-right-radius;
176
+ @value wst-box-primary-border-bottom-left-radius: --wst-box-primary-border-bottom-left-radius;
177
+ @value wst-box-primary-border-bottom-right-radius: --wst-box-primary-border-bottom-right-radius;
178
+ @value wst-box-primary-box-shadow: --wst-box-primary-box-shadow;
179
+ @value wst-box-secondary-border-left-width: --wst-box-secondary-border-left-width;
180
+ @value wst-box-secondary-border-right-width: --wst-box-secondary-border-right-width;
181
+ @value wst-box-secondary-border-top-width: --wst-box-secondary-border-top-width;
182
+ @value wst-box-secondary-border-bottom-width: --wst-box-secondary-border-bottom-width;
183
+ @value wst-box-secondary-border-left-style: --wst-box-secondary-border-left-style;
184
+ @value wst-box-secondary-border-right-style: --wst-box-secondary-border-right-style;
185
+ @value wst-box-secondary-border-top-style: --wst-box-secondary-border-top-style;
186
+ @value wst-box-secondary-border-bottom-style: --wst-box-secondary-border-bottom-style;
187
+ @value wst-box-secondary-border-top-left-radius: --wst-box-secondary-border-top-left-radius;
188
+ @value wst-box-secondary-border-top-right-radius: --wst-box-secondary-border-top-right-radius;
189
+ @value wst-box-secondary-border-bottom-left-radius: --wst-box-secondary-border-bottom-left-radius;
190
+ @value wst-box-secondary-border-bottom-right-radius: --wst-box-secondary-border-bottom-right-radius;
191
+ @value wst-box-secondary-padding-bottom: --wst-box-secondary-padding-bottom;
192
+ @value wst-box-secondary-padding-top: --wst-box-secondary-padding-top;
193
+ @value wst-box-secondary-padding-left: --wst-box-secondary-padding-left;
194
+ @value wst-box-secondary-padding-right: --wst-box-secondary-padding-right;
195
+ @value wst-box-secondary-box-shadow: --wst-box-secondary-box-shadow;
196
+ @value wst-system-line-1-color: --wst-system-line-1-color;
197
+ @value wst-system-line-2-color: --wst-system-line-2-color;
198
+ @value wst-system-line-1-width: --wst-system-line-1-width;
199
+ @value wst-system-line-2-width: --wst-system-line-2-width;
package/dist/theme-variables.scss ADDED
@@ -0,0 +1,199 @@
1
+ // Auto-generated — do not edit. Source: WixThemeVariableNames.
2
+ $wst-base-1-color: var(--wst-base-1-color);
3
+ $wst-base-2-color: var(--wst-base-2-color);
4
+ $wst-shade-1-color: var(--wst-shade-1-color);
5
+ $wst-shade-2-color: var(--wst-shade-2-color);
6
+ $wst-shade-3-color: var(--wst-shade-3-color);
7
+ $wst-accent-1-color: var(--wst-accent-1-color);
8
+ $wst-accent-2-color: var(--wst-accent-2-color);
9
+ $wst-accent-3-color: var(--wst-accent-3-color);
10
+ $wst-accent-4-color: var(--wst-accent-4-color);
11
+ $wst-primary-background-color: var(--wst-primary-background-color);
12
+ $wst-secondary-background-color: var(--wst-secondary-background-color);
13
+ $wst-links-and-actions-color: var(--wst-links-and-actions-color);
14
+ $wst-graphics-1-color: var(--wst-graphics-1-color);
15
+ $wst-graphics-2-color: var(--wst-graphics-2-color);
16
+ $wst-system-success-color: var(--wst-system-success-color);
17
+ $wst-system-error-color: var(--wst-system-error-color);
18
+ $wst-system-alert-color: var(--wst-system-alert-color);
19
+ $wst-system-disabled-color: var(--wst-system-disabled-color);
20
+ $wst-system-default-dark-color: var(--wst-system-default-dark-color);
21
+ $wst-system-default-light-color: var(--wst-system-default-light-color);
22
+ $wst-heading-1-color: var(--wst-heading-1-color);
23
+ $wst-heading-2-color: var(--wst-heading-2-color);
24
+ $wst-heading-3-color: var(--wst-heading-3-color);
25
+ $wst-heading-4-color: var(--wst-heading-4-color);
26
+ $wst-heading-5-color: var(--wst-heading-5-color);
27
+ $wst-heading-6-color: var(--wst-heading-6-color);
28
+ $wst-paragraph-1-color: var(--wst-paragraph-1-color);
29
+ $wst-paragraph-2-color: var(--wst-paragraph-2-color);
30
+ $wst-paragraph-3-color: var(--wst-paragraph-3-color);
31
+ $wst-heading-1-font: var(--wst-heading-1-font);
32
+ $wst-heading-2-font: var(--wst-heading-2-font);
33
+ $wst-heading-3-font: var(--wst-heading-3-font);
34
+ $wst-heading-4-font: var(--wst-heading-4-font);
35
+ $wst-heading-5-font: var(--wst-heading-5-font);
36
+ $wst-heading-6-font: var(--wst-heading-6-font);
37
+ $wst-paragraph-1-font: var(--wst-paragraph-1-font);
38
+ $wst-paragraph-2-font: var(--wst-paragraph-2-font);
39
+ $wst-paragraph-3-font: var(--wst-paragraph-3-font);
40
+ $wst-button-primary-background-color: var(--wst-button-primary-background-color);
41
+ $wst-button-primary-border-left-color: var(--wst-button-primary-border-left-color);
42
+ $wst-button-primary-border-right-color: var(--wst-button-primary-border-right-color);
43
+ $wst-button-primary-border-top-color: var(--wst-button-primary-border-top-color);
44
+ $wst-button-primary-border-bottom-color: var(--wst-button-primary-border-bottom-color);
45
+ $wst-button-primary-color: var(--wst-button-primary-color);
46
+ $wst-button-primary-text-highlight: var(--wst-button-primary-text-highlight);
47
+ $wst-button-secondary-background-color: var(--wst-button-secondary-background-color);
48
+ $wst-button-secondary-border-left-color: var(--wst-button-secondary-border-left-color);
49
+ $wst-button-secondary-border-right-color: var(--wst-button-secondary-border-right-color);
50
+ $wst-button-secondary-border-top-color: var(--wst-button-secondary-border-top-color);
51
+ $wst-button-secondary-border-bottom-color: var(--wst-button-secondary-border-bottom-color);
52
+ $wst-button-secondary-color: var(--wst-button-secondary-color);
53
+ $wst-button-secondary-text-highlight: var(--wst-button-secondary-text-highlight);
54
+ $wst-button-tertiary-background-color: var(--wst-button-tertiary-background-color);
55
+ $wst-button-tertiary-border-left-color: var(--wst-button-tertiary-border-left-color);
56
+ $wst-button-tertiary-border-right-color: var(--wst-button-tertiary-border-right-color);
57
+ $wst-button-tertiary-border-top-color: var(--wst-button-tertiary-border-top-color);
58
+ $wst-button-tertiary-border-bottom-color: var(--wst-button-tertiary-border-bottom-color);
59
+ $wst-button-tertiary-color: var(--wst-button-tertiary-color);
60
+ $wst-button-tertiary-text-highlight: var(--wst-button-tertiary-text-highlight);
61
+ $wst-button-primary-background-image: var(--wst-button-primary-background-image);
62
+ $wst-button-secondary-background-image: var(--wst-button-secondary-background-image);
63
+ $wst-button-tertiary-background-image: var(--wst-button-tertiary-background-image);
64
+ $wst-button-primary-font: var(--wst-button-primary-font);
65
+ $wst-button-primary-font-family: var(--wst-button-primary-font-family);
66
+ $wst-button-primary-font-size: var(--wst-button-primary-font-size);
67
+ $wst-button-primary-font-style: var(--wst-button-primary-font-style);
68
+ $wst-button-primary-font-weight: var(--wst-button-primary-font-weight);
69
+ $wst-button-primary-text-decoration: var(--wst-button-primary-text-decoration);
70
+ $wst-button-primary-text-transform: var(--wst-button-primary-text-transform);
71
+ $wst-button-primary-letter-spacing: var(--wst-button-primary-letter-spacing);
72
+ $wst-button-primary-line-height: var(--wst-button-primary-line-height);
73
+ $wst-button-primary-text-shadow: var(--wst-button-primary-text-shadow);
74
+ $wst-button-primary-box-shadow: var(--wst-button-primary-box-shadow);
75
+ $wst-button-primary-border-left-width: var(--wst-button-primary-border-left-width);
76
+ $wst-button-primary-border-right-width: var(--wst-button-primary-border-right-width);
77
+ $wst-button-primary-border-top-width: var(--wst-button-primary-border-top-width);
78
+ $wst-button-primary-border-bottom-width: var(--wst-button-primary-border-bottom-width);
79
+ $wst-button-primary-border-left-style: var(--wst-button-primary-border-left-style);
80
+ $wst-button-primary-border-right-style: var(--wst-button-primary-border-right-style);
81
+ $wst-button-primary-border-top-style: var(--wst-button-primary-border-top-style);
82
+ $wst-button-primary-border-bottom-style: var(--wst-button-primary-border-bottom-style);
83
+ $wst-button-primary-padding-bottom: var(--wst-button-primary-padding-bottom);
84
+ $wst-button-primary-padding-top: var(--wst-button-primary-padding-top);
85
+ $wst-button-primary-padding-left: var(--wst-button-primary-padding-left);
86
+ $wst-button-primary-padding-right: var(--wst-button-primary-padding-right);
87
+ $wst-button-primary-border-top-left-radius: var(--wst-button-primary-border-top-left-radius);
88
+ $wst-button-primary-border-top-right-radius: var(--wst-button-primary-border-top-right-radius);
89
+ $wst-button-primary-border-bottom-left-radius: var(--wst-button-primary-border-bottom-left-radius);
90
+ $wst-button-primary-border-bottom-right-radius: var(--wst-button-primary-border-bottom-right-radius);
91
+ $wst-button-primary-column-gap: var(--wst-button-primary-column-gap);
92
+ $wst-button-primary-row-gap: var(--wst-button-primary-row-gap);
93
+ $wst-button-primary-justify-content: var(--wst-button-primary-justify-content);
94
+ $wst-button-secondary-font: var(--wst-button-secondary-font);
95
+ $wst-button-secondary-font-family: var(--wst-button-secondary-font-family);
96
+ $wst-button-secondary-font-size: var(--wst-button-secondary-font-size);
97
+ $wst-button-secondary-font-style: var(--wst-button-secondary-font-style);
98
+ $wst-button-secondary-font-weight: var(--wst-button-secondary-font-weight);
99
+ $wst-button-secondary-text-decoration: var(--wst-button-secondary-text-decoration);
100
+ $wst-button-secondary-text-transform: var(--wst-button-secondary-text-transform);
101
+ $wst-button-secondary-letter-spacing: var(--wst-button-secondary-letter-spacing);
102
+ $wst-button-secondary-line-height: var(--wst-button-secondary-line-height);
103
+ $wst-button-secondary-text-shadow: var(--wst-button-secondary-text-shadow);
104
+ $wst-button-secondary-box-shadow: var(--wst-button-secondary-box-shadow);
105
+ $wst-button-secondary-border-left-width: var(--wst-button-secondary-border-left-width);
106
+ $wst-button-secondary-border-right-width: var(--wst-button-secondary-border-right-width);
107
+ $wst-button-secondary-border-top-width: var(--wst-button-secondary-border-top-width);
108
+ $wst-button-secondary-border-bottom-width: var(--wst-button-secondary-border-bottom-width);
109
+ $wst-button-secondary-border-left-style: var(--wst-button-secondary-border-left-style);
110
+ $wst-button-secondary-border-right-style: var(--wst-button-secondary-border-right-style);
111
+ $wst-button-secondary-border-top-style: var(--wst-button-secondary-border-top-style);
112
+ $wst-button-secondary-border-bottom-style: var(--wst-button-secondary-border-bottom-style);
113
+ $wst-button-secondary-padding-bottom: var(--wst-button-secondary-padding-bottom);
114
+ $wst-button-secondary-padding-top: var(--wst-button-secondary-padding-top);
115
+ $wst-button-secondary-padding-left: var(--wst-button-secondary-padding-left);
116
+ $wst-button-secondary-padding-right: var(--wst-button-secondary-padding-right);
117
+ $wst-button-secondary-border-top-left-radius: var(--wst-button-secondary-border-top-left-radius);
118
+ $wst-button-secondary-border-top-right-radius: var(--wst-button-secondary-border-top-right-radius);
119
+ $wst-button-secondary-border-bottom-left-radius: var(--wst-button-secondary-border-bottom-left-radius);
120
+ $wst-button-secondary-border-bottom-right-radius: var(--wst-button-secondary-border-bottom-right-radius);
121
+ $wst-button-secondary-column-gap: var(--wst-button-secondary-column-gap);
122
+ $wst-button-secondary-row-gap: var(--wst-button-secondary-row-gap);
123
+ $wst-button-secondary-justify-content: var(--wst-button-secondary-justify-content);
124
+ $wst-button-tertiary-font: var(--wst-button-tertiary-font);
125
+ $wst-button-tertiary-font-family: var(--wst-button-tertiary-font-family);
126
+ $wst-button-tertiary-font-size: var(--wst-button-tertiary-font-size);
127
+ $wst-button-tertiary-font-style: var(--wst-button-tertiary-font-style);
128
+ $wst-button-tertiary-font-weight: var(--wst-button-tertiary-font-weight);
129
+ $wst-button-tertiary-text-decoration: var(--wst-button-tertiary-text-decoration);
130
+ $wst-button-tertiary-text-transform: var(--wst-button-tertiary-text-transform);
131
+ $wst-button-tertiary-letter-spacing: var(--wst-button-tertiary-letter-spacing);
132
+ $wst-button-tertiary-line-height: var(--wst-button-tertiary-line-height);
133
+ $wst-button-tertiary-text-shadow: var(--wst-button-tertiary-text-shadow);
134
+ $wst-button-tertiary-box-shadow: var(--wst-button-tertiary-box-shadow);
135
+ $wst-button-tertiary-border-left-width: var(--wst-button-tertiary-border-left-width);
136
+ $wst-button-tertiary-border-right-width: var(--wst-button-tertiary-border-right-width);
137
+ $wst-button-tertiary-border-top-width: var(--wst-button-tertiary-border-top-width);
138
+ $wst-button-tertiary-border-bottom-width: var(--wst-button-tertiary-border-bottom-width);
139
+ $wst-button-tertiary-border-left-style: var(--wst-button-tertiary-border-left-style);
140
+ $wst-button-tertiary-border-right-style: var(--wst-button-tertiary-border-right-style);
141
+ $wst-button-tertiary-border-top-style: var(--wst-button-tertiary-border-top-style);
142
+ $wst-button-tertiary-border-bottom-style: var(--wst-button-tertiary-border-bottom-style);
143
+ $wst-button-tertiary-padding-bottom: var(--wst-button-tertiary-padding-bottom);
144
+ $wst-button-tertiary-padding-top: var(--wst-button-tertiary-padding-top);
145
+ $wst-button-tertiary-padding-left: var(--wst-button-tertiary-padding-left);
146
+ $wst-button-tertiary-padding-right: var(--wst-button-tertiary-padding-right);
147
+ $wst-button-tertiary-border-top-left-radius: var(--wst-button-tertiary-border-top-left-radius);
148
+ $wst-button-tertiary-border-top-right-radius: var(--wst-button-tertiary-border-top-right-radius);
149
+ $wst-button-tertiary-border-bottom-left-radius: var(--wst-button-tertiary-border-bottom-left-radius);
150
+ $wst-button-tertiary-border-bottom-right-radius: var(--wst-button-tertiary-border-bottom-right-radius);
151
+ $wst-button-tertiary-column-gap: var(--wst-button-tertiary-column-gap);
152
+ $wst-button-tertiary-row-gap: var(--wst-button-tertiary-row-gap);
153
+ $wst-button-tertiary-justify-content: var(--wst-button-tertiary-justify-content);
154
+ $wst-box-primary-background-color: var(--wst-box-primary-background-color);
155
+ $wst-box-primary-border-left-color: var(--wst-box-primary-border-left-color);
156
+ $wst-box-primary-border-right-color: var(--wst-box-primary-border-right-color);
157
+ $wst-box-primary-border-top-color: var(--wst-box-primary-border-top-color);
158
+ $wst-box-primary-border-bottom-color: var(--wst-box-primary-border-bottom-color);
159
+ $wst-box-secondary-background-color: var(--wst-box-secondary-background-color);
160
+ $wst-box-secondary-border-left-color: var(--wst-box-secondary-border-left-color);
161
+ $wst-box-secondary-border-right-color: var(--wst-box-secondary-border-right-color);
162
+ $wst-box-secondary-border-top-color: var(--wst-box-secondary-border-top-color);
163
+ $wst-box-secondary-border-bottom-color: var(--wst-box-secondary-border-bottom-color);
164
+ $wst-box-primary-background-image: var(--wst-box-primary-background-image);
165
+ $wst-box-secondary-background-image: var(--wst-box-secondary-background-image);
166
+ $wst-box-primary-border-left-width: var(--wst-box-primary-border-left-width);
167
+ $wst-box-primary-border-right-width: var(--wst-box-primary-border-right-width);
168
+ $wst-box-primary-border-top-width: var(--wst-box-primary-border-top-width);
169
+ $wst-box-primary-border-bottom-width: var(--wst-box-primary-border-bottom-width);
170
+ $wst-box-primary-border-left-style: var(--wst-box-primary-border-left-style);
171
+ $wst-box-primary-border-right-style: var(--wst-box-primary-border-right-style);
172
+ $wst-box-primary-border-top-style: var(--wst-box-primary-border-top-style);
173
+ $wst-box-primary-border-bottom-style: var(--wst-box-primary-border-bottom-style);
174
+ $wst-box-primary-border-top-left-radius: var(--wst-box-primary-border-top-left-radius);
175
+ $wst-box-primary-border-top-right-radius: var(--wst-box-primary-border-top-right-radius);
176
+ $wst-box-primary-border-bottom-left-radius: var(--wst-box-primary-border-bottom-left-radius);
177
+ $wst-box-primary-border-bottom-right-radius: var(--wst-box-primary-border-bottom-right-radius);
178
+ $wst-box-primary-box-shadow: var(--wst-box-primary-box-shadow);
179
+ $wst-box-secondary-border-left-width: var(--wst-box-secondary-border-left-width);
180
+ $wst-box-secondary-border-right-width: var(--wst-box-secondary-border-right-width);
181
+ $wst-box-secondary-border-top-width: var(--wst-box-secondary-border-top-width);
182
+ $wst-box-secondary-border-bottom-width: var(--wst-box-secondary-border-bottom-width);
183
+ $wst-box-secondary-border-left-style: var(--wst-box-secondary-border-left-style);
184
+ $wst-box-secondary-border-right-style: var(--wst-box-secondary-border-right-style);
185
+ $wst-box-secondary-border-top-style: var(--wst-box-secondary-border-top-style);
186
+ $wst-box-secondary-border-bottom-style: var(--wst-box-secondary-border-bottom-style);
187
+ $wst-box-secondary-border-top-left-radius: var(--wst-box-secondary-border-top-left-radius);
188
+ $wst-box-secondary-border-top-right-radius: var(--wst-box-secondary-border-top-right-radius);
189
+ $wst-box-secondary-border-bottom-left-radius: var(--wst-box-secondary-border-bottom-left-radius);
190
+ $wst-box-secondary-border-bottom-right-radius: var(--wst-box-secondary-border-bottom-right-radius);
191
+ $wst-box-secondary-padding-bottom: var(--wst-box-secondary-padding-bottom);
192
+ $wst-box-secondary-padding-top: var(--wst-box-secondary-padding-top);
193
+ $wst-box-secondary-padding-left: var(--wst-box-secondary-padding-left);
194
+ $wst-box-secondary-padding-right: var(--wst-box-secondary-padding-right);
195
+ $wst-box-secondary-box-shadow: var(--wst-box-secondary-box-shadow);
196
+ $wst-system-line-1-color: var(--wst-system-line-1-color);
197
+ $wst-system-line-2-color: var(--wst-system-line-2-color);
198
+ $wst-system-line-1-width: var(--wst-system-line-1-width);
199
+ $wst-system-line-2-width: var(--wst-system-line-2-width);
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "registry": "https://registry.npmjs.org/",
5
5
  "access": "public"
6
6
  },
7
- "version": "1.7.0",
7
+ "version": "1.9.0",
8
8
  "description": "Schema constants and types for EditorReactComponent extension",
9
9
  "type": "module",
10
10
  "main": "dist/index.js",
@@ -16,7 +16,10 @@
16
16
  },
17
17
  "./editor-react-types": {
18
18
  "types": "./dist/editor-react-types.d.ts"
19
- }
19
+ },
20
+ "./theme-variables": "./dist/theme-variables.scss",
21
+ "./theme-variables.scss": "./dist/theme-variables.scss",
22
+ "./theme-variables.module.css": "./dist/theme-variables.module.css"
20
23
  },
21
24
  "scripts": {
22
25
  "build": "vite build",
@@ -31,8 +34,9 @@
31
34
  "devDependencies": {
32
35
  "@types/node": "^20.0.0",
33
36
  "@wix/ambassador-devcenter-components-overrides-v1-components-override": "^1.0.408",
34
- "@wix/component-protocol": "1.223.0",
37
+ "@wix/component-protocol": "1.250.0",
35
38
  "@wix/editor-react-types": "^1.0.20",
39
+ "@wix/wix-site-theme-variables": "^1.26.0",
36
40
  "vite": "^7.3.2",
37
41
  "vite-plugin-dts": "^4.5.4",
38
42
  "vitest": "^4.0.17"
@@ -53,5 +57,5 @@
53
57
  ]
54
58
  }
55
59
  },
56
- "falconPackageHash": "ec12e42e643d5bb6ebf0efb0e259c690f18dacdcfa23a136a873c967"
60
+ "falconPackageHash": "d53f358c58c6baba72b2c14decb8d86e8e9597603c0d984c959ed425"
57
61
  }