@wix/design-system-tokens 1.232.6 → 1.233.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/all.css +54 -0
  3. package/all.scss +54 -0
  4. package/all.st.css +108 -0
  5. package/component.st.css +108 -0
  6. package/odeditor/all.css +78 -24
  7. package/odeditor/all.scss +78 -24
  8. package/odeditor/all.st.css +130 -22
  9. package/odeditor/component.st.css +113 -5
  10. package/odeditor/semantic.st.css +17 -17
  11. package/odeditor-dark/all.css +150 -94
  12. package/odeditor-dark/all.scss +150 -94
  13. package/odeditor-dark/all.st.css +203 -91
  14. package/odeditor-dark/component.st.css +186 -74
  15. package/odeditor-dark/semantic.st.css +17 -17
  16. package/package.json +2 -2
  17. package/studio/all.css +56 -0
  18. package/studio/all.scss +56 -0
  19. package/studio/all.st.css +112 -0
  20. package/studio/component.st.css +112 -0
  21. package/studio2-light/all.css +150 -94
  22. package/studio2-light/all.scss +150 -94
  23. package/studio2-light/all.st.css +203 -91
  24. package/studio2-light/component.st.css +186 -74
  25. package/studio2-light/semantic.st.css +17 -17
package/odeditor-dark/all.css CHANGED
@@ -146,11 +146,6 @@
146
146
  --wds-color-fill-social-facebook-disabled: #bebebe;
147
147
  --wds-color-fill-social-facebook-active: #1877f2;
148
148
  --wds-color-fill-social-facebook: #1877f2;
149
- --wds-color-fill-ai-secondary-disabled: #e5e5e5;
150
- --wds-color-fill-ai-primary-pressed: #ffffff;
151
- --wds-color-fill-ai-primary-disabled: #bebebe;
152
- --wds-color-fill-ai-hover: #ffffff;
153
- --wds-color-fill-ai: #ffffff;
154
149
  --wds-color-fill-accent-12: #acafc4;
155
150
  --wds-color-fill-accent-11: #1b3689;
156
151
  --wds-color-fill-accent-10: #1f8845;
@@ -164,10 +159,6 @@
164
159
  --wds-color-fill-accent-2: #FFC2FE;
165
160
  --wds-color-fill-accent-1: #C4E1FF;
166
161
  --wds-color-border-stage-wip: #ffffff;
167
- --wds-color-border-ai-primary-hover: #ffffff;
168
- --wds-color-border-ai-primary-disabled: #ffffff;
169
- --wds-color-border-ai-primary-active: #ffffff;
170
- --wds-color-border-ai-primary: #ffffff;
171
162
  --wds-color-yellow-600: #3E2B13;
172
163
  --wds-color-yellow-500: #6F502B;
173
164
  --wds-color-yellow-400: #946933;
@@ -425,25 +416,25 @@
425
416
  --wds-marketing-page-image-display: block;
426
417
  --wds-marketing-page-footer-grid-column: span 12;
427
418
  --wds-marketing-page-footer-divider-display: block;
428
- --wds-marketing-layout-min-height-tiny: auto;
429
- --wds-marketing-layout-min-height-small: auto;
430
- --wds-marketing-layout-min-height-medium: auto;
419
+ --wds-marketing-layout-min-height-tiny: 140px;
420
+ --wds-marketing-layout-min-height-small: 160px;
421
+ --wds-marketing-layout-min-height-medium: 180px;
431
422
  --wds-marketing-layout-image-wrapper-width: auto;
432
- --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
433
- --wds-marketing-layout-image-wrapper-contain: none;
434
- --wds-marketing-layout-image-width: 100%;
435
- --wds-marketing-layout-image-object-fit: fill;
436
- --wds-marketing-layout-image-max-width-tiny: none;
437
- --wds-marketing-layout-image-max-width-small: none;
438
- --wds-marketing-layout-image-max-width-medium: none;
439
- --wds-marketing-layout-image-height: auto;
440
- --wds-marketing-layout-image-aspect-ratio: auto;
441
- --wds-marketing-layout-description-max-width: none;
442
- --wds-marketing-layout-content-justify: center;
423
+ --wds-marketing-layout-image-wrapper-flex: none;
424
+ --wds-marketing-layout-image-wrapper-contain: size;
425
+ --wds-marketing-layout-image-width: auto;
426
+ --wds-marketing-layout-image-object-fit: cover;
427
+ --wds-marketing-layout-image-max-width-tiny: 116px;
428
+ --wds-marketing-layout-image-max-width-small: 136px;
429
+ --wds-marketing-layout-image-max-width-medium: 156px;
430
+ --wds-marketing-layout-image-height: 100%;
431
+ --wds-marketing-layout-image-aspect-ratio: 1;
432
+ --wds-marketing-layout-description-max-width: 80%;
433
+ --wds-marketing-layout-content-justify: flex-start;
443
434
  --wds-marketing-layout-badge-top: auto;
444
435
  --wds-marketing-layout-badge-side: auto;
445
436
  --wds-marketing-layout-badge-position: static;
446
- --wds-marketing-layout-actions-alignment-inverted: auto;
437
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
447
438
  --wds-loader-stroke-width-tiny: 2px;
448
439
  --wds-loader-stroke-width-small: 2px;
449
440
  --wds-loader-stroke-width-medium: 2px;
@@ -471,6 +462,7 @@
471
462
  --wds-input-shadow-focus-warning: transparent;
472
463
  --wds-input-shadow-focus-standard: transparent;
473
464
  --wds-input-shadow-focus-destructive: transparent;
465
+ --wds-icon-button-border-ai-secondary-ring-display: none;
474
466
  --wds-google-preview-title-fill: #93b4e3;
475
467
  --wds-google-preview-text-fill: #bfbfbf;
476
468
  --wds-google-preview-surface-fill: #212122;
@@ -503,33 +495,28 @@
503
495
  --wds-carousel-controls-bottom-offset-dots: 10px;
504
496
  --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
505
497
  --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
506
- --wds-card-gallery-item-title-gap: 0px;
507
- --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);
508
- --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);
509
- --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
510
- --wds-card-gallery-item-secondary-action-min-width: auto;
511
- --wds-card-gallery-item-secondary-action-height: 24px;
498
+ --wds-card-gallery-item-title-gap: 2px;
499
+ --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);
500
+ --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);
501
+ --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);
502
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
512
503
  --wds-card-gallery-item-secondary-action-fill-hover: transparent;
513
504
  --wds-card-gallery-item-secondary-action-fill-active: transparent;
514
- --wds-card-gallery-item-secondary-action-border-radius: 2px;
515
- --wds-card-gallery-item-overlay-backdrop-filter: none;
516
- --wds-card-gallery-item-image-side-size-small: 30px;
517
- --wds-card-gallery-item-image-side-size-medium: 40px;
518
- --wds-card-gallery-item-drag-handle-gap: 12px;
519
- --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);
520
- --wds-card-gallery-item-badge-offset-inline: -6px;
521
- --wds-card-gallery-item-badge-offset-block: 12px;
522
- --wds-card-gallery-item-actions-secondary-position: absolute;
523
- --wds-card-gallery-item-actions-direction: row;
524
- --wds-card-gallery-item-actions-align: stretch;
525
- --wds-card-gallery-item-action-button-min-width: 84px;
505
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
506
+ --wds-card-gallery-item-image-side-size-small: 32px;
507
+ --wds-card-gallery-item-image-side-size-medium: 48px;
508
+ --wds-card-gallery-item-drag-handle-gap: 8px;
509
+ --wds-card-gallery-item-base-shadow: none;
510
+ --wds-card-gallery-item-actions-secondary-position: static;
511
+ --wds-card-gallery-item-actions-direction: column;
512
+ --wds-card-gallery-item-actions-align: center;
513
+ --wds-card-gallery-item-action-button-min-width: 72px;
526
514
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
527
515
  --wds-card-header-suffix-align: flex-start;
528
516
  --wds-card-divider-opacity: 0;
529
517
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
530
- --wds-calendar-padding-small: 18px;
531
- --wds-calendar-day-today-inset-width: 3px;
532
- --wds-calendar-day-range-edge-border-radius: 50%;
518
+ --wds-calendar-padding-medium: 18px;
519
+ --wds-button-border-ai-secondary-ring-display: none;
533
520
  --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
534
521
  --wds-breadcrumbs-height-medium: 26px;
535
522
  --wds-avatar-group-gap-condensed: -2px;
@@ -875,16 +862,6 @@
875
862
  --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
876
863
  --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
877
864
  --wds-color-fill-dark-primary: var(--wds-color-black-100);
878
- --wds-color-fill-ai-tertiary-hover: var(--wds-color-black-750);
879
- --wds-color-fill-ai-tertiary-disabled: var(--wds-color-white);
880
- --wds-color-fill-ai-tertiary-active: var(--wds-color-iris-400);
881
- --wds-color-fill-ai-tertiary: var(--wds-color-white);
882
- --wds-color-fill-ai-secondary-hover: var(--wds-color-iris-300);
883
- --wds-color-fill-ai-secondary-active: var(--wds-color-iris-400);
884
- --wds-color-fill-ai-secondary: var(--wds-color-iris-400);
885
- --wds-color-fill-ai-primary-hover: var(--wds-color-iris-0);
886
- --wds-color-fill-ai-primary-active: var(--wds-color-iris-100);
887
- --wds-color-fill-ai-primary: var(--wds-color-iris-100);
888
865
  --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
889
866
  --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
890
867
  --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
@@ -1487,9 +1464,9 @@
1487
1464
  --wds-notification-fill-standard: var(--wds-color-blue-200);
1488
1465
  --wds-notification-fill-premium: var(--wds-color-purple-200);
1489
1466
  --wds-notification-fill-error: var(--wds-color-red-200);
1490
- --wds-notification-border-width: var(--wds-border-width-none);
1491
- --wds-notification-border-radius: var(--wds-border-radius-0);
1492
- --wds-notification-border-color: var(--wds-color-white-transparent-0);
1467
+ --wds-notification-border-width: var(--wds-border-width-100);
1468
+ --wds-notification-border-radius: var(--wds-border-radius-400);
1469
+ --wds-notification-border-color: var(--wds-color-white);
1493
1470
  --wds-nestable-list-paddings: var(--wds-space-200);
1494
1471
  --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
1495
1472
  --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
@@ -1531,14 +1508,14 @@
1531
1508
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1532
1509
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1533
1510
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1534
- --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-0);
1535
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1536
- --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1537
- --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1511
+ --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-heading-3);
1512
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-50);
1513
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1514
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1538
1515
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1539
1516
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1540
1517
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1541
- --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-default);
1518
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-display);
1542
1519
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1543
1520
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1544
1521
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
@@ -1557,7 +1534,7 @@
1557
1534
  --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1558
1535
  --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1559
1536
  --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1560
- --wds-marketing-layout-image-hug-padding: var(--wds-space-0);
1537
+ --wds-marketing-layout-image-hug-padding: var(--wds-space-300);
1561
1538
  --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1562
1539
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1563
1540
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
@@ -1568,7 +1545,7 @@
1568
1545
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1569
1546
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1570
1547
  --wds-marketing-layout-badge-gap: var(--wds-space-200);
1571
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1548
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1572
1549
  --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1573
1550
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1574
1551
  --wds-loader-fill-loading: var(--wds-color-blue-0);
@@ -1677,6 +1654,9 @@
1677
1654
  --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1678
1655
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1679
1656
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1657
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-black-500);
1658
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-black-500);
1659
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-black-500);
1680
1660
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1681
1661
  --wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
1682
1662
  --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-blue-200);
@@ -1689,10 +1669,21 @@
1689
1669
  --wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
1690
1670
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1691
1671
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1672
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-black-700);
1673
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-black-100-transparent-0);
1674
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-blue-200);
1675
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-black-700);
1676
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-blue-100);
1677
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-blue-150);
1692
1678
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1693
1679
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1694
1680
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1695
1681
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1682
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-black-700);
1683
+ --wds-icon-button-color-border-ai-primary-hover: var(--wds-color-blue-200);
1684
+ --wds-icon-button-color-border-ai-primary-active: var(--wds-color-blue-100);
1685
+ --wds-icon-button-color-border-ai-primary: var(--wds-color-blue-150);
1686
+ --wds-icon-button-border-ai-width: var(--wds-border-width-100);
1696
1687
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1697
1688
  --wds-form-field-label-gap-small: var(--wds-space-200);
1698
1689
  --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
@@ -1818,30 +1809,38 @@
1818
1809
  --wds-carousel-controls-gap-large: var(--wds-space-200);
1819
1810
  --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1820
1811
  --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1821
- --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1822
- --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1823
- --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1824
- --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1812
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1813
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1814
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1815
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-3);
1816
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-3);
1817
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-display);
1825
1818
  --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1826
- --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1827
- --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1819
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1820
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1821
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1822
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1828
1823
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1829
- --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1830
- --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1831
- --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1824
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1825
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
1826
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1832
1827
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1833
- --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1828
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-400);
1834
1829
  --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-blue-300);
1835
1830
  --wds-card-gallery-item-outline-border-color: var(--wds-color-blue-400);
1836
- --wds-card-gallery-item-image-inset: var(--wds-space-0);
1837
- --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1831
+ --wds-card-gallery-item-image-inset: var(--wds-space-200);
1832
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-400);
1838
1833
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1839
1834
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1840
1835
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1841
- --wds-card-gallery-item-action-button-size: var(--wds-space-950);
1836
+ --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1837
+ --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1838
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1839
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1840
+ --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1842
1841
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1843
- --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-500);
1844
- --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-400);
1842
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1843
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-300);
1845
1844
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1846
1845
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1847
1846
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1863,11 +1862,13 @@
1863
1862
  --wds-card-content-padding-large: var(--wds-space-300);
1864
1863
  --wds-calendar-panel-presets-border-width: var(--wds-border-width-100);
1865
1864
  --wds-calendar-panel-footer-border-width: var(--wds-border-width-100);
1866
- --wds-calendar-padding-medium: var(--wds-space-600);
1867
- --wds-calendar-day-range-border-radius: var(--wds-border-radius-0);
1868
- --wds-calendar-day-gap: var(--wds-space-0);
1869
- --wds-calendar-day-fill-range-edge: var(--wds-color-blue-500);
1870
- --wds-calendar-day-fill-range: var(--wds-color-blue-500);
1865
+ --wds-calendar-padding-small: var(--wds-space-300);
1866
+ --wds-calendar-day-today-inset-width: var(--wds-border-width-none);
1867
+ --wds-calendar-day-range-edge-border-radius: var(--wds-border-radius-400);
1868
+ --wds-calendar-day-range-border-radius: var(--wds-border-radius-400);
1869
+ --wds-calendar-day-gap: var(--wds-space-50);
1870
+ --wds-calendar-day-fill-range-edge: var(--wds-color-white-transparent-0);
1871
+ --wds-calendar-day-fill-range: var(--wds-color-blue-400);
1871
1872
  --wds-button-size-x-tiny: var(--wds-space-475);
1872
1873
  --wds-button-size-tiny-screen-small: var(--wds-space-800);
1873
1874
  --wds-button-size-tiny: var(--wds-space-600);
@@ -1892,6 +1893,9 @@
1892
1893
  --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1893
1894
  --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1894
1895
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1896
+ --wds-button-label-fill-ai-tertiary-disabled: var(--wds-color-black-500);
1897
+ --wds-button-label-fill-ai-secondary-disabled: var(--wds-color-black-500);
1898
+ --wds-button-label-fill-ai-primary-disabled: var(--wds-color-black-500);
1895
1899
  --wds-button-icon-offset-tiny: var(--wds-space-300);
1896
1900
  --wds-button-icon-offset-small: var(--wds-space-300);
1897
1901
  --wds-button-icon-offset-medium: var(--wds-space-475);
@@ -1925,8 +1929,12 @@
1925
1929
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1926
1930
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1927
1931
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1932
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-black-700);
1933
+ --wds-button-fill-ai-tertiary: var(--wds-color-white-transparent-0);
1934
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-black-700);
1928
1935
  --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1929
1936
  --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1937
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-black-700);
1930
1938
  --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1931
1939
  --wds-button-fill-ai-primary: var(--wds-color-blue-150);
1932
1940
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
@@ -1941,6 +1949,8 @@
1941
1949
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1942
1950
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1943
1951
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1952
+ --wds-button-border-ai-tertiary-disabled: var(--wds-color-black-700);
1953
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-black-700);
1944
1954
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1945
1955
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1946
1956
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
@@ -2056,6 +2066,25 @@
2056
2066
  --wds-font-line-height-body-small: var(--wds-font-line-height-300);
2057
2067
  --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
2058
2068
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
2069
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2070
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2071
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2072
+ --wds-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2073
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-hover);
2074
+ --wds-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-secondary-disabled);
2075
+ --wds-color-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2076
+ --wds-color-fill-ai-secondary: var(--wds-color-fill-standard-secondary);
2077
+ --wds-color-fill-ai-primary-pressed: var(--wds-color-fill-standard-primary-active);
2078
+ --wds-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2079
+ --wds-color-fill-ai-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
2080
+ --wds-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2081
+ --wds-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2082
+ --wds-color-fill-ai-hover: var(--wds-color-fill-standard-primary-hover);
2083
+ --wds-color-fill-ai: var(--wds-color-fill-standard-primary);
2084
+ --wds-color-border-ai-primary-hover: var(--wds-color-border-standard-primary-hover);
2085
+ --wds-color-border-ai-primary-disabled: var(--wds-color-border-standard-primary-disabled);
2086
+ --wds-color-border-ai-primary-active: var(--wds-color-border-standard-primary-active);
2087
+ --wds-color-border-ai-primary: var(--wds-color-border-standard-primary);
2059
2088
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
2060
2089
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
2061
2090
  --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
@@ -2358,7 +2387,7 @@
2358
2387
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2359
2388
  --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2360
2389
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2361
- --wds-info-icon-fill: var(--wds-color-text-placeholder);
2390
+ --wds-info-icon-fill: var(--wds-color-text-standard-secondary);
2362
2391
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2363
2392
  --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
2364
2393
  --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
@@ -2396,6 +2425,13 @@
2396
2425
  --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
2397
2426
  --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2398
2427
  --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
2428
+ --wds-icon-button-color-text-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2429
+ --wds-icon-button-color-text-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2430
+ --wds-icon-button-color-text-ai-tertiary: var(--wds-color-text-primary);
2431
+ --wds-icon-button-color-text-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2432
+ --wds-icon-button-color-text-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2433
+ --wds-icon-button-color-text-ai-secondary: var(--wds-color-text-primary);
2434
+ --wds-icon-button-color-text-ai-primary: var(--wds-color-text-standard-primary);
2399
2435
  --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2400
2436
  --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
2401
2437
  --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
@@ -2432,6 +2468,12 @@
2432
2468
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2433
2469
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2434
2470
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2471
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2472
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-light-secondary);
2473
+ --wds-icon-button-color-fill-ai-tertiary-active: var(--wds-color-fill-light-secondary-active);
2474
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-light-secondary);
2475
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2476
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2435
2477
  --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-tertiary-hover);
2436
2478
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
2437
2479
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2443,6 +2485,9 @@
2443
2485
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2444
2486
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2445
2487
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2488
+ --wds-icon-button-color-border-ai-secondary-hover: var(--wds-color-border-standard-tertiary-hover);
2489
+ --wds-icon-button-color-border-ai-secondary-active: var(--wds-color-border-standard-tertiary-active);
2490
+ --wds-icon-button-color-border-ai-secondary: var(--wds-color-border-standard-primary);
2446
2491
  --wds-horizontal-scroll-button-text: var(--wds-color-text-standard-primary);
2447
2492
  --wds-horizontal-scroll-button-fill-active: var(--wds-color-fill-dark-secondary-active);
2448
2493
  --wds-horizontal-scroll-button-fill: var(--wds-color-fill-dark-secondary);
@@ -2513,17 +2558,15 @@
2513
2558
  --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
2514
2559
  --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2515
2560
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2516
- --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-4);
2517
- --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-4);
2518
2561
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2519
2562
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2520
- --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2563
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2521
2564
  --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2522
2565
  --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2523
2566
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2524
2567
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2525
2568
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2526
- --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-small);
2569
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
2527
2570
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2528
2571
  --wds-card-subtitle-color: var(--wds-color-text-standard-secondary);
2529
2572
  --wds-card-border-radius: var(--wds-border-radius-surface-raised);
@@ -2552,6 +2595,12 @@
2552
2595
  --wds-button-label-fill-dark-secondary-hover: var(--wds-color-text-standard-primary);
2553
2596
  --wds-button-label-fill-dark-secondary-active: var(--wds-color-text-standard-primary);
2554
2597
  --wds-button-label-fill-dark-secondary: var(--wds-color-text-standard-primary);
2598
+ --wds-button-label-fill-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2599
+ --wds-button-label-fill-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2600
+ --wds-button-label-fill-ai-tertiary: var(--wds-color-fill-standard-primary-hover);
2601
+ --wds-button-label-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2602
+ --wds-button-label-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2603
+ --wds-button-label-fill-ai-secondary: var(--wds-color-fill-standard-primary-hover);
2555
2604
  --wds-button-label-fill-ai-primary: var(--wds-color-text-standard-primary);
2556
2605
  --wds-button-font-size-tiny: var(--wds-font-size-body-tiny);
2557
2606
  --wds-button-font-size-small: var(--wds-font-size-body-tiny);
@@ -2565,6 +2614,10 @@
2565
2614
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
2566
2615
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
2567
2616
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
2617
+ --wds-button-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2618
+ --wds-button-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2619
+ --wds-button-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2620
+ --wds-button-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2568
2621
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2569
2622
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2570
2623
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2574,6 +2627,9 @@
2574
2627
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2575
2628
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2576
2629
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2630
+ --wds-button-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2631
+ --wds-button-border-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2632
+ --wds-button-border-ai-secondary: var(--wds-color-border-standard-primary);
2577
2633
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2578
2634
  --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2579
2635
  --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
@@ -2695,11 +2751,11 @@
2695
2751
  --wds-carousel-controls-icon-fill: var(--wds-icon-button-color-text-standard-secondary);
2696
2752
  --wds-carousel-controls-fill-hover: var(--wds-icon-button-color-fill-standard-secondary-hover);
2697
2753
  --wds-carousel-controls-fill-active: var(--wds-icon-button-color-fill-standard-secondary-active);
2698
- --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2754
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2699
2755
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2700
- --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-small);
2701
- --wds-card-gallery-item-secondary-action-line-height: var(--wds-font-line-height-body-medium);
2702
- --wds-card-gallery-item-action-button-line-height: var(--wds-font-line-height-body-medium);
2756
+ --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-tiny);
2757
+ --wds-card-gallery-item-secondary-action-line-height: var(--wds-font-line-height-body-tiny);
2758
+ --wds-card-gallery-item-action-button-line-height: var(--wds-font-line-height-body-tiny);
2703
2759
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2704
2760
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2705
2761
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);