@wix/react-component-schema 1.6.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.d.ts +424 -0
  2. package/dist/index.js +245 -1
  3. package/dist/theme-variables.module.css +199 -0
  4. package/dist/theme-variables.scss +199 -0
  5. package/package.json +7 -3
  6. package/src/__snapshots__/index.test.ts.snap +1075 -1
  7. package/src/index.test.ts +10 -0
  8. package/src/index.ts +27 -0
  9. package/vite.config.ts +25 -0
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.6.0",
7
+ "version": "1.8.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",
@@ -33,6 +36,7 @@
33
36
  "@wix/ambassador-devcenter-components-overrides-v1-components-override": "^1.0.408",
34
37
  "@wix/component-protocol": "1.223.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": "f3429a7c4873fb344e5987e3d7a9bbe48fb474d829d4b1d0d735eda3"
60
+ "falconPackageHash": "6b9e242cd062307662052fe824e32f20167bf252081f2dbaf69e6596"
57
61
  }