@wistia/ui 0.21.6 → 0.21.7

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 (4) hide show
  1. package/dist/css-custom-data.css +752 -0
  2. package/dist/index.js +120 -1618
  3. package/dist/index.js.map +1 -1
  4. package/package.json +4 -3
package/dist/css-custom-data.css ADDED
@@ -0,0 +1,752 @@
1
+ :root {
2
+ --wui-app-background: #ffffff;
3
+ --wui-blue-10: #1f36d3;
4
+ --wui-blue-11: #3154dc;
5
+ --wui-blue-12: #192b65;
6
+ --wui-blue-1: #fdfdfe;
7
+ --wui-blue-2: #f6f9ff;
8
+ --wui-blue-3: #ecf2ff;
9
+ --wui-blue-4: #ddeaff;
10
+ --wui-blue-5: #cddfff;
11
+ --wui-blue-6: #b8d1ff;
12
+ --wui-blue-7: #a1beff;
13
+ --wui-blue-8: #81a4fe;
14
+ --wui-blue-9: #2949e5;
15
+ --wui-blue-alpha-10: #001acde0;
16
+ --wui-blue-alpha-11: #002bd4cf;
17
+ --wui-blue-alpha-12: #001454e5;
18
+ --wui-blue-alpha-1: #00008003;
19
+ --wui-blue-alpha-2: #0055ff0a;
20
+ --wui-blue-alpha-3: #0051ff12;
21
+ --wui-blue-alpha-4: #0062ff21;
22
+ --wui-blue-alpha-5: #005cff33;
23
+ --wui-blue-alpha-6: #005aff47;
24
+ --wui-blue-alpha-7: #004fff5e;
25
+ --wui-blue-alpha-8: #0047fd7d;
26
+ --wui-blue-alpha-9: #0026e0d6;
27
+ --wui-blue-contrast: #ffffff;
28
+ --wui-blue-surface: #f4f8ffcc;
29
+ --wui-border-radius-00: 0;
30
+ --wui-border-radius-01: 4px;
31
+ --wui-border-radius-02: 8px;
32
+ --wui-border-radius-03: 16px;
33
+ --wui-border-radius-04: 20px;
34
+ --wui-border-radius-05: 24px;
35
+ --wui-border-radius-rounded: 1000px;
36
+ --wui-color-accent-10: var(--wui-blue-10);
37
+ --wui-color-accent-11: var(--wui-blue-11);
38
+ --wui-color-accent-12: var(--wui-blue-12);
39
+ --wui-color-accent-1: var(--wui-blue-1);
40
+ --wui-color-accent-2: var(--wui-blue-2);
41
+ --wui-color-accent-3: var(--wui-blue-3);
42
+ --wui-color-accent-4: var(--wui-blue-4);
43
+ --wui-color-accent-5: var(--wui-blue-5);
44
+ --wui-color-accent-6: var(--wui-blue-6);
45
+ --wui-color-accent-7: var(--wui-blue-7);
46
+ --wui-color-accent-8: var(--wui-blue-8);
47
+ --wui-color-accent-9: var(--wui-blue-9);
48
+ --wui-color-accent-contrast: var(--wui-blue-contrast);
49
+ --wui-color-backdrop: var(--wui-gray-alpha-9);
50
+ --wui-color-base-10: var(--wui-blue-10);
51
+ --wui-color-base-11: var(--wui-blue-11);
52
+ --wui-color-base-12: var(--wui-blue-12);
53
+ --wui-color-base-1: var(--wui-blue-1);
54
+ --wui-color-base-2: var(--wui-blue-2);
55
+ --wui-color-base-3: var(--wui-blue-3);
56
+ --wui-color-base-4: var(--wui-blue-4);
57
+ --wui-color-base-5: var(--wui-blue-5);
58
+ --wui-color-base-6: var(--wui-blue-6);
59
+ --wui-color-base-7: var(--wui-blue-7);
60
+ --wui-color-base-8: var(--wui-blue-8);
61
+ --wui-color-base-9: var(--wui-blue-9);
62
+ --wui-color-base-contrast: var(--wui-blue-contrast);
63
+ --wui-color-bg-app: #1e3399;
64
+ --wui-color-bg-fill-active-blue: var(--wui-blue-11);
65
+ --wui-color-bg-fill-active-error: var(--wui-error-11);
66
+ --wui-color-bg-fill-active-green: var(--wui-green-11);
67
+ --wui-color-bg-fill-active-info: var(--wui-blue-11);
68
+ --wui-color-bg-fill-active-orange: var(--wui-orange-11);
69
+ --wui-color-bg-fill-active-pink: var(--wui-pink-11);
70
+ --wui-color-bg-fill-active-purple: var(--wui-purple-11);
71
+ --wui-color-bg-fill-active-success: var(--wui-success-11);
72
+ --wui-color-bg-fill-active-warning: var(--wui-warning-11);
73
+ --wui-color-bg-fill-active-yellow: var(--wui-yellow-11);
74
+ --wui-color-bg-fill-active: var(--wui-color-accent-11);
75
+ --wui-color-bg-fill-blue: var(--wui-blue-9);
76
+ --wui-color-bg-fill-error: var(--wui-error-9);
77
+ --wui-color-bg-fill-green: var(--wui-green-9);
78
+ --wui-color-bg-fill-hover-blue: var(--wui-blue-10);
79
+ --wui-color-bg-fill-hover-error: var(--wui-error-10);
80
+ --wui-color-bg-fill-hover-green: var(--wui-green-10);
81
+ --wui-color-bg-fill-hover-info: var(--wui-blue-10);
82
+ --wui-color-bg-fill-hover-orange: var(--wui-orange-10);
83
+ --wui-color-bg-fill-hover-pink: var(--wui-pink-10);
84
+ --wui-color-bg-fill-hover-purple: var(--wui-purple-10);
85
+ --wui-color-bg-fill-hover-success: var(--wui-success-10);
86
+ --wui-color-bg-fill-hover-warning: var(--wui-warning-10);
87
+ --wui-color-bg-fill-hover-yellow: var(--wui-yellow-10);
88
+ --wui-color-bg-fill-hover: var(--wui-color-accent-10);
89
+ --wui-color-bg-fill-info: var(--wui-blue-9);
90
+ --wui-color-bg-fill-orange: var(--wui-orange-9);
91
+ --wui-color-bg-fill-pink: var(--wui-pink-9);
92
+ --wui-color-bg-fill-purple: var(--wui-purple-9);
93
+ --wui-color-bg-fill-success: var(--wui-success-9);
94
+ --wui-color-bg-fill-warning: var(--wui-warning-9);
95
+ --wui-color-bg-fill-white: #ffffff;
96
+ --wui-color-bg-fill-yellow: var(--wui-yellow-9);
97
+ --wui-color-bg-fill: var(--wui-color-accent-9);
98
+ --wui-color-bg-surface-active-blue: var(--wui-blue-4);
99
+ --wui-color-bg-surface-active-error: var(--wui-error-4);
100
+ --wui-color-bg-surface-active-green: var(--wui-green-4);
101
+ --wui-color-bg-surface-active-info: var(--wui-blue-4);
102
+ --wui-color-bg-surface-active-orange: var(--wui-orange-4);
103
+ --wui-color-bg-surface-active-pink: var(--wui-pink-4);
104
+ --wui-color-bg-surface-active-purple: var(--wui-purple-4);
105
+ --wui-color-bg-surface-active-success: var(--wui-success-4);
106
+ --wui-color-bg-surface-active-warning: var(--wui-warning-4);
107
+ --wui-color-bg-surface-active-yellow: var(--wui-yellow-4);
108
+ --wui-color-bg-surface-active: var(--wui-color-base-4);
109
+ --wui-color-bg-surface-blue: var(--wui-blue-2);
110
+ --wui-color-bg-surface-disabled: var(--wui-gray-3);
111
+ --wui-color-bg-surface-error: var(--wui-error-2);
112
+ --wui-color-bg-surface-green: var(--wui-green-2);
113
+ --wui-color-bg-surface-hover-blue: var(--wui-blue-3);
114
+ --wui-color-bg-surface-hover-error: var(--wui-error-3);
115
+ --wui-color-bg-surface-hover-green: var(--wui-green-3);
116
+ --wui-color-bg-surface-hover-info: var(--wui-blue-3);
117
+ --wui-color-bg-surface-hover-orange: var(--wui-orange-3);
118
+ --wui-color-bg-surface-hover-pink: var(--wui-pink-3);
119
+ --wui-color-bg-surface-hover-purple: var(--wui-purple-3);
120
+ --wui-color-bg-surface-hover-success: var(--wui-success-3);
121
+ --wui-color-bg-surface-hover-warning: var(--wui-warning-3);
122
+ --wui-color-bg-surface-hover-yellow: var(--wui-yellow-3);
123
+ --wui-color-bg-surface-hover: var(--wui-color-base-3);
124
+ --wui-color-bg-surface-info: var(--wui-blue-2);
125
+ --wui-color-bg-surface-orange: var(--wui-orange-2);
126
+ --wui-color-bg-surface-pink: var(--wui-pink-2);
127
+ --wui-color-bg-surface-purple: var(--wui-purple-2);
128
+ --wui-color-bg-surface-secondary-active-blue: var(--wui-blue-5);
129
+ --wui-color-bg-surface-secondary-active-error: var(--wui-error-5);
130
+ --wui-color-bg-surface-secondary-active-green: var(--wui-green-5);
131
+ --wui-color-bg-surface-secondary-active-info: var(--wui-blue-5);
132
+ --wui-color-bg-surface-secondary-active-orange: var(--wui-orange-5);
133
+ --wui-color-bg-surface-secondary-active-pink: var(--wui-pink-5);
134
+ --wui-color-bg-surface-secondary-active-purple: var(--wui-purple-5);
135
+ --wui-color-bg-surface-secondary-active-success: var(--wui-success-5);
136
+ --wui-color-bg-surface-secondary-active-warning: var(--wui-warning-5);
137
+ --wui-color-bg-surface-secondary-active-yellow: var(--wui-yellow-5);
138
+ --wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
139
+ --wui-color-bg-surface-secondary-blue: var(--wui-blue-3);
140
+ --wui-color-bg-surface-secondary-error: var(--wui-error-3);
141
+ --wui-color-bg-surface-secondary-green: var(--wui-green-3);
142
+ --wui-color-bg-surface-secondary-hover-blue: var(--wui-blue-4);
143
+ --wui-color-bg-surface-secondary-hover-error: var(--wui-error-4);
144
+ --wui-color-bg-surface-secondary-hover-green: var(--wui-green-4);
145
+ --wui-color-bg-surface-secondary-hover-info: var(--wui-blue-4);
146
+ --wui-color-bg-surface-secondary-hover-orange: var(--wui-orange-4);
147
+ --wui-color-bg-surface-secondary-hover-pink: var(--wui-pink-4);
148
+ --wui-color-bg-surface-secondary-hover-purple: var(--wui-purple-4);
149
+ --wui-color-bg-surface-secondary-hover-success: var(--wui-success-4);
150
+ --wui-color-bg-surface-secondary-hover-warning: var(--wui-warning-4);
151
+ --wui-color-bg-surface-secondary-hover-yellow: var(--wui-yellow-4);
152
+ --wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
153
+ --wui-color-bg-surface-secondary-info: var(--wui-blue-3);
154
+ --wui-color-bg-surface-secondary-orange: var(--wui-orange-3);
155
+ --wui-color-bg-surface-secondary-pink: var(--wui-pink-3);
156
+ --wui-color-bg-surface-secondary-purple: var(--wui-purple-3);
157
+ --wui-color-bg-surface-secondary-success: var(--wui-success-3);
158
+ --wui-color-bg-surface-secondary-warning: var(--wui-warning-3);
159
+ --wui-color-bg-surface-secondary-yellow: var(--wui-yellow-3);
160
+ --wui-color-bg-surface-secondary: var(--wui-color-base-3);
161
+ --wui-color-bg-surface-selected-active: var(--wui-blue-5);
162
+ --wui-color-bg-surface-selected-hover: var(--wui-blue-4);
163
+ --wui-color-bg-surface-selected: var(--wui-blue-3);
164
+ --wui-color-bg-surface-success: var(--wui-success-2);
165
+ --wui-color-bg-surface-tertiary-blue: var(--wui-blue-5);
166
+ --wui-color-bg-surface-tertiary-error: var(--wui-error-5);
167
+ --wui-color-bg-surface-tertiary-green: var(--wui-green-5);
168
+ --wui-color-bg-surface-tertiary-info: var(--wui-blue-6);
169
+ --wui-color-bg-surface-tertiary-orange: var(--wui-orange-5);
170
+ --wui-color-bg-surface-tertiary-pink: var(--wui-pink-5);
171
+ --wui-color-bg-surface-tertiary-purple: var(--wui-purple-5);
172
+ --wui-color-bg-surface-tertiary-success: var(--wui-success-5);
173
+ --wui-color-bg-surface-tertiary-warning: var(--wui-warning-5);
174
+ --wui-color-bg-surface-tertiary-yellow: var(--wui-yellow-5);
175
+ --wui-color-bg-surface-tertiary: var(--wui-color-base-5);
176
+ --wui-color-bg-surface-warning: var(--wui-warning-2);
177
+ --wui-color-bg-surface-yellow: var(--wui-yellow-2);
178
+ --wui-color-bg-surface: var(--wui-color-surface-token);
179
+ --wui-color-bg-tooltip: #242528;
180
+ --wui-color-border-active-blue: var(--wui-blue-9);
181
+ --wui-color-border-active-error: var(--wui-error-9);
182
+ --wui-color-border-active-green: var(--wui-green-9);
183
+ --wui-color-border-active-info: var(--wui-blue-9);
184
+ --wui-color-border-active-orange: var(--wui-orange-9);
185
+ --wui-color-border-active-pink: var(--wui-pink-9);
186
+ --wui-color-border-active-purple: var(--wui-purple-9);
187
+ --wui-color-border-active-secondary: #0d1a5c;
188
+ --wui-color-border-active-selected: var(--wui-blue-9);
189
+ --wui-color-border-active-success: var(--wui-success-9);
190
+ --wui-color-border-active-warning: var(--wui-warning-9);
191
+ --wui-color-border-active-yellow: var(--wui-yellow-9);
192
+ --wui-color-border-active: var(--wui-color-base-9);
193
+ --wui-color-border-blue: var(--wui-blue-6);
194
+ --wui-color-border-disabled: var(--wui-gray-4);
195
+ --wui-color-border-error: var(--wui-error-6);
196
+ --wui-color-border-green: var(--wui-green-6);
197
+ --wui-color-border-hover-blue: var(--wui-blue-8);
198
+ --wui-color-border-hover-errror: var(--wui-error-8);
199
+ --wui-color-border-hover-green: var(--wui-green-8);
200
+ --wui-color-border-hover-info: var(--wui-blue-8);
201
+ --wui-color-border-hover-orange: var(--wui-orange-8);
202
+ --wui-color-border-hover-pink: var(--wui-pink-8);
203
+ --wui-color-border-hover-purple: var(--wui-purple-8);
204
+ --wui-color-border-hover-secondary: #0e1c61;
205
+ --wui-color-border-hover-selected: var(--wui-blue-8);
206
+ --wui-color-border-hover-success: var(--wui-success-8);
207
+ --wui-color-border-hover-warning: var(--wui-warning-8);
208
+ --wui-color-border-hover-yellow: var(--wui-yellow-8);
209
+ --wui-color-border-hover: var(--wui-color-base-8);
210
+ --wui-color-border-info: var(--wui-blue-6);
211
+ --wui-color-border-orange: var(--wui-orange-6);
212
+ --wui-color-border-pink: var(--wui-pink-6);
213
+ --wui-color-border-purple: var(--wui-purple-6);
214
+ --wui-color-border-secondary-active-blue: var(--wui-blue-11);
215
+ --wui-color-border-secondary-active-error: var(--wui-error-11);
216
+ --wui-color-border-secondary-active-green: var(--wui-green-11);
217
+ --wui-color-border-secondary-active-info: var(--wui-blue-11);
218
+ --wui-color-border-secondary-active-orange: var(--wui-orange-11);
219
+ --wui-color-border-secondary-active-pink: var(--wui-pink-11);
220
+ --wui-color-border-secondary-active-purple: var(--wui-purple-11);
221
+ --wui-color-border-secondary-active-success: var(--wui-success-11);
222
+ --wui-color-border-secondary-active-warning: var(--wui-warning-11);
223
+ --wui-color-border-secondary-active-yellow: var(--wui-yellow-11);
224
+ --wui-color-border-secondary-active: var(--wui-color-base-11);
225
+ --wui-color-border-secondary-blue: var(--wui-blue-8);
226
+ --wui-color-border-secondary-error: var(--wui-error-8);
227
+ --wui-color-border-secondary-green: var(--wui-green-8);
228
+ --wui-color-border-secondary-hover-blue: var(--wui-blue-10);
229
+ --wui-color-border-secondary-hover-error: var(--wui-error-10);
230
+ --wui-color-border-secondary-hover-green: var(--wui-green-10);
231
+ --wui-color-border-secondary-hover-info: var(--wui-blue-10);
232
+ --wui-color-border-secondary-hover-orange: var(--wui-orange-10);
233
+ --wui-color-border-secondary-hover-pink: var(--wui-pink-10);
234
+ --wui-color-border-secondary-hover-purple: var(--wui-purple-10);
235
+ --wui-color-border-secondary-hover-success: var(--wui-success-10);
236
+ --wui-color-border-secondary-hover-warning: var(--wui-warning-10);
237
+ --wui-color-border-secondary-hover-yellow: var(--wui-yellow-10);
238
+ --wui-color-border-secondary-hover: var(--wui-color-base-10);
239
+ --wui-color-border-secondary-info: var(--wui-blue-8);
240
+ --wui-color-border-secondary-orange: var(--wui-orange-8);
241
+ --wui-color-border-secondary-pink: var(--wui-pink-8);
242
+ --wui-color-border-secondary-purple: var(--wui-purple-8);
243
+ --wui-color-border-secondary-success: var(--wui-success-8);
244
+ --wui-color-border-secondary-warning: var(--wui-warning-8);
245
+ --wui-color-border-secondary-yellow: var(--wui-yellow-8);
246
+ --wui-color-border-secondary: var(--wui-color-base-8);
247
+ --wui-color-border-selected: var(--wui-blue-6);
248
+ --wui-color-border-success: var(--wui-success-6);
249
+ --wui-color-border-warning: var(--wui-warning-6);
250
+ --wui-color-border-yellow: var(--wui-yellow-6);
251
+ --wui-color-border: var(--wui-color-base-6);
252
+ --wui-color-drop-shadow: rgb(31 51 153 / 10%);
253
+ --wui-color-focus-color: var(--wui-blue-9);
254
+ --wui-color-focus-ring-blue: var(--wui-blue-9);
255
+ --wui-color-focus-ring-disabled: var(--wui-gray-6);
256
+ --wui-color-focus-ring-error: var(--wui-error-9);
257
+ --wui-color-focus-ring-green: var(--wui-green-9);
258
+ --wui-color-focus-ring-info: var(--wui-blue-9);
259
+ --wui-color-focus-ring-orange: var(--wui-orange-9);
260
+ --wui-color-focus-ring-pink: var(--wui-pink-9);
261
+ --wui-color-focus-ring-purple: var(--wui-purple-9);
262
+ --wui-color-focus-ring-success: var(--wui-success-9);
263
+ --wui-color-focus-ring-warning: var(--wui-warning-9);
264
+ --wui-color-focus-ring-yellow: var(--wui-yellow-9);
265
+ --wui-color-focus-ring: var(--wui-color-accent-9);
266
+ --wui-color-icon-blue: var(--wui-blue-11);
267
+ --wui-color-icon-disabled: var(--wui-gray-8);
268
+ --wui-color-icon-error: var(--wui-error-11);
269
+ --wui-color-icon-green: var(--wui-green-11);
270
+ --wui-color-icon-info: var(--wui-blue-11);
271
+ --wui-color-icon-on-fill-blue: var(--wui-blue-contrast);
272
+ --wui-color-icon-on-fill-error: var(--wui-error-contrast);
273
+ --wui-color-icon-on-fill-green: var(--wui-green-contrast);
274
+ --wui-color-icon-on-fill-info: var(--wui-blue-contrast);
275
+ --wui-color-icon-on-fill-orange: var(--wui-orange-contrast);
276
+ --wui-color-icon-on-fill-pink: var(--wui-pink-contrast);
277
+ --wui-color-icon-on-fill-purple: var(--wui-purple-contrast);
278
+ --wui-color-icon-on-fill-success: var(--wui-success-contrast);
279
+ --wui-color-icon-on-fill-warning: var(--wui-warning-2);
280
+ --wui-color-icon-on-fill-yellow: var(--wui-yellow-contrast);
281
+ --wui-color-icon-on-fill: var(--wui-color-accent-contrast);
282
+ --wui-color-icon-orange: var(--wui-orange-11);
283
+ --wui-color-icon-pink: var(--wui-pink-11);
284
+ --wui-color-icon-purple: var(--wui-purple-11);
285
+ --wui-color-icon-selected: var(--wui-blue-9);
286
+ --wui-color-icon-success: var(--wui-success-11);
287
+ --wui-color-icon-warning: var(--wui-warning-11);
288
+ --wui-color-icon-yellow: var(--wui-yellow-11);
289
+ --wui-color-icon: var(--wui-color-base-11);
290
+ --wui-color-invalid-indicator: var(--wui-error-9);
291
+ --wui-color-notification-pill-color: var(--wui-pink-9);
292
+ --wui-color-segmented-color-text-override: var(--wui-blue-9);
293
+ --wui-color-segmented-control-checked-background: var(--wui-bg-app);
294
+ --wui-color-surface-token: var(--wui-blue-2);
295
+ --wui-color-text-blue: var(--wui-blue-12);
296
+ --wui-color-text-button-blue: var(--wui-blue-11);
297
+ --wui-color-text-button-error: var(--wui-error-11);
298
+ --wui-color-text-button-green: var(--wui-green-11);
299
+ --wui-color-text-button-info: var(--wui-blue-11);
300
+ --wui-color-text-button-orange: var(--wui-orange-11);
301
+ --wui-color-text-button-pink: var(--wui-pink-11);
302
+ --wui-color-text-button-purple: var(--wui-purple-11);
303
+ --wui-color-text-button-success: var(--wui-success-11);
304
+ --wui-color-text-button-token: var(--wui-blue-12);
305
+ --wui-color-text-button-warning: var(--wui-warning-11);
306
+ --wui-color-text-button-yellow: var(--wui-yellow-12);
307
+ --wui-color-text-button: var(--wui-color-text-button-token);
308
+ --wui-color-text-disabled: var(--wui-gray-10);
309
+ --wui-color-text-error: var(--wui-error-11);
310
+ --wui-color-text-green: var(--wui-green-12);
311
+ --wui-color-text-info: var(--wui-blue-12);
312
+ --wui-color-text-link-blue: var(--wui-blue-9);
313
+ --wui-color-text-link-error: var(--wui-error-11);
314
+ --wui-color-text-link-green: var(--wui-green-11);
315
+ --wui-color-text-link-info: var(--wui-blue-9);
316
+ --wui-color-text-link-orange: var(--wui-orange-11);
317
+ --wui-color-text-link-pink: var(--wui-pink-11);
318
+ --wui-color-text-link-purple: var(--wui-purple-11);
319
+ --wui-color-text-link-success: var(--wui-success-9);
320
+ --wui-color-text-link-warning: var(--wui-warning-11);
321
+ --wui-color-text-link-yellow: var(--wui-yellow-11);
322
+ --wui-color-text-link: var(--wui-color-accent-9);
323
+ --wui-color-text-on-fill-blue: var(--wui-blue-2);
324
+ --wui-color-text-on-fill-error: var(--wui-error-contrast);
325
+ --wui-color-text-on-fill-green: var(--wui-green-contrast);
326
+ --wui-color-text-on-fill-info: var(--wui-blue-contrast);
327
+ --wui-color-text-on-fill-orange: var(--wui-orange-contrast);
328
+ --wui-color-text-on-fill-pink: var(--wui-pink-contrast);
329
+ --wui-color-text-on-fill-purple: var(--wui-purple-contrast);
330
+ --wui-color-text-on-fill-success: var(--wui-success-contrast);
331
+ --wui-color-text-on-fill-warning: var(--wui-warning-contrast);
332
+ --wui-color-text-on-fill-white-selected: var(--wui-blue-9);
333
+ --wui-color-text-on-fill-yellow: var(--wui-yellow-contrast);
334
+ --wui-color-text-on-fill: var(--wui-color-accent-contrast);
335
+ --wui-color-text-orange: var(--wui-orange-12);
336
+ --wui-color-text-pink: var(--wui-pink-12);
337
+ --wui-color-text-purple: var(--wui-purple-12);
338
+ --wui-color-text-secondary-blue: var(--wui-blue-5);
339
+ --wui-color-text-secondary-error: var(--wui-error-11);
340
+ --wui-color-text-secondary-green: var(--wui-green-10);
341
+ --wui-color-text-secondary-info: var(--wui-blue-11);
342
+ --wui-color-text-secondary-orange: var(--wui-orange-10);
343
+ --wui-color-text-secondary-pink: var(--wui-pink-10);
344
+ --wui-color-text-secondary-purple: var(--wui-purple-11);
345
+ --wui-color-text-secondary-success: var(--wui-success-11);
346
+ --wui-color-text-secondary-warning: var(--wui-warning-11);
347
+ --wui-color-text-secondary-yellow: var(--wui-yellow-10);
348
+ --wui-color-text-secondary: var(--wui-color-base-11);
349
+ --wui-color-text-selected: var(--wui-blue-9);
350
+ --wui-color-text-success: var(--wui-success-12);
351
+ --wui-color-text-warning: var(--wui-warning-12);
352
+ --wui-color-text-yellow: var(--wui-yellow-11);
353
+ --wui-color-text: var(--wui-color-base-12);
354
+ --wui-elevation-01: 0px 4px 8px 0px var(--wui-color-drop-shadow);
355
+ --wui-elevation-02: 0px 4px 24px 0px var(--wui-color-drop-shadow);
356
+ --wui-error-10: #d73840;
357
+ --wui-error-11: #cc2e39;
358
+ --wui-error-12: #64181b;
359
+ --wui-error-1: #fffcfc;
360
+ --wui-error-2: #fff7f7;
361
+ --wui-error-3: #ffebea;
362
+ --wui-error-4: #ffdcd9;
363
+ --wui-error-5: #ffcdca;
364
+ --wui-error-6: #febdb9;
365
+ --wui-error-7: #f5a9a5;
366
+ --wui-error-8: #eb8f8b;
367
+ --wui-error-9: #e5484d;
368
+ --wui-error-alpha-10: #cc000ac7;
369
+ --wui-error-alpha-11: #c1000ed1;
370
+ --wui-error-alpha-12: #540003e8;
371
+ --wui-error-alpha-1: #ff000003;
372
+ --wui-error-alpha-2: #ff000008;
373
+ --wui-error-alpha-3: #ff0d0014;
374
+ --wui-error-alpha-4: #ff150026;
375
+ --wui-error-alpha-5: #ff0f0036;
376
+ --wui-error-alpha-6: #fc0f0045;
377
+ --wui-error-alpha-7: #e30c0159;
378
+ --wui-error-alpha-8: #d4090073;
379
+ --wui-error-alpha-9: #db0007b8;
380
+ --wui-error-contrast: #ffffff;
381
+ --wui-error-surface: #fff5f5cc;
382
+ --wui-gray-10: #82828a;
383
+ --wui-gray-11: #64646a;
384
+ --wui-gray-12: #202024;
385
+ --wui-gray-1: #fcfcfd;
386
+ --wui-gray-2: #f9f9fb;
387
+ --wui-gray-3: #f0f0f3;
388
+ --wui-gray-4: #e8e8ec;
389
+ --wui-gray-5: #e0e0e5;
390
+ --wui-gray-6: #d9d9de;
391
+ --wui-gray-7: #ceced5;
392
+ --wui-gray-8: #bbbbc4;
393
+ --wui-gray-9: #8d8d95;
394
+ --wui-gray-alpha-10: #0000117d;
395
+ --wui-gray-alpha-11: #00000a9c;
396
+ --wui-gray-alpha-12: #000005de;
397
+ --wui-gray-alpha-1: #00005503;
398
+ --wui-gray-alpha-2: #00005505;
399
+ --wui-gray-alpha-3: #0000330f;
400
+ --wui-gray-alpha-4: #00002d17;
401
+ --wui-gray-alpha-5: #00002a1f;
402
+ --wui-gray-alpha-6: #00002226;
403
+ --wui-gray-alpha-7: #00002530;
404
+ --wui-gray-alpha-8: #00002245;
405
+ --wui-gray-alpha-9: #00001273;
406
+ --wui-gray-contrast: #ffffff;
407
+ --wui-gray-surface: #ffffffcc;
408
+ --wui-green-10: #117900;
409
+ --wui-green-11: #1e8106;
410
+ --wui-green-12: #1e3d19;
411
+ --wui-green-1: #fbfefa;
412
+ --wui-green-2: #f5fbf4;
413
+ --wui-green-3: #e7f8e5;
414
+ --wui-green-4: #d8f2d4;
415
+ --wui-green-5: #c6ebc0;
416
+ --wui-green-6: #afe0a6;
417
+ --wui-green-7: #8fd185;
418
+ --wui-green-8: #5fbd51;
419
+ --wui-green-9: #268713;
420
+ --wui-green-alpha-10: #157d00ec;
421
+ --wui-green-alpha-11: #117900;
422
+ --wui-green-alpha-12: #197e00f9;
423
+ --wui-green-alpha-1: #33cc0005;
424
+ --wui-green-alpha-2: #18a3000b;
425
+ --wui-green-alpha-3: #14bb001a;
426
+ --wui-green-alpha-4: #18b2012b;
427
+ --wui-green-alpha-5: #19af003f;
428
+ --wui-green-alpha-6: #1aa70059;
429
+ --wui-green-alpha-7: #159f017a;
430
+ --wui-green-alpha-8: #189f00b0;
431
+ --wui-green-alpha-9: #159f00ae;
432
+ --wui-green-contrast: #ffffff;
433
+ --wui-green-surface: #f3faf1cc;
434
+ --wui-motion-duration-01: 70ms;
435
+ --wui-motion-duration-02: 110ms;
436
+ --wui-motion-duration-03: 150ms;
437
+ --wui-motion-duration-04: 240ms;
438
+ --wui-motion-duration-05: 400ms;
439
+ --wui-motion-duration-06: 700ms;
440
+ --wui-motion-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
441
+ --wui-motion-ease-in: cubic-bezier(0.42, 0, 1, 1);
442
+ --wui-motion-ease-out: cubic-bezier(0.19, 0.91, 0.38, 1);
443
+ --wui-motion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
444
+ --wui-motion-linear: cubic-bezier(0, 0, 1, 1);
445
+ --wui-orange-10: #c23600;
446
+ --wui-orange-11: #ce4216;
447
+ --wui-orange-12: #592b1e;
448
+ --wui-orange-1: #fffcfb;
449
+ --wui-orange-2: #fff7f5;
450
+ --wui-orange-3: #ffebe6;
451
+ --wui-orange-4: #ffdbce;
452
+ --wui-orange-5: #fcbfcb;
453
+ --wui-orange-6: #ffbdaa;
454
+ --wui-orange-7: #f4aa95;
455
+ --wui-orange-8: #ea9178;
456
+ --wui-orange-9: #d1451a;
457
+ --wui-orange-alpha-10: #c23600;
458
+ --wui-orange-alpha-11: #c93000e8;
459
+ --wui-orange-alpha-12: #430f00e0;
460
+ --wui-orange-alpha-1: #ff400005;
461
+ --wui-orange-alpha-2: #ff33000a;
462
+ --wui-orange-alpha-3: #ff33001a;
463
+ --wui-orange-alpha-4: #ff440030;
464
+ --wui-orange-alpha-5: #ff400045;
465
+ --wui-orange-alpha-6: #ff390054;
466
+ --wui-orange-alpha-7: #e533016b;
467
+ --wui-orange-alpha-8: #d8300087;
468
+ --wui-orange-alpha-9: #cc3000e5;
469
+ --wui-orange-contrast: #ffffff;
470
+ --wui-orange-surface: #fff5f3cc;
471
+ --wui-pink-10: #f12fa7;
472
+ --wui-pink-11: #cd0089;
473
+ --wui-pink-12: #680445;
474
+ --wui-pink-1: #fffcfd;
475
+ --wui-pink-2: #fff7fa;
476
+ --wui-pink-3: #ffe8f3;
477
+ --wui-pink-4: #ffdaeb;
478
+ --wui-pink-5: #fdcbe2;
479
+ --wui-pink-6: #f7bcd8;
480
+ --wui-pink-7: #efa8ca;
481
+ --wui-pink-8: #e68eba;
482
+ --wui-pink-9: #ff40b3;
483
+ --wui-pink-alpha-10: #ee0093d1;
484
+ --wui-pink-alpha-11: #cd0089;
485
+ --wui-pink-alpha-12: #660042fa;
486
+ --wui-pink-alpha-1: #ff005503;
487
+ --wui-pink-alpha-2: #ff006008;
488
+ --wui-pink-alpha-3: #ff007a17;
489
+ --wui-pink-alpha-4: #ff007626;
490
+ --wui-pink-alpha-5: #f6007133;
491
+ --wui-pink-alpha-6: #e1006b42;
492
+ --wui-pink-alpha-7: #d1006457;
493
+ --wui-pink-alpha-8: #c7006470;
494
+ --wui-pink-alpha-9: #ff009abf;
495
+ --wui-pink-contrast: #ffffff;
496
+ --wui-pink-surface: #fff5f9cc;
497
+ --wui-purple-10: #9a09c9;
498
+ --wui-purple-11: #9b0bca;
499
+ --wui-purple-12: #550072;
500
+ --wui-purple-1: #fefcff;
501
+ --wui-purple-2: #fdf7ff;
502
+ --wui-purple-3: #fbeaff;
503
+ --wui-purple-4: #f7ddff;
504
+ --wui-purple-5: #f2ceff;
505
+ --wui-purple-6: #eabdff;
506
+ --wui-purple-7: #e0a5fc;
507
+ --wui-purple-8: #d285f7;
508
+ --wui-purple-9: #ac12e0;
509
+ --wui-purple-alpha-10: #9600c7f5;
510
+ --wui-purple-alpha-11: #9700c8f5;
511
+ --wui-purple-alpha-12: #550072;
512
+ --wui-purple-alpha-1: #aa00ff03;
513
+ --wui-purple-alpha-2: #c000ff08;
514
+ --wui-purple-alpha-3: #cf00ff14;
515
+ --wui-purple-alpha-4: #c300ff21;
516
+ --wui-purple-alpha-5: #bc00ff30;
517
+ --wui-purple-alpha-6: #ae00ff42;
518
+ --wui-purple-alpha-7: #a801f759;
519
+ --wui-purple-alpha-8: #a101ef7a;
520
+ --wui-purple-alpha-9: #a600deed;
521
+ --wui-purple-contrast: #ffffff;
522
+ --wui-purple-surface: #fdf5ffcc;
523
+ --wui-red-10: #f10845;
524
+ --wui-red-11: #db0035;
525
+ --wui-red-12: #6d021a;
526
+ --wui-red-1: #fffcfc;
527
+ --wui-red-2: #fff7f7;
528
+ --wui-red-3: #ffe9e9;
529
+ --wui-red-4: #ffd9d9;
530
+ --wui-red-5: #ffcaca;
531
+ --wui-red-6: #ffbaba;
532
+ --wui-red-7: #fca5a6;
533
+ --wui-red-8: #f5898c;
534
+ --wui-red-9: #ff2b51;
535
+ --wui-red-alpha-10: #f1003ff7;
536
+ --wui-red-alpha-11: #db0035;
537
+ --wui-red-alpha-12: #6c0018fc;
538
+ --wui-red-alpha-1: #ff000003;
539
+ --wui-red-alpha-2: #ff000008;
540
+ --wui-red-alpha-3: #ff000017;
541
+ --wui-red-alpha-4: #ff000026;
542
+ --wui-red-alpha-5: #ff000036;
543
+ --wui-red-alpha-6: #ff000045;
544
+ --wui-red-alpha-7: #f7010359;
545
+ --wui-red-alpha-8: #ea000775;
546
+ --wui-red-alpha-9: #ff002ed4;
547
+ --wui-red-contrast: #ffffff;
548
+ --wui-red-surface: #fff5f5cc;
549
+ --wui-space-00: 0px;
550
+ --wui-space-01: 4px;
551
+ --wui-space-02: 8px;
552
+ --wui-space-03: 12px;
553
+ --wui-space-04: 16px;
554
+ --wui-space-05: 24px;
555
+ --wui-space-06: 32px;
556
+ --wui-space-07: 40px;
557
+ --wui-space-08: 48px;
558
+ --wui-space-09: 64px;
559
+ --wui-success-10: #289662;
560
+ --wui-success-11: #00814c;
561
+ --wui-success-12: #1d3b2a;
562
+ --wui-success-1: #fbfefc;
563
+ --wui-success-2: #f4fbf7;
564
+ --wui-success-3: #e5f6eb;
565
+ --wui-success-4: #d6f1df;
566
+ --wui-success-5: #c4e8d1;
567
+ --wui-success-6: #adddc0;
568
+ --wui-success-7: #8fcea8;
569
+ --wui-success-8: #60b887;
570
+ --wui-success-9: #30a46c;
571
+ --wui-success-alpha-10: #008345d6;
572
+ --wui-success-alpha-11: #00814c;
573
+ --wui-success-alpha-12: #00220fe3;
574
+ --wui-success-alpha-1: #00c04005;
575
+ --wui-success-alpha-2: #00a3460a;
576
+ --wui-success-alpha-3: #00a73b1a;
577
+ --wui-success-alpha-4: #00a83829;
578
+ --wui-success-alpha-5: #019c393b;
579
+ --wui-success-alpha-6: #00963c52;
580
+ --wui-success-alpha-7: #00903970;
581
+ --wui-success-alpha-8: #008d3f9e;
582
+ --wui-success-alpha-9: #008f4acf;
583
+ --wui-success-contrast: #ffffff;
584
+ --wui-success-surface: #f1faf5cc;
585
+ --wui-typography-body-1-family: var(--wui-typography-family-default);
586
+ --wui-typography-body-1-line-height: 30px;
587
+ --wui-typography-body-1-paragraph-spacing: 16px;
588
+ --wui-typography-body-1-size: 20px;
589
+ --wui-typography-body-1-weight: var(--wui-typography-weight-body);
590
+ --wui-typography-body-2-family: var(--wui-typography-family-default);
591
+ --wui-typography-body-2-line-height: 26px;
592
+ --wui-typography-body-2-paragraph-spacing: 12px;
593
+ --wui-typography-body-2-size: 16px;
594
+ --wui-typography-body-2-weight: var(--wui-typography-weight-body);
595
+ --wui-typography-body-3-family: var(--wui-typography-family-default);
596
+ --wui-typography-body-3-line-height: 22px;
597
+ --wui-typography-body-3-paragraph-spacing: 8px;
598
+ --wui-typography-body-3-size: 14px;
599
+ --wui-typography-body-3-weight: var(--wui-typography-weight-body);
600
+ --wui-typography-body-4-family: var(--wui-typography-family-default);
601
+ --wui-typography-body-4-line-height: 18px;
602
+ --wui-typography-body-4-paragraph-spacing: 8px;
603
+ --wui-typography-body-4-size: 12px;
604
+ --wui-typography-body-4-weight: var(--wui-typography-weight-body);
605
+ --wui-typography-family-brand: 'GT Walsheim', sans-serif;
606
+ --wui-typography-family-default: intervariable, sans-serif;
607
+ --wui-typography-family-mono: 'IBM Plex Mono', monospace;
608
+ --wui-typography-heading-1-family: var(--wui-typography-family-brand);
609
+ --wui-typography-heading-1-line-height: 44px;
610
+ --wui-typography-heading-1-size: 36px;
611
+ --wui-typography-heading-2-family: var(--wui-typography-family-brand);
612
+ --wui-typography-heading-2-line-height: 38px;
613
+ --wui-typography-heading-2-size: 32px;
614
+ --wui-typography-heading-3-family: var(--wui-typography-family-brand);
615
+ --wui-typography-heading-3-line-height: 30px;
616
+ --wui-typography-heading-3-size: 24px;
617
+ --wui-typography-heading-4-family: var(--wui-typography-family-brand);
618
+ --wui-typography-heading-4-line-height: 24px;
619
+ --wui-typography-heading-4-size: 18px;
620
+ --wui-typography-heading-5-family: var(--wui-typography-family-brand);
621
+ --wui-typography-heading-5-line-height: 22px;
622
+ --wui-typography-heading-5-size: 16px;
623
+ --wui-typography-heading-6-family: var(--wui-typography-family-brand);
624
+ --wui-typography-heading-6-line-height: 18px;
625
+ --wui-typography-heading-6-size: 14px;
626
+ --wui-typography-heading-hero-family: var(--wui-typography-family-brand);
627
+ --wui-typography-heading-hero-line-height: 58px;
628
+ --wui-typography-heading-hero-size: 48px;
629
+ --wui-typography-label-1-family: var(--wui-typography-family-default);
630
+ --wui-typography-label-1-line-height: 24px;
631
+ --wui-typography-label-1-size: 18px;
632
+ --wui-typography-label-1-weight: var(--wui-typography-weight-label);
633
+ --wui-typography-label-2-family: var(--wui-typography-family-default);
634
+ --wui-typography-label-2-line-height: 18px;
635
+ --wui-typography-label-2-size: 16px;
636
+ --wui-typography-label-2-weight: var(--wui-typography-weight-label);
637
+ --wui-typography-label-3-family: var(--wui-typography-family-default);
638
+ --wui-typography-label-3-line-height: 16px;
639
+ --wui-typography-label-3-size: 14px;
640
+ --wui-typography-label-3-weight: var(--wui-typography-weight-label);
641
+ --wui-typography-label-4-family: var(--wui-typography-family-default);
642
+ --wui-typography-label-4-line-height: 14px;
643
+ --wui-typography-label-4-size: 12px;
644
+ --wui-typography-label-4-weight: var(--wui-typography-weight-label);
645
+ --wui-typography-weight-body-bold: 700;
646
+ --wui-typography-weight-body: 425;
647
+ --wui-typography-weight-brand-black: 700;
648
+ --wui-typography-weight-brand-bold: 600;
649
+ --wui-typography-weight-label-bold: 600;
650
+ --wui-typography-weight-label: 475;
651
+ --wui-vendor-hubspot-10: #f24d25;
652
+ --wui-vendor-hubspot-11: #d93a0f;
653
+ --wui-vendor-hubspot-12: #5b2a1e;
654
+ --wui-vendor-hubspot-1: #fefcfb;
655
+ --wui-vendor-hubspot-2: #fff5f2;
656
+ --wui-vendor-hubspot-3: #ffe9e2;
657
+ --wui-vendor-hubspot-4: #ffd7c9;
658
+ --wui-vendor-hubspot-5: #ffc8b7;
659
+ --wui-vendor-hubspot-6: #ffb8a3;
660
+ --wui-vendor-hubspot-7: #ffa48d;
661
+ --wui-vendor-hubspot-8: #f68a70;
662
+ --wui-vendor-hubspot-9: #ff5c36;
663
+ --wui-vendor-hubspot-contrast: #ffffff;
664
+ --wui-vendor-hubspot-surface: #fff3efcc;
665
+ --wui-vendor-marketo-10: #4040bb;
666
+ --wui-vendor-marketo-11: #4f55c7;
667
+ --wui-vendor-marketo-12: #252a62;
668
+ --wui-vendor-marketo-1: #fdfdff;
669
+ --wui-vendor-marketo-2: #f7f8ff;
670
+ --wui-vendor-marketo-3: #eff2ff;
671
+ --wui-vendor-marketo-4: #e3e8ff;
672
+ --wui-vendor-marketo-5: #d5ddff;
673
+ --wui-vendor-marketo-6: #c5cfff;
674
+ --wui-vendor-marketo-7: #b0bcfa;
675
+ --wui-vendor-marketo-8: #93a0f2;
676
+ --wui-vendor-marketo-9: #4c50cc;
677
+ --wui-vendor-marketo-contrast: #ffffff;
678
+ --wui-vendor-marketo-surface: #f5f6ffcc;
679
+ --wui-vendor-pardot-10: #0094cf;
680
+ --wui-vendor-pardot-11: #0079b5;
681
+ --wui-vendor-pardot-12: #0c3a51;
682
+ --wui-vendor-pardot-1: #fafdff;
683
+ --wui-vendor-pardot-2: #f3fafe;
684
+ --wui-vendor-pardot-3: #e1f5ff;
685
+ --wui-vendor-pardot-4: #ceeeff;
686
+ --wui-vendor-pardot-5: #bae5ff;
687
+ --wui-vendor-pardot-6: #a4d9fa;
688
+ --wui-vendor-pardot-7: #85c9f1;
689
+ --wui-vendor-pardot-8: #4fb3e8;
690
+ --wui-vendor-pardot-9: #00a1e0;
691
+ --wui-vendor-pardot-contrast: #ffffff;
692
+ --wui-vendor-pardot-surface: #f0f9fecc;
693
+ --wui-warning-10: #f3dd45;
694
+ --wui-warning-11: #897a00;
695
+ --wui-warning-12: #413d23;
696
+ --wui-warning-1: #fdfdfa;
697
+ --wui-warning-2: #fefceb;
698
+ --wui-warning-3: #fff9bf;
699
+ --wui-warning-4: #fef29f;
700
+ --wui-warning-5: #f8e981;
701
+ --wui-warning-6: #e9da79;
702
+ --wui-warning-7: #d8cb75;
703
+ --wui-warning-8: #c4b54f;
704
+ --wui-warning-9: #ffe62a;
705
+ --wui-warning-alpha-10: #efd100ba;
706
+ --wui-warning-alpha-11: #897a00;
707
+ --wui-warning-alpha-12: #231e00db;
708
+ --wui-warning-alpha-1: #99990005;
709
+ --wui-warning-alpha-2: #f3d90014;
710
+ --wui-warning-alpha-3: #ffe80040;
711
+ --wui-warning-alpha-4: #fddd0061;
712
+ --wui-warning-alpha-5: #f1d3007d;
713
+ --wui-warning-alpha-6: #d6b90087;
714
+ --wui-warning-alpha-7: #b79f008a;
715
+ --wui-warning-alpha-8: #aa9400b0;
716
+ --wui-warning-alpha-9: #ffe100d6;
717
+ --wui-warning-contrast: #262209;
718
+ --wui-warning-surface: #fefbe6cc;
719
+ --wui-yellow-10: #b1b400;
720
+ --wui-yellow-11: #7a7b00;
721
+ --wui-yellow-12: #3e3f14;
722
+ --wui-yellow-1: #fdfdf8;
723
+ --wui-yellow-2: #fbfcea;
724
+ --wui-yellow-3: #f6fbb8;
725
+ --wui-yellow-4: #f0f491;
726
+ --wui-yellow-5: #e7eb6d;
727
+ --wui-yellow-6: #d8dd5d;
728
+ --wui-yellow-7: #c8cc52;
729
+ --wui-yellow-8: #b3b600;
730
+ --wui-yellow-9: #bcbf19;
731
+ --wui-yellow-alpha-10: #b1b400;
732
+ --wui-yellow-alpha-11: #7a7b00;
733
+ --wui-yellow-alpha-12: #2e2f00eb;
734
+ --wui-yellow-alpha-1: #b7b70008;
735
+ --wui-yellow-alpha-2: #cfdb0014;
736
+ --wui-yellow-alpha-3: #dff10047;
737
+ --wui-yellow-alpha-4: #dde6006e;
738
+ --wui-yellow-alpha-5: #d5dc0091;
739
+ --wui-yellow-alpha-6: #c2ca00a3;
740
+ --wui-yellow-alpha-7: #aeb400ad;
741
+ --wui-yellow-alpha-8: #b3b600;
742
+ --wui-yellow-alpha-9: #b5b800e5;
743
+ --wui-yellow-contrast: #22230b;
744
+ --wui-yellow-surface: #fafbe5cc;
745
+ --wui-zindex-backdrop: 500;
746
+ --wui-zindex-menu: 500;
747
+ --wui-zindex-modal: 500;
748
+ --wui-zindex-popover: 500;
749
+ --wui-zindex-select: 500;
750
+ --wui-zindex-tooltip: 500;
751
+ --wui-zindex-under: -1;
752
+ }