@wix/design-system-tokens 1.81.0 → 1.83.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 (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +11 -2
  3. package/all.css +287 -1
  4. package/all.st.css +572 -0
  5. package/component.st.css +374 -0
  6. package/foundation.st.css +40 -0
  7. package/package.json +2 -2
  8. package/semantic.st.css +158 -0
  9. package/studio/all.css +285 -3
  10. package/studio/all.st.css +568 -4
  11. package/studio/component.st.css +370 -4
  12. package/studio/foundation.st.css +40 -0
  13. package/studio/semantic.st.css +158 -0
  14. package/wixel/all.css +1489 -0
  15. package/wixel/all.st.css +2977 -0
  16. package/wixel/component.st.css +1757 -0
  17. package/wixel/foundation.st.css +383 -0
  18. package/wixel/semantic.st.css +843 -0
package/component.st.css CHANGED
@@ -1,3 +1,15 @@
1
+ @property st-global(--wds-accordion-background-fill-light);
2
+ @property st-global(--wds-accordion-background-fill-light-hover);
3
+ @property st-global(--wds-accordion-caret-fill);
4
+ @property st-global(--wds-accordion-caret-fill-hover);
5
+ @property st-global(--wds-accordion-title-fill);
6
+ @property st-global(--wds-accordion-title-fill-hover);
7
+ @property st-global(--wds-accordion-title-font-line-height-medium);
8
+ @property st-global(--wds-accordion-title-font-line-height-small);
9
+ @property st-global(--wds-accordion-title-font-size-medium);
10
+ @property st-global(--wds-accordion-title-font-size-small);
11
+ @property st-global(--wds-accordion-title-font-weight);
12
+ @property st-global(--wds-accordion-title-font-weight-small);
1
13
  @property st-global(--wds-add-item-border-radius);
2
14
  @property st-global(--wds-add-item-padding-horizontal-large);
3
15
  @property st-global(--wds-add-item-padding-horizontal-tiny);
@@ -5,6 +17,12 @@
5
17
  @property st-global(--wds-add-item-padding-vertical-medium);
6
18
  @property st-global(--wds-add-item-padding-vertical-small);
7
19
  @property st-global(--wds-add-item-padding-vertical-tiny);
20
+ @property st-global(--wds-add-item-title-font-line-height-medium);
21
+ @property st-global(--wds-add-item-title-font-line-height-tiny);
22
+ @property st-global(--wds-add-item-title-font-size-medium);
23
+ @property st-global(--wds-add-item-title-font-size-small);
24
+ @property st-global(--wds-announcement-modal-text-font-line-height);
25
+ @property st-global(--wds-announcement-modal-text-font-size);
8
26
  @property st-global(--wds-avatar-group-gap-condensed);
9
27
  @property st-global(--wds-avatar-group-gap-default);
10
28
  @property st-global(--wds-badge-border-radius-medium);
@@ -37,6 +55,8 @@
37
55
  @property st-global(--wds-button-border-radius-medium);
38
56
  @property st-global(--wds-button-border-radius-small);
39
57
  @property st-global(--wds-button-border-radius-tiny);
58
+ @property st-global(--wds-button-fill-gradient-hover-primary);
59
+ @property st-global(--wds-button-fill-gradient-hover-secondary);
40
60
  @property st-global(--wds-button-fill-standard-secondary);
41
61
  @property st-global(--wds-button-fill-standard-secondary-hover);
42
62
  @property st-global(--wds-button-font-line-height-large);
@@ -55,6 +75,7 @@
55
75
  @property st-global(--wds-button-icon-offset-medium);
56
76
  @property st-global(--wds-button-icon-offset-small);
57
77
  @property st-global(--wds-button-icon-offset-tiny);
78
+ @property st-global(--wds-button-label-font-size-large);
58
79
  @property st-global(--wds-button-outline-hover);
59
80
  @property st-global(--wds-button-padding-horizontal-large);
60
81
  @property st-global(--wds-button-padding-horizontal-medium);
@@ -74,9 +95,23 @@
74
95
  @property st-global(--wds-button-size-tiny-screen-small);
75
96
  @property st-global(--wds-button-size-x-tiny);
76
97
  @property st-global(--wds-button-text-hover);
98
+ @property st-global(--wds-button-text-standard-primary);
99
+ @property st-global(--wds-button-text-standard-primary-hover);
77
100
  @property st-global(--wds-card-border);
78
101
  @property st-global(--wds-card-content-paddings-horizontal);
79
102
  @property st-global(--wds-card-content-paddings-vertical);
103
+ @property st-global(--wds-card-gallery-item-border-radius-0);
104
+ @property st-global(--wds-card-gallery-item-border-radius-100);
105
+ @property st-global(--wds-card-gallery-item-content-margin-vertical);
106
+ @property st-global(--wds-card-gallery-item-fill);
107
+ @property st-global(--wds-card-gallery-item-overlay-fill);
108
+ @property st-global(--wds-card-gallery-item-padding-left-medium);
109
+ @property st-global(--wds-card-gallery-item-padding-left-small);
110
+ @property st-global(--wds-card-gallery-item-padding-right-medium);
111
+ @property st-global(--wds-card-gallery-item-padding-right-small);
112
+ @property st-global(--wds-card-gallery-item-padding-vertical-medium);
113
+ @property st-global(--wds-card-gallery-item-padding-vertical-small);
114
+ @property st-global(--wds-card-gallery-item-title-font-size-medium);
80
115
  @property st-global(--wds-card-header-paddings-horizontal);
81
116
  @property st-global(--wds-card-header-paddings-vertical);
82
117
  @property st-global(--wds-card-tab-padding-horizontal-medium);
@@ -99,6 +134,8 @@
99
134
  @property st-global(--wds-checkbox-group-gap-vertical);
100
135
  @property st-global(--wds-checkbox-icon);
101
136
  @property st-global(--wds-checkbox-icon-disabled);
137
+ @property st-global(--wds-checkbox-label-font-line-height-small);
138
+ @property st-global(--wds-checkbox-label-font-size-small);
102
139
  @property st-global(--wds-circular-progress-bar-background-fill-error);
103
140
  @property st-global(--wds-circular-progress-bar-background-fill-premium);
104
141
  @property st-global(--wds-circular-progress-bar-background-fill-standard);
@@ -110,6 +147,7 @@
110
147
  @property st-global(--wds-circular-progress-bar-size-large);
111
148
  @property st-global(--wds-circular-progress-bar-size-medium);
112
149
  @property st-global(--wds-circular-progress-bar-size-small);
150
+ @property st-global(--wds-circular-progress-bar-size-tiny);
113
151
  @property st-global(--wds-close-button-standard-fill-active);
114
152
  @property st-global(--wds-close-button-standard-fill-disabled);
115
153
  @property st-global(--wds-close-button-standard-fill-hover);
@@ -154,11 +192,18 @@
154
192
  @property st-global(--wds-custom-modal-content-padding-vertical);
155
193
  @property st-global(--wds-custom-modal-footer-padding-horizon);
156
194
  @property st-global(--wds-custom-modal-footer-padding-vertical);
195
+ @property st-global(--wds-custom-modal-footnote-link-font-weight);
157
196
  @property st-global(--wds-custom-modal-footnote-padding-horizon);
158
197
  @property st-global(--wds-custom-modal-footnote-padding-vertical);
198
+ @property st-global(--wds-custom-modal-footnote-text-font-line-height);
199
+ @property st-global(--wds-custom-modal-footnote-text-font-size);
159
200
  @property st-global(--wds-custom-modal-header-padding-left);
160
201
  @property st-global(--wds-custom-modal-header-padding-right);
161
202
  @property st-global(--wds-custom-modal-header-padding-vertical);
203
+ @property st-global(--wds-custom-modal-header-title-font-line-height);
204
+ @property st-global(--wds-custom-modal-header-title-font-size);
205
+ @property st-global(--wds-divider-fill-color-light-1);
206
+ @property st-global(--wds-divider-fill-color-light-2);
162
207
  @property st-global(--wds-dock-background-fill);
163
208
  @property st-global(--wds-dock-background-fill-active);
164
209
  @property st-global(--wds-dock-background-fill-disabled);
@@ -170,6 +215,7 @@
170
215
  @property st-global(--wds-dropdown-icon-fill);
171
216
  @property st-global(--wds-dropdown-layout-option-size-big);
172
217
  @property st-global(--wds-dropdown-layout-option-size-small);
218
+ @property st-global(--wds-dropdown-list-paddings);
173
219
  @property st-global(--wds-empty-state-border-radius);
174
220
  @property st-global(--wds-empty-state-page-content-paddings);
175
221
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -177,20 +223,27 @@
177
223
  @property st-global(--wds-field-set-gap-large);
178
224
  @property st-global(--wds-field-set-gap-medium);
179
225
  @property st-global(--wds-field-set-gap-small);
226
+ @property st-global(--wds-field-set-label-fill);
180
227
  @property st-global(--wds-field-set-label-font-line-height-small);
181
228
  @property st-global(--wds-field-set-label-font-line-height-tiny);
182
229
  @property st-global(--wds-field-set-label-font-size-small);
183
230
  @property st-global(--wds-field-set-label-font-size-tiny);
231
+ @property st-global(--wds-field-set-label-font-weight);
184
232
  @property st-global(--wds-field-set-label-gap-small);
185
233
  @property st-global(--wds-field-set-label-gap-tiny);
234
+ @property st-global(--wds-floating-helper-main-action-padding-top);
186
235
  @property st-global(--wds-floating-helper-padding-horizontal);
187
236
  @property st-global(--wds-floating-helper-padding-vertical);
237
+ @property st-global(--wds-form-field-label-fill);
188
238
  @property st-global(--wds-form-field-label-font-line-height-small);
189
239
  @property st-global(--wds-form-field-label-font-line-height-tiny);
190
240
  @property st-global(--wds-form-field-label-font-size-small);
191
241
  @property st-global(--wds-form-field-label-font-size-tiny);
242
+ @property st-global(--wds-form-field-label-font-weight);
192
243
  @property st-global(--wds-form-field-label-gap-small);
193
244
  @property st-global(--wds-form-field-label-gap-tiny);
245
+ @property st-global(--wds-form-field-label-line-height-small);
246
+ @property st-global(--wds-form-field-label-line-height-tiny);
194
247
  @property st-global(--wds-gallery-item-border);
195
248
  @property st-global(--wds-gallery-item-padding-left-medium);
196
249
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -210,6 +263,8 @@
210
263
  @property st-global(--wds-input-area-padding-right-small);
211
264
  @property st-global(--wds-input-area-padding-vertical-medium);
212
265
  @property st-global(--wds-input-area-padding-vertical-small);
266
+ @property st-global(--wds-input-background-fill-default);
267
+ @property st-global(--wds-input-background-fill-hover);
213
268
  @property st-global(--wds-input-border-radius-default-large);
214
269
  @property st-global(--wds-input-border-radius-default-medium);
215
270
  @property st-global(--wds-input-border-radius-default-small);
@@ -247,13 +302,35 @@
247
302
  @property st-global(--wds-input-width-medium);
248
303
  @property st-global(--wds-input-width-small);
249
304
  @property st-global(--wds-input-width-tiny);
305
+ @property st-global(--wds-internal-color-picker-padding-horizontal);
306
+ @property st-global(--wds-internal-color-picker-padding-vertical);
307
+ @property st-global(--wds-internal-color-picker-width);
308
+ @property st-global(--wds-internal-image-height-large);
309
+ @property st-global(--wds-internal-image-height-medium);
310
+ @property st-global(--wds-internal-image-height-small);
311
+ @property st-global(--wds-internal-image-width-large);
312
+ @property st-global(--wds-internal-image-width-medium);
313
+ @property st-global(--wds-internal-image-width-small);
314
+ @property st-global(--wds-internal-image-width-tiny);
315
+ @property st-global(--wds-internal-thumbnail-illustration-size-large);
316
+ @property st-global(--wds-internal-thumbnail-illustration-size-medium);
317
+ @property st-global(--wds-internal-thumbnail-illustration-size-small);
318
+ @property st-global(--wds-internal-thumbnail-illustration-size-tiny);
250
319
  @property st-global(--wds-linear-progress-bar-border-radius);
320
+ @property st-global(--wds-list-item-action-border-radius);
321
+ @property st-global(--wds-list-item-action-label-font-line-height-medium);
322
+ @property st-global(--wds-list-item-action-label-font-line-height-small);
323
+ @property st-global(--wds-list-item-action-label-font-size-medium);
324
+ @property st-global(--wds-list-item-action-label-font-size-small);
251
325
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
252
326
  @property st-global(--wds-list-item-action-padding-horizontal-small);
253
327
  @property st-global(--wds-list-item-action-padding-vertical-medium);
254
328
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
255
329
  @property st-global(--wds-list-item-action-padding-vertical-small);
256
330
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
331
+ @property st-global(--wds-list-item-action-prefix-margin);
332
+ @property st-global(--wds-list-item-action-subtitle-font-line-height-medium);
333
+ @property st-global(--wds-list-item-action-subtitle-font-size-medium);
257
334
  @property st-global(--wds-list-item-gap-columns);
258
335
  @property st-global(--wds-list-item-indentation-level-2);
259
336
  @property st-global(--wds-list-item-indentation-level-3);
@@ -286,20 +363,34 @@
286
363
  @property st-global(--wds-list-item-select-active-title-disabled);
287
364
  @property st-global(--wds-list-item-select-active-title-disabled-screen-small);
288
365
  @property st-global(--wds-list-item-select-active-title-screen-small);
366
+ @property st-global(--wds-list-item-select-border-radius);
289
367
  @property st-global(--wds-list-item-select-fill);
290
368
  @property st-global(--wds-list-item-select-fill-active);
291
369
  @property st-global(--wds-list-item-select-fill-disabled);
292
370
  @property st-global(--wds-list-item-select-fill-hover);
293
371
  @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
372
+ @property st-global(--wds-list-item-select-icon-padding-horizontal-small);
294
373
  @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
374
+ @property st-global(--wds-list-item-select-icon-padding-vertical-small);
375
+ @property st-global(--wds-list-item-select-label-font-line-height-medium);
376
+ @property st-global(--wds-list-item-select-label-font-line-height-small);
377
+ @property st-global(--wds-list-item-select-label-font-size-medium);
378
+ @property st-global(--wds-list-item-select-label-font-size-small);
295
379
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
296
380
  @property st-global(--wds-list-item-select-padding-horizontal-small);
381
+ @property st-global(--wds-list-item-select-padding-left-medium);
382
+ @property st-global(--wds-list-item-select-padding-left-small);
383
+ @property st-global(--wds-list-item-select-padding-right-medium);
384
+ @property st-global(--wds-list-item-select-padding-right-small);
297
385
  @property st-global(--wds-list-item-select-padding-vertical-medium);
298
386
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
299
387
  @property st-global(--wds-list-item-select-padding-vertical-small);
300
388
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
389
+ @property st-global(--wds-list-item-select-prefix-margin);
301
390
  @property st-global(--wds-list-item-select-subtitle);
302
391
  @property st-global(--wds-list-item-select-subtitle-disabled);
392
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
393
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
303
394
  @property st-global(--wds-list-item-select-title);
304
395
  @property st-global(--wds-list-item-select-title-disabled);
305
396
  @property st-global(--wds-loader-fill);
@@ -323,12 +414,25 @@
323
414
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
324
415
  @property st-global(--wds-message-modal-content-padding-horizontal);
325
416
  @property st-global(--wds-message-modal-content-padding-top);
417
+ @property st-global(--wds-message-modal-footer-padding-horizontal);
418
+ @property st-global(--wds-message-modal-footer-padding-vertical);
419
+ @property st-global(--wds-message-modal-text-font-line-height);
420
+ @property st-global(--wds-message-modal-text-font-size);
421
+ @property st-global(--wds-message-modal-title-font-line-height);
422
+ @property st-global(--wds-message-modal-title-font-size);
326
423
  @property st-global(--wds-mobile-modal-content-padding-horizontal);
327
424
  @property st-global(--wds-mobile-modal-content-padding-vertical);
328
425
  @property st-global(--wds-mobile-modal-footer-padding-horizontal);
329
426
  @property st-global(--wds-mobile-modal-footer-padding-vertical);
427
+ @property st-global(--wds-multiselect-icon-fill);
428
+ @property st-global(--wds-notification-fill-error);
429
+ @property st-global(--wds-notification-fill-premium);
430
+ @property st-global(--wds-notification-fill-standard);
431
+ @property st-global(--wds-notification-fill-success);
432
+ @property st-global(--wds-notification-fill-warning);
330
433
  @property st-global(--wds-notification-padding-horizontal);
331
434
  @property st-global(--wds-notification-padding-vertical);
435
+ @property st-global(--wds-number-input-icon-fill);
332
436
  @property st-global(--wds-page-header-padding-horizontal);
333
437
  @property st-global(--wds-page-header-padding-vertical);
334
438
  @property st-global(--wds-page-header-padding-vertical-small);
@@ -340,6 +444,8 @@
340
444
  @property st-global(--wds-pagination-padding-vertical);
341
445
  @property st-global(--wds-palette-border);
342
446
  @property st-global(--wds-popover-border);
447
+ @property st-global(--wds-popover-menu-paddings-horizontal);
448
+ @property st-global(--wds-popover-menu-paddings-vertical);
343
449
  @property st-global(--wds-radio-border);
344
450
  @property st-global(--wds-radio-border-active);
345
451
  @property st-global(--wds-radio-border-active-disabled);
@@ -384,6 +490,7 @@
384
490
  @property st-global(--wds-search-border-radius-tiny);
385
491
  @property st-global(--wds-section-header-padding-vertical);
386
492
  @property st-global(--wds-section-helper-border-preview);
493
+ @property st-global(--wds-section-helper-close-button-offset);
387
494
  @property st-global(--wds-section-helper-default-action-padding-medium);
388
495
  @property st-global(--wds-section-helper-default-action-padding-small);
389
496
  @property st-global(--wds-section-helper-default-border-radius);
@@ -395,11 +502,24 @@
395
502
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
396
503
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
397
504
  @property st-global(--wds-section-helper-horizontal-margin);
505
+ @property st-global(--wds-section-helper-horizontal-padding-medium);
506
+ @property st-global(--wds-section-helper-horizontal-padding-small);
398
507
  @property st-global(--wds-section-helper-prefix-offset-margin);
508
+ @property st-global(--wds-section-helper-prefix-offset-medium);
399
509
  @property st-global(--wds-section-helper-text-font-line-height);
400
510
  @property st-global(--wds-section-helper-text-font-size);
511
+ @property st-global(--wds-section-helper-vertical-margin);
512
+ @property st-global(--wds-section-helper-vertical-padding-medium);
401
513
  @property st-global(--wds-segmented-toggle-border-radius-medium);
402
514
  @property st-global(--wds-segmented-toggle-border-radius-small);
515
+ @property st-global(--wds-segmented-toggle-default-fill-default);
516
+ @property st-global(--wds-segmented-toggle-default-fill-hover);
517
+ @property st-global(--wds-segmented-toggle-default-fill-selected);
518
+ @property st-global(--wds-segmented-toggle-default-fill-selected-disabled);
519
+ @property st-global(--wds-segmented-toggle-fill-default);
520
+ @property st-global(--wds-segmented-toggle-fill-hover);
521
+ @property st-global(--wds-segmented-toggle-fill-selected);
522
+ @property st-global(--wds-segmented-toggle-fill-selected-disabled);
403
523
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
404
524
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
405
525
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
@@ -414,6 +534,8 @@
414
534
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
415
535
  @property st-global(--wds-segmented-toggle-size-medium);
416
536
  @property st-global(--wds-segmented-toggle-size-small);
537
+ @property st-global(--wds-segmented-toggle-width-default);
538
+ @property st-global(--wds-segmented-toggle-width-selected);
417
539
  @property st-global(--wds-select-area-border-radius);
418
540
  @property st-global(--wds-select-area-fill);
419
541
  @property st-global(--wds-select-area-fill-active);
@@ -433,6 +555,11 @@
433
555
  @property st-global(--wds-selector-button-size-large);
434
556
  @property st-global(--wds-selector-button-size-medium);
435
557
  @property st-global(--wds-selector-button-size-small);
558
+ @property st-global(--wds-selector-list-item-padding-horizontal-medium);
559
+ @property st-global(--wds-selector-list-item-padding-horizontal-small);
560
+ @property st-global(--wds-selector-list-item-padding-vertical-medium);
561
+ @property st-global(--wds-selector-list-item-padding-vertical-small);
562
+ @property st-global(--wds-side-panel-back-button-top-padding);
436
563
  @property st-global(--wds-side-panel-content-padding-horizontal);
437
564
  @property st-global(--wds-side-panel-content-padding-vertical);
438
565
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
@@ -442,6 +569,11 @@
442
569
  @property st-global(--wds-side-panel-floating-header-padding-left);
443
570
  @property st-global(--wds-side-panel-floating-header-padding-right);
444
571
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
572
+ @property st-global(--wds-side-panel-floating-max-height);
573
+ @property st-global(--wds-side-panel-floating-title-font-line-height);
574
+ @property st-global(--wds-side-panel-floating-title-font-size);
575
+ @property st-global(--wds-side-panel-footer-border-width);
576
+ @property st-global(--wds-side-panel-footer-fill);
445
577
  @property st-global(--wds-side-panel-footer-padding-horizontal);
446
578
  @property st-global(--wds-side-panel-footer-padding-vertical);
447
579
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
@@ -449,6 +581,10 @@
449
581
  @property st-global(--wds-side-panel-header-padding-left);
450
582
  @property st-global(--wds-side-panel-header-padding-right);
451
583
  @property st-global(--wds-side-panel-header-padding-vertical);
584
+ @property st-global(--wds-side-panel-title-font-letter-spacing);
585
+ @property st-global(--wds-side-panel-title-font-line-height);
586
+ @property st-global(--wds-side-panel-title-font-size);
587
+ @property st-global(--wds-sidebar-clear-button-fill);
452
588
  @property st-global(--wds-sidebar-divider-fill-dark-default);
453
589
  @property st-global(--wds-sidebar-divider-fill-light-default);
454
590
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
@@ -512,17 +648,26 @@
512
648
  @property st-global(--wds-skeleton-border-radius-circle);
513
649
  @property st-global(--wds-skeleton-border-radius-line);
514
650
  @property st-global(--wds-skeleton-border-radius-rectangle);
651
+ @property st-global(--wds-slider-slider-knob-border-width);
652
+ @property st-global(--wds-slider-slider-knob-border-width-hover);
653
+ @property st-global(--wds-slider-slider-knob-color);
654
+ @property st-global(--wds-slider-slider-knob-color-hover);
655
+ @property st-global(--wds-slider-slider-knob-shadow);
515
656
  @property st-global(--wds-slider-slider-knob-size);
657
+ @property st-global(--wds-slider-slider-knob-size-hover);
516
658
  @property st-global(--wds-slider-slider-knob-size-transparent);
517
659
  @property st-global(--wds-slider-slider-mark-size);
518
660
  @property st-global(--wds-slider-track-border-border-radius);
519
661
  @property st-global(--wds-slider-track-border-radius-transparent);
662
+ @property st-global(--wds-slider-track-color);
520
663
  @property st-global(--wds-slider-track-size);
521
664
  @property st-global(--wds-slider-track-size-transparent);
522
665
  @property st-global(--wds-social-post-preview-content-padding-horizontal);
523
666
  @property st-global(--wds-social-post-preview-content-padding-vertical);
524
667
  @property st-global(--wds-social-preview-content-padding-horizontal);
525
668
  @property st-global(--wds-social-preview-content-padding-vertical);
669
+ @property st-global(--wds-status-toast-text-font-line-height);
670
+ @property st-global(--wds-status-toast-text-font-size);
526
671
  @property st-global(--wds-stepper-prefix-size-circle);
527
672
  @property st-global(--wds-stepper-prefix-size-number);
528
673
  @property st-global(--wds-swatches-list-gap);
@@ -532,11 +677,18 @@
532
677
  @property st-global(--wds-swatches-swatch-active-border-radius-small);
533
678
  @property st-global(--wds-swatches-swatch-border-radius-medium);
534
679
  @property st-global(--wds-swatches-swatch-border-radius-small);
680
+ @property st-global(--wds-swatches-swatch-size-extra-tiny);
535
681
  @property st-global(--wds-swatches-swatch-size-large);
536
682
  @property st-global(--wds-swatches-swatch-size-medium);
537
683
  @property st-global(--wds-swatches-swatch-size-small);
538
684
  @property st-global(--wds-swatches-swatch-size-tiny);
539
685
  @property st-global(--wds-swatches-swatch-size-x-tiny);
686
+ @property st-global(--wds-table-list-item-border-radius);
687
+ @property st-global(--wds-table-list-item-gap);
688
+ @property st-global(--wds-table-list-item-indentation-level-2);
689
+ @property st-global(--wds-table-list-item-indentation-level-3);
690
+ @property st-global(--wds-table-list-item-paddings);
691
+ @property st-global(--wds-table-toolbar-padding-horizontal);
540
692
  @property st-global(--wds-tabs-gap-medium);
541
693
  @property st-global(--wds-tabs-gap-small);
542
694
  @property st-global(--wds-tabs-label-font-size-small);
@@ -549,6 +701,8 @@
549
701
  @property st-global(--wds-tag-border-radius-medium);
550
702
  @property st-global(--wds-tag-border-radius-small);
551
703
  @property st-global(--wds-tag-border-radius-tiny);
704
+ @property st-global(--wds-tag-label-font-line-height-small);
705
+ @property st-global(--wds-tag-label-font-size-small);
552
706
  @property st-global(--wds-tag-padding-horizontal-large);
553
707
  @property st-global(--wds-tag-padding-horizontal-medium);
554
708
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -563,7 +717,27 @@
563
717
  @property st-global(--wds-tag-size-tiny);
564
718
  @property st-global(--wds-testimonial-list-gap);
565
719
  @property st-global(--wds-thumbnail-border-radius);
720
+ @property st-global(--wds-thumbnail-border-width-default);
721
+ @property st-global(--wds-thumbnail-fill);
722
+ @property st-global(--wds-thumbnail-fill-hover);
566
723
  @property st-global(--wds-thumbnail-gap);
724
+ @property st-global(--wds-thumbnail-illustration-fill-1);
725
+ @property st-global(--wds-thumbnail-illustration-fill-2);
726
+ @property st-global(--wds-thumbnail-illustration-fill-3);
727
+ @property st-global(--wds-thumbnail-subtitle-fill);
728
+ @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
729
+ @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
730
+ @property st-global(--wds-thumbnail-title-font-line-height-tiny);
731
+ @property st-global(--wds-thumbnail-title-font-size-tiny);
732
+ @property st-global(--wds-thumbnail-title-font-weight-tiny);
733
+ @property st-global(--wds-thumbnail-title-padding-top);
734
+ @property st-global(--wds-timeline-title-font-line-height);
735
+ @property st-global(--wds-timeline-title-font-size);
736
+ @property st-global(--wds-toggle-button-border-radius-square-large);
737
+ @property st-global(--wds-toggle-button-border-radius-square-medium);
738
+ @property st-global(--wds-toggle-button-border-radius-square-small);
739
+ @property st-global(--wds-toggle-button-border-radius-square-tiny);
740
+ @property st-global(--wds-toggle-button-label-font-weight);
567
741
  @property st-global(--wds-toggle-button-padding-left-large);
568
742
  @property st-global(--wds-toggle-button-padding-left-large-round);
569
743
  @property st-global(--wds-toggle-button-padding-left-medium);
@@ -604,6 +778,7 @@
604
778
  @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
605
779
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
606
780
  @property st-global(--wds-toggle-switch-fill-urgent-hover);
781
+ @property st-global(--wds-toggle-switch-icon);
607
782
  @property st-global(--wds-toggle-switch-knob-size-large);
608
783
  @property st-global(--wds-toggle-switch-knob-size-medium);
609
784
  @property st-global(--wds-toggle-switch-knob-size-small);
@@ -614,6 +789,7 @@
614
789
  @property st-global(--wds-toggle-switch-width-medium);
615
790
  @property st-global(--wds-toggle-switch-width-small);
616
791
  @property st-global(--wds-tooltip-background-fill);
792
+ @property st-global(--wds-tooltip-border-radius);
617
793
  @property st-global(--wds-tooltip-border-radius-medium);
618
794
  @property st-global(--wds-tooltip-border-radius-small);
619
795
  @property st-global(--wds-tooltip-padding-horizontal-medium);
@@ -635,6 +811,7 @@
635
811
  @property st-global(--wds-vertical-tabs-icon-padding-horizontal-small);
636
812
  @property st-global(--wds-vertical-tabs-icon-padding-vertical-medium);
637
813
  @property st-global(--wds-vertical-tabs-icon-padding-vertical-small);
814
+ @property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
638
815
  @property st-global(--wds-vertical-tabs-item-fill-light);
639
816
  @property st-global(--wds-vertical-tabs-item-fill-light-active);
640
817
  @property st-global(--wds-vertical-tabs-item-fill-light-disabled);
@@ -670,6 +847,16 @@
670
847
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
671
848
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
672
849
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
850
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
851
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard);
852
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
853
+ @property st-global(--wds-vertical-tabs-item-round-disabled);
854
+ @property st-global(--wds-vertical-tabs-item-round-fill-hover);
855
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
856
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
857
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
858
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
859
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
673
860
  @property st-global(--wds-vertical-tabs-section-text-font-line-height-small);
674
861
  @property st-global(--wds-vertical-tabs-section-text-font-size-small);
675
862
  @property st-global(--wds-vertical-tabs-section-text-font-weight-small);
@@ -684,6 +871,18 @@
684
871
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
685
872
 
686
873
  .root {
874
+ --wds-accordion-background-fill-light: #ffffff;
875
+ --wds-accordion-background-fill-light-hover: #e7f0ff;
876
+ --wds-accordion-caret-fill: #44485f;
877
+ --wds-accordion-caret-fill-hover: #44485f;
878
+ --wds-accordion-title-fill: #000624;
879
+ --wds-accordion-title-fill-hover: #000624;
880
+ --wds-accordion-title-font-line-height-medium: 24px;
881
+ --wds-accordion-title-font-line-height-small: 18px;
882
+ --wds-accordion-title-font-size-medium: 16px;
883
+ --wds-accordion-title-font-size-small: 14px;
884
+ --wds-accordion-title-font-weight: 500;
885
+ --wds-accordion-title-font-weight-small: 500;
687
886
  --wds-add-item-border-radius: 8px;
688
887
  --wds-add-item-padding-horizontal-large: 30px;
689
888
  --wds-add-item-padding-horizontal-tiny: 12px;
@@ -691,6 +890,12 @@
691
890
  --wds-add-item-padding-vertical-medium: 24px;
692
891
  --wds-add-item-padding-vertical-small: 18px;
693
892
  --wds-add-item-padding-vertical-tiny: 12px;
893
+ --wds-add-item-title-font-line-height-medium: 24px;
894
+ --wds-add-item-title-font-line-height-tiny: 18px;
895
+ --wds-add-item-title-font-size-medium: 16px;
896
+ --wds-add-item-title-font-size-small: 14px;
897
+ --wds-announcement-modal-text-font-line-height: 24px;
898
+ --wds-announcement-modal-text-font-size: 16px;
694
899
  --wds-avatar-group-gap-condensed: -3px;
695
900
  --wds-avatar-group-gap-default: 6px;
696
901
  --wds-badge-border-radius-medium: 2px;
@@ -723,6 +928,8 @@
723
928
  --wds-button-border-radius-medium: 1000px;
724
929
  --wds-button-border-radius-small: 1000px;
725
930
  --wds-button-border-radius-tiny: 1000px;
931
+ --wds-button-fill-gradient-hover-primary: #0f62e6;
932
+ --wds-button-fill-gradient-hover-secondary: #0f62e6;
726
933
  --wds-button-fill-standard-secondary: #ffffff;
727
934
  --wds-button-fill-standard-secondary-hover: #116dff;
728
935
  --wds-button-font-line-height-large: 24px;
@@ -741,6 +948,7 @@
741
948
  --wds-button-icon-offset-medium: 12px;
742
949
  --wds-button-icon-offset-small: 12px;
743
950
  --wds-button-icon-offset-tiny: 12px;
951
+ --wds-button-label-font-size-large: 16px;
744
952
  --wds-button-outline-hover: transparent;
745
953
  --wds-button-padding-horizontal-large: 30px;
746
954
  --wds-button-padding-horizontal-medium: 24px;
@@ -760,9 +968,23 @@
760
968
  --wds-button-size-tiny-screen-small: 36px;
761
969
  --wds-button-size-x-tiny: 18px;
762
970
  --wds-button-text-hover: #ffffff;
971
+ --wds-button-text-standard-primary: #000624;
972
+ --wds-button-text-standard-primary-hover: #000624;
763
973
  --wds-card-border: 8px;
764
974
  --wds-card-content-paddings-horizontal: 24px;
765
975
  --wds-card-content-paddings-vertical: 24px;
976
+ --wds-card-gallery-item-border-radius-0: 0;
977
+ --wds-card-gallery-item-border-radius-100: 8px;
978
+ --wds-card-gallery-item-content-margin-vertical: 0;
979
+ --wds-card-gallery-item-fill: #ffffff;
980
+ --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
981
+ --wds-card-gallery-item-padding-left-medium: 18px;
982
+ --wds-card-gallery-item-padding-left-small: 12px;
983
+ --wds-card-gallery-item-padding-right-medium: 24px;
984
+ --wds-card-gallery-item-padding-right-small: 18px;
985
+ --wds-card-gallery-item-padding-vertical-medium: 18px;
986
+ --wds-card-gallery-item-padding-vertical-small: 12px;
987
+ --wds-card-gallery-item-title-font-size-medium: 18px;
766
988
  --wds-card-header-paddings-horizontal: 24px;
767
989
  --wds-card-header-paddings-vertical: 18px;
768
990
  --wds-card-tab-padding-horizontal-medium: 18px;
@@ -785,6 +1007,8 @@
785
1007
  --wds-checkbox-group-gap-vertical: 12px;
786
1008
  --wds-checkbox-icon: #ffffff;
787
1009
  --wds-checkbox-icon-disabled: rgba(0, 6, 36, .3);
1010
+ --wds-checkbox-label-font-line-height-small: 18px;
1011
+ --wds-checkbox-label-font-size-small: 14px;
788
1012
  --wds-circular-progress-bar-background-fill-error: #fbd0cd;
789
1013
  --wds-circular-progress-bar-background-fill-premium: #e3c3f4;
790
1014
  --wds-circular-progress-bar-background-fill-standard: #d6e6fe;
@@ -796,6 +1020,7 @@
796
1020
  --wds-circular-progress-bar-size-large: 102px;
797
1021
  --wds-circular-progress-bar-size-medium: 54px;
798
1022
  --wds-circular-progress-bar-size-small: 30px;
1023
+ --wds-circular-progress-bar-size-tiny: 18px;
799
1024
  --wds-close-button-standard-fill-active: #084ebd;
800
1025
  --wds-close-button-standard-fill-disabled: rgba(0, 6, 36, .1);
801
1026
  --wds-close-button-standard-fill-hover: #a8caff;
@@ -840,11 +1065,18 @@
840
1065
  --wds-custom-modal-content-padding-vertical: 24px;
841
1066
  --wds-custom-modal-footer-padding-horizon: 24px;
842
1067
  --wds-custom-modal-footer-padding-vertical: 18px;
1068
+ --wds-custom-modal-footnote-link-font-weight: 500;
843
1069
  --wds-custom-modal-footnote-padding-horizon: 24px;
844
1070
  --wds-custom-modal-footnote-padding-vertical: 12px;
1071
+ --wds-custom-modal-footnote-text-font-line-height: 18px;
1072
+ --wds-custom-modal-footnote-text-font-size: 14px;
845
1073
  --wds-custom-modal-header-padding-left: 24px;
846
1074
  --wds-custom-modal-header-padding-right: 9px;
847
1075
  --wds-custom-modal-header-padding-vertical: 18px;
1076
+ --wds-custom-modal-header-title-font-line-height: 24px;
1077
+ --wds-custom-modal-header-title-font-size: 16px;
1078
+ --wds-divider-fill-color-light-1: #dfe5eb;
1079
+ --wds-divider-fill-color-light-2: #dfe5eb;
848
1080
  --wds-dock-background-fill: #e7f0ff;
849
1081
  --wds-dock-background-fill-active: #d6e6fe;
850
1082
  --wds-dock-background-fill-disabled: rgba(0, 6, 36, .1);
@@ -856,6 +1088,7 @@
856
1088
  --wds-dropdown-icon-fill: #116dff;
857
1089
  --wds-dropdown-layout-option-size-big: 48px;
858
1090
  --wds-dropdown-layout-option-size-small: 36px;
1091
+ --wds-dropdown-list-paddings: 0;
859
1092
  --wds-empty-state-border-radius: 8px;
860
1093
  --wds-empty-state-page-content-paddings: 18px;
861
1094
  --wds-empty-state-section-content-paddings: 15px;
@@ -863,20 +1096,27 @@
863
1096
  --wds-field-set-gap-large: 18px;
864
1097
  --wds-field-set-gap-medium: 12px;
865
1098
  --wds-field-set-gap-small: 6px;
1099
+ --wds-field-set-label-fill: #44485f;
866
1100
  --wds-field-set-label-font-line-height-small: 18px;
867
1101
  --wds-field-set-label-font-line-height-tiny: 18px;
868
1102
  --wds-field-set-label-font-size-small: 14px;
869
1103
  --wds-field-set-label-font-size-tiny: 12px;
1104
+ --wds-field-set-label-font-weight: 400;
870
1105
  --wds-field-set-label-gap-small: 9px;
871
1106
  --wds-field-set-label-gap-tiny: 6px;
1107
+ --wds-floating-helper-main-action-padding-top: 18px;
872
1108
  --wds-floating-helper-padding-horizontal: 36px;
873
1109
  --wds-floating-helper-padding-vertical: 30px;
1110
+ --wds-form-field-label-fill: #44485f;
874
1111
  --wds-form-field-label-font-line-height-small: 18px;
875
1112
  --wds-form-field-label-font-line-height-tiny: 18px;
876
1113
  --wds-form-field-label-font-size-small: 14px;
877
1114
  --wds-form-field-label-font-size-tiny: 12px;
1115
+ --wds-form-field-label-font-weight: 400;
878
1116
  --wds-form-field-label-gap-small: 9px;
879
1117
  --wds-form-field-label-gap-tiny: 6px;
1118
+ --wds-form-field-label-line-height-small: 18px;
1119
+ --wds-form-field-label-line-height-tiny: 18px;
880
1120
  --wds-gallery-item-border: 8px;
881
1121
  --wds-gallery-item-padding-left-medium: 18px;
882
1122
  --wds-gallery-item-padding-left-small: 12px;
@@ -896,6 +1136,8 @@
896
1136
  --wds-input-area-padding-right-small: 9px;
897
1137
  --wds-input-area-padding-vertical-medium: 6px;
898
1138
  --wds-input-area-padding-vertical-small: 6px;
1139
+ --wds-input-background-fill-default: #ffffff;
1140
+ --wds-input-background-fill-hover: #e7f0ff;
899
1141
  --wds-input-border-radius-default-large: 6px;
900
1142
  --wds-input-border-radius-default-medium: 6px;
901
1143
  --wds-input-border-radius-default-small: 6px;
@@ -933,13 +1175,35 @@
933
1175
  --wds-input-width-medium: 72px;
934
1176
  --wds-input-width-small: 54px;
935
1177
  --wds-input-width-tiny: 48px;
1178
+ --wds-internal-color-picker-padding-horizontal: 18px;
1179
+ --wds-internal-color-picker-padding-vertical: 12px;
1180
+ --wds-internal-color-picker-width: 240px;
1181
+ --wds-internal-image-height-large: 120px;
1182
+ --wds-internal-image-height-medium: 84px;
1183
+ --wds-internal-image-height-small: 60px;
1184
+ --wds-internal-image-width-large: 240px;
1185
+ --wds-internal-image-width-medium: 156px;
1186
+ --wds-internal-image-width-small: 122px;
1187
+ --wds-internal-image-width-tiny: 106px;
1188
+ --wds-internal-thumbnail-illustration-size-large: 114px;
1189
+ --wds-internal-thumbnail-illustration-size-medium: 72px;
1190
+ --wds-internal-thumbnail-illustration-size-small: 51px;
1191
+ --wds-internal-thumbnail-illustration-size-tiny: 38px;
936
1192
  --wds-linear-progress-bar-border-radius: 1000px;
1193
+ --wds-list-item-action-border-radius: 0;
1194
+ --wds-list-item-action-label-font-line-height-medium: 24px;
1195
+ --wds-list-item-action-label-font-line-height-small: 18px;
1196
+ --wds-list-item-action-label-font-size-medium: 16px;
1197
+ --wds-list-item-action-label-font-size-small: 14px;
937
1198
  --wds-list-item-action-padding-horizontal-medium: 18px;
938
1199
  --wds-list-item-action-padding-horizontal-small: 18px;
939
1200
  --wds-list-item-action-padding-vertical-medium: 6px;
940
1201
  --wds-list-item-action-padding-vertical-medium-screen-small: 12px;
941
1202
  --wds-list-item-action-padding-vertical-small: 6px;
942
1203
  --wds-list-item-action-padding-vertical-small-screen-small: 12px;
1204
+ --wds-list-item-action-prefix-margin: 6px;
1205
+ --wds-list-item-action-subtitle-font-line-height-medium: 18px;
1206
+ --wds-list-item-action-subtitle-font-size-medium: 14px;
943
1207
  --wds-list-item-gap-columns: 24px;
944
1208
  --wds-list-item-indentation-level-2: 12px;
945
1209
  --wds-list-item-indentation-level-3: 30px;
@@ -972,20 +1236,34 @@
972
1236
  --wds-list-item-select-active-title-disabled: rgba(255, 255, 255, .7);
973
1237
  --wds-list-item-select-active-title-disabled-screen-small: rgba(0, 6, 36, .3);
974
1238
  --wds-list-item-select-active-title-screen-small: #116dff;
1239
+ --wds-list-item-select-border-radius: 0;
975
1240
  --wds-list-item-select-fill: #ffffff;
976
1241
  --wds-list-item-select-fill-active: #d6e6fe;
977
1242
  --wds-list-item-select-fill-disabled: #ffffff;
978
1243
  --wds-list-item-select-fill-hover: #e7f0ff;
979
1244
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
1245
+ --wds-list-item-select-icon-padding-horizontal-small: 12px;
980
1246
  --wds-list-item-select-icon-padding-vertical-medium: 6px;
1247
+ --wds-list-item-select-icon-padding-vertical-small: 6px;
1248
+ --wds-list-item-select-label-font-line-height-medium: 24px;
1249
+ --wds-list-item-select-label-font-line-height-small: 18px;
1250
+ --wds-list-item-select-label-font-size-medium: 16px;
1251
+ --wds-list-item-select-label-font-size-small: 14px;
981
1252
  --wds-list-item-select-padding-horizontal-medium: 18px;
982
1253
  --wds-list-item-select-padding-horizontal-small: 18px;
1254
+ --wds-list-item-select-padding-left-medium: 18px;
1255
+ --wds-list-item-select-padding-left-small: 18px;
1256
+ --wds-list-item-select-padding-right-medium: 24px;
1257
+ --wds-list-item-select-padding-right-small: 24px;
983
1258
  --wds-list-item-select-padding-vertical-medium: 6px;
984
1259
  --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
985
1260
  --wds-list-item-select-padding-vertical-small: 6px;
986
1261
  --wds-list-item-select-padding-vertical-small-screen-small: 12px;
1262
+ --wds-list-item-select-prefix-margin: 6px;
987
1263
  --wds-list-item-select-subtitle: #868aa5;
988
1264
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
1265
+ --wds-list-item-select-subtitle-font-line-height-medium: 18px;
1266
+ --wds-list-item-select-subtitle-font-size-medium: 14px;
989
1267
  --wds-list-item-select-title: #000624;
990
1268
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
991
1269
  --wds-loader-fill: #d6e6fe;
@@ -1009,12 +1287,25 @@
1009
1287
  --wds-marketing-page-paddings-vertical-medium: 30px;
1010
1288
  --wds-message-modal-content-padding-horizontal: 24px;
1011
1289
  --wds-message-modal-content-padding-top: 24px;
1290
+ --wds-message-modal-footer-padding-horizontal: 36px;
1291
+ --wds-message-modal-footer-padding-vertical: 36px;
1292
+ --wds-message-modal-text-font-line-height: 24px;
1293
+ --wds-message-modal-text-font-size: 16px;
1294
+ --wds-message-modal-title-font-line-height: 28px;
1295
+ --wds-message-modal-title-font-size: 21px;
1012
1296
  --wds-mobile-modal-content-padding-horizontal: 24px;
1013
1297
  --wds-mobile-modal-content-padding-vertical: 24px;
1014
1298
  --wds-mobile-modal-footer-padding-horizontal: 24px;
1015
1299
  --wds-mobile-modal-footer-padding-vertical: 24px;
1300
+ --wds-multiselect-icon-fill: #116dff;
1301
+ --wds-notification-fill-error: #ff6d63;
1302
+ --wds-notification-fill-premium: #c161f0;
1303
+ --wds-notification-fill-standard: #5999ff;
1304
+ --wds-notification-fill-success: #51b77b;
1305
+ --wds-notification-fill-warning: #ffb700;
1016
1306
  --wds-notification-padding-horizontal: 12px;
1017
1307
  --wds-notification-padding-vertical: 9px;
1308
+ --wds-number-input-icon-fill: #116dff;
1018
1309
  --wds-page-header-padding-horizontal: 48px;
1019
1310
  --wds-page-header-padding-vertical: 24px;
1020
1311
  --wds-page-header-padding-vertical-small: 18px;
@@ -1026,6 +1317,8 @@
1026
1317
  --wds-pagination-padding-vertical: 3px;
1027
1318
  --wds-palette-border: 6px;
1028
1319
  --wds-popover-border: 8px;
1320
+ --wds-popover-menu-paddings-horizontal: 0;
1321
+ --wds-popover-menu-paddings-vertical: 12px;
1029
1322
  --wds-radio-border: #116dff;
1030
1323
  --wds-radio-border-active: #116dff;
1031
1324
  --wds-radio-border-active-disabled: rgba(0, 6, 36, .1);
@@ -1070,6 +1363,7 @@
1070
1363
  --wds-search-border-radius-tiny: 1000px;
1071
1364
  --wds-section-header-padding-vertical: 9px;
1072
1365
  --wds-section-helper-border-preview: #868aa5;
1366
+ --wds-section-helper-close-button-offset: 12px;
1073
1367
  --wds-section-helper-default-action-padding-medium: 12px;
1074
1368
  --wds-section-helper-default-action-padding-small: 9px;
1075
1369
  --wds-section-helper-default-border-radius: 6px;
@@ -1081,11 +1375,24 @@
1081
1375
  --wds-section-helper-fullwidth-vertical-padding-medium: 12px;
1082
1376
  --wds-section-helper-fullwidth-vertical-padding-small: 9px;
1083
1377
  --wds-section-helper-horizontal-margin: 6px;
1378
+ --wds-section-helper-horizontal-padding-medium: 24px;
1379
+ --wds-section-helper-horizontal-padding-small: 12px;
1084
1380
  --wds-section-helper-prefix-offset-margin: 6px;
1381
+ --wds-section-helper-prefix-offset-medium: 18px;
1085
1382
  --wds-section-helper-text-font-line-height: 18px;
1086
1383
  --wds-section-helper-text-font-size: 14px;
1384
+ --wds-section-helper-vertical-margin: 6px;
1385
+ --wds-section-helper-vertical-padding-medium: 18px;
1087
1386
  --wds-segmented-toggle-border-radius-medium: 6px;
1088
1387
  --wds-segmented-toggle-border-radius-small: 6px;
1388
+ --wds-segmented-toggle-default-fill-default: #000624;
1389
+ --wds-segmented-toggle-default-fill-hover: #000624;
1390
+ --wds-segmented-toggle-default-fill-selected: #000624;
1391
+ --wds-segmented-toggle-default-fill-selected-disabled: rgba(0, 6, 36, .3);
1392
+ --wds-segmented-toggle-fill-default: rgba(255, 255, 255, 0);
1393
+ --wds-segmented-toggle-fill-hover: #e7f0ff;
1394
+ --wds-segmented-toggle-fill-selected: rgba(255, 255, 255, 0);
1395
+ --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
1089
1396
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 6px;
1090
1397
  --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
1091
1398
  --wds-segmented-toggle-icononly-padding-vertical-medium: 6px;
@@ -1100,6 +1407,8 @@
1100
1407
  --wds-segmented-toggle-padding-vertical-small: 6px;
1101
1408
  --wds-segmented-toggle-size-medium: 36px;
1102
1409
  --wds-segmented-toggle-size-small: 30px;
1410
+ --wds-segmented-toggle-width-default: 1px;
1411
+ --wds-segmented-toggle-width-selected: 2px;
1103
1412
  --wds-select-area-border-radius: 8px;
1104
1413
  --wds-select-area-fill: #f4f7ff;
1105
1414
  --wds-select-area-fill-active: #d6e6fe;
@@ -1119,6 +1428,11 @@
1119
1428
  --wds-selector-button-size-large: 42px;
1120
1429
  --wds-selector-button-size-medium: 36px;
1121
1430
  --wds-selector-button-size-small: 30px;
1431
+ --wds-selector-list-item-padding-horizontal-medium: 24px;
1432
+ --wds-selector-list-item-padding-horizontal-small: 18px;
1433
+ --wds-selector-list-item-padding-vertical-medium: 12px;
1434
+ --wds-selector-list-item-padding-vertical-small: 6px;
1435
+ --wds-side-panel-back-button-top-padding: 0;
1122
1436
  --wds-side-panel-content-padding-horizontal: 24px;
1123
1437
  --wds-side-panel-content-padding-vertical: 24px;
1124
1438
  --wds-side-panel-control-layout-divider-border-width: 1px;
@@ -1128,6 +1442,11 @@
1128
1442
  --wds-side-panel-floating-header-padding-left: 24px;
1129
1443
  --wds-side-panel-floating-header-padding-right: 9px;
1130
1444
  --wds-side-panel-floating-header-padding-vertical: 12px;
1445
+ --wds-side-panel-floating-max-height: 576px;
1446
+ --wds-side-panel-floating-title-font-line-height: 24px;
1447
+ --wds-side-panel-floating-title-font-size: 16px;
1448
+ --wds-side-panel-footer-border-width: 0;
1449
+ --wds-side-panel-footer-fill: #ffffff;
1131
1450
  --wds-side-panel-footer-padding-horizontal: 24px;
1132
1451
  --wds-side-panel-footer-padding-vertical: 18px;
1133
1452
  --wds-side-panel-footnote-padding-horizontal: 24px;
@@ -1135,6 +1454,10 @@
1135
1454
  --wds-side-panel-header-padding-left: 24px;
1136
1455
  --wds-side-panel-header-padding-right: 9px;
1137
1456
  --wds-side-panel-header-padding-vertical: 18px;
1457
+ --wds-side-panel-title-font-letter-spacing: 0;
1458
+ --wds-side-panel-title-font-line-height: 24px;
1459
+ --wds-side-panel-title-font-size: 18px;
1460
+ --wds-sidebar-clear-button-fill: #5a5d63;
1138
1461
  --wds-sidebar-divider-fill-dark-default: #42454C;
1139
1462
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
1140
1463
  --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
@@ -1198,17 +1521,26 @@
1198
1521
  --wds-skeleton-border-radius-circle: 1000px;
1199
1522
  --wds-skeleton-border-radius-line: 1000px;
1200
1523
  --wds-skeleton-border-radius-rectangle: 6px;
1524
+ --wds-slider-slider-knob-border-width: 4px;
1525
+ --wds-slider-slider-knob-border-width-hover: 12px;
1526
+ --wds-slider-slider-knob-color: #116dff;
1527
+ --wds-slider-slider-knob-color-hover: #116dff;
1528
+ --wds-slider-slider-knob-shadow: false;
1201
1529
  --wds-slider-slider-knob-size: 12px;
1530
+ --wds-slider-slider-knob-size-hover: 18px;
1202
1531
  --wds-slider-slider-knob-size-transparent: 16px;
1203
1532
  --wds-slider-slider-mark-size: 6px;
1204
1533
  --wds-slider-track-border-border-radius: 1000px;
1205
1534
  --wds-slider-track-border-radius-transparent: 1000px;
1535
+ --wds-slider-track-color: #d6e6fe;
1206
1536
  --wds-slider-track-size: 4px;
1207
1537
  --wds-slider-track-size-transparent: 8px;
1208
1538
  --wds-social-post-preview-content-padding-horizontal: 12px;
1209
1539
  --wds-social-post-preview-content-padding-vertical: 12px;
1210
1540
  --wds-social-preview-content-padding-horizontal: 12px;
1211
1541
  --wds-social-preview-content-padding-vertical: 9px;
1542
+ --wds-status-toast-text-font-line-height: 24px;
1543
+ --wds-status-toast-text-font-size: 16px;
1212
1544
  --wds-stepper-prefix-size-circle: 30px;
1213
1545
  --wds-stepper-prefix-size-number: 24px;
1214
1546
  --wds-swatches-list-gap: 12px;
@@ -1218,11 +1550,18 @@
1218
1550
  --wds-swatches-swatch-active-border-radius-small: 5px;
1219
1551
  --wds-swatches-swatch-border-radius-medium: 6px;
1220
1552
  --wds-swatches-swatch-border-radius-small: 2px;
1553
+ --wds-swatches-swatch-size-extra-tiny: 18px;
1221
1554
  --wds-swatches-swatch-size-large: 42px;
1222
1555
  --wds-swatches-swatch-size-medium: 36px;
1223
1556
  --wds-swatches-swatch-size-small: 30px;
1224
1557
  --wds-swatches-swatch-size-tiny: 24px;
1225
1558
  --wds-swatches-swatch-size-x-tiny: 18px;
1559
+ --wds-table-list-item-border-radius: 0;
1560
+ --wds-table-list-item-gap: 24px;
1561
+ --wds-table-list-item-indentation-level-2: 12px;
1562
+ --wds-table-list-item-indentation-level-3: 36px;
1563
+ --wds-table-list-item-paddings: 0;
1564
+ --wds-table-toolbar-padding-horizontal: 24px;
1226
1565
  --wds-tabs-gap-medium: 6px;
1227
1566
  --wds-tabs-gap-small: 6px;
1228
1567
  --wds-tabs-label-font-size-small: 14px;
@@ -1235,6 +1574,8 @@
1235
1574
  --wds-tag-border-radius-medium: 1000px;
1236
1575
  --wds-tag-border-radius-small: 1000px;
1237
1576
  --wds-tag-border-radius-tiny: 1000px;
1577
+ --wds-tag-label-font-line-height-small: 18px;
1578
+ --wds-tag-label-font-size-small: 14px;
1238
1579
  --wds-tag-padding-horizontal-large: 18px;
1239
1580
  --wds-tag-padding-horizontal-medium: 12px;
1240
1581
  --wds-tag-padding-horizontal-small: 12px;
@@ -1249,7 +1590,27 @@
1249
1590
  --wds-tag-size-tiny: 18px;
1250
1591
  --wds-testimonial-list-gap: 30px;
1251
1592
  --wds-thumbnail-border-radius: 6px;
1593
+ --wds-thumbnail-border-width-default: 1;
1594
+ --wds-thumbnail-fill: rgba(255, 255, 255, 0);
1595
+ --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
1252
1596
  --wds-thumbnail-gap: 12px;
1597
+ --wds-thumbnail-illustration-fill-1: #80b1ff;
1598
+ --wds-thumbnail-illustration-fill-2: #116dff;
1599
+ --wds-thumbnail-illustration-fill-3: #e7f0ff;
1600
+ --wds-thumbnail-subtitle-fill: #44485f;
1601
+ --wds-thumbnail-subtitle-font-line-height-tiny: 18px;
1602
+ --wds-thumbnail-subtitle-font-size-tiny: 14px;
1603
+ --wds-thumbnail-title-font-line-height-tiny: 18px;
1604
+ --wds-thumbnail-title-font-size-tiny: 14px;
1605
+ --wds-thumbnail-title-font-weight-tiny: 400;
1606
+ --wds-thumbnail-title-padding-top: 6px;
1607
+ --wds-timeline-title-font-line-height: 18px;
1608
+ --wds-timeline-title-font-size: 14px;
1609
+ --wds-toggle-button-border-radius-square-large: 6px;
1610
+ --wds-toggle-button-border-radius-square-medium: 6px;
1611
+ --wds-toggle-button-border-radius-square-small: 4px;
1612
+ --wds-toggle-button-border-radius-square-tiny: 4px;
1613
+ --wds-toggle-button-label-font-weight: 400;
1253
1614
  --wds-toggle-button-padding-left-large: 9px;
1254
1615
  --wds-toggle-button-padding-left-large-round: 12px;
1255
1616
  --wds-toggle-button-padding-left-medium: 6px;
@@ -1290,6 +1651,7 @@
1290
1651
  --wds-toggle-switch-fill-urgent-active-hover: #f05300;
1291
1652
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
1292
1653
  --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
1654
+ --wds-toggle-switch-icon: true;
1293
1655
  --wds-toggle-switch-knob-size-large: 22px;
1294
1656
  --wds-toggle-switch-knob-size-medium: 18px;
1295
1657
  --wds-toggle-switch-knob-size-small: 14px;
@@ -1300,6 +1662,7 @@
1300
1662
  --wds-toggle-switch-width-medium: 34px;
1301
1663
  --wds-toggle-switch-width-small: 28px;
1302
1664
  --wds-tooltip-background-fill: #000624;
1665
+ --wds-tooltip-border-radius: #ffffff;
1303
1666
  --wds-tooltip-border-radius-medium: 8px;
1304
1667
  --wds-tooltip-border-radius-small: 8px;
1305
1668
  --wds-tooltip-padding-horizontal-medium: 24px;
@@ -1321,6 +1684,7 @@
1321
1684
  --wds-vertical-tabs-icon-padding-horizontal-small: 12px;
1322
1685
  --wds-vertical-tabs-icon-padding-vertical-medium: 12px;
1323
1686
  --wds-vertical-tabs-icon-padding-vertical-small: 12px;
1687
+ --wds-vertical-tabs-item-active-title-text-disabled: rgba(0, 6, 36, .3);
1324
1688
  --wds-vertical-tabs-item-fill-light: #ffffff;
1325
1689
  --wds-vertical-tabs-item-fill-light-active: #d6e6fe;
1326
1690
  --wds-vertical-tabs-item-fill-light-disabled: #ffffff;
@@ -1356,6 +1720,16 @@
1356
1720
  --wds-vertical-tabs-item-padding-vertical-medium: 12px;
1357
1721
  --wds-vertical-tabs-item-padding-vertical-small: 12px;
1358
1722
  --wds-vertical-tabs-item-padding-vertical-tiny: 6px;
1723
+ --wds-vertical-tabs-item-pill-fill-premium-disabled: #f6f7f9;
1724
+ --wds-vertical-tabs-item-pill-fill-standard: #f6f7f9;
1725
+ --wds-vertical-tabs-item-pill-fill-standard-disabled: #f6f7f9;
1726
+ --wds-vertical-tabs-item-round-disabled: #f6f7f9;
1727
+ --wds-vertical-tabs-item-round-fill-hover: #f6f7f9;
1728
+ --wds-vertical-tabs-item-round-fill-premium-active: #f6f7f9;
1729
+ --wds-vertical-tabs-item-round-fill-premium-disabled: #f6f7f9;
1730
+ --wds-vertical-tabs-item-round-fill-premium-hover: #f6f7f9;
1731
+ --wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
1732
+ --wds-vertical-tabs-item-round-padding-top-tiny: 0;
1359
1733
  --wds-vertical-tabs-section-text-font-line-height-small: 18px;
1360
1734
  --wds-vertical-tabs-section-text-font-size-small: 14px;
1361
1735
  --wds-vertical-tabs-section-text-font-weight-small: 400;