@wix/design-system-tokens 1.82.0 → 1.84.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/studio/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);
@@ -47,6 +67,7 @@
47
67
  @property st-global(--wds-button-font-size-medium);
48
68
  @property st-global(--wds-button-font-size-small);
49
69
  @property st-global(--wds-button-font-size-tiny);
70
+ @property st-global(--wds-button-font-weight-tiny);
50
71
  @property st-global(--wds-button-gap-large);
51
72
  @property st-global(--wds-button-gap-medium);
52
73
  @property st-global(--wds-button-gap-small);
@@ -55,6 +76,7 @@
55
76
  @property st-global(--wds-button-icon-offset-medium);
56
77
  @property st-global(--wds-button-icon-offset-small);
57
78
  @property st-global(--wds-button-icon-offset-tiny);
79
+ @property st-global(--wds-button-label-font-size-large);
58
80
  @property st-global(--wds-button-outline-hover);
59
81
  @property st-global(--wds-button-padding-horizontal-large);
60
82
  @property st-global(--wds-button-padding-horizontal-medium);
@@ -74,9 +96,23 @@
74
96
  @property st-global(--wds-button-size-tiny-screen-small);
75
97
  @property st-global(--wds-button-size-x-tiny);
76
98
  @property st-global(--wds-button-text-hover);
99
+ @property st-global(--wds-button-text-standard-primary);
100
+ @property st-global(--wds-button-text-standard-primary-hover);
77
101
  @property st-global(--wds-card-border);
78
102
  @property st-global(--wds-card-content-paddings-horizontal);
79
103
  @property st-global(--wds-card-content-paddings-vertical);
104
+ @property st-global(--wds-card-gallery-item-border-radius-0);
105
+ @property st-global(--wds-card-gallery-item-border-radius-100);
106
+ @property st-global(--wds-card-gallery-item-content-margin-vertical);
107
+ @property st-global(--wds-card-gallery-item-fill);
108
+ @property st-global(--wds-card-gallery-item-overlay-fill);
109
+ @property st-global(--wds-card-gallery-item-padding-left-medium);
110
+ @property st-global(--wds-card-gallery-item-padding-left-small);
111
+ @property st-global(--wds-card-gallery-item-padding-right-medium);
112
+ @property st-global(--wds-card-gallery-item-padding-right-small);
113
+ @property st-global(--wds-card-gallery-item-padding-vertical-medium);
114
+ @property st-global(--wds-card-gallery-item-padding-vertical-small);
115
+ @property st-global(--wds-card-gallery-item-title-font-size-medium);
80
116
  @property st-global(--wds-card-header-paddings-horizontal);
81
117
  @property st-global(--wds-card-header-paddings-vertical);
82
118
  @property st-global(--wds-card-tab-padding-horizontal-medium);
@@ -99,6 +135,8 @@
99
135
  @property st-global(--wds-checkbox-group-gap-vertical);
100
136
  @property st-global(--wds-checkbox-icon);
101
137
  @property st-global(--wds-checkbox-icon-disabled);
138
+ @property st-global(--wds-checkbox-label-font-line-height-small);
139
+ @property st-global(--wds-checkbox-label-font-size-small);
102
140
  @property st-global(--wds-circular-progress-bar-background-fill-error);
103
141
  @property st-global(--wds-circular-progress-bar-background-fill-premium);
104
142
  @property st-global(--wds-circular-progress-bar-background-fill-standard);
@@ -110,6 +148,7 @@
110
148
  @property st-global(--wds-circular-progress-bar-size-large);
111
149
  @property st-global(--wds-circular-progress-bar-size-medium);
112
150
  @property st-global(--wds-circular-progress-bar-size-small);
151
+ @property st-global(--wds-circular-progress-bar-size-tiny);
113
152
  @property st-global(--wds-close-button-standard-fill-active);
114
153
  @property st-global(--wds-close-button-standard-fill-disabled);
115
154
  @property st-global(--wds-close-button-standard-fill-hover);
@@ -154,11 +193,18 @@
154
193
  @property st-global(--wds-custom-modal-content-padding-vertical);
155
194
  @property st-global(--wds-custom-modal-footer-padding-horizon);
156
195
  @property st-global(--wds-custom-modal-footer-padding-vertical);
196
+ @property st-global(--wds-custom-modal-footnote-link-font-weight);
157
197
  @property st-global(--wds-custom-modal-footnote-padding-horizon);
158
198
  @property st-global(--wds-custom-modal-footnote-padding-vertical);
199
+ @property st-global(--wds-custom-modal-footnote-text-font-line-height);
200
+ @property st-global(--wds-custom-modal-footnote-text-font-size);
159
201
  @property st-global(--wds-custom-modal-header-padding-left);
160
202
  @property st-global(--wds-custom-modal-header-padding-right);
161
203
  @property st-global(--wds-custom-modal-header-padding-vertical);
204
+ @property st-global(--wds-custom-modal-header-title-font-line-height);
205
+ @property st-global(--wds-custom-modal-header-title-font-size);
206
+ @property st-global(--wds-divider-fill-color-light-1);
207
+ @property st-global(--wds-divider-fill-color-light-2);
162
208
  @property st-global(--wds-dock-background-fill);
163
209
  @property st-global(--wds-dock-background-fill-active);
164
210
  @property st-global(--wds-dock-background-fill-disabled);
@@ -170,6 +216,7 @@
170
216
  @property st-global(--wds-dropdown-icon-fill);
171
217
  @property st-global(--wds-dropdown-layout-option-size-big);
172
218
  @property st-global(--wds-dropdown-layout-option-size-small);
219
+ @property st-global(--wds-dropdown-list-paddings);
173
220
  @property st-global(--wds-empty-state-border-radius);
174
221
  @property st-global(--wds-empty-state-page-content-paddings);
175
222
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -177,20 +224,27 @@
177
224
  @property st-global(--wds-field-set-gap-large);
178
225
  @property st-global(--wds-field-set-gap-medium);
179
226
  @property st-global(--wds-field-set-gap-small);
227
+ @property st-global(--wds-field-set-label-fill);
180
228
  @property st-global(--wds-field-set-label-font-line-height-small);
181
229
  @property st-global(--wds-field-set-label-font-line-height-tiny);
182
230
  @property st-global(--wds-field-set-label-font-size-small);
183
231
  @property st-global(--wds-field-set-label-font-size-tiny);
232
+ @property st-global(--wds-field-set-label-font-weight);
184
233
  @property st-global(--wds-field-set-label-gap-small);
185
234
  @property st-global(--wds-field-set-label-gap-tiny);
235
+ @property st-global(--wds-floating-helper-main-action-padding-top);
186
236
  @property st-global(--wds-floating-helper-padding-horizontal);
187
237
  @property st-global(--wds-floating-helper-padding-vertical);
238
+ @property st-global(--wds-form-field-label-fill);
188
239
  @property st-global(--wds-form-field-label-font-line-height-small);
189
240
  @property st-global(--wds-form-field-label-font-line-height-tiny);
190
241
  @property st-global(--wds-form-field-label-font-size-small);
191
242
  @property st-global(--wds-form-field-label-font-size-tiny);
243
+ @property st-global(--wds-form-field-label-font-weight);
192
244
  @property st-global(--wds-form-field-label-gap-small);
193
245
  @property st-global(--wds-form-field-label-gap-tiny);
246
+ @property st-global(--wds-form-field-label-line-height-small);
247
+ @property st-global(--wds-form-field-label-line-height-tiny);
194
248
  @property st-global(--wds-gallery-item-border);
195
249
  @property st-global(--wds-gallery-item-padding-left-medium);
196
250
  @property st-global(--wds-gallery-item-padding-left-small);
@@ -210,6 +264,8 @@
210
264
  @property st-global(--wds-input-area-padding-right-small);
211
265
  @property st-global(--wds-input-area-padding-vertical-medium);
212
266
  @property st-global(--wds-input-area-padding-vertical-small);
267
+ @property st-global(--wds-input-background-fill-default);
268
+ @property st-global(--wds-input-background-fill-hover);
213
269
  @property st-global(--wds-input-border-radius-default-large);
214
270
  @property st-global(--wds-input-border-radius-default-medium);
215
271
  @property st-global(--wds-input-border-radius-default-small);
@@ -247,13 +303,35 @@
247
303
  @property st-global(--wds-input-width-medium);
248
304
  @property st-global(--wds-input-width-small);
249
305
  @property st-global(--wds-input-width-tiny);
306
+ @property st-global(--wds-internal-color-picker-padding-horizontal);
307
+ @property st-global(--wds-internal-color-picker-padding-vertical);
308
+ @property st-global(--wds-internal-color-picker-width);
309
+ @property st-global(--wds-internal-image-height-large);
310
+ @property st-global(--wds-internal-image-height-medium);
311
+ @property st-global(--wds-internal-image-height-small);
312
+ @property st-global(--wds-internal-image-width-large);
313
+ @property st-global(--wds-internal-image-width-medium);
314
+ @property st-global(--wds-internal-image-width-small);
315
+ @property st-global(--wds-internal-image-width-tiny);
316
+ @property st-global(--wds-internal-thumbnail-illustration-size-large);
317
+ @property st-global(--wds-internal-thumbnail-illustration-size-medium);
318
+ @property st-global(--wds-internal-thumbnail-illustration-size-small);
319
+ @property st-global(--wds-internal-thumbnail-illustration-size-tiny);
250
320
  @property st-global(--wds-linear-progress-bar-border-radius);
321
+ @property st-global(--wds-list-item-action-border-radius);
322
+ @property st-global(--wds-list-item-action-label-font-line-height-medium);
323
+ @property st-global(--wds-list-item-action-label-font-line-height-small);
324
+ @property st-global(--wds-list-item-action-label-font-size-medium);
325
+ @property st-global(--wds-list-item-action-label-font-size-small);
251
326
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
252
327
  @property st-global(--wds-list-item-action-padding-horizontal-small);
253
328
  @property st-global(--wds-list-item-action-padding-vertical-medium);
254
329
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
255
330
  @property st-global(--wds-list-item-action-padding-vertical-small);
256
331
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
332
+ @property st-global(--wds-list-item-action-prefix-margin);
333
+ @property st-global(--wds-list-item-action-subtitle-font-line-height-medium);
334
+ @property st-global(--wds-list-item-action-subtitle-font-size-medium);
257
335
  @property st-global(--wds-list-item-gap-columns);
258
336
  @property st-global(--wds-list-item-indentation-level-2);
259
337
  @property st-global(--wds-list-item-indentation-level-3);
@@ -294,12 +372,19 @@
294
372
  @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
295
373
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
296
374
  @property st-global(--wds-list-item-select-padding-horizontal-small);
375
+ @property st-global(--wds-list-item-select-padding-left-medium);
376
+ @property st-global(--wds-list-item-select-padding-left-small);
377
+ @property st-global(--wds-list-item-select-padding-right-medium);
378
+ @property st-global(--wds-list-item-select-padding-right-small);
297
379
  @property st-global(--wds-list-item-select-padding-vertical-medium);
298
380
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
299
381
  @property st-global(--wds-list-item-select-padding-vertical-small);
300
382
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
383
+ @property st-global(--wds-list-item-select-prefix-margin);
301
384
  @property st-global(--wds-list-item-select-subtitle);
302
385
  @property st-global(--wds-list-item-select-subtitle-disabled);
386
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
387
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
303
388
  @property st-global(--wds-list-item-select-title);
304
389
  @property st-global(--wds-list-item-select-title-disabled);
305
390
  @property st-global(--wds-loader-fill);
@@ -323,12 +408,25 @@
323
408
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
324
409
  @property st-global(--wds-message-modal-content-padding-horizontal);
325
410
  @property st-global(--wds-message-modal-content-padding-top);
411
+ @property st-global(--wds-message-modal-footer-padding-horizontal);
412
+ @property st-global(--wds-message-modal-footer-padding-vertical);
413
+ @property st-global(--wds-message-modal-text-font-line-height);
414
+ @property st-global(--wds-message-modal-text-font-size);
415
+ @property st-global(--wds-message-modal-title-font-line-height);
416
+ @property st-global(--wds-message-modal-title-font-size);
326
417
  @property st-global(--wds-mobile-modal-content-padding-horizontal);
327
418
  @property st-global(--wds-mobile-modal-content-padding-vertical);
328
419
  @property st-global(--wds-mobile-modal-footer-padding-horizontal);
329
420
  @property st-global(--wds-mobile-modal-footer-padding-vertical);
421
+ @property st-global(--wds-multiselect-icon-fill);
422
+ @property st-global(--wds-notification-fill-error);
423
+ @property st-global(--wds-notification-fill-premium);
424
+ @property st-global(--wds-notification-fill-standard);
425
+ @property st-global(--wds-notification-fill-success);
426
+ @property st-global(--wds-notification-fill-warning);
330
427
  @property st-global(--wds-notification-padding-horizontal);
331
428
  @property st-global(--wds-notification-padding-vertical);
429
+ @property st-global(--wds-number-input-icon-fill);
332
430
  @property st-global(--wds-page-header-padding-horizontal);
333
431
  @property st-global(--wds-page-header-padding-vertical);
334
432
  @property st-global(--wds-page-header-padding-vertical-small);
@@ -340,6 +438,8 @@
340
438
  @property st-global(--wds-pagination-padding-vertical);
341
439
  @property st-global(--wds-palette-border);
342
440
  @property st-global(--wds-popover-border);
441
+ @property st-global(--wds-popover-menu-paddings-horizontal);
442
+ @property st-global(--wds-popover-menu-paddings-vertical);
343
443
  @property st-global(--wds-radio-border);
344
444
  @property st-global(--wds-radio-border-active);
345
445
  @property st-global(--wds-radio-border-active-disabled);
@@ -396,10 +496,19 @@
396
496
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
397
497
  @property st-global(--wds-section-helper-horizontal-margin);
398
498
  @property st-global(--wds-section-helper-prefix-offset-margin);
499
+ @property st-global(--wds-section-helper-prefix-offset-medium);
399
500
  @property st-global(--wds-section-helper-text-font-line-height);
400
501
  @property st-global(--wds-section-helper-text-font-size);
401
502
  @property st-global(--wds-segmented-toggle-border-radius-medium);
402
503
  @property st-global(--wds-segmented-toggle-border-radius-small);
504
+ @property st-global(--wds-segmented-toggle-default-fill-default);
505
+ @property st-global(--wds-segmented-toggle-default-fill-hover);
506
+ @property st-global(--wds-segmented-toggle-default-fill-selected);
507
+ @property st-global(--wds-segmented-toggle-default-fill-selected-disabled);
508
+ @property st-global(--wds-segmented-toggle-fill-default);
509
+ @property st-global(--wds-segmented-toggle-fill-hover);
510
+ @property st-global(--wds-segmented-toggle-fill-selected);
511
+ @property st-global(--wds-segmented-toggle-fill-selected-disabled);
403
512
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
404
513
  @property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
405
514
  @property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
@@ -414,6 +523,8 @@
414
523
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
415
524
  @property st-global(--wds-segmented-toggle-size-medium);
416
525
  @property st-global(--wds-segmented-toggle-size-small);
526
+ @property st-global(--wds-segmented-toggle-width-default);
527
+ @property st-global(--wds-segmented-toggle-width-selected);
417
528
  @property st-global(--wds-select-area-border-radius);
418
529
  @property st-global(--wds-select-area-fill);
419
530
  @property st-global(--wds-select-area-fill-active);
@@ -433,6 +544,11 @@
433
544
  @property st-global(--wds-selector-button-size-large);
434
545
  @property st-global(--wds-selector-button-size-medium);
435
546
  @property st-global(--wds-selector-button-size-small);
547
+ @property st-global(--wds-selector-list-item-padding-horizontal-medium);
548
+ @property st-global(--wds-selector-list-item-padding-horizontal-small);
549
+ @property st-global(--wds-selector-list-item-padding-vertical-medium);
550
+ @property st-global(--wds-selector-list-item-padding-vertical-small);
551
+ @property st-global(--wds-side-panel-back-button-top-padding);
436
552
  @property st-global(--wds-side-panel-content-padding-horizontal);
437
553
  @property st-global(--wds-side-panel-content-padding-vertical);
438
554
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
@@ -442,6 +558,11 @@
442
558
  @property st-global(--wds-side-panel-floating-header-padding-left);
443
559
  @property st-global(--wds-side-panel-floating-header-padding-right);
444
560
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
561
+ @property st-global(--wds-side-panel-floating-max-height);
562
+ @property st-global(--wds-side-panel-floating-title-font-line-height);
563
+ @property st-global(--wds-side-panel-floating-title-font-size);
564
+ @property st-global(--wds-side-panel-footer-border-width);
565
+ @property st-global(--wds-side-panel-footer-fill);
445
566
  @property st-global(--wds-side-panel-footer-padding-horizontal);
446
567
  @property st-global(--wds-side-panel-footer-padding-vertical);
447
568
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
@@ -449,6 +570,10 @@
449
570
  @property st-global(--wds-side-panel-header-padding-left);
450
571
  @property st-global(--wds-side-panel-header-padding-right);
451
572
  @property st-global(--wds-side-panel-header-padding-vertical);
573
+ @property st-global(--wds-side-panel-title-font-letter-spacing);
574
+ @property st-global(--wds-side-panel-title-font-line-height);
575
+ @property st-global(--wds-side-panel-title-font-size);
576
+ @property st-global(--wds-sidebar-clear-button-fill);
452
577
  @property st-global(--wds-sidebar-divider-fill-dark-default);
453
578
  @property st-global(--wds-sidebar-divider-fill-light-default);
454
579
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
@@ -493,6 +618,7 @@
493
618
  @property st-global(--wds-sidebar-item-text-neutral-active);
494
619
  @property st-global(--wds-sidebar-item-text-neutral-default);
495
620
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
621
+ @property st-global(--wds-sidebar-item-title);
496
622
  @property st-global(--wds-sidebar-minimize-action-fill-dark-default);
497
623
  @property st-global(--wds-sidebar-minimize-action-fill-light-default);
498
624
  @property st-global(--wds-sidebar-minimize-action-fill-neutral-default);
@@ -511,11 +637,18 @@
511
637
  @property st-global(--wds-skeleton-border-radius-circle);
512
638
  @property st-global(--wds-skeleton-border-radius-line);
513
639
  @property st-global(--wds-skeleton-border-radius-rectangle);
640
+ @property st-global(--wds-slider-slider-knob-border-width);
641
+ @property st-global(--wds-slider-slider-knob-border-width-hover);
642
+ @property st-global(--wds-slider-slider-knob-color);
643
+ @property st-global(--wds-slider-slider-knob-color-hover);
644
+ @property st-global(--wds-slider-slider-knob-shadow);
514
645
  @property st-global(--wds-slider-slider-knob-size);
646
+ @property st-global(--wds-slider-slider-knob-size-hover);
515
647
  @property st-global(--wds-slider-slider-knob-size-transparent);
516
648
  @property st-global(--wds-slider-slider-mark-size);
517
- @property st-global(--wds-slider-track-border-border-radius-transparent);
518
- @property st-global(--wds-slider-track-border-radius);
649
+ @property st-global(--wds-slider-track-border-border-radius);
650
+ @property st-global(--wds-slider-track-border-radius-transparent);
651
+ @property st-global(--wds-slider-track-color);
519
652
  @property st-global(--wds-slider-track-size);
520
653
  @property st-global(--wds-slider-track-size-transparent);
521
654
  @property st-global(--wds-social-post-preview-content-padding-horizontal);
@@ -531,11 +664,18 @@
531
664
  @property st-global(--wds-swatches-swatch-active-border-radius-small);
532
665
  @property st-global(--wds-swatches-swatch-border-radius-medium);
533
666
  @property st-global(--wds-swatches-swatch-border-radius-small);
667
+ @property st-global(--wds-swatches-swatch-size-extra-tiny);
534
668
  @property st-global(--wds-swatches-swatch-size-large);
535
669
  @property st-global(--wds-swatches-swatch-size-medium);
536
670
  @property st-global(--wds-swatches-swatch-size-small);
537
671
  @property st-global(--wds-swatches-swatch-size-tiny);
538
672
  @property st-global(--wds-swatches-swatch-size-x-tiny);
673
+ @property st-global(--wds-table-list-item-border-radius);
674
+ @property st-global(--wds-table-list-item-gap);
675
+ @property st-global(--wds-table-list-item-indentation-level-2);
676
+ @property st-global(--wds-table-list-item-indentation-level-3);
677
+ @property st-global(--wds-table-list-item-paddings);
678
+ @property st-global(--wds-table-toolbar-padding-horizontal);
539
679
  @property st-global(--wds-tabs-gap-medium);
540
680
  @property st-global(--wds-tabs-gap-small);
541
681
  @property st-global(--wds-tabs-label-font-size-small);
@@ -548,6 +688,8 @@
548
688
  @property st-global(--wds-tag-border-radius-medium);
549
689
  @property st-global(--wds-tag-border-radius-small);
550
690
  @property st-global(--wds-tag-border-radius-tiny);
691
+ @property st-global(--wds-tag-label-font-line-height-small);
692
+ @property st-global(--wds-tag-label-font-size-small);
551
693
  @property st-global(--wds-tag-padding-horizontal-large);
552
694
  @property st-global(--wds-tag-padding-horizontal-medium);
553
695
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -562,7 +704,35 @@
562
704
  @property st-global(--wds-tag-size-tiny);
563
705
  @property st-global(--wds-testimonial-list-gap);
564
706
  @property st-global(--wds-thumbnail-border-radius);
707
+ @property st-global(--wds-thumbnail-border-width-default);
708
+ @property st-global(--wds-thumbnail-fill);
709
+ @property st-global(--wds-thumbnail-fill-hover);
565
710
  @property st-global(--wds-thumbnail-gap);
711
+ @property st-global(--wds-thumbnail-illustration-fill-1);
712
+ @property st-global(--wds-thumbnail-illustration-fill-2);
713
+ @property st-global(--wds-thumbnail-illustration-fill-3);
714
+ @property st-global(--wds-thumbnail-subtitle-fill);
715
+ @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
716
+ @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
717
+ @property st-global(--wds-thumbnail-title-font-line-height-tiny);
718
+ @property st-global(--wds-thumbnail-title-font-size-tiny);
719
+ @property st-global(--wds-thumbnail-title-font-weight-tiny);
720
+ @property st-global(--wds-thumbnail-title-padding-top);
721
+ @property st-global(--wds-timeline-title-font-line-height);
722
+ @property st-global(--wds-timeline-title-font-size);
723
+ @property st-global(--wds-toggle-button-border-radius-square-large);
724
+ @property st-global(--wds-toggle-button-border-radius-square-medium);
725
+ @property st-global(--wds-toggle-button-border-radius-square-small);
726
+ @property st-global(--wds-toggle-button-border-radius-square-tiny);
727
+ @property st-global(--wds-toggle-button-label-font-weight);
728
+ @property st-global(--wds-toggle-button-padding-horizontal-large);
729
+ @property st-global(--wds-toggle-button-padding-horizontal-large-round);
730
+ @property st-global(--wds-toggle-button-padding-horizontal-medium);
731
+ @property st-global(--wds-toggle-button-padding-horizontal-medium-round);
732
+ @property st-global(--wds-toggle-button-padding-horizontal-small);
733
+ @property st-global(--wds-toggle-button-padding-horizontal-small-round);
734
+ @property st-global(--wds-toggle-button-padding-horizontal-tiny);
735
+ @property st-global(--wds-toggle-button-padding-horizontal-tiny-round);
566
736
  @property st-global(--wds-toggle-button-padding-left-large);
567
737
  @property st-global(--wds-toggle-button-padding-left-large-round);
568
738
  @property st-global(--wds-toggle-button-padding-left-medium);
@@ -603,6 +773,7 @@
603
773
  @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
604
774
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
605
775
  @property st-global(--wds-toggle-switch-fill-urgent-hover);
776
+ @property st-global(--wds-toggle-switch-icon);
606
777
  @property st-global(--wds-toggle-switch-knob-size-large);
607
778
  @property st-global(--wds-toggle-switch-knob-size-medium);
608
779
  @property st-global(--wds-toggle-switch-knob-size-small);
@@ -613,6 +784,7 @@
613
784
  @property st-global(--wds-toggle-switch-width-medium);
614
785
  @property st-global(--wds-toggle-switch-width-small);
615
786
  @property st-global(--wds-tooltip-background-fill);
787
+ @property st-global(--wds-tooltip-border-radius);
616
788
  @property st-global(--wds-tooltip-border-radius-medium);
617
789
  @property st-global(--wds-tooltip-border-radius-small);
618
790
  @property st-global(--wds-tooltip-padding-horizontal-medium);
@@ -634,6 +806,7 @@
634
806
  @property st-global(--wds-vertical-tabs-icon-padding-horizontal-small);
635
807
  @property st-global(--wds-vertical-tabs-icon-padding-vertical-medium);
636
808
  @property st-global(--wds-vertical-tabs-icon-padding-vertical-small);
809
+ @property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
637
810
  @property st-global(--wds-vertical-tabs-item-fill-light);
638
811
  @property st-global(--wds-vertical-tabs-item-fill-light-active);
639
812
  @property st-global(--wds-vertical-tabs-item-fill-light-disabled);
@@ -669,6 +842,16 @@
669
842
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
670
843
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
671
844
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
845
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
846
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard);
847
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
848
+ @property st-global(--wds-vertical-tabs-item-round-disabled);
849
+ @property st-global(--wds-vertical-tabs-item-round-fill-hover);
850
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
851
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
852
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
853
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
854
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
672
855
  @property st-global(--wds-vertical-tabs-section-text-font-line-height-small);
673
856
  @property st-global(--wds-vertical-tabs-section-text-font-size-small);
674
857
  @property st-global(--wds-vertical-tabs-section-text-font-weight-small);
@@ -683,6 +866,18 @@
683
866
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
684
867
 
685
868
  .root {
869
+ --wds-accordion-background-fill-light: #ffffff;
870
+ --wds-accordion-background-fill-light-hover: #f7f8f8;
871
+ --wds-accordion-caret-fill: #42454c;
872
+ --wds-accordion-caret-fill-hover: #42454c;
873
+ --wds-accordion-title-fill: #131720;
874
+ --wds-accordion-title-fill-hover: #131720;
875
+ --wds-accordion-title-font-line-height-medium: 20px;
876
+ --wds-accordion-title-font-line-height-small: 16px;
877
+ --wds-accordion-title-font-size-medium: 14px;
878
+ --wds-accordion-title-font-size-small: 12px;
879
+ --wds-accordion-title-font-weight: 700;
880
+ --wds-accordion-title-font-weight-small: 700;
686
881
  --wds-add-item-border-radius: 4px;
687
882
  --wds-add-item-padding-horizontal-large: 28px;
688
883
  --wds-add-item-padding-horizontal-tiny: 12px;
@@ -690,6 +885,12 @@
690
885
  --wds-add-item-padding-vertical-medium: 24px;
691
886
  --wds-add-item-padding-vertical-small: 16px;
692
887
  --wds-add-item-padding-vertical-tiny: 12px;
888
+ --wds-add-item-title-font-line-height-medium: 20px;
889
+ --wds-add-item-title-font-line-height-tiny: 16px;
890
+ --wds-add-item-title-font-size-medium: 14px;
891
+ --wds-add-item-title-font-size-small: 12px;
892
+ --wds-announcement-modal-text-font-line-height: 20px;
893
+ --wds-announcement-modal-text-font-size: 14px;
693
894
  --wds-avatar-group-gap-condensed: -2px;
694
895
  --wds-avatar-group-gap-default: 4px;
695
896
  --wds-badge-border-radius-medium: 2px;
@@ -722,6 +923,8 @@
722
923
  --wds-button-border-radius-medium: 4px;
723
924
  --wds-button-border-radius-small: 4px;
724
925
  --wds-button-border-radius-tiny: 4px;
926
+ --wds-button-fill-gradient-hover-primary: #0f62e6;
927
+ --wds-button-fill-gradient-hover-secondary: #0f62e6;
725
928
  --wds-button-fill-standard-secondary: #ffffff;
726
929
  --wds-button-fill-standard-secondary-hover: #f7f8f8;
727
930
  --wds-button-font-line-height-large: 24px;
@@ -732,6 +935,7 @@
732
935
  --wds-button-font-size-medium: 14px;
733
936
  --wds-button-font-size-small: 12px;
734
937
  --wds-button-font-size-tiny: 12px;
938
+ --wds-button-font-weight-tiny: 700;
735
939
  --wds-button-gap-large: 4px;
736
940
  --wds-button-gap-medium: 4px;
737
941
  --wds-button-gap-small: 4px;
@@ -740,6 +944,7 @@
740
944
  --wds-button-icon-offset-medium: 18px;
741
945
  --wds-button-icon-offset-small: 12px;
742
946
  --wds-button-icon-offset-tiny: 12px;
947
+ --wds-button-label-font-size-large: 16px;
743
948
  --wds-button-outline-hover: #e2e3ea;
744
949
  --wds-button-padding-horizontal-large: 16px;
745
950
  --wds-button-padding-horizontal-medium: 16px;
@@ -759,9 +964,23 @@
759
964
  --wds-button-size-tiny-screen-small: 32px;
760
965
  --wds-button-size-x-tiny: 18px;
761
966
  --wds-button-text-hover: #116dff;
967
+ --wds-button-text-standard-primary: #131720;
968
+ --wds-button-text-standard-primary-hover: #131720;
762
969
  --wds-card-border: 4px;
763
970
  --wds-card-content-paddings-horizontal: 24px;
764
971
  --wds-card-content-paddings-vertical: 24px;
972
+ --wds-card-gallery-item-border-radius-0: 0;
973
+ --wds-card-gallery-item-border-radius-100: 8px;
974
+ --wds-card-gallery-item-content-margin-vertical: 0;
975
+ --wds-card-gallery-item-fill: #ffffff;
976
+ --wds-card-gallery-item-overlay-fill: rgba(43, 46, 54, .5);
977
+ --wds-card-gallery-item-padding-left-medium: 18px;
978
+ --wds-card-gallery-item-padding-left-small: 12px;
979
+ --wds-card-gallery-item-padding-right-medium: 24px;
980
+ --wds-card-gallery-item-padding-right-small: 18px;
981
+ --wds-card-gallery-item-padding-vertical-medium: 18px;
982
+ --wds-card-gallery-item-padding-vertical-small: 12px;
983
+ --wds-card-gallery-item-title-font-size-medium: 16px;
765
984
  --wds-card-header-paddings-horizontal: 24px;
766
985
  --wds-card-header-paddings-vertical: 16px;
767
986
  --wds-card-tab-padding-horizontal-medium: 20px;
@@ -784,6 +1003,8 @@
784
1003
  --wds-checkbox-group-gap-vertical: 12px;
785
1004
  --wds-checkbox-icon: #ffffff;
786
1005
  --wds-checkbox-icon-disabled: rgba(255, 255, 255, .7);
1006
+ --wds-checkbox-label-font-line-height-small: 16px;
1007
+ --wds-checkbox-label-font-size-small: 12px;
787
1008
  --wds-circular-progress-bar-background-fill-error: #e5e5e5;
788
1009
  --wds-circular-progress-bar-background-fill-premium: #e5e5e5;
789
1010
  --wds-circular-progress-bar-background-fill-standard: #e5e5e5;
@@ -795,6 +1016,7 @@
795
1016
  --wds-circular-progress-bar-size-large: 96px;
796
1017
  --wds-circular-progress-bar-size-medium: 52px;
797
1018
  --wds-circular-progress-bar-size-small: 24px;
1019
+ --wds-circular-progress-bar-size-tiny: 18px;
798
1020
  --wds-close-button-standard-fill-active: #42454c;
799
1021
  --wds-close-button-standard-fill-disabled: #e5e5e5;
800
1022
  --wds-close-button-standard-fill-hover: #42454c;
@@ -839,11 +1061,18 @@
839
1061
  --wds-custom-modal-content-padding-vertical: 24px;
840
1062
  --wds-custom-modal-footer-padding-horizon: 24px;
841
1063
  --wds-custom-modal-footer-padding-vertical: 16px;
1064
+ --wds-custom-modal-footnote-link-font-weight: 400;
842
1065
  --wds-custom-modal-footnote-padding-horizon: 24px;
843
1066
  --wds-custom-modal-footnote-padding-vertical: 12px;
1067
+ --wds-custom-modal-footnote-text-font-line-height: 16px;
1068
+ --wds-custom-modal-footnote-text-font-size: 12px;
844
1069
  --wds-custom-modal-header-padding-left: 24px;
845
1070
  --wds-custom-modal-header-padding-right: 8px;
846
1071
  --wds-custom-modal-header-padding-vertical: 16px;
1072
+ --wds-custom-modal-header-title-font-line-height: 20px;
1073
+ --wds-custom-modal-header-title-font-size: 14px;
1074
+ --wds-divider-fill-color-light-1: #e2e3ea;
1075
+ --wds-divider-fill-color-light-2: #e2e3ea;
847
1076
  --wds-dock-background-fill: #ebf2ff;
848
1077
  --wds-dock-background-fill-active: #dce9ff;
849
1078
  --wds-dock-background-fill-disabled: #e5e5e5;
@@ -855,6 +1084,7 @@
855
1084
  --wds-dropdown-icon-fill: #42454c;
856
1085
  --wds-dropdown-layout-option-size-big: 40px;
857
1086
  --wds-dropdown-layout-option-size-small: 32px;
1087
+ --wds-dropdown-list-paddings: 0;
858
1088
  --wds-empty-state-border-radius: 4px;
859
1089
  --wds-empty-state-page-content-paddings: 24px;
860
1090
  --wds-empty-state-section-content-paddings: 24px;
@@ -862,20 +1092,27 @@
862
1092
  --wds-field-set-gap-large: 16px;
863
1093
  --wds-field-set-gap-medium: 12px;
864
1094
  --wds-field-set-gap-small: 6px;
1095
+ --wds-field-set-label-fill: #42454c;
865
1096
  --wds-field-set-label-font-line-height-small: 16px;
866
1097
  --wds-field-set-label-font-line-height-tiny: 16px;
867
1098
  --wds-field-set-label-font-size-small: 12px;
868
1099
  --wds-field-set-label-font-size-tiny: 11px;
1100
+ --wds-field-set-label-font-weight: 400;
869
1101
  --wds-field-set-label-gap-small: 8px;
870
1102
  --wds-field-set-label-gap-tiny: 6px;
1103
+ --wds-floating-helper-main-action-padding-top: 16px;
871
1104
  --wds-floating-helper-padding-horizontal: 32px;
872
1105
  --wds-floating-helper-padding-vertical: 28px;
1106
+ --wds-form-field-label-fill: #42454c;
873
1107
  --wds-form-field-label-font-line-height-small: 16px;
874
1108
  --wds-form-field-label-font-line-height-tiny: 16px;
875
1109
  --wds-form-field-label-font-size-small: 12px;
876
1110
  --wds-form-field-label-font-size-tiny: 11px;
1111
+ --wds-form-field-label-font-weight: 400;
877
1112
  --wds-form-field-label-gap-small: 8px;
878
1113
  --wds-form-field-label-gap-tiny: 6px;
1114
+ --wds-form-field-label-line-height-small: 16px;
1115
+ --wds-form-field-label-line-height-tiny: 16px;
879
1116
  --wds-gallery-item-border: 4px;
880
1117
  --wds-gallery-item-padding-left-medium: 18px;
881
1118
  --wds-gallery-item-padding-left-small: 12px;
@@ -895,6 +1132,8 @@
895
1132
  --wds-input-area-padding-right-small: 6px;
896
1133
  --wds-input-area-padding-vertical-medium: 6px;
897
1134
  --wds-input-area-padding-vertical-small: 6px;
1135
+ --wds-input-background-fill-default: #ffffff;
1136
+ --wds-input-background-fill-hover: #f7f8f8;
898
1137
  --wds-input-border-radius-default-large: 4px;
899
1138
  --wds-input-border-radius-default-medium: 4px;
900
1139
  --wds-input-border-radius-default-small: 4px;
@@ -932,13 +1171,35 @@
932
1171
  --wds-input-width-medium: 72px;
933
1172
  --wds-input-width-small: 56px;
934
1173
  --wds-input-width-tiny: 48px;
1174
+ --wds-internal-color-picker-padding-horizontal: 16px;
1175
+ --wds-internal-color-picker-padding-vertical: 12px;
1176
+ --wds-internal-color-picker-width: 236px;
1177
+ --wds-internal-image-height-large: 120px;
1178
+ --wds-internal-image-height-medium: 84px;
1179
+ --wds-internal-image-height-small: 60px;
1180
+ --wds-internal-image-width-large: 240px;
1181
+ --wds-internal-image-width-medium: 156px;
1182
+ --wds-internal-image-width-small: 122px;
1183
+ --wds-internal-image-width-tiny: 106px;
1184
+ --wds-internal-thumbnail-illustration-size-large: 114px;
1185
+ --wds-internal-thumbnail-illustration-size-medium: 72px;
1186
+ --wds-internal-thumbnail-illustration-size-small: 51px;
1187
+ --wds-internal-thumbnail-illustration-size-tiny: 38px;
935
1188
  --wds-linear-progress-bar-border-radius: 0;
1189
+ --wds-list-item-action-border-radius: 0;
1190
+ --wds-list-item-action-label-font-line-height-medium: 20px;
1191
+ --wds-list-item-action-label-font-line-height-small: 16px;
1192
+ --wds-list-item-action-label-font-size-medium: 14px;
1193
+ --wds-list-item-action-label-font-size-small: 12px;
936
1194
  --wds-list-item-action-padding-horizontal-medium: 12px;
937
1195
  --wds-list-item-action-padding-horizontal-small: 12px;
938
1196
  --wds-list-item-action-padding-vertical-medium: 4px;
939
1197
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
940
1198
  --wds-list-item-action-padding-vertical-small: 4px;
941
1199
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1200
+ --wds-list-item-action-prefix-margin: 4px;
1201
+ --wds-list-item-action-subtitle-font-line-height-medium: 16px;
1202
+ --wds-list-item-action-subtitle-font-size-medium: 12px;
942
1203
  --wds-list-item-gap-columns: 24px;
943
1204
  --wds-list-item-indentation-level-2: 12px;
944
1205
  --wds-list-item-indentation-level-3: 28px;
@@ -979,12 +1240,19 @@
979
1240
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
980
1241
  --wds-list-item-select-padding-horizontal-medium: 8px;
981
1242
  --wds-list-item-select-padding-horizontal-small: 8px;
1243
+ --wds-list-item-select-padding-left-medium: 12px;
1244
+ --wds-list-item-select-padding-left-small: 12px;
1245
+ --wds-list-item-select-padding-right-medium: 16px;
1246
+ --wds-list-item-select-padding-right-small: 16px;
982
1247
  --wds-list-item-select-padding-vertical-medium: 4px;
983
1248
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
984
1249
  --wds-list-item-select-padding-vertical-small: 4px;
985
1250
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
1251
+ --wds-list-item-select-prefix-margin: 6px;
986
1252
  --wds-list-item-select-subtitle: #868aa5;
987
1253
  --wds-list-item-select-subtitle-disabled: #bebebe;
1254
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
1255
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
988
1256
  --wds-list-item-select-title: #131720;
989
1257
  --wds-list-item-select-title-disabled: #bebebe;
990
1258
  --wds-loader-fill: #dce9ff;
@@ -1008,12 +1276,25 @@
1008
1276
  --wds-marketing-page-paddings-vertical-medium: 20px;
1009
1277
  --wds-message-modal-content-padding-horizontal: 24px;
1010
1278
  --wds-message-modal-content-padding-top: 20px;
1279
+ --wds-message-modal-footer-padding-horizontal: 24px;
1280
+ --wds-message-modal-footer-padding-vertical: 24px;
1281
+ --wds-message-modal-text-font-line-height: 20px;
1282
+ --wds-message-modal-text-font-size: 14px;
1283
+ --wds-message-modal-title-font-line-height: 24px;
1284
+ --wds-message-modal-title-font-size: 18px;
1011
1285
  --wds-mobile-modal-content-padding-horizontal: 24px;
1012
1286
  --wds-mobile-modal-content-padding-vertical: 24px;
1013
1287
  --wds-mobile-modal-footer-padding-horizontal: 24px;
1014
1288
  --wds-mobile-modal-footer-padding-vertical: 24px;
1289
+ --wds-multiselect-icon-fill: #42454c;
1290
+ --wds-notification-fill-error: #f1695f;
1291
+ --wds-notification-fill-premium: #c161f0;
1292
+ --wds-notification-fill-standard: #418aff;
1293
+ --wds-notification-fill-success: #51b77b;
1294
+ --wds-notification-fill-warning: #f9ad4d;
1015
1295
  --wds-notification-padding-horizontal: 8px;
1016
1296
  --wds-notification-padding-vertical: 8px;
1297
+ --wds-number-input-icon-fill: #42454c;
1017
1298
  --wds-page-header-padding-horizontal: 48px;
1018
1299
  --wds-page-header-padding-vertical: 24px;
1019
1300
  --wds-page-header-padding-vertical-small: 18px;
@@ -1025,6 +1306,8 @@
1025
1306
  --wds-pagination-padding-vertical: 2px;
1026
1307
  --wds-palette-border: 4px;
1027
1308
  --wds-popover-border: 4px;
1309
+ --wds-popover-menu-paddings-horizontal: 0;
1310
+ --wds-popover-menu-paddings-vertical: 8px;
1028
1311
  --wds-radio-border: #868aa5;
1029
1312
  --wds-radio-border-active: #116dff;
1030
1313
  --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
@@ -1081,10 +1364,19 @@
1081
1364
  --wds-section-helper-fullwidth-vertical-padding-small: 6px;
1082
1365
  --wds-section-helper-horizontal-margin: 4px;
1083
1366
  --wds-section-helper-prefix-offset-margin: 4px;
1367
+ --wds-section-helper-prefix-offset-medium: 16px;
1084
1368
  --wds-section-helper-text-font-line-height: 16px;
1085
1369
  --wds-section-helper-text-font-size: 12px;
1086
1370
  --wds-segmented-toggle-border-radius-medium: 4px;
1087
1371
  --wds-segmented-toggle-border-radius-small: 4px;
1372
+ --wds-segmented-toggle-default-fill-default: #131720;
1373
+ --wds-segmented-toggle-default-fill-hover: #131720;
1374
+ --wds-segmented-toggle-default-fill-selected: #131720;
1375
+ --wds-segmented-toggle-default-fill-selected-disabled: #bebebe;
1376
+ --wds-segmented-toggle-fill-default: rgba(255, 255, 255, 0);
1377
+ --wds-segmented-toggle-fill-hover: #f7f8f8;
1378
+ --wds-segmented-toggle-fill-selected: rgba(255, 255, 255, 0);
1379
+ --wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
1088
1380
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 4px;
1089
1381
  --wds-segmented-toggle-icononly-padding-horizontal-small: 4px;
1090
1382
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
@@ -1099,6 +1391,8 @@
1099
1391
  --wds-segmented-toggle-padding-vertical-small: 4px;
1100
1392
  --wds-segmented-toggle-size-medium: 32px;
1101
1393
  --wds-segmented-toggle-size-small: 28px;
1394
+ --wds-segmented-toggle-width-default: 0;
1395
+ --wds-segmented-toggle-width-selected: 0;
1102
1396
  --wds-select-area-border-radius: 4px;
1103
1397
  --wds-select-area-fill: #f7f8f8;
1104
1398
  --wds-select-area-fill-active: #dce9ff;
@@ -1118,6 +1412,11 @@
1118
1412
  --wds-selector-button-size-large: 36px;
1119
1413
  --wds-selector-button-size-medium: 32px;
1120
1414
  --wds-selector-button-size-small: 28px;
1415
+ --wds-selector-list-item-padding-horizontal-medium: 24px;
1416
+ --wds-selector-list-item-padding-horizontal-small: 16px;
1417
+ --wds-selector-list-item-padding-vertical-medium: 8px;
1418
+ --wds-selector-list-item-padding-vertical-small: 4px;
1419
+ --wds-side-panel-back-button-top-padding: 2px;
1121
1420
  --wds-side-panel-content-padding-horizontal: 24px;
1122
1421
  --wds-side-panel-content-padding-vertical: 24px;
1123
1422
  --wds-side-panel-control-layout-divider-border-width: 0;
@@ -1127,6 +1426,11 @@
1127
1426
  --wds-side-panel-floating-header-padding-left: 24px;
1128
1427
  --wds-side-panel-floating-header-padding-right: 8px;
1129
1428
  --wds-side-panel-floating-header-padding-vertical: 12px;
1429
+ --wds-side-panel-floating-max-height: 576px;
1430
+ --wds-side-panel-floating-title-font-line-height: 24px;
1431
+ --wds-side-panel-floating-title-font-size: 16px;
1432
+ --wds-side-panel-footer-border-width: 0;
1433
+ --wds-side-panel-footer-fill: #ffffff;
1130
1434
  --wds-side-panel-footer-padding-horizontal: 24px;
1131
1435
  --wds-side-panel-footer-padding-vertical: 16px;
1132
1436
  --wds-side-panel-footnote-padding-horizontal: 24px;
@@ -1134,6 +1438,10 @@
1134
1438
  --wds-side-panel-header-padding-left: 24px;
1135
1439
  --wds-side-panel-header-padding-right: 8px;
1136
1440
  --wds-side-panel-header-padding-vertical: 16px;
1441
+ --wds-side-panel-title-font-letter-spacing: 0;
1442
+ --wds-side-panel-title-font-line-height: 24px;
1443
+ --wds-side-panel-title-font-size: 18px;
1444
+ --wds-sidebar-clear-button-fill: #5a5d63;
1137
1445
  --wds-sidebar-divider-fill-dark-default: #42454C;
1138
1446
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
1139
1447
  --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
@@ -1178,6 +1486,7 @@
1178
1486
  --wds-sidebar-item-text-neutral-active: #084ebd;
1179
1487
  --wds-sidebar-item-text-neutral-default: #42454c;
1180
1488
  --wds-sidebar-item-text-neutral-disabled: #bebebe;
1489
+ --wds-sidebar-item-title: #acafc4;
1181
1490
  --wds-sidebar-minimize-action-fill-dark-default: #42454C;
1182
1491
  --wds-sidebar-minimize-action-fill-light-default: #dce9ff;
1183
1492
  --wds-sidebar-minimize-action-fill-neutral-default: #dce9ff;
@@ -1196,11 +1505,18 @@
1196
1505
  --wds-skeleton-border-radius-circle: 1000px;
1197
1506
  --wds-skeleton-border-radius-line: 4px;
1198
1507
  --wds-skeleton-border-radius-rectangle: 4px;
1508
+ --wds-slider-slider-knob-border-width: 4px;
1509
+ --wds-slider-slider-knob-border-width-hover: 12px;
1510
+ --wds-slider-slider-knob-color: #116dff;
1511
+ --wds-slider-slider-knob-color-hover: #0f62e6;
1512
+ --wds-slider-slider-knob-shadow: false;
1199
1513
  --wds-slider-slider-knob-size: 12px;
1514
+ --wds-slider-slider-knob-size-hover: 18px;
1200
1515
  --wds-slider-slider-knob-size-transparent: 16px;
1201
1516
  --wds-slider-slider-mark-size: 8px;
1202
- --wds-slider-track-border-border-radius-transparent: 1000px;
1203
- --wds-slider-track-border-radius: 1000px;
1517
+ --wds-slider-track-border-border-radius: 1000px;
1518
+ --wds-slider-track-border-radius-transparent: 1000px;
1519
+ --wds-slider-track-color: #dce9ff;
1204
1520
  --wds-slider-track-size: 2px;
1205
1521
  --wds-slider-track-size-transparent: 2px;
1206
1522
  --wds-social-post-preview-content-padding-horizontal: 12px;
@@ -1216,11 +1532,18 @@
1216
1532
  --wds-swatches-swatch-active-border-radius-small: 5px;
1217
1533
  --wds-swatches-swatch-border-radius-medium: 4px;
1218
1534
  --wds-swatches-swatch-border-radius-small: 2px;
1535
+ --wds-swatches-swatch-size-extra-tiny: 18px;
1219
1536
  --wds-swatches-swatch-size-large: 36px;
1220
1537
  --wds-swatches-swatch-size-medium: 32px;
1221
1538
  --wds-swatches-swatch-size-small: 28px;
1222
1539
  --wds-swatches-swatch-size-tiny: 24px;
1223
1540
  --wds-swatches-swatch-size-x-tiny: 18px;
1541
+ --wds-table-list-item-border-radius: 0;
1542
+ --wds-table-list-item-gap: 24px;
1543
+ --wds-table-list-item-indentation-level-2: 12px;
1544
+ --wds-table-list-item-indentation-level-3: 28px;
1545
+ --wds-table-list-item-paddings: 0;
1546
+ --wds-table-toolbar-padding-horizontal: 24px;
1224
1547
  --wds-tabs-gap-medium: 8px;
1225
1548
  --wds-tabs-gap-small: 6px;
1226
1549
  --wds-tabs-label-font-size-small: 12px;
@@ -1233,6 +1556,8 @@
1233
1556
  --wds-tag-border-radius-medium: 4px;
1234
1557
  --wds-tag-border-radius-small: 4px;
1235
1558
  --wds-tag-border-radius-tiny: 4px;
1559
+ --wds-tag-label-font-line-height-small: 12px;
1560
+ --wds-tag-label-font-size-small: 12px;
1236
1561
  --wds-tag-padding-horizontal-large: 16px;
1237
1562
  --wds-tag-padding-horizontal-medium: 12px;
1238
1563
  --wds-tag-padding-horizontal-small: 12px;
@@ -1247,7 +1572,35 @@
1247
1572
  --wds-tag-size-tiny: 20px;
1248
1573
  --wds-testimonial-list-gap: 24px;
1249
1574
  --wds-thumbnail-border-radius: 4px;
1575
+ --wds-thumbnail-border-width-default: 0;
1576
+ --wds-thumbnail-fill: rgba(255, 255, 255, 0);
1577
+ --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
1250
1578
  --wds-thumbnail-gap: 12px;
1579
+ --wds-thumbnail-illustration-fill-1: #868aa5;
1580
+ --wds-thumbnail-illustration-fill-2: #131720;
1581
+ --wds-thumbnail-illustration-fill-3: #f7f8f8;
1582
+ --wds-thumbnail-subtitle-fill: #42454c;
1583
+ --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
1584
+ --wds-thumbnail-subtitle-font-size-tiny: 12px;
1585
+ --wds-thumbnail-title-font-line-height-tiny: 16px;
1586
+ --wds-thumbnail-title-font-size-tiny: 12px;
1587
+ --wds-thumbnail-title-font-weight-tiny: 400;
1588
+ --wds-thumbnail-title-padding-top: 4px;
1589
+ --wds-timeline-title-font-line-height: 16px;
1590
+ --wds-timeline-title-font-size: 12px;
1591
+ --wds-toggle-button-border-radius-square-large: 6px;
1592
+ --wds-toggle-button-border-radius-square-medium: 6px;
1593
+ --wds-toggle-button-border-radius-square-small: 4px;
1594
+ --wds-toggle-button-border-radius-square-tiny: 4px;
1595
+ --wds-toggle-button-label-font-weight: 400;
1596
+ --wds-toggle-button-padding-horizontal-large: 16px;
1597
+ --wds-toggle-button-padding-horizontal-large-round: 16px;
1598
+ --wds-toggle-button-padding-horizontal-medium: 12px;
1599
+ --wds-toggle-button-padding-horizontal-medium-round: 16px;
1600
+ --wds-toggle-button-padding-horizontal-small: 12px;
1601
+ --wds-toggle-button-padding-horizontal-small-round: 16px;
1602
+ --wds-toggle-button-padding-horizontal-tiny: 6px;
1603
+ --wds-toggle-button-padding-horizontal-tiny-round: 12px;
1251
1604
  --wds-toggle-button-padding-left-large: 8px;
1252
1605
  --wds-toggle-button-padding-left-large-round: 12px;
1253
1606
  --wds-toggle-button-padding-left-medium: 6px;
@@ -1288,6 +1641,7 @@
1288
1641
  --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
1289
1642
  --wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
1290
1643
  --wds-toggle-switch-fill-urgent-hover: #42454c;
1644
+ --wds-toggle-switch-icon: false;
1291
1645
  --wds-toggle-switch-knob-size-large: 20px;
1292
1646
  --wds-toggle-switch-knob-size-medium: 16px;
1293
1647
  --wds-toggle-switch-knob-size-small: 12px;
@@ -1298,6 +1652,7 @@
1298
1652
  --wds-toggle-switch-width-medium: 28px;
1299
1653
  --wds-toggle-switch-width-small: 24px;
1300
1654
  --wds-tooltip-background-fill: #ffffff;
1655
+ --wds-tooltip-border-radius: #ffffff;
1301
1656
  --wds-tooltip-border-radius-medium: 8px;
1302
1657
  --wds-tooltip-border-radius-small: 8px;
1303
1658
  --wds-tooltip-padding-horizontal-medium: 16px;
@@ -1319,6 +1674,7 @@
1319
1674
  --wds-vertical-tabs-icon-padding-horizontal-small: 8px;
1320
1675
  --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
1321
1676
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
1677
+ --wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
1322
1678
  --wds-vertical-tabs-item-fill-light: #ffffff;
1323
1679
  --wds-vertical-tabs-item-fill-light-active: #dce9ff;
1324
1680
  --wds-vertical-tabs-item-fill-light-disabled: #ffffff;
@@ -1354,6 +1710,16 @@
1354
1710
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
1355
1711
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
1356
1712
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
1713
+ --wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
1714
+ --wds-vertical-tabs-item-pill-fill-standard: #ffffff;
1715
+ --wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
1716
+ --wds-vertical-tabs-item-round-disabled: #ffffff;
1717
+ --wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
1718
+ --wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
1719
+ --wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
1720
+ --wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
1721
+ --wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
1722
+ --wds-vertical-tabs-item-round-padding-top-tiny: 4px;
1357
1723
  --wds-vertical-tabs-section-text-font-line-height-small: 16px;
1358
1724
  --wds-vertical-tabs-section-text-font-size-small: 12px;
1359
1725
  --wds-vertical-tabs-section-text-font-weight-small: 700;