@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/component.st.css CHANGED
@@ -185,7 +185,13 @@
185
185
  @property st-global(--wds-breadcrumbs-text-line-height-small);
186
186
  @property st-global(--wds-breadcrumbs-text-weight-default);
187
187
  @property st-global(--wds-breadcrumbs-text-weight-selected);
188
+ @property st-global(--wds-button-border-ai-secondary);
189
+ @property st-global(--wds-button-border-ai-secondary-active);
190
+ @property st-global(--wds-button-border-ai-secondary-disabled);
191
+ @property st-global(--wds-button-border-ai-secondary-hover);
188
192
  @property st-global(--wds-button-border-ai-secondary-mask);
193
+ @property st-global(--wds-button-border-ai-secondary-ring-display);
194
+ @property st-global(--wds-button-border-ai-tertiary-disabled);
189
195
  @property st-global(--wds-button-border-dark-secondary);
190
196
  @property st-global(--wds-button-border-dark-secondary-active);
191
197
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -208,8 +214,16 @@
208
214
  @property st-global(--wds-button-border-standard-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);
@@ -260,6 +274,15 @@
260
274
  @property st-global(--wds-button-icon-offset-small);
261
275
  @property st-global(--wds-button-icon-offset-tiny);
262
276
  @property st-global(--wds-button-label-fill-ai-primary);
277
+ @property st-global(--wds-button-label-fill-ai-primary-disabled);
278
+ @property st-global(--wds-button-label-fill-ai-secondary);
279
+ @property st-global(--wds-button-label-fill-ai-secondary-active);
280
+ @property st-global(--wds-button-label-fill-ai-secondary-disabled);
281
+ @property st-global(--wds-button-label-fill-ai-secondary-hover);
282
+ @property st-global(--wds-button-label-fill-ai-tertiary);
283
+ @property st-global(--wds-button-label-fill-ai-tertiary-active);
284
+ @property st-global(--wds-button-label-fill-ai-tertiary-disabled);
285
+ @property st-global(--wds-button-label-fill-ai-tertiary-hover);
263
286
  @property st-global(--wds-button-label-fill-dark-primary-disabled);
264
287
  @property st-global(--wds-button-label-fill-dark-secondary);
265
288
  @property st-global(--wds-button-label-fill-dark-secondary-active);
@@ -658,6 +681,15 @@
658
681
  @property st-global(--wds-horizontal-scroll-button-fill);
659
682
  @property st-global(--wds-horizontal-scroll-button-fill-active);
660
683
  @property st-global(--wds-horizontal-scroll-button-text);
684
+ @property st-global(--wds-icon-button-border-ai-secondary-ring-display);
685
+ @property st-global(--wds-icon-button-border-ai-width);
686
+ @property st-global(--wds-icon-button-color-border-ai-primary);
687
+ @property st-global(--wds-icon-button-color-border-ai-primary-active);
688
+ @property st-global(--wds-icon-button-color-border-ai-primary-hover);
689
+ @property st-global(--wds-icon-button-color-border-ai-secondary);
690
+ @property st-global(--wds-icon-button-color-border-ai-secondary-active);
691
+ @property st-global(--wds-icon-button-color-border-ai-secondary-disabled);
692
+ @property st-global(--wds-icon-button-color-border-ai-secondary-hover);
661
693
  @property st-global(--wds-icon-button-color-border-dark-secondary);
662
694
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
663
695
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -673,6 +705,18 @@
673
705
  @property st-global(--wds-icon-button-color-border-standard-secondary-active);
674
706
  @property st-global(--wds-icon-button-color-border-standard-secondary-disabled);
675
707
  @property st-global(--wds-icon-button-color-border-standard-secondary-hover);
708
+ @property st-global(--wds-icon-button-color-fill-ai-primary);
709
+ @property st-global(--wds-icon-button-color-fill-ai-primary-active);
710
+ @property st-global(--wds-icon-button-color-fill-ai-primary-disabled);
711
+ @property st-global(--wds-icon-button-color-fill-ai-primary-hover);
712
+ @property st-global(--wds-icon-button-color-fill-ai-secondary);
713
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-active);
714
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-disabled);
715
+ @property st-global(--wds-icon-button-color-fill-ai-secondary-hover);
716
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary);
717
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-active);
718
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-disabled);
719
+ @property st-global(--wds-icon-button-color-fill-ai-tertiary-hover);
676
720
  @property st-global(--wds-icon-button-color-fill-dark-primary);
677
721
  @property st-global(--wds-icon-button-color-fill-dark-primary-active);
678
722
  @property st-global(--wds-icon-button-color-fill-dark-primary-disabled);
@@ -721,6 +765,16 @@
721
765
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-active);
722
766
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-disabled);
723
767
  @property st-global(--wds-icon-button-color-fill-standard-tertiary-hover);
768
+ @property st-global(--wds-icon-button-color-text-ai-primary);
769
+ @property st-global(--wds-icon-button-color-text-ai-primary-disabled);
770
+ @property st-global(--wds-icon-button-color-text-ai-secondary);
771
+ @property st-global(--wds-icon-button-color-text-ai-secondary-active);
772
+ @property st-global(--wds-icon-button-color-text-ai-secondary-disabled);
773
+ @property st-global(--wds-icon-button-color-text-ai-secondary-hover);
774
+ @property st-global(--wds-icon-button-color-text-ai-tertiary);
775
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-active);
776
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-disabled);
777
+ @property st-global(--wds-icon-button-color-text-ai-tertiary-hover);
724
778
  @property st-global(--wds-icon-button-color-text-dark-primary);
725
779
  @property st-global(--wds-icon-button-color-text-dark-primary-active);
726
780
  @property st-global(--wds-icon-button-color-text-dark-primary-disabled);
@@ -2169,7 +2223,13 @@
2169
2223
  --wds-breadcrumbs-text-line-height-small: 18px;
2170
2224
  --wds-breadcrumbs-text-weight-default: 400;
2171
2225
  --wds-breadcrumbs-text-weight-selected: 500;
2226
+ --wds-button-border-ai-secondary: transparent;
2227
+ --wds-button-border-ai-secondary-active: transparent;
2228
+ --wds-button-border-ai-secondary-disabled: rgba(0, 6, 36, .1);
2229
+ --wds-button-border-ai-secondary-hover: transparent;
2172
2230
  --wds-button-border-ai-secondary-mask: none;
2231
+ --wds-button-border-ai-secondary-ring-display: block;
2232
+ --wds-button-border-ai-tertiary-disabled: transparent;
2173
2233
  --wds-button-border-dark-secondary: #868aa5;
2174
2234
  --wds-button-border-dark-secondary-active: #000624;
2175
2235
  --wds-button-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -2192,8 +2252,16 @@
2192
2252
  --wds-button-border-standard-secondary-hover: #116dff;
2193
2253
  --wds-button-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2194
2254
  --wds-button-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2255
+ --wds-button-fill-ai-primary-disabled: rgba(0, 6, 36, .3);
2195
2256
  --wds-button-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
2196
2257
  --wds-button-fill-ai-secondary: #ffffff;
2258
+ --wds-button-fill-ai-secondary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2259
+ --wds-button-fill-ai-secondary-disabled: #ffffff;
2260
+ --wds-button-fill-ai-secondary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
2261
+ --wds-button-fill-ai-tertiary: transparent;
2262
+ --wds-button-fill-ai-tertiary-active: #d6d1fc;
2263
+ --wds-button-fill-ai-tertiary-disabled: rgba(0, 6, 36, .1);
2264
+ --wds-button-fill-ai-tertiary-hover: #a59bfa;
2197
2265
  --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
2198
2266
  --wds-button-fill-dark-secondary: #ffffff;
2199
2267
  --wds-button-fill-dark-secondary-active: #000624;
@@ -2244,6 +2312,15 @@
2244
2312
  --wds-button-icon-offset-small: 12px;
2245
2313
  --wds-button-icon-offset-tiny: 12px;
2246
2314
  --wds-button-label-fill-ai-primary: #ffffff;
2315
+ --wds-button-label-fill-ai-primary-disabled: rgba(255, 255, 255, .7);
2316
+ --wds-button-label-fill-ai-secondary: #116dff;
2317
+ --wds-button-label-fill-ai-secondary-active: #ffffff;
2318
+ --wds-button-label-fill-ai-secondary-disabled: rgba(0, 6, 36, .3);
2319
+ --wds-button-label-fill-ai-secondary-hover: #ffffff;
2320
+ --wds-button-label-fill-ai-tertiary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2321
+ --wds-button-label-fill-ai-tertiary-active: #ffffff;
2322
+ --wds-button-label-fill-ai-tertiary-disabled: rgba(0, 6, 36, .3);
2323
+ --wds-button-label-fill-ai-tertiary-hover: #ffffff;
2247
2324
  --wds-button-label-fill-dark-primary-disabled: rgba(255, 255, 255, .7);
2248
2325
  --wds-button-label-fill-dark-secondary: #000624;
2249
2326
  --wds-button-label-fill-dark-secondary-active: #ffffff;
@@ -2642,6 +2719,15 @@
2642
2719
  --wds-horizontal-scroll-button-fill: #FFFFFF;
2643
2720
  --wds-horizontal-scroll-button-fill-active: #CFD1DC;
2644
2721
  --wds-horizontal-scroll-button-text: #000624;
2722
+ --wds-icon-button-border-ai-secondary-ring-display: block;
2723
+ --wds-icon-button-border-ai-width: 0px;
2724
+ --wds-icon-button-color-border-ai-primary: transparent;
2725
+ --wds-icon-button-color-border-ai-primary-active: transparent;
2726
+ --wds-icon-button-color-border-ai-primary-hover: transparent;
2727
+ --wds-icon-button-color-border-ai-secondary: transparent;
2728
+ --wds-icon-button-color-border-ai-secondary-active: transparent;
2729
+ --wds-icon-button-color-border-ai-secondary-disabled: rgba(0, 6, 36, .3);
2730
+ --wds-icon-button-color-border-ai-secondary-hover: transparent;
2645
2731
  --wds-icon-button-color-border-dark-secondary: #868aa5;
2646
2732
  --wds-icon-button-color-border-dark-secondary-active: #44485f;
2647
2733
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -2657,6 +2743,18 @@
2657
2743
  --wds-icon-button-color-border-standard-secondary-active: #116dff;
2658
2744
  --wds-icon-button-color-border-standard-secondary-disabled: rgba(0, 6, 36, .1);
2659
2745
  --wds-icon-button-color-border-standard-secondary-hover: #a8caff;
2746
+ --wds-icon-button-color-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2747
+ --wds-icon-button-color-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2748
+ --wds-icon-button-color-fill-ai-primary-disabled: rgba(0, 6, 36, .3);
2749
+ --wds-icon-button-color-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
2750
+ --wds-icon-button-color-fill-ai-secondary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2751
+ --wds-icon-button-color-fill-ai-secondary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2752
+ --wds-icon-button-color-fill-ai-secondary-disabled: #ffffff;
2753
+ --wds-icon-button-color-fill-ai-secondary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
2754
+ --wds-icon-button-color-fill-ai-tertiary: #ffffff;
2755
+ --wds-icon-button-color-fill-ai-tertiary-active: transparent;
2756
+ --wds-icon-button-color-fill-ai-tertiary-disabled: #ffffff;
2757
+ --wds-icon-button-color-fill-ai-tertiary-hover: #ffffff;
2660
2758
  --wds-icon-button-color-fill-dark-primary: #000624;
2661
2759
  --wds-icon-button-color-fill-dark-primary-active: #000624;
2662
2760
  --wds-icon-button-color-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
@@ -2705,6 +2803,16 @@
2705
2803
  --wds-icon-button-color-fill-standard-tertiary-active: #d6e6fe;
2706
2804
  --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(255, 255, 255, 0);
2707
2805
  --wds-icon-button-color-fill-standard-tertiary-hover: #e7f0ff;
2806
+ --wds-icon-button-color-text-ai-primary: #ffffff;
2807
+ --wds-icon-button-color-text-ai-primary-disabled: rgba(255, 255, 255, .7);
2808
+ --wds-icon-button-color-text-ai-secondary: #116dff;
2809
+ --wds-icon-button-color-text-ai-secondary-active: #ffffff;
2810
+ --wds-icon-button-color-text-ai-secondary-disabled: rgba(0, 6, 36, .3);
2811
+ --wds-icon-button-color-text-ai-secondary-hover: #ffffff;
2812
+ --wds-icon-button-color-text-ai-tertiary: #116dff;
2813
+ --wds-icon-button-color-text-ai-tertiary-active: #116dff;
2814
+ --wds-icon-button-color-text-ai-tertiary-disabled: rgba(0, 6, 36, .3);
2815
+ --wds-icon-button-color-text-ai-tertiary-hover: #116dff;
2708
2816
  --wds-icon-button-color-text-dark-primary: #ffffff;
2709
2817
  --wds-icon-button-color-text-dark-primary-active: #ffffff;
2710
2818
  --wds-icon-button-color-text-dark-primary-disabled: rgba(255, 255, 255, .7);
package/odeditor/all.css CHANGED
@@ -144,11 +144,6 @@
144
144
  --wds-color-fill-social-facebook-disabled: #bebebe;
145
145
  --wds-color-fill-social-facebook-active: #1877f2;
146
146
  --wds-color-fill-social-facebook: #1877f2;
147
- --wds-color-fill-ai-secondary-disabled: #e5e5e5;
148
- --wds-color-fill-ai-primary-pressed: #ffffff;
149
- --wds-color-fill-ai-primary-disabled: #bebebe;
150
- --wds-color-fill-ai-hover: #ffffff;
151
- --wds-color-fill-ai: #ffffff;
152
147
  --wds-color-fill-accent-12: #acafc4;
153
148
  --wds-color-fill-accent-11: #1b3689;
154
149
  --wds-color-fill-accent-10: #1f8845;
@@ -162,10 +157,6 @@
162
157
  --wds-color-fill-accent-2: #FFC2FE;
163
158
  --wds-color-fill-accent-1: #C4E1FF;
164
159
  --wds-color-border-stage-wip: #ffffff;
165
- --wds-color-border-ai-primary-hover: #ffffff;
166
- --wds-color-border-ai-primary-disabled: #ffffff;
167
- --wds-color-border-ai-primary-active: #ffffff;
168
- --wds-color-border-ai-primary: #ffffff;
169
160
  --wds-color-yellow-600: #fef6ed;
170
161
  --wds-color-yellow-500: #fef3e5;
171
162
  --wds-color-yellow-400: #fdead2;
@@ -449,6 +440,7 @@
449
440
  --wds-input-shadow-focus-warning: transparent;
450
441
  --wds-input-shadow-focus-standard: transparent;
451
442
  --wds-input-shadow-focus-destructive: transparent;
443
+ --wds-icon-button-border-ai-secondary-ring-display: none;
452
444
  --wds-horizontal-scroll-button-text: #000624;
453
445
  --wds-horizontal-scroll-button-fill-active: #F8F6F6;
454
446
  --wds-horizontal-scroll-button-fill: #FFFFFF;
@@ -507,6 +499,7 @@
507
499
  --wds-card-divider-opacity: 0;
508
500
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
509
501
  --wds-calendar-padding-medium: 18px;
502
+ --wds-button-border-ai-secondary-ring-display: none;
510
503
  --wds-button-border-ai-secondary-mask: none;
511
504
  --wds-breadcrumbs-height-medium: 26px;
512
505
  --wds-avatar-group-gap-condensed: -2px;
@@ -854,16 +847,6 @@
854
847
  --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
855
848
  --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
856
849
  --wds-color-fill-dark-primary: var(--wds-color-black-100);
857
- --wds-color-fill-ai-tertiary-hover: var(--wds-color-black-750);
858
- --wds-color-fill-ai-tertiary-disabled: var(--wds-color-white);
859
- --wds-color-fill-ai-tertiary-active: var(--wds-color-iris-400);
860
- --wds-color-fill-ai-tertiary: var(--wds-color-white);
861
- --wds-color-fill-ai-secondary-hover: var(--wds-color-iris-300);
862
- --wds-color-fill-ai-secondary-active: var(--wds-color-iris-400);
863
- --wds-color-fill-ai-secondary: var(--wds-color-iris-400);
864
- --wds-color-fill-ai-primary-hover: var(--wds-color-iris-0);
865
- --wds-color-fill-ai-primary-active: var(--wds-color-iris-100);
866
- --wds-color-fill-ai-primary: var(--wds-color-iris-100);
867
850
  --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
868
851
  --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
869
852
  --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
@@ -1690,6 +1673,9 @@
1690
1673
  --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1691
1674
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1692
1675
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1676
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-black-500);
1677
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-black-500);
1678
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-black-500);
1693
1679
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1694
1680
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1695
1681
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
@@ -1700,10 +1686,14 @@
1700
1686
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1701
1687
  --wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
1702
1688
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1689
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-black-700);
1690
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-black-700);
1703
1691
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1704
1692
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1705
1693
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1706
1694
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1695
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-black-700);
1696
+ --wds-icon-button-border-ai-width: var(--wds-border-width-100);
1707
1697
  --wds-google-preview-surface-fill: var(--wds-color-white);
1708
1698
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1709
1699
  --wds-form-field-label-gap-small: var(--wds-space-200);
@@ -1926,6 +1916,9 @@
1926
1916
  --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1927
1917
  --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1928
1918
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1919
+ --wds-button-label-fill-ai-tertiary-disabled: var(--wds-color-black-500);
1920
+ --wds-button-label-fill-ai-secondary-disabled: var(--wds-color-black-500);
1921
+ --wds-button-label-fill-ai-primary-disabled: var(--wds-color-black-500);
1929
1922
  --wds-button-icon-offset-tiny: var(--wds-space-300);
1930
1923
  --wds-button-icon-offset-small: var(--wds-space-300);
1931
1924
  --wds-button-icon-offset-medium: var(--wds-space-475);
@@ -1953,6 +1946,11 @@
1953
1946
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1954
1947
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1955
1948
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1949
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-black-700);
1950
+ --wds-button-fill-ai-tertiary: var(--wds-color-white-transparent-0);
1951
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-black-700);
1952
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1953
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-black-700);
1956
1954
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1957
1955
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1958
1956
  --wds-button-border-radius-tiny: var(--wds-border-radius-300);
@@ -1965,6 +1963,8 @@
1965
1963
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1966
1964
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1967
1965
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1966
+ --wds-button-border-ai-tertiary-disabled: var(--wds-color-black-700);
1967
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-black-700);
1968
1968
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-medium);
1969
1969
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1970
1970
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-100);
@@ -2088,6 +2088,25 @@
2088
2088
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
2089
2089
  --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
2090
2090
  --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
2091
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2092
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2093
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2094
+ --wds-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2095
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-hover);
2096
+ --wds-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-secondary-disabled);
2097
+ --wds-color-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2098
+ --wds-color-fill-ai-secondary: var(--wds-color-fill-standard-secondary);
2099
+ --wds-color-fill-ai-primary-pressed: var(--wds-color-fill-standard-primary-active);
2100
+ --wds-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2101
+ --wds-color-fill-ai-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
2102
+ --wds-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2103
+ --wds-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2104
+ --wds-color-fill-ai-hover: var(--wds-color-fill-standard-primary-hover);
2105
+ --wds-color-fill-ai: var(--wds-color-fill-standard-primary);
2106
+ --wds-color-border-ai-primary-hover: var(--wds-color-border-standard-primary-hover);
2107
+ --wds-color-border-ai-primary-disabled: var(--wds-color-border-standard-primary-disabled);
2108
+ --wds-color-border-ai-primary-active: var(--wds-color-border-standard-primary-active);
2109
+ --wds-color-border-ai-primary: var(--wds-color-border-standard-primary);
2091
2110
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
2092
2111
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
2093
2112
  --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
@@ -2382,7 +2401,7 @@
2382
2401
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2383
2402
  --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2384
2403
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2385
- --wds-info-icon-fill: var(--wds-color-text-placeholder);
2404
+ --wds-info-icon-fill: var(--wds-color-text-standard-secondary);
2386
2405
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2387
2406
  --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
2388
2407
  --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
@@ -2420,6 +2439,13 @@
2420
2439
  --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
2421
2440
  --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2422
2441
  --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
2442
+ --wds-icon-button-color-text-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2443
+ --wds-icon-button-color-text-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2444
+ --wds-icon-button-color-text-ai-tertiary: var(--wds-color-text-primary);
2445
+ --wds-icon-button-color-text-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2446
+ --wds-icon-button-color-text-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2447
+ --wds-icon-button-color-text-ai-secondary: var(--wds-color-text-primary);
2448
+ --wds-icon-button-color-text-ai-primary: var(--wds-color-text-standard-primary-light);
2423
2449
  --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2424
2450
  --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
2425
2451
  --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
@@ -2458,6 +2484,16 @@
2458
2484
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2459
2485
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2460
2486
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2487
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2488
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-light-secondary);
2489
+ --wds-icon-button-color-fill-ai-tertiary-active: var(--wds-color-fill-light-secondary-active);
2490
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-light-secondary);
2491
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2492
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2493
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2494
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2495
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2496
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2461
2497
  --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2462
2498
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
2463
2499
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2469,6 +2505,12 @@
2469
2505
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2470
2506
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2471
2507
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2508
+ --wds-icon-button-color-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2509
+ --wds-icon-button-color-border-ai-secondary-active: var(--wds-color-border-standard-tertiary-active);
2510
+ --wds-icon-button-color-border-ai-secondary: var(--wds-color-border-standard-primary);
2511
+ --wds-icon-button-color-border-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2512
+ --wds-icon-button-color-border-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2513
+ --wds-icon-button-color-border-ai-primary: var(--wds-color-fill-standard-primary);
2472
2514
  --wds-form-field-label-readonly: var(--wds-color-text-disabled);
2473
2515
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2474
2516
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
@@ -2561,6 +2603,12 @@
2561
2603
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
2562
2604
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
2563
2605
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
2606
+ --wds-button-label-fill-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2607
+ --wds-button-label-fill-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2608
+ --wds-button-label-fill-ai-tertiary: var(--wds-color-fill-standard-primary-hover);
2609
+ --wds-button-label-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2610
+ --wds-button-label-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2611
+ --wds-button-label-fill-ai-secondary: var(--wds-color-fill-standard-primary-hover);
2564
2612
  --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
2565
2613
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
2566
2614
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
@@ -2580,10 +2628,13 @@
2580
2628
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2581
2629
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2582
2630
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2583
- --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2584
- --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2585
- --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2586
- --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
2631
+ --wds-button-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2632
+ --wds-button-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2633
+ --wds-button-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2634
+ --wds-button-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2635
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2636
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2637
+ --wds-button-fill-ai-primary: var(--wds-color-fill-standard-primary);
2587
2638
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2588
2639
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2589
2640
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2593,6 +2644,9 @@
2593
2644
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2594
2645
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2595
2646
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2647
+ --wds-button-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2648
+ --wds-button-border-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2649
+ --wds-button-border-ai-secondary: var(--wds-color-border-standard-primary);
2596
2650
  --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2597
2651
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2598
2652
  --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-text-primary);
package/odeditor/all.scss CHANGED
@@ -221,6 +221,7 @@
221
221
  --wds-illustration-color-3: #B8C4FF;
222
222
  --wds-illustration-color-2: #7896FF;
223
223
  --wds-illustration-color-1: #002294;
224
+ --wds-icon-button-border-ai-secondary-ring-display: none;
224
225
  --wds-horizontal-scroll-button-text: #000624;
225
226
  --wds-horizontal-scroll-button-fill-active: #F8F6F6;
226
227
  --wds-horizontal-scroll-button-fill: #FFFFFF;
@@ -373,11 +374,6 @@
373
374
  --wds-color-fill-social-facebook-disabled: #bebebe;
374
375
  --wds-color-fill-social-facebook-active: #1877f2;
375
376
  --wds-color-fill-social-facebook: #1877f2;
376
- --wds-color-fill-ai-secondary-disabled: #e5e5e5;
377
- --wds-color-fill-ai-primary-pressed: #ffffff;
378
- --wds-color-fill-ai-primary-disabled: #bebebe;
379
- --wds-color-fill-ai-hover: #ffffff;
380
- --wds-color-fill-ai: #ffffff;
381
377
  --wds-color-fill-accent-12: #acafc4;
382
378
  --wds-color-fill-accent-11: #1b3689;
383
379
  --wds-color-fill-accent-10: #1f8845;
@@ -391,10 +387,6 @@
391
387
  --wds-color-fill-accent-2: #FFC2FE;
392
388
  --wds-color-fill-accent-1: #C4E1FF;
393
389
  --wds-color-border-stage-wip: #ffffff;
394
- --wds-color-border-ai-primary-hover: #ffffff;
395
- --wds-color-border-ai-primary-disabled: #ffffff;
396
- --wds-color-border-ai-primary-active: #ffffff;
397
- --wds-color-border-ai-primary: #ffffff;
398
390
  --wds-color-blue-600: #f5f7ff;
399
391
  --wds-color-blue-500: #eaefff;
400
392
  --wds-color-blue-400: #d5dfff;
@@ -477,6 +469,7 @@
477
469
  --wds-card-divider-opacity: 0;
478
470
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
479
471
  --wds-calendar-padding-medium: 18px;
472
+ --wds-button-border-ai-secondary-ring-display: none;
480
473
  --wds-button-border-ai-secondary-mask: none;
481
474
  --wds-breakpoint-x-large: 1572px;
482
475
  --wds-breakpoint-small: 490px;
@@ -1363,6 +1356,9 @@
1363
1356
  --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1364
1357
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1365
1358
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1359
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-black-500);
1360
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-black-500);
1361
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-black-500);
1366
1362
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1367
1363
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1368
1364
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
@@ -1373,10 +1369,14 @@
1373
1369
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1374
1370
  --wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
1375
1371
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1372
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-black-700);
1373
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-black-700);
1376
1374
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1377
1375
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1378
1376
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1379
1377
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1378
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-black-700);
1379
+ --wds-icon-button-border-ai-width: var(--wds-border-width-100);
1380
1380
  --wds-google-preview-surface-fill: var(--wds-color-white);
1381
1381
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1382
1382
  --wds-form-field-label-gap-small: var(--wds-space-200);
@@ -1671,16 +1671,6 @@
1671
1671
  --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
1672
1672
  --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
1673
1673
  --wds-color-fill-dark-primary: var(--wds-color-black-100);
1674
- --wds-color-fill-ai-tertiary-hover: var(--wds-color-black-750);
1675
- --wds-color-fill-ai-tertiary-disabled: var(--wds-color-white);
1676
- --wds-color-fill-ai-tertiary-active: var(--wds-color-iris-400);
1677
- --wds-color-fill-ai-tertiary: var(--wds-color-white);
1678
- --wds-color-fill-ai-secondary-hover: var(--wds-color-iris-300);
1679
- --wds-color-fill-ai-secondary-active: var(--wds-color-iris-400);
1680
- --wds-color-fill-ai-secondary: var(--wds-color-iris-400);
1681
- --wds-color-fill-ai-primary-hover: var(--wds-color-iris-0);
1682
- --wds-color-fill-ai-primary-active: var(--wds-color-iris-100);
1683
- --wds-color-fill-ai-primary: var(--wds-color-iris-100);
1684
1674
  --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
1685
1675
  --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1686
1676
  --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
@@ -1914,6 +1904,9 @@
1914
1904
  --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1915
1905
  --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1916
1906
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1907
+ --wds-button-label-fill-ai-tertiary-disabled: var(--wds-color-black-500);
1908
+ --wds-button-label-fill-ai-secondary-disabled: var(--wds-color-black-500);
1909
+ --wds-button-label-fill-ai-primary-disabled: var(--wds-color-black-500);
1917
1910
  --wds-button-icon-offset-tiny: var(--wds-space-300);
1918
1911
  --wds-button-icon-offset-small: var(--wds-space-300);
1919
1912
  --wds-button-icon-offset-medium: var(--wds-space-475);
@@ -1941,6 +1934,11 @@
1941
1934
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1942
1935
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1943
1936
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1937
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-black-700);
1938
+ --wds-button-fill-ai-tertiary: var(--wds-color-white-transparent-0);
1939
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-black-700);
1940
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1941
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-black-700);
1944
1942
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1945
1943
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1946
1944
  --wds-button-border-radius-tiny: var(--wds-border-radius-300);
@@ -1953,6 +1951,8 @@
1953
1951
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1954
1952
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1955
1953
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1954
+ --wds-button-border-ai-tertiary-disabled: var(--wds-color-black-700);
1955
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-black-700);
1956
1956
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-medium);
1957
1957
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1958
1958
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-100);
@@ -2370,7 +2370,7 @@
2370
2370
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2371
2371
  --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2372
2372
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2373
- --wds-info-icon-fill: var(--wds-color-text-placeholder);
2373
+ --wds-info-icon-fill: var(--wds-color-text-standard-secondary);
2374
2374
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2375
2375
  --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
2376
2376
  --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
@@ -2408,6 +2408,13 @@
2408
2408
  --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
2409
2409
  --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2410
2410
  --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
2411
+ --wds-icon-button-color-text-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2412
+ --wds-icon-button-color-text-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2413
+ --wds-icon-button-color-text-ai-tertiary: var(--wds-color-text-primary);
2414
+ --wds-icon-button-color-text-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2415
+ --wds-icon-button-color-text-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2416
+ --wds-icon-button-color-text-ai-secondary: var(--wds-color-text-primary);
2417
+ --wds-icon-button-color-text-ai-primary: var(--wds-color-text-standard-primary-light);
2411
2418
  --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2412
2419
  --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
2413
2420
  --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
@@ -2446,6 +2453,16 @@
2446
2453
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2447
2454
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2448
2455
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2456
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2457
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-light-secondary);
2458
+ --wds-icon-button-color-fill-ai-tertiary-active: var(--wds-color-fill-light-secondary-active);
2459
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-light-secondary);
2460
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2461
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2462
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2463
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2464
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2465
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2449
2466
  --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2450
2467
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
2451
2468
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2457,6 +2474,12 @@
2457
2474
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2458
2475
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2459
2476
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2477
+ --wds-icon-button-color-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2478
+ --wds-icon-button-color-border-ai-secondary-active: var(--wds-color-border-standard-tertiary-active);
2479
+ --wds-icon-button-color-border-ai-secondary: var(--wds-color-border-standard-primary);
2480
+ --wds-icon-button-color-border-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2481
+ --wds-icon-button-color-border-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2482
+ --wds-icon-button-color-border-ai-primary: var(--wds-color-fill-standard-primary);
2460
2483
  --wds-form-field-label-readonly: var(--wds-color-text-disabled);
2461
2484
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2462
2485
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
@@ -2498,6 +2521,25 @@
2498
2521
  --wds-composer-header-fill: var(--wds-color-fill-surface-sunken);
2499
2522
  --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
2500
2523
  --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
2524
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2525
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2526
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2527
+ --wds-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2528
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-hover);
2529
+ --wds-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-secondary-disabled);
2530
+ --wds-color-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2531
+ --wds-color-fill-ai-secondary: var(--wds-color-fill-standard-secondary);
2532
+ --wds-color-fill-ai-primary-pressed: var(--wds-color-fill-standard-primary-active);
2533
+ --wds-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2534
+ --wds-color-fill-ai-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
2535
+ --wds-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2536
+ --wds-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2537
+ --wds-color-fill-ai-hover: var(--wds-color-fill-standard-primary-hover);
2538
+ --wds-color-fill-ai: var(--wds-color-fill-standard-primary);
2539
+ --wds-color-border-ai-primary-hover: var(--wds-color-border-standard-primary-hover);
2540
+ --wds-color-border-ai-primary-disabled: var(--wds-color-border-standard-primary-disabled);
2541
+ --wds-color-border-ai-primary-active: var(--wds-color-border-standard-primary-active);
2542
+ --wds-color-border-ai-primary: var(--wds-color-border-standard-primary);
2501
2543
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
2502
2544
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
2503
2545
  --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
@@ -2561,6 +2603,12 @@
2561
2603
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
2562
2604
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
2563
2605
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
2606
+ --wds-button-label-fill-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2607
+ --wds-button-label-fill-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2608
+ --wds-button-label-fill-ai-tertiary: var(--wds-color-fill-standard-primary-hover);
2609
+ --wds-button-label-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2610
+ --wds-button-label-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2611
+ --wds-button-label-fill-ai-secondary: var(--wds-color-fill-standard-primary-hover);
2564
2612
  --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
2565
2613
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
2566
2614
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
@@ -2580,10 +2628,13 @@
2580
2628
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2581
2629
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2582
2630
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2583
- --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2584
- --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2585
- --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2586
- --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
2631
+ --wds-button-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2632
+ --wds-button-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2633
+ --wds-button-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2634
+ --wds-button-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2635
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2636
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2637
+ --wds-button-fill-ai-primary: var(--wds-color-fill-standard-primary);
2587
2638
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2588
2639
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2589
2640
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2593,6 +2644,9 @@
2593
2644
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2594
2645
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2595
2646
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2647
+ --wds-button-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2648
+ --wds-button-border-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2649
+ --wds-button-border-ai-secondary: var(--wds-color-border-standard-primary);
2596
2650
  --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2597
2651
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2598
2652
  --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-text-primary);