@wix/design-system-tokens 1.81.0 → 1.83.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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/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);
|
|
@@ -73,6 +97,7 @@
|
|
|
73
97
|
@property st-global(--wds-button-icon-offset-medium);
|
|
74
98
|
@property st-global(--wds-button-icon-offset-small);
|
|
75
99
|
@property st-global(--wds-button-icon-offset-tiny);
|
|
100
|
+
@property st-global(--wds-button-label-font-size-large);
|
|
76
101
|
@property st-global(--wds-button-outline-hover);
|
|
77
102
|
@property st-global(--wds-button-padding-horizontal-large);
|
|
78
103
|
@property st-global(--wds-button-padding-horizontal-medium);
|
|
@@ -92,9 +117,23 @@
|
|
|
92
117
|
@property st-global(--wds-button-size-tiny-screen-small);
|
|
93
118
|
@property st-global(--wds-button-size-x-tiny);
|
|
94
119
|
@property st-global(--wds-button-text-hover);
|
|
120
|
+
@property st-global(--wds-button-text-standard-primary);
|
|
121
|
+
@property st-global(--wds-button-text-standard-primary-hover);
|
|
95
122
|
@property st-global(--wds-card-border);
|
|
96
123
|
@property st-global(--wds-card-content-paddings-horizontal);
|
|
97
124
|
@property st-global(--wds-card-content-paddings-vertical);
|
|
125
|
+
@property st-global(--wds-card-gallery-item-border-radius-0);
|
|
126
|
+
@property st-global(--wds-card-gallery-item-border-radius-100);
|
|
127
|
+
@property st-global(--wds-card-gallery-item-content-margin-vertical);
|
|
128
|
+
@property st-global(--wds-card-gallery-item-fill);
|
|
129
|
+
@property st-global(--wds-card-gallery-item-overlay-fill);
|
|
130
|
+
@property st-global(--wds-card-gallery-item-padding-left-medium);
|
|
131
|
+
@property st-global(--wds-card-gallery-item-padding-left-small);
|
|
132
|
+
@property st-global(--wds-card-gallery-item-padding-right-medium);
|
|
133
|
+
@property st-global(--wds-card-gallery-item-padding-right-small);
|
|
134
|
+
@property st-global(--wds-card-gallery-item-padding-vertical-medium);
|
|
135
|
+
@property st-global(--wds-card-gallery-item-padding-vertical-small);
|
|
136
|
+
@property st-global(--wds-card-gallery-item-title-font-size-medium);
|
|
98
137
|
@property st-global(--wds-card-header-paddings-horizontal);
|
|
99
138
|
@property st-global(--wds-card-header-paddings-vertical);
|
|
100
139
|
@property st-global(--wds-card-tab-padding-horizontal-medium);
|
|
@@ -117,6 +156,8 @@
|
|
|
117
156
|
@property st-global(--wds-checkbox-group-gap-vertical);
|
|
118
157
|
@property st-global(--wds-checkbox-icon);
|
|
119
158
|
@property st-global(--wds-checkbox-icon-disabled);
|
|
159
|
+
@property st-global(--wds-checkbox-label-font-line-height-small);
|
|
160
|
+
@property st-global(--wds-checkbox-label-font-size-small);
|
|
120
161
|
@property st-global(--wds-circular-progress-bar-background-fill-error);
|
|
121
162
|
@property st-global(--wds-circular-progress-bar-background-fill-premium);
|
|
122
163
|
@property st-global(--wds-circular-progress-bar-background-fill-standard);
|
|
@@ -128,6 +169,7 @@
|
|
|
128
169
|
@property st-global(--wds-circular-progress-bar-size-large);
|
|
129
170
|
@property st-global(--wds-circular-progress-bar-size-medium);
|
|
130
171
|
@property st-global(--wds-circular-progress-bar-size-small);
|
|
172
|
+
@property st-global(--wds-circular-progress-bar-size-tiny);
|
|
131
173
|
@property st-global(--wds-close-button-standard-fill-active);
|
|
132
174
|
@property st-global(--wds-close-button-standard-fill-disabled);
|
|
133
175
|
@property st-global(--wds-close-button-standard-fill-hover);
|
|
@@ -153,6 +195,10 @@
|
|
|
153
195
|
@property st-global(--wds-color-black-200-transparent-60);
|
|
154
196
|
@property st-global(--wds-color-black-200-transparent-70);
|
|
155
197
|
@property st-global(--wds-color-black-300);
|
|
198
|
+
@property st-global(--wds-color-black-300-transparent-0);
|
|
199
|
+
@property st-global(--wds-color-black-300-transparent-50);
|
|
200
|
+
@property st-global(--wds-color-black-300-transparent-60);
|
|
201
|
+
@property st-global(--wds-color-black-300-transparent-70);
|
|
156
202
|
@property st-global(--wds-color-black-400);
|
|
157
203
|
@property st-global(--wds-color-black-500);
|
|
158
204
|
@property st-global(--wds-color-black-550);
|
|
@@ -170,6 +216,9 @@
|
|
|
170
216
|
@property st-global(--wds-color-blue-500);
|
|
171
217
|
@property st-global(--wds-color-blue-600);
|
|
172
218
|
@property st-global(--wds-color-border-ai-primary);
|
|
219
|
+
@property st-global(--wds-color-border-ai-primary-active);
|
|
220
|
+
@property st-global(--wds-color-border-ai-primary-disabled);
|
|
221
|
+
@property st-global(--wds-color-border-ai-primary-hover);
|
|
173
222
|
@property st-global(--wds-color-border-dark-primary);
|
|
174
223
|
@property st-global(--wds-color-border-dark-primary-active);
|
|
175
224
|
@property st-global(--wds-color-border-dark-primary-disabled);
|
|
@@ -271,10 +320,13 @@
|
|
|
271
320
|
@property st-global(--wds-color-fill-accent-10);
|
|
272
321
|
@property st-global(--wds-color-fill-accent-11);
|
|
273
322
|
@property st-global(--wds-color-fill-accent-12);
|
|
323
|
+
@property st-global(--wds-color-fill-ai);
|
|
324
|
+
@property st-global(--wds-color-fill-ai-hover);
|
|
274
325
|
@property st-global(--wds-color-fill-ai-primary);
|
|
275
326
|
@property st-global(--wds-color-fill-ai-primary-active);
|
|
276
327
|
@property st-global(--wds-color-fill-ai-primary-disabled);
|
|
277
328
|
@property st-global(--wds-color-fill-ai-primary-hover);
|
|
329
|
+
@property st-global(--wds-color-fill-ai-primary-pressed);
|
|
278
330
|
@property st-global(--wds-color-fill-ai-secondary);
|
|
279
331
|
@property st-global(--wds-color-fill-ai-secondary-active);
|
|
280
332
|
@property st-global(--wds-color-fill-ai-secondary-disabled);
|
|
@@ -363,6 +415,46 @@
|
|
|
363
415
|
@property st-global(--wds-color-fill-social-youtube-active);
|
|
364
416
|
@property st-global(--wds-color-fill-social-youtube-disabled);
|
|
365
417
|
@property st-global(--wds-color-fill-social-youtube-hover);
|
|
418
|
+
@property st-global(--wds-color-fill-stage-anchor);
|
|
419
|
+
@property st-global(--wds-color-fill-stage-anchor-active);
|
|
420
|
+
@property st-global(--wds-color-fill-stage-anchor-disabled);
|
|
421
|
+
@property st-global(--wds-color-fill-stage-anchor-hover);
|
|
422
|
+
@property st-global(--wds-color-fill-stage-cms);
|
|
423
|
+
@property st-global(--wds-color-fill-stage-cms-active);
|
|
424
|
+
@property st-global(--wds-color-fill-stage-cms-disabled);
|
|
425
|
+
@property st-global(--wds-color-fill-stage-cms-hover);
|
|
426
|
+
@property st-global(--wds-color-fill-stage-element-primary);
|
|
427
|
+
@property st-global(--wds-color-fill-stage-element-primary-active);
|
|
428
|
+
@property st-global(--wds-color-fill-stage-element-primary-disabled);
|
|
429
|
+
@property st-global(--wds-color-fill-stage-element-primary-hover);
|
|
430
|
+
@property st-global(--wds-color-fill-stage-element-secondary);
|
|
431
|
+
@property st-global(--wds-color-fill-stage-element-secondary-active);
|
|
432
|
+
@property st-global(--wds-color-fill-stage-element-secondary-disabled);
|
|
433
|
+
@property st-global(--wds-color-fill-stage-element-secondary-hover);
|
|
434
|
+
@property st-global(--wds-color-fill-stage-interactions);
|
|
435
|
+
@property st-global(--wds-color-fill-stage-interactions-active);
|
|
436
|
+
@property st-global(--wds-color-fill-stage-interactions-disabled);
|
|
437
|
+
@property st-global(--wds-color-fill-stage-interactions-hover);
|
|
438
|
+
@property st-global(--wds-color-fill-stage-master-primary);
|
|
439
|
+
@property st-global(--wds-color-fill-stage-master-primary-active);
|
|
440
|
+
@property st-global(--wds-color-fill-stage-master-primary-disabled);
|
|
441
|
+
@property st-global(--wds-color-fill-stage-master-primary-hover);
|
|
442
|
+
@property st-global(--wds-color-fill-stage-master-secondary);
|
|
443
|
+
@property st-global(--wds-color-fill-stage-master-secondary-active);
|
|
444
|
+
@property st-global(--wds-color-fill-stage-master-secondary-disabled);
|
|
445
|
+
@property st-global(--wds-color-fill-stage-master-secondary-hover);
|
|
446
|
+
@property st-global(--wds-color-fill-stage-padding);
|
|
447
|
+
@property st-global(--wds-color-fill-stage-padding-active);
|
|
448
|
+
@property st-global(--wds-color-fill-stage-padding-disabled);
|
|
449
|
+
@property st-global(--wds-color-fill-stage-padding-hover);
|
|
450
|
+
@property st-global(--wds-color-fill-stage-section-primary);
|
|
451
|
+
@property st-global(--wds-color-fill-stage-section-primary-active);
|
|
452
|
+
@property st-global(--wds-color-fill-stage-section-primary-disabled);
|
|
453
|
+
@property st-global(--wds-color-fill-stage-section-primary-hover);
|
|
454
|
+
@property st-global(--wds-color-fill-stage-section-secondary);
|
|
455
|
+
@property st-global(--wds-color-fill-stage-section-secondary-active);
|
|
456
|
+
@property st-global(--wds-color-fill-stage-section-secondary-disabled);
|
|
457
|
+
@property st-global(--wds-color-fill-stage-section-secondary-hover);
|
|
366
458
|
@property st-global(--wds-color-fill-standard-light-primary);
|
|
367
459
|
@property st-global(--wds-color-fill-standard-light-primary-active);
|
|
368
460
|
@property st-global(--wds-color-fill-standard-light-primary-disabled);
|
|
@@ -410,6 +502,18 @@
|
|
|
410
502
|
@property st-global(--wds-color-fill-surface-success);
|
|
411
503
|
@property st-global(--wds-color-fill-surface-sunken);
|
|
412
504
|
@property st-global(--wds-color-fill-surface-warning);
|
|
505
|
+
@property st-global(--wds-color-fill-transparent-neutral-primary);
|
|
506
|
+
@property st-global(--wds-color-fill-transparent-neutral-primary-active);
|
|
507
|
+
@property st-global(--wds-color-fill-transparent-neutral-primary-disabled);
|
|
508
|
+
@property st-global(--wds-color-fill-transparent-neutral-primary-hover);
|
|
509
|
+
@property st-global(--wds-color-fill-transparent-neutral-secondary);
|
|
510
|
+
@property st-global(--wds-color-fill-transparent-neutral-secondary-active);
|
|
511
|
+
@property st-global(--wds-color-fill-transparent-neutral-secondary-disabled);
|
|
512
|
+
@property st-global(--wds-color-fill-transparent-neutral-secondary-hover);
|
|
513
|
+
@property st-global(--wds-color-fill-transparent-neutral-tertiary);
|
|
514
|
+
@property st-global(--wds-color-fill-transparent-neutral-tertiary-active);
|
|
515
|
+
@property st-global(--wds-color-fill-transparent-neutral-tertiary-disabled);
|
|
516
|
+
@property st-global(--wds-color-fill-transparent-neutral-tertiary-hover);
|
|
413
517
|
@property st-global(--wds-color-fill-transparent-primary);
|
|
414
518
|
@property st-global(--wds-color-fill-transparent-primary-active);
|
|
415
519
|
@property st-global(--wds-color-fill-transparent-primary-disabled);
|
|
@@ -418,6 +522,10 @@
|
|
|
418
522
|
@property st-global(--wds-color-fill-transparent-secondary-active);
|
|
419
523
|
@property st-global(--wds-color-fill-transparent-secondary-disabled);
|
|
420
524
|
@property st-global(--wds-color-fill-transparent-secondary-hover);
|
|
525
|
+
@property st-global(--wds-color-fill-transparent-tertiary);
|
|
526
|
+
@property st-global(--wds-color-fill-transparent-tertiary-active);
|
|
527
|
+
@property st-global(--wds-color-fill-transparent-tertiary-disabled);
|
|
528
|
+
@property st-global(--wds-color-fill-transparent-tertiary-hover);
|
|
421
529
|
@property st-global(--wds-color-fill-urgent-primary);
|
|
422
530
|
@property st-global(--wds-color-fill-urgent-primary-active);
|
|
423
531
|
@property st-global(--wds-color-fill-urgent-primary-disabled);
|
|
@@ -493,6 +601,9 @@
|
|
|
493
601
|
@property st-global(--wds-color-text-placeholder-light);
|
|
494
602
|
@property st-global(--wds-color-text-premium);
|
|
495
603
|
@property st-global(--wds-color-text-primary);
|
|
604
|
+
@property st-global(--wds-color-text-stage-element);
|
|
605
|
+
@property st-global(--wds-color-text-stage-master);
|
|
606
|
+
@property st-global(--wds-color-text-stage-section);
|
|
496
607
|
@property st-global(--wds-color-text-standard-primary);
|
|
497
608
|
@property st-global(--wds-color-text-standard-primary-light);
|
|
498
609
|
@property st-global(--wds-color-text-standard-secondary);
|
|
@@ -551,11 +662,18 @@
|
|
|
551
662
|
@property st-global(--wds-custom-modal-content-padding-vertical);
|
|
552
663
|
@property st-global(--wds-custom-modal-footer-padding-horizon);
|
|
553
664
|
@property st-global(--wds-custom-modal-footer-padding-vertical);
|
|
665
|
+
@property st-global(--wds-custom-modal-footnote-link-font-weight);
|
|
554
666
|
@property st-global(--wds-custom-modal-footnote-padding-horizon);
|
|
555
667
|
@property st-global(--wds-custom-modal-footnote-padding-vertical);
|
|
668
|
+
@property st-global(--wds-custom-modal-footnote-text-font-line-height);
|
|
669
|
+
@property st-global(--wds-custom-modal-footnote-text-font-size);
|
|
556
670
|
@property st-global(--wds-custom-modal-header-padding-left);
|
|
557
671
|
@property st-global(--wds-custom-modal-header-padding-right);
|
|
558
672
|
@property st-global(--wds-custom-modal-header-padding-vertical);
|
|
673
|
+
@property st-global(--wds-custom-modal-header-title-font-line-height);
|
|
674
|
+
@property st-global(--wds-custom-modal-header-title-font-size);
|
|
675
|
+
@property st-global(--wds-divider-fill-color-light-1);
|
|
676
|
+
@property st-global(--wds-divider-fill-color-light-2);
|
|
559
677
|
@property st-global(--wds-dock-background-fill);
|
|
560
678
|
@property st-global(--wds-dock-background-fill-active);
|
|
561
679
|
@property st-global(--wds-dock-background-fill-disabled);
|
|
@@ -567,6 +685,7 @@
|
|
|
567
685
|
@property st-global(--wds-dropdown-icon-fill);
|
|
568
686
|
@property st-global(--wds-dropdown-layout-option-size-big);
|
|
569
687
|
@property st-global(--wds-dropdown-layout-option-size-small);
|
|
688
|
+
@property st-global(--wds-dropdown-list-paddings);
|
|
570
689
|
@property st-global(--wds-empty-state-border-radius);
|
|
571
690
|
@property st-global(--wds-empty-state-page-content-paddings);
|
|
572
691
|
@property st-global(--wds-empty-state-section-content-paddings);
|
|
@@ -574,15 +693,19 @@
|
|
|
574
693
|
@property st-global(--wds-field-set-gap-large);
|
|
575
694
|
@property st-global(--wds-field-set-gap-medium);
|
|
576
695
|
@property st-global(--wds-field-set-gap-small);
|
|
696
|
+
@property st-global(--wds-field-set-label-fill);
|
|
577
697
|
@property st-global(--wds-field-set-label-font-line-height-small);
|
|
578
698
|
@property st-global(--wds-field-set-label-font-line-height-tiny);
|
|
579
699
|
@property st-global(--wds-field-set-label-font-size-small);
|
|
580
700
|
@property st-global(--wds-field-set-label-font-size-tiny);
|
|
701
|
+
@property st-global(--wds-field-set-label-font-weight);
|
|
581
702
|
@property st-global(--wds-field-set-label-gap-small);
|
|
582
703
|
@property st-global(--wds-field-set-label-gap-tiny);
|
|
704
|
+
@property st-global(--wds-floating-helper-main-action-padding-top);
|
|
583
705
|
@property st-global(--wds-floating-helper-padding-horizontal);
|
|
584
706
|
@property st-global(--wds-floating-helper-padding-vertical);
|
|
585
707
|
@property st-global(--wds-font-family-default);
|
|
708
|
+
@property st-global(--wds-font-family-heading);
|
|
586
709
|
@property st-global(--wds-font-letter-spacing-0);
|
|
587
710
|
@property st-global(--wds-font-letter-spacing-100);
|
|
588
711
|
@property st-global(--wds-font-letter-spacing-heading-1);
|
|
@@ -625,6 +748,7 @@
|
|
|
625
748
|
@property st-global(--wds-font-size-heading-4);
|
|
626
749
|
@property st-global(--wds-font-size-heading-5);
|
|
627
750
|
@property st-global(--wds-font-size-heading-6);
|
|
751
|
+
@property st-global(--wds-font-weight-body-bold);
|
|
628
752
|
@property st-global(--wds-font-weight-bold);
|
|
629
753
|
@property st-global(--wds-font-weight-heading-1);
|
|
630
754
|
@property st-global(--wds-font-weight-heading-2);
|
|
@@ -634,12 +758,17 @@
|
|
|
634
758
|
@property st-global(--wds-font-weight-heading-6);
|
|
635
759
|
@property st-global(--wds-font-weight-medium);
|
|
636
760
|
@property st-global(--wds-font-weight-regular);
|
|
761
|
+
@property st-global(--wds-font-weight-semi-bold);
|
|
762
|
+
@property st-global(--wds-form-field-label-fill);
|
|
637
763
|
@property st-global(--wds-form-field-label-font-line-height-small);
|
|
638
764
|
@property st-global(--wds-form-field-label-font-line-height-tiny);
|
|
639
765
|
@property st-global(--wds-form-field-label-font-size-small);
|
|
640
766
|
@property st-global(--wds-form-field-label-font-size-tiny);
|
|
767
|
+
@property st-global(--wds-form-field-label-font-weight);
|
|
641
768
|
@property st-global(--wds-form-field-label-gap-small);
|
|
642
769
|
@property st-global(--wds-form-field-label-gap-tiny);
|
|
770
|
+
@property st-global(--wds-form-field-label-line-height-small);
|
|
771
|
+
@property st-global(--wds-form-field-label-line-height-tiny);
|
|
643
772
|
@property st-global(--wds-gallery-item-border);
|
|
644
773
|
@property st-global(--wds-gallery-item-padding-left-medium);
|
|
645
774
|
@property st-global(--wds-gallery-item-padding-left-small);
|
|
@@ -659,6 +788,8 @@
|
|
|
659
788
|
@property st-global(--wds-input-area-padding-right-small);
|
|
660
789
|
@property st-global(--wds-input-area-padding-vertical-medium);
|
|
661
790
|
@property st-global(--wds-input-area-padding-vertical-small);
|
|
791
|
+
@property st-global(--wds-input-background-fill-default);
|
|
792
|
+
@property st-global(--wds-input-background-fill-hover);
|
|
662
793
|
@property st-global(--wds-input-border-radius-default-large);
|
|
663
794
|
@property st-global(--wds-input-border-radius-default-medium);
|
|
664
795
|
@property st-global(--wds-input-border-radius-default-small);
|
|
@@ -696,13 +827,35 @@
|
|
|
696
827
|
@property st-global(--wds-input-width-medium);
|
|
697
828
|
@property st-global(--wds-input-width-small);
|
|
698
829
|
@property st-global(--wds-input-width-tiny);
|
|
830
|
+
@property st-global(--wds-internal-color-picker-padding-horizontal);
|
|
831
|
+
@property st-global(--wds-internal-color-picker-padding-vertical);
|
|
832
|
+
@property st-global(--wds-internal-color-picker-width);
|
|
833
|
+
@property st-global(--wds-internal-image-height-large);
|
|
834
|
+
@property st-global(--wds-internal-image-height-medium);
|
|
835
|
+
@property st-global(--wds-internal-image-height-small);
|
|
836
|
+
@property st-global(--wds-internal-image-width-large);
|
|
837
|
+
@property st-global(--wds-internal-image-width-medium);
|
|
838
|
+
@property st-global(--wds-internal-image-width-small);
|
|
839
|
+
@property st-global(--wds-internal-image-width-tiny);
|
|
840
|
+
@property st-global(--wds-internal-thumbnail-illustration-size-large);
|
|
841
|
+
@property st-global(--wds-internal-thumbnail-illustration-size-medium);
|
|
842
|
+
@property st-global(--wds-internal-thumbnail-illustration-size-small);
|
|
843
|
+
@property st-global(--wds-internal-thumbnail-illustration-size-tiny);
|
|
699
844
|
@property st-global(--wds-linear-progress-bar-border-radius);
|
|
845
|
+
@property st-global(--wds-list-item-action-border-radius);
|
|
846
|
+
@property st-global(--wds-list-item-action-label-font-line-height-medium);
|
|
847
|
+
@property st-global(--wds-list-item-action-label-font-line-height-small);
|
|
848
|
+
@property st-global(--wds-list-item-action-label-font-size-medium);
|
|
849
|
+
@property st-global(--wds-list-item-action-label-font-size-small);
|
|
700
850
|
@property st-global(--wds-list-item-action-padding-horizontal-medium);
|
|
701
851
|
@property st-global(--wds-list-item-action-padding-horizontal-small);
|
|
702
852
|
@property st-global(--wds-list-item-action-padding-vertical-medium);
|
|
703
853
|
@property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
|
|
704
854
|
@property st-global(--wds-list-item-action-padding-vertical-small);
|
|
705
855
|
@property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
|
|
856
|
+
@property st-global(--wds-list-item-action-prefix-margin);
|
|
857
|
+
@property st-global(--wds-list-item-action-subtitle-font-line-height-medium);
|
|
858
|
+
@property st-global(--wds-list-item-action-subtitle-font-size-medium);
|
|
706
859
|
@property st-global(--wds-list-item-gap-columns);
|
|
707
860
|
@property st-global(--wds-list-item-indentation-level-2);
|
|
708
861
|
@property st-global(--wds-list-item-indentation-level-3);
|
|
@@ -735,20 +888,34 @@
|
|
|
735
888
|
@property st-global(--wds-list-item-select-active-title-disabled);
|
|
736
889
|
@property st-global(--wds-list-item-select-active-title-disabled-screen-small);
|
|
737
890
|
@property st-global(--wds-list-item-select-active-title-screen-small);
|
|
891
|
+
@property st-global(--wds-list-item-select-border-radius);
|
|
738
892
|
@property st-global(--wds-list-item-select-fill);
|
|
739
893
|
@property st-global(--wds-list-item-select-fill-active);
|
|
740
894
|
@property st-global(--wds-list-item-select-fill-disabled);
|
|
741
895
|
@property st-global(--wds-list-item-select-fill-hover);
|
|
742
896
|
@property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
|
|
897
|
+
@property st-global(--wds-list-item-select-icon-padding-horizontal-small);
|
|
743
898
|
@property st-global(--wds-list-item-select-icon-padding-vertical-medium);
|
|
899
|
+
@property st-global(--wds-list-item-select-icon-padding-vertical-small);
|
|
900
|
+
@property st-global(--wds-list-item-select-label-font-line-height-medium);
|
|
901
|
+
@property st-global(--wds-list-item-select-label-font-line-height-small);
|
|
902
|
+
@property st-global(--wds-list-item-select-label-font-size-medium);
|
|
903
|
+
@property st-global(--wds-list-item-select-label-font-size-small);
|
|
744
904
|
@property st-global(--wds-list-item-select-padding-horizontal-medium);
|
|
745
905
|
@property st-global(--wds-list-item-select-padding-horizontal-small);
|
|
906
|
+
@property st-global(--wds-list-item-select-padding-left-medium);
|
|
907
|
+
@property st-global(--wds-list-item-select-padding-left-small);
|
|
908
|
+
@property st-global(--wds-list-item-select-padding-right-medium);
|
|
909
|
+
@property st-global(--wds-list-item-select-padding-right-small);
|
|
746
910
|
@property st-global(--wds-list-item-select-padding-vertical-medium);
|
|
747
911
|
@property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
|
|
748
912
|
@property st-global(--wds-list-item-select-padding-vertical-small);
|
|
749
913
|
@property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
|
|
914
|
+
@property st-global(--wds-list-item-select-prefix-margin);
|
|
750
915
|
@property st-global(--wds-list-item-select-subtitle);
|
|
751
916
|
@property st-global(--wds-list-item-select-subtitle-disabled);
|
|
917
|
+
@property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
|
|
918
|
+
@property st-global(--wds-list-item-select-subtitle-font-size-medium);
|
|
752
919
|
@property st-global(--wds-list-item-select-title);
|
|
753
920
|
@property st-global(--wds-list-item-select-title-disabled);
|
|
754
921
|
@property st-global(--wds-loader-fill);
|
|
@@ -772,12 +939,25 @@
|
|
|
772
939
|
@property st-global(--wds-marketing-page-paddings-vertical-medium);
|
|
773
940
|
@property st-global(--wds-message-modal-content-padding-horizontal);
|
|
774
941
|
@property st-global(--wds-message-modal-content-padding-top);
|
|
942
|
+
@property st-global(--wds-message-modal-footer-padding-horizontal);
|
|
943
|
+
@property st-global(--wds-message-modal-footer-padding-vertical);
|
|
944
|
+
@property st-global(--wds-message-modal-text-font-line-height);
|
|
945
|
+
@property st-global(--wds-message-modal-text-font-size);
|
|
946
|
+
@property st-global(--wds-message-modal-title-font-line-height);
|
|
947
|
+
@property st-global(--wds-message-modal-title-font-size);
|
|
775
948
|
@property st-global(--wds-mobile-modal-content-padding-horizontal);
|
|
776
949
|
@property st-global(--wds-mobile-modal-content-padding-vertical);
|
|
777
950
|
@property st-global(--wds-mobile-modal-footer-padding-horizontal);
|
|
778
951
|
@property st-global(--wds-mobile-modal-footer-padding-vertical);
|
|
952
|
+
@property st-global(--wds-multiselect-icon-fill);
|
|
953
|
+
@property st-global(--wds-notification-fill-error);
|
|
954
|
+
@property st-global(--wds-notification-fill-premium);
|
|
955
|
+
@property st-global(--wds-notification-fill-standard);
|
|
956
|
+
@property st-global(--wds-notification-fill-success);
|
|
957
|
+
@property st-global(--wds-notification-fill-warning);
|
|
779
958
|
@property st-global(--wds-notification-padding-horizontal);
|
|
780
959
|
@property st-global(--wds-notification-padding-vertical);
|
|
960
|
+
@property st-global(--wds-number-input-icon-fill);
|
|
781
961
|
@property st-global(--wds-page-header-padding-horizontal);
|
|
782
962
|
@property st-global(--wds-page-header-padding-vertical);
|
|
783
963
|
@property st-global(--wds-page-header-padding-vertical-small);
|
|
@@ -789,6 +969,8 @@
|
|
|
789
969
|
@property st-global(--wds-pagination-padding-vertical);
|
|
790
970
|
@property st-global(--wds-palette-border);
|
|
791
971
|
@property st-global(--wds-popover-border);
|
|
972
|
+
@property st-global(--wds-popover-menu-paddings-horizontal);
|
|
973
|
+
@property st-global(--wds-popover-menu-paddings-vertical);
|
|
792
974
|
@property st-global(--wds-radio-border);
|
|
793
975
|
@property st-global(--wds-radio-border-active);
|
|
794
976
|
@property st-global(--wds-radio-border-active-disabled);
|
|
@@ -833,6 +1015,7 @@
|
|
|
833
1015
|
@property st-global(--wds-search-border-radius-tiny);
|
|
834
1016
|
@property st-global(--wds-section-header-padding-vertical);
|
|
835
1017
|
@property st-global(--wds-section-helper-border-preview);
|
|
1018
|
+
@property st-global(--wds-section-helper-close-button-offset);
|
|
836
1019
|
@property st-global(--wds-section-helper-default-action-padding-medium);
|
|
837
1020
|
@property st-global(--wds-section-helper-default-action-padding-small);
|
|
838
1021
|
@property st-global(--wds-section-helper-default-border-radius);
|
|
@@ -844,11 +1027,24 @@
|
|
|
844
1027
|
@property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
|
|
845
1028
|
@property st-global(--wds-section-helper-fullwidth-vertical-padding-small);
|
|
846
1029
|
@property st-global(--wds-section-helper-horizontal-margin);
|
|
1030
|
+
@property st-global(--wds-section-helper-horizontal-padding-medium);
|
|
1031
|
+
@property st-global(--wds-section-helper-horizontal-padding-small);
|
|
847
1032
|
@property st-global(--wds-section-helper-prefix-offset-margin);
|
|
1033
|
+
@property st-global(--wds-section-helper-prefix-offset-medium);
|
|
848
1034
|
@property st-global(--wds-section-helper-text-font-line-height);
|
|
849
1035
|
@property st-global(--wds-section-helper-text-font-size);
|
|
1036
|
+
@property st-global(--wds-section-helper-vertical-margin);
|
|
1037
|
+
@property st-global(--wds-section-helper-vertical-padding-medium);
|
|
850
1038
|
@property st-global(--wds-segmented-toggle-border-radius-medium);
|
|
851
1039
|
@property st-global(--wds-segmented-toggle-border-radius-small);
|
|
1040
|
+
@property st-global(--wds-segmented-toggle-default-fill-default);
|
|
1041
|
+
@property st-global(--wds-segmented-toggle-default-fill-hover);
|
|
1042
|
+
@property st-global(--wds-segmented-toggle-default-fill-selected);
|
|
1043
|
+
@property st-global(--wds-segmented-toggle-default-fill-selected-disabled);
|
|
1044
|
+
@property st-global(--wds-segmented-toggle-fill-default);
|
|
1045
|
+
@property st-global(--wds-segmented-toggle-fill-hover);
|
|
1046
|
+
@property st-global(--wds-segmented-toggle-fill-selected);
|
|
1047
|
+
@property st-global(--wds-segmented-toggle-fill-selected-disabled);
|
|
852
1048
|
@property st-global(--wds-segmented-toggle-icononly-padding-horizontal-medium);
|
|
853
1049
|
@property st-global(--wds-segmented-toggle-icononly-padding-horizontal-small);
|
|
854
1050
|
@property st-global(--wds-segmented-toggle-icononly-padding-vertical-medium);
|
|
@@ -863,6 +1059,8 @@
|
|
|
863
1059
|
@property st-global(--wds-segmented-toggle-padding-vertical-small);
|
|
864
1060
|
@property st-global(--wds-segmented-toggle-size-medium);
|
|
865
1061
|
@property st-global(--wds-segmented-toggle-size-small);
|
|
1062
|
+
@property st-global(--wds-segmented-toggle-width-default);
|
|
1063
|
+
@property st-global(--wds-segmented-toggle-width-selected);
|
|
866
1064
|
@property st-global(--wds-select-area-border-radius);
|
|
867
1065
|
@property st-global(--wds-select-area-fill);
|
|
868
1066
|
@property st-global(--wds-select-area-fill-active);
|
|
@@ -882,14 +1080,31 @@
|
|
|
882
1080
|
@property st-global(--wds-selector-button-size-large);
|
|
883
1081
|
@property st-global(--wds-selector-button-size-medium);
|
|
884
1082
|
@property st-global(--wds-selector-button-size-small);
|
|
1083
|
+
@property st-global(--wds-selector-list-item-padding-horizontal-medium);
|
|
1084
|
+
@property st-global(--wds-selector-list-item-padding-horizontal-small);
|
|
1085
|
+
@property st-global(--wds-selector-list-item-padding-vertical-medium);
|
|
1086
|
+
@property st-global(--wds-selector-list-item-padding-vertical-small);
|
|
885
1087
|
@property st-global(--wds-shadow-100);
|
|
886
1088
|
@property st-global(--wds-shadow-200);
|
|
887
1089
|
@property st-global(--wds-shadow-300);
|
|
888
1090
|
@property st-global(--wds-shadow-400);
|
|
1091
|
+
@property st-global(--wds-shadow-blur-50);
|
|
1092
|
+
@property st-global(--wds-shadow-blur-100);
|
|
1093
|
+
@property st-global(--wds-shadow-blur-150);
|
|
1094
|
+
@property st-global(--wds-shadow-blur-200);
|
|
1095
|
+
@property st-global(--wds-shadow-blur-400);
|
|
1096
|
+
@property st-global(--wds-shadow-fill-primary-modal);
|
|
1097
|
+
@property st-global(--wds-shadow-fill-primary-overlay);
|
|
1098
|
+
@property st-global(--wds-shadow-fill-primary-raised);
|
|
1099
|
+
@property st-global(--wds-shadow-fill-secondary-modal);
|
|
1100
|
+
@property st-global(--wds-shadow-fill-secondary-overlay);
|
|
1101
|
+
@property st-global(--wds-shadow-fill-secondary-raised);
|
|
1102
|
+
@property st-global(--wds-shadow-fill-secondary-toggle);
|
|
889
1103
|
@property st-global(--wds-shadow-focus-destructive);
|
|
890
1104
|
@property st-global(--wds-shadow-focus-inner-destructive);
|
|
891
1105
|
@property st-global(--wds-shadow-focus-inner-standard);
|
|
892
1106
|
@property st-global(--wds-shadow-focus-inner-warning);
|
|
1107
|
+
@property st-global(--wds-shadow-focus-spread);
|
|
893
1108
|
@property st-global(--wds-shadow-focus-standard);
|
|
894
1109
|
@property st-global(--wds-shadow-focus-warning);
|
|
895
1110
|
@property st-global(--wds-shadow-inner-100);
|
|
@@ -912,6 +1127,11 @@
|
|
|
912
1127
|
@property st-global(--wds-shadow-surface-overlay);
|
|
913
1128
|
@property st-global(--wds-shadow-surface-overlay-dark);
|
|
914
1129
|
@property st-global(--wds-shadow-surface-raised);
|
|
1130
|
+
@property st-global(--wds-shadow-y-100);
|
|
1131
|
+
@property st-global(--wds-shadow-y-200);
|
|
1132
|
+
@property st-global(--wds-shadow-y-300);
|
|
1133
|
+
@property st-global(--wds-shadow-y-350);
|
|
1134
|
+
@property st-global(--wds-side-panel-back-button-top-padding);
|
|
915
1135
|
@property st-global(--wds-side-panel-content-padding-horizontal);
|
|
916
1136
|
@property st-global(--wds-side-panel-content-padding-vertical);
|
|
917
1137
|
@property st-global(--wds-side-panel-control-layout-divider-border-width);
|
|
@@ -921,6 +1141,11 @@
|
|
|
921
1141
|
@property st-global(--wds-side-panel-floating-header-padding-left);
|
|
922
1142
|
@property st-global(--wds-side-panel-floating-header-padding-right);
|
|
923
1143
|
@property st-global(--wds-side-panel-floating-header-padding-vertical);
|
|
1144
|
+
@property st-global(--wds-side-panel-floating-max-height);
|
|
1145
|
+
@property st-global(--wds-side-panel-floating-title-font-line-height);
|
|
1146
|
+
@property st-global(--wds-side-panel-floating-title-font-size);
|
|
1147
|
+
@property st-global(--wds-side-panel-footer-border-width);
|
|
1148
|
+
@property st-global(--wds-side-panel-footer-fill);
|
|
924
1149
|
@property st-global(--wds-side-panel-footer-padding-horizontal);
|
|
925
1150
|
@property st-global(--wds-side-panel-footer-padding-vertical);
|
|
926
1151
|
@property st-global(--wds-side-panel-footnote-padding-horizontal);
|
|
@@ -928,6 +1153,10 @@
|
|
|
928
1153
|
@property st-global(--wds-side-panel-header-padding-left);
|
|
929
1154
|
@property st-global(--wds-side-panel-header-padding-right);
|
|
930
1155
|
@property st-global(--wds-side-panel-header-padding-vertical);
|
|
1156
|
+
@property st-global(--wds-side-panel-title-font-letter-spacing);
|
|
1157
|
+
@property st-global(--wds-side-panel-title-font-line-height);
|
|
1158
|
+
@property st-global(--wds-side-panel-title-font-size);
|
|
1159
|
+
@property st-global(--wds-sidebar-clear-button-fill);
|
|
931
1160
|
@property st-global(--wds-sidebar-divider-fill-dark-default);
|
|
932
1161
|
@property st-global(--wds-sidebar-divider-fill-light-default);
|
|
933
1162
|
@property st-global(--wds-sidebar-divider-fill-neutral-default);
|
|
@@ -991,11 +1220,18 @@
|
|
|
991
1220
|
@property st-global(--wds-skeleton-border-radius-circle);
|
|
992
1221
|
@property st-global(--wds-skeleton-border-radius-line);
|
|
993
1222
|
@property st-global(--wds-skeleton-border-radius-rectangle);
|
|
1223
|
+
@property st-global(--wds-slider-slider-knob-border-width);
|
|
1224
|
+
@property st-global(--wds-slider-slider-knob-border-width-hover);
|
|
1225
|
+
@property st-global(--wds-slider-slider-knob-color);
|
|
1226
|
+
@property st-global(--wds-slider-slider-knob-color-hover);
|
|
1227
|
+
@property st-global(--wds-slider-slider-knob-shadow);
|
|
994
1228
|
@property st-global(--wds-slider-slider-knob-size);
|
|
1229
|
+
@property st-global(--wds-slider-slider-knob-size-hover);
|
|
995
1230
|
@property st-global(--wds-slider-slider-knob-size-transparent);
|
|
996
1231
|
@property st-global(--wds-slider-slider-mark-size);
|
|
997
1232
|
@property st-global(--wds-slider-track-border-border-radius);
|
|
998
1233
|
@property st-global(--wds-slider-track-border-radius-transparent);
|
|
1234
|
+
@property st-global(--wds-slider-track-color);
|
|
999
1235
|
@property st-global(--wds-slider-track-size);
|
|
1000
1236
|
@property st-global(--wds-slider-track-size-transparent);
|
|
1001
1237
|
@property st-global(--wds-social-post-preview-content-padding-horizontal);
|
|
@@ -1010,14 +1246,18 @@
|
|
|
1010
1246
|
@property st-global(--wds-space-200);
|
|
1011
1247
|
@property st-global(--wds-space-250);
|
|
1012
1248
|
@property st-global(--wds-space-300);
|
|
1249
|
+
@property st-global(--wds-space-350);
|
|
1013
1250
|
@property st-global(--wds-space-400);
|
|
1014
1251
|
@property st-global(--wds-space-475);
|
|
1015
1252
|
@property st-global(--wds-space-500);
|
|
1016
1253
|
@property st-global(--wds-space-600);
|
|
1017
1254
|
@property st-global(--wds-space-700);
|
|
1018
1255
|
@property st-global(--wds-space-800);
|
|
1256
|
+
@property st-global(--wds-space-850);
|
|
1019
1257
|
@property st-global(--wds-space-900);
|
|
1258
|
+
@property st-global(--wds-space-950);
|
|
1020
1259
|
@property st-global(--wds-space-1000);
|
|
1260
|
+
@property st-global(--wds-space-1050);
|
|
1021
1261
|
@property st-global(--wds-space-1100);
|
|
1022
1262
|
@property st-global(--wds-space-1200);
|
|
1023
1263
|
@property st-global(--wds-space-1300);
|
|
@@ -1038,6 +1278,8 @@
|
|
|
1038
1278
|
@property st-global(--wds-space-padding-vertical-tiny);
|
|
1039
1279
|
@property st-global(--wds-space-padding-vertical-x-tiny);
|
|
1040
1280
|
@property st-global(--wds-space-padding-vertical-xx-tiny);
|
|
1281
|
+
@property st-global(--wds-status-toast-text-font-line-height);
|
|
1282
|
+
@property st-global(--wds-status-toast-text-font-size);
|
|
1041
1283
|
@property st-global(--wds-stepper-prefix-size-circle);
|
|
1042
1284
|
@property st-global(--wds-stepper-prefix-size-number);
|
|
1043
1285
|
@property st-global(--wds-swatches-list-gap);
|
|
@@ -1047,11 +1289,18 @@
|
|
|
1047
1289
|
@property st-global(--wds-swatches-swatch-active-border-radius-small);
|
|
1048
1290
|
@property st-global(--wds-swatches-swatch-border-radius-medium);
|
|
1049
1291
|
@property st-global(--wds-swatches-swatch-border-radius-small);
|
|
1292
|
+
@property st-global(--wds-swatches-swatch-size-extra-tiny);
|
|
1050
1293
|
@property st-global(--wds-swatches-swatch-size-large);
|
|
1051
1294
|
@property st-global(--wds-swatches-swatch-size-medium);
|
|
1052
1295
|
@property st-global(--wds-swatches-swatch-size-small);
|
|
1053
1296
|
@property st-global(--wds-swatches-swatch-size-tiny);
|
|
1054
1297
|
@property st-global(--wds-swatches-swatch-size-x-tiny);
|
|
1298
|
+
@property st-global(--wds-table-list-item-border-radius);
|
|
1299
|
+
@property st-global(--wds-table-list-item-gap);
|
|
1300
|
+
@property st-global(--wds-table-list-item-indentation-level-2);
|
|
1301
|
+
@property st-global(--wds-table-list-item-indentation-level-3);
|
|
1302
|
+
@property st-global(--wds-table-list-item-paddings);
|
|
1303
|
+
@property st-global(--wds-table-toolbar-padding-horizontal);
|
|
1055
1304
|
@property st-global(--wds-tabs-gap-medium);
|
|
1056
1305
|
@property st-global(--wds-tabs-gap-small);
|
|
1057
1306
|
@property st-global(--wds-tabs-label-font-size-small);
|
|
@@ -1064,6 +1313,8 @@
|
|
|
1064
1313
|
@property st-global(--wds-tag-border-radius-medium);
|
|
1065
1314
|
@property st-global(--wds-tag-border-radius-small);
|
|
1066
1315
|
@property st-global(--wds-tag-border-radius-tiny);
|
|
1316
|
+
@property st-global(--wds-tag-label-font-line-height-small);
|
|
1317
|
+
@property st-global(--wds-tag-label-font-size-small);
|
|
1067
1318
|
@property st-global(--wds-tag-padding-horizontal-large);
|
|
1068
1319
|
@property st-global(--wds-tag-padding-horizontal-medium);
|
|
1069
1320
|
@property st-global(--wds-tag-padding-horizontal-small);
|
|
@@ -1078,7 +1329,27 @@
|
|
|
1078
1329
|
@property st-global(--wds-tag-size-tiny);
|
|
1079
1330
|
@property st-global(--wds-testimonial-list-gap);
|
|
1080
1331
|
@property st-global(--wds-thumbnail-border-radius);
|
|
1332
|
+
@property st-global(--wds-thumbnail-border-width-default);
|
|
1333
|
+
@property st-global(--wds-thumbnail-fill);
|
|
1334
|
+
@property st-global(--wds-thumbnail-fill-hover);
|
|
1081
1335
|
@property st-global(--wds-thumbnail-gap);
|
|
1336
|
+
@property st-global(--wds-thumbnail-illustration-fill-1);
|
|
1337
|
+
@property st-global(--wds-thumbnail-illustration-fill-2);
|
|
1338
|
+
@property st-global(--wds-thumbnail-illustration-fill-3);
|
|
1339
|
+
@property st-global(--wds-thumbnail-subtitle-fill);
|
|
1340
|
+
@property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
|
|
1341
|
+
@property st-global(--wds-thumbnail-subtitle-font-size-tiny);
|
|
1342
|
+
@property st-global(--wds-thumbnail-title-font-line-height-tiny);
|
|
1343
|
+
@property st-global(--wds-thumbnail-title-font-size-tiny);
|
|
1344
|
+
@property st-global(--wds-thumbnail-title-font-weight-tiny);
|
|
1345
|
+
@property st-global(--wds-thumbnail-title-padding-top);
|
|
1346
|
+
@property st-global(--wds-timeline-title-font-line-height);
|
|
1347
|
+
@property st-global(--wds-timeline-title-font-size);
|
|
1348
|
+
@property st-global(--wds-toggle-button-border-radius-square-large);
|
|
1349
|
+
@property st-global(--wds-toggle-button-border-radius-square-medium);
|
|
1350
|
+
@property st-global(--wds-toggle-button-border-radius-square-small);
|
|
1351
|
+
@property st-global(--wds-toggle-button-border-radius-square-tiny);
|
|
1352
|
+
@property st-global(--wds-toggle-button-label-font-weight);
|
|
1082
1353
|
@property st-global(--wds-toggle-button-padding-left-large);
|
|
1083
1354
|
@property st-global(--wds-toggle-button-padding-left-large-round);
|
|
1084
1355
|
@property st-global(--wds-toggle-button-padding-left-medium);
|
|
@@ -1119,6 +1390,7 @@
|
|
|
1119
1390
|
@property st-global(--wds-toggle-switch-fill-urgent-active-hover);
|
|
1120
1391
|
@property st-global(--wds-toggle-switch-fill-urgent-disabled);
|
|
1121
1392
|
@property st-global(--wds-toggle-switch-fill-urgent-hover);
|
|
1393
|
+
@property st-global(--wds-toggle-switch-icon);
|
|
1122
1394
|
@property st-global(--wds-toggle-switch-knob-size-large);
|
|
1123
1395
|
@property st-global(--wds-toggle-switch-knob-size-medium);
|
|
1124
1396
|
@property st-global(--wds-toggle-switch-knob-size-small);
|
|
@@ -1129,6 +1401,7 @@
|
|
|
1129
1401
|
@property st-global(--wds-toggle-switch-width-medium);
|
|
1130
1402
|
@property st-global(--wds-toggle-switch-width-small);
|
|
1131
1403
|
@property st-global(--wds-tooltip-background-fill);
|
|
1404
|
+
@property st-global(--wds-tooltip-border-radius);
|
|
1132
1405
|
@property st-global(--wds-tooltip-border-radius-medium);
|
|
1133
1406
|
@property st-global(--wds-tooltip-border-radius-small);
|
|
1134
1407
|
@property st-global(--wds-tooltip-padding-horizontal-medium);
|
|
@@ -1150,6 +1423,7 @@
|
|
|
1150
1423
|
@property st-global(--wds-vertical-tabs-icon-padding-horizontal-small);
|
|
1151
1424
|
@property st-global(--wds-vertical-tabs-icon-padding-vertical-medium);
|
|
1152
1425
|
@property st-global(--wds-vertical-tabs-icon-padding-vertical-small);
|
|
1426
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
|
|
1153
1427
|
@property st-global(--wds-vertical-tabs-item-fill-light);
|
|
1154
1428
|
@property st-global(--wds-vertical-tabs-item-fill-light-active);
|
|
1155
1429
|
@property st-global(--wds-vertical-tabs-item-fill-light-disabled);
|
|
@@ -1185,6 +1459,16 @@
|
|
|
1185
1459
|
@property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
|
|
1186
1460
|
@property st-global(--wds-vertical-tabs-item-padding-vertical-small);
|
|
1187
1461
|
@property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
|
|
1462
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
|
|
1463
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard);
|
|
1464
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
|
|
1465
|
+
@property st-global(--wds-vertical-tabs-item-round-disabled);
|
|
1466
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-hover);
|
|
1467
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
|
|
1468
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
|
|
1469
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
|
|
1470
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
|
|
1471
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
|
|
1188
1472
|
@property st-global(--wds-vertical-tabs-section-text-font-line-height-small);
|
|
1189
1473
|
@property st-global(--wds-vertical-tabs-section-text-font-size-small);
|
|
1190
1474
|
@property st-global(--wds-vertical-tabs-section-text-font-weight-small);
|
|
@@ -1197,8 +1481,22 @@
|
|
|
1197
1481
|
@property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
|
|
1198
1482
|
@property st-global(--wds-vertical-tabs-section-title-padding-top-small);
|
|
1199
1483
|
@property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
|
|
1484
|
+
@property st-global(--wds-width-default);
|
|
1485
|
+
@property st-global(--wds-width-default-2);
|
|
1200
1486
|
|
|
1201
1487
|
.root {
|
|
1488
|
+
--wds-accordion-background-fill-light: #ffffff;
|
|
1489
|
+
--wds-accordion-background-fill-light-hover: #e7f0ff;
|
|
1490
|
+
--wds-accordion-caret-fill: #44485f;
|
|
1491
|
+
--wds-accordion-caret-fill-hover: #44485f;
|
|
1492
|
+
--wds-accordion-title-fill: #000624;
|
|
1493
|
+
--wds-accordion-title-fill-hover: #000624;
|
|
1494
|
+
--wds-accordion-title-font-line-height-medium: 24px;
|
|
1495
|
+
--wds-accordion-title-font-line-height-small: 18px;
|
|
1496
|
+
--wds-accordion-title-font-size-medium: 16px;
|
|
1497
|
+
--wds-accordion-title-font-size-small: 14px;
|
|
1498
|
+
--wds-accordion-title-font-weight: 500;
|
|
1499
|
+
--wds-accordion-title-font-weight-small: 500;
|
|
1202
1500
|
--wds-add-item-border-radius: 8px;
|
|
1203
1501
|
--wds-add-item-padding-horizontal-large: 30px;
|
|
1204
1502
|
--wds-add-item-padding-horizontal-tiny: 12px;
|
|
@@ -1206,8 +1504,15 @@
|
|
|
1206
1504
|
--wds-add-item-padding-vertical-medium: 24px;
|
|
1207
1505
|
--wds-add-item-padding-vertical-small: 18px;
|
|
1208
1506
|
--wds-add-item-padding-vertical-tiny: 12px;
|
|
1507
|
+
--wds-add-item-title-font-line-height-medium: 24px;
|
|
1508
|
+
--wds-add-item-title-font-line-height-tiny: 18px;
|
|
1509
|
+
--wds-add-item-title-font-size-medium: 16px;
|
|
1510
|
+
--wds-add-item-title-font-size-small: 14px;
|
|
1511
|
+
--wds-announcement-modal-text-font-line-height: 24px;
|
|
1512
|
+
--wds-announcement-modal-text-font-size: 16px;
|
|
1209
1513
|
--wds-avatar-group-gap-condensed: -3px;
|
|
1210
1514
|
--wds-avatar-group-gap-default: 6px;
|
|
1515
|
+
--wds-background-blur-100: 0;
|
|
1211
1516
|
--wds-badge-border-radius-medium: 2px;
|
|
1212
1517
|
--wds-badge-border-radius-small: 2px;
|
|
1213
1518
|
--wds-badge-border-radius-tiny: 2px;
|
|
@@ -1230,7 +1535,10 @@
|
|
|
1230
1535
|
--wds-border-radius-full: 1000px;
|
|
1231
1536
|
--wds-border-radius-surface-default: 8px;
|
|
1232
1537
|
--wds-border-radius-surface-modal: 8px;
|
|
1538
|
+
--wds-border-radius-surface-modal-backdrop: 0;
|
|
1233
1539
|
--wds-border-radius-surface-overlay: 8px;
|
|
1540
|
+
--wds-border-radius-surface-raised: 8px;
|
|
1541
|
+
--wds-border-radius-surface-sunken: 0;
|
|
1234
1542
|
--wds-border-width-100: 1px;
|
|
1235
1543
|
--wds-border-width-200: 2px;
|
|
1236
1544
|
--wds-border-width-none: 0;
|
|
@@ -1256,6 +1564,8 @@
|
|
|
1256
1564
|
--wds-button-border-radius-medium: 1000px;
|
|
1257
1565
|
--wds-button-border-radius-small: 1000px;
|
|
1258
1566
|
--wds-button-border-radius-tiny: 1000px;
|
|
1567
|
+
--wds-button-fill-gradient-hover-primary: #0f62e6;
|
|
1568
|
+
--wds-button-fill-gradient-hover-secondary: #0f62e6;
|
|
1259
1569
|
--wds-button-fill-standard-secondary: #ffffff;
|
|
1260
1570
|
--wds-button-fill-standard-secondary-hover: #116dff;
|
|
1261
1571
|
--wds-button-font-line-height-large: 24px;
|
|
@@ -1274,6 +1584,7 @@
|
|
|
1274
1584
|
--wds-button-icon-offset-medium: 12px;
|
|
1275
1585
|
--wds-button-icon-offset-small: 12px;
|
|
1276
1586
|
--wds-button-icon-offset-tiny: 12px;
|
|
1587
|
+
--wds-button-label-font-size-large: 16px;
|
|
1277
1588
|
--wds-button-outline-hover: transparent;
|
|
1278
1589
|
--wds-button-padding-horizontal-large: 30px;
|
|
1279
1590
|
--wds-button-padding-horizontal-medium: 24px;
|
|
@@ -1293,9 +1604,23 @@
|
|
|
1293
1604
|
--wds-button-size-tiny-screen-small: 36px;
|
|
1294
1605
|
--wds-button-size-x-tiny: 18px;
|
|
1295
1606
|
--wds-button-text-hover: #ffffff;
|
|
1607
|
+
--wds-button-text-standard-primary: #000624;
|
|
1608
|
+
--wds-button-text-standard-primary-hover: #000624;
|
|
1296
1609
|
--wds-card-border: 8px;
|
|
1297
1610
|
--wds-card-content-paddings-horizontal: 24px;
|
|
1298
1611
|
--wds-card-content-paddings-vertical: 24px;
|
|
1612
|
+
--wds-card-gallery-item-border-radius-0: 0;
|
|
1613
|
+
--wds-card-gallery-item-border-radius-100: 8px;
|
|
1614
|
+
--wds-card-gallery-item-content-margin-vertical: 0;
|
|
1615
|
+
--wds-card-gallery-item-fill: #ffffff;
|
|
1616
|
+
--wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
|
|
1617
|
+
--wds-card-gallery-item-padding-left-medium: 18px;
|
|
1618
|
+
--wds-card-gallery-item-padding-left-small: 12px;
|
|
1619
|
+
--wds-card-gallery-item-padding-right-medium: 24px;
|
|
1620
|
+
--wds-card-gallery-item-padding-right-small: 18px;
|
|
1621
|
+
--wds-card-gallery-item-padding-vertical-medium: 18px;
|
|
1622
|
+
--wds-card-gallery-item-padding-vertical-small: 12px;
|
|
1623
|
+
--wds-card-gallery-item-title-font-size-medium: 18px;
|
|
1299
1624
|
--wds-card-header-paddings-horizontal: 24px;
|
|
1300
1625
|
--wds-card-header-paddings-vertical: 18px;
|
|
1301
1626
|
--wds-card-tab-padding-horizontal-medium: 18px;
|
|
@@ -1318,6 +1643,8 @@
|
|
|
1318
1643
|
--wds-checkbox-group-gap-vertical: 12px;
|
|
1319
1644
|
--wds-checkbox-icon: #ffffff;
|
|
1320
1645
|
--wds-checkbox-icon-disabled: rgba(0, 6, 36, .3);
|
|
1646
|
+
--wds-checkbox-label-font-line-height-small: 18px;
|
|
1647
|
+
--wds-checkbox-label-font-size-small: 14px;
|
|
1321
1648
|
--wds-circular-progress-bar-background-fill-error: #fbd0cd;
|
|
1322
1649
|
--wds-circular-progress-bar-background-fill-premium: #e3c3f4;
|
|
1323
1650
|
--wds-circular-progress-bar-background-fill-standard: #d6e6fe;
|
|
@@ -1329,6 +1656,7 @@
|
|
|
1329
1656
|
--wds-circular-progress-bar-size-large: 102px;
|
|
1330
1657
|
--wds-circular-progress-bar-size-medium: 54px;
|
|
1331
1658
|
--wds-circular-progress-bar-size-small: 30px;
|
|
1659
|
+
--wds-circular-progress-bar-size-tiny: 18px;
|
|
1332
1660
|
--wds-close-button-standard-fill-active: #084ebd;
|
|
1333
1661
|
--wds-close-button-standard-fill-disabled: rgba(0, 6, 36, .1);
|
|
1334
1662
|
--wds-close-button-standard-fill-hover: #a8caff;
|
|
@@ -1354,6 +1682,10 @@
|
|
|
1354
1682
|
--wds-color-black-200-transparent-60: rgba(68, 72, 95, .6);
|
|
1355
1683
|
--wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
|
|
1356
1684
|
--wds-color-black-300: #595d70;
|
|
1685
|
+
--wds-color-black-300-transparent-0: rgba(134, 138, 165, 0.0000);
|
|
1686
|
+
--wds-color-black-300-transparent-50: rgba(134, 138, 165, 0.5000);
|
|
1687
|
+
--wds-color-black-300-transparent-60: rgba(134, 138, 165, 0.6000);
|
|
1688
|
+
--wds-color-black-300-transparent-70: rgba(134, 138, 165, 0.7000);
|
|
1357
1689
|
--wds-color-black-400: #868aa5;
|
|
1358
1690
|
--wds-color-black-500: #acafc4;
|
|
1359
1691
|
--wds-color-black-550: #cfd1dc;
|
|
@@ -1371,6 +1703,9 @@
|
|
|
1371
1703
|
--wds-color-blue-500: #e7f0ff;
|
|
1372
1704
|
--wds-color-blue-600: #f4f7ff;
|
|
1373
1705
|
--wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
|
|
1706
|
+
--wds-color-border-ai-primary-active: #ffffff;
|
|
1707
|
+
--wds-color-border-ai-primary-disabled: #ffffff;
|
|
1708
|
+
--wds-color-border-ai-primary-hover: #ffffff;
|
|
1374
1709
|
--wds-color-border-dark-primary: #868aa5;
|
|
1375
1710
|
--wds-color-border-dark-primary-active: #44485f;
|
|
1376
1711
|
--wds-color-border-dark-primary-disabled: rgba(0, 6, 36, .1);
|
|
@@ -1472,10 +1807,13 @@
|
|
|
1472
1807
|
--wds-color-fill-accent-10: #1F8845;
|
|
1473
1808
|
--wds-color-fill-accent-11: #ACAFC4;
|
|
1474
1809
|
--wds-color-fill-accent-12: #ACAFC4;
|
|
1810
|
+
--wds-color-fill-ai: #ffffff;
|
|
1811
|
+
--wds-color-fill-ai-hover: #ffffff;
|
|
1475
1812
|
--wds-color-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
|
|
1476
1813
|
--wds-color-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
|
|
1477
1814
|
--wds-color-fill-ai-primary-disabled: rgba(0, 6, 36, .3);
|
|
1478
1815
|
--wds-color-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
|
|
1816
|
+
--wds-color-fill-ai-primary-pressed: #ffffff;
|
|
1479
1817
|
--wds-color-fill-ai-secondary: #d6d1fc;
|
|
1480
1818
|
--wds-color-fill-ai-secondary-active: #d6d1fc;
|
|
1481
1819
|
--wds-color-fill-ai-secondary-disabled: rgba(0, 6, 36, .1);
|
|
@@ -1564,6 +1902,46 @@
|
|
|
1564
1902
|
--wds-color-fill-social-youtube-active: #ff0000;
|
|
1565
1903
|
--wds-color-fill-social-youtube-disabled: rgba(0, 6, 36, .3);
|
|
1566
1904
|
--wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
|
|
1905
|
+
--wds-color-fill-stage-anchor: #5effff;
|
|
1906
|
+
--wds-color-fill-stage-anchor-active: #5effff;
|
|
1907
|
+
--wds-color-fill-stage-anchor-disabled: rgba(0, 6, 36, .3);
|
|
1908
|
+
--wds-color-fill-stage-anchor-hover: #18d2de;
|
|
1909
|
+
--wds-color-fill-stage-cms: #2d3034;
|
|
1910
|
+
--wds-color-fill-stage-cms-active: #2d3034;
|
|
1911
|
+
--wds-color-fill-stage-cms-disabled: rgba(0, 6, 36, .3);
|
|
1912
|
+
--wds-color-fill-stage-cms-hover: #2d3034;
|
|
1913
|
+
--wds-color-fill-stage-element-primary: #116dff;
|
|
1914
|
+
--wds-color-fill-stage-element-primary-active: #084ebd;
|
|
1915
|
+
--wds-color-fill-stage-element-primary-disabled: rgba(0, 6, 36, .3);
|
|
1916
|
+
--wds-color-fill-stage-element-primary-hover: #0f62e6;
|
|
1917
|
+
--wds-color-fill-stage-element-secondary: #d6e6fe;
|
|
1918
|
+
--wds-color-fill-stage-element-secondary-active: #5999ff;
|
|
1919
|
+
--wds-color-fill-stage-element-secondary-disabled: rgba(0, 6, 36, .1);
|
|
1920
|
+
--wds-color-fill-stage-element-secondary-hover: #a8caff;
|
|
1921
|
+
--wds-color-fill-stage-interactions: #ff5c9f;
|
|
1922
|
+
--wds-color-fill-stage-interactions-active: #ff5c9f;
|
|
1923
|
+
--wds-color-fill-stage-interactions-disabled: rgba(0, 6, 36, .3);
|
|
1924
|
+
--wds-color-fill-stage-interactions-hover: #ff5c9f;
|
|
1925
|
+
--wds-color-fill-stage-master-primary: #fe620f;
|
|
1926
|
+
--wds-color-fill-stage-master-primary-active: #fe620f;
|
|
1927
|
+
--wds-color-fill-stage-master-primary-disabled: rgba(0, 6, 36, .3);
|
|
1928
|
+
--wds-color-fill-stage-master-primary-hover: #bf5727;
|
|
1929
|
+
--wds-color-fill-stage-master-secondary: #fddbc8;
|
|
1930
|
+
--wds-color-fill-stage-master-secondary-active: #ff7d38;
|
|
1931
|
+
--wds-color-fill-stage-master-secondary-disabled: rgba(0, 6, 36, .1);
|
|
1932
|
+
--wds-color-fill-stage-master-secondary-hover: #fcbd9c;
|
|
1933
|
+
--wds-color-fill-stage-padding: #18d9c2;
|
|
1934
|
+
--wds-color-fill-stage-padding-active: #18d9c2;
|
|
1935
|
+
--wds-color-fill-stage-padding-disabled: rgba(0, 6, 36, .3);
|
|
1936
|
+
--wds-color-fill-stage-padding-hover: #18d9c2;
|
|
1937
|
+
--wds-color-fill-stage-section-primary: #6f56f9;
|
|
1938
|
+
--wds-color-fill-stage-section-primary-active: #6f56f9;
|
|
1939
|
+
--wds-color-fill-stage-section-primary-disabled: rgba(0, 6, 36, .3);
|
|
1940
|
+
--wds-color-fill-stage-section-primary-hover: #6f56f9;
|
|
1941
|
+
--wds-color-fill-stage-section-secondary: #d9d2ff;
|
|
1942
|
+
--wds-color-fill-stage-section-secondary-active: #d9d2ff;
|
|
1943
|
+
--wds-color-fill-stage-section-secondary-disabled: rgba(0, 6, 36, .1);
|
|
1944
|
+
--wds-color-fill-stage-section-secondary-hover: #d9d2ff;
|
|
1567
1945
|
--wds-color-fill-standard-light-primary: #80b1ff;
|
|
1568
1946
|
--wds-color-fill-standard-light-primary-active: #5999ff;
|
|
1569
1947
|
--wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
|
|
@@ -1611,6 +1989,18 @@
|
|
|
1611
1989
|
--wds-color-fill-surface-success: #e1f4eb;
|
|
1612
1990
|
--wds-color-fill-surface-sunken: #eceff3;
|
|
1613
1991
|
--wds-color-fill-surface-warning: #fff0d1;
|
|
1992
|
+
--wds-color-fill-transparent-neutral-primary: rgba(134, 138, 165, 0.5000);
|
|
1993
|
+
--wds-color-fill-transparent-neutral-primary-active: rgba(134, 138, 165, 0.7000);
|
|
1994
|
+
--wds-color-fill-transparent-neutral-primary-disabled: rgba(0, 6, 36, .2);
|
|
1995
|
+
--wds-color-fill-transparent-neutral-primary-hover: rgba(134, 138, 165, 0.6000);
|
|
1996
|
+
--wds-color-fill-transparent-neutral-secondary: rgba(134, 138, 165, 0.0000);
|
|
1997
|
+
--wds-color-fill-transparent-neutral-secondary-active: rgba(134, 138, 165, 0.7000);
|
|
1998
|
+
--wds-color-fill-transparent-neutral-secondary-disabled: rgba(68, 72, 95, 0);
|
|
1999
|
+
--wds-color-fill-transparent-neutral-secondary-hover: rgba(134, 138, 165, 0.6000);
|
|
2000
|
+
--wds-color-fill-transparent-neutral-tertiary: rgba(0, 6, 36, 0);
|
|
2001
|
+
--wds-color-fill-transparent-neutral-tertiary-active: rgba(0, 6, 36, .5);
|
|
2002
|
+
--wds-color-fill-transparent-neutral-tertiary-disabled: rgba(0, 6, 36, 0);
|
|
2003
|
+
--wds-color-fill-transparent-neutral-tertiary-hover: rgba(0, 6, 36, .5);
|
|
1614
2004
|
--wds-color-fill-transparent-primary: rgba(68, 72, 95, .5);
|
|
1615
2005
|
--wds-color-fill-transparent-primary-active: rgba(68, 72, 95, .7);
|
|
1616
2006
|
--wds-color-fill-transparent-primary-disabled: rgba(0, 6, 36, .2);
|
|
@@ -1619,6 +2009,10 @@
|
|
|
1619
2009
|
--wds-color-fill-transparent-secondary-active: rgba(68, 72, 95, .7);
|
|
1620
2010
|
--wds-color-fill-transparent-secondary-disabled: rgba(68, 72, 95, 0);
|
|
1621
2011
|
--wds-color-fill-transparent-secondary-hover: rgba(68, 72, 95, .6);
|
|
2012
|
+
--wds-color-fill-transparent-tertiary: rgba(0, 6, 36, 0);
|
|
2013
|
+
--wds-color-fill-transparent-tertiary-active: rgba(0, 6, 36, .5);
|
|
2014
|
+
--wds-color-fill-transparent-tertiary-disabled: rgba(0, 6, 36, 0);
|
|
2015
|
+
--wds-color-fill-transparent-tertiary-hover: rgba(0, 6, 36, .5);
|
|
1622
2016
|
--wds-color-fill-urgent-primary: #fe620f;
|
|
1623
2017
|
--wds-color-fill-urgent-primary-active: #df4d00;
|
|
1624
2018
|
--wds-color-fill-urgent-primary-disabled: rgba(0, 6, 36, .3);
|
|
@@ -1694,6 +2088,9 @@
|
|
|
1694
2088
|
--wds-color-text-placeholder-light: #868aa5;
|
|
1695
2089
|
--wds-color-text-premium: #9a27d5;
|
|
1696
2090
|
--wds-color-text-primary: #116dff;
|
|
2091
|
+
--wds-color-text-stage-element: #116dff;
|
|
2092
|
+
--wds-color-text-stage-master: #fe620f;
|
|
2093
|
+
--wds-color-text-stage-section: #6f56f9;
|
|
1697
2094
|
--wds-color-text-standard-primary: #000624;
|
|
1698
2095
|
--wds-color-text-standard-primary-light: #ffffff;
|
|
1699
2096
|
--wds-color-text-standard-secondary: #44485f;
|
|
@@ -1752,11 +2149,18 @@
|
|
|
1752
2149
|
--wds-custom-modal-content-padding-vertical: 24px;
|
|
1753
2150
|
--wds-custom-modal-footer-padding-horizon: 24px;
|
|
1754
2151
|
--wds-custom-modal-footer-padding-vertical: 18px;
|
|
2152
|
+
--wds-custom-modal-footnote-link-font-weight: 500;
|
|
1755
2153
|
--wds-custom-modal-footnote-padding-horizon: 24px;
|
|
1756
2154
|
--wds-custom-modal-footnote-padding-vertical: 12px;
|
|
2155
|
+
--wds-custom-modal-footnote-text-font-line-height: 18px;
|
|
2156
|
+
--wds-custom-modal-footnote-text-font-size: 14px;
|
|
1757
2157
|
--wds-custom-modal-header-padding-left: 24px;
|
|
1758
2158
|
--wds-custom-modal-header-padding-right: 9px;
|
|
1759
2159
|
--wds-custom-modal-header-padding-vertical: 18px;
|
|
2160
|
+
--wds-custom-modal-header-title-font-line-height: 24px;
|
|
2161
|
+
--wds-custom-modal-header-title-font-size: 16px;
|
|
2162
|
+
--wds-divider-fill-color-light-1: #dfe5eb;
|
|
2163
|
+
--wds-divider-fill-color-light-2: #dfe5eb;
|
|
1760
2164
|
--wds-dock-background-fill: #e7f0ff;
|
|
1761
2165
|
--wds-dock-background-fill-active: #d6e6fe;
|
|
1762
2166
|
--wds-dock-background-fill-disabled: rgba(0, 6, 36, .1);
|
|
@@ -1768,6 +2172,7 @@
|
|
|
1768
2172
|
--wds-dropdown-icon-fill: #116dff;
|
|
1769
2173
|
--wds-dropdown-layout-option-size-big: 48px;
|
|
1770
2174
|
--wds-dropdown-layout-option-size-small: 36px;
|
|
2175
|
+
--wds-dropdown-list-paddings: 0;
|
|
1771
2176
|
--wds-empty-state-border-radius: 8px;
|
|
1772
2177
|
--wds-empty-state-page-content-paddings: 18px;
|
|
1773
2178
|
--wds-empty-state-section-content-paddings: 15px;
|
|
@@ -1775,15 +2180,19 @@
|
|
|
1775
2180
|
--wds-field-set-gap-large: 18px;
|
|
1776
2181
|
--wds-field-set-gap-medium: 12px;
|
|
1777
2182
|
--wds-field-set-gap-small: 6px;
|
|
2183
|
+
--wds-field-set-label-fill: #44485f;
|
|
1778
2184
|
--wds-field-set-label-font-line-height-small: 18px;
|
|
1779
2185
|
--wds-field-set-label-font-line-height-tiny: 18px;
|
|
1780
2186
|
--wds-field-set-label-font-size-small: 14px;
|
|
1781
2187
|
--wds-field-set-label-font-size-tiny: 12px;
|
|
2188
|
+
--wds-field-set-label-font-weight: 400;
|
|
1782
2189
|
--wds-field-set-label-gap-small: 9px;
|
|
1783
2190
|
--wds-field-set-label-gap-tiny: 6px;
|
|
2191
|
+
--wds-floating-helper-main-action-padding-top: 18px;
|
|
1784
2192
|
--wds-floating-helper-padding-horizontal: 36px;
|
|
1785
2193
|
--wds-floating-helper-padding-vertical: 30px;
|
|
1786
2194
|
--wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
2195
|
+
--wds-font-family-heading: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
|
|
1787
2196
|
--wds-font-letter-spacing-0: 0;
|
|
1788
2197
|
--wds-font-letter-spacing-100: 1px;
|
|
1789
2198
|
--wds-font-letter-spacing-heading-1: 0;
|
|
@@ -1826,6 +2235,7 @@
|
|
|
1826
2235
|
--wds-font-size-heading-4: 18px;
|
|
1827
2236
|
--wds-font-size-heading-5: 15px;
|
|
1828
2237
|
--wds-font-size-heading-6: 12px;
|
|
2238
|
+
--wds-font-weight-body-bold: 700;
|
|
1829
2239
|
--wds-font-weight-bold: 700;
|
|
1830
2240
|
--wds-font-weight-heading-1: 700;
|
|
1831
2241
|
--wds-font-weight-heading-2: 700;
|
|
@@ -1835,12 +2245,17 @@
|
|
|
1835
2245
|
--wds-font-weight-heading-6: 400;
|
|
1836
2246
|
--wds-font-weight-medium: 500;
|
|
1837
2247
|
--wds-font-weight-regular: 400;
|
|
2248
|
+
--wds-font-weight-semi-bold: 600;
|
|
2249
|
+
--wds-form-field-label-fill: #44485f;
|
|
1838
2250
|
--wds-form-field-label-font-line-height-small: 18px;
|
|
1839
2251
|
--wds-form-field-label-font-line-height-tiny: 18px;
|
|
1840
2252
|
--wds-form-field-label-font-size-small: 14px;
|
|
1841
2253
|
--wds-form-field-label-font-size-tiny: 12px;
|
|
2254
|
+
--wds-form-field-label-font-weight: 400;
|
|
1842
2255
|
--wds-form-field-label-gap-small: 9px;
|
|
1843
2256
|
--wds-form-field-label-gap-tiny: 6px;
|
|
2257
|
+
--wds-form-field-label-line-height-small: 18px;
|
|
2258
|
+
--wds-form-field-label-line-height-tiny: 18px;
|
|
1844
2259
|
--wds-gallery-item-border: 8px;
|
|
1845
2260
|
--wds-gallery-item-padding-left-medium: 18px;
|
|
1846
2261
|
--wds-gallery-item-padding-left-small: 12px;
|
|
@@ -1860,6 +2275,8 @@
|
|
|
1860
2275
|
--wds-input-area-padding-right-small: 9px;
|
|
1861
2276
|
--wds-input-area-padding-vertical-medium: 6px;
|
|
1862
2277
|
--wds-input-area-padding-vertical-small: 6px;
|
|
2278
|
+
--wds-input-background-fill-default: #ffffff;
|
|
2279
|
+
--wds-input-background-fill-hover: #e7f0ff;
|
|
1863
2280
|
--wds-input-border-radius-default-large: 6px;
|
|
1864
2281
|
--wds-input-border-radius-default-medium: 6px;
|
|
1865
2282
|
--wds-input-border-radius-default-small: 6px;
|
|
@@ -1897,13 +2314,35 @@
|
|
|
1897
2314
|
--wds-input-width-medium: 72px;
|
|
1898
2315
|
--wds-input-width-small: 54px;
|
|
1899
2316
|
--wds-input-width-tiny: 48px;
|
|
2317
|
+
--wds-internal-color-picker-padding-horizontal: 18px;
|
|
2318
|
+
--wds-internal-color-picker-padding-vertical: 12px;
|
|
2319
|
+
--wds-internal-color-picker-width: 240px;
|
|
2320
|
+
--wds-internal-image-height-large: 120px;
|
|
2321
|
+
--wds-internal-image-height-medium: 84px;
|
|
2322
|
+
--wds-internal-image-height-small: 60px;
|
|
2323
|
+
--wds-internal-image-width-large: 240px;
|
|
2324
|
+
--wds-internal-image-width-medium: 156px;
|
|
2325
|
+
--wds-internal-image-width-small: 122px;
|
|
2326
|
+
--wds-internal-image-width-tiny: 106px;
|
|
2327
|
+
--wds-internal-thumbnail-illustration-size-large: 114px;
|
|
2328
|
+
--wds-internal-thumbnail-illustration-size-medium: 72px;
|
|
2329
|
+
--wds-internal-thumbnail-illustration-size-small: 51px;
|
|
2330
|
+
--wds-internal-thumbnail-illustration-size-tiny: 38px;
|
|
1900
2331
|
--wds-linear-progress-bar-border-radius: 1000px;
|
|
2332
|
+
--wds-list-item-action-border-radius: 0;
|
|
2333
|
+
--wds-list-item-action-label-font-line-height-medium: 24px;
|
|
2334
|
+
--wds-list-item-action-label-font-line-height-small: 18px;
|
|
2335
|
+
--wds-list-item-action-label-font-size-medium: 16px;
|
|
2336
|
+
--wds-list-item-action-label-font-size-small: 14px;
|
|
1901
2337
|
--wds-list-item-action-padding-horizontal-medium: 18px;
|
|
1902
2338
|
--wds-list-item-action-padding-horizontal-small: 18px;
|
|
1903
2339
|
--wds-list-item-action-padding-vertical-medium: 6px;
|
|
1904
2340
|
--wds-list-item-action-padding-vertical-medium-screen-small: 12px;
|
|
1905
2341
|
--wds-list-item-action-padding-vertical-small: 6px;
|
|
1906
2342
|
--wds-list-item-action-padding-vertical-small-screen-small: 12px;
|
|
2343
|
+
--wds-list-item-action-prefix-margin: 6px;
|
|
2344
|
+
--wds-list-item-action-subtitle-font-line-height-medium: 18px;
|
|
2345
|
+
--wds-list-item-action-subtitle-font-size-medium: 14px;
|
|
1907
2346
|
--wds-list-item-gap-columns: 24px;
|
|
1908
2347
|
--wds-list-item-indentation-level-2: 12px;
|
|
1909
2348
|
--wds-list-item-indentation-level-3: 30px;
|
|
@@ -1936,20 +2375,34 @@
|
|
|
1936
2375
|
--wds-list-item-select-active-title-disabled: rgba(255, 255, 255, .7);
|
|
1937
2376
|
--wds-list-item-select-active-title-disabled-screen-small: rgba(0, 6, 36, .3);
|
|
1938
2377
|
--wds-list-item-select-active-title-screen-small: #116dff;
|
|
2378
|
+
--wds-list-item-select-border-radius: 0;
|
|
1939
2379
|
--wds-list-item-select-fill: #ffffff;
|
|
1940
2380
|
--wds-list-item-select-fill-active: #d6e6fe;
|
|
1941
2381
|
--wds-list-item-select-fill-disabled: #ffffff;
|
|
1942
2382
|
--wds-list-item-select-fill-hover: #e7f0ff;
|
|
1943
2383
|
--wds-list-item-select-icon-padding-horizontal-medium: 12px;
|
|
2384
|
+
--wds-list-item-select-icon-padding-horizontal-small: 12px;
|
|
1944
2385
|
--wds-list-item-select-icon-padding-vertical-medium: 6px;
|
|
2386
|
+
--wds-list-item-select-icon-padding-vertical-small: 6px;
|
|
2387
|
+
--wds-list-item-select-label-font-line-height-medium: 24px;
|
|
2388
|
+
--wds-list-item-select-label-font-line-height-small: 18px;
|
|
2389
|
+
--wds-list-item-select-label-font-size-medium: 16px;
|
|
2390
|
+
--wds-list-item-select-label-font-size-small: 14px;
|
|
1945
2391
|
--wds-list-item-select-padding-horizontal-medium: 18px;
|
|
1946
2392
|
--wds-list-item-select-padding-horizontal-small: 18px;
|
|
2393
|
+
--wds-list-item-select-padding-left-medium: 18px;
|
|
2394
|
+
--wds-list-item-select-padding-left-small: 18px;
|
|
2395
|
+
--wds-list-item-select-padding-right-medium: 24px;
|
|
2396
|
+
--wds-list-item-select-padding-right-small: 24px;
|
|
1947
2397
|
--wds-list-item-select-padding-vertical-medium: 6px;
|
|
1948
2398
|
--wds-list-item-select-padding-vertical-medium-screen-small: 12px;
|
|
1949
2399
|
--wds-list-item-select-padding-vertical-small: 6px;
|
|
1950
2400
|
--wds-list-item-select-padding-vertical-small-screen-small: 12px;
|
|
2401
|
+
--wds-list-item-select-prefix-margin: 6px;
|
|
1951
2402
|
--wds-list-item-select-subtitle: #868aa5;
|
|
1952
2403
|
--wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
|
|
2404
|
+
--wds-list-item-select-subtitle-font-line-height-medium: 18px;
|
|
2405
|
+
--wds-list-item-select-subtitle-font-size-medium: 14px;
|
|
1953
2406
|
--wds-list-item-select-title: #000624;
|
|
1954
2407
|
--wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
|
|
1955
2408
|
--wds-loader-fill: #d6e6fe;
|
|
@@ -1973,12 +2426,25 @@
|
|
|
1973
2426
|
--wds-marketing-page-paddings-vertical-medium: 30px;
|
|
1974
2427
|
--wds-message-modal-content-padding-horizontal: 24px;
|
|
1975
2428
|
--wds-message-modal-content-padding-top: 24px;
|
|
2429
|
+
--wds-message-modal-footer-padding-horizontal: 36px;
|
|
2430
|
+
--wds-message-modal-footer-padding-vertical: 36px;
|
|
2431
|
+
--wds-message-modal-text-font-line-height: 24px;
|
|
2432
|
+
--wds-message-modal-text-font-size: 16px;
|
|
2433
|
+
--wds-message-modal-title-font-line-height: 28px;
|
|
2434
|
+
--wds-message-modal-title-font-size: 21px;
|
|
1976
2435
|
--wds-mobile-modal-content-padding-horizontal: 24px;
|
|
1977
2436
|
--wds-mobile-modal-content-padding-vertical: 24px;
|
|
1978
2437
|
--wds-mobile-modal-footer-padding-horizontal: 24px;
|
|
1979
2438
|
--wds-mobile-modal-footer-padding-vertical: 24px;
|
|
2439
|
+
--wds-multiselect-icon-fill: #116dff;
|
|
2440
|
+
--wds-notification-fill-error: #ff6d63;
|
|
2441
|
+
--wds-notification-fill-premium: #c161f0;
|
|
2442
|
+
--wds-notification-fill-standard: #5999ff;
|
|
2443
|
+
--wds-notification-fill-success: #51b77b;
|
|
2444
|
+
--wds-notification-fill-warning: #ffb700;
|
|
1980
2445
|
--wds-notification-padding-horizontal: 12px;
|
|
1981
2446
|
--wds-notification-padding-vertical: 9px;
|
|
2447
|
+
--wds-number-input-icon-fill: #116dff;
|
|
1982
2448
|
--wds-page-header-padding-horizontal: 48px;
|
|
1983
2449
|
--wds-page-header-padding-vertical: 24px;
|
|
1984
2450
|
--wds-page-header-padding-vertical-small: 18px;
|
|
@@ -1990,6 +2456,8 @@
|
|
|
1990
2456
|
--wds-pagination-padding-vertical: 3px;
|
|
1991
2457
|
--wds-palette-border: 6px;
|
|
1992
2458
|
--wds-popover-border: 8px;
|
|
2459
|
+
--wds-popover-menu-paddings-horizontal: 0;
|
|
2460
|
+
--wds-popover-menu-paddings-vertical: 12px;
|
|
1993
2461
|
--wds-radio-border: #116dff;
|
|
1994
2462
|
--wds-radio-border-active: #116dff;
|
|
1995
2463
|
--wds-radio-border-active-disabled: rgba(0, 6, 36, .1);
|
|
@@ -2034,6 +2502,7 @@
|
|
|
2034
2502
|
--wds-search-border-radius-tiny: 1000px;
|
|
2035
2503
|
--wds-section-header-padding-vertical: 9px;
|
|
2036
2504
|
--wds-section-helper-border-preview: #868aa5;
|
|
2505
|
+
--wds-section-helper-close-button-offset: 12px;
|
|
2037
2506
|
--wds-section-helper-default-action-padding-medium: 12px;
|
|
2038
2507
|
--wds-section-helper-default-action-padding-small: 9px;
|
|
2039
2508
|
--wds-section-helper-default-border-radius: 6px;
|
|
@@ -2045,11 +2514,24 @@
|
|
|
2045
2514
|
--wds-section-helper-fullwidth-vertical-padding-medium: 12px;
|
|
2046
2515
|
--wds-section-helper-fullwidth-vertical-padding-small: 9px;
|
|
2047
2516
|
--wds-section-helper-horizontal-margin: 6px;
|
|
2517
|
+
--wds-section-helper-horizontal-padding-medium: 24px;
|
|
2518
|
+
--wds-section-helper-horizontal-padding-small: 12px;
|
|
2048
2519
|
--wds-section-helper-prefix-offset-margin: 6px;
|
|
2520
|
+
--wds-section-helper-prefix-offset-medium: 18px;
|
|
2049
2521
|
--wds-section-helper-text-font-line-height: 18px;
|
|
2050
2522
|
--wds-section-helper-text-font-size: 14px;
|
|
2523
|
+
--wds-section-helper-vertical-margin: 6px;
|
|
2524
|
+
--wds-section-helper-vertical-padding-medium: 18px;
|
|
2051
2525
|
--wds-segmented-toggle-border-radius-medium: 6px;
|
|
2052
2526
|
--wds-segmented-toggle-border-radius-small: 6px;
|
|
2527
|
+
--wds-segmented-toggle-default-fill-default: #000624;
|
|
2528
|
+
--wds-segmented-toggle-default-fill-hover: #000624;
|
|
2529
|
+
--wds-segmented-toggle-default-fill-selected: #000624;
|
|
2530
|
+
--wds-segmented-toggle-default-fill-selected-disabled: rgba(0, 6, 36, .3);
|
|
2531
|
+
--wds-segmented-toggle-fill-default: rgba(255, 255, 255, 0);
|
|
2532
|
+
--wds-segmented-toggle-fill-hover: #e7f0ff;
|
|
2533
|
+
--wds-segmented-toggle-fill-selected: rgba(255, 255, 255, 0);
|
|
2534
|
+
--wds-segmented-toggle-fill-selected-disabled: rgba(255, 255, 255, 0);
|
|
2053
2535
|
--wds-segmented-toggle-icononly-padding-horizontal-medium: 6px;
|
|
2054
2536
|
--wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
|
|
2055
2537
|
--wds-segmented-toggle-icononly-padding-vertical-medium: 6px;
|
|
@@ -2064,6 +2546,8 @@
|
|
|
2064
2546
|
--wds-segmented-toggle-padding-vertical-small: 6px;
|
|
2065
2547
|
--wds-segmented-toggle-size-medium: 36px;
|
|
2066
2548
|
--wds-segmented-toggle-size-small: 30px;
|
|
2549
|
+
--wds-segmented-toggle-width-default: 1px;
|
|
2550
|
+
--wds-segmented-toggle-width-selected: 2px;
|
|
2067
2551
|
--wds-select-area-border-radius: 8px;
|
|
2068
2552
|
--wds-select-area-fill: #f4f7ff;
|
|
2069
2553
|
--wds-select-area-fill-active: #d6e6fe;
|
|
@@ -2083,14 +2567,31 @@
|
|
|
2083
2567
|
--wds-selector-button-size-large: 42px;
|
|
2084
2568
|
--wds-selector-button-size-medium: 36px;
|
|
2085
2569
|
--wds-selector-button-size-small: 30px;
|
|
2570
|
+
--wds-selector-list-item-padding-horizontal-medium: 24px;
|
|
2571
|
+
--wds-selector-list-item-padding-horizontal-small: 18px;
|
|
2572
|
+
--wds-selector-list-item-padding-vertical-medium: 12px;
|
|
2573
|
+
--wds-selector-list-item-padding-vertical-small: 6px;
|
|
2086
2574
|
--wds-shadow-100: 0 0 3px rgba(0, 6, 36, .1), 0 2px 1px rgba(0, 6, 36, .5);
|
|
2087
2575
|
--wds-shadow-200: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
|
|
2088
2576
|
--wds-shadow-300: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
|
|
2089
2577
|
--wds-shadow-400: 0 3px 24px rgba(0, 6, 36, .2), 0 8px 8px rgba(0, 6, 36, .1);
|
|
2578
|
+
--wds-shadow-blur-50: 3px;
|
|
2579
|
+
--wds-shadow-blur-100: 6px;
|
|
2580
|
+
--wds-shadow-blur-150: 6px;
|
|
2581
|
+
--wds-shadow-blur-200: 18px;
|
|
2582
|
+
--wds-shadow-blur-400: 24px;
|
|
2583
|
+
--wds-shadow-fill-primary-modal: rgba(0, 6, 36, .2);
|
|
2584
|
+
--wds-shadow-fill-primary-overlay: rgba(0, 6, 36, .1);
|
|
2585
|
+
--wds-shadow-fill-primary-raised: rgba(0, 6, 36, .1);
|
|
2586
|
+
--wds-shadow-fill-secondary-modal: rgba(0, 6, 36, .1);
|
|
2587
|
+
--wds-shadow-fill-secondary-overlay: rgba(0, 6, 36, .05);
|
|
2588
|
+
--wds-shadow-fill-secondary-raised: rgba(0, 6, 36, .05);
|
|
2589
|
+
--wds-shadow-fill-secondary-toggle: rgba(0, 6, 36, .5);
|
|
2090
2590
|
--wds-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
|
|
2091
2591
|
--wds-shadow-focus-inner-destructive: 0 0 0 3px #fbd0cd inset;
|
|
2092
2592
|
--wds-shadow-focus-inner-standard: 0 0 0 3px #a8caff inset;
|
|
2093
2593
|
--wds-shadow-focus-inner-warning: 0 0 0 3px #ffe2a5 inset;
|
|
2594
|
+
--wds-shadow-focus-spread: 3;
|
|
2094
2595
|
--wds-shadow-focus-standard: 0 0 0 3px #a8caff;
|
|
2095
2596
|
--wds-shadow-focus-warning: 0 0 0 3px #ffe2a5;
|
|
2096
2597
|
--wds-shadow-inner-100: 1px 1px 2px rgba(0, 6, 36, .1) inset, 1px 1px 2px rgba(255, 255, 255, .1);
|
|
@@ -2113,6 +2614,11 @@
|
|
|
2113
2614
|
--wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
|
|
2114
2615
|
--wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
|
|
2115
2616
|
--wds-shadow-surface-raised: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
|
|
2617
|
+
--wds-shadow-y-100: 0;
|
|
2618
|
+
--wds-shadow-y-200: 0;
|
|
2619
|
+
--wds-shadow-y-300: 0;
|
|
2620
|
+
--wds-shadow-y-350: 3px;
|
|
2621
|
+
--wds-side-panel-back-button-top-padding: 0;
|
|
2116
2622
|
--wds-side-panel-content-padding-horizontal: 24px;
|
|
2117
2623
|
--wds-side-panel-content-padding-vertical: 24px;
|
|
2118
2624
|
--wds-side-panel-control-layout-divider-border-width: 1px;
|
|
@@ -2122,6 +2628,11 @@
|
|
|
2122
2628
|
--wds-side-panel-floating-header-padding-left: 24px;
|
|
2123
2629
|
--wds-side-panel-floating-header-padding-right: 9px;
|
|
2124
2630
|
--wds-side-panel-floating-header-padding-vertical: 12px;
|
|
2631
|
+
--wds-side-panel-floating-max-height: 576px;
|
|
2632
|
+
--wds-side-panel-floating-title-font-line-height: 24px;
|
|
2633
|
+
--wds-side-panel-floating-title-font-size: 16px;
|
|
2634
|
+
--wds-side-panel-footer-border-width: 0;
|
|
2635
|
+
--wds-side-panel-footer-fill: #ffffff;
|
|
2125
2636
|
--wds-side-panel-footer-padding-horizontal: 24px;
|
|
2126
2637
|
--wds-side-panel-footer-padding-vertical: 18px;
|
|
2127
2638
|
--wds-side-panel-footnote-padding-horizontal: 24px;
|
|
@@ -2129,6 +2640,10 @@
|
|
|
2129
2640
|
--wds-side-panel-header-padding-left: 24px;
|
|
2130
2641
|
--wds-side-panel-header-padding-right: 9px;
|
|
2131
2642
|
--wds-side-panel-header-padding-vertical: 18px;
|
|
2643
|
+
--wds-side-panel-title-font-letter-spacing: 0;
|
|
2644
|
+
--wds-side-panel-title-font-line-height: 24px;
|
|
2645
|
+
--wds-side-panel-title-font-size: 18px;
|
|
2646
|
+
--wds-sidebar-clear-button-fill: #5a5d63;
|
|
2132
2647
|
--wds-sidebar-divider-fill-dark-default: #42454C;
|
|
2133
2648
|
--wds-sidebar-divider-fill-light-default: #cfd1dc;
|
|
2134
2649
|
--wds-sidebar-divider-fill-neutral-default: #cfd1dc;
|
|
@@ -2192,11 +2707,18 @@
|
|
|
2192
2707
|
--wds-skeleton-border-radius-circle: 1000px;
|
|
2193
2708
|
--wds-skeleton-border-radius-line: 1000px;
|
|
2194
2709
|
--wds-skeleton-border-radius-rectangle: 6px;
|
|
2710
|
+
--wds-slider-slider-knob-border-width: 4px;
|
|
2711
|
+
--wds-slider-slider-knob-border-width-hover: 12px;
|
|
2712
|
+
--wds-slider-slider-knob-color: #116dff;
|
|
2713
|
+
--wds-slider-slider-knob-color-hover: #116dff;
|
|
2714
|
+
--wds-slider-slider-knob-shadow: false;
|
|
2195
2715
|
--wds-slider-slider-knob-size: 12px;
|
|
2716
|
+
--wds-slider-slider-knob-size-hover: 18px;
|
|
2196
2717
|
--wds-slider-slider-knob-size-transparent: 16px;
|
|
2197
2718
|
--wds-slider-slider-mark-size: 6px;
|
|
2198
2719
|
--wds-slider-track-border-border-radius: 1000px;
|
|
2199
2720
|
--wds-slider-track-border-radius-transparent: 1000px;
|
|
2721
|
+
--wds-slider-track-color: #d6e6fe;
|
|
2200
2722
|
--wds-slider-track-size: 4px;
|
|
2201
2723
|
--wds-slider-track-size-transparent: 8px;
|
|
2202
2724
|
--wds-social-post-preview-content-padding-horizontal: 12px;
|
|
@@ -2211,14 +2733,18 @@
|
|
|
2211
2733
|
--wds-space-200: 12px;
|
|
2212
2734
|
--wds-space-250: 15px;
|
|
2213
2735
|
--wds-space-300: 18px;
|
|
2736
|
+
--wds-space-350: 21px;
|
|
2214
2737
|
--wds-space-400: 24px;
|
|
2215
2738
|
--wds-space-475: 28px;
|
|
2216
2739
|
--wds-space-500: 30px;
|
|
2217
2740
|
--wds-space-600: 36px;
|
|
2218
2741
|
--wds-space-700: 42px;
|
|
2219
2742
|
--wds-space-800: 48px;
|
|
2743
|
+
--wds-space-850: 51px;
|
|
2220
2744
|
--wds-space-900: 54px;
|
|
2745
|
+
--wds-space-950: 57px;
|
|
2221
2746
|
--wds-space-1000: 60px;
|
|
2747
|
+
--wds-space-1050: 63px;
|
|
2222
2748
|
--wds-space-1100: 66px;
|
|
2223
2749
|
--wds-space-1200: 72px;
|
|
2224
2750
|
--wds-space-1300: 78px;
|
|
@@ -2239,6 +2765,8 @@
|
|
|
2239
2765
|
--wds-space-padding-vertical-tiny: 12px;
|
|
2240
2766
|
--wds-space-padding-vertical-x-tiny: 6px;
|
|
2241
2767
|
--wds-space-padding-vertical-xx-tiny: 3px;
|
|
2768
|
+
--wds-status-toast-text-font-line-height: 24px;
|
|
2769
|
+
--wds-status-toast-text-font-size: 16px;
|
|
2242
2770
|
--wds-stepper-prefix-size-circle: 30px;
|
|
2243
2771
|
--wds-stepper-prefix-size-number: 24px;
|
|
2244
2772
|
--wds-swatches-list-gap: 12px;
|
|
@@ -2248,11 +2776,18 @@
|
|
|
2248
2776
|
--wds-swatches-swatch-active-border-radius-small: 5px;
|
|
2249
2777
|
--wds-swatches-swatch-border-radius-medium: 6px;
|
|
2250
2778
|
--wds-swatches-swatch-border-radius-small: 2px;
|
|
2779
|
+
--wds-swatches-swatch-size-extra-tiny: 18px;
|
|
2251
2780
|
--wds-swatches-swatch-size-large: 42px;
|
|
2252
2781
|
--wds-swatches-swatch-size-medium: 36px;
|
|
2253
2782
|
--wds-swatches-swatch-size-small: 30px;
|
|
2254
2783
|
--wds-swatches-swatch-size-tiny: 24px;
|
|
2255
2784
|
--wds-swatches-swatch-size-x-tiny: 18px;
|
|
2785
|
+
--wds-table-list-item-border-radius: 0;
|
|
2786
|
+
--wds-table-list-item-gap: 24px;
|
|
2787
|
+
--wds-table-list-item-indentation-level-2: 12px;
|
|
2788
|
+
--wds-table-list-item-indentation-level-3: 36px;
|
|
2789
|
+
--wds-table-list-item-paddings: 0;
|
|
2790
|
+
--wds-table-toolbar-padding-horizontal: 24px;
|
|
2256
2791
|
--wds-tabs-gap-medium: 6px;
|
|
2257
2792
|
--wds-tabs-gap-small: 6px;
|
|
2258
2793
|
--wds-tabs-label-font-size-small: 14px;
|
|
@@ -2265,6 +2800,8 @@
|
|
|
2265
2800
|
--wds-tag-border-radius-medium: 1000px;
|
|
2266
2801
|
--wds-tag-border-radius-small: 1000px;
|
|
2267
2802
|
--wds-tag-border-radius-tiny: 1000px;
|
|
2803
|
+
--wds-tag-label-font-line-height-small: 18px;
|
|
2804
|
+
--wds-tag-label-font-size-small: 14px;
|
|
2268
2805
|
--wds-tag-padding-horizontal-large: 18px;
|
|
2269
2806
|
--wds-tag-padding-horizontal-medium: 12px;
|
|
2270
2807
|
--wds-tag-padding-horizontal-small: 12px;
|
|
@@ -2279,7 +2816,27 @@
|
|
|
2279
2816
|
--wds-tag-size-tiny: 18px;
|
|
2280
2817
|
--wds-testimonial-list-gap: 30px;
|
|
2281
2818
|
--wds-thumbnail-border-radius: 6px;
|
|
2819
|
+
--wds-thumbnail-border-width-default: 1;
|
|
2820
|
+
--wds-thumbnail-fill: rgba(255, 255, 255, 0);
|
|
2821
|
+
--wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
|
|
2282
2822
|
--wds-thumbnail-gap: 12px;
|
|
2823
|
+
--wds-thumbnail-illustration-fill-1: #80b1ff;
|
|
2824
|
+
--wds-thumbnail-illustration-fill-2: #116dff;
|
|
2825
|
+
--wds-thumbnail-illustration-fill-3: #e7f0ff;
|
|
2826
|
+
--wds-thumbnail-subtitle-fill: #44485f;
|
|
2827
|
+
--wds-thumbnail-subtitle-font-line-height-tiny: 18px;
|
|
2828
|
+
--wds-thumbnail-subtitle-font-size-tiny: 14px;
|
|
2829
|
+
--wds-thumbnail-title-font-line-height-tiny: 18px;
|
|
2830
|
+
--wds-thumbnail-title-font-size-tiny: 14px;
|
|
2831
|
+
--wds-thumbnail-title-font-weight-tiny: 400;
|
|
2832
|
+
--wds-thumbnail-title-padding-top: 6px;
|
|
2833
|
+
--wds-timeline-title-font-line-height: 18px;
|
|
2834
|
+
--wds-timeline-title-font-size: 14px;
|
|
2835
|
+
--wds-toggle-button-border-radius-square-large: 6px;
|
|
2836
|
+
--wds-toggle-button-border-radius-square-medium: 6px;
|
|
2837
|
+
--wds-toggle-button-border-radius-square-small: 4px;
|
|
2838
|
+
--wds-toggle-button-border-radius-square-tiny: 4px;
|
|
2839
|
+
--wds-toggle-button-label-font-weight: 400;
|
|
2283
2840
|
--wds-toggle-button-padding-left-large: 9px;
|
|
2284
2841
|
--wds-toggle-button-padding-left-large-round: 12px;
|
|
2285
2842
|
--wds-toggle-button-padding-left-medium: 6px;
|
|
@@ -2320,6 +2877,7 @@
|
|
|
2320
2877
|
--wds-toggle-switch-fill-urgent-active-hover: #f05300;
|
|
2321
2878
|
--wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
|
|
2322
2879
|
--wds-toggle-switch-fill-urgent-hover: #fcbd9c;
|
|
2880
|
+
--wds-toggle-switch-icon: true;
|
|
2323
2881
|
--wds-toggle-switch-knob-size-large: 22px;
|
|
2324
2882
|
--wds-toggle-switch-knob-size-medium: 18px;
|
|
2325
2883
|
--wds-toggle-switch-knob-size-small: 14px;
|
|
@@ -2330,6 +2888,7 @@
|
|
|
2330
2888
|
--wds-toggle-switch-width-medium: 34px;
|
|
2331
2889
|
--wds-toggle-switch-width-small: 28px;
|
|
2332
2890
|
--wds-tooltip-background-fill: #000624;
|
|
2891
|
+
--wds-tooltip-border-radius: #ffffff;
|
|
2333
2892
|
--wds-tooltip-border-radius-medium: 8px;
|
|
2334
2893
|
--wds-tooltip-border-radius-small: 8px;
|
|
2335
2894
|
--wds-tooltip-padding-horizontal-medium: 24px;
|
|
@@ -2351,6 +2910,7 @@
|
|
|
2351
2910
|
--wds-vertical-tabs-icon-padding-horizontal-small: 12px;
|
|
2352
2911
|
--wds-vertical-tabs-icon-padding-vertical-medium: 12px;
|
|
2353
2912
|
--wds-vertical-tabs-icon-padding-vertical-small: 12px;
|
|
2913
|
+
--wds-vertical-tabs-item-active-title-text-disabled: rgba(0, 6, 36, .3);
|
|
2354
2914
|
--wds-vertical-tabs-item-fill-light: #ffffff;
|
|
2355
2915
|
--wds-vertical-tabs-item-fill-light-active: #d6e6fe;
|
|
2356
2916
|
--wds-vertical-tabs-item-fill-light-disabled: #ffffff;
|
|
@@ -2386,6 +2946,16 @@
|
|
|
2386
2946
|
--wds-vertical-tabs-item-padding-vertical-medium: 12px;
|
|
2387
2947
|
--wds-vertical-tabs-item-padding-vertical-small: 12px;
|
|
2388
2948
|
--wds-vertical-tabs-item-padding-vertical-tiny: 6px;
|
|
2949
|
+
--wds-vertical-tabs-item-pill-fill-premium-disabled: #f6f7f9;
|
|
2950
|
+
--wds-vertical-tabs-item-pill-fill-standard: #f6f7f9;
|
|
2951
|
+
--wds-vertical-tabs-item-pill-fill-standard-disabled: #f6f7f9;
|
|
2952
|
+
--wds-vertical-tabs-item-round-disabled: #f6f7f9;
|
|
2953
|
+
--wds-vertical-tabs-item-round-fill-hover: #f6f7f9;
|
|
2954
|
+
--wds-vertical-tabs-item-round-fill-premium-active: #f6f7f9;
|
|
2955
|
+
--wds-vertical-tabs-item-round-fill-premium-disabled: #f6f7f9;
|
|
2956
|
+
--wds-vertical-tabs-item-round-fill-premium-hover: #f6f7f9;
|
|
2957
|
+
--wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
|
|
2958
|
+
--wds-vertical-tabs-item-round-padding-top-tiny: 0;
|
|
2389
2959
|
--wds-vertical-tabs-section-text-font-line-height-small: 18px;
|
|
2390
2960
|
--wds-vertical-tabs-section-text-font-size-small: 14px;
|
|
2391
2961
|
--wds-vertical-tabs-section-text-font-weight-small: 400;
|
|
@@ -2398,4 +2968,6 @@
|
|
|
2398
2968
|
--wds-vertical-tabs-section-title-padding-top-medium: 24px;
|
|
2399
2969
|
--wds-vertical-tabs-section-title-padding-top-small: 18px;
|
|
2400
2970
|
--wds-vertical-tabs-section-title-padding-top-tiny: 6px;
|
|
2971
|
+
--wds-width-default: 1px;
|
|
2972
|
+
--wds-width-default-2: 1px;
|
|
2401
2973
|
}
|