@wix/design-system-tokens 1.232.6 → 1.234.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 +28 -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 +84 -30
  7. package/odeditor/all.scss +84 -30
  8. package/odeditor/all.st.css +136 -28
  9. package/odeditor/component.st.css +119 -11
  10. package/odeditor/semantic.st.css +17 -17
  11. package/odeditor-dark/all.css +151 -95
  12. package/odeditor-dark/all.scss +151 -95
  13. package/odeditor-dark/all.st.css +204 -92
  14. package/odeditor-dark/component.st.css +187 -75
  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 +151 -95
  22. package/studio2-light/all.scss +151 -95
  23. package/studio2-light/all.st.css +204 -92
  24. package/studio2-light/component.st.css +187 -75
  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;
@@ -422,7 +413,7 @@
422
413
  --wds-marketing-layout-badge-side: auto;
423
414
  --wds-marketing-layout-badge-position: static;
424
415
  --wds-marketing-layout-actions-alignment-inverted: flex-end;
425
- --wds-loader-stroke-width-tiny: 2px;
416
+ --wds-loader-stroke-width-tiny: 3px;
426
417
  --wds-loader-stroke-width-small: 2px;
427
418
  --wds-loader-stroke-width-medium: 2px;
428
419
  --wds-loader-stroke-width-large: 2px;
@@ -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);
@@ -1459,10 +1442,9 @@
1459
1442
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1460
1443
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
1461
1444
  --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1462
- --wds-page-header-subtitle-gap: var(--wds-space-100);
1463
- --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1464
- --wds-page-header-padding-vertical-small: var(--wds-space-475);
1465
- --wds-page-header-padding-vertical: var(--wds-space-600);
1445
+ --wds-page-header-subtitle-gap: var(--wds-space-150);
1446
+ --wds-page-header-padding-vertical-small: var(--wds-space-600);
1447
+ --wds-page-header-padding-vertical: var(--wds-space-800);
1466
1448
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1467
1449
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1468
1450
  --wds-page-header-padding-bottom-with-tail: var(--wds-space-300);
@@ -1690,6 +1672,9 @@
1690
1672
  --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1691
1673
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1692
1674
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1675
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-black-500);
1676
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-black-500);
1677
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-black-500);
1693
1678
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1694
1679
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1695
1680
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
@@ -1700,10 +1685,14 @@
1700
1685
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1701
1686
  --wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
1702
1687
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1688
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-black-700);
1689
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-black-700);
1703
1690
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1704
1691
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1705
1692
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1706
1693
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1694
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-black-700);
1695
+ --wds-icon-button-border-ai-width: var(--wds-border-width-100);
1707
1696
  --wds-google-preview-surface-fill: var(--wds-color-white);
1708
1697
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1709
1698
  --wds-form-field-label-gap-small: var(--wds-space-200);
@@ -1926,6 +1915,9 @@
1926
1915
  --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1927
1916
  --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1928
1917
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1918
+ --wds-button-label-fill-ai-tertiary-disabled: var(--wds-color-black-500);
1919
+ --wds-button-label-fill-ai-secondary-disabled: var(--wds-color-black-500);
1920
+ --wds-button-label-fill-ai-primary-disabled: var(--wds-color-black-500);
1929
1921
  --wds-button-icon-offset-tiny: var(--wds-space-300);
1930
1922
  --wds-button-icon-offset-small: var(--wds-space-300);
1931
1923
  --wds-button-icon-offset-medium: var(--wds-space-475);
@@ -1953,6 +1945,11 @@
1953
1945
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1954
1946
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1955
1947
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1948
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-black-700);
1949
+ --wds-button-fill-ai-tertiary: var(--wds-color-white-transparent-0);
1950
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-black-700);
1951
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1952
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-black-700);
1956
1953
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1957
1954
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1958
1955
  --wds-button-border-radius-tiny: var(--wds-border-radius-300);
@@ -1965,6 +1962,8 @@
1965
1962
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1966
1963
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1967
1964
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1965
+ --wds-button-border-ai-tertiary-disabled: var(--wds-color-black-700);
1966
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-black-700);
1968
1967
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-medium);
1969
1968
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1970
1969
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-100);
@@ -2088,6 +2087,25 @@
2088
2087
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
2089
2088
  --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
2090
2089
  --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
2090
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2091
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2092
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2093
+ --wds-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2094
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-hover);
2095
+ --wds-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-secondary-disabled);
2096
+ --wds-color-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2097
+ --wds-color-fill-ai-secondary: var(--wds-color-fill-standard-secondary);
2098
+ --wds-color-fill-ai-primary-pressed: var(--wds-color-fill-standard-primary-active);
2099
+ --wds-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2100
+ --wds-color-fill-ai-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
2101
+ --wds-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2102
+ --wds-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2103
+ --wds-color-fill-ai-hover: var(--wds-color-fill-standard-primary-hover);
2104
+ --wds-color-fill-ai: var(--wds-color-fill-standard-primary);
2105
+ --wds-color-border-ai-primary-hover: var(--wds-color-border-standard-primary-hover);
2106
+ --wds-color-border-ai-primary-disabled: var(--wds-color-border-standard-primary-disabled);
2107
+ --wds-color-border-ai-primary-active: var(--wds-color-border-standard-primary-active);
2108
+ --wds-color-border-ai-primary: var(--wds-color-border-standard-primary);
2091
2109
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
2092
2110
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
2093
2111
  --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
@@ -2318,7 +2336,7 @@
2318
2336
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
2319
2337
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
2320
2338
  --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
2321
- --wds-page-header-subtitle-line-height: var(--wds-font-line-height-200);
2339
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-body-small);
2322
2340
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
2323
2341
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
2324
2342
  --wds-notification-content-color: var(--wds-color-text-standard-secondary);
@@ -2382,7 +2400,7 @@
2382
2400
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2383
2401
  --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2384
2402
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2385
- --wds-info-icon-fill: var(--wds-color-text-placeholder);
2403
+ --wds-info-icon-fill: var(--wds-color-text-standard-secondary);
2386
2404
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2387
2405
  --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
2388
2406
  --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
@@ -2420,6 +2438,13 @@
2420
2438
  --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
2421
2439
  --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2422
2440
  --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
2441
+ --wds-icon-button-color-text-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2442
+ --wds-icon-button-color-text-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2443
+ --wds-icon-button-color-text-ai-tertiary: var(--wds-color-text-primary);
2444
+ --wds-icon-button-color-text-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2445
+ --wds-icon-button-color-text-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2446
+ --wds-icon-button-color-text-ai-secondary: var(--wds-color-text-primary);
2447
+ --wds-icon-button-color-text-ai-primary: var(--wds-color-text-standard-primary-light);
2423
2448
  --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2424
2449
  --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
2425
2450
  --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
@@ -2458,6 +2483,16 @@
2458
2483
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2459
2484
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2460
2485
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2486
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2487
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-light-secondary);
2488
+ --wds-icon-button-color-fill-ai-tertiary-active: var(--wds-color-fill-light-secondary-active);
2489
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-light-secondary);
2490
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2491
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2492
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2493
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2494
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2495
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2461
2496
  --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2462
2497
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
2463
2498
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2469,6 +2504,12 @@
2469
2504
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2470
2505
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2471
2506
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2507
+ --wds-icon-button-color-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2508
+ --wds-icon-button-color-border-ai-secondary-active: var(--wds-color-border-standard-tertiary-active);
2509
+ --wds-icon-button-color-border-ai-secondary: var(--wds-color-border-standard-primary);
2510
+ --wds-icon-button-color-border-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2511
+ --wds-icon-button-color-border-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2512
+ --wds-icon-button-color-border-ai-primary: var(--wds-color-fill-standard-primary);
2472
2513
  --wds-form-field-label-readonly: var(--wds-color-text-disabled);
2473
2514
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2474
2515
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
@@ -2561,6 +2602,12 @@
2561
2602
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
2562
2603
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
2563
2604
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
2605
+ --wds-button-label-fill-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2606
+ --wds-button-label-fill-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2607
+ --wds-button-label-fill-ai-tertiary: var(--wds-color-fill-standard-primary-hover);
2608
+ --wds-button-label-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2609
+ --wds-button-label-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2610
+ --wds-button-label-fill-ai-secondary: var(--wds-color-fill-standard-primary-hover);
2564
2611
  --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
2565
2612
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
2566
2613
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
@@ -2580,10 +2627,13 @@
2580
2627
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2581
2628
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2582
2629
  --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);
2630
+ --wds-button-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2631
+ --wds-button-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2632
+ --wds-button-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2633
+ --wds-button-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2634
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2635
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2636
+ --wds-button-fill-ai-primary: var(--wds-color-fill-standard-primary);
2587
2637
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2588
2638
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2589
2639
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2593,6 +2643,9 @@
2593
2643
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2594
2644
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2595
2645
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2646
+ --wds-button-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2647
+ --wds-button-border-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2648
+ --wds-button-border-ai-secondary: var(--wds-color-border-standard-primary);
2596
2649
  --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2597
2650
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2598
2651
  --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-text-primary);
@@ -2673,6 +2726,7 @@
2673
2726
  --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-tiny);
2674
2727
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2675
2728
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2729
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-small);
2676
2730
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2677
2731
  --wds-marketing-page-content-line-height: var(--wds-font-line-height-body-small);
2678
2732
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);