@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/studio/all.scss CHANGED
@@ -251,6 +251,8 @@
251
251
  --wds-counter-badge-font-size-tiny: 10px;
252
252
  --wds-composer-sidebar-end-max-width: 240px;
253
253
  --wds-composer-sidebar-bottom-width: 88px;
254
+ --wds-composer-sidebar-border-width: 1px;
255
+ --wds-composer-header-divider-margin: 20px;
254
256
  --wds-color-yellow-600: #fef6ed;
255
257
  --wds-color-yellow-500: #fef3e5;
256
258
  --wds-color-yellow-400: #fdead2;
@@ -1028,6 +1030,12 @@
1028
1030
  --wds-section-helper-fullwidth-horizontal-padding-small: var(--wds-space-600);
1029
1031
  --wds-section-helper-fullwidth-horizontal-padding-medium: var(--wds-space-600);
1030
1032
  --wds-section-helper-fill-preview: var(--wds-color-black-700);
1033
+ --wds-section-helper-content-gap-small: var(--wds-space-200);
1034
+ --wds-section-helper-content-gap-medium: var(--wds-space-200);
1035
+ --wds-section-helper-close-button-inset-small: var(--wds-space-0);
1036
+ --wds-section-helper-close-button-inset-medium: var(--wds-space-100);
1037
+ --wds-section-helper-close-button-clearance-small: var(--wds-space-500);
1038
+ --wds-section-helper-close-button-clearance-medium: var(--wds-space-700);
1031
1039
  --wds-section-helper-border-radius: var(--wds-border-radius-200);
1032
1040
  --wds-section-helper-border-preview: var(--wds-color-black-550);
1033
1041
  --wds-section-helper-action-padding-small: var(--wds-space-200);
@@ -1384,12 +1392,14 @@
1384
1392
  --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1385
1393
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1386
1394
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1387
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
1388
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-200);
1389
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-200);
1390
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-200);
1391
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-200);
1392
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-200);
1395
+ --wds-composer-sidebar-tooltip-item-gap: var(--wds-space-0);
1396
+ --wds-composer-sidebar-tooltip-container-padding-vertical: var(--wds-space-150);
1397
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-150);
1398
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-300);
1399
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-300);
1400
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-300);
1401
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-300);
1402
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-300);
1393
1403
  --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100);
1394
1404
  --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200);
1395
1405
  --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200);
@@ -1402,6 +1412,13 @@
1402
1412
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
1403
1413
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
1404
1414
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
1415
+ --wds-composer-sidebar-item-border-radius: var(--wds-border-radius-full);
1416
+ --wds-composer-header-padding-vertical-small: var(--wds-space-200);
1417
+ --wds-composer-header-height-small: var(--wds-space-750);
1418
+ --wds-composer-header-height-medium: var(--wds-space-900);
1419
+ --wds-composer-header-back-button-icon-size-small: var(--wds-space-475);
1420
+ --wds-composer-header-back-button-icon-size-medium: var(--wds-space-600);
1421
+ --wds-composer-header-actions-gap: var(--wds-space-200);
1405
1422
  --wds-color-text-warning: var(--wds-color-yellow-100);
1406
1423
  --wds-color-text-urgent: var(--wds-color-orange-100);
1407
1424
  --wds-color-text-success: var(--wds-color-green-100);
@@ -1828,6 +1845,11 @@
1828
1845
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
1829
1846
  --wds-border-radius-surface-modal: var(--wds-border-radius-200);
1830
1847
  --wds-border-radius-surface-default: var(--wds-border-radius-200);
1848
+ --wds-badge-transparent-warning-light-label-color: var(--wds-color-yellow-400);
1849
+ --wds-badge-transparent-neutral-success-label-color: var(--wds-color-green-400);
1850
+ --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-blue-400);
1851
+ --wds-badge-transparent-neutral-light-label-color: var(--wds-color-black-700);
1852
+ --wds-badge-transparent-neutral-danger-label-color: var(--wds-color-red-400);
1831
1853
  --wds-badge-size-tiny: var(--wds-space-400);
1832
1854
  --wds-badge-size-small: var(--wds-space-500);
1833
1855
  --wds-badge-size-medium: var(--wds-space-600);
@@ -1998,6 +2020,41 @@
1998
2020
  --wds-text-button-font-size-tiny: var(--wds-font-size-body-tiny);
1999
2021
  --wds-text-button-font-size-small: var(--wds-font-size-body-small);
2000
2022
  --wds-text-button-font-size-medium: var(--wds-font-size-body-medium);
2023
+ --wds-tag-transparent-warning-label-color: var(--wds-color-text-warning);
2024
+ --wds-tag-transparent-success-label-color: var(--wds-color-text-success);
2025
+ --wds-tag-transparent-standard-label-color: var(--wds-color-text-standard-secondary);
2026
+ --wds-tag-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2027
+ --wds-tag-transparent-light-label-color: var(--wds-color-text-standard-primary-light);
2028
+ --wds-tag-transparent-error-label-color: var(--wds-color-text-destructive);
2029
+ --wds-tag-transparent-dark-label-color: var(--wds-color-text-standard-primary);
2030
+ --wds-tag-solid-warning-fill: var(--wds-color-fill-warning-secondary);
2031
+ --wds-tag-solid-success-fill: var(--wds-color-fill-success-secondary);
2032
+ --wds-tag-solid-standard-fill: var(--wds-color-fill-dark-secondary);
2033
+ --wds-tag-solid-neutral-fill: var(--wds-color-fill-dark-secondary);
2034
+ --wds-tag-solid-light-fill: var(--wds-color-fill-light-primary);
2035
+ --wds-tag-solid-error-fill: var(--wds-color-fill-destructive-secondary);
2036
+ --wds-tag-solid-dark-fill: var(--wds-color-fill-dark-primary);
2037
+ --wds-tag-outlined-warning-label-color: var(--wds-color-text-standard-secondary);
2038
+ --wds-tag-outlined-warning-fill: var(--wds-color-fill-warning-tertiary);
2039
+ --wds-tag-outlined-warning-border-color: var(--wds-color-border-warning-secondary);
2040
+ --wds-tag-outlined-success-label-color: var(--wds-color-text-standard-secondary);
2041
+ --wds-tag-outlined-success-fill: var(--wds-color-fill-success-tertiary);
2042
+ --wds-tag-outlined-success-border-color: var(--wds-color-border-success-secondary);
2043
+ --wds-tag-outlined-standard-label-color: var(--wds-color-text-standard-secondary);
2044
+ --wds-tag-outlined-standard-fill: var(--wds-color-fill-standard-tertiary);
2045
+ --wds-tag-outlined-standard-border-color: var(--wds-color-border-standard-secondary);
2046
+ --wds-tag-outlined-neutral-label-color: var(--wds-color-text-standard-secondary);
2047
+ --wds-tag-outlined-neutral-fill: var(--wds-color-fill-dark-tertiary);
2048
+ --wds-tag-outlined-neutral-border-color: var(--wds-color-border-dark-secondary);
2049
+ --wds-tag-outlined-light-label-color: var(--wds-color-text-standard-primary-light);
2050
+ --wds-tag-outlined-light-fill: var(--wds-color-fill-light-secondary);
2051
+ --wds-tag-outlined-light-border-color: var(--wds-color-border-light);
2052
+ --wds-tag-outlined-error-label-color: var(--wds-color-text-standard-secondary);
2053
+ --wds-tag-outlined-error-fill: var(--wds-color-fill-destructive-tertiary);
2054
+ --wds-tag-outlined-error-border-color: var(--wds-color-border-destructive-secondary);
2055
+ --wds-tag-outlined-dark-label-color: var(--wds-color-text-standard-primary);
2056
+ --wds-tag-outlined-dark-fill: var(--wds-color-fill-dark-tertiary);
2057
+ --wds-tag-outlined-dark-border-color: var(--wds-color-border-dark-primary);
2001
2058
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
2002
2059
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
2003
2060
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
@@ -2081,8 +2138,14 @@
2081
2138
  --wds-segmented-toggle-border-color: var(--wds-color-border-standard-secondary);
2082
2139
  --wds-section-helper-title-font-size: var(--wds-font-size-body-tiny);
2083
2140
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-100);
2141
+ --wds-section-helper-fill-warning: var(--wds-color-fill-surface-warning);
2142
+ --wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
2084
2143
  --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
2085
2144
  --wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
2145
+ --wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
2146
+ --wds-section-helper-border-success: var(--wds-color-border-success-primary);
2147
+ --wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
2148
+ --wds-section-helper-border-experimental-dark: var(--wds-color-fill-dark-primary);
2086
2149
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
2087
2150
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
2088
2151
  --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
@@ -2334,6 +2397,11 @@
2334
2397
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
2335
2398
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
2336
2399
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
2400
+ --wds-counter-badge-outline-warning-label-color: var(--wds-color-text-warning);
2401
+ --wds-counter-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2402
+ --wds-composer-sidebar-fill: var(--wds-color-fill-standard-tertiary);
2403
+ --wds-composer-header-fill: var(--wds-color-fill-surface-default);
2404
+ --wds-composer-header-border-fill: var(--wds-color-border-dark-secondary);
2337
2405
  --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
2338
2406
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
2339
2407
  --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
@@ -2475,6 +2543,7 @@
2475
2543
  --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2476
2544
  --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2477
2545
  --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2546
+ --wds-badge-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2478
2547
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2479
2548
  --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2480
2549
  --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
@@ -2486,9 +2555,9 @@
2486
2555
  --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2487
2556
  --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2488
2557
  --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2489
- --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2490
2558
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2491
2559
  --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2560
+ --wds-badge-outline-warning-light-label-color: var(--wds-color-text-standard-secondary);
2492
2561
  --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2493
2562
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2494
2563
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
@@ -2505,11 +2574,15 @@
2505
2574
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2506
2575
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2507
2576
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2577
+ --wds-badge-outline-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2508
2578
  --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2579
+ --wds-badge-outline-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2509
2580
  --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2581
+ --wds-badge-outline-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2510
2582
  --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2511
2583
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2512
2584
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
2585
+ --wds-badge-outline-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2513
2586
  --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2514
2587
  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
2515
2588
  --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);
package/studio/all.st.css CHANGED
@@ -115,11 +115,15 @@
115
115
  @property st-global(--wds-badge-outline-destructive-label-color);
116
116
  @property st-global(--wds-badge-outline-neutral-border-color);
117
117
  @property st-global(--wds-badge-outline-neutral-danger-border-color);
118
+ @property st-global(--wds-badge-outline-neutral-danger-label-color);
118
119
  @property st-global(--wds-badge-outline-neutral-fill);
119
120
  @property st-global(--wds-badge-outline-neutral-label-color);
120
121
  @property st-global(--wds-badge-outline-neutral-light-border-color);
122
+ @property st-global(--wds-badge-outline-neutral-light-label-color);
121
123
  @property st-global(--wds-badge-outline-neutral-standard-border-color);
124
+ @property st-global(--wds-badge-outline-neutral-standard-label-color);
122
125
  @property st-global(--wds-badge-outline-neutral-success-border-color);
126
+ @property st-global(--wds-badge-outline-neutral-success-label-color);
123
127
  @property st-global(--wds-badge-outline-premium-border-color);
124
128
  @property st-global(--wds-badge-outline-premium-fill);
125
129
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -136,6 +140,7 @@
136
140
  @property st-global(--wds-badge-outline-warning-fill);
137
141
  @property st-global(--wds-badge-outline-warning-label-color);
138
142
  @property st-global(--wds-badge-outline-warning-light-border-color);
143
+ @property st-global(--wds-badge-outline-warning-light-label-color);
139
144
  @property st-global(--wds-badge-padding-horizontal-medium);
140
145
  @property st-global(--wds-badge-padding-horizontal-small);
141
146
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -147,7 +152,6 @@
147
152
  @property st-global(--wds-badge-size-tiny);
148
153
  @property st-global(--wds-badge-solid-neutral-danger-fill);
149
154
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
150
- @property st-global(--wds-badge-solid-neutral-light-fill);
151
155
  @property st-global(--wds-badge-solid-neutral-light-label-color);
152
156
  @property st-global(--wds-badge-solid-neutral-standard-fill);
153
157
  @property st-global(--wds-badge-solid-neutral-standard-label-color);
@@ -159,9 +163,15 @@
159
163
  @property st-global(--wds-badge-solid-warning-label-color);
160
164
  @property st-global(--wds-badge-solid-warning-light-fill);
161
165
  @property st-global(--wds-badge-solid-warning-light-label-color);
166
+ @property st-global(--wds-badge-transparent-neutral-danger-label-color);
167
+ @property st-global(--wds-badge-transparent-neutral-label-color);
168
+ @property st-global(--wds-badge-transparent-neutral-light-label-color);
169
+ @property st-global(--wds-badge-transparent-neutral-standard-label-color);
170
+ @property st-global(--wds-badge-transparent-neutral-success-label-color);
162
171
  @property st-global(--wds-badge-transparent-success-label-color);
163
172
  @property st-global(--wds-badge-transparent-urgent-label-color);
164
173
  @property st-global(--wds-badge-transparent-warning-label-color);
174
+ @property st-global(--wds-badge-transparent-warning-light-label-color);
165
175
  @property st-global(--wds-border-radius-0);
166
176
  @property st-global(--wds-border-radius-100);
167
177
  @property st-global(--wds-border-radius-200);
@@ -1011,8 +1021,20 @@
1011
1021
  @property st-global(--wds-color-yellow-400);
1012
1022
  @property st-global(--wds-color-yellow-500);
1013
1023
  @property st-global(--wds-color-yellow-600);
1024
+ @property st-global(--wds-composer-header-actions-gap);
1025
+ @property st-global(--wds-composer-header-back-button-icon-size-medium);
1026
+ @property st-global(--wds-composer-header-back-button-icon-size-small);
1027
+ @property st-global(--wds-composer-header-border-fill);
1028
+ @property st-global(--wds-composer-header-divider-margin);
1029
+ @property st-global(--wds-composer-header-fill);
1030
+ @property st-global(--wds-composer-header-height-medium);
1031
+ @property st-global(--wds-composer-header-height-small);
1032
+ @property st-global(--wds-composer-header-padding-vertical-small);
1033
+ @property st-global(--wds-composer-sidebar-border-width);
1014
1034
  @property st-global(--wds-composer-sidebar-bottom-width);
1015
1035
  @property st-global(--wds-composer-sidebar-end-max-width);
1036
+ @property st-global(--wds-composer-sidebar-fill);
1037
+ @property st-global(--wds-composer-sidebar-item-border-radius);
1016
1038
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
1017
1039
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-medium);
1018
1040
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-small);
@@ -1031,9 +1053,13 @@
1031
1053
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-large);
1032
1054
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-medium);
1033
1055
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
1056
+ @property st-global(--wds-composer-sidebar-tooltip-container-padding-vertical);
1057
+ @property st-global(--wds-composer-sidebar-tooltip-item-gap);
1034
1058
  @property st-global(--wds-counter-badge-border-radius-medium);
1035
1059
  @property st-global(--wds-counter-badge-border-radius-small);
1036
1060
  @property st-global(--wds-counter-badge-font-size-tiny);
1061
+ @property st-global(--wds-counter-badge-outline-destructive-border-color);
1062
+ @property st-global(--wds-counter-badge-outline-warning-label-color);
1037
1063
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
1038
1064
  @property st-global(--wds-counter-badge-padding-horizontal-small);
1039
1065
  @property st-global(--wds-counter-badge-padding-horizontal-tiny);
@@ -1793,11 +1819,23 @@
1793
1819
  @property st-global(--wds-section-header-padding-vertical-small);
1794
1820
  @property st-global(--wds-section-helper-action-padding-medium);
1795
1821
  @property st-global(--wds-section-helper-action-padding-small);
1822
+ @property st-global(--wds-section-helper-border-experimental-dark);
1796
1823
  @property st-global(--wds-section-helper-border-preview);
1797
1824
  @property st-global(--wds-section-helper-border-radius);
1825
+ @property st-global(--wds-section-helper-border-standard);
1826
+ @property st-global(--wds-section-helper-border-success);
1827
+ @property st-global(--wds-section-helper-close-button-clearance-medium);
1828
+ @property st-global(--wds-section-helper-close-button-clearance-small);
1829
+ @property st-global(--wds-section-helper-close-button-inset-medium);
1830
+ @property st-global(--wds-section-helper-close-button-inset-small);
1831
+ @property st-global(--wds-section-helper-content-gap-medium);
1832
+ @property st-global(--wds-section-helper-content-gap-small);
1833
+ @property st-global(--wds-section-helper-fill-danger);
1798
1834
  @property st-global(--wds-section-helper-fill-premium);
1799
1835
  @property st-global(--wds-section-helper-fill-preview);
1800
1836
  @property st-global(--wds-section-helper-fill-standard);
1837
+ @property st-global(--wds-section-helper-fill-success);
1838
+ @property st-global(--wds-section-helper-fill-warning);
1801
1839
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-medium);
1802
1840
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
1803
1841
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
@@ -2327,6 +2365,27 @@
2327
2365
  @property st-global(--wds-tag-label-font-line-height-small);
2328
2366
  @property st-global(--wds-tag-label-font-size-small);
2329
2367
  @property st-global(--wds-tag-list-action-gap);
2368
+ @property st-global(--wds-tag-outlined-dark-border-color);
2369
+ @property st-global(--wds-tag-outlined-dark-fill);
2370
+ @property st-global(--wds-tag-outlined-dark-label-color);
2371
+ @property st-global(--wds-tag-outlined-error-border-color);
2372
+ @property st-global(--wds-tag-outlined-error-fill);
2373
+ @property st-global(--wds-tag-outlined-error-label-color);
2374
+ @property st-global(--wds-tag-outlined-light-border-color);
2375
+ @property st-global(--wds-tag-outlined-light-fill);
2376
+ @property st-global(--wds-tag-outlined-light-label-color);
2377
+ @property st-global(--wds-tag-outlined-neutral-border-color);
2378
+ @property st-global(--wds-tag-outlined-neutral-fill);
2379
+ @property st-global(--wds-tag-outlined-neutral-label-color);
2380
+ @property st-global(--wds-tag-outlined-standard-border-color);
2381
+ @property st-global(--wds-tag-outlined-standard-fill);
2382
+ @property st-global(--wds-tag-outlined-standard-label-color);
2383
+ @property st-global(--wds-tag-outlined-success-border-color);
2384
+ @property st-global(--wds-tag-outlined-success-fill);
2385
+ @property st-global(--wds-tag-outlined-success-label-color);
2386
+ @property st-global(--wds-tag-outlined-warning-border-color);
2387
+ @property st-global(--wds-tag-outlined-warning-fill);
2388
+ @property st-global(--wds-tag-outlined-warning-label-color);
2330
2389
  @property st-global(--wds-tag-padding-horizontal-large);
2331
2390
  @property st-global(--wds-tag-padding-horizontal-medium);
2332
2391
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -2339,6 +2398,20 @@
2339
2398
  @property st-global(--wds-tag-size-medium);
2340
2399
  @property st-global(--wds-tag-size-small);
2341
2400
  @property st-global(--wds-tag-size-tiny);
2401
+ @property st-global(--wds-tag-solid-dark-fill);
2402
+ @property st-global(--wds-tag-solid-error-fill);
2403
+ @property st-global(--wds-tag-solid-light-fill);
2404
+ @property st-global(--wds-tag-solid-neutral-fill);
2405
+ @property st-global(--wds-tag-solid-standard-fill);
2406
+ @property st-global(--wds-tag-solid-success-fill);
2407
+ @property st-global(--wds-tag-solid-warning-fill);
2408
+ @property st-global(--wds-tag-transparent-dark-label-color);
2409
+ @property st-global(--wds-tag-transparent-error-label-color);
2410
+ @property st-global(--wds-tag-transparent-light-label-color);
2411
+ @property st-global(--wds-tag-transparent-neutral-label-color);
2412
+ @property st-global(--wds-tag-transparent-standard-label-color);
2413
+ @property st-global(--wds-tag-transparent-success-label-color);
2414
+ @property st-global(--wds-tag-transparent-warning-label-color);
2342
2415
  @property st-global(--wds-testimonial-list-gap);
2343
2416
  @property st-global(--wds-text-button-font-line-height-medium);
2344
2417
  @property st-global(--wds-text-button-font-line-height-small);
@@ -2748,11 +2821,15 @@
2748
2821
  --wds-badge-outline-destructive-label-color: #ee4437;
2749
2822
  --wds-badge-outline-neutral-border-color: #868aa5;
2750
2823
  --wds-badge-outline-neutral-danger-border-color: #e2e3ea;
2824
+ --wds-badge-outline-neutral-danger-label-color: #42454c;
2751
2825
  --wds-badge-outline-neutral-fill: #ffffff;
2752
2826
  --wds-badge-outline-neutral-label-color: #acafc4;
2753
2827
  --wds-badge-outline-neutral-light-border-color: #e2e3ea;
2828
+ --wds-badge-outline-neutral-light-label-color: #42454c;
2754
2829
  --wds-badge-outline-neutral-standard-border-color: #e2e3ea;
2830
+ --wds-badge-outline-neutral-standard-label-color: #42454c;
2755
2831
  --wds-badge-outline-neutral-success-border-color: #e2e3ea;
2832
+ --wds-badge-outline-neutral-success-label-color: #42454c;
2756
2833
  --wds-badge-outline-premium-border-color: #cf8cf1;
2757
2834
  --wds-badge-outline-premium-fill: #ffffff;
2758
2835
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -2769,6 +2846,7 @@
2769
2846
  --wds-badge-outline-warning-fill: #ffffff;
2770
2847
  --wds-badge-outline-warning-label-color: #f9ad4d;
2771
2848
  --wds-badge-outline-warning-light-border-color: #e2e3ea;
2849
+ --wds-badge-outline-warning-light-label-color: #42454c;
2772
2850
  --wds-badge-padding-horizontal-medium: 12px;
2773
2851
  --wds-badge-padding-horizontal-small: 8px;
2774
2852
  --wds-badge-padding-horizontal-tiny: 4px;
@@ -2780,7 +2858,6 @@
2780
2858
  --wds-badge-size-tiny: 16px;
2781
2859
  --wds-badge-solid-neutral-danger-fill: #fbd0cd;
2782
2860
  --wds-badge-solid-neutral-danger-label-color: #42454c;
2783
- --wds-badge-solid-neutral-light-fill: #f7f8f8;
2784
2861
  --wds-badge-solid-neutral-light-label-color: #42454c;
2785
2862
  --wds-badge-solid-neutral-standard-fill: #dce9ff;
2786
2863
  --wds-badge-solid-neutral-standard-label-color: #42454c;
@@ -2792,9 +2869,15 @@
2792
2869
  --wds-badge-solid-warning-label-color: #ffffff;
2793
2870
  --wds-badge-solid-warning-light-fill: #fdead2;
2794
2871
  --wds-badge-solid-warning-light-label-color: #42454c;
2872
+ --wds-badge-transparent-neutral-danger-label-color: #fbd0cd;
2873
+ --wds-badge-transparent-neutral-label-color: #acafc4;
2874
+ --wds-badge-transparent-neutral-light-label-color: #edeef2;
2875
+ --wds-badge-transparent-neutral-standard-label-color: #dce9ff;
2876
+ --wds-badge-transparent-neutral-success-label-color: #c8e8d6;
2795
2877
  --wds-badge-transparent-success-label-color: #25a55a;
2796
2878
  --wds-badge-transparent-urgent-label-color: #f96132;
2797
2879
  --wds-badge-transparent-warning-label-color: #f9ad4d;
2880
+ --wds-badge-transparent-warning-light-label-color: #fdead2;
2798
2881
  --wds-border-radius-0: 0px;
2799
2882
  --wds-border-radius-100: 2px;
2800
2883
  --wds-border-radius-200: 4px;
@@ -3644,8 +3727,20 @@
3644
3727
  --wds-color-yellow-400: #fdead2;
3645
3728
  --wds-color-yellow-500: #fef3e5;
3646
3729
  --wds-color-yellow-600: #fef6ed;
3730
+ --wds-composer-header-actions-gap: 8px;
3731
+ --wds-composer-header-back-button-icon-size-medium: 24px;
3732
+ --wds-composer-header-back-button-icon-size-small: 18px;
3733
+ --wds-composer-header-border-fill: #e2e3ea;
3734
+ --wds-composer-header-divider-margin: 20px;
3735
+ --wds-composer-header-fill: #ffffff;
3736
+ --wds-composer-header-height-medium: 36px;
3737
+ --wds-composer-header-height-small: 30px;
3738
+ --wds-composer-header-padding-vertical-small: 8px;
3739
+ --wds-composer-sidebar-border-width: 1px;
3647
3740
  --wds-composer-sidebar-bottom-width: 88px;
3648
3741
  --wds-composer-sidebar-end-max-width: 240px;
3742
+ --wds-composer-sidebar-fill: #ffffff;
3743
+ --wds-composer-sidebar-item-border-radius: 1000px;
3649
3744
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
3650
3745
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: 4px;
3651
3746
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: 4px;
@@ -3658,15 +3753,19 @@
3658
3753
  --wds-composer-sidebar-item-end-padding-vertical-large: 8px;
3659
3754
  --wds-composer-sidebar-item-end-padding-vertical-medium: 8px;
3660
3755
  --wds-composer-sidebar-item-end-padding-vertical-small: 4px;
3661
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 8px;
3662
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 8px;
3663
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 8px;
3664
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: 8px;
3665
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 8px;
3666
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
3756
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 12px;
3757
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 12px;
3758
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 12px;
3759
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: 12px;
3760
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 12px;
3761
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
3762
+ --wds-composer-sidebar-tooltip-container-padding-vertical: 6px;
3763
+ --wds-composer-sidebar-tooltip-item-gap: 0px;
3667
3764
  --wds-counter-badge-border-radius-medium: 1000px;
3668
3765
  --wds-counter-badge-border-radius-small: 1000px;
3669
3766
  --wds-counter-badge-font-size-tiny: 10px;
3767
+ --wds-counter-badge-outline-destructive-border-color: #f69891;
3768
+ --wds-counter-badge-outline-warning-label-color: #f9ad4d;
3670
3769
  --wds-counter-badge-padding-horizontal-medium: 8px;
3671
3770
  --wds-counter-badge-padding-horizontal-small: 6px;
3672
3771
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -4426,11 +4525,23 @@
4426
4525
  --wds-section-header-padding-vertical-small: 8px;
4427
4526
  --wds-section-helper-action-padding-medium: 8px;
4428
4527
  --wds-section-helper-action-padding-small: 8px;
4528
+ --wds-section-helper-border-experimental-dark: #131720;
4429
4529
  --wds-section-helper-border-preview: #cfd1dc;
4430
4530
  --wds-section-helper-border-radius: 4px;
4531
+ --wds-section-helper-border-standard: #c3daff;
4532
+ --wds-section-helper-border-success: #87cea5;
4533
+ --wds-section-helper-close-button-clearance-medium: 28px;
4534
+ --wds-section-helper-close-button-clearance-small: 20px;
4535
+ --wds-section-helper-close-button-inset-medium: 4px;
4536
+ --wds-section-helper-close-button-inset-small: 0px;
4537
+ --wds-section-helper-content-gap-medium: 8px;
4538
+ --wds-section-helper-content-gap-small: 8px;
4539
+ --wds-section-helper-fill-danger: #fde3e1;
4431
4540
  --wds-section-helper-fill-premium: #f1e0f9;
4432
4541
  --wds-section-helper-fill-preview: #edeef2;
4433
4542
  --wds-section-helper-fill-standard: #dce9ff;
4543
+ --wds-section-helper-fill-success: #e1f4eb;
4544
+ --wds-section-helper-fill-warning: #fef3e5;
4434
4545
  --wds-section-helper-fullwidth-horizontal-padding-medium: 24px;
4435
4546
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
4436
4547
  --wds-section-helper-fullwidth-vertical-padding-medium: 10px;
@@ -4960,6 +5071,27 @@
4960
5071
  --wds-tag-label-font-line-height-small: 16px;
4961
5072
  --wds-tag-label-font-size-small: 12px;
4962
5073
  --wds-tag-list-action-gap: 4px;
5074
+ --wds-tag-outlined-dark-border-color: #868aa5;
5075
+ --wds-tag-outlined-dark-fill: #ffffff;
5076
+ --wds-tag-outlined-dark-label-color: #131720;
5077
+ --wds-tag-outlined-error-border-color: #e2e3ea;
5078
+ --wds-tag-outlined-error-fill: #ffffff;
5079
+ --wds-tag-outlined-error-label-color: #42454c;
5080
+ --wds-tag-outlined-light-border-color: rgba(255, 255, 255, .5);
5081
+ --wds-tag-outlined-light-fill: rgba(255, 255, 255, 0);
5082
+ --wds-tag-outlined-light-label-color: #ffffff;
5083
+ --wds-tag-outlined-neutral-border-color: #e2e3ea;
5084
+ --wds-tag-outlined-neutral-fill: #ffffff;
5085
+ --wds-tag-outlined-neutral-label-color: #42454c;
5086
+ --wds-tag-outlined-standard-border-color: #e2e3ea;
5087
+ --wds-tag-outlined-standard-fill: #ffffff;
5088
+ --wds-tag-outlined-standard-label-color: #42454c;
5089
+ --wds-tag-outlined-success-border-color: #e2e3ea;
5090
+ --wds-tag-outlined-success-fill: #ffffff;
5091
+ --wds-tag-outlined-success-label-color: #42454c;
5092
+ --wds-tag-outlined-warning-border-color: #e2e3ea;
5093
+ --wds-tag-outlined-warning-fill: #ffffff;
5094
+ --wds-tag-outlined-warning-label-color: #42454c;
4963
5095
  --wds-tag-padding-horizontal-large: 16px;
4964
5096
  --wds-tag-padding-horizontal-medium: 12px;
4965
5097
  --wds-tag-padding-horizontal-small: 12px;
@@ -4972,6 +5104,20 @@
4972
5104
  --wds-tag-size-medium: 28px;
4973
5105
  --wds-tag-size-small: 24px;
4974
5106
  --wds-tag-size-tiny: 20px;
5107
+ --wds-tag-solid-dark-fill: #131720;
5108
+ --wds-tag-solid-error-fill: #fbd0cd;
5109
+ --wds-tag-solid-light-fill: #ffffff;
5110
+ --wds-tag-solid-neutral-fill: #f7f8f8;
5111
+ --wds-tag-solid-standard-fill: #f7f8f8;
5112
+ --wds-tag-solid-success-fill: #c8e8d6;
5113
+ --wds-tag-solid-warning-fill: #fdead2;
5114
+ --wds-tag-transparent-dark-label-color: #131720;
5115
+ --wds-tag-transparent-error-label-color: #ee4437;
5116
+ --wds-tag-transparent-light-label-color: #ffffff;
5117
+ --wds-tag-transparent-neutral-label-color: #acafc4;
5118
+ --wds-tag-transparent-standard-label-color: #42454c;
5119
+ --wds-tag-transparent-success-label-color: #25a55a;
5120
+ --wds-tag-transparent-warning-label-color: #f9ad4d;
4975
5121
  --wds-testimonial-list-gap: 24px;
4976
5122
  --wds-text-button-font-line-height-medium: 24px;
4977
5123
  --wds-text-button-font-line-height-small: 20px;