@wix/design-system-tokens 1.52.1 → 1.53.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +36 -40
  3. package/all.st.css +96 -104
  4. package/component.st.css +72 -80
  5. package/foundation.st.css +16 -16
  6. package/package.json +3 -3
  7. package/semantic.st.css +8 -8
  8. package/studio/all.css +37 -41
  9. package/studio/all.st.css +97 -105
  10. package/studio/component.st.css +73 -81
  11. package/studio/foundation.st.css +16 -16
  12. package/studio/semantic.st.css +8 -8
package/semantic.st.css CHANGED
@@ -172,6 +172,10 @@
172
172
  @property st-global(--wds-color-fill-social-instagram-active);
173
173
  @property st-global(--wds-color-fill-social-instagram-disabled);
174
174
  @property st-global(--wds-color-fill-social-instagram-hover);
175
+ @property st-global(--wds-color-fill-social-youtube);
176
+ @property st-global(--wds-color-fill-social-youtube-active);
177
+ @property st-global(--wds-color-fill-social-youtube-disabled);
178
+ @property st-global(--wds-color-fill-social-youtube-hover);
175
179
  @property st-global(--wds-color-fill-social-linkedin);
176
180
  @property st-global(--wds-color-fill-social-linkedin-active);
177
181
  @property st-global(--wds-color-fill-social-linkedin-disabled);
@@ -188,10 +192,6 @@
188
192
  @property st-global(--wds-color-fill-social-xcorp-active);
189
193
  @property st-global(--wds-color-fill-social-xcorp-disabled);
190
194
  @property st-global(--wds-color-fill-social-xcorp-hover);
191
- @property st-global(--wds-color-fill-social-youtube);
192
- @property st-global(--wds-color-fill-social-youtube-active);
193
- @property st-global(--wds-color-fill-social-youtube-disabled);
194
- @property st-global(--wds-color-fill-social-youtube-hover);
195
195
  @property st-global(--wds-color-fill-standard-light-primary);
196
196
  @property st-global(--wds-color-fill-standard-light-primary-active);
197
197
  @property st-global(--wds-color-fill-standard-light-primary-disabled);
@@ -515,6 +515,10 @@
515
515
  --wds-color-fill-social-instagram-active: #ff0175;
516
516
  --wds-color-fill-social-instagram-disabled: rgba(0, 6, 36, .3);
517
517
  --wds-color-fill-social-instagram-hover: rgba(255, 1, 117, .8);
518
+ --wds-color-fill-social-youtube: #ff0000;
519
+ --wds-color-fill-social-youtube-active: #ff0000;
520
+ --wds-color-fill-social-youtube-disabled: rgba(0, 6, 36, .3);
521
+ --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
518
522
  --wds-color-fill-social-linkedin: #0065c8;
519
523
  --wds-color-fill-social-linkedin-active: #0065c8;
520
524
  --wds-color-fill-social-linkedin-disabled: rgba(0, 6, 36, .3);
@@ -531,10 +535,6 @@
531
535
  --wds-color-fill-social-xcorp-active: #101419;
532
536
  --wds-color-fill-social-xcorp-disabled: rgba(0, 6, 36, .3);
533
537
  --wds-color-fill-social-xcorp-hover: rgba(16, 20, 25, .8);
534
- --wds-color-fill-social-youtube: #ff0000;
535
- --wds-color-fill-social-youtube-active: #ff0000;
536
- --wds-color-fill-social-youtube-disabled: rgba(0, 6, 36, .3);
537
- --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
538
538
  --wds-color-fill-standard-light-primary: #80b1ff;
539
539
  --wds-color-fill-standard-light-primary-active: #5999ff;
540
540
  --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
package/studio/all.css CHANGED
@@ -599,52 +599,48 @@
599
599
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
600
600
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
601
601
  --wds-vertical-tabs-action-padding-vertical-tiny: 4px;
602
- --wds-vertical-tabs-item-active-title-text: #116dff;
603
- --wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
604
- --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
602
+ --wds-vertical-tabs-icon-fill: #116dff;
603
+ --wds-vertical-tabs-icon-fill-active: #131720;
604
+ --wds-vertical-tabs-icon-fill-disabled: #bebebe;
605
+ --wds-vertical-tabs-icon-fill-hover: #116dff;
606
+ --wds-vertical-tabs-icon-padding-horizontal-medium: 8px;
607
+ --wds-vertical-tabs-icon-padding-horizontal-small: 8px;
608
+ --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
609
+ --wds-vertical-tabs-icon-padding-vertical-small: 8px;
610
+ --wds-vertical-tabs-item-fill-light: #ffffff;
611
+ --wds-vertical-tabs-item-fill-light-active: #dce9ff;
612
+ --wds-vertical-tabs-item-fill-light-disabled: #ffffff;
613
+ --wds-vertical-tabs-item-fill-light-hover: #f7f8f8;
614
+ --wds-vertical-tabs-item-fill-light-premium-active: #e3c3f4;
615
+ --wds-vertical-tabs-item-fill-light-premium-disabled: #ffffff;
616
+ --wds-vertical-tabs-item-fill-light-premium-hover: #f7f8f8;
617
+ --wds-vertical-tabs-item-fill-light-premium-premium: #ffffff;
618
+ --wds-vertical-tabs-item-fill-neutral: #f7f8f8;
619
+ --wds-vertical-tabs-item-fill-neutral-active: #dce9ff;
620
+ --wds-vertical-tabs-item-fill-neutral-disabled: #f7f8f8;
621
+ --wds-vertical-tabs-item-fill-neutral-hover: #e2e3ea;
622
+ --wds-vertical-tabs-item-fill-neutral-premium: #f7f8f8;
623
+ --wds-vertical-tabs-item-fill-neutral-premium-active: #e3c3f4;
624
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: #f7f8f8;
625
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: #f1e0f9;
626
+ --wds-vertical-tabs-item-fill-standard: #ffffff;
627
+ --wds-vertical-tabs-item-fill-standard-active: #dce9ff;
628
+ --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
629
+ --wds-vertical-tabs-item-fill-standard-hover: #f7f8f8;
630
+ --wds-vertical-tabs-item-label-disabled: #bebebe;
631
+ --wds-vertical-tabs-item-label-text: #131720;
632
+ --wds-vertical-tabs-item-label-text-active: #116dff;
633
+ --wds-vertical-tabs-item-label-text-premium: #9a27d5;
634
+ --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
635
+ --wds-vertical-tabs-item-padding-horizontal-medium: 16px;
605
636
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
606
637
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
607
638
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
608
639
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
609
640
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
610
- --wds-vertical-tabs-item-pill-fill-premium: #ffffff;
611
- --wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
612
- --wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
613
- --wds-vertical-tabs-item-pill-fill-premium-hover: #f7f8f8;
614
- --wds-vertical-tabs-item-pill-fill-standard: #ffffff;
615
- --wds-vertical-tabs-item-pill-fill-standard-active: #dce9ff;
616
- --wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
617
- --wds-vertical-tabs-item-pill-fill-standard-hover: #f7f8f8;
618
- --wds-vertical-tabs-item-pill-padding-horizontal: 0;
619
- --wds-vertical-tabs-item-pill-padding-vertical: 0;
620
- --wds-vertical-tabs-item-round-active: #dce9ff;
621
- --wds-vertical-tabs-item-round-disabled: #ffffff;
622
- --wds-vertical-tabs-item-round-fill: #ffffff;
623
- --wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
624
- --wds-vertical-tabs-item-round-fill-premium: #ffffff;
625
- --wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
626
- --wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
627
- --wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
628
- --wds-vertical-tabs-item-round-padding-bottom-medium: 8px;
629
- --wds-vertical-tabs-item-round-padding-bottom-small: 8px;
630
- --wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
631
- --wds-vertical-tabs-item-round-padding-horizontal-medium: 24px;
632
- --wds-vertical-tabs-item-round-padding-horizontal-small: 24px;
633
- --wds-vertical-tabs-item-round-padding-horizontal-tiny: 24px;
634
- --wds-vertical-tabs-item-round-padding-top-medium: 8px;
635
- --wds-vertical-tabs-item-round-padding-top-small: 8px;
636
- --wds-vertical-tabs-item-round-padding-top-tiny: 4px;
637
- --wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
638
- --wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
639
- --wds-vertical-tabs-item-round-title-text-premium-disabled: #bebebe;
640
- --wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
641
- --wds-vertical-tabs-item-round-title-text-standard: #131720;
642
- --wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
643
- --wds-vertical-tabs-item-round-title-text-standard-disabled: #bebebe;
644
- --wds-vertical-tabs-item-round-title-text-standard-hover: #131720;
645
- --wds-vertical-tabs-item-title-text: #131720;
646
- --wds-vertical-tabs-item-title-text-disabled: #bebebe;
647
- --wds-vertical-tabs-round-fill: #ffffff;
641
+ --wds-vertical-tabs-section-text-font-line-height-small: 16px;
642
+ --wds-vertical-tabs-section-text-font-size-small: 12px;
643
+ --wds-vertical-tabs-section-text-font-weight-small: 700;
648
644
  --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
649
645
  --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
650
646
  --wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
package/studio/all.st.css CHANGED
@@ -328,6 +328,10 @@
328
328
  @property st-global(--wds-color-fill-social-instagram-active);
329
329
  @property st-global(--wds-color-fill-social-instagram-disabled);
330
330
  @property st-global(--wds-color-fill-social-instagram-hover);
331
+ @property st-global(--wds-color-fill-social-youtube);
332
+ @property st-global(--wds-color-fill-social-youtube-active);
333
+ @property st-global(--wds-color-fill-social-youtube-disabled);
334
+ @property st-global(--wds-color-fill-social-youtube-hover);
331
335
  @property st-global(--wds-color-fill-social-linkedin);
332
336
  @property st-global(--wds-color-fill-social-linkedin-active);
333
337
  @property st-global(--wds-color-fill-social-linkedin-disabled);
@@ -344,10 +348,6 @@
344
348
  @property st-global(--wds-color-fill-social-xcorp-active);
345
349
  @property st-global(--wds-color-fill-social-xcorp-disabled);
346
350
  @property st-global(--wds-color-fill-social-xcorp-hover);
347
- @property st-global(--wds-color-fill-social-youtube);
348
- @property st-global(--wds-color-fill-social-youtube-active);
349
- @property st-global(--wds-color-fill-social-youtube-disabled);
350
- @property st-global(--wds-color-fill-social-youtube-hover);
351
351
  @property st-global(--wds-color-fill-standard-light-primary);
352
352
  @property st-global(--wds-color-fill-standard-light-primary-active);
353
353
  @property st-global(--wds-color-fill-standard-light-primary-disabled);
@@ -431,6 +431,14 @@
431
431
  @property st-global(--wds-color-green-400);
432
432
  @property st-global(--wds-color-green-500);
433
433
  @property st-global(--wds-color-green-600);
434
+ @property st-global(--wds-color-yellow-0);
435
+ @property st-global(--wds-color-yellow-50);
436
+ @property st-global(--wds-color-yellow-100);
437
+ @property st-global(--wds-color-yellow-200);
438
+ @property st-global(--wds-color-yellow-300);
439
+ @property st-global(--wds-color-yellow-400);
440
+ @property st-global(--wds-color-yellow-500);
441
+ @property st-global(--wds-color-yellow-600);
434
442
  @property st-global(--wds-color-iris-0);
435
443
  @property st-global(--wds-color-iris-50);
436
444
  @property st-global(--wds-color-iris-100);
@@ -490,14 +498,6 @@
490
498
  @property st-global(--wds-color-white-transparent-50);
491
499
  @property st-global(--wds-color-white-transparent-70);
492
500
  @property st-global(--wds-color-white-transparent-80);
493
- @property st-global(--wds-color-yellow-0);
494
- @property st-global(--wds-color-yellow-50);
495
- @property st-global(--wds-color-yellow-100);
496
- @property st-global(--wds-color-yellow-200);
497
- @property st-global(--wds-color-yellow-300);
498
- @property st-global(--wds-color-yellow-400);
499
- @property st-global(--wds-color-yellow-500);
500
- @property st-global(--wds-color-yellow-600);
501
501
  @property st-global(--wds-composer-sidebar-bottom-width);
502
502
  @property st-global(--wds-composer-sidebar-end-max-width);
503
503
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
@@ -1106,52 +1106,48 @@
1106
1106
  @property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
1107
1107
  @property st-global(--wds-vertical-tabs-action-padding-vertical-small);
1108
1108
  @property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
1109
- @property st-global(--wds-vertical-tabs-item-active-title-text);
1110
- @property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
1109
+ @property st-global(--wds-vertical-tabs-icon-fill);
1110
+ @property st-global(--wds-vertical-tabs-icon-fill-active);
1111
+ @property st-global(--wds-vertical-tabs-icon-fill-disabled);
1112
+ @property st-global(--wds-vertical-tabs-icon-fill-hover);
1113
+ @property st-global(--wds-vertical-tabs-icon-padding-horizontal-medium);
1114
+ @property st-global(--wds-vertical-tabs-icon-padding-horizontal-small);
1115
+ @property st-global(--wds-vertical-tabs-icon-padding-vertical-medium);
1116
+ @property st-global(--wds-vertical-tabs-icon-padding-vertical-small);
1117
+ @property st-global(--wds-vertical-tabs-item-fill-light);
1118
+ @property st-global(--wds-vertical-tabs-item-fill-light-active);
1119
+ @property st-global(--wds-vertical-tabs-item-fill-light-disabled);
1120
+ @property st-global(--wds-vertical-tabs-item-fill-light-hover);
1121
+ @property st-global(--wds-vertical-tabs-item-fill-light-premium-active);
1122
+ @property st-global(--wds-vertical-tabs-item-fill-light-premium-disabled);
1123
+ @property st-global(--wds-vertical-tabs-item-fill-light-premium-hover);
1124
+ @property st-global(--wds-vertical-tabs-item-fill-light-premium-premium);
1125
+ @property st-global(--wds-vertical-tabs-item-fill-neutral);
1126
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-active);
1127
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-disabled);
1128
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-hover);
1129
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-premium);
1130
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-premium-active);
1131
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-premium-disabled);
1132
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-premium-hover);
1133
+ @property st-global(--wds-vertical-tabs-item-fill-standard);
1134
+ @property st-global(--wds-vertical-tabs-item-fill-standard-active);
1135
+ @property st-global(--wds-vertical-tabs-item-fill-standard-disabled);
1136
+ @property st-global(--wds-vertical-tabs-item-fill-standard-hover);
1137
+ @property st-global(--wds-vertical-tabs-item-label-disabled);
1138
+ @property st-global(--wds-vertical-tabs-item-label-text);
1139
+ @property st-global(--wds-vertical-tabs-item-label-text-active);
1140
+ @property st-global(--wds-vertical-tabs-item-label-text-premium);
1141
+ @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
1111
1142
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
1112
1143
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
1113
1144
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
1114
1145
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
1115
1146
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
1116
1147
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
1117
- @property st-global(--wds-vertical-tabs-item-pill-fill-premium);
1118
- @property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
1119
- @property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
1120
- @property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
1121
- @property st-global(--wds-vertical-tabs-item-pill-fill-standard);
1122
- @property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
1123
- @property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
1124
- @property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
1125
- @property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
1126
- @property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
1127
- @property st-global(--wds-vertical-tabs-item-round-active);
1128
- @property st-global(--wds-vertical-tabs-item-round-disabled);
1129
- @property st-global(--wds-vertical-tabs-item-round-fill);
1130
- @property st-global(--wds-vertical-tabs-item-round-fill-hover);
1131
- @property st-global(--wds-vertical-tabs-item-round-fill-premium);
1132
- @property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
1133
- @property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
1134
- @property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
1135
- @property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
1136
- @property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
1137
- @property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
1138
- @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
1139
- @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
1140
- @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
1141
- @property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
1142
- @property st-global(--wds-vertical-tabs-item-round-padding-top-small);
1143
- @property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
1144
- @property st-global(--wds-vertical-tabs-item-round-title-text-premium);
1145
- @property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
1146
- @property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
1147
- @property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
1148
- @property st-global(--wds-vertical-tabs-item-round-title-text-standard);
1149
- @property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
1150
- @property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
1151
- @property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
1152
- @property st-global(--wds-vertical-tabs-item-title-text);
1153
- @property st-global(--wds-vertical-tabs-item-title-text-disabled);
1154
- @property st-global(--wds-vertical-tabs-round-fill);
1148
+ @property st-global(--wds-vertical-tabs-section-text-font-line-height-small);
1149
+ @property st-global(--wds-vertical-tabs-section-text-font-size-small);
1150
+ @property st-global(--wds-vertical-tabs-section-text-font-weight-small);
1155
1151
  @property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
1156
1152
  @property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
1157
1153
  @property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
@@ -1493,6 +1489,10 @@
1493
1489
  --wds-color-fill-social-instagram-active: #ff0175;
1494
1490
  --wds-color-fill-social-instagram-disabled: #bebebe;
1495
1491
  --wds-color-fill-social-instagram-hover: rgba(255, 1, 117, .8);
1492
+ --wds-color-fill-social-youtube: #ff0000;
1493
+ --wds-color-fill-social-youtube-active: #ff0000;
1494
+ --wds-color-fill-social-youtube-disabled: #bebebe;
1495
+ --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
1496
1496
  --wds-color-fill-social-linkedin: #0065c8;
1497
1497
  --wds-color-fill-social-linkedin-active: #0065c8;
1498
1498
  --wds-color-fill-social-linkedin-disabled: #bebebe;
@@ -1509,10 +1509,6 @@
1509
1509
  --wds-color-fill-social-xcorp-active: #101419;
1510
1510
  --wds-color-fill-social-xcorp-disabled: #bebebe;
1511
1511
  --wds-color-fill-social-xcorp-hover: rgba(16, 20, 25, .8);
1512
- --wds-color-fill-social-youtube: #ff0000;
1513
- --wds-color-fill-social-youtube-active: #ff0000;
1514
- --wds-color-fill-social-youtube-disabled: #bebebe;
1515
- --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, .8);
1516
1512
  --wds-color-fill-standard-light-primary: #7cafff;
1517
1513
  --wds-color-fill-standard-light-primary-active: #418aff;
1518
1514
  --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
@@ -1596,6 +1592,14 @@
1596
1592
  --wds-color-green-400: #c8e8d6;
1597
1593
  --wds-color-green-500: #e1f4eb;
1598
1594
  --wds-color-green-600: #e9f6ee;
1595
+ --wds-color-yellow-0: #d49341;
1596
+ --wds-color-yellow-50: #e7a047;
1597
+ --wds-color-yellow-100: #f9ad4d;
1598
+ --wds-color-yellow-200: #fabd71;
1599
+ --wds-color-yellow-300: #fcd29d;
1600
+ --wds-color-yellow-400: #fdead2;
1601
+ --wds-color-yellow-500: #fef3e5;
1602
+ --wds-color-yellow-600: #fef6ed;
1599
1603
  --wds-color-iris-0: #4d3dd0;
1600
1604
  --wds-color-iris-50: #5443e3;
1601
1605
  --wds-color-iris-100: #5a48f5;
@@ -1655,14 +1659,6 @@
1655
1659
  --wds-color-white-transparent-50: rgba(255, 255, 255, .5);
1656
1660
  --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
1657
1661
  --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
1658
- --wds-color-yellow-0: #d49341;
1659
- --wds-color-yellow-50: #e7a047;
1660
- --wds-color-yellow-100: #f9ad4d;
1661
- --wds-color-yellow-200: #fabd71;
1662
- --wds-color-yellow-300: #fcd29d;
1663
- --wds-color-yellow-400: #fdead2;
1664
- --wds-color-yellow-500: #fef3e5;
1665
- --wds-color-yellow-600: #fef6ed;
1666
1662
  --wds-composer-sidebar-bottom-width: 88px;
1667
1663
  --wds-composer-sidebar-end-max-width: 240px;
1668
1664
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
@@ -2271,52 +2267,48 @@
2271
2267
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
2272
2268
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
2273
2269
  --wds-vertical-tabs-action-padding-vertical-tiny: 4px;
2274
- --wds-vertical-tabs-item-active-title-text: #116dff;
2275
- --wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
2276
- --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
2270
+ --wds-vertical-tabs-icon-fill: #116dff;
2271
+ --wds-vertical-tabs-icon-fill-active: #131720;
2272
+ --wds-vertical-tabs-icon-fill-disabled: #bebebe;
2273
+ --wds-vertical-tabs-icon-fill-hover: #116dff;
2274
+ --wds-vertical-tabs-icon-padding-horizontal-medium: 8px;
2275
+ --wds-vertical-tabs-icon-padding-horizontal-small: 8px;
2276
+ --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
2277
+ --wds-vertical-tabs-icon-padding-vertical-small: 8px;
2278
+ --wds-vertical-tabs-item-fill-light: #ffffff;
2279
+ --wds-vertical-tabs-item-fill-light-active: #dce9ff;
2280
+ --wds-vertical-tabs-item-fill-light-disabled: #ffffff;
2281
+ --wds-vertical-tabs-item-fill-light-hover: #f7f8f8;
2282
+ --wds-vertical-tabs-item-fill-light-premium-active: #e3c3f4;
2283
+ --wds-vertical-tabs-item-fill-light-premium-disabled: #ffffff;
2284
+ --wds-vertical-tabs-item-fill-light-premium-hover: #f7f8f8;
2285
+ --wds-vertical-tabs-item-fill-light-premium-premium: #ffffff;
2286
+ --wds-vertical-tabs-item-fill-neutral: #f7f8f8;
2287
+ --wds-vertical-tabs-item-fill-neutral-active: #dce9ff;
2288
+ --wds-vertical-tabs-item-fill-neutral-disabled: #f7f8f8;
2289
+ --wds-vertical-tabs-item-fill-neutral-hover: #e2e3ea;
2290
+ --wds-vertical-tabs-item-fill-neutral-premium: #f7f8f8;
2291
+ --wds-vertical-tabs-item-fill-neutral-premium-active: #e3c3f4;
2292
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: #f7f8f8;
2293
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: #f1e0f9;
2294
+ --wds-vertical-tabs-item-fill-standard: #ffffff;
2295
+ --wds-vertical-tabs-item-fill-standard-active: #dce9ff;
2296
+ --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
2297
+ --wds-vertical-tabs-item-fill-standard-hover: #f7f8f8;
2298
+ --wds-vertical-tabs-item-label-disabled: #bebebe;
2299
+ --wds-vertical-tabs-item-label-text: #131720;
2300
+ --wds-vertical-tabs-item-label-text-active: #116dff;
2301
+ --wds-vertical-tabs-item-label-text-premium: #9a27d5;
2302
+ --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
2303
+ --wds-vertical-tabs-item-padding-horizontal-medium: 16px;
2277
2304
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
2278
2305
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
2279
2306
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
2280
2307
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
2281
2308
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
2282
- --wds-vertical-tabs-item-pill-fill-premium: #ffffff;
2283
- --wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
2284
- --wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
2285
- --wds-vertical-tabs-item-pill-fill-premium-hover: #f7f8f8;
2286
- --wds-vertical-tabs-item-pill-fill-standard: #ffffff;
2287
- --wds-vertical-tabs-item-pill-fill-standard-active: #dce9ff;
2288
- --wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
2289
- --wds-vertical-tabs-item-pill-fill-standard-hover: #f7f8f8;
2290
- --wds-vertical-tabs-item-pill-padding-horizontal: 0;
2291
- --wds-vertical-tabs-item-pill-padding-vertical: 0;
2292
- --wds-vertical-tabs-item-round-active: #dce9ff;
2293
- --wds-vertical-tabs-item-round-disabled: #ffffff;
2294
- --wds-vertical-tabs-item-round-fill: #ffffff;
2295
- --wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
2296
- --wds-vertical-tabs-item-round-fill-premium: #ffffff;
2297
- --wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
2298
- --wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
2299
- --wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
2300
- --wds-vertical-tabs-item-round-padding-bottom-medium: 8px;
2301
- --wds-vertical-tabs-item-round-padding-bottom-small: 8px;
2302
- --wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
2303
- --wds-vertical-tabs-item-round-padding-horizontal-medium: 24px;
2304
- --wds-vertical-tabs-item-round-padding-horizontal-small: 24px;
2305
- --wds-vertical-tabs-item-round-padding-horizontal-tiny: 24px;
2306
- --wds-vertical-tabs-item-round-padding-top-medium: 8px;
2307
- --wds-vertical-tabs-item-round-padding-top-small: 8px;
2308
- --wds-vertical-tabs-item-round-padding-top-tiny: 4px;
2309
- --wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
2310
- --wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
2311
- --wds-vertical-tabs-item-round-title-text-premium-disabled: #bebebe;
2312
- --wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
2313
- --wds-vertical-tabs-item-round-title-text-standard: #131720;
2314
- --wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
2315
- --wds-vertical-tabs-item-round-title-text-standard-disabled: #bebebe;
2316
- --wds-vertical-tabs-item-round-title-text-standard-hover: #131720;
2317
- --wds-vertical-tabs-item-title-text: #131720;
2318
- --wds-vertical-tabs-item-title-text-disabled: #bebebe;
2319
- --wds-vertical-tabs-round-fill: #ffffff;
2309
+ --wds-vertical-tabs-section-text-font-line-height-small: 16px;
2310
+ --wds-vertical-tabs-section-text-font-size-small: 12px;
2311
+ --wds-vertical-tabs-section-text-font-weight-small: 700;
2320
2312
  --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
2321
2313
  --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
2322
2314
  --wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
package/studio/component.st.css CHANGED
@@ -598,52 +598,48 @@
598
598
  @property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
599
599
  @property st-global(--wds-vertical-tabs-action-padding-vertical-small);
600
600
  @property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
601
- @property st-global(--wds-vertical-tabs-item-active-title-text);
602
- @property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
601
+ @property st-global(--wds-vertical-tabs-icon-fill);
602
+ @property st-global(--wds-vertical-tabs-icon-fill-active);
603
+ @property st-global(--wds-vertical-tabs-icon-fill-disabled);
604
+ @property st-global(--wds-vertical-tabs-icon-fill-hover);
605
+ @property st-global(--wds-vertical-tabs-icon-padding-horizontal-medium);
606
+ @property st-global(--wds-vertical-tabs-icon-padding-horizontal-small);
607
+ @property st-global(--wds-vertical-tabs-icon-padding-vertical-medium);
608
+ @property st-global(--wds-vertical-tabs-icon-padding-vertical-small);
609
+ @property st-global(--wds-vertical-tabs-item-fill-light);
610
+ @property st-global(--wds-vertical-tabs-item-fill-light-active);
611
+ @property st-global(--wds-vertical-tabs-item-fill-light-disabled);
612
+ @property st-global(--wds-vertical-tabs-item-fill-light-hover);
613
+ @property st-global(--wds-vertical-tabs-item-fill-light-premium-active);
614
+ @property st-global(--wds-vertical-tabs-item-fill-light-premium-disabled);
615
+ @property st-global(--wds-vertical-tabs-item-fill-light-premium-hover);
616
+ @property st-global(--wds-vertical-tabs-item-fill-light-premium-premium);
617
+ @property st-global(--wds-vertical-tabs-item-fill-neutral);
618
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-active);
619
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-disabled);
620
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-hover);
621
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-premium);
622
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-premium-active);
623
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-premium-disabled);
624
+ @property st-global(--wds-vertical-tabs-item-fill-neutral-premium-hover);
625
+ @property st-global(--wds-vertical-tabs-item-fill-standard);
626
+ @property st-global(--wds-vertical-tabs-item-fill-standard-active);
627
+ @property st-global(--wds-vertical-tabs-item-fill-standard-disabled);
628
+ @property st-global(--wds-vertical-tabs-item-fill-standard-hover);
629
+ @property st-global(--wds-vertical-tabs-item-label-disabled);
630
+ @property st-global(--wds-vertical-tabs-item-label-text);
631
+ @property st-global(--wds-vertical-tabs-item-label-text-active);
632
+ @property st-global(--wds-vertical-tabs-item-label-text-premium);
633
+ @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
603
634
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
604
635
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
605
636
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
606
637
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
607
638
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
608
639
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
609
- @property st-global(--wds-vertical-tabs-item-pill-fill-premium);
610
- @property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
611
- @property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
612
- @property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
613
- @property st-global(--wds-vertical-tabs-item-pill-fill-standard);
614
- @property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
615
- @property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
616
- @property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
617
- @property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
618
- @property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
619
- @property st-global(--wds-vertical-tabs-item-round-active);
620
- @property st-global(--wds-vertical-tabs-item-round-disabled);
621
- @property st-global(--wds-vertical-tabs-item-round-fill);
622
- @property st-global(--wds-vertical-tabs-item-round-fill-hover);
623
- @property st-global(--wds-vertical-tabs-item-round-fill-premium);
624
- @property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
625
- @property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
626
- @property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
627
- @property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
628
- @property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
629
- @property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
630
- @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
631
- @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
632
- @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
633
- @property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
634
- @property st-global(--wds-vertical-tabs-item-round-padding-top-small);
635
- @property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
636
- @property st-global(--wds-vertical-tabs-item-round-title-text-premium);
637
- @property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
638
- @property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
639
- @property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
640
- @property st-global(--wds-vertical-tabs-item-round-title-text-standard);
641
- @property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
642
- @property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
643
- @property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
644
- @property st-global(--wds-vertical-tabs-item-title-text);
645
- @property st-global(--wds-vertical-tabs-item-title-text-disabled);
646
- @property st-global(--wds-vertical-tabs-round-fill);
640
+ @property st-global(--wds-vertical-tabs-section-text-font-line-height-small);
641
+ @property st-global(--wds-vertical-tabs-section-text-font-size-small);
642
+ @property st-global(--wds-vertical-tabs-section-text-font-weight-small);
647
643
  @property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
648
644
  @property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
649
645
  @property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
@@ -1255,52 +1251,48 @@
1255
1251
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
1256
1252
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
1257
1253
  --wds-vertical-tabs-action-padding-vertical-tiny: 4px;
1258
- --wds-vertical-tabs-item-active-title-text: #116dff;
1259
- --wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
1260
- --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
1254
+ --wds-vertical-tabs-icon-fill: #116dff;
1255
+ --wds-vertical-tabs-icon-fill-active: #131720;
1256
+ --wds-vertical-tabs-icon-fill-disabled: #bebebe;
1257
+ --wds-vertical-tabs-icon-fill-hover: #116dff;
1258
+ --wds-vertical-tabs-icon-padding-horizontal-medium: 8px;
1259
+ --wds-vertical-tabs-icon-padding-horizontal-small: 8px;
1260
+ --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
1261
+ --wds-vertical-tabs-icon-padding-vertical-small: 8px;
1262
+ --wds-vertical-tabs-item-fill-light: #ffffff;
1263
+ --wds-vertical-tabs-item-fill-light-active: #dce9ff;
1264
+ --wds-vertical-tabs-item-fill-light-disabled: #ffffff;
1265
+ --wds-vertical-tabs-item-fill-light-hover: #f7f8f8;
1266
+ --wds-vertical-tabs-item-fill-light-premium-active: #e3c3f4;
1267
+ --wds-vertical-tabs-item-fill-light-premium-disabled: #ffffff;
1268
+ --wds-vertical-tabs-item-fill-light-premium-hover: #f7f8f8;
1269
+ --wds-vertical-tabs-item-fill-light-premium-premium: #ffffff;
1270
+ --wds-vertical-tabs-item-fill-neutral: #f7f8f8;
1271
+ --wds-vertical-tabs-item-fill-neutral-active: #dce9ff;
1272
+ --wds-vertical-tabs-item-fill-neutral-disabled: #f7f8f8;
1273
+ --wds-vertical-tabs-item-fill-neutral-hover: #e2e3ea;
1274
+ --wds-vertical-tabs-item-fill-neutral-premium: #f7f8f8;
1275
+ --wds-vertical-tabs-item-fill-neutral-premium-active: #e3c3f4;
1276
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: #f7f8f8;
1277
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: #f1e0f9;
1278
+ --wds-vertical-tabs-item-fill-standard: #ffffff;
1279
+ --wds-vertical-tabs-item-fill-standard-active: #dce9ff;
1280
+ --wds-vertical-tabs-item-fill-standard-disabled: rgba(255, 255, 255, .3);
1281
+ --wds-vertical-tabs-item-fill-standard-hover: #f7f8f8;
1282
+ --wds-vertical-tabs-item-label-disabled: #bebebe;
1283
+ --wds-vertical-tabs-item-label-text: #131720;
1284
+ --wds-vertical-tabs-item-label-text-active: #116dff;
1285
+ --wds-vertical-tabs-item-label-text-premium: #9a27d5;
1286
+ --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
1287
+ --wds-vertical-tabs-item-padding-horizontal-medium: 16px;
1261
1288
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
1262
1289
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
1263
1290
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
1264
1291
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
1265
1292
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
1266
- --wds-vertical-tabs-item-pill-fill-premium: #ffffff;
1267
- --wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
1268
- --wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
1269
- --wds-vertical-tabs-item-pill-fill-premium-hover: #f7f8f8;
1270
- --wds-vertical-tabs-item-pill-fill-standard: #ffffff;
1271
- --wds-vertical-tabs-item-pill-fill-standard-active: #dce9ff;
1272
- --wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
1273
- --wds-vertical-tabs-item-pill-fill-standard-hover: #f7f8f8;
1274
- --wds-vertical-tabs-item-pill-padding-horizontal: 0;
1275
- --wds-vertical-tabs-item-pill-padding-vertical: 0;
1276
- --wds-vertical-tabs-item-round-active: #dce9ff;
1277
- --wds-vertical-tabs-item-round-disabled: #ffffff;
1278
- --wds-vertical-tabs-item-round-fill: #ffffff;
1279
- --wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
1280
- --wds-vertical-tabs-item-round-fill-premium: #ffffff;
1281
- --wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
1282
- --wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
1283
- --wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
1284
- --wds-vertical-tabs-item-round-padding-bottom-medium: 8px;
1285
- --wds-vertical-tabs-item-round-padding-bottom-small: 8px;
1286
- --wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
1287
- --wds-vertical-tabs-item-round-padding-horizontal-medium: 24px;
1288
- --wds-vertical-tabs-item-round-padding-horizontal-small: 24px;
1289
- --wds-vertical-tabs-item-round-padding-horizontal-tiny: 24px;
1290
- --wds-vertical-tabs-item-round-padding-top-medium: 8px;
1291
- --wds-vertical-tabs-item-round-padding-top-small: 8px;
1292
- --wds-vertical-tabs-item-round-padding-top-tiny: 4px;
1293
- --wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
1294
- --wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
1295
- --wds-vertical-tabs-item-round-title-text-premium-disabled: #bebebe;
1296
- --wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
1297
- --wds-vertical-tabs-item-round-title-text-standard: #131720;
1298
- --wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
1299
- --wds-vertical-tabs-item-round-title-text-standard-disabled: #bebebe;
1300
- --wds-vertical-tabs-item-round-title-text-standard-hover: #131720;
1301
- --wds-vertical-tabs-item-title-text: #131720;
1302
- --wds-vertical-tabs-item-title-text-disabled: #bebebe;
1303
- --wds-vertical-tabs-round-fill: #ffffff;
1293
+ --wds-vertical-tabs-section-text-font-line-height-small: 16px;
1294
+ --wds-vertical-tabs-section-text-font-size-small: 12px;
1295
+ --wds-vertical-tabs-section-text-font-weight-small: 700;
1304
1296
  --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
1305
1297
  --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
1306
1298
  --wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
package/studio/foundation.st.css CHANGED
@@ -52,6 +52,14 @@
52
52
  @property st-global(--wds-color-green-400);
53
53
  @property st-global(--wds-color-green-500);
54
54
  @property st-global(--wds-color-green-600);
55
+ @property st-global(--wds-color-yellow-0);
56
+ @property st-global(--wds-color-yellow-50);
57
+ @property st-global(--wds-color-yellow-100);
58
+ @property st-global(--wds-color-yellow-200);
59
+ @property st-global(--wds-color-yellow-300);
60
+ @property st-global(--wds-color-yellow-400);
61
+ @property st-global(--wds-color-yellow-500);
62
+ @property st-global(--wds-color-yellow-600);
55
63
  @property st-global(--wds-color-iris-0);
56
64
  @property st-global(--wds-color-iris-50);
57
65
  @property st-global(--wds-color-iris-100);
@@ -97,14 +105,6 @@
97
105
  @property st-global(--wds-color-white-transparent-50);
98
106
  @property st-global(--wds-color-white-transparent-70);
99
107
  @property st-global(--wds-color-white-transparent-80);
100
- @property st-global(--wds-color-yellow-0);
101
- @property st-global(--wds-color-yellow-50);
102
- @property st-global(--wds-color-yellow-100);
103
- @property st-global(--wds-color-yellow-200);
104
- @property st-global(--wds-color-yellow-300);
105
- @property st-global(--wds-color-yellow-400);
106
- @property st-global(--wds-color-yellow-500);
107
- @property st-global(--wds-color-yellow-600);
108
108
  @property st-global(--wds-font-family-default);
109
109
  @property st-global(--wds-font-letter-spacing-0);
110
110
  @property st-global(--wds-font-letter-spacing-100);
@@ -225,6 +225,14 @@
225
225
  --wds-color-green-400: #c8e8d6;
226
226
  --wds-color-green-500: #e1f4eb;
227
227
  --wds-color-green-600: #e9f6ee;
228
+ --wds-color-yellow-0: #d49341;
229
+ --wds-color-yellow-50: #e7a047;
230
+ --wds-color-yellow-100: #f9ad4d;
231
+ --wds-color-yellow-200: #fabd71;
232
+ --wds-color-yellow-300: #fcd29d;
233
+ --wds-color-yellow-400: #fdead2;
234
+ --wds-color-yellow-500: #fef3e5;
235
+ --wds-color-yellow-600: #fef6ed;
228
236
  --wds-color-iris-0: #4d3dd0;
229
237
  --wds-color-iris-50: #5443e3;
230
238
  --wds-color-iris-100: #5a48f5;
@@ -270,14 +278,6 @@
270
278
  --wds-color-white-transparent-50: rgba(255, 255, 255, .5);
271
279
  --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
272
280
  --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
273
- --wds-color-yellow-0: #d49341;
274
- --wds-color-yellow-50: #e7a047;
275
- --wds-color-yellow-100: #f9ad4d;
276
- --wds-color-yellow-200: #fabd71;
277
- --wds-color-yellow-300: #fcd29d;
278
- --wds-color-yellow-400: #fdead2;
279
- --wds-color-yellow-500: #fef3e5;
280
- --wds-color-yellow-600: #fef6ed;
281
281
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
282
282
  --wds-font-letter-spacing-0: 0;
283
283
  --wds-font-letter-spacing-100: 1px;