@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/studio2-light/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;
@@ -420,25 +411,25 @@
420
411
  --wds-marketing-page-image-display: block;
421
412
  --wds-marketing-page-footer-grid-column: span 12;
422
413
  --wds-marketing-page-footer-divider-display: block;
423
- --wds-marketing-layout-min-height-tiny: auto;
424
- --wds-marketing-layout-min-height-small: auto;
425
- --wds-marketing-layout-min-height-medium: auto;
414
+ --wds-marketing-layout-min-height-tiny: 140px;
415
+ --wds-marketing-layout-min-height-small: 160px;
416
+ --wds-marketing-layout-min-height-medium: 180px;
426
417
  --wds-marketing-layout-image-wrapper-width: auto;
427
- --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
428
- --wds-marketing-layout-image-wrapper-contain: none;
429
- --wds-marketing-layout-image-width: 100%;
430
- --wds-marketing-layout-image-object-fit: fill;
431
- --wds-marketing-layout-image-max-width-tiny: none;
432
- --wds-marketing-layout-image-max-width-small: none;
433
- --wds-marketing-layout-image-max-width-medium: none;
434
- --wds-marketing-layout-image-height: auto;
435
- --wds-marketing-layout-image-aspect-ratio: auto;
436
- --wds-marketing-layout-description-max-width: none;
437
- --wds-marketing-layout-content-justify: center;
418
+ --wds-marketing-layout-image-wrapper-flex: none;
419
+ --wds-marketing-layout-image-wrapper-contain: size;
420
+ --wds-marketing-layout-image-width: auto;
421
+ --wds-marketing-layout-image-object-fit: cover;
422
+ --wds-marketing-layout-image-max-width-tiny: 116px;
423
+ --wds-marketing-layout-image-max-width-small: 136px;
424
+ --wds-marketing-layout-image-max-width-medium: 156px;
425
+ --wds-marketing-layout-image-height: 100%;
426
+ --wds-marketing-layout-image-aspect-ratio: 1;
427
+ --wds-marketing-layout-description-max-width: 80%;
428
+ --wds-marketing-layout-content-justify: flex-start;
438
429
  --wds-marketing-layout-badge-top: auto;
439
430
  --wds-marketing-layout-badge-side: auto;
440
431
  --wds-marketing-layout-badge-position: static;
441
- --wds-marketing-layout-actions-alignment-inverted: auto;
432
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
442
433
  --wds-loader-stroke-width-tiny: 2px;
443
434
  --wds-loader-stroke-width-small: 2px;
444
435
  --wds-loader-stroke-width-medium: 2px;
@@ -466,6 +457,7 @@
466
457
  --wds-input-shadow-focus-warning: transparent;
467
458
  --wds-input-shadow-focus-standard: transparent;
468
459
  --wds-input-shadow-focus-destructive: transparent;
460
+ --wds-icon-button-border-ai-secondary-ring-display: none;
469
461
  --wds-horizontal-scroll-button-text: #000624;
470
462
  --wds-horizontal-scroll-button-fill-active: #F8F6F6;
471
463
  --wds-horizontal-scroll-button-fill: #FFFFFF;
@@ -500,33 +492,28 @@
500
492
  --wds-carousel-controls-bottom-offset-dots: 10px;
501
493
  --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
502
494
  --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
503
- --wds-card-gallery-item-title-gap: 0px;
504
- --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);
505
- --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);
506
- --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
507
- --wds-card-gallery-item-secondary-action-min-width: auto;
508
- --wds-card-gallery-item-secondary-action-height: 24px;
509
- --wds-card-gallery-item-secondary-action-border-radius: 2px;
495
+ --wds-card-gallery-item-title-gap: 2px;
496
+ --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);
497
+ --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);
498
+ --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);
499
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
510
500
  --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
511
- --wds-card-gallery-item-overlay-backdrop-filter: none;
512
- --wds-card-gallery-item-image-side-size-small: 30px;
513
- --wds-card-gallery-item-image-side-size-medium: 40px;
514
- --wds-card-gallery-item-drag-handle-gap: 12px;
515
- --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);
516
- --wds-card-gallery-item-badge-offset-inline: -6px;
517
- --wds-card-gallery-item-badge-offset-block: 12px;
518
- --wds-card-gallery-item-actions-secondary-position: absolute;
519
- --wds-card-gallery-item-actions-direction: row;
520
- --wds-card-gallery-item-actions-align: stretch;
521
- --wds-card-gallery-item-action-button-min-width: 84px;
501
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
502
+ --wds-card-gallery-item-image-side-size-small: 32px;
503
+ --wds-card-gallery-item-image-side-size-medium: 48px;
504
+ --wds-card-gallery-item-drag-handle-gap: 8px;
505
+ --wds-card-gallery-item-base-shadow: none;
506
+ --wds-card-gallery-item-actions-secondary-position: static;
507
+ --wds-card-gallery-item-actions-direction: column;
508
+ --wds-card-gallery-item-actions-align: center;
509
+ --wds-card-gallery-item-action-button-min-width: 72px;
522
510
  --wds-card-subtitle-color: #44485f;
523
511
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
524
512
  --wds-card-header-suffix-align: flex-start;
525
513
  --wds-card-divider-opacity: 0;
526
514
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
527
- --wds-calendar-padding-small: 18px;
528
- --wds-calendar-day-today-inset-width: 3px;
529
- --wds-calendar-day-range-edge-border-radius: 50%;
515
+ --wds-calendar-padding-medium: 18px;
516
+ --wds-button-border-ai-secondary-ring-display: none;
530
517
  --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
531
518
  --wds-breadcrumbs-height-medium: 26px;
532
519
  --wds-avatar-group-gap-condensed: -2px;
@@ -872,16 +859,6 @@
872
859
  --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
873
860
  --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
874
861
  --wds-color-fill-dark-primary: var(--wds-color-black-100);
875
- --wds-color-fill-ai-tertiary-hover: var(--wds-color-black-750);
876
- --wds-color-fill-ai-tertiary-disabled: var(--wds-color-white);
877
- --wds-color-fill-ai-tertiary-active: var(--wds-color-iris-400);
878
- --wds-color-fill-ai-tertiary: var(--wds-color-white);
879
- --wds-color-fill-ai-secondary-hover: var(--wds-color-iris-300);
880
- --wds-color-fill-ai-secondary-active: var(--wds-color-iris-400);
881
- --wds-color-fill-ai-secondary: var(--wds-color-iris-400);
882
- --wds-color-fill-ai-primary-hover: var(--wds-color-iris-0);
883
- --wds-color-fill-ai-primary-active: var(--wds-color-iris-100);
884
- --wds-color-fill-ai-primary: var(--wds-color-iris-100);
885
862
  --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
886
863
  --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
887
864
  --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
@@ -1492,8 +1469,8 @@
1492
1469
  --wds-notification-fill-standard: var(--wds-color-blue-400);
1493
1470
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1494
1471
  --wds-notification-fill-error: var(--wds-color-red-400);
1495
- --wds-notification-border-width: var(--wds-border-width-none);
1496
- --wds-notification-border-radius: var(--wds-border-radius-0);
1472
+ --wds-notification-border-width: var(--wds-border-width-100);
1473
+ --wds-notification-border-radius: var(--wds-border-radius-400);
1497
1474
  --wds-notification-border-color: var(--wds-color-white);
1498
1475
  --wds-nestable-list-paddings: var(--wds-space-200);
1499
1476
  --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
@@ -1536,14 +1513,14 @@
1536
1513
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1537
1514
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1538
1515
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1539
- --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-0);
1540
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1541
- --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1542
- --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1516
+ --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-heading-3);
1517
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-50);
1518
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1519
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1543
1520
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1544
1521
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1545
1522
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1546
- --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-default);
1523
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-display);
1547
1524
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1548
1525
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1549
1526
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
@@ -1562,7 +1539,7 @@
1562
1539
  --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1563
1540
  --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1564
1541
  --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1565
- --wds-marketing-layout-image-hug-padding: var(--wds-space-0);
1542
+ --wds-marketing-layout-image-hug-padding: var(--wds-space-300);
1566
1543
  --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1567
1544
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1568
1545
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
@@ -1573,7 +1550,7 @@
1573
1550
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1574
1551
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1575
1552
  --wds-marketing-layout-badge-gap: var(--wds-space-200);
1576
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1553
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1577
1554
  --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1578
1555
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1579
1556
  --wds-loader-fill-loading: var(--wds-color-blue-0);
@@ -1688,6 +1665,9 @@
1688
1665
  --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1689
1666
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1690
1667
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1668
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-black-500);
1669
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-black-500);
1670
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-black-500);
1691
1671
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1692
1672
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1693
1673
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
@@ -1698,10 +1678,14 @@
1698
1678
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1699
1679
  --wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
1700
1680
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1681
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-black-700);
1682
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-black-700);
1701
1683
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1702
1684
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1703
1685
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1704
1686
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1687
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-black-700);
1688
+ --wds-icon-button-border-ai-width: var(--wds-border-width-100);
1705
1689
  --wds-google-preview-surface-fill: var(--wds-color-white);
1706
1690
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1707
1691
  --wds-form-field-label-gap-small: var(--wds-space-200);
@@ -1831,30 +1815,38 @@
1831
1815
  --wds-carousel-controls-fill-active: var(--wds-horizontal-scroll-button-fill-active);
1832
1816
  --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1833
1817
  --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1834
- --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1835
- --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1836
- --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1837
- --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1818
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1819
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1820
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1821
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-3);
1822
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-3);
1823
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-display);
1838
1824
  --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1839
- --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1840
- --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1825
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1826
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1827
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1828
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1841
1829
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1842
- --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1843
- --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1844
- --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1830
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1831
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
1832
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1845
1833
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1846
- --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1834
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-400);
1847
1835
  --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-black-500);
1848
1836
  --wds-card-gallery-item-outline-border-color: var(--wds-color-black-550);
1849
- --wds-card-gallery-item-image-inset: var(--wds-space-0);
1850
- --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1837
+ --wds-card-gallery-item-image-inset: var(--wds-space-200);
1838
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-400);
1851
1839
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1852
1840
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1853
1841
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1854
- --wds-card-gallery-item-action-button-size: var(--wds-space-950);
1842
+ --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1843
+ --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1844
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1845
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1846
+ --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1855
1847
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1856
- --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-500);
1857
- --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-400);
1848
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1849
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-300);
1858
1850
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1859
1851
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1860
1852
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1878,9 +1870,11 @@
1878
1870
  --wds-calendar-panel-presets-border-fill: var(--wds-color-black-100-transparent-0);
1879
1871
  --wds-calendar-panel-footer-border-width: var(--wds-border-width-100);
1880
1872
  --wds-calendar-panel-footer-border-fill: var(--wds-color-black-100-transparent-0);
1881
- --wds-calendar-padding-medium: var(--wds-space-600);
1882
- --wds-calendar-day-range-border-radius: var(--wds-border-radius-0);
1883
- --wds-calendar-day-gap: var(--wds-space-0);
1873
+ --wds-calendar-padding-small: var(--wds-space-300);
1874
+ --wds-calendar-day-today-inset-width: var(--wds-border-width-none);
1875
+ --wds-calendar-day-range-edge-border-radius: var(--wds-border-radius-400);
1876
+ --wds-calendar-day-range-border-radius: var(--wds-border-radius-400);
1877
+ --wds-calendar-day-gap: var(--wds-space-50);
1884
1878
  --wds-calendar-day-fill-today: var(--wds-color-black-550);
1885
1879
  --wds-calendar-day-fill-selected-hover: var(--wds-color-black-200);
1886
1880
  --wds-calendar-day-fill-selected: var(--wds-color-black-100);
@@ -1911,6 +1905,9 @@
1911
1905
  --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1912
1906
  --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1913
1907
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1908
+ --wds-button-label-fill-ai-tertiary-disabled: var(--wds-color-black-500);
1909
+ --wds-button-label-fill-ai-secondary-disabled: var(--wds-color-black-500);
1910
+ --wds-button-label-fill-ai-primary-disabled: var(--wds-color-black-500);
1914
1911
  --wds-button-icon-offset-tiny: var(--wds-space-300);
1915
1912
  --wds-button-icon-offset-small: var(--wds-space-300);
1916
1913
  --wds-button-icon-offset-medium: var(--wds-space-475);
@@ -1938,6 +1935,11 @@
1938
1935
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1939
1936
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1940
1937
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1938
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-black-700);
1939
+ --wds-button-fill-ai-tertiary: var(--wds-color-white-transparent-0);
1940
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-black-700);
1941
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1942
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-black-700);
1941
1943
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1942
1944
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1943
1945
  --wds-button-border-radius-tiny: var(--wds-border-radius-300);
@@ -1950,6 +1952,8 @@
1950
1952
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1951
1953
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1952
1954
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1955
+ --wds-button-border-ai-tertiary-disabled: var(--wds-color-black-700);
1956
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-black-700);
1953
1957
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1954
1958
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1955
1959
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
@@ -2074,6 +2078,25 @@
2074
2078
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
2075
2079
  --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
2076
2080
  --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
2081
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2082
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2083
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2084
+ --wds-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2085
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-hover);
2086
+ --wds-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-secondary-disabled);
2087
+ --wds-color-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2088
+ --wds-color-fill-ai-secondary: var(--wds-color-fill-standard-secondary);
2089
+ --wds-color-fill-ai-primary-pressed: var(--wds-color-fill-standard-primary-active);
2090
+ --wds-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2091
+ --wds-color-fill-ai-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
2092
+ --wds-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2093
+ --wds-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2094
+ --wds-color-fill-ai-hover: var(--wds-color-fill-standard-primary-hover);
2095
+ --wds-color-fill-ai: var(--wds-color-fill-standard-primary);
2096
+ --wds-color-border-ai-primary-hover: var(--wds-color-border-standard-primary-hover);
2097
+ --wds-color-border-ai-primary-disabled: var(--wds-color-border-standard-primary-disabled);
2098
+ --wds-color-border-ai-primary-active: var(--wds-color-border-standard-primary-active);
2099
+ --wds-color-border-ai-primary: var(--wds-color-border-standard-primary);
2077
2100
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
2078
2101
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
2079
2102
  --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
@@ -2404,6 +2427,13 @@
2404
2427
  --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
2405
2428
  --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2406
2429
  --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
2430
+ --wds-icon-button-color-text-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2431
+ --wds-icon-button-color-text-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2432
+ --wds-icon-button-color-text-ai-tertiary: var(--wds-color-text-primary);
2433
+ --wds-icon-button-color-text-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2434
+ --wds-icon-button-color-text-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2435
+ --wds-icon-button-color-text-ai-secondary: var(--wds-color-text-primary);
2436
+ --wds-icon-button-color-text-ai-primary: var(--wds-color-text-standard-primary-light);
2407
2437
  --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2408
2438
  --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
2409
2439
  --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
@@ -2442,6 +2472,16 @@
2442
2472
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2443
2473
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2444
2474
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2475
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2476
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-light-secondary);
2477
+ --wds-icon-button-color-fill-ai-tertiary-active: var(--wds-color-fill-light-secondary-active);
2478
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-light-secondary);
2479
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2480
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2481
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2482
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2483
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2484
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2445
2485
  --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2446
2486
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
2447
2487
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2453,6 +2493,12 @@
2453
2493
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2454
2494
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2455
2495
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2496
+ --wds-icon-button-color-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2497
+ --wds-icon-button-color-border-ai-secondary-active: var(--wds-color-border-standard-tertiary-active);
2498
+ --wds-icon-button-color-border-ai-secondary: var(--wds-color-border-standard-primary);
2499
+ --wds-icon-button-color-border-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2500
+ --wds-icon-button-color-border-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2501
+ --wds-icon-button-color-border-ai-primary: var(--wds-color-fill-standard-primary);
2456
2502
  --wds-form-field-label-readonly: var(--wds-color-text-disabled);
2457
2503
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2458
2504
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
@@ -2523,18 +2569,16 @@
2523
2569
  --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2524
2570
  --wds-carousel-controls-icon-fill: var(--wds-color-text-standard-primary);
2525
2571
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2526
- --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-4);
2527
- --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-4);
2528
2572
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2529
2573
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2530
- --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2574
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2531
2575
  --wds-card-gallery-item-secondary-action-fill-hover: var(--wds-color-fill-light-secondary-hover);
2532
2576
  --wds-card-gallery-item-secondary-action-fill-active: var(--wds-color-fill-light-secondary-active);
2533
2577
  --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-text-primary);
2534
2578
  --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-text-primary);
2535
2579
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2536
2580
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2537
- --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-small);
2581
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
2538
2582
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2539
2583
  --wds-card-border-radius: var(--wds-border-radius-surface-raised);
2540
2584
  --wds-calendar-weekday-label-color: var(--wds-color-text-disabled);
@@ -2553,6 +2597,12 @@
2553
2597
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
2554
2598
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
2555
2599
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
2600
+ --wds-button-label-fill-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2601
+ --wds-button-label-fill-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2602
+ --wds-button-label-fill-ai-tertiary: var(--wds-color-fill-standard-primary-hover);
2603
+ --wds-button-label-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2604
+ --wds-button-label-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2605
+ --wds-button-label-fill-ai-secondary: var(--wds-color-fill-standard-primary-hover);
2556
2606
  --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary-light);
2557
2607
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
2558
2608
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
@@ -2572,10 +2622,13 @@
2572
2622
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2573
2623
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2574
2624
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2575
- --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2576
- --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2577
- --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2578
- --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
2625
+ --wds-button-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2626
+ --wds-button-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2627
+ --wds-button-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2628
+ --wds-button-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2629
+ --wds-button-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2630
+ --wds-button-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2631
+ --wds-button-fill-ai-primary: var(--wds-color-fill-standard-primary);
2579
2632
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2580
2633
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2581
2634
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2585,6 +2638,9 @@
2585
2638
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2586
2639
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2587
2640
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2641
+ --wds-button-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2642
+ --wds-button-border-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2643
+ --wds-button-border-ai-secondary: var(--wds-color-border-standard-primary);
2588
2644
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2589
2645
  --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-text-primary);
2590
2646
  --wds-badge-transparent-neutral-light-label-color: var(--wds-color-text-standard-secondary);
@@ -2692,11 +2748,11 @@
2692
2748
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2693
2749
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2694
2750
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2695
- --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2751
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2696
2752
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2697
- --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-small);
2698
- --wds-card-gallery-item-secondary-action-line-height: var(--wds-font-line-height-body-medium);
2699
- --wds-card-gallery-item-action-button-line-height: var(--wds-font-line-height-body-medium);
2753
+ --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-tiny);
2754
+ --wds-card-gallery-item-secondary-action-line-height: var(--wds-font-line-height-body-tiny);
2755
+ --wds-card-gallery-item-action-button-line-height: var(--wds-font-line-height-body-tiny);
2700
2756
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2701
2757
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2702
2758
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);