@wix/design-system-tokens 1.190.0 → 1.191.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 +13 -0
  2. package/all.css +11 -0
  3. package/all.scss +11 -0
  4. package/all.st.css +22 -0
  5. package/component.st.css +22 -0
  6. package/odeditor/all.css +8 -0
  7. package/odeditor/all.scss +8 -0
  8. package/odeditor/all.st.css +16 -0
  9. package/odeditor/component.st.css +16 -0
  10. package/odeditor-dark/all.css +15 -2
  11. package/odeditor-dark/all.scss +15 -2
  12. package/odeditor-dark/all.st.css +29 -3
  13. package/odeditor-dark/component.st.css +28 -2
  14. package/odeditor-dark/semantic.st.css +1 -1
  15. package/package.json +2 -2
  16. package/studio/all.css +8 -0
  17. package/studio/all.scss +8 -0
  18. package/studio/all.st.css +16 -0
  19. package/studio/component.st.css +16 -0
  20. package/wixel/all.css +8 -0
  21. package/wixel/all.scss +8 -0
  22. package/wixel/all.st.css +16 -0
  23. package/wixel/component.st.css +16 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ ## 1.191.0 - 2026-05-07
2
+
3
+ ### Features
4
+
5
+ - feat(SegmentedToggle): add inner-shadow-fill tokens for odeditor-dark [16235](https://github.com/wix-private/wix-design-systems/pull/16235)
6
+ - feat(ListItemAction): add destructive skin hover tokens [16240](https://github.com/wix-private/wix-design-systems/pull/16240)
7
+ - feat(Button): add ai/premium primary fill and label tokens for odeditor-dark [16232](https://github.com/wix-private/wix-design-systems/pull/16232)
8
+
9
+ ### Bug Fixes
10
+
11
+ - fix(tokens): reduce toggle button small border radius in odeditor-dark [16250](https://github.com/wix-private/wix-design-systems/pull/16250)
12
+ - fix(Storybook): updated storybook-utils package [16248](https://github.com/wix-private/wix-design-systems/pull/16248)
13
+
1
14
  ## 1.190.0 - 2026-05-04
2
15
 
3
16
  ### 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);
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);
package/all.st.css CHANGED
@@ -163,6 +163,9 @@
163
163
  @property st-global(--wds-button-border-standard-secondary-active);
164
164
  @property st-global(--wds-button-border-standard-secondary-disabled);
165
165
  @property st-global(--wds-button-border-standard-secondary-hover);
166
+ @property st-global(--wds-button-fill-ai-primary);
167
+ @property st-global(--wds-button-fill-ai-primary-active);
168
+ @property st-global(--wds-button-fill-ai-primary-hover);
166
169
  @property st-global(--wds-button-fill-dark-primary-disabled);
167
170
  @property st-global(--wds-button-fill-dark-secondary);
168
171
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -175,7 +178,10 @@
175
178
  @property st-global(--wds-button-fill-destructive-secondary-hover);
176
179
  @property st-global(--wds-button-fill-gradient-hover-primary);
177
180
  @property st-global(--wds-button-fill-gradient-hover-secondary);
181
+ @property st-global(--wds-button-fill-premium-primary);
182
+ @property st-global(--wds-button-fill-premium-primary-active);
178
183
  @property st-global(--wds-button-fill-premium-primary-disabled);
184
+ @property st-global(--wds-button-fill-premium-primary-hover);
179
185
  @property st-global(--wds-button-fill-premium-secondary);
180
186
  @property st-global(--wds-button-fill-premium-secondary-active);
181
187
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -209,6 +215,7 @@
209
215
  @property st-global(--wds-button-icon-offset-medium);
210
216
  @property st-global(--wds-button-icon-offset-small);
211
217
  @property st-global(--wds-button-icon-offset-tiny);
218
+ @property st-global(--wds-button-label-fill-ai-primary);
212
219
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
213
220
  @property st-global(--wds-button-label-fill-dark-secondary);
214
221
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -219,6 +226,7 @@
219
226
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
220
227
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
221
228
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
229
+ @property st-global(--wds-button-label-fill-premium-primary);
222
230
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
223
231
  @property st-global(--wds-button-label-fill-premium-secondary);
224
232
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -1172,8 +1180,10 @@
1172
1180
  @property st-global(--wds-list-item-action-fill);
1173
1181
  @property st-global(--wds-list-item-action-fill-active);
1174
1182
  @property st-global(--wds-list-item-action-fill-hover);
1183
+ @property st-global(--wds-list-item-action-fill-hover-destructive);
1175
1184
  @property st-global(--wds-list-item-action-gap);
1176
1185
  @property st-global(--wds-list-item-action-label-fill-active);
1186
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1177
1187
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1178
1188
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1179
1189
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -1185,6 +1195,7 @@
1185
1195
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
1186
1196
  @property st-global(--wds-list-item-action-padding-vertical-small);
1187
1197
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
1198
+ @property st-global(--wds-list-item-action-subtitle-destructive);
1188
1199
  @property st-global(--wds-list-item-action-subtitle-fill-active);
1189
1200
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1190
1201
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
@@ -2276,6 +2287,9 @@
2276
2287
  --wds-button-border-standard-secondary-active: #084ebd;
2277
2288
  --wds-button-border-standard-secondary-disabled: rgba(0, 6, 36, .1);
2278
2289
  --wds-button-border-standard-secondary-hover: #116dff;
2290
+ --wds-button-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2291
+ --wds-button-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2292
+ --wds-button-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
2279
2293
  --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
2280
2294
  --wds-button-fill-dark-secondary: #ffffff;
2281
2295
  --wds-button-fill-dark-secondary-active: #000624;
@@ -2288,7 +2302,10 @@
2288
2302
  --wds-button-fill-destructive-secondary-hover: #d0180b;
2289
2303
  --wds-button-fill-gradient-hover-primary: #0f62e6;
2290
2304
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
2305
+ --wds-button-fill-premium-primary: #9a27d5;
2306
+ --wds-button-fill-premium-primary-active: #7416a5;
2291
2307
  --wds-button-fill-premium-primary-disabled: rgba(0, 6, 36, .3);
2308
+ --wds-button-fill-premium-primary-hover: #8e1dd1;
2292
2309
  --wds-button-fill-premium-secondary: #ffffff;
2293
2310
  --wds-button-fill-premium-secondary-active: #7416a5;
2294
2311
  --wds-button-fill-premium-secondary-disabled: #ffffff;
@@ -2322,6 +2339,7 @@
2322
2339
  --wds-button-icon-offset-medium: 12px;
2323
2340
  --wds-button-icon-offset-small: 12px;
2324
2341
  --wds-button-icon-offset-tiny: 12px;
2342
+ --wds-button-label-fill-ai-primary: #ffffff;
2325
2343
  --wds-button-label-fill-dark-primary-disabled: rgba(255, 255, 255, .7);
2326
2344
  --wds-button-label-fill-dark-secondary: #000624;
2327
2345
  --wds-button-label-fill-dark-secondary-active: #ffffff;
@@ -2332,6 +2350,7 @@
2332
2350
  --wds-button-label-fill-destructive-secondary-active: #ffffff;
2333
2351
  --wds-button-label-fill-destructive-secondary-disabled: rgba(0, 6, 36, .3);
2334
2352
  --wds-button-label-fill-destructive-secondary-hover: #ffffff;
2353
+ --wds-button-label-fill-premium-primary: #ffffff;
2335
2354
  --wds-button-label-fill-premium-primary-disabled: rgba(255, 255, 255, .7);
2336
2355
  --wds-button-label-fill-premium-secondary: #9a27d5;
2337
2356
  --wds-button-label-fill-premium-secondary-active: #ffffff;
@@ -3285,8 +3304,10 @@
3285
3304
  --wds-list-item-action-fill: #ffffff;
3286
3305
  --wds-list-item-action-fill-active: #d6e6fe;
3287
3306
  --wds-list-item-action-fill-hover: #e7f0ff;
3307
+ --wds-list-item-action-fill-hover-destructive: #fde3e1;
3288
3308
  --wds-list-item-action-gap: 0px;
3289
3309
  --wds-list-item-action-label-fill-active: #116dff;
3310
+ --wds-list-item-action-label-fill-hover-destructive: #e62214;
3290
3311
  --wds-list-item-action-label-fill-pressed-destructive: #e62214;
3291
3312
  --wds-list-item-action-label-font-line-height-medium: 24px;
3292
3313
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -3298,6 +3319,7 @@
3298
3319
  --wds-list-item-action-padding-vertical-medium-screen-small: 12px;
3299
3320
  --wds-list-item-action-padding-vertical-small: 6px;
3300
3321
  --wds-list-item-action-padding-vertical-small-screen-small: 12px;
3322
+ --wds-list-item-action-subtitle-destructive: #868aa5;
3301
3323
  --wds-list-item-action-subtitle-fill-active: #868aa5;
3302
3324
  --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
3303
3325
  --wds-list-item-action-subtitle-font-line-height: 18px;
package/component.st.css CHANGED
@@ -125,6 +125,9 @@
125
125
  @property st-global(--wds-button-border-standard-secondary-active);
126
126
  @property st-global(--wds-button-border-standard-secondary-disabled);
127
127
  @property st-global(--wds-button-border-standard-secondary-hover);
128
+ @property st-global(--wds-button-fill-ai-primary);
129
+ @property st-global(--wds-button-fill-ai-primary-active);
130
+ @property st-global(--wds-button-fill-ai-primary-hover);
128
131
  @property st-global(--wds-button-fill-dark-primary-disabled);
129
132
  @property st-global(--wds-button-fill-dark-secondary);
130
133
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -137,7 +140,10 @@
137
140
  @property st-global(--wds-button-fill-destructive-secondary-hover);
138
141
  @property st-global(--wds-button-fill-gradient-hover-primary);
139
142
  @property st-global(--wds-button-fill-gradient-hover-secondary);
143
+ @property st-global(--wds-button-fill-premium-primary);
144
+ @property st-global(--wds-button-fill-premium-primary-active);
140
145
  @property st-global(--wds-button-fill-premium-primary-disabled);
146
+ @property st-global(--wds-button-fill-premium-primary-hover);
141
147
  @property st-global(--wds-button-fill-premium-secondary);
142
148
  @property st-global(--wds-button-fill-premium-secondary-active);
143
149
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -171,6 +177,7 @@
171
177
  @property st-global(--wds-button-icon-offset-medium);
172
178
  @property st-global(--wds-button-icon-offset-small);
173
179
  @property st-global(--wds-button-icon-offset-tiny);
180
+ @property st-global(--wds-button-label-fill-ai-primary);
174
181
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
175
182
  @property st-global(--wds-button-label-fill-dark-secondary);
176
183
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -181,6 +188,7 @@
181
188
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
182
189
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
183
190
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
191
+ @property st-global(--wds-button-label-fill-premium-primary);
184
192
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
185
193
  @property st-global(--wds-button-label-fill-premium-secondary);
186
194
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -604,8 +612,10 @@
604
612
  @property st-global(--wds-list-item-action-fill);
605
613
  @property st-global(--wds-list-item-action-fill-active);
606
614
  @property st-global(--wds-list-item-action-fill-hover);
615
+ @property st-global(--wds-list-item-action-fill-hover-destructive);
607
616
  @property st-global(--wds-list-item-action-gap);
608
617
  @property st-global(--wds-list-item-action-label-fill-active);
618
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
609
619
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
610
620
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
611
621
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -617,6 +627,7 @@
617
627
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
618
628
  @property st-global(--wds-list-item-action-padding-vertical-small);
619
629
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
630
+ @property st-global(--wds-list-item-action-subtitle-destructive);
620
631
  @property st-global(--wds-list-item-action-subtitle-fill-active);
621
632
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
622
633
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
@@ -1515,6 +1526,9 @@
1515
1526
  --wds-button-border-standard-secondary-active: #084ebd;
1516
1527
  --wds-button-border-standard-secondary-disabled: rgba(0, 6, 36, .1);
1517
1528
  --wds-button-border-standard-secondary-hover: #116dff;
1529
+ --wds-button-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1530
+ --wds-button-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1531
+ --wds-button-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
1518
1532
  --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
1519
1533
  --wds-button-fill-dark-secondary: #ffffff;
1520
1534
  --wds-button-fill-dark-secondary-active: #000624;
@@ -1527,7 +1541,10 @@
1527
1541
  --wds-button-fill-destructive-secondary-hover: #d0180b;
1528
1542
  --wds-button-fill-gradient-hover-primary: #0f62e6;
1529
1543
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
1544
+ --wds-button-fill-premium-primary: #9a27d5;
1545
+ --wds-button-fill-premium-primary-active: #7416a5;
1530
1546
  --wds-button-fill-premium-primary-disabled: rgba(0, 6, 36, .3);
1547
+ --wds-button-fill-premium-primary-hover: #8e1dd1;
1531
1548
  --wds-button-fill-premium-secondary: #ffffff;
1532
1549
  --wds-button-fill-premium-secondary-active: #7416a5;
1533
1550
  --wds-button-fill-premium-secondary-disabled: #ffffff;
@@ -1561,6 +1578,7 @@
1561
1578
  --wds-button-icon-offset-medium: 12px;
1562
1579
  --wds-button-icon-offset-small: 12px;
1563
1580
  --wds-button-icon-offset-tiny: 12px;
1581
+ --wds-button-label-fill-ai-primary: #ffffff;
1564
1582
  --wds-button-label-fill-dark-primary-disabled: rgba(255, 255, 255, .7);
1565
1583
  --wds-button-label-fill-dark-secondary: #000624;
1566
1584
  --wds-button-label-fill-dark-secondary-active: #ffffff;
@@ -1571,6 +1589,7 @@
1571
1589
  --wds-button-label-fill-destructive-secondary-active: #ffffff;
1572
1590
  --wds-button-label-fill-destructive-secondary-disabled: rgba(0, 6, 36, .3);
1573
1591
  --wds-button-label-fill-destructive-secondary-hover: #ffffff;
1592
+ --wds-button-label-fill-premium-primary: #ffffff;
1574
1593
  --wds-button-label-fill-premium-primary-disabled: rgba(255, 255, 255, .7);
1575
1594
  --wds-button-label-fill-premium-secondary: #9a27d5;
1576
1595
  --wds-button-label-fill-premium-secondary-active: #ffffff;
@@ -1994,8 +2013,10 @@
1994
2013
  --wds-list-item-action-fill: #ffffff;
1995
2014
  --wds-list-item-action-fill-active: #d6e6fe;
1996
2015
  --wds-list-item-action-fill-hover: #e7f0ff;
2016
+ --wds-list-item-action-fill-hover-destructive: #fde3e1;
1997
2017
  --wds-list-item-action-gap: 0px;
1998
2018
  --wds-list-item-action-label-fill-active: #116dff;
2019
+ --wds-list-item-action-label-fill-hover-destructive: #e62214;
1999
2020
  --wds-list-item-action-label-fill-pressed-destructive: #e62214;
2000
2021
  --wds-list-item-action-label-font-line-height-medium: 24px;
2001
2022
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -2007,6 +2028,7 @@
2007
2028
  --wds-list-item-action-padding-vertical-medium-screen-small: 12px;
2008
2029
  --wds-list-item-action-padding-vertical-small: 6px;
2009
2030
  --wds-list-item-action-padding-vertical-small-screen-small: 12px;
2031
+ --wds-list-item-action-subtitle-destructive: #868aa5;
2010
2032
  --wds-list-item-action-subtitle-fill-active: #868aa5;
2011
2033
  --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
2012
2034
  --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);
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);
package/odeditor/all.st.css CHANGED
@@ -165,6 +165,9 @@
165
165
  @property st-global(--wds-button-border-standard-secondary-disabled);
166
166
  @property st-global(--wds-button-border-standard-secondary-hover);
167
167
  @property st-global(--wds-button-border-width-secondary-hover);
168
+ @property st-global(--wds-button-fill-ai-primary);
169
+ @property st-global(--wds-button-fill-ai-primary-active);
170
+ @property st-global(--wds-button-fill-ai-primary-hover);
168
171
  @property st-global(--wds-button-fill-dark-primary-disabled);
169
172
  @property st-global(--wds-button-fill-dark-secondary);
170
173
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -177,7 +180,10 @@
177
180
  @property st-global(--wds-button-fill-destructive-secondary-hover);
178
181
  @property st-global(--wds-button-fill-gradient-hover-primary);
179
182
  @property st-global(--wds-button-fill-gradient-hover-secondary);
183
+ @property st-global(--wds-button-fill-premium-primary);
184
+ @property st-global(--wds-button-fill-premium-primary-active);
180
185
  @property st-global(--wds-button-fill-premium-primary-disabled);
186
+ @property st-global(--wds-button-fill-premium-primary-hover);
181
187
  @property st-global(--wds-button-fill-premium-secondary);
182
188
  @property st-global(--wds-button-fill-premium-secondary-active);
183
189
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -212,6 +218,7 @@
212
218
  @property st-global(--wds-button-icon-offset-medium);
213
219
  @property st-global(--wds-button-icon-offset-small);
214
220
  @property st-global(--wds-button-icon-offset-tiny);
221
+ @property st-global(--wds-button-label-fill-ai-primary);
215
222
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
216
223
  @property st-global(--wds-button-label-fill-dark-secondary);
217
224
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -222,6 +229,7 @@
222
229
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
223
230
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
224
231
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
232
+ @property st-global(--wds-button-label-fill-premium-primary);
225
233
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
226
234
  @property st-global(--wds-button-label-fill-premium-secondary);
227
235
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -2222,6 +2230,9 @@
2222
2230
  --wds-button-border-standard-secondary-disabled: #f0efef;
2223
2231
  --wds-button-border-standard-secondary-hover: #acbeff;
2224
2232
  --wds-button-border-width-secondary-hover: 1px;
2233
+ --wds-button-fill-ai-primary: #5a48f5;
2234
+ --wds-button-fill-ai-primary-active: #5a48f5;
2235
+ --wds-button-fill-ai-primary-hover: #4d3dd0;
2225
2236
  --wds-button-fill-dark-primary-disabled: #f0efef;
2226
2237
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
2227
2238
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -2234,7 +2245,10 @@
2234
2245
  --wds-button-fill-destructive-secondary-hover: #f9d6d7;
2235
2246
  --wds-button-fill-gradient-hover-primary: #1c3fe5;
2236
2247
  --wds-button-fill-gradient-hover-secondary: #1c3fe5;
2248
+ --wds-button-fill-premium-primary: #2f5dff;
2249
+ --wds-button-fill-premium-primary-active: #0f2ccf;
2237
2250
  --wds-button-fill-premium-primary-disabled: #f0efef;
2251
+ --wds-button-fill-premium-primary-hover: #1c3fe5;
2238
2252
  --wds-button-fill-premium-secondary: rgba(255, 255, 255, 0);
2239
2253
  --wds-button-fill-premium-secondary-active: #d5dfff;
2240
2254
  --wds-button-fill-premium-secondary-disabled: #f0efef;
@@ -2269,6 +2283,7 @@
2269
2283
  --wds-button-icon-offset-medium: 18px;
2270
2284
  --wds-button-icon-offset-small: 12px;
2271
2285
  --wds-button-icon-offset-tiny: 12px;
2286
+ --wds-button-label-fill-ai-primary: #ffffff;
2272
2287
  --wds-button-label-fill-dark-primary-disabled: #a8a6a5;
2273
2288
  --wds-button-label-fill-dark-secondary: #151414;
2274
2289
  --wds-button-label-fill-dark-secondary-active: #151414;
@@ -2279,6 +2294,7 @@
2279
2294
  --wds-button-label-fill-destructive-secondary-active: #9c2426;
2280
2295
  --wds-button-label-fill-destructive-secondary-disabled: #9c2426;
2281
2296
  --wds-button-label-fill-destructive-secondary-hover: #be2b2e;
2297
+ --wds-button-label-fill-premium-primary: #ffffff;
2282
2298
  --wds-button-label-fill-premium-primary-disabled: #a8a6a5;
2283
2299
  --wds-button-label-fill-premium-secondary: #2f5dff;
2284
2300
  --wds-button-label-fill-premium-secondary-active: #0f2ccf;
package/odeditor/component.st.css CHANGED
@@ -125,6 +125,9 @@
125
125
  @property st-global(--wds-button-border-standard-secondary-disabled);
126
126
  @property st-global(--wds-button-border-standard-secondary-hover);
127
127
  @property st-global(--wds-button-border-width-secondary-hover);
128
+ @property st-global(--wds-button-fill-ai-primary);
129
+ @property st-global(--wds-button-fill-ai-primary-active);
130
+ @property st-global(--wds-button-fill-ai-primary-hover);
128
131
  @property st-global(--wds-button-fill-dark-primary-disabled);
129
132
  @property st-global(--wds-button-fill-dark-secondary);
130
133
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -137,7 +140,10 @@
137
140
  @property st-global(--wds-button-fill-destructive-secondary-hover);
138
141
  @property st-global(--wds-button-fill-gradient-hover-primary);
139
142
  @property st-global(--wds-button-fill-gradient-hover-secondary);
143
+ @property st-global(--wds-button-fill-premium-primary);
144
+ @property st-global(--wds-button-fill-premium-primary-active);
140
145
  @property st-global(--wds-button-fill-premium-primary-disabled);
146
+ @property st-global(--wds-button-fill-premium-primary-hover);
141
147
  @property st-global(--wds-button-fill-premium-secondary);
142
148
  @property st-global(--wds-button-fill-premium-secondary-active);
143
149
  @property st-global(--wds-button-fill-premium-secondary-disabled);
@@ -172,6 +178,7 @@
172
178
  @property st-global(--wds-button-icon-offset-medium);
173
179
  @property st-global(--wds-button-icon-offset-small);
174
180
  @property st-global(--wds-button-icon-offset-tiny);
181
+ @property st-global(--wds-button-label-fill-ai-primary);
175
182
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
176
183
  @property st-global(--wds-button-label-fill-dark-secondary);
177
184
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -182,6 +189,7 @@
182
189
  @property st-global(--wds-button-label-fill-destructive-secondary-active);
183
190
  @property st-global(--wds-button-label-fill-destructive-secondary-disabled);
184
191
  @property st-global(--wds-button-label-fill-destructive-secondary-hover);
192
+ @property st-global(--wds-button-label-fill-premium-primary);
185
193
  @property st-global(--wds-button-label-fill-premium-primary-disabled);
186
194
  @property st-global(--wds-button-label-fill-premium-secondary);
187
195
  @property st-global(--wds-button-label-fill-premium-secondary-active);
@@ -1462,6 +1470,9 @@
1462
1470
  --wds-button-border-standard-secondary-disabled: #f0efef;
1463
1471
  --wds-button-border-standard-secondary-hover: #acbeff;
1464
1472
  --wds-button-border-width-secondary-hover: 1px;
1473
+ --wds-button-fill-ai-primary: #5a48f5;
1474
+ --wds-button-fill-ai-primary-active: #5a48f5;
1475
+ --wds-button-fill-ai-primary-hover: #4d3dd0;
1465
1476
  --wds-button-fill-dark-primary-disabled: #f0efef;
1466
1477
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
1467
1478
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -1474,7 +1485,10 @@
1474
1485
  --wds-button-fill-destructive-secondary-hover: #f9d6d7;
1475
1486
  --wds-button-fill-gradient-hover-primary: #1c3fe5;
1476
1487
  --wds-button-fill-gradient-hover-secondary: #1c3fe5;
1488
+ --wds-button-fill-premium-primary: #2f5dff;
1489
+ --wds-button-fill-premium-primary-active: #0f2ccf;
1477
1490
  --wds-button-fill-premium-primary-disabled: #f0efef;
1491
+ --wds-button-fill-premium-primary-hover: #1c3fe5;
1478
1492
  --wds-button-fill-premium-secondary: rgba(255, 255, 255, 0);
1479
1493
  --wds-button-fill-premium-secondary-active: #d5dfff;
1480
1494
  --wds-button-fill-premium-secondary-disabled: #f0efef;
@@ -1509,6 +1523,7 @@
1509
1523
  --wds-button-icon-offset-medium: 18px;
1510
1524
  --wds-button-icon-offset-small: 12px;
1511
1525
  --wds-button-icon-offset-tiny: 12px;
1526
+ --wds-button-label-fill-ai-primary: #ffffff;
1512
1527
  --wds-button-label-fill-dark-primary-disabled: #a8a6a5;
1513
1528
  --wds-button-label-fill-dark-secondary: #151414;
1514
1529
  --wds-button-label-fill-dark-secondary-active: #151414;
@@ -1519,6 +1534,7 @@
1519
1534
  --wds-button-label-fill-destructive-secondary-active: #9c2426;
1520
1535
  --wds-button-label-fill-destructive-secondary-disabled: #9c2426;
1521
1536
  --wds-button-label-fill-destructive-secondary-hover: #be2b2e;
1537
+ --wds-button-label-fill-premium-primary: #ffffff;
1522
1538
  --wds-button-label-fill-premium-primary-disabled: #a8a6a5;
1523
1539
  --wds-button-label-fill-premium-secondary: #2f5dff;
1524
1540
  --wds-button-label-fill-premium-secondary-active: #0f2ccf;
package/odeditor-dark/all.css CHANGED
@@ -676,7 +676,7 @@
676
676
  --wds-color-fill-light-primary: var(--wds-color-white);
677
677
  --wds-color-fill-destructive-tertiary-hover: var(--wds-color-red-500);
678
678
  --wds-color-fill-destructive-tertiary-disabled: var(--wds-color-white);
679
- --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-400);
679
+ --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-500);
680
680
  --wds-color-fill-destructive-tertiary: var(--wds-color-white);
681
681
  --wds-color-fill-destructive-secondary-hover: var(--wds-color-red-300);
682
682
  --wds-color-fill-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -888,7 +888,7 @@
888
888
  --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
889
889
  --wds-toggle-button-fill-dark: var(--wds-color-black-100-transparent-0);
890
890
  --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-300);
891
- --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-400);
891
+ --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-300);
892
892
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
893
893
  --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
894
894
  --wds-toggle-button-border-color-standard-hover: var(--wds-color-blue-300);
@@ -1093,6 +1093,8 @@
1093
1093
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1094
1094
  --wds-segmented-toggle-padding-container: var(--wds-space-100);
1095
1095
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
1096
+ --wds-segmented-toggle-inner-shadow-fill-secondary: var(--wds-color-white);
1097
+ --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-white);
1096
1098
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1097
1099
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1098
1100
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
@@ -1248,6 +1250,7 @@
1248
1250
  --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1249
1251
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1250
1252
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1253
+ --wds-list-item-action-subtitle-destructive: var(--wds-color-red-0);
1251
1254
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1252
1255
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1253
1256
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1255,7 +1258,9 @@
1255
1258
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1256
1259
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1257
1260
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
1261
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
1258
1262
  --wds-list-item-action-gap: var(--wds-space-50);
1263
+ --wds-list-item-action-fill-hover-destructive: var(--wds-color-red-400);
1259
1264
  --wds-list-item-action-fill: var(--wds-color-white-transparent-0);
1260
1265
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1261
1266
  --wds-list-item-action-affix-margin: var(--wds-space-100);
@@ -1476,7 +1481,10 @@
1476
1481
  --wds-button-fill-standard-primary: var(--wds-color-blue-150);
1477
1482
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1478
1483
  --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1484
+ --wds-button-fill-premium-primary-hover: var(--wds-color-blue-200);
1479
1485
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
1486
+ --wds-button-fill-premium-primary-active: var(--wds-color-blue-100);
1487
+ --wds-button-fill-premium-primary: var(--wds-color-blue-150);
1480
1488
  --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1481
1489
  --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1482
1490
  --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
@@ -1485,6 +1493,9 @@
1485
1493
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1486
1494
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1487
1495
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1496
+ --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1497
+ --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1498
+ --wds-button-fill-ai-primary: var(--wds-color-blue-150);
1488
1499
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1489
1500
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1490
1501
  --wds-button-border-radius-tiny: var(--wds-border-radius-300);
@@ -1941,6 +1952,7 @@
1941
1952
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1942
1953
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1943
1954
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
1955
+ --wds-button-label-fill-premium-primary: var(--wds-color-text-standard-primary);
1944
1956
  --wds-button-label-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-primary-hover);
1945
1957
  --wds-button-label-fill-destructive-secondary-disabled: var(--wds-color-fill-destructive-primary-active);
1946
1958
  --wds-button-label-fill-destructive-secondary-active: var(--wds-color-fill-destructive-primary-active);
@@ -1948,6 +1960,7 @@
1948
1960
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
1949
1961
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
1950
1962
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
1963
+ --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary);
1951
1964
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
1952
1965
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
1953
1966
  --wds-button-font-size-medium: var(--wds-font-size-body-small);