@wix/design-system-tokens 1.229.2 → 1.231.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/all.css +74 -1
  3. package/all.scss +74 -1
  4. package/all.st.css +148 -2
  5. package/component.st.css +148 -2
  6. package/odeditor/all.css +99 -26
  7. package/odeditor/all.scss +99 -26
  8. package/odeditor/all.st.css +173 -27
  9. package/odeditor/component.st.css +173 -27
  10. package/odeditor-dark/all.css +108 -35
  11. package/odeditor-dark/all.scss +108 -35
  12. package/odeditor-dark/all.st.css +176 -30
  13. package/odeditor-dark/component.st.css +176 -30
  14. package/package.json +2 -2
  15. package/studio/all.css +80 -7
  16. package/studio/all.scss +80 -7
  17. package/studio/all.st.css +154 -8
  18. package/studio/component.st.css +154 -8
  19. package/studio2-light/all.css +2703 -0
  20. package/studio2-light/all.scss +2703 -0
  21. package/studio2-light/all.st.css +5405 -0
  22. package/studio2-light/component.st.css +3901 -0
  23. package/studio2-light/foundation.st.css +487 -0
  24. package/studio2-light/semantic.st.css +1023 -0
  25. package/wixel/all.css +80 -7
  26. package/wixel/all.scss +80 -7
  27. package/wixel/all.st.css +154 -8
  28. package/wixel/component.st.css +154 -8
package/all.st.css CHANGED
@@ -116,11 +116,15 @@
116
116
  @property st-global(--wds-badge-outline-destructive-label-color);
117
117
  @property st-global(--wds-badge-outline-neutral-border-color);
118
118
  @property st-global(--wds-badge-outline-neutral-danger-border-color);
119
+ @property st-global(--wds-badge-outline-neutral-danger-label-color);
119
120
  @property st-global(--wds-badge-outline-neutral-fill);
120
121
  @property st-global(--wds-badge-outline-neutral-label-color);
121
122
  @property st-global(--wds-badge-outline-neutral-light-border-color);
123
+ @property st-global(--wds-badge-outline-neutral-light-label-color);
122
124
  @property st-global(--wds-badge-outline-neutral-standard-border-color);
125
+ @property st-global(--wds-badge-outline-neutral-standard-label-color);
123
126
  @property st-global(--wds-badge-outline-neutral-success-border-color);
127
+ @property st-global(--wds-badge-outline-neutral-success-label-color);
124
128
  @property st-global(--wds-badge-outline-premium-border-color);
125
129
  @property st-global(--wds-badge-outline-premium-fill);
126
130
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -137,6 +141,7 @@
137
141
  @property st-global(--wds-badge-outline-warning-fill);
138
142
  @property st-global(--wds-badge-outline-warning-label-color);
139
143
  @property st-global(--wds-badge-outline-warning-light-border-color);
144
+ @property st-global(--wds-badge-outline-warning-light-label-color);
140
145
  @property st-global(--wds-badge-padding-horizontal-medium);
141
146
  @property st-global(--wds-badge-padding-horizontal-small);
142
147
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -148,7 +153,6 @@
148
153
  @property st-global(--wds-badge-size-tiny);
149
154
  @property st-global(--wds-badge-solid-neutral-danger-fill);
150
155
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
151
- @property st-global(--wds-badge-solid-neutral-light-fill);
152
156
  @property st-global(--wds-badge-solid-neutral-light-label-color);
153
157
  @property st-global(--wds-badge-solid-neutral-standard-fill);
154
158
  @property st-global(--wds-badge-solid-neutral-standard-label-color);
@@ -160,9 +164,15 @@
160
164
  @property st-global(--wds-badge-solid-warning-label-color);
161
165
  @property st-global(--wds-badge-solid-warning-light-fill);
162
166
  @property st-global(--wds-badge-solid-warning-light-label-color);
167
+ @property st-global(--wds-badge-transparent-neutral-danger-label-color);
168
+ @property st-global(--wds-badge-transparent-neutral-label-color);
169
+ @property st-global(--wds-badge-transparent-neutral-light-label-color);
170
+ @property st-global(--wds-badge-transparent-neutral-standard-label-color);
171
+ @property st-global(--wds-badge-transparent-neutral-success-label-color);
163
172
  @property st-global(--wds-badge-transparent-success-label-color);
164
173
  @property st-global(--wds-badge-transparent-urgent-label-color);
165
174
  @property st-global(--wds-badge-transparent-warning-label-color);
175
+ @property st-global(--wds-badge-transparent-warning-light-label-color);
166
176
  @property st-global(--wds-border-radius-0);
167
177
  @property st-global(--wds-border-radius-100);
168
178
  @property st-global(--wds-border-radius-200);
@@ -1023,8 +1033,20 @@
1023
1033
  @property st-global(--wds-color-yellow-400);
1024
1034
  @property st-global(--wds-color-yellow-500);
1025
1035
  @property st-global(--wds-color-yellow-600);
1036
+ @property st-global(--wds-composer-header-actions-gap);
1037
+ @property st-global(--wds-composer-header-back-button-icon-size-medium);
1038
+ @property st-global(--wds-composer-header-back-button-icon-size-small);
1039
+ @property st-global(--wds-composer-header-border-fill);
1040
+ @property st-global(--wds-composer-header-divider-margin);
1041
+ @property st-global(--wds-composer-header-fill);
1042
+ @property st-global(--wds-composer-header-height-medium);
1043
+ @property st-global(--wds-composer-header-height-small);
1044
+ @property st-global(--wds-composer-header-padding-vertical-small);
1045
+ @property st-global(--wds-composer-sidebar-border-width);
1026
1046
  @property st-global(--wds-composer-sidebar-bottom-width);
1027
1047
  @property st-global(--wds-composer-sidebar-end-max-width);
1048
+ @property st-global(--wds-composer-sidebar-fill);
1049
+ @property st-global(--wds-composer-sidebar-item-border-radius);
1028
1050
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
1029
1051
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-medium);
1030
1052
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-small);
@@ -1043,9 +1065,13 @@
1043
1065
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-large);
1044
1066
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-medium);
1045
1067
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
1068
+ @property st-global(--wds-composer-sidebar-tooltip-container-padding-vertical);
1069
+ @property st-global(--wds-composer-sidebar-tooltip-item-gap);
1046
1070
  @property st-global(--wds-counter-badge-border-radius-medium);
1047
1071
  @property st-global(--wds-counter-badge-border-radius-small);
1048
1072
  @property st-global(--wds-counter-badge-font-size-tiny);
1073
+ @property st-global(--wds-counter-badge-outline-destructive-border-color);
1074
+ @property st-global(--wds-counter-badge-outline-warning-label-color);
1049
1075
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
1050
1076
  @property st-global(--wds-counter-badge-padding-horizontal-small);
1051
1077
  @property st-global(--wds-counter-badge-padding-horizontal-tiny);
@@ -1799,12 +1825,24 @@
1799
1825
  @property st-global(--wds-section-header-padding-vertical-small);
1800
1826
  @property st-global(--wds-section-helper-action-padding-medium);
1801
1827
  @property st-global(--wds-section-helper-action-padding-small);
1828
+ @property st-global(--wds-section-helper-border-experimental-dark);
1802
1829
  @property st-global(--wds-section-helper-border-preview);
1803
1830
  @property st-global(--wds-section-helper-border-radius);
1831
+ @property st-global(--wds-section-helper-border-standard);
1832
+ @property st-global(--wds-section-helper-border-success);
1833
+ @property st-global(--wds-section-helper-close-button-clearance-medium);
1834
+ @property st-global(--wds-section-helper-close-button-clearance-small);
1835
+ @property st-global(--wds-section-helper-close-button-inset-medium);
1836
+ @property st-global(--wds-section-helper-close-button-inset-small);
1804
1837
  @property st-global(--wds-section-helper-close-button-offset);
1838
+ @property st-global(--wds-section-helper-content-gap-medium);
1839
+ @property st-global(--wds-section-helper-content-gap-small);
1840
+ @property st-global(--wds-section-helper-fill-danger);
1805
1841
  @property st-global(--wds-section-helper-fill-premium);
1806
1842
  @property st-global(--wds-section-helper-fill-preview);
1807
1843
  @property st-global(--wds-section-helper-fill-standard);
1844
+ @property st-global(--wds-section-helper-fill-success);
1845
+ @property st-global(--wds-section-helper-fill-warning);
1808
1846
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-medium);
1809
1847
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
1810
1848
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
@@ -2343,6 +2381,27 @@
2343
2381
  @property st-global(--wds-tag-label-font-line-height-small);
2344
2382
  @property st-global(--wds-tag-label-font-size-small);
2345
2383
  @property st-global(--wds-tag-list-action-gap);
2384
+ @property st-global(--wds-tag-outlined-dark-border-color);
2385
+ @property st-global(--wds-tag-outlined-dark-fill);
2386
+ @property st-global(--wds-tag-outlined-dark-label-color);
2387
+ @property st-global(--wds-tag-outlined-error-border-color);
2388
+ @property st-global(--wds-tag-outlined-error-fill);
2389
+ @property st-global(--wds-tag-outlined-error-label-color);
2390
+ @property st-global(--wds-tag-outlined-light-border-color);
2391
+ @property st-global(--wds-tag-outlined-light-fill);
2392
+ @property st-global(--wds-tag-outlined-light-label-color);
2393
+ @property st-global(--wds-tag-outlined-neutral-border-color);
2394
+ @property st-global(--wds-tag-outlined-neutral-fill);
2395
+ @property st-global(--wds-tag-outlined-neutral-label-color);
2396
+ @property st-global(--wds-tag-outlined-standard-border-color);
2397
+ @property st-global(--wds-tag-outlined-standard-fill);
2398
+ @property st-global(--wds-tag-outlined-standard-label-color);
2399
+ @property st-global(--wds-tag-outlined-success-border-color);
2400
+ @property st-global(--wds-tag-outlined-success-fill);
2401
+ @property st-global(--wds-tag-outlined-success-label-color);
2402
+ @property st-global(--wds-tag-outlined-warning-border-color);
2403
+ @property st-global(--wds-tag-outlined-warning-fill);
2404
+ @property st-global(--wds-tag-outlined-warning-label-color);
2346
2405
  @property st-global(--wds-tag-padding-horizontal-large);
2347
2406
  @property st-global(--wds-tag-padding-horizontal-medium);
2348
2407
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -2355,6 +2414,20 @@
2355
2414
  @property st-global(--wds-tag-size-medium);
2356
2415
  @property st-global(--wds-tag-size-small);
2357
2416
  @property st-global(--wds-tag-size-tiny);
2417
+ @property st-global(--wds-tag-solid-dark-fill);
2418
+ @property st-global(--wds-tag-solid-error-fill);
2419
+ @property st-global(--wds-tag-solid-light-fill);
2420
+ @property st-global(--wds-tag-solid-neutral-fill);
2421
+ @property st-global(--wds-tag-solid-standard-fill);
2422
+ @property st-global(--wds-tag-solid-success-fill);
2423
+ @property st-global(--wds-tag-solid-warning-fill);
2424
+ @property st-global(--wds-tag-transparent-dark-label-color);
2425
+ @property st-global(--wds-tag-transparent-error-label-color);
2426
+ @property st-global(--wds-tag-transparent-light-label-color);
2427
+ @property st-global(--wds-tag-transparent-neutral-label-color);
2428
+ @property st-global(--wds-tag-transparent-standard-label-color);
2429
+ @property st-global(--wds-tag-transparent-success-label-color);
2430
+ @property st-global(--wds-tag-transparent-warning-label-color);
2358
2431
  @property st-global(--wds-testimonial-list-gap);
2359
2432
  @property st-global(--wds-text-button-font-line-height-medium);
2360
2433
  @property st-global(--wds-text-button-font-line-height-small);
@@ -2764,11 +2837,15 @@
2764
2837
  --wds-badge-outline-destructive-label-color: #e62214;
2765
2838
  --wds-badge-outline-neutral-border-color: #868aa5;
2766
2839
  --wds-badge-outline-neutral-danger-border-color: #fbd0cd;
2840
+ --wds-badge-outline-neutral-danger-label-color: #44485f;
2767
2841
  --wds-badge-outline-neutral-fill: #ffffff;
2768
2842
  --wds-badge-outline-neutral-label-color: #868aa5;
2769
2843
  --wds-badge-outline-neutral-light-border-color: #dfe5eb;
2844
+ --wds-badge-outline-neutral-light-label-color: #44485f;
2770
2845
  --wds-badge-outline-neutral-standard-border-color: #d6e6fe;
2846
+ --wds-badge-outline-neutral-standard-label-color: #44485f;
2771
2847
  --wds-badge-outline-neutral-success-border-color: #c8e8d6;
2848
+ --wds-badge-outline-neutral-success-label-color: #44485f;
2772
2849
  --wds-badge-outline-premium-border-color: #cf8cf1;
2773
2850
  --wds-badge-outline-premium-fill: #ffffff;
2774
2851
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -2785,6 +2862,7 @@
2785
2862
  --wds-badge-outline-warning-fill: #ffffff;
2786
2863
  --wds-badge-outline-warning-label-color: #ffb700;
2787
2864
  --wds-badge-outline-warning-light-border-color: #ffe2a5;
2865
+ --wds-badge-outline-warning-light-label-color: #44485f;
2788
2866
  --wds-badge-padding-horizontal-medium: 12px;
2789
2867
  --wds-badge-padding-horizontal-small: 6px;
2790
2868
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2796,7 +2874,6 @@
2796
2874
  --wds-badge-size-tiny: 18px;
2797
2875
  --wds-badge-solid-neutral-danger-fill: #fbd0cd;
2798
2876
  --wds-badge-solid-neutral-danger-label-color: #44485f;
2799
- --wds-badge-solid-neutral-light-fill: #eceff3;
2800
2877
  --wds-badge-solid-neutral-light-label-color: #44485f;
2801
2878
  --wds-badge-solid-neutral-standard-fill: #d6e6fe;
2802
2879
  --wds-badge-solid-neutral-standard-label-color: #44485f;
@@ -2808,9 +2885,15 @@
2808
2885
  --wds-badge-solid-warning-label-color: #ffffff;
2809
2886
  --wds-badge-solid-warning-light-fill: #ffe2a5;
2810
2887
  --wds-badge-solid-warning-light-label-color: #44485f;
2888
+ --wds-badge-transparent-neutral-danger-label-color: #fbd0cd;
2889
+ --wds-badge-transparent-neutral-label-color: #868aa5;
2890
+ --wds-badge-transparent-neutral-light-label-color: #eceff3;
2891
+ --wds-badge-transparent-neutral-standard-label-color: #d6e6fe;
2892
+ --wds-badge-transparent-neutral-success-label-color: #c8e8d6;
2811
2893
  --wds-badge-transparent-success-label-color: #25a55a;
2812
2894
  --wds-badge-transparent-urgent-label-color: #fe620f;
2813
2895
  --wds-badge-transparent-warning-label-color: #ffb700;
2896
+ --wds-badge-transparent-warning-light-label-color: #ffe2a5;
2814
2897
  --wds-border-radius-0: 0px;
2815
2898
  --wds-border-radius-100: 2px;
2816
2899
  --wds-border-radius-200: 4px;
@@ -3671,8 +3754,20 @@
3671
3754
  --wds-color-yellow-400: #ffe2a5;
3672
3755
  --wds-color-yellow-500: #fff0d1;
3673
3756
  --wds-color-yellow-600: #fff6e5;
3757
+ --wds-composer-header-actions-gap: 12px;
3758
+ --wds-composer-header-back-button-icon-size-medium: 24px;
3759
+ --wds-composer-header-back-button-icon-size-small: 18px;
3760
+ --wds-composer-header-border-fill: #dfe5eb;
3761
+ --wds-composer-header-divider-margin: 20px;
3762
+ --wds-composer-header-fill: #ffffff;
3763
+ --wds-composer-header-height-medium: 36px;
3764
+ --wds-composer-header-height-small: 30px;
3765
+ --wds-composer-header-padding-vertical-small: 12px;
3766
+ --wds-composer-sidebar-border-width: 1px;
3674
3767
  --wds-composer-sidebar-bottom-width: 90px;
3675
3768
  --wds-composer-sidebar-end-max-width: 240px;
3769
+ --wds-composer-sidebar-fill: #ffffff;
3770
+ --wds-composer-sidebar-item-border-radius: 1000px;
3676
3771
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 6px;
3677
3772
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: 6px;
3678
3773
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: 6px;
@@ -3691,9 +3786,13 @@
3691
3786
  --wds-composer-sidebar-item-tooltip-padding-vertical-large: 12px;
3692
3787
  --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 12px;
3693
3788
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
3789
+ --wds-composer-sidebar-tooltip-container-padding-vertical: 6px;
3790
+ --wds-composer-sidebar-tooltip-item-gap: 0px;
3694
3791
  --wds-counter-badge-border-radius-medium: 1000px;
3695
3792
  --wds-counter-badge-border-radius-small: 1000px;
3696
3793
  --wds-counter-badge-font-size-tiny: 10px;
3794
+ --wds-counter-badge-outline-destructive-border-color: #f69891;
3795
+ --wds-counter-badge-outline-warning-label-color: #ffb700;
3697
3796
  --wds-counter-badge-padding-horizontal-medium: 8px;
3698
3797
  --wds-counter-badge-padding-horizontal-small: 6px;
3699
3798
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -4447,12 +4546,24 @@
4447
4546
  --wds-section-header-padding-vertical-small: 9px;
4448
4547
  --wds-section-helper-action-padding-medium: 12px;
4449
4548
  --wds-section-helper-action-padding-small: 9px;
4549
+ --wds-section-helper-border-experimental-dark: #000624;
4450
4550
  --wds-section-helper-border-preview: #868aa5;
4451
4551
  --wds-section-helper-border-radius: 6px;
4552
+ --wds-section-helper-border-standard: #a8caff;
4553
+ --wds-section-helper-border-success: #87cea5;
4554
+ --wds-section-helper-close-button-clearance-medium: 36px;
4555
+ --wds-section-helper-close-button-clearance-small: 24px;
4556
+ --wds-section-helper-close-button-inset-medium: 6px;
4557
+ --wds-section-helper-close-button-inset-small: 0px;
4452
4558
  --wds-section-helper-close-button-offset: 12px;
4559
+ --wds-section-helper-content-gap-medium: 12px;
4560
+ --wds-section-helper-content-gap-small: 9px;
4561
+ --wds-section-helper-fill-danger: #fde3e1;
4453
4562
  --wds-section-helper-fill-premium: #f1e0f9;
4454
4563
  --wds-section-helper-fill-preview: #f6f7f9;
4455
4564
  --wds-section-helper-fill-standard: #e7f0ff;
4565
+ --wds-section-helper-fill-success: #e1f4eb;
4566
+ --wds-section-helper-fill-warning: #fff0d1;
4456
4567
  --wds-section-helper-fullwidth-horizontal-padding-medium: 24px;
4457
4568
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
4458
4569
  --wds-section-helper-fullwidth-vertical-padding-medium: 12px;
@@ -4991,6 +5102,27 @@
4991
5102
  --wds-tag-label-font-line-height-small: 18px;
4992
5103
  --wds-tag-label-font-size-small: 14px;
4993
5104
  --wds-tag-list-action-gap: 6px;
5105
+ --wds-tag-outlined-dark-border-color: #868aa5;
5106
+ --wds-tag-outlined-dark-fill: #ffffff;
5107
+ --wds-tag-outlined-dark-label-color: #000624;
5108
+ --wds-tag-outlined-error-border-color: #fbd0cd;
5109
+ --wds-tag-outlined-error-fill: #ffffff;
5110
+ --wds-tag-outlined-error-label-color: #44485f;
5111
+ --wds-tag-outlined-light-border-color: rgba(255, 255, 255, .5);
5112
+ --wds-tag-outlined-light-fill: rgba(255, 255, 255, 0);
5113
+ --wds-tag-outlined-light-label-color: #ffffff;
5114
+ --wds-tag-outlined-neutral-border-color: #dfe5eb;
5115
+ --wds-tag-outlined-neutral-fill: #ffffff;
5116
+ --wds-tag-outlined-neutral-label-color: #44485f;
5117
+ --wds-tag-outlined-standard-border-color: #d6e6fe;
5118
+ --wds-tag-outlined-standard-fill: #ffffff;
5119
+ --wds-tag-outlined-standard-label-color: #44485f;
5120
+ --wds-tag-outlined-success-border-color: #c8e8d6;
5121
+ --wds-tag-outlined-success-fill: #ffffff;
5122
+ --wds-tag-outlined-success-label-color: #44485f;
5123
+ --wds-tag-outlined-warning-border-color: #ffe2a5;
5124
+ --wds-tag-outlined-warning-fill: #ffffff;
5125
+ --wds-tag-outlined-warning-label-color: #44485f;
4994
5126
  --wds-tag-padding-horizontal-large: 18px;
4995
5127
  --wds-tag-padding-horizontal-medium: 12px;
4996
5128
  --wds-tag-padding-horizontal-small: 12px;
@@ -5003,6 +5135,20 @@
5003
5135
  --wds-tag-size-medium: 30px;
5004
5136
  --wds-tag-size-small: 24px;
5005
5137
  --wds-tag-size-tiny: 18px;
5138
+ --wds-tag-solid-dark-fill: #000624;
5139
+ --wds-tag-solid-error-fill: #fbd0cd;
5140
+ --wds-tag-solid-light-fill: #ffffff;
5141
+ --wds-tag-solid-neutral-fill: #eceff3;
5142
+ --wds-tag-solid-standard-fill: #eceff3;
5143
+ --wds-tag-solid-success-fill: #c8e8d6;
5144
+ --wds-tag-solid-warning-fill: #ffe2a5;
5145
+ --wds-tag-transparent-dark-label-color: #000624;
5146
+ --wds-tag-transparent-error-label-color: #e62214;
5147
+ --wds-tag-transparent-light-label-color: #ffffff;
5148
+ --wds-tag-transparent-neutral-label-color: #868aa5;
5149
+ --wds-tag-transparent-standard-label-color: #44485f;
5150
+ --wds-tag-transparent-success-label-color: #25a55a;
5151
+ --wds-tag-transparent-warning-label-color: #ffb700;
5006
5152
  --wds-testimonial-list-gap: 30px;
5007
5153
  --wds-text-button-font-line-height-medium: 24px;
5008
5154
  --wds-text-button-font-line-height-small: 18px;
package/component.st.css CHANGED
@@ -104,11 +104,15 @@
104
104
  @property st-global(--wds-badge-outline-destructive-label-color);
105
105
  @property st-global(--wds-badge-outline-neutral-border-color);
106
106
  @property st-global(--wds-badge-outline-neutral-danger-border-color);
107
+ @property st-global(--wds-badge-outline-neutral-danger-label-color);
107
108
  @property st-global(--wds-badge-outline-neutral-fill);
108
109
  @property st-global(--wds-badge-outline-neutral-label-color);
109
110
  @property st-global(--wds-badge-outline-neutral-light-border-color);
111
+ @property st-global(--wds-badge-outline-neutral-light-label-color);
110
112
  @property st-global(--wds-badge-outline-neutral-standard-border-color);
113
+ @property st-global(--wds-badge-outline-neutral-standard-label-color);
111
114
  @property st-global(--wds-badge-outline-neutral-success-border-color);
115
+ @property st-global(--wds-badge-outline-neutral-success-label-color);
112
116
  @property st-global(--wds-badge-outline-premium-border-color);
113
117
  @property st-global(--wds-badge-outline-premium-fill);
114
118
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -125,6 +129,7 @@
125
129
  @property st-global(--wds-badge-outline-warning-fill);
126
130
  @property st-global(--wds-badge-outline-warning-label-color);
127
131
  @property st-global(--wds-badge-outline-warning-light-border-color);
132
+ @property st-global(--wds-badge-outline-warning-light-label-color);
128
133
  @property st-global(--wds-badge-padding-horizontal-medium);
129
134
  @property st-global(--wds-badge-padding-horizontal-small);
130
135
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -136,7 +141,6 @@
136
141
  @property st-global(--wds-badge-size-tiny);
137
142
  @property st-global(--wds-badge-solid-neutral-danger-fill);
138
143
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
139
- @property st-global(--wds-badge-solid-neutral-light-fill);
140
144
  @property st-global(--wds-badge-solid-neutral-light-label-color);
141
145
  @property st-global(--wds-badge-solid-neutral-standard-fill);
142
146
  @property st-global(--wds-badge-solid-neutral-standard-label-color);
@@ -148,9 +152,15 @@
148
152
  @property st-global(--wds-badge-solid-warning-label-color);
149
153
  @property st-global(--wds-badge-solid-warning-light-fill);
150
154
  @property st-global(--wds-badge-solid-warning-light-label-color);
155
+ @property st-global(--wds-badge-transparent-neutral-danger-label-color);
156
+ @property st-global(--wds-badge-transparent-neutral-label-color);
157
+ @property st-global(--wds-badge-transparent-neutral-light-label-color);
158
+ @property st-global(--wds-badge-transparent-neutral-standard-label-color);
159
+ @property st-global(--wds-badge-transparent-neutral-success-label-color);
151
160
  @property st-global(--wds-badge-transparent-success-label-color);
152
161
  @property st-global(--wds-badge-transparent-urgent-label-color);
153
162
  @property st-global(--wds-badge-transparent-warning-label-color);
163
+ @property st-global(--wds-badge-transparent-warning-light-label-color);
154
164
  @property st-global(--wds-breadcrumbs-border-radius);
155
165
  @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
156
166
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -509,8 +519,20 @@
509
519
  @property st-global(--wds-color-picker-padding-horizontal);
510
520
  @property st-global(--wds-color-picker-padding-vertical);
511
521
  @property st-global(--wds-color-picker-width);
522
+ @property st-global(--wds-composer-header-actions-gap);
523
+ @property st-global(--wds-composer-header-back-button-icon-size-medium);
524
+ @property st-global(--wds-composer-header-back-button-icon-size-small);
525
+ @property st-global(--wds-composer-header-border-fill);
526
+ @property st-global(--wds-composer-header-divider-margin);
527
+ @property st-global(--wds-composer-header-fill);
528
+ @property st-global(--wds-composer-header-height-medium);
529
+ @property st-global(--wds-composer-header-height-small);
530
+ @property st-global(--wds-composer-header-padding-vertical-small);
531
+ @property st-global(--wds-composer-sidebar-border-width);
512
532
  @property st-global(--wds-composer-sidebar-bottom-width);
513
533
  @property st-global(--wds-composer-sidebar-end-max-width);
534
+ @property st-global(--wds-composer-sidebar-fill);
535
+ @property st-global(--wds-composer-sidebar-item-border-radius);
514
536
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
515
537
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-medium);
516
538
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-small);
@@ -529,9 +551,13 @@
529
551
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-large);
530
552
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-medium);
531
553
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
554
+ @property st-global(--wds-composer-sidebar-tooltip-container-padding-vertical);
555
+ @property st-global(--wds-composer-sidebar-tooltip-item-gap);
532
556
  @property st-global(--wds-counter-badge-border-radius-medium);
533
557
  @property st-global(--wds-counter-badge-border-radius-small);
534
558
  @property st-global(--wds-counter-badge-font-size-tiny);
559
+ @property st-global(--wds-counter-badge-outline-destructive-border-color);
560
+ @property st-global(--wds-counter-badge-outline-warning-label-color);
535
561
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
536
562
  @property st-global(--wds-counter-badge-padding-horizontal-small);
537
563
  @property st-global(--wds-counter-badge-padding-horizontal-tiny);
@@ -1213,12 +1239,24 @@
1213
1239
  @property st-global(--wds-section-header-padding-vertical-small);
1214
1240
  @property st-global(--wds-section-helper-action-padding-medium);
1215
1241
  @property st-global(--wds-section-helper-action-padding-small);
1242
+ @property st-global(--wds-section-helper-border-experimental-dark);
1216
1243
  @property st-global(--wds-section-helper-border-preview);
1217
1244
  @property st-global(--wds-section-helper-border-radius);
1245
+ @property st-global(--wds-section-helper-border-standard);
1246
+ @property st-global(--wds-section-helper-border-success);
1247
+ @property st-global(--wds-section-helper-close-button-clearance-medium);
1248
+ @property st-global(--wds-section-helper-close-button-clearance-small);
1249
+ @property st-global(--wds-section-helper-close-button-inset-medium);
1250
+ @property st-global(--wds-section-helper-close-button-inset-small);
1218
1251
  @property st-global(--wds-section-helper-close-button-offset);
1252
+ @property st-global(--wds-section-helper-content-gap-medium);
1253
+ @property st-global(--wds-section-helper-content-gap-small);
1254
+ @property st-global(--wds-section-helper-fill-danger);
1219
1255
  @property st-global(--wds-section-helper-fill-premium);
1220
1256
  @property st-global(--wds-section-helper-fill-preview);
1221
1257
  @property st-global(--wds-section-helper-fill-standard);
1258
+ @property st-global(--wds-section-helper-fill-success);
1259
+ @property st-global(--wds-section-helper-fill-warning);
1222
1260
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-medium);
1223
1261
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
1224
1262
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
@@ -1604,6 +1642,27 @@
1604
1642
  @property st-global(--wds-tag-label-font-line-height-small);
1605
1643
  @property st-global(--wds-tag-label-font-size-small);
1606
1644
  @property st-global(--wds-tag-list-action-gap);
1645
+ @property st-global(--wds-tag-outlined-dark-border-color);
1646
+ @property st-global(--wds-tag-outlined-dark-fill);
1647
+ @property st-global(--wds-tag-outlined-dark-label-color);
1648
+ @property st-global(--wds-tag-outlined-error-border-color);
1649
+ @property st-global(--wds-tag-outlined-error-fill);
1650
+ @property st-global(--wds-tag-outlined-error-label-color);
1651
+ @property st-global(--wds-tag-outlined-light-border-color);
1652
+ @property st-global(--wds-tag-outlined-light-fill);
1653
+ @property st-global(--wds-tag-outlined-light-label-color);
1654
+ @property st-global(--wds-tag-outlined-neutral-border-color);
1655
+ @property st-global(--wds-tag-outlined-neutral-fill);
1656
+ @property st-global(--wds-tag-outlined-neutral-label-color);
1657
+ @property st-global(--wds-tag-outlined-standard-border-color);
1658
+ @property st-global(--wds-tag-outlined-standard-fill);
1659
+ @property st-global(--wds-tag-outlined-standard-label-color);
1660
+ @property st-global(--wds-tag-outlined-success-border-color);
1661
+ @property st-global(--wds-tag-outlined-success-fill);
1662
+ @property st-global(--wds-tag-outlined-success-label-color);
1663
+ @property st-global(--wds-tag-outlined-warning-border-color);
1664
+ @property st-global(--wds-tag-outlined-warning-fill);
1665
+ @property st-global(--wds-tag-outlined-warning-label-color);
1607
1666
  @property st-global(--wds-tag-padding-horizontal-large);
1608
1667
  @property st-global(--wds-tag-padding-horizontal-medium);
1609
1668
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -1616,6 +1675,20 @@
1616
1675
  @property st-global(--wds-tag-size-medium);
1617
1676
  @property st-global(--wds-tag-size-small);
1618
1677
  @property st-global(--wds-tag-size-tiny);
1678
+ @property st-global(--wds-tag-solid-dark-fill);
1679
+ @property st-global(--wds-tag-solid-error-fill);
1680
+ @property st-global(--wds-tag-solid-light-fill);
1681
+ @property st-global(--wds-tag-solid-neutral-fill);
1682
+ @property st-global(--wds-tag-solid-standard-fill);
1683
+ @property st-global(--wds-tag-solid-success-fill);
1684
+ @property st-global(--wds-tag-solid-warning-fill);
1685
+ @property st-global(--wds-tag-transparent-dark-label-color);
1686
+ @property st-global(--wds-tag-transparent-error-label-color);
1687
+ @property st-global(--wds-tag-transparent-light-label-color);
1688
+ @property st-global(--wds-tag-transparent-neutral-label-color);
1689
+ @property st-global(--wds-tag-transparent-standard-label-color);
1690
+ @property st-global(--wds-tag-transparent-success-label-color);
1691
+ @property st-global(--wds-tag-transparent-warning-label-color);
1619
1692
  @property st-global(--wds-testimonial-list-gap);
1620
1693
  @property st-global(--wds-text-button-font-line-height-medium);
1621
1694
  @property st-global(--wds-text-button-font-line-height-small);
@@ -2011,11 +2084,15 @@
2011
2084
  --wds-badge-outline-destructive-label-color: #e62214;
2012
2085
  --wds-badge-outline-neutral-border-color: #868aa5;
2013
2086
  --wds-badge-outline-neutral-danger-border-color: #fbd0cd;
2087
+ --wds-badge-outline-neutral-danger-label-color: #44485f;
2014
2088
  --wds-badge-outline-neutral-fill: #ffffff;
2015
2089
  --wds-badge-outline-neutral-label-color: #868aa5;
2016
2090
  --wds-badge-outline-neutral-light-border-color: #dfe5eb;
2091
+ --wds-badge-outline-neutral-light-label-color: #44485f;
2017
2092
  --wds-badge-outline-neutral-standard-border-color: #d6e6fe;
2093
+ --wds-badge-outline-neutral-standard-label-color: #44485f;
2018
2094
  --wds-badge-outline-neutral-success-border-color: #c8e8d6;
2095
+ --wds-badge-outline-neutral-success-label-color: #44485f;
2019
2096
  --wds-badge-outline-premium-border-color: #cf8cf1;
2020
2097
  --wds-badge-outline-premium-fill: #ffffff;
2021
2098
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -2032,6 +2109,7 @@
2032
2109
  --wds-badge-outline-warning-fill: #ffffff;
2033
2110
  --wds-badge-outline-warning-label-color: #ffb700;
2034
2111
  --wds-badge-outline-warning-light-border-color: #ffe2a5;
2112
+ --wds-badge-outline-warning-light-label-color: #44485f;
2035
2113
  --wds-badge-padding-horizontal-medium: 12px;
2036
2114
  --wds-badge-padding-horizontal-small: 6px;
2037
2115
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2043,7 +2121,6 @@
2043
2121
  --wds-badge-size-tiny: 18px;
2044
2122
  --wds-badge-solid-neutral-danger-fill: #fbd0cd;
2045
2123
  --wds-badge-solid-neutral-danger-label-color: #44485f;
2046
- --wds-badge-solid-neutral-light-fill: #eceff3;
2047
2124
  --wds-badge-solid-neutral-light-label-color: #44485f;
2048
2125
  --wds-badge-solid-neutral-standard-fill: #d6e6fe;
2049
2126
  --wds-badge-solid-neutral-standard-label-color: #44485f;
@@ -2055,9 +2132,15 @@
2055
2132
  --wds-badge-solid-warning-label-color: #ffffff;
2056
2133
  --wds-badge-solid-warning-light-fill: #ffe2a5;
2057
2134
  --wds-badge-solid-warning-light-label-color: #44485f;
2135
+ --wds-badge-transparent-neutral-danger-label-color: #fbd0cd;
2136
+ --wds-badge-transparent-neutral-label-color: #868aa5;
2137
+ --wds-badge-transparent-neutral-light-label-color: #eceff3;
2138
+ --wds-badge-transparent-neutral-standard-label-color: #d6e6fe;
2139
+ --wds-badge-transparent-neutral-success-label-color: #c8e8d6;
2058
2140
  --wds-badge-transparent-success-label-color: #25a55a;
2059
2141
  --wds-badge-transparent-urgent-label-color: #fe620f;
2060
2142
  --wds-badge-transparent-warning-label-color: #ffb700;
2143
+ --wds-badge-transparent-warning-light-label-color: #ffe2a5;
2061
2144
  --wds-breadcrumbs-border-radius: 1000px;
2062
2145
  --wds-breadcrumbs-divider-margin-horizontal: 8px;
2063
2146
  --wds-breadcrumbs-font-size-small: 14px;
@@ -2416,8 +2499,20 @@
2416
2499
  --wds-color-picker-padding-horizontal: 18px;
2417
2500
  --wds-color-picker-padding-vertical: 12px;
2418
2501
  --wds-color-picker-width: 240px;
2502
+ --wds-composer-header-actions-gap: 12px;
2503
+ --wds-composer-header-back-button-icon-size-medium: 24px;
2504
+ --wds-composer-header-back-button-icon-size-small: 18px;
2505
+ --wds-composer-header-border-fill: #dfe5eb;
2506
+ --wds-composer-header-divider-margin: 20px;
2507
+ --wds-composer-header-fill: #ffffff;
2508
+ --wds-composer-header-height-medium: 36px;
2509
+ --wds-composer-header-height-small: 30px;
2510
+ --wds-composer-header-padding-vertical-small: 12px;
2511
+ --wds-composer-sidebar-border-width: 1px;
2419
2512
  --wds-composer-sidebar-bottom-width: 90px;
2420
2513
  --wds-composer-sidebar-end-max-width: 240px;
2514
+ --wds-composer-sidebar-fill: #ffffff;
2515
+ --wds-composer-sidebar-item-border-radius: 1000px;
2421
2516
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 6px;
2422
2517
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: 6px;
2423
2518
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: 6px;
@@ -2436,9 +2531,13 @@
2436
2531
  --wds-composer-sidebar-item-tooltip-padding-vertical-large: 12px;
2437
2532
  --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 12px;
2438
2533
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
2534
+ --wds-composer-sidebar-tooltip-container-padding-vertical: 6px;
2535
+ --wds-composer-sidebar-tooltip-item-gap: 0px;
2439
2536
  --wds-counter-badge-border-radius-medium: 1000px;
2440
2537
  --wds-counter-badge-border-radius-small: 1000px;
2441
2538
  --wds-counter-badge-font-size-tiny: 10px;
2539
+ --wds-counter-badge-outline-destructive-border-color: #f69891;
2540
+ --wds-counter-badge-outline-warning-label-color: #ffb700;
2442
2541
  --wds-counter-badge-padding-horizontal-medium: 8px;
2443
2542
  --wds-counter-badge-padding-horizontal-small: 6px;
2444
2543
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -3120,12 +3219,24 @@
3120
3219
  --wds-section-header-padding-vertical-small: 9px;
3121
3220
  --wds-section-helper-action-padding-medium: 12px;
3122
3221
  --wds-section-helper-action-padding-small: 9px;
3222
+ --wds-section-helper-border-experimental-dark: #000624;
3123
3223
  --wds-section-helper-border-preview: #868aa5;
3124
3224
  --wds-section-helper-border-radius: 6px;
3225
+ --wds-section-helper-border-standard: #a8caff;
3226
+ --wds-section-helper-border-success: #87cea5;
3227
+ --wds-section-helper-close-button-clearance-medium: 36px;
3228
+ --wds-section-helper-close-button-clearance-small: 24px;
3229
+ --wds-section-helper-close-button-inset-medium: 6px;
3230
+ --wds-section-helper-close-button-inset-small: 0px;
3125
3231
  --wds-section-helper-close-button-offset: 12px;
3232
+ --wds-section-helper-content-gap-medium: 12px;
3233
+ --wds-section-helper-content-gap-small: 9px;
3234
+ --wds-section-helper-fill-danger: #fde3e1;
3126
3235
  --wds-section-helper-fill-premium: #f1e0f9;
3127
3236
  --wds-section-helper-fill-preview: #f6f7f9;
3128
3237
  --wds-section-helper-fill-standard: #e7f0ff;
3238
+ --wds-section-helper-fill-success: #e1f4eb;
3239
+ --wds-section-helper-fill-warning: #fff0d1;
3129
3240
  --wds-section-helper-fullwidth-horizontal-padding-medium: 24px;
3130
3241
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
3131
3242
  --wds-section-helper-fullwidth-vertical-padding-medium: 12px;
@@ -3511,6 +3622,27 @@
3511
3622
  --wds-tag-label-font-line-height-small: 18px;
3512
3623
  --wds-tag-label-font-size-small: 14px;
3513
3624
  --wds-tag-list-action-gap: 6px;
3625
+ --wds-tag-outlined-dark-border-color: #868aa5;
3626
+ --wds-tag-outlined-dark-fill: #ffffff;
3627
+ --wds-tag-outlined-dark-label-color: #000624;
3628
+ --wds-tag-outlined-error-border-color: #fbd0cd;
3629
+ --wds-tag-outlined-error-fill: #ffffff;
3630
+ --wds-tag-outlined-error-label-color: #44485f;
3631
+ --wds-tag-outlined-light-border-color: rgba(255, 255, 255, .5);
3632
+ --wds-tag-outlined-light-fill: rgba(255, 255, 255, 0);
3633
+ --wds-tag-outlined-light-label-color: #ffffff;
3634
+ --wds-tag-outlined-neutral-border-color: #dfe5eb;
3635
+ --wds-tag-outlined-neutral-fill: #ffffff;
3636
+ --wds-tag-outlined-neutral-label-color: #44485f;
3637
+ --wds-tag-outlined-standard-border-color: #d6e6fe;
3638
+ --wds-tag-outlined-standard-fill: #ffffff;
3639
+ --wds-tag-outlined-standard-label-color: #44485f;
3640
+ --wds-tag-outlined-success-border-color: #c8e8d6;
3641
+ --wds-tag-outlined-success-fill: #ffffff;
3642
+ --wds-tag-outlined-success-label-color: #44485f;
3643
+ --wds-tag-outlined-warning-border-color: #ffe2a5;
3644
+ --wds-tag-outlined-warning-fill: #ffffff;
3645
+ --wds-tag-outlined-warning-label-color: #44485f;
3514
3646
  --wds-tag-padding-horizontal-large: 18px;
3515
3647
  --wds-tag-padding-horizontal-medium: 12px;
3516
3648
  --wds-tag-padding-horizontal-small: 12px;
@@ -3523,6 +3655,20 @@
3523
3655
  --wds-tag-size-medium: 30px;
3524
3656
  --wds-tag-size-small: 24px;
3525
3657
  --wds-tag-size-tiny: 18px;
3658
+ --wds-tag-solid-dark-fill: #000624;
3659
+ --wds-tag-solid-error-fill: #fbd0cd;
3660
+ --wds-tag-solid-light-fill: #ffffff;
3661
+ --wds-tag-solid-neutral-fill: #eceff3;
3662
+ --wds-tag-solid-standard-fill: #eceff3;
3663
+ --wds-tag-solid-success-fill: #c8e8d6;
3664
+ --wds-tag-solid-warning-fill: #ffe2a5;
3665
+ --wds-tag-transparent-dark-label-color: #000624;
3666
+ --wds-tag-transparent-error-label-color: #e62214;
3667
+ --wds-tag-transparent-light-label-color: #ffffff;
3668
+ --wds-tag-transparent-neutral-label-color: #868aa5;
3669
+ --wds-tag-transparent-standard-label-color: #44485f;
3670
+ --wds-tag-transparent-success-label-color: #25a55a;
3671
+ --wds-tag-transparent-warning-label-color: #ffb700;
3526
3672
  --wds-testimonial-list-gap: 30px;
3527
3673
  --wds-text-button-font-line-height-medium: 24px;
3528
3674
  --wds-text-button-font-line-height-small: 18px;