@wix/design-system-tokens 1.219.0 → 1.219.2

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 (23) hide show
  1. package/CHANGELOG.md +32 -4
  2. package/all.css +24 -2
  3. package/all.scss +24 -2
  4. package/all.st.css +46 -2
  5. package/component.st.css +46 -2
  6. package/odeditor/all.css +29 -7
  7. package/odeditor/all.scss +29 -7
  8. package/odeditor/all.st.css +51 -7
  9. package/odeditor/component.st.css +51 -7
  10. package/odeditor-dark/all.css +40 -18
  11. package/odeditor-dark/all.scss +40 -18
  12. package/odeditor-dark/all.st.css +63 -19
  13. package/odeditor-dark/component.st.css +61 -17
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +2 -2
  16. package/studio/all.css +24 -2
  17. package/studio/all.scss +24 -2
  18. package/studio/all.st.css +46 -2
  19. package/studio/component.st.css +46 -2
  20. package/wixel/all.css +24 -2
  21. package/wixel/all.scss +24 -2
  22. package/wixel/all.st.css +46 -2
  23. package/wixel/component.st.css +46 -2
package/odeditor-dark/all.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --wds-illustration-color-opacity-25: #F8F6F640;
6
6
  --wds-illustration-color-background: #2D2D2E;
7
7
  --wds-illustration-color-7: #B8C4FF;
8
- --wds-illustration-color-6: #EAEFFF;
8
+ --wds-illustration-color-6: #002294;
9
9
  --wds-illustration-color-5: #EAEFFF;
10
10
  --wds-illustration-color-4: #D5DFFF;
11
11
  --wds-illustration-color-3: #B8C4FF;
@@ -102,7 +102,7 @@
102
102
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
103
103
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
104
104
  --wds-color-text-stage-section: #6f56f9;
105
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
105
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.98);
106
106
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
107
107
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
108
108
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -382,6 +382,10 @@
382
382
  --wds-side-panel-control-layout-divider-border-width: false;
383
383
  --wds-section-helper-prefix-offset-margin: 0px;
384
384
  --wds-radio-dot-size: 4px;
385
+ --wds-page-header-divider-color: transparent;
386
+ --wds-page-header-breadcrumbs-offset-small: 0px;
387
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
388
+ --wds-page-header-breadcrumbs-offset-large: 0px;
385
389
  --wds-marketing-layout-title-font-size-tiny: 20px;
386
390
  --wds-marketing-layout-image-border-radius: 0px;
387
391
  --wds-marketing-layout-badge-top: 9px;
@@ -395,6 +399,7 @@
395
399
  --wds-loader-stroke-width-small: 2px;
396
400
  --wds-loader-stroke-width-medium: 2px;
397
401
  --wds-loader-stroke-width-large: 2px;
402
+ --wds-list-item-select-min-height-medium: auto;
398
403
  --wds-list-item-action-subtitle-offset: 0px;
399
404
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
400
405
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -427,10 +432,12 @@
427
432
  --wds-card-header-suffix-align: flex-start;
428
433
  --wds-card-divider-opacity: 0;
429
434
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
435
+ --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
430
436
  --wds-breadcrumbs-height-medium: 26px;
431
437
  --wds-avatar-group-gap-condensed: -2px;
432
438
  --wds-avatar-group-counter-background-blur: 4px;
433
439
  --wds-avatar-size-tiny: 20px;
440
+ --wds-announcement-modal-help-button-fill: transparent;
434
441
  --wds-announcement-modal-footnote-content-alignment: start;
435
442
  --wds-announcement-modal-close-button-icon-size: 8px;
436
443
  --wds-angle-input-knob-size: 6px;
@@ -865,6 +872,12 @@
865
872
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
866
873
  --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
867
874
  --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
875
+ --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-white-transparent-0);
876
+ --wds-vertical-tabs-item-fill-standard: var(--wds-color-white-transparent-0);
877
+ --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-white-transparent-0);
878
+ --wds-vertical-tabs-item-fill-neutral: var(--wds-color-white-transparent-0);
879
+ --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-white-transparent-0);
880
+ --wds-vertical-tabs-item-fill-light: var(--wds-color-white-transparent-0);
868
881
  --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
869
882
  --wds-vertical-tabs-section-title-padding-top-small: var(--wds-space-400);
870
883
  --wds-vertical-tabs-section-title-padding-top-medium: var(--wds-space-600);
@@ -1164,6 +1177,7 @@
1164
1177
  --wds-selector-button-fill: var(--wds-color-black-750);
1165
1178
  --wds-selector-button-border-color-disabled: var(--wds-color-black-100-transparent-0);
1166
1179
  --wds-selector-button-border-color: var(--wds-color-black-100-transparent-0);
1180
+ --wds-selectable-accordion-fill: var(--wds-color-white-transparent-0);
1167
1181
  --wds-select-area-padding-vertical: var(--wds-space-300);
1168
1182
  --wds-select-area-padding-horizontal: var(--wds-space-400);
1169
1183
  --wds-select-area-fill-hover: var(--wds-color-black-700);
@@ -1221,6 +1235,9 @@
1221
1235
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
1222
1236
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
1223
1237
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
1238
+ --wds-section-header-fill-standard: var(--wds-color-white-transparent-0);
1239
+ --wds-section-header-fill-neutral: var(--wds-color-white-transparent-0);
1240
+ --wds-section-header-fill-light: var(--wds-color-white-transparent-0);
1224
1241
  --wds-search-expandable-padding-small: var(--wds-space-150);
1225
1242
  --wds-search-expandable-padding-medium: var(--wds-space-175);
1226
1243
  --wds-search-expandable-padding-large: var(--wds-space-300);
@@ -1258,7 +1275,7 @@
1258
1275
  --wds-popover-fill: var(--wds-color-fill-surface-overlay-blur);
1259
1276
  --wds-popover-border-width: var(--wds-border-width-100);
1260
1277
  --wds-popover-border-radius: var(--wds-border-radius-600);
1261
- --wds-popover-border-fill: var(--wds-color-black-700);
1278
+ --wds-popover-border-fill: var(--wds-color-black-750);
1262
1279
  --wds-palette-border: var(--wds-border-radius-200);
1263
1280
  --wds-pagination-padding-vertical: var(--wds-space-50);
1264
1281
  --wds-pagination-padding-horizontal: var(--wds-space-50);
@@ -1266,10 +1283,15 @@
1266
1283
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1267
1284
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1268
1285
  --wds-page-header-title-actions-gap: var(--wds-space-0);
1286
+ --wds-page-header-subtitle-padding-start: var(--wds-space-100);
1287
+ --wds-page-header-subtitle-gap: var(--wds-space-100);
1269
1288
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1270
1289
  --wds-page-header-padding-vertical: var(--wds-space-600);
1271
1290
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1272
1291
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1292
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
1293
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
1294
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
1273
1295
  --wds-page-header-back-button-gap: var(--wds-space-200);
1274
1296
  --wds-padding-vertical-tiny: var(--wds-space-500);
1275
1297
  --wds-padding-vertical-small: var(--wds-space-600);
@@ -1298,12 +1320,14 @@
1298
1320
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
1299
1321
  --wds-message-modal-title-font-line-height: var(--wds-space-800);
1300
1322
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
1323
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
1301
1324
  --wds-message-modal-padding-vertical: var(--wds-space-600);
1302
1325
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1303
1326
  --wds-message-modal-illustration-margin-top: var(--wds-space-600);
1304
1327
  --wds-message-modal-illustration-margin-start: var(--wds-space-600);
1305
1328
  --wds-message-modal-illustration-content-gap: var(--wds-space-400);
1306
- --wds-message-modal-help-button-size: var(--wds-space-700);
1329
+ --wds-message-modal-help-button-size: var(--wds-space-600);
1330
+ --wds-message-modal-help-button-icon-size: var(--wds-space-475);
1307
1331
  --wds-message-modal-content-gap: var(--wds-space-300);
1308
1332
  --wds-message-modal-close-button-size: var(--wds-space-600);
1309
1333
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
@@ -1339,18 +1363,18 @@
1339
1363
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1340
1364
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1341
1365
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1366
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1342
1367
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1343
1368
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1344
1369
  --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1345
1370
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1346
1371
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1347
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1348
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1372
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1373
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1349
1374
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1350
1375
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1351
1376
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1352
1377
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1353
- --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1354
1378
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1355
1379
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1356
1380
  --wds-list-item-select-gap: var(--wds-space-150);
@@ -1478,6 +1502,7 @@
1478
1502
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1479
1503
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1480
1504
  --wds-editable-title-placeholder-fill: var(--wds-color-black-550);
1505
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1481
1506
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-100);
1482
1507
  --wds-editable-title-marker-fill: var(--wds-color-black-400);
1483
1508
  --wds-dropdown-layout-option-size-small: var(--wds-space-800);
@@ -1638,6 +1663,7 @@
1638
1663
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1639
1664
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1640
1665
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1666
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1641
1667
  --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1642
1668
  --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1643
1669
  --wds-button-fill-ai-primary: var(--wds-color-blue-150);
@@ -1723,6 +1749,8 @@
1723
1749
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1724
1750
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1725
1751
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1752
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-300);
1753
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1726
1754
  --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
1727
1755
  --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
1728
1756
  --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
@@ -1751,33 +1779,28 @@
1751
1779
  --wds-vertical-tabs-item-fill-standard-premium-hover: var(--wds-color-fill-standard-tertiary-hover);
1752
1780
  --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-fill-standard-tertiary-hover);
1753
1781
  --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
1754
- --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary);
1755
1782
  --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1756
1783
  --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1757
1784
  --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
1758
- --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary);
1759
1785
  --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
1760
1786
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral);
1761
1787
  --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
1762
- --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral);
1763
1788
  --wds-vertical-tabs-item-fill-neutral-hover: var(--wds-color-fill-dark-secondary-hover);
1764
1789
  --wds-vertical-tabs-item-fill-neutral-disabled: var(--wds-color-fill-surface-neutral);
1765
1790
  --wds-vertical-tabs-item-fill-neutral-active: var(--wds-color-fill-dark-tertiary-active);
1766
- --wds-vertical-tabs-item-fill-neutral: var(--wds-color-fill-surface-neutral);
1767
1791
  --wds-vertical-tabs-item-fill-light-premium-hover: var(--wds-color-fill-premium-tertiary-hover);
1768
1792
  --wds-vertical-tabs-item-fill-light-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1769
1793
  --wds-vertical-tabs-item-fill-light-premium-active: var(--wds-color-fill-premium-tertiary-active);
1770
- --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-fill-premium-tertiary);
1771
1794
  --wds-vertical-tabs-item-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1772
1795
  --wds-vertical-tabs-item-fill-light-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1773
1796
  --wds-vertical-tabs-item-fill-light-active: var(--wds-color-fill-dark-tertiary-active);
1774
- --wds-vertical-tabs-item-fill-light: var(--wds-color-fill-standard-tertiary);
1775
1797
  --wds-vertical-tabs-item-active-title-text-disabled: var(--wds-color-text-disabled);
1776
1798
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
1777
1799
  --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-standard-secondary);
1778
1800
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1779
1801
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1780
1802
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
1803
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1781
1804
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary);
1782
1805
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
1783
1806
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-dark-primary-hover);
@@ -1896,9 +1919,6 @@
1896
1919
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1897
1920
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1898
1921
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
1899
- --wds-section-header-fill-standard: var(--wds-color-fill-surface-default);
1900
- --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
1901
- --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
1902
1922
  --wds-section-header-border-light: var(--wds-color-border-standard-primary);
1903
1923
  --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
1904
1924
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
@@ -2174,6 +2194,9 @@
2174
2194
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2175
2195
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2176
2196
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2197
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-primary);
2198
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-primary);
2199
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2177
2200
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2178
2201
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2179
2202
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2194,7 +2217,6 @@
2194
2217
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2195
2218
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2196
2219
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2197
- --wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
2198
2220
  --wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2199
2221
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2200
2222
  --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
@@ -2212,7 +2234,6 @@
2212
2234
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2213
2235
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2214
2236
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2215
- --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2216
2237
  --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2217
2238
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2218
2239
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
@@ -2252,6 +2273,7 @@
2252
2273
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2253
2274
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2254
2275
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2276
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2255
2277
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2256
2278
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2257
2279
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.scss CHANGED
@@ -141,6 +141,10 @@
141
141
  --wds-shadow-blur-0: 0px;
142
142
  --wds-section-helper-prefix-offset-margin: 0px;
143
143
  --wds-radio-dot-size: 4px;
144
+ --wds-page-header-divider-color: transparent;
145
+ --wds-page-header-breadcrumbs-offset-small: 0px;
146
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
147
+ --wds-page-header-breadcrumbs-offset-large: 0px;
144
148
  --wds-marketing-layout-title-font-size-tiny: 20px;
145
149
  --wds-marketing-layout-image-border-radius: 0px;
146
150
  --wds-marketing-layout-badge-top: 9px;
@@ -154,6 +158,7 @@
154
158
  --wds-loader-stroke-width-small: 2px;
155
159
  --wds-loader-stroke-width-medium: 2px;
156
160
  --wds-loader-stroke-width-large: 2px;
161
+ --wds-list-item-select-min-height-medium: auto;
157
162
  --wds-list-item-action-subtitle-offset: 0px;
158
163
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
159
164
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -175,7 +180,7 @@
175
180
  --wds-illustration-color-opacity-25: #F8F6F640;
176
181
  --wds-illustration-color-background: #2D2D2E;
177
182
  --wds-illustration-color-7: #B8C4FF;
178
- --wds-illustration-color-6: #EAEFFF;
183
+ --wds-illustration-color-6: #002294;
179
184
  --wds-illustration-color-5: #EAEFFF;
180
185
  --wds-illustration-color-4: #D5DFFF;
181
186
  --wds-illustration-color-3: #B8C4FF;
@@ -285,7 +290,7 @@
285
290
  --wds-color-green-100: #53DA98;
286
291
  --wds-color-green-50: #A3E5C5;
287
292
  --wds-color-green-0: #D6ECE1;
288
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.96);
293
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.98);
289
294
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
290
295
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
291
296
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -397,6 +402,7 @@
397
402
  --wds-card-header-suffix-align: flex-start;
398
403
  --wds-card-divider-opacity: 0;
399
404
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
405
+ --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
400
406
  --wds-breakpoint-x-large: 1572px;
401
407
  --wds-breakpoint-small: 490px;
402
408
  --wds-breakpoint-medium: 768px;
@@ -431,6 +437,7 @@
431
437
  --wds-avatar-size-tiny: 20px;
432
438
  --wds-avatar-group-gap-condensed: -2px;
433
439
  --wds-avatar-group-counter-background-blur: 4px;
440
+ --wds-announcement-modal-help-button-fill: transparent;
434
441
  --wds-announcement-modal-footnote-content-alignment: start;
435
442
  --wds-announcement-modal-close-button-icon-size: 8px;
436
443
  --wds-angle-input-knob-size: 6px;
@@ -454,6 +461,12 @@
454
461
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
455
462
  --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
456
463
  --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
464
+ --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-white-transparent-0);
465
+ --wds-vertical-tabs-item-fill-standard: var(--wds-color-white-transparent-0);
466
+ --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-white-transparent-0);
467
+ --wds-vertical-tabs-item-fill-neutral: var(--wds-color-white-transparent-0);
468
+ --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-white-transparent-0);
469
+ --wds-vertical-tabs-item-fill-light: var(--wds-color-white-transparent-0);
457
470
  --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
458
471
  --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
459
472
  --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
@@ -824,6 +837,7 @@
824
837
  --wds-selector-button-fill: var(--wds-color-black-750);
825
838
  --wds-selector-button-border-color-disabled: var(--wds-color-black-100-transparent-0);
826
839
  --wds-selector-button-border-color: var(--wds-color-black-100-transparent-0);
840
+ --wds-selectable-accordion-fill: var(--wds-color-white-transparent-0);
827
841
  --wds-select-area-padding-vertical: var(--wds-space-300);
828
842
  --wds-select-area-padding-horizontal: var(--wds-space-400);
829
843
  --wds-select-area-fill-hover: var(--wds-color-black-700);
@@ -881,6 +895,9 @@
881
895
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
882
896
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
883
897
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
898
+ --wds-section-header-fill-standard: var(--wds-color-white-transparent-0);
899
+ --wds-section-header-fill-neutral: var(--wds-color-white-transparent-0);
900
+ --wds-section-header-fill-light: var(--wds-color-white-transparent-0);
884
901
  --wds-search-expandable-padding-small: var(--wds-space-150);
885
902
  --wds-search-expandable-padding-medium: var(--wds-space-175);
886
903
  --wds-search-expandable-padding-large: var(--wds-space-300);
@@ -918,7 +935,7 @@
918
935
  --wds-popover-fill: var(--wds-color-fill-surface-overlay-blur);
919
936
  --wds-popover-border-width: var(--wds-border-width-100);
920
937
  --wds-popover-border-radius: var(--wds-border-radius-600);
921
- --wds-popover-border-fill: var(--wds-color-black-700);
938
+ --wds-popover-border-fill: var(--wds-color-black-750);
922
939
  --wds-palette-border: var(--wds-border-radius-200);
923
940
  --wds-pagination-padding-vertical: var(--wds-space-50);
924
941
  --wds-pagination-padding-horizontal: var(--wds-space-50);
@@ -926,10 +943,15 @@
926
943
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
927
944
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
928
945
  --wds-page-header-title-actions-gap: var(--wds-space-0);
946
+ --wds-page-header-subtitle-padding-start: var(--wds-space-100);
947
+ --wds-page-header-subtitle-gap: var(--wds-space-100);
929
948
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
930
949
  --wds-page-header-padding-vertical: var(--wds-space-600);
931
950
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
932
951
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
952
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
953
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
954
+ --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
933
955
  --wds-page-header-back-button-gap: var(--wds-space-200);
934
956
  --wds-padding-vertical-tiny: var(--wds-space-500);
935
957
  --wds-padding-vertical-small: var(--wds-space-600);
@@ -958,12 +980,14 @@
958
980
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
959
981
  --wds-message-modal-title-font-line-height: var(--wds-space-800);
960
982
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
983
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-regular);
961
984
  --wds-message-modal-padding-vertical: var(--wds-space-600);
962
985
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
963
986
  --wds-message-modal-illustration-margin-top: var(--wds-space-600);
964
987
  --wds-message-modal-illustration-margin-start: var(--wds-space-600);
965
988
  --wds-message-modal-illustration-content-gap: var(--wds-space-400);
966
- --wds-message-modal-help-button-size: var(--wds-space-700);
989
+ --wds-message-modal-help-button-size: var(--wds-space-600);
990
+ --wds-message-modal-help-button-icon-size: var(--wds-space-475);
967
991
  --wds-message-modal-content-gap: var(--wds-space-300);
968
992
  --wds-message-modal-close-button-size: var(--wds-space-600);
969
993
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
@@ -995,18 +1019,18 @@
995
1019
  --wds-loader-fill-loading: var(--wds-color-blue-0);
996
1020
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
997
1021
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1022
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
998
1023
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
999
1024
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1000
1025
  --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1001
1026
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1002
1027
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1003
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1004
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1028
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1029
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1005
1030
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1006
1031
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1007
1032
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1008
1033
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1009
- --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1010
1034
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1011
1035
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1012
1036
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
@@ -1177,6 +1201,7 @@
1177
1201
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1178
1202
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1179
1203
  --wds-editable-title-placeholder-fill: var(--wds-color-black-550);
1204
+ --wds-editable-title-marker-gap: var(--wds-space-100);
1180
1205
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-100);
1181
1206
  --wds-editable-title-marker-fill: var(--wds-color-black-400);
1182
1207
  --wds-dropdown-list-paddings: var(--wds-space-200);
@@ -1627,6 +1652,7 @@
1627
1652
  --wds-button-fill-dark-secondary-active: var(--wds-color-black-550);
1628
1653
  --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1629
1654
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1655
+ --wds-button-fill-ai-secondary: var(--wds-color-white-transparent-0);
1630
1656
  --wds-button-fill-ai-primary-hover: var(--wds-color-blue-200);
1631
1657
  --wds-button-fill-ai-primary-active: var(--wds-color-blue-100);
1632
1658
  --wds-button-fill-ai-primary: var(--wds-color-blue-150);
@@ -1723,6 +1749,8 @@
1723
1749
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1724
1750
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1725
1751
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1752
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-300);
1753
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1726
1754
  --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
1727
1755
  --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
1728
1756
  --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
@@ -1737,32 +1765,27 @@
1737
1765
  --wds-vertical-tabs-item-fill-standard-premium-hover: var(--wds-color-fill-standard-tertiary-hover);
1738
1766
  --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-fill-standard-tertiary-hover);
1739
1767
  --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
1740
- --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary);
1741
1768
  --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1742
1769
  --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1743
1770
  --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
1744
- --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary);
1745
1771
  --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
1746
1772
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral);
1747
1773
  --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
1748
- --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral);
1749
1774
  --wds-vertical-tabs-item-fill-neutral-hover: var(--wds-color-fill-dark-secondary-hover);
1750
1775
  --wds-vertical-tabs-item-fill-neutral-disabled: var(--wds-color-fill-surface-neutral);
1751
1776
  --wds-vertical-tabs-item-fill-neutral-active: var(--wds-color-fill-dark-tertiary-active);
1752
- --wds-vertical-tabs-item-fill-neutral: var(--wds-color-fill-surface-neutral);
1753
1777
  --wds-vertical-tabs-item-fill-light-premium-hover: var(--wds-color-fill-premium-tertiary-hover);
1754
1778
  --wds-vertical-tabs-item-fill-light-premium-disabled: var(--wds-color-fill-premium-tertiary-disabled);
1755
1779
  --wds-vertical-tabs-item-fill-light-premium-active: var(--wds-color-fill-premium-tertiary-active);
1756
- --wds-vertical-tabs-item-fill-light-premium: var(--wds-color-fill-premium-tertiary);
1757
1780
  --wds-vertical-tabs-item-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1758
1781
  --wds-vertical-tabs-item-fill-light-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1759
1782
  --wds-vertical-tabs-item-fill-light-active: var(--wds-color-fill-dark-tertiary-active);
1760
- --wds-vertical-tabs-item-fill-light: var(--wds-color-fill-standard-tertiary);
1761
1783
  --wds-vertical-tabs-item-active-title-text-disabled: var(--wds-color-text-disabled);
1762
1784
  --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-standard-secondary);
1763
1785
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1764
1786
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1765
1787
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-standard-secondary);
1788
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1766
1789
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary);
1767
1790
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-tiny);
1768
1791
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-dark-primary-hover);
@@ -1886,9 +1909,6 @@
1886
1909
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1887
1910
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1888
1911
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
1889
- --wds-section-header-fill-standard: var(--wds-color-fill-surface-default);
1890
- --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
1891
- --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
1892
1912
  --wds-section-header-border-light: var(--wds-color-border-standard-primary);
1893
1913
  --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
1894
1914
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
@@ -2174,6 +2194,9 @@
2174
2194
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2175
2195
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2176
2196
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2197
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-primary);
2198
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-primary);
2199
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2177
2200
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2178
2201
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2179
2202
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2194,7 +2217,6 @@
2194
2217
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2195
2218
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2196
2219
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2197
- --wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
2198
2220
  --wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2199
2221
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2200
2222
  --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
@@ -2212,7 +2234,6 @@
2212
2234
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2213
2235
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2214
2236
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2215
- --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2216
2237
  --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2217
2238
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2218
2239
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
@@ -2252,6 +2273,7 @@
2252
2273
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2253
2274
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2254
2275
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2276
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2255
2277
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2256
2278
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2257
2279
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);