@wix/design-system-tokens 1.190.0 → 1.192.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 (23) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/all.css +12 -0
  3. package/all.scss +12 -0
  4. package/all.st.css +24 -0
  5. package/component.st.css +24 -0
  6. package/odeditor/all.css +9 -0
  7. package/odeditor/all.scss +9 -0
  8. package/odeditor/all.st.css +18 -0
  9. package/odeditor/component.st.css +18 -0
  10. package/odeditor-dark/all.css +18 -4
  11. package/odeditor-dark/all.scss +18 -4
  12. package/odeditor-dark/all.st.css +32 -4
  13. package/odeditor-dark/component.st.css +31 -3
  14. package/odeditor-dark/semantic.st.css +1 -1
  15. package/package.json +2 -2
  16. package/studio/all.css +9 -0
  17. package/studio/all.scss +9 -0
  18. package/studio/all.st.css +18 -0
  19. package/studio/component.st.css +18 -0
  20. package/wixel/all.css +9 -0
  21. package/wixel/all.scss +9 -0
  22. package/wixel/all.st.css +18 -0
  23. package/wixel/component.st.css +18 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,22 @@
1
+ ## 1.192.0 - 2026-05-08
2
+
3
+ ### Features
4
+
5
+ - feat(Breadcrumbs): add on-grey text-fill-active token and update for odeditor-dark [16226](https://github.com/wix-private/wix-design-systems/pull/16226)
6
+
7
+ ## 1.191.0 - 2026-05-07
8
+
9
+ ### Features
10
+
11
+ - feat(SegmentedToggle): add inner-shadow-fill tokens for odeditor-dark [16235](https://github.com/wix-private/wix-design-systems/pull/16235)
12
+ - feat(ListItemAction): add destructive skin hover tokens [16240](https://github.com/wix-private/wix-design-systems/pull/16240)
13
+ - feat(Button): add ai/premium primary fill and label tokens for odeditor-dark [16232](https://github.com/wix-private/wix-design-systems/pull/16232)
14
+
15
+ ### Bug Fixes
16
+
17
+ - fix(tokens): reduce toggle button small border radius in odeditor-dark [16250](https://github.com/wix-private/wix-design-systems/pull/16250)
18
+ - fix(Storybook): updated storybook-utils package [16248](https://github.com/wix-private/wix-design-systems/pull/16248)
19
+
1
20
  ## 1.190.0 - 2026-05-04
2
21
 
3
22
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -1387,6 +1387,9 @@
1387
1387
  --wds-button-font-weight-small: var(--wds-font-weight-medium);
1388
1388
  --wds-button-font-weight-medium: var(--wds-font-weight-medium);
1389
1389
  --wds-button-font-weight-large: var(--wds-font-weight-medium);
1390
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
1391
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
1392
+ --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
1390
1393
  --wds-button-border-radius-tiny: var(--wds-border-radius-full);
1391
1394
  --wds-button-border-radius-small: var(--wds-border-radius-full);
1392
1395
  --wds-button-border-radius-medium: var(--wds-border-radius-full);
@@ -1726,10 +1729,13 @@
1726
1729
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-small);
1727
1730
  --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
1728
1731
  --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1732
+ --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
1729
1733
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1730
1734
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
1731
1735
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1736
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
1732
1737
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1738
+ --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
1733
1739
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1734
1740
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
1735
1741
  --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
@@ -1950,6 +1956,7 @@
1950
1956
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-text-standard-primary-light);
1951
1957
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1952
1958
  --wds-button-label-fill-premium-primary-disabled: var(--wds-color-text-disabled-light);
1959
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary-light);
1953
1960
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-text-standard-primary-light);
1954
1961
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-text-disabled);
1955
1962
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-text-standard-primary-light);
@@ -1960,6 +1967,7 @@
1960
1967
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary-light);
1961
1968
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1962
1969
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-text-disabled-light);
1970
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
1963
1971
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1964
1972
  --wds-button-font-size-small: var(--wds-font-size-body-small);
1965
1973
  --wds-button-font-size-medium: var(--wds-font-size-body-medium);
@@ -1976,7 +1984,10 @@
1976
1984
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1977
1985
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1978
1986
  --wds-button-fill-premium-secondary: var(--wds-color-fill-premium-tertiary);
1987
+ --wds-button-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
1979
1988
  --wds-button-fill-premium-primary-disabled: var(--wds-color-fill-premium-primary-disabled);
1989
+ --wds-button-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
1990
+ --wds-button-fill-premium-primary: var(--wds-color-fill-premium-primary);
1980
1991
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1981
1992
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1982
1993
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
@@ -2005,6 +2016,7 @@
2005
2016
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2006
2017
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2007
2018
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2019
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2008
2020
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2009
2021
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2010
2022
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/all.scss CHANGED
@@ -1376,6 +1376,9 @@
1376
1376
  --wds-button-font-weight-small: var(--wds-font-weight-medium);
1377
1377
  --wds-button-font-weight-medium: var(--wds-font-weight-medium);
1378
1378
  --wds-button-font-weight-large: var(--wds-font-weight-medium);
1379
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
1380
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
1381
+ --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
1379
1382
  --wds-button-border-radius-tiny: var(--wds-border-radius-full);
1380
1383
  --wds-button-border-radius-small: var(--wds-border-radius-full);
1381
1384
  --wds-button-border-radius-medium: var(--wds-border-radius-full);
@@ -1715,10 +1718,13 @@
1715
1718
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-small);
1716
1719
  --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1717
1720
  --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
1721
+ --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
1718
1722
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1719
1723
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
1720
1724
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1725
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
1721
1726
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1727
+ --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
1722
1728
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1723
1729
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
1724
1730
  --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
@@ -1950,6 +1956,7 @@
1950
1956
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-text-standard-primary-light);
1951
1957
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1952
1958
  --wds-button-label-fill-premium-primary-disabled: var(--wds-color-text-disabled-light);
1959
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary-light);
1953
1960
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-text-standard-primary-light);
1954
1961
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-text-disabled);
1955
1962
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-text-standard-primary-light);
@@ -1960,6 +1967,7 @@
1960
1967
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary-light);
1961
1968
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1962
1969
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-text-disabled-light);
1970
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
1963
1971
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1964
1972
  --wds-button-font-size-small: var(--wds-font-size-body-small);
1965
1973
  --wds-button-font-size-medium: var(--wds-font-size-body-medium);
@@ -1976,7 +1984,10 @@
1976
1984
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1977
1985
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1978
1986
  --wds-button-fill-premium-secondary: var(--wds-color-fill-premium-tertiary);
1987
+ --wds-button-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
1979
1988
  --wds-button-fill-premium-primary-disabled: var(--wds-color-fill-premium-primary-disabled);
1989
+ --wds-button-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
1990
+ --wds-button-fill-premium-primary: var(--wds-color-fill-premium-primary);
1980
1991
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1981
1992
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1982
1993
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
@@ -2005,6 +2016,7 @@
2005
2016
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2006
2017
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2007
2018
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2019
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2008
2020
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2009
2021
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2010
2022
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
package/all.st.css CHANGED
@@ -129,6 +129,7 @@
129
129
  @property st-global(--wds-breadcrumbs-font-size-small);
130
130
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
131
131
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
132
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
132
133
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
133
134
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
134
135
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -163,6 +164,9 @@
163
164
  @property st-global(--wds-button-border-standard-secondary-active);
164
165
  @property st-global(--wds-button-border-standard-secondary-disabled);
165
166
  @property st-global(--wds-button-border-standard-secondary-hover);
167
+ @property st-global(--wds-button-fill-ai-primary);
168
+ @property st-global(--wds-button-fill-ai-primary-active);
169
+ @property st-global(--wds-button-fill-ai-primary-hover);
166
170
  @property st-global(--wds-button-fill-dark-primary-disabled);
167
171
  @property st-global(--wds-button-fill-dark-secondary);
168
172
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -175,7 +179,10 @@
175
179
  @property st-global(--wds-button-fill-destructive-secondary-hover);
176
180
  @property st-global(--wds-button-fill-gradient-hover-primary);
177
181
  @property st-global(--wds-button-fill-gradient-hover-secondary);
182
+ @property st-global(--wds-button-fill-premium-primary);
183
+ @property st-global(--wds-button-fill-premium-primary-active);
178
184
  @property st-global(--wds-button-fill-premium-primary-disabled);
185
+ @property st-global(--wds-button-fill-premium-primary-hover);
179
186
  @property st-global(--wds-button-fill-premium-secondary);
180
187
  @property st-global(--wds-button-fill-premium-secondary-active);
181
188
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -209,6 +216,7 @@
209
216
  @property st-global(--wds-button-icon-offset-medium);
210
217
  @property st-global(--wds-button-icon-offset-small);
211
218
  @property st-global(--wds-button-icon-offset-tiny);
219
+ @property st-global(--wds-button-label-fill-ai-primary);
212
220
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
213
221
  @property st-global(--wds-button-label-fill-dark-secondary);
214
222
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -219,6 +227,7 @@
219
227
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
220
228
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
221
229
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
230
+ @property st-global(--wds-button-label-fill-premium-primary);
222
231
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
223
232
  @property st-global(--wds-button-label-fill-premium-secondary);
224
233
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -1172,8 +1181,10 @@
1172
1181
  @property st-global(--wds-list-item-action-fill);
1173
1182
  @property st-global(--wds-list-item-action-fill-active);
1174
1183
  @property st-global(--wds-list-item-action-fill-hover);
1184
+ @property st-global(--wds-list-item-action-fill-hover-destructive);
1175
1185
  @property st-global(--wds-list-item-action-gap);
1176
1186
  @property st-global(--wds-list-item-action-label-fill-active);
1187
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1177
1188
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1178
1189
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1179
1190
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -1185,6 +1196,7 @@
1185
1196
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
1186
1197
  @property st-global(--wds-list-item-action-padding-vertical-small);
1187
1198
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
1199
+ @property st-global(--wds-list-item-action-subtitle-destructive);
1188
1200
  @property st-global(--wds-list-item-action-subtitle-fill-active);
1189
1201
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1190
1202
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
@@ -2242,6 +2254,7 @@
2242
2254
  --wds-breadcrumbs-font-size-small: 14px;
2243
2255
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2244
2256
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2257
+ --wds-breadcrumbs-on-grey-text-fill-active: #000624;
2245
2258
  --wds-breadcrumbs-on-white-fill-hover: #e7f0ff;
2246
2259
  --wds-breadcrumbs-padding-horizontal-large: 15px;
2247
2260
  --wds-breadcrumbs-padding-horizontal-medium: 9px;
@@ -2276,6 +2289,9 @@
2276
2289
  --wds-button-border-standard-secondary-active: #084ebd;
2277
2290
  --wds-button-border-standard-secondary-disabled: rgba(0, 6, 36, .1);
2278
2291
  --wds-button-border-standard-secondary-hover: #116dff;
2292
+ --wds-button-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2293
+ --wds-button-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2294
+ --wds-button-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
2279
2295
  --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
2280
2296
  --wds-button-fill-dark-secondary: #ffffff;
2281
2297
  --wds-button-fill-dark-secondary-active: #000624;
@@ -2288,7 +2304,10 @@
2288
2304
  --wds-button-fill-destructive-secondary-hover: #d0180b;
2289
2305
  --wds-button-fill-gradient-hover-primary: #0f62e6;
2290
2306
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
2307
+ --wds-button-fill-premium-primary: #9a27d5;
2308
+ --wds-button-fill-premium-primary-active: #7416a5;
2291
2309
  --wds-button-fill-premium-primary-disabled: rgba(0, 6, 36, .3);
2310
+ --wds-button-fill-premium-primary-hover: #8e1dd1;
2292
2311
  --wds-button-fill-premium-secondary: #ffffff;
2293
2312
  --wds-button-fill-premium-secondary-active: #7416a5;
2294
2313
  --wds-button-fill-premium-secondary-disabled: #ffffff;
@@ -2322,6 +2341,7 @@
2322
2341
  --wds-button-icon-offset-medium: 12px;
2323
2342
  --wds-button-icon-offset-small: 12px;
2324
2343
  --wds-button-icon-offset-tiny: 12px;
2344
+ --wds-button-label-fill-ai-primary: #ffffff;
2325
2345
  --wds-button-label-fill-dark-primary-disabled: rgba(255, 255, 255, .7);
2326
2346
  --wds-button-label-fill-dark-secondary: #000624;
2327
2347
  --wds-button-label-fill-dark-secondary-active: #ffffff;
@@ -2332,6 +2352,7 @@
2332
2352
  --wds-button-label-fill-destructive-secondary-active: #ffffff;
2333
2353
  --wds-button-label-fill-destructive-secondary-disabled: rgba(0, 6, 36, .3);
2334
2354
  --wds-button-label-fill-destructive-secondary-hover: #ffffff;
2355
+ --wds-button-label-fill-premium-primary: #ffffff;
2335
2356
  --wds-button-label-fill-premium-primary-disabled: rgba(255, 255, 255, .7);
2336
2357
  --wds-button-label-fill-premium-secondary: #9a27d5;
2337
2358
  --wds-button-label-fill-premium-secondary-active: #ffffff;
@@ -3285,8 +3306,10 @@
3285
3306
  --wds-list-item-action-fill: #ffffff;
3286
3307
  --wds-list-item-action-fill-active: #d6e6fe;
3287
3308
  --wds-list-item-action-fill-hover: #e7f0ff;
3309
+ --wds-list-item-action-fill-hover-destructive: #fde3e1;
3288
3310
  --wds-list-item-action-gap: 0px;
3289
3311
  --wds-list-item-action-label-fill-active: #116dff;
3312
+ --wds-list-item-action-label-fill-hover-destructive: #e62214;
3290
3313
  --wds-list-item-action-label-fill-pressed-destructive: #e62214;
3291
3314
  --wds-list-item-action-label-font-line-height-medium: 24px;
3292
3315
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -3298,6 +3321,7 @@
3298
3321
  --wds-list-item-action-padding-vertical-medium-screen-small: 12px;
3299
3322
  --wds-list-item-action-padding-vertical-small: 6px;
3300
3323
  --wds-list-item-action-padding-vertical-small-screen-small: 12px;
3324
+ --wds-list-item-action-subtitle-destructive: #868aa5;
3301
3325
  --wds-list-item-action-subtitle-fill-active: #868aa5;
3302
3326
  --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
3303
3327
  --wds-list-item-action-subtitle-font-line-height: 18px;
package/component.st.css CHANGED
@@ -95,6 +95,7 @@
95
95
  @property st-global(--wds-breadcrumbs-font-size-small);
96
96
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
97
97
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
98
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
98
99
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
99
100
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
100
101
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -125,6 +126,9 @@
125
126
  @property st-global(--wds-button-border-standard-secondary-active);
126
127
  @property st-global(--wds-button-border-standard-secondary-disabled);
127
128
  @property st-global(--wds-button-border-standard-secondary-hover);
129
+ @property st-global(--wds-button-fill-ai-primary);
130
+ @property st-global(--wds-button-fill-ai-primary-active);
131
+ @property st-global(--wds-button-fill-ai-primary-hover);
128
132
  @property st-global(--wds-button-fill-dark-primary-disabled);
129
133
  @property st-global(--wds-button-fill-dark-secondary);
130
134
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -137,7 +141,10 @@
137
141
  @property st-global(--wds-button-fill-destructive-secondary-hover);
138
142
  @property st-global(--wds-button-fill-gradient-hover-primary);
139
143
  @property st-global(--wds-button-fill-gradient-hover-secondary);
144
+ @property st-global(--wds-button-fill-premium-primary);
145
+ @property st-global(--wds-button-fill-premium-primary-active);
140
146
  @property st-global(--wds-button-fill-premium-primary-disabled);
147
+ @property st-global(--wds-button-fill-premium-primary-hover);
141
148
  @property st-global(--wds-button-fill-premium-secondary);
142
149
  @property st-global(--wds-button-fill-premium-secondary-active);
143
150
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -171,6 +178,7 @@
171
178
  @property st-global(--wds-button-icon-offset-medium);
172
179
  @property st-global(--wds-button-icon-offset-small);
173
180
  @property st-global(--wds-button-icon-offset-tiny);
181
+ @property st-global(--wds-button-label-fill-ai-primary);
174
182
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
175
183
  @property st-global(--wds-button-label-fill-dark-secondary);
176
184
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -181,6 +189,7 @@
181
189
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
182
190
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
183
191
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
192
+ @property st-global(--wds-button-label-fill-premium-primary);
184
193
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
185
194
  @property st-global(--wds-button-label-fill-premium-secondary);
186
195
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -604,8 +613,10 @@
604
613
  @property st-global(--wds-list-item-action-fill);
605
614
  @property st-global(--wds-list-item-action-fill-active);
606
615
  @property st-global(--wds-list-item-action-fill-hover);
616
+ @property st-global(--wds-list-item-action-fill-hover-destructive);
607
617
  @property st-global(--wds-list-item-action-gap);
608
618
  @property st-global(--wds-list-item-action-label-fill-active);
619
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
609
620
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
610
621
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
611
622
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -617,6 +628,7 @@
617
628
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
618
629
  @property st-global(--wds-list-item-action-padding-vertical-small);
619
630
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
631
+ @property st-global(--wds-list-item-action-subtitle-destructive);
620
632
  @property st-global(--wds-list-item-action-subtitle-fill-active);
621
633
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
622
634
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
@@ -1485,6 +1497,7 @@
1485
1497
  --wds-breadcrumbs-font-size-small: 14px;
1486
1498
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
1487
1499
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1500
+ --wds-breadcrumbs-on-grey-text-fill-active: #000624;
1488
1501
  --wds-breadcrumbs-on-white-fill-hover: #e7f0ff;
1489
1502
  --wds-breadcrumbs-padding-horizontal-large: 15px;
1490
1503
  --wds-breadcrumbs-padding-horizontal-medium: 9px;
@@ -1515,6 +1528,9 @@
1515
1528
  --wds-button-border-standard-secondary-active: #084ebd;
1516
1529
  --wds-button-border-standard-secondary-disabled: rgba(0, 6, 36, .1);
1517
1530
  --wds-button-border-standard-secondary-hover: #116dff;
1531
+ --wds-button-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1532
+ --wds-button-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1533
+ --wds-button-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
1518
1534
  --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
1519
1535
  --wds-button-fill-dark-secondary: #ffffff;
1520
1536
  --wds-button-fill-dark-secondary-active: #000624;
@@ -1527,7 +1543,10 @@
1527
1543
  --wds-button-fill-destructive-secondary-hover: #d0180b;
1528
1544
  --wds-button-fill-gradient-hover-primary: #0f62e6;
1529
1545
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
1546
+ --wds-button-fill-premium-primary: #9a27d5;
1547
+ --wds-button-fill-premium-primary-active: #7416a5;
1530
1548
  --wds-button-fill-premium-primary-disabled: rgba(0, 6, 36, .3);
1549
+ --wds-button-fill-premium-primary-hover: #8e1dd1;
1531
1550
  --wds-button-fill-premium-secondary: #ffffff;
1532
1551
  --wds-button-fill-premium-secondary-active: #7416a5;
1533
1552
  --wds-button-fill-premium-secondary-disabled: #ffffff;
@@ -1561,6 +1580,7 @@
1561
1580
  --wds-button-icon-offset-medium: 12px;
1562
1581
  --wds-button-icon-offset-small: 12px;
1563
1582
  --wds-button-icon-offset-tiny: 12px;
1583
+ --wds-button-label-fill-ai-primary: #ffffff;
1564
1584
  --wds-button-label-fill-dark-primary-disabled: rgba(255, 255, 255, .7);
1565
1585
  --wds-button-label-fill-dark-secondary: #000624;
1566
1586
  --wds-button-label-fill-dark-secondary-active: #ffffff;
@@ -1571,6 +1591,7 @@
1571
1591
  --wds-button-label-fill-destructive-secondary-active: #ffffff;
1572
1592
  --wds-button-label-fill-destructive-secondary-disabled: rgba(0, 6, 36, .3);
1573
1593
  --wds-button-label-fill-destructive-secondary-hover: #ffffff;
1594
+ --wds-button-label-fill-premium-primary: #ffffff;
1574
1595
  --wds-button-label-fill-premium-primary-disabled: rgba(255, 255, 255, .7);
1575
1596
  --wds-button-label-fill-premium-secondary: #9a27d5;
1576
1597
  --wds-button-label-fill-premium-secondary-active: #ffffff;
@@ -1994,8 +2015,10 @@
1994
2015
  --wds-list-item-action-fill: #ffffff;
1995
2016
  --wds-list-item-action-fill-active: #d6e6fe;
1996
2017
  --wds-list-item-action-fill-hover: #e7f0ff;
2018
+ --wds-list-item-action-fill-hover-destructive: #fde3e1;
1997
2019
  --wds-list-item-action-gap: 0px;
1998
2020
  --wds-list-item-action-label-fill-active: #116dff;
2021
+ --wds-list-item-action-label-fill-hover-destructive: #e62214;
1999
2022
  --wds-list-item-action-label-fill-pressed-destructive: #e62214;
2000
2023
  --wds-list-item-action-label-font-line-height-medium: 24px;
2001
2024
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -2007,6 +2030,7 @@
2007
2030
  --wds-list-item-action-padding-vertical-medium-screen-small: 12px;
2008
2031
  --wds-list-item-action-padding-vertical-small: 6px;
2009
2032
  --wds-list-item-action-padding-vertical-small-screen-small: 12px;
2033
+ --wds-list-item-action-subtitle-destructive: #868aa5;
2010
2034
  --wds-list-item-action-subtitle-fill-active: #868aa5;
2011
2035
  --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
2012
2036
  --wds-list-item-action-subtitle-font-line-height: 18px;
package/odeditor/all.css CHANGED
@@ -1934,6 +1934,7 @@
1934
1934
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1935
1935
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1936
1936
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1937
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary-light);
1937
1938
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1938
1939
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1939
1940
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
@@ -1941,6 +1942,7 @@
1941
1942
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
1942
1943
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
1943
1944
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1945
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
1944
1946
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1945
1947
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1946
1948
  --wds-button-font-size-medium: var(--wds-font-size-body-small);
@@ -1952,10 +1954,16 @@
1952
1954
  --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
1953
1955
  --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1954
1956
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1957
+ --wds-button-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
1958
+ --wds-button-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
1959
+ --wds-button-fill-premium-primary: var(--wds-color-fill-premium-primary);
1955
1960
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1956
1961
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1957
1962
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
1958
1963
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
1964
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
1965
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
1966
+ --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
1959
1967
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
1960
1968
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1961
1969
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -1965,6 +1973,7 @@
1965
1973
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1966
1974
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1967
1975
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1976
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
1968
1977
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1969
1978
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1970
1979
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
package/odeditor/all.scss CHANGED
@@ -1934,6 +1934,7 @@
1934
1934
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1935
1935
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1936
1936
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1937
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary-light);
1937
1938
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1938
1939
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1939
1940
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
@@ -1941,6 +1942,7 @@
1941
1942
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
1942
1943
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
1943
1944
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1945
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
1944
1946
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1945
1947
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1946
1948
  --wds-button-font-size-medium: var(--wds-font-size-body-small);
@@ -1952,10 +1954,16 @@
1952
1954
  --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
1953
1955
  --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1954
1956
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1957
+ --wds-button-fill-premium-primary-hover: var(--wds-color-fill-premium-primary-hover);
1958
+ --wds-button-fill-premium-primary-active: var(--wds-color-fill-premium-primary-active);
1959
+ --wds-button-fill-premium-primary: var(--wds-color-fill-premium-primary);
1955
1960
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1956
1961
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1957
1962
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
1958
1963
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
1964
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
1965
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
1966
+ --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
1959
1967
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
1960
1968
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1961
1969
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -1965,6 +1973,7 @@
1965
1973
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
1966
1974
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
1967
1975
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1976
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
1968
1977
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1969
1978
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1970
1979
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
package/odeditor/all.st.css CHANGED
@@ -130,6 +130,7 @@
130
130
  @property st-global(--wds-breadcrumbs-font-size-small);
131
131
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
132
132
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
133
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
133
134
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
134
135
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
135
136
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -165,6 +166,9 @@
165
166
  @property st-global(--wds-button-border-standard-secondary-disabled);
166
167
  @property st-global(--wds-button-border-standard-secondary-hover);
167
168
  @property st-global(--wds-button-border-width-secondary-hover);
169
+ @property st-global(--wds-button-fill-ai-primary);
170
+ @property st-global(--wds-button-fill-ai-primary-active);
171
+ @property st-global(--wds-button-fill-ai-primary-hover);
168
172
  @property st-global(--wds-button-fill-dark-primary-disabled);
169
173
  @property st-global(--wds-button-fill-dark-secondary);
170
174
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -177,7 +181,10 @@
177
181
  @property st-global(--wds-button-fill-destructive-secondary-hover);
178
182
  @property st-global(--wds-button-fill-gradient-hover-primary);
179
183
  @property st-global(--wds-button-fill-gradient-hover-secondary);
184
+ @property st-global(--wds-button-fill-premium-primary);
185
+ @property st-global(--wds-button-fill-premium-primary-active);
180
186
  @property st-global(--wds-button-fill-premium-primary-disabled);
187
+ @property st-global(--wds-button-fill-premium-primary-hover);
181
188
  @property st-global(--wds-button-fill-premium-secondary);
182
189
  @property st-global(--wds-button-fill-premium-secondary-active);
183
190
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -212,6 +219,7 @@
212
219
  @property st-global(--wds-button-icon-offset-medium);
213
220
  @property st-global(--wds-button-icon-offset-small);
214
221
  @property st-global(--wds-button-icon-offset-tiny);
222
+ @property st-global(--wds-button-label-fill-ai-primary);
215
223
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
216
224
  @property st-global(--wds-button-label-fill-dark-secondary);
217
225
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -222,6 +230,7 @@
222
230
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
223
231
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
224
232
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
233
+ @property st-global(--wds-button-label-fill-premium-primary);
225
234
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
226
235
  @property st-global(--wds-button-label-fill-premium-secondary);
227
236
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -2187,6 +2196,7 @@
2187
2196
  --wds-breadcrumbs-font-size-small: 12px;
2188
2197
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2189
2198
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2199
+ --wds-breadcrumbs-on-grey-text-fill-active: #151414;
2190
2200
  --wds-breadcrumbs-on-white-fill-hover: #f0efef;
2191
2201
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2192
2202
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
@@ -2222,6 +2232,9 @@
2222
2232
  --wds-button-border-standard-secondary-disabled: #f0efef;
2223
2233
  --wds-button-border-standard-secondary-hover: #acbeff;
2224
2234
  --wds-button-border-width-secondary-hover: 1px;
2235
+ --wds-button-fill-ai-primary: #5a48f5;
2236
+ --wds-button-fill-ai-primary-active: #5a48f5;
2237
+ --wds-button-fill-ai-primary-hover: #4d3dd0;
2225
2238
  --wds-button-fill-dark-primary-disabled: #f0efef;
2226
2239
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
2227
2240
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -2234,7 +2247,10 @@
2234
2247
  --wds-button-fill-destructive-secondary-hover: #f9d6d7;
2235
2248
  --wds-button-fill-gradient-hover-primary: #1c3fe5;
2236
2249
  --wds-button-fill-gradient-hover-secondary: #1c3fe5;
2250
+ --wds-button-fill-premium-primary: #2f5dff;
2251
+ --wds-button-fill-premium-primary-active: #0f2ccf;
2237
2252
  --wds-button-fill-premium-primary-disabled: #f0efef;
2253
+ --wds-button-fill-premium-primary-hover: #1c3fe5;
2238
2254
  --wds-button-fill-premium-secondary: rgba(255, 255, 255, 0);
2239
2255
  --wds-button-fill-premium-secondary-active: #d5dfff;
2240
2256
  --wds-button-fill-premium-secondary-disabled: #f0efef;
@@ -2269,6 +2285,7 @@
2269
2285
  --wds-button-icon-offset-medium: 18px;
2270
2286
  --wds-button-icon-offset-small: 12px;
2271
2287
  --wds-button-icon-offset-tiny: 12px;
2288
+ --wds-button-label-fill-ai-primary: #ffffff;
2272
2289
  --wds-button-label-fill-dark-primary-disabled: #a8a6a5;
2273
2290
  --wds-button-label-fill-dark-secondary: #151414;
2274
2291
  --wds-button-label-fill-dark-secondary-active: #151414;
@@ -2279,6 +2296,7 @@
2279
2296
  --wds-button-label-fill-destructive-secondary-active: #9c2426;
2280
2297
  --wds-button-label-fill-destructive-secondary-disabled: #9c2426;
2281
2298
  --wds-button-label-fill-destructive-secondary-hover: #be2b2e;
2299
+ --wds-button-label-fill-premium-primary: #ffffff;
2282
2300
  --wds-button-label-fill-premium-primary-disabled: #a8a6a5;
2283
2301
  --wds-button-label-fill-premium-secondary: #2f5dff;
2284
2302
  --wds-button-label-fill-premium-secondary-active: #0f2ccf;
package/odeditor/component.st.css CHANGED
@@ -94,6 +94,7 @@
94
94
  @property st-global(--wds-breadcrumbs-font-size-small);
95
95
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
96
96
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
97
+ @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
97
98
  @property st-global(--wds-breadcrumbs-on-white-fill-hover);
98
99
  @property st-global(--wds-breadcrumbs-padding-horizontal-large);
99
100
  @property st-global(--wds-breadcrumbs-padding-horizontal-medium);
@@ -125,6 +126,9 @@
125
126
  @property st-global(--wds-button-border-standard-secondary-disabled);
126
127
  @property st-global(--wds-button-border-standard-secondary-hover);
127
128
  @property st-global(--wds-button-border-width-secondary-hover);
129
+ @property st-global(--wds-button-fill-ai-primary);
130
+ @property st-global(--wds-button-fill-ai-primary-active);
131
+ @property st-global(--wds-button-fill-ai-primary-hover);
128
132
  @property st-global(--wds-button-fill-dark-primary-disabled);
129
133
  @property st-global(--wds-button-fill-dark-secondary);
130
134
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -137,7 +141,10 @@
137
141
  @property st-global(--wds-button-fill-destructive-secondary-hover);
138
142
  @property st-global(--wds-button-fill-gradient-hover-primary);
139
143
  @property st-global(--wds-button-fill-gradient-hover-secondary);
144
+ @property st-global(--wds-button-fill-premium-primary);
145
+ @property st-global(--wds-button-fill-premium-primary-active);
140
146
  @property st-global(--wds-button-fill-premium-primary-disabled);
147
+ @property st-global(--wds-button-fill-premium-primary-hover);
141
148
  @property st-global(--wds-button-fill-premium-secondary);
142
149
  @property st-global(--wds-button-fill-premium-secondary-active);
143
150
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -172,6 +179,7 @@
172
179
  @property st-global(--wds-button-icon-offset-medium);
173
180
  @property st-global(--wds-button-icon-offset-small);
174
181
  @property st-global(--wds-button-icon-offset-tiny);
182
+ @property st-global(--wds-button-label-fill-ai-primary);
175
183
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
176
184
  @property st-global(--wds-button-label-fill-dark-secondary);
177
185
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -182,6 +190,7 @@
182
190
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
183
191
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
184
192
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
193
+ @property st-global(--wds-button-label-fill-premium-primary);
185
194
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
186
195
  @property st-global(--wds-button-label-fill-premium-secondary);
187
196
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -1431,6 +1440,7 @@
1431
1440
  --wds-breadcrumbs-font-size-small: 12px;
1432
1441
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
1433
1442
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1443
+ --wds-breadcrumbs-on-grey-text-fill-active: #151414;
1434
1444
  --wds-breadcrumbs-on-white-fill-hover: #f0efef;
1435
1445
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1436
1446
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
@@ -1462,6 +1472,9 @@
1462
1472
  --wds-button-border-standard-secondary-disabled: #f0efef;
1463
1473
  --wds-button-border-standard-secondary-hover: #acbeff;
1464
1474
  --wds-button-border-width-secondary-hover: 1px;
1475
+ --wds-button-fill-ai-primary: #5a48f5;
1476
+ --wds-button-fill-ai-primary-active: #5a48f5;
1477
+ --wds-button-fill-ai-primary-hover: #4d3dd0;
1465
1478
  --wds-button-fill-dark-primary-disabled: #f0efef;
1466
1479
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
1467
1480
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -1474,7 +1487,10 @@
1474
1487
  --wds-button-fill-destructive-secondary-hover: #f9d6d7;
1475
1488
  --wds-button-fill-gradient-hover-primary: #1c3fe5;
1476
1489
  --wds-button-fill-gradient-hover-secondary: #1c3fe5;
1490
+ --wds-button-fill-premium-primary: #2f5dff;
1491
+ --wds-button-fill-premium-primary-active: #0f2ccf;
1477
1492
  --wds-button-fill-premium-primary-disabled: #f0efef;
1493
+ --wds-button-fill-premium-primary-hover: #1c3fe5;
1478
1494
  --wds-button-fill-premium-secondary: rgba(255, 255, 255, 0);
1479
1495
  --wds-button-fill-premium-secondary-active: #d5dfff;
1480
1496
  --wds-button-fill-premium-secondary-disabled: #f0efef;
@@ -1509,6 +1525,7 @@
1509
1525
  --wds-button-icon-offset-medium: 18px;
1510
1526
  --wds-button-icon-offset-small: 12px;
1511
1527
  --wds-button-icon-offset-tiny: 12px;
1528
+ --wds-button-label-fill-ai-primary: #ffffff;
1512
1529
  --wds-button-label-fill-dark-primary-disabled: #a8a6a5;
1513
1530
  --wds-button-label-fill-dark-secondary: #151414;
1514
1531
  --wds-button-label-fill-dark-secondary-active: #151414;
@@ -1519,6 +1536,7 @@
1519
1536
  --wds-button-label-fill-destructive-secondary-active: #9c2426;
1520
1537
  --wds-button-label-fill-destructive-secondary-disabled: #9c2426;
1521
1538
  --wds-button-label-fill-destructive-secondary-hover: #be2b2e;
1539
+ --wds-button-label-fill-premium-primary: #ffffff;
1522
1540
  --wds-button-label-fill-premium-primary-disabled: #a8a6a5;
1523
1541
  --wds-button-label-fill-premium-secondary: #2f5dff;
1524
1542
  --wds-button-label-fill-premium-secondary-active: #0f2ccf;