@wix/design-system-tokens 1.232.5 → 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 +20 -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.scss CHANGED
@@ -184,25 +184,25 @@
184
184
  --wds-marketing-page-image-display: block;
185
185
  --wds-marketing-page-footer-grid-column: span 12;
186
186
  --wds-marketing-page-footer-divider-display: block;
187
- --wds-marketing-layout-min-height-tiny: auto;
188
- --wds-marketing-layout-min-height-small: auto;
189
- --wds-marketing-layout-min-height-medium: auto;
187
+ --wds-marketing-layout-min-height-tiny: 140px;
188
+ --wds-marketing-layout-min-height-small: 160px;
189
+ --wds-marketing-layout-min-height-medium: 180px;
190
190
  --wds-marketing-layout-image-wrapper-width: auto;
191
- --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
192
- --wds-marketing-layout-image-wrapper-contain: none;
193
- --wds-marketing-layout-image-width: 100%;
194
- --wds-marketing-layout-image-object-fit: fill;
195
- --wds-marketing-layout-image-max-width-tiny: none;
196
- --wds-marketing-layout-image-max-width-small: none;
197
- --wds-marketing-layout-image-max-width-medium: none;
198
- --wds-marketing-layout-image-height: auto;
199
- --wds-marketing-layout-image-aspect-ratio: auto;
200
- --wds-marketing-layout-description-max-width: none;
201
- --wds-marketing-layout-content-justify: center;
191
+ --wds-marketing-layout-image-wrapper-flex: none;
192
+ --wds-marketing-layout-image-wrapper-contain: size;
193
+ --wds-marketing-layout-image-width: auto;
194
+ --wds-marketing-layout-image-object-fit: cover;
195
+ --wds-marketing-layout-image-max-width-tiny: 116px;
196
+ --wds-marketing-layout-image-max-width-small: 136px;
197
+ --wds-marketing-layout-image-max-width-medium: 156px;
198
+ --wds-marketing-layout-image-height: 100%;
199
+ --wds-marketing-layout-image-aspect-ratio: 1;
200
+ --wds-marketing-layout-description-max-width: 80%;
201
+ --wds-marketing-layout-content-justify: flex-start;
202
202
  --wds-marketing-layout-badge-top: auto;
203
203
  --wds-marketing-layout-badge-side: auto;
204
204
  --wds-marketing-layout-badge-position: static;
205
- --wds-marketing-layout-actions-alignment-inverted: auto;
205
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
206
206
  --wds-loader-stroke-width-tiny: 2px;
207
207
  --wds-loader-stroke-width-small: 2px;
208
208
  --wds-loader-stroke-width-medium: 2px;
@@ -242,6 +242,7 @@
242
242
  --wds-illustration-color-3: #B8C4FF;
243
243
  --wds-illustration-color-2: #7896FF;
244
244
  --wds-illustration-color-1: #002294;
245
+ --wds-icon-button-border-ai-secondary-ring-display: none;
245
246
  --wds-google-preview-title-fill: #93b4e3;
246
247
  --wds-google-preview-text-fill: #bfbfbf;
247
248
  --wds-google-preview-surface-fill: #212122;
@@ -392,11 +393,6 @@
392
393
  --wds-color-fill-social-facebook-disabled: #bebebe;
393
394
  --wds-color-fill-social-facebook-active: #1877f2;
394
395
  --wds-color-fill-social-facebook: #1877f2;
395
- --wds-color-fill-ai-secondary-disabled: #e5e5e5;
396
- --wds-color-fill-ai-primary-pressed: #ffffff;
397
- --wds-color-fill-ai-primary-disabled: #bebebe;
398
- --wds-color-fill-ai-hover: #ffffff;
399
- --wds-color-fill-ai: #ffffff;
400
396
  --wds-color-fill-accent-12: #acafc4;
401
397
  --wds-color-fill-accent-11: #1b3689;
402
398
  --wds-color-fill-accent-10: #1f8845;
@@ -410,10 +406,6 @@
410
406
  --wds-color-fill-accent-2: #FFC2FE;
411
407
  --wds-color-fill-accent-1: #C4E1FF;
412
408
  --wds-color-border-stage-wip: #ffffff;
413
- --wds-color-border-ai-primary-hover: #ffffff;
414
- --wds-color-border-ai-primary-disabled: #ffffff;
415
- --wds-color-border-ai-primary-active: #ffffff;
416
- --wds-color-border-ai-primary: #ffffff;
417
409
  --wds-color-blue-600: #111214;
418
410
  --wds-color-blue-500: #212328;
419
411
  --wds-color-blue-400: #2D354E;
@@ -475,31 +467,26 @@
475
467
  --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
476
468
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
477
469
  --wds-card-header-suffix-align: flex-start;
478
- --wds-card-gallery-item-title-gap: 0px;
479
- --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);
480
- --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);
481
- --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
482
- --wds-card-gallery-item-secondary-action-min-width: auto;
483
- --wds-card-gallery-item-secondary-action-height: 24px;
470
+ --wds-card-gallery-item-title-gap: 2px;
471
+ --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);
472
+ --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);
473
+ --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);
474
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
484
475
  --wds-card-gallery-item-secondary-action-fill-hover: transparent;
485
476
  --wds-card-gallery-item-secondary-action-fill-active: transparent;
486
- --wds-card-gallery-item-secondary-action-border-radius: 2px;
487
- --wds-card-gallery-item-overlay-backdrop-filter: none;
488
- --wds-card-gallery-item-image-side-size-small: 30px;
489
- --wds-card-gallery-item-image-side-size-medium: 40px;
490
- --wds-card-gallery-item-drag-handle-gap: 12px;
491
- --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);
492
- --wds-card-gallery-item-badge-offset-inline: -6px;
493
- --wds-card-gallery-item-badge-offset-block: 12px;
494
- --wds-card-gallery-item-actions-secondary-position: absolute;
495
- --wds-card-gallery-item-actions-direction: row;
496
- --wds-card-gallery-item-actions-align: stretch;
497
- --wds-card-gallery-item-action-button-min-width: 84px;
477
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
478
+ --wds-card-gallery-item-image-side-size-small: 32px;
479
+ --wds-card-gallery-item-image-side-size-medium: 48px;
480
+ --wds-card-gallery-item-drag-handle-gap: 8px;
481
+ --wds-card-gallery-item-base-shadow: none;
482
+ --wds-card-gallery-item-actions-secondary-position: static;
483
+ --wds-card-gallery-item-actions-direction: column;
484
+ --wds-card-gallery-item-actions-align: center;
485
+ --wds-card-gallery-item-action-button-min-width: 72px;
498
486
  --wds-card-divider-opacity: 0;
499
487
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
500
- --wds-calendar-padding-small: 18px;
501
- --wds-calendar-day-today-inset-width: 3px;
502
- --wds-calendar-day-range-edge-border-radius: 50%;
488
+ --wds-calendar-padding-medium: 18px;
489
+ --wds-button-border-ai-secondary-ring-display: none;
503
490
  --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
504
491
  --wds-breakpoint-x-large: 1572px;
505
492
  --wds-breakpoint-small: 490px;
@@ -1145,9 +1132,9 @@
1145
1132
  --wds-notification-fill-standard: var(--wds-color-blue-200);
1146
1133
  --wds-notification-fill-premium: var(--wds-color-purple-200);
1147
1134
  --wds-notification-fill-error: var(--wds-color-red-200);
1148
- --wds-notification-border-width: var(--wds-border-width-none);
1149
- --wds-notification-border-radius: var(--wds-border-radius-0);
1150
- --wds-notification-border-color: var(--wds-color-white-transparent-0);
1135
+ --wds-notification-border-width: var(--wds-border-width-100);
1136
+ --wds-notification-border-radius: var(--wds-border-radius-400);
1137
+ --wds-notification-border-color: var(--wds-color-white);
1151
1138
  --wds-nestable-list-paddings: var(--wds-space-200);
1152
1139
  --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
1153
1140
  --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
@@ -1189,14 +1176,14 @@
1189
1176
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1190
1177
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1191
1178
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1192
- --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-0);
1193
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1194
- --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1195
- --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1179
+ --wds-marketing-layout-title-letter-spacing-tiny: var(--wds-font-letter-spacing-heading-3);
1180
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-50);
1181
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1182
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1196
1183
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1197
1184
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1198
1185
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1199
- --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-default);
1186
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-display);
1200
1187
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1201
1188
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1202
1189
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
@@ -1215,7 +1202,7 @@
1215
1202
  --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1216
1203
  --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1217
1204
  --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1218
- --wds-marketing-layout-image-hug-padding: var(--wds-space-0);
1205
+ --wds-marketing-layout-image-hug-padding: var(--wds-space-300);
1219
1206
  --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1220
1207
  --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1221
1208
  --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
@@ -1226,7 +1213,7 @@
1226
1213
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1227
1214
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1228
1215
  --wds-marketing-layout-badge-gap: var(--wds-space-200);
1229
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1216
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1230
1217
  --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1231
1218
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1232
1219
  --wds-loader-fill-loading: var(--wds-color-blue-0);
@@ -1348,6 +1335,9 @@
1348
1335
  --wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-black-500);
1349
1336
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1350
1337
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1338
+ --wds-icon-button-color-text-ai-tertiary-disabled: var(--wds-color-black-500);
1339
+ --wds-icon-button-color-text-ai-secondary-disabled: var(--wds-color-black-500);
1340
+ --wds-icon-button-color-text-ai-primary-disabled: var(--wds-color-black-500);
1351
1341
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1352
1342
  --wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
1353
1343
  --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-blue-200);
@@ -1360,10 +1350,21 @@
1360
1350
  --wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
1361
1351
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1362
1352
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1353
+ --wds-icon-button-color-fill-ai-secondary-disabled: var(--wds-color-black-700);
1354
+ --wds-icon-button-color-fill-ai-secondary: var(--wds-color-black-100-transparent-0);
1355
+ --wds-icon-button-color-fill-ai-primary-hover: var(--wds-color-blue-200);
1356
+ --wds-icon-button-color-fill-ai-primary-disabled: var(--wds-color-black-700);
1357
+ --wds-icon-button-color-fill-ai-primary-active: var(--wds-color-blue-100);
1358
+ --wds-icon-button-color-fill-ai-primary: var(--wds-color-blue-150);
1363
1359
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
1364
1360
  --wds-icon-button-color-border-premium-secondary-disabled: var(--wds-color-black-700);
1365
1361
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1366
1362
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1363
+ --wds-icon-button-color-border-ai-secondary-disabled: var(--wds-color-black-700);
1364
+ --wds-icon-button-color-border-ai-primary-hover: var(--wds-color-blue-200);
1365
+ --wds-icon-button-color-border-ai-primary-active: var(--wds-color-blue-100);
1366
+ --wds-icon-button-color-border-ai-primary: var(--wds-color-blue-150);
1367
+ --wds-icon-button-border-ai-width: var(--wds-border-width-100);
1367
1368
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1368
1369
  --wds-form-field-label-gap-small: var(--wds-space-200);
1369
1370
  --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
@@ -1660,16 +1661,6 @@
1660
1661
  --wds-color-fill-dark-primary-disabled: var(--wds-color-black-100-transparent-30);
1661
1662
  --wds-color-fill-dark-primary-active: var(--wds-color-black-300);
1662
1663
  --wds-color-fill-dark-primary: var(--wds-color-black-100);
1663
- --wds-color-fill-ai-tertiary-hover: var(--wds-color-black-750);
1664
- --wds-color-fill-ai-tertiary-disabled: var(--wds-color-white);
1665
- --wds-color-fill-ai-tertiary-active: var(--wds-color-iris-400);
1666
- --wds-color-fill-ai-tertiary: var(--wds-color-white);
1667
- --wds-color-fill-ai-secondary-hover: var(--wds-color-iris-300);
1668
- --wds-color-fill-ai-secondary-active: var(--wds-color-iris-400);
1669
- --wds-color-fill-ai-secondary: var(--wds-color-iris-400);
1670
- --wds-color-fill-ai-primary-hover: var(--wds-color-iris-0);
1671
- --wds-color-fill-ai-primary-active: var(--wds-color-iris-100);
1672
- --wds-color-fill-ai-primary: var(--wds-color-iris-100);
1673
1664
  --wds-color-border-warning-tertiary-hover: var(--wds-color-yellow-500);
1674
1665
  --wds-color-border-warning-tertiary-disabled: var(--wds-color-black-100-transparent-10);
1675
1666
  --wds-color-border-warning-tertiary-active: var(--wds-color-yellow-400);
@@ -1816,30 +1807,38 @@
1816
1807
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1817
1808
  --wds-card-header-padding-bottom: var(--wds-space-100);
1818
1809
  --wds-card-header-divider-width: var(--wds-border-width-none);
1819
- --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1820
- --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1821
- --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1822
- --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1810
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1811
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1812
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1813
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-3);
1814
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-3);
1815
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-display);
1823
1816
  --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1824
- --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1825
- --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1817
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1818
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1819
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1820
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1826
1821
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1827
- --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1828
- --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1829
- --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1822
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1823
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
1824
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1830
1825
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1831
- --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1826
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-400);
1832
1827
  --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-blue-300);
1833
1828
  --wds-card-gallery-item-outline-border-color: var(--wds-color-blue-400);
1834
- --wds-card-gallery-item-image-inset: var(--wds-space-0);
1835
- --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1829
+ --wds-card-gallery-item-image-inset: var(--wds-space-200);
1830
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-400);
1836
1831
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1837
1832
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1838
1833
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1839
- --wds-card-gallery-item-action-button-size: var(--wds-space-950);
1834
+ --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1835
+ --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1836
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1837
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1838
+ --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1840
1839
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1841
- --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-500);
1842
- --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-400);
1840
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1841
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-300);
1843
1842
  --wds-card-controls-padding-vertical: var(--wds-space-400);
1844
1843
  --wds-card-controls-padding-horizontal: var(--wds-space-600);
1845
1844
  --wds-card-content-paddings-vertical: var(--wds-space-300);
@@ -1851,11 +1850,13 @@
1851
1850
  --wds-card-content-padding-large: var(--wds-space-300);
1852
1851
  --wds-calendar-panel-presets-border-width: var(--wds-border-width-100);
1853
1852
  --wds-calendar-panel-footer-border-width: var(--wds-border-width-100);
1854
- --wds-calendar-padding-medium: var(--wds-space-600);
1855
- --wds-calendar-day-range-border-radius: var(--wds-border-radius-0);
1856
- --wds-calendar-day-gap: var(--wds-space-0);
1857
- --wds-calendar-day-fill-range-edge: var(--wds-color-blue-500);
1858
- --wds-calendar-day-fill-range: var(--wds-color-blue-500);
1853
+ --wds-calendar-padding-small: var(--wds-space-300);
1854
+ --wds-calendar-day-today-inset-width: var(--wds-border-width-none);
1855
+ --wds-calendar-day-range-edge-border-radius: var(--wds-border-radius-400);
1856
+ --wds-calendar-day-range-border-radius: var(--wds-border-radius-400);
1857
+ --wds-calendar-day-gap: var(--wds-space-50);
1858
+ --wds-calendar-day-fill-range-edge: var(--wds-color-white-transparent-0);
1859
+ --wds-calendar-day-fill-range: var(--wds-color-blue-400);
1859
1860
  --wds-button-size-x-tiny: var(--wds-space-475);
1860
1861
  --wds-button-size-tiny-screen-small: var(--wds-space-800);
1861
1862
  --wds-button-size-tiny: var(--wds-space-600);
@@ -1880,6 +1881,9 @@
1880
1881
  --wds-button-label-fill-destructive-primary-disabled: var(--wds-color-black-500);
1881
1882
  --wds-button-label-fill-dark-secondary-disabled: var(--wds-color-black-500);
1882
1883
  --wds-button-label-fill-dark-primary-disabled: var(--wds-color-black-500);
1884
+ --wds-button-label-fill-ai-tertiary-disabled: var(--wds-color-black-500);
1885
+ --wds-button-label-fill-ai-secondary-disabled: var(--wds-color-black-500);
1886
+ --wds-button-label-fill-ai-primary-disabled: var(--wds-color-black-500);
1883
1887
  --wds-button-icon-offset-tiny: var(--wds-space-300);
1884
1888
  --wds-button-icon-offset-small: var(--wds-space-300);
1885
1889
  --wds-button-icon-offset-medium: var(--wds-space-475);
@@ -1913,8 +1917,12 @@
1913
1917
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1914
1918
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1915
1919
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1920
+ --wds-button-fill-ai-tertiary-disabled: var(--wds-color-black-700);
1921
+ --wds-button-fill-ai-tertiary: var(--wds-color-white-transparent-0);
1922
+ --wds-button-fill-ai-secondary-disabled: var(--wds-color-black-700);
1916
1923
  --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1917
1924
  --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1925
+ --wds-button-fill-ai-primary-disabled: var(--wds-color-black-700);
1918
1926
  --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1919
1927
  --wds-button-fill-ai-primary: var(--wds-color-blue-150);
1920
1928
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
@@ -1929,6 +1937,8 @@
1929
1937
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1930
1938
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1931
1939
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1940
+ --wds-button-border-ai-tertiary-disabled: var(--wds-color-black-700);
1941
+ --wds-button-border-ai-secondary-disabled: var(--wds-color-black-700);
1932
1942
  --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1933
1943
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1934
1944
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
@@ -2348,7 +2358,7 @@
2348
2358
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2349
2359
  --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2350
2360
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2351
- --wds-info-icon-fill: var(--wds-color-text-placeholder);
2361
+ --wds-info-icon-fill: var(--wds-color-text-standard-secondary);
2352
2362
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
2353
2363
  --wds-icon-button-color-text-standard-tertiary-active: var(--wds-color-fill-standard-primary-active);
2354
2364
  --wds-icon-button-color-text-standard-tertiary: var(--wds-color-text-primary);
@@ -2386,6 +2396,13 @@
2386
2396
  --wds-icon-button-color-text-dark-primary-hover: var(--wds-color-text-standard-primary-light);
2387
2397
  --wds-icon-button-color-text-dark-primary-active: var(--wds-color-text-standard-primary-light);
2388
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);
2389
2406
  --wds-icon-button-color-fill-standard-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2390
2407
  --wds-icon-button-color-fill-standard-tertiary-disabled: var(--wds-color-fill-light-secondary);
2391
2408
  --wds-icon-button-color-fill-standard-tertiary-active: var(--wds-color-fill-light-secondary-active);
@@ -2422,6 +2439,12 @@
2422
2439
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
2423
2440
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
2424
2441
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
2442
+ --wds-icon-button-color-fill-ai-tertiary-hover: var(--wds-color-fill-light-secondary-hover);
2443
+ --wds-icon-button-color-fill-ai-tertiary-disabled: var(--wds-color-fill-light-secondary);
2444
+ --wds-icon-button-color-fill-ai-tertiary-active: var(--wds-color-fill-light-secondary-active);
2445
+ --wds-icon-button-color-fill-ai-tertiary: var(--wds-color-fill-light-secondary);
2446
+ --wds-icon-button-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
2447
+ --wds-icon-button-color-fill-ai-secondary-active: var(--wds-color-fill-standard-tertiary-active);
2425
2448
  --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-tertiary-hover);
2426
2449
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
2427
2450
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
@@ -2433,6 +2456,9 @@
2433
2456
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2434
2457
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2435
2458
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2459
+ --wds-icon-button-color-border-ai-secondary-hover: var(--wds-color-border-standard-tertiary-hover);
2460
+ --wds-icon-button-color-border-ai-secondary-active: var(--wds-color-border-standard-tertiary-active);
2461
+ --wds-icon-button-color-border-ai-secondary: var(--wds-color-border-standard-primary);
2436
2462
  --wds-horizontal-scroll-button-text: var(--wds-color-text-standard-primary);
2437
2463
  --wds-horizontal-scroll-button-fill-active: var(--wds-color-fill-dark-secondary-active);
2438
2464
  --wds-horizontal-scroll-button-fill: var(--wds-color-fill-dark-secondary);
@@ -2473,6 +2499,25 @@
2473
2499
  --wds-counter-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2474
2500
  --wds-composer-sidebar-fill: var(--wds-color-fill-standard-tertiary);
2475
2501
  --wds-composer-header-fill: var(--wds-color-fill-surface-default);
2502
+ --wds-color-fill-ai-tertiary-hover: var(--wds-color-fill-standard-tertiary-hover);
2503
+ --wds-color-fill-ai-tertiary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2504
+ --wds-color-fill-ai-tertiary-active: var(--wds-color-fill-standard-tertiary-active);
2505
+ --wds-color-fill-ai-tertiary: var(--wds-color-fill-standard-tertiary);
2506
+ --wds-color-fill-ai-secondary-hover: var(--wds-color-fill-standard-primary-hover);
2507
+ --wds-color-fill-ai-secondary-disabled: var(--wds-color-fill-standard-secondary-disabled);
2508
+ --wds-color-fill-ai-secondary-active: var(--wds-color-fill-standard-primary-active);
2509
+ --wds-color-fill-ai-secondary: var(--wds-color-fill-standard-secondary);
2510
+ --wds-color-fill-ai-primary-pressed: var(--wds-color-fill-standard-primary-active);
2511
+ --wds-color-fill-ai-primary-hover: var(--wds-color-fill-standard-primary-hover);
2512
+ --wds-color-fill-ai-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
2513
+ --wds-color-fill-ai-primary-active: var(--wds-color-fill-standard-primary-active);
2514
+ --wds-color-fill-ai-primary: var(--wds-color-fill-standard-primary);
2515
+ --wds-color-fill-ai-hover: var(--wds-color-fill-standard-primary-hover);
2516
+ --wds-color-fill-ai: var(--wds-color-fill-standard-primary);
2517
+ --wds-color-border-ai-primary-hover: var(--wds-color-border-standard-primary-hover);
2518
+ --wds-color-border-ai-primary-disabled: var(--wds-color-border-standard-primary-disabled);
2519
+ --wds-color-border-ai-primary-active: var(--wds-color-border-standard-primary-active);
2520
+ --wds-color-border-ai-primary: var(--wds-color-border-standard-primary);
2476
2521
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
2477
2522
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
2478
2523
  --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
@@ -2515,17 +2560,15 @@
2515
2560
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2516
2561
  --wds-card-subtitle-color: var(--wds-color-text-standard-secondary);
2517
2562
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2518
- --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-4);
2519
- --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-4);
2520
2563
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2521
2564
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2522
- --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2565
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2523
2566
  --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2524
2567
  --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2525
2568
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2526
2569
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2527
2570
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2528
- --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-small);
2571
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
2529
2572
  --wds-card-border-radius: var(--wds-border-radius-surface-raised);
2530
2573
  --wds-calendar-weekday-label-color: var(--wds-color-text-standard-primary);
2531
2574
  --wds-calendar-panel-presets-border-fill: var(--wds-color-border-dark-secondary);
@@ -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);