@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.scss CHANGED
@@ -180,25 +180,25 @@
180
180
  --wds-marketing-page-image-display: block;
181
181
  --wds-marketing-page-footer-grid-column: span 12;
182
182
  --wds-marketing-page-footer-divider-display: block;
183
- --wds-marketing-layout-min-height-tiny: auto;
184
- --wds-marketing-layout-min-height-small: auto;
185
- --wds-marketing-layout-min-height-medium: auto;
183
+ --wds-marketing-layout-min-height-tiny: 140px;
184
+ --wds-marketing-layout-min-height-small: 160px;
185
+ --wds-marketing-layout-min-height-medium: 180px;
186
186
  --wds-marketing-layout-image-wrapper-width: auto;
187
- --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
188
- --wds-marketing-layout-image-wrapper-contain: none;
189
- --wds-marketing-layout-image-width: 100%;
190
- --wds-marketing-layout-image-object-fit: fill;
191
- --wds-marketing-layout-image-max-width-tiny: none;
192
- --wds-marketing-layout-image-max-width-small: none;
193
- --wds-marketing-layout-image-max-width-medium: none;
194
- --wds-marketing-layout-image-height: auto;
195
- --wds-marketing-layout-image-aspect-ratio: auto;
196
- --wds-marketing-layout-description-max-width: none;
197
- --wds-marketing-layout-content-justify: center;
187
+ --wds-marketing-layout-image-wrapper-flex: none;
188
+ --wds-marketing-layout-image-wrapper-contain: size;
189
+ --wds-marketing-layout-image-width: auto;
190
+ --wds-marketing-layout-image-object-fit: cover;
191
+ --wds-marketing-layout-image-max-width-tiny: 116px;
192
+ --wds-marketing-layout-image-max-width-small: 136px;
193
+ --wds-marketing-layout-image-max-width-medium: 156px;
194
+ --wds-marketing-layout-image-height: 100%;
195
+ --wds-marketing-layout-image-aspect-ratio: 1;
196
+ --wds-marketing-layout-description-max-width: 80%;
197
+ --wds-marketing-layout-content-justify: flex-start;
198
198
  --wds-marketing-layout-badge-top: auto;
199
199
  --wds-marketing-layout-badge-side: auto;
200
200
  --wds-marketing-layout-badge-position: static;
201
- --wds-marketing-layout-actions-alignment-inverted: auto;
201
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
202
202
  --wds-loader-stroke-width-tiny: 2px;
203
203
  --wds-loader-stroke-width-small: 2px;
204
204
  --wds-loader-stroke-width-medium: 2px;
@@ -238,6 +238,7 @@
238
238
  --wds-illustration-color-3: #B8C4FF;
239
239
  --wds-illustration-color-2: #7896FF;
240
240
  --wds-illustration-color-1: #002294;
241
+ --wds-icon-button-border-ai-secondary-ring-display: none;
241
242
  --wds-horizontal-scroll-button-text: #000624;
242
243
  --wds-horizontal-scroll-button-fill-active: #F8F6F6;
243
244
  --wds-horizontal-scroll-button-fill: #FFFFFF;
@@ -390,11 +391,6 @@
390
391
  --wds-color-fill-social-facebook-disabled: #bebebe;
391
392
  --wds-color-fill-social-facebook-active: #1877f2;
392
393
  --wds-color-fill-social-facebook: #1877f2;
393
- --wds-color-fill-ai-secondary-disabled: #e5e5e5;
394
- --wds-color-fill-ai-primary-pressed: #ffffff;
395
- --wds-color-fill-ai-primary-disabled: #bebebe;
396
- --wds-color-fill-ai-hover: #ffffff;
397
- --wds-color-fill-ai: #ffffff;
398
394
  --wds-color-fill-accent-12: #acafc4;
399
395
  --wds-color-fill-accent-11: #1b3689;
400
396
  --wds-color-fill-accent-10: #1f8845;
@@ -408,10 +404,6 @@
408
404
  --wds-color-fill-accent-2: #FFC2FE;
409
405
  --wds-color-fill-accent-1: #C4E1FF;
410
406
  --wds-color-border-stage-wip: #ffffff;
411
- --wds-color-border-ai-primary-hover: #ffffff;
412
- --wds-color-border-ai-primary-disabled: #ffffff;
413
- --wds-color-border-ai-primary-active: #ffffff;
414
- --wds-color-border-ai-primary: #ffffff;
415
407
  --wds-color-blue-600: #f5f7ff;
416
408
  --wds-color-blue-500: #eaefff;
417
409
  --wds-color-blue-400: #d5dfff;
@@ -473,30 +465,25 @@
473
465
  --wds-card-subtitle-color: #44485f;
474
466
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
475
467
  --wds-card-header-suffix-align: flex-start;
476
- --wds-card-gallery-item-title-gap: 0px;
477
- --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);
478
- --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);
479
- --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
480
- --wds-card-gallery-item-secondary-action-min-width: auto;
481
- --wds-card-gallery-item-secondary-action-height: 24px;
482
- --wds-card-gallery-item-secondary-action-border-radius: 2px;
468
+ --wds-card-gallery-item-title-gap: 2px;
469
+ --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);
470
+ --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);
471
+ --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);
472
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
483
473
  --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
484
- --wds-card-gallery-item-overlay-backdrop-filter: none;
485
- --wds-card-gallery-item-image-side-size-small: 30px;
486
- --wds-card-gallery-item-image-side-size-medium: 40px;
487
- --wds-card-gallery-item-drag-handle-gap: 12px;
488
- --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);
489
- --wds-card-gallery-item-badge-offset-inline: -6px;
490
- --wds-card-gallery-item-badge-offset-block: 12px;
491
- --wds-card-gallery-item-actions-secondary-position: absolute;
492
- --wds-card-gallery-item-actions-direction: row;
493
- --wds-card-gallery-item-actions-align: stretch;
494
- --wds-card-gallery-item-action-button-min-width: 84px;
474
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
475
+ --wds-card-gallery-item-image-side-size-small: 32px;
476
+ --wds-card-gallery-item-image-side-size-medium: 48px;
477
+ --wds-card-gallery-item-drag-handle-gap: 8px;
478
+ --wds-card-gallery-item-base-shadow: none;
479
+ --wds-card-gallery-item-actions-secondary-position: static;
480
+ --wds-card-gallery-item-actions-direction: column;
481
+ --wds-card-gallery-item-actions-align: center;
482
+ --wds-card-gallery-item-action-button-min-width: 72px;
495
483
  --wds-card-divider-opacity: 0;
496
484
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
497
- --wds-calendar-padding-small: 18px;
498
- --wds-calendar-day-today-inset-width: 3px;
499
- --wds-calendar-day-range-edge-border-radius: 50%;
485
+ --wds-calendar-padding-medium: 18px;
486
+ --wds-button-border-ai-secondary-ring-display: none;
500
487
  --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
501
488
  --wds-breakpoint-x-large: 1572px;
502
489
  --wds-breakpoint-small: 490px;
@@ -1152,8 +1139,8 @@
1152
1139
  --wds-notification-fill-standard: var(--wds-color-blue-400);
1153
1140
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1154
1141
  --wds-notification-fill-error: var(--wds-color-red-400);
1155
- --wds-notification-border-width: var(--wds-border-width-none);
1156
- --wds-notification-border-radius: var(--wds-border-radius-0);
1142
+ --wds-notification-border-width: var(--wds-border-width-100);
1143
+ --wds-notification-border-radius: var(--wds-border-radius-400);
1157
1144
  --wds-notification-border-color: var(--wds-color-white);
1158
1145
  --wds-nestable-list-paddings: var(--wds-space-200);
1159
1146
  --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
@@ -1196,14 +1183,14 @@
1196
1183
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1197
1184
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1198
1185
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1199
- --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-0);
1200
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1201
- --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1202
- --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1186
+ --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-heading-3);
1187
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-50);
1188
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1189
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1203
1190
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1204
1191
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1205
1192
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1206
- --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-default);
1193
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-display);
1207
1194
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1208
1195
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1209
1196
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
@@ -1222,7 +1209,7 @@
1222
1209
  --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1223
1210
  --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1224
1211
  --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1225
- --wds-marketing-layout-image-hug-padding: var(--wds-space-0);
1212
+ --wds-marketing-layout-image-hug-padding: var(--wds-space-300);
1226
1213
  --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1227
1214
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1228
1215
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
@@ -1233,7 +1220,7 @@
1233
1220
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1234
1221
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1235
1222
  --wds-marketing-layout-badge-gap: var(--wds-space-200);
1236
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1223
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1237
1224
  --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1238
1225
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1239
1226
  --wds-loader-fill-loading: var(--wds-color-blue-0);
@@ -1361,6 +1348,9 @@
1361
1348
  --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1362
1349
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1363
1350
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1351
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-black-500);
1352
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-black-500);
1353
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-black-500);
1364
1354
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1365
1355
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1366
1356
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
@@ -1371,10 +1361,14 @@
1371
1361
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1372
1362
  --wds-icon-button-color-fill-dark-secondary: var(--wds-color-white-transparent-0);
1373
1363
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1364
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-black-700);
1365
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-black-700);
1374
1366
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1375
1367
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1376
1368
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1377
1369
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1370
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-black-700);
1371
+ --wds-icon-button-border-ai-width: var(--wds-border-width-100);
1378
1372
  --wds-google-preview-surface-fill: var(--wds-color-white);
1379
1373
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1380
1374
  --wds-form-field-label-gap-small: var(--wds-space-200);
@@ -1669,16 +1663,6 @@
1669
1663
  --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
1670
1664
  --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
1671
1665
  --wds-color-fill-dark-primary: var(--wds-color-black-100);
1672
- --wds-color-fill-ai-tertiary-hover: var(--wds-color-black-750);
1673
- --wds-color-fill-ai-tertiary-disabled: var(--wds-color-white);
1674
- --wds-color-fill-ai-tertiary-active: var(--wds-color-iris-400);
1675
- --wds-color-fill-ai-tertiary: var(--wds-color-white);
1676
- --wds-color-fill-ai-secondary-hover: var(--wds-color-iris-300);
1677
- --wds-color-fill-ai-secondary-active: var(--wds-color-iris-400);
1678
- --wds-color-fill-ai-secondary: var(--wds-color-iris-400);
1679
- --wds-color-fill-ai-primary-hover: var(--wds-color-iris-0);
1680
- --wds-color-fill-ai-primary-active: var(--wds-color-iris-100);
1681
- --wds-color-fill-ai-primary: var(--wds-color-iris-100);
1682
1666
  --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
1683
1667
  --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1684
1668
  --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
@@ -1829,30 +1813,38 @@
1829
1813
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1830
1814
  --wds-card-header-padding-bottom: var(--wds-space-100);
1831
1815
  --wds-card-header-divider-width: var(--wds-border-width-none);
1832
- --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1833
- --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1834
- --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1835
- --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1816
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1817
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1818
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1819
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-3);
1820
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-3);
1821
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-display);
1836
1822
  --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1837
- --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1838
- --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1823
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1824
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1825
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1826
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1839
1827
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1840
- --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1841
- --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1842
- --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1828
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1829
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
1830
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1843
1831
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1844
- --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1832
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-400);
1845
1833
  --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-black-500);
1846
1834
  --wds-card-gallery-item-outline-border-color: var(--wds-color-black-550);
1847
- --wds-card-gallery-item-image-inset: var(--wds-space-0);
1848
- --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1835
+ --wds-card-gallery-item-image-inset: var(--wds-space-200);
1836
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-400);
1849
1837
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1850
1838
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1851
1839
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1852
- --wds-card-gallery-item-action-button-size: var(--wds-space-950);
1840
+ --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1841
+ --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1842
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1843
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1844
+ --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1853
1845
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1854
- --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-500);
1855
- --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-400);
1846
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1847
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-300);
1856
1848
  --wds-card-controls-padding-vertical: var(--wds-space-400);
1857
1849
  --wds-card-controls-padding-horizontal: var(--wds-space-600);
1858
1850
  --wds-card-content-paddings-vertical: var(--wds-space-300);
@@ -1866,9 +1858,11 @@
1866
1858
  --wds-calendar-panel-presets-border-fill: var(--wds-color-black-100-transparent-0);
1867
1859
  --wds-calendar-panel-footer-border-width: var(--wds-border-width-100);
1868
1860
  --wds-calendar-panel-footer-border-fill: var(--wds-color-black-100-transparent-0);
1869
- --wds-calendar-padding-medium: var(--wds-space-600);
1870
- --wds-calendar-day-range-border-radius: var(--wds-border-radius-0);
1871
- --wds-calendar-day-gap: var(--wds-space-0);
1861
+ --wds-calendar-padding-small: var(--wds-space-300);
1862
+ --wds-calendar-day-today-inset-width: var(--wds-border-width-none);
1863
+ --wds-calendar-day-range-edge-border-radius: var(--wds-border-radius-400);
1864
+ --wds-calendar-day-range-border-radius: var(--wds-border-radius-400);
1865
+ --wds-calendar-day-gap: var(--wds-space-50);
1872
1866
  --wds-calendar-day-fill-today: var(--wds-color-black-550);
1873
1867
  --wds-calendar-day-fill-selected-hover: var(--wds-color-black-200);
1874
1868
  --wds-calendar-day-fill-selected: var(--wds-color-black-100);
@@ -1899,6 +1893,9 @@
1899
1893
  --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1900
1894
  --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1901
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);
1902
1899
  --wds-button-icon-offset-tiny: var(--wds-space-300);
1903
1900
  --wds-button-icon-offset-small: var(--wds-space-300);
1904
1901
  --wds-button-icon-offset-medium: var(--wds-space-475);
@@ -1926,6 +1923,11 @@
1926
1923
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1927
1924
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1928
1925
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1926
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-black-700);
1927
+ --wds-button-fill-ai-tertiary: var(--wds-color-white-transparent-0);
1928
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-black-700);
1929
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1930
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-black-700);
1929
1931
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1930
1932
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
1931
1933
  --wds-button-border-radius-tiny: var(--wds-border-radius-300);
@@ -1938,6 +1940,8 @@
1938
1940
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1939
1941
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1940
1942
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1943
+ --wds-button-border-ai-tertiary-disabled: var(--wds-color-black-700);
1944
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-black-700);
1941
1945
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1942
1946
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1943
1947
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
@@ -2392,6 +2396,13 @@
2392
2396
  --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
2393
2397
  --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2394
2398
  --wds-icon-button-color-text-dark-primary: var(--wds-color-text-standard-primary-light);
2399
+ --wds-icon-button-color-text-ai-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2400
+ --wds-icon-button-color-text-ai-tertiary-active: var(--wds-color-fill-standard-primary-active);
2401
+ --wds-icon-button-color-text-ai-tertiary: var(--wds-color-text-primary);
2402
+ --wds-icon-button-color-text-ai-secondary-hover: var(--wds-color-fill-standard-primary-active);
2403
+ --wds-icon-button-color-text-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2404
+ --wds-icon-button-color-text-ai-secondary: var(--wds-color-text-primary);
2405
+ --wds-icon-button-color-text-ai-primary: var(--wds-color-text-standard-primary-light);
2395
2406
  --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2396
2407
  --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
2397
2408
  --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
@@ -2430,6 +2441,16 @@
2430
2441
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2431
2442
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2432
2443
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2444
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2445
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-light-secondary);
2446
+ --wds-icon-button-color-fill-ai-tertiary-active: var(--wds-color-fill-light-secondary-active);
2447
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-light-secondary);
2448
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2449
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2450
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2451
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2452
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2453
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2433
2454
  --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2434
2455
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
2435
2456
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2441,6 +2462,12 @@
2441
2462
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2442
2463
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2443
2464
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2465
+ --wds-icon-button-color-border-ai-secondary-hover: var(--wds-color-border-standard-secondary-hover);
2466
+ --wds-icon-button-color-border-ai-secondary-active: var(--wds-color-border-standard-tertiary-active);
2467
+ --wds-icon-button-color-border-ai-secondary: var(--wds-color-border-standard-primary);
2468
+ --wds-icon-button-color-border-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2469
+ --wds-icon-button-color-border-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2470
+ --wds-icon-button-color-border-ai-primary: var(--wds-color-fill-standard-primary);
2444
2471
  --wds-form-field-label-readonly: var(--wds-color-text-disabled);
2445
2472
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2446
2473
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
@@ -2482,6 +2509,25 @@
2482
2509
  --wds-composer-header-fill: var(--wds-color-fill-surface-sunken);
2483
2510
  --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
2484
2511
  --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
2512
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2513
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2514
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2515
+ --wds-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2516
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-hover);
2517
+ --wds-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-secondary-disabled);
2518
+ --wds-color-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2519
+ --wds-color-fill-ai-secondary: var(--wds-color-fill-standard-secondary);
2520
+ --wds-color-fill-ai-primary-pressed: var(--wds-color-fill-standard-primary-active);
2521
+ --wds-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2522
+ --wds-color-fill-ai-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
2523
+ --wds-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2524
+ --wds-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2525
+ --wds-color-fill-ai-hover: var(--wds-color-fill-standard-primary-hover);
2526
+ --wds-color-fill-ai: var(--wds-color-fill-standard-primary);
2527
+ --wds-color-border-ai-primary-hover: var(--wds-color-border-standard-primary-hover);
2528
+ --wds-color-border-ai-primary-disabled: var(--wds-color-border-standard-primary-disabled);
2529
+ --wds-color-border-ai-primary-active: var(--wds-color-border-standard-primary-active);
2530
+ --wds-color-border-ai-primary: var(--wds-color-border-standard-primary);
2485
2531
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
2486
2532
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
2487
2533
  --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
@@ -2524,18 +2570,16 @@
2524
2570
  --wds-carousel-controls-icon-fill: var(--wds-color-text-standard-primary);
2525
2571
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2526
2572
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2527
- --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-4);
2528
- --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-4);
2529
2573
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2530
2574
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2531
- --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2575
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2532
2576
  --wds-card-gallery-item-secondary-action-fill-hover: var(--wds-color-fill-light-secondary-hover);
2533
2577
  --wds-card-gallery-item-secondary-action-fill-active: var(--wds-color-fill-light-secondary-active);
2534
2578
  --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-text-primary);
2535
2579
  --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-text-primary);
2536
2580
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2537
2581
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2538
- --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-small);
2582
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
2539
2583
  --wds-card-border-radius: var(--wds-border-radius-surface-raised);
2540
2584
  --wds-calendar-weekday-label-color: var(--wds-color-text-disabled);
2541
2585
  --wds-button-label-font-size-large: var(--wds-font-size-body-medium);
@@ -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);