@wix/design-system-tokens 1.232.6 → 1.233.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 (25) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/all.css +54 -0
  3. package/all.scss +54 -0
  4. package/all.st.css +108 -0
  5. package/component.st.css +108 -0
  6. package/odeditor/all.css +78 -24
  7. package/odeditor/all.scss +78 -24
  8. package/odeditor/all.st.css +130 -22
  9. package/odeditor/component.st.css +113 -5
  10. package/odeditor/semantic.st.css +17 -17
  11. package/odeditor-dark/all.css +150 -94
  12. package/odeditor-dark/all.scss +150 -94
  13. package/odeditor-dark/all.st.css +203 -91
  14. package/odeditor-dark/component.st.css +186 -74
  15. package/odeditor-dark/semantic.st.css +17 -17
  16. package/package.json +2 -2
  17. package/studio/all.css +56 -0
  18. package/studio/all.scss +56 -0
  19. package/studio/all.st.css +112 -0
  20. package/studio/component.st.css +112 -0
  21. package/studio2-light/all.css +150 -94
  22. package/studio2-light/all.scss +150 -94
  23. package/studio2-light/all.st.css +203 -91
  24. package/studio2-light/component.st.css +186 -74
  25. package/studio2-light/semantic.st.css +17 -17
package/odeditor-dark/component.st.css CHANGED
@@ -184,7 +184,13 @@
184
184
  @property st-global(--wds-breadcrumbs-text-line-height-small);
185
185
  @property st-global(--wds-breadcrumbs-text-weight-default);
186
186
  @property st-global(--wds-breadcrumbs-text-weight-selected);
187
+ @property st-global(--wds-button-border-ai-secondary);
188
+ @property st-global(--wds-button-border-ai-secondary-active);
189
+ @property st-global(--wds-button-border-ai-secondary-disabled);
190
+ @property st-global(--wds-button-border-ai-secondary-hover);
187
191
  @property st-global(--wds-button-border-ai-secondary-mask);
192
+ @property st-global(--wds-button-border-ai-secondary-ring-display);
193
+ @property st-global(--wds-button-border-ai-tertiary-disabled);
188
194
  @property st-global(--wds-button-border-dark-secondary);
189
195
  @property st-global(--wds-button-border-dark-secondary-active);
190
196
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -208,8 +214,16 @@
208
214
  @property st-global(--wds-button-border-width-secondary-hover);
209
215
  @property st-global(--wds-button-fill-ai-primary);
210
216
  @property st-global(--wds-button-fill-ai-primary-active);
217
+ @property st-global(--wds-button-fill-ai-primary-disabled);
211
218
  @property st-global(--wds-button-fill-ai-primary-hover);
212
219
  @property st-global(--wds-button-fill-ai-secondary);
220
+ @property st-global(--wds-button-fill-ai-secondary-active);
221
+ @property st-global(--wds-button-fill-ai-secondary-disabled);
222
+ @property st-global(--wds-button-fill-ai-secondary-hover);
223
+ @property st-global(--wds-button-fill-ai-tertiary);
224
+ @property st-global(--wds-button-fill-ai-tertiary-active);
225
+ @property st-global(--wds-button-fill-ai-tertiary-disabled);
226
+ @property st-global(--wds-button-fill-ai-tertiary-hover);
213
227
  @property st-global(--wds-button-fill-dark-primary-disabled);
214
228
  @property st-global(--wds-button-fill-dark-secondary);
215
229
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -261,6 +275,15 @@
261
275
  @property st-global(--wds-button-icon-offset-small);
262
276
  @property st-global(--wds-button-icon-offset-tiny);
263
277
  @property st-global(--wds-button-label-fill-ai-primary);
278
+ @property st-global(--wds-button-label-fill-ai-primary-disabled);
279
+ @property st-global(--wds-button-label-fill-ai-secondary);
280
+ @property st-global(--wds-button-label-fill-ai-secondary-active);
281
+ @property st-global(--wds-button-label-fill-ai-secondary-disabled);
282
+ @property st-global(--wds-button-label-fill-ai-secondary-hover);
283
+ @property st-global(--wds-button-label-fill-ai-tertiary);
284
+ @property st-global(--wds-button-label-fill-ai-tertiary-active);
285
+ @property st-global(--wds-button-label-fill-ai-tertiary-disabled);
286
+ @property st-global(--wds-button-label-fill-ai-tertiary-hover);
264
287
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
265
288
  @property st-global(--wds-button-label-fill-dark-secondary);
266
289
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -340,6 +363,8 @@
340
363
  @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
341
364
  @property st-global(--wds-card-gallery-item-action-button-size);
342
365
  @property st-global(--wds-card-gallery-item-actions-align);
366
+ @property st-global(--wds-card-gallery-item-actions-clearance-bottom);
367
+ @property st-global(--wds-card-gallery-item-actions-clearance-top);
343
368
  @property st-global(--wds-card-gallery-item-actions-direction);
344
369
  @property st-global(--wds-card-gallery-item-actions-secondary-position);
345
370
  @property st-global(--wds-card-gallery-item-badge-offset-block);
@@ -647,6 +672,15 @@
647
672
  @property st-global(--wds-horizontal-scroll-button-fill);
648
673
  @property st-global(--wds-horizontal-scroll-button-fill-active);
649
674
  @property st-global(--wds-horizontal-scroll-button-text);
675
+ @property st-global(--wds-icon-button-border-ai-secondary-ring-display);
676
+ @property st-global(--wds-icon-button-border-ai-width);
677
+ @property st-global(--wds-icon-button-color-border-ai-primary);
678
+ @property st-global(--wds-icon-button-color-border-ai-primary-active);
679
+ @property st-global(--wds-icon-button-color-border-ai-primary-hover);
680
+ @property st-global(--wds-icon-button-color-border-ai-secondary);
681
+ @property st-global(--wds-icon-button-color-border-ai-secondary-active);
682
+ @property st-global(--wds-icon-button-color-border-ai-secondary-disabled);
683
+ @property st-global(--wds-icon-button-color-border-ai-secondary-hover);
650
684
  @property st-global(--wds-icon-button-color-border-dark-secondary);
651
685
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
652
686
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -662,6 +696,18 @@
662
696
  @property st-global(--wds-icon-button-color-border-standard-secondary-active);
663
697
  @property st-global(--wds-icon-button-color-border-standard-secondary-disabled);
664
698
  @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
699
+ @property st-global(--wds-icon-button-color-fill-ai-primary);
700
+ @property st-global(--wds-icon-button-color-fill-ai-primary-active);
701
+ @property st-global(--wds-icon-button-color-fill-ai-primary-disabled);
702
+ @property st-global(--wds-icon-button-color-fill-ai-primary-hover);
703
+ @property st-global(--wds-icon-button-color-fill-ai-secondary);
704
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-active);
705
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-disabled);
706
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-hover);
707
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary);
708
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-active);
709
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-disabled);
710
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-hover);
665
711
  @property st-global(--wds-icon-button-color-fill-dark-primary);
666
712
  @property st-global(--wds-icon-button-color-fill-dark-primary-active);
667
713
  @property st-global(--wds-icon-button-color-fill-dark-primary-disabled);
@@ -710,6 +756,16 @@
710
756
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
711
757
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-disabled);
712
758
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
759
+ @property st-global(--wds-icon-button-color-text-ai-primary);
760
+ @property st-global(--wds-icon-button-color-text-ai-primary-disabled);
761
+ @property st-global(--wds-icon-button-color-text-ai-secondary);
762
+ @property st-global(--wds-icon-button-color-text-ai-secondary-active);
763
+ @property st-global(--wds-icon-button-color-text-ai-secondary-disabled);
764
+ @property st-global(--wds-icon-button-color-text-ai-secondary-hover);
765
+ @property st-global(--wds-icon-button-color-text-ai-tertiary);
766
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-active);
767
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-disabled);
768
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-hover);
713
769
  @property st-global(--wds-icon-button-color-text-dark-primary);
714
770
  @property st-global(--wds-icon-button-color-text-dark-primary-active);
715
771
  @property st-global(--wds-icon-button-color-text-dark-primary-disabled);
@@ -2144,7 +2200,13 @@
2144
2200
  --wds-breadcrumbs-text-line-height-small: 16px;
2145
2201
  --wds-breadcrumbs-text-weight-default: 400;
2146
2202
  --wds-breadcrumbs-text-weight-selected: 600;
2203
+ --wds-button-border-ai-secondary: #5B78A9;
2204
+ --wds-button-border-ai-secondary-active: #2D354E;
2205
+ --wds-button-border-ai-secondary-disabled: #3A3A3B;
2206
+ --wds-button-border-ai-secondary-hover: #3F4D6E;
2147
2207
  --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
2208
+ --wds-button-border-ai-secondary-ring-display: none;
2209
+ --wds-button-border-ai-tertiary-disabled: #3A3A3B;
2148
2210
  --wds-button-border-dark-secondary: #A09E9D;
2149
2211
  --wds-button-border-dark-secondary-active: #666565;
2150
2212
  --wds-button-border-dark-secondary-disabled: #3A3A3B;
@@ -2168,8 +2230,16 @@
2168
2230
  --wds-button-border-width-secondary-hover: 1px;
2169
2231
  --wds-button-fill-ai-primary: #3C67FF;
2170
2232
  --wds-button-fill-ai-primary-active: #82B0FF;
2233
+ --wds-button-fill-ai-primary-disabled: #3A3A3B;
2171
2234
  --wds-button-fill-ai-primary-hover: #6F94D4;
2172
2235
  --wds-button-fill-ai-secondary: rgba(0, 0, 0, 0);
2236
+ --wds-button-fill-ai-secondary-active: #2D354E;
2237
+ --wds-button-fill-ai-secondary-disabled: #3A3A3B;
2238
+ --wds-button-fill-ai-secondary-hover: #212328;
2239
+ --wds-button-fill-ai-tertiary: rgba(0, 0, 0, 0);
2240
+ --wds-button-fill-ai-tertiary-active: #2D354E;
2241
+ --wds-button-fill-ai-tertiary-disabled: #3A3A3B;
2242
+ --wds-button-fill-ai-tertiary-hover: #212328;
2173
2243
  --wds-button-fill-dark-primary-disabled: #3A3A3B;
2174
2244
  --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
2175
2245
  --wds-button-fill-dark-secondary-active: #666565;
@@ -2221,6 +2291,15 @@
2221
2291
  --wds-button-icon-offset-small: 12px;
2222
2292
  --wds-button-icon-offset-tiny: 12px;
2223
2293
  --wds-button-label-fill-ai-primary: #FFFFFF;
2294
+ --wds-button-label-fill-ai-primary-disabled: #878685;
2295
+ --wds-button-label-fill-ai-secondary: #B1CCFF;
2296
+ --wds-button-label-fill-ai-secondary-active: #E0E7FF;
2297
+ --wds-button-label-fill-ai-secondary-disabled: #878685;
2298
+ --wds-button-label-fill-ai-secondary-hover: #E0E7FF;
2299
+ --wds-button-label-fill-ai-tertiary: #B1CCFF;
2300
+ --wds-button-label-fill-ai-tertiary-active: #E0E7FF;
2301
+ --wds-button-label-fill-ai-tertiary-disabled: #878685;
2302
+ --wds-button-label-fill-ai-tertiary-hover: #E0E7FF;
2224
2303
  --wds-button-label-fill-dark-primary-disabled: #878685;
2225
2304
  --wds-button-label-fill-dark-secondary: #FFFFFF;
2226
2305
  --wds-button-label-fill-dark-secondary-active: #FFFFFF;
@@ -2264,17 +2343,17 @@
2264
2343
  --wds-button-size-tiny-screen-small: 32px;
2265
2344
  --wds-button-size-x-tiny: 18px;
2266
2345
  --wds-calendar-day-fill-hover: #212328;
2267
- --wds-calendar-day-fill-range: #212328;
2268
- --wds-calendar-day-fill-range-edge: #212328;
2346
+ --wds-calendar-day-fill-range: #2D354E;
2347
+ --wds-calendar-day-fill-range-edge: rgba(0, 0, 0, 0);
2269
2348
  --wds-calendar-day-fill-selected: #82B0FF;
2270
2349
  --wds-calendar-day-fill-selected-hover: #B1CCFF;
2271
2350
  --wds-calendar-day-fill-today: #3A3A3B;
2272
- --wds-calendar-day-gap: 0px;
2273
- --wds-calendar-day-range-border-radius: 0px;
2274
- --wds-calendar-day-range-edge-border-radius: 50%;
2275
- --wds-calendar-day-today-inset-width: 3px;
2276
- --wds-calendar-padding-medium: 24px;
2277
- --wds-calendar-padding-small: 18px;
2351
+ --wds-calendar-day-gap: 2px;
2352
+ --wds-calendar-day-range-border-radius: 8px;
2353
+ --wds-calendar-day-range-edge-border-radius: 8px;
2354
+ --wds-calendar-day-today-inset-width: 0px;
2355
+ --wds-calendar-padding-medium: 18px;
2356
+ --wds-calendar-padding-small: 12px;
2278
2357
  --wds-calendar-panel-footer-border-fill: #454544;
2279
2358
  --wds-calendar-panel-footer-border-width: 1px;
2280
2359
  --wds-calendar-panel-presets-border-fill: #454544;
@@ -2292,67 +2371,69 @@
2292
2371
  --wds-card-controls-padding-horizontal: 24px;
2293
2372
  --wds-card-controls-padding-vertical: 16px;
2294
2373
  --wds-card-divider-opacity: 0;
2295
- --wds-card-gallery-item-action-button-border-radius: 8px;
2296
- --wds-card-gallery-item-action-button-font-size: 14px;
2297
- --wds-card-gallery-item-action-button-line-height: 24px;
2298
- --wds-card-gallery-item-action-button-min-width: 84px;
2299
- --wds-card-gallery-item-action-button-padding-horizontal: 20px;
2374
+ --wds-card-gallery-item-action-button-border-radius: 6px;
2375
+ --wds-card-gallery-item-action-button-font-size: 12px;
2376
+ --wds-card-gallery-item-action-button-line-height: 16px;
2377
+ --wds-card-gallery-item-action-button-min-width: 72px;
2378
+ --wds-card-gallery-item-action-button-padding-horizontal: 16px;
2300
2379
  --wds-card-gallery-item-action-button-padding-vertical: 6px;
2301
- --wds-card-gallery-item-action-button-size: 38px;
2302
- --wds-card-gallery-item-actions-align: stretch;
2303
- --wds-card-gallery-item-actions-direction: row;
2304
- --wds-card-gallery-item-actions-secondary-position: absolute;
2380
+ --wds-card-gallery-item-action-button-size: 30px;
2381
+ --wds-card-gallery-item-actions-align: center;
2382
+ --wds-card-gallery-item-actions-clearance-bottom: 0px;
2383
+ --wds-card-gallery-item-actions-clearance-top: 36px;
2384
+ --wds-card-gallery-item-actions-direction: column;
2385
+ --wds-card-gallery-item-actions-secondary-position: static;
2305
2386
  --wds-card-gallery-item-badge-offset-block: 12px;
2306
- --wds-card-gallery-item-badge-offset-inline: -6px;
2307
- --wds-card-gallery-item-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2387
+ --wds-card-gallery-item-badge-offset-inline: 12px;
2388
+ --wds-card-gallery-item-base-shadow: none;
2308
2389
  --wds-card-gallery-item-buttons-gap: 8px;
2309
2390
  --wds-card-gallery-item-content-margin-horizontal: 8px;
2310
2391
  --wds-card-gallery-item-content-margin-vertical: 0px;
2311
- --wds-card-gallery-item-drag-handle-gap: 12px;
2392
+ --wds-card-gallery-item-drag-handle-gap: 8px;
2312
2393
  --wds-card-gallery-item-fill: #212122;
2313
- --wds-card-gallery-item-image-border-radius-bottom: 12px;
2314
- --wds-card-gallery-item-image-inset: 0px;
2315
- --wds-card-gallery-item-image-side-size-medium: 40px;
2316
- --wds-card-gallery-item-image-side-size-small: 30px;
2394
+ --wds-card-gallery-item-image-border-radius-bottom: 8px;
2395
+ --wds-card-gallery-item-image-inset: 8px;
2396
+ --wds-card-gallery-item-image-side-size-medium: 48px;
2397
+ --wds-card-gallery-item-image-side-size-small: 32px;
2317
2398
  --wds-card-gallery-item-outline-border-color: #2D354E;
2318
2399
  --wds-card-gallery-item-outline-border-color-hover: #3F4D6E;
2319
- --wds-card-gallery-item-overlay-backdrop-filter: none;
2400
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
2320
2401
  --wds-card-gallery-item-overlay-fill: rgba(212, 211, 210, .5);
2321
2402
  --wds-card-gallery-item-overlay-hover-fill: rgba(212, 211, 210, .5);
2322
- --wds-card-gallery-item-padding-left-medium: 18px;
2403
+ --wds-card-gallery-item-padding-left-medium: 16px;
2323
2404
  --wds-card-gallery-item-padding-left-small: 12px;
2324
- --wds-card-gallery-item-padding-right-medium: 24px;
2325
- --wds-card-gallery-item-padding-right-small: 18px;
2326
- --wds-card-gallery-item-padding-vertical-medium: 18px;
2405
+ --wds-card-gallery-item-padding-right-medium: 16px;
2406
+ --wds-card-gallery-item-padding-right-small: 12px;
2407
+ --wds-card-gallery-item-padding-vertical-medium: 16px;
2327
2408
  --wds-card-gallery-item-padding-vertical-small: 12px;
2328
- --wds-card-gallery-item-secondary-action-border-radius: 2px;
2409
+ --wds-card-gallery-item-secondary-action-border-radius: 6px;
2329
2410
  --wds-card-gallery-item-secondary-action-color-active: #212122;
2330
2411
  --wds-card-gallery-item-secondary-action-color-hover: #212122;
2331
2412
  --wds-card-gallery-item-secondary-action-fill-active: transparent;
2332
2413
  --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2333
- --wds-card-gallery-item-secondary-action-font-size: 16px;
2334
- --wds-card-gallery-item-secondary-action-height: 24px;
2335
- --wds-card-gallery-item-secondary-action-line-height: 24px;
2336
- --wds-card-gallery-item-secondary-action-min-width: auto;
2337
- --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2338
- --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2414
+ --wds-card-gallery-item-secondary-action-font-size: 12px;
2415
+ --wds-card-gallery-item-secondary-action-height: 30px;
2416
+ --wds-card-gallery-item-secondary-action-line-height: 16px;
2417
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
2418
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 16px;
2419
+ --wds-card-gallery-item-secondary-action-padding-vertical: 6px;
2339
2420
  --wds-card-gallery-item-settings-menu-offset: 8px;
2340
- --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2341
- --wds-card-gallery-item-shadow-hover: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2342
- --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
2421
+ --wds-card-gallery-item-shadow: 0 1px 10px 0 rgba(19, 23, 32, 0.05), 1px 0 2px -0.7px rgba(19, 23, 32, 0.05);
2422
+ --wds-card-gallery-item-shadow-hover: 0 0 30px 0 rgba(19, 23, 32, 0.1), 0 20px 0 0 rgba(19, 23, 32, 0);
2423
+ --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 rgba(19, 23, 32, 0.1), 0 20px 0 0 rgba(19, 23, 32, 0);
2343
2424
  --wds-card-gallery-item-subtitle-font-size-medium: 12px;
2344
- --wds-card-gallery-item-subtitle-line-height-medium: 18px;
2425
+ --wds-card-gallery-item-subtitle-line-height-medium: 16px;
2345
2426
  --wds-card-gallery-item-subtitle-side-font-size-medium: 14px;
2346
- --wds-card-gallery-item-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2347
- --wds-card-gallery-item-title-font-heading-letter-spacing-medium: 0px;
2348
- --wds-card-gallery-item-title-font-heading-weight-medium: 600;
2349
- --wds-card-gallery-item-title-font-letter-spacing: 0px;
2427
+ --wds-card-gallery-item-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2428
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: -0.5px;
2429
+ --wds-card-gallery-item-title-font-heading-weight-medium: 700;
2430
+ --wds-card-gallery-item-title-font-letter-spacing: -0.5px;
2350
2431
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
2351
- --wds-card-gallery-item-title-font-line-height-small: 16px;
2432
+ --wds-card-gallery-item-title-font-line-height-small: 18px;
2352
2433
  --wds-card-gallery-item-title-font-size-medium: 16px;
2353
- --wds-card-gallery-item-title-font-weight-medium: 600;
2354
- --wds-card-gallery-item-title-font-weight-small: 500;
2355
- --wds-card-gallery-item-title-gap: 0px;
2434
+ --wds-card-gallery-item-title-font-weight-medium: 700;
2435
+ --wds-card-gallery-item-title-font-weight-small: 700;
2436
+ --wds-card-gallery-item-title-gap: 2px;
2356
2437
  --wds-card-header-divider-width: 0px;
2357
2438
  --wds-card-header-padding-bottom: 4px;
2358
2439
  --wds-card-header-padding-horizontal: 24px;
@@ -2607,6 +2688,15 @@
2607
2688
  --wds-horizontal-scroll-button-fill: #3A3A3B;
2608
2689
  --wds-horizontal-scroll-button-fill-active: #666565;
2609
2690
  --wds-horizontal-scroll-button-text: #FFFFFF;
2691
+ --wds-icon-button-border-ai-secondary-ring-display: none;
2692
+ --wds-icon-button-border-ai-width: 1px;
2693
+ --wds-icon-button-color-border-ai-primary: #3C67FF;
2694
+ --wds-icon-button-color-border-ai-primary-active: #82B0FF;
2695
+ --wds-icon-button-color-border-ai-primary-hover: #6F94D4;
2696
+ --wds-icon-button-color-border-ai-secondary: #5B78A9;
2697
+ --wds-icon-button-color-border-ai-secondary-active: #2D354E;
2698
+ --wds-icon-button-color-border-ai-secondary-disabled: #3A3A3B;
2699
+ --wds-icon-button-color-border-ai-secondary-hover: #212328;
2610
2700
  --wds-icon-button-color-border-dark-secondary: #A09E9D;
2611
2701
  --wds-icon-button-color-border-dark-secondary-active: #454544;
2612
2702
  --wds-icon-button-color-border-dark-secondary-disabled: #3A3A3B;
@@ -2622,6 +2712,18 @@
2622
2712
  --wds-icon-button-color-border-standard-secondary-active: #2D354E;
2623
2713
  --wds-icon-button-color-border-standard-secondary-disabled: #3A3A3B;
2624
2714
  --wds-icon-button-color-border-standard-secondary-hover: #212328;
2715
+ --wds-icon-button-color-fill-ai-primary: #3C67FF;
2716
+ --wds-icon-button-color-fill-ai-primary-active: #82B0FF;
2717
+ --wds-icon-button-color-fill-ai-primary-disabled: #3A3A3B;
2718
+ --wds-icon-button-color-fill-ai-primary-hover: #6F94D4;
2719
+ --wds-icon-button-color-fill-ai-secondary: rgba(255, 255, 255, 0);
2720
+ --wds-icon-button-color-fill-ai-secondary-active: #2D354E;
2721
+ --wds-icon-button-color-fill-ai-secondary-disabled: #3A3A3B;
2722
+ --wds-icon-button-color-fill-ai-secondary-hover: #212328;
2723
+ --wds-icon-button-color-fill-ai-tertiary: rgba(0, 0, 0, 0);
2724
+ --wds-icon-button-color-fill-ai-tertiary-active: #2D354E;
2725
+ --wds-icon-button-color-fill-ai-tertiary-disabled: rgba(0, 0, 0, 0);
2726
+ --wds-icon-button-color-fill-ai-tertiary-hover: #212328;
2625
2727
  --wds-icon-button-color-fill-dark-primary: #FFFFFF;
2626
2728
  --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
2627
2729
  --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
@@ -2670,6 +2772,16 @@
2670
2772
  --wds-icon-button-color-fill-standard-tertiary-active: #2D354E;
2671
2773
  --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(0, 0, 0, 0);
2672
2774
  --wds-icon-button-color-fill-standard-tertiary-hover: #212328;
2775
+ --wds-icon-button-color-text-ai-primary: #FFFFFF;
2776
+ --wds-icon-button-color-text-ai-primary-disabled: #878685;
2777
+ --wds-icon-button-color-text-ai-secondary: #82B0FF;
2778
+ --wds-icon-button-color-text-ai-secondary-active: #E0E7FF;
2779
+ --wds-icon-button-color-text-ai-secondary-disabled: #878685;
2780
+ --wds-icon-button-color-text-ai-secondary-hover: #E0E7FF;
2781
+ --wds-icon-button-color-text-ai-tertiary: #82B0FF;
2782
+ --wds-icon-button-color-text-ai-tertiary-active: #E0E7FF;
2783
+ --wds-icon-button-color-text-ai-tertiary-disabled: #878685;
2784
+ --wds-icon-button-color-text-ai-tertiary-hover: #E0E7FF;
2673
2785
  --wds-icon-button-color-text-dark-primary: #212122;
2674
2786
  --wds-icon-button-color-text-dark-primary-active: #212122;
2675
2787
  --wds-icon-button-color-text-dark-primary-disabled: #878685;
@@ -2720,7 +2832,7 @@
2720
2832
  --wds-icon-button-color-text-standard-tertiary-hover: #E0E7FF;
2721
2833
  --wds-image-border-radius-default: 8px;
2722
2834
  --wds-image-border-radius-none: 0px;
2723
- --wds-info-icon-fill: #A09E9D;
2835
+ --wds-info-icon-fill: #D4D3D2;
2724
2836
  --wds-info-icon-fill-hover: #82B0FF;
2725
2837
  --wds-input-area-border-radius-default-medium: 8px;
2726
2838
  --wds-input-area-border-radius-default-small: 8px;
@@ -2908,10 +3020,10 @@
2908
3020
  --wds-loader-stroke-width-medium: 2px;
2909
3021
  --wds-loader-stroke-width-small: 2px;
2910
3022
  --wds-loader-stroke-width-tiny: 2px;
2911
- --wds-marketing-layout-actions-alignment-inverted: auto;
3023
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
2912
3024
  --wds-marketing-layout-actions-gap-medium: 24px;
2913
3025
  --wds-marketing-layout-actions-gap-small: 24px;
2914
- --wds-marketing-layout-actions-gap-tiny: 24px;
3026
+ --wds-marketing-layout-actions-gap-tiny: 12px;
2915
3027
  --wds-marketing-layout-badge-gap: 8px;
2916
3028
  --wds-marketing-layout-badge-offset-medium: 0px;
2917
3029
  --wds-marketing-layout-badge-offset-small: 0px;
@@ -2920,7 +3032,7 @@
2920
3032
  --wds-marketing-layout-badge-side: auto;
2921
3033
  --wds-marketing-layout-badge-top: auto;
2922
3034
  --wds-marketing-layout-border: 4px;
2923
- --wds-marketing-layout-content-justify: center;
3035
+ --wds-marketing-layout-content-justify: flex-start;
2924
3036
  --wds-marketing-layout-description-color: #A8A6A5;
2925
3037
  --wds-marketing-layout-description-font-size-medium: 12px;
2926
3038
  --wds-marketing-layout-description-font-size-small: 12px;
@@ -2931,15 +3043,15 @@
2931
3043
  --wds-marketing-layout-description-line-height-medium: 16px;
2932
3044
  --wds-marketing-layout-description-line-height-small: 16px;
2933
3045
  --wds-marketing-layout-description-line-height-tiny: 16px;
2934
- --wds-marketing-layout-description-max-width: none;
2935
- --wds-marketing-layout-image-aspect-ratio: auto;
3046
+ --wds-marketing-layout-description-max-width: 80%;
3047
+ --wds-marketing-layout-image-aspect-ratio: 1;
2936
3048
  --wds-marketing-layout-image-border-radius: 8px;
2937
- --wds-marketing-layout-image-height: auto;
2938
- --wds-marketing-layout-image-hug-padding: 0px;
2939
- --wds-marketing-layout-image-max-width-medium: none;
2940
- --wds-marketing-layout-image-max-width-small: none;
2941
- --wds-marketing-layout-image-max-width-tiny: none;
2942
- --wds-marketing-layout-image-object-fit: fill;
3049
+ --wds-marketing-layout-image-height: 100%;
3050
+ --wds-marketing-layout-image-hug-padding: 12px;
3051
+ --wds-marketing-layout-image-max-width-medium: 156px;
3052
+ --wds-marketing-layout-image-max-width-small: 136px;
3053
+ --wds-marketing-layout-image-max-width-tiny: 116px;
3054
+ --wds-marketing-layout-image-object-fit: cover;
2943
3055
  --wds-marketing-layout-image-padding-left-medium: 12px;
2944
3056
  --wds-marketing-layout-image-padding-left-small: 12px;
2945
3057
  --wds-marketing-layout-image-padding-left-tiny: 12px;
@@ -2949,13 +3061,13 @@
2949
3061
  --wds-marketing-layout-image-padding-vertical-medium: 12px;
2950
3062
  --wds-marketing-layout-image-padding-vertical-small: 12px;
2951
3063
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2952
- --wds-marketing-layout-image-width: 100%;
2953
- --wds-marketing-layout-image-wrapper-contain: none;
2954
- --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
3064
+ --wds-marketing-layout-image-width: auto;
3065
+ --wds-marketing-layout-image-wrapper-contain: size;
3066
+ --wds-marketing-layout-image-wrapper-flex: none;
2955
3067
  --wds-marketing-layout-image-wrapper-width: auto;
2956
- --wds-marketing-layout-min-height-medium: auto;
2957
- --wds-marketing-layout-min-height-small: auto;
2958
- --wds-marketing-layout-min-height-tiny: auto;
3068
+ --wds-marketing-layout-min-height-medium: 180px;
3069
+ --wds-marketing-layout-min-height-small: 160px;
3070
+ --wds-marketing-layout-min-height-tiny: 140px;
2959
3071
  --wds-marketing-layout-padding-left-medium: 20px;
2960
3072
  --wds-marketing-layout-padding-left-small: 8px;
2961
3073
  --wds-marketing-layout-padding-left-tiny: 8px;
@@ -2965,17 +3077,17 @@
2965
3077
  --wds-marketing-layout-padding-vertical-medium: 20px;
2966
3078
  --wds-marketing-layout-padding-vertical-small: 20px;
2967
3079
  --wds-marketing-layout-padding-vertical-tiny: 20px;
2968
- --wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3080
+ --wds-marketing-layout-title-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2969
3081
  --wds-marketing-layout-title-font-size-medium: 16px;
2970
3082
  --wds-marketing-layout-title-font-size-small: 16px;
2971
3083
  --wds-marketing-layout-title-font-size-tiny: 16px;
2972
3084
  --wds-marketing-layout-title-font-weight-medium: 700;
2973
3085
  --wds-marketing-layout-title-font-weight-small: 700;
2974
3086
  --wds-marketing-layout-title-font-weight-tiny: 700;
2975
- --wds-marketing-layout-title-gap-medium: 8px;
2976
- --wds-marketing-layout-title-gap-small: 8px;
2977
- --wds-marketing-layout-title-gap-tiny: 8px;
2978
- --wds-marketing-layout-title-letter-spacing-tiny: 0px;
3087
+ --wds-marketing-layout-title-gap-medium: 4px;
3088
+ --wds-marketing-layout-title-gap-small: 4px;
3089
+ --wds-marketing-layout-title-gap-tiny: 2px;
3090
+ --wds-marketing-layout-title-letter-spacing-tiny: -0.5px;
2979
3091
  --wds-marketing-layout-title-line-height-medium: 20px;
2980
3092
  --wds-marketing-layout-title-line-height-small: 20px;
2981
3093
  --wds-marketing-layout-title-line-height-tiny: 20px;
@@ -3043,9 +3155,9 @@
3043
3155
  --wds-multiselect-icon-fill: #D4D3D2;
3044
3156
  --wds-nestable-list-fill: rgba(0, 0, 0, 0);
3045
3157
  --wds-nestable-list-paddings: 8px;
3046
- --wds-notification-border-color: rgba(0, 0, 0, 0);
3047
- --wds-notification-border-radius: 0px;
3048
- --wds-notification-border-width: 0px;
3158
+ --wds-notification-border-color: #212122;
3159
+ --wds-notification-border-radius: 8px;
3160
+ --wds-notification-border-width: 1px;
3049
3161
  --wds-notification-content-color: #212122;
3050
3162
  --wds-notification-fill-error: #D34D55;
3051
3163
  --wds-notification-fill-premium: #8b2df5;
package/odeditor-dark/semantic.st.css CHANGED
@@ -527,10 +527,10 @@
527
527
  --wds-border-width-surface-modal: 1px;
528
528
  --wds-border-width-varied: 0px;
529
529
  --wds-border-width-varied-secondary: 1px;
530
- --wds-color-border-ai-primary: #ffffff;
531
- --wds-color-border-ai-primary-active: #ffffff;
532
- --wds-color-border-ai-primary-disabled: #ffffff;
533
- --wds-color-border-ai-primary-hover: #ffffff;
530
+ --wds-color-border-ai-primary: #5B78A9;
531
+ --wds-color-border-ai-primary-active: #82B0FF;
532
+ --wds-color-border-ai-primary-disabled: rgba(255, 255, 255, .1);
533
+ --wds-color-border-ai-primary-hover: #6F94D4;
534
534
  --wds-color-border-dark-primary: #A09E9D;
535
535
  --wds-color-border-dark-primary-active: #D4D3D2;
536
536
  --wds-color-border-dark-primary-disabled: rgba(255, 255, 255, .1);
@@ -636,21 +636,21 @@
636
636
  --wds-color-fill-accent-10: #1f8845;
637
637
  --wds-color-fill-accent-11: #1b3689;
638
638
  --wds-color-fill-accent-12: #acafc4;
639
- --wds-color-fill-ai: #ffffff;
640
- --wds-color-fill-ai-hover: #ffffff;
641
- --wds-color-fill-ai-primary: #5a48f5;
642
- --wds-color-fill-ai-primary-active: #5a48f5;
643
- --wds-color-fill-ai-primary-disabled: #bebebe;
644
- --wds-color-fill-ai-primary-hover: #4d3dd0;
645
- --wds-color-fill-ai-primary-pressed: #ffffff;
646
- --wds-color-fill-ai-secondary: #d6d1fc;
647
- --wds-color-fill-ai-secondary-active: #d6d1fc;
648
- --wds-color-fill-ai-secondary-disabled: #e5e5e5;
649
- --wds-color-fill-ai-secondary-hover: #a59bfa;
639
+ --wds-color-fill-ai: #82B0FF;
640
+ --wds-color-fill-ai-hover: #B1CCFF;
641
+ --wds-color-fill-ai-primary: #82B0FF;
642
+ --wds-color-fill-ai-primary-active: #E0E7FF;
643
+ --wds-color-fill-ai-primary-disabled: rgba(255, 255, 255, .3);
644
+ --wds-color-fill-ai-primary-hover: #B1CCFF;
645
+ --wds-color-fill-ai-primary-pressed: #E0E7FF;
646
+ --wds-color-fill-ai-secondary: #2D354E;
647
+ --wds-color-fill-ai-secondary-active: #E0E7FF;
648
+ --wds-color-fill-ai-secondary-disabled: rgba(255, 255, 255, .1);
649
+ --wds-color-fill-ai-secondary-hover: #B1CCFF;
650
650
  --wds-color-fill-ai-tertiary: #212122;
651
- --wds-color-fill-ai-tertiary-active: #d6d1fc;
651
+ --wds-color-fill-ai-tertiary-active: #2D354E;
652
652
  --wds-color-fill-ai-tertiary-disabled: #212122;
653
- --wds-color-fill-ai-tertiary-hover: #2D2D2E;
653
+ --wds-color-fill-ai-tertiary-hover: #212328;
654
654
  --wds-color-fill-dark-primary: #FFFFFF;
655
655
  --wds-color-fill-dark-primary-active: #A8A6A5;
656
656
  --wds-color-fill-dark-primary-disabled: rgba(255, 255, 255, .3);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.232.6",
3
+ "version": "1.233.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "225661cbb869d991f32087c923fe4d47bbb709fc9472fedc0f3887d3"
39
+ "falconPackageHash": "c9835caac33195425395abd502c6c47598ed5a9403cd305ffb3945b9"
40
40
  }
package/studio/all.css CHANGED
@@ -464,6 +464,14 @@
464
464
  --wds-input-shadow-focus-warning: transparent;
465
465
  --wds-input-shadow-focus-standard: transparent;
466
466
  --wds-input-shadow-focus-destructive: transparent;
467
+ --wds-icon-button-color-fill-ai-tertiary-active: transparent;
468
+ --wds-icon-button-color-border-ai-secondary-hover: transparent;
469
+ --wds-icon-button-color-border-ai-secondary-active: transparent;
470
+ --wds-icon-button-color-border-ai-secondary: transparent;
471
+ --wds-icon-button-color-border-ai-primary-hover: transparent;
472
+ --wds-icon-button-color-border-ai-primary-active: transparent;
473
+ --wds-icon-button-color-border-ai-primary: transparent;
474
+ --wds-icon-button-border-ai-secondary-ring-display: block;
467
475
  --wds-horizontal-scroll-button-text: #000624;
468
476
  --wds-horizontal-scroll-button-fill-active: #CFD1DC;
469
477
  --wds-horizontal-scroll-button-fill: #FFFFFF;
@@ -530,7 +538,13 @@
530
538
  --wds-button-icon-offset-small: 12px;
531
539
  --wds-button-icon-offset-medium: 18px;
532
540
  --wds-button-icon-offset-large: 18px;
541
+ --wds-button-fill-ai-tertiary: transparent;
542
+ --wds-button-border-ai-tertiary-disabled: transparent;
543
+ --wds-button-border-ai-secondary-ring-display: block;
533
544
  --wds-button-border-ai-secondary-mask: none;
545
+ --wds-button-border-ai-secondary-hover: transparent;
546
+ --wds-button-border-ai-secondary-active: transparent;
547
+ --wds-button-border-ai-secondary: transparent;
534
548
  --wds-breadcrumbs-height-small: 24px;
535
549
  --wds-breadcrumbs-height-medium: 30px;
536
550
  --wds-breadcrumbs-height-large: 36px;
@@ -1618,12 +1632,17 @@
1618
1632
  --wds-icon-button-color-text-light-primary-disabled: var(--wds-color-text-disabled);
1619
1633
  --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-text-disabled);
1620
1634
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-text-disabled);
1635
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-fill-dark-primary-disabled);
1636
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-text-disabled);
1621
1637
  --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-black-750);
1622
1638
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-white-transparent-0);
1623
1639
  --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-blue-500);
1624
1640
  --wds-icon-button-color-fill-standard-primary: var(--wds-color-white-transparent-0);
1625
1641
  --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
1626
1642
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-fill-dark-primary-disabled);
1643
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-fill-ai-primary-disabled);
1644
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-text-disabled);
1645
+ --wds-icon-button-border-ai-width: var(--wds-border-width-none);
1627
1646
  --wds-google-preview-surface-fill: var(--wds-color-white);
1628
1647
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1629
1648
  --wds-form-field-label-gap-small: var(--wds-space-200);
@@ -1765,6 +1784,8 @@
1765
1784
  --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1766
1785
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1767
1786
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1787
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-200);
1788
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-200);
1768
1789
  --wds-card-gallery-item-action-button-size: var(--wds-space-800);
1769
1790
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1770
1791
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
@@ -1820,6 +1841,8 @@
1820
1841
  --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-text-disabled);
1821
1842
  --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-text-disabled);
1822
1843
  --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-text-disabled);
1844
+ --wds-button-label-fill-ai-tertiary-disabled: var(--wds-color-text-disabled);
1845
+ --wds-button-label-fill-ai-secondary-disabled: var(--wds-color-text-disabled);
1823
1846
  --wds-button-gap-tiny: var(--wds-space-100);
1824
1847
  --wds-button-gap-small: var(--wds-space-100);
1825
1848
  --wds-button-gap-medium: var(--wds-space-100);
@@ -1832,6 +1855,8 @@
1832
1855
  --wds-button-fill-premium-primary-disabled: var(--wds-color-fill-premium-primary-disabled);
1833
1856
  --wds-button-fill-destructive-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
1834
1857
  --wds-button-fill-dark-primary-disabled: var(--wds-color-fill-dark-primary-disabled);
1858
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-fill-ai-secondary-disabled);
1859
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-fill-ai-primary-disabled);
1835
1860
  --wds-button-border-radius-tiny: var(--wds-border-radius-200);
1836
1861
  --wds-button-border-radius-small: var(--wds-border-radius-200);
1837
1862
  --wds-button-border-radius-medium: var(--wds-border-radius-200);
@@ -2321,6 +2346,14 @@
2321
2346
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-text-disabled-light);
2322
2347
  --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2323
2348
  --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
2349
+ --wds-icon-button-color-text-ai-tertiary-hover: var(--wds-color-text-primary);
2350
+ --wds-icon-button-color-text-ai-tertiary-active: var(--wds-color-text-primary);
2351
+ --wds-icon-button-color-text-ai-tertiary: var(--wds-color-text-primary);
2352
+ --wds-icon-button-color-text-ai-secondary-hover: var(--wds-color-text-standard-primary-light);
2353
+ --wds-icon-button-color-text-ai-secondary-active: var(--wds-color-text-standard-primary-light);
2354
+ --wds-icon-button-color-text-ai-secondary: var(--wds-color-text-primary);
2355
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-text-disabled-light);
2356
+ --wds-icon-button-color-text-ai-primary: var(--wds-color-text-standard-primary-light);
2324
2357
  --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2325
2358
  --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary-disabled);
2326
2359
  --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
@@ -2363,6 +2396,16 @@
2363
2396
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2364
2397
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2365
2398
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2399
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary);
2400
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary);
2401
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2402
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-ai-primary-hover);
2403
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2404
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-ai-primary-active);
2405
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-fill-ai-primary);
2406
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2407
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2408
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-fill-ai-primary);
2366
2409
  --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2367
2410
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-border-standard-secondary-disabled);
2368
2411
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-secondary-active);
@@ -2492,6 +2535,13 @@
2492
2535
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary-light);
2493
2536
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
2494
2537
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-text-disabled-light);
2538
+ --wds-button-label-fill-ai-tertiary-hover: var(--wds-color-text-standard-primary-light);
2539
+ --wds-button-label-fill-ai-tertiary-active: var(--wds-color-text-standard-primary-light);
2540
+ --wds-button-label-fill-ai-tertiary: var(--wds-color-fill-ai-primary);
2541
+ --wds-button-label-fill-ai-secondary-hover: var(--wds-color-text-standard-primary-light);
2542
+ --wds-button-label-fill-ai-secondary-active: var(--wds-color-text-standard-primary-light);
2543
+ --wds-button-label-fill-ai-secondary: var(--wds-color-text-primary);
2544
+ --wds-button-label-fill-ai-primary-disabled: var(--wds-color-text-disabled-light);
2495
2545
  --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
2496
2546
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
2497
2547
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
@@ -2523,6 +2573,11 @@
2523
2573
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-fill-dark-tertiary-disabled);
2524
2574
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary-active);
2525
2575
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2576
+ --wds-button-fill-ai-tertiary-hover: var(--wds-color-fill-ai-secondary-hover);
2577
+ --wds-button-fill-ai-tertiary-active: var(--wds-color-fill-ai-secondary-active);
2578
+ --wds-button-fill-ai-secondary-hover: var(--wds-color-fill-ai-primary-hover);
2579
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2580
+ --wds-button-fill-ai-secondary-active: var(--wds-color-fill-ai-primary-active);
2526
2581
  --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2527
2582
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2528
2583
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
@@ -2543,6 +2598,7 @@
2543
2598
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
2544
2599
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2545
2600
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2601
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-border-standard-secondary-disabled);
2546
2602
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2547
2603
  --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2548
2604
  --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);