@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.
- package/CHANGELOG.md +6 -0
- package/README.md +11 -2
- package/all.css +287 -1
- package/all.st.css +572 -0
- package/component.st.css +374 -0
- package/foundation.st.css +40 -0
- package/package.json +2 -2
- package/semantic.st.css +158 -0
- package/studio/all.css +285 -3
- package/studio/all.st.css +568 -4
- package/studio/component.st.css +370 -4
- package/studio/foundation.st.css +40 -0
- package/studio/semantic.st.css +158 -0
- package/wixel/all.css +1489 -0
- package/wixel/all.st.css +2977 -0
- package/wixel/component.st.css +1757 -0
- package/wixel/foundation.st.css +383 -0
- package/wixel/semantic.st.css +843 -0
package/studio/all.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,8 +17,15 @@
|
|
|
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);
|
|
28
|
+
@property st-global(--wds-background-blur-100);
|
|
10
29
|
@property st-global(--wds-badge-border-radius-medium);
|
|
11
30
|
@property st-global(--wds-badge-border-radius-small);
|
|
12
31
|
@property st-global(--wds-badge-border-radius-tiny);
|
|
@@ -29,7 +48,10 @@
|
|
|
29
48
|
@property st-global(--wds-border-radius-full);
|
|
30
49
|
@property st-global(--wds-border-radius-surface-default);
|
|
31
50
|
@property st-global(--wds-border-radius-surface-modal);
|
|
51
|
+
@property st-global(--wds-border-radius-surface-modal-backdrop);
|
|
32
52
|
@property st-global(--wds-border-radius-surface-overlay);
|
|
53
|
+
@property st-global(--wds-border-radius-surface-raised);
|
|
54
|
+
@property st-global(--wds-border-radius-surface-sunken);
|
|
33
55
|
@property st-global(--wds-border-width-100);
|
|
34
56
|
@property st-global(--wds-border-width-200);
|
|
35
57
|
@property st-global(--wds-border-width-none);
|
|
@@ -55,6 +77,8 @@
|
|
|
55
77
|
@property st-global(--wds-button-border-radius-medium);
|
|
56
78
|
@property st-global(--wds-button-border-radius-small);
|
|
57
79
|
@property st-global(--wds-button-border-radius-tiny);
|
|
80
|
+
@property st-global(--wds-button-fill-gradient-hover-primary);
|
|
81
|
+
@property st-global(--wds-button-fill-gradient-hover-secondary);
|
|
58
82
|
@property st-global(--wds-button-fill-standard-secondary);
|
|
59
83
|
@property st-global(--wds-button-fill-standard-secondary-hover);
|
|
60
84
|
@property st-global(--wds-button-font-line-height-large);
|
|
@@ -65,6 +89,7 @@
|
|
|
65
89
|
@property st-global(--wds-button-font-size-medium);
|
|
66
90
|
@property st-global(--wds-button-font-size-small);
|
|
67
91
|
@property st-global(--wds-button-font-size-tiny);
|
|
92
|
+
@property st-global(--wds-button-font-weight-tiny);
|
|
68
93
|
@property st-global(--wds-button-gap-large);
|
|
69
94
|
@property st-global(--wds-button-gap-medium);
|
|
70
95
|
@property st-global(--wds-button-gap-small);
|
|
@@ -73,6 +98,7 @@
|
|
|
73
98
|
@property st-global(--wds-button-icon-offset-medium);
|
|
74
99
|
@property st-global(--wds-button-icon-offset-small);
|
|
75
100
|
@property st-global(--wds-button-icon-offset-tiny);
|
|
101
|
+
@property st-global(--wds-button-label-font-size-large);
|
|
76
102
|
@property st-global(--wds-button-outline-hover);
|
|
77
103
|
@property st-global(--wds-button-padding-horizontal-large);
|
|
78
104
|
@property st-global(--wds-button-padding-horizontal-medium);
|
|
@@ -92,9 +118,23 @@
|
|
|
92
118
|
@property st-global(--wds-button-size-tiny-screen-small);
|
|
93
119
|
@property st-global(--wds-button-size-x-tiny);
|
|
94
120
|
@property st-global(--wds-button-text-hover);
|
|
121
|
+
@property st-global(--wds-button-text-standard-primary);
|
|
122
|
+
@property st-global(--wds-button-text-standard-primary-hover);
|
|
95
123
|
@property st-global(--wds-card-border);
|
|
96
124
|
@property st-global(--wds-card-content-paddings-horizontal);
|
|
97
125
|
@property st-global(--wds-card-content-paddings-vertical);
|
|
126
|
+
@property st-global(--wds-card-gallery-item-border-radius-0);
|
|
127
|
+
@property st-global(--wds-card-gallery-item-border-radius-100);
|
|
128
|
+
@property st-global(--wds-card-gallery-item-content-margin-vertical);
|
|
129
|
+
@property st-global(--wds-card-gallery-item-fill);
|
|
130
|
+
@property st-global(--wds-card-gallery-item-overlay-fill);
|
|
131
|
+
@property st-global(--wds-card-gallery-item-padding-left-medium);
|
|
132
|
+
@property st-global(--wds-card-gallery-item-padding-left-small);
|
|
133
|
+
@property st-global(--wds-card-gallery-item-padding-right-medium);
|
|
134
|
+
@property st-global(--wds-card-gallery-item-padding-right-small);
|
|
135
|
+
@property st-global(--wds-card-gallery-item-padding-vertical-medium);
|
|
136
|
+
@property st-global(--wds-card-gallery-item-padding-vertical-small);
|
|
137
|
+
@property st-global(--wds-card-gallery-item-title-font-size-medium);
|
|
98
138
|
@property st-global(--wds-card-header-paddings-horizontal);
|
|
99
139
|
@property st-global(--wds-card-header-paddings-vertical);
|
|
100
140
|
@property st-global(--wds-card-tab-padding-horizontal-medium);
|
|
@@ -117,6 +157,8 @@
|
|
|
117
157
|
@property st-global(--wds-checkbox-group-gap-vertical);
|
|
118
158
|
@property st-global(--wds-checkbox-icon);
|
|
119
159
|
@property st-global(--wds-checkbox-icon-disabled);
|
|
160
|
+
@property st-global(--wds-checkbox-label-font-line-height-small);
|
|
161
|
+
@property st-global(--wds-checkbox-label-font-size-small);
|
|
120
162
|
@property st-global(--wds-circular-progress-bar-background-fill-error);
|
|
121
163
|
@property st-global(--wds-circular-progress-bar-background-fill-premium);
|
|
122
164
|
@property st-global(--wds-circular-progress-bar-background-fill-standard);
|
|
@@ -128,6 +170,7 @@
|
|
|
128
170
|
@property st-global(--wds-circular-progress-bar-size-large);
|
|
129
171
|
@property st-global(--wds-circular-progress-bar-size-medium);
|
|
130
172
|
@property st-global(--wds-circular-progress-bar-size-small);
|
|
173
|
+
@property st-global(--wds-circular-progress-bar-size-tiny);
|
|
131
174
|
@property st-global(--wds-close-button-standard-fill-active);
|
|
132
175
|
@property st-global(--wds-close-button-standard-fill-disabled);
|
|
133
176
|
@property st-global(--wds-close-button-standard-fill-hover);
|
|
@@ -153,6 +196,10 @@
|
|
|
153
196
|
@property st-global(--wds-color-black-200-transparent-60);
|
|
154
197
|
@property st-global(--wds-color-black-200-transparent-70);
|
|
155
198
|
@property st-global(--wds-color-black-300);
|
|
199
|
+
@property st-global(--wds-color-black-300-transparent-0);
|
|
200
|
+
@property st-global(--wds-color-black-300-transparent-50);
|
|
201
|
+
@property st-global(--wds-color-black-300-transparent-60);
|
|
202
|
+
@property st-global(--wds-color-black-300-transparent-70);
|
|
156
203
|
@property st-global(--wds-color-black-400);
|
|
157
204
|
@property st-global(--wds-color-black-500);
|
|
158
205
|
@property st-global(--wds-color-black-550);
|
|
@@ -169,6 +216,9 @@
|
|
|
169
216
|
@property st-global(--wds-color-blue-400);
|
|
170
217
|
@property st-global(--wds-color-blue-500);
|
|
171
218
|
@property st-global(--wds-color-blue-600);
|
|
219
|
+
@property st-global(--wds-color-border-ai-active);
|
|
220
|
+
@property st-global(--wds-color-border-ai-disabled);
|
|
221
|
+
@property st-global(--wds-color-border-ai-hover);
|
|
172
222
|
@property st-global(--wds-color-border-ai-primary);
|
|
173
223
|
@property st-global(--wds-color-border-dark-primary);
|
|
174
224
|
@property st-global(--wds-color-border-dark-primary-active);
|
|
@@ -271,10 +321,13 @@
|
|
|
271
321
|
@property st-global(--wds-color-fill-accent-10);
|
|
272
322
|
@property st-global(--wds-color-fill-accent-11);
|
|
273
323
|
@property st-global(--wds-color-fill-accent-12);
|
|
324
|
+
@property st-global(--wds-color-fill-ai);
|
|
325
|
+
@property st-global(--wds-color-fill-ai-hover);
|
|
274
326
|
@property st-global(--wds-color-fill-ai-primary);
|
|
275
327
|
@property st-global(--wds-color-fill-ai-primary-active);
|
|
276
328
|
@property st-global(--wds-color-fill-ai-primary-disabled);
|
|
277
329
|
@property st-global(--wds-color-fill-ai-primary-hover);
|
|
330
|
+
@property st-global(--wds-color-fill-ai-primary-pressed);
|
|
278
331
|
@property st-global(--wds-color-fill-ai-secondary);
|
|
279
332
|
@property st-global(--wds-color-fill-ai-secondary-active);
|
|
280
333
|
@property st-global(--wds-color-fill-ai-secondary-disabled);
|
|
@@ -363,6 +416,46 @@
|
|
|
363
416
|
@property st-global(--wds-color-fill-social-youtube-active);
|
|
364
417
|
@property st-global(--wds-color-fill-social-youtube-disabled);
|
|
365
418
|
@property st-global(--wds-color-fill-social-youtube-hover);
|
|
419
|
+
@property st-global(--wds-color-fill-stage-anchor);
|
|
420
|
+
@property st-global(--wds-color-fill-stage-anchor-active);
|
|
421
|
+
@property st-global(--wds-color-fill-stage-anchor-disabled);
|
|
422
|
+
@property st-global(--wds-color-fill-stage-anchor-hover);
|
|
423
|
+
@property st-global(--wds-color-fill-stage-cms);
|
|
424
|
+
@property st-global(--wds-color-fill-stage-cms-active);
|
|
425
|
+
@property st-global(--wds-color-fill-stage-cms-disabled);
|
|
426
|
+
@property st-global(--wds-color-fill-stage-cms-hover);
|
|
427
|
+
@property st-global(--wds-color-fill-stage-element-primary);
|
|
428
|
+
@property st-global(--wds-color-fill-stage-element-primary-active);
|
|
429
|
+
@property st-global(--wds-color-fill-stage-element-primary-disabled);
|
|
430
|
+
@property st-global(--wds-color-fill-stage-element-primary-hover);
|
|
431
|
+
@property st-global(--wds-color-fill-stage-element-secondary);
|
|
432
|
+
@property st-global(--wds-color-fill-stage-element-secondary-active);
|
|
433
|
+
@property st-global(--wds-color-fill-stage-element-secondary-disabled);
|
|
434
|
+
@property st-global(--wds-color-fill-stage-element-secondary-hover);
|
|
435
|
+
@property st-global(--wds-color-fill-stage-interactions);
|
|
436
|
+
@property st-global(--wds-color-fill-stage-interactions-active);
|
|
437
|
+
@property st-global(--wds-color-fill-stage-interactions-disabled);
|
|
438
|
+
@property st-global(--wds-color-fill-stage-interactions-hover);
|
|
439
|
+
@property st-global(--wds-color-fill-stage-master-primary);
|
|
440
|
+
@property st-global(--wds-color-fill-stage-master-primary-active);
|
|
441
|
+
@property st-global(--wds-color-fill-stage-master-primary-disabled);
|
|
442
|
+
@property st-global(--wds-color-fill-stage-master-primary-hover);
|
|
443
|
+
@property st-global(--wds-color-fill-stage-master-secondary);
|
|
444
|
+
@property st-global(--wds-color-fill-stage-master-secondary-active);
|
|
445
|
+
@property st-global(--wds-color-fill-stage-master-secondary-disabled);
|
|
446
|
+
@property st-global(--wds-color-fill-stage-master-secondary-hover);
|
|
447
|
+
@property st-global(--wds-color-fill-stage-padding);
|
|
448
|
+
@property st-global(--wds-color-fill-stage-padding-active);
|
|
449
|
+
@property st-global(--wds-color-fill-stage-padding-disabled);
|
|
450
|
+
@property st-global(--wds-color-fill-stage-padding-hover);
|
|
451
|
+
@property st-global(--wds-color-fill-stage-section-primary);
|
|
452
|
+
@property st-global(--wds-color-fill-stage-section-primary-active);
|
|
453
|
+
@property st-global(--wds-color-fill-stage-section-primary-disabled);
|
|
454
|
+
@property st-global(--wds-color-fill-stage-section-primary-hover);
|
|
455
|
+
@property st-global(--wds-color-fill-stage-section-secondary);
|
|
456
|
+
@property st-global(--wds-color-fill-stage-section-secondary-active);
|
|
457
|
+
@property st-global(--wds-color-fill-stage-section-secondary-disabled);
|
|
458
|
+
@property st-global(--wds-color-fill-stage-section-secondary-hover);
|
|
366
459
|
@property st-global(--wds-color-fill-standard-light-primary);
|
|
367
460
|
@property st-global(--wds-color-fill-standard-light-primary-active);
|
|
368
461
|
@property st-global(--wds-color-fill-standard-light-primary-disabled);
|
|
@@ -410,6 +503,18 @@
|
|
|
410
503
|
@property st-global(--wds-color-fill-surface-success);
|
|
411
504
|
@property st-global(--wds-color-fill-surface-sunken);
|
|
412
505
|
@property st-global(--wds-color-fill-surface-warning);
|
|
506
|
+
@property st-global(--wds-color-fill-transparent-neutral-primary);
|
|
507
|
+
@property st-global(--wds-color-fill-transparent-neutral-primary-active);
|
|
508
|
+
@property st-global(--wds-color-fill-transparent-neutral-primary-disabled);
|
|
509
|
+
@property st-global(--wds-color-fill-transparent-neutral-primary-hover);
|
|
510
|
+
@property st-global(--wds-color-fill-transparent-neutral-secondary);
|
|
511
|
+
@property st-global(--wds-color-fill-transparent-neutral-secondary-active);
|
|
512
|
+
@property st-global(--wds-color-fill-transparent-neutral-secondary-disabled);
|
|
513
|
+
@property st-global(--wds-color-fill-transparent-neutral-secondary-hover);
|
|
514
|
+
@property st-global(--wds-color-fill-transparent-neutral-tertiary);
|
|
515
|
+
@property st-global(--wds-color-fill-transparent-neutral-tertiary-active);
|
|
516
|
+
@property st-global(--wds-color-fill-transparent-neutral-tertiary-disabled);
|
|
517
|
+
@property st-global(--wds-color-fill-transparent-neutral-tertiary-hover);
|
|
413
518
|
@property st-global(--wds-color-fill-transparent-primary);
|
|
414
519
|
@property st-global(--wds-color-fill-transparent-primary-active);
|
|
415
520
|
@property st-global(--wds-color-fill-transparent-primary-disabled);
|
|
@@ -418,6 +523,10 @@
|
|
|
418
523
|
@property st-global(--wds-color-fill-transparent-secondary-active);
|
|
419
524
|
@property st-global(--wds-color-fill-transparent-secondary-disabled);
|
|
420
525
|
@property st-global(--wds-color-fill-transparent-secondary-hover);
|
|
526
|
+
@property st-global(--wds-color-fill-transparent-tertiary);
|
|
527
|
+
@property st-global(--wds-color-fill-transparent-tertiary-active);
|
|
528
|
+
@property st-global(--wds-color-fill-transparent-tertiary-disabled);
|
|
529
|
+
@property st-global(--wds-color-fill-transparent-tertiary-hover);
|
|
421
530
|
@property st-global(--wds-color-fill-urgent-primary);
|
|
422
531
|
@property st-global(--wds-color-fill-urgent-primary-active);
|
|
423
532
|
@property st-global(--wds-color-fill-urgent-primary-disabled);
|
|
@@ -489,6 +598,9 @@
|
|
|
489
598
|
@property st-global(--wds-color-text-placeholder-light);
|
|
490
599
|
@property st-global(--wds-color-text-premium);
|
|
491
600
|
@property st-global(--wds-color-text-primary);
|
|
601
|
+
@property st-global(--wds-color-text-stage-element);
|
|
602
|
+
@property st-global(--wds-color-text-stage-master);
|
|
603
|
+
@property st-global(--wds-color-text-stage-section);
|
|
492
604
|
@property st-global(--wds-color-text-standard-primary);
|
|
493
605
|
@property st-global(--wds-color-text-standard-primary-light);
|
|
494
606
|
@property st-global(--wds-color-text-standard-secondary);
|
|
@@ -547,11 +659,18 @@
|
|
|
547
659
|
@property st-global(--wds-custom-modal-content-padding-vertical);
|
|
548
660
|
@property st-global(--wds-custom-modal-footer-padding-horizon);
|
|
549
661
|
@property st-global(--wds-custom-modal-footer-padding-vertical);
|
|
662
|
+
@property st-global(--wds-custom-modal-footnote-link-font-weight);
|
|
550
663
|
@property st-global(--wds-custom-modal-footnote-padding-horizon);
|
|
551
664
|
@property st-global(--wds-custom-modal-footnote-padding-vertical);
|
|
665
|
+
@property st-global(--wds-custom-modal-footnote-text-font-line-height);
|
|
666
|
+
@property st-global(--wds-custom-modal-footnote-text-font-size);
|
|
552
667
|
@property st-global(--wds-custom-modal-header-padding-left);
|
|
553
668
|
@property st-global(--wds-custom-modal-header-padding-right);
|
|
554
669
|
@property st-global(--wds-custom-modal-header-padding-vertical);
|
|
670
|
+
@property st-global(--wds-custom-modal-header-title-font-line-height);
|
|
671
|
+
@property st-global(--wds-custom-modal-header-title-font-size);
|
|
672
|
+
@property st-global(--wds-divider-fill-color-light-1);
|
|
673
|
+
@property st-global(--wds-divider-fill-color-light-2);
|
|
555
674
|
@property st-global(--wds-dock-background-fill);
|
|
556
675
|
@property st-global(--wds-dock-background-fill-active);
|
|
557
676
|
@property st-global(--wds-dock-background-fill-disabled);
|
|
@@ -563,6 +682,7 @@
|
|
|
563
682
|
@property st-global(--wds-dropdown-icon-fill);
|
|
564
683
|
@property st-global(--wds-dropdown-layout-option-size-big);
|
|
565
684
|
@property st-global(--wds-dropdown-layout-option-size-small);
|
|
685
|
+
@property st-global(--wds-dropdown-list-paddings);
|
|
566
686
|
@property st-global(--wds-empty-state-border-radius);
|
|
567
687
|
@property st-global(--wds-empty-state-page-content-paddings);
|
|
568
688
|
@property st-global(--wds-empty-state-section-content-paddings);
|
|
@@ -570,15 +690,19 @@
|
|
|
570
690
|
@property st-global(--wds-field-set-gap-large);
|
|
571
691
|
@property st-global(--wds-field-set-gap-medium);
|
|
572
692
|
@property st-global(--wds-field-set-gap-small);
|
|
693
|
+
@property st-global(--wds-field-set-label-fill);
|
|
573
694
|
@property st-global(--wds-field-set-label-font-line-height-small);
|
|
574
695
|
@property st-global(--wds-field-set-label-font-line-height-tiny);
|
|
575
696
|
@property st-global(--wds-field-set-label-font-size-small);
|
|
576
697
|
@property st-global(--wds-field-set-label-font-size-tiny);
|
|
698
|
+
@property st-global(--wds-field-set-label-font-weight);
|
|
577
699
|
@property st-global(--wds-field-set-label-gap-small);
|
|
578
700
|
@property st-global(--wds-field-set-label-gap-tiny);
|
|
701
|
+
@property st-global(--wds-floating-helper-main-action-padding-top);
|
|
579
702
|
@property st-global(--wds-floating-helper-padding-horizontal);
|
|
580
703
|
@property st-global(--wds-floating-helper-padding-vertical);
|
|
581
704
|
@property st-global(--wds-font-family-default);
|
|
705
|
+
@property st-global(--wds-font-family-heading);
|
|
582
706
|
@property st-global(--wds-font-letter-spacing-0);
|
|
583
707
|
@property st-global(--wds-font-letter-spacing-100);
|
|
584
708
|
@property st-global(--wds-font-letter-spacing-heading-1);
|
|
@@ -621,6 +745,7 @@
|
|
|
621
745
|
@property st-global(--wds-font-size-heading-4);
|
|
622
746
|
@property st-global(--wds-font-size-heading-5);
|
|
623
747
|
@property st-global(--wds-font-size-heading-6);
|
|
748
|
+
@property st-global(--wds-font-weight-body-bold);
|
|
624
749
|
@property st-global(--wds-font-weight-bold);
|
|
625
750
|
@property st-global(--wds-font-weight-heading-1);
|
|
626
751
|
@property st-global(--wds-font-weight-heading-2);
|
|
@@ -630,12 +755,17 @@
|
|
|
630
755
|
@property st-global(--wds-font-weight-heading-6);
|
|
631
756
|
@property st-global(--wds-font-weight-medium);
|
|
632
757
|
@property st-global(--wds-font-weight-regular);
|
|
758
|
+
@property st-global(--wds-font-weight-semi-bold);
|
|
759
|
+
@property st-global(--wds-form-field-label-fill);
|
|
633
760
|
@property st-global(--wds-form-field-label-font-line-height-small);
|
|
634
761
|
@property st-global(--wds-form-field-label-font-line-height-tiny);
|
|
635
762
|
@property st-global(--wds-form-field-label-font-size-small);
|
|
636
763
|
@property st-global(--wds-form-field-label-font-size-tiny);
|
|
764
|
+
@property st-global(--wds-form-field-label-font-weight);
|
|
637
765
|
@property st-global(--wds-form-field-label-gap-small);
|
|
638
766
|
@property st-global(--wds-form-field-label-gap-tiny);
|
|
767
|
+
@property st-global(--wds-form-field-label-line-height-small);
|
|
768
|
+
@property st-global(--wds-form-field-label-line-height-tiny);
|
|
639
769
|
@property st-global(--wds-gallery-item-border);
|
|
640
770
|
@property st-global(--wds-gallery-item-padding-left-medium);
|
|
641
771
|
@property st-global(--wds-gallery-item-padding-left-small);
|
|
@@ -655,6 +785,8 @@
|
|
|
655
785
|
@property st-global(--wds-input-area-padding-right-small);
|
|
656
786
|
@property st-global(--wds-input-area-padding-vertical-medium);
|
|
657
787
|
@property st-global(--wds-input-area-padding-vertical-small);
|
|
788
|
+
@property st-global(--wds-input-background-fill-default);
|
|
789
|
+
@property st-global(--wds-input-background-fill-hover);
|
|
658
790
|
@property st-global(--wds-input-border-radius-default-large);
|
|
659
791
|
@property st-global(--wds-input-border-radius-default-medium);
|
|
660
792
|
@property st-global(--wds-input-border-radius-default-small);
|
|
@@ -692,13 +824,35 @@
|
|
|
692
824
|
@property st-global(--wds-input-width-medium);
|
|
693
825
|
@property st-global(--wds-input-width-small);
|
|
694
826
|
@property st-global(--wds-input-width-tiny);
|
|
827
|
+
@property st-global(--wds-internal-color-picker-padding-horizontal);
|
|
828
|
+
@property st-global(--wds-internal-color-picker-padding-vertical);
|
|
829
|
+
@property st-global(--wds-internal-color-picker-width);
|
|
830
|
+
@property st-global(--wds-internal-image-height-large);
|
|
831
|
+
@property st-global(--wds-internal-image-height-medium);
|
|
832
|
+
@property st-global(--wds-internal-image-height-small);
|
|
833
|
+
@property st-global(--wds-internal-image-width-large);
|
|
834
|
+
@property st-global(--wds-internal-image-width-medium);
|
|
835
|
+
@property st-global(--wds-internal-image-width-small);
|
|
836
|
+
@property st-global(--wds-internal-image-width-tiny);
|
|
837
|
+
@property st-global(--wds-internal-thumbnail-illustration-size-large);
|
|
838
|
+
@property st-global(--wds-internal-thumbnail-illustration-size-medium);
|
|
839
|
+
@property st-global(--wds-internal-thumbnail-illustration-size-small);
|
|
840
|
+
@property st-global(--wds-internal-thumbnail-illustration-size-tiny);
|
|
695
841
|
@property st-global(--wds-linear-progress-bar-border-radius);
|
|
842
|
+
@property st-global(--wds-list-item-action-border-radius);
|
|
843
|
+
@property st-global(--wds-list-item-action-label-font-line-height-medium);
|
|
844
|
+
@property st-global(--wds-list-item-action-label-font-line-height-small);
|
|
845
|
+
@property st-global(--wds-list-item-action-label-font-size-medium);
|
|
846
|
+
@property st-global(--wds-list-item-action-label-font-size-small);
|
|
696
847
|
@property st-global(--wds-list-item-action-padding-horizontal-medium);
|
|
697
848
|
@property st-global(--wds-list-item-action-padding-horizontal-small);
|
|
698
849
|
@property st-global(--wds-list-item-action-padding-vertical-medium);
|
|
699
850
|
@property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
|
|
700
851
|
@property st-global(--wds-list-item-action-padding-vertical-small);
|
|
701
852
|
@property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
|
|
853
|
+
@property st-global(--wds-list-item-action-prefix-margin);
|
|
854
|
+
@property st-global(--wds-list-item-action-subtitle-font-line-height-medium);
|
|
855
|
+
@property st-global(--wds-list-item-action-subtitle-font-size-medium);
|
|
702
856
|
@property st-global(--wds-list-item-gap-columns);
|
|
703
857
|
@property st-global(--wds-list-item-indentation-level-2);
|
|
704
858
|
@property st-global(--wds-list-item-indentation-level-3);
|
|
@@ -739,12 +893,19 @@
|
|
|
739
893
|
@property st-global(--wds-list-item-select-icon-padding-vertical-medium);
|
|
740
894
|
@property st-global(--wds-list-item-select-padding-horizontal-medium);
|
|
741
895
|
@property st-global(--wds-list-item-select-padding-horizontal-small);
|
|
896
|
+
@property st-global(--wds-list-item-select-padding-left-medium);
|
|
897
|
+
@property st-global(--wds-list-item-select-padding-left-small);
|
|
898
|
+
@property st-global(--wds-list-item-select-padding-right-medium);
|
|
899
|
+
@property st-global(--wds-list-item-select-padding-right-small);
|
|
742
900
|
@property st-global(--wds-list-item-select-padding-vertical-medium);
|
|
743
901
|
@property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
|
|
744
902
|
@property st-global(--wds-list-item-select-padding-vertical-small);
|
|
745
903
|
@property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
|
|
904
|
+
@property st-global(--wds-list-item-select-prefix-margin);
|
|
746
905
|
@property st-global(--wds-list-item-select-subtitle);
|
|
747
906
|
@property st-global(--wds-list-item-select-subtitle-disabled);
|
|
907
|
+
@property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
|
|
908
|
+
@property st-global(--wds-list-item-select-subtitle-font-size-medium);
|
|
748
909
|
@property st-global(--wds-list-item-select-title);
|
|
749
910
|
@property st-global(--wds-list-item-select-title-disabled);
|
|
750
911
|
@property st-global(--wds-loader-fill);
|
|
@@ -768,12 +929,25 @@
|
|
|
768
929
|
@property st-global(--wds-marketing-page-paddings-vertical-medium);
|
|
769
930
|
@property st-global(--wds-message-modal-content-padding-horizontal);
|
|
770
931
|
@property st-global(--wds-message-modal-content-padding-top);
|
|
932
|
+
@property st-global(--wds-message-modal-footer-padding-horizontal);
|
|
933
|
+
@property st-global(--wds-message-modal-footer-padding-vertical);
|
|
934
|
+
@property st-global(--wds-message-modal-text-font-line-height);
|
|
935
|
+
@property st-global(--wds-message-modal-text-font-size);
|
|
936
|
+
@property st-global(--wds-message-modal-title-font-line-height);
|
|
937
|
+
@property st-global(--wds-message-modal-title-font-size);
|
|
771
938
|
@property st-global(--wds-mobile-modal-content-padding-horizontal);
|
|
772
939
|
@property st-global(--wds-mobile-modal-content-padding-vertical);
|
|
773
940
|
@property st-global(--wds-mobile-modal-footer-padding-horizontal);
|
|
774
941
|
@property st-global(--wds-mobile-modal-footer-padding-vertical);
|
|
942
|
+
@property st-global(--wds-multiselect-icon-fill);
|
|
943
|
+
@property st-global(--wds-notification-fill-error);
|
|
944
|
+
@property st-global(--wds-notification-fill-premium);
|
|
945
|
+
@property st-global(--wds-notification-fill-standard);
|
|
946
|
+
@property st-global(--wds-notification-fill-success);
|
|
947
|
+
@property st-global(--wds-notification-fill-warning);
|
|
775
948
|
@property st-global(--wds-notification-padding-horizontal);
|
|
776
949
|
@property st-global(--wds-notification-padding-vertical);
|
|
950
|
+
@property st-global(--wds-number-input-icon-fill);
|
|
777
951
|
@property st-global(--wds-page-header-padding-horizontal);
|
|
778
952
|
@property st-global(--wds-page-header-padding-vertical);
|
|
779
953
|
@property st-global(--wds-page-header-padding-vertical-small);
|
|
@@ -785,6 +959,8 @@
|
|
|
785
959
|
@property st-global(--wds-pagination-padding-vertical);
|
|
786
960
|
@property st-global(--wds-palette-border);
|
|
787
961
|
@property st-global(--wds-popover-border);
|
|
962
|
+
@property st-global(--wds-popover-menu-paddings-horizontal);
|
|
963
|
+
@property st-global(--wds-popover-menu-paddings-vertical);
|
|
788
964
|
@property st-global(--wds-radio-border);
|
|
789
965
|
@property st-global(--wds-radio-border-active);
|
|
790
966
|
@property st-global(--wds-radio-border-active-disabled);
|
|
@@ -841,10 +1017,19 @@
|
|
|
841
1017
|
@property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
|
|
842
1018
|
@property st-global(--wds-section-helper-horizontal-margin);
|
|
843
1019
|
@property st-global(--wds-section-helper-prefix-offset-margin);
|
|
1020
|
+
@property st-global(--wds-section-helper-prefix-offset-medium);
|
|
844
1021
|
@property st-global(--wds-section-helper-text-font-line-height);
|
|
845
1022
|
@property st-global(--wds-section-helper-text-font-size);
|
|
846
1023
|
@property st-global(--wds-segmented-toggle-border-radius-medium);
|
|
847
1024
|
@property st-global(--wds-segmented-toggle-border-radius-small);
|
|
1025
|
+
@property st-global(--wds-segmented-toggle-default-fill-default);
|
|
1026
|
+
@property st-global(--wds-segmented-toggle-default-fill-hover);
|
|
1027
|
+
@property st-global(--wds-segmented-toggle-default-fill-selected);
|
|
1028
|
+
@property st-global(--wds-segmented-toggle-default-fill-selected-disabled);
|
|
1029
|
+
@property st-global(--wds-segmented-toggle-fill-default);
|
|
1030
|
+
@property st-global(--wds-segmented-toggle-fill-hover);
|
|
1031
|
+
@property st-global(--wds-segmented-toggle-fill-selected);
|
|
1032
|
+
@property st-global(--wds-segmented-toggle-fill-selected-disabled);
|
|
848
1033
|
@property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
|
|
849
1034
|
@property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
|
|
850
1035
|
@property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
|
|
@@ -859,6 +1044,8 @@
|
|
|
859
1044
|
@property st-global(--wds-segmented-toggle-padding-vertical-small);
|
|
860
1045
|
@property st-global(--wds-segmented-toggle-size-medium);
|
|
861
1046
|
@property st-global(--wds-segmented-toggle-size-small);
|
|
1047
|
+
@property st-global(--wds-segmented-toggle-width-default);
|
|
1048
|
+
@property st-global(--wds-segmented-toggle-width-selected);
|
|
862
1049
|
@property st-global(--wds-select-area-border-radius);
|
|
863
1050
|
@property st-global(--wds-select-area-fill);
|
|
864
1051
|
@property st-global(--wds-select-area-fill-active);
|
|
@@ -878,14 +1065,31 @@
|
|
|
878
1065
|
@property st-global(--wds-selector-button-size-large);
|
|
879
1066
|
@property st-global(--wds-selector-button-size-medium);
|
|
880
1067
|
@property st-global(--wds-selector-button-size-small);
|
|
1068
|
+
@property st-global(--wds-selector-list-item-padding-horizontal-medium);
|
|
1069
|
+
@property st-global(--wds-selector-list-item-padding-horizontal-small);
|
|
1070
|
+
@property st-global(--wds-selector-list-item-padding-vertical-medium);
|
|
1071
|
+
@property st-global(--wds-selector-list-item-padding-vertical-small);
|
|
881
1072
|
@property st-global(--wds-shadow-100);
|
|
882
1073
|
@property st-global(--wds-shadow-200);
|
|
883
1074
|
@property st-global(--wds-shadow-300);
|
|
884
1075
|
@property st-global(--wds-shadow-400);
|
|
1076
|
+
@property st-global(--wds-shadow-blur-50);
|
|
1077
|
+
@property st-global(--wds-shadow-blur-100);
|
|
1078
|
+
@property st-global(--wds-shadow-blur-150);
|
|
1079
|
+
@property st-global(--wds-shadow-blur-200);
|
|
1080
|
+
@property st-global(--wds-shadow-blur-400);
|
|
1081
|
+
@property st-global(--wds-shadow-fill-primary-modal);
|
|
1082
|
+
@property st-global(--wds-shadow-fill-primary-overlay);
|
|
1083
|
+
@property st-global(--wds-shadow-fill-primary-raised);
|
|
1084
|
+
@property st-global(--wds-shadow-fill-secondary-modal);
|
|
1085
|
+
@property st-global(--wds-shadow-fill-secondary-overlay);
|
|
1086
|
+
@property st-global(--wds-shadow-fill-secondary-raised);
|
|
1087
|
+
@property st-global(--wds-shadow-fill-secondary-toggle);
|
|
885
1088
|
@property st-global(--wds-shadow-focus-destructive);
|
|
886
1089
|
@property st-global(--wds-shadow-focus-inner-destructive);
|
|
887
1090
|
@property st-global(--wds-shadow-focus-inner-standard);
|
|
888
1091
|
@property st-global(--wds-shadow-focus-inner-warning);
|
|
1092
|
+
@property st-global(--wds-shadow-focus-spread);
|
|
889
1093
|
@property st-global(--wds-shadow-focus-standard);
|
|
890
1094
|
@property st-global(--wds-shadow-focus-warning);
|
|
891
1095
|
@property st-global(--wds-shadow-inner-100);
|
|
@@ -908,6 +1112,11 @@
|
|
|
908
1112
|
@property st-global(--wds-shadow-surface-overlay);
|
|
909
1113
|
@property st-global(--wds-shadow-surface-overlay-dark);
|
|
910
1114
|
@property st-global(--wds-shadow-surface-raised);
|
|
1115
|
+
@property st-global(--wds-shadow-y-100);
|
|
1116
|
+
@property st-global(--wds-shadow-y-200);
|
|
1117
|
+
@property st-global(--wds-shadow-y-300);
|
|
1118
|
+
@property st-global(--wds-shadow-y-350);
|
|
1119
|
+
@property st-global(--wds-side-panel-back-button-top-padding);
|
|
911
1120
|
@property st-global(--wds-side-panel-content-padding-horizontal);
|
|
912
1121
|
@property st-global(--wds-side-panel-content-padding-vertical);
|
|
913
1122
|
@property st-global(--wds-side-panel-control-layout-divider-border-width);
|
|
@@ -917,6 +1126,11 @@
|
|
|
917
1126
|
@property st-global(--wds-side-panel-floating-header-padding-left);
|
|
918
1127
|
@property st-global(--wds-side-panel-floating-header-padding-right);
|
|
919
1128
|
@property st-global(--wds-side-panel-floating-header-padding-vertical);
|
|
1129
|
+
@property st-global(--wds-side-panel-floating-max-height);
|
|
1130
|
+
@property st-global(--wds-side-panel-floating-title-font-line-height);
|
|
1131
|
+
@property st-global(--wds-side-panel-floating-title-font-size);
|
|
1132
|
+
@property st-global(--wds-side-panel-footer-border-width);
|
|
1133
|
+
@property st-global(--wds-side-panel-footer-fill);
|
|
920
1134
|
@property st-global(--wds-side-panel-footer-padding-horizontal);
|
|
921
1135
|
@property st-global(--wds-side-panel-footer-padding-vertical);
|
|
922
1136
|
@property st-global(--wds-side-panel-footnote-padding-horizontal);
|
|
@@ -924,6 +1138,10 @@
|
|
|
924
1138
|
@property st-global(--wds-side-panel-header-padding-left);
|
|
925
1139
|
@property st-global(--wds-side-panel-header-padding-right);
|
|
926
1140
|
@property st-global(--wds-side-panel-header-padding-vertical);
|
|
1141
|
+
@property st-global(--wds-side-panel-title-font-letter-spacing);
|
|
1142
|
+
@property st-global(--wds-side-panel-title-font-line-height);
|
|
1143
|
+
@property st-global(--wds-side-panel-title-font-size);
|
|
1144
|
+
@property st-global(--wds-sidebar-clear-button-fill);
|
|
927
1145
|
@property st-global(--wds-sidebar-divider-fill-dark-default);
|
|
928
1146
|
@property st-global(--wds-sidebar-divider-fill-light-default);
|
|
929
1147
|
@property st-global(--wds-sidebar-divider-fill-neutral-default);
|
|
@@ -968,6 +1186,7 @@
|
|
|
968
1186
|
@property st-global(--wds-sidebar-item-text-neutral-active);
|
|
969
1187
|
@property st-global(--wds-sidebar-item-text-neutral-default);
|
|
970
1188
|
@property st-global(--wds-sidebar-item-text-neutral-disabled);
|
|
1189
|
+
@property st-global(--wds-sidebar-item-title);
|
|
971
1190
|
@property st-global(--wds-sidebar-minimize-action-fill-dark-default);
|
|
972
1191
|
@property st-global(--wds-sidebar-minimize-action-fill-light-default);
|
|
973
1192
|
@property st-global(--wds-sidebar-minimize-action-fill-neutral-default);
|
|
@@ -986,11 +1205,18 @@
|
|
|
986
1205
|
@property st-global(--wds-skeleton-border-radius-circle);
|
|
987
1206
|
@property st-global(--wds-skeleton-border-radius-line);
|
|
988
1207
|
@property st-global(--wds-skeleton-border-radius-rectangle);
|
|
1208
|
+
@property st-global(--wds-slider-slider-knob-border-width);
|
|
1209
|
+
@property st-global(--wds-slider-slider-knob-border-width-hover);
|
|
1210
|
+
@property st-global(--wds-slider-slider-knob-color);
|
|
1211
|
+
@property st-global(--wds-slider-slider-knob-color-hover);
|
|
1212
|
+
@property st-global(--wds-slider-slider-knob-shadow);
|
|
989
1213
|
@property st-global(--wds-slider-slider-knob-size);
|
|
1214
|
+
@property st-global(--wds-slider-slider-knob-size-hover);
|
|
990
1215
|
@property st-global(--wds-slider-slider-knob-size-transparent);
|
|
991
1216
|
@property st-global(--wds-slider-slider-mark-size);
|
|
992
|
-
@property st-global(--wds-slider-track-border-border-radius
|
|
993
|
-
@property st-global(--wds-slider-track-border-radius);
|
|
1217
|
+
@property st-global(--wds-slider-track-border-border-radius);
|
|
1218
|
+
@property st-global(--wds-slider-track-border-radius-transparent);
|
|
1219
|
+
@property st-global(--wds-slider-track-color);
|
|
994
1220
|
@property st-global(--wds-slider-track-size);
|
|
995
1221
|
@property st-global(--wds-slider-track-size-transparent);
|
|
996
1222
|
@property st-global(--wds-social-post-preview-content-padding-horizontal);
|
|
@@ -1005,14 +1231,18 @@
|
|
|
1005
1231
|
@property st-global(--wds-space-200);
|
|
1006
1232
|
@property st-global(--wds-space-250);
|
|
1007
1233
|
@property st-global(--wds-space-300);
|
|
1234
|
+
@property st-global(--wds-space-350);
|
|
1008
1235
|
@property st-global(--wds-space-400);
|
|
1009
1236
|
@property st-global(--wds-space-475);
|
|
1010
1237
|
@property st-global(--wds-space-500);
|
|
1011
1238
|
@property st-global(--wds-space-600);
|
|
1012
1239
|
@property st-global(--wds-space-700);
|
|
1013
1240
|
@property st-global(--wds-space-800);
|
|
1241
|
+
@property st-global(--wds-space-850);
|
|
1014
1242
|
@property st-global(--wds-space-900);
|
|
1243
|
+
@property st-global(--wds-space-950);
|
|
1015
1244
|
@property st-global(--wds-space-1000);
|
|
1245
|
+
@property st-global(--wds-space-1050);
|
|
1016
1246
|
@property st-global(--wds-space-1100);
|
|
1017
1247
|
@property st-global(--wds-space-1200);
|
|
1018
1248
|
@property st-global(--wds-space-1300);
|
|
@@ -1042,11 +1272,18 @@
|
|
|
1042
1272
|
@property st-global(--wds-swatches-swatch-active-border-radius-small);
|
|
1043
1273
|
@property st-global(--wds-swatches-swatch-border-radius-medium);
|
|
1044
1274
|
@property st-global(--wds-swatches-swatch-border-radius-small);
|
|
1275
|
+
@property st-global(--wds-swatches-swatch-size-extra-tiny);
|
|
1045
1276
|
@property st-global(--wds-swatches-swatch-size-large);
|
|
1046
1277
|
@property st-global(--wds-swatches-swatch-size-medium);
|
|
1047
1278
|
@property st-global(--wds-swatches-swatch-size-small);
|
|
1048
1279
|
@property st-global(--wds-swatches-swatch-size-tiny);
|
|
1049
1280
|
@property st-global(--wds-swatches-swatch-size-x-tiny);
|
|
1281
|
+
@property st-global(--wds-table-list-item-border-radius);
|
|
1282
|
+
@property st-global(--wds-table-list-item-gap);
|
|
1283
|
+
@property st-global(--wds-table-list-item-indentation-level-2);
|
|
1284
|
+
@property st-global(--wds-table-list-item-indentation-level-3);
|
|
1285
|
+
@property st-global(--wds-table-list-item-paddings);
|
|
1286
|
+
@property st-global(--wds-table-toolbar-padding-horizontal);
|
|
1050
1287
|
@property st-global(--wds-tabs-gap-medium);
|
|
1051
1288
|
@property st-global(--wds-tabs-gap-small);
|
|
1052
1289
|
@property st-global(--wds-tabs-label-font-size-small);
|
|
@@ -1059,6 +1296,8 @@
|
|
|
1059
1296
|
@property st-global(--wds-tag-border-radius-medium);
|
|
1060
1297
|
@property st-global(--wds-tag-border-radius-small);
|
|
1061
1298
|
@property st-global(--wds-tag-border-radius-tiny);
|
|
1299
|
+
@property st-global(--wds-tag-label-font-line-height-small);
|
|
1300
|
+
@property st-global(--wds-tag-label-font-size-small);
|
|
1062
1301
|
@property st-global(--wds-tag-padding-horizontal-large);
|
|
1063
1302
|
@property st-global(--wds-tag-padding-horizontal-medium);
|
|
1064
1303
|
@property st-global(--wds-tag-padding-horizontal-small);
|
|
@@ -1073,7 +1312,35 @@
|
|
|
1073
1312
|
@property st-global(--wds-tag-size-tiny);
|
|
1074
1313
|
@property st-global(--wds-testimonial-list-gap);
|
|
1075
1314
|
@property st-global(--wds-thumbnail-border-radius);
|
|
1315
|
+
@property st-global(--wds-thumbnail-border-width-default);
|
|
1316
|
+
@property st-global(--wds-thumbnail-fill);
|
|
1317
|
+
@property st-global(--wds-thumbnail-fill-hover);
|
|
1076
1318
|
@property st-global(--wds-thumbnail-gap);
|
|
1319
|
+
@property st-global(--wds-thumbnail-illustration-fill-1);
|
|
1320
|
+
@property st-global(--wds-thumbnail-illustration-fill-2);
|
|
1321
|
+
@property st-global(--wds-thumbnail-illustration-fill-3);
|
|
1322
|
+
@property st-global(--wds-thumbnail-subtitle-fill);
|
|
1323
|
+
@property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
|
|
1324
|
+
@property st-global(--wds-thumbnail-subtitle-font-size-tiny);
|
|
1325
|
+
@property st-global(--wds-thumbnail-title-font-line-height-tiny);
|
|
1326
|
+
@property st-global(--wds-thumbnail-title-font-size-tiny);
|
|
1327
|
+
@property st-global(--wds-thumbnail-title-font-weight-tiny);
|
|
1328
|
+
@property st-global(--wds-thumbnail-title-padding-top);
|
|
1329
|
+
@property st-global(--wds-timeline-title-font-line-height);
|
|
1330
|
+
@property st-global(--wds-timeline-title-font-size);
|
|
1331
|
+
@property st-global(--wds-toggle-button-border-radius-square-large);
|
|
1332
|
+
@property st-global(--wds-toggle-button-border-radius-square-medium);
|
|
1333
|
+
@property st-global(--wds-toggle-button-border-radius-square-small);
|
|
1334
|
+
@property st-global(--wds-toggle-button-border-radius-square-tiny);
|
|
1335
|
+
@property st-global(--wds-toggle-button-label-font-weight);
|
|
1336
|
+
@property st-global(--wds-toggle-button-padding-horizontal-large);
|
|
1337
|
+
@property st-global(--wds-toggle-button-padding-horizontal-large-round);
|
|
1338
|
+
@property st-global(--wds-toggle-button-padding-horizontal-medium);
|
|
1339
|
+
@property st-global(--wds-toggle-button-padding-horizontal-medium-round);
|
|
1340
|
+
@property st-global(--wds-toggle-button-padding-horizontal-small);
|
|
1341
|
+
@property st-global(--wds-toggle-button-padding-horizontal-small-round);
|
|
1342
|
+
@property st-global(--wds-toggle-button-padding-horizontal-tiny);
|
|
1343
|
+
@property st-global(--wds-toggle-button-padding-horizontal-tiny-round);
|
|
1077
1344
|
@property st-global(--wds-toggle-button-padding-left-large);
|
|
1078
1345
|
@property st-global(--wds-toggle-button-padding-left-large-round);
|
|
1079
1346
|
@property st-global(--wds-toggle-button-padding-left-medium);
|
|
@@ -1114,6 +1381,7 @@
|
|
|
1114
1381
|
@property st-global(--wds-toggle-switch-fill-urgent-active-hover);
|
|
1115
1382
|
@property st-global(--wds-toggle-switch-fill-urgent-disabled);
|
|
1116
1383
|
@property st-global(--wds-toggle-switch-fill-urgent-hover);
|
|
1384
|
+
@property st-global(--wds-toggle-switch-icon);
|
|
1117
1385
|
@property st-global(--wds-toggle-switch-knob-size-large);
|
|
1118
1386
|
@property st-global(--wds-toggle-switch-knob-size-medium);
|
|
1119
1387
|
@property st-global(--wds-toggle-switch-knob-size-small);
|
|
@@ -1124,6 +1392,7 @@
|
|
|
1124
1392
|
@property st-global(--wds-toggle-switch-width-medium);
|
|
1125
1393
|
@property st-global(--wds-toggle-switch-width-small);
|
|
1126
1394
|
@property st-global(--wds-tooltip-background-fill);
|
|
1395
|
+
@property st-global(--wds-tooltip-border-radius);
|
|
1127
1396
|
@property st-global(--wds-tooltip-border-radius-medium);
|
|
1128
1397
|
@property st-global(--wds-tooltip-border-radius-small);
|
|
1129
1398
|
@property st-global(--wds-tooltip-padding-horizontal-medium);
|
|
@@ -1145,6 +1414,7 @@
|
|
|
1145
1414
|
@property st-global(--wds-vertical-tabs-icon-padding-horizontal-small);
|
|
1146
1415
|
@property st-global(--wds-vertical-tabs-icon-padding-vertical-medium);
|
|
1147
1416
|
@property st-global(--wds-vertical-tabs-icon-padding-vertical-small);
|
|
1417
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
|
|
1148
1418
|
@property st-global(--wds-vertical-tabs-item-fill-light);
|
|
1149
1419
|
@property st-global(--wds-vertical-tabs-item-fill-light-active);
|
|
1150
1420
|
@property st-global(--wds-vertical-tabs-item-fill-light-disabled);
|
|
@@ -1180,6 +1450,16 @@
|
|
|
1180
1450
|
@property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
|
|
1181
1451
|
@property st-global(--wds-vertical-tabs-item-padding-vertical-small);
|
|
1182
1452
|
@property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
|
|
1453
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
|
|
1454
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard);
|
|
1455
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
|
|
1456
|
+
@property st-global(--wds-vertical-tabs-item-round-disabled);
|
|
1457
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-hover);
|
|
1458
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
|
|
1459
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
|
|
1460
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
|
|
1461
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
|
|
1462
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
|
|
1183
1463
|
@property st-global(--wds-vertical-tabs-section-text-font-line-height-small);
|
|
1184
1464
|
@property st-global(--wds-vertical-tabs-section-text-font-size-small);
|
|
1185
1465
|
@property st-global(--wds-vertical-tabs-section-text-font-weight-small);
|
|
@@ -1192,8 +1472,22 @@
|
|
|
1192
1472
|
@property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
|
|
1193
1473
|
@property st-global(--wds-vertical-tabs-section-title-padding-top-small);
|
|
1194
1474
|
@property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
|
|
1475
|
+
@property st-global(--wds-width-default);
|
|
1476
|
+
@property st-global(--wds-width-default-2);
|
|
1195
1477
|
|
|
1196
1478
|
.root {
|
|
1479
|
+
--wds-accordion-background-fill-light: #ffffff;
|
|
1480
|
+
--wds-accordion-background-fill-light-hover: #f7f8f8;
|
|
1481
|
+
--wds-accordion-caret-fill: #42454c;
|
|
1482
|
+
--wds-accordion-caret-fill-hover: #42454c;
|
|
1483
|
+
--wds-accordion-title-fill: #131720;
|
|
1484
|
+
--wds-accordion-title-fill-hover: #131720;
|
|
1485
|
+
--wds-accordion-title-font-line-height-medium: 20px;
|
|
1486
|
+
--wds-accordion-title-font-line-height-small: 16px;
|
|
1487
|
+
--wds-accordion-title-font-size-medium: 14px;
|
|
1488
|
+
--wds-accordion-title-font-size-small: 12px;
|
|
1489
|
+
--wds-accordion-title-font-weight: 700;
|
|
1490
|
+
--wds-accordion-title-font-weight-small: 700;
|
|
1197
1491
|
--wds-add-item-border-radius: 4px;
|
|
1198
1492
|
--wds-add-item-padding-horizontal-large: 28px;
|
|
1199
1493
|
--wds-add-item-padding-horizontal-tiny: 12px;
|
|
@@ -1201,8 +1495,15 @@
|
|
|
1201
1495
|
--wds-add-item-padding-vertical-medium: 24px;
|
|
1202
1496
|
--wds-add-item-padding-vertical-small: 16px;
|
|
1203
1497
|
--wds-add-item-padding-vertical-tiny: 12px;
|
|
1498
|
+
--wds-add-item-title-font-line-height-medium: 20px;
|
|
1499
|
+
--wds-add-item-title-font-line-height-tiny: 16px;
|
|
1500
|
+
--wds-add-item-title-font-size-medium: 14px;
|
|
1501
|
+
--wds-add-item-title-font-size-small: 12px;
|
|
1502
|
+
--wds-announcement-modal-text-font-line-height: 20px;
|
|
1503
|
+
--wds-announcement-modal-text-font-size: 14px;
|
|
1204
1504
|
--wds-avatar-group-gap-condensed: -2px;
|
|
1205
1505
|
--wds-avatar-group-gap-default: 4px;
|
|
1506
|
+
--wds-background-blur-100: 0;
|
|
1206
1507
|
--wds-badge-border-radius-medium: 2px;
|
|
1207
1508
|
--wds-badge-border-radius-small: 2px;
|
|
1208
1509
|
--wds-badge-border-radius-tiny: 2px;
|
|
@@ -1225,7 +1526,10 @@
|
|
|
1225
1526
|
--wds-border-radius-full: 1000px;
|
|
1226
1527
|
--wds-border-radius-surface-default: 4px;
|
|
1227
1528
|
--wds-border-radius-surface-modal: 4px;
|
|
1529
|
+
--wds-border-radius-surface-modal-backdrop: 0;
|
|
1228
1530
|
--wds-border-radius-surface-overlay: 4px;
|
|
1531
|
+
--wds-border-radius-surface-raised: 4px;
|
|
1532
|
+
--wds-border-radius-surface-sunken: 0;
|
|
1229
1533
|
--wds-border-width-100: 1px;
|
|
1230
1534
|
--wds-border-width-200: 2px;
|
|
1231
1535
|
--wds-border-width-none: 0;
|
|
@@ -1251,6 +1555,8 @@
|
|
|
1251
1555
|
--wds-button-border-radius-medium: 4px;
|
|
1252
1556
|
--wds-button-border-radius-small: 4px;
|
|
1253
1557
|
--wds-button-border-radius-tiny: 4px;
|
|
1558
|
+
--wds-button-fill-gradient-hover-primary: #0f62e6;
|
|
1559
|
+
--wds-button-fill-gradient-hover-secondary: #0f62e6;
|
|
1254
1560
|
--wds-button-fill-standard-secondary: #ffffff;
|
|
1255
1561
|
--wds-button-fill-standard-secondary-hover: #f7f8f8;
|
|
1256
1562
|
--wds-button-font-line-height-large: 24px;
|
|
@@ -1261,6 +1567,7 @@
|
|
|
1261
1567
|
--wds-button-font-size-medium: 14px;
|
|
1262
1568
|
--wds-button-font-size-small: 12px;
|
|
1263
1569
|
--wds-button-font-size-tiny: 12px;
|
|
1570
|
+
--wds-button-font-weight-tiny: 700;
|
|
1264
1571
|
--wds-button-gap-large: 4px;
|
|
1265
1572
|
--wds-button-gap-medium: 4px;
|
|
1266
1573
|
--wds-button-gap-small: 4px;
|
|
@@ -1269,6 +1576,7 @@
|
|
|
1269
1576
|
--wds-button-icon-offset-medium: 18px;
|
|
1270
1577
|
--wds-button-icon-offset-small: 12px;
|
|
1271
1578
|
--wds-button-icon-offset-tiny: 12px;
|
|
1579
|
+
--wds-button-label-font-size-large: 16px;
|
|
1272
1580
|
--wds-button-outline-hover: #e2e3ea;
|
|
1273
1581
|
--wds-button-padding-horizontal-large: 16px;
|
|
1274
1582
|
--wds-button-padding-horizontal-medium: 16px;
|
|
@@ -1288,9 +1596,23 @@
|
|
|
1288
1596
|
--wds-button-size-tiny-screen-small: 32px;
|
|
1289
1597
|
--wds-button-size-x-tiny: 18px;
|
|
1290
1598
|
--wds-button-text-hover: #116dff;
|
|
1599
|
+
--wds-button-text-standard-primary: #131720;
|
|
1600
|
+
--wds-button-text-standard-primary-hover: #131720;
|
|
1291
1601
|
--wds-card-border: 4px;
|
|
1292
1602
|
--wds-card-content-paddings-horizontal: 24px;
|
|
1293
1603
|
--wds-card-content-paddings-vertical: 24px;
|
|
1604
|
+
--wds-card-gallery-item-border-radius-0: 0;
|
|
1605
|
+
--wds-card-gallery-item-border-radius-100: 8px;
|
|
1606
|
+
--wds-card-gallery-item-content-margin-vertical: 0;
|
|
1607
|
+
--wds-card-gallery-item-fill: #ffffff;
|
|
1608
|
+
--wds-card-gallery-item-overlay-fill: rgba(43, 46, 54, .5);
|
|
1609
|
+
--wds-card-gallery-item-padding-left-medium: 18px;
|
|
1610
|
+
--wds-card-gallery-item-padding-left-small: 12px;
|
|
1611
|
+
--wds-card-gallery-item-padding-right-medium: 24px;
|
|
1612
|
+
--wds-card-gallery-item-padding-right-small: 18px;
|
|
1613
|
+
--wds-card-gallery-item-padding-vertical-medium: 18px;
|
|
1614
|
+
--wds-card-gallery-item-padding-vertical-small: 12px;
|
|
1615
|
+
--wds-card-gallery-item-title-font-size-medium: 16px;
|
|
1294
1616
|
--wds-card-header-paddings-horizontal: 24px;
|
|
1295
1617
|
--wds-card-header-paddings-vertical: 16px;
|
|
1296
1618
|
--wds-card-tab-padding-horizontal-medium: 20px;
|
|
@@ -1313,6 +1635,8 @@
|
|
|
1313
1635
|
--wds-checkbox-group-gap-vertical: 12px;
|
|
1314
1636
|
--wds-checkbox-icon: #ffffff;
|
|
1315
1637
|
--wds-checkbox-icon-disabled: rgba(255, 255, 255, .7);
|
|
1638
|
+
--wds-checkbox-label-font-line-height-small: 16px;
|
|
1639
|
+
--wds-checkbox-label-font-size-small: 12px;
|
|
1316
1640
|
--wds-circular-progress-bar-background-fill-error: #e5e5e5;
|
|
1317
1641
|
--wds-circular-progress-bar-background-fill-premium: #e5e5e5;
|
|
1318
1642
|
--wds-circular-progress-bar-background-fill-standard: #e5e5e5;
|
|
@@ -1324,6 +1648,7 @@
|
|
|
1324
1648
|
--wds-circular-progress-bar-size-large: 96px;
|
|
1325
1649
|
--wds-circular-progress-bar-size-medium: 52px;
|
|
1326
1650
|
--wds-circular-progress-bar-size-small: 24px;
|
|
1651
|
+
--wds-circular-progress-bar-size-tiny: 18px;
|
|
1327
1652
|
--wds-close-button-standard-fill-active: #42454c;
|
|
1328
1653
|
--wds-close-button-standard-fill-disabled: #e5e5e5;
|
|
1329
1654
|
--wds-close-button-standard-fill-hover: #42454c;
|
|
@@ -1349,6 +1674,10 @@
|
|
|
1349
1674
|
--wds-color-black-200-transparent-60: rgba(43, 46, 54, .6);
|
|
1350
1675
|
--wds-color-black-200-transparent-70: rgba(43, 46, 54, .7);
|
|
1351
1676
|
--wds-color-black-300: #42454c;
|
|
1677
|
+
--wds-color-black-300-transparent-0: rgba(43, 46, 54, 0.0000);
|
|
1678
|
+
--wds-color-black-300-transparent-50: rgba(43, 46, 54, 0.5000);
|
|
1679
|
+
--wds-color-black-300-transparent-60: rgba(43, 46, 54, 0.6000);
|
|
1680
|
+
--wds-color-black-300-transparent-70: rgba(43, 46, 54, 0.7000);
|
|
1352
1681
|
--wds-color-black-400: #868aa5;
|
|
1353
1682
|
--wds-color-black-500: #acafc4;
|
|
1354
1683
|
--wds-color-black-550: #cfd1dc;
|
|
@@ -1365,6 +1694,9 @@
|
|
|
1365
1694
|
--wds-color-blue-400: #dce9ff;
|
|
1366
1695
|
--wds-color-blue-500: #ebf2ff;
|
|
1367
1696
|
--wds-color-blue-600: #f8faff;
|
|
1697
|
+
--wds-color-border-ai-active: #ffffff;
|
|
1698
|
+
--wds-color-border-ai-disabled: #ffffff;
|
|
1699
|
+
--wds-color-border-ai-hover: #ffffff;
|
|
1368
1700
|
--wds-color-border-ai-primary: #5a48f5;
|
|
1369
1701
|
--wds-color-border-dark-primary: #868aa5;
|
|
1370
1702
|
--wds-color-border-dark-primary-active: #2b2e36;
|
|
@@ -1467,10 +1799,13 @@
|
|
|
1467
1799
|
--wds-color-fill-accent-10: #1F8845;
|
|
1468
1800
|
--wds-color-fill-accent-11: #1B3689;
|
|
1469
1801
|
--wds-color-fill-accent-12: #ACAFC4;
|
|
1802
|
+
--wds-color-fill-ai: #ffffff;
|
|
1803
|
+
--wds-color-fill-ai-hover: #ffffff;
|
|
1470
1804
|
--wds-color-fill-ai-primary: #5a48f5;
|
|
1471
1805
|
--wds-color-fill-ai-primary-active: #5a48f5;
|
|
1472
1806
|
--wds-color-fill-ai-primary-disabled: #bebebe;
|
|
1473
1807
|
--wds-color-fill-ai-primary-hover: #4d3dd0;
|
|
1808
|
+
--wds-color-fill-ai-primary-pressed: #ffffff;
|
|
1474
1809
|
--wds-color-fill-ai-secondary: #d6d1fc;
|
|
1475
1810
|
--wds-color-fill-ai-secondary-active: #d6d1fc;
|
|
1476
1811
|
--wds-color-fill-ai-secondary-disabled: #e5e5e5;
|
|
@@ -1559,6 +1894,46 @@
|
|
|
1559
1894
|
--wds-color-fill-social-youtube-active: #ff0000;
|
|
1560
1895
|
--wds-color-fill-social-youtube-disabled: #bebebe;
|
|
1561
1896
|
--wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
|
|
1897
|
+
--wds-color-fill-stage-anchor: #ffffff;
|
|
1898
|
+
--wds-color-fill-stage-anchor-active: #ffffff;
|
|
1899
|
+
--wds-color-fill-stage-anchor-disabled: #bebebe;
|
|
1900
|
+
--wds-color-fill-stage-anchor-hover: #ffffff;
|
|
1901
|
+
--wds-color-fill-stage-cms: #2d3034;
|
|
1902
|
+
--wds-color-fill-stage-cms-active: #2d3034;
|
|
1903
|
+
--wds-color-fill-stage-cms-disabled: #bebebe;
|
|
1904
|
+
--wds-color-fill-stage-cms-hover: #2d3034;
|
|
1905
|
+
--wds-color-fill-stage-element-primary: #116dff;
|
|
1906
|
+
--wds-color-fill-stage-element-primary-active: #116dff;
|
|
1907
|
+
--wds-color-fill-stage-element-primary-disabled: #bebebe;
|
|
1908
|
+
--wds-color-fill-stage-element-primary-hover: #0f62e6;
|
|
1909
|
+
--wds-color-fill-stage-element-secondary: #dce9ff;
|
|
1910
|
+
--wds-color-fill-stage-element-secondary-active: #dce9ff;
|
|
1911
|
+
--wds-color-fill-stage-element-secondary-disabled: #e5e5e5;
|
|
1912
|
+
--wds-color-fill-stage-element-secondary-hover: #c3daff;
|
|
1913
|
+
--wds-color-fill-stage-interactions: #ff5c9f;
|
|
1914
|
+
--wds-color-fill-stage-interactions-active: #ff5c9f;
|
|
1915
|
+
--wds-color-fill-stage-interactions-disabled: #bebebe;
|
|
1916
|
+
--wds-color-fill-stage-interactions-hover: #ff5c9f;
|
|
1917
|
+
--wds-color-fill-stage-master-primary: #47cb2e;
|
|
1918
|
+
--wds-color-fill-stage-master-primary-active: #47cb2e;
|
|
1919
|
+
--wds-color-fill-stage-master-primary-disabled: #bebebe;
|
|
1920
|
+
--wds-color-fill-stage-master-primary-hover: #47cb2e;
|
|
1921
|
+
--wds-color-fill-stage-master-secondary: #e4f7e0;
|
|
1922
|
+
--wds-color-fill-stage-master-secondary-active: #a3e597;
|
|
1923
|
+
--wds-color-fill-stage-master-secondary-disabled: #e5e5e5;
|
|
1924
|
+
--wds-color-fill-stage-master-secondary-hover: #d1f2cb;
|
|
1925
|
+
--wds-color-fill-stage-padding: #18d9c2;
|
|
1926
|
+
--wds-color-fill-stage-padding-active: #18d9c2;
|
|
1927
|
+
--wds-color-fill-stage-padding-disabled: #bebebe;
|
|
1928
|
+
--wds-color-fill-stage-padding-hover: #18d9c2;
|
|
1929
|
+
--wds-color-fill-stage-section-primary: #116dff;
|
|
1930
|
+
--wds-color-fill-stage-section-primary-active: #116dff;
|
|
1931
|
+
--wds-color-fill-stage-section-primary-disabled: #bebebe;
|
|
1932
|
+
--wds-color-fill-stage-section-primary-hover: #0f62e6;
|
|
1933
|
+
--wds-color-fill-stage-section-secondary: #dce9ff;
|
|
1934
|
+
--wds-color-fill-stage-section-secondary-active: #dce9ff;
|
|
1935
|
+
--wds-color-fill-stage-section-secondary-disabled: #e5e5e5;
|
|
1936
|
+
--wds-color-fill-stage-section-secondary-hover: #c3daff;
|
|
1562
1937
|
--wds-color-fill-standard-light-primary: #7cafff;
|
|
1563
1938
|
--wds-color-fill-standard-light-primary-active: #418aff;
|
|
1564
1939
|
--wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
|
|
@@ -1606,6 +1981,18 @@
|
|
|
1606
1981
|
--wds-color-fill-surface-success: #e1f4eb;
|
|
1607
1982
|
--wds-color-fill-surface-sunken: #f7f8f8;
|
|
1608
1983
|
--wds-color-fill-surface-warning: #fef3e5;
|
|
1984
|
+
--wds-color-fill-transparent-neutral-primary: rgba(43, 46, 54, .5);
|
|
1985
|
+
--wds-color-fill-transparent-neutral-primary-active: rgba(43, 46, 54, .7);
|
|
1986
|
+
--wds-color-fill-transparent-neutral-primary-disabled: rgba(19, 23, 32, .2);
|
|
1987
|
+
--wds-color-fill-transparent-neutral-primary-hover: rgba(43, 46, 54, .6);
|
|
1988
|
+
--wds-color-fill-transparent-neutral-secondary: rgba(43, 46, 54, 0);
|
|
1989
|
+
--wds-color-fill-transparent-neutral-secondary-active: rgba(43, 46, 54, .7);
|
|
1990
|
+
--wds-color-fill-transparent-neutral-secondary-disabled: rgba(43, 46, 54, 0);
|
|
1991
|
+
--wds-color-fill-transparent-neutral-secondary-hover: rgba(43, 46, 54, .6);
|
|
1992
|
+
--wds-color-fill-transparent-neutral-tertiary: rgba(19, 23, 32, 0);
|
|
1993
|
+
--wds-color-fill-transparent-neutral-tertiary-active: rgba(19, 23, 32, .5);
|
|
1994
|
+
--wds-color-fill-transparent-neutral-tertiary-disabled: rgba(19, 23, 32, 0);
|
|
1995
|
+
--wds-color-fill-transparent-neutral-tertiary-hover: rgba(19, 23, 32, .5);
|
|
1609
1996
|
--wds-color-fill-transparent-primary: rgba(43, 46, 54, .5);
|
|
1610
1997
|
--wds-color-fill-transparent-primary-active: rgba(43, 46, 54, .7);
|
|
1611
1998
|
--wds-color-fill-transparent-primary-disabled: rgba(19, 23, 32, .2);
|
|
@@ -1614,6 +2001,10 @@
|
|
|
1614
2001
|
--wds-color-fill-transparent-secondary-active: rgba(43, 46, 54, .7);
|
|
1615
2002
|
--wds-color-fill-transparent-secondary-disabled: rgba(43, 46, 54, 0);
|
|
1616
2003
|
--wds-color-fill-transparent-secondary-hover: rgba(43, 46, 54, .6);
|
|
2004
|
+
--wds-color-fill-transparent-tertiary: rgba(19, 23, 32, 0);
|
|
2005
|
+
--wds-color-fill-transparent-tertiary-active: rgba(19, 23, 32, .5);
|
|
2006
|
+
--wds-color-fill-transparent-tertiary-disabled: rgba(19, 23, 32, 0);
|
|
2007
|
+
--wds-color-fill-transparent-tertiary-hover: rgba(19, 23, 32, .5);
|
|
1617
2008
|
--wds-color-fill-urgent-primary: #f96132;
|
|
1618
2009
|
--wds-color-fill-urgent-primary-active: #f96132;
|
|
1619
2010
|
--wds-color-fill-urgent-primary-disabled: #bebebe;
|
|
@@ -1685,6 +2076,9 @@
|
|
|
1685
2076
|
--wds-color-text-placeholder-light: #868aa5;
|
|
1686
2077
|
--wds-color-text-premium: #9a27d5;
|
|
1687
2078
|
--wds-color-text-primary: #116dff;
|
|
2079
|
+
--wds-color-text-stage-element: #116dff;
|
|
2080
|
+
--wds-color-text-stage-master: #47cb2e;
|
|
2081
|
+
--wds-color-text-stage-section: #116dff;
|
|
1688
2082
|
--wds-color-text-standard-primary: #131720;
|
|
1689
2083
|
--wds-color-text-standard-primary-light: #ffffff;
|
|
1690
2084
|
--wds-color-text-standard-secondary: #42454c;
|
|
@@ -1743,11 +2137,18 @@
|
|
|
1743
2137
|
--wds-custom-modal-content-padding-vertical: 24px;
|
|
1744
2138
|
--wds-custom-modal-footer-padding-horizon: 24px;
|
|
1745
2139
|
--wds-custom-modal-footer-padding-vertical: 16px;
|
|
2140
|
+
--wds-custom-modal-footnote-link-font-weight: 400;
|
|
1746
2141
|
--wds-custom-modal-footnote-padding-horizon: 24px;
|
|
1747
2142
|
--wds-custom-modal-footnote-padding-vertical: 12px;
|
|
2143
|
+
--wds-custom-modal-footnote-text-font-line-height: 16px;
|
|
2144
|
+
--wds-custom-modal-footnote-text-font-size: 12px;
|
|
1748
2145
|
--wds-custom-modal-header-padding-left: 24px;
|
|
1749
2146
|
--wds-custom-modal-header-padding-right: 8px;
|
|
1750
2147
|
--wds-custom-modal-header-padding-vertical: 16px;
|
|
2148
|
+
--wds-custom-modal-header-title-font-line-height: 20px;
|
|
2149
|
+
--wds-custom-modal-header-title-font-size: 14px;
|
|
2150
|
+
--wds-divider-fill-color-light-1: #e2e3ea;
|
|
2151
|
+
--wds-divider-fill-color-light-2: #e2e3ea;
|
|
1751
2152
|
--wds-dock-background-fill: #ebf2ff;
|
|
1752
2153
|
--wds-dock-background-fill-active: #dce9ff;
|
|
1753
2154
|
--wds-dock-background-fill-disabled: #e5e5e5;
|
|
@@ -1759,6 +2160,7 @@
|
|
|
1759
2160
|
--wds-dropdown-icon-fill: #42454c;
|
|
1760
2161
|
--wds-dropdown-layout-option-size-big: 40px;
|
|
1761
2162
|
--wds-dropdown-layout-option-size-small: 32px;
|
|
2163
|
+
--wds-dropdown-list-paddings: 0;
|
|
1762
2164
|
--wds-empty-state-border-radius: 4px;
|
|
1763
2165
|
--wds-empty-state-page-content-paddings: 24px;
|
|
1764
2166
|
--wds-empty-state-section-content-paddings: 24px;
|
|
@@ -1766,15 +2168,19 @@
|
|
|
1766
2168
|
--wds-field-set-gap-large: 16px;
|
|
1767
2169
|
--wds-field-set-gap-medium: 12px;
|
|
1768
2170
|
--wds-field-set-gap-small: 6px;
|
|
2171
|
+
--wds-field-set-label-fill: #42454c;
|
|
1769
2172
|
--wds-field-set-label-font-line-height-small: 16px;
|
|
1770
2173
|
--wds-field-set-label-font-line-height-tiny: 16px;
|
|
1771
2174
|
--wds-field-set-label-font-size-small: 12px;
|
|
1772
2175
|
--wds-field-set-label-font-size-tiny: 11px;
|
|
2176
|
+
--wds-field-set-label-font-weight: 400;
|
|
1773
2177
|
--wds-field-set-label-gap-small: 8px;
|
|
1774
2178
|
--wds-field-set-label-gap-tiny: 6px;
|
|
2179
|
+
--wds-floating-helper-main-action-padding-top: 16px;
|
|
1775
2180
|
--wds-floating-helper-padding-horizontal: 32px;
|
|
1776
2181
|
--wds-floating-helper-padding-vertical: 28px;
|
|
1777
2182
|
--wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
2183
|
+
--wds-font-family-heading: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
1778
2184
|
--wds-font-letter-spacing-0: 0;
|
|
1779
2185
|
--wds-font-letter-spacing-100: 1px;
|
|
1780
2186
|
--wds-font-letter-spacing-heading-1: 0;
|
|
@@ -1817,6 +2223,7 @@
|
|
|
1817
2223
|
--wds-font-size-heading-4: 18px;
|
|
1818
2224
|
--wds-font-size-heading-5: 11px;
|
|
1819
2225
|
--wds-font-size-heading-6: 12px;
|
|
2226
|
+
--wds-font-weight-body-bold: 700;
|
|
1820
2227
|
--wds-font-weight-bold: 700;
|
|
1821
2228
|
--wds-font-weight-heading-1: 700;
|
|
1822
2229
|
--wds-font-weight-heading-2: 700;
|
|
@@ -1826,12 +2233,17 @@
|
|
|
1826
2233
|
--wds-font-weight-heading-6: 400;
|
|
1827
2234
|
--wds-font-weight-medium: 500;
|
|
1828
2235
|
--wds-font-weight-regular: 400;
|
|
2236
|
+
--wds-font-weight-semi-bold: 600;
|
|
2237
|
+
--wds-form-field-label-fill: #42454c;
|
|
1829
2238
|
--wds-form-field-label-font-line-height-small: 16px;
|
|
1830
2239
|
--wds-form-field-label-font-line-height-tiny: 16px;
|
|
1831
2240
|
--wds-form-field-label-font-size-small: 12px;
|
|
1832
2241
|
--wds-form-field-label-font-size-tiny: 11px;
|
|
2242
|
+
--wds-form-field-label-font-weight: 400;
|
|
1833
2243
|
--wds-form-field-label-gap-small: 8px;
|
|
1834
2244
|
--wds-form-field-label-gap-tiny: 6px;
|
|
2245
|
+
--wds-form-field-label-line-height-small: 16px;
|
|
2246
|
+
--wds-form-field-label-line-height-tiny: 16px;
|
|
1835
2247
|
--wds-gallery-item-border: 4px;
|
|
1836
2248
|
--wds-gallery-item-padding-left-medium: 18px;
|
|
1837
2249
|
--wds-gallery-item-padding-left-small: 12px;
|
|
@@ -1851,6 +2263,8 @@
|
|
|
1851
2263
|
--wds-input-area-padding-right-small: 6px;
|
|
1852
2264
|
--wds-input-area-padding-vertical-medium: 6px;
|
|
1853
2265
|
--wds-input-area-padding-vertical-small: 6px;
|
|
2266
|
+
--wds-input-background-fill-default: #ffffff;
|
|
2267
|
+
--wds-input-background-fill-hover: #f7f8f8;
|
|
1854
2268
|
--wds-input-border-radius-default-large: 4px;
|
|
1855
2269
|
--wds-input-border-radius-default-medium: 4px;
|
|
1856
2270
|
--wds-input-border-radius-default-small: 4px;
|
|
@@ -1888,13 +2302,35 @@
|
|
|
1888
2302
|
--wds-input-width-medium: 72px;
|
|
1889
2303
|
--wds-input-width-small: 56px;
|
|
1890
2304
|
--wds-input-width-tiny: 48px;
|
|
2305
|
+
--wds-internal-color-picker-padding-horizontal: 16px;
|
|
2306
|
+
--wds-internal-color-picker-padding-vertical: 12px;
|
|
2307
|
+
--wds-internal-color-picker-width: 236px;
|
|
2308
|
+
--wds-internal-image-height-large: 120px;
|
|
2309
|
+
--wds-internal-image-height-medium: 84px;
|
|
2310
|
+
--wds-internal-image-height-small: 60px;
|
|
2311
|
+
--wds-internal-image-width-large: 240px;
|
|
2312
|
+
--wds-internal-image-width-medium: 156px;
|
|
2313
|
+
--wds-internal-image-width-small: 122px;
|
|
2314
|
+
--wds-internal-image-width-tiny: 106px;
|
|
2315
|
+
--wds-internal-thumbnail-illustration-size-large: 114px;
|
|
2316
|
+
--wds-internal-thumbnail-illustration-size-medium: 72px;
|
|
2317
|
+
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
2318
|
+
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
1891
2319
|
--wds-linear-progress-bar-border-radius: 0;
|
|
2320
|
+
--wds-list-item-action-border-radius: 0;
|
|
2321
|
+
--wds-list-item-action-label-font-line-height-medium: 20px;
|
|
2322
|
+
--wds-list-item-action-label-font-line-height-small: 16px;
|
|
2323
|
+
--wds-list-item-action-label-font-size-medium: 14px;
|
|
2324
|
+
--wds-list-item-action-label-font-size-small: 12px;
|
|
1892
2325
|
--wds-list-item-action-padding-horizontal-medium: 12px;
|
|
1893
2326
|
--wds-list-item-action-padding-horizontal-small: 12px;
|
|
1894
2327
|
--wds-list-item-action-padding-vertical-medium: 4px;
|
|
1895
2328
|
--wds-list-item-action-padding-vertical-medium-screen-small: 8px;
|
|
1896
2329
|
--wds-list-item-action-padding-vertical-small: 4px;
|
|
1897
2330
|
--wds-list-item-action-padding-vertical-small-screen-small: 8px;
|
|
2331
|
+
--wds-list-item-action-prefix-margin: 4px;
|
|
2332
|
+
--wds-list-item-action-subtitle-font-line-height-medium: 16px;
|
|
2333
|
+
--wds-list-item-action-subtitle-font-size-medium: 12px;
|
|
1898
2334
|
--wds-list-item-gap-columns: 24px;
|
|
1899
2335
|
--wds-list-item-indentation-level-2: 12px;
|
|
1900
2336
|
--wds-list-item-indentation-level-3: 28px;
|
|
@@ -1935,12 +2371,19 @@
|
|
|
1935
2371
|
--wds-list-item-select-icon-padding-vertical-medium: 4px;
|
|
1936
2372
|
--wds-list-item-select-padding-horizontal-medium: 8px;
|
|
1937
2373
|
--wds-list-item-select-padding-horizontal-small: 8px;
|
|
2374
|
+
--wds-list-item-select-padding-left-medium: 12px;
|
|
2375
|
+
--wds-list-item-select-padding-left-small: 12px;
|
|
2376
|
+
--wds-list-item-select-padding-right-medium: 16px;
|
|
2377
|
+
--wds-list-item-select-padding-right-small: 16px;
|
|
1938
2378
|
--wds-list-item-select-padding-vertical-medium: 4px;
|
|
1939
2379
|
--wds-list-item-select-padding-vertical-medium-screen-small: 8px;
|
|
1940
2380
|
--wds-list-item-select-padding-vertical-small: 4px;
|
|
1941
2381
|
--wds-list-item-select-padding-vertical-small-screen-small: 8px;
|
|
2382
|
+
--wds-list-item-select-prefix-margin: 6px;
|
|
1942
2383
|
--wds-list-item-select-subtitle: #868aa5;
|
|
1943
2384
|
--wds-list-item-select-subtitle-disabled: #bebebe;
|
|
2385
|
+
--wds-list-item-select-subtitle-font-line-height-medium: 16px;
|
|
2386
|
+
--wds-list-item-select-subtitle-font-size-medium: 12px;
|
|
1944
2387
|
--wds-list-item-select-title: #131720;
|
|
1945
2388
|
--wds-list-item-select-title-disabled: #bebebe;
|
|
1946
2389
|
--wds-loader-fill: #dce9ff;
|
|
@@ -1964,12 +2407,25 @@
|
|
|
1964
2407
|
--wds-marketing-page-paddings-vertical-medium: 20px;
|
|
1965
2408
|
--wds-message-modal-content-padding-horizontal: 24px;
|
|
1966
2409
|
--wds-message-modal-content-padding-top: 20px;
|
|
2410
|
+
--wds-message-modal-footer-padding-horizontal: 24px;
|
|
2411
|
+
--wds-message-modal-footer-padding-vertical: 24px;
|
|
2412
|
+
--wds-message-modal-text-font-line-height: 20px;
|
|
2413
|
+
--wds-message-modal-text-font-size: 14px;
|
|
2414
|
+
--wds-message-modal-title-font-line-height: 24px;
|
|
2415
|
+
--wds-message-modal-title-font-size: 18px;
|
|
1967
2416
|
--wds-mobile-modal-content-padding-horizontal: 24px;
|
|
1968
2417
|
--wds-mobile-modal-content-padding-vertical: 24px;
|
|
1969
2418
|
--wds-mobile-modal-footer-padding-horizontal: 24px;
|
|
1970
2419
|
--wds-mobile-modal-footer-padding-vertical: 24px;
|
|
2420
|
+
--wds-multiselect-icon-fill: #42454c;
|
|
2421
|
+
--wds-notification-fill-error: #f1695f;
|
|
2422
|
+
--wds-notification-fill-premium: #c161f0;
|
|
2423
|
+
--wds-notification-fill-standard: #418aff;
|
|
2424
|
+
--wds-notification-fill-success: #51b77b;
|
|
2425
|
+
--wds-notification-fill-warning: #f9ad4d;
|
|
1971
2426
|
--wds-notification-padding-horizontal: 8px;
|
|
1972
2427
|
--wds-notification-padding-vertical: 8px;
|
|
2428
|
+
--wds-number-input-icon-fill: #42454c;
|
|
1973
2429
|
--wds-page-header-padding-horizontal: 48px;
|
|
1974
2430
|
--wds-page-header-padding-vertical: 24px;
|
|
1975
2431
|
--wds-page-header-padding-vertical-small: 18px;
|
|
@@ -1981,6 +2437,8 @@
|
|
|
1981
2437
|
--wds-pagination-padding-vertical: 2px;
|
|
1982
2438
|
--wds-palette-border: 4px;
|
|
1983
2439
|
--wds-popover-border: 4px;
|
|
2440
|
+
--wds-popover-menu-paddings-horizontal: 0;
|
|
2441
|
+
--wds-popover-menu-paddings-vertical: 8px;
|
|
1984
2442
|
--wds-radio-border: #868aa5;
|
|
1985
2443
|
--wds-radio-border-active: #116dff;
|
|
1986
2444
|
--wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
|
|
@@ -2037,10 +2495,19 @@
|
|
|
2037
2495
|
--wds-section-helper-fullwidth-vertical-padding-small: 6px;
|
|
2038
2496
|
--wds-section-helper-horizontal-margin: 4px;
|
|
2039
2497
|
--wds-section-helper-prefix-offset-margin: 4px;
|
|
2498
|
+
--wds-section-helper-prefix-offset-medium: 16px;
|
|
2040
2499
|
--wds-section-helper-text-font-line-height: 16px;
|
|
2041
2500
|
--wds-section-helper-text-font-size: 12px;
|
|
2042
2501
|
--wds-segmented-toggle-border-radius-medium: 4px;
|
|
2043
2502
|
--wds-segmented-toggle-border-radius-small: 4px;
|
|
2503
|
+
--wds-segmented-toggle-default-fill-default: #131720;
|
|
2504
|
+
--wds-segmented-toggle-default-fill-hover: #131720;
|
|
2505
|
+
--wds-segmented-toggle-default-fill-selected: #131720;
|
|
2506
|
+
--wds-segmented-toggle-default-fill-selected-disabled: #bebebe;
|
|
2507
|
+
--wds-segmented-toggle-fill-default: rgba(255, 255, 255, 0);
|
|
2508
|
+
--wds-segmented-toggle-fill-hover: #f7f8f8;
|
|
2509
|
+
--wds-segmented-toggle-fill-selected: rgba(255, 255, 255, 0);
|
|
2510
|
+
--wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
|
|
2044
2511
|
--wds-segmented-toggle-icononly-padding-horizontal-medium: 4px;
|
|
2045
2512
|
--wds-segmented-toggle-icononly-padding-horizontal-small: 4px;
|
|
2046
2513
|
--wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
|
|
@@ -2055,6 +2522,8 @@
|
|
|
2055
2522
|
--wds-segmented-toggle-padding-vertical-small: 4px;
|
|
2056
2523
|
--wds-segmented-toggle-size-medium: 32px;
|
|
2057
2524
|
--wds-segmented-toggle-size-small: 28px;
|
|
2525
|
+
--wds-segmented-toggle-width-default: 0;
|
|
2526
|
+
--wds-segmented-toggle-width-selected: 0;
|
|
2058
2527
|
--wds-select-area-border-radius: 4px;
|
|
2059
2528
|
--wds-select-area-fill: #f7f8f8;
|
|
2060
2529
|
--wds-select-area-fill-active: #dce9ff;
|
|
@@ -2074,14 +2543,31 @@
|
|
|
2074
2543
|
--wds-selector-button-size-large: 36px;
|
|
2075
2544
|
--wds-selector-button-size-medium: 32px;
|
|
2076
2545
|
--wds-selector-button-size-small: 28px;
|
|
2546
|
+
--wds-selector-list-item-padding-horizontal-medium: 24px;
|
|
2547
|
+
--wds-selector-list-item-padding-horizontal-small: 16px;
|
|
2548
|
+
--wds-selector-list-item-padding-vertical-medium: 8px;
|
|
2549
|
+
--wds-selector-list-item-padding-vertical-small: 4px;
|
|
2077
2550
|
--wds-shadow-100: 0 2px 7px rgba(19, 23, 32, .2);
|
|
2078
2551
|
--wds-shadow-200: 0 0 12px rgba(19, 23, 32, .2);
|
|
2079
2552
|
--wds-shadow-300: 0 12px 20px rgba(19, 23, 32, .1);
|
|
2080
2553
|
--wds-shadow-400: 0 5px 18px rgba(19, 23, 32, .2);
|
|
2554
|
+
--wds-shadow-blur-50: 4;
|
|
2555
|
+
--wds-shadow-blur-100: 4;
|
|
2556
|
+
--wds-shadow-blur-150: 6;
|
|
2557
|
+
--wds-shadow-blur-200: 18;
|
|
2558
|
+
--wds-shadow-blur-400: 24;
|
|
2559
|
+
--wds-shadow-fill-primary-modal: rgba(19, 23, 32, .2);
|
|
2560
|
+
--wds-shadow-fill-primary-overlay: rgba(19, 23, 32, .1);
|
|
2561
|
+
--wds-shadow-fill-primary-raised: rgba(19, 23, 32, .1);
|
|
2562
|
+
--wds-shadow-fill-secondary-modal: rgba(19, 23, 32, .1);
|
|
2563
|
+
--wds-shadow-fill-secondary-overlay: rgba(19, 23, 32, .05);
|
|
2564
|
+
--wds-shadow-fill-secondary-raised: rgba(19, 23, 32, .05);
|
|
2565
|
+
--wds-shadow-fill-secondary-toggle: rgba(19, 23, 32, 0);
|
|
2081
2566
|
--wds-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
|
|
2082
2567
|
--wds-shadow-focus-inner-destructive: 0 0 0 3px #fbd0cd inset;
|
|
2083
2568
|
--wds-shadow-focus-inner-standard: 0 0 0 3px #c3daff inset;
|
|
2084
2569
|
--wds-shadow-focus-inner-warning: 0 0 0 3px #fdead2 inset;
|
|
2570
|
+
--wds-shadow-focus-spread: 0;
|
|
2085
2571
|
--wds-shadow-focus-standard: 0 0 0 3px #c3daff;
|
|
2086
2572
|
--wds-shadow-focus-warning: 0 0 0 3px #fdead2;
|
|
2087
2573
|
--wds-shadow-inner-100: 1px 1px 2px rgba(19, 23, 32, .1) inset, 1px 1px 2px rgba(255, 255, 255, .1);
|
|
@@ -2104,6 +2590,11 @@
|
|
|
2104
2590
|
--wds-shadow-surface-overlay: 0 12px 20px rgba(19, 23, 32, .1);
|
|
2105
2591
|
--wds-shadow-surface-overlay-dark: 0 12px 20px rgba(19, 23, 32, .1);
|
|
2106
2592
|
--wds-shadow-surface-raised: 0 0 12px rgba(19, 23, 32, .2);
|
|
2593
|
+
--wds-shadow-y-100: 0;
|
|
2594
|
+
--wds-shadow-y-200: 0;
|
|
2595
|
+
--wds-shadow-y-300: 0;
|
|
2596
|
+
--wds-shadow-y-350: 0;
|
|
2597
|
+
--wds-side-panel-back-button-top-padding: 2px;
|
|
2107
2598
|
--wds-side-panel-content-padding-horizontal: 24px;
|
|
2108
2599
|
--wds-side-panel-content-padding-vertical: 24px;
|
|
2109
2600
|
--wds-side-panel-control-layout-divider-border-width: 0;
|
|
@@ -2113,6 +2604,11 @@
|
|
|
2113
2604
|
--wds-side-panel-floating-header-padding-left: 24px;
|
|
2114
2605
|
--wds-side-panel-floating-header-padding-right: 8px;
|
|
2115
2606
|
--wds-side-panel-floating-header-padding-vertical: 12px;
|
|
2607
|
+
--wds-side-panel-floating-max-height: 576px;
|
|
2608
|
+
--wds-side-panel-floating-title-font-line-height: 24px;
|
|
2609
|
+
--wds-side-panel-floating-title-font-size: 16px;
|
|
2610
|
+
--wds-side-panel-footer-border-width: 0;
|
|
2611
|
+
--wds-side-panel-footer-fill: #ffffff;
|
|
2116
2612
|
--wds-side-panel-footer-padding-horizontal: 24px;
|
|
2117
2613
|
--wds-side-panel-footer-padding-vertical: 16px;
|
|
2118
2614
|
--wds-side-panel-footnote-padding-horizontal: 24px;
|
|
@@ -2120,6 +2616,10 @@
|
|
|
2120
2616
|
--wds-side-panel-header-padding-left: 24px;
|
|
2121
2617
|
--wds-side-panel-header-padding-right: 8px;
|
|
2122
2618
|
--wds-side-panel-header-padding-vertical: 16px;
|
|
2619
|
+
--wds-side-panel-title-font-letter-spacing: 0;
|
|
2620
|
+
--wds-side-panel-title-font-line-height: 24px;
|
|
2621
|
+
--wds-side-panel-title-font-size: 18px;
|
|
2622
|
+
--wds-sidebar-clear-button-fill: #5a5d63;
|
|
2123
2623
|
--wds-sidebar-divider-fill-dark-default: #42454C;
|
|
2124
2624
|
--wds-sidebar-divider-fill-light-default: #cfd1dc;
|
|
2125
2625
|
--wds-sidebar-divider-fill-neutral-default: #cfd1dc;
|
|
@@ -2164,6 +2664,7 @@
|
|
|
2164
2664
|
--wds-sidebar-item-text-neutral-active: #084ebd;
|
|
2165
2665
|
--wds-sidebar-item-text-neutral-default: #42454c;
|
|
2166
2666
|
--wds-sidebar-item-text-neutral-disabled: #bebebe;
|
|
2667
|
+
--wds-sidebar-item-title: #acafc4;
|
|
2167
2668
|
--wds-sidebar-minimize-action-fill-dark-default: #42454C;
|
|
2168
2669
|
--wds-sidebar-minimize-action-fill-light-default: #dce9ff;
|
|
2169
2670
|
--wds-sidebar-minimize-action-fill-neutral-default: #dce9ff;
|
|
@@ -2182,11 +2683,18 @@
|
|
|
2182
2683
|
--wds-skeleton-border-radius-circle: 1000px;
|
|
2183
2684
|
--wds-skeleton-border-radius-line: 4px;
|
|
2184
2685
|
--wds-skeleton-border-radius-rectangle: 4px;
|
|
2686
|
+
--wds-slider-slider-knob-border-width: 4px;
|
|
2687
|
+
--wds-slider-slider-knob-border-width-hover: 12px;
|
|
2688
|
+
--wds-slider-slider-knob-color: #116dff;
|
|
2689
|
+
--wds-slider-slider-knob-color-hover: #0f62e6;
|
|
2690
|
+
--wds-slider-slider-knob-shadow: false;
|
|
2185
2691
|
--wds-slider-slider-knob-size: 12px;
|
|
2692
|
+
--wds-slider-slider-knob-size-hover: 18px;
|
|
2186
2693
|
--wds-slider-slider-knob-size-transparent: 16px;
|
|
2187
2694
|
--wds-slider-slider-mark-size: 8px;
|
|
2188
|
-
--wds-slider-track-border-border-radius
|
|
2189
|
-
--wds-slider-track-border-radius: 1000px;
|
|
2695
|
+
--wds-slider-track-border-border-radius: 1000px;
|
|
2696
|
+
--wds-slider-track-border-radius-transparent: 1000px;
|
|
2697
|
+
--wds-slider-track-color: #dce9ff;
|
|
2190
2698
|
--wds-slider-track-size: 2px;
|
|
2191
2699
|
--wds-slider-track-size-transparent: 2px;
|
|
2192
2700
|
--wds-social-post-preview-content-padding-horizontal: 12px;
|
|
@@ -2201,14 +2709,18 @@
|
|
|
2201
2709
|
--wds-space-200: 8px;
|
|
2202
2710
|
--wds-space-250: 10px;
|
|
2203
2711
|
--wds-space-300: 12px;
|
|
2712
|
+
--wds-space-350: 14px;
|
|
2204
2713
|
--wds-space-400: 16px;
|
|
2205
2714
|
--wds-space-475: 18px;
|
|
2206
2715
|
--wds-space-500: 20px;
|
|
2207
2716
|
--wds-space-600: 24px;
|
|
2208
2717
|
--wds-space-700: 28px;
|
|
2209
2718
|
--wds-space-800: 32px;
|
|
2719
|
+
--wds-space-850: 34px;
|
|
2210
2720
|
--wds-space-900: 36px;
|
|
2721
|
+
--wds-space-950: 38px;
|
|
2211
2722
|
--wds-space-1000: 40px;
|
|
2723
|
+
--wds-space-1050: 42px;
|
|
2212
2724
|
--wds-space-1100: 44px;
|
|
2213
2725
|
--wds-space-1200: 48px;
|
|
2214
2726
|
--wds-space-1300: 52px;
|
|
@@ -2238,11 +2750,18 @@
|
|
|
2238
2750
|
--wds-swatches-swatch-active-border-radius-small: 5px;
|
|
2239
2751
|
--wds-swatches-swatch-border-radius-medium: 4px;
|
|
2240
2752
|
--wds-swatches-swatch-border-radius-small: 2px;
|
|
2753
|
+
--wds-swatches-swatch-size-extra-tiny: 18px;
|
|
2241
2754
|
--wds-swatches-swatch-size-large: 36px;
|
|
2242
2755
|
--wds-swatches-swatch-size-medium: 32px;
|
|
2243
2756
|
--wds-swatches-swatch-size-small: 28px;
|
|
2244
2757
|
--wds-swatches-swatch-size-tiny: 24px;
|
|
2245
2758
|
--wds-swatches-swatch-size-x-tiny: 18px;
|
|
2759
|
+
--wds-table-list-item-border-radius: 0;
|
|
2760
|
+
--wds-table-list-item-gap: 24px;
|
|
2761
|
+
--wds-table-list-item-indentation-level-2: 12px;
|
|
2762
|
+
--wds-table-list-item-indentation-level-3: 28px;
|
|
2763
|
+
--wds-table-list-item-paddings: 0;
|
|
2764
|
+
--wds-table-toolbar-padding-horizontal: 24px;
|
|
2246
2765
|
--wds-tabs-gap-medium: 8px;
|
|
2247
2766
|
--wds-tabs-gap-small: 6px;
|
|
2248
2767
|
--wds-tabs-label-font-size-small: 12px;
|
|
@@ -2255,6 +2774,8 @@
|
|
|
2255
2774
|
--wds-tag-border-radius-medium: 4px;
|
|
2256
2775
|
--wds-tag-border-radius-small: 4px;
|
|
2257
2776
|
--wds-tag-border-radius-tiny: 4px;
|
|
2777
|
+
--wds-tag-label-font-line-height-small: 12px;
|
|
2778
|
+
--wds-tag-label-font-size-small: 12px;
|
|
2258
2779
|
--wds-tag-padding-horizontal-large: 16px;
|
|
2259
2780
|
--wds-tag-padding-horizontal-medium: 12px;
|
|
2260
2781
|
--wds-tag-padding-horizontal-small: 12px;
|
|
@@ -2269,7 +2790,35 @@
|
|
|
2269
2790
|
--wds-tag-size-tiny: 20px;
|
|
2270
2791
|
--wds-testimonial-list-gap: 24px;
|
|
2271
2792
|
--wds-thumbnail-border-radius: 4px;
|
|
2793
|
+
--wds-thumbnail-border-width-default: 0;
|
|
2794
|
+
--wds-thumbnail-fill: rgba(255, 255, 255, 0);
|
|
2795
|
+
--wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
|
|
2272
2796
|
--wds-thumbnail-gap: 12px;
|
|
2797
|
+
--wds-thumbnail-illustration-fill-1: #868aa5;
|
|
2798
|
+
--wds-thumbnail-illustration-fill-2: #131720;
|
|
2799
|
+
--wds-thumbnail-illustration-fill-3: #f7f8f8;
|
|
2800
|
+
--wds-thumbnail-subtitle-fill: #42454c;
|
|
2801
|
+
--wds-thumbnail-subtitle-font-line-height-tiny: 16px;
|
|
2802
|
+
--wds-thumbnail-subtitle-font-size-tiny: 12px;
|
|
2803
|
+
--wds-thumbnail-title-font-line-height-tiny: 16px;
|
|
2804
|
+
--wds-thumbnail-title-font-size-tiny: 12px;
|
|
2805
|
+
--wds-thumbnail-title-font-weight-tiny: 400;
|
|
2806
|
+
--wds-thumbnail-title-padding-top: 4px;
|
|
2807
|
+
--wds-timeline-title-font-line-height: 16px;
|
|
2808
|
+
--wds-timeline-title-font-size: 12px;
|
|
2809
|
+
--wds-toggle-button-border-radius-square-large: 6px;
|
|
2810
|
+
--wds-toggle-button-border-radius-square-medium: 6px;
|
|
2811
|
+
--wds-toggle-button-border-radius-square-small: 4px;
|
|
2812
|
+
--wds-toggle-button-border-radius-square-tiny: 4px;
|
|
2813
|
+
--wds-toggle-button-label-font-weight: 400;
|
|
2814
|
+
--wds-toggle-button-padding-horizontal-large: 16px;
|
|
2815
|
+
--wds-toggle-button-padding-horizontal-large-round: 16px;
|
|
2816
|
+
--wds-toggle-button-padding-horizontal-medium: 12px;
|
|
2817
|
+
--wds-toggle-button-padding-horizontal-medium-round: 16px;
|
|
2818
|
+
--wds-toggle-button-padding-horizontal-small: 12px;
|
|
2819
|
+
--wds-toggle-button-padding-horizontal-small-round: 16px;
|
|
2820
|
+
--wds-toggle-button-padding-horizontal-tiny: 6px;
|
|
2821
|
+
--wds-toggle-button-padding-horizontal-tiny-round: 12px;
|
|
2273
2822
|
--wds-toggle-button-padding-left-large: 8px;
|
|
2274
2823
|
--wds-toggle-button-padding-left-large-round: 12px;
|
|
2275
2824
|
--wds-toggle-button-padding-left-medium: 6px;
|
|
@@ -2310,6 +2859,7 @@
|
|
|
2310
2859
|
--wds-toggle-switch-fill-urgent-active-hover: #d4522b;
|
|
2311
2860
|
--wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
|
|
2312
2861
|
--wds-toggle-switch-fill-urgent-hover: #42454c;
|
|
2862
|
+
--wds-toggle-switch-icon: false;
|
|
2313
2863
|
--wds-toggle-switch-knob-size-large: 20px;
|
|
2314
2864
|
--wds-toggle-switch-knob-size-medium: 16px;
|
|
2315
2865
|
--wds-toggle-switch-knob-size-small: 12px;
|
|
@@ -2320,6 +2870,7 @@
|
|
|
2320
2870
|
--wds-toggle-switch-width-medium: 28px;
|
|
2321
2871
|
--wds-toggle-switch-width-small: 24px;
|
|
2322
2872
|
--wds-tooltip-background-fill: #ffffff;
|
|
2873
|
+
--wds-tooltip-border-radius: #ffffff;
|
|
2323
2874
|
--wds-tooltip-border-radius-medium: 8px;
|
|
2324
2875
|
--wds-tooltip-border-radius-small: 8px;
|
|
2325
2876
|
--wds-tooltip-padding-horizontal-medium: 16px;
|
|
@@ -2341,6 +2892,7 @@
|
|
|
2341
2892
|
--wds-vertical-tabs-icon-padding-horizontal-small: 8px;
|
|
2342
2893
|
--wds-vertical-tabs-icon-padding-vertical-medium: 8px;
|
|
2343
2894
|
--wds-vertical-tabs-icon-padding-vertical-small: 8px;
|
|
2895
|
+
--wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
|
|
2344
2896
|
--wds-vertical-tabs-item-fill-light: #ffffff;
|
|
2345
2897
|
--wds-vertical-tabs-item-fill-light-active: #dce9ff;
|
|
2346
2898
|
--wds-vertical-tabs-item-fill-light-disabled: #ffffff;
|
|
@@ -2376,6 +2928,16 @@
|
|
|
2376
2928
|
--wds-vertical-tabs-item-padding-vertical-medium: 8px;
|
|
2377
2929
|
--wds-vertical-tabs-item-padding-vertical-small: 8px;
|
|
2378
2930
|
--wds-vertical-tabs-item-padding-vertical-tiny: 4px;
|
|
2931
|
+
--wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
|
|
2932
|
+
--wds-vertical-tabs-item-pill-fill-standard: #ffffff;
|
|
2933
|
+
--wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
|
|
2934
|
+
--wds-vertical-tabs-item-round-disabled: #ffffff;
|
|
2935
|
+
--wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
|
|
2936
|
+
--wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
|
|
2937
|
+
--wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
|
|
2938
|
+
--wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
|
|
2939
|
+
--wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
|
|
2940
|
+
--wds-vertical-tabs-item-round-padding-top-tiny: 4px;
|
|
2379
2941
|
--wds-vertical-tabs-section-text-font-line-height-small: 16px;
|
|
2380
2942
|
--wds-vertical-tabs-section-text-font-size-small: 12px;
|
|
2381
2943
|
--wds-vertical-tabs-section-text-font-weight-small: 700;
|
|
@@ -2388,4 +2950,6 @@
|
|
|
2388
2950
|
--wds-vertical-tabs-section-title-padding-top-medium: 24px;
|
|
2389
2951
|
--wds-vertical-tabs-section-title-padding-top-small: 16px;
|
|
2390
2952
|
--wds-vertical-tabs-section-title-padding-top-tiny: 4px;
|
|
2953
|
+
--wds-width-default: 1px;
|
|
2954
|
+
--wds-width-default-2: 1px;
|
|
2391
2955
|
}
|